.home-page{padding-block:0;background:var(--color-warm-white)}
.home-page .home-shell{inline-size:min(100%,var(--content-max-width));margin-inline:auto;padding-inline:var(--container-padding)}
.home-page a:focus-visible,.home-page button:focus-visible,.home-page [tabindex]:focus-visible{outline:2px solid var(--color-lavender-deep);outline-offset:3px}
.home-page .card{display:flex;flex-direction:column;gap:var(--space-4)}
.home-page .card>*{min-inline-size:0}
.home-page .card h3,.home-page .card p{margin:0}
.home-page .card a{align-self:flex-start}
.home-section{padding-block:var(--section-space)}
.home-hero{padding-block:var(--space-24) var(--space-16)}
.home-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-12);align-items:center}
.home-hero__copy{display:flex;flex-direction:column;align-items:flex-start;min-inline-size:0;gap:var(--space-4)}
.home-hero__copy>*{margin:0}
.home-hero__copy h1{max-inline-size:12ch}
.home-hero__lead{max-inline-size:41rem;font-size:var(--font-size-18);line-height:var(--line-height-relaxed)}
.home-editorial-note{display:flex;flex-direction:column;gap:var(--space-2);max-inline-size:32.5rem;border:var(--border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--font-size-14);line-height:1.5}
.home-editorial-note>*{margin:0}
.home-hero__action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.home-hero__visual{position:relative;min-inline-size:0;max-inline-size:28.75rem;justify-self:end}
.home-hero__figure{margin:0}.home-hero__figure img{inline-size:100%;object-fit:contain;border:var(--border);border-radius:var(--radius-md)}
.home-hero__floating{position:absolute;z-index:1;inset-inline-start:-2rem;inset-block-end:1.8rem;inline-size:min(15.5rem,75%)}
.home-hero__floating h2{font-size:var(--font-size-22);margin:0}.home-hero__floating p{font-size:var(--font-size-14);line-height:1.5}
.home-mechanics{border-block-start:var(--border)}
.home-mechanics__intro,.home-review__intro{max-inline-size:42.5rem}.home-mechanics__intro p:last-child,.home-review__intro p:last-child{max-inline-size:42.5rem}
.home-mechanics__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6);margin-block-start:var(--space-12)}
.home-mechanic-card{display:flex;flex-direction:column;min-inline-size:0;gap:var(--space-6);border:var(--border);border-radius:var(--radius-md);padding:var(--space-6);transition:transform var(--transition-fast),border-color var(--transition-fast)}
.home-mechanic-card:focus,.home-mechanic-card:hover{border-color:var(--color-lavender-deep);transform:translateY(-2px)}
.home-mechanic-card--rule{grid-column:span 6;background:var(--color-lavender-mist);min-block-size:22rem}.home-mechanic-card--view{grid-column:span 4;background:var(--color-surface)}.home-mechanic-card--chain{grid-column:8/span 3;background:var(--color-soft-mint)}
.home-mechanic-card__copy{display:flex;flex-direction:column;gap:var(--space-3);max-inline-size:35rem}.home-mechanic-card__copy>*,.home-mechanic-card>p,.home-mechanic-card>h3{margin:0}.home-mechanic-card p{font-size:var(--font-size-16);line-height:1.58}
.home-mechanic-card:hover .home-block--lavender,.home-mechanic-card:focus .home-block--lavender{transform:translateX(4px) skewY(-26deg)}
.home-process__diagram i{display:block;inline-size:2.4rem;block-size:2.4rem;background:var(--color-charcoal);transform:skewY(-25deg)}
.home-process{background:var(--color-pale-stone)}.home-process__intro{max-inline-size:43rem}.home-process__board{display:flex;flex-direction:column;gap:0;margin-block-start:var(--space-12)}
.home-process__step{display:grid;grid-template-columns:4rem minmax(0,3fr) minmax(0,5fr);column-gap:var(--space-6);align-items:center;position:relative;min-inline-size:0;border:0;background:transparent;padding:0 0 var(--space-8);text-align:start}.home-process__step:last-child{padding-block-end:0}.home-process__step .status-marker{justify-self:center;z-index:1}.home-process__line{position:absolute;inset-inline-start:2rem;inset-block-start:2rem;inline-size:1px;block-size:calc(100% - 1rem);background:var(--color-line-stone)}.home-process__step:last-child .home-process__line{display:none}.home-process__diagram{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0;min-block-size:6rem}.home-process__diagram i:nth-child(2){background:var(--color-lavender-deep)}.home-process__diagram--open i:nth-child(2){background:var(--color-mint-deep)}.home-process__diagram b{font-size:1.6rem;color:var(--color-mint-deep)}.home-process__text{display:flex;flex-direction:column;min-inline-size:0;gap:var(--space-2);max-inline-size:38.75rem}.home-process__text strong{font-family:var(--font-heading);font-size:var(--font-size-22)}.home-process__text span{font-size:var(--font-size-16);line-height:1.62}.home-process__step.is-active .home-process__text{border-inline-start:3px solid var(--color-lavender-deep);padding-inline-start:var(--space-4)}.home-process__step.is-active .home-process__diagram i{outline:2px solid var(--color-lavender-deep);outline-offset:3px}
.home-review__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6);margin-block-start:var(--space-12)}.home-review-card--main{grid-column:span 6;grid-row:span 2;background:var(--color-pale-stone)}.home-review-card--pace{grid-column:span 3;background:var(--color-soft-mint)}.home-review-card:not(.home-review-card--main):not(.home-review-card--pace):not(.home-review-card--who){grid-column:span 3}.home-review-card--who{grid-column:8/span 3;background:var(--color-lavender-mist)}
.home-paths__intro{max-inline-size:40rem}.home-paths__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6);margin-block-start:var(--space-12);align-items:start}.home-path-card--mechanics{grid-column:span 5}.home-path-card--flow{grid-column:6/span 4;margin-block-start:var(--space-8);background:var(--color-pale-stone)}.home-path-card--tips{grid-column:10/span 3;margin-block-start:var(--space-16);background:var(--color-lavender-mist)}.home-path-card--flow .status-marker{margin-block-end:var(--space-2)}
.home-mobile{background:var(--color-pale-stone)}.home-mobile__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-12);align-items:center}.home-mobile__image{position:relative;max-inline-size:26.875rem}.home-mobile__image::before{content:"";position:absolute;z-index:0;inset:-1rem 1rem 1rem -1rem;background:var(--color-warm-white);border:var(--border);border-radius:var(--radius-md)}.home-mobile__image img{position:relative;z-index:1;inline-size:100%;aspect-ratio:1;object-fit:cover;border:var(--border);border-radius:var(--radius-md)}.home-mobile__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-inline-size:36.25rem}.home-mobile__copy>*{margin:0}.home-mobile__copy h3{font-size:var(--font-size-22);margin:0}.home-mobile__tip,.home-mobile__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);inline-size:100%;border:var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.home-mobile__tip{background:var(--color-surface)}.home-mobile__cta{background:color-mix(in srgb,var(--color-soft-mint) 55%,var(--color-warm-white))}.home-mobile__tip>*,.home-mobile__cta>*{margin:0}.home-mobile__tip p,.home-mobile__cta p{font-size:var(--font-size-16);line-height:1.55}
.home-audience__intro{max-inline-size:38.75rem}.home-audience__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6);margin-block-start:var(--space-12);align-items:start}.home-audience-card--pattern{grid-column:span 5;background:var(--color-pale-stone)}.home-audience-card--beginner{grid-column:6/span 4;margin-block-start:var(--space-6);background:var(--color-soft-mint)}.home-audience-card--other{grid-column:10/span 3;background:var(--color-surface)}.home-audience-card .caption{margin-block-start:auto}
.home-faq{background:var(--color-pale-stone)}.home-faq__shell{position:relative}.home-faq__intro{max-inline-size:43.75rem}.home-faq__list{display:flex;flex-direction:column;gap:var(--space-4);max-inline-size:47.5rem;margin-block-start:var(--space-12)}.home-faq__list details{margin:0;padding:0;overflow:hidden}.home-faq__list summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6)}.home-faq__list summary span{font-size:1.5rem;line-height:1}.home-faq__list details[open] summary span{transform:rotate(45deg)}.home-faq__list details p{margin:0;padding:0 var(--space-6) var(--space-6);font-size:var(--font-size-16);line-height:1.62}.home-faq__blocks{position:absolute;inset-inline-end:7rem;inset-block-start:10rem;display:flex;gap:var(--space-2)}.home-faq__blocks i{inline-size:3rem;block-size:3rem;background:var(--color-charcoal);transform:skewY(-24deg)}.home-faq__blocks i:nth-child(2){background:var(--color-lavender-deep);margin-block-start:2rem}.home-faq__blocks i:nth-child(3){background:var(--color-mint-deep);margin-block-start:4rem}
.home-verdict{border-block-start:var(--border);padding-block:var(--section-space)}.home-verdict__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:var(--space-12);align-items:start}.home-verdict__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-inline-size:43.75rem}.home-verdict__copy>*{margin:0}.home-verdict__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);max-inline-size:26.25rem;border:var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.home-verdict__cta>*{margin:0}.home-verdict__media{max-inline-size:18.75rem;margin-block-start:var(--space-12);border:var(--border);border-radius:var(--radius-md);overflow:hidden}.home-verdict__media img{display:block;inline-size:100%;block-size:auto;aspect-ratio:665/1440;object-fit:cover}
.home-mechanic-card__media{inline-size:100%;border:var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-warm-white)}.home-mechanic-card__media img{display:block;inline-size:100%;block-size:13rem;object-fit:cover;object-position:center}
.home-process__diagram img{display:block;inline-size:100%;block-size:100%;min-block-size:6rem;object-fit:cover;object-position:center;border:var(--border);border-radius:var(--radius-sm)}
@media(max-width:1000px){.home-page .home-shell{padding-inline:var(--container-padding-tablet)}.home-hero__grid,.home-mobile__grid,.home-verdict__grid{gap:var(--space-8)}.home-faq__blocks{display:none}}
@media(max-width:899px){.home-hero__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-8)}.home-hero__copy{grid-column:span 6}.home-hero__visual{grid-column:span 6;justify-self:start;max-inline-size:34rem}.home-hero__floating{position:static;inline-size:100%;margin-block-start:var(--space-4)}.home-mechanics__grid,.home-review__grid,.home-paths__grid,.home-audience__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home-mechanic-card--rule{grid-column:span 6}.home-mechanic-card--view,.home-mechanic-card--chain{grid-column:span 3}.home-mechanic-card--chain{margin:0}.home-process__step{grid-template-columns:3.25rem minmax(0,2fr) minmax(0,4fr);gap:var(--space-4)}.home-process__line{inset-inline-start:1.625rem}.home-review-card--main{grid-column:span 6;grid-row:auto}.home-review-card--pace,.home-review-card:not(.home-review-card--main):not(.home-review-card--pace):not(.home-review-card--who){grid-column:span 3}.home-review-card--who{grid-column:span 6}.home-path-card--mechanics,.home-path-card--flow{grid-column:span 3;margin-block-start:0}.home-path-card--tips{grid-column:span 6;margin-block-start:0}.home-mobile__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home-mobile__image{grid-column:span 3}.home-mobile__copy{grid-column:span 3}.home-audience-card--pattern,.home-audience-card--beginner{grid-column:span 3;margin-block-start:0}.home-audience-card--other{grid-column:span 6}.home-verdict__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home-verdict__copy{grid-column:span 6}.home-verdict__media{grid-column:span 6;margin-block-start:0}}
@media(max-width:640px){.home-page .home-shell{padding-inline:var(--container-padding-mobile)}.home-section{padding-block:var(--section-space-mobile)}.home-hero{padding-block:var(--section-space-mobile)}.home-hero__copy h1{max-inline-size:14ch}.home-hero__lead{font-size:var(--font-size-16)}.home-mechanics__grid,.home-review__grid,.home-paths__grid,.home-audience__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-block-start:var(--space-8)}.home-mechanic-card--rule,.home-mechanic-card--view,.home-mechanic-card--chain,.home-review-card--main,.home-review-card--pace,.home-review-card:not(.home-review-card--main):not(.home-review-card--pace):not(.home-review-card--who),.home-review-card--who,.home-path-card--mechanics,.home-path-card--flow,.home-path-card--tips,.home-audience-card--pattern,.home-audience-card--beginner,.home-audience-card--other{grid-column:1;margin:0}.home-mechanic-card--chain{margin-inline-start:var(--space-3)}.home-process__board{margin-block-start:var(--space-8)}.home-process__step{grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-3);padding-block-end:var(--space-6)}.home-process__line{inset-inline-start:1.375rem}.home-process__diagram{grid-column:2;min-block-size:4.5rem}.home-process__text{grid-column:2}.home-process__text strong{font-size:var(--font-size-18)}.home-mobile__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.home-mobile__image,.home-mobile__copy{grid-column:1}.home-mobile__image{max-inline-size:26.25rem}.home-mobile__copy{max-inline-size:none}.home-audience-card--beginner{margin-inline-start:var(--space-2)}.home-faq__list{margin-block-start:var(--space-8)}.home-faq__list summary{padding:var(--space-4)}.home-faq__list details p{padding:0 var(--space-4) var(--space-4)}.home-verdict__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.home-verdict__copy,.home-verdict__media{grid-column:1}.home-verdict__media{margin-inline:0;max-inline-size:20rem}.home-hero__action,.home-mobile__cta,.home-verdict__cta{inline-size:100%}}
@media(prefers-reduced-motion:reduce){.home-mechanic-card,.home-mechanic-card:hover,.home-mechanic-card:focus{transform:none}.home-mechanic-card:hover .home-block--lavender,.home-mechanic-card:focus .home-block--lavender{transform:skewY(-26deg)}}