@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#132b2a;--muted:#627572;--line:#dfe8e4;--green:#0f695e;--green2:#167c70;--mint:#e7f5ee;--white:#fff;--bg:#f7f9f6;--orange:#d17b4e;--shadow:0 20px 70px rgba(11,50,40,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.14;letter-spacing:-.045em}h1{font-size:clamp(2.6rem,5vw,5rem);font-weight:800}h2{font-size:clamp(2rem,3vw,3.1rem)}h3{font-size:1.2rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #8cd5ba;outline-offset:2px}main{min-height:calc(100vh - 150px)}.topbar{height:82px;max-width:1240px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:1.33rem;font-weight:800;letter-spacing:-.06em}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:var(--green);font-size:22px;line-height:1}.brand-accent{font-weight:500;color:var(--green)}nav{display:flex;gap:34px;font-size:.88rem;font-weight:700}nav a:hover,.text-link:hover{color:var(--green)}.nav-count{padding:2px 7px;border-radius:99px;background:var(--mint);color:var(--green);margin-left:3px}.container{max-width:1220px;margin:auto;padding:0 28px}.hero{position:relative;padding:68px 0 74px;overflow:hidden}.hero:before{content:'';position:absolute;right:-190px;top:0;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,#e1f0e9 0,#f2f7ee 50%,transparent 70%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:72px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--green);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.eyebrow:before{content:'';width:21px;height:1px;background:var(--green)}.hero h1{max-width:710px;margin:22px 0 22px}.hero h1 em{font-style:normal;color:var(--green)}.lead{font-size:1.13rem;max-width:550px;color:#49615d}.proofs{display:grid;gap:16px;margin-top:36px}.proof{display:flex;align-items:center;gap:12px;color:#3e5551;font-size:.91rem;font-weight:600}.proof b{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #a7d4bf;border-radius:50%;color:var(--green);font-size:.8rem}.composer{background:#fff;border:1px solid #dfe9e3;box-shadow:var(--shadow);border-radius:24px;padding:27px;position:relative}.composer .topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:99px;background:#ecf7ef;color:var(--green);font-weight:700;font-size:.72rem;padding:6px 11px}.pill:before{content:'';width:6px;height:6px;border-radius:50%;background:#33a578}.small-label{font-size:.73rem;color:var(--muted);font-weight:700}.composer h2{font-size:1.35rem;letter-spacing:-.03em;margin-bottom:14px}.composer textarea{display:block;width:100%;min-height:174px;resize:vertical;padding:18px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fbfdfb;font-size:.9rem;line-height:1.6}.composer textarea::placeholder{color:#8b9d98}.tool-row{display:flex;gap:10px;margin:12px 0 22px;flex-wrap:wrap}.tool-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;color:#49635b;font-size:.78rem;font-weight:700}.tool-button:hover{border-color:#9fcdb6;color:var(--green)}.tool-button.active{background:var(--mint);color:var(--green);animation:voicePulse 1.3s infinite}.tool-button:disabled{opacity:.65;cursor:wait}@keyframes voicePulse{50%{box-shadow:0 0 0 7px #d7ece350}}.file-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.file-tag{background:#eef5f1;border-radius:6px;padding:5px 8px;font-size:.72rem}.form-label{display:block;font-size:.74rem;font-weight:800;margin-bottom:8px}.composer select{width:100%;border:1px solid var(--line);background:#fff;padding:12px 13px;border-radius:10px;color:var(--ink);font-size:.85rem;font-weight:600}.primary{border:0;border-radius:10px;background:var(--green);color:#fff;font-size:.88rem;font-weight:800;padding:14px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary:hover{background:#09564d}.primary.full{width:100%;margin-top:20px}.muted{color:var(--muted)}.subtext{font-size:.73rem;color:#82918e;text-align:center;margin-top:11px}.message{margin-top:12px;font-size:.8rem;color:#a44e34}.section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head p{color:var(--muted);max-width:500px;margin-top:12px}.text-link{font-size:.87rem;color:var(--green);font-weight:800}.examples{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.example{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;display:flex;flex-direction:column;min-height:270px;transition:transform .2s,box-shadow .2s}.example:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.example-visual{height:74px;display:flex;align-items:center;gap:7px;margin-bottom:13px}.example-visual i{height:7px;background:#98c9b2;border-radius:8px;display:block}.example-visual i:nth-child(1){width:36px;transform:rotate(-35deg)}.example-visual i:nth-child(2){width:70px;transform:rotate(25deg);background:#f4bd8a}.example-visual i:nth-child(3){width:46px;transform:rotate(-36deg)}.example-visual i:nth-child(4){width:20px;transform:rotate(30deg);background:#bedcc8}.example:nth-child(2) .example-visual i{border-radius:50%;width:27px;height:27px;transform:none;background:#b8d3dd}.example:nth-child(2) .example-visual i:nth-child(2){width:48px;height:48px;background:#cee8ce}.example:nth-child(2) .example-visual i:nth-child(3){width:34px;height:34px;background:#edd9a9}.example h3{margin:9px 0 11px}.example p{font-size:.87rem;color:var(--muted);flex:1}.example .text-link{margin-top:22px}.category{color:var(--green);font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.flow{background:#eaf3ed;padding:76px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.step{border-top:1px solid #a7c9b5;padding-top:20px}.step-number{font-size:.76rem;color:var(--green);font-weight:800}.step h3{font-size:1.02rem;margin:14px 0 8px}.step p{font-size:.82rem;color:#58716a}.page-head{padding:47px 0 31px}.page-head .eyebrow{margin-bottom:15px}.page-head h1{font-size:clamp(2.1rem,3.8vw,3.65rem);max-width:760px}.page-head p{max-width:730px;margin-top:12px;color:var(--muted)}.back-link{font-size:.79rem;color:var(--green);font-weight:800;display:inline-block;margin-bottom:18px}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(265px,1fr);gap:22px;padding-bottom:80px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:18px}.panel h2{font-size:1.23rem;margin-bottom:16px}.panel h3{font-size:1rem}.panel p{font-size:.87rem;color:#526863}.status-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:15px 0 4px;font-size:.78rem;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#39aa7a}.status-dot.waiting{background:var(--orange)}.timeline{display:grid;gap:0}.stage{display:grid;grid-template-columns:29px 1fr;gap:12px;padding:14px 0;border-top:1px solid #edf1ed}.stage:first-child{border-top:0}.stage-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef2ef;color:#758a82;font-size:.8rem}.stage.completed .stage-icon{background:#dff3e5;color:var(--green)}.stage.running .stage-icon,.stage.submitting .stage-icon{background:#d7ece3;color:var(--green);animation:pulse 1.6s infinite}.stage-title{font-weight:800;font-size:.86rem}.stage-summary{font-size:.79rem;color:#637b72;margin-top:5px;white-space:pre-wrap}.stage-time{font-size:.7rem;color:#8a9a94;margin-top:3px}@keyframes pulse{50%{box-shadow:0 0 0 6px #d7ece350}}.question{padding:17px;background:#f6faf6;border:1px solid #dbeade;border-radius:11px;margin:12px 0}.question label{font-weight:800;font-size:.84rem;display:block}.question p{font-size:.75rem;margin:5px 0 11px}.question input,.email-row input{border:1px solid var(--line);border-radius:9px;padding:11px 12px;width:100%;background:#fff}.secondary{border:1px solid #aacdbc;background:#fff;color:var(--green);border-radius:9px;padding:10px 13px;font-size:.78rem;font-weight:800}.secondary:hover{background:var(--mint)}.side-meta{display:grid;gap:10px;font-size:.79rem}.side-meta div{display:flex;justify-content:space-between;gap:10px}.side-meta strong{color:var(--ink)}.email-row{display:grid;gap:9px}.email-row .primary{width:100%}.source-card{padding:13px 0;border-top:1px solid var(--line)}.source-card:first-of-type{border-top:0}.source-card a{font-weight:800;font-size:.84rem;color:var(--green)}.source-card p{margin-top:5px;font-size:.75rem}.bars{display:flex;gap:9px;align-items:end;height:88px;margin:13px 0}.bar{background:#d5eadd;border-radius:5px 5px 0 0;min-height:5px;min-width:60px;display:flex;align-items:end;justify-content:center;padding:6px;font-size:.7rem;color:var(--green)}.bar:nth-child(2){background:#e6e8ce}.bar:nth-child(3){background:#f1e9d9}.calc-list{display:grid;gap:12px;padding-bottom:80px}.calc-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.calc-card h3{font-size:1rem;margin-bottom:6px}.calc-card p{font-size:.77rem;color:var(--muted)}.empty{background:#fff;border:1px dashed #b7d4c2;padding:38px;border-radius:16px}.empty h2{font-size:1.4rem;margin-bottom:10px}.empty p{color:var(--muted);margin-bottom:20px}.example-detail{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;padding-bottom:80px}.example-detail .panel p{margin-bottom:12px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:27px max(28px,calc((100vw - 1164px)/2));font-size:.72rem;color:#789087}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:38px}.hero{padding-top:40px}.hero h1{max-width:730px}.workspace{grid-template-columns:1fr}.example-detail{grid-template-columns:1fr}}@media(max-width:650px){.topbar{height:69px;padding:0 18px}.brand{font-size:1.07rem}.brand-icon{width:29px;height:29px;font-size:17px}nav{gap:13px;font-size:.73rem}.container{padding:0 18px}.hero{padding:42px 0 50px}.hero-grid{gap:33px}.hero h1{font-size:2.65rem}.lead{font-size:1rem}.proofs{margin-top:28px}.composer{padding:19px;border-radius:18px}.section{padding:52px 0}.examples{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr);gap:22px}.section-head{align-items:start;flex-direction:column}.page-head{padding:30px 0 23px}.panel{padding:18px}.calc-card{grid-template-columns:1fr}.calc-card .secondary{justify-self:start}footer{padding:24px 18px;flex-direction:column}}
.stage-progress{font-size:.78rem;color:var(--green);font-weight:700;margin-top:4px}.question-panel{border-color:#c9e5d4;background:linear-gradient(145deg,#fff,#f5fbf6)}.question-panel h2{font-size:1.45rem;margin-bottom:8px}.question-panel>p{margin-bottom:12px}.question textarea{border:1px solid var(--line);border-radius:9px;padding:11px 12px;width:100%;background:#fff;resize:vertical;min-height:64px}.stage-summary summary{cursor:pointer;font-weight:700;color:#526863;margin-bottom:5px}