.hd-hero{gap:2.5rem;max-width:72rem;margin:0 auto;padding:3rem 1rem 4.5rem;display:grid;position:relative}.hd-copy{text-align:center;max-width:48rem;margin:0 auto}.hd-hero .hd-headline{text-wrap:balance;font-size:clamp(2.25rem,5.4vw,3rem);line-height:1.06}.hd-hero .hd-subtitle{text-wrap:pretty}.hd-actions,.hd-chips{justify-content:center}.hd-chips .hd-chip{border:1px solid var(--hd-line);background:var(--hd-raised);color:var(--hd-muted);border-radius:999px;padding:.2rem .7rem;font-size:.78rem}@media (width>=640px){.hd-hero{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1024px){.hd-hero{grid-template-rows:auto auto;grid-template-columns:minmax(320px,4.8fr) minmax(0,7.2fr);gap:0 clamp(20px,2.4vw,36px);padding-top:2rem;padding-bottom:5rem}.hd-copy{text-align:left;grid-area:1/1;align-self:center;margin:0}.hd-hero .hd-headline{font-size:clamp(2rem,3.3vw,2.875rem)}.hd-hero .hd-subtitle{margin-left:0}.hd-actions,.hd-chips{justify-content:flex-start}.hd{grid-area:1/2/span 2;grid-template-rows:subgrid;max-width:none;display:grid}.hd .hd-narr,.hd .hd-caption{text-align:left;margin-left:0}.hd .hd-controls{justify-content:flex-start}}.hd,.hd-hero{--hd-surface:#f8fafc;--hd-raised:#fff;--hd-ink:#0f172a;--hd-muted:#475569;--hd-faint:#94a3b8;--hd-line:#e2e8f0;--hd-accent:#2563eb;--hd-accent-ink:#fff;--hd-accent-soft:#eff6ff;--hd-accent-line:#bfdbfe;--hd-amber:#b45309;--hd-amber-soft:#fef3c7;--hd-amber-line:#fcd34d;--hd-shadow:0 20px 45px -20px #0f172a40;--hd-shadow-lift:0 30px 60px -18px #0f172a61;--hd-island:#0f172a}:is(.hd,.hd-hero):where(.dark *,.photo-tone-dark *):where(:not(.photo-tone-light *)){--hd-surface:#0f172a;--hd-raised:#111c33;--hd-ink:#f1f5f9;--hd-muted:#cbd5e1;--hd-faint:#64748b;--hd-line:#1e293b;--hd-accent:#3b82f6;--hd-accent-soft:#3b82f624;--hd-accent-line:#3b82f673;--hd-amber:#fbbf24;--hd-amber-soft:#fbbf2424;--hd-amber-line:#fbbf2480;--hd-shadow:0 20px 45px -20px #000000b3;--hd-shadow-lift:0 30px 60px -18px #000000d9;--hd-island:#000}.hd{width:100%;min-width:0;max-width:860px;color:var(--hd-ink);margin:0 auto;font-size:15px;line-height:1.5}.hd-main,.hd-foot{min-width:0}.hd-clock{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-bottom:12px;display:flex}.hd-date{font-variant-numeric:tabular-nums;letter-spacing:-.01em;border:1px solid var(--hd-line);background:var(--hd-raised);box-shadow:var(--hd-shadow);perspective:300px;border-radius:14px;padding:5px 14px;font-size:20px;font-weight:700;transition:transform .25s,border-color .25s,box-shadow .25s}.hd-date small{text-transform:uppercase;letter-spacing:.08em;color:var(--hd-faint);font-size:10px;font-weight:600;display:block}.hd-date [data-hd=date-text]{transform-origin:50% 0;display:inline-block}.hd-date .hd-flip{animation:.22s ease-out hd-flip}@keyframes hd-flip{0%{opacity:.2;transform:rotateX(-80deg)}to{opacity:1;transform:none}}.hd-date.hd-ff{border-color:var(--hd-accent-line);box-shadow:0 0 0 4px var(--hd-accent-soft), var(--hd-shadow);transform:scale(1.07)}.hd-ticks{color:var(--hd-faint);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11.5px;display:flex}.hd-ticks i{border:1px solid var(--hd-line);border-radius:999px;padding:1px 8px;font-style:normal;transition:all .25s}.hd-ticks i.hd-on{color:var(--hd-amber);border-color:var(--hd-amber-line);background:var(--hd-amber-soft);font-weight:600}.hd-stage{--hd-phone-w:204px;--hd-overlap:28px;--hd-clock-h:118px;position:relative}.hd-frame{margin-right:calc(var(--hd-phone-w) - var(--hd-overlap));border:1px solid var(--hd-line);background:var(--hd-raised);box-shadow:var(--hd-shadow);border-radius:18px;position:relative;overflow:hidden}.hd-phone-col{right:0;top:var(--hd-clock-h);z-index:6;position:absolute}@media (width>=760px){.hd-stage{min-height:calc(var(--hd-clock-h) + var(--hd-phone-w) * 16.6 / 9)}.hd-stage .hd-clock{width:calc(var(--hd-phone-w) - var(--hd-overlap));z-index:7;flex-direction:column;align-items:flex-end;gap:8px;margin:0;position:absolute;top:0;right:0}.hd-stage .hd-date{text-align:center;transform-origin:100%;min-width:158px}.hd-stage .hd-ticks{flex-wrap:wrap;justify-content:center;align-self:stretch}.hd-stage .hd-ticks span{text-align:center;text-transform:uppercase;letter-spacing:.06em;width:100%;font-size:10px;font-weight:600}}@media (width<=759px){.hd-frame{margin-right:0}.hd-phone-col{display:none}}.hd-bar{border-bottom:1px solid var(--hd-line);background:var(--hd-surface);align-items:center;gap:6px;padding:9px 14px;display:flex}.hd-bar i{background:var(--hd-line);border-radius:50%;width:9px;height:9px}.hd-url{color:var(--hd-faint);border:1px solid var(--hd-line);background:var(--hd-raised);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;min-width:0;margin-left:10px;padding:2px 10px;font-size:11.5px;overflow:hidden}.hd-reg{padding:14px calc(var(--hd-overlap) + 16px) 16px 18px}@media (width<=759px){.hd-reg{padding-right:18px}}.hd-reg-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hd-crumb{color:var(--hd-faint);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600}.hd-reg-head h3{margin:2px 0 0;font-size:18px;font-weight:700}.hd-reg-head p{color:var(--hd-muted);margin:2px 0 0;font-size:12.5px}.hd-count{background:var(--hd-surface);border:1px solid var(--hd-line);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:4px 11px;font-size:12px;font-weight:700}.hd-count.hd-tick{animation:.35s ease-out hd-tick}@keyframes hd-tick{40%{transform:scale(1.12)}}.hd-rows{border:1px solid var(--hd-line);border-radius:12px;margin-top:12px;overflow:hidden}.hd-row{border-top:1px solid var(--hd-line);padding:9px 14px;transition:background .35s}.hd-row:first-child{border-top:0}.hd-row.hd-lit{background:var(--hd-accent-soft)}.hd-row.hd-warn{background:var(--hd-amber-soft)}.hd-row-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.hd-doc{min-width:0}.hd-doc b{font-size:13.5px;font-weight:600;display:block}.hd-doc span{color:var(--hd-muted);font-variant-numeric:tabular-nums;font-size:12px;display:block}.hd-pill{border:1px solid var(--hd-line);color:var(--hd-ink);background:var(--hd-surface);white-space:nowrap;border-radius:999px;flex:none;padding:3px 10px;font-size:11.5px;font-weight:600;transition:color .3s,background .3s,border-color .3s}.hd-pill[data-s=missing]{color:var(--hd-faint);background:0 0;border-style:dashed}.hd-pill[data-s=review]{color:var(--hd-accent);background:var(--hd-accent-soft);border-color:var(--hd-accent-line)}.hd-pill[data-s=expiring]{color:var(--hd-amber);background:var(--hd-raised);border-color:var(--hd-amber-line)}.hd-pill.hd-pulse{animation:.9s ease-out hd-pulse}@keyframes hd-pulse{0%{box-shadow:0 0 0 0 var(--hd-amber-line)}to{box-shadow:0 0 0 10px #0000}}.hd-detail{color:var(--hd-muted);gap:2px;margin-top:6px;font-size:12px;display:grid}.hd-stamp{flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:26px;display:flex;position:relative}.hd-stamp b{color:var(--hd-ink);font-weight:600}.hd-stamp q{font-style:italic}.hd-approve{background:var(--hd-accent);color:var(--hd-accent-ink);visibility:hidden;border-radius:8px;margin-top:-12px;padding:4px 12px;font-size:12px;font-weight:600;transition:transform .15s;position:absolute;top:50%;right:0}.hd-approve.hd-press{transform:scale(.92)}.hd-after{flex-wrap:wrap;gap:2px 12px;min-height:18px;display:flex}.hd-after>span{transition:opacity .35s}.hd-after .hd-hide{opacity:0}.hd-fp{color:var(--hd-faint);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px}.hd-cursor{pointer-events:none;opacity:0;z-index:3;width:18px;height:18px;transition:left .6s cubic-bezier(.3,.7,.2,1),top .6s cubic-bezier(.3,.7,.2,1),opacity .3s;position:absolute;top:96%;left:62%}.hd-toast{z-index:4;background:var(--hd-ink);color:var(--hd-raised);box-shadow:var(--hd-shadow);border-radius:12px;padding:10px 12px;font-size:12.5px;transition:transform .35s,opacity .35s;display:none;position:absolute;bottom:14px;left:14px;right:14px}.hd-toast b{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:11px;display:block}@media (width<=759px){.hd-toast{display:block}}.hd-toast.hd-off{opacity:0;visibility:hidden;transform:translateY(12px)}.hd-phone{width:var(--hd-phone-w);aspect-ratio:9/16.6;border:1px solid var(--hd-line);background:var(--hd-raised);box-shadow:var(--hd-shadow-lift);border-radius:32px;padding:9px;position:relative}.hd-phone.hd-buzz{animation:.5s hd-buzz}@keyframes hd-buzz{0%,to{transform:none}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1.2deg)}80%{transform:rotate(1.2deg)}}.hd-screen{background:var(--hd-surface);border-radius:24px;position:absolute;inset:9px;overflow:hidden}.hd-island{background:var(--hd-island);z-index:9;border-radius:12px;width:64px;height:18px;margin-left:-32px;position:absolute;top:8px;left:50%}.hd-p-head{border-bottom:1px solid var(--hd-line);background:var(--hd-raised);padding:34px 14px 9px}.hd-notif small{color:var(--hd-faint);font-size:10px;font-weight:600}.hd-p-head small{color:var(--hd-faint);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.hd-p-head b{font-size:13.5px;display:block}.hd-layer{align-content:start;gap:8px;padding:11px 12px;transition:opacity .3s;display:grid;position:absolute;inset:68px 0 0}.hd-layer.hd-off{opacity:0;visibility:hidden}.hd-card{border:1px solid var(--hd-line);background:var(--hd-raised);border-radius:12px;padding:9px 10px;font-size:11.5px}.hd-card b{font-size:12px;display:block}.hd-card span{color:var(--hd-muted)}.hd-mini{border-top:1px solid var(--hd-line);justify-content:space-between;gap:8px;padding:6px 0;font-size:11px;display:flex}.hd-mini:first-child{border-top:0}.hd-notif{z-index:8;background:var(--hd-raised);border:1px solid var(--hd-line);box-shadow:var(--hd-shadow);border-radius:15px;padding:9px 11px;font-size:11.5px;transition:transform .35s cubic-bezier(.3,.7,.2,1),opacity .35s;position:absolute;top:30px;left:7px;right:7px}.hd-notif.hd-off{opacity:0;visibility:hidden;transform:translateY(-14px)}.hd-file{border:1px dashed var(--hd-line);color:var(--hd-faint);border-radius:10px;align-items:center;gap:8px;padding:9px;font-size:11.5px;transition:all .3s;display:flex}.hd-file.hd-has{color:var(--hd-ink);background:var(--hd-raised);border-style:solid}.hd-field{color:var(--hd-muted);font-size:10.5px}.hd-field div{border:1px solid var(--hd-line);background:var(--hd-raised);color:var(--hd-ink);font-variant-numeric:tabular-nums;border-radius:8px;margin-top:3px;padding:5px 8px;font-size:11.5px}.hd-attest{border-radius:10px;align-items:flex-start;gap:8px;padding:7px;font-size:11px;transition:background .3s;display:flex}.hd-attest.hd-on{background:var(--hd-accent-soft)}.hd-box{border:1.5px solid var(--hd-faint);border-radius:4px;flex:none;place-items:center;width:15px;height:15px;margin-top:1px;transition:all .2s;display:grid}.hd-attest.hd-on .hd-box{background:var(--hd-accent);border-color:var(--hd-accent)}.hd-box svg{opacity:0}.hd-attest.hd-on .hd-box svg{opacity:1}.hd-send{text-align:center;background:var(--hd-accent);color:var(--hd-accent-ink);border-radius:10px;padding:8px;font-size:12.5px;font-weight:600;transition:transform .15s,opacity .3s;display:block}.hd-send.hd-press{transform:scale(.95)}.hd-send[data-off]{opacity:.4}.hd-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:28px;display:flex}.hd-transport{align-items:center;gap:12px;width:100%;display:flex}.hd-rail,.hd-seg{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hd-seg{color:var(--hd-faint);font-size:12.5px}.hd-btn{border:1px solid var(--hd-line);background:var(--hd-raised);color:var(--hd-muted);cursor:pointer;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:500}.hd-btn:focus-visible,.hd-scrub input:focus-visible{outline:2px solid var(--hd-accent);outline-offset:2px}.hd-rail .hd-btn[aria-current=step],.hd-speed[aria-pressed=true]{color:var(--hd-accent);border-color:var(--hd-accent-line);background:var(--hd-accent-soft);font-weight:600}.hd-seg .hd-btn[aria-pressed=true]{color:var(--hd-ink);border-color:var(--hd-ink);font-weight:600}.hd-play{color:var(--hd-ink);flex:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.hd-speed{font-variant-numeric:tabular-nums;flex:none;font-weight:600}.hd-scrub{flex:1;align-items:center;min-width:120px;height:24px;display:flex;position:relative}.hd-scrub input{width:100%;accent-color:var(--hd-accent);cursor:pointer;margin:0}.hd-notch{background:var(--hd-faint);pointer-events:none;border-radius:1px;width:2px;height:5px;position:absolute;top:calc(50% + 6px);transform:translate(-1px)}.hd-narr{text-align:center;text-wrap:balance;max-width:640px;min-height:3em;margin:12px auto 0;font-size:15px;font-weight:500}.hd-caption{text-align:center;max-width:640px;color:var(--hd-faint);margin:4px auto 0;font-size:12px}@media (prefers-reduced-motion:reduce){.hd *,.hd :before,.hd :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
