@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root{--ink:#142a29;--paper:#f7f7f2;--white:#fff;--line:#cfd5c9;--lime:#d8ed67;--muted:#566763;--rust:#e46d4e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4.7vw,24px);border-bottom:1px solid #d7ded4;background:#f7f7f2;position:relative;z-index:9}.brand{font:800 25px Manrope,sans-serif;letter-spacing:-1.5px;white-space:nowrap}.brand span{color:#a7bd35}.brand small{font:600 10px DM Sans,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-left:8px;color:#6d7b70}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 27px;background:var(--ink);color:#fff;font-weight:700;border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#2f4b3e}.hero{display:grid;grid-template-columns:42% 58%;min-height:690px;overflow:hidden}.hero-copy{padding:91px 3vw 80px max(4.7vw,24px);position:relative;z-index:2}.eyebrow,.section-index{font-size:12px;letter-spacing:.19em;font-weight:800;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:40px}.eyebrow-line{width:30px;height:2px;background:var(--rust)}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(42px,4.4vw,68px)/1.09 Manrope,sans-serif;letter-spacing:-.065em;margin-bottom:27px;max-width:610px}.hero h1 em{font-style:normal;color:#8ca626}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:480px;margin-bottom:31px}.hero-note{font-size:13px;color:#63756d;margin-top:46px;display:flex;align-items:center;gap:10px}.note-mark{font-size:22px;color:#9bb634}.hero-art{min-height:690px;background:#dbe4d1;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#c3d0bd 1px,transparent 1px),linear-gradient(90deg,#c3d0bd 1px,transparent 1px);background-size:40px 40px;opacity:.35}.workspace{width:min(78%,740px);background:#eff2eb;box-shadow:0 28px 70px #10242130;border:1px solid #b9c4b7;border-radius:13px;position:relative;z-index:3;transform:rotate(-2deg);overflow:hidden}.workspace-top{height:43px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#53645c;gap:10px;border-bottom:1px solid #c8d2c6}.workspace-top span:last-child{color:#698529;font-weight:700}.workspace-dots{display:flex;gap:4px}.workspace-dots i{width:6px;height:6px;background:#aebdaf;border-radius:50%}.workspace-body{display:flex;min-height:350px}.workspace-rail{width:50px;display:flex;flex-direction:column;align-items:center;gap:15px;padding:16px 0;color:#657568;font-size:10px;border-right:1px solid #c8d2c6}.workspace-rail span:first-child{background:#d8ed67;border-radius:3px;padding:5px 8px;color:var(--ink)}.workspace-canvas{padding:26px 31px;flex:1;position:relative}.slide{aspect-ratio:16/9;background:#183b35;color:#f3f5e8;position:relative;overflow:hidden;padding:7%;box-shadow:0 12px 25px #0c241d22}.slide:after{content:"";position:absolute;right:-14%;top:-35%;border:1px solid #ffffff33;border-radius:50%;width:60%;aspect-ratio:1;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04}.slide-overline{font-size:clamp(8px,.65vw,11px);font-weight:700;letter-spacing:.2em;color:#c9e372}.slide-cover-title{font:800 clamp(25px,2.85vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin-top:11%}.slide-cover-title em,.slide-quote em{font-style:normal;color:#d8ed67}.slide-foot{position:absolute;bottom:7%;left:7%;font-size:10px;color:#c4d2c9}.floating-prompt{position:absolute;left:-8%;bottom:-8%;width:47%;min-width:180px;background:#fff;box-shadow:0 15px 30px #10242130;border-radius:8px;padding:13px;display:flex;gap:9px}.prompt-star{color:#96ac2f;font-size:23px}.floating-prompt small{display:block;color:#7b8b80;font-size:8px;letter-spacing:.15em;margin-bottom:3px}.floating-prompt strong{display:block;font:700 11px/1.35 Manrope,sans-serif}.workspace-bottom{height:37px;padding:0 18px;display:flex;align-items:center;gap:10px;font-size:10px;color:#53645c}.progress-track{flex:1;height:4px;border-radius:8px;background:#cfddc6}.progress-track i{display:block;width:75%;height:100%;background:#9bb633;border-radius:8px}.hero-peek{position:absolute;z-index:2;width:30%;box-shadow:0 22px 40px #10242135}.peek-one{right:-7%;top:10%;transform:rotate(8deg)}.peek-two{left:-9%;bottom:2%;transform:rotate(-8deg)}.slide.compact{padding:8%;}.slide.compact .slide-title{font-size:clamp(10px,1.3vw,18px)}.slide.compact .slide-overline,.slide.compact .slide-foot{font-size:6px}.slide.compact .slide-quote{font-size:clamp(11px,1.6vw,25px)}.slide-title{font:800 clamp(19px,2.4vw,38px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:9% 0 5%}.bars{height:44%;display:flex;align-items:end;gap:7%;border-bottom:1px solid #ffffff66}.bars i{display:block;width:14%;background:#d8ed67;border-radius:2px 2px 0 0}.bars i:nth-child(2){background:#abcf72}.bars i:nth-child(3){background:#75a99a}.bars i:nth-child(4){background:#f1ac8a}.bar-labels{display:flex;justify-content:space-around;font-size:9px;margin-top:3%}.slide-quote{font:800 clamp(24px,2.7vw,43px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin-top:16%;max-width:80%}.intro-band{padding:106px max(4.7vw,24px) 95px;background:#e9eddf;display:grid;grid-template-columns:19% 47% 34%;gap:0}.intro-band h2{font:800 clamp(34px,3.8vw,58px)/1.15 Manrope,sans-serif;letter-spacing:-.055em;margin:-10px 0 55px}.intro-band>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:430px}.process-line{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #aab9a5;margin-top:12px}.process-line span{font-size:13px;font-weight:700;padding-top:18px;position:relative}.process-line span:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--ink)}.footer{background:#102724;color:#d4e3d5;padding:70px max(4.7vw,24px) 22px}.footer .brand{color:#fff}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.footer-top p{color:#aebfb1;max-width:230px;font-size:14px;line-height:1.5}.footer-links{display:flex;flex-wrap:wrap;gap:15px 30px;padding:44px 0 60px;font-size:14px}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #33504a;padding-top:19px;font-size:12px;color:#89a398}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:70px 6vw 45px}.hero-art{min-height:580px}.intro-band{grid-template-columns:1fr 1fr;gap:20px}.intro-band .section-index{grid-column:1/-1}}@media(max-width:600px){.site-header{height:70px;padding:0 18px}.brand{font-size:22px}.brand small{font-size:8px;margin-left:3px}.site-header .button{padding:0 18px;min-height:40px;font-size:13px}.hero-copy{padding:58px 20px 46px}.hero h1{font-size:clamp(40px,11vw,56px)}.hero-copy>p{font-size:16px}.hero-note{margin-top:30px}.hero-art{min-height:390px}.workspace{width:84%}.workspace-top{height:28px;font-size:6px;padding:0 8px}.workspace-body{min-height:210px}.workspace-rail{width:24px;font-size:7px;gap:10px}.workspace-canvas{padding:14px}.slide-cover-title{font-size:22px}.floating-prompt{min-width:125px;padding:8px;bottom:-12%;left:-7%}.floating-prompt strong{font-size:8px}.floating-prompt small{font-size:6px}.prompt-star{font-size:16px}.workspace-bottom{height:24px;font-size:7px}.hero-peek{width:34%}.intro-band{display:block;padding:70px 20px}.intro-band h2{margin:20px 0}.intro-band>p{font-size:16px}.process-line{grid-template-columns:repeat(3,1fr);row-gap:28px;margin-top:44px}.footer{padding:55px 20px 20px}.footer-top{display:block}.footer-links{padding:30px 0 45px}.footer-bottom{gap:15px;line-height:1.4}} .skip-link{position:fixed;left:18px;top:12px;z-index:100;translate:0 -160%;background:#d8ed67;color:#142a29;padding:11px 15px;font-weight:800;border-radius:3px;transition:translate .2s}.skip-link:focus{translate:0 0} .site-header{position:sticky;top:0;z-index:40;gap:28px;box-shadow:0 1px 0 #d7ded4}.site-header .brand{flex:none} .scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent;overflow:hidden;pointer-events:none}.scroll-progress i{display:block;width:100%;height:100%;background:#9db839;transform:scaleX(var(--scroll-progress,0));transform-origin:left center;transition:transform .08s linear} .back-to-top{position:fixed;right:22px;bottom:22px;z-index:35;width:48px;height:48px;border:1px solid #62796f;border-radius:50%;background:#173a35;color:#fff;font-size:22px;cursor:pointer;opacity:0;visibility:hidden;translate:0 12px;transition:opacity .2s,visibility .2s,translate .2s,background .2s}.back-to-top:hover{background:#2d5148}.back-to-top.is-visible{opacity:1;visibility:visible;translate:0 0}main{scroll-margin-top:90px} @media(max-width:600px){.site-header{padding:0 16px}.back-to-top{right:14px;bottom:14px;width:44px;height:44px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}} @media(prefers-reduced-motion:reduce){.skip-link,.scroll-progress i,.back-to-top{transition:none!important}} .feature-split,.page-detail{display:grid;grid-template-columns:18% 38% 44%;padding:105px max(4.7vw,24px);min-height:570px}.feature-split.cream{background:#f7f7f2}.feature-split.dark,.page-detail{background:#142a29;color:#f6f7ee}.feature-copy h2,.section-heading h2,.data-copy h2,.export-band h2,.journey-section h2,.page-intro h2,.page-process h2,.page-detail h2,.page-related h2,.faq-section h2,.final-cta h2{font:800 clamp(34px,4vw,62px)/1.12 Manrope,sans-serif;letter-spacing:-.055em}.feature-copy p,.section-heading p,.data-copy p,.export-band p,.page-intro p,.page-detail p{font-size:17px;line-height:1.7;color:var(--muted);max-width:570px}.dark .feature-copy p,.page-detail p,.export-band p{color:#bfd0c2}.text-link{display:inline-block;font-weight:800;font-size:14px;border-bottom:2px solid #9db839;padding-bottom:8px;margin-top:17px}.text-link:hover{color:#789322}.dark .text-link,.export-band .text-link{color:#d8ed67}.prompt-visual{margin-left:7%;min-height:350px;background:#e9efe1;padding:34px;display:flex;flex-direction:column;justify-content:center;box-shadow:14px 14px 0 #c4d2ba}.prompt-chip,.scene-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:#6c8a2a}.prompt-visual>p{font:700 clamp(19px,2vw,30px)/1.4 Manrope,sans-serif;letter-spacing:-.035em;max-width:520px;margin:35px 0}.prompt-output{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.prompt-output span{font-size:11px;font-weight:700;background:#fff;padding:12px 8px;border-top:3px solid #a1ba3c}.slide-pair{position:relative;min-height:400px;margin-left:7%;display:flex;align-items:center}.slide-pair>div:first-child{width:82%;transform:rotate(-5deg)}.slide-pair>div:nth-child(2){width:55%;position:absolute;right:-5%;bottom:3%;transform:rotate(7deg);box-shadow:0 20px 45px #07130f88}.pair-tag{position:absolute;top:3%;right:2%;background:var(--lime);color:var(--ink);font-size:12px;font-weight:700;padding:9px 13px;transform:rotate(5deg)}.gallery-section,.usecases-section,.journey-section,.page-process,.page-related{padding:105px max(4.7vw,24px)}.gallery-section,.page-process{background:#e9eddf}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:60px;margin:25px 0 55px}.section-heading p{max-width:385px}.slide-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:22px}.slide-gallery>div{background:#f7f7f2;padding:12px 12px 18px}.slide-gallery strong{display:block;font:700 14px Manrope,sans-serif;margin:13px 8px 0}.slide-donut{background:#f0b48b;color:#173a35}.slide-donut .slide-overline,.slide-roadmap .slide-overline{color:#385b4a}.donut-row{display:flex;align-items:center;gap:8%;height:55%}.donut{width:43%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#173a35 0 48%,#e16c4f 48% 80%,#f7dcaa 80%);position:relative}.donut:after{content:"";position:absolute;inset:29%;border-radius:50%;background:#f0b48b}.legend{display:grid;gap:8px;font-size:clamp(7px,.9vw,13px);flex:1}.legend span{display:flex;justify-content:space-between;gap:4px}.slide-roadmap{background:#d8ed67;color:#183b35}.mini-steps{display:flex;justify-content:space-between;gap:3%;margin-top:15%;border-top:2px solid #183b35}.mini-steps span{font-size:clamp(7px,1vw,14px);font-weight:800;padding-top:9px;position:relative}.mini-steps span:before{content:"";width:9px;height:9px;border-radius:50%;background:#183b35;position:absolute;top:-5px;left:0}.data-section{background:#f5f6ef;display:grid;grid-template-columns:36% 64%;padding:105px max(4.7vw,24px);gap:4%}.data-board{display:flex;align-items:center;position:relative;min-height:410px}.board-main{width:75%;transform:rotate(-3deg)}.board-small{position:absolute;width:45%;right:3%;bottom:-3%;transform:rotate(6deg);box-shadow:0 20px 45px #173a352e}.usecases-section{background:#dbe5d3}.link-grid,.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b3c2ae;border:1px solid #b3c2ae}.link-card{background:#f4f7ec;padding:28px 26px 32px;min-height:270px;transition:background .2s}.link-card:hover{background:#e8f2d4}.link-card>span{font-size:13px;font-weight:800;color:#789123}.link-card h3{font:800 clamp(22px,2vw,31px)/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:43px 0 12px}.link-card p{font-size:15px;line-height:1.5;color:#52675b;max-width:320px}.link-card b{display:block;font-size:13px;margin-top:23px}.link-card b span{font-size:8px;margin-left:7px;color:#8ba62f}.export-band{background:#183b35;color:#f4f7ec;padding:105px max(4.7vw,24px);display:grid;grid-template-columns:23% 45% 32%}.export-band h2{margin:0}.export-band .file-chips{grid-column:2/-1;margin-top:35px;display:flex;gap:10px}.file-chips span{border:1px solid #6c8c79;border-radius:4px;padding:13px 20px;font-weight:800;font-size:13px}.export-band .text-link{grid-column:2/-1;justify-self:start}.journey-grid,.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:30px 0}.journey-grid article,.step-grid article{padding:27px 20px;border-top:2px solid var(--ink);background:#eff2e9;min-height:255px}.journey-grid b,.step-grid article>span{font:800 14px Manrope,sans-serif;color:#789328}.journey-grid h3,.step-grid h3{font:800 21px/1.25 Manrope,sans-serif;letter-spacing:-.035em;margin:52px 0 10px}.journey-grid p,.step-grid p{font-size:15px;line-height:1.55;color:#52665c}.faq-section{display:grid;grid-template-columns:40% 60%;padding:105px max(4.7vw,24px);background:#e9eddf}.faq-section .section-index{grid-column:1/-1;margin-bottom:20px}.faq-section h2{max-width:420px}.faq-list{border-top:1px solid #a9b8a6}.faq-item{border-bottom:1px solid #a9b8a6}.faq-item button{width:100%;padding:21px 0;background:none;border:0;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;font:700 18px/1.4 Manrope,sans-serif;cursor:pointer}.faq-symbol{font:400 30px/1 DM Sans,sans-serif;flex:none}.faq-symbol:before{content:"+"}.faq-item.open .faq-symbol:before{content:"−"}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer>div{overflow:hidden}.faq-answer p{font-size:15px;line-height:1.65;color:#52665c;margin:0 45px 22px 0}.final-cta{padding:50px max(4.7vw,24px);display:flex;justify-content:space-between;align-items:center;gap:30px;background:#d8ed67}.final-cta h2{font-size:clamp(26px,3vw,42px);margin:10px 0 0}.final-cta .button{white-space:nowrap} .page-hero{display:grid;grid-template-columns:47% 53%;min-height:630px;overflow:hidden}.page-hero.accent-lime{background:#e5ebda}.page-hero.accent-rust{background:#f4e5dc}.page-hero-copy{padding:110px 4vw 100px max(4.7vw,24px);align-self:center}.page-hero .eyebrow{margin-bottom:32px;display:block;color:#69852b}.page-hero h1{font:800 clamp(39px,4.15vw,64px)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin-bottom:25px}.page-hero h1 em{font-style:normal;color:#8da527}.accent-rust h1 em{color:#ce6a47}.page-hero-copy>p{font-size:17px;line-height:1.65;max-width:570px;color:#50645a;margin-bottom:30px}.page-visual{min-height:630px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#d2dec7}.accent-rust .page-visual{background:#e9c9b8}.prompt-scene{display:block;padding:17% 9%}.prompt-scene:before,.deck-scene:before,.template-scene:before,.chart-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff55 1px,transparent 1px),linear-gradient(90deg,#ffffff55 1px,transparent 1px);background-size:43px 43px}.prompt-scene>*{position:relative}.big-prompt{background:#fff;padding:40px 28px;min-height:135px;font:800 clamp(21px,2.5vw,38px)/1.22 Manrope,sans-serif;letter-spacing:-.04em;margin:25px 0 15px;box-shadow:12px 12px 0 #afc6aa}.cursor{display:inline-block;width:2px;height:28px;background:#8baa38;margin-left:5px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.prompt-tokens{display:flex;gap:8px;flex-wrap:wrap}.prompt-tokens span{background:#e8f2db;padding:8px 13px;font-size:12px;font-weight:700;border-radius:3px}.scene-result{background:#173a35;color:#dbe8d8;margin:28px 0 0 12%;padding:19px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;box-shadow:15px 15px 0 #aac09e}.scene-result b{grid-column:1/-1;font-size:13px;margin-bottom:10px}.scene-result span{border-top:2px solid #d8ed67;padding-top:10px;font-size:12px}.deck-scene>.slide{width:65%;transform:rotate(-6deg);z-index:2}.deck-fan{position:absolute;width:42%;right:2%;bottom:8%;display:grid;gap:12px;transform:rotate(7deg);z-index:3}.sequence-scene{padding:9%}.sequence-line{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.sequence-line span{min-height:150px;padding:13px;background:#183b35;color:#d8ed67;font-size:12px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(var(--y,0))}.sequence-line span:nth-child(2){--y:24px}.sequence-line span:nth-child(3){--y:48px}.sequence-line span:nth-child(4){--y:72px}.sequence-line span:nth-child(5){--y:96px}.sequence-line b{color:#fff;font-size:13px}.sequence-caption{position:absolute;bottom:12%;font-size:14px;font-weight:700}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:87%;transform:rotate(-5deg)}.template-grid .slide{box-shadow:0 15px 30px #142a292e}.design-scene{gap:16px;padding:8%}.design-before,.design-after{width:48%;align-self:center}.design-before{aspect-ratio:16/9;background:#f8f8f5;border:1px solid #bbb;color:#777;padding:8%;transform:rotate(-6deg)}.design-before p{font:700 clamp(15px,1.7vw,26px)/1.3 Arial,sans-serif;margin-top:25%}.design-before small,.design-after small{font-size:10px;font-weight:800;letter-spacing:.2em}.design-after{transform:rotate(5deg)}.design-after .slide{margin-top:10px}.chart-main{width:73%;transform:rotate(-5deg)}.chart-mini{width:43%;position:absolute;right:1%;bottom:8%;transform:rotate(8deg)}.company-scene{flex-direction:column;gap:20px;padding:9%}.company-scene>.slide{width:100%}.company-strip{display:flex;flex-wrap:wrap;gap:7px}.company-strip span{padding:10px;background:#f8faf2;font-size:12px;font-weight:700}.proposal-scene{display:block;background:#183b35;color:#fff;padding:18% 9%}.proposal-tag{font-size:12px;letter-spacing:.2em;color:#d8ed67}.proposal-scene h3{font:800 clamp(29px,3vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:40px 0 55px}.proposal-scene>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proposal-scene>div span{border-top:2px solid #d8ed67;padding-top:13px;font-size:12px}.export-scene{flex-direction:column;gap:24px}.export-file{width:65%;background:#f7f7f2;padding:20px;box-shadow:17px 17px 0 #9eb39a}.export-file>span{display:block;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:12px}.export-formats{display:flex;gap:8px}.export-formats span{background:#183b35;color:#fff;padding:13px 20px;font-size:12px;font-weight:800}.page-intro{padding:100px max(4.7vw,24px);display:grid;grid-template-columns:29% 71%;background:#f8f8f3}.page-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:45px}.page-intro h2{margin:0}.page-process h2{max-width:700px;margin:23px 0 50px}.page-process .step-grid article{background:#f8faf1}.page-detail{grid-template-columns:52% 48%;align-items:center}.detail-slide{width:89%;transform:rotate(-3deg)}.detail-copy{padding:0 6%}.page-related{background:#f7f7f2}.page-related h2{margin:20px 0 45px} @media(max-width:1000px){.feature-split{grid-template-columns:1fr 1fr;gap:25px}.feature-split .section-index{grid-column:1/-1}.export-band{grid-template-columns:1fr 1fr;gap:20px}.export-band .section-index{grid-column:1/-1}.page-intro>div{display:block}.page-hero{grid-template-columns:1fr}.page-hero-copy{padding:70px 6vw}.page-visual{min-height:540px}.page-intro{grid-template-columns:1fr 2fr;gap:25px}}@media(max-width:700px){.feature-split,.page-detail,.data-section,.faq-section,.page-intro{display:block;padding:72px 20px}.feature-copy h2,.section-heading h2,.data-copy h2,.export-band h2,.journey-section h2,.page-intro h2,.page-process h2,.page-detail h2,.page-related h2,.faq-section h2{font-size:clamp(34px,10vw,47px)}.feature-copy{margin:25px 0 45px}.prompt-visual{margin:0;min-height:290px;padding:24px}.prompt-output{grid-template-columns:1fr 1fr}.slide-pair{margin:20px 0 0;min-height:275px}.gallery-section,.usecases-section,.journey-section,.page-process,.page-related{padding:72px 20px}.section-heading{display:block;margin:20px 0 35px}.slide-gallery{grid-template-columns:1fr;gap:15px}.slide-gallery>div{max-width:520px}.data-board{min-height:280px;margin-top:35px}.link-grid,.related-links{grid-template-columns:1fr}.link-card{min-height:0}.link-card h3{margin-top:22px}.export-band{display:block;padding:72px 20px}.export-band h2{margin:20px 0}.export-band .file-chips{margin:25px 0}.journey-grid,.step-grid{grid-template-columns:1fr 1fr}.journey-grid article,.step-grid article{min-height:215px}.journey-grid h3,.step-grid h3{margin-top:30px}.faq-section h2{margin:20px 0 30px}.faq-item button{font-size:16px}.final-cta{padding:45px 20px;display:block}.final-cta .button{margin-top:25px}.page-hero-copy{padding:65px 20px}.page-hero h1{font-size:clamp(38px,10vw,54px)}.page-visual{min-height:380px}.page-intro h2{margin:20px 0}.page-intro p{font-size:16px}.page-process h2{margin:20px 0 35px}.page-detail .detail-slide{width:100%}.detail-copy{padding:35px 0 0}.page-related h2{margin:20px 0 35px}.sequence-line span{min-height:115px;padding:8px;font-size:9px}.sequence-line b{font-size:9px}.sequence-caption{bottom:6%;font-size:10px}.prompt-scene{padding:9%}.big-prompt{padding:25px 18px;min-height:90px}.scene-result{margin-top:18px}.proposal-scene{padding:15% 8%}.proposal-scene h3{margin:30px 0}.template-grid{gap:8px}.design-scene{padding:4%}.export-file{width:72%}}@media(max-width:430px){.journey-grid,.step-grid{grid-template-columns:1fr}.journey-grid article,.step-grid article{min-height:0}.prompt-output span{font-size:10px}.sequence-line{gap:3px}.sequence-line b{writing-mode:vertical-rl;font-size:10px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}} html,body{overflow-x:clip} .footer-sources{font-size:12px;color:#9eb7a8;padding-bottom:22px;line-height:1.6}.footer-sources a{text-decoration:underline;text-underline-offset:3px} .hero{min-height:630px}.hero-copy{padding-top:88px;padding-bottom:70px}.hero h1{font-size:clamp(42px,3.65vw,56px);line-height:1.1;max-width:550px}.hero-art{min-height:630px}.desktop-scene{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.desktop-scene .workspace{width:min(85%,745px);transform:rotate(-1.5deg)}.desktop-scene .workspace-body{min-height:345px}.workspace-outline{width:30%;background:#e7ede2;border-right:1px solid #c8d2c6;display:flex;flex-direction:column;gap:9px;padding:27px 12px 18px}.workspace-outline small,.canvas-caption{font-size:10px;font-weight:800;letter-spacing:.13em;color:#6e825f}.workspace-outline small{margin-bottom:16px}.workspace-outline span{font-size:11px;line-height:1.3;font-weight:700;color:#304b3d;padding:10px 8px;background:#f7f9f3;border-left:3px solid #cbd9c4}.workspace-outline span:nth-of-type(2){border-left-color:#aaca56}.workspace-outline span:nth-of-type(3){border-left-color:#d8ed67}.workspace-outline b{font-size:10px;color:#799435;margin-top:auto}.desktop-scene .workspace-canvas{display:flex;flex-direction:column;justify-content:center;padding:20px 24px}.canvas-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.canvas-caption b{color:#547526;letter-spacing:0;text-transform:none;background:#d8ed67;padding:5px 8px;border-radius:3px}.desktop-scene .hero-peek{right:-8%;top:7%;width:30%;transform:rotate(7deg)}.hero-input-card{position:absolute;z-index:5;top:3%;left:3%;display:flex;gap:9px;width:235px;background:#fff;border:1px solid #d1ddca;box-shadow:0 15px 30px #183b3530;padding:14px 15px;transform:rotate(-3deg)}.hero-input-card small{display:block;font-size:9px;letter-spacing:.16em;color:#68832c;font-weight:800;margin-bottom:5px}.hero-input-card strong{display:block;font:700 11px/1.35 Manrope,sans-serif}.mobile-flow{display:none}.hero-input-card{animation:hero-card .55s ease .1s both}.workspace-outline span{animation:hero-row .5s ease both}.workspace-outline span:nth-of-type(1){animation-delay:.35s}.workspace-outline span:nth-of-type(2){animation-delay:.48s}.workspace-outline span:nth-of-type(3){animation-delay:.61s}.workspace-outline span:nth-of-type(4){animation-delay:.74s}.workspace-canvas .slide{animation:hero-slide .6s ease .8s both}@keyframes hero-card{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes hero-row{from{opacity:.2;background:#e7ede2}to{opacity:1;background:#f7f9f3}}@keyframes hero-slide{from{opacity:.5;scale:.98}to{opacity:1;scale:1}} @media(max-width:900px){.hero{min-height:0}.hero-art{min-height:0;padding:28px 20px 38px}.desktop-scene{display:none}.mobile-flow{display:grid;gap:12px;width:min(100%,420px);position:relative;z-index:1}.mobile-prompt{background:#fff;border-left:5px solid #d8ed67;box-shadow:8px 8px 0 #bdd0b7;padding:14px 16px;display:grid;gap:7px}.mobile-prompt span,.mobile-outline small,.mobile-slide>small{font-size:10px;letter-spacing:.13em;font-weight:800;color:#5c7e28}.mobile-prompt strong{font:800 17px/1.25 Manrope,sans-serif;letter-spacing:-.03em}.mobile-outline{background:#e8eee2;padding:12px 15px;border:1px solid #b9cbb4}.mobile-outline>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.mobile-outline span{background:#f7f9f3;font-size:11px;font-weight:700;padding:9px 6px;border-top:3px solid #8fa938;text-align:center}.mobile-slide{background:#fff;padding:10px;box-shadow:8px 8px 0 #bdd0b7}.mobile-slide>small{display:block;margin:2px 0 8px}.mobile-slide .slide{box-shadow:none}.mobile-slide .slide-cover-title{font-size:clamp(21px,5.5vw,29px);margin-top:9%}.mobile-slide .slide-overline{font-size:8px}.mobile-slide .slide-foot{font-size:8px}.mobile-prompt{animation:hero-card .5s ease .1s both}.mobile-outline{animation:hero-card .5s ease .35s both}.mobile-slide{animation:hero-slide .6s ease .65s both}} @media(max-width:600px){.hero-copy{padding:48px 20px 38px}.hero h1{font-size:clamp(32px,8.8vw,38px);line-height:1.12;max-width:390px}.hero-copy>p{font-size:16px;line-height:1.58}.hero-note{font-size:12px;margin-top:26px}.eyebrow{margin-bottom:27px;font-size:10px;letter-spacing:.15em}.hero-art{padding:26px 18px 36px}} @media(max-width:340px){.site-header{padding:0 14px}.site-header .brand{font-size:20px}.site-header .button{padding:0 14px}.hero-copy{padding-left:16px;padding-right:16px}.hero-art{padding-left:15px;padding-right:15px}.mobile-slide .slide-cover-title{font-size:20px}} @media(prefers-reduced-motion:reduce){.hero-input-card,.workspace-outline span,.workspace-canvas .slide,.mobile-prompt,.mobile-outline,.mobile-slide{animation:none!important}.button,.link-card,.faq-answer{transition:none!important}} .desktop-scene .workspace-canvas .slide-cover-title{font-size:clamp(27px,2.45vw,36px);margin-top:8%} @media(max-width:600px){.hero-copy{padding-top:34px;padding-bottom:26px}.hero .eyebrow{margin-bottom:19px}.hero h1{margin-bottom:18px}.hero-copy>p{margin-bottom:23px}.hero-note{display:none}} .smart-demo{position:relative;min-height:430px;margin-left:4%}.smart-sample{position:absolute;box-shadow:0 24px 44px #061c1760;aspect-ratio:16/9;padding:6%;overflow:hidden}.smart-sample small{display:block;font-size:10px;font-weight:800;letter-spacing:.18em}.smart-before{width:72%;left:0;top:4%;background:#dbe9cb;color:#173a35;transform:rotate(-5deg)}.smart-before strong{display:block;font:800 clamp(27px,2.4vw,37px)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin-top:13%}.smart-before strong em{font-style:normal;color:#799531}.smart-before>span{display:block;font-size:11px;margin-top:11px}.smart-after{width:79%;right:0;bottom:8%;background:#f7f8ef;color:#173a35;transform:rotate(5deg);padding:5%}.smart-after>div{display:grid;grid-template-columns:42% 58%;align-items:center;margin-top:9%;gap:3%}.smart-after strong{font:800 clamp(35px,3.4vw,54px)/1 Manrope,sans-serif;letter-spacing:-.08em;color:#789331}.smart-after p{font:800 clamp(12px,1.1vw,17px)/1.3 Manrope,sans-serif;margin:0}.smart-after ul{grid-column:2;list-style:none;padding:0;margin:8px 0 0;display:grid;gap:3px}.smart-after li{font-size:clamp(9px,.8vw,12px);border-top:1px solid #c5d2c0;padding-top:3px}.smart-proof{position:absolute;z-index:3;bottom:0;left:0;background:#d8ed67;color:#173a35;padding:10px 13px;font-size:11px;font-weight:800;transform:rotate(-4deg)} .data-section{grid-template-columns:39% 56%;column-gap:5%;row-gap:10px;align-items:center;padding-top:90px;padding-bottom:90px}.data-section>.section-index{grid-column:1/-1;align-self:start}.data-copy{grid-column:1}.data-board{grid-column:2;min-height:380px}.data-board .board-main{width:78%}.data-board .board-small{width:44%;right:0;bottom:1%} .home-final-cta{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:55px;min-height:360px;padding-top:45px;padding-bottom:45px}.home-final-cta h2{font-size:clamp(30px,3.1vw,44px);line-height:1.14;margin:15px 0 16px}.home-final-cta p{font-size:16px;line-height:1.5;max-width:530px;margin:0 0 22px}.final-visual{position:relative;min-height:260px;align-self:center}.final-slide{width:84%;transform:rotate(-5deg);box-shadow:0 22px 30px #5470274d}.final-slide .slide{box-shadow:none}.final-slide .slide-cover-title{font-size:clamp(20px,1.9vw,27px)}.final-formats{position:absolute;right:0;bottom:1%;display:flex;align-items:center;gap:5px;background:#fff;padding:11px;box-shadow:0 15px 25px #5470273d}.final-formats span{font-size:9px;font-weight:800;letter-spacing:.1em;max-width:70px;line-height:1.2;margin-right:5px}.final-formats b{background:#e8eedf;padding:8px 9px;font-size:10px} @media(max-width:900px){.smart-demo{min-height:360px;margin-left:0}.data-section{display:block;padding:80px 6vw}.data-board{margin-top:35px}.home-final-cta{grid-template-columns:1fr 330px;gap:25px}.final-visual{min-height:230px}} @media(max-width:700px){.smart-demo{min-height:0;display:grid;gap:13px;margin-top:15px}.smart-sample{position:static;width:100%;transform:none;box-shadow:none;padding:7%}.smart-before strong{margin-top:10%;font-size:clamp(29px,8vw,42px)}.smart-after>div{margin-top:7%}.smart-after strong{font-size:clamp(36px,10vw,54px)}.smart-after p{font-size:clamp(12px,3.6vw,18px)}.smart-after li{font-size:11px}.smart-proof{position:static;transform:none;justify-self:start;margin-top:0}.data-section{padding:72px 20px}.data-board{min-height:250px}.home-final-cta{display:block;padding:48px 20px}.home-final-cta h2{font-size:clamp(29px,8vw,40px)}.home-final-cta p{font-size:15px}.home-final-cta .button{margin-top:0}.final-visual{margin-top:35px;min-height:210px;max-width:420px}.final-slide{width:78%}.final-slide .slide-cover-title{font-size:clamp(19px,5.3vw,25px)}} @media(max-width:380px){.smart-sample small{font-size:8px}.smart-after li{font-size:9px}.final-visual{min-height:175px}.final-formats{padding:7px}.final-formats span{font-size:7px}.final-formats b{font-size:8px;padding:6px}} @media(max-width:1100px){.desktop-scene .workspace-canvas .slide-foot{display:none}} @media(min-width:601px) and (max-width:900px){.hero-copy{padding:48px 6vw 38px}.hero .eyebrow{margin-bottom:24px}.hero h1{margin-bottom:20px}.hero-copy>p{margin-bottom:24px}.hero-note{display:none}} @media(min-width:901px){.intro-band{padding-top:86px;padding-bottom:82px}.feature-split{padding-top:88px;padding-bottom:88px}.gallery-section,.usecases-section,.journey-section{padding-top:88px;padding-bottom:88px}.export-band,.faq-section{padding-top:88px;padding-bottom:88px}} a:focus-visible,button:focus-visible{outline:3px solid #e46d4e;outline-offset:4px;box-shadow:0 0 0 2px #fff} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.cursor{animation:none!important}} .page-hero h1,.page-detail h2,.detail-copy,.design-before p{overflow-wrap:anywhere;hyphens:auto} @media(max-width:430px){.page-detail h2{font-size:clamp(27px,8vw,32px)}.detail-copy{min-width:0}.design-before p{font-size:13px}} .template-showcase { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr); gap: 18px; margin: 0 0 30px; } .template-feature, .template-side { min-width: 0; background: #f8faf5; border: 1px solid #d7dfd2; box-shadow: 0 18px 38px #142a290c; } .template-feature { display: flex; flex-direction: column; padding: 12px; } .template-preview { position: relative; isolation: isolate; overflow: hidden; display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-height: 390px; padding: 32px 36px; background: #183b35; color: #f7f9f3; } .template-preview::before { content: ""; position: absolute; z-index: -1; width: 320px; height: 320px; right: -90px; top: -140px; border: 1px solid #f7f9f34a; border-radius: 50%; box-shadow: 0 0 0 70px #f7f9f308, 0 0 0 140px #f7f9f306; } .template-preview-top, .template-preview-bottom { display: flex; justify-content: space-between; gap: 16px; font-size: 11px; font-weight: 800; letter-spacing: .14em; } .template-preview-top { color: #d8ed67; } .template-preview-bottom { color: #d5e1d7; letter-spacing: 0; } .template-preview h3 { margin: 25px 0; font: 800 clamp(34px, 3.3vw, 52px)/1.08 Manrope, sans-serif; letter-spacing: -.055em; } .template-preview h3 em { color: #d8ed67; font-style: normal; } .template-caption { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: end; gap: 18px; padding: 25px 17px 15px; } .template-caption small, .template-side-copy small, .template-mini > span { font-size: 10px; font-weight: 800; letter-spacing: .16em; } .template-caption small, .template-side-copy small { color: #718b3d; } .template-caption h3, .template-side-copy h3 { margin: 7px 0 0; font: 800 25px/1.15 Manrope, sans-serif; letter-spacing: -.04em; } .template-caption p, .template-side-copy p { margin: 0; color: #566763; font-size: 14px; line-height: 1.5; } .template-side-list { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 18px; } .template-side { display: grid; grid-template-columns: minmax(0, 52%) minmax(0, 48%); padding: 10px; } .template-mini { display: flex; flex-direction: column; min-width: 0; min-height: 225px; padding: 20px; overflow: hidden; } .template-mini-report { background: #f0b896; } .template-mini-report strong { margin-top: 22px; font: 800 clamp(37px, 4vw, 55px)/1 Manrope, sans-serif; letter-spacing: -.06em; } .template-mini-report small { margin-top: 8px; font-size: 11px; font-weight: 700; } .template-mini-bars { display: flex; align-items: end; gap: 8px; height: 56px; margin-top: auto; border-bottom: 1px solid #142a2960; } .template-mini-bars i { width: 19%; height: 45%; background: #183b35; } .template-mini-bars i:nth-child(2) { height: 65%; } .template-mini-bars i:nth-child(3) { height: 78%; } .template-mini-bars i:nth-child(4) { height: 96%; } .template-mini-plan { background: #d8ed67; } .template-mini-plan strong { margin-top: 26px; font: 800 clamp(23px, 2.35vw, 32px)/1.13 Manrope, sans-serif; letter-spacing: -.05em; } .template-mini-steps { display: flex; justify-content: space-between; margin-top: auto; padding-top: 12px; border-top: 1px solid #142a2960; } .template-mini-steps i { font-size: 10px; font-style: normal; font-weight: 800; } .template-side-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 23px 14px 17px 20px; } .template-side-copy h3 { margin-bottom: 13px; } .template-side-copy p { margin-top: auto; } @media (max-width: 980px) { .template-showcase { grid-template-columns: 1fr; } .template-preview { min-height: 350px; } .template-side-list { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; } } @media (max-width: 700px) { .template-preview { min-height: 320px; padding: 26px; } .template-preview h3 { font-size: clamp(31px, 7vw, 43px); } .template-caption { display: block; } .template-caption p { margin-top: 13px; } .template-side-list { grid-template-columns: 1fr; } .template-side { min-height: 210px; } } @media (max-width: 440px) { .template-preview { min-height: 275px; padding: 19px; } .template-preview h3 { font-size: clamp(28px, 8vw, 35px); } .template-preview-top, .template-preview-bottom { font-size: 9px; } .template-side { grid-template-columns: 1fr; } .template-mini { min-height: 195px; } .template-side-copy { padding: 22px 15px 18px; } .template-side-copy p { margin-top: 8px; } } .hero-copy { padding-top: clamp(88px, 7.5vw, 116px); } .hero-copy > :not(.hero-orbits) { position: relative; z-index: 1; } .hero-orbits { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; } .hero-orbit { position: absolute; display: block; border: 1px solid #dbe6d7; border-radius: 50%; } .hero-orbit-one { width: 520px; height: 520px; top: -235px; right: -205px; } .hero-orbit-two { width: 390px; height: 390px; top: -165px; right: -139px; border-color: #d1e1cb; } .hero-orbit-three { width: 265px; height: 265px; top: -97px; right: -76px; } .hero-orbit-low { width: 330px; height: 330px; bottom: -245px; right: -130px; border-color: #e3ebdf; } .hero-orbit-node { position: absolute; top: 95px; right: 141px; width: 9px; height: 9px; border: 2px solid #9ab536; border-radius: 50%; background: #f7f7f2; } .hero-copy h1 { font-size: clamp(44px, 4.3vw, 72px); letter-spacing: -.07em; } .hero-h1-dot { color: #94ad31; } .hero-h1-subline { display: block; margin-top: 12px; font-size: .54em; line-height: 1.18; letter-spacing: -.045em; } .hero-detail { width: min(100%, 540px); margin-top: 54px; padding: 16px 18px 20px; background: #f2f6ec; border: 1px solid #d9e4d4; border-left: 3px solid #9fb939; } .hero-detail-head { display: flex; align-items: center; gap: 10px; color: #4f683d; font-size: 10px; font-weight: 800; letter-spacing: .18em; } .hero-detail-spark { color: #88a42a; font-size: 18px; line-height: 1; } .hero-detail-range { margin-left: auto; color: #829485; letter-spacing: .1em; } .hero-detail-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 20px; } .hero-detail-steps > div { position: relative; display: flex; flex-direction: column; gap: 5px; min-width: 0; padding-top: 15px; border-top: 1px solid #b7c9b1; } .hero-detail-steps > div::before { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #8ba92b; } .hero-detail-steps > div::after { content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 1px; background: #8ba92b; transform-origin: left; scale: 0 1; } .hero-detail-steps span { color: #789428; font-size: 10px; font-weight: 800; letter-spacing: .08em; } .hero-detail-steps strong { color: #1d3932; font: 800 14px/1.2 Manrope, sans-serif; } @media (max-width: 900px) { .hero-copy { padding-top: 55px; } .hero-copy h1 { font-size: clamp(42px, 6vw, 62px); } .hero-detail { margin-top: 38px; } .hero-orbit-one { right: -265px; } .hero-orbit-two { right: -200px; } .hero-orbit-three { right: -138px; } .hero-orbit-node { right: 79px; } } @media (max-width: 600px) { .hero-copy { padding-top: 37px; } .hero-copy h1 { font-size: clamp(34px, 10vw, 44px); } .hero-detail { margin-top: 29px; padding: 14px 14px 17px; } .hero-detail-steps { margin-top: 16px; } .hero-detail-steps strong { font-size: 12px; } .hero-orbit-one { width: 320px; height: 320px; top: -150px; right: -173px; } .hero-orbit-two { width: 230px; height: 230px; top: -105px; right: -128px; } .hero-orbit-three { width: 145px; height: 145px; top: -62px; right: -85px; } .hero-orbit-low { display: none; } .hero-orbit-node { top: 78px; right: 69px; width: 7px; height: 7px; } } .intro-band .process-line { position: relative; counter-reset: process-step; } .intro-band .process-line::after { content: ""; position: absolute; z-index: 0; top: -1px; left: 0; right: 0; height: 2px; background: #8fa936; transform-origin: left; scale: 0 1; } .intro-band .process-line span { counter-increment: process-step; z-index: 1; padding-top: 40px; } .intro-band .process-line span::after { content: counter(process-step, decimal-leading-zero); position: absolute; top: 14px; left: 0; color: #718a35; font-size: 10px; font-weight: 800; letter-spacing: .12em; } .feature-split.cream .prompt-visual { position: relative; } .feature-split.cream .prompt-visual::before { content: "● ● ●"; position: absolute; top: 19px; right: 25px; color: #9eb693; font-size: 9px; letter-spacing: .15em; } .prompt-generated { display: flex; align-items: center; gap: 8px; margin-top: 17px; color: #45663f; font-size: 11px; font-weight: 800; } .prompt-generated-dot { width: 7px; height: 7px; border-radius: 50%; background: #8ca626; } .smart-demo { display: flex; flex-direction: column; align-self: center; min-height: 0; margin-left: 4%; } .smart-switch { display: inline-flex; align-self: flex-start; gap: 4px; margin-bottom: 15px; padding: 4px; border: 1px solid #6b897b; border-radius: 5px; } .smart-switch button { min-width: 76px; padding: 8px 13px; border: 0; border-radius: 3px; background: transparent; color: #e4eee4; font: 800 12px Manrope,sans-serif; cursor: pointer; } .smart-switch button[aria-pressed="true"] { background: #d8ed67; color: #173a35; } .smart-switch button:focus-visible { outline: 2px solid #d8ed67; outline-offset: 3px; } .smart-viewport { display: grid; width: 100%; } .smart-viewport .smart-sample { grid-area: 1 / 1; position: relative; inset: auto; width: 100%; margin: 0; padding: 7%; aspect-ratio: 16 / 9; transform: none; box-shadow: 0 20px 40px #061c1750; opacity: 0; visibility: hidden; translate: -12px 0; scale: .96; transition: opacity .45s, translate .55s, scale .55s, visibility .55s; } .smart-demo[data-mode="before"] .smart-before, .smart-demo[data-mode="after"] .smart-after { opacity: 1; visibility: visible; translate: 0 0; scale: 1; } .smart-viewport .smart-before strong { margin-top: 11%; } .smart-viewport .smart-after > div { margin-top: 8%; } .smart-demo .smart-proof { position: static; align-self: flex-start; margin-top: 16px; transform: none; } .gallery-section .template-feature, .gallery-section .template-side { transition: translate .25s ease, box-shadow .25s ease; } .gallery-section .template-feature:hover, .gallery-section .template-side:hover { translate: 0 -5px; box-shadow: 0 22px 42px #142a291a; } .gallery-section .template-preview h3, .gallery-section .template-mini strong { transition: translate .25s ease; } .gallery-section .template-feature:hover .template-preview h3, .gallery-section .template-side:hover .template-mini strong { translate: 0 -3px; } .data-insight { display: flex; align-items: center; gap: 18px; max-width: 400px; margin: 26px 0 4px; padding: 14px 0; border-top: 1px solid #cad6c5; border-bottom: 1px solid #cad6c5; } .data-insight strong { font: 800 54px/1 Manrope,sans-serif; color: #88a130; letter-spacing: -.07em; min-width: 38px; } .data-insight span { font-size: 14px; font-weight: 800; line-height: 1.4; } .data-insight small { display: block; margin-top: 3px; color: #697b6f; font-size: 11px; font-weight: 600; } .data-section .board-main .slide { box-shadow: 0 22px 42px #0c241d2e; } .usecases-section .link-card { display: flex; flex-direction: column; } .usecases-section .link-card h3 { margin: 24px 0 12px; } .usecases-section .link-card b { margin-top: auto; padding-top: 20px; } .usecase-preview { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 84px; margin-top: 15px; padding: 14px; background: #e4ebda; overflow: hidden; } .usecase-preview i { display: block; background: #183b35; } .usecase-company { flex-direction: column; align-items: flex-start; justify-content: center; } .usecase-company i { height: 5px; } .usecase-company i:nth-child(1) { width: 65%; height: 10px; background: #8ca626; } .usecase-company i:nth-child(2) { width: 89%; } .usecase-company i:nth-child(3) { width: 76%; } .usecase-proposal { background: #f1ddce; } .usecase-proposal i { width: 30%; height: 53px; } .usecase-proposal i:nth-child(1) { background: #e79c78; } .usecase-proposal i:nth-child(2) { background: #183b35; } .usecase-proposal i:nth-child(3) { background: #b7c9ae; } .usecase-story { justify-content: space-between; background: #dce8bb; } .usecase-story i { width: 22%; height: 28px; border-radius: 2px; } .usecase-story i:nth-child(2) { height: 42px; } .usecase-story i:nth-child(3) { height: 58px; background: #8ca626; } .usecases-section .link-card:hover .usecase-preview i { translate: 0 -4px; } .usecase-preview i { transition: translate .25s; } .export-band .file-chips { flex-wrap: wrap; align-items: center; } .export-band .file-chips span { display: inline-flex; align-items: center; min-height: 49px; } .export-band .file-chips .file-source { gap: 15px; border-color: #a1c17c; background: #e8f2d4; color: #183b35; font-size: 11px; letter-spacing: .08em; } .file-source i { width: 21px; height: 25px; border: 2px solid #183b35; border-radius: 2px; position: relative; } .file-source i::after { content: ""; position: absolute; left: 4px; right: 4px; top: 9px; border-top: 2px solid #8ca626; } .journey-grid article { position: relative; display: flex; flex-direction: column; } .journey-grid article::before { content: ""; position: absolute; top: -7px; left: 20px; width: 11px; height: 11px; border-radius: 50%; background: #8ca626; border: 2px solid #f7f7f2; } .journey-grid .journey-result { display: block; margin-top: auto; padding-top: 14px; border-top: 1px solid #c4d2bd; color: #68852a; font-size: 11px; font-weight: 800; letter-spacing: .04em; } .faq-section.numbered .faq-item { transition: background .2s; } .faq-section.numbered .faq-item.open { background: #f3f7eb; } .faq-section.numbered .faq-item button { display: grid; grid-template-columns: 34px minmax(0,1fr) 28px; gap: 15px; padding-left: 15px; padding-right: 15px; } .faq-section.numbered .faq-number { color: #75902f; font-size: 11px; font-weight: 800; } .faq-section.numbered .faq-answer p { margin-left: 64px; } .faq-section.numbered .faq-symbol { transition: rotate .25s; } .faq-section.numbered .faq-item.open .faq-symbol { rotate: 180deg; } .home-final-cta { position: relative; overflow: hidden; } .home-final-cta::before { content: ""; position: absolute; top: 0; left: max(4.7vw,24px); width: 74px; height: 3px; background: #183b35; } .home-final-cta .final-formats b { transition: translate .2s, background .2s; } .home-final-cta .final-formats b:hover { translate: 0 -3px; background: #d8ed67; } @media (max-width: 900px) { .smart-demo { margin-left: 0; } .smart-viewport .smart-sample { box-shadow: none; } } @media (max-width: 700px) { .smart-viewport .smart-sample { aspect-ratio: auto; min-height: 240px; padding: 23px; } .smart-viewport .smart-before strong { margin-top: 32px; } .smart-viewport .smart-after > div { margin-top: 25px; } .usecases-section .link-card { min-height: 260px; } .faq-section.numbered .faq-answer p { margin-left: 22px; } .home-final-cta::before { left: 20px; } } @media (max-width: 430px) { .smart-viewport .smart-sample { min-height: 230px; } .smart-viewport .smart-after strong { font-size: 36px; } .smart-viewport .smart-after li { font-size: 9px; } .faq-section.numbered .faq-item button { grid-template-columns: 24px minmax(0,1fr) 24px; gap: 9px; padding-left: 8px; padding-right: 8px; } .faq-section.numbered .faq-answer p { margin-left: 8px; } } @media (prefers-reduced-motion: reduce) { .smart-viewport .smart-sample, .gallery-section .template-feature, .gallery-section .template-side, .gallery-section .template-preview h3, .gallery-section .template-mini strong, .usecase-preview i, .faq-section.numbered .faq-symbol, .home-final-cta .final-formats b { transition: none !important; } } @keyframes motion-stage { from { opacity: .72; translate: 0 18px; filter: saturate(.8); } to { opacity: 1; translate: 0 0; filter: saturate(1); } } @keyframes motion-rise { from { opacity: .55; translate: 0 16px; } to { opacity: 1; translate: 0 0; } } @keyframes motion-slide { from { opacity: .55; scale: .94; } to { opacity: 1; scale: 1; } } @keyframes motion-bar { from { scale: 1 .08; } to { scale: 1 1; } } @keyframes motion-dot { from { scale: .45; box-shadow: 0 0 0 0 #d8ed6700; } 60% { scale: 1.25; box-shadow: 0 0 0 8px #d8ed6744; } to { scale: 1; box-shadow: 0 0 0 0 #d8ed6700; } } @keyframes motion-orbit-drift { 0%, 100% { translate: 0 0; } 50% { translate: -12px 9px; } } @keyframes motion-workspace-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } } @keyframes motion-progress-line { from { scale: 0 1; } to { scale: 1 1; } } @keyframes motion-type-reveal { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } } @keyframes motion-donut { from { opacity: .4; rotate: -65deg; scale: .72; } to { opacity: 1; rotate: 0deg; scale: 1; } } main > section.motion-play > .section-index, main > section.motion-play > .eyebrow, main > section.motion-play .fp-section-head > h2 { animation: motion-rise .48s ease-out both; } .page-hero.motion-play .page-visual, .fp-hero.motion-play .fp-hero-art { animation: motion-stage .72s cubic-bezier(.2,.75,.2,1) both; } .fp-hero.motion-play .fp-hero-copy > h1 { animation: motion-rise .68s cubic-bezier(.2,.75,.2,1) both; } .fp-hero.motion-play .fp-hero-copy > p { animation: motion-rise .68s cubic-bezier(.2,.75,.2,1) .12s both; } .fp-hero.motion-play .fp-hero-copy > .button { animation: motion-rise .68s cubic-bezier(.2,.75,.2,1) .24s both; } .fp-hero.motion-play .fp-hero-orbit-one, .fp-hero.motion-play .fp-hero-orbit-three { animation: motion-orbit-drift 16s ease-in-out infinite; } .fp-hero.motion-play .fp-hero-orbit-two, .fp-hero.motion-play .fp-hero-orbit-node { animation: motion-orbit-drift 12s ease-in-out 1s infinite reverse; } .hero.motion-play .hero-copy > h1 { animation: motion-rise .7s cubic-bezier(.2,.75,.2,1) both; } .hero.motion-play .hero-copy > p { animation: motion-rise .7s cubic-bezier(.2,.75,.2,1) .12s both; } .hero.motion-play .hero-copy > .button { animation: motion-rise .7s cubic-bezier(.2,.75,.2,1) .24s both; } .hero.motion-play .hero-detail { animation: motion-rise .62s cubic-bezier(.2,.75,.2,1) .38s both; } .hero.motion-play .hero-orbit-one, .hero.motion-play .hero-orbit-low { animation: motion-orbit-drift 17s ease-in-out infinite; } .hero.motion-play .hero-orbit-two, .hero.motion-play .hero-orbit-node { animation: motion-orbit-drift 13s ease-in-out 1.2s infinite reverse; } .hero.motion-play .desktop-scene .workspace { animation: motion-workspace-float 7s ease-in-out 1.2s infinite; } .hero.motion-play .hero-detail-steps > div::after { animation: motion-progress-line .72s ease-out .75s both; } .hero.motion-play .hero-detail-steps > div:nth-child(2)::after { animation-delay: .98s; } .hero.motion-play .hero-detail-steps > div:nth-child(3)::after { animation-delay: 1.21s; } .intro-band.motion-play .process-line::after { animation: motion-progress-line 1.35s ease-out .18s both; } .feature-split.cream.motion-play .prompt-visual p { animation: motion-type-reveal 1.2s steps(22,end) .18s both; } .feature-split.cream.motion-play .prompt-output span { animation-delay: 1.15s; } .feature-split.cream.motion-play .prompt-output span:nth-child(2) { animation-delay: 1.27s; } .feature-split.cream.motion-play .prompt-output span:nth-child(3) { animation-delay: 1.39s; } .feature-split.cream.motion-play .prompt-output span:nth-child(4) { animation-delay: 1.51s; } .feature-split.cream.motion-play .prompt-generated { animation: motion-rise .5s ease-out 1.65s both; } .feature-split.dark.motion-play .smart-viewport { animation: motion-slide .7s cubic-bezier(.2,.75,.2,1) both; } .gallery-section.motion-play .template-mini-bars i { transform-origin: center bottom; animation: motion-bar .6s ease-out .35s both; } .gallery-section.motion-play .template-mini-bars i:nth-child(2) { animation-delay: .45s; } .gallery-section.motion-play .template-mini-bars i:nth-child(3) { animation-delay: .55s; } .gallery-section.motion-play .template-mini-bars i:nth-child(4) { animation-delay: .65s; } .data-section.motion-play .donut { animation: motion-donut .8s ease-out .35s both; } .data-section.motion-play .data-insight { animation: motion-rise .6s ease-out .3s both; } .usecases-section.motion-play .usecase-preview i { animation: motion-rise .5s ease-out .3s both; } .usecases-section.motion-play .usecase-preview i:nth-child(2) { animation-delay: .42s; } .usecases-section.motion-play .usecase-preview i:nth-child(3) { animation-delay: .54s; } .export-band.motion-play .file-chips span { animation: motion-rise .55s ease-out .18s both; } .export-band.motion-play .file-chips span:nth-child(2) { animation-delay: .38s; } .export-band.motion-play .file-chips span:nth-child(3) { animation-delay: .54s; } .export-band.motion-play .file-chips span:nth-child(4) { animation-delay: .70s; } .journey-section.motion-play .journey-grid article::before { animation: motion-dot .65s ease-out .3s both; } .journey-section.motion-play .journey-grid article:nth-child(2)::before { animation-delay: .43s; } .journey-section.motion-play .journey-grid article:nth-child(3)::before { animation-delay: .56s; } .journey-section.motion-play .journey-grid article:nth-child(4)::before { animation-delay: .69s; } .faq-section.numbered.motion-play .faq-item { animation: motion-rise .48s ease-out both; } .faq-section.numbered.motion-play .faq-item:nth-child(2) { animation-delay: .09s; } .faq-section.numbered.motion-play .faq-item:nth-child(3) { animation-delay: .18s; } .faq-section.numbered.motion-play .faq-item:nth-child(4) { animation-delay: .27s; } .home-final-cta.motion-play .final-formats b { animation: motion-rise .5s ease-out .45s both; } .home-final-cta.motion-play .final-formats b:nth-of-type(2) { animation-delay: .57s; } .home-final-cta.motion-play .final-formats b:nth-of-type(3) { animation-delay: .69s; } .home-final-cta.motion-play .final-copy .button { animation: motion-rise .6s ease-out .35s both; } .feature-split.motion-play .prompt-output span, .gallery-section.motion-play .template-feature, .gallery-section.motion-play .template-side, .journey-section.motion-play .journey-grid article, .page-process.motion-play .step-grid article, .intent-section.motion-play .intent-cards article, .fp-action.motion-play .fp-steps article { animation: motion-rise .58s cubic-bezier(.2,.75,.2,1) both; } .fp-examples.motion-play .fp-example-grid article, .fp-report-story.motion-play .fp-storyline article, .fp-pitch-map.motion-play .fp-pitch-grid article, .fp-lesson-flow.motion-play .fp-lesson-steps article, .fp-style-system.motion-play .fp-style-rules article, .fp-talk-plan.motion-play .fp-talk-timeline article { animation: motion-rise .58s cubic-bezier(.2,.75,.2,1) both; } .fp-examples.motion-play .fp-example-grid article:nth-child(2), .fp-report-story.motion-play .fp-storyline article:nth-child(2), .fp-pitch-map.motion-play .fp-pitch-grid article:nth-child(2), .fp-lesson-flow.motion-play .fp-lesson-steps article:nth-child(2), .fp-style-system.motion-play .fp-style-rules article:nth-child(2), .fp-talk-plan.motion-play .fp-talk-timeline article:nth-child(2) { animation-delay: .10s; } .fp-examples.motion-play .fp-example-grid article:nth-child(3), .fp-report-story.motion-play .fp-storyline article:nth-child(3), .fp-pitch-map.motion-play .fp-pitch-grid article:nth-child(3), .fp-lesson-flow.motion-play .fp-lesson-steps article:nth-child(3), .fp-style-system.motion-play .fp-style-rules article:nth-child(3), .fp-talk-plan.motion-play .fp-talk-timeline article:nth-child(3) { animation-delay: .20s; } .fp-report-story.motion-play .fp-storyline article:nth-child(4), .fp-pitch-map.motion-play .fp-pitch-grid article:nth-child(4), .fp-lesson-flow.motion-play .fp-lesson-steps article:nth-child(4), .fp-style-system.motion-play .fp-style-rules article:nth-child(4) { animation-delay: .30s; } .fp-report-story.motion-play .fp-storyline article:nth-child(5) { animation-delay: .40s; } .feature-split.motion-play .prompt-output span:nth-child(2), .gallery-section.motion-play .template-side:first-child, .journey-section.motion-play .journey-grid article:nth-child(2), .page-process.motion-play .step-grid article:nth-child(2), .intent-section.motion-play .intent-cards article:nth-child(2), .fp-action.motion-play .fp-steps article:nth-child(2) { animation-delay: .10s; } .feature-split.motion-play .prompt-output span:nth-child(3), .gallery-section.motion-play .template-side:nth-child(2), .journey-section.motion-play .journey-grid article:nth-child(3), .page-process.motion-play .step-grid article:nth-child(3), .fp-action.motion-play .fp-steps article:nth-child(3) { animation-delay: .20s; } .feature-split.motion-play .prompt-output span:nth-child(4), .journey-section.motion-play .journey-grid article:nth-child(4), .page-process.motion-play .step-grid article:nth-child(4) { animation-delay: .30s; } .final-cta.motion-play .final-visual, .page-detail.motion-play .detail-slide, .fp-proof.motion-play .fp-proof-copy + div { animation: motion-slide .7s cubic-bezier(.2,.75,.2,1) .12s both; } .usecases-section.motion-play .link-card, .page-related.motion-play .link-card { animation: motion-slide .58s cubic-bezier(.2,.75,.2,1) both; } .usecases-section.motion-play .link-card:nth-child(2), .page-related.motion-play .link-card:nth-child(2) { animation-delay: .10s; } .usecases-section.motion-play .link-card:nth-child(3), .page-related.motion-play .link-card:nth-child(3) { animation-delay: .20s; } .data-section.motion-play .bars i, .hero.motion-play .hero-peek .bars i, .page-hero.motion-play .bars i, .fp-hero.motion-play .bars i { transform-origin: center bottom; animation: motion-bar .72s cubic-bezier(.18,.8,.2,1) both; } .data-section.motion-play .bars i:nth-child(2), .hero.motion-play .hero-peek .bars i:nth-child(2), .page-hero.motion-play .bars i:nth-child(2), .fp-hero.motion-play .bars i:nth-child(2) { animation-delay: .10s; } .data-section.motion-play .bars i:nth-child(3), .hero.motion-play .hero-peek .bars i:nth-child(3), .page-hero.motion-play .bars i:nth-child(3), .fp-hero.motion-play .bars i:nth-child(3) { animation-delay: .20s; } .data-section.motion-play .bars i:nth-child(4), .hero.motion-play .hero-peek .bars i:nth-child(4), .page-hero.motion-play .bars i:nth-child(4), .fp-hero.motion-play .bars i:nth-child(4) { animation-delay: .30s; } .intro-band.motion-play .process-line span::before { animation: motion-dot .72s ease-out both; } .intro-band.motion-play .process-line span:nth-child(2)::before { animation-delay: .13s; } .intro-band.motion-play .process-line span:nth-child(3)::before { animation-delay: .26s; } .intro-band.motion-play .process-line span:nth-child(4)::before { animation-delay: .39s; } .intro-band.motion-play .process-line span:nth-child(5)::before { animation-delay: .52s; } .intro-band.motion-play .process-line span:nth-child(6)::before { animation-delay: .65s; } .link-card { transition: background .22s, translate .22s, box-shadow .22s; } .fp-deep-dive.motion-play .fp-deep-card, .fp-mistakes.motion-play .fp-mistake, .fp-checklist.motion-play .fp-check-item { animation: motion-rise .58s cubic-bezier(.2,.75,.2,1) both; } .fp-deep-dive.motion-play .fp-deep-card:nth-child(2), .fp-mistakes.motion-play .fp-mistake:nth-child(2), .fp-checklist.motion-play .fp-check-item:nth-child(2) { animation-delay: .10s; } .fp-deep-dive.motion-play .fp-deep-card:nth-child(3), .fp-mistakes.motion-play .fp-mistake:nth-child(3), .fp-checklist.motion-play .fp-check-item:nth-child(3) { animation-delay: .20s; } .fp-checklist.motion-play .fp-check-item:nth-child(4) { animation-delay: .30s; } .link-card:hover { translate: 0 -4px; box-shadow: 0 14px 28px #142a2915; position: relative; z-index: 1; } .button:active { transform: translateY(0) scale(.98); } @media (prefers-reduced-motion: reduce) { .motion-play *, .motion-play *::before, .motion-play *::after { animation: none !important; } .link-card { transition: none !important; } .link-card:hover { translate: none; box-shadow: none; } } .page-hero.motion-play .prompt-scene .big-prompt{animation:motion-type-reveal .9s steps(18,end) .12s both} .page-hero.motion-play .prompt-scene .scene-result{animation:motion-rise .55s ease-out .72s both} .page-hero.motion-play .deck-scene>.slide{animation:motion-slide .65s cubic-bezier(.2,.75,.2,1) both} .page-hero.motion-play .deck-scene .deck-fan>*{animation:motion-rise .48s ease-out .25s both} .page-hero.motion-play .deck-scene .deck-fan>*:nth-child(2){animation-delay:.38s} .page-hero.motion-play .sequence-scene .sequence-line span{animation:motion-rise .48s ease-out both} .page-hero.motion-play .sequence-scene .sequence-line span:nth-child(2){animation-delay:.09s} .page-hero.motion-play .sequence-scene .sequence-line span:nth-child(3){animation-delay:.18s} .page-hero.motion-play .sequence-scene .sequence-line span:nth-child(4){animation-delay:.27s} .page-hero.motion-play .sequence-scene .sequence-line span:nth-child(5){animation-delay:.36s} .page-hero.motion-play .template-scene .template-grid>*{animation:motion-slide .6s cubic-bezier(.2,.75,.2,1) both} .page-hero.motion-play .template-scene .template-grid>*:nth-child(2){animation-delay:.16s} .page-hero.motion-play .design-scene .design-before{animation:motion-rise .62s ease-out both} .page-hero.motion-play .design-scene .design-after{animation:motion-rise .62s ease-out .24s both} .page-hero.motion-play .chart-scene .chart-main{animation:motion-slide .65s ease-out both} .page-hero.motion-play .chart-scene .chart-mini{animation:motion-donut .7s ease-out .22s both} .page-hero.motion-play .company-scene>.slide{animation:motion-slide .65s ease-out both} .page-hero.motion-play .company-scene .company-strip span{animation:motion-rise .42s ease-out .26s both} .page-hero.motion-play .company-scene .company-strip span:nth-child(2){animation-delay:.36s} .page-hero.motion-play .company-scene .company-strip span:nth-child(3){animation-delay:.46s} .page-hero.motion-play .proposal-scene h3{animation:motion-rise .56s ease-out both} .page-hero.motion-play .proposal-scene>div span{animation:motion-progress-line .52s ease-out .24s both;transform-origin:left center} .page-hero.motion-play .proposal-scene>div span:nth-child(2){animation-delay:.36s} .page-hero.motion-play .proposal-scene>div span:nth-child(3){animation-delay:.48s} .page-hero.motion-play .export-scene .export-file{animation:motion-slide .62s ease-out both} .page-hero.motion-play .export-scene .export-formats span{animation:motion-rise .44s ease-out .25s both} .page-hero.motion-play .export-scene .export-formats span:nth-child(2){animation-delay:.37s} .hero-detail-range,.hero-detail-steps span,.prompt-chip,.template-caption small,.template-side-copy small,.data-insight small,.link-card>span,.fp-example-grid small,.fp-deep-card>span,.fp-pitch-grid b,.fp-learning-goal small,.fp-style-rules b,.fp-talk-timeline b{color:#50651b} .slide-overline{color:#e4f58a} .slide-donut .slide-overline{color:#173a35} .journey-grid article>b,.journey-grid .journey-result,.faq-section.numbered .faq-number{color:#465917} .page-hero .eyebrow,.fp-hero .eyebrow,.page-hero h1 em,.fp-hero h1 em,.step-grid article>span,.intent-cards article>span,.intent-note>span,.fp-lesson-steps article>span,.fp-lesson-compare>div:first-child small,.fp-action .fp-steps article>span{color:#50651b} .review-panel{padding:76px max(4.7vw,24px);display:grid;grid-template-columns:minmax(220px,31%) minmax(300px,41%) minmax(250px,28%);gap:32px;background:#eef2e7;border-top:1px solid #cdd8ca;color:#173a35} .review-panel h2{font:800 clamp(30px,3vw,45px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:20px 0 0;max-width:420px} .review-copy>p{font-size:16px;line-height:1.7;color:#40564e;margin:0} .review-meta{margin-top:24px!important;padding-top:18px;border-top:1px solid #bdcbbb;display:grid;gap:5px} .review-meta strong{font:800 13px Manrope,Arial,sans-serif;color:#173a35} .review-meta span{font-size:13px;line-height:1.5;color:#52665d} .review-sources{padding:22px;background:#173a35;color:#f7f7f2} .review-sources>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#e4f58a} .review-sources ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px} .review-sources a{font-size:14px;line-height:1.45;text-decoration:underline;text-decoration-color:#8ca626;text-underline-offset:4px} .review-sources a:hover{color:#e4f58a} .content-figure{margin:0;padding:76px max(4.7vw,24px);background:#f7f7f2} .content-figure img{display:block;width:min(100%,1200px);height:auto;margin:0 auto;border:1px solid #cbd7c7;box-shadow:0 20px 55px #173a3518} .content-figure figcaption{width:min(100%,1200px);margin:13px auto 0;font-size:13px;line-height:1.5;color:#435c52} .fp-hero h1{hyphens:none;overflow-wrap:normal} @media(max-width:900px){.review-panel{grid-template-columns:1fr 1fr}.review-panel>div:first-child{grid-column:1/-1}.content-figure{padding-block:58px}} @media(max-width:600px){.review-panel{display:block;padding:56px 20px}.review-copy{margin:26px 0}.review-panel h2{font-size:33px}.content-figure{padding:48px 20px}.content-figure figcaption{font-size:12px}.fp-hero h1{overflow-wrap:anywhere}}