[data-page=home] .hero-grid{grid-template-columns:1.05fr 1.15fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}[data-page=home] .hero-copy .eyebrow,[data-page=home] .hero-copy .display{margin-bottom:22px}[data-page=home] .hero-copy .lede{max-width:46ch;margin-bottom:30px}[data-page=home] .hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}[data-page=home] .hero-note{color:var(--ink-3);align-items:center;gap:9px;font-size:13.5px;display:flex}[data-page=home] .hero-note svg{width:15px;height:15px;color:var(--c-sage)}[data-page=home] .mock{background:linear-gradient(180deg,var(--bg-muted),var(--bg-sunken));padding:18px}[data-page=home] .mock-card{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-2);border-radius:14px;overflow:hidden}[data-page=home] .mock-head{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}[data-page=home] .mock-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}[data-page=home] .mock-eyebrow .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}[data-page=home] .mock-show{color:var(--ink-3);align-items:center;gap:7px;font-size:12px;display:flex}[data-page=home] .mock-show .dot{background:var(--accent);border-radius:3px;width:8px;height:8px}[data-page=home] .mock-body{padding:6px 20px 20px;position:relative}[data-page=home] .mock-when{font-family:var(--font-mono);color:var(--accent-ink);margin:14px 0 8px;font-size:12.5px;font-weight:500}[data-page=home] .mock-title{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:10px;font-size:30px;font-weight:500}[data-page=home] .mock-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}[data-page=home] .mock-meta .pip{background:var(--ink-4);border-radius:50%;width:3px;height:3px}[data-page=home] .mock-divide{background:var(--border);height:1px;margin:18px 0}[data-page=home] .mock-count{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}[data-page=home] .mock-count .label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:6px;font-size:10.5px;font-weight:600}[data-page=home] .mock-timer{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1}[data-page=home] .mock-timer small{color:var(--ink-3);font-size:16px;font-weight:500;font-family:var(--font-ui)}[data-page=home] .mock-confirm{flex:1;min-width:180px}[data-page=home] .mock-avatars{align-items:center;margin-bottom:8px;display:flex}[data-page=home] .mock-avatars .av{border:2px solid var(--bg-elev);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-8px;font-size:10px;font-weight:600;display:grid}[data-page=home] .mock-avatars .av:first-child{margin-left:0}[data-page=home] .mock-bar{background:var(--bg-sunken);border-radius:999px;height:6px;overflow:hidden}[data-page=home] .mock-bar i{background:var(--c-sage);border-radius:999px;width:82%;height:100%;display:block}[data-page=home] .mock-actions{gap:10px;margin-top:18px;display:flex}[data-page=home] .mock-btn{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;height:38px;font-size:13px;font-weight:500;display:flex}[data-page=home] .mock-btn.primary{background:var(--accent);color:var(--on-accent)}[data-page=home] .mock-btn.ghost{background:var(--bg-muted);color:var(--ink-2);border:1px solid var(--border)}[data-page=home] .mock-btn svg{width:14px;height:14px}[data-page=home] .mock-tabs{flex-wrap:wrap;gap:6px;padding:0 20px 16px;display:flex}[data-page=home] .mock-tab{color:var(--ink-3);background:var(--bg-muted);border-radius:6px;padding:4px 9px;font-size:11.5px;font-weight:500}[data-page=home] .mock-tab[data-on]{background:var(--accent-soft);color:var(--accent-ink)}[data-page=home] .split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,5vw,72px);display:grid}[data-page=home] .split.flip .split-media{order:-1}[data-page=home] .split-media{position:relative}[data-page=home] .panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-2);overflow:hidden}[data-page=home] .panel-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;font-size:13.5px;display:flex}[data-page=home] .panel-row:last-child{border-bottom:0}[data-page=home] .panel-row .lead{color:var(--ink-2);flex:1}[data-page=home] .panel-row .lead b{color:var(--ink);font-size:13.5px;font-weight:600;display:block}[data-page=home] .panel-row .lead span{color:var(--ink-4);font-size:12px}[data-page=home] .panel-time{font-family:var(--font-mono);color:var(--ink-3);font-size:11.5px}[data-page=home] .steps{border-top:1.5px solid var(--border-strong);grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,48px);padding-top:42px;display:grid}[data-page=home] .step{flex-direction:column;gap:12px;display:flex}[data-page=home] .step .step-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);border:0;border-radius:0;width:auto;height:auto;font-size:clamp(46px,5vw,62px);font-style:italic;font-weight:500;line-height:.85;display:block}[data-page=home] .step h3{font-family:var(--font-display);letter-spacing:-.012em;font-size:22px;font-weight:600}[data-page=home] .step p{color:var(--ink-3);font-size:15px;line-height:1.58}[data-page=home] .quote{font-family:var(--font-display);letter-spacing:-.012em;text-wrap:balance;font-size:clamp(24px,3.2vw,38px);font-weight:500;line-height:1.28}[data-page=home] .quote em{color:color-mix(in oklch,var(--accent) 72%, white);font-style:italic}[data-page=home] .quote-by{align-items:center;gap:14px;margin-top:30px;display:flex}[data-page=home] .quote-av{color:#fff;background:linear-gradient(135deg,var(--c-clay),var(--accent));border-radius:50%;place-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:grid}[data-page=home] .quote-by b{color:var(--night-ink);font-weight:600;display:block}[data-page=home] .quote-by span{color:var(--night-ink-3);font-size:14px}[data-page=home] .values{border-top:1.5px solid var(--border-strong);grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,54px);margin-top:54px;padding-top:44px;display:grid}[data-page=home] .value{flex-direction:column;align-items:flex-start;gap:13px;display:flex}[data-page=home] .value-ico{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-ink);border-radius:14px;place-items:center;display:grid}[data-page=home] .value-ico svg{width:26px;height:26px}[data-page=home] .value-ico[data-c=dusk]{background:var(--c-dusk-soft);color:color-mix(in oklch,var(--c-dusk) 60%,var(--ink))}[data-page=home] .value-ico[data-c=sage]{background:var(--c-sage-soft);color:color-mix(in oklch,var(--c-sage) 55%,var(--ink))}[data-page=home] .value h3{font-family:var(--font-display);letter-spacing:-.012em;font-size:22px;font-weight:600}[data-page=home] .value p{color:var(--ink-3);font-size:15.5px;line-height:1.6}[data-page=home] .stage{position:relative}[data-page=home] .stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(58% 56% at 50% 42%, var(--glow,var(--accent-soft)), transparent 72%);opacity:.92;filter:blur(6px);position:absolute;inset:-14% 0}[data-page=home] .stage .panel,[data-page=home] .stage .window{z-index:1;position:relative}[data-page=home] .stage.tilt .panel{transition:transform .25s;transform:rotate(-1.1deg)}[data-page=home] .stage.tilt:hover .panel{transform:rotate(0)}[data-page=home] .float-chip{z-index:4;background:var(--bg-elev);border:1px solid var(--border);color:var(--ink-2);box-shadow:var(--shadow-3);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute}[data-page=home] .float-chip .fdot{background:var(--c-sage);border-radius:50%;flex-shrink:0;width:8px;height:8px}[data-page=home] .float-chip[data-c=accent] .fdot{background:var(--accent)}@media (max-width:860px){[data-page=home] .hero-grid{grid-template-columns:1fr;gap:40px}[data-page=home] .hero-copy{order:1}[data-page=home] .hero-media{order:2}[data-page=home] .split{grid-template-columns:1fr;gap:32px}[data-page=home] .split.flip .split-media{order:0}[data-page=home] .values{grid-template-columns:1fr;gap:32px}[data-page=home] .steps{grid-template-columns:1fr;gap:30px}}