.hh-landing__hero,.hh-landing__section{--color-secondary-text:color-mix(in oklab, var(--color-fg) 78%, transparent)}.hh-landing__section>.container>.section-heading p{color:var(--color-secondary-text)}.hh-landing__hero{padding-top:72px}.hh-landing__hero-inner>*{max-width:860px}.hh-landing__hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.06}.hh-landing__lead{max-width:720px;color:var(--color-secondary-text);margin:24px 0 0;font-size:18px;line-height:1.65}.hh-landing__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button.hh-landing__cta{background:var(--color-fg);min-height:48px;color:var(--color-bg-deep);box-shadow:none;border-color:#0000;border-radius:999px;gap:12px;padding:12px 24px;font-size:16px;font-weight:500;line-height:20px}.button.hh-landing__cta:hover{background:color-mix(in oklab, var(--color-fg) 88%, var(--color-bg-deep));box-shadow:none}.button.hh-landing__cta:active{background:color-mix(in oklab, var(--color-fg) 82%, var(--color-bg-deep))}.button.hh-landing__cta--secondary{border-color:color-mix(in oklab, var(--color-fg) 20%, transparent);background:color-mix(in oklab, var(--color-bg-deep) 82%, var(--color-surface-raised));color:var(--color-fg)}.button.hh-landing__cta--secondary:hover,.button.hh-landing__cta--secondary:active{border-color:color-mix(in oklab, var(--color-fg) 34%, transparent);background:color-mix(in oklab, var(--color-bg-deep) 68%, var(--color-surface-raised))}.hh-landing__section .section-heading h2.hh-landing__kicker{color:var(--color-fg);letter-spacing:.1em;text-transform:uppercase;margin:0 0 28px;font-size:17px;font-weight:650;line-height:24px}.hh-landing__section .section-heading h2{font-size:clamp(1.75rem,2.6vw,2.5rem)}.hh-grid{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-border-subtle);gap:1px;display:grid;overflow:hidden}.hh-grid>*{background:color-mix(in oklab, var(--color-bg-deep) 86%, var(--color-surface-raised));padding:32px}.hh-grid--steps{grid-template-columns:minmax(0,1.05fr) repeat(2,minmax(0,1fr))}.hh-grid__intro{grid-row:span 2}.hh-grid__intro h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:600;line-height:1.1}.hh-grid__intro p{color:var(--color-muted);margin:16px 0 0;font-size:16px;line-height:1.6}.hh-step__number{color:var(--color-fg);letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1;display:block}.hh-step h3,.hh-showcase h3,.hh-landing__extras h3{margin:20px 0 8px;font-size:18px;font-weight:600;line-height:1.3}.hh-showcase h3,.hh-landing__extras h3{margin-top:0}.hh-step p,.hh-showcase p,.hh-landing__extras p{color:var(--color-muted);margin:0;font-size:15px;line-height:1.6}.hh-grid--showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-showcase{flex-direction:column;display:flex}.hh-showcase p{max-width:46ch}.hh-mock{align-content:start;gap:10px;margin-top:auto;padding-top:28px;display:grid}.hh-mock>*,.hh-mock__row,.hh-mock__title{min-width:0}.hh-mock__head,.hh-mock__list,.hh-mock__chips,.hh-mock__stats,.hh-mock__letter,.hh-mock__test,.hh-mock__slots,.hh-mock__row--plain{border:1px solid var(--color-border-subtle);background:color-mix(in oklab, var(--color-bg-deep) 66%, var(--color-surface));border-radius:14px;padding:12px 14px}.hh-mock__head{color:color-mix(in oklab, var(--color-fg) 62%, transparent);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;font-size:11px;font-weight:600;line-height:16px;display:flex}.hh-mock__list,.hh-mock__slots{gap:10px;margin:0;list-style:none;display:grid}.hh-mock__row{align-items:center;gap:10px;font-size:13px;line-height:18px;display:flex}.hh-mock__time{color:color-mix(in oklab, var(--color-fg) 45%, transparent);font-variant-numeric:tabular-nums;flex:none}.hh-mock__title{color:color-mix(in oklab, var(--color-fg) 88%, transparent);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.hh-mock__icon{color:color-mix(in oklab, var(--color-fg) 42%, transparent);flex:none}.hh-mock__icon--ok{color:var(--color-success)}.hh-mock__badge{background:color-mix(in oklab, var(--color-fg) 14%, transparent);color:var(--color-fg);white-space:nowrap;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;line-height:16px}.hh-mock__chips{flex-wrap:wrap;gap:6px;display:flex}.hh-mock__chips span{border:1px solid var(--color-border-subtle);background:color-mix(in oklab, var(--color-fg) 6%, transparent);color:color-mix(in oklab, var(--color-fg) 78%, transparent);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;line-height:16px}.hh-mock__stats{gap:10px;display:grid}.hh-mock__stats div{color:color-mix(in oklab, var(--color-fg) 62%, transparent);justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:18px;display:flex}.hh-mock__stats strong{color:var(--color-fg);font-variant-numeric:tabular-nums}.hh-mock__stats-accent{background:color-mix(in oklab, var(--color-success) 14%, transparent);border-radius:10px;margin:-4px -6px;padding:4px 6px}.hh-mock__letter{color:color-mix(in oklab, var(--color-fg) 78%, transparent);margin:0;font-size:13px;line-height:1.55}.hh-mock__test{gap:8px;display:grid}.hh-mock__test-label{color:color-mix(in oklab, var(--color-fg) 55%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.hh-mock__answer{background:color-mix(in oklab, var(--color-success) 18%, transparent);color:var(--color-fg);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;line-height:16px;display:inline-flex}.hh-mock__slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.hh-mock__slot{border:1px solid var(--color-border-subtle);color:color-mix(in oklab, var(--color-fg) 45%, transparent);font-variant-numeric:tabular-nums;border-radius:10px;justify-items:center;gap:6px;padding:8px 4px;font-size:11px;display:grid}.hh-mock__slot[data-done=true]{border-color:color-mix(in oklab, var(--color-success) 40%, transparent);background:color-mix(in oklab, var(--color-success) 12%, transparent);color:color-mix(in oklab, var(--color-fg) 72%, transparent)}.hh-landing__extras{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.hh-landing__extras li{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:color-mix(in oklab, var(--color-fg) 3%, transparent);padding:24px}.hh-landing__control>*{max-width:860px}.hh-landing__list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.hh-landing__list li{color:var(--color-fg);padding-left:28px;font-size:16px;line-height:1.6;position:relative}.hh-landing__list li:before{content:"";background:color-mix(in oklab, var(--color-fg) 45%, transparent);border-radius:999px;width:8px;height:8px;position:absolute;top:10px;left:4px}.hh-faq{grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);align-items:start;gap:48px;display:grid}.hh-faq__intro h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:600;line-height:1.1}.hh-faq__intro p{color:var(--color-secondary-text);margin:16px 0 0;font-size:15px;line-height:1.6}.hh-faq__help span{margin-top:4px;display:block}.hh-faq__intro a{color:var(--color-fg);text-underline-offset:4px;text-decoration:underline}.hh-faq__list{display:grid}.hh-faq__item{border-top:1px solid var(--color-border-subtle)}.hh-faq__item:last-child{border-bottom:1px solid var(--color-border-subtle)}.hh-faq__item summary{color:var(--color-fg);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:17px;font-weight:600;line-height:1.35;list-style:none;display:flex}.hh-faq__item summary::-webkit-details-marker{display:none}.hh-faq__chevron{color:color-mix(in oklab, var(--color-fg) 55%, transparent);transition:transform .18s var(--ease-out);flex:none}.hh-faq__item[open] .hh-faq__chevron{transform:rotate(180deg)}.hh-faq__item p{max-width:68ch;color:var(--color-muted);margin:0 0 24px;font-size:16px;line-height:1.65}p.hh-landing__kicker{color:var(--color-fg);letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px;font-size:17px;font-weight:650;line-height:24px}@media (max-width:1023px){.hh-grid--steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-grid__intro{grid-area:auto/span 2}.hh-landing__extras{grid-template-columns:minmax(0,1fr)}.hh-faq{grid-template-columns:minmax(0,1fr);gap:28px}}@media (max-width:639px){.hh-landing__hero{padding-top:48px}.hh-landing__lead{font-size:16px}.hh-landing__actions{display:grid}.hh-grid--steps,.hh-grid--showcase{grid-template-columns:minmax(0,1fr)}.hh-grid__intro{grid-column:auto}.hh-grid>*{padding:24px 20px}.hh-mock__slots{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-faq__item summary{font-size:16px}}