: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; }
.skip-link { position:fixed; z-index:100; top:12px; left:12px; padding:12px 16px; border-radius:10px; background:#fff; color:var(--emerald-deep); font-weight:800; transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
:where(a,button,[tabindex]):focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.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; }
.story { position:relative; overflow:hidden; padding-block:100px; color:#fff; background:linear-gradient(145deg,#06483c 0%,#0b705b 58%,#0a614f 100%); }
.story::before { content:""; position:absolute; width:520px; height:520px; left:-280px; bottom:-330px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 90px rgba(255,255,255,.035),0 0 0 180px rgba(255,255,255,.02); }
.story-grid { position:relative; display:grid; grid-template-columns:1fr .72fr; gap:100px; align-items:center; }
.story-copy { max-width:610px; }
.story-copy h2 { margin:0; font-family:Georgia,serif; font-size:clamp(42px,5vw,64px); line-height:1.04; font-weight:500; letter-spacing:-.025em; }
.story-copy>p:not(.eyebrow) { margin:26px 0 0; color:#d6e7e1; font-size:20px; line-height:1.65; }
.story-copy .story-note { padding-top:22px; border-top:1px solid rgba(255,255,255,.16); color:#aecac2; font-size:14px; }
.story-link { display:inline-flex; align-items:center; gap:10px; margin-top:34px; padding-bottom:6px; border-bottom:1px solid rgba(243,206,117,.7); color:#f3ce75; font-weight:800; }
.story-stage { position:relative; display:grid; place-items:center; min-height:650px; }
.story-glow { position:absolute; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle,rgba(243,206,117,.22),rgba(243,206,117,0) 68%); }
.video-shell { position:relative; width:min(100%,360px); padding:8px; border:1px solid rgba(255,255,255,.24); border-radius:34px; background:rgba(255,255,255,.1); box-shadow:0 36px 80px rgba(0,30,24,.38); backdrop-filter:blur(10px); transform:rotate(1.2deg); }
.video-shell::before { content:""; position:absolute; z-index:1; top:15px; left:50%; width:46px; height:5px; border-radius:999px; background:rgba(255,255,255,.24); transform:translateX(-50%); pointer-events:none; }
.video-shell video { display:block; width:100%; aspect-ratio:9/16; border-radius:27px; background:#063f35; object-fit:cover; }
.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 { min-height:48px; display:flex; align-items:center; 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; }
.footer-legal p { margin:5px 0; line-height:1.5; }
.footer-legal a { color:var(--emerald-deep); text-decoration:underline; text-underline-offset:3px; }
.brand.compact { color:var(--ink); font-size:12px; }
.brand.compact .brand-mark { width:45px; height:38px; }
@media (max-width:900px) { nav{gap:12px}nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:55px;padding-block:64px}.safety-card{max-width:620px}.story-grid{grid-template-columns:1fr;gap:40px}.story-copy{max-width:700px}.story-stage{min-height:auto}.video-shell{width:min(100%,390px);transform:none}.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}.story{padding-block:72px}.story-grid{gap:34px}.story-copy>p:not(.eyebrow){font-size:18px}.video-shell{width:min(100%,350px);padding:6px;border-radius:27px}.video-shell video{border-radius:22px}.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} }
.legal-page { padding-block:64px 96px; }
.legal-page article { max-width:820px; padding:clamp(26px,5vw,54px); border:1px solid var(--line); border-radius:28px; background:#fffdf7; box-shadow:0 18px 50px rgba(24,55,47,.06); }
.legal-page h1 { font-size:clamp(42px,7vw,66px); }
.legal-page h2 { margin:38px 0 10px; font-family:Georgia,serif; font-size:28px; font-weight:500; }
.legal-page p,.legal-page li { line-height:1.7; }
.legal-page a { color:var(--emerald-deep); text-decoration:underline; text-underline-offset:3px; }
.legal-page .legal-meta { color:var(--muted); font-size:14px; }

.scenarios{padding:84px 0}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario-card{display:block;padding:26px;border-radius:24px;color:inherit;text-decoration:none;background:#fff;border:1px solid rgba(20,59,51,.12);box-shadow:0 16px 45px rgba(20,59,51,.07)}.scenario-card span{color:#cf6d42;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.scenario-card h3{margin:28px 0 10px;font-size:1.3rem}.scenario-card p{color:#64746e;line-height:1.55}.scenario-card strong{color:#1f7765}@media(max-width:760px){.scenario-grid{grid-template-columns:1fr}}

.scenario-page{min-height:100vh;padding-top:40px;padding-bottom:80px}.scenario-guide{max-width:900px;margin:52px auto 0;padding:clamp(28px,6vw,70px);border-radius:32px;background:#fff;box-shadow:0 25px 80px rgba(20,59,51,.1)}.scenario-guide h1{font-size:clamp(2.3rem,6vw,4.6rem);line-height:1;letter-spacing:-.045em}.scenario-summary{font-size:1.25rem;line-height:1.6;color:#5a6d66}.scenario-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}.scenario-columns section{padding:24px;border-radius:20px;background:#f2f5ef}.scenario-columns p{line-height:1.6}@media(max-width:760px){.scenario-columns{grid-template-columns:1fr}}
.analytics-consent{position:fixed;z-index:1000;right:1rem;bottom:1rem;max-width:34rem;padding:1rem 1.1rem;border:1px solid rgba(20,68,62,.22);border-radius:1rem;background:#fffdf5;box-shadow:0 1rem 3rem rgba(13,42,39,.2);color:#153b36}.analytics-consent p{margin:0 0 .8rem;line-height:1.45}.analytics-consent div{display:flex;flex-wrap:wrap;gap:.6rem}.analytics-consent button{min-height:2.75rem;padding:.65rem .9rem;border:0;border-radius:999px;background:#0f655b;color:#fff;font:inherit;cursor:pointer}.analytics-consent button.secondary{border:1px solid #72948f;background:transparent;color:#174d47}@media(max-width:640px){.analytics-consent{left:.75rem;right:.75rem;bottom:.75rem}}