:root{--ink:#171b1a;--ink2:#242a27;--paper:#f5f6f0;--acid:#d7fc55;--muted:#a5ada5;--line:#3a423d;--blue:#94b4ff;--font:Manrope,Arial,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #769b00;outline-offset:4px}.skip-link{position:absolute;left:16px;top:-100px;background:var(--acid);padding:12px;z-index:20}.skip-link:focus{top:16px}.site-header{height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,4.5vw,76px);background:var(--ink);color:#fff;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.075em;white-space:nowrap}.brand em{font-family:var(--mono);font-style:normal;font-size:11px;font-weight:500;letter-spacing:0;color:#a4aaa5;margin-left:5px}.brand-dot{color:var(--acid)}.brand-mark{width:36px;height:36px;border-radius:9px;background:var(--acid);color:var(--ink);font-size:30px;line-height:31px;letter-spacing:-.12em;text-align:center}.brand-mark span{font-size:20px;vertical-align:top}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;border-radius:5px;background:var(--acid);color:var(--ink);font-weight:800;font-size:14px;letter-spacing:-.01em;transition:transform .25s,background .25s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:#e9ff99}.button-header{min-height:42px;padding:10px 20px}.hero{background:var(--ink);color:#fff;display:grid;grid-template-columns:minmax(0, .82fr) minmax(0,1.18fr);min-height:630px;overflow:hidden}.hero-copy{padding:clamp(56px,7vw,120px) 32px 50px clamp(22px,4.5vw,76px);position:relative;z-index:1}.kicker{font:500 12px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#858e86}.hero .kicker{color:var(--acid)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(40px,4.15vw,68px);line-height:1.07;letter-spacing:-.066em;max-width:750px;margin:24px 0 25px;font-weight:700}.hero p{max-width:530px;color:#b9c1b9;font-size:18px;line-height:1.65;margin-bottom:31px}.hero-art{min-width:0;display:flex;align-items:center;justify-content:center;padding:45px clamp(22px,4vw,75px) 55px 0}.hero-home .hero-copy{padding-top:110px}.hero-subnote{display:flex;justify-content:space-between;gap:25px;max-width:430px;margin-top:88px;color:#79837c;font:11px var(--mono);letter-spacing:.04em}.hero-inner{min-height:540px}.hero-inner .hero-copy{padding-top:85px}.hero-inner h1{font-size:clamp(38px,3.8vw,61px)}.hero-inner .hero-art{padding-top:50px;padding-bottom:50px}.theme-acid .hero-art{background:#2c3025}.theme-blue .hero-art{background:#222d38}.theme-paper .hero-art{background:#34352e}.section{padding:110px clamp(22px,4.5vw,76px);max-width:1600px;margin:auto}.section-heading{max-width:850px;margin-bottom:48px}.section-heading h2{font-size:clamp(34px,3.7vw,60px);line-height:1.12;letter-spacing:-.061em;margin:17px 0 16px;font-weight:700}.section-heading p{font-size:18px;max-width:710px;color:#616b63;line-height:1.6}.section-heading .kicker{color:#617344}.dark-panel{background:var(--ink);color:white;max-width:none}.dark-panel .section-heading .kicker{color:var(--acid)}.dark-panel .section-heading p{color:#b5bdb5}.text-link{display:inline-block;font-weight:800;border-bottom:2px solid currentColor;padding-bottom:5px;transition:color .2s}.text-link:hover{color:#719300}.dark-panel .text-link:hover{color:var(--acid)}.section-tail{margin-top:38px}.section-tail p{max-width:750px;color:#b4bcb3}.process-section{padding-bottom:120px}.process-track{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #b3bcb3;border-bottom:1px solid #b3bcb3}.process-track div{min-height:180px;padding:24px 16px 20px;border-right:1px solid #b3bcb3;display:flex;flex-direction:column;justify-content:space-between}.process-track div:first-child{border-left:1px solid #b3bcb3}.process-track b,.step>b{font:500 12px var(--mono);color:#70806d}.process-track strong{font-size:clamp(17px,1.65vw,27px);letter-spacing:-.04em}.section-aside{margin:29px 0 0;max-width:780px;color:#5b665c}.section-aside a{margin-left:6px;color:var(--ink)}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,85px);align-items:center}.split-section .section-heading{margin-bottom:28px}.editorial-section{background:#e5e9db;max-width:none}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,115px);align-items:center}.feature-section .section-heading{margin-bottom:28px}.feature-visual{padding:36px;background:#d8decf}.template-section{overflow:hidden}.template-visual{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}.template-visual .slide:nth-child(2){transform:translateY(36px)}.template-visual .slide:nth-child(3){transform:translateY(-20px)}.data-section{background:#e9ede3;max-width:none}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.use-grid a{min-height:290px;background:#252d27;padding:32px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.use-grid a:hover{background:#364332;transform:translateY(-4px)}.use-grid a span,.use-grid a small{font:500 12px var(--mono);color:var(--acid)}.use-grid a strong{font-size:clamp(26px,2.8vw,45px);line-height:1.2;letter-spacing:-.055em;max-width:540px;margin:auto 0}.use-grid a small{margin-top:34px}.export-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.export-section .section-heading{margin-bottom:30px}.related-section{background:#e6ebe0;max-width:none}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-grid a{background:#f9faf5;border:1px solid #cfd7c9;padding:27px;min-height:215px;display:flex;flex-direction:column;transition:transform .25s,background .25s}.related-grid a:hover{transform:translateY(-4px);background:var(--acid)}.related-grid span{font:12px var(--mono);color:#687366}.related-grid strong{font-size:26px;letter-spacing:-.05em;margin:auto 0 8px}.related-grid small{font-size:14px;color:#5a655b;line-height:1.5}.faq-section{background:#f5f6f0;max-width:1100px}.faq-section .section-heading{margin-bottom:30px}.faq-list{border-top:1px solid #b5bdb3}.faq-item{border-bottom:1px solid #b5bdb3}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;text-align:left;padding:24px 0;background:none;border:0;color:var(--ink);font-weight:700;font-size:18px;cursor:pointer}.faq-symbol{font:400 27px var(--mono);color:#607c30;line-height:1}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq-answer>div{overflow:hidden}.faq-answer p{max-width:750px;color:#5d685e;padding:0 30px 25px 0;margin:0}.faq-question[aria-expanded=true]+.faq-answer{grid-template-rows:1fr}.final-cta{background:var(--acid);padding:55px clamp(22px,4.5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta .kicker{color:#4e601f}.final-cta h2{font-size:clamp(30px,3.2vw,50px);letter-spacing:-.06em;line-height:1.12;margin:10px 0 0}.final-cta .button{background:var(--ink);color:white}.final-cta .button:hover{background:#34402b}.footer{background:var(--ink);color:white;padding:55px clamp(22px,4.5vw,76px) 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:40px;gap:25px}.footer-top p{margin:0;color:#aab4a9}.footer-links{display:flex;flex-wrap:wrap;gap:15px 30px;padding:37px 0;border-bottom:1px solid var(--line)}.footer-link{color:#e4e8df;font-size:14px}.footer-link:hover{text-decoration:underline}.footer-bottom{padding-top:25px;display:flex;justify-content:space-between;gap:22px;color:#9ba49b;font-size:12px;line-height:1.6}.footer-bottom span:nth-child(2){max-width:420px}.footer-bottom a{text-decoration:underline}.step-list{border-top:1px solid #bbc4b8;max-width:1120px}.step{display:grid;grid-template-columns:90px 1fr;padding:27px 0;border-bottom:1px solid #bbc4b8}.step h3{font-size:clamp(21px,2.1vw,32px);line-height:1.2;letter-spacing:-.04em;margin:0 0 8px}.step p{color:#5d685e;margin:0;max-width:760px}.dark-panel .step-list,.dark-panel .step{border-color:var(--line)}.dark-panel .step p{color:#b7bfb7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{background:#e6eadf;padding:28px;min-height:235px;display:flex;flex-direction:column}.info-card span{font:12px var(--mono);color:#6e7b69}.info-card h3{font-size:25px;letter-spacing:-.05em;line-height:1.2;margin:auto 0 12px}.info-card p{color:#586459;margin:0}.dark-panel .info-card{background:#28312b}.dark-panel .info-card p{color:#abb8ac}.dark-panel .info-card span{color:var(--acid)}
/* Presentation interface and slide visual language */
.slide{width:100%;aspect-ratio:16/9;background:#e5f17d;color:#1d2824;border-radius:3px;padding:6.5%;position:relative;overflow:hidden;box-shadow:0 24px 55px #0003;display:flex;flex-direction:column;font-family:var(--font)}.slide-overline{font:600 clamp(7px,.7vw,11px) var(--mono);letter-spacing:.06em}.slide-heading{font-size:clamp(30px,4.1vw,78px);letter-spacing:-.075em;line-height:.97;font-weight:800;margin:auto 0}.slide-heading.narrow{font-size:clamp(22px,2.75vw,47px)}.slide-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #23302555;padding-top:10px;font:500 clamp(7px,.65vw,10px) var(--mono)}.slide-chart{background:#dce5fa}.slide-chart .bar-chart{height:34%;display:flex;gap:5%;align-items:end;margin:auto 0 12px;border-bottom:1px solid #495d81}.bar-chart i{display:block;width:16%;height:var(--h);background:#354f84}.bar-chart i:last-child{background:#9ab8fd}.slide-image{background:#d2d7c9}.visual-grid{display:flex;gap:2%;margin:auto 0}.visual-grid span{background:#173930;color:white;flex:1;min-height:90px;padding:12px;font:600 22px var(--mono);display:flex;flex-direction:column;justify-content:space-between}.visual-grid span:nth-child(2){background:#385e48}.visual-grid span:nth-child(3){background:#789b4f}.visual-grid small{font:600 10px var(--font)}.slide-quote{background:#b5c8ec}.slide-heading.quote{font-size:clamp(26px,3.1vw,55px)}.slide-split{background:#f0ede3}.split-content{display:grid;grid-template-columns:1.4fr 1fr;gap:15%;align-items:center;margin:auto 0}.split-content strong{font-size:clamp(26px,3.2vw,54px);line-height:1;letter-spacing:-.07em}.split-content div{border-top:1px solid #28332a}.split-content b{font:600 11px var(--mono)}.split-content p{margin:0 0 7px;border-bottom:1px solid #28332a;padding:3px 0 8px;font-size:clamp(10px,.95vw,15px)}.hero-studio{width:100%;max-width:850px;background:#343c36;border:1px solid #5c675d;box-shadow:0 35px 90px #0007;border-radius:12px;overflow:hidden;transform:rotate(-2deg);animation:rise .8s ease both}.studio-top{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;gap:8px;border-bottom:1px solid #59645b;color:#bec8bc;font:10px var(--mono)}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:100%;background:#8b978a}.studio-body{display:grid;grid-template-columns:45px 1fr;min-height:360px}.studio-rail{border-right:1px solid #59645b;padding:18px 10px;display:flex;flex-direction:column;gap:12px;font:10px var(--mono);color:#859388}.studio-rail span:first-child{color:var(--acid)}.studio-canvas{padding:30px 35px 55px 25px;position:relative}.studio-canvas>.slide{max-width:580px}.floating-slide{position:absolute;right:3%;bottom:1%;width:41%;transform:rotate(6deg);animation:float 7s ease-in-out infinite}.slide-small{box-shadow:0 12px 30px #0007}.slide-small .slide-heading{font-size:clamp(13px,1.6vw,28px)}.slide-small .slide-overline,.slide-small .slide-bottom{font-size:6px}.studio-prompt{display:flex;align-items:center;gap:12px;margin:0 24px 22px;background:#f7f8ef;color:#29332a;border-radius:8px;padding:13px 15px;font-size:12px;box-shadow:0 15px 30px #0005}.spark{color:#718f24;font-size:24px;line-height:1}.prompt-enter{margin-left:auto;font:18px var(--mono)}.prompt-visual{width:100%;max-width:700px}.prompt-input{background:#f4f5e8;color:#202820;padding:29px;border-radius:7px;min-height:170px;position:relative}.prompt-input p{font-size:19px;color:#263129;margin:5px 0 38px;line-height:1.45}.input-label{position:absolute;right:24px;bottom:20px;font:11px var(--mono);color:#6e786c}.outline-preview{background:#343c34;padding:25px 29px 18px;margin:15px 0 0 35px;box-shadow:0 18px 35px #0004}.outline-preview .kicker{color:var(--acid);display:block;margin-bottom:15px}.outline-preview div{border-top:1px solid #586258;display:flex;gap:25px;padding:10px 0;color:#f0f4e8}.outline-preview div b{font:12px var(--mono);color:var(--acid)}.workflow-visual{background:#afc8e9;color:#1f2a36;min-height:420px;padding:30px;position:relative;overflow:hidden;width:100%}.workflow-label{font:11px var(--mono)}.workflow-quote{font-size:25px;line-height:1.2;letter-spacing:-.04em;max-width:370px;margin:35px 0 15px}.workflow-stage{display:flex;gap:8px;flex-wrap:wrap}.workflow-stage span{font:10px var(--mono);border:1px solid #687d94;padding:7px}.workflow-visual .slide{width:62%;position:absolute;right:-3%;bottom:-2%;transform:rotate(-5deg)}.sequence-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.seq-card{aspect-ratio:1.2;background:#f4f6eb;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:150px}.seq-card:nth-child(4n+2){background:#d2dfb7}.seq-card:nth-child(4n+3){background:#bed0c6}.seq-card:nth-child(4n){background:#e3e6c6}.seq-card b{font:12px var(--mono);color:#687465}.seq-card span{font-size:clamp(18px,2vw,30px);font-weight:700;letter-spacing:-.05em}.seq-card i{height:3px;background:#596b4f;display:block;width:35%}.design-visual{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;align-items:center;width:100%}.design-before{background:#f1f0e9;color:#354035;padding:22px;height:310px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 20px 30px #0004}.design-before span{font:10px var(--mono)}.design-before h3{font-size:21px;line-height:1.2;margin:25px 0}.design-before p{font-size:14px;line-height:1.25}.design-after{transform:rotate(4deg)}.charts-visual{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:13px;min-height:300px}.chart-panel{background:#eef3e8;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.chart-panel span{font:11px var(--mono)}.chart-panel b{font-size:29px;letter-spacing:-.05em}.line-graph{height:150px;color:#547b5b}.line-graph svg{width:100%;height:100%}.chart-panel-dark{background:#253c35;color:#fff}.donut{height:125px;width:125px;border-radius:50%;margin:10px auto;background:conic-gradient(#d5fc5e 0 44%,#729d8c 44% 72%,#4e7165 72% 100%);position:relative}.donut:after{content:'';position:absolute;inset:31px;background:#253c35;border-radius:50%}.chart-panel-citron{background:#d7fc55}.mini-bars{height:130px;display:flex;align-items:end;gap:10px}.mini-bars i{width:22%;background:#21372b;height:35%}.mini-bars i:nth-child(2){height:52%}.mini-bars i:nth-child(3){height:72%}.mini-bars i:nth-child(4){height:96%}.company-visual{width:100%;position:relative;padding:12px 10% 55px 0}.company-note{background:#edf2e3;color:#243027;padding:17px 20px;position:absolute;right:0;bottom:0;width:45%;transform:rotate(4deg);box-shadow:0 16px 30px #0004}.company-note span{display:block;font:10px var(--mono);margin-bottom:18px}.company-note strong{font-size:20px;line-height:1.1;letter-spacing:-.04em}.proposal-visual{padding:25px;position:relative;width:100%}.proposal-sheet{background:#e6f0df;color:#233128;padding:35px;min-height:340px;box-shadow:0 20px 45px #0004;transform:rotate(-2deg)}.proposal-sheet>span{font:11px var(--mono)}.proposal-sheet h3{font-size:clamp(30px,3vw,48px);line-height:1.1;letter-spacing:-.06em;margin:40px 0}.proposal-columns{display:flex;gap:15px}.proposal-columns div{flex:1;border-top:1px solid #53665a;padding-top:8px}.proposal-columns b{font:11px var(--mono)}.proposal-columns p{font-size:13px;margin:6px 0}.proposal-stamp{position:absolute;right:0;bottom:0;border:2px solid #d7fc55;color:#d7fc55;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;text-align:center;font:11px var(--mono);transform:rotate(14deg)}.export-visual{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;align-items:center;width:100%}.export-slide{padding:15px;background:#d9dfce}.export-options{display:flex;flex-direction:column;gap:10px}.export-options div,.format-stack div{padding:20px;background:#22352c;color:#fff;display:flex;flex-direction:column;gap:15px}.export-options div:nth-child(2){background:#a9c4b6;color:#1f3328}.export-options b,.format-stack strong{font-size:32px;letter-spacing:-.05em}.export-options span,.format-stack span{font-size:12px}.format-stack{display:flex;gap:12px}.format-stack div{width:50%;min-height:210px;justify-content:space-between}.format-stack div:nth-child(2){background:#d7fc55;color:#1d2d20}@keyframes rise{from{opacity:0;transform:translateY(25px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes float{50%{transform:translateY(-8px) rotate(6deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(37px,4.5vw,55px)}.hero-art{padding-right:25px}.studio-body{min-height:260px}.slide-heading{font-size:clamp(25px,4vw,55px)}.section{padding-top:80px;padding-bottom:80px}.process-track{grid-template-columns:repeat(3,1fr)}.process-track div:nth-child(4){border-left:1px solid #b3bcb3}.process-track div:nth-child(-n+3){border-bottom:1px solid #b3bcb3}.cards{grid-template-columns:repeat(2,1fr)}.charts-visual{grid-template-columns:1fr 1fr}.chart-panel:first-child{grid-column:span 2}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{height:68px;padding:0 19px}.brand{font-size:17px}.brand-mark{width:31px;height:31px;font-size:26px;line-height:27px}.brand em{display:none}.button-header{min-height:39px;padding:9px 14px}.hero{display:block;min-height:0}.hero-copy,.hero-home .hero-copy,.hero-inner .hero-copy{padding:53px 22px 42px}.hero h1,.hero-inner h1{font-size:clamp(38px,9vw,54px);max-width:610px;margin:20px 0}.hero p{font-size:16px;line-height:1.55}.hero-subnote{margin-top:48px}.hero-art,.hero-inner .hero-art{padding:25px 22px 55px}.hero-studio{transform:none}.studio-body{min-height:0}.studio-canvas{padding:19px 22px 35px 15px}.studio-top{font-size:8px}.floating-slide{width:40%}.hero-inner .hero-art{min-height:340px}.section{padding:70px 22px}.section-heading{margin-bottom:33px}.section-heading h2{font-size:clamp(33px,8vw,48px)}.section-heading p{font-size:16px}.process-track{grid-template-columns:repeat(2,1fr)}.process-track div{min-height:130px}.process-track div:nth-child(odd){border-left:1px solid #b3bcb3}.process-track div:nth-child(3),.process-track div:nth-child(4){border-bottom:1px solid #b3bcb3}.split-section,.feature-section,.export-section{grid-template-columns:1fr;gap:38px}.feature-section .feature-visual{order:2}.template-visual{gap:8px}.template-visual .slide{padding:8%}.template-visual .slide-heading{font-size:clamp(14px,4vw,28px)}.template-visual .slide-bottom,.template-visual .slide-overline{font-size:6px}.use-grid,.related-grid,.cards{grid-template-columns:1fr}.use-grid a{min-height:240px}.charts-visual{grid-template-columns:1fr 1fr}.chart-panel{padding:15px;min-height:200px}.chart-panel:first-child{grid-column:span 2}.chart-panel b{font-size:23px}.donut{height:85px;width:85px}.donut:after{inset:22px}.sequence-visual{grid-template-columns:repeat(2,1fr)}.seq-card{min-height:130px}.final-cta{padding:45px 22px;align-items:flex-start;flex-direction:column}.footer{padding:45px 22px 25px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px}.faq-question{font-size:16px}.step{grid-template-columns:50px 1fr}.step h3{font-size:22px}.prompt-input p{font-size:16px}.outline-preview{margin-left:12px}.workflow-quote{font-size:20px}.workflow-visual .slide{width:75%}.company-note{width:53%}.export-visual{grid-template-columns:1fr}.export-options{flex-direction:row}.export-options div{width:50%;padding:14px}.slide-heading{font-size:clamp(25px,8vw,55px)}.slide-heading.narrow{font-size:clamp(20px,6vw,40px)}.split-content strong{font-size:clamp(23px,7vw,45px)}}@media(max-width:390px){.brand{gap:7px;font-size:15px}.site-header{padding:0 14px}.studio-top span:last-child{display:none}.studio-rail{display:none}.studio-body{display:block}.studio-canvas{padding:15px 20px 35px}.studio-prompt{margin:0 12px 13px;font-size:10px}.visual-grid span{min-height:45px;padding:5px;font-size:14px}.visual-grid small{font-size:7px}.sequence-visual{gap:7px}.seq-card{padding:13px;min-height:100px}.seq-card span{font-size:17px}}

/* Stage 03: a compact statement and a stronger, earlier presentation scene. */
.hero-home h1{font-size:clamp(40px,3.6vw,54px);max-width:575px;line-height:1.09}
.hero-home .hero-copy{padding-top:96px}
.hero-home .hero-art{padding-top:22px;padding-bottom:25px}
.hero-home .studio-top span:last-child{color:var(--acid)}
@media(max-width:700px){.hero-home h1{font-size:clamp(37px,8.9vw,45px);line-height:1.1;max-width:550px}.hero-home .hero-copy{padding-top:46px;padding-bottom:30px}.hero-home .hero-art{padding-top:10px;padding-bottom:44px}.hero-home .hero-subnote{margin-top:35px}}
@media(max-width:350px){.hero-home h1{font-size:35px}.hero-home .hero-copy{padding-left:18px;padding-right:18px}.hero-home .hero-art{padding-left:18px;padding-right:18px}.hero-home .studio-top{height:32px}.hero-home .studio-prompt{gap:7px}}

/* Homepage review: show layout adaptation, not just another static slide. */
.smart-proof{background:#dfe5d4;box-shadow:inset 0 0 0 1px #ccd5c4}
.smart-proof-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;font:500 10px var(--mono);letter-spacing:.04em;color:#566655}
.smart-proof-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.smart-proof-slide{aspect-ratio:4/5;min-width:0;padding:17px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 28px #1d2d2026}
.smart-proof-slide small{font:500 10px var(--mono);letter-spacing:.02em}
.smart-proof-slide strong{font-size:clamp(20px,2vw,31px);line-height:1.04;letter-spacing:-.06em;margin:auto 0;font-weight:800}
.smart-proof-simple{background:var(--acid);color:#1d3026;transform:rotate(-3deg)}
.smart-proof-detail{background:#bed1ed;color:#263b55;transform:translateY(8px) rotate(3deg)}
.smart-proof-points{display:grid;gap:7px;font-size:12px;font-weight:700}
.smart-proof-points span{border-top:1px solid #38513b;padding-top:4px}
.smart-proof-bars{display:flex;align-items:end;gap:8px;height:30%;border-bottom:1px solid #496589}
.smart-proof-bars i{flex:1;height:35%;background:#365b88}.smart-proof-bars i:nth-child(2){height:55%}.smart-proof-bars i:nth-child(3){height:70%}.smart-proof-bars i:nth-child(4){height:95%;background:#638ac2}
.smart-proof-axis{display:flex;justify-content:space-between;font:9px var(--mono);margin-top:5px}
.smart-proof>p{font-size:12px;line-height:1.45;color:#607062;margin:24px 0 0}
.theme-home .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;border-top:1px solid #b7c2b1}
.theme-home .related-grid a{background:transparent;border:0;border-bottom:1px solid #b7c2b1;border-radius:0;box-shadow:none;min-height:100px;padding:16px 0;display:grid;grid-template-columns:54px minmax(180px,.7fr) minmax(0,1.3fr);gap:0 20px;align-content:center;align-items:center;transform:none}
.theme-home .related-grid a:hover{background:transparent;color:#537423;transform:none}
.theme-home .related-grid a span{grid-row:auto;align-self:center;margin-top:0}
.theme-home .related-grid a strong{font-size:23px;margin:0 0 4px}
.theme-home .related-grid a small{font-size:14px;max-width:420px}
.theme-home .final-cta{min-height:360px}
.theme-home .final-cta h2{max-width:680px}
@media(max-width:1050px){.smart-proof-slide{padding:13px}.smart-proof-slide strong{font-size:clamp(18px,2vw,25px)}.theme-home .related-grid{gap:0 25px}.theme-home .related-grid a{grid-template-columns:48px 1fr;min-height:110px;padding:17px 0}.theme-home .related-grid a span{grid-row:1/span 2;align-self:start;margin-top:3px}.theme-home .related-grid a strong,.theme-home .related-grid a small{grid-column:2}}
@media(max-width:700px){.smart-proof{padding:24px}.smart-proof-top{font-size:8px}.smart-proof-slide{padding:13px}.smart-proof-slide strong{font-size:clamp(18px,5vw,26px)}.theme-home .related-grid{grid-template-columns:1fr}.theme-home .related-grid a{grid-template-columns:44px 1fr;min-height:104px;padding:16px 0}.theme-home .final-cta{min-height:270px}}
@media(max-width:350px){.smart-proof{padding:17px}.smart-proof-stage{gap:8px}.smart-proof-slide{padding:9px}.smart-proof-slide strong{font-size:17px}.smart-proof-slide small{font-size:7px}.smart-proof-points{font-size:9px}.smart-proof-bars{gap:4px}.smart-proof-top span:last-child{max-width:90px;text-align:right}}
@media(max-width:900px){.sequence-visual{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.theme-home .template-visual{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 22px 20px;margin:0 -22px}.theme-home .template-visual .slide,.theme-home .template-visual .slide:nth-child(2),.theme-home .template-visual .slide:nth-child(3){flex:0 0 78%;max-width:310px;transform:none;scroll-snap-align:center}.theme-home .template-visual .slide-heading{font-size:clamp(23px,6vw,36px)}.theme-home .template-visual .slide-heading.narrow,.theme-home .template-visual .slide-heading.quote{font-size:clamp(20px,5.4vw,32px)}}

/* Six approved-contract footer destinations. */
.source-note{font-size:13px;line-height:1.55;color:#697469;margin:28px 0 0;max-width:680px}.source-note a{text-decoration:underline;text-underline-offset:3px}.dark-panel .source-note{color:#aab5aa}
.prompt-formula{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #b8c3b2;border-bottom:1px solid #b8c3b2}.prompt-formula>div{min-height:260px;padding:24px 18px;border-right:1px solid #b8c3b2;display:flex;flex-direction:column}.prompt-formula>div:first-child{border-left:1px solid #b8c3b2}.prompt-formula span,.brand-foundation span,.preflight-band span{font:11px var(--mono);color:#5f715d}.prompt-formula strong{font-size:clamp(20px,2vw,30px);line-height:1.1;letter-spacing:-.05em;margin:auto 0 12px}.prompt-formula p{font-size:14px;color:#647164;margin:0}.prompt-example-visual{min-height:370px;background:#d6ef93;color:#213122;padding:30px;display:flex;flex-direction:column;transform:rotate(-2deg);box-shadow:0 24px 40px #0004}.prompt-example-visual span{font:11px var(--mono)}.prompt-example-visual strong{font-size:clamp(31px,3.4vw,58px);line-height:1;letter-spacing:-.07em;margin:auto 0}.prompt-example-visual small{font-size:12px;border-top:1px solid #667d50;padding-top:12px}
.brand-visual{width:100%;position:relative;min-height:400px;padding:24px 8% 70px 0}.brand-preview>.slide{max-width:570px}.brand-preview-mini{width:48%;position:absolute;right:4%;top:32%;transform:rotate(7deg)}.brand-preview-mini .slide-heading{font-size:clamp(14px,1.7vw,27px)}.brand-preview-mini .slide-overline,.brand-preview-mini .slide-bottom{font-size:6px}.brand-palette{position:absolute;left:2%;bottom:0;background:#ecf1e3;color:#27342b;padding:16px 20px;min-width:70%;box-shadow:0 10px 30px #0004}.brand-palette span{display:block;font:10px var(--mono);margin-bottom:9px}.brand-palette i{display:inline-block;width:28px;height:28px;margin-right:5px;background:#1a3930}.brand-palette i:nth-of-type(2){background:#d7fc55}.brand-palette i:nth-of-type(3){background:#9cb4d9}.brand-palette i:nth-of-type(4){background:#f2f0e5}.brand-palette b{display:block;font-size:13px;margin-top:5px}.brand-foundation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.brand-foundation article{min-height:310px;background:#e6eae1;padding:28px;display:flex;flex-direction:column}.brand-foundation strong{font-size:clamp(25px,3vw,44px);line-height:1.1;letter-spacing:-.06em;margin:auto 0 20px}.brand-foundation p{max-width:310px;margin:0;color:#576458}
.team-visual{width:100%;position:relative;padding:10px 20% 50px 0;min-height:360px}.team-deck .slide-heading{font-size:clamp(18px,2.3vw,36px)}.team-panel{position:absolute;right:0;bottom:0;width:54%;background:#e7f0e2;color:#263129;padding:20px;box-shadow:0 20px 35px #0004}.team-panel>span{font:10px var(--mono);display:block;margin-bottom:15px}.team-panel>div{border-top:1px solid #acbdad;padding:10px 0;display:flex;align-items:center;gap:11px}.team-panel b{width:30px;height:30px;display:grid;place-items:center;background:#b4cbad;border-radius:50%;font:10px var(--mono)}.team-panel strong{font-size:12px;line-height:1.1}.team-panel small{display:block;color:#697868;font-size:10px;margin-top:4px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.permission-grid>div{min-height:310px;background:#dce8d9;padding:32px;display:flex;flex-direction:column}.permission-grid>div:nth-child(2){background:#d8e4f2}.permission-grid span{font:11px var(--mono)}.permission-grid h3{font-size:clamp(32px,3.2vw,50px);letter-spacing:-.065em;line-height:1;margin:auto 0 12px}.permission-grid p{max-width:420px;margin:0;color:#5b6b5c}
.visual-choice{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;width:100%;min-height:360px}.choice-large{background:#d8e8c8;color:#223428;padding:25px;display:flex;flex-direction:column;overflow:hidden}.choice-large span,.choice-small span{font:10px var(--mono)}.choice-large strong{font-size:clamp(30px,3vw,48px);letter-spacing:-.06em;line-height:1;margin:auto 0}.choice-photo{height:90px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #557159}.choice-photo i{display:block;width:27%;height:55%;background:#527e67}.choice-photo i:nth-child(2){height:85%;background:#789d75}.choice-photo i:nth-child(3){height:70%;background:#a2bd75}.choice-small{display:grid;gap:12px}.choice-small>div{background:#afc6dd;color:#20334a;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.choice-small>div:nth-child(2){background:#d7fc55;color:#243725}.choice-small b{font-size:clamp(15px,1.45vw,23px);letter-spacing:-.04em;line-height:1.1}.choice-bars{height:44px;display:flex;gap:6px;align-items:end}.choice-bars i{flex:1;height:35%;background:#30503c}.choice-bars i:nth-child(2){height:55%}.choice-bars i:nth-child(3){height:70%}.choice-bars i:nth-child(4){height:90%}.visual-decision{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;border-top:1px solid #adb9aa}.visual-decision>div{border-bottom:1px solid #adb9aa;min-height:190px;padding:25px 0;display:grid;grid-template-columns:50px 1fr;align-content:start}.visual-decision b{font:11px var(--mono);color:#60715e;grid-row:span 2}.visual-decision strong{font-size:clamp(22px,2.4vw,35px);letter-spacing:-.05em;line-height:1.15}.visual-decision p{grid-column:2;color:#5d6a5e;max-width:420px;margin:10px 0 0}
.present-visual{width:100%;position:relative;padding:15px 20% 60px 0;min-height:380px}.present-check{position:absolute;right:0;bottom:0;background:#e6eacb;color:#263328;padding:20px;width:52%;box-shadow:0 17px 32px #0005}.present-check>span{font:10px var(--mono);display:block;margin-bottom:15px}.present-check>div{border-top:1px solid #899c82;padding:8px 0;font-size:13px}.present-check b{font:11px var(--mono);margin-right:11px}.preflight-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#e6ebe1;max-width:none}.preflight-band>div{background:#f7f9f2;min-height:190px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.preflight-band strong{font-size:clamp(24px,2.8vw,40px);line-height:1.1;letter-spacing:-.05em}
.about-visual{width:100%;min-height:410px;background:#dce7cb;color:#243426;padding:32px;display:flex;flex-direction:column;box-shadow:0 25px 50px #0004}.about-number{font:800 clamp(55px,7vw,110px)/1 var(--font);letter-spacing:-.08em;border-bottom:1px solid #6f8667;padding-bottom:10px}.about-number span{font:500 14px var(--mono);letter-spacing:0;margin-left:10px}.about-visual-body{display:flex;flex-direction:column;flex:1}.about-visual-body>span{font:11px var(--mono);margin-top:18px}.about-visual-body strong{font-size:clamp(30px,3vw,50px);letter-spacing:-.065em;line-height:1;margin:auto 0}.about-visual-body small{font:11px var(--mono)}.about-statement{background:#e4eadf;max-width:none}.about-statement h2{font-size:clamp(40px,5vw,78px);line-height:1.09;letter-spacing:-.07em;max-width:1120px;margin:20px 0}.about-statement p{font-size:18px;color:#526253;max-width:800px}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;border-top:1px solid #aebaae}.source-list a{display:grid;grid-template-columns:90px 1fr;gap:5px 15px;padding:22px 0;border-bottom:1px solid #aebaae}.source-list span{font:11px var(--mono);color:#617360;grid-row:span 2}.source-list strong{font-size:23px;line-height:1.1;letter-spacing:-.04em}.source-list small{font-size:13px;color:#607060}.source-list a:hover strong{text-decoration:underline}.about-topic-list{border-top:1px solid #b4c2b0}.about-topic-list a{display:block;padding:22px 0;border-bottom:1px solid #b4c2b0;font-size:clamp(21px,2vw,30px);font-weight:700;letter-spacing:-.04em}.about-topic-list a:hover{color:#648120}
@media(max-width:1050px){.prompt-formula{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-formula>div{border-bottom:1px solid #b8c3b2}.prompt-formula>div:nth-child(4){border-left:1px solid #b8c3b2}.brand-foundation article{min-height:260px}.team-visual,.present-visual{min-height:290px}.brand-visual{min-height:300px}}
@media(max-width:700px){.prompt-formula{grid-template-columns:1fr 1fr}.prompt-formula>div{min-height:185px;padding:18px 14px}.prompt-formula>div:nth-child(odd){border-left:1px solid #b8c3b2}.prompt-formula strong{font-size:22px}.prompt-example-visual{min-height:300px}.brand-foundation,.permission-grid,.visual-decision,.preflight-band,.source-list{grid-template-columns:1fr}.brand-foundation article{min-height:230px}.brand-visual{min-height:300px}.team-visual{min-height:280px}.visual-choice{min-height:300px}.present-visual{min-height:280px}.visual-decision>div{min-height:145px}.source-list a{grid-template-columns:75px 1fr}.about-statement h2{font-size:40px}.about-visual{min-height:330px}.preflight-band>div{min-height:130px}.footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.prompt-formula{grid-template-columns:1fr}.prompt-formula>div{min-height:140px;border-left:1px solid #b8c3b2}.prompt-formula strong{margin:16px 0 8px}.brand-palette{min-width:80%}.brand-palette i{width:22px;height:22px}.team-panel{width:60%;padding:12px}.team-panel>div{padding:7px 0}.team-panel strong{font-size:10px}.visual-choice{grid-template-columns:1fr 1fr;min-height:250px}.choice-large,.choice-small>div{padding:13px}.choice-large strong{font-size:24px}.choice-small b{font-size:13px}.present-check{width:58%;padding:12px}.present-check>div{font-size:11px}.about-visual{padding:22px}.about-statement h2{font-size:34px}}
@media(max-width:700px){.present-visual{padding:15px 0 0;min-height:0}.present-screen .slide-heading.quote{font-size:clamp(18px,5vw,27px)}.present-check{position:relative;right:auto;bottom:auto;width:76%;margin:-5px 0 0 auto}.present-check>div{font-size:11px}}

/* Intent-specific depth for the nine primary pages. */
.expansion{border-top:1px solid #c8d0c4}.expansion .section-heading{max-width:900px}.expansion h3{font-size:clamp(24px,2.3vw,36px);line-height:1.12;letter-spacing:-.055em;margin:16px 0}.expansion p{font-size:16px;line-height:1.65}.expansion a:not(.text-link){text-decoration:underline;text-underline-offset:3px}.expansion-note{max-width:850px;margin:30px 0 0;color:#5d685e}.expansion-duo,.template-decision,.company-openings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.expansion-duo article,.template-decision article,.company-openings>div{padding:32px;min-height:250px}.expansion-duo article{background:#e4ecdc}.expansion-duo article:nth-child(2){background:#d8e4f2}.expansion-duo span,.brief-sheet span,.template-decision span,.headline-edit span,.company-openings span,.proposal-ledger span,.export-matrix>div:first-child span{font:500 11px var(--mono);letter-spacing:.04em}.expansion-duo p,.brief-sheet p,.template-decision p,.company-openings p,.proposal-ledger p{max-width:530px;color:#58665b;margin:0}.expansion-brief{background:#e5e9db;max-width:none}.brief-sheet{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #adb7a5;border-bottom:1px solid #adb7a5}.brief-sheet>div{padding:28px 24px 32px;border-right:1px solid #adb7a5}.brief-sheet>div:first-child{border-left:1px solid #adb7a5}.expansion-brief .expansion-note{color:#4f6052}.structure-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #afbaaa;border-bottom:1px solid #afbaaa}.structure-strip>div{padding:26px 18px 30px;border-right:1px solid #afbaaa}.structure-strip>div:first-child{border-left:1px solid #afbaaa}.structure-strip b,.data-ledger b{font:500 12px var(--mono);color:#65785e}.structure-strip p{color:#5d695e;margin:0}.expansion-structure-check{max-width:none}.expansion-structure-check p{max-width:850px;color:#b7c2b7}.expansion-structure-check a{color:var(--acid)}.template-decision article{background:#263229;color:#fff;display:flex;flex-direction:column}.template-decision article:nth-child(2){background:#d7fc55;color:#1d2a22}.template-decision p{color:inherit;opacity:.8;margin-bottom:24px}.template-decision .text-link{align-self:start;margin-top:auto}.headline-edit{display:grid;grid-template-columns:1fr 1fr;gap:15px}.headline-edit>div{min-height:260px;padding:30px;background:#e5e9db;display:flex;flex-direction:column}.headline-edit>div:nth-child(2){background:#d7fc55}.headline-edit h3{font-size:clamp(30px,3vw,48px);max-width:500px;margin:auto 0 15px}.headline-edit p{max-width:420px;margin:0;color:#526051}.data-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px;border-top:1px solid #aab8ab}.data-ledger>div{padding:26px 0;border-bottom:1px solid #aab8ab}.data-ledger p{color:#5d685d;margin:0}.company-openings>div{background:#dce7d8}.company-openings>div:nth-child(2){background:#d8e4f2}.proposal-ledger{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.proposal-ledger>div{background:#e8ecdF;padding:30px;min-height:290px}.proposal-ledger>div:nth-child(2){background:#d9e5f0}.proposal-ledger>div:nth-child(3){background:#d7fc55}.export-matrix{border-top:1px solid #abb7aa}.export-matrix>div{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-bottom:1px solid #abb7aa;gap:20px;padding:18px 12px}.export-matrix>div:first-child{color:#62715e}.export-matrix strong{font-size:20px;letter-spacing:-.035em}.export-matrix p{margin:0;color:#5d685d}.expansion .source-note{font-size:13px}
@media(max-width:900px){.brief-sheet,.proposal-ledger{grid-template-columns:1fr}.brief-sheet>div,.brief-sheet>div:first-child{border-left:1px solid #adb7a5;border-bottom:1px solid #adb7a5}.brief-sheet>div:last-child{border-bottom:0}.proposal-ledger>div{min-height:0}.structure-strip{grid-template-columns:1fr 1fr}.structure-strip>div:nth-child(3){border-left:1px solid #afbaaa;border-top:1px solid #afbaaa}.structure-strip>div:nth-child(4){border-top:1px solid #afbaaa}}
@media(max-width:700px){.expansion-duo,.template-decision,.company-openings,.headline-edit,.data-ledger{grid-template-columns:1fr}.expansion-duo article,.template-decision article,.company-openings>div,.headline-edit>div{min-height:0;padding:24px}.brief-sheet>div{padding:24px}.structure-strip>div{padding:20px 12px}.structure-strip h3{font-size:22px}.structure-strip p{font-size:14px}.export-matrix>div:first-child{display:none}.export-matrix>div:not(:first-child){grid-template-columns:1fr;gap:5px;padding:20px 0}.export-matrix>div:not(:first-child) p:nth-child(2):before{content:'ВАРИАНТ / ';font:11px var(--mono);color:#65745f}.export-matrix>div:not(:first-child) p:nth-child(3):before{content:'ПРОВЕРИТЬ / ';font:11px var(--mono);color:#65745f}}
@media(max-width:350px){.structure-strip{grid-template-columns:1fr}.structure-strip>div{border-left:1px solid #afbaaa;border-top:1px solid #afbaaa}.structure-strip>div:first-child{border-top:0}}
.not-found{min-height:70vh;display:flex;flex-direction:column;justify-content:center}.not-found h1{font-size:clamp(46px,7vw,96px);line-height:1.05;letter-spacing:-.07em;margin:20px 0}.not-found>p{font-size:18px;max-width:620px;color:#5b675c}.not-found>p a{text-decoration:underline;text-underline-offset:3px}.not-found-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.not-found-links a{border:1px solid #9fab99;padding:13px 17px;font-weight:700}.not-found-links a:hover{background:var(--acid)}
.use-grid a h3{font-size:clamp(26px,2.8vw,45px);line-height:1.2;letter-spacing:-.055em;max-width:540px;margin:auto 0;font-weight:700}
.seq-card{color:#203028}.seq-card b{color:#566650}.proposal-stamp{background:#1f2b30}
.hero-art .slide p,.hero-art .design-before p,.hero-art .proposal-sheet p{color:inherit}

/* Home hero: a quiet, self-contained request → plan → slides story. */
.hero-home{--studio-cycle:9s}
.hero-home .hero-studio{animation-duration:.6s}
.hero-home .studio-top{position:relative}
.hero-home .studio-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acid);transform-origin:left;animation:studioProgress var(--studio-cycle) linear infinite}
.hero-home .studio-flow{display:flex;align-items:center;gap:7px;white-space:nowrap}
.hero-home .studio-flow b{font:500 9px var(--mono);color:#9ba79d}
.hero-home .studio-flow b:nth-child(1){animation:studioStepRequest var(--studio-cycle) linear infinite}
.hero-home .studio-flow b:nth-child(2){animation:studioStepPlan var(--studio-cycle) linear infinite}
.hero-home .studio-flow b:nth-child(3){animation:studioStepSlides var(--studio-cycle) linear infinite}
.hero-home .studio-flow b+b::before{content:"/";color:#788579;margin-right:7px}
.hero-home .studio-stage{width:100%;max-width:580px;position:relative}
.hero-home .studio-stage>.slide{animation:studioSlide var(--studio-cycle) ease-in-out infinite}
.hero-home .studio-plan{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;gap:clamp(3px,.5vw,7px);background:#e6eedf;color:#233129;border:1px solid #bdcdbd;border-radius:3px;padding:5.5%;box-shadow:0 24px 55px #0003;visibility:hidden;clip-path:inset(0 100% 0 0);pointer-events:none;animation:studioPlan var(--studio-cycle) ease-in-out infinite}
.hero-home .studio-plan>span{font:600 clamp(7px,.7vw,11px) var(--mono);letter-spacing:.04em;color:#52694f}
.hero-home .studio-plan>strong{font-size:clamp(16px,2.2vw,32px);line-height:1.06;letter-spacing:-.06em;margin:2% 0 1%}
.hero-home .studio-plan>div{border-top:1px solid #adbeaa;display:flex;align-items:center;gap:13px;min-height:17%;font-size:clamp(9px,1vw,15px);font-weight:700}
.hero-home .studio-plan>div b{font:600 clamp(8px,.7vw,11px) var(--mono);color:#557745}
.hero-home .studio-plan>small{margin-top:auto;border-top:1px solid #adbeaa;padding-top:2%;font:500 clamp(7px,.7vw,11px) var(--mono);color:#52694f}
.hero-home .floating-slide{animation:studioChart var(--studio-cycle) ease-in-out infinite}
.hero-home .studio-prompt .spark{display:inline-block;animation:studioSpark var(--studio-cycle) ease-in-out infinite}
.hero-home .studio-prompt .prompt-enter{color:#7f9f2e;animation:studioDot var(--studio-cycle) ease-in-out infinite}
@keyframes studioProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes studioStepRequest{0%,16%{color:var(--studio-active,var(--acid))}21%,100%{color:#67796b}}
@keyframes studioStepPlan{0%,16%,52%,100%{color:#67796b}21%,47%{color:var(--studio-active,var(--acid))}}
@keyframes studioStepSlides{0%,52%,100%{color:#67796b}59%,96%{color:var(--studio-active,var(--acid))}}
@keyframes studioSlide{0%,12%,100%{transform:scale(1)}22%,42%{transform:scale(.97)}57%,92%{transform:scale(1)}}
@keyframes studioPlan{0%,12%{visibility:hidden;clip-path:inset(0 100% 0 0);transform:translateY(8px)}12.1%{visibility:visible}20%,43%{visibility:visible;clip-path:inset(0 0 0 0);transform:translateY(0)}53%{visibility:visible;clip-path:inset(0 0 0 100%);transform:translateY(0)}53.1%,100%{visibility:hidden;clip-path:inset(0 0 0 100%)}}
@keyframes studioChart{0%,54%,100%{opacity:0;transform:translateY(24px) rotate(6deg)}64%,90%{opacity:1;transform:translateY(0) rotate(6deg)}76%{transform:translateY(-7px) rotate(6deg)}}
@keyframes studioSpark{0%,12%,100%{transform:rotate(0) scale(1)}19%{transform:rotate(90deg) scale(1.18)}30%{transform:rotate(90deg) scale(1)}}
@keyframes studioDot{0%,15%{opacity:.35}20%,28%{opacity:1}32%,100%{opacity:.35}}
@media(max-width:700px){.hero-home .studio-top>span:nth-child(2){display:none}.hero-home .studio-flow{margin-left:auto}.hero-home .studio-plan>div{gap:7px}}
@media(max-width:390px){.hero-home .studio-top .studio-flow{display:flex}.hero-home .studio-flow{gap:4px}.hero-home .studio-flow b{font-size:7px}.hero-home .studio-flow b+b::before{margin-right:4px}.hero-home .studio-plan>strong{margin:0}.hero-home .studio-plan>div{min-height:16%}}
@media(prefers-reduced-motion:reduce){.hero-home .studio-top::after,.hero-home .studio-flow b,.hero-home .studio-stage>.slide,.hero-home .floating-slide,.hero-home .studio-prompt .spark,.hero-home .studio-prompt .prompt-enter{animation:none!important}.hero-home .studio-top::after{transform:scaleX(1)}.hero-home .studio-plan{display:none}.hero-home .floating-slide{opacity:1;transform:rotate(6deg)}}

/* The homepage opens as a light editorial surface; inner-page heroes stay unchanged. */
.theme-home .site-header{background:#f7f9f3;color:#1d2922;border-bottom-color:#d5ded2}
.theme-home .brand em{color:#637367}
.theme-home .brand-dot{color:#72961b}
.theme-home .hero-home{--studio-active:#486b18;background:#f7f9f3;color:#1a2820}
.theme-home .hero-home .kicker{color:#567628}
.theme-home .hero-home p{color:#4e6054}
.theme-home .hero-subnote{color:#687a6b}
.theme-home .hero-home .hero-art{background:linear-gradient(135deg,#dfeadd 0%,#e8f1e7 52%,#d7e7dd 100%);border-left:1px solid #d1e0d2}
.theme-home .hero-studio{background:#f8faf6;border-color:#aabfab;box-shadow:0 32px 70px #47614b2e,0 3px 12px #47614b22}
.theme-home .studio-top{color:#53685a;border-bottom-color:#d0dcd0}
.theme-home .window-dots i{background:#a2b3a5}
.theme-home .studio-top::after{background:var(--studio-active)}
.theme-home .studio-flow b{color:#67796b}
.theme-home .studio-flow b+b::before{color:#9aab9c}
.theme-home .studio-rail{border-right-color:#d0dcd0;color:#829485}
.theme-home .studio-rail span:first-child{color:var(--studio-active)}
.theme-home .studio-prompt{background:#fff;color:#27382b;border:1px solid #d9e3d8;box-shadow:0 12px 28px #566e5522}
.theme-home .studio-prompt .spark,.theme-home .studio-prompt .prompt-enter{color:#668826}
@media(max-width:700px){.theme-home .hero-home .hero-art{border-left:0;border-top:1px solid #dce7d9}}

/* Homepage story: motion illustrates progress, then settles. */
.theme-home .process-track{position:relative}
.theme-home .process-track div{position:relative;transition:background .22s ease}
.theme-home .process-track div:hover{background:#eaf2d8}
.theme-home .process-track div:last-child{background:#e8f4c7}
.theme-home .process-track div:last-child strong{color:#314c1b}
.theme-home .process-section.is-visible .process-track div{animation:sectionRise .42s ease-out both}
.theme-home .process-section.is-visible .process-track div:nth-child(2){animation-delay:.08s}
.theme-home .process-section.is-visible .process-track div:nth-child(3){animation-delay:.16s}
.theme-home .process-section.is-visible .process-track div:nth-child(4){animation-delay:.24s}
.theme-home .process-section.is-visible .process-track div:nth-child(5){animation-delay:.32s}
.theme-home .process-section.is-visible .process-track div:nth-child(6){animation-delay:.4s}

.theme-home .prompt-visual{position:relative}
.theme-home .prompt-input{border:1px solid #c9d7bb;box-shadow:0 18px 38px #0002}
.theme-home .prompt-input::after{content:"↓";position:absolute;bottom:-25px;left:48%;color:var(--acid);font:700 25px var(--mono);z-index:1}
.theme-home .outline-preview{border-left:3px solid var(--acid)}
.theme-home .split-section.is-visible .prompt-input{animation:sectionRise .42s ease-out both}
.theme-home .split-section.is-visible .outline-preview{animation:sectionRise .45s ease-out .18s both}
.theme-home .split-section.is-visible .outline-preview>div{animation:sectionRise .35s ease-out both}
.theme-home .split-section.is-visible .outline-preview>div:nth-of-type(1){animation-delay:.3s}
.theme-home .split-section.is-visible .outline-preview>div:nth-of-type(2){animation-delay:.38s}
.theme-home .split-section.is-visible .outline-preview>div:nth-of-type(3){animation-delay:.46s}
.theme-home .split-section.is-visible .outline-preview>div:nth-of-type(4){animation-delay:.54s}
.theme-home .split-section.is-visible .outline-preview>div:nth-of-type(5){animation-delay:.62s}

.theme-home .seq-card{position:relative;border:1px solid transparent;transition:border-color .22s,box-shadow .22s,transform .22s}
.theme-home .seq-card:nth-child(4){background:#d7fc55;border-color:#a9c65c}
.theme-home .seq-card:nth-child(4) span{color:#22351d}
.theme-home .seq-card:hover{transform:translateY(-4px);border-color:#708a56;box-shadow:0 12px 24px #42503c20}
.theme-home .seq-card:not(:nth-child(4n))::after{content:"→";position:absolute;right:-17px;top:48%;z-index:2;color:#536b4d;font:600 19px var(--mono)}
.theme-home .editorial-section.is-visible .seq-card{animation:sectionRise .4s ease-out both}
.theme-home .editorial-section.is-visible .seq-card:nth-child(2){animation-delay:.06s}
.theme-home .editorial-section.is-visible .seq-card:nth-child(3){animation-delay:.12s}
.theme-home .editorial-section.is-visible .seq-card:nth-child(4){animation-delay:.18s}
.theme-home .editorial-section.is-visible .seq-card:nth-child(5){animation-delay:.24s}
.theme-home .editorial-section.is-visible .seq-card:nth-child(6){animation-delay:.3s}
.theme-home .editorial-section.is-visible .seq-card:nth-child(7){animation-delay:.36s}
.theme-home .editorial-section.is-visible .seq-card:nth-child(8){animation-delay:.42s}

.theme-home .smart-proof{background:#e3eadb;border:1px solid #cbd8c2}
.theme-home .smart-proof-controls{display:flex;gap:7px;margin:0 0 16px}
.theme-home .smart-proof-controls button{flex:1;min-height:42px;padding:9px 12px;background:#f7f9f1;border:1px solid #bacab5;border-radius:4px;color:#314333;font-size:13px;font-weight:700;cursor:pointer;transition:background .22s,color .22s,border-color .22s}
.theme-home .smart-proof-controls button[aria-pressed=true]{background:#26382b;color:#fff;border-color:#26382b}
.theme-home .smart-proof-controls button:hover{border-color:#6a8d44}
.theme-home .smart-proof-stage{display:grid;grid-template-columns:1fr;place-items:center;min-height:355px;overflow:hidden}
.theme-home .smart-proof-slide{grid-area:1/1;width:min(100%,280px);aspect-ratio:4/5;transition:opacity .42s ease,transform .42s ease,visibility .42s}
.theme-home .smart-proof[data-state=simple] .smart-proof-simple{opacity:1;visibility:visible;transform:translateX(0) rotate(-2deg)}
.theme-home .smart-proof[data-state=simple] .smart-proof-detail{opacity:0;visibility:hidden;transform:translateX(28px) rotate(2deg)}
.theme-home .smart-proof[data-state=detail] .smart-proof-simple{opacity:0;visibility:hidden;transform:translateX(-28px) rotate(-2deg)}
.theme-home .smart-proof[data-state=detail] .smart-proof-detail{opacity:1;visibility:visible;transform:translateX(0) rotate(2deg)}
.theme-home .feature-section.is-visible .smart-proof{animation:sectionRise .48s ease-out both}

.theme-home .template-visual{align-items:end}
.theme-home .template-visual .slide{transition:transform .25s ease,box-shadow .25s ease}
.theme-home .template-visual .slide:hover{transform:translateY(-10px);box-shadow:0 32px 60px #0006}
.theme-home .template-visual .slide:nth-child(2):hover{transform:translateY(24px)}
.theme-home .template-visual .slide:nth-child(3):hover{transform:translateY(-31px)}
.theme-home .template-captions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:49px;border-top:1px solid #4b554c}
.theme-home .template-captions span{padding-top:12px;color:#bdc9ba;font:500 12px var(--mono)}
.theme-home .template-section.is-visible .template-visual .slide{animation:sectionRise .48s ease-out both}
.theme-home .template-section.is-visible .template-visual .slide:nth-child(2){animation-delay:.1s}
.theme-home .template-section.is-visible .template-visual .slide:nth-child(3){animation-delay:.2s}

.theme-home .chart-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}
.theme-home .chart-insights p{margin:0;padding:13px 16px;border-top:1px solid #95a78c;color:#435045;font-size:14px;line-height:1.5}
.theme-home .chart-insights b{color:#26362a}
.theme-home .data-section.is-visible .line-graph path{stroke-dasharray:520;animation:drawLine .7s ease-out both}
.theme-home .data-section.is-visible .donut{animation:chartPop .55s ease-out .12s both}
.theme-home .data-section.is-visible .mini-bars i{transform-origin:bottom;animation:barRise .55s ease-out both}
.theme-home .data-section.is-visible .mini-bars i:nth-child(2){animation-delay:.08s}
.theme-home .data-section.is-visible .mini-bars i:nth-child(3){animation-delay:.16s}
.theme-home .data-section.is-visible .mini-bars i:nth-child(4){animation-delay:.24s}

.theme-home .use-grid a{min-height:340px;border-top:2px solid #60765b;transition:background .24s,border-color .24s}
.theme-home .use-grid a:nth-child(2){background:#303b2f}
.theme-home .use-grid a:hover{background:#3b4b36;border-color:var(--acid);transform:none}
.theme-home .use-preview{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:28px 0 0;padding-top:15px;border-top:1px solid #6c796b;color:#c8d6c1}
.theme-home .use-preview i{font:500 12px var(--mono);font-style:normal}
.theme-home .use-preview i+i::before{content:"→";margin-right:11px;color:var(--acid)}
.theme-home .use-grid a small{margin-top:18px}
.theme-home .use-section.is-visible .use-grid a{animation:sectionRise .45s ease-out both}
.theme-home .use-section.is-visible .use-grid a:nth-child(2){animation-delay:.12s}

.theme-home .export-visual{position:relative}
.theme-home .export-visual::after{content:"→";position:absolute;left:66%;top:45%;z-index:2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--acid);color:#26352a;font:700 22px var(--mono);box-shadow:0 8px 22px #1d2e272d}
.theme-home .export-section.is-visible .export-slide{animation:sectionRise .45s ease-out both}
.theme-home .export-section.is-visible .export-options>div{animation:sectionRise .42s ease-out .12s both}
.theme-home .export-section.is-visible .export-options>div:nth-child(2){animation-delay:.22s}
.theme-home .export-section.is-visible .export-visual::after{animation:exportMove .45s ease-out .22s both}
.theme-home .export-options>div{transition:filter .22s,transform .22s}
.theme-home .export-options>div:hover{filter:brightness(1.14);transform:translateX(4px)}

.theme-home .related-grid a{position:relative;transition:color .2s}
.theme-home .related-grid a::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#638a40;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.theme-home .related-grid a:hover::after,.theme-home .related-grid a:focus-visible::after{transform:scaleX(1)}
.theme-home .related-section.is-visible .related-grid a{animation:sectionRise .38s ease-out both}
.theme-home .related-section.is-visible .related-grid a:nth-child(2){animation-delay:.04s}
.theme-home .related-section.is-visible .related-grid a:nth-child(3){animation-delay:.08s}
.theme-home .related-section.is-visible .related-grid a:nth-child(4){animation-delay:.12s}
.theme-home .related-section.is-visible .related-grid a:nth-child(5){animation-delay:.16s}
.theme-home .related-section.is-visible .related-grid a:nth-child(6){animation-delay:.2s}

.theme-home .faq-question{padding-left:14px;border-left:3px solid transparent;transition:background .22s,border-color .22s,padding-left .22s}
.theme-home .faq-question:hover{background:#edf3e5}
.theme-home .faq-question[aria-expanded=true]{padding-left:20px;border-left-color:#719844;background:#e8f2dd}
.theme-home .faq-symbol{transition:color .22s,transform .22s}
.theme-home .faq-question[aria-expanded=true] .faq-symbol{color:#344c23;transform:scale(1.12)}
.theme-home .faq-section.is-visible .faq-list{animation:sectionRise .42s ease-out both}

.theme-home .final-cta{border-top:4px solid #344c22}
.theme-home .final-cta .button{position:relative;overflow:hidden;isolation:isolate;min-width:180px}
.theme-home .final-cta .button::after{content:"";position:absolute;inset:-25% auto -25% -45%;width:28%;background:#ffffff55;transform:skewX(-22deg) translateX(-180%);pointer-events:none}
.theme-home .final-cta .button:hover::after{animation:buttonSheen .48s ease-out both}
.theme-home .final-cta.is-visible h2{animation:sectionRise .45s ease-out both}
.theme-home .final-cta.is-visible .button{animation:sectionRise .45s ease-out .1s both}

@keyframes routeSweep{to{transform:scaleX(1)}}
@keyframes sectionRise{from{opacity:.72;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes drawLine{from{stroke-dashoffset:520}to{stroke-dashoffset:0}}
@keyframes chartPop{from{opacity:.3;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes barRise{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@keyframes exportMove{from{opacity:0;translate:-15px 0}to{opacity:1;translate:0 0}}
@keyframes buttonSheen{to{transform:skewX(-22deg) translateX(850%)}}
@media(max-width:900px){.theme-home .seq-card:not(:nth-child(4n))::after{display:none}}
@media(max-width:700px){.theme-home .smart-proof-stage{min-height:310px}.theme-home .smart-proof-slide{width:min(100%,240px)}.theme-home .smart-proof-controls button{font-size:12px;padding:8px}.theme-home .template-captions{display:none}.theme-home .chart-insights{grid-template-columns:1fr;gap:0}.theme-home .chart-insights p{padding:9px 2px}.theme-home .export-visual::after{left:calc(50% - 20px);top:60%}.theme-home .use-grid a{min-height:265px}.theme-home .use-preview{gap:6px}.theme-home .use-preview i{font-size:10px}.theme-home .use-preview i+i::before{margin-right:6px}}
@media(prefers-reduced-motion:reduce){.theme-home .smart-proof-slide{transition:none}.theme-home .related-grid a::after{transition:none}.theme-home .final-cta .button::after{display:none}}

/* Layered, softly blurred presentation field behind the homepage message. */
.theme-home .site-header{background:#261c5d;color:#fff;border-bottom-color:transparent}
.theme-home .site-header .brand-dot{color:var(--acid)}
.theme-home .hero-home{display:block;min-height:1010px;position:relative;isolation:isolate;background:radial-gradient(ellipse 55% 55% at -8% 51%,#8059c9 0%,#5d42ad 48%,transparent 100%),radial-gradient(ellipse 50% 60% at 88% 78%,#3e318a 0%,transparent 80%),linear-gradient(105deg,#4a348f 0%,#231955 62%,#1d174b 100%);color:#fff}
.theme-home .hero-home::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 52% 46% at 50% 36%,#2b206de8 0%,#2b206dbd 42%,transparent 100%),linear-gradient(90deg,#3f2c799c 0%,transparent 36%,#1b16488c 100%);animation:heroGlow 6.8s ease-in-out infinite alternate}
.theme-home .hero-home::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:210px;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0%,#ffffff26 27%,#ffffffa8 66%,#fff 100%)}
.theme-home .hero-home .hero-copy{position:relative;z-index:3;display:flex;align-items:center;flex-direction:column;text-align:center;max-width:1440px;margin:auto;padding:108px clamp(22px,5vw,80px) 58px}
.theme-home .hero-home h1{font-size:clamp(54px,6.6vw,112px);font-weight:800;letter-spacing:-.075em;line-height:1.04;max-width:1360px;margin:0 0 32px;text-wrap:balance;text-shadow:0 6px 38px #22145170}
.theme-home .hero-home p{font-size:clamp(17px,1.55vw,21px);line-height:1.52;color:#f2edff;max-width:720px;margin:0 auto 27px;text-wrap:pretty}
.theme-home .hero-home .button{min-height:53px;border-radius:7px;box-shadow:0 14px 35px #100d3a70}
.theme-home .hero-home .hero-subnote{width:min(100%,730px);max-width:none;margin-top:64px;color:#d2c9fb;text-align:left}
.theme-home .hero-home .hero-art{position:absolute;inset:0;z-index:0;display:block;padding:0;border:0;background:none;pointer-events:none;overflow:hidden}
.hero-collage{position:absolute;inset:0;perspective:1000px;mask-image:linear-gradient(180deg,#000 0%,#000 84%,transparent 100%)}
.hero-collage-card{position:absolute;width:var(--card-width,clamp(170px,17vw,280px));opacity:var(--card-opacity,.35);filter:blur(var(--card-blur,2px)) saturate(.72) brightness(.76);transform:rotate(var(--angle,0deg)) scale(var(--card-scale,1));transform-origin:center;box-shadow:0 20px 65px #100b3f50;animation:deckFloat var(--float-duration,5.8s) ease-in-out infinite alternate;animation-delay:var(--float-delay,0s);will-change:translate}
.hero-collage-card--far{--card-blur:6px;--card-opacity:.19;--card-scale:.84}
.hero-collage-card--mid{--card-blur:3px;--card-opacity:.37;--card-scale:.93}
.hero-collage-card--near{--card-blur:1.3px;--card-opacity:.46;--card-scale:1.03}
.hero-collage-card .slide{box-shadow:none;border-radius:7px;padding:7%}
.hero-collage-card .slide-heading{font-size:clamp(18px,2.2vw,38px)}
.hero-collage-card .slide-heading.narrow,.hero-collage-card .slide-heading.quote{font-size:clamp(14px,1.7vw,28px)}
.hero-collage-card .slide-overline,.hero-collage-card .slide-bottom{font-size:clamp(6px,.55vw,9px)}
.hero-collage-card .visual-grid span{min-height:35px;font-size:14px;padding:7px}
.hero-collage-card .visual-grid small{font-size:7px}
.hero-collage-card .split-content strong{font-size:clamp(16px,1.8vw,28px)}
.hero-collage-card .split-content p{font-size:9px}
.hero-collage-card-1{top:3%;left:-5%;--angle:-10deg;--card-width:245px;--float-duration:5.2s;--float-delay:-1.4s}
.hero-collage-card-2{top:1%;left:20%;--angle:7deg;--card-width:180px;--float-duration:6s;--float-delay:-3s}
.hero-collage-card-3{top:3%;right:14%;--angle:-6deg;--card-width:220px;--float-duration:5.5s;--float-delay:-.8s}
.hero-collage-card-4{top:12%;right:-5%;--angle:10deg;--card-width:230px;--float-duration:4.8s;--float-delay:-2.7s}
.hero-collage-card-5{top:31%;left:-7%;--angle:7deg;--card-width:270px;--float-duration:6.2s;--float-delay:-4.2s}
.hero-collage-card-6{top:43%;left:12%;--angle:-8deg;--card-width:200px;--float-duration:5.4s;--float-delay:-1.8s}
.hero-collage-card-7{top:35%;right:0%;--angle:-7deg;--card-width:280px;--float-duration:6.1s;--float-delay:-3.6s}
.hero-collage-card-8{top:57%;right:18%;--angle:8deg;--card-width:190px;--float-duration:5.1s;--float-delay:-1.1s}
.hero-collage-card-9{bottom:9%;left:-3%;--angle:-9deg;--card-width:240px;--float-duration:5.7s;--float-delay:-3.7s}
.hero-collage-card-10{bottom:12%;left:23%;--angle:7deg;--card-width:270px;--float-duration:6.3s;--float-delay:-.6s}
.hero-collage-card-11{bottom:5%;right:22%;--angle:-9deg;--card-width:220px;--float-duration:5s;--float-delay:-2.1s}
.hero-collage-card-12{bottom:16%;right:-4%;--angle:7deg;--card-width:235px;--float-duration:5.9s;--float-delay:-4.5s}
@keyframes deckFloat{from{translate:-5px -9px}to{translate:6px 12px}}
@keyframes heroGlow{from{opacity:.87}to{opacity:1}}
@media(max-width:1050px){.theme-home .hero-home{min-height:880px}.theme-home .hero-home h1{font-size:clamp(51px,7vw,76px)}.hero-collage-card{--card-width:190px}.hero-collage-card-4{right:-10%}.hero-collage-card-5{left:-11%}.hero-collage-card-7{right:-7%}}
@media(max-width:700px){.theme-home .hero-home{min-height:790px}.theme-home .hero-home .hero-copy{padding:72px 22px 180px}.theme-home .hero-home h1{font-size:clamp(44px,10vw,68px);line-height:1.07;margin-bottom:27px}.theme-home .hero-home p{font-size:16px;line-height:1.55;max-width:510px}.theme-home .hero-home .hero-subnote{margin-top:43px;font-size:10px}.theme-home .hero-home .hero-art{position:absolute;inset:0;overflow:hidden}.theme-home .hero-home::before{background:radial-gradient(ellipse 90% 48% at 50% 35%,#291e6bf2,#291e6bc9 62%,transparent 100%),linear-gradient(90deg,#3b287d88,transparent 50%,#20194a88)}.theme-home .hero-home::after{height:150px}.hero-collage-card{--card-width:150px}.hero-collage-card-1{top:2%;left:-13%}.hero-collage-card-2{top:8%;left:64%}.hero-collage-card-3{top:27%;right:-25%}.hero-collage-card-4{top:47%;right:-19%}.hero-collage-card-5{top:39%;left:-24%}.hero-collage-card-6{top:59%;left:8%}.hero-collage-card-7{top:72%;right:-12%}.hero-collage-card-8{top:73%;right:35%}.hero-collage-card-9,.hero-collage-card-10,.hero-collage-card-11,.hero-collage-card-12{display:none}.hero-collage-card .slide-heading{font-size:19px}.hero-collage-card .slide-heading.narrow,.hero-collage-card .slide-heading.quote{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-collage-card{animation:none}.theme-home .hero-home::before{animation:none}}

/* Richer scene: straight presentation previews, animated violet light and depth parallax. */
.theme-home .site-header{background:#251d58}
.theme-home .hero-home{min-height:1110px;background:linear-gradient(180deg,transparent 62%,#6651b3 100%),linear-gradient(106deg,#4e3799 0%,#312468 34%,#221b52 70%,#211a50 100%);mask-image:radial-gradient(ellipse 115% 34% at 50% 110%,transparent 0%,transparent 60%,#000a 80%,#000 100%)}
.theme-home .hero-home::before{background:radial-gradient(ellipse 52% 49% at 51% 30%,#261e58ef 0%,#261e58ce 54%,transparent 100%),linear-gradient(90deg,#5942a837 0%,transparent 48%,#15134242 100%);animation:none}
.theme-home .hero-home::after{display:none}
.theme-home .hero-home .hero-copy{padding-top:119px;isolation:isolate}
.theme-home .hero-home .hero-copy::before{content:"";position:absolute;z-index:-1;top:350px;left:50%;width:min(760px,88vw);height:260px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#ad94ff6e 0%,#8567de46 37%,transparent 72%);filter:blur(35px);pointer-events:none;animation:actionHalo 6s ease-in-out infinite alternate}
.theme-home .hero-home h1{font-size:clamp(58px,7.5vw,112px);line-height:1.04;max-width:1270px;margin-bottom:55px;letter-spacing:-.077em;text-shadow:0 16px 60px #1711434d;animation:heroEnter .75s cubic-bezier(.2,.75,.2,1) both}
.theme-home .hero-home p{order:3;max-width:700px;margin:118px auto 0;color:#f5efff;font-size:clamp(17px,1.45vw,21px);line-height:1.55;animation:heroEnter .75s cubic-bezier(.2,.75,.2,1) .24s both}
.theme-home .hero-home .button{order:2;min-width:228px;min-height:69px;padding:19px 38px;border-radius:11px;font-size:16px;box-shadow:0 0 0 10px #d8c9ff25,0 22px 70px #a489ec87,0 9px 30px #1810438c;animation:heroEnter .75s cubic-bezier(.2,.75,.2,1) .13s both}
.theme-home .hero-home .button:hover{box-shadow:0 0 0 13px #d8c9ff35,0 26px 90px #ac8df4ab,0 9px 30px #1810438c}
.theme-home .hero-home .hero-subnote{order:4;width:min(100%,1050px);margin-top:133px;color:#fff;text-align:center;font-size:13px;letter-spacing:.08em;animation:heroEnter .75s cubic-bezier(.2,.75,.2,1) .37s both}
.hero-ambient{position:absolute;inset:-9% -7% -8%;z-index:0;overflow:hidden;pointer-events:none}
.hero-ambient i{position:absolute;display:block;border-radius:50%;filter:blur(78px);mix-blend-mode:screen;will-change:transform,opacity}
.hero-ambient i:nth-child(1){width:65%;height:90%;left:-29%;top:4%;background:radial-gradient(ellipse,#886ce6 0%,#7052d0 52%,transparent 75%);opacity:.78;animation:ambientLeft 8s ease-in-out infinite alternate}
.hero-ambient i:nth-child(2){width:68%;height:60%;left:17%;bottom:-12%;background:radial-gradient(ellipse,#9881ed 0%,#7553ce 50%,transparent 78%);opacity:.65;animation:ambientBottom 7s ease-in-out infinite alternate}
.hero-ambient i:nth-child(3){width:34%;height:53%;right:-17%;top:30%;background:radial-gradient(ellipse,#664bb7 0%,#433597 48%,transparent 77%);opacity:.34;animation:ambientRight 9s ease-in-out infinite alternate}
.hero-ambient::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 23% 32% at var(--glow-x,50%) var(--glow-y,40%),#ad90ff35,transparent 100%);mix-blend-mode:screen;transition:opacity .25s}
.hero-collage{z-index:1;mask-image:none}
.hero-collage-card{width:var(--card-width,190px);opacity:var(--card-opacity,.48);filter:blur(var(--card-blur,1.5px)) saturate(.82) brightness(.88);transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);border-radius:8px;box-shadow:0 18px 52px #130e3d4d;animation:deckFloat calc(var(--float-duration,7s) + 3s) ease-in-out infinite;animation-direction:var(--float-direction,normal);animation-delay:var(--float-delay,0s);will-change:transform,translate}
.hero-collage-card:nth-child(even){--float-direction:reverse}
.hero-collage-card--near{--card-blur:0px;--card-opacity:.46;--card-scale:1;--drift-x:29px;--drift-y:21px}
.hero-collage-card--mid{--card-blur:2px;--card-opacity:.39;--card-scale:1;--drift-x:23px;--drift-y:17px}
.hero-collage-card--far{--card-blur:1.5px;--card-opacity:.30;--card-scale:1;--drift-x:15px;--drift-y:12px}
.hero-collage-card .slide{border-radius:8px;aspect-ratio:1.86;box-shadow:none}
.hero-collage-card:nth-child(5n+1) .slide{color:#f2efff;background:radial-gradient(circle at 72% 24%,#886cf3 0%,transparent 30%),linear-gradient(125deg,#242652,#3d3182 52%,#19183e)}
.hero-collage-card:nth-child(5n+2) .slide{color:#fff;background:radial-gradient(circle at 27% 67%,#df6a9e 0%,transparent 35%),linear-gradient(130deg,#694db4,#332260 80%)}
.hero-collage-card:nth-child(5n+3) .slide{color:#27213f;background:linear-gradient(130deg,#f7c5b4 0%,#d9b8f3 50%,#7e84d2 100%)}
.hero-collage-card:nth-child(5n+4) .slide{color:#e8f7ff;background:radial-gradient(circle at 75% 80%,#7dc7da,transparent 37%),linear-gradient(135deg,#233f72,#4366ab 70%,#292c62)}
.hero-collage-card:nth-child(5n+5) .slide{color:#212338;background:linear-gradient(140deg,#edf0da,#b9d6e6 48%,#9297ce)}
.hero-collage-card .slide-bottom{border-color:currentColor}
.hero-collage-card-1{top:1%;left:39%;--card-width:287px;--float-duration:7.1s;--float-delay:-1.2s}
.hero-collage-card-2{top:21%;left:8%;--card-width:287px;--float-duration:8.1s;--float-delay:-3.4s}
.hero-collage-card-3{top:54%;right:6%;--card-width:287px;--float-duration:7.4s;--float-delay:-1.8s}
.hero-collage-card-4{top:61%;left:-1%;--card-width:287px;--float-duration:8.3s;--float-delay:-5.1s}
.hero-collage-card-5{top:-4%;right:-3%;--card-width:287px;--float-duration:7.8s;--float-delay:-2.3s}
.hero-collage-card-6{top:15%;left:-5%;--card-width:190px;--float-duration:6.9s;--float-delay:-4.8s}
.hero-collage-card-7{top:53%;right:25%;--card-width:190px;--float-duration:7.6s;--float-delay:-.7s}
.hero-collage-card-8{top:27%;right:8%;--card-width:190px;--float-duration:7.2s;--float-delay:-3.2s}
.hero-collage-card-9{top:0%;left:-10%;--card-width:190px;--float-duration:8.2s;--float-delay:-6.2s}
.hero-collage-card-10{top:72%;left:-9%;--card-width:190px;--float-duration:7.5s;--float-delay:-2.6s}
.hero-collage-card-11{top:75%;right:-1%;--card-width:190px;--float-duration:8s;--float-delay:-4.1s}
.hero-collage-card-12{top:4%;left:13%;--card-width:138px;--float-duration:6.4s;--float-delay:-1.5s}
.hero-collage-card-13{top:3%;right:30%;--card-width:138px;--float-duration:7.3s;--float-delay:-5.3s}
.hero-collage-card-14{top:45%;left:-1%;--card-width:138px;--float-duration:7.9s;--float-delay:-3.8s}
.hero-collage-card-15{top:79%;left:14%;--card-width:138px;--float-duration:6.8s;--float-delay:-2.4s}
.hero-collage-card-16{top:81%;right:25%;--card-width:138px;--float-duration:8.1s;--float-delay:-6.1s}
.hero-collage-card-17{top:37%;left:-14%;--card-width:138px;--float-duration:7.4s;--float-delay:-1.1s}
.hero-collage-card-18{top:44%;right:-6%;--card-width:138px;--float-duration:6.6s;--float-delay:-4.5s}
.hero-collage-card-19{top:68%;right:30%;--card-width:138px;--float-duration:7.8s;--float-delay:-3.1s}
.hero-collage-card-20{top:71%;left:30%;--card-width:138px;--float-duration:7s;--float-delay:-5.7s}
@keyframes deckFloat{0%,100%{translate:calc(0px - var(--drift-x,23px)) 0}25%{translate:0 var(--drift-y,17px)}50%{translate:var(--drift-x,23px) 0}75%{translate:0 calc(0px - var(--drift-y,17px))}}
@keyframes ambientLeft{from{transform:translate3d(-3%,0,0) scale(1)}to{transform:translate3d(5%,3%,0) scale(1.13)}}
@keyframes ambientBottom{from{transform:translate3d(-3%,5%,0) scale(.92)}to{transform:translate3d(5%,-4%,0) scale(1.12)}}
@keyframes ambientRight{from{transform:translate3d(4%,1%,0) scale(.9)}to{transform:translate3d(-5%,-3%,0) scale(1.12)}}
@keyframes actionHalo{from{opacity:.7;scale:.94}to{opacity:1;scale:1.08}}
@keyframes heroEnter{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.theme-home .hero-home{min-height:1000px}.theme-home .hero-home h1{font-size:clamp(57px,8vw,82px)}.hero-collage-card-2{left:0}.hero-collage-card-3{right:-11%}.hero-collage-card-5{right:-13%}.hero-collage-card-8{right:-9%}}
@media(max-width:700px){.theme-home .hero-home{min-height:830px}.theme-home .hero-home .hero-copy{padding:85px 22px 190px}.theme-home .hero-home .hero-copy::before{top:225px;height:180px;filter:blur(26px)}.theme-home .hero-home h1{font-size:clamp(45px,11vw,70px);line-height:1.06;margin-bottom:43px}.theme-home .hero-home .button{min-width:190px;min-height:55px;padding:14px 30px}.theme-home .hero-home p{font-size:16px;line-height:1.55;margin-top:81px}.theme-home .hero-home .hero-subnote{margin-top:100px;font-size:10px}.theme-home .hero-home::after{height:175px}.hero-ambient i:nth-child(1){width:125%;left:-75%}.hero-ambient i:nth-child(2){width:130%;left:-13%}.hero-collage-card-1{top:0%;left:55%;--card-width:160px}.hero-collage-card-2{top:26%;left:-20%;--card-width:155px}.hero-collage-card-3{top:62%;right:-12%;--card-width:160px}.hero-collage-card-4{top:78%;left:-15%;--card-width:160px;display:block}.hero-collage-card-5{top:4%;right:-47%;--card-width:160px;display:block}.hero-collage-card-6{top:14%;left:-31%;--card-width:115px}.hero-collage-card-7{top:57%;right:38%;--card-width:115px}.hero-collage-card-8{top:37%;right:-23%;--card-width:115px}.hero-collage-card-9,.hero-collage-card-10,.hero-collage-card-11,.hero-collage-card-12,.hero-collage-card-13,.hero-collage-card-14,.hero-collage-card-15,.hero-collage-card-16,.hero-collage-card-17,.hero-collage-card-18,.hero-collage-card-19,.hero-collage-card-20{display:none}}
@media(prefers-reduced-motion:reduce){.hero-collage-card,.hero-ambient i,.theme-home .hero-home h1,.theme-home .hero-home p,.theme-home .hero-home .button,.theme-home .hero-home .hero-subnote,.theme-home .hero-home .hero-copy::before{animation:none!important}.hero-collage{transform:none}}

/* Shared violet presentation language across the guide. */
:root{--ink:#242044;--ink2:#312a62;--paper:#fbfaff;--muted:#77718e;--line:#706595}
body{background:var(--paper);color:var(--ink)}
a:focus-visible,button:focus-visible{outline-color:#8a6df2}
.site-header,.theme-home .site-header{background:#251d58;color:#fff;border-bottom:1px solid #aa95ff2b}
.brand-dot,.theme-home .brand-dot{color:var(--acid)}
.button{border-radius:11px;color:#241b4d;box-shadow:0 9px 26px #3d287a24;transition:transform .32s cubic-bezier(.22,1,.36,1),background .25s,box-shadow .32s}
.button:hover{transform:translateY(-4px);background:#e5ff89;box-shadow:0 17px 38px #6c50ab42}
.kicker,.section-heading .kicker{color:#6b51b5}
.section-heading h2{color:var(--ink);text-wrap:balance}
.section-heading p,.section-aside,.step p,.expansion-note{color:#67617c}
.text-link:hover{color:#6547c5}

.hero-inner{position:relative;isolation:isolate;min-height:650px;background:radial-gradient(ellipse 74% 78% at 2% 75%,#6245b5 0%,transparent 75%),linear-gradient(112deg,#392979 0%,#251d58 58%,#211a50 100%);color:#fff}
.hero-inner .hero-copy{z-index:2}
.hero-inner .kicker{color:#d7fc55}
.hero-inner h1{font-weight:800;letter-spacing:-.07em;text-wrap:balance;text-shadow:0 12px 48px #140c3b80}
.hero-inner p{color:#e7dfff}
.hero-inner .hero-art,.theme-acid .hero-art,.theme-blue .hero-art,.theme-paper .hero-art{position:relative;z-index:1;background:radial-gradient(ellipse 66% 67% at 53% 48%,#8a6df280 0%,#6750bc52 45%,transparent 100%)}
.hero-inner .hero-art>div{filter:drop-shadow(0 22px 40px #120b3866);animation:innerVisualFloat 9s ease-in-out infinite alternate}
.hero-inner .prompt-input,.hero-inner .design-before,.hero-inner .proposal-sheet{border-radius:15px}
.hero-inner .prompt-input{background:#f7f4ff;color:#282147}
.hero-inner .prompt-input p{color:#282147}
.hero-inner .outline-preview{background:#332a69;border:1px solid #9684cc80;border-left:3px solid var(--acid);border-radius:15px}
.hero-inner .outline-preview div{border-color:#a99bd044;color:#f9f7ff}
.hero-inner .workflow-visual{background:linear-gradient(145deg,#b7a4fa,#8468d2 60%,#523a9c);color:#241b4d;border-radius:17px}
.hero-inner .seq-card{background:#f8f5ff;border:1px solid #b5a5e0;border-radius:14px}
.hero-inner .seq-card:nth-child(4n+2){background:#e5dcff}
.hero-inner .seq-card:nth-child(4n+3){background:#e2e8ff}
.hero-inner .seq-card:nth-child(4n){background:#d7fc55}
.hero-inner .design-before{background:#f6f2ff;color:#302851}
.hero-inner .chart-panel{background:#f7f3ff}
.hero-inner .chart-panel-dark{background:#372b73;color:#fff}
.hero-inner .chart-panel-citron{background:#d7fc55}
.hero-inner .company-note{background:#f7f3ff;color:#2d254e;border-radius:13px}
.hero-inner .proposal-sheet{background:#f7f3ff;color:#2d254e}
.hero-inner .export-options div{background:#372b73;border-radius:12px}
.hero-inner .export-options div:nth-child(2){background:#d7fc55;color:#241b4d}

.dark-panel{background:radial-gradient(ellipse 46% 78% at 8% 95%,#5e45b4 0%,transparent 100%),radial-gradient(ellipse 43% 64% at 93% 8%,#46328e 0%,transparent 100%),#251d58;color:#fff}
.dark-panel .section-heading h2{color:#fff}
.dark-panel .section-heading .kicker{color:var(--acid)}
.dark-panel .section-heading p,.dark-panel .section-tail p,.dark-panel .step p{color:#d8cff1}
.dark-panel .text-link:hover{color:var(--acid)}
.editorial-section,.data-section,.related-section,.expansion-brief,.about-statement{background:#f0ebff}
.process-section,.export-section,.faq-section,.feature-section:not(.dark-panel){background:#fbfaff}
.dark-panel .feature-section{background:transparent}
.process-track{gap:12px;border:0}
.process-track div,.process-track div:first-child,.process-track div:nth-child(4),.process-track div:nth-child(odd){border:1px solid #ded5fa;background:#f5f1ff;border-radius:15px;box-shadow:0 12px 30px #3923710c;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .25s}
.process-track div:hover,.theme-home .process-track div:hover{transform:translateY(-7px);background:#ede5ff;box-shadow:0 20px 38px #39237120}
.theme-home .process-track div:last-child{background:#d7fc55;border-color:#bddf47}
.process-track b,.step>b{color:#735bab}
.prompt-input{background:#f8f5ff;color:#282147;border:1px solid #d8cef1;border-radius:15px}
.prompt-input p{color:#282147}
.outline-preview{background:#372d70;border:1px solid #a596d46e;border-left:3px solid var(--acid);border-radius:15px}
.outline-preview div{border-color:#ad9fca55;color:#fff}
.seq-card{background:#fff;border:1px solid #ded5f3;border-radius:14px;box-shadow:0 14px 30px #39237110}
.seq-card:nth-child(4n+2){background:#ede6ff}
.seq-card:nth-child(4n+3){background:#e8eaff}
.seq-card:nth-child(4n){background:#d7fc55}
.seq-card b{color:#7155a9}
.seq-card i{background:#8165c4}
.theme-home .seq-card:nth-child(4){border-color:#bddf47}
.feature-visual,.theme-home .smart-proof{background:#eee8ff;border:1px solid #d9cef4;border-radius:20px;box-shadow:0 25px 60px #3b277a19}
.theme-home .smart-proof-controls button{background:#fff;color:#332a67;border-color:#cfc3eb;border-radius:9px}
.theme-home .smart-proof-controls button[aria-pressed=true]{background:#382b77;border-color:#382b77;color:#fff}
.theme-home .smart-proof-controls button:hover{border-color:#7457c3}
.chart-panel{background:#fff;border:1px solid #ded5f3;border-radius:15px;box-shadow:0 16px 32px #39237111}
.chart-panel-dark{background:#372b73;color:#fff;border-color:#564391}
.chart-panel-citron{background:#d7fc55;border-color:#bddf47}
.line-graph{color:#7356c1}
.donut{background:conic-gradient(#d7fc55 0 44%,#a48be9 44% 72%,#7863c1 72% 100%)}
.donut:after{background:#372b73}
.mini-bars i,.choice-bars i{background:#332864}
.theme-home .chart-insights p{border-top-color:#b9aadf;color:#5d5578}
.theme-home .chart-insights b{color:#2c2459}
.use-grid a,.theme-home .use-grid a,.theme-home .use-grid a:nth-child(2){background:#382b77;border:1px solid #8b78cc66;border-top:2px solid #a88cf0;border-radius:17px;box-shadow:0 20px 52px #0b073233}
.use-grid a:hover,.theme-home .use-grid a:hover{background:#4c3897;border-color:#bea9ff;transform:translateY(-5px)}
.theme-home .use-preview{border-top-color:#b0a1dc;color:#e3dcff}
.export-slide{background:#eae2ff;border-radius:16px}
.export-options div,.format-stack div{background:#392c78;border-radius:12px}
.export-options div:nth-child(2),.format-stack div:nth-child(2){background:#d7fc55;color:#241b4d}
.related-grid a{background:#fff;border:1px solid #ddd3f4;border-radius:14px;box-shadow:0 13px 28px #3c287912}
.related-grid a:hover{background:#eee6ff;box-shadow:0 22px 40px #3c287924}
.related-grid span,.related-grid small{color:#685d83}
.theme-home .related-grid a::after{background:#8d6ce5}
.faq-list,.faq-item{border-color:#d8cfed}
.faq-question{color:var(--ink)}
.faq-symbol{color:#795acb}
.faq-answer p{color:#625a77}
.theme-home .faq-question:hover{background:#f3eeff}
.theme-home .faq-question[aria-expanded=true]{background:#ebe3ff;border-left-color:#8667dc}
.final-cta,.theme-home .final-cta{background:radial-gradient(ellipse 65% 110% at 10% 110%,#7153c8 0%,transparent 75%),linear-gradient(105deg,#382a7a,#241c58);color:#fff;border-top:0}
.final-cta .kicker{color:#d7fc55}
.final-cta .button,.theme-home .final-cta .button{background:#d7fc55;color:#241b4d;box-shadow:0 12px 32px #100a3d55}
.final-cta .button:hover{background:#e5ff89}
.footer{background:#20184e;color:#fff}
.footer-top,.footer-links{border-bottom-color:#a998db44}
.footer-top p,.footer-bottom{color:#c7bee3}
.footer-link{color:#f1ecff}
.footer-link:hover{color:#d7fc55}
.step-list,.step,.expansion,.source-list,.source-list a,.about-topic-list,.about-topic-list a{border-color:#d4c9ed}
.step>b{color:#765bb2}
.info-card,.expansion-duo article,.company-openings>div,.proposal-ledger>div,.headline-edit>div{background:#f1ebff;border:1px solid #dfd5f5;border-radius:15px}
.info-card p,.expansion-duo p,.brief-sheet p,.company-openings p,.proposal-ledger p{color:#625a79}
.dark-panel .info-card{background:#47358d;border-color:#725db4}
.dark-panel .info-card p{color:#e0d7fa}
.expansion-duo article:nth-child(2),.company-openings>div:nth-child(2),.proposal-ledger>div:nth-child(2){background:#e7e8ff}
.proposal-ledger>div:nth-child(3),.headline-edit>div:nth-child(2){background:#d7fc55;border-color:#bddf47}
.template-decision article{background:#3b2d7b;border-radius:15px}
.template-decision article:nth-child(2){background:#d7fc55;color:#241b4d}
.brief-sheet,.brief-sheet>div,.structure-strip,.structure-strip>div,.export-matrix,.export-matrix>div,.data-ledger,.data-ledger>div{border-color:#c9bce7}
.expansion-brief .expansion-note{color:#615779}
.structure-strip b,.data-ledger b{color:#7254ad}
.headline-edit>div:nth-child(1){background:#f1ebff}
.headline-edit p,.data-ledger p,.export-matrix p{color:#625a79}
.about-statement p,.not-found>p{color:#625a79}
.not-found-links a{border-color:#ad9bd8;border-radius:9px}
.not-found-links a:hover{background:#d7fc55}
.prompt-formula{gap:10px;border:0}
.prompt-formula>div,.prompt-formula>div:first-child,.prompt-formula>div:nth-child(odd),.prompt-formula>div:nth-child(4){background:#f1ebff;border:1px solid #ded4f2;border-radius:13px}
.prompt-formula span,.brand-foundation span,.preflight-band span{color:#735e9c}
.prompt-formula p,.brand-foundation p,.permission-grid p,.visual-decision p{color:#625a79}
.prompt-example-visual{background:#d7fc55;color:#241b4d;border-radius:15px}
.brand-palette,.team-panel,.present-check{background:#f7f3ff;color:#2d254e;border:1px solid #ddd2f2;border-radius:13px}
.brand-palette i{background:#35286f}
.brand-foundation article{background:#f1ebff;border:1px solid #ded4f2;border-radius:15px}
.permission-grid>div{background:#eee7ff;border:1px solid #dacff3;border-radius:15px}
.permission-grid>div:nth-child(2){background:#e7e8ff}
.team-panel>div,.present-check>div{border-color:#d3c7ee}
.team-panel b{background:#e7ddfb;color:#3c2d7e}
.team-panel small{color:#706589}
.choice-large{background:#e8dfff;color:#271e50;border-radius:14px}
.choice-small>div{background:#dcdfff;color:#271e50;border-radius:14px}
.choice-small>div:nth-child(2){background:#d7fc55;color:#241b4d}
.choice-photo{border-bottom-color:#8270b6}
.choice-photo i{background:#6d54b5}
.choice-photo i:nth-child(2){background:#9578dc}
.choice-photo i:nth-child(3){background:#bdabeb}
.visual-decision,.visual-decision>div{border-color:#d4c9ed}
.visual-decision b{color:#765bb2}
.preflight-band{background:#f0ebff}
.preflight-band>div{background:#fff;border:1px solid #ded4f2;border-radius:13px}
.about-visual{background:linear-gradient(145deg,#ddd1ff,#c2b0f5);color:#251d53;border-radius:17px}
.about-number{border-bottom-color:#8c77c1}
.source-list span,.source-list small{color:#74658f}
.about-topic-list a:hover{color:#7354c6}
.proposal-stamp{background:#2c225e}
.slide-image{background:#e8e2f6}
.slide-chart{background:#e6e6ff}
.slide-quote{background:#bfaaf1}
.slide-split{background:#f4efff}
.visual-grid span{background:#332864}
.visual-grid span:nth-child(2){background:#6751ad}
.visual-grid span:nth-child(3){background:#9a80d4}
@keyframes innerVisualFloat{from{translate:0 -6px}to{translate:0 7px}}
@media(max-width:700px){.hero-inner{min-height:0}.hero-inner .hero-art{min-height:340px}.process-track{gap:9px}.process-track div{min-height:135px}.final-cta{padding-top:50px;padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.process-track div,.related-grid a,.use-grid a{transition:none}.hero-inner .hero-art>div{animation:none}}

/* Six footer guides follow the same violet editorial rhythm as the homepage. */
.footer-guide .hero-inner{min-height:720px;overflow:hidden}
.footer-guide .hero-inner::before{content:"";position:absolute;inset:-20% -8%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 35% 46% at 10% 66%,#8d70eb5c 0%,transparent 74%),radial-gradient(ellipse 31% 42% at 88% 28%,#7658d044 0%,transparent 76%);filter:blur(18px);animation:guideGlow 8s ease-in-out infinite alternate}
.footer-guide .hero-inner::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-92px;height:190px;z-index:1;pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse 70% 95% at 50% 100%,#fbfaff 0 52%,#cbbbf15e 71%,transparent 75%);filter:blur(8px)}
.footer-guide .hero-inner .hero-copy,.footer-guide .hero-inner .hero-art{z-index:2}
.footer-guide .hero-inner .hero-copy{padding-top:105px;padding-bottom:95px}
.footer-guide .hero-inner h1{font-size:clamp(48px,5.3vw,82px);max-width:820px}
.footer-guide .hero-inner p{font-size:clamp(17px,1.45vw,20px);max-width:620px}
.footer-guide main>.section:not(.dark-panel){position:relative}
.footer-guide main>.section:not(.hero).is-visible>.section-heading,
.footer-guide main>.section:not(.hero).is-visible>.feature-section,
.footer-guide main>.section:not(.hero).is-visible>.step-list,
.footer-guide main>.section:not(.hero).is-visible>.cards,
.footer-guide main>.section:not(.hero).is-visible>.prompt-formula,
.footer-guide main>.section:not(.hero).is-visible>.permission-grid,
.footer-guide main>.section:not(.hero).is-visible>.preflight-band,
.footer-guide main>.section:not(.hero).is-visible>.source-list,
.footer-guide main>.section:not(.hero).is-visible>.about-topic-list{animation:sectionRise .5s cubic-bezier(.22,1,.36,1) both}
.footer-guide main>.section:not(.hero).is-visible>.feature-section,
.footer-guide main>.section:not(.hero).is-visible>.step-list,
.footer-guide main>.section:not(.hero).is-visible>.cards,
.footer-guide main>.section:not(.hero).is-visible>.prompt-formula,
.footer-guide main>.section:not(.hero).is-visible>.permission-grid,
.footer-guide main>.section:not(.hero).is-visible>.preflight-band,
.footer-guide main>.section:not(.hero).is-visible>.source-list,
.footer-guide main>.section:not(.hero).is-visible>.about-topic-list{animation-delay:.09s}
.footer-journey{position:relative;isolation:isolate;overflow:hidden;padding-top:125px;padding-bottom:125px}
.footer-journey::before{content:"";position:absolute;z-index:-1;width:620px;height:620px;left:-270px;bottom:-330px;border-radius:50%;background:radial-gradient(circle,#8064dc78 0%,transparent 69%);filter:blur(22px)}
.footer-journey::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-245px;top:-285px;border-radius:50%;background:radial-gradient(circle,#593ca756 0%,transparent 70%);filter:blur(22px)}
.footer-journey-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:58px}
.footer-journey-intro .section-heading{margin:0}
.footer-journey-note{color:#cfc5ef;font:500 11px var(--mono);letter-spacing:.11em;white-space:nowrap}
.footer-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.footer-journey-card{position:relative;min-height:325px;padding:30px;border:1px solid #9f89d361;border-radius:18px;background:linear-gradient(145deg,#ffffff13,#ffffff06);box-shadow:0 24px 70px #0e0a3829;overflow:hidden;transition:transform .38s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s,box-shadow .38s}
.footer-journey-card:hover{transform:translateY(-8px);background:linear-gradient(145deg,#ffffff1d,#ffffff0a);border-color:#bca9f19c;box-shadow:0 34px 78px #0c073e55}
.footer-journey-card>span{display:block;color:var(--acid);font:500 11px var(--mono);letter-spacing:.08em}
.footer-journey-card h3{max-width:340px;margin:112px 0 14px;color:#fff;font-size:clamp(25px,2.15vw,36px);line-height:1.07;letter-spacing:-.055em}
.footer-journey-card p{max-width:410px;margin:0;color:#d8cff1;line-height:1.58}
.footer-journey-card i{position:absolute;right:-25px;top:-25px;width:105px;height:105px;border:1px solid #d8c8ff38;border-radius:50%;box-shadow:0 0 0 18px #c7b5ff0b,0 0 0 37px #c7b5ff08}
.footer-journey-line{position:relative;height:24px;margin:42px 5px 0;border-top:1px solid #9c87d15c;display:flex;justify-content:space-between}
.footer-journey-line span{width:11px;height:11px;margin-top:-6px;border-radius:50%;background:#d7fc55;box-shadow:0 0 0 7px #d7fc5514}
.footer-journey.is-visible .footer-journey-card{animation:sectionRise .5s cubic-bezier(.22,1,.36,1) both}
.footer-journey.is-visible .footer-journey-card:nth-child(2){animation-delay:.1s}
.footer-journey.is-visible .footer-journey-card:nth-child(3){animation-delay:.2s}
.footer-journey.is-visible .footer-journey-line{animation:routeSweep .7s ease-out .24s both;transform-origin:left}
@keyframes guideGlow{from{transform:translate3d(-2%,0,0) scale(.96);opacity:.75}to{transform:translate3d(3%,2%,0) scale(1.08);opacity:1}}
@media(max-width:900px){.footer-guide .hero-inner{min-height:650px}.footer-journey-grid{grid-template-columns:1fr}.footer-journey-card{min-height:245px}.footer-journey-card h3{margin-top:70px}.footer-journey-intro{align-items:flex-start;flex-direction:column}.footer-journey-note{white-space:normal}}
@media(max-width:700px){.footer-guide .hero-inner{min-height:0}.footer-guide .hero-inner .hero-copy{padding-top:63px;padding-bottom:46px}.footer-guide .hero-inner h1{font-size:clamp(43px,11vw,62px)}.footer-guide .hero-inner::after{bottom:-112px;height:170px}.footer-journey{padding-top:78px;padding-bottom:78px}.footer-journey-card{min-height:225px;padding:24px}.footer-journey-card h3{margin-top:55px}.footer-journey-line{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.footer-guide .hero-inner::before,.footer-journey-card,.footer-journey-line{animation:none!important}.footer-journey-card{transition:none}}

/* Cinematic inner-page heroes: one shared depth system, page-specific foregrounds. */
.hero-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:740px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 43% 70% at -2% 66%,#7452ce 0%,#5d42ad8c 47%,transparent 100%),radial-gradient(ellipse 38% 62% at 94% 24%,#50369d80 0%,transparent 78%),linear-gradient(112deg,#3e2b83 0%,#251d58 55%,#1d174b 100%)}
.hero-inner::before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 32% 37% at var(--inner-glow-x,52%) var(--inner-glow-y,43%),#a58aff54 0%,#8568db2b 50%,transparent 100%);filter:blur(22px);animation:innerGlowPulse 7s ease-in-out infinite alternate}
.hero-inner::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-96px;height:200px;z-index:2;pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse 70% 96% at 50% 100%,#fbfaff 0 51%,#c9b8f270 69%,transparent 75%);filter:blur(8px)}
.hero-inner .hero-copy{z-index:4;padding-top:112px;padding-bottom:106px;align-self:center}
.hero-inner .hero-copy::before{content:"";position:absolute;left:clamp(22px,4.5vw,76px);top:74px;width:68px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--acid),transparent)}
.hero-inner .kicker{display:inline-flex;align-items:center;gap:9px;color:#d7fc55}
.hero-inner .kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 7px #d7fc5514}
.hero-inner h1{font-size:clamp(50px,4.9vw,80px);line-height:1.01;max-width:850px;margin:24px 0 29px;font-weight:800;letter-spacing:-.075em;text-wrap:balance;text-shadow:0 15px 60px #110b3a85}
.hero-inner p{max-width:610px;color:#eee8ff;font-size:clamp(17px,1.35vw,20px);line-height:1.6;text-wrap:pretty}
.hero-inner .button{min-width:155px;box-shadow:0 0 0 8px #d8c9ff18,0 18px 55px #120d3f75}
.hero-inner .hero-art,.theme-acid .hero-inner .hero-art,.theme-blue .hero-inner .hero-art,.theme-paper .hero-inner .hero-art{position:relative;z-index:4;padding:74px clamp(28px,4vw,74px) 92px clamp(20px,2vw,36px);background:none;transform:translate3d(var(--inner-visual-x,0),var(--inner-visual-y,0),0);transition:transform .18s ease-out}
.hero-inner .hero-art::before{content:"";position:absolute;inset:10% 6% 12% 1%;z-index:-1;border:1px solid #c8b7ff29;border-radius:28px;background:linear-gradient(145deg,#ffffff10,#ffffff04);box-shadow:0 32px 90px #1009364f,inset 0 1px #ffffff16;backdrop-filter:blur(7px)}
.hero-inner .hero-art>div{position:relative;z-index:1;filter:drop-shadow(0 26px 50px #10093485);animation:innerVisualFloat 7s cubic-bezier(.45,.05,.55,.95) infinite alternate}
.inner-ambient{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.inner-ambient-card{--ambient-blur:2px;--ambient-opacity:.2;position:absolute;width:clamp(145px,15vw,245px);aspect-ratio:16/9;border:1px solid #d3c7ff30;border-radius:11px;background:linear-gradient(145deg,#b9a5ff2e,#4d35951c);box-shadow:0 24px 60px #0d083552;opacity:var(--ambient-opacity);filter:blur(var(--ambient-blur)) saturate(.78);transform:translate3d(var(--inner-parallax-x,0),var(--inner-parallax-y,0),0) rotate(var(--ambient-angle,0deg));animation:innerCardDrift var(--ambient-duration,8s) ease-in-out infinite alternate;will-change:transform,translate}
.inner-ambient-card::before{content:"";position:absolute;left:8%;right:8%;top:13%;height:7%;border-radius:999px;background:linear-gradient(90deg,#d7fc55 0 18%,#ffffff3a 18% 62%,transparent 62%)}
.inner-ambient-card i,.inner-ambient-card b,.inner-ambient-card span{position:absolute;display:block;border-radius:5px;background:#ffffff24}
.inner-ambient-card i{left:8%;top:32%;width:52%;height:38%}
.inner-ambient-card b{right:8%;top:32%;width:25%;height:16%;background:#d7fc5540}
.inner-ambient-card span{right:8%;bottom:16%;width:25%;height:24%}
.inner-ambient-card:nth-child(3n+2){background:linear-gradient(145deg,#d5c8ff30,#6751ba1c)}
.inner-ambient-card:nth-child(3n){background:linear-gradient(145deg,#9db5ff2c,#5541a51e)}
.inner-ambient-card-1{top:8%;left:-5%;--ambient-angle:-8deg;--ambient-blur:4px;--ambient-opacity:.18;--ambient-duration:9s}
.inner-ambient-card-2{top:3%;left:43%;--ambient-angle:4deg;--ambient-blur:2.5px;--ambient-opacity:.18;--ambient-duration:7.6s}
.inner-ambient-card-3{top:14%;right:-5%;--ambient-angle:-4deg;--ambient-blur:1.5px;--ambient-opacity:.22;--ambient-duration:8.5s}
.inner-ambient-card-4{top:45%;left:-7%;--ambient-angle:5deg;--ambient-blur:1px;--ambient-opacity:.2;--ambient-duration:7.2s}
.inner-ambient-card-5{bottom:3%;left:27%;--ambient-angle:-5deg;--ambient-blur:3px;--ambient-opacity:.19;--ambient-duration:8.8s}
.inner-ambient-card-6{bottom:8%;right:24%;--ambient-angle:6deg;--ambient-blur:2px;--ambient-opacity:.2;--ambient-duration:7.8s}
.inner-ambient-card-7{top:43%;right:7%;--ambient-angle:-3deg;--ambient-blur:4px;--ambient-opacity:.17;--ambient-duration:9.2s}
.inner-ambient-card-8{bottom:-2%;right:-6%;--ambient-angle:8deg;--ambient-blur:1.5px;--ambient-opacity:.2;--ambient-duration:7.4s}
@keyframes innerCardDrift{from{translate:-14px -8px}to{translate:18px 13px}}
@keyframes innerGlowPulse{from{opacity:.68;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}
@media(max-width:1050px){.hero-inner{min-height:680px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.hero-inner h1{font-size:clamp(45px,5.6vw,66px)}.hero-inner .hero-copy{padding-top:96px}.hero-inner .hero-art{padding-right:25px}.inner-ambient-card{width:165px}}
@media(max-width:700px){.hero-inner,.footer-guide .hero-inner{display:block;min-height:0}.hero-inner .hero-copy,.footer-guide .hero-inner .hero-copy{padding:70px 22px 48px}.hero-inner .hero-copy::before{left:22px;top:43px}.hero-inner h1,.footer-guide .hero-inner h1{font-size:clamp(43px,11vw,62px);line-height:1.02}.hero-inner p{font-size:16px}.hero-inner .hero-art,.theme-acid .hero-inner .hero-art,.theme-blue .hero-inner .hero-art,.theme-paper .hero-inner .hero-art{min-height:365px;padding:36px 22px 78px;transform:none}.hero-inner .hero-art::before{inset:3% 12px 12%;border-radius:21px}.hero-inner::after{bottom:-118px;height:180px}.inner-ambient-card{width:125px;--ambient-opacity:.14}.inner-ambient-card-2{left:57%}.inner-ambient-card-3{right:-22%}.inner-ambient-card-4{top:38%;left:-24%}.inner-ambient-card-5{bottom:6%;left:3%}.inner-ambient-card-6{bottom:3%;right:29%}.inner-ambient-card-7,.inner-ambient-card-8{display:none}}
@media(prefers-reduced-motion:reduce){.hero-inner::before,.inner-ambient-card,.hero-inner .hero-art>div{animation:none!important}.hero-inner .hero-art{transform:none;transition:none}}

/* Navigation, compact hero layouts and page-specific motion pass. */
.site-header{gap:28px}
.site-nav{display:flex;align-items:center;gap:clamp(18px,2.35vw,38px);margin-left:auto}
.site-nav-link{position:relative;color:#e7e0fa;font-size:14px;font-weight:650;white-space:nowrap;transition:color .22s}
.site-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:right;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.site-nav-link:hover,.site-nav-link:focus-visible{color:#fff}
.site-nav-link:hover::after,.site-nav-link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.nav-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid #ae9bdc66;border-radius:10px;background:#ffffff0d;color:#fff;cursor:pointer}
.nav-toggle span{display:block;width:19px;height:2px;margin:5px auto;border-radius:2px;background:currentColor;transition:transform .28s,opacity .2s}
.nav-open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav-open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

.theme-home .hero-home{min-height:940px}
.theme-home .hero-home .hero-copy{padding-top:96px;padding-bottom:48px}
.theme-home .hero-home h1{margin-bottom:44px}
.theme-home .hero-home p{margin-top:88px}
.theme-home .hero-home .hero-subnote{margin-top:92px}

.hero-inner,.footer-guide .hero-inner{min-height:680px}
.hero-layout-focus{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.hero-layout-gallery{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.hero-layout-poster{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.hero-inner .hero-copy,.footer-guide .hero-inner .hero-copy{padding-top:90px;padding-bottom:82px}
.hero-inner .hero-copy::before{top:57px}
.hero-inner .hero-art,.theme-acid .hero-inner .hero-art,.theme-blue .hero-inner .hero-art,.theme-paper .hero-inner .hero-art{padding-top:56px;padding-bottom:74px}
.hero-layout-gallery .hero-art{padding-left:10px;padding-right:42px}
.hero-layout-poster .hero-art::before{inset:8% 9% 11% 0;border-radius:46% 26px 26px 46%}
.hero-layout-focus .hero-art::before{inset:8% 5% 11% 0}
.hero-inner .hero-art>div{animation:visualReveal .72s cubic-bezier(.22,1,.36,1) both}

.hero-visual-sequence .sequence-visual{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hero-visual-sequence .seq-card{min-width:0;min-height:132px;padding:16px}
.hero-visual-sequence .seq-card span{font-size:clamp(16px,1.55vw,25px)}
.hero-visual-templates .template-visual{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 10px}
.hero-visual-templates .template-visual .slide{min-width:0}
.hero-visual-templates .template-visual .slide-heading{font-size:clamp(17px,2.25vw,38px)}
.hero-visual-charts .charts-visual{width:100%;grid-template-columns:1.35fr 1fr 1fr}
.hero-visual-charts .chart-panel:first-child{grid-column:auto}

.hero-visual-prompt .outline-preview>div{opacity:0;animation:planLineIn .48s cubic-bezier(.22,1,.36,1) both}
.hero-visual-prompt .outline-preview>div:nth-of-type(1){animation-delay:.18s}
.hero-visual-prompt .outline-preview>div:nth-of-type(2){animation-delay:.25s}
.hero-visual-prompt .outline-preview>div:nth-of-type(3){animation-delay:.32s}
.hero-visual-prompt .outline-preview>div:nth-of-type(4){animation-delay:.39s}
.hero-visual-prompt .outline-preview>div:nth-of-type(5){animation-delay:.46s}
.hero-visual-workflow .workflow-stage span{opacity:0;animation:workflowStepIn .42s cubic-bezier(.22,1,.36,1) both}
.hero-visual-workflow .workflow-stage span:nth-child(2){animation-delay:.12s}
.hero-visual-workflow .workflow-stage span:nth-child(3){animation-delay:.24s}
.hero-visual-workflow .workflow-stage span:nth-child(4){animation-delay:.36s}
.hero-visual-sequence .seq-card{animation:sequenceCardIn .54s cubic-bezier(.22,1,.36,1) both}
.hero-visual-sequence .seq-card:nth-child(2),.hero-visual-sequence .seq-card:nth-child(6){animation-delay:.06s}
.hero-visual-sequence .seq-card:nth-child(3),.hero-visual-sequence .seq-card:nth-child(7){animation-delay:.12s}
.hero-visual-sequence .seq-card:nth-child(4),.hero-visual-sequence .seq-card:nth-child(8){animation-delay:.18s}
.hero-visual-design .design-before{animation:designBeforeIn .7s cubic-bezier(.22,1,.36,1) both}
.hero-visual-design .design-after{animation:designAfterIn .7s cubic-bezier(.22,1,.36,1) .12s both}
.hero-visual-charts .line-graph path{stroke-dasharray:520;stroke-dashoffset:520;animation:heroLineDraw 1.05s cubic-bezier(.22,1,.36,1) .18s forwards}
.hero-visual-charts .mini-bars i{transform-origin:bottom;animation:barGrow .6s cubic-bezier(.22,1,.36,1) both}
.hero-visual-charts .mini-bars i:nth-child(2){animation-delay:.08s}
.hero-visual-charts .mini-bars i:nth-child(3){animation-delay:.16s}
.hero-visual-charts .mini-bars i:nth-child(4){animation-delay:.24s}
.hero-visual-company .company-note{animation:noteIn .65s cubic-bezier(.22,1,.36,1) .18s both}
.hero-visual-proposal .proposal-stamp{animation:stampIn .62s cubic-bezier(.2,1.35,.35,1) .28s both}
.hero-visual-brand .brand-palette{animation:paletteIn .62s cubic-bezier(.22,1,.36,1) .18s both}
.hero-visual-team .team-panel>div{opacity:0;animation:planLineIn .46s cubic-bezier(.22,1,.36,1) both}
.hero-visual-team .team-panel>div:nth-of-type(2){animation-delay:.1s}
.hero-visual-team .team-panel>div:nth-of-type(3){animation-delay:.2s}
.hero-visual-visuals .choice-small>div{animation:choiceIn .58s cubic-bezier(.22,1,.36,1) both}
.hero-visual-visuals .choice-small>div:nth-child(2){animation-delay:.13s}
.hero-visual-present .present-check>div{opacity:0;animation:checkLineIn .45s cubic-bezier(.22,1,.36,1) both}
.hero-visual-present .present-check>div:nth-of-type(2){animation-delay:.08s}
.hero-visual-present .present-check>div:nth-of-type(3){animation-delay:.16s}
.hero-visual-present .present-check>div:nth-of-type(4){animation-delay:.24s}
.hero-visual-about .about-number{animation:numberIn .72s cubic-bezier(.22,1,.36,1) both}

@keyframes visualReveal{from{opacity:.45;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes planLineIn{from{opacity:0;translate:18px 0}to{opacity:1;translate:0 0}}
@keyframes workflowStepIn{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes sequenceCardIn{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes designBeforeIn{from{opacity:0;transform:translateX(-24px) rotate(-9deg)}to{opacity:1;transform:translateX(0) rotate(-5deg)}}
@keyframes designAfterIn{from{opacity:0;transform:translateX(24px) rotate(8deg)}to{opacity:1;transform:translateX(0) rotate(4deg)}}
@keyframes heroLineDraw{to{stroke-dashoffset:0}}
@keyframes barGrow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@keyframes noteIn{from{opacity:0;transform:translate(24px,20px) rotate(8deg)}to{opacity:1;transform:translate(0,0) rotate(4deg)}}
@keyframes stampIn{from{opacity:0;transform:scale(.35) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(14deg)}}
@keyframes paletteIn{from{opacity:0;translate:24px 0}to{opacity:1;translate:0 0}}
@keyframes choiceIn{from{opacity:0;translate:22px 0}to{opacity:1;translate:0 0}}
@keyframes checkLineIn{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes numberIn{from{opacity:.25;letter-spacing:.08em}to{opacity:1;letter-spacing:-.08em}}

@media(max-width:1050px){
 .site-nav{gap:18px}.site-nav-link{font-size:13px}
 .hero-inner,.footer-guide .hero-inner{min-height:620px}
 .hero-inner .hero-copy,.footer-guide .hero-inner .hero-copy{padding-top:82px;padding-bottom:76px}
 .hero-layout-gallery{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
 .hero-visual-sequence .seq-card{padding:12px;min-height:115px}
 .hero-visual-sequence .seq-card span{font-size:17px}
}

@media(max-width:700px){
 .site-header{height:68px;padding:0 18px;gap:12px}
 .nav-toggle{display:block;margin-left:auto;position:relative;z-index:12}
 .site-nav{position:absolute;z-index:11;top:60px;left:12px;right:12px;display:flex;align-items:stretch;flex-direction:column;gap:0;margin:0;padding:14px;border:1px solid #aa96de66;border-radius:16px;background:#241b58ed;box-shadow:0 24px 70px #0c073d99;backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.98);transform-origin:top;transition:opacity .22s,visibility .22s,transform .3s cubic-bezier(.22,1,.36,1)}
 .nav-open .site-nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .site-nav-link{padding:13px 12px;border-bottom:1px solid #aa96de33;color:#fff;font-size:16px}
 .site-nav-link::after{display:none}
 .site-nav .button-header{min-height:48px;margin-top:12px;width:100%}
 .theme-home .hero-home{min-height:760px}
 .theme-home .hero-home .hero-copy{padding:68px 22px 158px}
 .theme-home .hero-home h1{margin-bottom:36px}
 .theme-home .hero-home p{margin-top:64px}
 .theme-home .hero-home .hero-subnote{margin-top:70px}
 .hero-inner,.footer-guide .hero-inner{display:block;min-height:0}
 .hero-inner .hero-copy,.footer-guide .hero-inner .hero-copy{padding:46px 22px 30px}
 .hero-inner .hero-copy::before{top:27px}
 .hero-inner h1,.footer-guide .hero-inner h1{font-size:clamp(39px,10.5vw,52px);line-height:1.03;margin:18px 0 22px}
 .hero-inner p{font-size:16px;line-height:1.52;margin-bottom:25px}
 .hero-inner .button{min-height:47px}
 .hero-inner .hero-art,.theme-acid .hero-inner .hero-art,.theme-blue .hero-inner .hero-art,.theme-paper .hero-inner .hero-art{min-height:0;height:310px;padding:18px 18px 62px;overflow:hidden}
 .hero-inner .hero-art::before{inset:2% 11px 13%;border-radius:20px}
 .hero-inner::after{bottom:-105px;height:160px}
 .hero-visual-prompt .hero-art{height:300px;align-items:flex-start}
 .hero-visual-prompt .prompt-visual{width:142%;max-width:none;transform:scale(.7);transform-origin:top center}
 .hero-visual-prompt .prompt-input{min-height:110px;padding:17px 20px}
 .hero-visual-prompt .prompt-input p{font-size:14px;line-height:1.35;margin:3px 0 19px}
 .hero-visual-prompt .outline-preview{padding:12px 20px 9px;margin:9px 0 0 24px}
 .hero-visual-prompt .outline-preview .kicker{margin-bottom:8px}
 .hero-visual-prompt .outline-preview div{padding:5px 0}
 .hero-visual-workflow .hero-art{height:300px}
 .hero-visual-workflow .workflow-visual{min-height:255px;padding:20px}
 .hero-visual-workflow .workflow-quote{font-size:18px;margin:19px 0 12px;max-width:250px}
 .hero-visual-workflow .workflow-visual .slide{width:54%}
 .hero-visual-sequence .hero-art{height:300px;padding-left:12px;padding-right:12px}
 .hero-visual-sequence .sequence-visual{grid-template-columns:repeat(4,1fr);gap:6px}
 .hero-visual-sequence .seq-card{min-height:102px;aspect-ratio:auto;padding:9px;border-radius:9px}
 .hero-visual-sequence .seq-card span{font-size:13px;line-height:1.05;writing-mode:vertical-rl;transform:rotate(180deg)}
 .hero-visual-sequence .seq-card b{font-size:9px}
 .hero-visual-templates .hero-art{height:260px;padding-left:8px;padding-right:8px}
 .hero-visual-templates .template-visual{gap:6px;padding:0}
 .hero-visual-templates .template-visual .slide{padding:8% 7%}
 .hero-visual-templates .template-visual .slide-heading{font-size:14px}
 .hero-visual-design .hero-art{height:310px}
 .hero-visual-design .design-visual{gap:10px;transform:scale(.88);transform-origin:center}
 .hero-visual-design .design-before{height:250px;padding:15px}
 .hero-visual-design .design-before .mockup-heading{font-size:17px;margin:18px 0}
 .hero-visual-design .design-before p{font-size:11px}
 .hero-visual-charts .hero-art{height:300px;padding-left:10px;padding-right:10px}
 .hero-visual-charts .charts-visual{grid-template-columns:repeat(3,1fr);gap:6px;min-height:0}
 .hero-visual-charts .chart-panel,.hero-visual-charts .chart-panel:first-child{grid-column:auto;min-height:210px;padding:10px}
 .hero-visual-charts .chart-panel b{font-size:15px}
 .hero-visual-charts .line-graph{height:92px}
 .hero-visual-charts .donut{width:62px;height:62px}
 .hero-visual-charts .donut::after{inset:17px}
 .hero-visual-charts .mini-bars{height:90px;gap:5px}
 .hero-visual-company .hero-art,.hero-visual-proposal .hero-art,.hero-visual-brand .hero-art,.hero-visual-team .hero-art,.hero-visual-visuals .hero-art,.hero-visual-present .hero-art,.hero-visual-about .hero-art{height:320px}
 .hero-visual-export .hero-art{height:330px;align-items:flex-start}
 .hero-visual-export .export-visual{width:139%;max-width:none;transform:scale(.72);transform-origin:top center}
 .hero-visual-company .company-visual,.hero-visual-proposal .proposal-visual,.hero-visual-brand .brand-visual,.hero-visual-team .team-visual,.hero-visual-visuals .visual-choice,.hero-visual-present .present-visual,.hero-visual-about .about-visual{transform:scale(.83);transform-origin:center}
 .hero-visual-proposal .proposal-sheet{min-height:285px;padding:25px}
 .hero-visual-proposal .proposal-sheet .mockup-heading{margin:27px 0;font-size:28px}
 .hero-visual-proposal .proposal-stamp{width:86px;height:86px}
 .hero-visual-about .about-visual{min-height:270px}
}

@media(prefers-reduced-motion:reduce){
 .site-nav,.nav-toggle span{transition:none}
 .hero-visual-prompt .outline-preview>div,.hero-visual-workflow .workflow-stage span,.hero-visual-sequence .seq-card,.hero-visual-design .design-before,.hero-visual-design .design-after,.hero-visual-charts .line-graph path,.hero-visual-charts .mini-bars i,.hero-visual-company .company-note,.hero-visual-proposal .proposal-stamp,.hero-visual-brand .brand-palette,.hero-visual-team .team-panel>div,.hero-visual-visuals .choice-small>div,.hero-visual-present .present-check>div,.hero-visual-about .about-number{animation:none!important;opacity:1;translate:0 0}
 .hero-visual-charts .line-graph path{stroke-dashoffset:0}
}

/* Accessibility and delivery hardening */
:root{--font:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.input-label{color:#53604f}
.smart-proof>p{color:#4d5b4f}
.info-card span{color:#52604f}
.visual-grid span:nth-child(3){background:#62479a}
.chart-panel-citron,.hero-inner .chart-panel-citron{color:#242044}
.design-before .mockup-heading{font-size:21px;font-weight:700;line-height:1.2;margin:25px 0}
.proposal-sheet .mockup-heading{font-size:clamp(30px,3vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.06em;margin:40px 0}