:root { --ink:#12130f; --paper:#f4f0e8; --lime:#d9ff63; --violet:#7557ff; --muted:#6b6c65; --line:rgba(18,19,15,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
.nav-wrap { height:82px; padding:0 clamp(24px,5vw,80px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:20; background:rgba(244,240,232,.88); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:12px; font-weight:700; letter-spacing:-.02em; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--lime); font:700 12px "Courier New"; }
nav { display:flex; gap:32px; font-size:13px; }
nav a { opacity:.68; transition:.2s; } nav a:hover { opacity:1; }
.nav-cta { font-size:13px; font-weight:700; padding:12px 18px; border:1px solid var(--ink); border-radius:999px; }
.hero { min-height:calc(100vh - 82px); padding:clamp(70px,10vw,145px) clamp(24px,7vw,110px) 80px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:7vw; overflow:hidden; position:relative; }
.hero-copy { position:relative; z-index:2; }
.eyebrow,.section-kicker { font:700 11px "Courier New"; letter-spacing:.16em; text-transform:uppercase; display:flex; align-items:center; gap:10px; }
.eyebrow span { width:28px; height:2px; background:var(--violet); }
h1 { font-size:clamp(64px,8.4vw,136px); line-height:.82; letter-spacing:-.075em; margin:35px 0 40px; font-weight:650; }
h1 em { font-family:Georgia,serif; font-weight:400; color:var(--violet); }
.hero-text { font-size:clamp(18px,2vw,26px); line-height:1.45; max-width:720px; letter-spacing:-.02em; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.button { min-height:53px; padding:0 23px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:18px; font-size:14px; font-weight:700; transition:.25s; }
.button-primary { color:white; background:var(--ink); } .button-primary:hover { background:var(--violet); transform:translateY(-2px); }
.button-ghost { border:1px solid var(--line); } .button-ghost:hover { border-color:var(--ink); }
.trust-row { margin-top:65px; display:flex; align-items:center; flex-wrap:wrap; gap:14px; font:600 10px "Courier New"; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.trust-row i { width:3px; height:3px; border-radius:50%; background:var(--violet); }
.hero-orbit { position:absolute; border:1px solid rgba(117,87,255,.23); border-radius:50%; pointer-events:none; }
.orbit-one { width:680px; height:680px; right:-260px; top:-240px; }
.orbit-two { width:460px; height:460px; right:-80px; top:-70px; }
.agent-console { width:min(100%,490px); justify-self:end; position:relative; z-index:2; transform:rotate(1.5deg); box-shadow:0 40px 100px rgba(18,19,15,.16); border-radius:26px; overflow:hidden; background:#151611; color:white; }
.console-top { display:flex; justify-content:space-between; padding:18px 22px; border-bottom:1px solid rgba(255,255,255,.1); font:600 10px "Courier New"; color:#b9b9b2; letter-spacing:.08em; }
.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--lime); margin-right:8px; box-shadow:0 0 14px var(--lime); }
.console-main { padding:27px; }
.small-label { font:600 9px "Courier New"; color:#85867e; letter-spacing:.14em; margin:0 0 15px; }
.activity { display:grid; grid-template-columns:42px 1fr auto; gap:13px; align-items:center; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.activity-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:#272820; color:var(--lime); }
.activity strong { font-size:13px; } .activity p { margin:3px 0 0; font-size:11px; color:#9c9d94; }
.activity b { font:700 8px "Courier New"; color:#91928a; }.activity.active b{ color:var(--lime); }
.summary-card { margin-top:22px; background:var(--lime); color:var(--ink); border-radius:16px; padding:20px; display:grid; grid-template-columns:1fr auto; align-items:end; }
.summary-card span { font-size:11px; font-weight:650; }.summary-card strong { font-size:30px; letter-spacing:-.05em; }
.progress { grid-column:1/-1; height:4px; background:rgba(18,19,15,.18); margin-top:13px; border-radius:4px; overflow:hidden; }.progress i{display:block;width:87%;height:100%;background:var(--ink);}
.console-foot { padding:15px 25px; background:#25261f; color:#b1b2a9; text-align:center; font:500 10px "Courier New"; }
.manifesto { padding:140px clamp(24px,8vw,140px); background:var(--lime); display:grid; grid-template-columns:.55fr 1.2fr .8fr; gap:6vw; align-items:start; }
.manifesto h2,.section-head h2,.method-intro h2,.story-copy h2,.projects-row h2,.faq-section h2,.pricing-head h2 { font-size:clamp(42px,5vw,78px); letter-spacing:-.06em; line-height:.98; margin:0; }
.manifesto > p:last-child { font-size:18px; line-height:1.65; margin:5px 0 0; }
.agents-section,.pricing-section,.projects-section,.faq-section { padding:130px clamp(24px,7vw,110px); }
.section-head { display:grid; grid-template-columns:1.25fr .65fr; gap:10vw; align-items:end; margin-bottom:75px; }
.section-kicker { margin:0 0 24px; color:var(--violet); }.section-head>p,.projects-row>p { color:var(--muted); line-height:1.7; max-width:520px; font-size:16px; }
.service-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.service-card { padding:38px 38px 40px 0; display:grid; grid-template-columns:52px 1fr; border-bottom:1px solid var(--line); position:relative; }
.service-card:nth-child(odd){ border-right:1px solid var(--line); padding-right:42px; }.service-card:nth-child(even){ padding-left:42px; }
.service-number { font:600 11px "Courier New"; color:var(--violet); padding-top:5px; }
.service-card h3 { font-size:27px; letter-spacing:-.04em; margin:0; }.service-card h4 { grid-column:2; margin:9px 0 13px; font-family:Georgia,serif; font-weight:400; font-style:italic; font-size:17px; color:var(--violet); }
.service-card>p { grid-column:2; color:var(--muted); line-height:1.6; margin:0; max-width:520px; }
.tag-row { grid-column:2; display:flex; flex-wrap:wrap; gap:6px; margin-top:22px; }.tag-row span { font:600 9px "Courier New"; padding:7px 9px; border:1px solid var(--line); border-radius:999px; text-transform:uppercase; letter-spacing:.05em; }
.method-section { background:var(--ink); color:white; padding:130px clamp(24px,7vw,110px); display:grid; grid-template-columns:.85fr 1.15fr; gap:10vw; }
.section-kicker.light { color:var(--lime); }.method-intro>p:last-child { color:#b2b3ac; line-height:1.7; max-width:520px; font-size:17px; margin-top:35px; }
.steps { border-top:1px solid rgba(255,255,255,.16); }.steps article { display:grid; grid-template-columns:65px 1fr; gap:20px; border-bottom:1px solid rgba(255,255,255,.16); padding:28px 0; }
.steps span { color:var(--lime); font:600 11px "Courier New"; padding-top:5px; }.steps h3 { margin:0 0 8px; font-size:23px; }.steps p { margin:0;color:#aeb0a8;line-height:1.6; }
.pricing-section { background:#ebe6dd; }.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:stretch; }
.price-card { background:var(--paper); border:1px solid var(--line); border-radius:22px; padding:35px; position:relative; display:flex; flex-direction:column; }.price-card.featured { background:var(--ink); color:white; transform:translateY(-12px); }
.best-fit { position:absolute; top:-14px; left:28px; background:var(--lime); color:var(--ink); padding:8px 12px; border-radius:999px; font:700 9px "Courier New"; letter-spacing:.07em; }
.price-card h3 { font-size:18px; margin:0 0 28px; }.price-line { margin:0; display:flex; align-items:baseline; gap:8px; }.price-line strong { font-size:54px; letter-spacing:-.06em; }.price-line span,.setup { color:var(--muted); font-size:12px; }.featured .price-line span,.featured .setup { color:#aaa; }
.setup { margin:4px 0 28px; }.plan-line { min-height:52px; line-height:1.5; }.price-card ul { list-style:none; padding:25px 0; margin:0 0 25px; border-top:1px solid currentColor; border-color:rgba(120,120,110,.25); flex:1; }
.price-card li { margin:13px 0; font-size:13px; }.price-card li span { color:var(--violet); margin-right:9px; }.featured li span { color:var(--lime); }
.price-button { border:1px solid currentColor; }.featured .price-button { background:var(--lime); color:var(--ink); border-color:var(--lime); }.price-button:hover{transform:translateY(-2px);}
.pricing-note { text-align:center; max-width:850px; margin:45px auto 0; color:var(--muted); font-size:12px; line-height:1.6; }
.story-section { min-height:760px; background:var(--violet); color:white; padding:120px clamp(24px,7vw,110px); display:grid; grid-template-columns:.7fr 1fr; gap:8vw; align-items:center; overflow:hidden; }
.story-year { font-size:clamp(110px,18vw,280px); font-weight:750; letter-spacing:-.1em; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.38); transform:rotate(-90deg); }
.story-copy>p:not(.section-kicker){ color:#ded9ff; font-size:17px; line-height:1.7; }.story-facts { display:flex; flex-wrap:wrap; gap:9px; margin-top:32px; }.story-facts span { border:1px solid rgba(255,255,255,.3); padding:9px 12px; border-radius:999px; font:600 9px "Courier New"; text-transform:uppercase; }
.projects-row { display:grid; grid-template-columns:1.1fr .7fr; gap:10vw; align-items:end; }.project-strip { margin-top:80px; padding:25px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:18px; overflow:hidden; white-space:nowrap; font:700 11px "Courier New"; letter-spacing:.09em; }.project-strip i { color:var(--violet); }
.faq-section { display:grid; grid-template-columns:.7fr 1fr; gap:10vw; background:#ebe6dd; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); padding:24px 0; }.faq-list summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:25px; font-size:18px; font-weight:650; }.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--violet);font-size:25px}.faq-list p{color:var(--muted);line-height:1.65;max-width:680px;}
.contact-section { margin:22px; border-radius:28px; min-height:670px; padding:120px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:var(--ink); color:white; position:relative; overflow:hidden; }.contact-section h2 { font-size:clamp(45px,6vw,88px); line-height:.98; letter-spacing:-.065em; margin:8px 0 25px; position:relative; }.contact-section>p:not(.section-kicker,.contact-small) { max-width:690px;color:#b5b7ad;line-height:1.65;font-size:17px;position:relative}.contact-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:var(--violet);filter:blur(120px);opacity:.35;top:-280px}.centered{justify-content:center;position:relative}.button-light{background:var(--lime);color:var(--ink)}.button-dark-ghost{border:1px solid rgba(255,255,255,.25)}.contact-small{font:500 10px "Courier New";color:#888a82;margin-top:35px;}
footer { padding:55px clamp(24px,7vw,110px) 35px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:35px; align-items:center; }.footer-brand{justify-self:start}footer>p{font-size:12px;color:var(--muted);text-align:center}footer>div{display:flex;gap:18px;justify-content:end;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:10px}
.concierge { position:fixed; right:22px; bottom:22px; z-index:40; background:var(--ink); color:white; border:1px solid rgba(255,255,255,.15); box-shadow:0 16px 50px rgba(0,0,0,.24); border-radius:999px; padding:10px 17px 10px 10px; display:flex; align-items:center; gap:11px; }.concierge>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink)}.concierge strong,.concierge small{display:block}.concierge strong{font-size:12px}.concierge small{font-size:9px;color:#aaa;margin-top:2px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.agent-console{justify-self:start;margin-top:30px}.manifesto{grid-template-columns:1fr}.manifesto>p:last-child{max-width:600px}.section-head,.method-section,.projects-row,.faq-section{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card:nth-child(odd){border-right:0;padding-right:0}.service-card:nth-child(even){padding-left:0}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none;margin-top:14px}.story-section{grid-template-columns:1fr}.story-year{transform:none;font-size:28vw;line-height:.7}.method-section{gap:70px}.faq-section{gap:60px}}
@media(max-width:620px){.nav-wrap{height:72px}.brand>span:last-child{font-size:13px}.nav-cta{font-size:11px;padding:10px 13px}.hero{min-height:auto;padding-bottom:65px}h1{font-size:20vw}.hero-text{font-size:17px}.trust-row{margin-top:45px}.agent-console{transform:none}.manifesto,.agents-section,.method-section,.pricing-section,.projects-section,.faq-section{padding:85px 22px}.service-card{grid-template-columns:36px 1fr;padding:30px 0}.service-card h3{font-size:23px}.story-section{padding:85px 22px}.pricing-grid{gap:12px}.contact-section{margin:10px;padding:95px 18px}.contact-section h2{font-size:12vw}footer{grid-template-columns:1fr;justify-items:start}footer>p{text-align:left}footer>div{justify-content:start;flex-wrap:wrap}footer small{grid-column:1}.concierge{right:12px;bottom:12px}.project-strip{justify-content:flex-start}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}