/* Seamless, layered explanatory scenes; no framed full-image hero. */
.product-story-page .product-hero{padding-bottom:0;margin-bottom:0}.product-story-page .product-hero-copy{padding-bottom:36px}.product-story-page #sub-scrub{opacity:.18}.scroll-story{height:190svh;position:relative;isolation:isolate;background:#02060c;margin:0;--progress:0;--assemble:0;--finish:0}.story-sticky{position:sticky;top:150px;height:calc(100svh - 150px);min-height:420px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#071d35 0, #02060c 65%)}.story-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#1389ff28,transparent 58%);opacity:calc(.4 + var(--assemble)*.6)}.story-word{position:absolute;inset:8% 0 auto;text-align:center;font-size:clamp(64px,15vw,210px);font-weight:750;letter-spacing:-.065em;line-height:1.2;color:transparent;background:linear-gradient(135deg,#d9fbff,#39bcff 48%,#1043a5);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 26px #0088ff50);white-space:nowrap}.story-world{position:absolute;inset:3% 0 25%;transform-style:preserve-3d}.story-caption{position:absolute;bottom:44px;left:20px;right:20px;height:110px;text-align:center}.caption-step{position:absolute;inset:0;transition:opacity .2s,transform .25s}.caption-step span{font-size:11px;letter-spacing:.15em;color:#6ecbff}.caption-step h2{font-size:clamp(26px,3.2vw,46px);line-height:1.2;margin:10px 0!important;letter-spacing:-.025em}.caption-step p{font-size:16px!important;color:#afbdce;line-height:1.55!important;margin:0}.concept-note{position:absolute;bottom:9px;right:20px;font-size:10px;color:#8697ad}.story-meter{position:absolute;bottom:28px;left:calc(50% - 90px);width:180px;height:2px;background:#263448}.story-meter b{display:block;height:100%;background:#51c9ff;transform-origin:left;transform:scaleX(var(--progress))}.story-photo{position:absolute;left:50%;top:48%;width:195px;aspect-ratio:1.4;overflow:hidden;box-shadow:0 15px 45px #0009;border:1px solid #94c9ff55;background:#091323;will-change:transform,opacity}.photo-art{height:100%;background-position:center;background-size:cover}.device{position:absolute;left:50%;top:49%;width:min(560px,65%);transform-origin:center bottom;filter:drop-shadow(0 18px 22px #000);opacity:0}.device-screen{position:relative;aspect-ratio:1.65;background:#030508;border:7px solid #384455;border-bottom-width:13px;border-radius:13px;box-shadow:0 0 0 1px #82b2cd77;overflow:hidden}.screen-art{position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent),url('assets/editorial/memory.jpg') center/cover;transform:scale(calc(1.15 - var(--finish)*.15))}.screen-title{position:absolute;inset:42% 0 auto;text-align:center;color:white;font-size:clamp(13px,2vw,28px);font-weight:600;text-shadow:0 2px 14px #000}.screen-play{position:absolute;inset:62% 0 auto;text-align:center;color:#c8efff;font-size:26px;opacity:var(--finish)}.device-base{height:11px;margin:0 -8%;background:linear-gradient(#abc5d6,#374957);border-radius:0 0 65% 65%;box-shadow:0 1px 2px #b8dcff}.timeline{position:absolute;left:25%;width:50%;top:82%;height:24px;display:flex;gap:4px;opacity:calc(var(--assemble)*(1 - var(--finish)))}.timeline i{flex:1;background:linear-gradient(135deg,#1c5288,#48bdeb);border-radius:2px}.timeline b{position:absolute;left:calc(var(--progress)*100%);height:32px;width:2px;top:-4px;background:white;box-shadow:0 0 8px #21cfff}.story-cursor{position:absolute;width:30px;height:36px;left:56%;top:52%;filter:drop-shadow(0 4px 5px #0008)}.scene-gather .device{width:min(660px,70%)}.scene-gather .device-base{display:none}.scene-gather .device-screen{border-width:2px;border-radius:0;box-shadow:0 0 70px #27a6ff38}.scene-gather .story-photo{width:150px}.glyph-field{position:absolute;inset:0;opacity:calc(1 - var(--finish)*.9)}.glyph-field span{position:absolute;left:calc(12% + var(--n)*10%);top:calc(20% + mod(var(--n),3)*15%);font-size:clamp(32px,6vw,72px);color:#5999ca;transform:translateY(calc(var(--assemble)*-30px));opacity:calc(.7 - var(--assemble)*.4)}.glyph-focus{position:absolute;left:50%;top:48%;width:210px;height:210px;transform:translate(-50%,-50%) scale(calc(.7 + var(--assemble)*.3));border:1px solid #63baff66;background:linear-gradient(135deg,#102b4688,#06131e);box-shadow:0 0 50px #2aabff20;display:grid;place-items:center;opacity:calc(1 - var(--finish))}.glyph-focus span{font-size:150px;color:#c7edff}.handwriting{position:absolute;width:100%;height:100%;fill:none;stroke:#a6eeff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:calc(600 - var(--assemble)*600)}.scene-search .handwriting{display:none}.scene-hand .glyph-focus span{opacity:.06}.query-label{position:absolute;top:82%;width:100%;text-align:center;font-size:16px;color:#95d7ff;opacity:calc(1 - var(--finish))}.glyph-result{position:absolute;inset:20% 0 auto;text-align:center;font-size:140px;line-height:1.15;color:#d4f7ff;opacity:var(--finish);transform:translateY(calc((1 - var(--finish))*40px));text-shadow:0 0 50px #209ef777}.glyph-result small{display:block;font-size:17px;font-weight:500;line-height:2}.portrait-image{position:absolute;left:50%;top:48%;width:240px;height:270px;transform:translate(-50%,-50%) rotateY(calc((1 - var(--assemble))*25deg)) scale(calc(1 - var(--finish)*.2));overflow:hidden;opacity:calc(1 - var(--finish)*.65)}.portrait-image img{width:100%;height:100%;object-fit:cover}.frame-piece{position:absolute;left:50%;top:48%;width:270px;height:300px;border:10px solid #a9cbdc;box-shadow:inset 0 0 0 2px #315167,0 0 0 1px #dbf5ff;opacity:calc(1 - var(--finish)*.65);transform:translate(calc(-50% + (1 - var(--assemble))*200px),calc(-50% - (1 - var(--assemble))*70px)) rotateY(calc((1 - var(--assemble))*-45deg)) scale(calc(1 - var(--finish)*.2))}.frame-inner{width:248px;height:278px;border-width:2px;transform:translate(calc(-50% - (1 - var(--assemble))*200px),-50%) scale(calc(1 - var(--finish)*.2))}.portrait-result{position:absolute;left:0;right:0;top:23%;text-align:center;opacity:var(--finish);font-size:25px;text-shadow:0 2px 20px #000}.portrait-result strong{font-size:clamp(46px,8vw,104px);font-weight:650;color:#e1f9ff}.scene-portrait .portrait-result strong{font-size:150px}.light-sweep{position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#adf2ff38 50%,transparent 60%);transform:translateX(calc(-100% + var(--assemble)*200%));pointer-events:none}.workflow-lines{position:absolute;width:80%;height:85%;left:10%;top:0;fill:none;stroke:#58c6ff;stroke-width:2;stroke-dasharray:900;stroke-dashoffset:calc(900 - var(--assemble)*900);filter:drop-shadow(0 0 5px #009dff)}.work-nodes{position:absolute;inset:0}.work-nodes>div{position:absolute;left:calc(16% + var(--n)*20%);top:calc(22% + mod(var(--n),2)*30%);padding:20px 24px;background:linear-gradient(135deg,#142f4d,#081525);border:1px solid #7dd4ff77;transform:translate(-50%,0) rotateY(calc((1 - var(--assemble))*35deg));box-shadow:0 15px 30px #0005;opacity:calc(1 - var(--finish)*.7)}.work-nodes span{display:block;font-size:11px;color:#68caff}.work-nodes strong{font-size:22px}.work-core{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(calc(.5 + var(--finish)*.5));font-size:70px;font-weight:700;line-height:1.1;opacity:var(--finish);color:#c7f3ff;text-align:center;text-shadow:0 0 40px #159efb}.work-core small{display:block;font-size:18px;margin-top:15px}.product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 0 70px}.product-facts article{border-top:1px solid #5289af55;padding-top:25px}.product-facts h2{font-size:26px!important;line-height:1.4;margin:15px 0!important}.product-facts p{font-size:17px!important;color:#b6c3d2}.product-story-page #product-info{max-width:1100px;margin:auto}.product-story-page #product-info>h2{font-size:28px}.product-story-page .product-localnav{z-index:30}.product-story-page .product-hero h1{font-size:clamp(36px,6vw,76px)}
@media(max-width:700px){.story-sticky{top:132px;height:calc(100svh - 132px);min-height:410px}.scroll-story{height:165svh}.story-world{inset:4% -15% 28%}.story-photo{width:140px}.story-word{top:20%;font-size:18vw}.device{width:75%}.story-caption{height:130px;bottom:30px;left:20px;right:20px}.caption-step p{font-size:14px!important;max-width:310px;margin:auto}.caption-step h2{font-size:25px}.story-meter{bottom:19px}.concept-note{bottom:3px;font-size:9px}.product-facts{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.product-facts article{padding-top:20px}.product-facts h2{font-size:26px!important}.glyph-focus{width:170px;height:170px}.glyph-focus span{font-size:120px}.glyph-result{font-size:110px;top:25%}.portrait-image{width:170px;height:195px}.frame-outer{width:194px;height:219px;border-width:8px}.frame-inner{width:176px;height:201px}.scene-portrait .portrait-result strong{font-size:110px}.work-nodes>div{padding:14px 10px}.work-nodes strong{font-size:16px}.work-core{font-size:55px}.story-cursor{width:24px}.scene-gather .story-photo{width:105px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-sticky{position:relative;top:0;height:550px}.story-world,.story-photo,.device{will-change:auto}.caption-step{transition:none}.story-cursor{display:none}}

.workflow-lines{width:100%;height:100%;left:0;top:0}.glyph-focus{opacity:max(0,calc(1 - var(--finish)*2))}.glyph-result{opacity:max(0,calc(var(--finish)*2 - 1))}
/* 3800: product-specific scroll stories, compact full-bleed imagery */
.product-v3800 {--accent:#63cbff;--ink:#f5f5f7;background:#05080e;color:var(--ink)}
.product-v3800 #sub-scrub{opacity:.22}
.product-v3800 .section{padding-top:0}.product-v3800 #product-info{max-width:1120px;margin:auto;text-align:left}
.product-narrative{position:relative;z-index:1}.product-v3800 .product-localnav{top:var(--header-height,88px);backdrop-filter:blur(24px);background:rgba(5,8,14,.87);padding:12px max(5vw,calc((100vw - 1120px)/2));min-height:60px}
.narrative-hero{position:relative;padding:90px 0 0;text-align:center;overflow:hidden;background:#05080e}.narrative-hero .product-kicker{font-size:19px;color:#a4c5e5;margin:0 20px 24px}.narrative-hero h1{max-width:1160px;margin:0 auto;font-size:clamp(38px,5.2vw,76px);line-height:1.16;letter-spacing:-.045em;padding:0 24px;font-weight:700;text-wrap:balance}.narrative-intro{max-width:680px;margin:30px auto 18px;padding:0 24px;font-size:20px;line-height:1.65;color:#b8c4d3;text-wrap:pretty}.narrative-next{color:#70cbff;font-size:17px;text-decoration:none}.hero-visual{height:clamp(350px,47vw,650px);margin-top:20px;position:relative;overflow:hidden;--hero:0}.narrative-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(calc(1.1 - var(--hero)*.1));will-change:transform;mask-image:linear-gradient(transparent,#000 15%,#000 83%,transparent)}.narrative-frame .narrative-image{object-fit:contain;mask-image:none}.narrative-hero .visual-note{position:absolute;bottom:20px;right:4vw;font-size:11px;color:#9cadc0}.price-intro{text-align:center;padding:65px 24px 85px;background:linear-gradient(#05080e,#0a1421,#05080e)}.price-intro>p{font-size:22px;margin:0}.price-intro h2{margin:12px 0 18px;line-height:1;letter-spacing:-.05em}.price-intro strong{font-size:clamp(90px,14vw,180px);font-weight:700;background:linear-gradient(120deg,#f4fbff,#69caff 60%,#2678ef);color:transparent;background-clip:text}.price-intro h2 span{font-size:clamp(18px,3vw,30px);margin-left:12px;letter-spacing:0}.price-intro .price-benefit{font-size:clamp(18px,2vw,25px);font-weight:600}.price-intro small{display:block;margin-top:15px;color:#b7c3d2}
.narrative-scroll{position:relative;height:210svh;width:100vw;left:50%;margin-left:-50vw;background:#05080e;--t:0;--a:0;--b:0}.narrative-sticky{position:sticky;top:148px;height:calc(100svh - 148px);min-height:430px;overflow:hidden}.narrative-stage{position:absolute;inset:0 0 28%;overflow:hidden;perspective:1000px}.narrative-captions{position:absolute;bottom:6%;left:8%;right:8%;height:145px;pointer-events:none}.narrative-step{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .25s,transform .25s;max-width:900px;margin:auto;text-align:center}.narrative-step.is-current{opacity:1;transform:none}.narrative-step>span{font-size:12px;letter-spacing:.16em;color:#69c8ff}.narrative-step h2{font-size:clamp(27px,3.5vw,44px);letter-spacing:-.035em;margin:13px 0;line-height:1.25}.narrative-step p{font-size:18px;line-height:1.6;color:#b9c4d1;margin:0 auto;max-width:740px}.narrative-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#203047}.narrative-progress b{display:block;height:100%;width:calc(var(--t)*100%);background:#6dccff}.narrative-sticky .concept-note{bottom:9px;font-size:10px;color:#a3aeba}
.demo-chat{width:390px;max-width:80%;margin:35px auto;position:relative;transform:translateY(calc(var(--b)*-35px))}.demo-label{font-size:13px;color:#90b0c9;display:block;margin-bottom:15px;text-align:center}.bubble{border-radius:20px;padding:16px 22px;font-size:18px;max-width:320px;box-shadow:0 20px 50px #0007}.outgoing{background:#19649f;margin-left:50px;transform:translateX(calc((1 - var(--a))*60px))}.incoming{background:#172431;margin-top:14px;opacity:var(--a);transform:translateY(calc((1 - var(--a))*100px))}.chat-photo{height:75px;background:url('product-stories/consultation.png') center 60%/cover;border-radius:8px;margin-top:10px}.chat-photo{background-image:url('assets/product-stories/consultation.jpg')}.chat-photo.finished{height:100px;background-position:center}.chat-approval{margin-top:18px;color:#80d2ff;text-align:center;font-size:22px;font-weight:600;opacity:var(--b)}
.film-stage,.gather-stage,.letter-stage,.life-stage,.system-stage,.frame-stage{position:absolute;inset:0}.film-photos{position:absolute;inset:0;z-index:3}.film-photo{position:absolute;left:50%;top:45%;width:220px;max-width:26vw;transform:translate(-50%,-50%) translateX(calc((var(--n) - 1)*(310px - var(--a)*220px))) translateY(calc(var(--a)*-20px)) rotate(calc((var(--n) - 1)*(14deg - var(--a)*14deg))) scale(calc(1 - var(--b)*.6));opacity:calc(1 - var(--b));border:1px solid #d5e8ff55;background:#101b2a;box-shadow:0 20px 50px #0008}.film-photo img{width:100%;height:150px;object-fit:cover;object-position:calc(var(--n)*40%) center}.film-photo span{display:block;padding:10px;font-size:14px;text-align:center}.concept-screen{position:absolute;width:min(640px,75%);left:50%;top:50%;transform:translate(-50%,-50%) rotateX(calc((1 - var(--b))*25deg)) scale(calc(.7 + var(--b)*.3));opacity:var(--a);background:#0a101a;border:8px solid #37404d;border-radius:16px;box-shadow:0 35px 90px #047bdd33;overflow:hidden}.concept-screen>img{width:100%;max-height:290px;object-fit:cover;display:block}.film-caption{position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:20px;text-shadow:0 2px 10px #000;background:#0005}.film-timeline{display:flex;gap:5px;padding:8px}.film-timeline i{height:12px;flex:1;background:linear-gradient(90deg,#2674bd,#7ed7ff);transform:scaleX(var(--a));transform-origin:left}
.gather-screen{position:absolute;inset:4% 15%;opacity:calc(.25 + var(--b)*.75);transform:scale(calc(.85 + var(--b)*.15))}.gather-screen img,.life-stage>img,.system-stage>img{width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse,#000 40%,transparent 75%)}.memory-tile{position:absolute;left:50%;top:45%;width:155px;height:110px;transform:translate(-50%,-50%) translate(calc((var(--n) - 1.5)*(220px - var(--a)*165px)),calc((1 - var(--a))*(var(--n)*35px - 50px))) rotate(calc((var(--n) - 1.5)*(14deg - var(--a)*14deg))) scale(calc(1 - var(--b)*.45));opacity:calc(1 - var(--b))}.memory-tile img{width:100%;height:100%;object-fit:cover;border:3px solid #dae9f4}.gift-label,.life-duration{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-size:clamp(20px,3vw,36px);font-weight:600;opacity:var(--b);text-shadow:0 2px 15px #000}
.trackpad-scene{position:absolute;width:100%;height:100%;object-fit:cover;opacity:calc(.65 - var(--b)*.4);mask-image:radial-gradient(ellipse,#000,transparent 75%)}.letter-pad{position:absolute;width:210px;height:210px;left:50%;top:42%;transform:translate(-50%,-50%) translateX(calc(var(--b)*-160px));background:#091b2de6;border:1px solid #62caff60;border-radius:24px;display:grid;place-items:center;box-shadow:0 0 90px #218aff33}.letter-pad strong{font-size:125px;font-family:serif;font-weight:400}.search-word{font-size:12px;color:#a8cce4;position:absolute;top:15px}.writing{width:180px;fill:none;stroke:#a2e1ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:calc(600 - var(--a)*600)}.letter-candidates{position:absolute;left:50%;top:72%;display:flex;gap:12px;transform:translateX(-50%);opacity:var(--a)}.letter-candidates span{font-family:serif;font-size:35px;width:60px;text-align:center;padding:5px;background:#102234;border-radius:8px}.letter-candidates .selected{outline:2px solid #60cfff}.letter-output{position:absolute;left:60%;top:25%;font-size:100px;font-family:serif;opacity:var(--b);transform:translateY(calc((1 - var(--b))*35px));color:#b0e6ff}.letter-output small{display:block;font-size:14px;font-family:system-ui;max-width:200px}.type-universe{position:relative;height:100%;max-width:1000px;margin:auto;perspective:800px}.type-universe span{position:absolute;font-family:serif;font-size:clamp(70px,10vw,140px);color:#7ecfff;left:calc(8% + mod(var(--n),4)*23%);top:calc(5% + round(down,calc(var(--n)/4),1)*40%);text-shadow:0 0 50px #167dd977;transform:rotateY(calc((var(--n) - 4)*8deg)) translateY(calc(var(--hero)*-30px))}.type-universe span:nth-child(4n+1){left:9%}.type-universe span:nth-child(4n+2){left:32%}.type-universe span:nth-child(4n+3){left:55%}.type-universe span:nth-child(4n){left:78%}.type-universe span:nth-child(n+5){top:45%}
.frame-stage img{width:100%;height:92%;object-fit:contain;transform:scale(calc(.78 + var(--a)*.22)) rotateY(calc((1 - var(--a))*30deg));filter:drop-shadow(0 20px 40px #458bd333)}.frame-measure{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#addfff;opacity:var(--b)}.life-stage>img{transform:scale(calc(1.1 - var(--a)*.1));opacity:.75}.life-titles{position:absolute;inset:0;display:flex;justify-content:space-evenly;align-items:center}.life-titles span{font-size:clamp(25px,5vw,65px);letter-spacing:.2em;text-shadow:0 2px 12px #000;opacity:calc(1 - var(--b));transform:translateY(calc((1 - var(--a))*60px))}.system-stage>img{opacity:calc(.7 - var(--a)*.45)}.system-nodes{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:20px}.system-nodes div{font-size:18px;background:#0d2139e6;border:1px solid #6acbff88;padding:28px 20px;border-radius:16px;box-shadow:0 0 35px #1e90ff22;transform:translateY(calc((var(--n) - 1.5)*(80px - var(--a)*80px))) scale(calc(.85 + var(--b)*.15))}.system-nodes div+div:before{content:'→';position:absolute;left:-22px;color:#7acfff}
.narrative-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:80px 0}.narrative-facts article{border-top:1px solid #93b4d33b;padding-top:25px}.narrative-facts h2{font-size:25px;line-height:1.4;margin:0 0 16px;letter-spacing:-.025em}.narrative-facts p{font-size:17px;line-height:1.8;color:#b5c2d1;margin:0}.narrative-end{text-align:center;background:radial-gradient(ellipse at 50% 100%,#143451,transparent 70%);padding:70px 20px 90px;border-top:1px solid #9fb7d028}.narrative-end h2{font-size:clamp(30px,4vw,48px);margin:20px auto 30px;line-height:1.3}.narrative-end p{color:#b7c7d7;line-height:1.7}.download-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.narrative-end button{cursor:pointer;font:inherit;border:0}.narrative-end #download-status{font-size:14px;min-height:24px}
.cost-comparison{padding:70px 0 55px;--growth:0}.cost-comparison h2{font-size:clamp(36px,5vw,60px);margin:18px 0 45px;letter-spacing:-.04em}.cost-bars{display:flex;gap:5%;align-items:end;max-width:800px;margin:auto}.cost-column{width:21.25%;text-align:center}.cost-column>strong{font-size:32px;display:block;margin-bottom:12px}.cost-column strong small{font-size:15px;margin-left:4px}.cost-track{height:220px;position:relative;border-bottom:1px solid #6886a055}.cost-track i{position:absolute;bottom:0;left:12%;width:76%;height:var(--height);background:linear-gradient(#698297,#304557);transform:scaleY(var(--growth));transform-origin:bottom;border-radius:8px 8px 0 0}.raven-cost .cost-track i{background:linear-gradient(#a8e9ff,#1388f4);box-shadow:0 0 40px #198cff44}.raven-cost>strong{color:#80d8ff}.cost-column b{display:block;margin:15px 0 5px}.cost-column>span{font-size:13px;color:#9bb0c6}.saving{font-size:27px;text-align:center;margin:40px 0 20px}.saving strong{color:#79cfff}.cost-comparison>small{display:block;max-width:740px;margin:auto;font-size:12px;line-height:1.7;color:#a6b4c5}
.frame-selector{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:70px 0}.frame-preview{height:550px;position:relative}.frame-preview img{width:100%;height:90%;object-fit:contain;transition:transform .5s,filter .4s}.frame-preview small{display:block;font-size:11px;line-height:1.6;color:#aebed0;text-align:center}.frame-options h2{font-size:40px;margin:12px 0 30px}.frame-options fieldset{border:0;padding:0;margin:0 0 23px}.frame-options legend{font-size:14px;color:#a3b5c8;margin-bottom:12px}.frame-options button{border:1px solid #698399;background:#101d2a;color:white;padding:12px 22px;border-radius:9px;cursor:pointer;font:inherit;margin-right:8px}.frame-options button[aria-pressed=true]{outline:2px solid #58bdff;outline-offset:3px}.frame-options .color-options button{width:30px;height:30px;padding:0;border-radius:50%;background:var(--swatch);margin-right:15px}.frame-options dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px;margin:20px 0 28px}.frame-options dt{color:#a8b8c9}.frame-options dd{margin:0}.frame-table{padding:25px 0 60px}.frame-table h2{font-size:32px}.table-scroll{overflow:auto}.frame-table table{border-collapse:collapse;width:100%;min-width:530px}.frame-table th,.frame-table td{text-align:left;padding:16px;border-bottom:1px solid #50637a66;font-size:15px}.frame-table caption{text-align:left;color:#a7b7c8;font-size:13px;padding:12px 0}
@media(max-width:700px){.product-v3800 .product-localnav{top:72px;padding:10px 20px;min-height:54px}.product-localnav>a{font-size:15px;max-width:45%}.product-localnav>div>a:first-child{display:none}.product-localnav .pill{font-size:13px;padding:10px 14px}.narrative-hero{padding-top:55px}.narrative-hero h1{font-size:37px;line-height:1.2}.narrative-hero .product-kicker{font-size:15px;margin-bottom:22px}.narrative-intro{font-size:17px;margin-top:24px}.hero-visual{height:360px}.narrative-image{object-position:55% center}.narrative-hero .visual-note{font-size:9px;bottom:8px}.price-intro{padding:40px 16px 60px}.price-intro strong{font-size:88px}.price-intro>p{font-size:17px}.price-intro .price-benefit{font-size:16px}.narrative-scroll{height:190svh}.narrative-sticky{top:126px;height:calc(100svh - 126px);min-height:410px}.narrative-stage{bottom:36%}.narrative-captions{left:20px;right:20px;bottom:6%;height:155px}.narrative-step h2{font-size:26px}.narrative-step p{font-size:15px}.narrative-facts{grid-template-columns:1fr;gap:28px;padding:45px 0}.narrative-facts h2{font-size:24px}.narrative-facts p{font-size:16px}.narrative-end{padding:45px 14px}.narrative-end h2{font-size:29px}.demo-chat{margin:12px auto;transform:scale(.8) translateY(calc(var(--b)*-30px));transform-origin:top center;max-width:95%;width:360px}.film-photo{max-width:32vw;width:140px;transform:translate(-50%,-50%) translateX(calc((var(--n) - 1)*(110px - var(--a)*75px))) rotate(calc((var(--n) - 1)*(12deg - var(--a)*12deg))) scale(calc(1 - var(--b)*.6))}.film-photo img{height:100px}.concept-screen{width:85%}.concept-screen>img{max-height:200px}.film-caption{font-size:14px}.memory-tile{width:90px;height:75px;transform:translate(-50%,-50%) translateX(calc((var(--n) - 1.5)*(100px - var(--a)*75px))) scale(calc(1 - var(--b)*.45))}.gather-screen{inset:0}.letter-pad{width:150px;height:150px;transform:translate(-50%,-50%) translateX(calc(var(--b)*-70px))}.writing{width:135px}.letter-pad strong{font-size:95px}.letter-output{left:64%;font-size:65px}.letter-output small{font-size:11px;max-width:100px}.letter-candidates span{font-size:25px;width:45px}.system-nodes{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:25px}.system-nodes div{font-size:14px;padding:20px 12px}.system-nodes div+div:before{display:none}.cost-comparison{padding:45px 0}.cost-comparison h2{font-size:37px}.cost-track{height:160px}.cost-column>strong{font-size:26px}.cost-column>span{font-size:10px}.cost-column b{font-size:13px}.saving{font-size:21px}.frame-selector{grid-template-columns:1fr;gap:20px;padding:35px 0}.frame-preview{height:330px}.frame-options h2{font-size:32px}.frame-options .pill{font-size:14px}.frame-table th,.frame-table td{padding:12px 8px;font-size:13px}.type-universe span{font-size:70px}.download-buttons{flex-direction:column;align-items:center}}
@media(prefers-reduced-motion:reduce){.narrative-scroll{height:auto}.narrative-sticky{position:relative;top:0;height:auto;min-height:0}.narrative-stage{position:relative;height:330px;inset:auto}.narrative-captions{position:relative;inset:auto;height:auto;padding:20px}.narrative-step{position:relative;opacity:1;transform:none;margin-bottom:30px}.narrative-progress,.concept-note{display:none}.narrative-image{transform:none}.frame-preview img{transition:none}}
/* Fine tuning after device review */
.product-v3800 .narrative-intro{max-width:680px!important;margin:30px auto 18px!important}
.narrative-facts:has(article:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}
.demo-chat .chat-photo{background-image:url('assets/products/product-1.png');background-position:center 40%;background-size:cover}
.film-photo{overflow:hidden}.film-photo:nth-child(2) img{object-position:35% center}.film-photo:nth-child(3) img{object-position:75% center}.film-photo span{position:relative;background:#101b2a}
@media(max-width:700px){.narrative-hand .narrative-hero h1{font-size:32px}.narrative-facts:has(article:nth-child(2):last-child){grid-template-columns:1fr}}
.price-intro>p,.narrative-end>p{margin-left:auto!important;margin-right:auto!important}.narrative-end>p{max-width:750px}
.demo-chat .chat-photo{background-image:url('assets/product-stories/memory-photo.jpg');background-size:cover;background-position:center}
.demo-chat .chat-photo.finished{background-size:200%;background-position:20% 35%}
@media(min-width:701px){.demo-chat{transform:scale(.88) translateY(calc(var(--b)*-35px));transform-origin:top center}}
.narrative-pointer{position:absolute;left:50%;top:58%;width:29px;z-index:5;transform:translate(calc(180px - var(--a)*180px + var(--b)*100px),calc(80px - var(--a)*80px)) scale(calc(1 - var(--b)*.15));opacity:calc(var(--a)*(1 - var(--b)));filter:drop-shadow(0 3px 5px #0008)}.narrative-pointer svg{width:100%}
@media(prefers-reduced-motion:reduce){.narrative-pointer{display:none}}
.film-photo span{opacity:calc(1 - var(--a));height:36px}.film-caption{opacity:var(--a)}
.film-photo,.memory-tile{opacity:max(0,calc(1 - var(--b)*3))}