/* Final art direction: an open canvas, precise lime accents, quiet motion. */
:root{--surface:#f5f3e9;--canvas:#fafbf7;--ink:#19221d;--lime:#dfff62}
body{background:var(--canvas)}
header{top:16px;padding:12px 24px;border-color:#19221d12;box-shadow:0 3px 18px #19221d04;background:#fafbf7e8}
nav a{position:relative;padding:8px 0;color:#657064;transition:color .2s}
nav a:hover,nav a[aria-current=page]{color:var(--ink);text-decoration:none}
nav a[aria-current=page]::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--ink);border-radius:2px}
.button{font-weight:600;letter-spacing:-.015em;min-height:48px}
.hero-copy .button,header .button{background:var(--lime);color:var(--ink);box-shadow:0 1px 1px #19221d09}
.hero-copy .button:hover,header .button:hover{background:#d2f35a;box-shadow:0 6px 18px #7f963019}
.hero{padding-top:92px;overflow:visible}
.hero h1{max-width:1050px;margin:0 auto 26px;font-size:clamp(50px,6.25vw,88px);line-height:1.035;letter-spacing:-.058em;font-weight:500}
.hero h1>span{color:#74806b}
.hero .eyebrow{margin-bottom:30px;font-size:11px;letter-spacing:.06em;color:#5b6856}
.beta-label{background:transparent!important;border:1px solid #cad3bf;padding:5px 9px;font-size:11px;margin-right:8px;letter-spacing:0}
.hero .lede{font-size:20px;max-width:680px;color:#5c6659;line-height:1.6}
.hero .actions{margin:29px 0 0;gap:28px}
.hero .fine{margin:17px 0 0;color:#6a7562}
.hero-product{margin:54px auto 0;max-width:1190px;padding:40px 42px 20px;background:radial-gradient(ellipse at 80% 100%,#ddd4ec66,transparent 62%),#f0f3e9;border:1px solid #e3e7dc;border-radius:28px;box-shadow:none}
.hero-product .workspace{border:1px solid #dfe5d7;box-shadow:0 24px 40px -22px #24351a45,0 3px 10px #24351a06}
.workspace{font-family:Instrument,Arial,sans-serif;background:#fff}
.workspace aside{background:#f8f9f4}
.workspace aside>.active{background:#eaf5cb;font-weight:500}
.workspace-top{font-size:12px}.workspace-top>span{background:#f1f3eb}
.workspace-main h3{font-size:27px;font-weight:500;letter-spacing:-.04em}
.workspace-main>p{font-size:13px}
.stats>div{border-radius:10px;background:#fafbf7;font-size:13px;padding:16px;border-color:#e6eadf}
.stats strong{font-size:31px;font-weight:500;line-height:1.5}
.stats small{font-size:11px}
.task-list{border-color:#e6eadf;border-radius:10px}
.task-list h4{font-weight:500;font-size:14px}
.task-list>div{font-size:13px;padding:13px 0}
.task-list small{font-size:12px}.pill{font-size:11px;padding:4px 7px}
.win{background:#eeebf5;border-radius:10px}.win h4{font-weight:500;font-size:24px}.win p,.win>span{font-size:12px}
.caption{font-size:12px;color:#64705c;margin-top:20px}
.intro{padding-top:118px;padding-bottom:65px}
.intro h2{font-weight:500;max-width:780px;margin:0 auto 26px}
.intro .eyebrow{color:#65755c}
.features{gap:30px;padding-bottom:115px}
.features article>.eyebrow{font-size:11px;letter-spacing:.08em;margin:26px 0 13px}
.features h3{font-size:28px;font-weight:500;margin-bottom:14px}
.features article>p:last-child{color:#626e5e;font-size:16px;line-height:1.7}
.benefit-visual{height:252px;min-height:252px;border:1px solid #e5e9df;border-radius:20px;background:#f1f4ec;gap:20px;padding:23px}
.project-visual{background:#f3f1f7}.success-visual{background:#f3f5ed}
.visual-label{font-size:12px;color:#5a6950}
.visual-record{border-radius:12px;border-color:#e3e8db;box-shadow:0 5px 14px #22321905;font-weight:500}
.visual-record small{font-size:12px;font-weight:400}.record-value{font-size:13px}
.visual-stages{font-size:11px;gap:7px}.visual-stages span{background:#e7ebdf;padding:5px}
.visual-row{font-size:13px}.visual-row span{font-size:11px}
.success-visual strong{font-size:30px;line-height:1.1;font-weight:500;color:#34452d}
.product-band{background:#19221d;color:#f5f3e9;border-radius:28px;padding:70px 55px;gap:65px}
.product-band .eyebrow{color:#c2d0b1}.product-band h2{font-weight:500;font-size:43px;letter-spacing:-.045em}
.product-band p{color:#b7c0b0}.product-band .button{background:#dfff62;color:#19221d;margin-top:10px}
.mini-pipeline{background:#f1f4eb;border-color:#e4e9da;padding:25px;box-shadow:0 18px 35px #0002}
.pipeline-heading{font-weight:500}.pipeline-grid h4{font-weight:500;font-size:13px}.pipeline-grid article{font-size:14px}.pipeline-grid small{font-size:12px}
.product-band .fine{font-size:11px;color:#5b6b50}
.life{padding:115px 45px;gap:85px}
.life h2{font-weight:500;font-size:57px;letter-spacing:-.05em}
.life p{max-width:400px;font-size:18px}
.life .eyebrow{font-size:11px}.life-image{border-radius:24px}
.final-cta{background:#e6f3ca;border:1px solid #dbe7c8;padding:80px 25px}
.final-cta .eyebrow{font-size:11px;letter-spacing:.1em}
.final-cta h2{font-size:clamp(42px,5.1vw,68px);font-weight:500;letter-spacing:-.05em;line-height:1.06;margin-bottom:24px}
.final-cta p{color:#526044}.final-cta .button{margin-top:8px}
footer{padding-bottom:30px}.page-hero h1{font-weight:500}.feature-grid h3{font-weight:500;font-size:29px}
.feature-grid .eyebrow{font-size:11px}.faq summary{font-weight:500}.story h2{font-weight:500}
.text-link{transition:opacity .2s;text-underline-offset:5px}.text-link:hover{opacity:.65}
.demo-controls button{transition:background .2s,color .2s,box-shadow .2s}.demo-controls button:hover{box-shadow:0 3px 10px #19221d0c}
.reveal-in{animation:peppkin-enter .65s cubic-bezier(.22,.68,.25,1) both}
.hero-product.reveal-in{animation-delay:90ms}
@keyframes peppkin-enter{from{opacity:.7;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:901px){.hero-product .workspace{grid-template-columns:160px 1fr}.workspace aside>span{font-size:12px}.large{grid-template-columns:180px 1fr}.large aside>span{font-size:14px}.large .workspace-main>p,.large .task-list>div{font-size:14px}.large .stats small{font-size:12px}}
@media(max-width:1050px){.features{gap:20px}.benefit-visual{padding:17px}.visual-record{padding:12px 9px;gap:7px}.visual-record small{font-size:11px}.success-visual strong{font-size:27px}.hero h1{font-size:70px}.product-band{gap:35px}}
@media(max-width:800px){.hero{padding-top:65px}.hero h1{font-size:60px}.hero-product{padding:25px 22px 18px}.features{gap:35px;padding-bottom:75px}.benefit-visual{padding:26px;height:260px}.visual-record{padding:18px;gap:12px}.visual-record small{font-size:12px}.success-visual strong{font-size:34px}.product-band{padding:50px 30px}.life{gap:40px;padding:75px 30px}.life h2{font-size:44px}.intro{padding-top:80px}}
@media(max-width:620px){header{top:8px;padding:12px 16px}.hero{padding:43px 19px 0}.hero h1{font-size:clamp(39px,10.5vw,60px);line-height:1.07;letter-spacing:-.052em}.hero .eyebrow{font-size:9px;letter-spacing:0}.beta-label{font-size:10px}.hero .lede{font-size:18px;max-width:360px}.hero .actions{gap:17px;margin-top:25px}.hero .fine{font-size:12px}.hero-product{margin-top:36px;padding:14px 8px 14px;border-radius:20px}.workspace-main{padding:15px 12px}.workspace-main h3{font-size:21px}.workspace-main>p{font-size:12px}.stats>div{font-size:11px;padding:11px 7px}.stats strong{font-size:24px}.task-list>div{font-size:12px;gap:7px}.task-list small{font-size:11px}.pill{font-size:10px;padding:3px 5px}.caption{font-size:10px;margin-top:15px}.intro{padding-top:65px}.intro h2{font-size:35px}.features{padding-left:24px;padding-right:24px}.benefit-visual{padding:22px;height:248px;min-height:248px}.features h3{font-size:29px}.product-band{padding:40px 23px}.product-band h2{font-size:36px}.mini-pipeline{padding:15px}.pipeline-grid article{font-size:12px}.pipeline-grid small{font-size:11px}.pipeline-grid h4{font-size:12px}.life{padding:65px 24px}.life h2{font-size:43px}.final-cta{padding:55px 24px}.final-cta h2{font-size:44px}.page-hero{padding-top:50px}.large .stats>div{font-size:12px}.large .pill{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reveal-in,.hero-product.reveal-in{animation:none}html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}