:root{color-scheme:dark;--bg:#0b0d10;--panel:#11151a;--text:#f3f5f7;--muted:#a5adb8;--line:#262c34;--cyan:#80e6f3;--purple:#bf9af8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:#225869;color:white}.wrap{max-width:1160px;margin-inline:auto;padding-inline:32px}.header{max-width:1296px;min-height:84px;margin:auto;padding:18px 48px;display:flex;align-items:center;gap:36px;border-bottom:1px solid #1c222a}.brand{display:flex;align-items:center;gap:11px;font-size:1.1rem;font-weight:600;letter-spacing:-.035em}.brand img{border-radius:8px}.header nav{display:flex;gap:30px;margin-left:auto;font-size:.875rem;color:#b3bac4}.header nav a:hover,.text-link:hover,footer a:hover{color:var(--cyan)}.language{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:9px}.language button{border:0;color:var(--muted);background:transparent;border-radius:5px;padding:4px 9px;font-size:.875rem;cursor:pointer}.language button[aria-pressed=true]{background:#2a323b;color:white}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:10px 20px;background:var(--cyan);color:#091015}.skip:focus{top:20px}.hero{padding-top:76px;text-align:center}.eyebrow{display:flex;gap:12px;align-items:center;font-size:.75rem;letter-spacing:.14em;font-weight:600;color:var(--muted);margin:0 0 20px}.hero>.eyebrow{justify-content:center;color:#b7c3ce}.wave{display:flex;align-items:center;gap:3px;height:22px}.wave i{display:block;width:2px;background:var(--cyan);height:6px;animation:pulse 3s ease-in-out infinite}.wave i:nth-child(2),.wave i:nth-child(6){height:12px;animation-delay:.2s}.wave i:nth-child(3),.wave i:nth-child(5){height:18px;animation-delay:.4s}.wave i:nth-child(4){height:22px;animation-delay:.6s}@keyframes pulse{0%,100%{transform:scaleY(.65);opacity:.6}50%{transform:scaleY(1);opacity:1}}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.65rem,5.5vw,4.65rem);font-weight:560;line-height:1.07;letter-spacing:-.06em;margin-bottom:24px}h1 span{color:#9ca7b6}.hero-copy{font-size:1.15rem;max-width:630px;margin:0 auto 28px;color:var(--muted);line-height:1.65}.hero-actions{display:flex;align-items:center;justify-content:center;gap:26px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:9px;min-height:48px;font-size:.9375rem;font-weight:600;transition:background .2s,transform .2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.primary{background:#b6f1f6;color:#0c2027;box-shadow:0 0 25px #68d9ef14}.primary:hover{background:#d5faff}.secondary{border-color:#3e4855;background:#161c24}.secondary:hover{background:#242e3a}.text-link{font-size:.9375rem;text-decoration:underline;text-underline-offset:5px;transition:color .2s}.requirements{margin:20px 0 35px;color:#85909f;font-size:.875rem}.product{margin:0;position:relative;border:1px solid #303a46;border-radius:16px;background:#11151a;overflow:hidden;box-shadow:0 28px 80px #0005}.hero-product{max-width:970px;margin-inline:auto;box-shadow:0 -25px 90px #59d9ef08,0 35px 75px #0006}.product-label{display:flex;justify-content:space-between;padding:12px 20px;background:#141a22;font-size:.75rem;color:#aeb7c4;border-bottom:1px solid #2b323c}.hero-product>img{width:100%;background:#000}.product figcaption{padding:14px 20px;font-size:.75rem;line-height:1.55;color:#929cab;background:#10151c;text-align:left}.format-strip{display:flex;justify-content:space-between;gap:15px;padding-top:44px;padding-bottom:44px;color:#a8b2bd;font-size:.875rem;letter-spacing:.13em;border-bottom:1px solid var(--line)}.section{padding-top:105px;padding-bottom:105px;border-bottom:1px solid var(--line)}h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;font-weight:550;letter-spacing:-.05em;margin-bottom:24px}h3{font-size:1.125rem;line-height:1.35;font-weight:550;letter-spacing:-.02em;margin-bottom:12px}p{color:var(--muted)}.section-heading{max-width:600px}.section-heading>p:last-child{max-width:520px}.formats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}.formats-grid article{border-top:1px solid #39434f;padding-top:24px}.formats-grid img{margin-bottom:24px;width:46px;height:46px}.formats-grid p{font-size:.9375rem}.quiet-note{font-size:.875rem;color:#929daa;margin-top:28px;line-height:1.65}.feature-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:36px}.feature-intro p{max-width:480px}.accent{color:var(--cyan)}.purple{color:var(--purple)}.editor-product>img{width:100%}.editor-details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px}.editor-details p{font-size:.9375rem;margin:0}.split-section,.pool-section,.stems-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split-section>div>p:not(.eyebrow),.pool-text>p:not(.eyebrow),.stems-section>div>p:not(.eyebrow){max-width:470px}.split-flow{display:flex;align-items:center;padding:45px 25px;min-height:250px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(130deg,#131c24,#101318)}.flow-source{border:1px solid #416977;color:var(--cyan);padding:20px;border-radius:10px;font-size:1.2rem;letter-spacing:.1em}.flow-lines{flex:1;position:relative;height:158px;min-width:24px;border-left:1px solid #427b88;margin-left:24px}.flow-lines:before{content:"";position:absolute;left:-24px;width:24px;top:50%;border-top:1px solid #427b88}.flow-lines i{display:block;height:1px;background:linear-gradient(90deg,#427b88,#91e2ed);position:absolute;width:100%;left:0}.flow-lines i:nth-child(1){top:0}.flow-lines i:nth-child(2){top:50%}.flow-lines i:nth-child(3){bottom:0}.flow-outputs{display:grid;gap:20px}.flow-outputs span{border:1px solid #323c4b;border-radius:8px;padding:9px 16px;background:#18212c;color:#b8cadb;font-size:.875rem}.pool-section{grid-template-columns:.85fr 1.15fr;gap:64px}.pool-product{border-radius:12px}.pool-product img{width:100%;background:#000}.stem-list{display:grid;gap:0}.stem-list>span{display:flex;align-items:center;gap:20px;padding:20px 10px;border-bottom:1px solid var(--line);font-size:1.1rem}.stem-list b{font-size:.75rem;font-weight:400;color:#6e7c8e}.stem-wave{height:25px;width:100px;margin-left:auto;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 7px);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);opacity:.6;transform:scaleY(.7)}.pink{color:#efa4da}.cyan{color:var(--cyan)}.gold{color:#e9ca86}.local-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:48px}.index{display:block;color:#74899b;font-size:.75rem;margin-bottom:20px}.local-grid p{font-size:.9375rem}.local-grid code{color:#b0c4d0;font-size:.75rem;overflow-wrap:anywhere;line-height:1.8}.beta-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:radial-gradient(ellipse at 0 0,#1a303340,transparent 70%)}.beta-spec{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.beta-spec span{font-size:.875rem;background:#171e26;border:1px solid #303a47;border-radius:6px;padding:6px 12px}.installation{border-left:1px solid #364450;padding-left:34px}.installation ol{padding-left:20px;color:var(--muted);font-size:.9375rem}.installation li{padding-left:5px;margin-bottom:14px}.installation .text-link{font-size:.875rem}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faqs details{border-bottom:1px solid var(--line)}.faqs summary{cursor:pointer;padding:23px 32px 23px 0;position:relative;font-size:1rem;line-height:1.4;list-style:none}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";position:absolute;right:4px;top:22px;color:#a3c6d2;font-size:1.1rem}.faqs details[open] summary:after{content:"−"}.faqs details p{font-size:.9375rem;padding:0 28px 10px 0}.support{display:flex;align-items:center;gap:24px;padding-top:70px;padding-bottom:70px}.support>div{flex:1}.support img{border-radius:14px}.support h2{font-size:1.35rem;letter-spacing:-.03em;margin-bottom:10px}.support p{font-size:.9375rem;margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:30px;border-top:1px solid var(--line);color:#83909f;font-size:.75rem}footer .brand{color:#d5dbe2;font-size:.9375rem}.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.visible{opacity:1;transform:none}
@media(min-width:1000px){.hero-product{transform:perspective(1800px) rotateX(3deg);transform-origin:50% 0}}
@media(max-width:800px){.wrap{padding-inline:24px}.header{padding:16px 24px;gap:20px}.header nav{gap:18px}.hero{padding-top:58px}.section{padding-block:72px}.feature-intro{gap:35px}.formats-grid{grid-template-columns:repeat(2,1fr);gap:28px}.editor-details{gap:24px}.split-section,.pool-section,.stems-section,.beta-section{gap:36px}.local-grid{gap:24px}.faq-section{gap:36px}.support{flex-wrap:wrap}.support .button{margin-left:80px}}
@media(max-width:600px){.wrap{padding-inline:20px}.header{padding:15px 20px;gap:14px;flex-wrap:wrap}.header .brand{font-size:1.05rem}.header nav{order:3;width:100%;justify-content:space-between;margin-top:4px;font-size:.875rem}.language{margin-left:auto}.hero{padding-top:46px}.hero>.eyebrow{font-size:.6875rem;letter-spacing:.1em}h1{font-size:clamp(2.15rem,8.8vw,3.2rem);letter-spacing:-.052em}.hero-copy{font-size:1rem}.hero-actions{flex-direction:column;gap:17px}.requirements{font-size:.8125rem;margin-top:24px}.product{border-radius:10px}.product-label{padding:10px 12px}.product figcaption{font-size:.75rem;padding:12px}.format-strip{font-size:.75rem;letter-spacing:.03em;padding-block:30px;flex-wrap:wrap;justify-content:center;gap:22px}.section{padding-block:60px}h2{font-size:2rem}.section-heading{max-width:none}.formats-grid{margin-top:30px;gap:26px 18px}.formats-grid h3{font-size:1.05rem}.formats-grid p{font-size:.9375rem}.feature-intro,.editor-details,.split-section,.pool-section,.stems-section,.local-grid,.beta-section,.faq-section{grid-template-columns:1fr;gap:30px}.feature-intro{margin-bottom:24px;gap:0}.editor-details{gap:26px}.split-flow{padding:32px 20px}.local-grid{gap:22px}.local-grid article{border-top:1px solid var(--line);padding-top:24px}.local-grid .index{margin-bottom:12px}.installation{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:28px}.faq-section{gap:10px}.support{padding-block:50px;gap:20px;align-items:flex-start}.support>div{flex-basis:calc(100% - 76px)}.support .button{margin-left:76px}.support h2{font-size:1.25rem}footer{flex-wrap:wrap;justify-content:flex-start}footer>span{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-product{transform:none}.reveal-ready{opacity:1;transform:none}}
/* Intrinsic-width safeguards also keep enlarged text usable. */
h1,h2,h3,p,summary{overflow-wrap:anywhere}.section>*,.feature-intro>*,.formats-grid>*,.editor-details>*,.local-grid>*{min-width:0}.header nav{flex-wrap:wrap}.eyebrow{flex-wrap:wrap}.formats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.formats-grid p,.editor-details p,.local-grid p,.faqs details p,.installation ol,.support p{font-size:1rem}
@media(max-width:800px){.formats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.flow-source{padding:14px}.flow-outputs span{padding:9px 10px}.flow-lines{margin-left:16px}.flow-lines:before{left:-16px;width:16px}.stem-wave{flex-shrink:0;width:70px}}

/* Creative utility refresh: visible cyan / violet light, without continuous motion. */
:root{--bg:#20364d;--panel:#20354b;--muted:#c0ccd9;--line:#ffffff26}
body{background:radial-gradient(ellipse 75% 750px at 0 150px,#745c984d,transparent 75%),radial-gradient(ellipse 75% 850px at 100% 200px,#46b9c65c,transparent 75%),linear-gradient(180deg,#29445d 0%,#1c344e 24%,#363d5c 56%,#233c54 82%,#293b52 100%)}
.header{border-color:#ffffff26}.header nav{color:#d3dde7}.language{background:#162d4670;border-color:#ffffff38}.language button{color:#d3dde7}.language button[aria-pressed=true]{background:#e0f7f5;color:#183444}.hero>.eyebrow{color:#d0e5eb}h1 span{color:#acf0ed}.requirements{color:#c1d6df}.hero-product{box-shadow:0 35px 90px #08142855,0 -25px 100px #87e8ed18}.format-strip{color:#d5e5ed}.quiet-note{color:#b9cbd8}.eyebrow{color:#b9d2df}.accent{color:#a3f2f1}.purple{color:#d4b4ff}.formats-grid article{border-color:#ffffff38}.stem-list b,.index{color:#b1cbdc}.stem-list>span{border-color:#ffffff26}.local-grid code{color:#cedde8}.editor-section{background:linear-gradient(125deg,#493b6655,#29537144);border-radius:24px}.pool-section{background:linear-gradient(120deg,#274d6444,#74648a33);border-radius:24px}.local-section{background:linear-gradient(120deg,#27495566,#29405c33);border-radius:24px}.beta-section{background:linear-gradient(125deg,#38627766,#59517644);border-radius:24px}.installation{border-color:#ffffff30}.faq-section{border-color:#ffffff26}.faqs summary:after{color:#b8eff1}footer{color:#bed0dc}.support h2{color:#e7f7f7}
.finder-section{margin-block:68px;background:radial-gradient(ellipse at 100% 0,#e6ddf5,transparent 65%),linear-gradient(125deg,#d2f1ec,#e1ecf6);color:#19374b;border:1px solid #edfaff;border-radius:24px;box-shadow:0 25px 80px #10273a30;padding:64px 48px}.finder-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end;margin-bottom:38px}.finder-heading h2{margin-bottom:0}.finder-section p{color:#405b70}.finder-section .eyebrow{color:#34656c}.finder-heading>p{margin:0}.finder-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.finder-steps article{padding:24px;background:#ffffff63;border:1px solid #ffffffd0;border-radius:14px;position:relative;min-width:0}.step-number{display:block;font-size:.875rem;font-weight:600;color:#376f79;margin-bottom:26px}.finder-steps h3{font-size:1.2rem}.finder-steps p{font-size:1rem;margin-bottom:0}.finder-formats{display:block;font-size:.875rem;color:#2a5865;font-weight:600;margin-top:16px}.finder-bottom{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:38px}.finder-bottom>div{min-width:0}.finder-bottom p{font-size:1rem;margin-bottom:15px}.finder-section .finder-caption{font-size:.75rem;color:#536778}.finder-setup{border-left:1px solid #637e8d50;padding-left:32px}.finder-commands{margin-top:24px;border-top:1px solid #68828b50;padding-top:22px}.finder-commands summary{cursor:pointer;list-style-position:inside;font-size:.9375rem;font-weight:600}.finder-commands ul{padding-left:20px}.finder-commands code{font-size:.875rem;overflow-wrap:anywhere;color:#254b61}.finder-commands li{margin:10px 0}.finder-commands p{font-size:.875rem}.finder-section a:focus-visible,.finder-section summary:focus-visible{outline-color:#27626d}
@media(max-width:800px){.finder-section{padding:48px 32px}.finder-heading{gap:32px}.finder-steps{gap:14px}.finder-steps article{padding:20px}.finder-bottom{gap:32px}}
@media(max-width:600px){.finder-section{margin-block:40px;border-radius:18px;padding:38px 24px}.finder-heading,.finder-steps,.finder-bottom{grid-template-columns:1fr;gap:24px}.finder-heading{margin-bottom:28px}.finder-steps article{padding:22px}.step-number{margin-bottom:12px}.finder-setup{border-left:0;border-top:1px solid #637e8d50;padding:24px 0 0}.finder-heading>*{min-width:0}.header nav{gap:12px}.editor-section,.pool-section,.local-section,.beta-section{border-radius:18px}}

/* Reference-led desktop context; current app pixels retain native alpha. */
.desktop-scene{margin:52px 0 0}.desktop-context{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:18px;box-shadow:0 32px 80px #08142855,0 0 0 1px #d9e4fa26;isolation:isolate}.desktop-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.desktop-app{position:absolute;width:85%;height:auto;left:7.5%;top:9.8%;filter:none}.desktop-scene figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 2px;text-align:left;color:#cadce6;font-size:.875rem}.preview-open{background:transparent;border:0;cursor:pointer;color:#edf8fa;padding:12px 0;font-size:.875rem;min-height:44px}
.app-preview{width:min(1280px,94vw);max-height:92vh;padding:0;border:1px solid #93b5c6;border-radius:15px;background:#20374f;color:#f1f5fa;box-shadow:0 30px 100px #00101d99}.app-preview::backdrop{background:#0d1c32b5;backdrop-filter:blur(7px)}.preview-bar{display:flex;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #ffffff26;font-size:.875rem;align-items:center}.preview-close{border:1px solid #8da5ba;background:#2d4b65;color:white;border-radius:7px;cursor:pointer;padding:8px 15px;min-height:40px;font-size:.875rem}.preview-help,.preview-limit{padding:12px 22px;margin:0;font-size:.875rem;color:#c6d5e2}.preview-scroll{overflow:auto;background:radial-gradient(ellipse at 0 0,#86749d,transparent 60%),linear-gradient(135deg,#24405f,#446f84);max-height:68vh}.preview-scroll img{width:100%;min-width:780px;max-width:none;margin:0 auto}.preview-limit{font-size:.75rem}

@media(max-width:700px){.desktop-scene{margin-top:32px}.desktop-context{border-radius:12px}.desktop-scene figcaption{align-items:flex-start;gap:8px;flex-direction:column;padding-top:15px}.preview-open{font-size:.9375rem}.preview-scroll img{min-width:900px}.app-preview{max-height:90vh}.preview-bar{padding:12px 16px}.preview-help,.preview-limit{padding-inline:16px}}

/* A bounded native-scroll product story. One live desktop travels with its screen. */
.product-story{position:relative;isolation:isolate}.story-sticky{position:relative}.story-intro{position:relative;text-align:center;padding:32px 24px 0;min-height:calc(100svh - 84px)}.story-intro h1{font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.08;margin:0 0 18px;letter-spacing:-.055em}.story-intro .eyebrow{justify-content:center;margin-bottom:14px}.story-intro .hero-copy{max-width:680px;margin:0 auto 22px;font-size:1.0625rem;line-height:1.55}.story-intro .hero-actions{margin-top:0;gap:26px}.story-intro .button{padding:12px 22px;min-height:44px}.story-intro .requirements{margin:16px 0 0;font-size:.875rem}.camera{position:absolute;inset:0;height:100svh;transform-origin:0 0;pointer-events:none}.device-stage{position:relative;width:100%;height:100%;perspective:2400px;perspective-origin:50% 46%;pointer-events:none}.macbook{position:absolute;width:560px;aspect-ratio:1.43;left:50%;top:44%;transform:translateX(-50%) rotateX(58deg) scale(.82);transform-origin:50% 50%;transform-style:preserve-3d}.macbook-base{position:absolute;inset:0;border-radius:14px;background:url('assets/macbook-keyboard.jpg') 50% 48%/140% 130%;box-shadow:0 0 0 1px #a6afb9,0 7px 0 #84909e,0 24px 40px #03122345}.macbook-display{position:absolute;inset:0;transform-origin:50% 0;transform-style:preserve-3d;transform:translateZ(5px) rotateX(0deg)}.display-back,.display-front{position:absolute;inset:0;border-radius:13px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.display-back{background:url('assets/macbook-lid.jpg') center/100% 100%;border:1px solid #bac3cf;transform:translateZ(3px);box-shadow:0 6px 0 #8a96a5}.display-front{transform:rotateX(180deg) translateZ(1px);background:#101317;border:1px solid #8994a3;padding:12px 12px 18px}.display-front .desktop-context{width:100%;height:100%;aspect-ratio:auto;border-radius:5px;box-shadow:none}.display-front .desktop-backdrop{object-fit:fill}.display-front .desktop-app{width:85%;left:7.5%;top:9.8%;filter:none;max-width:none}.story-hint{position:absolute;top:calc(100svh - 64px);left:20px;right:20px;text-align:center;font-size:.875rem;color:#d9e9ed;margin:0}.tour-overlay{position:relative}.tour-cards{max-width:1160px;margin:auto;padding:30px 32px}.tour-chapter{padding:38px 0;border-bottom:1px solid #ffffff30;text-align:left}.tour-chapter h2{font-size:2rem;line-height:1.13;margin:0 0 20px}.tour-chapter>p:not(.eyebrow){font-size:1rem;line-height:1.65;color:#e1ebf2}.tour-chapter .eyebrow{font-size:.75rem;letter-spacing:.12em;color:#aaf0ed;margin-bottom:16px}.tour-chapter details{margin-top:22px;border-top:1px solid #ffffff30;padding-top:15px}.tour-chapter summary{font-size:.875rem;cursor:pointer;min-height:44px}.tour-chapter details p{font-size:.9375rem;color:#d7e3ed;line-height:1.6}.tour-static-visual{margin:26px 0 0;padding:16px;background:linear-gradient(135deg,#4d5d7a,#294556);border:1px solid #acc6d549;border-radius:12px}.tour-static-visual img{width:100%}.tour-pane,.hotspot{display:none}.tour-nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:22px}.tour-nav a{border:1px solid #aac4d34d;border-radius:8px;padding:10px 14px;font-size:.875rem;min-height:44px;display:flex;gap:10px;background:#203b53}.tour-nav .step-index{font-variant-numeric:tabular-nums;color:#aaf0ed}.tour-controls{display:flex;justify-content:center;gap:30px;align-items:center;padding:8px 20px 26px;font-size:.875rem}.tour-controls a{padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}.tour-markers{position:absolute;inset:0;pointer-events:none}.tour-markers span{position:absolute;width:1px;height:1px;left:0;scroll-margin-top:0}.product-story *{text-shadow:none}.story-language{position:absolute;top:18px;right:22px;z-index:8;background:#17334def}
.tour-enabled .story-sticky{position:sticky;top:0;height:100svh;overflow:hidden;contain:layout paint}.tour-enabled .story-intro{position:absolute;inset:32px 0 auto;min-height:0;padding-top:0;z-index:3}.tour-enabled .camera{will-change:transform}.tour-enabled .tour-overlay{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:5}.tour-enabled .tour-cards{position:absolute;left:68%;top:18%;width:28%;max-width:430px;margin:0;padding:0;max-height:66%;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.tour-enabled .tour-chapter{display:none;background:#142c43f5;border:1px solid #bed5df5c;border-radius:18px;padding:28px;box-shadow:0 12px 40px #08172533}.tour-enabled .tour-chapter.is-active{display:block}.tour-enabled .tour-static-visual{display:none}.tour-enabled .tour-chapter h2{font-size:clamp(1.7rem,2.3vw,2.25rem)}.tour-enabled .tour-nav{position:absolute;left:20px;right:20px;bottom:72px;gap:8px;padding:0}.tour-enabled .tour-nav a{background:#12334eea;backdrop-filter:blur(14px)}.tour-enabled .tour-nav a[aria-current=step]{border-color:#aaf2ee;background:#c2f7f0;color:#14324b}.tour-enabled .tour-nav a[aria-current=step] .step-index{color:#275e68}.tour-enabled .tour-controls{position:absolute;left:20px;right:20px;bottom:14px;padding:0;color:#f1f7fb}.tour-enabled .tour-pane{display:block;position:absolute;margin:0;border:1px solid #a8c8d38c;border-radius:12px;overflow:hidden;background:#183149;opacity:0;visibility:hidden;box-shadow:0 14px 38px #07172c44;pointer-events:none}.tour-enabled .tour-pane.visible{opacity:1;visibility:visible}.tour-pane img{width:100%;height:auto}.tour-pane figcaption{font-size:.75rem;color:#d5e5ed;background:#1b334d;padding:8px 12px}.tour-enabled .piano-pane{left:34%;top:55%;width:29%;max-width:470px}.tour-enabled .pool-pane{left:6%;top:23%;width:56%;max-width:840px}.tour-enabled .hotspot{display:block;position:absolute;border:2px solid #abfff0;border-radius:12px;box-shadow:0 0 0 9999px #07162924;pointer-events:none;opacity:0}.tour-enabled .hotspot.active{opacity:1}.tour-enabled .hotspot-b{box-shadow:none}.tour-enabled .story-hint{z-index:4}.tour-enabled .tour-overlay.is-visible{pointer-events:auto}.tour-enabled .tour-overlay.is-visible .hotspot,.tour-enabled .tour-overlay.is-visible .tour-pane{pointer-events:none}.tour-enabled .tour-overlay.is-visible .tour-cards{pointer-events:auto}.tour-enabled .tour-overlay.is-visible .tour-controls,.tour-enabled .tour-overlay.is-visible .tour-nav{pointer-events:auto}
@media(max-width:700px){.story-intro{padding-top:20px;min-height:calc(100svh - 112px)}.story-intro h1{font-size:2.15rem;line-height:1.08;letter-spacing:-.05em;margin-bottom:14px}.story-intro .hero-copy{font-size:1rem;line-height:1.5;margin-bottom:18px}.story-intro .eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:12px}.story-intro .hero-actions{flex-direction:row;gap:14px;flex-wrap:wrap}.story-intro .hero-actions .text-link{font-size:.875rem}.story-intro .requirements{font-size:.8125rem;margin-top:14px}.tour-enabled .story-intro{top:20px}.story-hint{font-size:.8125rem;top:calc(100svh - 152px)}.tour-cards{padding-inline:20px}.tour-enabled .tour-cards{left:5%;top:49%;width:90%;max-width:none;max-height:calc(51% - 132px)}.tour-enabled .tour-chapter{padding:20px;border-radius:14px}.tour-enabled .tour-chapter h2{font-size:1.5rem;margin-bottom:12px}.tour-enabled .tour-chapter .eyebrow{font-size:.75rem;margin-bottom:12px}.tour-enabled .tour-chapter>p:not(.eyebrow){font-size:1rem;line-height:1.55;margin-bottom:0}.tour-enabled .tour-chapter details{margin-top:12px;padding-top:10px}.tour-enabled .tour-nav{bottom:74px;left:12px;right:12px;gap:7px}.tour-enabled .tour-nav a{padding:10px 11px;gap:0}.tour-enabled .tour-nav a>span:not(.step-index){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.tour-enabled .tour-controls{left:15px;right:15px;gap:20px;font-size:.8125rem;bottom:17px;align-items:center}.tour-enabled .preview-open{font-size:.8125rem}.story-language{top:16px;right:16px}.tour-enabled .piano-pane,.tour-enabled .pool-pane{left:6%;top:17%;width:88%;max-width:none}.tour-pane figcaption{padding:5px 10px}.tour-enabled .hotspot{border-radius:7px}}
@media(prefers-reduced-motion:reduce){.camera{will-change:auto}.story-hint{display:none}}

.desktop-layer{position:absolute;inset:0;pointer-events:none;z-index:1}.desktop-layer .desktop-context{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;box-shadow:none;isolation:auto}.desktop-layer .desktop-backdrop{object-fit:fill}.desktop-layer .desktop-app{max-width:none;filter:none}

.display-front .desktop-backdrop,.desktop-layer .desktop-backdrop{object-fit:cover}

.tour-enabled .tour-controls{background:#102d43f5;border:1px solid #bad6df70;border-radius:10px;width:max-content;max-width:calc(100% - 40px);margin-inline:auto;padding:0 18px;box-shadow:0 5px 18px #08172533}.text-enlarged .camera{position:relative;inset:auto;height:600px}.text-enlarged .story-intro{min-height:0;padding-block:30px}.tour-enabled .tour-chapter{background:#142c43fc}

/* Reserved top toolbar keeps native-scroll controls clear of the desktop Dock. */
.tour-enabled .tour-nav{top:18px;bottom:auto;left:20px;right:180px}.tour-enabled .tour-controls{top:78px;bottom:auto}.tour-enabled .tour-cards{max-height:76%}
@media(max-width:700px){.tour-enabled .tour-nav{top:16px;bottom:auto;left:12px;right:110px;gap:5px;justify-content:flex-start;flex-wrap:nowrap}.tour-enabled .tour-nav a{padding:10px;min-width:38px;justify-content:center}.tour-enabled .tour-controls{top:80px;bottom:auto;left:12px;right:12px;gap:18px;max-width:calc(100% - 24px);padding:0 12px}.tour-enabled .tour-cards{max-height:49%}}

/* Quiet, source-aligned outlines; no page-sized dimming mask. */
.tour-enabled .hotspot{border-width:1.5px;box-shadow:0 0 0 1px #153c4970}.tour-enabled .hotspot-b{box-shadow:0 0 0 1px #153c4970}.tour-enabled .tour-chapter.is-active{animation:chapter-in 140ms ease-out both}@keyframes chapter-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tour-enabled .tour-chapter.is-active{animation:none}}

/* Existing AudioFlow waveform, engraved into the external lid plane. */
.lid-brand{position:absolute;left:50%;top:50%;width:17%;aspect-ratio:83/66;transform:translate(-50%,-50%);background:#35414b;opacity:.82;-webkit-mask:url(assets/wav.svg) center/contain no-repeat;mask:url(assets/wav.svg) center/contain no-repeat;pointer-events:none}

/* One short reveal language; the scroll geometry remains immediate. */
.tour-enabled .tour-chapter.is-active{animation:none}.hotspot-retiring{pointer-events:none!important}.reveal-ready{opacity:1;transform:none;transition:none}
@media(max-width:360px){.tour-enabled .tour-nav a{min-width:34px;padding-inline:8px}.tour-enabled .tour-controls{font-size:.75rem;gap:12px;padding-inline:8px}.tour-enabled .preview-open{font-size:.75rem}}

html.product-tour-active{scroll-padding-top:0}
@media(max-width:360px){.tour-enabled .tour-controls{top:74px}}

/* Soft first-viewport light drift; no animated colour/brightness or paint filters. */
body{position:relative;isolation:isolate}.hero-ambient{position:absolute;inset:0 0 auto;height:100svh;overflow:hidden;pointer-events:none;z-index:-1}.hero-ambient span{position:absolute;width:90%;height:110%;border-radius:50%;animation-play-state:paused}.ambient-cyan{left:35%;top:-25%;background:radial-gradient(ellipse,#70d8df24,transparent 68%);animation:ambient-cyan 16s ease-in-out infinite alternate paused}.ambient-violet{left:-25%;top:0;background:radial-gradient(ellipse,#ad93d826,transparent 68%);animation:ambient-violet 21s ease-in-out infinite alternate paused}.hero-ambient.is-running span{animation-play-state:running;will-change:transform}@keyframes ambient-cyan{from{transform:translate3d(-9%,7%,0) rotate(-6deg) scale(.95)}to{transform:translate3d(9%,-7%,0) rotate(7deg) scale(1.13)}}@keyframes ambient-violet{from{transform:translate3d(8%,-5%,0) rotate(5deg) scale(1.1)}to{transform:translate3d(-8%,6%,0) rotate(-5deg) scale(.94)}}
.tour-enabled .tour-nav{right:20px;justify-content:center}@media(max-width:700px){.tour-enabled .tour-nav{left:12px;right:12px;justify-content:center}}@media(prefers-reduced-motion:reduce){.hero-ambient span{animation:none;transform:none;will-change:auto}}

/* Whole-card overlap keeps a visible outgoing frame at chapter boundaries. */
.tour-enabled .tour-cards{display:grid;align-items:start}.tour-enabled .tour-chapter{grid-area:1/1}.tour-enabled .tour-chapter.is-retiring{display:block;pointer-events:none}.tour-enabled .tour-chapter.is-active{z-index:1}
.scroll-awaiting{opacity:0;transform:translateY(24px)}
@media(prefers-reduced-motion:reduce){.scroll-awaiting{opacity:1;transform:none}}