/* Matches the existing workspace visual system in refinement.css. */
:root{--brand:#3668df;--ink:#202631;--muted:#77818e;--line:#e9ecf0;--bg:#fff;--soft:#eff4ff;--shadow:0 2px 8px #17243c06}
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #7194ff;outline-offset:3px}.site-nav,footer{max-width:1240px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-nav{border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:750;color:var(--ink);letter-spacing:-.6px;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand);color:#fff;margin-right:8px}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{font-size:14px;color:#4d5c73}nav [aria-current=page]{color:var(--brand);font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e0ef;border-radius:9px;padding:12px 20px;background:#fff;color:#244987;font-size:14px;font-weight:650;cursor:pointer;text-align:center;line-height:1.5}.button:hover{background:#edf2ff;text-decoration:none}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.primary:hover{background:#2f5ed0}.button.small{padding:8px 18px}.hero{max-width:1240px;margin:0 auto;padding:90px 32px 80px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--brand)}h1{font-size:clamp(34px,4.4vw,58px);letter-spacing:-2px;line-height:1.12;margin:20px 0}h2{font-size:30px;letter-spacing:-.7px;line-height:1.25}h3{font-size:18px}.lead{font-size:18px;color:#596b85;max-width:600px}.muted,.billing{color:var(--muted);font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.product-preview{border:1px solid var(--line);border-radius:18px;padding:24px;background:white;box-shadow:0 24px 60px #25498c12;transform:rotate(-1deg)}.preview-top,.work-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-top span{font-size:11px;color:var(--muted)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.mini-stats div{background:#f4f6fd;padding:15px 10px;border-radius:10px;font-size:11px;color:#63718a}.mini-stats b{display:block;color:#274eaa;font-size:28px}.work-row{border:1px solid var(--line);border-radius:8px;padding:13px 10px;margin:9px 0;font-size:12px}.work-row div{flex:1}.work-row small{display:block;color:#71819b}.avatar{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;color:#fff;background:#e7edf8}.avatar.purple{background:#e7edf8}.pill{border-radius:30px;padding:3px 9px;font-size:10px;background:#eef3ff;color:#4a66b1}.preview-note{padding:18px;background:#eff4ff;border-radius:10px;margin-top:20px;font-size:13px;color:#55739d}.section{max-width:1240px;padding:52px 32px;margin:auto}.centered{text-align:center}.centered .lead{margin:20px auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:32px 0}.feature-grid article{background:#fff;border:1px solid #e4e9f2;padding:26px;border-radius:12px}.feature-grid h2{font-size:19px}.feature-grid p{color:#62718b;font-size:15px}.price-controls{display:flex;justify-content:center;align-items:end;flex-wrap:wrap;gap:12px;margin:28px 0 10px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#53647f;text-align:left}input,select,textarea{width:100%;background:white;border:1px solid #d5deed;border-radius:7px;padding:11px 12px;color:var(--ink);min-height:45px}textarea{resize:vertical}.pricing-section{padding-top:5px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{position:relative;border:1px solid #dfe5f0;border-radius:15px;padding:30px;background:#fff;display:flex;flex-direction:column}.price-card h2{font-size:26px;margin:8px 0}.price-card>p{font-size:14px;color:#66748b}.price-card.recommended{border:2px solid var(--brand);box-shadow:0 15px 45px #244bad12}.badge{position:absolute;top:-15px;left:24px;background:var(--brand);color:white;padding:4px 15px;border-radius:20px;font-size:12px}.price{font-size:36px;font-weight:750;letter-spacing:-1px;margin-top:16px}.price small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.billing{margin:0 0 16px}.price-card ul{list-style:none;padding:0;font-size:14px;margin-top:26px}.price-card li{padding:8px 0 8px 20px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--brand)}.pricing-note{margin-top:28px}.pricing-section>p{color:#65758d;font-size:13px}.guarantee{padding:22px;border:1px solid #e9ecf0;background:#eff4ff;border-radius:10px;font-size:14px;margin-top:26px}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.public-form{background:white;border:1px solid var(--line);padding:30px;border-radius:14px;display:grid;gap:16px}.check{display:block}.check input{width:16px;min-height:0;vertical-align:middle}.honeypot{position:absolute;left:-10000px}.error{background:#fff0f0;color:#9c2634;padding:14px;border-radius:8px}.narrow{max-width:820px;min-height:65vh}.narrow p{margin:24px 0}.reply{border:1px solid #dbe4f5;background:#fff;padding:20px;border-radius:10px;margin:15px 0}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid var(--line);margin-top:45px;font-size:12px;color:#72829a}footer nav{gap:18px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:white;padding:10px;z-index:10}@media(max-width:900px){.hero{gap:30px;padding-top:50px}.site-nav{flex-wrap:wrap}.feature-grid{grid-template-columns:repeat(2,1fr)}.price{font-size:28px}.price-card{padding:24px 18px}.form-layout{gap:30px}footer{flex-wrap:wrap}}@media(max-width:680px){.hero,.pricing-grid,.form-layout,.feature-grid{grid-template-columns:1fr}.hero,.section{padding:35px 20px}.site-nav{padding:18px 20px}nav{gap:15px}.pricing-grid{gap:30px}.price-card{padding:28px}.price{font-size:36px}.product-preview{transform:none}.site-nav .brand{width:100%}footer{padding:25px 20px}.public-form{padding:22px}h1{letter-spacing:-1px}}

/* Shared workspace proportions, logo treatment and controls. */
:root{font-size:14px;line-height:1.5}body{-webkit-font-smoothing:antialiased}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:650;letter-spacing:-.025em}.brand img{width:28px;height:28px;border-radius:7px;object-fit:contain}.brand-mark{display:none}
.site-nav{min-height:60px;padding:16px 28px}.site-nav nav a{font-size:13px}.site-nav nav a[aria-current=page]{background:#e9eef8;color:#2a4c8c;border-radius:6px;padding:8px 10px}
.hero{padding:48px 32px;gap:40px}.section{padding:32px}.hero h1,h1{font-size:32px;font-weight:650;letter-spacing:-.035em;line-height:1.25}h2{font-size:18px;font-weight:600;letter-spacing:-.018em}h3{font-size:14px;font-weight:600}.lead{font-size:14px;color:#69707b}.eyebrow{font-size:10px;letter-spacing:.085em}
.button,.button.small,button{border-radius:6px;padding:7px 12px;min-height:33px;font-size:12px;font-weight:550;box-shadow:0 1px 2px #18223804}.button.primary{background:var(--brand);border-color:var(--brand)}.button.primary:hover{background:#2f5ed0;border-color:#2f5ed0}
input,select,textarea{border-color:#e0e5ed;border-radius:6px;padding:9px 11px;font-size:13px;min-height:36px;color:#384354}label{font-size:12px;color:#687485;font-weight:500}
.product-preview{transform:none;border-radius:8px;box-shadow:var(--shadow)}.feature-grid article,.price-card,.public-form,.reply{border-color:var(--line);border-radius:8px;box-shadow:none}.price-card.recommended{border-color:var(--brand);box-shadow:var(--shadow)}.price-card h2{font-size:18px}.price{font-size:28px;font-weight:550;letter-spacing:-.04em}.price-card>p,.price-card ul,.feature-grid p{font-size:13px}.feature-grid h2{font-size:16px}.avatar,.avatar.purple{background:#e7edf8;color:#55739d;border-radius:8px}.preview-note,.guarantee{border-radius:7px;background:var(--soft);color:#55739d}.mini-stats div{border-radius:7px;background:#fafbfd}.mini-stats b{color:var(--brand)}.pill{border-radius:5px;background:var(--soft);color:#58739f}
@media(max-width:680px){.hero,.section{padding:28px 20px}.hero h1,h1{font-size:28px}.site-nav{padding:16px 20px}.price{font-size:28px}}