*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#151513;
  --paper:#f5f1e9;
  --cream:#ebe4d8;
  --warm:#d8c8ad;
  --sage:#aab4a0;
  --muted:#6d6b64;
  --line:rgba(21,21,19,.14);
  --white:#fffdf8;
  --serif:"Playfair Display",Georgia,serif;
  --sans:"DM Sans",Arial,sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.topbar{height:38px;background:var(--ink);color:#f7f2e8;display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px;letter-spacing:.02em}
.topbar a{font-weight:700;border-bottom:1px solid rgba(255,255,255,.45)}
.topbar a span{margin-left:4px}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,241,233,.92);backdrop-filter:blur(16px);z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.03em}
.brand-mark{width:27px;height:27px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:13px}
.nav nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}
.nav nav a{opacity:.72;transition:.2s}
.nav nav a:hover{opacity:1}
.nav .nav-cta{opacity:1;background:var(--ink);color:var(--white);padding:11px 17px;border-radius:100px}
.menu{display:none;background:none;border:0;font-size:24px}

.hero{min-height:760px;padding:105px 7% 100px;display:grid;grid-template-columns:1.05fr .8fr;gap:8%;align-items:center;max-width:1500px;margin:auto}
.eyebrow,.section-label,.call-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#77736b}
.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:24px}
.pulse{width:7px;height:7px;border-radius:50%;background:#65755d;box-shadow:0 0 0 5px rgba(101,117,93,.12)}
.hero h1{font-size:clamp(48px,6.1vw,88px);line-height:.99;letter-spacing:-.065em;max-width:850px;font-weight:600}
h1 em,h2 em{font-family:var(--serif);font-weight:500}
.hero-lead{font-size:19px;line-height:1.6;color:#55534e;max-width:650px;margin:30px 0}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}
.button{display:inline-flex;align-items:center;gap:25px;border-radius:100px;padding:16px 22px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.12)}
.button-dark{background:var(--ink);color:var(--white)}
.button-light{background:var(--white);color:var(--ink)}
.text-link{font-size:13px;font-weight:700}
.text-link span{margin-left:10px}
.microcopy{font-size:11px;color:#8a867e;margin-top:14px}
.hero-card{background:#ded5c7;border:1px solid rgba(21,21,19,.12);padding:16px;border-radius:26px;box-shadow:0 30px 80px rgba(61,50,35,.12);transform:rotate(1.3deg)}
.phone-head{background:var(--white);border-radius:17px 17px 0 0;padding:17px;display:flex;align-items:center;gap:11px}
.avatar{width:38px;height:38px;border-radius:12px;background:var(--ink);color:white;display:grid;place-items:center;font-size:11px;font-weight:700}
.phone-head strong{font-size:13px;display:block}
.phone-head small{display:block;font-size:10px;color:#8a877f}
.online{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#6f8068}
.conversation{background:#eee8de;padding:22px 16px 18px;min-height:430px;border-radius:0 0 17px 17px;display:flex;flex-direction:column;gap:13px}
.bubble{max-width:88%;padding:14px 15px;border-radius:16px;font-size:12px;line-height:1.55}
.bubble span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:6px;opacity:.55}
.bubble.founder{background:#fffaf1;align-self:flex-end;border-bottom-right-radius:4px}
.bubble.copilot{background:#b9c2af;align-self:flex-start;border-bottom-left-radius:4px}
.bubble.short{max-width:75%}
.status{text-align:center;font-size:10px;color:#74766f;margin-top:auto}

.manifesto{background:var(--ink);color:var(--white);padding:125px 9%}
.manifesto .section-label{color:#aaa69e}
.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;margin-top:32px}
.manifesto h2{font-size:clamp(46px,5.5vw,78px);line-height:1.02;letter-spacing:-.055em}
.manifesto p{color:#bcb8b0;font-size:16px;max-width:590px;margin-bottom:20px}
.manifesto .big-copy{font-size:23px;line-height:1.45;color:#eee8dc}

.problem-section{padding:125px 7%;max-width:1450px;margin:auto}
.section-intro{max-width:680px}
.section-intro h2{font-size:clamp(46px,5.2vw,74px);line-height:1.02;letter-spacing:-.055em;margin:17px 0 24px}
.section-intro>p{color:#6c6961;font-size:17px;max-width:610px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:70px}
.problem-card{background:var(--paper);padding:35px 30px;min-height:255px;transition:background .2s}
.problem-card:hover{background:#eee8dd}
.number{font-size:10px;color:#8a877f;letter-spacing:.15em}
.problem-card h3{font-size:21px;line-height:1.2;letter-spacing:-.03em;margin:35px 0 13px}
.problem-card p{font-size:13px;color:#77736b;max-width:330px}

.how-section{background:#e3ddd1;padding:125px 7%}
.how-section>h2{font-size:clamp(46px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:17px 0 70px}
.steps{max-width:1300px;margin:auto;display:flex;align-items:flex-start;gap:18px}
.step{flex:1}
.step>span{font-size:10px;color:#7a766e;letter-spacing:.15em}
.step h3{font-size:17px;margin:16px 0 7px}
.step p{font-size:13px;color:#6c6961}
.connector{font-size:20px;color:#99948b;padding-top:45px}

.ai-section{padding:130px 8%;display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center;max-width:1400px;margin:auto}
.ai-orbit{width:min(430px,70vw);aspect-ratio:1;border-radius:50%;border:1px solid var(--line);position:relative;margin:auto;display:grid;place-items:center}
.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%}
.ring-one{inset:12%;transform:rotate(30deg)}
.ring-two{inset:28%;border-style:dashed}
.ai-core{width:105px;height:105px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:30px;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.orbit-dot{position:absolute;width:10px;height:10px;background:var(--sage);border-radius:50%}
.d1{top:17%;left:22%}.d2{right:13%;top:48%}.d3{bottom:18%;left:28%}
.ai-copy h2{font-size:clamp(45px,5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 25px}
.ai-copy p{font-size:17px;color:#66635c;max-width:570px;margin:12px 0}
.ai-copy strong{color:var(--ink)}

.relief{background:#c5cbbd;padding:120px 7%;text-align:center}
.relief-inner{max-width:950px;margin:auto}
.relief h2{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.06em}
.relief h2.accent{font-family:var(--serif);font-weight:500}
.relief p{font-size:17px;color:#555b50;margin:25px auto 45px}
.relief-list{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.relief-list div{border:1px solid rgba(21,21,19,.18);padding:9px 14px;border-radius:100px;font-size:12px}
.relief-list span{margin-right:5px}

.experience-section{padding:130px 7%;max-width:1500px;margin:auto}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:70px}
.case-card{border:1px solid var(--line);padding:35px;background:#f1ece3;min-height:380px}
.case-card.featured{background:var(--ink);color:white}
.case-top{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#88847c}
.featured .case-top{color:#aaa69f}
.case-card h3{font-size:34px;letter-spacing:-.04em;margin:45px 0 13px}
.case-lead{font-size:17px;line-height:1.45;margin-bottom:20px}
.case-card>p:not(.case-lead){font-size:13px;color:#716e67;max-width:590px}
.featured>p:not(.case-lead){color:#bdb8ae}
.case-tag{display:inline-block;margin-top:28px;border:1px solid currentColor;padding:7px 10px;border-radius:100px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.7}

.founder-test{padding:135px 10%;text-align:center;background:#f0e9de;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote-mark{font-family:var(--serif);font-size:90px;line-height:.5;color:#a79c89}
.founder-test blockquote{font-size:clamp(36px,5vw,68px);line-height:1.05;letter-spacing:-.05em;max-width:1050px;margin:35px auto 25px}
.founder-test p{color:#77736b;font-size:15px}

.not-agency{padding:130px 7%;max-width:1400px;margin:auto}
.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;align-items:start}
.not-agency h2{font-size:clamp(48px,5vw,70px);line-height:1;letter-spacing:-.055em;margin-top:18px}
.comparison{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:1fr 1.5fr;padding:24px 0;border-bottom:1px solid var(--line);gap:20px}
.row span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#858179}
.row strong{font-size:18px;letter-spacing:-.02em}
.row.highlight{padding:29px 17px;background:#dfe4d8;margin-top:1px}
.row.highlight span{color:#55624f}
.bottom-line{max-width:920px;margin:70px 0 0 auto;font-family:var(--serif);font-size:31px;line-height:1.25}

.call-section{padding:110px 5%;background:var(--ink)}
.call-card{max-width:1040px;margin:auto;text-align:center;background:#252521;color:white;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:85px 7%;box-shadow:0 30px 90px rgba(0,0,0,.18)}
.call-eyebrow{color:#aaa69d}
.call-card h2{font-size:clamp(55px,7vw,92px);line-height:.9;letter-spacing:-.065em}
.call-card h2:first-of-type{margin-top:20px}
.call-card p{font-size:17px;color:#bbb7ae;max-width:600px;margin:18px auto}
.call-points{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:32px 0}
.call-points span{font-size:11px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:100px;color:#c9c5bc}
.call-card .button{margin-top:10px}
.call-card small{display:block;font-size:9px;color:#6e6b64;margin-top:15px}

footer{background:#10100f;color:#e9e4da;padding:65px 7% 25px;display:grid;grid-template-columns:1fr auto;gap:50px}
.footer-brand p{color:#85827a;font-size:13px;margin-top:18px}
.footer-links{display:flex;gap:25px;font-size:12px;align-items:flex-start}
.footer-links a{color:#b7b3aa}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#66645f;text-transform:uppercase;letter-spacing:.08em}

@media(max-width:900px){
  .nav nav{display:none}.menu{display:block}
  .hero{grid-template-columns:1fr;padding-top:75px}.hero-card{max-width:560px;margin:10px auto 0;width:100%}
  .manifesto-grid,.ai-section,.split{grid-template-columns:1fr;gap:45px}
  .problem-grid{grid-template-columns:1fr 1fr}
  .steps{display:grid;grid-template-columns:1fr 1fr}.connector{display:none}
  .ai-orbit{order:2}
  .case-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .topbar{padding:0 15px;justify-content:space-between;font-size:9px;gap:10px}
  .topbar span:first-child{max-width:190px}.nav{height:70px;padding:0 5%}
  .hero{padding:60px 6% 75px;min-height:auto}.hero h1{font-size:48px}
  .hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .hero-card{padding:9px;border-radius:20px}.conversation{min-height:390px}
  .manifesto,.problem-section,.how-section,.ai-section,.experience-section,.not-agency{padding:80px 6%}
  .problem-grid{grid-template-columns:1fr;margin-top:45px}.problem-card{min-height:220px}
  .how-section>h2{margin-bottom:45px}
  .steps{grid-template-columns:1fr;gap:30px}.step{border-bottom:1px solid var(--line);padding-bottom:25px}
  .ai-section{padding-top:80px}.ai-orbit{width:80vw}
  .relief{padding:85px 6%}.relief-list{justify-content:flex-start}
  .case-card{min-height:auto;padding:27px}.case-card h3{margin-top:35px}
  .founder-test{padding:90px 7%}
  .not-agency .row{grid-template-columns:1fr;gap:8px}.bottom-line{font-size:25px;margin-top:45px}
  .call-section{padding:65px 4%}.call-card{padding:65px 6%}.call-card h2{font-size:55px}
  footer{grid-template-columns:1fr;padding:50px 6% 25px}.footer-links{flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}
}

.human-note{display:flex;align-items:baseline;gap:8px;margin-top:22px;font-size:14px;letter-spacing:-.02em;color:#5f5b54}.human-note strong{font-size:17px;color:var(--ink)}.human-note span{font-size:12px;color:#817c73}.cafe-line{margin:42px auto 0;max-width:760px;padding:25px 0 0;border-top:1px solid rgba(21,21,19,.18);display:flex;flex-direction:column;gap:7px}.cafe-line strong{font-family:var(--serif);font-size:24px;line-height:1.25;font-weight:500}.cafe-line span{font-size:12px;color:#5d6358}.therapy-section{padding:130px 7%;background:#f8f4ec;display:grid;grid-template-columns:1fr .9fr;gap:10%;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.therapy-copy h2{font-size:clamp(48px,5.4vw,76px);line-height:1;letter-spacing:-.055em;margin:18px 0 25px}.therapy-copy p{max-width:570px;font-size:17px;color:#6c6961;margin:12px 0}.therapy-card{background:var(--ink);color:var(--white);padding:38px;border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.12)}.therapy-kicker{font-size:9px;letter-spacing:.16em;color:#9f9b93;margin-bottom:25px}.therapy-card>p{font-family:var(--serif);font-size:24px;line-height:1.35;color:#f1ece3}.therapy-response{margin-top:25px;padding:20px;background:#272723;border-radius:15px;display:flex;flex-direction:column;gap:8px}.therapy-response span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#aab4a0}.therapy-response strong{font-size:20px;line-height:1.25}.therapy-response small{font-size:12px;line-height:1.5;color:#aaa69e}.therapy-link{display:inline-flex;margin-top:24px;font-size:12px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px}.therapy-link span{margin-left:8px}@media(max-width:900px){.therapy-section{grid-template-columns:1fr;gap:45px}}@media(max-width:600px){.human-note{flex-direction:column;gap:2px}.cafe-line strong{font-size:21px}.therapy-section{padding:80px 6%}.therapy-card{padding:28px}.therapy-card>p{font-size:21px}}


/* Human-first positioning */
.human-note{
  display:flex;align-items:baseline;gap:10px;margin-top:22px;
  padding:13px 16px;border-left:3px solid var(--ink);background:rgba(21,21,19,.045);
}
.human-note strong{font-size:18px;color:var(--ink);white-space:nowrap}
.human-note span{font-size:12px;color:#5e5a52;font-weight:600}
.human-promise{
  margin-top:14px;max-width:720px;padding:18px 20px;border:1px solid rgba(21,21,19,.14);
  border-radius:16px;background:#fffdf8;display:flex;flex-direction:column;gap:7px;
}
.human-promise strong{font-size:16px;letter-spacing:-.02em}
.human-promise span{font-size:13px;line-height:1.6;color:#67635b}
.human-promise em{font-style:normal;font-weight:700;color:var(--ink)}

.button-outline{
  border:1px solid rgba(21,21,19,.25);background:transparent;color:var(--ink);
}
.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:10px}
.button-call{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.25)}
.call-card small{max-width:520px;margin-left:auto;margin-right:auto}
.phone-head small{font-weight:700;color:#5c6857}
.status{font-size:10px!important;line-height:1.4}
.ai-core{font-size:9px!important;letter-spacing:.12em;font-weight:800;text-align:center}
.footer-bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
  .human-note{align-items:flex-start}
  .human-note strong{white-space:normal}
  .hero-actions{align-items:stretch}
  .hero-actions .button{justify-content:center}
  .contact-actions{flex-direction:column}
  .contact-actions .button{justify-content:center}
}