:root { --ink:#151816; --cream:#f4f1e9; --paper:#fbfaf6; --green:#194f3c; --lime:#c8f169; --line:#d8d6cd; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; }
.shell { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }.nav { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.brand { display:flex; align-items:center; gap:11px; font-size:15px; font-weight:800; letter-spacing:-.02em; }.brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:12px 4px 12px 4px; background:var(--green); color:white; font-size:12px; letter-spacing:.05em; }.nav-link { font-size:13px; font-weight:700; border-bottom:1px solid var(--ink); padding-bottom:4px; }
.hero { min-height:700px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:70px; padding-block:90px; }.eyebrow,.section-label { text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:800; color:var(--green); }.eyebrow { display:flex; align-items:center; gap:9px; }.eyebrow span { width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px #e9f7c8; }h1 { margin:24px 0; max-width:690px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(50px,6vw,82px); line-height:.95; letter-spacing:-.055em; font-weight:500; }h1 em { color:var(--green); font-weight:500; }.hero-subtitle { max-width:600px; font-size:19px; line-height:1.55; color:#515650; }.hero-actions { display:flex; align-items:center; gap:20px; margin-top:34px; }.hero-actions span { color:#777b75; font-size:12px; }.button { border:0; border-radius:8px; padding:16px 22px; font-weight:800; font-size:14px; cursor:pointer; transition:transform .2s,box-shadow .2s; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--green); color:#fff; box-shadow:0 12px 28px #194f3c26; }.button-accent { width:100%; background:var(--lime); color:#173b2f; }.founder-note { display:flex; gap:14px; align-items:center; margin-top:28px; font-size:12px; }.founder-note strong { color:var(--green); }.founder-note span { color:#777b75; border-left:1px solid var(--line); padding-left:14px; }
.workflow-card { background:#fff; border:1px solid #d4d5cf; border-radius:20px; padding:0 26px 24px; box-shadow:0 30px 70px #23322817; transform:rotate(1.2deg); }.window-bar { height:52px; display:flex; align-items:center; gap:7px; border-bottom:1px solid #ecece6; color:#9a9d97; font-size:9px; letter-spacing:.12em; }.window-bar i { display:block; width:7px; height:7px; border-radius:50%; background:#d7d8d2; }.window-bar span { margin-left:auto; }.project-head { display:flex; align-items:center; justify-content:space-between; padding:28px 0 18px; }.project-head div { display:grid; gap:6px; }.project-head small,.check-list small { color:#8a8e87; font-size:10px; }.project-head strong { font-family:Georgia,serif; font-size:22px; }.status { background:#ebf7d1; color:#3b5f29; border-radius:20px; padding:7px 10px; font-size:9px; font-weight:800; }.progress { height:5px; background:#edf0e9; border-radius:5px; }.progress span { display:block; width:100%; height:100%; border-radius:5px; background:var(--lime); }.check-list { padding:12px 0; }.check-list p { display:flex; align-items:center; gap:13px; margin:0; padding:14px 0; border-bottom:1px solid #efefe9; }.check-list b { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#eef8dc; color:var(--green); font-size:12px; }.check-list p span { display:grid; gap:4px; }.check-list strong { font-size:12px; }.card-footer { display:flex; gap:22px; align-items:center; color:#888c85; font-size:10px; padding-top:8px; }.card-footer strong { margin-left:auto; color:var(--green); }
.pain-section { background:var(--cream); padding:110px 0; border-block:1px solid var(--line); }.split { display:grid; grid-template-columns:1fr 1fr; gap:100px; }h2 { margin:18px 0; font-family:Georgia,serif; font-weight:500; letter-spacing:-.04em; font-size:clamp(38px,5vw,60px); line-height:1.02; }.pain-list p { display:grid; grid-template-columns:48px 1fr; gap:18px; align-items:center; margin:0; padding:22px 0; border-bottom:1px solid #cccac0; font-size:16px; font-weight:700; }.pain-list span { color:#8d918a; font-family:Georgia,serif; font-style:italic; }
.deliverables { padding-block:120px; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:60px; margin-bottom:60px; }.section-heading h2 { max-width:670px; }.section-heading>p { max-width:390px; line-height:1.6; color:#666b65; }.deliverable-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.deliverable-grid article { min-height:230px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.deliverable-grid article>span { font-family:Georgia,serif; color:#9a9e98; font-size:13px; font-style:italic; }.deliverable-grid h3 { margin:55px 0 12px; font-size:18px; }.deliverable-grid p { color:#656a64; line-height:1.55; font-size:14px; }
.validation { padding-bottom:120px; }.validation-box { background:var(--green); color:white; border-radius:18px; padding:70px; position:relative; overflow:hidden; }.validation-box::after { content:'03'; position:absolute; right:-20px; bottom:-78px; font-family:Georgia,serif; font-size:260px; color:#ffffff0c; }.validation-box .section-label { color:var(--lime); }.validation-box h2 { max-width:700px; }.validation-box>p { max-width:700px; color:#d4e0da; line-height:1.7; font-size:16px; }.steps { display:flex; gap:15px; margin-top:45px; position:relative; z-index:1; }.steps span { flex:1; display:flex; align-items:center; gap:14px; padding:17px; border:1px solid #ffffff25; border-radius:8px; font-size:12px; }.steps b { color:var(--lime); }
.signup-section { background:#151b17; color:white; padding:110px 0; }.signup-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:start; }.section-label.light { color:var(--lime); }.signup-grid>div>p:not(.section-label) { color:#aeb8b2; line-height:1.7; max-width:520px; }.price { display:flex; align-items:center; gap:18px; margin-top:38px; }.price strong { color:var(--lime); font-family:Georgia,serif; font-size:42px; }.price span { color:#929d97; font-size:11px; line-height:1.4; border-left:1px solid #3b433e; padding-left:18px; }.signup-form,.success-card { background:#fff; color:var(--ink); border-radius:14px; padding:38px; }.signup-form { display:grid; gap:20px; }.signup-form label { display:grid; gap:8px; font-size:11px; font-weight:800; }.signup-form input,.signup-form select,.signup-form textarea { width:100%; border:1px solid #d7d9d3; border-radius:7px; background:#fafaf7; padding:13px 14px; font:14px Arial,sans-serif; color:var(--ink); outline:none; }.signup-form input:focus,.signup-form select:focus,.signup-form textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px #194f3c12; }.signup-form .consent { display:flex; grid-template-columns:18px 1fr; align-items:start; font-weight:400; color:#676c66; line-height:1.45; }.consent input { width:16px; margin-top:2px; }.signup-form small { text-align:center; color:#8b8f89; }.trap { position:absolute!important; left:-9999px!important; }.form-error { margin:0; color:#a52a2a; font-size:12px; }.success-card { min-height:330px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }.success-card>span { display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:#eff8da; color:var(--green); font-size:24px; }.success-card h3 { font-family:Georgia,serif; font-size:30px; margin:24px 0 10px; }.success-card p { max-width:440px; color:#656a64; line-height:1.6; }.footer { height:110px; display:flex; justify-content:space-between; align-items:center; }.footer p { color:#888d86; font-size:11px; }
@media (max-width:850px) { .hero,.split,.signup-grid { grid-template-columns:1fr; gap:60px; }.hero { padding-block:60px 90px; }.workflow-card { width:min(580px,100%); margin:auto; }.section-heading { display:block; }.deliverable-grid { grid-template-columns:repeat(2,1fr); }.steps { flex-direction:column; } }
@media (max-width:560px) { .shell { width:min(100% - 28px,1160px); }.nav { height:68px; }.hero { min-height:auto; }h1 { font-size:50px; }.hero-actions,.founder-note { align-items:flex-start; flex-direction:column; }.founder-note span { border:0; padding:0; }.deliverable-grid { grid-template-columns:1fr; }.validation-box { padding:44px 26px; }.signup-form { padding:26px 20px; }.footer { height:140px; align-items:flex-start; flex-direction:column; justify-content:center; gap:18px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button { transition:none; } }
.form-message { min-height:16px; margin:0; font-size:12px; }
.button:disabled { cursor:wait; opacity:.7; transform:none; }
.account-section { padding:110px 0; background:#eef3e8; border-block:1px solid var(--line); }.account-box { max-width:920px; }.account-questions { display:grid; gap:0; margin:42px 0 30px; border-top:1px solid #ccd2c7; }.account-questions p { margin:0; padding:20px 0; border-bottom:1px solid #ccd2c7; font-family:Georgia,serif; font-size:22px; }.account-total { max-width:800px; color:#555d56; font-size:17px; line-height:1.7; }.account-close { display:block; margin-top:28px; color:var(--green); font-size:20px; }
.pain-scenes { display:grid; grid-template-columns:1fr 1fr; gap:0 60px; margin-top:45px; }.pain-scenes article { display:grid; grid-template-columns:45px 1fr; gap:18px; padding:28px 0; border-top:1px solid #cccac0; }.pain-scenes article>span { color:#858b84; font-family:Georgia,serif; font-style:italic; }.pain-scenes h3 { margin:0 0 10px; font-size:18px; }.pain-scenes p { margin:0; color:#5f655f; line-height:1.6; }.pain-scenes code { font-size:12px; background:#e4e1d8; padding:2px 4px; }
.objection { padding-block:120px; }.objection-box { border:1px solid var(--line); border-left:7px solid var(--lime); padding:60px; max-width:980px; margin:auto; }.objection-box h2 { max-width:820px; }.objection-box p { color:#5c625c; line-height:1.75; font-size:16px; }.objection-box strong { display:block; margin-top:28px; color:var(--green); font-size:18px; line-height:1.5; }
.artifact-section { padding:110px 0; background:var(--cream); border-block:1px solid var(--line); }.artifact-box { max-width:900px; }.artifact-box p:not(.section-label) { color:#5c625c; line-height:1.75; font-size:17px; }.artifact-box strong { display:block; margin-top:28px; color:var(--green); font-size:19px; }
.faq-section { padding:110px 0; background:var(--cream); }.faq-section h2 { max-width:850px; }.faq-list { max-width:900px; margin-top:50px; border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); padding:22px 0; }.faq-list summary { cursor:pointer; font-weight:800; font-size:17px; }.faq-list details p { max-width:800px; color:#5f655f; line-height:1.7; }.price-note { font-size:12px!important; color:#929d97!important; }
@media (max-width:850px) { .pain-scenes { grid-template-columns:1fr; }.objection-box { padding:42px 30px; } }
.hero.shell { width:min(1280px,calc(100% - 40px)); grid-template-columns:minmax(0,1.28fr) minmax(350px,.72fr); gap:48px; }
.hero h1 { max-width:820px; font-size:clamp(52px,4.25vw,68px); line-height:.98; letter-spacing:-.05em; }
.hero .workflow-card { width:100%; max-width:500px; justify-self:end; transform:rotate(1.2deg) scale(.94); transform-origin:center right; }
@media (max-width:850px) { .hero.shell { width:min(1160px,calc(100% - 40px)); grid-template-columns:1fr; gap:60px; }.hero .workflow-card { justify-self:center; transform:rotate(1.2deg); transform-origin:center; }.promise-break { display:none; } }
.validation { padding-block:120px; }