:root{--ink:#10271f;--muted:#59635d;--lime:#bcff69;--cream:#f6f4ec;--line:#d8ddd4;--font:'Hanken Grotesk',sans-serif;--heading:'Archivo',sans-serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:800;letter-spacing:-.045em;line-height:1.04}h2{font-size:clamp(35px,4.2vw,58px)}h3{font-size:24px;letter-spacing:-.025em;line-height:1.15}p{color:var(--muted);line-height:1.65}a{color:inherit}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #537f31;outline-offset:5px}button{color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:12px;background:var(--lime);padding:14px;z-index:100}.skip:focus{top:12px}.header{height:88px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;font:800 21px var(--heading);letter-spacing:-.9px}.brand img{width:43px;height:40px;object-fit:contain}.os{font:700 10px var(--mono);border:1px solid var(--ink);padding:2px 4px;margin-left:6px;vertical-align:middle;letter-spacing:0}.header nav{display:flex;gap:25px;font-size:13px;font-weight:600}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1.5px solid var(--ink);background:var(--lime);color:var(--ink);padding:19px 26px;box-shadow:4px 4px 0 var(--ink);border-radius:5px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button span{font-size:21px;line-height:1}.button.small{padding:12px 19px;font-size:13px;gap:20px}.text-link{font-size:14px;font-weight:700;text-underline-offset:5px;white-space:nowrap}.eyebrow{font:10px var(--mono);letter-spacing:1.25px;line-height:1.6;margin-bottom:22px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#70a841;box-shadow:0 0 0 4px #d6eec2}.grid-paper{background-color:#fff;background-image:linear-gradient(#10271f05 1px,transparent 1px),linear-gradient(90deg,#10271f05 1px,transparent 1px);background-size:27px 27px}.marked{background:linear-gradient(transparent 66%,var(--lime) 66%,var(--lime) 96%,transparent 96%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:5vw;padding:94px 5.5vw 82px;align-items:center;overflow:hidden}.hero h1{font-size:clamp(52px,5.6vw,84px);letter-spacing:-.06em;line-height:1.01}.hero-description{font-size:22px;color:var(--ink);line-height:1.4;max-width:440px;margin-top:27px}.hero-secondary{font-size:17px;max-width:520px;margin-top:17px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:30px 0 20px}.fine{font-size:12px;line-height:1.6}.hero-visual{position:relative;min-width:0;padding:40px 0}.pencil-note{font-size:16px;transform:rotate(-4deg);text-align:right;margin-bottom:22px;margin-right:12px}.hero-screen{display:block;border:1px solid var(--ink);border-radius:7px;overflow:hidden;background:white;box-shadow:11px 12px 0 #e9e7dd;transform:rotate(-1.5deg);text-decoration:none}.screen-bar{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line);font:8px var(--mono);letter-spacing:.7px}.screen-bar>span:first-child{display:flex;gap:4px}.screen-bar i{width:5px;height:5px;border:1px solid #bdc3b9;border-radius:50%}.hero-screen img{width:100%}.feed-note{display:flex;align-items:center;gap:15px;background:var(--lime);padding:20px 24px;border:1px solid var(--ink);box-shadow:4px 5px 0 #dfdfd2;max-width:290px;margin:-10px 0 0 25px;transform:rotate(3deg);position:relative;line-height:1.4;font-size:19px}.feed-note>span{font-size:48px}.hero-chips{display:flex;gap:15px;justify-content:flex-end;margin:35px 0 0;font:8px var(--mono);letter-spacing:1px}.format-strip{padding:24px 5.5vw;border-block:1px solid var(--line);display:flex;gap:27px;justify-content:space-between;align-items:center}.format-strip>span{font:9px var(--mono);max-width:110px;line-height:1.5}.format-strip b{font-size:14px;white-space:nowrap}.format-strip i{font-style:normal;color:#658449}.section{padding:94px 7vw}.section-intro{margin-bottom:43px;max-width:860px}.section-intro>p{font-size:19px;max-width:710px;margin-top:23px}.cream{background:var(--cream)}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.index{font:10px var(--mono);letter-spacing:.6px}.pain-grid article{border-top:1px solid var(--ink);padding-top:22px}.pain-grid h3{margin:25px 0 16px;font-size:25px}.pain-grid p{font-size:16px}.thesis{margin-top:42px;padding:26px 0 0;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;max-width:870px}.thesis>span{font-size:45px}.thesis p{font-size:20px;line-height:1.5}.thesis strong{color:var(--ink)}.responsibilities{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px}.responsibilities article{padding:30px;background:white;border:1px solid var(--ink);border-radius:7px}.responsibilities .machine-step{background:var(--ink);color:#fff;box-shadow:6px 6px 0 #c7d9b9}.percent{font:800 77px var(--heading);letter-spacing:-6px;margin-bottom:21px;line-height:1}.percent>span{font-size:37px;letter-spacing:-2px}.responsibilities .index{font-size:9px;display:block}.responsibilities h3{margin:19px 0 16px}.responsibilities p{font-size:16px}.machine-step .percent{color:var(--lime)}.machine-step p{color:#d6e2da}.machine-step .index{color:#b5dcb8}.wave{display:flex;align-items:center;gap:5px;height:40px;margin-top:18px}.wave i{width:4px;background:var(--lime);height:14px;border-radius:9px}.wave i:nth-child(3n){height:36px}.wave i:nth-child(2n){height:26px}.framework-note{margin-top:21px}.control-note{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;border-top:1px solid #c9d0c4;padding-top:30px;margin-top:35px}.control-note b{font:700 24px var(--heading);letter-spacing:-.6px;line-height:1.2}.control-note p{font-size:16px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.split-heading>p{font-size:18px;max-width:390px}.split-heading>div{flex-shrink:0}.sketch{background:white;border:1px solid var(--ink);padding:22px;border-radius:4px;box-shadow:8px 8px 0 #ecebdf}.sketch img{width:100%;max-width:1060px;margin:auto}.sketch figcaption{font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding:20px 10px 0;margin-top:12px}.sketch a{cursor:zoom-in}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid article:nth-child(6n+1),.feature-grid article:nth-child(6n+2),.feature-grid article:nth-child(6n+3){background:#fcfcf8}.feature-icon{display:grid;place-items:center;font-size:23px;width:43px;height:43px;background:#eaf6db;border:1px solid #d8e7c7;border-radius:9px;margin-bottom:20px}.feature-grid h3{font-size:22px;margin-bottom:13px}.feature-grid p{font-size:15px}.feature-grid a{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;text-underline-offset:4px}.feature-note{font-size:12px;max-width:910px;margin-top:24px}.editor-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:65px;align-items:center}.editor-copy>p{margin-top:20px;font-size:17px}.editor-copy>.lead{font-size:22px;line-height:1.4;color:var(--ink)}.check-list{padding:0;list-style:none;display:grid;gap:12px;margin:26px 0;font-size:15px}.check-list li{position:relative;padding-left:25px;line-height:1.5}.check-list li:before{content:'✓';position:absolute;left:0;font-weight:800;color:#527738}.editor-copy>.fine{font-size:12px}.video-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.video-pair figure{min-width:0}.video-label{display:flex;justify-content:space-between;background:white;border:1px solid var(--ink);border-bottom:none;padding:13px 12px;font:9px var(--mono);border-radius:5px 5px 0 0}.video-label.lime{background:var(--lime)}.video-pair video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#0c1812;border:1px solid var(--ink);border-radius:0 0 5px 5px}.video-pair figcaption{font-size:12px;margin-top:12px;color:var(--muted);line-height:1.4}.portal-gallery{border:1px solid var(--ink);border-radius:7px;overflow:hidden;box-shadow:7px 8px 0 #e4e7de}.gallery-tabs{display:flex;background:var(--ink);padding:12px;gap:8px}.gallery-tabs button{border:0;background:transparent;color:#dce6db;padding:15px 21px;font:11px var(--mono);border-radius:4px}.gallery-tabs span{font:700 14px var(--font);margin-left:12px}.gallery-tabs button[aria-selected=true]{background:var(--lime);color:var(--ink)}.portal-gallery figure>a{cursor:zoom-in;display:block}.portal-gallery img{width:100%}.portal-gallery figcaption{font-size:14px;line-height:1.5;padding:22px 28px;border-top:1px solid var(--line);color:var(--muted)}.portal-gallery figcaption b{color:var(--ink)}.loom-slot{border:1px dashed #a5b19d;background:var(--cream);display:flex;gap:25px;align-items:center;padding:27px;margin-top:30px;border-radius:7px}.loom-slot .eyebrow{margin-bottom:7px;font-size:9px}.loom-slot h3{font-size:24px}.loom-slot p{font-size:14px;max-width:660px;margin-top:9px}.loom-slot>.text-link{margin-left:auto}.loom-icon{font-size:45px;align-self:flex-start}.loom-video{position:relative;aspect-ratio:16/9;margin-top:32px}.loom-video iframe{position:absolute;width:100%;height:100%;border:0;border-radius:7px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 42px}.team-grid article{border-top:1px solid #b6c0b0;padding-top:23px}.team-grid article>span{font:10px var(--mono);letter-spacing:.6px}.team-grid h3{margin:20px 0 10px;font-size:26px}.team-grid p{font-size:16px;max-width:300px}.learning-section{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.learning-section>div>p{font-size:18px;margin-top:23px;max-width:550px}.lesson-card{padding:35px;border:1px solid var(--ink);border-radius:6px;box-shadow:7px 7px 0 #e3edda;transform:rotate(1.5deg)}.lesson-card h3{font-size:31px;margin-top:26px}.lesson-lines{display:grid;gap:0;margin:24px 0}.lesson-lines span{border-bottom:1px solid var(--line);padding:14px 0;font-size:16px}.loop-note{font:9px var(--mono);letter-spacing:.2px}.proof-section{display:grid;grid-template-columns:1fr .85fr;gap:45px 75px;align-items:center}.proof-copy>p{font-size:20px;margin-top:23px}.signature{font-weight:800;font-size:18px;margin-top:26px}.signature>span{display:block;font:9px var(--mono);letter-spacing:.8px;margin-top:6px}.proof-stats{display:flex;gap:30px;margin-top:40px;border-top:1px solid #cad1c4;padding-top:25px}.proof-stats strong{font:800 34px var(--heading);letter-spacing:-1.4px}.proof-stats span{display:block;font-size:13px;margin-top:5px}.proof-copy>.fine{font-size:12px}.proof-image img{border:1px solid #dce0d7;border-radius:7px;box-shadow:7px 7px 0 #e5e4d9}.proof-image a{cursor:zoom-in}.proof-image figcaption{font-size:11px;margin-top:16px;color:var(--muted)}.testimonials{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px}.testimonials blockquote{margin:0;background:white;padding:30px;border:1px solid var(--line);border-radius:5px}.testimonials blockquote p{font-size:22px;line-height:1.45;color:var(--ink)}.testimonials blockquote footer{margin-top:23px;font-size:14px;font-weight:800}.testimonials blockquote footer span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:4px}.testimonials>.fine{grid-column:1/-1}.pricing-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.pricing-copy>p{font-size:19px;max-width:430px;margin-top:25px}.production-line{padding-top:25px;border-top:1px solid var(--line)}.price-card{border:1.5px solid var(--ink);border-radius:8px;padding:35px;background:#fff;box-shadow:8px 8px 0 #e2ebd7}.price-header{font:9px var(--mono);display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{background:#e8f6d9;padding:6px 8px;border-radius:3px;white-space:nowrap;font-size:8px}.price{font:800 80px var(--heading);letter-spacing:-5px;line-height:1.1;margin-top:25px}.price>span{font:400 16px var(--font);letter-spacing:0;color:var(--muted)}.price-card>p{font-size:14px;margin-top:12px}.price-card .check-list{border-top:1px solid var(--line);padding-top:23px}.purchase{width:100%}.price-card>.requirement{font-size:12px;text-align:center;line-height:1.6;margin-top:20px}.book-call{display:block;text-align:center;margin-top:23px}.price-card>.fine{font-size:11px;text-align:center;margin-top:23px}.faq-section{padding-top:20px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-section h2{font-size:44px}.faqs details{border-bottom:1px solid var(--line);padding:21px 0}.faqs details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:17px;font-weight:700;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;font-weight:400;line-height:1}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details p{font-size:16px;margin-top:15px;padding-right:25px}.final-cta{text-align:center;border-top:1px solid var(--line);padding:85px 20px}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(40px,5vw,68px);margin-bottom:33px}.final-cta p{font-size:12px;margin-top:24px}.footer{padding:29px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);font-size:12px}.footer .brand{font-size:19px}.footer>span{color:var(--muted)}dialog{padding:0;border:1px solid var(--ink);border-radius:8px;max-width:94vw;width:1300px;max-height:92vh;background:white;color:var(--ink)}dialog::backdrop{background:#0c201bdb;backdrop-filter:blur(5px)}.dialog-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid var(--line);padding:16px 22px}.dialog-bar h2{font-size:20px;letter-spacing:-.5px}.dialog-close{background:var(--cream);border:1px solid var(--line);border-radius:4px;font-size:26px;line-height:1;width:36px;height:36px}.dialog-close:hover{background:var(--lime)}dialog>img{width:100%;height:auto}
@media(min-width:1600px){.hero,.section{padding-left:max(7vw,calc((100vw - 1400px)/2));padding-right:max(7vw,calc((100vw - 1400px)/2))}.hero{gap:65px}.hero h1{font-size:86px}}
@media(max-width:1100px){.header{gap:18px;padding-inline:3vw}.brand{font-size:18px}.header nav{gap:16px;font-size:12px}.hero{gap:35px;padding-inline:5vw}.hero h1{font-size:65px}.hero-description{font-size:20px}.hero-visual{align-self:center}.hero-chips{gap:10px;font-size:7px}.section{padding:75px 5vw}.split-heading{gap:30px}.split-heading>p{max-width:330px;font-size:17px}.responsibilities article{padding:24px}.format-strip{gap:16px}.editor-section{gap:35px}.learning-section{gap:40px}.proof-section{gap:40px}.pricing-section{gap:50px}.price-card{padding:27px}.price-header{font-size:8px}.faq-section{padding-top:15px}.proof-stats{gap:22px}.proof-stats strong{font-size:30px}}
@media(max-width:850px){.header{height:auto;min-height:80px;padding:15px 4vw;flex-wrap:wrap;gap:12px}.header nav{order:3;width:100%;justify-content:center;gap:25px;font-size:12px;border-top:1px solid #edf0e9;padding-top:11px}.hero{grid-template-columns:1fr;padding:65px 7vw 50px;gap:10px}.hero h1{font-size:clamp(55px,9vw,78px)}.hero-copy{max-width:650px}.hero-secondary{max-width:560px}.hero-visual{max-width:650px;width:100%;justify-self:center;padding-top:20px}.hero-screen{transform:rotate(-1deg)}.hero-chips{font-size:9px}.format-strip{flex-wrap:wrap;justify-content:center;gap:16px 25px}.format-strip>span{max-width:none;width:100%;text-align:center}.pain-grid{gap:23px}.pain-grid h3{font-size:22px}.pain-grid p{font-size:15px}.split-heading{display:block}.split-heading>p{max-width:650px;margin-top:22px}.responsibilities{gap:12px;grid-template-columns:1fr 1.15fr 1fr}.responsibilities article{padding:20px}.responsibilities h3{font-size:22px}.responsibilities p{font-size:14px}.percent{font-size:62px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article{padding:25px}.editor-section{grid-template-columns:1fr;gap:35px}.editor-copy{max-width:650px}.video-pair{max-width:500px;justify-self:center;width:100%}.gallery-tabs{padding:8px;gap:5px}.gallery-tabs button{flex:1;padding:12px 8px;font-size:9px}.gallery-tabs span{margin-left:5px;font-size:12px}.loom-slot{flex-wrap:wrap;gap:20px}.loom-slot>div{flex:1}.loom-slot>.text-link{margin-left:60px}.learning-section{grid-template-columns:1fr;gap:35px}.lesson-card{max-width:600px;transform:rotate(1deg);margin-inline:10px}.proof-section{grid-template-columns:1fr 1fr;gap:35px}.proof-stats{gap:18px;flex-wrap:wrap}.proof-stats strong{font-size:28px}.proof-copy>p{font-size:17px}.testimonials blockquote{padding:25px}.testimonials blockquote p{font-size:19px}.pricing-section{gap:35px;grid-template-columns:.9fr 1.1fr}.pricing-copy h2{font-size:40px}.price{font-size:65px}.price>span{font-size:14px}.price-header{flex-wrap:wrap}.faq-section{gap:35px;grid-template-columns:.8fr 1.2fr}.faq-section h2{font-size:35px}.footer{flex-wrap:wrap}.footer>span{order:3;width:100%;text-align:center}}
@media(max-width:600px){html{scroll-padding-top:130px}.header .brand{font-size:18px;gap:5px}.header .brand img{width:32px;height:30px}.os{font-size:8px;margin-left:3px}.header .button{font-size:11px;padding:10px 11px;gap:10px;box-shadow:3px 3px 0}.header nav{gap:0;justify-content:space-between;font-size:11px}.hero{padding:48px 6vw 38px}.hero h1{font-size:clamp(47px,10.7vw,66px)}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:18px}.hero-description{font-size:20px}.hero-secondary{font-size:16px}.actions{align-items:flex-start;gap:24px;margin-top:25px}.button{padding:17px 20px;font-size:14px}.hero .fine{font-size:11px}.pencil-note{font-size:14px;margin-top:10px}.hero-visual{padding-bottom:5px}.feed-note{font-size:16px;padding:14px 18px;margin-left:12px;max-width:250px}.feed-note>span{font-size:36px}.hero-chips{font-size:7px;gap:12px;margin-top:28px;justify-content:center}.format-strip{gap:13px 16px;padding:20px}.format-strip b{font-size:12px}.format-strip i{font-size:11px}.format-strip i:last-of-type{display:none}.section{padding:58px 6vw}h2{font-size:36px}.section-intro{margin-bottom:30px}.section-intro>p{font-size:17px;margin-top:20px}.pain-grid{grid-template-columns:1fr;gap:28px}.pain-grid article{padding-top:20px}.pain-grid h3{font-size:25px;margin:18px 0 12px}.pain-grid p{font-size:16px}.thesis{gap:15px;margin-top:30px;padding-top:20px;align-items:start}.thesis>span{font-size:30px}.thesis p{font-size:18px}.responsibilities{grid-template-columns:1fr;gap:16px}.responsibilities article{padding:25px}.percent{font-size:65px;float:right;margin-left:14px;margin-bottom:10px}.responsibilities .index{font-size:8px;margin-top:9px;max-width:180px}.responsibilities h3{font-size:25px;margin-top:24px}.responsibilities p{font-size:16px;clear:both;padding-top:4px}.responsibilities .machine-step{box-shadow:4px 4px 0 #c7d9b9}.control-note{grid-template-columns:1fr;gap:16px;margin-top:28px;padding-top:25px}.control-note b{font-size:23px}.framework-note{font-size:11px}.split-heading{margin-bottom:28px}.split-heading>p{font-size:17px}.sketch{padding:9px;box-shadow:5px 5px 0 #ecebdf}.sketch figcaption{padding:15px 5px 3px;font-size:11px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{padding:20px 15px}.feature-grid h3{font-size:20px}.feature-grid p{font-size:14px;line-height:1.5}.feature-icon{font-size:22px;width:36px;height:36px;margin-bottom:15px}.feature-grid a{font-size:12px}.feature-note{font-size:11px}.editor-copy>.lead{font-size:21px}.editor-copy>p{font-size:16px}.video-pair{gap:12px}.video-label{font-size:8px;padding:11px 9px}.video-pair figcaption{font-size:11px}.gallery-tabs button{font-size:8px;padding:10px 4px}.gallery-tabs span{display:block;font-size:10px;margin:5px 0 0}.portal-gallery{box-shadow:4px 5px 0 #e4e7de}.portal-gallery figcaption{font-size:12px;padding:16px}.loom-slot{padding:20px;gap:12px}.loom-icon{font-size:26px}.loom-slot h3{font-size:21px}.loom-slot p{font-size:13px}.loom-slot>.text-link{margin-left:37px}.team-grid{grid-template-columns:1fr 1fr;gap:27px 22px}.team-grid article>span{font-size:8px}.team-grid h3{font-size:23px;margin-top:15px}.team-grid p{font-size:15px}.learning-section>div>p{font-size:17px}.lesson-card{padding:25px}.lesson-card h3{font-size:29px}.loop-note{font-size:8px;letter-spacing:-.4px}.proof-section{grid-template-columns:1fr;gap:32px}.proof-stats{justify-content:space-between;gap:15px}.proof-stats strong{font-size:33px}.proof-copy>p{font-size:19px}.proof-image{max-width:450px;justify-self:center}.testimonials{grid-template-columns:1fr}.testimonials blockquote p{font-size:21px}.pricing-section{grid-template-columns:1fr;gap:35px}.pricing-copy h2{font-size:40px}.price-card{padding:26px 23px}.price-header{flex-wrap:nowrap;font-size:8px}.price{font-size:75px}.price>span{font-size:15px}.price-card .check-list{font-size:14px}.price-card>.requirement{font-size:11px}.faq-section{grid-template-columns:1fr;gap:30px;padding-top:10px}.faq-section h2{font-size:36px}summary{font-size:16px}.faqs details p{font-size:15px}.final-cta{padding:55px 6vw}.final-cta h2{font-size:37px}.final-cta p{font-size:11px}.footer{padding:23px 6vw;gap:20px}.footer .brand{font-size:16px}.footer .brand img{width:29px}.footer>span{font-size:11px}.footer>a:last-child{font-size:11px}.dialog-bar{padding:13px}.dialog-bar h2{font-size:16px}.dialog-close{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Message-first hero and a single, gentle workflow reveal. */
.hero h1{font-size:clamp(46px,4.7vw,72px);line-height:1.025;letter-spacing:-.055em}
.hero-line{display:block;max-width:10.6ch}
.hero .hero-description{max-width:none;font-weight:700;font-size:21px}
.flow-route{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;padding:0;margin:0 0 35px;text-align:center}
.flow-route:before,.flow-route:after{content:'';position:absolute;left:12.5%;right:12.5%;top:25px;height:2px;z-index:-1;background:var(--line)}
.flow-route:after{background:#82b548;transform-origin:left;transform:scaleX(1)}
.flow-route li{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;font-weight:700}
.route-icon{display:grid;place-items:center;width:51px;height:51px;border:1px solid var(--ink);border-radius:50%;background:var(--cream);font-size:25px;box-shadow:0 0 0 8px #fff}
.feature-grid article{transition:background-color .2s ease}
.feature-grid article:hover{background:#f3f9eb}
.feature-icon{transition:transform .2s ease,background-color .2s ease}
.feature-grid article:hover .feature-icon{transform:rotate(-7deg);background:var(--lime)}
@keyframes route-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes route-stop{from{transform:translateY(5px);background:var(--cream)}to{transform:translateY(0);background:var(--lime)}}
@keyframes feature-arrive{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.features.is-revealed .flow-route:after{animation:route-line 1.25s cubic-bezier(.2,.65,.3,1) both}
.features.is-revealed .route-icon{animation:route-stop .45s ease both;animation-delay:var(--arrival,0s)}
.features.is-revealed .flow-route li:nth-child(2){--arrival:.3s}
.features.is-revealed .flow-route li:nth-child(3){--arrival:.6s}
.features.is-revealed .flow-route li:nth-child(4){--arrival:.9s}
.features.is-revealed .feature-grid article{animation:feature-arrive .55s ease both;animation-delay:var(--feature-delay,0ms)}
@media(max-width:1100px){.hero h1{font-size:clamp(43px,5.15vw,57px)}}
@media(max-width:850px){.hero h1{font-size:clamp(48px,8vw,65px)}.hero-line{max-width:13ch}}
@media(max-width:600px){.hero h1{font-size:clamp(42px,10.5vw,57px)}.hero-line{max-width:12ch}.hero .hero-description{font-size:19px}.flow-route{gap:8px;margin-bottom:28px}.flow-route li{font-size:10px;line-height:1.3;gap:10px}.route-icon{width:38px;height:38px;font-size:20px;box-shadow:0 0 0 5px #fff}.flow-route:before,.flow-route:after{top:19px}}
@media(prefers-reduced-motion:reduce){.features *, .features:before,.features:after,.flow-route:after{animation:none!important;transition:none!important}.feature-grid article:hover .feature-icon{transform:none}}

/* Phone-first reading, touch targets and visual proof. */
.video-comparison{min-width:0}
.mobile-video-hint{display:none}
dialog{overflow:hidden}
.dialog-bar{position:static}
.image-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}
#image-zoom{min-height:44px;padding:9px 15px;border:1px solid var(--ink);border-radius:4px;background:var(--lime);font-weight:700;font-size:14px;white-space:nowrap}
.dialog-close{width:44px;height:44px}
.image-help{font-size:12px;line-height:1.5;padding:10px 20px;background:var(--cream)}
.image-viewport{overflow:auto;max-height:calc(88vh - 130px);max-height:calc(88dvh - 130px);overscroll-behavior:contain;max-width:100%}
.image-viewport img{width:100%;max-width:100%;height:auto;display:block}
.image-viewport.is-zoomed img{width:max(100%,var(--image-width,1200px));max-width:none}
@media(max-width:600px){
 html{scroll-padding-top:125px}
 .header{padding:8px 4vw;gap:4px 10px;min-height:0}
 .header .brand{font-size:16px;letter-spacing:-.75px;gap:5px}
 .header .brand img{width:28px;height:28px}
 .header .button{min-height:44px;min-width:89px;padding:10px 11px;font-size:11px;gap:8px}
 .header nav{padding-top:0;gap:3px;align-items:stretch}
 .header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 2px;font-size:11px}
 .hero{padding-top:32px;padding-bottom:30px}
 .hero .actions{gap:10px;margin-top:24px;margin-bottom:10px}
 .hero .actions .button{width:100%}
 .hero .actions .text-link{min-height:44px;display:flex;align-items:center}
 .hero .fine{font-size:12px}
 .section{padding-top:48px;padding-bottom:48px}
 .feature-grid{grid-template-columns:minmax(0,1fr)}
 .feature-grid article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px 15px;padding:23px 18px;align-content:start}
 .feature-grid .feature-icon{grid-column:1;grid-row:1 / 4;margin:0}
 .feature-grid h3{grid-column:2;margin:3px 0 0;font-size:21px}
 .feature-grid p{grid-column:2;font-size:16px;line-height:1.5}
 .feature-grid a{grid-column:2;margin:0;min-height:44px;display:flex;align-items:center;font-size:13px;line-height:1.4}
 .feature-note,.framework-note,.sketch figcaption,.price-card>.fine,.price-card>.requirement{font-size:12px}
 .video-comparison{width:100%;max-width:100%;justify-self:stretch}
 .mobile-video-hint{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:14px}
 .video-pair{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78vw,300px);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;max-width:100%;padding:0 5px 16px 0;justify-self:stretch}
 .video-pair figure{scroll-snap-align:start;scroll-snap-stop:always}
 .video-label{font-size:11px;padding:12px}
 .video-pair figcaption{font-size:13px}
 .gallery-tabs{gap:3px}
 .gallery-tabs button{min-height:52px;padding:10px 5px;font-size:10px}
 .gallery-tabs span{font-size:12px;line-height:1.3}
 .portal-gallery figcaption{font-size:14px}
 .book-call{min-height:44px;display:flex;align-items:center;justify-content:center}
 .dialog-bar{padding:12px;flex-wrap:wrap;gap:10px}
 .dialog-bar h2{font-size:17px;line-height:1.2;flex:1 1 100%}
 .image-controls{width:100%;justify-content:space-between}
 .image-help{font-size:12px;padding:10px 12px}
 .image-viewport{max-height:calc(88vh - 175px);max-height:calc(88dvh - 175px)}
 .faqs details{padding:0}
 .faqs summary{padding:20px 0;min-height:52px}
 .faqs details p{margin:0 0 20px}
}
.video-comparison .video-pair{margin-inline:auto}
.video-pair:focus-visible,.image-viewport:focus-visible{outline:2px solid #537f31;outline-offset:3px}
@media(max-width:350px){.header{column-gap:8px}.header .brand{font-size:15px;gap:4px}.header .button{gap:6px;padding-inline:9px}}