@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@500;600&display=swap');

:root { --ink:#111513; --muted:#65706a; --paper:#f4f5ef; --card:#fff; --green:#b9f532; --green-dark:#87bd0f; --line:#dfe3db; --black:#0b0e0d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope, sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.site-header { height:84px; max-width:1240px; margin:auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-family:Unbounded,sans-serif; font-size:16px; font-weight:600; }
.brand-mark { width:37px; height:37px; display:grid; place-items:center; position:relative; overflow:hidden; border-radius:10px; background:var(--black); color:#fff; font-family:Unbounded,sans-serif; font-size:12px; letter-spacing:-2px; }
.brand-mark span { color:var(--green); }
.header-link { font-size:13px; font-weight:700; border-bottom:1px solid var(--ink); padding-bottom:3px; }
.hero { max-width:1240px; min-height:650px; margin:auto; padding:82px 28px 95px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:72px; }
.eyebrow { margin:0 0 25px; display:flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:700; }
.eyebrow span { width:23px; height:2px; background:var(--green-dark); }
h1,h2 { margin:0; font-family:Unbounded,sans-serif; letter-spacing:-.045em; line-height:1.08; font-weight:600; }
h1 { max-width:700px; font-size:clamp(43px,5vw,69px); }
h1 em { color:var(--green-dark); font-style:normal; }
.hero-text { max-width:610px; margin:28px 0 32px; color:var(--muted); font-size:18px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.button { min-height:56px; display:inline-flex; align-items:center; justify-content:center; gap:11px; border-radius:6px; padding:0 24px; font-weight:700; font-size:14px; transition:transform .2s,box-shadow .2s; }
.button:hover { transform:translateY(-2px); }
.button svg { width:21px; height:21px; fill:currentColor; }
.button-primary { background:var(--black); color:#fff; box-shadow:7px 7px 0 var(--green); }
.action-note { color:#77807b; font-size:12px; }
.terminal-wrap { position:relative; min-width:0; }
.terminal-glow { position:absolute; width:75%; height:70%; left:12%; top:10%; background:var(--green); opacity:.25; filter:blur(60px); }
.terminal { position:relative; border:1px solid #343a37; border-radius:14px; background:#111513; color:#fff; box-shadow:0 30px 70px rgba(10,16,12,.25); overflow:hidden; transform:rotate(1.3deg); }
.terminal-bar { height:48px; padding:0 15px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; color:#78817d; border-bottom:1px solid #2a302d; font:10px Unbounded,sans-serif; }
.terminal-dots { display:flex; gap:6px; }.terminal-dots i { width:7px;height:7px;background:#56605a;border-radius:50%; }.terminal-dots i:first-child{background:var(--green)}
.secure { justify-self:end; color:#6c776f; text-transform:uppercase; }
.chat { padding:28px 25px 32px; min-height:365px; }
.message { font-size:13px; line-height:1.55; }.message-user { width:75%; margin-left:auto; padding:13px 15px; background:#282f2b; border-radius:10px 10px 2px 10px; }
.message-codex { margin:25px 0 28px; display:flex; gap:12px; }.message-codex p{color:#a5aea9;margin:6px 0 10px}.bot-icon{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--green);color:#10130f;font:9px Unbounded}
.status { color:#7e8983; font-size:10px; }.status span{display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green)}
.terminal-line { margin-top:18px; padding:15px; border:1px solid #303833; color:#a8b0ac; font:12px monospace; }.terminal-line span{color:var(--green);margin-right:8px}
.result { margin-top:12px; color:#b5beb9; font:11px monospace; }.result b{color:var(--green);margin-right:7px}
.privacy-pill { position:absolute; right:-16px; bottom:-20px; padding:11px 15px; background:#fff; border:1px solid var(--line); box-shadow:0 12px 30px rgba(20,30,23,.12); border-radius:6px; font-size:10px; font-weight:700; transform:rotate(-2deg); }.privacy-pill span{color:var(--green-dark);margin-right:6px}
.trust-strip { max-width:1184px; margin:0 auto; padding:26px 0; display:grid; grid-template-columns:repeat(3,1fr); background:#e9ebe4; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.trust-strip>div { padding:0 34px; display:flex; align-items:center; gap:15px; border-right:1px solid #d0d5cc; }.trust-strip>div:last-child{border:0}.trust-icon{font-size:23px;color:#6b756f}.trust-strip p{margin:0}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:12px}.trust-strip small{margin-top:4px;color:#78817c;font-size:10px}
.section { max-width:1184px; margin:auto; padding:120px 0; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:48px; }.section-heading .eyebrow{align-self:flex-start;margin-top:13px}.section h2{font-size:clamp(34px,4vw,54px)}
.step-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #cbd1c7; }
.step-card { min-height:330px; padding:25px 25px 30px; position:relative; border-right:1px solid #cbd1c7; }.step-card:last-child{border:0}.step-number{color:#89928d;font:10px Unbounded}.step-icon{width:55px;height:55px;margin:55px 0 32px;display:grid;place-items:center;border:1px solid #c8cec4;border-radius:12px;font:600 14px monospace;box-shadow:5px 5px 0 #e0e3dc}.telegram-icon{background:var(--green);border-color:var(--green);font-size:22px;box-shadow:5px 5px 0 #1a1e1b}.check-icon{border-radius:50%;background:#111;color:var(--green);font-size:20px}.server-icon{font-size:22px}.step-card h3{font-size:15px;margin:0 0 12px}.step-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.step-card b{color:var(--ink)}
.own-bot { min-height:520px; padding-left:70px; padding-right:60px; display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:var(--black);color:#fff;border-radius:16px;overflow:hidden}.own-bot-copy>p:not(.eyebrow){max-width:510px;color:#9ba49f;line-height:1.7;font-size:14px}.own-bot .eyebrow span{background:var(--green)}.own-bot h2{margin-bottom:25px}.feature-list{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:11px}.feature-list i{font-style:normal;color:var(--green);margin-right:5px}.bot-visual{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #2d3531;border-radius:50%}.orbit-one{width:360px;height:360px}.orbit-two{width:260px;height:260px}.bot-card{position:absolute;width:205px;height:245px;padding:30px 20px;background:#f7f8f3;color:#171b18;border-radius:16px;text-align:center;box-shadow:0 30px 60px #000;}.bot-card-back{transform:translate(-75px,10px) rotate(-10deg);opacity:.35}.bot-card-back span{display:block;width:90px;height:7px;background:#cfd3cc;margin:15px auto}.avatar{width:82px;height:82px;margin:8px auto 22px;display:grid;place-items:center;background:var(--green);border-radius:50%;font:14px Unbounded}.avatar.muted{background:#cfd4cc}.bot-card-front{transform:translate(45px,-6px) rotate(5deg)}.bot-card b,.bot-card small{display:block}.bot-card b{font-size:14px}.bot-card small{color:#7c857f;margin-top:4px;font-size:10px}.online{display:inline-block;margin-top:22px;padding:6px 12px;border-radius:20px;background:#e5f8bc;color:#55750e;font-size:9px;font-weight:700}
.coming h2{margin-bottom:45px}.coming-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cbd1c7}.coming-grid article{min-height:170px;padding:35px 25px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;border-right:1px solid #cbd1c7}.coming-grid article:last-child{border:0}.coming-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #c7cdc4;border-radius:10px;font:600 12px monospace}.coming-grid h3{font-size:15px;margin:3px 0 10px}.coming-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.tag{align-self:start;background:#e3e6de;border-radius:20px;padding:7px 10px;color:#707973;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.08em}
.final-cta { max-width:none; min-height:470px; padding:100px 30px; position:relative; overflow:hidden; display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--green);color:#111}.final-cta h2{font-size:clamp(45px,6vw,76px)}.final-cta>p:not(.eyebrow){margin:22px 0 28px;font-size:14px}.final-cta .eyebrow{margin-bottom:25px}.final-cta .eyebrow span{background:#111}.button-light{background:#fff;box-shadow:6px 6px 0 #111}.cta-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#071000 1px,transparent 1px);background-size:8px 8px;mask-image:linear-gradient(to right,transparent,#000,transparent)}.final-cta>*:not(.cta-noise){position:relative}
footer{height:110px;max-width:1240px;margin:auto;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#77807b;font-size:10px}footer>span{justify-self:end}.footer-brand{color:var(--ink)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.terminal-wrap{max-width:620px}.section{padding:90px 25px}.trust-strip{margin:0 25px}.step-grid{grid-template-columns:1fr 1fr}.step-card:nth-child(2){border-right:0}.step-card{border-bottom:1px solid #cbd1c7}.own-bot{margin:0 25px;grid-template-columns:1fr;padding:70px 40px}.bot-visual{height:360px}.coming-grid{grid-template-columns:1fr}.coming-grid article{border-right:0;border-bottom:1px solid #cbd1c7}}
@media(max-width:600px){.site-header{height:70px;padding:0 18px}.header-link{font-size:0}.header-link span{font-size:18px}.hero{padding:48px 18px 75px;gap:58px}h1{font-size:40px}.hero-text{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.terminal{transform:none}.chat{padding:22px 16px;min-height:340px}.privacy-pill{right:5px}.trust-strip{margin:0;grid-template-columns:1fr;padding:8px 20px}.trust-strip>div{padding:16px 4px;border-right:0;border-bottom:1px solid #d0d5cc}.trust-strip>div:last-child{border:0}.section{padding:75px 18px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:22px}.step-grid{grid-template-columns:1fr}.step-card,.step-card:nth-child(2){min-height:235px;border-right:0;display:grid;grid-template-columns:55px 1fr;column-gap:20px;align-content:center}.step-number{grid-column:1/-1;margin-bottom:23px}.step-icon{margin:0;grid-row:2/4}.step-card h3{margin-top:4px}.own-bot{margin:0;border-radius:0;padding:70px 24px;gap:20px}.own-bot h2{font-size:36px}.feature-list{gap:12px}.bot-visual{transform:scale(.8);margin:-20px}.coming-grid article{grid-template-columns:auto 1fr}.tag{grid-column:2}.final-cta{padding:80px 20px}.final-cta h2{font-size:43px}footer{height:auto;padding:40px 20px;grid-template-columns:1fr;gap:20px;text-align:left}footer>span{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}