:root{
  --bg:#030506;
  --surface:#0a0f11;
  --surface-2:#0f1719;
  --text:#f7f9f9;
  --muted:#9aa8aa;
  --line:#182426;
  --teal:#12d9d0;
  --teal-soft:#7cf4ed;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(3,5,6,.92);border-bottom:1px solid rgba(255,255,255,.06)}
@media(min-width:901px){.nav{background:rgba(3,5,6,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.brand{display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:.24em;font-weight:700}
.brand img{width:36px;height:36px;object-fit:cover;object-position:center;border-radius:50%}
.nav-links{display:flex;align-items:center;gap:26px;color:#c3cdcf;font-size:14px}
.nav-links a:hover,.nav-links a.active{color:var(--teal)}
.nav-cta{padding:11px 18px;border:1px solid rgba(18,217,208,.45);border-radius:999px;color:var(--teal-soft)}
.menu{display:none;border:0;background:none;color:white;font-size:25px;line-height:1;cursor:pointer;padding:8px}
.nav-close{display:none}
.nav-overlay{display:none}
.hero{min-height:calc(100vh - 78px);display:grid;align-items:center;position:relative;overflow:visible;padding:90px 0}
.hero:before{content:"";position:absolute;inset:-30% auto auto 54%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(18,217,208,.17),rgba(18,217,208,0) 68%);filter:blur(10px)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:80px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--teal-soft);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin-bottom:22px}
.eyebrow:before{content:"";width:34px;height:1px;background:var(--teal)}
h1{font-size:clamp(40px,5.5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;max-width:900px}
h1 span,.accent{color:var(--teal)}
.lead{font-size:clamp(17px,1.8vw,20px);color:#b8c4c6;max-width:680px;line-height:1.6}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s ease;border:1px solid transparent}
.btn-primary{background:var(--teal);color:#031313}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(18,217,208,.2)}
.btn-secondary{border-color:#263537;color:#d9e2e3}.btn-secondary:hover{border-color:var(--teal);color:var(--teal)}
.hero-logo{position:relative;display:grid;place-items:center;min-height:500px;overflow:visible;padding:12px 16px}
.hero-logo img{width:min(100%,560px);border-radius:32px;box-shadow:0 45px 120px rgba(0,0,0,.65)}
.hero .method-logo-scene{width:100%;min-height:auto;margin:0}
.hero .method-logo-stage{width:min(100%,540px);min-height:360px;aspect-ratio:auto}
.card[id]{scroll-margin-top:96px}
.section{padding:88px 0;border-top:1px solid rgba(255,255,255,.045)}
.section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:48px;align-items:start;margin-bottom:48px}
.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--teal);font-weight:800}
h2{font-size:clamp(26px,2.8vw,38px);line-height:1.15;letter-spacing:-.03em;margin:0 0 16px;font-weight:700}
.section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.18;max-width:640px}
.section-head p,.copy{color:var(--muted);font-size:17px;max-width:620px;line-height:1.65}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:24px;padding:28px;min-height:260px}
.num{font-size:11px;letter-spacing:.16em;color:var(--teal);font-weight:800;margin-bottom:28px}.card h3{font-size:20px;letter-spacing:-.02em;margin:0 0 10px;font-weight:700}.card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}
.statement{padding:40px 44px;border-radius:24px;background:var(--surface);border:1px solid var(--line);font-size:clamp(20px,2.4vw,30px);line-height:1.35;letter-spacing:-.02em;font-weight:600}
.method-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden}.method-step{padding:40px;min-height:350px;background:var(--surface)}.method-step+ .method-step{border-left:1px solid var(--line)}.method-step .circle{width:48px;height:48px;border-radius:50%;border:1px solid rgba(18,217,208,.5);display:grid;place-items:center;color:var(--teal);font-weight:800;margin-bottom:60px}.method-step h3{font-size:28px;margin:0 0 14px}.method-step p{color:var(--muted)}
.method-hero{min-height:calc(100vh - 78px);display:grid;align-items:center;padding:72px 0 88px}
.method-hero>.container{width:min(calc(100% - 48px),1280px)}
.method-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}
.method-hero-copy{order:1;min-width:0}
.method-hero-title{font-size:clamp(40px,4.5vw,60px);line-height:1.05;letter-spacing:-.035em;font-weight:700;margin:0 0 24px;max-width:none}
.method-hero-title .line{display:block;color:var(--text);white-space:nowrap}
.method-hero-title .line.accent{color:var(--teal)}
.method-hero-copy p{max-width:100%;color:var(--muted);font-size:17px;margin:0;line-height:1.6}
.method-pillars{padding-top:0;border-top:0}
.method-deep{scroll-margin-top:96px}
.method-deep-inner{max-width:820px}
.method-deep .kicker{margin-bottom:18px}
.method-deep h2{font-size:clamp(26px,3vw,36px);line-height:1.15;margin:0 0 18px}
.method-deep p{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 16px}
.method-deep p:last-child{margin-bottom:0}
.method-deep-list{display:grid;gap:16px;margin-top:28px}
.method-deep-item{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.method-deep-item h3{margin:0 0 10px;font-size:22px;letter-spacing:-.02em}
.method-deep-item p{margin:0;font-size:17px}
.method-diagram{order:2;width:100%;display:flex;justify-content:center;align-items:center;overflow:visible}
.method-hero .method-logo-scene{width:100%;min-height:auto;margin:0}
.method-hero .method-logo-stage{width:min(100%,540px);min-height:360px;aspect-ratio:auto}
.method-deep-item h3{margin:0 0 8px;font-size:18px;letter-spacing:-.01em}.method-deep-item p{margin:0;font-size:15px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px}.panel h3{font-size:22px;margin-top:0;font-weight:700}.panel p{color:var(--muted);font-size:15px;line-height:1.6}
.quote{font-size:clamp(22px,2.8vw,34px);line-height:1.3;letter-spacing:-.025em;max-width:820px;font-weight:600}.quote small{display:block;margin-top:20px;color:var(--muted);font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.page-hero{padding:88px 0 72px}.page-hero h1{font-size:clamp(40px,5.5vw,68px);max-width:820px}.page-hero p{max-width:640px;color:var(--muted);font-size:17px;line-height:1.6}
.founder-grid{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:start}.founder-mark{position:sticky;top:120px;width:380px;max-width:100%;padding:0;background:transparent;border:0;border-radius:20px;overflow:hidden}.founder-mark img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:0;margin:0;display:block}.founder-caption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:56px 22px 20px;background:linear-gradient(to top,rgba(3,5,6,.9) 0%,rgba(3,5,6,.4) 55%,transparent 100%)}.founder-caption strong{display:block;font-size:20px;color:#fff;letter-spacing:-.02em}.founder-caption span{display:block;margin-top:4px;color:rgba(247,249,249,.78);font-size:14px}
.prose{font-size:17px;color:#c2ccce;line-height:1.65}.prose p{margin:0 0 20px}.prose h2{margin-top:44px;font-size:28px;color:white;font-weight:700}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:38px}.contact-card p{color:var(--muted)}
form{display:grid;gap:16px}.field{display:grid;gap:8px}.field label{font-size:13px;color:#c5d0d1}.field input,.field textarea,.field select{width:100%;background:#071012;border:1px solid #203033;color:white;border-radius:14px;padding:15px 16px;font:inherit;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal)}textarea{min-height:160px;resize:vertical}
.notice{font-size:13px;color:#78888a;margin-top:10px}
footer{padding:60px 0;border-top:1px solid var(--line);color:#849294}.footer-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.footer-brand{color:white;letter-spacing:.2em;font-weight:800}.footer-links{display:flex;gap:20px;font-size:13px}
@media(max-width:900px){.menu{display:block;z-index:220;position:relative}.nav{overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}.nav-inner{overflow:visible}.nav-links{display:flex;position:fixed;top:0;right:0;width:min(320px,86vw);height:100dvh;margin:0;padding:24px 28px 40px;flex-direction:column;align-items:stretch;gap:0;background:#05090a;border-left:1px solid var(--line);transform:translate3d(100%,0,0);transition:transform .32s ease;z-index:210;overflow-y:auto;border-bottom:0;box-shadow:-20px 0 60px rgba(0,0,0,.45)}.nav-links.open{transform:translate3d(0,0,0)}.nav-links a{padding:16px 0;font-size:18px;border-bottom:1px solid rgba(255,255,255,.06)}.nav-links .nav-cta{margin-top:20px;text-align:center;justify-content:center;display:flex;border-bottom:0}.nav-close{display:flex;align-self:flex-end;align-items:center;justify-content:center;width:44px;height:44px;margin:0 0 12px;border:0;background:none;color:white;font-size:32px;line-height:1;cursor:pointer}.nav-overlay{display:block;position:fixed;inset:0;background:rgba(3,5,6,.72);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;z-index:200;pointer-events:none}.nav-overlay.open{opacity:1;visibility:visible;pointer-events:auto}body.nav-open{overflow:hidden}.hero-grid,.section-head,.two-col,.founder-grid,.contact-grid,.method-hero-grid{grid-template-columns:1fr}.section-head{gap:16px;margin-bottom:36px}.method-hero{min-height:auto;padding:48px 0 64px}.method-hero-copy{order:2}.method-diagram{order:1;margin-bottom:20px}.method-hero-title{font-size:clamp(32px,8vw,44px);margin-bottom:20px}.method-hero-title .line{white-space:normal}.method-hero-copy p{font-size:16px}.method-pillars{padding-bottom:85px}.method-hero .method-logo-stage{width:min(100%,380px)}.method-hero .method-logo-mark{width:min(100%,240px)}.hero-logo{min-height:auto}.hero .method-logo-stage{width:min(100%,320px)}.cards,.method-flow{grid-template-columns:1fr}.method-step+ .method-step{border-left:0;border-top:1px solid var(--line)}.founder-mark{position:relative;top:auto;width:min(380px,100%);margin:0 auto 0 0}.section{padding:64px 0}.footer-grid{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.nav-inner{height:70px}.hero{padding:64px 0}.hero-grid{gap:46px}.hero-logo img{border-radius:20px}.method-hero{padding:36px 0 48px}.method-hero .method-logo-stage{width:min(100%,320px)}.statement{padding:34px}.card,.panel,.contact-card{padding:28px}.method-step{padding:28px}.method-step .circle{margin-bottom:34px}.actions{flex-direction:column;align-items:stretch}.btn{width:100%}.footer-links{flex-wrap:wrap}}
