:root{--pointer-x:0;--pointer-y:0;--hero-progress:0;--max:1180px;--page-gutter:clamp(1.35rem, 4vw, 2.75rem);--header-h:76px}.glass-ambient{--px:calc(var(--pointer-x) * 10px);--py:calc(var(--pointer-y) * 7px);contain:paint}.glass-depth{transform:translate3d(calc(var(--px) * .25), calc(var(--py) * .25 + var(--hero-progress) * 24px), 0);position:absolute;inset:-12% -8%}.glass-plane{z-index:0;border:1px solid color-mix(in srgb, var(--champagne) 45%, white);background:linear-gradient(155deg, #ffffffc7 0%, color-mix(in srgb, var(--champagne) 32%, white 40%) 48%, color-mix(in srgb, var(--champagne-deep) 10%, white 55%) 100%);opacity:.72;border-radius:clamp(28px,4vw,48px);position:absolute;box-shadow:0 28px 70px #1f171214,inset 0 1px #ffffffb3}.glass-plane-1{width:min(46vw,540px);height:min(50vh,440px);animation:plane-drift-a 32s var(--ease-out) infinite alternate;top:8%;right:-2%;transform:rotate(-8deg)}.glass-plane-2{opacity:.55;width:min(40vw,480px);height:min(42vh,360px);animation:plane-drift-b 40s var(--ease-out) infinite alternate;bottom:8%;left:-4%;transform:rotate(7deg)}.glass-ring{z-index:1;border:1px solid color-mix(in srgb, var(--champagne) 40%, white);opacity:.35;border-radius:50%;position:absolute;box-shadow:inset 0 0 36px #fff3}.glass-ring-1{width:min(62vw,640px);height:min(62vw,640px);animation:ring-drift 40s var(--ease-out) infinite alternate;top:48%;left:52%;transform:translate(-50%,-50%)}.constellation{pointer-events:none;z-index:2;position:absolute;inset:-10% -8%}.constellation-svg,.constellation--far,.constellation--mid{width:100%;height:100%;display:block}.constellation--far{opacity:.55;transform:translate3d(calc(var(--px) * -6px), calc(var(--py) * -4px), 0) scale(1.08);animation:constellation-drift-a 52s var(--ease-out) infinite alternate}.constellation--mid{opacity:.78;transform:translate3d(calc(var(--px) * 10px), calc(var(--py) * 7px), 0);animation:constellation-drift-b 38s var(--ease-out) infinite alternate}.constellation--near{opacity:.95;transform:translate3d(calc(var(--px) * 18px), calc(var(--py) * 12px), 0);animation:constellation-drift-c 30s var(--ease-out) infinite alternate}.constellation--lite{opacity:.75;display:none}.glass-ambient.is-lite .constellation--far,.glass-ambient.is-lite .constellation--mid,.glass-ambient.is-lite .constellation--near{display:none}.glass-ambient.is-lite .constellation--lite{display:block}@keyframes constellation-drift-a{0%{translate:0}to{translate:-26px 18px}}@keyframes constellation-drift-b{0%{translate:0}to{translate:20px -14px}}@keyframes constellation-drift-c{0%{translate:0}to{translate:-14px 16px}}.vector-shard{z-index:1;pointer-events:none;background:linear-gradient(135deg, #ffffffb3, color-mix(in srgb, var(--champagne) 38%, white 30%) 55%, color-mix(in srgb, var(--champagne-deep) 14%, white 40%));border:1px solid color-mix(in srgb, white 50%, var(--champagne));clip-path:polygon(18% 0%,100% 12%,82% 100%,0% 78%);opacity:.5;position:absolute;box-shadow:0 18px 44px #1f171214}.vector-shard-1{width:min(16vw,170px);height:min(20vw,200px);animation:shard-drift-a 36s var(--ease-out) infinite alternate;top:14%;left:7%;transform:rotate(12deg)}.vector-shard-2{opacity:.4;clip-path:polygon(0% 18%,88% 0%,100% 82%,14% 100%);width:min(12vw,140px);height:min(16vw,170px);animation:shard-drift-b 44s var(--ease-out) infinite alternate;top:58%;right:9%;transform:rotate(-16deg)}@keyframes shard-drift-a{0%{translate:0}to{translate:12px -16px}}@keyframes shard-drift-b{0%{translate:0}to{translate:-14px 10px}}.glass-vignette{pointer-events:none;z-index:3;background:radial-gradient(85% 75% at 50% 38%,#0000 52%,#f3efe866 100%);position:absolute;inset:0}.glass-ambient.is-paused .glass-plane-1,.glass-ambient.is-paused .glass-plane-2,.glass-ambient.is-paused .glass-ring-1,.glass-ambient.is-paused .constellation--far,.glass-ambient.is-paused .constellation--mid,.glass-ambient.is-paused .constellation--near,.glass-ambient.is-paused .constellation--lite,.glass-ambient.is-paused .vector-shard-1,.glass-ambient.is-paused .vector-shard-2,.glass-ambient.is-lite .glass-plane-1,.glass-ambient.is-lite .glass-plane-2,.glass-ambient.is-lite .glass-ring-1,.glass-ambient.is-lite .constellation--lite,.glass-ambient.is-lite .vector-shard-1,.glass-ambient.is-lite .vector-shard-2{animation:none!important}.glass-ambient.is-offscreen .constellation--near{opacity:.35}.glass-ambient.is-lite .glass-orb-1,.glass-ambient.is-lite .glass-orb-2,.glass-ambient.is-lite .glass-orb-3{filter:none;animation:none!important}.glass-ambient .glass-orb{filter:none;will-change:auto}.glass-ambient .glass-grain{display:none}@keyframes plane-drift-a{0%{translate:0}to{translate:-22px 28px}}@keyframes plane-drift-b{0%{translate:0}to{translate:20px -16px}}@keyframes plane-drift-c{0%{translate:0}to{translate:14px 20px}}@keyframes ring-drift{0%{opacity:.28}to{opacity:.42}}.site-header{height:var(--header-h);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-bottom:none;padding:.7rem 0 0;overflow:visible}.site-header .header-inner{height:58px;max-width:var(--max);background:linear-gradient(165deg, #ffffffe0 0%, color-mix(in srgb, white 72%, var(--champagne) 12%) 100%);border:1px solid color-mix(in srgb, white 70%, var(--champagne));border-radius:999px;gap:.85rem;padding-inline:.85rem .7rem;overflow:visible;box-shadow:0 14px 40px #1f171214,inset 0 1px #ffffffd9}.brand-icon{border-radius:10px;width:34px;height:34px;box-shadow:0 4px 12px #1f17121a}.brand-name{letter-spacing:-.02em;font-size:1.12rem}.nav{gap:.15rem}.nav a{letter-spacing:.02em;color:color-mix(in srgb, var(--ink-soft) 82%, transparent);border-radius:999px;padding:.45rem .7rem;font-size:.78rem;font-weight:500;transition:color .2s,background .2s;position:relative}.nav a:after{content:none}.nav a:hover{color:var(--ink);background:color-mix(in srgb, var(--champagne) 22%, white);opacity:1}.site-header .header-actions{gap:.4rem}.site-header .nav-store{letter-spacing:.01em;-webkit-backdrop-filter:none;border-radius:999px;gap:.4rem;min-height:2.4rem;padding-inline:.85rem .95rem;font-size:.74rem;font-weight:650;text-decoration:none}.site-header .nav-store-icon{flex-shrink:0;display:block}.site-header .nav-store--apple{color:#f7f3ec;border:1px solid color-mix(in srgb, var(--ink) 80%, var(--champagne));background:linear-gradient(#2f2620 0%,#1a1512 100%);box-shadow:0 8px 20px #1f17122e,inset 0 1px #ffffff24}.site-header .nav-store--apple:hover{opacity:1;color:#f7f3ec;background:linear-gradient(#3c322b 0%,#221c18 100%);box-shadow:0 10px 24px #1f171238}.site-header .nav-store--play{background:linear-gradient(165deg, #ffffffeb, color-mix(in srgb, var(--champagne) 28%, white));color:var(--ink);border:1px solid color-mix(in srgb, var(--champagne) 65%, white);box-shadow:0 6px 16px #1f171212,inset 0 1px #ffffffd9}.site-header .nav-store--play:hover{opacity:1;color:var(--ink);background:linear-gradient(165deg, white, color-mix(in srgb, var(--champagne) 38%, white))}.site-header .lang-trigger{border-color:color-mix(in srgb, var(--champagne) 48%, white);-webkit-backdrop-filter:none;background:#ffffffb3;min-height:2.4rem;padding-inline:.75rem .65rem;font-size:.74rem;box-shadow:inset 0 1px #ffffffb3}.site-header .lang-switch{z-index:2;position:relative}.site-header .lang-menu{z-index:120;-webkit-backdrop-filter:none;background:#f7f3ec}.nav-cta-secondary{display:none}@media (min-width:1100px){.nav-cta-secondary{display:inline-flex}}.hero{--hero-progress:0;min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));min-height:calc(100dvh - var(--header-h));place-items:center;padding:0;display:grid;position:relative;overflow:clip}.hero-shell{width:100%;max-width:var(--max);padding-inline:var(--page-gutter);min-height:inherit;box-sizing:border-box;text-align:center;transform:translate3d(0, calc(var(--hero-progress) * -48px), 0);opacity:calc(1 - var(--hero-progress) * .9);place-items:center;gap:clamp(1rem,3vw,1.75rem);margin-inline:auto;padding-block:1rem 1.25rem;display:grid}.hero-copy{opacity:1;z-index:2;width:min(100%,40rem);margin:0;transform:none}.hero-device{z-index:1;width:min(100%,240px);transform:translate3d(0, calc(var(--hero-progress) * 28px), 0);position:relative}.hero-device-glow{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--champagne) 45%, transparent), transparent 70%);z-index:0;pointer-events:none;opacity:.85;position:absolute;inset:18% -18% -12%}.hero-device-frame{z-index:1;border-radius:calc(var(--radius-sheet) + 8px);background:color-mix(in srgb, white 82%, var(--champagne) 8%);border:1px solid color-mix(in srgb, white 75%, var(--champagne));padding:.7rem;position:relative;box-shadow:0 28px 70px #1f171224,inset 0 1px #ffffffd9}.sonar-frame--hero{border-radius:22px;width:100%;max-width:none}.hero-device .phone-frame--hero{width:100%;max-width:none}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--champagne-deep);margin:0 0 1.1rem;font-size:.72rem;font-weight:650}.hero-copy h1.hero-brand{font-family:var(--font-display), Georgia, "Times New Roman", serif;letter-spacing:-.045em;width:auto;max-width:none;color:var(--ink);text-align:inherit;text-wrap:balance;margin:0 0 .85rem;font-size:clamp(3.6rem,14vw,7.5rem);font-weight:600;line-height:.88}.hero-headline{max-width:18ch;font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0 auto 1rem;font-size:clamp(1.25rem,3.4vw,1.85rem);font-weight:600;line-height:1.25}.hero-sub{max-width:38ch;color:color-mix(in srgb, var(--ink-soft) 88%, transparent);text-wrap:pretty;margin:0 auto 1.75rem;font-size:clamp(.98rem,1.6vw,1.12rem);line-height:1.55}.hero-ctas{flex-direction:column;align-items:stretch;gap:.75rem;width:min(100%,18rem);margin:0 auto;display:flex}.hero-scroll-cue{color:var(--champagne-deep);opacity:calc(.95 - var(--hero-progress) * 1.1);z-index:3;flex-direction:row;grid-column:1/-1;place-self:end center;align-items:center;gap:.55rem;margin-top:.35rem;padding:.25rem .15rem;text-decoration:none;display:inline-flex}.hero-ctas .btn{border-radius:999px;width:100%;min-height:3.35rem;font-size:.92rem}.hero-scroll-cue:hover{opacity:1;color:var(--ink)}.hero-scroll-cue-label{letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;font-weight:650;line-height:1}.hero-scroll-cue-icon{color:currentColor;width:1.15rem;height:1.15rem;animation:scroll-cue-arrow 1.6s var(--ease-out) infinite alternate;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hero-scroll-cue-icon svg{width:18px;height:18px;display:block;overflow:visible}@keyframes scroll-cue-arrow{0%{opacity:.55;transform:translateY(-2px)}to{opacity:1;transform:translateY(3px)}}.hero-enter{animation:rise-in .9s var(--ease-out) both}.hero-enter-1{animation-delay:80ms}.hero-enter-2{animation-delay:.16s}.hero-enter-3{animation-delay:.26s}.hero-enter-4{animation-delay:.36s}.hero-enter-5{animation-delay:.46s}.hero-enter-6{animation-delay:.56s}.hero-enter-7{animation-delay:.7s}@media (min-width:640px){.hero-ctas{flex-direction:row;justify-content:center;width:auto}.hero-ctas .btn{width:auto;min-width:11.5rem;padding-inline:1.6rem}}@media (min-width:960px){.hero-shell{text-align:left;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);place-items:center stretch;column-gap:clamp(2rem,5vw,4rem)}.hero-copy{justify-self:start;width:auto;max-width:36rem;margin:0}.hero-headline,.hero-sub{margin-inline:0}.hero-ctas{justify-content:flex-start;margin-inline:0}.hero-device{justify-self:end;width:min(100%,270px);margin-right:.5rem}.hero-scroll-cue{grid-column:1;justify-self:start;align-items:center;margin-top:.15rem;margin-left:.15rem}.hero-copy h1.hero-brand{font-size:clamp(3.6rem,6.5vw,6rem)}}@media (max-height:820px){.hero-shell{gap:.85rem;padding-block:.65rem .85rem}.hero-device{width:min(100%,210px)}.hero-copy h1.hero-brand{font-size:clamp(2.8rem,7vw,4.2rem)}.hero-sub{margin-bottom:1.1rem}}.product-section{padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(3.5rem,8vw,6rem);overflow:hidden}.product-intro{max-width:none;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.product-intro .section-lead{max-width:none}.product-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.04em;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:600;line-height:1.05}.product-spread-wrap{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.product-spread{scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);padding:1.25rem var(--page-gutter) 2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.15rem;display:flex;overflow-x:auto}.product-spread::-webkit-scrollbar{display:none}.product-spread-item{scroll-snap-align:center;flex:0 0 min(68vw,260px)}.product-spread-figure{margin:0}.product-spread-card{border:1px solid color-mix(in srgb, white 65%, var(--champagne));transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out);background:#fff6;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px #1f171224,inset 0 1px #ffffffb3}.product-spread-item:hover .product-spread-card{transform:translateY(-8px);box-shadow:0 36px 90px #1f17122e,inset 0 1px #fffc}.product-spread-img{width:100%;height:auto;display:block}.product-spread-card--phone{background:color-mix(in srgb, white 88%, var(--champagne) 6%);padding:.55rem}@media (min-width:960px){.product-spread-wrap{-webkit-mask-image:none;mask-image:none}.product-spread{padding-inline:max(var(--page-gutter), calc((100vw - var(--max)) / 2));grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:1.25rem;max-width:none;display:grid;overflow:visible}.product-spread-item{flex:none;width:auto}.product-spread-item--1 .product-spread-card{translate:0 1.75rem}.product-spread-item--2 .product-spread-card{translate:0}.product-spread-item--3 .product-spread-card{translate:0 2.25rem}.product-spread-item--4 .product-spread-card{translate:0 .65rem}}.features-section .section-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;font-size:clamp(2rem,4.2vw,3rem);font-weight:600}.features-header{max-width:none;margin-bottom:clamp(2rem,4vw,3rem)}.features-header .section-lead{max-width:none}.features-editorial{border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feature-row{border-bottom:1px solid color-mix(in srgb, var(--ink) 10%, transparent);grid-template-columns:auto 1fr;align-items:start;gap:1.1rem 1.5rem;padding:1.55rem 0;display:grid}.feature-index{font-family:var(--font-display), Georgia, serif;color:var(--champagne-deep);letter-spacing:-.02em;padding-top:.15rem;font-size:1.05rem;font-weight:600}.feature-copy h3{letter-spacing:-.02em;margin:0 0 .45rem;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700}.feature-copy p{max-width:none;color:var(--on-surface-subtle);margin:0;font-size:.98rem;line-height:1.6}@media (min-width:900px){.feature-row{grid-template-columns:4.5rem 1fr;gap:2rem;padding:1.85rem 0}}.story-section{padding-block:clamp(4rem,10vw,7rem)}.story-block{max-width:none}.story-quote{font-family:var(--font-display), Georgia, serif;letter-spacing:-.04em;color:var(--ink);text-wrap:balance;margin:0 0 1.75rem;font-size:clamp(2.1rem,5vw,3.6rem);font-weight:600;line-height:1.05}.story-body{max-width:none;color:var(--on-surface-subtle);margin:0 0 1.5rem;font-size:1.08rem;line-height:1.7}.story-author{letter-spacing:.04em;color:var(--champagne-deep);margin:0;font-size:.9rem;font-weight:650}.download-section{padding-block:clamp(4rem,9vw,6.5rem)}.download-layout{text-align:center;max-width:36rem;margin-inline:auto}.download-layout .section-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:600}.download-layout .section-lead{margin-inline:auto}.download-ctas{justify-content:center;margin-bottom:1.1rem}.download-note{color:var(--on-surface-muted);margin:0;font-size:.86rem;line-height:1.5}.faq-section{scroll-margin-top:calc(var(--header-h) + .75rem)}.faq-layout{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.25rem);display:grid}.faq-intro{max-width:none}.faq-list{z-index:1;border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);flex-direction:column;gap:0;width:100%;max-width:none;display:flex;position:relative}.faq-item{border:0;border-bottom:1px solid color-mix(in srgb, var(--ink) 10%, transparent);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;margin:0;padding:0;overflow:visible}.faq-trigger{width:100%;color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:1.2rem 0;font-size:1.02rem;font-weight:700;display:flex}.faq-trigger-label{min-width:0;color:var(--ink);flex:1}.faq-trigger-icon{width:1.25rem;color:var(--champagne-deep);text-align:center;flex-shrink:0;font-size:1.25rem;font-weight:500;line-height:1}.faq-item p{color:var(--on-surface-subtle);max-width:none;margin:0;padding:0;font-size:.95rem;line-height:1.6}.faq-answer{gap:1rem;padding:0 0 1.25rem;display:grid}.faq-shops-label{letter-spacing:.14em;text-transform:uppercase;color:var(--champagne-deep);margin:0;font-size:.78rem;font-weight:700}.faq-shops-list{flex-wrap:wrap;gap:.55rem 1rem;margin:0;padding:0;list-style:none;display:flex}.faq-shops-list a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--champagne) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--champagne) 70%, transparent);text-underline-offset:.18em;font-size:.92rem;font-weight:600}.faq-shops-list a:hover{color:var(--champagne-deep)}.reveal{opacity:0;transition:opacity .85s var(--ease-out), transform .85s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.reveal.is-revealed{opacity:1;transform:translateY(0)}.site-footer{border-top-color:color-mix(in srgb, var(--ink) 8%, transparent);background:#ffffff47}@media (prefers-reduced-motion:reduce){.glass-plane-1,.glass-plane-2,.glass-ring-1,.constellation--far,.constellation--mid,.constellation--near,.constellation--lite,.vector-shard-1,.vector-shard-2,.hero-shell,.hero-enter,.hero-scroll-cue-icon{animation:none!important}.hero-shell,.glass-depth,.glass-plane-1,.glass-plane-2,.constellation--far,.constellation--mid,.constellation--near,.vector-shard-1,.vector-shard-2{transform:none!important}.constellation--far{opacity:.5!important}.constellation--mid{opacity:.7!important}.constellation--near{opacity:.85!important}.reveal{opacity:1;transition:none;transform:none}.product-spread-item:hover .product-spread-card{transform:translate(0,0)}.product-spread-item--1 .product-spread-card,.product-spread-item--2 .product-spread-card,.product-spread-item--3 .product-spread-card,.product-spread-item--4 .product-spread-card{translate:none!important}}
