@font-face{font-family:Jakarta;src:url('jakarta.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#080a0e;color:#f1f3f7;font-family:Jakarta,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #a2baff;outline-offset:6px}::selection{background:#345ce8}header,main,footer{max-width:1440px;margin:auto}.nav{height:112px;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:700;letter-spacing:-1px}.brand img{border-radius:9px}.brand>span{font-size:10px;align-self:flex-start;margin-top:7px}.nav nav{display:flex;gap:32px;color:#afb5c2;font-size:12px}.nav a:hover{color:#a8bcff}.nav-cta{font-size:12px;border:1px solid #343841;padding:13px 18px;border-radius:5px}.nav-cta span{margin-left:22px}.hero{padding:65px 9% 0;position:relative;background:radial-gradient(ellipse at 78% 44%,#14234b66,transparent 52%)}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:600;color:#aab3c5}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:#7097ff;box-shadow:0 0 14px #5b85ff;border-radius:50%}h1{font-size:clamp(66px,7.9vw,114px);line-height:1.05;letter-spacing:-7px;font-weight:500;margin:29px 0 35px}em{font-family:Georgia,serif;font-weight:400;color:#8dabff;letter-spacing:-5px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.hero p{color:#a8aebb;font-size:14px;line-height:1.9}.round-link{display:flex;align-items:center;gap:14px;font-size:12px}.round-link small{display:block;font-size:9px;color:#8c94a4;margin-top:7px}.play-icon{border:1px solid #424c62;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:#a5bdff;font-size:11px}.hero-index{display:flex;justify-content:space-between;border-top:1px solid #242832;padding:23px 0;margin-top:57px;font-size:8px;letter-spacing:1.5px;color:#8e97aa}.reel-section{padding:14px 6% 0}.reel{border:1px solid #303a52;border-radius:10px;background:radial-gradient(ellipse at 50% 70%,#182c6155,transparent 65%),#0d111b;overflow:hidden;position:relative;box-shadow:0 40px 100px #0006}.reel-top{display:flex;justify-content:space-between;padding:23px 28px;font-size:8px;letter-spacing:1.7px;color:#919db5}.reel-top i{display:inline-block;width:5px;height:5px;background:#7197ff;border-radius:50%;margin-right:8px}.scene-label{text-align:center;margin:15px 15px 22px}.scene-label>span{font-size:9px;color:#83a0f6;letter-spacing:2px}.scene-label h2{font-size:30px;letter-spacing:-1px;margin:11px 0}.scene-label p{font-size:12px;color:#909bb0}.stage{height:325px;position:relative;margin:0 auto 20px;max-width:740px}.scene{position:absolute;inset:0;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .65s,transform .65s;pointer-events:none;padding:15px 25px}.scene.active{opacity:1;transform:none}.node{border:1px solid #475e95;border-radius:7px;background:#18243c;padding:15px 23px;font-size:13px;box-shadow:0 8px 28px #0003}.node small{display:block;font-size:7px;letter-spacing:1.5px;color:#9db7ff;margin-bottom:9px}.tree-root{width:270px;margin:auto;text-align:center;position:relative}.tree-root:after{content:'';position:absolute;top:100%;left:50%;height:28px;border-left:1px solid #516ca7}.branches{display:flex;gap:50px;margin:27px auto 0;max-width:610px;position:relative}.branches:before{content:'';position:absolute;top:-1px;left:22%;right:22%;border-top:1px solid #516ca7}.branches>.node{flex:1;position:relative}.leaf{background:#0c1426;border:1px solid #303d59;padding:11px;margin-top:12px;border-radius:4px;color:#abb9d4;font-size:10px}.cursor-tag{font-size:9px;color:#a2baff;background:#23365f;border-radius:20px;padding:8px 14px;width:max-content;margin:18px auto}.scene-outline,.scene-gantt{background:#101620;border:1px solid #303c52;border-radius:8px;margin:0 40px;padding:20px 25px}.mock-toolbar{font-size:8px;letter-spacing:1px;color:#9ab3ec;border-bottom:1px solid #293142;padding-bottom:14px}.mock-toolbar span{float:right;color:#8a93a5;letter-spacing:0}.scene-outline h3{font-size:23px;font-weight:500;margin:22px 0 15px}.outline-row{font-size:11px;padding:10px 0;border-bottom:1px solid #242c39}.outline-row span{float:right;font-size:7px;color:#a0b7ed}.indent{padding-left:25px;color:#a0abbe}.typing-line{font-size:12px;color:#9fbbff;margin-top:15px}.caret{display:inline-block;height:13px;border-right:1px solid #a6bdff;margin-left:3px}.months{display:grid;grid-template-columns:42% repeat(3,1fr);font-size:8px;letter-spacing:1px;color:#8d9cb8;padding:22px 0}.gantt-row{display:grid;grid-template-columns:42% 1fr;position:relative;height:40px;align-items:center;border-top:1px solid #283142;font-size:10px}.gantt-row i{height:12px;background:linear-gradient(90deg,#3158ba,#87a9ff);border-radius:3px;width:var(--width);margin-left:var(--start)}.gantt-note{font-size:9px;color:#90aaf0;margin-top:18px}.scene-deck{margin:0 50px;background:linear-gradient(120deg,#18336c,#0e1729 70%);border:1px solid #516791;border-radius:5px;padding:27px 36px;box-shadow:12px 12px 0 #101a2c,13px 13px 0 #34425d}.slide-number{font-size:7px;letter-spacing:2px;color:#aabfe9}.scene-deck h3{font-size:36px;letter-spacing:-1.6px;line-height:1.2;margin:18px 0}.deck-rule{height:2px;width:40px;background:#8caeff}.scene-deck p{font-size:10px;line-height:1.8;color:#b9c6df}.deck-footer{display:flex;justify-content:space-between;margin-top:20px;font-size:7px;letter-spacing:1px;color:#aabfe9}.reel-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #293246;padding:16px 25px;gap:15px}.reel-controls button{border:0;background:none;color:#949fb6;font-size:10px;padding:9px 5px}.reel-controls button:hover{color:white}.chapters{display:flex;gap:24px}.chapters button.selected{color:#c7d7ff}.chapters button span{margin-left:6px}.progress{height:2px;background:#242e45}#progress-fill{height:100%;background:#88a7ff;width:0}.reel-caption{display:flex;justify-content:space-between;padding:20px 2px;font-size:8px;color:#909aaf;letter-spacing:1px}.reel-caption span:last-child{letter-spacing:0}.idea{margin:90px 9% 0;padding:45px 0 70px;border-top:1px solid #2a2d36;display:grid;grid-template-columns:1fr 1.8fr;gap:40px}.section-kicker{line-height:1.8;font-size:8px}.idea h2,.perspectives h2{font-size:43px;font-weight:500;line-height:1.18;letter-spacing:-2px;margin:0 0 25px}.idea h2 span{color:#7c879d}.idea p{max-width:470px;color:#949eaf;font-size:13px;line-height:1.9}.idea p.bright{color:#d7dfef;margin-top:20px}.perspectives{border-top:1px solid #2a2d36;padding:45px 0 70px;margin:0 9%;display:grid;grid-template-columns:1fr 1.8fr;gap:30px 40px}.perspectives .section-kicker{grid-column:1/-1}.perspectives h2 span{color:#8dabff}.feature-list article{display:flex;gap:22px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #272c36}.feature-list article>span{color:#8ea7e1;font-size:10px;padding-top:5px}.feature-list article>span:last-child{margin-left:auto}.feature-list h3{font-size:14px;font-weight:500;margin:0 0 10px}.feature-list p{font-size:12px;line-height:1.8;color:#949eaf;margin:0;max-width:370px}.closing{text-align:center;padding:65px 20px 90px;background:radial-gradient(ellipse at bottom,#17275488,transparent 65%);border-top:1px solid #242c3c}.closing .eyebrow{justify-content:center;font-size:8px}.closing h2{font-size:72px;letter-spacing:-4px;font-weight:500;line-height:1.1;margin:25px 0}.closing em{letter-spacing:-3px}.closing p{color:#a1aabc;font-size:13px}.primary-cta{display:block;width:max-content;margin:30px auto 20px;background:#b8cbff;color:#101c38;font-size:12px;padding:17px 24px;border-radius:5px}.primary-cta:hover{background:#d3dfff}.primary-cta span{margin-left:40px}.source-link{font-size:10px;color:#bdc9e1}.closing>small{display:block;margin-top:35px;font-size:8px;color:#8f9bb2}footer{padding:30px 6%;border-top:1px solid #252b37;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:20px}footer>span{color:#8f99ab;font-size:9px}@media(min-width:1500px){h1{font-size:114px}}@media(max-width:750px){.nav{height:85px;padding:0 6%}.nav nav{display:none}.brand{font-size:22px}.hero{padding:45px 7% 0}h1{font-size:clamp(56px,11vw,82px);letter-spacing:-3.5px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:14px}.hero p{font-size:12px}.hero-index{font-size:6px;margin-top:35px}.reel-section{padding:10px 4%}.reel-top{padding:18px 15px;font-size:6px;letter-spacing:1px}.reel-top>span:last-child{max-width:100px;text-align:right;line-height:1.6}.scene-label h2{font-size:25px}.scene-label p{font-size:10px}.stage{height:300px}.scene{padding:15px 12px}.tree-root{width:230px}.branches{gap:12px}.branches>.node{padding:13px 10px;font-size:10px}.leaf{font-size:8px;padding:10px 5px}.scene-outline,.scene-gantt{margin:0 12px;padding:17px 14px}.scene-outline h3{font-size:21px}.mock-toolbar{font-size:6px}.outline-row{font-size:9px}.scene-deck{margin:0 20px;padding:25px}.scene-deck h3{font-size:32px}.reel-controls{padding:10px;gap:7px}.chapters{gap:10px}.chapters button span{display:none}#sound-toggle{font-size:9px}.reel-caption{font-size:6px;gap:15px;line-height:1.8}.reel-caption span:last-child{text-align:right}.idea{margin:55px 7% 0;display:block;padding:30px 0 40px}.idea .section-kicker{margin-bottom:25px}.idea h2,.perspectives h2{font-size:36px}.perspectives{display:block;margin:0 7%;padding:30px 0}.perspectives .section-kicker{margin-bottom:25px}.feature-list{margin-top:35px}.closing{padding:50px 20px 60px}.closing h2{font-size:51px;letter-spacing:-2.5px}.closing em{letter-spacing:-2px}footer{gap:20px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{transition:none}}

[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:20px;z-index:10;background:#c6d5ff;color:#101a30;padding:14px}.skip-link:focus{top:12px}.chapters button{min-width:28px;min-height:32px}

/* Real product capture reel and feature stories. */
.stage{height:auto;aspect-ratio:1.8;max-width:1120px;margin:0 auto 25px}.screenshot-scene{padding:0 26px;display:flex;align-items:center;justify-content:center}.scene.active{pointer-events:auto}.screenshot-link{position:relative;display:block}.screenshot-scene .screenshot-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screenshot-scene img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 20px #0005)}.enlarge-hint{position:absolute;bottom:12px;right:12px;padding:9px 12px;border:1px solid #455b8d;background:#111d35ed;border-radius:5px;color:#d4e0ff;font-size:10px;z-index:1}.screenshot-link:hover .enlarge-hint{background:#233f78}.chapters{gap:15px}.chapters button{font-size:9px;min-height:36px}.product-stories{margin:0 9%;border-top:1px solid #2a2d36}.product-stories article{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;padding:70px 0;border-bottom:1px solid #2a2d36}.story-copy h2{font-size:43px;line-height:1.2;letter-spacing:-2px;font-weight:500;margin:25px 0}.story-copy h2 em{letter-spacing:-1.5px}.story-copy p{font-size:13px;line-height:1.9;color:#a7b0c2}.story-copy .screen-note{font-size:10px;color:#8e9bb4}.story-screen{border:1px solid #344461;border-radius:8px;overflow:hidden;background:#0c111a}.story-screen img{display:block;width:100%;height:auto}dialog{padding:20px;background:#10151f;color:#e2eaff;border:1px solid #516689;border-radius:10px;width:min(96vw,1640px);max-width:none;max-height:94vh}dialog::backdrop{background:#03060dea;backdrop-filter:blur(8px)}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:15px}.viewer-bar h2{font-size:18px;margin:0}.viewer-bar button{border:1px solid #5872a2;background:#172640;border-radius:4px;padding:10px 16px}.viewer-scroll{overflow:auto;max-height:76vh}.viewer-scroll img{display:block;width:100%;height:auto;min-width:1000px}dialog>p{font-size:11px;color:#a1b0ca}
@media(max-width:750px){.stage{aspect-ratio:1.25}.screenshot-scene{padding:0 10px}.enlarge-hint{font-size:8px;padding:7px;bottom:5px;right:5px}.chapters{gap:3px;flex:1;justify-content:center}.chapters button{min-width:27px;padding:7px 3px}.reel-controls{gap:2px}#sound-toggle{max-width:70px;font-size:8px}.product-stories{margin:0 7%}.product-stories article{grid-template-columns:1fr;gap:22px;padding:40px 0}.story-copy h2{font-size:36px}.story-screen{max-height:470px}.story-screen img{object-fit:contain}dialog{padding:12px}.viewer-bar h2{font-size:15px}}

.scene-label{min-height:125px}.scene-label h2{max-width:850px;margin-left:auto;margin-right:auto}@media(max-width:750px){.scene-label{min-height:130px}}

/* Planning is the source of stakeholder-ready surfaces. */
.hero-bottom>p{max-width:560px}.closing p{max-width:540px;margin:0 auto;line-height:1.9}.closing h2{font-size:clamp(42px,5vw,68px)}
.plan-surfaces{margin:0 9%;padding:42px 0 60px;border-top:1px solid #2a2d36}.plan-surfaces h2{font-size:clamp(28px,3.2vw,42px);line-height:1.2;letter-spacing:-1.5px;font-weight:500;margin:23px 0 35px}.surface-flow{display:grid;grid-template-columns:1fr 50px 1.6fr;align-items:center}.surface-source{padding:28px;border:1px solid #526fa9;border-radius:8px;background:linear-gradient(135deg,#1a2d50,#101723)}.surface-flow span{display:block;font-size:8px;letter-spacing:1.2px;color:#9db6e8;line-height:1.7}.surface-flow strong{display:block;font-size:17px;font-weight:500;margin-top:9px}.surface-source p{font-size:12px;line-height:1.8;color:#a7b1c4;margin:14px 0 0}.surface-connector{text-align:center;font-size:25px;color:#89aaff}.surface-outputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.surface-outputs>div{border:1px solid #303e57;padding:21px 18px;border-radius:7px;background:#101622}.surface-outputs strong{font-size:14px}.surface-note{color:#a7b1c4;font-size:12px;line-height:1.9;margin:24px 0 0}
@media(max-width:750px){.hero h1{font-size:clamp(44px,10.3vw,72px)}.plan-surfaces{margin:0 7%;padding:30px 0 40px}.surface-flow{grid-template-columns:1fr}.surface-connector{transform:rotate(90deg);padding:12px}.surface-outputs{gap:10px}.surface-outputs>div{padding:17px 12px}.surface-flow span{font-size:7px;letter-spacing:.8px}.surface-outputs strong{font-size:13px}.closing h2{font-size:clamp(35px,8vw,51px)}.closing em{letter-spacing:-2px}}

.surface-flow span{font-size:10px;letter-spacing:.8px}.surface-source p,.surface-note{font-size:13px}.surface-outputs>div{padding:22px 18px}
@media(max-width:750px){.surface-flow span{font-size:10px;letter-spacing:.6px}.surface-outputs strong{font-size:15px}}
@media(max-width:450px){.surface-outputs{grid-template-columns:1fr}.surface-outputs>div{padding:18px}}

/* A focused, inspectable scenario story instead of a full-screen capture. */
.scenario-demo{min-width:0;border:1px solid #3a4b6a;background:radial-gradient(ellipse at top right,#1b3155,#0e1521 70%);border-radius:12px;padding:24px;box-shadow:0 20px 60px #0004}.sd-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:#a7bce5}.sd-badge{font-size:8px;border:1px solid #405474;border-radius:4px;padding:5px;letter-spacing:1px}.sd-heading{min-height:105px;padding-top:25px}.sd-heading strong{font-size:20px;font-weight:500;line-height:1.4}.sd-heading p{font-size:12px;line-height:1.7;color:#a6b4cb;margin:8px 0 18px}.sd-list{height:184px;position:relative;margin-bottom:22px}.sd-row{position:absolute;top:0;left:0;right:0;height:52px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#141f31;border:1px solid #344662;border-radius:6px;transition:transform 1.2s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s;font-size:12px}.sd-row small{font-size:7px;letter-spacing:.5px;margin-left:auto;color:#8fa6ce}.sd-grip{color:#7a94c2;font-size:18px}.sd-welcome{transform:translateY(0)}.sd-tour{transform:translateY(62px)}.sd-next{transform:translateY(124px);z-index:2}.sd-reordered .sd-next{transform:translateY(0);border-color:#94b6ff;box-shadow:0 5px 24px #548aff22}.sd-reordered .sd-welcome{transform:translateY(62px)}.sd-reordered .sd-tour{transform:translateY(124px)}.sd-pointer{position:absolute;right:15px;top:0;color:#e8f0ff;font-size:25px;z-index:3;pointer-events:none;text-shadow:0 2px 8px #000}.sd-capacity{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0b121e;border:1px solid #2b3d58;border-radius:6px;transition:border-color .5s}.sd-capacity span{display:block;font-size:9px;letter-spacing:1.2px;color:#a2b5d6}.sd-capacity strong{display:block;margin-top:7px;font-size:26px}.sd-capacity small{font-size:11px;color:#a8b5cb;font-weight:400}.sd-plus{border:1px solid #5371a5;border-radius:5px;padding:5px 12px;font-size:22px;color:#b6cdff}.scenario-demo[data-step="1"] .sd-capacity{border-color:#91b0ef}.scenario-demo[data-step="1"] .sd-plus{background:#a8c2ff;color:#15233b}.sd-roadmap{padding:24px 0}.sd-axis{display:grid;grid-template-columns:70px repeat(6,1fr);font-size:9px;color:#7f96bc;text-align:center;margin:0 20px 12px 0}.sd-axis span:first-child{text-align:left;font-size:8px;letter-spacing:1px}.sd-track{display:grid;grid-template-columns:70px 1fr 20px;gap:0;align-items:center;margin-top:14px;font-size:10px;color:#b2c0d7}.sd-track>div{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#304059 calc(16.666% - 1px),#304059 16.666%);height:17px}.sd-track i{display:block;height:12px;margin-top:3px;border-radius:3px;transition:width 1.3s cubic-bezier(.22,1,.36,1)}.sd-baseline{width:100%;background:#425779}.sd-variant{width:100%;background:#9abaff}.sd-track b{text-align:right;font-weight:400}.scenario-demo[data-step="1"] .sd-variant,.scenario-demo[data-step="2"] .sd-variant{width:66.666%}.sd-save{border-top:1px solid #30415e;padding:18px 0;min-height:81px}.sd-save span{display:block;font-size:10px;color:#8da4cb}.sd-save strong{display:block;font-size:15px;margin-top:9px;font-weight:500}.scenario-demo[data-step="2"] .sd-save span{color:#9ee1c3}.sd-controls{display:flex;align-items:center;gap:7px;border-top:1px solid #30415e;padding-top:16px}.sd-controls>div{display:flex;gap:4px;margin-right:auto}.sd-controls button{border:1px solid #354766;background:#111d30;border-radius:4px;padding:8px 7px;font-size:9px;min-height:34px}.sd-controls button[aria-pressed="true"]{border-color:#91aff0;background:#243c65;color:#dce8ff}.sd-note{font-size:9px;line-height:1.7;color:#8194b2;margin:15px 0 0}
@media(max-width:750px){.scenario-demo{padding:18px}.sd-heading strong{font-size:18px}.sd-row{font-size:11px;padding:0 9px;gap:7px}.sd-row small{font-size:6px}.sd-controls{flex-wrap:wrap}.sd-controls button{font-size:9px}.sd-controls>div{gap:3px}.sd-save strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sd-row,.sd-track i,.sd-capacity{transition:none}}

.sd-heading{min-height:142px}.sd-save{position:relative;padding-right:110px;min-height:100px}.sd-save>button{position:absolute;right:0;top:22px;border:1px solid #7e9ed8;background:#1a2e50;border-radius:5px;padding:10px;font-size:10px}.sd-save>button.sd-saving{background:#b9ceff;color:#14213a;transform:scale(.97)}.sd-controls button:disabled{opacity:.45;cursor:default}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:751px) and (max-width:1150px){.product-stories .scenario-story{grid-template-columns:1fr}.scenario-demo{width:100%}}
@media(max-width:750px){.sd-heading{min-height:142px}.sd-save{padding-right:0;padding-bottom:55px}.sd-save>button{top:auto;bottom:12px;left:0;right:auto}.sd-row small{display:none}}
h1,h2,h3{text-wrap:balance}
/* Hero: a quiet glimpse of the real product behind the headline. */
.hero{overflow:hidden;isolation:isolate}
.hero-visual{position:absolute;right:-4%;top:70px;width:min(46vw,680px);aspect-ratio:16/10;z-index:-1;perspective:1400px;pointer-events:none;mask-image:linear-gradient(100deg,transparent 0,#000 38%,#000 72%,transparent 100%),linear-gradient(#000 55%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.hero-visual img{position:absolute;height:auto;width:78%;border-radius:8px;border:1px solid #2f3d58;box-shadow:0 30px 70px #000c;transform-style:preserve-3d}
.hero-visual img:first-child{right:0;top:0;transform:rotateY(-16deg) rotateX(6deg);opacity:.5;animation:hero-drift 14s ease-in-out infinite alternate}
.hero-visual img:last-child{right:14%;top:22%;transform:rotateY(-16deg) rotateX(6deg);opacity:.62;animation:hero-drift 14s ease-in-out -7s infinite alternate}
@keyframes hero-drift{to{translate:-18px 12px}}
@media(max-width:1000px){.hero-visual{display:none}}
/* Living plan: an edit on the left ripples to every view and export. */
.surface-edit{margin-top:18px;padding:11px 13px;border:1px dashed #3b5384;border-radius:6px;background:#0d1626;transition:border-color .4s,background .4s}
.surface-edit small{display:block;font-size:9px;letter-spacing:.8px;color:#8ea7e1;text-transform:uppercase}
.surface-flow .surface-edit b{display:block;margin-top:6px;font-size:13px;font-weight:500}
.surface-edit s{color:#7d8aa3;margin:0 4px}
.surface-flow .surface-new{display:inline;font-size:inherit;letter-spacing:0;line-height:inherit;color:#b9ceff;opacity:0;transition:opacity .4s}
.is-editing .surface-edit{border-style:solid;border-color:#7ea2ff;background:#142443}
.surface-flow.is-editing .surface-new{opacity:1}
.surface-connector{position:relative}
.surface-connector i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#bcd0ff;box-shadow:0 0 14px #7ea2ff;opacity:0}
.is-flowing .surface-connector i{animation:surface-pulse .7s ease-out}
@keyframes surface-pulse{0%{opacity:0;translate:-22px 0}40%{opacity:1}100%{opacity:0;translate:22px 0}}
@keyframes surface-pulse-down{0%{opacity:0;translate:0 -14px}40%{opacity:1}100%{opacity:0;translate:0 14px}}
.surface-outputs>div{position:relative;transition:border-color .5s,background .5s}
.surface-updated{position:absolute;right:12px;top:12px;font-style:normal;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#9ee1c3;opacity:0;transition:opacity .4s}
.is-updated .surface-outputs>div{border-color:#4e78c8;background:#132039}
.is-updated .surface-updated{opacity:1}
.surface-outputs>div:nth-child(2),.surface-outputs>div:nth-child(2) .surface-updated{transition-delay:.15s}
.surface-outputs>div:nth-child(3),.surface-outputs>div:nth-child(3) .surface-updated{transition-delay:.3s}
.surface-outputs>div:nth-child(4),.surface-outputs>div:nth-child(4) .surface-updated{transition-delay:.45s}
@media(max-width:750px){.is-flowing .surface-connector i{animation-name:surface-pulse-down}}
/* Feature list arrows jump to the matching reel chapter. */
.feature-jump{margin-left:auto;align-self:flex-start;color:#8ea7e1;font-size:13px;text-decoration:none;padding:4px 8px;border:1px solid transparent;border-radius:5px;transition:border-color .2s,color .2s}
.feature-jump:hover,.feature-jump:focus-visible{color:#fff;border-color:#4e6aa6}
/* Sharing: portable files and live collaboration. */
.share{margin:0 9%;padding:60px 0 80px;border-top:1px solid #2a2d36}
.share h2{font-size:clamp(30px,3.4vw,43px);line-height:1.18;letter-spacing:-2px;font-weight:500;margin:23px 0 40px}
.share h2 em{color:#9db6f5;letter-spacing:-1.5px}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.share-card{position:relative;padding:30px;border:1px solid #303e57;border-radius:10px;background:linear-gradient(160deg,#131d31,#0d121c 70%);opacity:0;translate:0 24px;transition:opacity .8s,translate .8s cubic-bezier(.16,1,.3,1)}
.share-card+.share-card{transition-delay:.15s}
.is-visible .share-card{opacity:1;translate:0 0}
.share-tag{font-size:9px;letter-spacing:1.6px;color:#9ab7ff}
.share-tag i{font-style:normal;margin-left:8px;padding:3px 6px;border:1px solid #405474;border-radius:4px;font-size:8px;color:#a7bce5}
.share-card h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:14px 0 18px}
.share-card ul{margin:0;padding:0;list-style:none}
.share-card li{font-size:13px;line-height:1.75;color:#a7b1c4;padding:10px 0 10px 18px;border-top:1px solid #222b3b;position:relative}
.share-card li::before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;border-radius:50%;background:#6f97ff}
.share-card li b{color:#e3ebfb;font-weight:500}
.share-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.share-files span{font-size:11px;color:#a7b1c4;padding:8px 11px;border:1px solid #33456a;border-radius:6px;background:#0d1626}
.share-files b{color:#cfe0ff;font-weight:500;margin-right:5px}
.collab-demo{margin-top:20px;padding:14px;border:1px solid #33456a;border-radius:8px;background:#0b111d;position:relative}
.cd-top{display:flex;justify-content:space-between;align-items:center}
.cd-avatars{display:flex}
.cd-avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:600;color:#0d1626;margin-left:-6px;border:2px solid #0b111d;scale:0;transition:scale .5s cubic-bezier(.34,1.56,.64,1)}
.cd-avatars span:first-child{margin-left:0;background:#9ee1c3}
.cd-avatars span:nth-child(2){background:#f4c38c;transition-delay:.15s}
.cd-avatars span:nth-child(3){background:#9ab7ff;transition-delay:.3s}
.is-visible .cd-avatars span{scale:1}
.cd-sync{font-size:10px;color:#9ee1c3;display:flex;align-items:center;gap:6px}
.cd-sync i{width:7px;height:7px;border-radius:50%;background:#9ee1c3;box-shadow:0 0 8px #9ee1c3}
.cd-feed{margin-top:12px}
.cd-feed p{margin:0;padding:8px 0;border-top:1px solid #1d2638;font-size:11px;color:#a7b1c4;opacity:0;translate:-12px 0;transition:opacity .5s,translate .5s}
.cd-feed b{color:#e3ebfb;font-weight:500}
.cd-item{color:#b9ceff}
.cd-feed p:nth-child(1){transition-delay:.6s}
.cd-feed p:nth-child(2){transition-delay:.9s}
.cd-feed p:nth-child(3){transition-delay:1.2s}
.is-visible .cd-feed p{opacity:1;translate:0 0}
.collab-demo>small{position:absolute;right:12px;bottom:-9px;font-size:7px;letter-spacing:1px;color:#8194b2;background:#0d121c;padding:0 6px}
.share-link{display:inline-block;margin-top:22px;font-size:12px;color:#b9ceff}
@media(max-width:900px){.share{margin:0 7%;padding:40px 0 55px}.share-grid{grid-template-columns:1fr}.share-card{padding:22px}}
/* Closing: end on the real artifacts the plan produced. */
.closing{overflow-x:clip}
.closing-fan{position:relative;height:230px;max-width:620px;margin:0 auto 10px;pointer-events:none;mask-image:linear-gradient(#000 55%,transparent)}
.closing-fan img{position:absolute;height:auto;bottom:0;left:50%;border-radius:6px;border:1px solid #33456a;box-shadow:0 20px 50px #000b;transform-origin:bottom center}
.closing-fan img:nth-child(1){width:24%;translate:-170% 0;rotate:-8deg;background:#fff}
.closing-fan img:nth-child(2){width:56%;translate:-50% 0;z-index:1}
.closing-fan img:nth-child(3){width:42%;translate:30% 0;rotate:8deg}
@media(max-width:600px){.closing-fan{height:150px}}
@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none}.share-card,.cd-avatars span,.cd-feed p,.surface-edit,.surface-new,.surface-outputs>div,.surface-updated{transition:none}.is-flowing .surface-connector i{animation:none}}
/* Hero slogan: a full sentence, so smaller than the old two-word lines and kept clear of the product glimpse. */
.hero h1{font-size:clamp(48px,5.5vw,84px);line-height:1.06;letter-spacing:-3px;max-width:min(900px,60vw)}
.hero h1 em{display:block;letter-spacing:-2px}
@media(max-width:1000px){.hero h1{max-width:none}}
@media(max-width:750px){.hero h1{font-size:clamp(36px,9.4vw,54px);letter-spacing:-1.5px}.hero h1 em{letter-spacing:-1px}}