/* Hallmark · pre-emit critique: P5 H4 E4 S5 R4 V5 */
/* Hallmark · macrostructure: Photographic · theme: Midnight · nav: N5 · footer: Ft5 · layout: photo */
:root{--hm-paper:oklch(13% .028 282);--hm-panel:oklch(18% .04 282);--hm-ink:oklch(94% .02 282);--hm-muted:oklch(74% .05 282);--hm-accent:oklch(72% .16 330);--hm-accent-soft:oklch(44% .08 290);--hm-display:"Noto Sans SC", sans-serif;--hm-body:"Noto Sans SC",sans-serif;--hm-space:clamp(1rem,3vw,3rem);--hm-radius:8px;--hm-rule:color-mix(in oklch,var(--hm-ink) 18%,transparent);--hm-focus:var(--hm-accent);--page:var(--hm-paper);--paper:var(--hm-panel);--ink:var(--hm-ink);--muted:var(--hm-muted);--panel:var(--hm-ink);--panel-2:var(--hm-panel);--line:var(--hm-rule);--red:var(--hm-accent);--orange:var(--hm-accent);--orange-2:var(--hm-accent-soft);--gold:var(--hm-accent);}
html,body{overflow-x:clip}body{background:var(--hm-paper);color:var(--hm-ink);font-family:var(--hm-body)}body::selection{background:var(--hm-accent);color:var(--hm-ink)}body .topbar{border-bottom:1px solid var(--hm-rule);background:color-mix(in oklch,var(--hm-paper) 90%,transparent);color:var(--hm-ink);backdrop-filter:blur(16px)}body .nav-wrap{width:min(1220px,calc(100% - 2*var(--hm-space)));min-height:76px}body .brand-logo{border:0;background:transparent;box-shadow:none}body .nav-links a{color:var(--hm-muted);border-radius:0}body .nav-links a:hover,body .nav-links a.active{background:transparent;color:var(--hm-ink);text-decoration:underline;text-decoration-color:var(--hm-accent);text-decoration-thickness:3px;text-underline-offset:7px}body .cta-button,body .ghost-button,body .dark-button{border:1px solid var(--hm-ink);border-radius:var(--hm-radius);box-shadow:none;font-family:var(--hm-body);transition:transform 160ms cubic-bezier(.16,1,.3,1),background-color 160ms cubic-bezier(.16,1,.3,1),color 160ms cubic-bezier(.16,1,.3,1)}body .cta-button{background:var(--hm-accent);color:var(--hm-ink);animation:none}body .ghost-button{background:transparent;color:var(--hm-ink)}body .dark-button{background:var(--hm-ink);color:var(--hm-paper)}body .cta-button:hover,body .ghost-button:hover,body .dark-button:hover{transform:translateY(-2px);filter:none}body .cta-button:active,body .ghost-button:active,body .dark-button:active{transform:translateY(1px);box-shadow:none}body a:focus-visible,body button:focus-visible{outline:3px solid var(--hm-focus);outline-offset:3px}body .hero{min-height:86svh;padding:132px 0 72px}body .hero::after{height:4px;background:var(--hm-accent)}body .hero h1,body h2{font-family:var(--hm-display);font-style:normal;letter-spacing:-.035em;overflow-wrap:anywhere}body .hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.94}body .badge{border:1px solid color-mix(in oklch,var(--hm-accent) 72%,transparent);border-radius:999px;background:color-mix(in oklch,var(--hm-ink) 65%,transparent)}body .metric-row{gap:0;border-top:1px solid color-mix(in oklch,var(--hm-paper) 28%,transparent)}body .metric{border-radius:0;background:transparent;border-right:1px solid color-mix(in oklch,var(--hm-paper) 28%,transparent)}body .store-strip{background:var(--hm-panel);border-block:1px solid var(--hm-rule)}body .store-strip>div{border-color:var(--hm-rule)}body .section-inner{width:min(1220px,calc(100% - 2*var(--hm-space)))}body section{position:relative}body .section-title{max-width:720px}body .section-title h2{font-size:clamp(2rem,4.5vw,4.5rem);line-height:1;margin-bottom:.7rem}body .section-title p,body .story-copy p{color:var(--hm-muted)}body .dark-band{background:var(--hm-ink);color:var(--hm-paper)}body .feature-card,body .review-card,body .guide-card{border:1px solid var(--hm-rule);border-radius:var(--hm-radius);background:var(--hm-panel);box-shadow:none}body .dark-band .feature-card,body .dark-band .review-card{background:color-mix(in oklch,var(--hm-paper) 7%,transparent);border-color:color-mix(in oklch,var(--hm-paper) 20%,transparent)}body .feature-card:hover,body .review-card:hover,body .guide-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px color-mix(in oklch,var(--hm-ink) 12%,transparent)}body .gallery-grid button{border-radius:var(--hm-radius);overflow:hidden}body .gallery-grid button:hover img{transform:scale(1.025)}body .gallery-grid img{transition:transform 180ms cubic-bezier(.16,1,.3,1)}body .download-band{background:var(--hm-accent);color:var(--hm-ink)}body .timeline-item{border-left-color:var(--hm-accent)}body .faq-item{border-color:var(--hm-rule);background:var(--hm-panel)}body .footer{background:var(--hm-ink);color:var(--hm-paper)}body .footer a:hover{color:var(--hm-accent)}
body.hallmark-photo .hero-media{border:1px solid color-mix(in oklch,var(--hm-paper) 45%,transparent);overflow:hidden}body.hallmark-photo .hero-grid{grid-template-columns:minmax(0,1fr)}body.hallmark-photo .hero-media{display:none}body.hallmark-photo .hero h1{max-width:11ch}body.hallmark-photo .metric-row{max-width:760px}
@media (max-width:760px){body .nav-links{display:none}body .nav-wrap{min-height:64px}body .hero{padding-top:106px;min-height:78svh}body .hero-grid{grid-template-columns:minmax(0,1fr)!important}body .hero-media{display:none}body .hero h1{font-size:clamp(2.7rem,13vw,4.5rem)}body .metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}body .metric{border-bottom:1px solid color-mix(in oklch,var(--hm-paper) 28%,transparent)}body .section-title h2{font-size:clamp(2rem,10vw,3.4rem)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0ms!important;animation-duration:0ms!important}}

:root{--hm-accent:oklch(72% .15 273);--hm-focus:var(--hm-accent);}