:root{--ink:#202927;--muted:#5c6561;--paper:#f6f5ef;--white:#fff;--red:#e24a36;--red-dark:#c93727;--line:#dadfd8;--peach:#f3c6a7;--sage:#e8ede5;--display:'Cuprum',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin:0 auto}.skip{position:absolute;top:-80px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.header{background:var(--ink);color:white;position:relative;z-index:10}.nav{display:flex;height:96px;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;line-height:1}.brand img{width:183px;height:auto;display:block}.nav nav{display:flex;gap:34px;font-size:13px;color:#d0d5d0}.nav nav a:hover{color:white}.login{font-size:13px;border-bottom:1px solid #6b746d;padding:8px 0}.login span{margin-left:24px}.hero{padding-top:70px;background:var(--paper);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;min-height:630px;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:1.9px;font-size:10px;font-weight:700;display:flex;gap:10px;align-items:center;margin:0 0 26px}.live-dot{height:7px;width:7px;border-radius:50%;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-2px;line-height:.99}h1{font-size:clamp(62px,6.4vw,94px);margin-bottom:24px}h1 .title-esf{color:var(--red)}.title-period{color:var(--red)}.title-small{font-size:.66em;letter-spacing:-1.8px;display:inline-block;margin-top:13px;line-height:1.08}.hero-lead{max-width:478px;font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;font-size:12px;font-weight:800;border:0;border-radius:3px;line-height:1.5;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:white}.button-red:hover{background:var(--red-dark)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#36473f}.button span{font-size:19px;line-height:1}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #99a09a;display:inline-block;padding-bottom:4px}.text-link span{display:inline-block;margin-left:20px}.cta-note{max-width:390px;color:#737b74;font-size:10px;line-height:1.65;margin:16px 0 35px}.hero-art{position:relative;height:580px;isolation:isolate;margin-top:4px}.orbit{position:absolute;border:1px solid #dddcd2;border-radius:50%;z-index:-1}.orbit-one{width:520px;height:520px;left:-5px;top:4px}.orbit-two{width:398px;height:398px;left:56px;top:65px}.paper{position:absolute;border-radius:5px;border:1px solid #d7d7c9;background:white;box-shadow:0 20px 60px #25342913;width:340px;min-height:370px;padding:27px;transform-origin:50% 70%}.paper-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:800;color:#707b72;margin-bottom:30px}.paper-back{background:#e6ebdf;left:26px;top:64px;transform:rotate(-15deg)}.paper-mid{background:#f5c9a7;left:110px;top:78px;transform:rotate(10deg)}.paper-back p,.paper-mid p{font-family:var(--display);font-size:29px;line-height:1.15}.paper-line{height:1px;background:#89937d44;width:70%;margin:20px 0}.paper-line.long{width:100%}.paper-line.short{width:40%}.paper-front{left:96px;top:122px;transform:rotate(-4deg);width:353px;min-height:371px;box-shadow:0 24px 50px #2636291e}.paper-front .paper-top{margin-bottom:13px;font-size:7px}.mini-icon{color:var(--red);font-size:22px}.esf-word{font-family:var(--display);font-size:64px;line-height:1.1;font-weight:600;letter-spacing:-3px;color:var(--red);float:left;margin:0 20px 15px 0}.paper-front p{font-size:12px;line-height:1.6;padding-top:12px;font-weight:700}.doc-rows{clear:both;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);font-size:9px;margin-top:20px}.doc-rows span{padding:11px 0;border-bottom:1px solid var(--line)}.doc-rows span:nth-child(2n){font-weight:800;text-align:right}.paper-footer{margin-top:21px;display:flex;align-items:center;font-size:9px;line-height:1.55;color:var(--muted);gap:12px}.square-mark{height:30px;width:30px;background:var(--sage);display:grid;place-items:center;font-size:17px;color:#526249}.art-caption{position:absolute;bottom:9px;left:103px;font-size:11px;line-height:1.6;transform:rotate(-3deg)}.art-caption>span{position:absolute;font-size:36px;left:-44px;top:-12px;font-weight:400}.art-caption small{font-size:8px;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d1d6cc;padding:24px 0;font-size:10px;letter-spacing:.5px;color:var(--muted)}.hero-bottom span+span:before{content:'+';color:var(--red);margin-right:20px}.section{padding-top:98px;padding-bottom:98px}.section-label{display:flex;gap:17px;align-items:center;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;margin-bottom:43px;color:var(--muted)}.section-label span{border:1px solid #b3bfb0;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:9px;letter-spacing:0;color:var(--ink)}h2{font-size:clamp(38px,4.4vw,60px);margin-bottom:26px;line-height:1.06;letter-spacing:-1.3px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro h2{max-width:500px}.large-copy{font-size:19px;line-height:1.65;letter-spacing:-.4px}.intro-grid>div>p:not(.large-copy){font-size:13px;color:var(--muted);margin-bottom:25px}.workflow{background:var(--sage);border-top:1px solid #e0e5da;border-bottom:1px solid #e0e5da}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:36px}.section-heading h2{margin:0}.section-heading>p{max-width:265px;font-size:12px;color:var(--muted);margin-bottom:6px}.step-layout{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:stretch}.steps{display:flex;flex-direction:column}.step{display:flex;align-items:center;border:0;border-top:1px solid #c1ccbb;background:transparent;color:var(--ink);width:100%;text-align:left;gap:23px;padding:25px 18px;cursor:pointer;transition:background .18s}.step:last-child{border-bottom:1px solid #c1ccbb}.step.active{background:#f8faf5}.step-num{font-size:12px;color:#6f7b68;font-weight:600}.step strong{display:block;font-family:var(--display);font-weight:500;font-size:25px;line-height:1.2}.step small{display:block;font-size:10px;margin-top:7px;color:var(--muted)}.step-arrow{margin-left:auto;color:#627758;font-size:23px}.step.active .step-num,.step.active .step-arrow{color:var(--red)}.step-panel{background:var(--paper);padding:30px 34px;border-radius:4px;min-height:345px;position:relative;overflow:hidden}.panel-kicker{font-size:8px;letter-spacing:1.6px;color:var(--muted);font-weight:700}.panel-art{height:86px;display:flex;align-items:center;gap:12px;margin:12px 0 8px}.document-icon{display:block;position:relative;width:43px;height:57px;border:1px solid #829177;background:#fff;border-radius:2px}.document-icon:after{content:'';position:absolute;width:22px;height:20px;left:9px;top:16px;background:repeating-linear-gradient(transparent 0 6px,#adb8a3 6px 7px)}.document-icon.small-doc{width:34px;height:44px;background:#f6dfcd;border-color:#c49b7d}.document-icon.small-doc:after{width:18px;left:7px;top:11px}.connector-line{height:1px;width:70px;background:#9cae90;position:relative}.connector-line:after{content:'›';position:absolute;right:-2px;top:-16px;font-size:20px;color:#7f9275}.step-panel h3{font-family:var(--display);font-size:30px;font-weight:500;letter-spacing:-.4px;line-height:1.15;margin-bottom:13px;max-width:370px}.step-panel p{font-size:12px;color:var(--muted);line-height:1.8;max-width:380px}.step-panel .text-link{font-size:10px;margin-top:3px}.workflow-note{max-width:560px;font-size:10px;color:var(--muted);margin:26px 0 0 auto}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.start-grid>div>p{font-size:13px;color:var(--muted);max-width:380px;margin-bottom:28px}.start-list{padding:0;margin:0;list-style:none}.start-list li{display:flex;gap:23px;padding:0 0 24px;margin:0 0 23px;border-bottom:1px solid var(--line)}.start-list li:last-child{border:0;margin-bottom:0}.start-list li>span{font-family:var(--display);font-size:27px;color:var(--red);line-height:1.2}.start-list h3{font-size:13px;font-weight:800;margin:0 0 5px}.start-list p{font-size:11px;color:var(--muted);margin:0;max-width:350px}.pricing{background:var(--ink);color:#f5f5eb}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.light-label{color:#bcc6bb}.light-label span{color:#bcc6bb;border-color:#5b6a5b}.price-grid h2{font-weight:500}.price-grid h2 em{color:var(--peach);font-style:normal}.price-grid>div>p{max-width:340px;color:#bbc7bc;font-size:13px}.subtle-link{font-size:11px;color:#e2e8dd;border-bottom:1px solid #718170;padding-bottom:7px;display:inline-block;margin-top:20px}.subtle-link span{margin-left:20px}.price-card{background:#f6f5ef;border-radius:4px;padding:36px;color:var(--ink);margin-top:3px}.price-card-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px}.price-card-top strong{font-size:10px;letter-spacing:1.7px}.price-card-top span{font-size:10px;color:var(--muted)}.price-number{font-family:var(--display);font-size:68px;line-height:1.1;letter-spacing:-1.6px;margin:28px 0 6px}.price-number span{font-family:var(--body);font-size:15px;letter-spacing:0}.price-sub{font-size:9px;color:var(--muted)}.price-card ul{list-style:none;padding:14px 0 20px;margin:0}.price-card li{font-size:11px;margin:13px 0;padding-left:21px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:800}.price-card .button{width:100%;font-size:11px}.price-small{text-align:center;font-size:9px;color:var(--muted);margin:14px 0 0}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq-items details{border-top:1px solid var(--line)}.faq-items details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;gap:22px;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:800;line-height:1.7;padding:22px 0}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400;line-height:1;color:#6d7b69}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:var(--muted);padding:0 30px 21px 0;margin:0}details p a{text-decoration:underline}.final-cta{background:var(--peach);padding:60px 0}.final-grid{display:flex;align-items:center;justify-content:space-between;gap:50px}.final-cta h2{margin:0;font-size:52px}.final-cta .eyebrow{font-size:9px;margin-bottom:16px}.final-grid>div>p:last-child{font-size:10px;margin:13px 0 0;color:#6e5c4d}.footer{background:var(--ink);color:#dbe2d8;padding:40px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:33px}.footer-top p{font-size:10px;color:#a5b2a5;margin:0;line-height:1.8}.footer-top>a:last-child{font-size:11px}.footer-top>a:last-child span{margin-left:20px}.footer-bottom{border-top:1px solid #445044;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;color:#a5b2a5;gap:20px}.footer-bottom>div{display:flex;gap:25px}.footer a:hover{color:white}
@media(min-width:1000px){.hero-copy{animation:appear .6s both}.paper-back{animation:back-in .8s .1s both}.paper-mid{animation:mid-in .8s .2s both}.paper-front{animation:front-in .8s .3s both}}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes back-in{from{opacity:0;transform:translateY(25px) rotate(-10deg)}to{opacity:1;transform:rotate(-15deg)}}@keyframes mid-in{from{opacity:0;transform:translateY(25px) rotate(6deg)}to{opacity:1;transform:rotate(10deg)}}@keyframes front-in{from{opacity:0;transform:translateY(25px) rotate(0)}to{opacity:1;transform:rotate(-4deg)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-art{transform:scale(.88);transform-origin:top left}.hero-grid{gap:12px;grid-template-columns:1.15fr 1fr;min-height:590px}.hero-bottom{flex-wrap:wrap}.hero-bottom span+span:before{margin-right:10px}.intro-grid,.step-layout,.start-grid,.price-grid,.faq-grid{gap:48px}.hero-lead{font-size:14px}.section{padding:80px 0}.price-number{font-size:59px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:76px;gap:20px}.brand img{width:152px}.nav nav{display:none}.login{font-size:11px}.login span{margin-left:12px}.hero{padding-top:39px}.hero-grid{grid-template-columns:1fr;gap:0}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}h1{font-size:76px;letter-spacing:-1.9px;line-height:.94;margin-bottom:23px}.title-small{font-size:.64em;margin-top:14px;letter-spacing:-1px;line-height:1.1}.hero-lead{font-size:13px;max-width:450px;line-height:1.8;margin-bottom:22px}.hero-actions{gap:16px}.button{font-size:11px;gap:16px;padding:15px 18px;min-height:52px}.hero-actions .button{width:100%;max-width:360px}.text-link{font-size:10px}.cta-note{font-size:9px;max-width:320px;margin-bottom:12px}.hero-art{height:440px;transform:scale(.75);transform-origin:top center;width:470px;max-width:none;justify-self:center;margin-top:15px;margin-bottom:-85px}.hero-bottom{font-size:8px;padding:19px 0;gap:12px;display:grid;grid-template-columns:1fr 1fr}.hero-bottom span+span:before{content:none}.hero-bottom span:before{content:'+';margin-right:8px;color:var(--red)}.section{padding:58px 0}.section-label{font-size:8px;letter-spacing:1.2px;margin-bottom:28px;gap:13px}.section-label span{width:24px;height:24px;font-size:8px}h2{font-size:43px;letter-spacing:-.8px;line-height:1.06;margin-bottom:22px}.intro-grid,.step-layout,.start-grid,.price-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.intro-grid h2{margin:0}.large-copy{font-size:16px}.intro-grid>div>p:not(.large-copy){font-size:12px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{font-size:11px;margin:17px 0 0;max-width:280px}.step{padding:21px 13px;gap:18px}.step strong{font-size:24px}.step-panel{padding:25px;min-height:334px}.step-panel h3{font-size:29px}.step-panel p{font-size:11px}.workflow-note{font-size:9px;max-width:100%;margin-top:21px}.start-grid>div>p{font-size:12px}.start-list{margin-top:10px}.start-list li{gap:21px}.start-list h3{font-size:12px}.start-list p{font-size:11px}.price-grid{gap:35px}.price-grid>div>p{font-size:12px}.price-card{padding:26px}.price-card-top span{font-size:9px}.price-number{font-size:63px}.price-number span{font-size:13px}.price-sub{font-size:8px}.price-card li{font-size:10px}.price-card .button{font-size:10px}.subtle-link{font-size:10px;margin-top:10px}.faq-grid{gap:14px}.faq-grid>h2{margin-bottom:12px}summary{font-size:11px;padding:20px 0;gap:15px}details p{font-size:11px}.final-cta{padding:43px 0}.final-grid{display:block}.final-cta h2{font-size:44px}.final-grid>div:last-child{margin-top:28px}.final-grid .button{width:100%;max-width:360px}.footer{padding-top:35px}.footer-top{align-items:flex-start;flex-direction:column;gap:22px;padding-bottom:28px}.footer-top p{font-size:10px}.footer-bottom{flex-direction:column;gap:15px;font-size:8px}.footer-bottom>div{gap:17px;flex-wrap:wrap}.footer .brand img{width:160px}}
/* A wide decorative paper must not dictate the min-content width of the mobile text column. */
.hero-copy{min-width:0}
@media(max-width:760px){.hero-grid,.intro-grid,.step-layout,.start-grid,.price-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}.hero-copy,.step-panel,.price-card,.faq-items{min-width:0}}
@media(max-width:370px){h1{font-size:68px}.hero-art{transform:scale(.66);height:420px;margin-bottom:-112px}.hero-bottom{font-size:7px}.button{font-size:10px}.wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Actual product fragments: contain preserves every visible field; no fake interface. */
.product-shot{margin:18px 0 22px}.product-shot-stage{display:flex;align-items:center;justify-content:center;min-height:215px;background:#fff;border:1px solid var(--line);border-radius:3px;padding:10px}.product-shot img{display:block;max-width:100%;width:auto;height:auto;max-height:230px;object-fit:contain}.product-shot figcaption{font-size:9px;color:var(--muted);line-height:1.65;margin-top:10px}.step-panel{min-height:500px}.setup{border-bottom:1px solid var(--line)}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.setup-grid>div>p{max-width:400px;font-size:13px;color:var(--muted)}.setup-list{margin:0;padding:0 0 0 24px}.setup-list li{padding:0 0 20px 9px;margin-bottom:20px;border-bottom:1px solid var(--line)}.setup-list li:last-child{border:0;margin-bottom:0;padding-bottom:0}.setup-list li::marker{font-family:var(--display);font-size:23px;color:var(--red)}.setup-list strong{font-size:13px;line-height:1.6;display:block;margin-bottom:8px}.setup-list p{font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:0}
@media(max-width:760px){.setup-grid{grid-template-columns:minmax(0,1fr);gap:28px}.setup-grid>div>p{font-size:12px}.setup-list strong{font-size:12px}.setup-list p{font-size:11px}.product-shot-stage{min-height:180px}.product-shot img{max-height:210px}.step-panel{min-height:510px}.product-shot figcaption{font-size:8px}.setup .text-link{font-size:10px;max-width:100%}}

.product-shot .product-screen-3{width:198px}
