:root { --ink:#18372f; --muted:#5e746d; --emerald:#0b705b; --emerald-deep:#075344; --mint:#dff2e7; --cream:#fbf8ef; --gold:#d7a94d; --line:rgba(17,90,73,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.11em; }
.brand-mark { display:block; width:68px; height:56px; flex:0 0 auto; filter:drop-shadow(0 8px 14px rgba(11,112,91,.18)); }
.brand-mark img { display:block; width:100%; height:100%; object-fit:contain; }
nav { display:flex; align-items:center; gap:30px; font-size:14px; font-weight:650; }
nav a:not(.nav-cta):hover { color:var(--emerald); }
.nav-cta { padding:12px 18px; border:1px solid var(--emerald); border-radius:999px; }
.hero { min-height:680px; display:grid; grid-template-columns:1.15fr .85fr; gap:80px; align-items:center; padding-block:86px; }
.eyebrow { margin:0 0 18px; color:var(--emerald); font-size:13px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1 { max-width:760px; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(52px,7vw,84px); line-height:.98; letter-spacing:-.045em; font-weight:500; }
.hero-lead { max-width:660px; margin:30px 0 0; color:var(--muted); font-size:20px; line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:38px; flex-wrap:wrap; }
.primary-button { display:inline-flex; padding:17px 24px; border-radius:14px; background:var(--emerald); color:#fff; font-weight:750; box-shadow:0 12px 30px rgba(11,112,91,.2); transition:transform .2s,background .2s; }
.primary-button:hover { transform:translateY(-2px); background:var(--emerald-deep); }
.text-link { font-weight:700; }
.text-link span { color:var(--emerald); margin-left:5px; }
.availability { margin-top:32px; color:var(--muted); font-size:14px; }
.safety-card { position:relative; overflow:hidden; padding:38px; border-radius:32px; color:#fff; background:linear-gradient(150deg,#0d765f,#06483c); box-shadow:0 30px 70px rgba(10,76,62,.25); }
.card-topline { display:flex; align-items:center; gap:10px; position:relative; z-index:1; font-size:13px; text-transform:uppercase; letter-spacing:.11em; opacity:.9; }
.pulse { width:9px; height:9px; border-radius:50%; background:#f3ce75; box-shadow:0 0 0 7px rgba(243,206,117,.12); }
.safety-card h2 { position:relative; z-index:1; margin:32px 0 26px; max-width:380px; font-family:Georgia,serif; font-size:40px; line-height:1.08; font-weight:500; }
.safety-card ul { position:relative; z-index:1; list-style:none; padding:0; margin:0; }
.safety-card li { padding:15px 0 15px 30px; border-top:1px solid rgba(255,255,255,.16); line-height:1.4; }
.safety-card li::before { content:"✓"; position:absolute; margin-left:-28px; color:#f3ce75; font-weight:900; }
.card-note { position:relative; z-index:1; margin:28px 0 0; color:#c9e4db; font-size:14px; }
.card-orbit { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.orbit-one { width:280px; height:280px; right:-150px; top:-120px; }
.orbit-two { width:180px; height:180px; right:-80px; top:-70px; }
.how { padding-block:110px; }
.section-heading { margin-bottom:52px; }
.section-heading h2,.human-first h2,.pilot h2 { margin:0; font-family:Georgia,serif; font-size:clamp(40px,5vw,60px); line-height:1.04; font-weight:500; letter-spacing:-.025em; }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.step { padding:34px 30px 20px 0; }
.step + .step { padding-left:30px; border-left:1px solid var(--line); }
.step>span { color:var(--gold); font-size:13px; font-weight:800; }
.step h3 { margin:24px 0 12px; font-size:24px; }
.step p { margin:0; color:var(--muted); line-height:1.65; }
.human-first { padding-block:100px; color:#fff; background:var(--emerald-deep); }
.human-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }
.eyebrow.light { color:#f1cc78; }
.human-copy { font-size:22px; line-height:1.6; }
.human-copy p { margin:0; }
.human-copy .boundary { margin-top:30px; padding-top:30px; border-top:1px solid rgba(255,255,255,.18); color:#bdd7cf; font-size:16px; }
.channels { padding-block:110px; }
.channels .section-heading { max-width:760px; }
.channels .section-heading h2 { margin:0; font-family:Georgia,serif; font-size:clamp(40px,5vw,60px); line-height:1.04; font-weight:500; letter-spacing:-.025em; }
.channels .section-heading>p:last-child { margin:22px 0 0; color:var(--muted); font-size:18px; line-height:1.65; }
.channel-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.channel-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; min-height:132px; padding:26px 30px; border-radius:24px; color:#fff; box-shadow:0 18px 44px rgba(24,55,47,.14); transition:transform .2s,box-shadow .2s; }
.channel-card:hover { transform:translateY(-3px); box-shadow:0 24px 54px rgba(24,55,47,.2); }
.channel-card.telegram { background:linear-gradient(145deg,#269bd4,#1979b5); }
.channel-card.max { background:linear-gradient(145deg,#13bccb,#5634ef); }
.channel-icon { display:grid; place-items:center; width:62px; height:62px; border-radius:18px; background:rgba(255,255,255,.18); font-size:29px; font-weight:900; }
.channel-card small { display:block; margin-bottom:5px; opacity:.78; font-size:13px; }
.channel-card strong { display:block; font-size:27px; }
.channel-arrow { font-size:27px; opacity:.8; }
.apps-preview { display:grid; grid-template-columns:.8fr 1.2fr; gap:54px; align-items:center; margin-top:32px; padding:42px; border:1px solid var(--line); border-radius:26px; background:#fffdf7; }
.apps-preview h3 { margin:0; font-family:Georgia,serif; font-size:34px; font-weight:500; }
.apps-preview>div:first-child>p:last-child { margin:16px 0 0; color:var(--muted); line-height:1.55; }
.store-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.store-card { min-height:92px; display:flex; flex-direction:column; justify-content:center; padding:18px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.store-card small { color:var(--emerald); font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.store-card strong { margin-top:8px; font-size:17px; }
.pilot { padding-block:110px; }
.pilot-panel { display:grid; grid-template-columns:1.25fr .75fr; gap:70px; padding:58px; border:1px solid var(--line); border-radius:30px; background:#fffdf7; box-shadow:0 18px 50px rgba(24,55,47,.06); }
.pilot-panel>div:first-child>p:last-child { max-width:700px; margin:26px 0 0; color:var(--muted); font-size:18px; line-height:1.7; }
.pilot-status { align-self:center; padding:28px; border-radius:20px; background:var(--mint); }
.pilot-status span { color:var(--emerald); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.pilot-status strong { display:block; margin-top:11px; font-size:20px; }
.pilot-status p { margin:13px 0 0; color:var(--muted); line-height:1.5; font-size:14px; }
.pilot-button { display:flex; justify-content:center; margin-top:22px; padding:14px 18px; border-radius:13px; background:var(--emerald); color:#fff; font-weight:800; text-align:center; transition:transform .2s,background .2s; }
.pilot-button:hover { transform:translateY(-2px); background:var(--emerald-deep); }
.pilot-status small { display:block; margin-top:10px; color:var(--muted); font-size:12px; line-height:1.45; text-align:center; }
.footer { min-height:130px; display:grid; grid-template-columns:1fr 1.5fr 1fr; align-items:center; gap:30px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.footer p:last-child { text-align:right; }
.brand.compact { color:var(--ink); font-size:12px; }
.brand.compact .brand-mark { width:45px; height:38px; }
@media (max-width:900px) { nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:55px;padding-block:64px}.safety-card{max-width:620px}.human-grid,.pilot-panel,.apps-preview{grid-template-columns:1fr;gap:45px}.steps-grid{grid-template-columns:1fr}.step+.step{padding-left:0;border-left:0;border-top:1px solid var(--line)} }
@media (max-width:620px) { .shell{width:min(100% - 28px,1160px)}.site-header{height:74px}.brand{gap:8px;font-size:12px}.brand-mark{width:54px;height:45px}.nav-cta{padding:10px 13px;font-size:12px}h1{font-size:48px}.hero{min-height:auto;padding-block:54px 72px}.hero-lead{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column}.safety-card{padding:28px 24px;border-radius:24px}.safety-card h2{font-size:34px}.how,.pilot,.channels{padding-block:78px}.human-first{padding-block:74px}.channel-grid,.store-grid{grid-template-columns:1fr}.channel-card{min-height:112px;padding:22px}.apps-preview{padding:28px 22px}.pilot-panel{padding:30px 22px}.footer{grid-template-columns:1fr;padding-block:30px}.footer p{margin:0}.footer p:last-child{text-align:left} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*{transition:none!important} }