/* New standalone direction: atmospheric blue light, editorial scale, natural scroll. */
:root{--ink:#eef5ff;--muted:#b6c5e0;--blue:#86b9ff;--green:#85e5bd;--night:#172450;--progress:0;--mx:0px;--my:0px;color-scheme:dark;font-family:"Avenir Next","PingFang SC","Helvetica Neue",sans-serif;color:var(--ink);background:var(--night)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{color:inherit}a{text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a9d3ff;outline-offset:6px}button:disabled{cursor:default}.skip{position:fixed;top:-100px;background:var(--ink);color:var(--night);padding:14px;z-index:100}.skip:focus{top:12px}
.lightfield{position:fixed;inset:0;z-index:-2;background:linear-gradient(160deg,#15214e,#1b2d5b 65%,#223769);overflow:hidden;pointer-events:none}.sky-light{position:absolute;left:12%;top:16%;width:76%;height:75%;background:radial-gradient(ellipse,#2e7fff30,transparent 65%);transform:translate(var(--mx),var(--my))}.horizon{position:absolute;left:-25%;width:150%;height:85%;bottom:calc(-54% + var(--progress)*32%);border-radius:50%;background:radial-gradient(ellipse at 50% 18%,#0988ff 0%,#278aff 26%,#a9d5f4 50%,#d1dae4 68%,transparent 76%);filter:blur(48px);transform:translateX(calc(var(--mx)*.3));opacity:.94}.grain{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
header{height:90px;position:absolute;inset:0 5% auto;display:flex;justify-content:space-between;align-items:center;z-index:4}.wordmark{font-size:20px;font-weight:600;letter-spacing:-.5px;display:inline-flex;align-items:baseline;gap:10px}.wordmark span{font-size:15px;font-weight:400;opacity:.55;letter-spacing:-.5px}nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#c3d2ed}.text-link{background:none;padding:8px 0;font-size:inherit}.text-link:hover,nav a:hover{color:white}
.opening{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:0 5% 50px}.scroll-whisper{position:absolute;top:21%;left:50%;transform:translateX(-50%);font-size:11px;color:#bdcff2;white-space:nowrap;display:flex;gap:10px;align-items:center}.scroll-whisper span{display:inline-block;animation:invite 2.4s ease-in-out infinite}@keyframes invite{50%{transform:translateY(5px)}}
.hero-bottom{display:grid;grid-template-columns:1fr 270px;gap:70px;align-items:end;width:100%;position:relative;z-index:2}.kicker{font-size:12px;line-height:1.6;letter-spacing:.6px;color:var(--blue)}.opening .kicker{color:var(--green);margin-bottom:18px}.spark{margin-right:7px}.opening h1{font-size:clamp(52px,6.1vw,94px);font-weight:500;line-height:1.04;letter-spacing:-.065em;color:#d5e6ff}.hero-sub{font-size:clamp(20px,2.6vw,38px);letter-spacing:-1px;color:#c0d6f0a8;margin-top:22px}.hero-aside{padding-bottom:5px}.hero-aside p{font-size:17px;line-height:1.85;color:#d1e1f8;margin-bottom:24px}.pill{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:17px 24px;border-radius:40px;background:#e9f3ff;color:#172b55;font-size:13px;font-weight:600;box-shadow:0 2px 0 #ffffff60 inset,0 7px 30px #04102912;transition:background .2s,transform .2s}.pill:hover{background:white;transform:translateY(-2px)}.hero-aside small{display:block;color:#c4d9f0b0;font-size:10px;margin-top:16px}
.sculpture{position:absolute;top:28%;left:50%;width:245px;height:165px;transform:translateX(-50%) translateY(calc(var(--progress)*70px)) rotateY(-20deg);perspective:850px;transform-style:preserve-3d;opacity:calc(1 - var(--progress)*.7);pointer-events:none}.glass-panel{position:absolute;inset:0;border-radius:16px 16px 50px 50px;border:1px solid #ebf8ff82;background:linear-gradient(115deg,#e5f8ff4d,#92b4eb12 48%,#d7edff73);box-shadow:inset 6px 0 18px #eaf7ff70,inset -10px -6px 15px #76a3da45,0 15px 50px #020d2840;transform:rotateY(-22deg) rotateX(10deg) translateZ(15px);backdrop-filter:blur(5px)}.panel-camera{width:64px;height:14px;border-radius:0 0 10px 10px;background:#182856b0;position:absolute;top:0;left:50%;transform:translateX(-50%)}.glass-panel svg{width:58px;height:58px;position:absolute;left:25px;top:24px;fill:none;stroke:#e5f5ff;stroke-width:1.8;filter:drop-shadow(0 0 9px #d9f7ff)}.glass-line{height:3px;border-radius:4px;background:#cce5ff91;position:absolute;left:33px;right:33px;top:108px}.glass-line.short{top:125px;right:99px;opacity:.45}.orbit{position:absolute;width:120px;height:155px;border-radius:50%;border:1px solid #c3d8ff42;background:linear-gradient(90deg,#f1f9ff80,#588be01a);box-shadow:inset 6px 1px 12px #f0fbff6a;transform:rotateY(65deg)}.orbit-back{left:-37px;top:8px;transform:translateZ(-50px) rotateY(65deg);opacity:.55}.orbit-front{right:-66px;top:4px;opacity:.65}.orbit-edge{right:-99px;width:35px;opacity:.28}
.story{padding:180px 24px 160px;position:relative}.story-copy{margin:0}.story-mark{display:flex;justify-content:center;gap:5px;margin-top:60px}.story-mark span{height:15px;width:11px;background:linear-gradient(90deg,#effaffae,#bacdf126);border-radius:50%;box-shadow:0 0 8px #c7e9ff29}.story-mark span:nth-child(2){width:6px}.story-mark span:nth-child(3){width:3px}
.product{max-width:1120px;margin:auto;padding:60px 35px 130px}.section-title{text-align:center}.section-title h2,.shortcut h2{font-size:clamp(38px,4.5vw,68px);font-weight:500;line-height:1.16;letter-spacing:-2.5px;margin-top:24px}.product-tabs{display:flex;justify-content:center;gap:10px;margin:0 auto 22px;flex-wrap:wrap}.product-tabs button{padding:11px 21px;background:transparent;color:#e3edfa;border-radius:30px;font-size:13px;transition:background .25s,color .25s}.product-tabs button:hover{background:#ffffff0d}.product-tabs button[aria-selected=true]{background:#dcecff;color:#18305d}.feature-caption{text-align:center;max-width:580px;margin:45px auto 20px;min-height:80px}.feature-caption h3{font-weight:500;font-size:19px;margin-bottom:10px}.feature-caption p{font-size:14px;line-height:1.85;color:#b9cce8}.stage{position:relative;padding:18px 22px 24px;border:1px solid #d2e7ff30;border-radius:26px;background:linear-gradient(125deg,#bcd8ff16,#599de616);box-shadow:0 40px 70px #03103236,inset 0 1px #ffffff18;perspective:1000px}.stage-bar{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;color:#b3c9ea;padding:0 3px 17px}.screenshot-button{position:relative;z-index:1;display:block;width:100%;padding:0;border-radius:15px;background:#111822;overflow:hidden}.screenshot-button img{display:block;width:100%;height:auto;max-height:490px;object-fit:contain;transition:opacity .18s}.stage-floor{position:absolute;left:10%;right:10%;bottom:-25px;height:80px;background:#248cff42;filter:blur(35px);z-index:-1}.stage-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 6px;font-size:10px;color:#aabfdf}.stage-caption button{font-size:12px}
.more{padding:80px 5% 130px;max-width:1300px;margin:auto}.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin:70px auto 0;max-width:1060px}.note-symbol{font-size:33px;font-weight:300;color:#b9d7ff}.three-notes h3{font-size:18px;font-weight:500;margin:20px 0 15px}.three-notes p{font-size:14px;line-height:1.9;color:#b9cbe6}
.shortcut{text-align:center;padding:100px 24px 150px}.shortcut .kicker{font-size:17px;letter-spacing:-.3px}.keys{display:flex;justify-content:center;align-items:center;gap:25px;margin:55px auto 28px;perspective:800px}.keys kbd{width:115px;height:105px;padding:18px;border-radius:19px;background:linear-gradient(140deg,#475978,#17243d);border:1px solid #97b9e650;box-shadow:0 7px 0 #111c31,0 12px 0 #7188a947,0 25px 35px #020d2c50,inset 0 1px 2px #ffffff35;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font:inherit;transform:rotateX(18deg);transition:transform .3s}.keys kbd:hover{transform:rotateX(18deg) translateY(5px)}.keys kbd span{font-size:30px}.keys kbd small{font-size:11px;opacity:.6}.keys kbd.space-key{width:240px}.keys .space-key span{font-size:20px;align-self:center;margin-top:10px}.keys b{font-weight:300;color:#8fb2e3}.shortcut-note{color:#b1c6e4;font-size:12px;margin-bottom:35px}
.before{max-width:1130px;padding:90px 35px 150px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:95px;border-top:1px solid #b5d0fa25}.before-heading h2{font-size:42px;font-weight:500;line-height:1.3;letter-spacing:-1px;margin:20px 0 25px}.before-heading>p:last-child{font-size:13px;line-height:1.9;color:#b9cbe5}.questions details{border-bottom:1px solid #b5d0fa24;padding:23px 0}.questions summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:16px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';font-weight:300;color:var(--blue);font-size:22px}.questions details[open] summary:after{content:'−'}.questions details p{font-size:14px;line-height:1.85;margin-top:17px;color:#b8cbe7}
footer{background:#101b3be0;padding:65px 7% 25px}.footer-intro h2{font-size:28px;font-weight:500;margin:30px 0 17px;letter-spacing:-.5px}.footer-intro p{font-size:14px;color:#a9bfdf;line-height:1.8}.contact{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:50px 0 65px}.contact span{font-size:11px;color:#7e9bc8}.contact p{font-size:13px;color:#b6c8e3;margin-top:15px}.footer-bottom{border-top:1px solid #adc8ef1c;padding-top:23px;display:flex;gap:30px;align-items:center;font-size:11px;color:#95afd6}.footer-bottom>span{margin-right:auto}
dialog{color:var(--ink);border:1px solid #b6d3fc40;background:#182953;border-radius:24px;padding:38px;max-width:480px;width:calc(100% - 40px);box-shadow:0 30px 100px #0006}dialog::backdrop{background:#030b23bf;backdrop-filter:blur(12px)}.close{position:absolute;right:14px;top:12px;width:36px;height:36px;color:#cddffc;font-size:26px;background:transparent;border-radius:50%}.message-dialog h2{font-size:26px;margin:20px 0;font-weight:500}.message-dialog>p:not(.kicker){font-size:14px;line-height:1.9;color:#bed2ee;margin-bottom:28px}.image-dialog{max-width:1200px;padding:48px 18px 18px;background:#101b31}.image-dialog img{display:block;width:100%;max-height:78svh;object-fit:contain}.image-dialog p{text-align:center;font-size:11px;color:#a8bbd8;margin-top:15px}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){.opening{padding-bottom:65px}.sculpture{top:30%;transform:translateX(-50%) scale(1.25)}.hero-bottom{grid-template-columns:1fr 320px}}
@media(max-width:900px){.hero-bottom{grid-template-columns:1fr 225px;gap:35px}.opening h1{font-size:66px}.hero-aside p{font-size:14px}.sculpture{top:26%;transform:translateX(-50%) scale(.8)}.hero-sub{font-size:24px}.three-notes{gap:30px}.before{gap:40px}.contact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){header{height:74px;inset-inline:24px}.wordmark{font-size:18px}.wordmark span{font-size:12px}nav{gap:18px;font-size:11px}nav>a:nth-child(2){display:none}.opening{min-height:850px;min-height:max(850px,100svh);padding:0 25px 45px}.scroll-whisper{top:14%;font-size:10px}.sculpture{top:24%;transform:translateX(-50%) scale(.65)}.hero-bottom{grid-template-columns:1fr;gap:30px}.opening h1{font-size:55px;line-height:1.12}.opening .kicker{font-size:10px;letter-spacing:0}.hero-sub{font-size:21px;line-height:1.5;margin-top:17px}.hero-aside{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.hero-aside p{font-size:12px;margin:0}.hero-aside .pill{padding:14px 19px;gap:15px;font-size:12px}.hero-aside small{width:100%;margin:0;font-size:9px}.story{padding:110px 38px 90px;min-height:auto}.story h2{font-size:27px}.story-copy>p:not(.kicker){font-size:15px}.product{padding:50px 18px 70px}.section-title h2,.shortcut h2{font-size:40px;letter-spacing:-1.5px}.product-tabs{gap:3px;margin:0 auto 18px}.product-tabs button{font-size:12px;padding:10px 14px}.feature-caption{padding-inline:9px;min-height:110px;margin:32px auto 16px}.feature-caption h3{font-size:18px}.feature-caption p{font-size:13px}.stage{padding:13px 10px 12px;border-radius:17px}.stage-bar{font-size:8px;padding-bottom:12px}.screenshot-button{border-radius:8px}.more{padding:65px 32px}.three-notes{grid-template-columns:1fr;gap:38px;margin-top:45px}.three-notes article{border-bottom:1px solid #aac8ef1a;padding-bottom:30px}.three-notes h3{margin-top:12px}.shortcut{padding:70px 22px 90px}.keys{gap:16px;margin-top:40px}.keys kbd{width:90px;height:85px;padding:14px;border-radius:15px}.keys kbd.space-key{width:180px}.keys kbd span{font-size:25px}.before{grid-template-columns:1fr;gap:28px;padding:65px 26px 85px}.before-heading h2{font-size:35px}.before-heading h2 br{display:none}.questions summary{font-size:15px}.questions details p{font-size:13px}footer{padding:45px 26px 20px}.footer-intro h2{font-size:24px}.contact{gap:28px 18px;margin-bottom:45px}.contact p{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom>span{width:100%}.horizon{height:90%;filter:blur(35px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.sculpture{opacity:1}.sky-light,.horizon{transform:none}}
@media(max-width:600px){.opening h1{font-size:clamp(32px,10vw,44px);letter-spacing:-.055em}.hero-sub{font-size:19px}.hero-bottom{gap:32px}}

/* Own product silhouette; no borrowed emblem or orbit motifs. */
.hero-product{position:absolute;top:25%;left:50%;width:350px;transform:translateX(-50%);perspective:900px;text-align:center;z-index:3}
.screen-edge{height:14px;display:flex;align-items:flex-start;justify-content:center;gap:0}.screen-edge span{width:92px;border-top:1px solid #acc9fa50}.screen-edge i{width:66px;height:13px;border-radius:0 0 10px 10px;background:#0a142a;box-shadow:0 0 0 1px #89a9d32b}
.hero-native{position:relative;border-radius:0 0 18px 18px;overflow:hidden;transform:rotateX(8deg);transform-origin:top;box-shadow:0 22px 48px #030d2b65,0 0 0 1px #b7d7ff48;transition:transform .4s}.hero-native img{width:100%;display:block}.native-reflection{position:absolute;inset:0;background:linear-gradient(125deg,#afd9ff12,transparent 40%);pointer-events:none}.hero-product:hover .hero-native{transform:rotateX(0)}.hero-product-caption{display:block;font-size:10px;letter-spacing:.5px;color:#a8c4e9;margin-top:17px}
.optical-line{display:block}.optical-run{display:inline-block;max-width:100%;white-space:nowrap}
.feature-caption{max-width:860px;width:100%;padding:0 14px;box-sizing:border-box;min-height:90px;margin-bottom:30px}
.feature-caption h3,.caption-measure h3{font-size:19px;font-weight:500;line-height:1.5;margin:0 0 12px}.feature-caption p,.caption-measure p{font-size:14px;line-height:1.85;color:#b9cce8;margin:0;text-wrap:balance;word-break:normal;overflow-wrap:break-word}
.caption-measure{position:absolute;left:-10000px;top:0;visibility:hidden;padding:0 14px;box-sizing:border-box;text-align:center}.screenshot-button{height:clamp(260px,40vw,490px);display:grid;place-items:center}.screenshot-button img{height:100%;max-height:100%;width:100%;object-fit:contain}
/* A broad moving light band and an opposing edge highlight traverse the full page. */
.lightfield{background:linear-gradient(145deg,#101b3b,#17274d 55%,#102044)}
.field-sweep{position:absolute;width:175vw;height:180vh;left:-38vw;top:38vh;border-radius:48%;background:radial-gradient(ellipse at 50% 48%,#187cf2 0%,#267ce3 16%,#478cdc 27%,#8cb9e5 35%,#2465b088 47%,transparent 63%);filter:blur(48px);transform:translate3d(var(--sweep-x,-22vw),var(--sweep-y,-5vh),0) rotate(var(--field-angle,-24deg));will-change:transform;opacity:.82}
.field-ribbon{position:absolute;width:150vw;height:115vh;left:-25vw;top:90vh;border-radius:50%;background:radial-gradient(ellipse at 50% 48%,transparent 40%,#99d6f18a 49%,#2879d380 55%,transparent 65%);filter:blur(35px);transform:translate3d(calc(var(--sweep-x,-22vw)*-.6),var(--ribbon-y,52vh),0) rotate(calc(var(--field-angle,-24deg)*-1));will-change:transform;opacity:.6}
.field-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b183829,transparent 30%,#0d193529 65%,transparent),linear-gradient(0deg,#0b17302e,transparent 50%);pointer-events:none}
@media(max-width:900px){.hero-product{top:25%;width:290px}}
@media(max-width:600px){.hero-product{top:23%;width:260px}.hero-product-caption{font-size:9px}.feature-caption{padding:0 4px}.feature-caption h3,.caption-measure h3{font-size:clamp(14px,4.4vw,18px);line-height:1.6}.feature-caption p,.caption-measure p{font-size:13px}.caption-measure{padding:0 4px}.screenshot-button{height:260px}.field-sweep{width:250vw;left:-75vw;filter:blur(32px)}.field-ribbon{width:220vw;left:-60vw;filter:blur(24px)}}
@media(prefers-reduced-motion:reduce){.field-sweep,.field-ribbon{will-change:auto}}

/* A small, thick glass JotBloom: one silhouette, no side circles or borrowed mark. */
.bloom-toy{--shine-x:38%;--shine-y:24%;position:absolute;top:27%;left:50%;width:238px;height:182px;transform:translateX(-50%);perspective:950px;z-index:3;border-radius:28px;outline-offset:12px}
.toy-float,.toy-tilt{position:relative;width:100%;height:100%;transform-style:preserve-3d}.toy-float{animation:bloom-hover 7s ease-in-out infinite}.toy-tilt{transform:rotateX(7deg) rotateY(-12deg) rotateZ(-2deg)}
@keyframes bloom-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.toy-depth{position:absolute;inset:1px -4px -4px 2px;border-radius:25px 25px 50px 50px;background:linear-gradient(130deg,#d9f1ff91,#6eacdd43 42%,#cce9ff9c);transform:translateZ(-9px);box-shadow:4px 17px 35px #0a285f38,inset -2px -2px 3px #e2f6ffc9}
.toy-face{position:absolute;inset:0;border-radius:25px 25px 50px 50px;overflow:hidden;border:1px solid #e4f5ff9c;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#eefaff52,transparent 67%),linear-gradient(135deg,#d5eeff38,#87baff18 43%,#a1d4ff29 72%,#e0f6ff52);backdrop-filter:blur(9px) saturate(1.15);box-shadow:inset 2px 2px 3px #ffffff80,inset -2px -2px 4px #e2f6ff85,inset 8px 0 15px #d3eeff19,inset 0 -10px 20px #d4ecff18,0 0 0 .5px #b9e5ff6b}
.toy-rim{position:absolute;inset:5px;border:1px solid #eaf7ff25;border-radius:21px 21px 45px 45px;box-shadow:inset 0 1px #ffffff24;pointer-events:none}
.toy-notch{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:70px;height:18px;border-radius:0 0 12px 12px;background:linear-gradient(#244474b3,#32578599);box-shadow:0 1px 0 #e7f6ff4d,inset 0 -2px 4px #112a5a24;display:grid;place-items:center}.toy-notch i{height:3px;width:14px;border-radius:4px;background:#c5e8ff40;box-shadow:0 1px #0c285025}
.toy-leaf{position:absolute;left:29px;top:32px;width:48px;height:48px;fill:none;stroke:#edfaff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #153b7833) drop-shadow(0 0 5px #d9f6ff45)}
.toy-writing{position:absolute;top:118px;left:33px;right:33px;display:grid;gap:13px}.toy-writing i{display:block;height:3px;border-radius:5px;background:linear-gradient(90deg,#f2fbffc9,#daefffa8);box-shadow:0 1px 1px #38649c3d,0 -1px 1px #ffffff21}.toy-writing i:last-child{width:66%;opacity:.48;height:2.5px}
.toy-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 5%,#ffffff12 25%,#ffffff04 37%,transparent 47%,#d8f5ff10 91%,#f5fbff38);pointer-events:none;transform:translateX(calc((var(--shine-x) - 38%)*.15))}.toy-glint{position:absolute;top:0;left:20px;width:55%;height:1px;background:linear-gradient(90deg,transparent,#fffaffc4,transparent)}
.bloom-toy:active .toy-float{animation-play-state:paused}
/* Restore the cleaner luminous blue palette while keeping full-document motion. */
.lightfield{background:linear-gradient(145deg,#203365 0%,#24477d 55%,#205390 100%)}
.field-sweep{background:radial-gradient(ellipse at 50% 48%,#158aff 0%,#248dff 18%,#64b3ff 29%,#abd9ff 37%,#348ce77d 49%,transparent 64%);opacity:.95;filter:blur(42px)}
.field-ribbon{background:radial-gradient(ellipse at 50% 48%,transparent 38%,#c4e9ffb3 48%,#48a4f68c 55%,transparent 66%);opacity:.72}
.field-shade{background:linear-gradient(90deg,#1833620a,transparent 35%,#1b396a10 65%,transparent)}
.grain{opacity:.016}.story-copy>p:not(.kicker),.three-notes p,.feature-caption p{color:#d0e0f5}.hero-sub{color:#c6e0ffbc}
@media(min-width:1500px){.bloom-toy{top:28%;width:270px;height:204px}.toy-writing{top:137px}.toy-leaf{width:54px;height:54px;top:38px}}
@media(max-width:900px){.bloom-toy{width:216px;height:171px;top:26%}.toy-writing{top:110px}}
@media(max-width:600px){.bloom-toy{top:25%;width:210px;height:168px}.toy-leaf{left:25px;top:31px;width:43px;height:43px}.toy-writing{left:29px;right:29px;top:108px}.field-sweep{filter:blur(30px)}}
@media(prefers-reduced-motion:reduce){.toy-float{animation:none}.toy-tilt{transform:rotateX(7deg) rotateY(-12deg) rotateZ(-2deg)!important}}
.wordmark{white-space:nowrap}
.github-link{padding:9px 15px;border:1px solid #c3d2ed66;border-radius:22px;white-space:nowrap;transition:background .2s}
.github-link:hover{background:#c3d2ed1a}
.download-thanks-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.download-fallback{display:inline-block;margin-top:22px;font-size:12px;color:#bed2ee;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){header nav{gap:12px}header nav>a[href="#product"]{display:none}.github-link{padding:8px 11px}header .wordmark{font-size:16px}}
.toy-version{position:absolute;left:33px;top:46px;font-size:13px;font-weight:500;letter-spacing:.5px;color:#edfaff;text-shadow:0 1px 8px #bce4ff55}
.contact p{line-height:1.9;overflow-wrap:anywhere}
.contact a{transition:color .2s;text-underline-offset:4px}
.contact a:hover{color:#fff;text-decoration:underline}
.contact small{font-size:11px;color:#8faed5}
@media(max-width:600px){.toy-version{left:29px;top:43px;font-size:12px}}

/* Equal platform choices share one clear, free download area. */
.hero-bottom{grid-template-columns:minmax(0,1fr) 360px;gap:48px}
.hero-aside .free-note{display:flex;align-items:center;gap:0;margin:0 0 15px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.7)}
.free-note strong{font-size:inherit;font-weight:600;color:#fff}
.download-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:390px}
.download-pair .pill{width:100%;min-width:0;gap:10px;padding:17px 12px;white-space:nowrap}
.hero-aside small{line-height:1.8;font-size:10px;max-width:360px}
.shortcut .download-pair{margin-inline:auto}.shortcut-note{line-height:1.9}
.questions{border-top:1px solid #b5d0fa24;align-self:start;overflow-anchor:none}
.questions details>div{display:flow-root}
.questions details[data-expanded="false"] summary:after{content:'+'}
.questions details[data-expanded="true"] summary:after{content:'−'}
@media(min-width:1500px){.hero-bottom{grid-template-columns:minmax(0,1fr) 390px}}
@media(min-width:601px) and (max-width:1050px){.hero-bottom{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.opening h1{font-size:clamp(40px,6.5vw,66px)}.download-pair .pill{font-size:12px;padding-inline:8px;gap:7px}}
@media(max-width:600px){.hero-bottom{grid-template-columns:1fr;gap:28px}.hero-aside{display:block}.hero-aside>p:first-child{margin-bottom:14px}.hero-aside .free-note{margin-bottom:12px}.hero-aside .download-pair .pill{padding:15px 10px;gap:8px;font-size:12px}.hero-aside small{margin-top:12px}.download-pair{max-width:100%}}

/* Product screenshots have their own appearance setting; the website keeps its light-field identity. */
.preview-theme{display:flex;gap:4px;flex-shrink:0;background:#07112550;padding:4px;border:1px solid #ffffff18;border-radius:16px}
.preview-theme button{min-width:54px;min-height:30px;padding:5px 12px;border-radius:12px;background:transparent;color:#bbcee9;font:inherit;font-size:12px;letter-spacing:0;transition:background .3s,color .3s,box-shadow .3s}
.preview-theme button[aria-pressed="true"]{color:#fff;background:linear-gradient(120deg,#4b6df2,#188edb);box-shadow:inset 0 1px #ffffff29}
.preview-theme button:focus-visible{outline:2px solid #a2ceff;outline-offset:3px}
.stage-bar{align-items:center;gap:12px;padding-bottom:14px}.stage-bar>span{display:flex;gap:12px;flex-wrap:wrap}
.screenshot-button{background:#14171d;transition:background .36s}.screenshot-button[data-theme="light"]{background:#f6f7f9}
.screenshot-button img{height:100%;max-height:100%;object-fit:contain}
@media(max-width:600px){.stage{padding:12px 10px 16px}.stage-bar{font-size:9px}.stage-bar>span{gap:4px;flex-direction:column}.preview-theme button{min-width:46px;padding:5px 8px}.stage-caption{gap:12px;line-height:1.6}.product-tabs{gap:4px}.product-tabs button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.preview-theme button,.screenshot-button{transition:none}}

.companion-feature{max-width:1080px;margin:auto;padding:45px 30px 110px;text-align:center}.companion-lineup{display:flex;justify-content:center;gap:20px;margin:45px 0 28px;flex-wrap:wrap}.companion-lineup figure{margin:0;min-width:95px}.companion-lineup canvas{width:100px;height:80px}.companion-lineup figcaption{font-size:12px;color:#d0e0f5;margin-top:10px}.companion-summary{font-size:16px;line-height:1.9;color:#d0e0f5;margin:0 auto 28px;max-width:650px}.companion-platform{font-size:11px;line-height:1.8;color:#d0e0f5;margin:20px auto 0;max-width:600px}@media(max-width:700px){.companion-lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 8px}.companion-lineup figure{min-width:0}.companion-summary{font-size:14px}.companion-feature{padding:30px 22px 80px}header nav{gap:14px;font-size:10px}}

@media(max-width:700px){body>header nav a[href="companions/"]{display:inline}body>header nav a[href="#before"]{display:none}}

/* Shared navigation: a quiet divider and direction-aware reveal. */
body>header{position:fixed;inset:0 0 auto;padding-inline:5%;z-index:20;border-bottom:1px solid #d5e6ff20;transition:transform .24s ease,background .24s ease;}
body>header.is-scrolled{background:#182e55d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
body>header.is-hidden{transform:translateY(-100%);pointer-events:none}
body>header:has(:focus-visible){transform:translateY(0);pointer-events:auto}
main section[id]{scroll-margin-top:110px}
@media(max-width:700px){body>header.experience-header nav>a[href="../#product"],body>header.experience-header nav>a[href="../#before"]{display:none}}
@media(max-width:600px){body>header{padding-inline:24px}main section[id]{scroll-margin-top:94px}}

.companion-greeting{display:block;margin:auto;padding:0;border:0;background:transparent;border-radius:12px;touch-action:pan-y}.companion-greeting canvas{display:block;image-rendering:pixelated}

/* 1.0.7: give the story a full-width rhythm and the file shelf its own home-page section. */
.story{max-width:1120px;margin:auto;padding:140px 35px 150px;min-height:0}
.story-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(48px,7vw,112px);align-items:center}
.story h2{font-size:clamp(42px,4.5vw,64px);font-weight:500;line-height:1.23;letter-spacing:-2px;margin:25px 0 0}
.story h2 span{color:#d7ebff}
.story .story-copy{max-width:none;margin:0;padding-top:34px}
.story .story-copy p{font-size:17px;line-height:1.95;color:#d0e0f5;margin:24px 0 0;text-wrap:pretty}
.story .story-copy .story-lead{font-size:clamp(22px,2vw,28px);line-height:1.65;color:#edf5ff;font-weight:500;margin-top:0}
.story .story-copy .story-return{padding-top:23px;border-top:1px solid #d0e0f533;font-size:15px;color:#bed8fa}
.shelf-feature{max-width:1120px;margin:auto;padding:60px 35px 90px}
.shelf-intro{font-size:17px;line-height:1.9;color:#d0e0f5;margin:28px auto 0;max-width:620px}
.shelf-figure{margin:48px 0 36px}
.shelf-preview{display:block;width:100%;padding:0;background:#14171d;border-radius:20px;overflow:hidden;border:1px solid #d2e7ff40;box-shadow:0 28px 65px #061a3d40;cursor:zoom-in}
.shelf-preview img{display:block;width:100%;height:auto}
.shelf-preview:focus-visible{outline:2px solid #d7ebff;outline-offset:6px}
.shelf-figure figcaption{display:flex;justify-content:space-between;gap:15px;color:#bed0e8;font-size:11px;line-height:1.7;margin:16px 3px 0}
.shelf-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.shelf-steps li{border-top:1px solid #cbe2ff38;padding-top:22px}
.step-index{font-size:11px;letter-spacing:1.3px;color:#b4d4ff}
.shelf-steps h3{font-size:18px;font-weight:500;margin:15px 0 12px}
.shelf-steps p{font-size:14px;line-height:1.9;color:#d0e0f5;margin:0}
.shelf-note{font-size:12px;line-height:1.9;color:#b8cfe9;text-align:center;margin:36px auto 0}
@media(max-width:760px){
 .story{padding:90px 28px 100px}.story-layout{grid-template-columns:1fr;gap:34px}.story h2{font-size:clamp(38px,7.2vw,52px);letter-spacing:-1.5px}
 .story .story-copy{padding-top:0;max-width:540px}.story .story-copy p{font-size:16px;margin-top:20px}.story .story-copy .story-lead{font-size:22px}.story .story-copy .story-return{font-size:14px}
 .shelf-feature{padding:40px 24px 65px}.shelf-intro{font-size:15px;margin-top:22px}.shelf-intro br{display:none}.shelf-figure{margin:32px 0}.shelf-preview{border-radius:12px}.shelf-figure figcaption{font-size:10px}
 .shelf-steps{grid-template-columns:1fr;gap:25px}.shelf-steps li{padding-top:18px}.shelf-steps h3{font-size:18px;margin:10px 0 8px}.shelf-steps p{max-width:440px}.shelf-note{font-size:11px;text-align:left;margin-top:30px}
}
.shelf-feature .kicker{display:inline-block;padding:7px 13px;border-radius:20px;background:#102a577a;color:#f3f7ff}
@media(max-width:600px){.shelf-feature .section-title h2{font-size:clamp(30px,10vw,40px)}}