[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:100;box-shadow:0 3px 18px rgba(23,32,57,.07)}
.brand img.brand-mark{display:block;width:28px;height:28px;flex:none;transform:none}
html{scroll-padding-top:84px}
.hero-home{background:linear-gradient(112deg,#f7faff 0%,#edf3ff 52%,#e3edff 100%);color:#172039}
.hero-home:before{content:'';display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(72,111,194,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(72,111,194,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 36%,rgba(0,0,0,.65) 62%,#000 100%)}
.hero-home .hero-art{position:relative;z-index:1}
.hero-home h1 span{color:#365cf5}.hero-home .hero-intro{color:#53647f}.hero-home .hero-actions .button{background:#365cf5;box-shadow:0 12px 27px rgba(54,92,245,.18)}.hero-home .hero-actions .button:hover{background:#2548df}.hero-home .suite-screen{box-shadow:0 28px 65px rgba(41,69,124,.17)}.hero-home .suite-sheet,.hero-home .suite-slide{box-shadow:0 17px 38px rgba(41,69,124,.15)}
.hero .hero-copy > *{animation:hero-arrive .85s cubic-bezier(.18,.74,.22,1) both}
.hero .hero-copy > :nth-child(2){animation-delay:.12s}
.hero .hero-copy > :nth-child(3){animation-delay:.22s}
.hero .hero-copy > :nth-child(4){animation-delay:.3s}
.hero .hero-art{animation:hero-arrive .95s cubic-bezier(.18,.74,.22,1) .18s both}
.reveal-ready{opacity:0;transform:translate3d(0,20px,0)}
.reveal-ready.reveal-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity .8s cubic-bezier(.18,.74,.22,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.18,.74,.22,1) var(--reveal-delay,0ms)}
@media(min-width:761px){.hero-home:before{animation:grid-glide 24s linear infinite}.hero-home .suite-desktop{animation:workspace-float 7s ease-in-out infinite}.hero-home .hero-art:is(:hover,:focus-within) .suite-desktop{animation-play-state:paused}}
@media(hover:hover) and (pointer:fine){.product-rail a,.product-link,.ecosystem-grid a{transition:transform .35s cubic-bezier(.18,.74,.22,1),box-shadow .35s ease,border-color .35s ease}.product-rail a:hover,.product-link:hover,.ecosystem-grid a:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(41,69,124,.13)}}
@keyframes hero-arrive{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes workspace-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes grid-glide{to{background-position:42px 42px}}
.detail-guide{--guide-accent:#365cf5;--guide-tint:#f1f5ff;margin-top:54px;margin-bottom:54px;padding:clamp(34px,5vw,70px);border:1px solid color-mix(in srgb,var(--guide-accent) 18%,white);border-radius:24px;background:radial-gradient(circle at 93% 8%,color-mix(in srgb,var(--guide-accent) 8%,transparent),transparent 33%),var(--guide-tint);overflow:hidden}
.guide-writer{--guide-accent:#365cf5;--guide-tint:#f1f5ff}.guide-sheet{--guide-accent:#229a70;--guide-tint:#eef9f3}.guide-slides{--guide-accent:#db8742;--guide-tint:#fff6eb}.guide-pdf{--guide-accent:#db626b;--guide-tint:#fff2f2}.guide-photo{--guide-accent:#7859c4;--guide-tint:#f4f0ff}.guide-ai{--guide-accent:#6669cd;--guide-tint:#f2f2ff}
.guide-head{max-width:800px;margin-bottom:34px}.guide-head .eyebrow{color:var(--guide-accent)}.guide-head h2{margin:0 0 14px}.guide-head>p:last-child{font-size:1rem;line-height:1.75;color:#53647f;margin:0}
.guide-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(24px,4vw,70px);align-items:stretch}
.guide-steps{list-style:none;margin:0;padding:0}.guide-steps li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:22px 0;border-top:1px solid color-mix(in srgb,var(--guide-accent) 19%,white)}.guide-steps li:last-child{border-bottom:1px solid color-mix(in srgb,var(--guide-accent) 19%,white)}.guide-steps li>span{font-size:.82rem;letter-spacing:.12em;font-weight:800;color:var(--guide-accent)}.guide-steps h3{font-size:1.13rem;margin:0 0 7px}.guide-steps p{font-size:1rem;line-height:1.7;color:#53647f;margin:0}
.guide-preview{min-width:0;align-self:center;background:#fff;border:1px solid #e1e7f1;border-radius:17px;box-shadow:0 22px 48px rgba(28,48,91,.1);overflow:hidden;transition:transform .45s cubic-bezier(.18,.74,.22,1),box-shadow .45s ease}.guide-preview:hover{transform:translateY(-5px);box-shadow:0 30px 58px rgba(28,48,91,.15)}.preview-top,.preview-foot{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;background:#f9fbff;color:#677994;font-size:.73rem;font-weight:800;letter-spacing:.07em}.preview-top{border-bottom:1px solid #e6ebf4}.preview-foot{border-top:1px solid #e6ebf4;justify-content:flex-start;letter-spacing:0}.preview-foot span{color:var(--guide-accent)}.preview-kicker{display:block;font-size:.72rem;font-weight:800;letter-spacing:.15em;color:var(--guide-accent)}
.preview-paper{width:min(78%,380px);min-height:305px;margin:28px auto;padding:32px 30px;background:#fff;box-shadow:0 5px 26px rgba(34,55,100,.12)}.preview-paper>b{display:block;font-size:1.48rem;line-height:1.18;margin:13px 0;color:#1c2a46}.preview-paper>p{font-size:.88rem;color:#62728b;line-height:1.55}.preview-paper>div{display:flex;gap:17px;align-items:center;border-top:1px solid #e6eaf2;padding:11px 0;color:#31425e;font-size:.85rem;font-weight:700}.preview-paper>div i{font-style:normal;color:var(--guide-accent);font-size:.72rem}
.sheet-preview{padding:28px}.sheet-preview table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.92rem}.sheet-preview caption{text-align:left;color:#65758d;font-size:.8rem;margin-bottom:9px}.sheet-preview th,.sheet-preview td{padding:12px;border:1px solid #dce9e2;text-align:left}.sheet-preview thead{background:#ebf8f1}.sheet-preview tbody th{font-weight:700}.sheet-formula{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#ecf8f1;padding:15px;border-radius:10px;color:#426d5c;font-size:.85rem}.sheet-formula code{font-size:.82rem;color:#1e664b}.sheet-formula strong{font-size:1.3rem;color:#21865e}.sheet-preview>p{font-size:.79rem;line-height:1.5;color:#738276;margin:16px 0 0}
.storyboard-grid,.check-grid{display:grid;gap:14px}.storyboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.storyboard-card,.check-card{background:#fff;border:1px solid color-mix(in srgb,var(--guide-accent) 18%,white);border-radius:15px;padding:24px;min-width:0;transition:transform .4s cubic-bezier(.18,.74,.22,1),box-shadow .4s ease,border-color .4s ease}.storyboard-card:hover,.check-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(54,64,94,.12);border-color:color-mix(in srgb,var(--guide-accent) 40%,white)}.storyboard-card>span,.check-card>span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--guide-accent);margin-bottom:28px}.storyboard-card h3,.check-card h3{margin:0 0 12px;font-size:1.2rem}.storyboard-card p,.check-card p{font-size:.96rem;line-height:1.65;color:#5b6880;margin:0}.storyboard-card>b{display:block;margin-top:30px;border-top:1px solid #e8eaf0;padding-top:14px;color:#8b6244;font-size:.8rem}.storyboard-card:nth-child(2){background:#fffdfa}.storyboard-card:nth-child(3){background:#fffaf4}.storyboard-card:nth-child(4){background:#fff7ec}.check-card>span{font-size:2rem;line-height:1;letter-spacing:-.04em;opacity:.45;margin-bottom:34px}
.photo-choice{display:grid;gap:10px}.photo-choice-row{display:grid;grid-template-columns:100px minmax(140px,1fr) minmax(230px,2fr) 145px;gap:18px;align-items:center;padding:19px 23px;border:1px solid #e4ddf4;border-radius:13px;background:#fff;transition:transform .4s cubic-bezier(.18,.74,.22,1),box-shadow .4s ease}.photo-choice-row:hover{transform:translateX(6px);box-shadow:0 14px 30px rgba(93,70,147,.11)}.photo-choice-row>span{font-size:.68rem;letter-spacing:.12em;font-weight:800;color:var(--guide-accent)}.photo-choice-row h3{font-size:1.08rem;margin:0}.photo-choice-row p{font-size:.93rem;line-height:1.55;margin:0;color:#5f6177}.photo-choice-row>b{justify-self:end;border-radius:999px;padding:8px 11px;background:#f2edfc;color:#6e51b0;font-size:.75rem;white-space:nowrap}
.prompt-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}.prompt-parts{display:grid;gap:10px}.prompt-part{background:#fff;border:1px solid #e1e2f7;border-radius:11px;padding:16px 20px}.prompt-part span{display:block;font-size:.72rem;letter-spacing:.12em;font-weight:800;color:var(--guide-accent);margin-bottom:6px}.prompt-part p{font-size:1rem;line-height:1.5;margin:0;color:#263454}.prompt-guide blockquote{display:flex;align-items:center;margin:0;padding:clamp(25px,3vw,44px);border-radius:14px;background:#282d64;color:#fff;font-size:clamp(1.13rem,1.75vw,1.55rem);line-height:1.55;font-weight:700;letter-spacing:-.02em}
.detail-guide .photo-choice-row>span,.detail-guide .preview-kicker,.detail-guide .storyboard-card>span,.detail-guide .prompt-part span{font-size:.75rem}
.not-found{min-height:55vh;max-width:1100px;margin:auto;padding:100px 5vw}.not-found h1{font-size:clamp(2.2rem,5vw,4rem);margin:12px 0}.not-found>p:not(.eyebrow){font-size:1.05rem;color:#607087}.not-found .text-link{display:inline-block;margin-top:12px}
button{font:inherit}
.suite-tabs button,.mobile-suite-tabs button{border:0;cursor:pointer;white-space:nowrap}
.suite-tabs button{font-size:.5rem;padding:8px 10px 7px;background:#f3f5f9;color:#8390a3;border-radius:6px 6px 0 0}
.suite-tabs button[aria-pressed="true"]{background:#e8efff;color:#2d59e4;font-weight:800}
.suite-tabs button:focus-visible,.mobile-suite-tabs button:focus-visible,.showcase-tabs button:focus-visible,.edit-toggle:focus-visible,.photo-compare input:focus-visible{outline:3px solid #416bff;outline-offset:2px}
.suite-pane{animation:pane-in .45s cubic-bezier(.2,.7,.2,1) both}
.suite-data,.suite-presentation{width:75%;height:320px;margin:14px auto;background:#fff;box-shadow:0 6px 18px rgba(32,49,84,.11);padding:24px 30px;color:#1e3152}
.suite-data small,.suite-presentation small{font-size:.44rem;color:#60806e;font-weight:800;letter-spacing:.12em}
.suite-data h3,.suite-presentation h3{font-size:1.1rem;margin:10px 0;line-height:1.14}
.suite-data-grid{display:grid;grid-template-columns:repeat(3,1fr);font-size:.51rem;color:#667990;border:1px solid #dfe9e4}
.suite-data-grid>*{padding:6px;border-right:1px solid #dfe9e4;border-bottom:1px solid #dfe9e4}
.suite-data-grid>:nth-child(-n+3){background:#e6f5ed;color:#318560;font-weight:800}
.suite-data-grid b{color:#22845e}
.suite-data-chart{height:76px;display:flex;align-items:end;gap:12px;padding:10px 12px 0;background:#f7fbf8}
.suite-data-chart i{flex:1;height:46%;background:#a8dcbf;border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-grow .7s ease-out both}
.suite-data-chart i:nth-child(2){height:60%;background:#3fb484;animation-delay:.08s}.suite-data-chart i:nth-child(3){height:53%;animation-delay:.16s}.suite-data-chart i:nth-child(4){height:75%;background:#3fb484;animation-delay:.24s}.suite-data-chart i:nth-child(5){height:67%;animation-delay:.32s}.suite-data-chart i:nth-child(6){height:91%;background:#3fb484;animation-delay:.4s}
.suite-presentation{position:relative;overflow:hidden;background:#173c70;color:#fff;padding:36px}
.suite-presentation:after{content:'';position:absolute;width:160px;height:160px;border:25px solid #efa963;border-radius:50%;right:-30px;bottom:-56px;opacity:.9}
.suite-presentation small{color:#f4b784}.suite-presentation h3{position:relative;z-index:1;font-size:1.5rem;margin:25px 0 10px}.suite-presentation p{position:relative;z-index:1;font-size:.55rem;color:#c8dcf4;max-width:170px}.suite-presentation-mark{position:absolute;right:18px;top:18px;color:#aac0dd;font-size:.5rem}
.suite-stage[data-workspace="sheet"] .suite-sheet{transform:translateY(-12px) scale(1.04);box-shadow:0 26px 55px rgba(6,15,46,.35)}
.suite-stage[data-workspace="slides"] .suite-slide{transform:translateY(-12px) scale(1.05);box-shadow:0 26px 55px rgba(6,15,46,.35)}
.suite-sheet,.suite-slide{transition:transform .45s ease,box-shadow .45s ease}
.mobile-suite-tabs button{padding:3px 8px;background:#fff;border-radius:5px;color:#8693a9;font-size:.65rem}
.mobile-suite-tabs button[aria-pressed="true"]{background:#e8eeff;color:#3560e8;font-weight:800}
.mobile-suite-data{background:#fbfffc}.mobile-data-bars{height:72px;display:flex;align-items:end;gap:13px;padding:0 8px;border-bottom:2px solid #b7d9c5;margin:12px 0}.mobile-data-bars i{flex:1;height:38%;background:#55bd91;border-radius:4px 4px 0 0}.mobile-data-bars i:nth-child(2){height:56%}.mobile-data-bars i:nth-child(3){height:50%}.mobile-data-bars i:nth-child(4){height:78%}.mobile-data-bars i:nth-child(5){height:95%}
.mobile-suite-slide{background:#173c70;color:#fff;position:relative;overflow:hidden}.mobile-suite-slide:after{content:'';position:absolute;width:110px;height:110px;border:16px solid #efa963;border-radius:50%;right:-25px;bottom:-30px}.mobile-suite-slide small{color:#f9c390}.mobile-suite-slide h3,.mobile-suite-slide p{position:relative;z-index:1;color:#fff;max-width:190px}
.presentation-showcase{width:100%;max-width:670px;margin:auto;background:#fff;border:1px solid #eadccf;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}
.showcase-tabs{display:flex;background:#fff9f3;padding:12px;gap:6px}
.showcase-tabs button{flex:1;min-height:38px;border:0;border-radius:7px;background:#fff;color:#9b7659;font-size:.7rem;font-weight:800;cursor:pointer}
.showcase-tabs button[aria-pressed="true"]{background:#e99450;color:#fff}
.showcase-slide{position:relative;aspect-ratio:1.55;min-height:260px;padding:8% 9%;overflow:hidden;animation:pane-in .4s ease both}
.showcase-slide small{font-size:.6rem;letter-spacing:.15em;font-weight:800}.showcase-slide h3{font-size:clamp(1.35rem,2.4vw,2.4rem);line-height:1.14;margin:13px 0}.showcase-slide p{font-size:.8rem;max-width:260px}.showcase-slide>span{position:absolute;right:8%;bottom:7%;font-size:.65rem;font-weight:800}
.showcase-slide.cover{background:#173c70;color:#fff}.showcase-slide.cover:after{content:'';position:absolute;width:220px;height:220px;border:35px solid #eca162;border-radius:50%;right:-45px;bottom:-70px}.showcase-slide.cover>*{position:relative;z-index:1}.showcase-slide.cover small{color:#e7b284}.showcase-slide.cover p{color:#c5d5e9}
.showcase-slide.data{background:#edf8f2;color:#193d37}.showcase-slide.data small{color:#4c9a78}.showcase-slide.data p{color:#56786c}.showcase-chart{height:45%;max-width:370px;display:flex;align-items:end;gap:7%;border-bottom:2px solid #9ac8af}.showcase-chart i{flex:1;height:35%;background:#56b88a;border-radius:6px 6px 0 0;animation:bar-grow .7s ease-out both;transform-origin:bottom}.showcase-chart i:nth-child(2){height:56%;animation-delay:.1s}.showcase-chart i:nth-child(3){height:49%;animation-delay:.2s}.showcase-chart i:nth-child(4){height:75%;animation-delay:.3s}.showcase-chart i:nth-child(5){height:94%;animation-delay:.4s}
.showcase-slide.plan{background:#f4e6d7;color:#493024}.showcase-slide.plan small{color:#aa6f43}.showcase-steps{display:grid;gap:8px;max-width:340px}.showcase-steps b{display:flex;gap:18px;padding:9px 14px;background:#fff9f3;border-radius:6px;color:#dd8d4f;font-size:.73rem}.showcase-steps em{color:#674c3b;font-style:normal}
.photo-compare-section{background:#f6f3fb}.photo-compare{--compare:50%;position:relative;width:min(100%,690px);aspect-ratio:958/821;margin:30px auto 0;overflow:hidden;border-radius:16px;box-shadow:0 25px 50px rgba(68,47,98,.16);touch-action:none}
.compare-layer{position:absolute;inset:0;background-image:url('/images/photo-before-after.png');background-repeat:no-repeat;background-size:200% 100%}.compare-layer.before{background-position:right;filter:sepia(.86) saturate(.35) contrast(.82) brightness(.9)}.compare-layer.after{background-position:right;clip-path:inset(0 0 0 var(--compare))}
.compare-label{position:absolute;top:20px;z-index:2;padding:7px 10px;border-radius:5px;background:rgba(255,255,255,.93);font-size:.73rem;font-weight:800;letter-spacing:.06em;color:#493c55}.before-label{left:20px}.after-label{right:20px}
.compare-divider{position:absolute;z-index:3;left:var(--compare);top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.3);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;background:#fff;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.25);color:#6f50a6;font-size:1.1rem;font-weight:800}
.photo-compare input{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-caption{text-align:center;font-size:.78rem;color:#6c6680;margin:14px 0 0}
.ai-edit-section{background:#f4f5fd}.ai-edit-proof{max-width:1010px;margin:30px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 205px;background:#fff;border:1px solid #dfe3f4;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.edit-toolbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;background:#f7f8ff;border-bottom:1px solid #e2e5f3;padding:13px 22px;font-size:.78rem;font-weight:800;color:#4d5f88}.edit-toolbar span:last-child{color:#6966c9}.edit-page{padding:48px 7%;min-height:305px}.edit-page small{font-size:.72rem;letter-spacing:.1em;color:#7f89aa;font-weight:800}.edit-page>p{font-size:1.32rem;line-height:1.55;max-width:590px;color:#263757}.edit-page .edit-before{background:linear-gradient(transparent 66%,#dbe2ff 66%)}.edit-page .edit-after{background:linear-gradient(transparent 66%,#dff4e9 66%)}.edit-prompt{margin:22px 0 13px;padding:10px 13px;border-left:3px solid #7772d1;background:#f5f3ff;color:#635ea7;font-size:.78rem}.edit-toggle{border:0;border-radius:8px;background:#6467ce;color:#fff;padding:11px 16px;font-size:.82rem;font-weight:800;cursor:pointer}.edit-toggle:hover{background:#5056b6}.edit-aside{padding:40px 22px;background:#f9f9ff;border-left:1px solid #e2e5f3}.edit-aside span{font-size:.72rem;color:#6769bd;font-weight:800}.edit-aside b{display:block;margin-top:14px;color:#263757}.edit-aside p{font-size:.78rem;color:#75809b}
.motion-ready .chart-bars i,.motion-ready .chart-bars b,.motion-ready .suite-sheet-bars i{transform:scaleY(0);transform-origin:bottom}.motion-ready.motion-in .chart-bars i,.motion-ready.motion-in .chart-bars b,.motion-ready.motion-in .suite-sheet-bars i{transform:scaleY(1);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.motion-in .chart-bars>*:nth-child(2n),.motion-in .suite-sheet-bars>*:nth-child(2n){transition-delay:.15s}.motion-in .chart-bars>*:nth-child(3n),.motion-in .suite-sheet-bars>*:nth-child(3n){transition-delay:.28s}.motion-ready .formula-result{box-shadow:0 0 0 0 rgba(52,178,125,0)}.motion-ready.motion-in .formula-result{animation:formula-focus 1.4s ease .2s both}
@keyframes pane-in{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bar-grow{from{transform:scaleY(.04)}to{transform:scaleY(1)}}@keyframes formula-focus{0%{box-shadow:0 0 0 0 rgba(52,178,125,.4)}60%{box-shadow:0 0 0 10px rgba(52,178,125,0)}100%{box-shadow:0 0 0 0 rgba(52,178,125,0)}}
@media(max-width:900px){.guide-duo,.prompt-guide{grid-template-columns:1fr}.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-choice-row{grid-template-columns:90px 1fr 1.6fr}.photo-choice-row>b{grid-column:2/-1;justify-self:start}}
@media(max-width:760px){html{scroll-padding-top:76px}.hero-home:before{display:none}.ai-edit-proof{grid-template-columns:1fr}.edit-aside{display:none}.presentation-showcase{max-width:100%}.photo-compare{width:min(100%,560px)}.detail-guide{margin-top:30px;margin-bottom:30px;border-radius:17px}.check-grid{grid-template-columns:1fr}.photo-choice-row{grid-template-columns:1fr;gap:8px}.photo-choice-row>b{grid-column:auto}.photo-choice-row>span{margin-bottom:3px}}
@media(max-width:540px){.header-inner{gap:8px}.brand{font-size:.99rem;white-space:nowrap}.brand img.brand-mark{width:25px;height:25px}.header-cta{font-size:.8rem;min-height:38px;padding:0 12px;white-space:nowrap}.mobile-suite-doc{height:180px;margin:11px auto}.hero-home .suite-mobile{box-shadow:0 18px 38px rgba(41,69,124,.17)}.showcase-tabs{padding:7px;gap:3px}.showcase-tabs button{font-size:.62rem;padding:3px}.showcase-slide{min-height:230px;padding:22px}.showcase-slide h3{font-size:1.55rem}.showcase-slide.cover:after{width:130px;height:130px;border-width:23px;right:-30px;bottom:-35px}.photo-compare{border-radius:10px}.compare-label{top:10px;padding:5px;font-size:.58rem}.before-label{left:10px}.after-label{right:10px}.compare-divider span{width:34px;height:34px}.edit-page{padding:27px 6%;min-height:0}.edit-page>p{font-size:1.06rem}.edit-toolbar{padding:12px 15px}}
@media(max-width:560px){.storyboard-grid{grid-template-columns:1fr}.detail-guide{padding:28px 21px}.guide-steps li{grid-template-columns:38px 1fr;gap:10px}.preview-paper{width:88%;padding:22px 18px}.sheet-preview{padding:19px}.sheet-formula{grid-template-columns:1fr auto}.sheet-formula code{grid-column:1/-1;grid-row:2}.sheet-formula strong{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){.suite-pane,.showcase-slide,.showcase-chart i,.suite-data-chart i,.motion-ready.motion-in .formula-result,.hero .hero-copy > *,.hero .hero-art,.hero-home .suite-desktop,.hero-home:before{animation:none!important}.motion-ready .chart-bars i,.motion-ready .chart-bars b,.motion-ready .suite-sheet-bars i{transform:none!important}.reveal-ready,.reveal-ready.reveal-visible{opacity:1!important;transform:none!important;transition:none!important}.product-rail a,.product-link,.ecosystem-grid a,.guide-preview,.storyboard-card,.check-card,.photo-choice-row{transition:none!important}}

/* Homepage: one idea moves through document, figures and presentation. */
.hero-home .hero-art{min-height:0}
.story-stage{--story-accent:#365cf5;position:relative;width:100%;max-width:720px;height:550px;margin-left:auto;isolation:isolate;color:#1a2947}
.story-stage[data-story="sheet"]{--story-accent:#159667}
.story-stage[data-story="slides"]{--story-accent:#df8950}
.story-glow{position:absolute;z-index:-1;inset:5% -6% 7%;border-radius:50%;background:radial-gradient(circle at 55% 48%,color-mix(in srgb,var(--story-accent) 19%,transparent),transparent 68%);filter:blur(13px);transition:background .55s ease}
.story-head{height:48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5dff0;color:#637694;font-size:.68rem;font-weight:800;letter-spacing:.15em}
.story-count{color:var(--story-accent);font-size:.84rem;letter-spacing:.04em;transition:color .4s ease}
.story-canvas{height:412px;position:relative;display:grid;place-items:center;perspective:1100px}
.story-pane{position:absolute;inset:0;display:grid;place-items:center;animation:story-enter .6s cubic-bezier(.18,.74,.22,1) both}
.story-paper,.story-sheet-page,.story-slide-page{width:min(78%,505px);height:365px;background:#fff;border:1px solid #d9e2f0;border-radius:12px;box-shadow:0 28px 62px rgba(37,63,110,.17);overflow:hidden;transform:rotate(-2deg)}
.story-file{height:49px;display:flex;align-items:center;gap:11px;padding:0 17px;border-bottom:1px solid #e4eaf3;font-size:.73rem;font-weight:800;color:#34445f}
.story-file-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#365cf5;color:#fff;font-size:.71rem}
.story-file-status{margin-left:auto;color:#8797ad;font-size:.67rem;font-weight:600}
.story-paper-body{padding:33px 42px 30px}
.story-kicker{display:block;color:var(--story-accent);font-size:.66rem;font-weight:800;letter-spacing:.16em}
.story-paper h3,.story-sheet h3,.story-slide h3{margin:15px 0 12px;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.08;letter-spacing:-.05em}
.story-paper p,.story-slide p{max-width:320px;margin:0;color:#64738a;font-size:.87rem;line-height:1.55}
.story-typing{display:flex;align-items:center;gap:3px;width:max-content;max-width:100%;margin-top:24px;padding:9px 12px;background:#eef3ff;color:#3154bb;border-radius:6px;font-size:.76rem;font-weight:700;white-space:nowrap}
.story-typing span{display:block;overflow:hidden;width:0;animation:story-type 2s steps(34,end) .55s forwards}
.story-typing i{display:block;height:1.1em;width:2px;background:#3154bb;animation:story-caret .8s steps(1) infinite}
.story-paper-lines{display:grid;gap:7px;margin-top:18px}.story-paper-lines i{display:block;height:5px;border-radius:5px;background:#e7ecf5}.story-paper-lines i:nth-child(2){width:81%}.story-paper-lines i:nth-child(3){width:59%}
.story-side-label{position:absolute;right:-5px;top:50%;writing-mode:vertical-rl;color:#7588a9;letter-spacing:.17em;font-size:.6rem;font-weight:800;transform:translateY(-50%)}
.story-sheet-page{transform:rotate(1.5deg);border-color:#d4e8de}.story-sheet .story-file-icon{background:#23a475}.story-sheet-body{padding:23px 35px}.story-sheet h3{font-size:1.55rem;margin:9px 0 15px}.story-table{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:1px solid #dceee5;border-left:1px solid #dceee5;font-size:.7rem;color:#485c56}.story-table>*{padding:6px 10px;border-right:1px solid #dceee5;border-bottom:1px solid #dceee5}.story-table>*:nth-child(-n+3){background:#e8f7ee;font-weight:800;color:#21835e}.story-table strong{color:#17845a}.story-chart{height:57px;display:flex;align-items:end;gap:7px;margin:9px 0 0;padding:0 4px;border-bottom:1px solid #acd9c1}.story-chart i{display:block;flex:1;height:36%;border-radius:3px 3px 0 0;background:#a8dec2;transform-origin:bottom;animation:story-bar .65s cubic-bezier(.2,.7,.2,1) both}.story-chart i:nth-child(2){height:47%;background:#28a875;animation-delay:.08s}.story-chart i:nth-child(3){height:50%;animation-delay:.16s}.story-chart i:nth-child(4){height:64%;background:#28a875;animation-delay:.24s}.story-chart i:nth-child(5){height:68%;animation-delay:.32s}.story-chart i:nth-child(6){height:86%;background:#28a875;animation-delay:.4s}.story-result{display:flex;align-items:baseline;gap:9px;color:#29795a;font-size:.66rem;margin-top:7px}.story-result strong{font-size:1.25rem}.story-result small{font-size:.63rem;color:#6a8878}
.story-sheet-body{padding:17px 30px}.story-sheet h3{font-size:1.42rem;margin:7px 0 9px}.story-table>*{padding:3px 8px}.story-chart{height:42px;margin-top:7px}.story-result{margin-top:4px}
.story-slide-page{position:relative;transform:rotate(-1deg);border:0;background:#153d77;color:#fff}.story-slide-top{display:flex;justify-content:space-between;padding:18px 23px;border-bottom:1px solid rgba(255,255,255,.2);color:#b6ccea;letter-spacing:.15em;font-size:.62rem;font-weight:800}.story-slide-content{position:relative;z-index:1;padding:48px 40px}.story-slide .story-kicker{color:#f1b279}.story-slide h3{font-size:clamp(1.8rem,3.2vw,2.55rem);margin:15px 0}.story-slide p{color:#c9d9ee}.story-slide-footer{display:flex;gap:18px;margin-top:40px;color:#f6c797;font-size:.66rem;font-weight:800}.story-slide-footer span{border-top:1px solid rgba(255,255,255,.45);padding-top:7px;min-width:64px}.story-slide-orbit{position:absolute;right:-85px;bottom:-130px;width:315px;height:315px;border:43px solid #eca569;border-radius:50%;opacity:.95}
.story-slide p{max-width:240px}.story-slide-orbit{right:-115px;bottom:-145px}
.story-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:15px;border-top:1px solid #d5dff0}.story-controls button{position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:12px 14px;border:1px solid #d5e0f0;border-radius:10px;background:rgba(255,255,255,.68);color:#687a97;text-align:left;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.story-controls button:hover{transform:translateY(-3px);background:#fff;box-shadow:0 9px 20px rgba(39,65,120,.09)}.story-controls button[aria-pressed="true"]{background:#fff;border-color:var(--story-accent);color:#192c4c;box-shadow:0 9px 22px rgba(39,65,120,.09)}.story-controls button span{color:var(--story-accent);font-size:.7rem;font-weight:800}.story-controls button b{font-size:.88rem}.story-controls button:focus-visible{outline:3px solid #365cf5;outline-offset:3px}
@keyframes story-enter{from{opacity:0;transform:translateY(20px) rotateY(-5deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}
@keyframes story-type{to{width:34ch}}
@keyframes story-caret{50%{opacity:0}}
@keyframes story-bar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1100px){.story-stage{height:500px}.story-canvas{height:365px}.story-paper,.story-sheet-page,.story-slide-page{height:335px}.story-paper-body{padding:24px 29px}.story-sheet-body{padding:17px 26px}.story-slide-content{padding:37px 32px}.story-side-label{right:-7px}}
@media(max-width:760px){.hero-home .hero-art{height:auto;min-height:0;margin-top:25px}.story-stage{max-width:610px;height:500px;margin:0 auto}.story-canvas{height:365px}.story-paper,.story-sheet-page,.story-slide-page{width:min(82%,470px)}.story-side-label{right:0}}
@media(max-width:540px){.hero-home .hero-art{height:auto;min-height:0}.story-stage{height:423px}.story-head{height:35px;font-size:.56rem}.story-count{font-size:.7rem}.story-canvas{height:315px}.story-paper,.story-sheet-page,.story-slide-page{width:88%;height:280px;border-radius:8px}.story-file{height:38px;padding:0 10px;font-size:.65rem}.story-file-icon{width:21px;height:21px}.story-paper-body{padding:20px 21px}.story-kicker{font-size:.52rem}.story-paper h3,.story-sheet h3{font-size:1.43rem;margin:10px 0}.story-paper p,.story-slide p{font-size:.7rem}.story-typing{font-size:.58rem;margin-top:16px;padding:6px 8px}.story-paper-lines{margin-top:13px}.story-side-label{display:none}.story-sheet-body{padding:13px 18px}.story-sheet h3{font-size:1.18rem;margin:7px 0 9px}.story-table{font-size:.58rem}.story-table>*{padding:4px 6px}.story-chart{height:42px;margin-top:7px}.story-result{margin-top:4px;font-size:.57rem}.story-result strong{font-size:1rem}.story-result small{font-size:.55rem}.story-slide-top{padding:13px 16px;font-size:.51rem}.story-slide-content{padding:31px 24px}.story-slide h3{font-size:1.65rem}.story-slide-footer{gap:9px;margin-top:24px;font-size:.54rem}.story-slide-footer span{min-width:50px}.story-slide-orbit{width:210px;height:210px;border-width:27px;right:-55px;bottom:-85px}.story-controls{padding-top:10px;gap:5px}.story-controls button{display:block;padding:9px 5px;text-align:center;border-radius:8px}.story-controls button span{display:block;font-size:.61rem}.story-controls button b{display:block;font-size:.67rem;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.story-pane,.story-chart i,.story-typing span,.story-typing i{animation:none!important}.story-typing span{width:auto!important}.story-controls button,.story-glow{transition:none!important}}
@media(max-width:540px){.story-stage{height:448px}.story-canvas{height:340px}.story-paper,.story-sheet-page,.story-slide-page{height:305px}.story-sheet .story-table>*{padding:2px 6px}.story-sheet .story-chart{height:32px;margin-top:5px}}

/* Connected motion: fragments of the document become table values and a slide result. */
.story-stage{overflow:visible}
.story-ambient-number{position:absolute;z-index:-1;top:50px;left:-2%;color:var(--story-accent);opacity:.1;font-size:clamp(11rem,19vw,18rem);line-height:1;font-weight:800;letter-spacing:-.1em;pointer-events:none;user-select:none;transition:color .5s ease,transform .7s cubic-bezier(.18,.74,.22,1)}
.story-stage[data-story="sheet"] .story-ambient-number{transform:translate(14px,10px) rotate(-5deg)}
.story-stage[data-story="slides"] .story-ambient-number{transform:translate(27px,-4px) rotate(5deg)}
.story-glow{background:radial-gradient(circle at 55% 48%,color-mix(in srgb,var(--story-accent) 29%,transparent),transparent 68%);filter:blur(20px)}
.story-head{position:relative}.story-head:after{content:'';position:absolute;bottom:-1px;left:0;width:33.333%;height:2px;border-radius:4px;background:var(--story-accent);transition:width .7s cubic-bezier(.18,.74,.22,1),background .5s ease}.story-stage[data-story="sheet"] .story-head:after{width:66.666%}.story-stage[data-story="slides"] .story-head:after{width:100%}
.story-pane{animation:none}.story-paper,.story-sheet-page,.story-slide-page{will-change:transform}
.story-seed{display:flex;align-items:center;gap:8px;margin-top:19px;padding-top:12px;border-top:1px solid #e5ebf6}.story-seed span{margin-right:auto;color:#7487a7;font-size:.57rem;font-weight:800;letter-spacing:.12em;white-space:nowrap}.story-seed b{min-width:35px;padding:5px 7px;border-radius:6px;background:#e8efff;color:#345dd2;text-align:center;font-size:.68rem}
.story-slide-content{padding:35px 38px}.story-slide h3{font-size:clamp(1.75rem,3vw,2.35rem);margin:10px 0}.story-slide-stat{display:flex;align-items:baseline;gap:11px;width:max-content;max-width:100%;margin-top:13px;color:#fff}.story-slide-stat strong{color:#f3b57f;font-size:2.25rem;line-height:1;letter-spacing:-.07em}.story-slide-stat span{font-size:.7rem;line-height:1.3;font-weight:800}.story-slide-stat small{font-size:.62rem;color:#a9c2e2;font-weight:500}.story-slide-footer{margin-top:18px}
.story-flight-layer{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:visible}.story-flight{position:absolute;display:grid;place-items:center;min-width:34px;padding:5px 8px;border-radius:7px;background:#fff;color:#3154bd;border:1px solid #b5c8f5;box-shadow:0 12px 24px rgba(43,75,142,.2);font-size:.75rem;font-weight:800;white-space:nowrap;will-change:transform,opacity}.story-flight.is-result{background:#e7f7ee;border-color:#8cd0ab;color:#17845a;font-size:1.15rem}
.hero-home:has(.story-stage[data-story="sheet"]){background:linear-gradient(112deg,#f7faff 0%,#eff9f4 54%,#e2f5e9 100%)}
.hero-home:has(.story-stage[data-story="slides"]){background:linear-gradient(112deg,#f7faff 0%,#fff6ee 54%,#fbe8d7 100%)}
.hero-home{transition:background .7s ease}
@media(max-width:1100px){.story-slide-content{padding:31px 32px}.story-slide-stat strong{font-size:2rem}.story-slide-footer{margin-top:14px}}
@media(max-width:540px){.story-ambient-number{top:60px;left:-5%;font-size:10rem;opacity:.09}.story-seed{gap:4px;margin-top:13px;padding-top:8px}.story-seed span{font-size:.43rem}.story-seed b{min-width:28px;padding:4px 5px;font-size:.53rem}.story-slide-content{padding:22px 23px}.story-slide h3{font-size:1.48rem;margin:9px 0}.story-slide-stat{gap:7px;margin-top:11px}.story-slide-stat strong{font-size:1.7rem}.story-slide-stat span{font-size:.53rem}.story-slide-stat small{font-size:.5rem}.story-slide-footer{margin-top:12px}.story-slide-footer span{min-width:43px}.story-flight{font-size:.58rem;min-width:26px;padding:4px 5px}}
@media(prefers-reduced-motion:reduce){.story-ambient-number,.story-head:after,.hero-home{transition:none!important}.story-flight-layer{display:none}}
.story-controls button{overflow:hidden}
.story-controls button[aria-pressed="true"]:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--story-accent);transform-origin:left;animation:story-auto-progress 5.5s linear forwards}
@keyframes story-auto-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.story-controls button[aria-pressed="true"]:after{animation:none;transform:scaleX(1)}}

/* The left headline follows the same three beats as the right-hand story. */
.hero-home{--hero-accent:#365cf5}
.hero-home[data-story="sheet"]{--hero-accent:#159667}
.hero-home[data-story="slides"]{--hero-accent:#df8950}
.hero-home .hero-copy{isolation:isolate}
.hero-home .hero-watermark{position:absolute;z-index:-1;top:-95px;left:8%;font:800 clamp(20rem,33vw,31rem)/1 Manrope,Arial,sans-serif;letter-spacing:-.13em;color:transparent;-webkit-text-stroke:2px #365cf5;opacity:.085;pointer-events:none;user-select:none;animation:hero-watermark 15s ease-in-out infinite alternate}
.hero-home h1 .hero-verb{position:relative;display:inline-block;color:#172039;transition:color .55s ease}
.hero-home h1 .hero-verb:after{content:'';position:absolute;left:0;right:0;bottom:-.015em;height:.065em;border-radius:999px;background:var(--hero-accent);transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.18,.74,.22,1),background .55s ease}
.hero-home[data-story="writer"] .hero-verb[data-story-word="writer"],.hero-home[data-story="sheet"] .hero-verb[data-story-word="sheet"],.hero-home[data-story="slides"] .hero-verb[data-story-word="slides"]{color:var(--hero-accent)}
.hero-home[data-story="writer"] .hero-verb[data-story-word="writer"]:after,.hero-home[data-story="sheet"] .hero-verb[data-story-word="sheet"]:after,.hero-home[data-story="slides"] .hero-verb[data-story-word="slides"]:after{transform:scaleX(1)}
.hero-progress{width:min(240px,72%);height:3px;margin-top:26px;border-radius:999px;background:rgba(69,94,150,.16);overflow:hidden}
.hero-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--hero-accent);transform:scaleX(0);transform-origin:left;transition:background .55s ease}
.hero-home[data-story-playing="true"] .hero-progress span{animation:hero-progress 5.5s linear both}
@keyframes hero-progress{to{transform:scaleX(1)}}
@keyframes hero-watermark{to{transform:translate3d(16px,-11px,0)}}
@media(max-width:760px){.hero-home .hero-watermark{top:-55px;left:28%;font-size:clamp(17rem,60vw,26rem);opacity:.055}.hero-progress{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.hero-home .hero-watermark,.hero-home[data-story-playing="true"] .hero-progress span{animation:none!important}.hero-progress{display:none}.hero-home h1 .hero-verb,.hero-home h1 .hero-verb:after{transition:none!important}}

/* Homepage-wide editorial polish. */
.site-header{transition:box-shadow .3s ease,border-color .3s ease}
.site-header.is-scrolled{border-color:#d9e2f3;box-shadow:0 10px 32px rgba(22,43,87,.1)}

.product-rail a{position:relative;isolation:isolate;transition:transform .3s cubic-bezier(.18,.74,.22,1),border-color .3s ease,box-shadow .3s ease}
.product-rail a:hover,.product-rail a:focus-visible{transform:translateY(-6px);border-color:#b6c8f4;box-shadow:0 18px 34px rgba(39,68,132,.14)}
.product-rail .product-icon{box-shadow:0 7px 15px rgba(39,68,132,.13);transition:transform .3s ease}
.product-rail a:hover .product-icon,.product-rail a:focus-visible .product-icon{transform:rotate(-8deg) scale(1.08)}
.product-rail a:after{content:attr(data-preview);position:absolute;left:50%;top:calc(100% + 9px);width:max-content;max-width:190px;padding:7px 10px;border-radius:7px;background:#17284e;color:#fff;font-size:.72rem;font-weight:700;line-height:1.35;box-shadow:0 10px 20px rgba(16,32,66,.18);opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity .2s ease,transform .2s ease}
.product-rail a:hover:after,.product-rail a:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.intro-manifesto{padding-top:92px;padding-bottom:82px;align-items:start}
.manifesto-chain{grid-column:2;display:flex;align-items:center;gap:14px;max-width:650px;margin-top:13px;color:#536a92;font-size:.77rem;font-weight:800;letter-spacing:.02em}
.manifesto-chain span{white-space:nowrap}
.manifesto-chain b{margin-right:5px;color:#365cf5;font-size:.68rem;letter-spacing:.1em}
.manifesto-chain i{flex:1;height:1px;min-width:14px;background:linear-gradient(90deg,#8fa8eb,#d1dcf2)}

.chapter{position:relative;border-radius:25px;min-height:535px;margin-top:18px;box-shadow:inset 0 1px rgba(255,255,255,.7)}
.chapter-blue{background:linear-gradient(125deg,#eaf1ff 0%,#f3f7ff 52%,#e8efff 100%)}
.chapter-green{background:linear-gradient(120deg,#e8f8ee 0%,#effbf3 56%,#dff3e9 100%)}
.chapter-orange{background:linear-gradient(125deg,#fff0e2 0%,#fff8ed 55%,#ffe9d6 100%)}
.chapter-blue .chapter-visual>.scene-window{transform:scale(.96) rotate(-.65deg)}
.chapter-green .chapter-visual>.scene-window{transform:scale(.96) rotate(.65deg)}
.chapter-orange .chapter-visual>.scene-window{transform:scale(.97) rotate(-.55deg)}
.chapter-blue .writer-stage{display:block;position:relative;min-height:385px;overflow:hidden}
.chapter-blue .doc-sheet{width:77%;min-height:355px;margin:16px 0 0 7%;padding:25px 30px;font-size:.66rem}
.chapter-blue .doc-sheet h3{font-size:1.35rem;line-height:1.12}
.chapter-blue .doc-sheet p{font-size:.67rem;line-height:1.62}
.chapter-blue .doc-sheet li{font-size:.61rem;line-height:1.42}
.chapter-blue .ai-side{position:absolute;right:1.5%;top:92px;width:29%;min-height:205px;padding:15px;border:1px solid #dce3f1;border-radius:12px;box-shadow:0 16px 32px rgba(37,61,105,.16)}
.chapter-blue .ai-side-head{font-size:.68rem}
.chapter-blue .prompt-bubble,.chapter-blue .ai-response{font-size:.62rem}
.writer-copy-demo{position:relative;display:grid;min-height:45px}
.writer-copy-demo span{grid-area:1/1;transition:opacity .45s ease,transform .45s ease}
.writer-copy-refined{opacity:0;transform:translateY(6px);color:#244e9d}
.writer-refined .writer-copy-original{opacity:0;transform:translateY(-6px)}
.writer-refined .writer-copy-refined{opacity:1;transform:translateY(0)}
.writer-rewrite{margin-top:auto;padding:7px 9px;border:1px solid #bccbf4;border-radius:7px;background:#eef3ff;color:#3158cb;font-size:.62rem;font-weight:800;text-align:left;cursor:pointer;transition:background .25s ease,transform .25s ease}
.writer-rewrite:hover{background:#dfe8ff;transform:translateY(-2px)}

.chapter-green .sheet-stage{grid-template-columns:60% 40%}
.chapter-green .sheet-insights{padding:18px;background:#fbfffc}
.chapter-green .sheet-stat{padding:18px;background:linear-gradient(135deg,#def5e7,#f0fff6);border:1px solid #bfebd0;box-shadow:0 14px 25px rgba(28,133,84,.1)}
.chapter-green .sheet-stat strong{font-size:clamp(1.55rem,2.2vw,2rem);letter-spacing:-.06em}
.chapter-green .sheet-stat span{font-size:.63rem;font-weight:800}
.chapter-green .chart-bars{height:110px}
.chapter-green .sheet-row strong{color:#168b5f}
.chapter-green.is-visible .sheet-stat{animation:stat-arrive .85s cubic-bezier(.18,.74,.22,1) both}
@keyframes stat-arrive{from{opacity:.55;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

.chapter-orange .slides-stage{display:grid;grid-template-columns:12% 88%;grid-template-rows:minmax(0,1fr) auto;min-height:380px}
.chapter-orange .slide-thumbs{grid-row:1/3;padding:12px 7px}
.chapter-orange .slide-main{grid-column:2;grid-row:1;width:calc(100% - 28px);margin:13px 14px 6px;padding:7%}
.chapter-orange .slide-main h3{font-size:clamp(1.25rem,2.2vw,2rem)}
.chapter-orange .slide-main p{font-size:.73rem}
.chapter-orange .slides-ai{grid-column:2;grid-row:2;display:flex;align-items:center;gap:12px;padding:7px 16px;border-left:0;border-top:1px solid #e2e8f2;min-height:42px}
.chapter-orange .slides-ai span{white-space:nowrap}
.chapter-orange .slides-ai div{margin:0;padding:5px 9px;font-size:.61rem}
.chapter-orange .slides-ai p,.chapter-orange .slides-ai b{display:none}
.slide-refine-toggle{display:inline-flex;align-items:center;margin-top:18px;padding:9px 13px;border:1px solid #eab98d;border-radius:8px;background:#fff9f1;color:#a85d24;font-size:.79rem;font-weight:800;cursor:pointer;transition:transform .25s ease,background .25s ease}
.slide-refine-toggle:hover{background:#ffebd8;transform:translateY(-2px)}
.slide-draft{display:none;position:absolute;inset:0;padding:10%;background:#fff;color:#243550}
.slide-draft span{font-size:.62rem;letter-spacing:.14em;color:#8f9bb0;font-weight:800}
.slide-draft b{display:block;margin:22px 0 17px;font-size:1.65rem;line-height:1.1}
.slide-draft p{color:#728099!important;font-size:.87rem!important;line-height:2}
.chapter-orange.show-draft .slide-main> :not(.slide-draft){visibility:hidden}
.chapter-orange.show-draft .slide-draft{display:block;visibility:visible}

.format-feature{min-height:335px;box-shadow:0 14px 32px rgba(32,47,86,.05)}
.pdf-feature{background:linear-gradient(135deg,#fff0ef,#fff8f6)}
.photo-feature{background:linear-gradient(135deg,#f0ecff,#f8f6ff)}
.pdf-art .paper-icon{left:2%;top:22px;transform:rotate(-8deg);box-shadow:0 18px 30px rgba(128,65,76,.14)}
.pdf-art .convert-tag{left:38%;bottom:12px;z-index:3;animation:pdf-tag-float 4s ease-in-out infinite}
.pdf-flow-arrow{position:absolute;top:41%;left:53%;color:#e2656d;font-size:1.7rem;font-weight:800}
.pdf-result{position:absolute;right:0;top:39px;width:110px;height:150px;padding:16px;background:#fff;border:1px solid #f1d4d9;border-radius:9px;box-shadow:0 17px 30px rgba(128,65,76,.12);transform:rotate(6deg)}
.pdf-result b{color:#365cf5;font-size:.9rem}
.pdf-result i{display:block;height:5px;margin-top:16px;border-radius:5px;background:#e4eaf5}
.pdf-result i:nth-child(3){width:75%}.pdf-result i:nth-child(4){width:87%}
@keyframes pdf-tag-float{50%{transform:translateY(-6px)}}
.photo-card-compare{--split:50%;position:relative;width:min(100%,300px);height:230px;margin:6px auto 0;overflow:hidden;border-radius:11px;box-shadow:0 18px 28px rgba(76,44,99,.16);background:#c2c4c8}
.photo-feature .photo-card-compare img{position:absolute;top:0;left:-100%;width:200%;height:100%;max-width:none;object-fit:fill;border-radius:0;box-shadow:none;pointer-events:none}
.photo-card-before{filter:grayscale(1) sepia(1) contrast(.78) brightness(.83);clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.photo-card-divider{position:absolute;top:0;bottom:0;left:var(--split);z-index:2;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(19,30,61,.18);pointer-events:none}
.photo-card-divider i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#473c95;font-style:normal;font-size:1rem;font-weight:800;box-shadow:0 4px 12px rgba(26,22,57,.22);transform:translate(-50%,-50%)}
.photo-card-labels{position:absolute;z-index:3;left:9px;right:9px;top:9px;display:flex;justify-content:space-between;gap:7px;pointer-events:none}
.photo-card-labels span{padding:3px 6px;border-radius:5px;background:rgba(18,30,53,.68);color:#fff;font-size:.55rem;font-weight:800;white-space:nowrap}
.photo-card-compare input{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.photo-card-compare:focus-within{outline:3px solid #514fcb;outline-offset:3px}
.photo-card-link{display:inline-block;margin-top:3px;color:#5645b6;font-size:.82rem;font-weight:800;text-decoration:underline;text-decoration-color:#bdb4ec;text-underline-offset:3px}
.photo-card-link:hover{color:#3c2d99}

.ai-band{padding-top:64px;padding-bottom:64px;border-radius:24px;background:radial-gradient(circle at 82% 18%,rgba(91,119,255,.2),transparent 32%),linear-gradient(135deg,#162858,#1a3172 68%,#263e8b)}
.ai-band .mock-window{transform:scale(1) rotate(.4deg);transform-origin:center;box-shadow:0 30px 60px rgba(1,8,36,.27)}
.ai-band .ai-prompt{font-size:.8rem}
.ai-band .ai-right ol{font-size:.68rem}
.ai-band .ai-summary p{font-size:.64rem}
.ai-band .text-link{display:inline-flex;align-items:center;min-height:41px;margin-top:13px;padding:0 16px;border:1px solid rgba(255,255,255,.48);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-size:.85rem;transition:background .25s ease,transform .25s ease}
.ai-band .text-link:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
.ai-band.is-visible .ai-prompt{animation:ai-detail-appear .7s .15s both}
.ai-band.is-visible .ai-right{animation:ai-detail-appear .75s .4s both}
@keyframes ai-detail-appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}

.workflow{padding-top:90px;padding-bottom:90px}
.workflow-steps{position:relative;border-top:0;gap:0;margin-top:55px}
.workflow-steps:before,.workflow-steps:after{content:'';position:absolute;top:10px;left:0;height:2px;width:100%;border-radius:2px}
.workflow-steps:before{background:#dbe3f1}
.workflow-steps:after{background:#365cf5;transform:scaleX(0);transform-origin:left}
.workflow.is-visible .workflow-steps:after{animation:workflow-draw 1.5s cubic-bezier(.18,.74,.22,1) both}
.workflow-steps>div,.workflow-steps>div:first-child{position:relative;padding:40px 20px 10px 0;border:0}
.workflow-steps>div:before{content:'';position:absolute;z-index:1;top:2px;left:0;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#365cf5;box-shadow:0 0 0 2px #bfd0f9}
.workflow-steps span{margin-bottom:18px;color:#315be4}
.workflow-steps b{font-size:1.06rem}
.workflow-steps p{max-width:220px;font-size:.88rem}
@keyframes workflow-draw{to{transform:scaleX(1)}}

.faq-section{display:grid;grid-template-columns:minmax(220px,32%) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:start;padding-top:85px;padding-bottom:100px}
.faq-section>.section-head{position:sticky;top:125px;margin:0}
.faq-section .faq-list{max-width:none}
.faq-section .faq-item{margin-bottom:8px;padding:0 18px;border:1px solid #e1e7f1;border-radius:12px;background:#fff;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.faq-section .faq-item.open{background:#f1f5ff;border-color:#cbd9fa;box-shadow:0 10px 25px rgba(34,59,116,.06)}
.faq-section .faq-question{padding:19px 0}
.faq-section .faq-symbol{transition:transform .3s ease}
.faq-section .faq-item.open .faq-symbol{transform:rotate(90deg)}

.final-cta{position:relative;isolation:isolate;min-height:220px;padding:53px 5vw;border-radius:23px 23px 0 0;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(142,169,255,.38),transparent 32%),linear-gradient(125deg,#244fd6,#183b9e)}
.final-cta>div,.final-cta>.button{position:relative;z-index:1}
.final-cta h2{font-size:clamp(1.8rem,3vw,2.65rem)}
.final-cta .cta-watermark{position:absolute;right:18%;top:-93px;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.22);font:800 clamp(17rem,28vw,27rem)/1 Manrope,Arial,sans-serif;letter-spacing:-.14em;pointer-events:none;user-select:none}
.final-cta .button-light{box-shadow:0 14px 30px rgba(10,33,99,.22)}
.footer{background:#111d38}
.footer-inner{padding-top:58px}
.footer-nav{gap:clamp(50px,6vw,110px)}
.footer-nav>div{display:flex;flex-direction:column;gap:9px}
.footer-nav span{margin-bottom:8px;color:#96aed8;font-size:.72rem}
.footer-nav a{color:#e0e8f7;font-size:.88rem;transition:color .2s ease,transform .2s ease}
.footer-nav a:hover{color:#fff;transform:translateX(3px)}
.footer-bottom{color:#a7b6d1;border-color:#334462}

@media(max-width:1000px){
  .chapter-blue .ai-side{width:31%;right:1%}
  .chapter-blue .doc-sheet{width:78%;padding:20px 23px}
  .chapter-green .sheet-stat strong{font-size:1.45rem}
  .pdf-result{width:88px;height:128px;padding:12px}
}
@media(max-width:840px){
  .intro-manifesto{padding-top:78px;padding-bottom:70px}
  .chapter{min-height:0}
  .chapter-blue .doc-sheet{width:76%}
  .chapter-orange .slides-stage{min-height:335px}
  .ai-band{padding-top:55px;padding-bottom:55px}
  .faq-section{grid-template-columns:1fr;gap:22px}
  .faq-section>.section-head{position:static}
}
@media(max-width:760px){
  .product-rail a:after{display:none}
  .intro-manifesto{display:block}
  .manifesto-chain{margin-top:30px}
  .chapter{border-radius:18px;margin-top:12px}
  .chapter-blue .chapter-visual>.scene-window,.chapter-green .chapter-visual>.scene-window,.chapter-orange .chapter-visual>.scene-window{transform:none}
  .chapter-blue .writer-stage{min-height:325px}
  .chapter-blue .doc-sheet{width:77%;min-height:300px}
  .chapter-blue .ai-side{top:76px;min-height:170px;width:30%}
  .chapter-green .sheet-stage{grid-template-columns:60% 40%}
  .chapter-orange .slides-stage{min-height:325px}
  .format-feature{min-height:330px}
  .workflow-steps{grid-template-columns:repeat(2,1fr);row-gap:15px}
  .workflow-steps:before,.workflow-steps:after{display:none}
  .workflow-steps>div{padding:26px 12px 12px 19px;border-left:2px solid #d3ddf2}
  .workflow-steps>div:before{top:27px;left:-10px}
  .workflow-steps span{margin-bottom:11px}
  .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
}
@media(max-width:540px){
  .product-rail a{padding:10px 8px}
  .manifesto-chain{gap:7px;font-size:.65rem}
  .manifesto-chain b{font-size:.61rem}
  .chapter{padding-top:42px;padding-bottom:34px}
  .chapter-blue .writer-stage{min-height:255px}
  .chapter-blue .doc-sheet{width:84%;min-height:245px;margin:8px 0 0 3%;padding:14px 17px}
  .chapter-blue .doc-sheet h3{font-size:1rem;margin:8px 0}
  .chapter-blue .doc-sheet p{font-size:.54rem}
  .chapter-blue .doc-sheet h4,.chapter-blue .doc-sheet ul,.chapter-blue .doc-inline-table,.chapter-blue .doc-stat{display:none}
  .chapter-blue .ai-side{right:0;top:91px;width:42%;min-height:135px;padding:8px;gap:4px}
  .chapter-blue .ai-side-head,.chapter-blue .prompt-bubble,.chapter-blue .ai-response{font-size:.5rem}
  .chapter-blue .ai-input{display:none}
  .writer-rewrite{font-size:.48rem;padding:5px}
  .writer-copy-demo{min-height:62px}
  .chapter-green .sheet-stage{grid-template-columns:57% 43%}
  .chapter-green .sheet-insights{padding:8px}
  .chapter-green .sheet-stat{padding:8px}
  .chapter-green .sheet-stat strong{font-size:1rem}
  .chapter-green .sheet-stat span{font-size:.45rem}
  .chapter-green .chart-bars{height:58px}
  .chapter-orange .slides-stage{grid-template-columns:11% 89%;min-height:235px}
  .chapter-orange .slide-thumbs{padding:5px 3px}
  .chapter-orange .slide-main{width:calc(100% - 10px);margin:6px 5px 2px;padding:6%}
  .chapter-orange .slide-main h3{font-size:1rem}
  .chapter-orange .slide-main p{font-size:.52rem}
  .chapter-orange .slides-ai{min-height:28px;padding:3px 6px}
  .chapter-orange .slides-ai div{font-size:.4rem;padding:3px 4px}
  .chapter-orange .slides-ai span{font-size:.43rem}
  .slide-draft b{font-size:1rem;margin:9px 0}
  .slide-draft p{font-size:.56rem!important}
  .format-feature{grid-template-columns:1fr;min-height:0;gap:10px;padding:22px}
  .format-feature .format-art{min-height:195px}
  .pdf-art .paper-icon{left:14%;top:5px;width:105px;height:145px;padding:16px}
  .pdf-result{right:15%;top:10px;width:94px;height:135px}
  .pdf-flow-arrow{top:35%;left:49%}
  .pdf-art .convert-tag{left:39%;bottom:2px}
  .photo-card-compare{width:min(100%,360px);height:195px;margin:0 auto}
  .ai-band{border-radius:16px;padding:43px 5vw}
  .ai-band .mock-window{transform:none}
  .workflow{padding-top:65px;padding-bottom:60px}
  .workflow-steps{grid-template-columns:1fr;margin-top:34px;row-gap:0}
  .workflow-steps>div{padding:7px 0 30px 33px;border-left:2px solid #d3ddf2}
  .workflow-steps>div:last-child{border-left-color:transparent}
  .workflow-steps>div:before{top:8px;left:-10px}
  .workflow-steps p{max-width:none}
  .faq-section{padding-top:65px;padding-bottom:75px}
  .faq-section .faq-item{padding:0 12px}
  .final-cta{min-height:0;padding:38px 6vw}
  .final-cta .cta-watermark{right:4%;top:-35px;font-size:16rem}
  .footer-nav{gap:20px}
}
@media(prefers-reduced-motion:reduce){
  .chapter-green.is-visible .sheet-stat,.ai-band.is-visible .ai-prompt,.ai-band.is-visible .ai-right,.workflow.is-visible .workflow-steps:after,.pdf-art .convert-tag{animation:none!important}
  .writer-copy-demo span,.slide-refine-toggle,.writer-rewrite{transition:none!important}
  .workflow-steps:after{transform:scaleX(1)}
}
@media(max-width:760px){
  .chapter-blue .chapter-visual>.scene-window,.chapter-green .chapter-visual>.scene-window,.chapter-orange .chapter-visual>.scene-window{width:116%;margin-left:0;margin-bottom:-55px;transform:scale(.86);transform-origin:top left}
}
@media(max-width:540px){
  .chapter-blue .chapter-visual>.scene-window,.chapter-green .chapter-visual>.scene-window,.chapter-orange .chapter-visual>.scene-window{width:155%;margin-left:0;margin-bottom:-130px;transform:scale(.65);transform-origin:top left}
  .chapter-blue .ai-side{left:4%;right:4%;top:auto;bottom:8px;width:auto;height:48px;min-height:0;display:flex;flex-direction:row;align-items:center;gap:6px;padding:7px 9px}
  .chapter-blue .ai-side .prompt-bubble,.chapter-blue .ai-side .ai-response,.chapter-blue .ai-side .ai-input{display:none}
  .chapter-blue .ai-side-head{font-size:.62rem;white-space:nowrap}
  .writer-rewrite{margin:0 0 0 auto;white-space:nowrap}
  .chapter-green .sheet-stage{grid-template-columns:52% 48%}
  .chapter-green .sheet-stat strong{font-size:1.12rem}
}