/* Light native-app presentation. Shared guides retain their existing layout. */
body:has(.product-page){background:#fff;color:#22242a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body:has(.product-page) header{max-width:1120px;padding:24px 32px;border-bottom:1px solid #efeff2}
body:has(.product-page) .preview{background:#f6f6f8;color:#6b6d75;font-size:12px;padding:6px}
body:has(.product-page) .brand{font-size:21px;letter-spacing:-.5px}body:has(.product-page) .brand img{width:32px;height:32px}
body:has(.product-page) nav{font-weight:500;gap:26px}body:has(.product-page) .navbuy{background:#f0eef9;color:#5840c3;padding:7px 15px;border-radius:7px}
.product-page h1,.product-page h2,.product-page h3{color:#24262d;font-style:normal}.product-page a{color:#5743bb}.product-page .button{color:#fff;background:#6248dc;border-radius:9px;box-shadow:none;font-size:15px;padding:12px 20px}
.product-intro{max-width:900px;margin:0 auto;text-align:center;padding:62px 24px 48px}.product-icon{width:72px;height:72px;filter:drop-shadow(0 8px 10px #3c2b5e12)}.product-category{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#757783;margin:23px 0 18px}.product-intro h1{font-size:clamp(42px,5.4vw,66px);line-height:1.09;font-weight:680;letter-spacing:-2.8px;margin:0 0 23px}.product-description{font-size:19px;line-height:1.6;color:#676a74;margin:0 auto;max-width:670px}.product-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin:28px 0 18px}.quiet-action{font-size:14px;font-weight:550}.product-requirements{color:#7a7d85;font-size:12px;margin:0}
.app-showcase{max-width:1100px;margin:auto;padding:20px 30px 0;background:linear-gradient(#f7f8fa,#fff);border-radius:22px;scroll-margin-top:30px}.real-app{margin:0}.real-app img{display:block;width:100%;height:auto;border-radius:13px;box-shadow:0 18px 42px #21213f16;border:1px solid #dddde4}.real-app figcaption{font-size:11px;color:#85858d;text-align:center;margin-top:20px}.showcase-caption{display:flex;justify-content:space-between;gap:20px;margin:26px 0 0;font-size:13px;color:#71737c}.media-pending{padding:100px 20px;text-align:center;background:#f4f3f8;border-radius:16px}
.workflow-navigation{display:flex;justify-content:center;gap:44px;border-bottom:1px solid #e9e9ed;max-width:1000px;margin:55px auto 0;padding:0 20px 25px;font-size:14px}.workflow-navigation a{color:#646670}.workflow-row{max-width:1060px;margin:auto;padding:110px 30px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;scroll-margin-top:20px}.section-kicker{font-size:10px;letter-spacing:1.6px;font-weight:650;color:#83838c;margin:0 0 20px}.product-page h2{font-size:clamp(29px,3.2vw,39px);line-height:1.2;font-weight:650;letter-spacing:-1.2px;margin:0 0 22px}.workflow-copy p:not(.section-kicker){font-size:17px;line-height:1.65;color:#666973;margin:0 0 18px}.workflow-copy p.secondary-copy{font-size:14px;color:#7c7e87}.inline-link{display:inline-block;font-size:14px;margin-top:10px}.workflow-detail{background:#f7f7fa;padding:42px 32px;border-radius:18px}.shortcut-demo{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.shortcut-demo img{width:84px;height:84px}.shortcut-demo kbd{background:#fff;border:1px solid #dadae4;border-bottom:4px solid #dadae4;font:500 27px -apple-system,sans-serif;padding:10px 18px;border-radius:12px;white-space:nowrap}.shortcut-connector{font-size:24px;color:#9c9da6}.workflow-detail h3{font-size:20px;letter-spacing:-.5px;margin:0 0 10px}.workflow-detail p{font-size:14px;color:#6b6d78}.workflow-detail a{font-size:13px}
.recording-section{background:#f8f9fb;padding:90px 30px;text-align:center;scroll-margin-top:20px}.section-intro p:not(.section-kicker){font-size:17px;color:#727580;line-height:1.7}.recording-features{max-width:1000px;margin:55px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;text-align:left}.recording-features article{padding:0;border:0;background:none}.recording-features h3{font-size:18px;letter-spacing:-.4px;margin:22px 0 12px}.recording-features p{font-size:14px;color:#767985;line-height:1.7}.format-symbol{display:inline-flex;border:1.5px solid #9184c6;border-radius:5px;height:50px;width:32px;align-items:center;justify-content:center;font-size:10px;color:#6d5aa6}.layout-symbol,.cut-symbol{font-size:40px;color:#9184c6;display:inline-block;height:50px;line-height:50px}
.deck-product-visual{text-align:center}.deck-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:360px;margin:auto;padding:25px;border:1px solid #dedee5;border-radius:25px;background:#f0f1f5;box-shadow:0 18px 35px #1a20320d}.deck-keys img{width:100%;border-radius:15px}.deck-product-visual p{font-size:11px;line-height:1.7;color:#92949e;margin-top:22px}.local-note{max-width:1000px;margin:0 auto 100px;padding:32px 38px;border-block:1px solid #e9e9ef;display:flex;gap:25px;align-items:flex-start}.local-note h2{font-size:21px;letter-spacing:-.4px;margin:0 0 12px}.local-note p{font-size:14px;color:#787b85;margin:0 0 12px;max-width:770px}.local-note a{font-size:13px}.local-note img{flex:none}
.product-pricing{text-align:center;max-width:1000px;margin:auto;padding:0 30px 80px;scroll-margin-top:30px}.product-price{font-size:60px;font-weight:650;letter-spacing:-2px;margin:25px 0 0;color:#24262d}.product-price span{font-size:17px;font-weight:400;letter-spacing:0;color:#8b8d98}.product-pricing>p:not(.product-price):not(.section-kicker){font-size:14px;color:#7b7e88}.purchase-routes{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:70px;border-top:1px solid #e7e7ef;margin-top:40px;padding-top:30px}.purchase-routes h3{font-size:20px;margin:0 0 12px}.purchase-routes p{font-size:14px;color:#757885;min-height:70px}.purchase-routes button{border:1px solid #dddde6;background:#f6f6f9;border-radius:8px;padding:12px 18px;color:#777985;font-size:13px;cursor:default}.pricing-footnote{font-size:12px!important;margin-top:30px;line-height:1.7}
.product-questions{max-width:760px;margin:auto;padding:0 30px 90px}.product-questions h2{font-size:26px;text-align:center;margin-bottom:35px}.product-questions details{border-top:1px solid #e8e8ed;padding:17px 0}.product-questions summary{font-size:15px;font-weight:550;cursor:pointer}.product-questions details p{font-size:14px;color:#737681}.product-questions details a{text-decoration:underline}
body:has(.product-page) footer{background:#fafafb;border-top:1px solid #ededf2;padding-top:45px}body:has(.product-page) .footerlinks{font-size:12px;gap:14px 24px}body:has(.product-page) .family{font-size:11px;color:#878995}
@media(max-width:750px){.product-intro{padding-top:38px}.product-intro h1{letter-spacing:-1.6px}.product-description{font-size:17px}.desktop-break{display:none}.workflow-row{gap:35px;padding:65px 25px}.recording-features{gap:25px}.shortcut-demo{gap:10px}.shortcut-demo img{width:58px;height:58px}.shortcut-demo kbd{font-size:21px;padding:8px 12px}.workflow-detail{padding:25px 20px}.purchase-routes{gap:30px}.local-note{margin:0 25px 65px;padding:25px 0}.recording-section{padding:60px 25px}.app-showcase{padding:15px 18px 0}.showcase-caption{font-size:11px}body:has(.product-page) header{padding:18px 23px}body:has(.product-page) nav{gap:15px}}
@media(max-width:540px){.workflow-row,.recording-features,.purchase-routes{grid-template-columns:1fr}.workflow-row{gap:32px}.product-intro h1{font-size:42px}.product-actions{gap:18px}.product-actions .button{font-size:13px;padding:11px 15px}.quiet-action{font-size:12px}.workflow-navigation{gap:22px;font-size:12px;margin-top:32px}.showcase-caption{display:block;text-align:center}.showcase-caption a{display:block;margin-top:10px}.real-app figcaption{font-size:10px}.recording-features{max-width:340px;gap:35px}.product-questions{padding-bottom:50px}.product-pricing{padding-bottom:55px}.product-pricing h2{font-size:28px}.purchase-routes p{min-height:0}.local-note img{width:30px;height:30px}.local-note{gap:15px}.local-note h2{font-size:19px}}

.native-friction{max-width:760px;margin:85px auto 0;padding:0 30px 25px;text-align:center}.native-friction>p:not(.section-kicker){font-size:16px;line-height:1.8;color:#727580}.native-friction kbd{font-size:13px;white-space:nowrap;background:#f5f5f8;border:1px solid #e3e3eb;border-radius:4px;padding:3px 6px}.native-friction h2{font-size:34px}.product-intro .product-description{font-size:18px}.product-intro .button{white-space:nowrap}@media(max-width:540px){.native-friction{margin-top:55px}.native-friction h2{font-size:29px}.product-intro .product-actions{flex-wrap:wrap}.product-intro .product-description{font-size:16px}}
/* Scroll-driven capture story. Native scrolling is never intercepted. */
.capture-experience{max-width:1440px;margin:0 auto;padding:35px 35px 0;background:radial-gradient(ellipse at 30% 30%,#f1edff 0,transparent 65%);scroll-margin-top:20px}.experience-heading{text-align:center;margin-bottom:40px}.experience-heading h2{font-size:clamp(32px,4vw,52px);letter-spacing:-1.9px}.experience-heading h2 span{color:#7461bd}.experience-heading>p:last-child{color:#84808f;font-size:16px}.experience-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(220px,1fr);gap:45px;position:relative}.experience-sticky{align-self:stretch;min-width:0}.experience-stage{position:sticky;top:35px;transition:filter .5s}.experience-topline{display:flex;justify-content:space-between;align-items:center;padding:0 12px 12px;gap:15px}.experience-topline>span{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#7e758f}.experience-topline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8773c9;margin-right:7px}.experience-topline button{font-size:11px;color:#82778e;background:transparent;border:0;text-decoration:underline;padding:5px}.experience-art{position:relative;filter:drop-shadow(0 20px 23px #50447d12)}.animated-editor{width:100%;height:auto;display:block;overflow:visible}.demo-annotations>*{transition:opacity .35s}.draw-circle,.draw-arrow{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s ease,opacity .4s}.experience-stage[data-capture-step="0"] .demo-annotations>*{opacity:0}.experience-stage[data-capture-step="1"] .draw-circle,.experience-stage[data-capture-step="2"] .draw-circle,.experience-stage[data-capture-step="3"] .draw-circle{stroke-dashoffset:0;opacity:1}.experience-stage[data-capture-step="1"] .demo-annotations>*:not(.draw-circle){opacity:0}.experience-stage[data-capture-step="2"] .draw-arrow,.experience-stage[data-capture-step="3"] .draw-arrow{stroke-dashoffset:0}.experience-stage[data-capture-step="2"] .demo-note{transition-delay:.4s}.capture-boundary{position:absolute;left:6.6%;top:23.8%;width:71.1%;height:63.1%;border:2px solid #8970df;background:#b49eec0a;box-shadow:0 0 0 12px #ede7fb55;transition:opacity .45s,transform .8s;pointer-events:none}.capture-boundary>span{position:absolute;top:-30px;left:0;background:#7056b9;color:white;font-size:9px;padding:4px 8px;border-radius:4px;white-space:nowrap}.capture-boundary i{position:absolute;width:7px;height:7px;background:white;border:1px solid #7056b9;left:-4px;top:-4px}.capture-boundary i:nth-of-type(2){left:auto;right:-4px}.capture-boundary i:nth-of-type(3){left:auto;right:-4px;top:auto;bottom:-4px}.capture-boundary i:nth-of-type(4){top:auto;bottom:-4px}.experience-stage:not([data-capture-step="0"]) .capture-boundary{opacity:0;transform:scale(1.02)}.capture-cursor{position:absolute;top:82%;left:76%;font-size:35px;line-height:1;color:#5f46b1;text-shadow:1px 1px white,-1px -1px white;transition:top .85s ease,left .85s ease;pointer-events:none}.experience-stage[data-capture-step="1"] .capture-cursor{top:62%;left:68%}.experience-stage[data-capture-step="2"] .capture-cursor{top:80%;left:57%}.experience-stage[data-capture-step="3"] .capture-cursor{top:13%;left:83%}.copy-confirmation{position:absolute;bottom:10%;left:19%;right:12%;padding:17px 22px;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e6e1ef;border-radius:14px;box-shadow:0 18px 40px #40335522;opacity:0;transform:translateY(20px) scale(.96);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}.copy-confirmation>span{background:#edf4ec;color:#668663;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:22px}.copy-confirmation>div{font-size:20px;font-weight:600;letter-spacing:-.4px}.copy-confirmation small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#8b8893;margin-top:3px}.copy-confirmation kbd{margin-left:auto;font-size:17px;background:#f6f5f8;padding:6px 10px;border-radius:6px;border:1px solid #e7e4ee;white-space:nowrap}.experience-stage[data-capture-step="3"] .copy-confirmation{opacity:1;transform:none}.experience-controls{display:flex;justify-content:center;gap:8px;margin:15px 0}.experience-controls button{border:1px solid transparent;border-radius:30px;background:transparent;padding:9px 14px;color:#8c819e;font-size:12px;transition:background .25s,color .25s}.experience-controls button span{margin-left:6px}.experience-controls button[aria-pressed="true"]{background:#fff;border-color:#e1d9ef;color:#614a9e;box-shadow:0 4px 10px #46315e07}.experience-progress{height:2px;background:#e5deee;margin:0 18%;overflow:hidden}.experience-progress span{display:block;height:100%;width:25%;background:#8f76c4;transition:width .7s}.experience-stage[data-capture-step="1"] .experience-progress span{width:50%}.experience-stage[data-capture-step="2"] .experience-progress span{width:75%}.experience-stage[data-capture-step="3"] .experience-progress span{width:100%}.experience-disclaimer{font-size:10px;color:#92889f;text-align:center;margin:16px 0}.experience-chapters article{min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:35px 0}.experience-chapters article:last-child{min-height:55vh}.chapter-number{font-size:13px;color:#ab9bbd;margin-bottom:20px;font-variant-numeric:tabular-nums}.experience-chapters h3{font-size:clamp(25px,2.8vw,36px);font-weight:600;line-height:1.15;letter-spacing:-1px;margin:0 0 22px}.experience-chapters p{font-size:15px;color:#86808e;line-height:1.75;max-width:300px}.chapter-hint{font-size:11px;color:#a496b3;margin-top:25px}.experience-stage.motion-still *{transition:none!important}.experience-stage.motion-still .capture-cursor{display:none}
@media(min-width:1100px){.experience-stage{top:calc(50vh - 285px)}}
@media(max-width:850px){.capture-experience{padding:25px 18px 0}.experience-grid{grid-template-columns:1fr;gap:0}.experience-sticky{position:sticky;top:0;z-index:2;background:#f7f4fcf5;backdrop-filter:blur(12px);border-radius:15px}.experience-stage{position:static;padding-top:12px}.experience-chapters{max-width:550px;margin:0 auto;text-align:center}.experience-chapters article{min-height:55vh;align-items:center;padding:50px 20px}.experience-chapters h3{font-size:32px}.experience-chapters p{max-width:350px}.experience-disclaimer{margin:10px 0;padding-bottom:8px}.experience-controls{margin:3px 0 10px}.copy-confirmation{padding:10px 14px}.copy-confirmation>div{font-size:17px}}
@media(max-width:540px){.experience-topline>span{font-size:8px}.experience-controls{gap:0}.experience-controls button{font-size:10px;padding:7px 10px}.experience-controls button span{margin-left:3px}.capture-boundary>span{font-size:7px;top:-23px}.capture-cursor{font-size:23px}.copy-confirmation{gap:8px;left:9%;right:5%;bottom:7%}.copy-confirmation>div{font-size:15px}.copy-confirmation small{font-size:9px}.copy-confirmation kbd{font-size:12px}.copy-confirmation>span{width:26px;height:26px;font-size:17px}.experience-disclaimer{font-size:8px}.experience-chapters article{min-height:52vh}.experience-heading h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.experience-stage *{transition:none!important}.capture-cursor{display:none}.experience-chapters article{min-height:0;padding:25px 0}.experience-sticky{position:static}.experience-stage{position:static}}
.copy-confirmation{visibility:hidden}.experience-stage[data-capture-step="3"] .copy-confirmation{visibility:visible}.experience-stage:not([data-capture-step="0"]) .capture-boundary{visibility:hidden}
/* Graphic direction: oversized markup details, warm paper and coral annotation. */
body:has(.product-page){background:#fffcf8}.product-intro{max-width:1260px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;text-align:left;align-items:center;padding:78px 45px 90px}.hero-message{position:relative}.product-intro h1{font-size:clamp(65px,8vw,108px);letter-spacing:-5px;line-height:.93;margin:26px 0 34px}.hero-point{display:inline-block;position:relative;color:#6549c2}.hero-point:after{content:'';position:absolute;left:-6%;right:-9%;top:2%;bottom:-12%;border:3px solid #ed7966;border-radius:50%;transform:rotate(-7deg);pointer-events:none}.product-category{font-size:12px;letter-spacing:.2px;text-transform:none;color:#6f6878;margin:0}.product-intro .product-description{font-size:18px;line-height:1.65;max-width:420px;margin:0;color:#77717c}.product-actions{justify-content:flex-start;gap:23px}.product-requirements{font-size:11px}.hero-art{position:relative;padding:55px 0 75px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0 -20px;background-image:radial-gradient(#d7c8e0 1px,transparent 1px);background-size:17px 17px;mask-image:radial-gradient(ellipse,black,transparent 72%);z-index:-1}.hero-capture{background:#fff;transform:rotate(-3deg);border:1px solid #dfd7e5;border-radius:13px;overflow:hidden;box-shadow:0 25px 55px #5540691c;transition:transform .5s}.hero-art:hover .hero-capture{transform:rotate(-1deg) translateY(-5px)}.hero-capture-bar{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;color:#99919f;font-size:10px;border-bottom:1px solid #f0ecf3}.hero-capture-bar>span:first-child{font-size:8px;letter-spacing:3px;color:#d4c5d8}.hero-capture img{display:block;width:100%;height:auto;padding:12px}.art-label{display:block;font-size:12px;color:#a17768;margin:0 0 18px 15px;transform:rotate(-3deg)}.hero-paste{position:relative;display:flex;align-items:center;gap:20px;width:80%;margin:-10px -5px 0 auto;transform:rotate(3deg);padding:24px 27px;background:#fce4d9;border:1px solid #f4cebd;border-radius:12px;box-shadow:0 15px 30px #76573b10}.hero-paste>div{font-size:21px;line-height:1.4;letter-spacing:-.6px;color:#985f4c}.hero-paste strong{font-weight:650;color:#583a36}.hero-paste kbd{margin-left:auto;white-space:nowrap;color:#976d60;background:#fff7f1;border:1px solid #f0c8b7;border-bottom-width:3px;border-radius:8px;padding:8px 10px;font-size:15px}.paste-check{font-size:29px;color:#aa6b55}.art-stamp{position:absolute;bottom:18px;left:15px;font-size:9px;letter-spacing:2px;color:#b19caf}.capture-experience{border-radius:35px 35px 0 0;background:radial-gradient(ellipse at 20% 25%,#eee5fa,transparent 65%),#f9f6fd;padding-top:65px}.experience-heading{margin-bottom:25px}.experience-heading .section-kicker{text-transform:none;letter-spacing:.2px;font-size:13px;color:#a28bb3}.experience-heading h2{font-size:clamp(36px,5vw,60px);font-weight:600;letter-spacing:-2px}.experience-heading>p:last-child{display:none}.experience-chapters p{font-size:16px}.experience-chapters article{min-height:58vh}.experience-chapters h3{font-weight:550}.experience-chapters .chapter-hint{color:#876c9f}.experience-controls button span{margin-left:0}.section-kicker{text-transform:none;letter-spacing:.5px!important}.native-friction{padding-block:40px}.workflow-detail{background:#eee8f7;border:0;box-shadow:14px 14px 0 #f4dfd1;border-radius:8px;transform:rotate(1.5deg)}.recording-section{background:#f3f0e9}.deck-product-visual{position:relative}.deck-keys{transform:rotate(-5deg);background:#31303b;border:8px solid #24232d;box-shadow:0 20px 35px #3c2c4820;transition:transform .4s}.deck-product-visual:hover .deck-keys{transform:rotate(-2deg) translateY(-5px)}.local-note{border-color:#e9e0d8}.product-pricing{padding-top:45px}.product-price{color:#6549c2}body:has(.product-page) footer{background:#f3eee9}
@media(max-width:900px){.product-intro{gap:30px;padding:55px 28px 55px}.product-intro h1{font-size:76px;letter-spacing:-3px}.product-intro .product-description{font-size:16px}.hero-paste{padding:18px;gap:12px;width:90%}.hero-paste>div{font-size:18px}.hero-paste kbd{font-size:12px}.product-actions{flex-wrap:wrap;gap:15px}.hero-art{padding-block:50px}.hero-capture-bar{font-size:8px;padding:12px}.paste-check{display:none}}
@media(max-width:600px){.product-intro{grid-template-columns:1fr;gap:0;padding:38px 28px 28px}.product-intro h1{font-size:86px;letter-spacing:-4px;margin:22px 0 30px}.product-intro .product-description{font-size:17px}.hero-art{padding:35px 0 60px}.art-label{font-size:11px}.hero-paste{width:78%;padding:17px 20px}.hero-paste>div{font-size:19px}.hero-capture-bar{font-size:9px}.experience-heading h2{font-size:38px}.capture-experience{padding-top:40px}.experience-chapters h3{font-size:30px}.experience-chapters article{min-height:48vh}.native-friction{margin-top:30px}.workflow-detail{box-shadow:8px 8px 0 #f4dfd1}}
@media(prefers-reduced-motion:reduce){.hero-capture,.deck-keys{transition:none}.hero-art:hover .hero-capture{transform:rotate(-3deg)}.deck-product-visual:hover .deck-keys{transform:rotate(-5deg)}.experience-chapters article{min-height:0}}
/* Compact story pacing, with recording brought into the main product presentation. */
.experience-chapters article{min-height:42vh;padding:25px 0}.experience-chapters article:last-child{min-height:42vh}.experience-heading{margin-bottom:15px}.capture-experience{padding-top:35px}.experience-heading h2{font-size:40px;margin-bottom:15px}.native-friction{margin-top:30px;padding-top:15px;padding-bottom:10px}.workflow-navigation{margin-top:25px;padding-bottom:15px}.workflow-row{padding-top:65px;padding-bottom:65px}.local-note{margin-bottom:55px}.product-pricing{padding-top:15px}.recording-section{padding-top:65px;padding-bottom:55px}.recording-visual{max-width:1100px;margin:35px auto 20px;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;text-align:left;align-items:center}.recording-display{background:#fff;border:1px solid #dad4d7;border-radius:16px;overflow:hidden;box-shadow:0 18px 30px #56453212;transform:rotate(-1deg)}.recording-bar{display:flex;justify-content:space-between;padding:13px 18px;font-size:12px;color:#706774;border-bottom:1px solid #ece7e9}.recording-bar i{display:inline-block;width:7px;height:7px;background:#e46c62;border-radius:50%;margin-right:7px}.recording-sample{position:relative;padding:18px;background:#e9e4ee;overflow:hidden}.recording-sample>img{display:block;width:100%;height:auto;border-radius:7px}.camera-illustration{position:absolute;right:28px;bottom:28px;width:24%;border:3px solid #fff;border-radius:12px;background:#c0b2d4;overflow:hidden;box-shadow:0 5px 14px #32263f22;text-align:center}.camera-illustration svg{display:block;width:100%;height:90px;fill:#f4edf9}.camera-illustration span{display:block;background:#77618d;color:white;font-size:9px;padding:4px}.portrait-boundary{position:absolute;top:22px;bottom:22px;left:36%;width:24%;border:1px dashed #9274be;border-radius:4px}.portrait-boundary>span{position:absolute;top:5px;left:6px;background:#8a70ad;color:white;padding:2px 5px;border-radius:3px;font-size:9px}.recording-controls{display:flex;align-items:center;gap:15px;padding:15px 18px;font-size:9px;color:#968793}.recording-controls>span:first-child{font-size:15px;color:#6a5a7e}.stop-square{width:9px;height:9px;background:#d8736c;border-radius:2px}.audio-bars{height:20px;display:flex;align-items:center;gap:3px}.audio-bars i{display:block;width:3px;height:8px;background:#9c83b5;border-radius:2px;animation:audio-level 1.1s ease-in-out infinite alternate}.audio-bars i:nth-child(3n){height:18px;animation-delay:-.7s}.audio-bars i:nth-child(2n){height:12px;animation-delay:-.3s}@keyframes audio-level{from{transform:scaleY(.4)}to{transform:scaleY(1)}}.recording-visual-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.8px;font-weight:550}.recording-visual-copy p{font-size:15px;color:#83777d;line-height:1.7}.recording-formats{display:flex;gap:12px;margin:22px 0}.recording-formats span{border:1px solid #d6cbd5;border-radius:6px;padding:7px 12px;font-size:12px;color:#8c7189}.recording-visual-copy small{font-size:10px;color:#a2929c}.recording-features{margin:35px auto 15px;gap:35px}.recording-features h3{margin-top:12px}.recording-features .format-symbol,.recording-features .layout-symbol,.recording-features .cut-symbol{display:none}
@media(max-width:850px){.experience-chapters article,.experience-chapters article:last-child{min-height:32vh;padding:22px 20px}.experience-chapters h3{font-size:25px;margin-bottom:10px}.experience-chapters p{font-size:14px;margin:0}.chapter-hint{margin-top:12px}.experience-grid{gap:10px}.recording-visual{gap:25px}.recording-visual-copy h3{font-size:24px}.recording-controls{gap:9px}.recording-controls>span:last-child{font-size:8px}}
@media(max-width:600px){.recording-visual{grid-template-columns:1fr;gap:10px}.recording-visual-copy{padding:0 5px}.recording-section{padding-top:40px;padding-bottom:35px}.recording-features{gap:12px}.recording-features h3{margin:10px 0}.recording-features p{margin:0}.workflow-row{padding-top:45px;padding-bottom:45px}.experience-chapters article,.experience-chapters article:last-child{min-height:29vh}.experience-heading h2{font-size:32px}.experience-disclaimer{margin:6px 0}.experience-heading .section-kicker{margin-bottom:12px}.capture-experience{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.audio-bars i{animation:none}.experience-chapters article,.experience-chapters article:last-child{min-height:0}}
.audio-bars i{animation-iteration-count:4}
/* One continuous pinned scene replaces the long scrolling text chapters. */
body:has(.product-page) header{position:sticky;top:0;z-index:20;max-width:none;background:#fffcf8ed;backdrop-filter:blur(18px);padding:15px max(28px,calc((100vw - 1160px)/2));border-bottom:1px solid #e9e1e9}body:has(.product-page) .navbuy{background:#6549c2;color:white}html{scroll-padding-top:80px}.product-page section[id]{scroll-margin-top:85px}.capture-experience{padding-top:25px}.experience-heading{margin-bottom:8px}.experience-heading h2{font-size:35px;line-height:1.15;margin-bottom:10px}.experience-heading h2 br{display:none}.experience-heading h2 span:before{content:' '}.experience-heading .section-kicker{display:none}.experience-grid{display:block;height:175vh;position:relative}.scroll-instruction{text-align:center;color:#9888a3;font-size:12px;margin:0;padding:8px 10px 18px}.experience-sticky{position:sticky;top:82px;max-width:1100px;margin:auto;min-width:0;align-self:auto;background:transparent;backdrop-filter:none;z-index:2;border-radius:0}.experience-stage{position:static;padding-top:4px}.experience-art{max-width:100%;width:fit-content;margin:auto}.animated-editor{height:min(58vh,620px);width:auto;max-width:100%;display:block}.experience-topline{max-width:1000px;margin:auto;padding-bottom:4px}.experience-controls{margin:4px 0 8px}.experience-disclaimer{margin:7px 0;font-size:9px}.capture-caption{font-size:14px;color:#776486;text-align:center;margin:8px 0 12px;min-height:22px}.experience-stage .draw-circle{stroke-dashoffset:var(--circle-dash,1)!important;opacity:1!important;transition:none!important}.experience-stage .draw-arrow{stroke-dashoffset:var(--arrow-dash,1)!important;opacity:1!important;transition:none!important}.experience-stage .demo-note{opacity:var(--note-opacity,0)!important;transition:none!important}.experience-stage .capture-boundary{visibility:visible!important;opacity:var(--selection-opacity,1)!important;transform:scaleX(var(--capture-width,1))!important;transform-origin:left;transition:none}.experience-stage .capture-boundary>span{display:none}.experience-stage .copy-confirmation{visibility:visible!important;opacity:var(--copy-opacity,0)!important;transform:translateY(var(--copy-y,20px))!important;transition:none}.experience-stage .experience-progress span{width:var(--demo-progress,0%)!important;transition:none}.experience-stage .capture-cursor{display:none}.experience-progress{max-width:620px;margin:auto}.manual-story{height:auto!important;padding-bottom:20px}.manual-story .experience-sticky{position:static}.copy-confirmation{pointer-events:none}.capture-caption{padding-inline:12px}.native-friction{padding-top:15px}.recording-section{padding-top:45px}
@media(max-width:850px){.experience-grid{height:150vh}.experience-sticky{top:76px}.animated-editor{height:auto;width:100%;max-height:54vh}.experience-topline{padding-top:8px}.experience-heading h2{font-size:29px}.capture-caption{font-size:12px}.experience-art{width:100%}.experience-progress{margin:0 18px}.experience-stage{padding-top:0}.experience-disclaimer{padding-bottom:0}.experience-heading{margin-bottom:0}.recording-section{padding-top:35px}}
@media(max-width:540px){body:has(.product-page) header{padding:13px 20px}.experience-grid{height:130vh}.experience-heading h2{font-size:25px}.scroll-instruction{font-size:10px;padding-bottom:10px}.capture-caption{font-size:11px;min-height:35px;margin:7px 0}.experience-sticky{top:70px}.experience-disclaimer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.experience-grid{height:auto}.experience-sticky{position:static}.experience-heading h2 br{display:none}}
.experience-stage .draw-arrow{opacity:var(--arrow-opacity,0)!important}