:root{--ink:#101820;--muted:#5c6670;--paper:#f6f5f1;--white:#fff;--line:#d8d7d2;--blue:#174dff;--blue2:#0f36b8;--navy:#081626;--mint:#bdf4dc;--max:1180px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,245,241,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-weight:900}.navlinks{display:flex;align-items:center;gap:18px;font-size:14px}.navlinks a{text-decoration:none;color:#34404b}.navlinks a:hover{color:#000}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border-radius:11px;text-decoration:none;font-weight:760;background:var(--blue);color:white;border:1px solid var(--blue);box-shadow:0 6px 18px rgba(23,77,255,.18);white-space:nowrap}.btn:hover{background:var(--blue2)}.btn.secondary{background:transparent;color:var(--ink);border-color:#a9adb0;box-shadow:none}.btn.dark{background:var(--navy);border-color:var(--navy)}.eyebrow{font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--blue)}h1,h2,h3{letter-spacing:-.045em;line-height:1.03;margin:0}h1{font-size:clamp(48px,6vw,82px);max-width:960px}h2{font-size:clamp(34px,4vw,54px)}h3{font-size:24px}.lead{font-size:clamp(19px,2vw,23px);line-height:1.5;color:#c5ced8;max-width:780px;margin:24px 0 0}.hero{padding:98px 0 78px;background:var(--navy);color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-260px;background:radial-gradient(circle,rgba(23,77,255,.75),rgba(23,77,255,0) 67%)}.hero .eyebrow{color:#8fb0ff}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.hero-aside{border-left:1px solid rgba(255,255,255,.22);padding-left:28px;color:#cbd4de}.hero-aside strong{display:block;color:#fff;font-size:18px;margin:0 0 7px}.hero-aside p{margin:0 0 22px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .btn.secondary{color:#fff;border-color:#647080}.proof-strip{background:white;border-bottom:1px solid var(--line)}.proof-row{display:grid;grid-template-columns:repeat(4,1fr)}.proof-row div{padding:22px 24px;border-right:1px solid var(--line)}.proof-row div:first-child{padding-left:0}.proof-row div:last-child{border-right:0}.proof-row b{display:block;font-size:15px;margin-bottom:4px}.proof-row span{font-size:13px;color:var(--muted)}.section{padding:88px 0;border-bottom:1px solid var(--line)}.section.white{background:white}.section.soft{background:#eeede8}.section-head{display:grid;grid-template-columns:220px minmax(0,760px);gap:36px;margin-bottom:42px}.section-head p{font-size:19px;color:var(--muted);margin:14px 0 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:240px}.card .num{font:800 12px ui-monospace;color:var(--blue)}.card h3{margin:18px 0 12px}.card p{color:var(--muted);margin:0 0 18px}.textlink{font-weight:750;color:var(--blue);text-decoration:none}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px}.split p{font-size:18px;color:var(--muted)}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.offer{background:white;border:1px solid var(--line);border-radius:22px;padding:34px}.offer.featured{border:2px solid var(--blue)}.price{font-size:54px;font-weight:850;letter-spacing:-.055em;margin:16px 0 6px}.offer ul{padding-left:20px;color:var(--muted)}.offer li{margin:8px 0}.band{background:var(--blue);color:white;border-radius:24px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.band p{color:#dfe6ff;max-width:760px}.video-frame{aspect-ratio:16/9;background:linear-gradient(135deg,#09192d,#1947e8);border-radius:22px;display:grid;place-items:center;color:#fff;box-shadow:0 25px 60px rgba(8,22,38,.18)}.video-frame video{width:100%;height:100%;object-fit:cover;border-radius:22px}.play{width:76px;height:76px;border-radius:50%;background:white;color:var(--blue);display:grid;place-items:center;font-size:28px;padding-left:5px}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.company{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.company .label{font:800 11px ui-monospace;color:var(--blue);text-transform:uppercase}.company p{color:var(--muted)}.note{padding:18px 20px;border-left:3px solid var(--blue);background:#eef2ff;color:#39465a}.site-footer{padding:54px 0;background:#08111c;color:#c8d0d8}.footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.site-footer a{color:#c8d0d8;text-decoration:none}.site-footer h4{color:#fff;margin:0 0 12px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.fine{font-size:13px;color:#8e9aa6}.page-hero{padding:76px 0 58px;background:white;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(44px,5vw,68px);margin-top:14px}.page-hero .lead{color:var(--muted)}.list{border-top:1px solid var(--line)}.list article{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:36px 0;border-bottom:1px solid var(--line)}.list span{font:800 12px ui-monospace;color:var(--blue)}.list p{color:var(--muted);max-width:760px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#e7ecff;color:var(--blue2);font-size:12px;font-weight:800}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.formbox{background:white;border:1px solid var(--line);border-radius:20px;padding:30px}.formbox label{display:block;font-size:13px;font-weight:750;margin:14px 0 6px}.formbox input,.formbox textarea{width:100%;border:1px solid #bfc3c7;border-radius:10px;padding:12px;font:inherit;background:#fff}.formbox textarea{min-height:110px}.media-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.catalog .card{min-height:210px}.film-teaser{position:relative;overflow:hidden;text-decoration:none;background:linear-gradient(180deg,rgba(8,22,38,.08),rgba(8,22,38,.78)),url('/assets/media/inside-cognilode-poster.png') center/cover no-repeat;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease}.film-teaser:hover{transform:translateY(-2px);box-shadow:0 30px 72px rgba(8,22,38,.24)}.film-teaser:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,38,0) 34%,rgba(8,22,38,.86) 100%);z-index:-1}.film-teaser-copy{position:absolute;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:18px;text-shadow:0 2px 18px rgba(0,0,0,.45)}.film-teaser-copy .play{grid-row:1/3}.film-teaser-copy strong{font-size:25px;line-height:1.05}.film-teaser-copy span{font-size:14px;color:#e3ebf1;margin-top:5px}@media(max-width:900px){.container{width:min(calc(100% - 28px),var(--max))}.nav{height:auto;min-height:72px;flex-wrap:wrap;align-content:center;padding:10px 0 8px;row-gap:8px}.navlinks{order:3;width:100%;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 4px;scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}.navlinks a{display:inline-flex!important;flex:0 0 auto;font-size:12px}.navlinks .btn{min-height:38px;padding:8px 12px}.hero{padding:72px 0 60px}.hero-grid,.split,.section-head,.offer-grid,.media-split{grid-template-columns:1fr}.hero-aside{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding:24px 0 0}.grid3,.directory,.steps,.proof-row,.catalog{grid-template-columns:1fr}.proof-row div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.band{grid-template-columns:1fr;padding:30px}.footer{grid-template-columns:1fr}.list article{grid-template-columns:50px 1fr}.film-teaser-copy{left:18px;right:18px;bottom:18px;grid-template-columns:58px 1fr}.film-teaser-copy .play{width:58px;height:58px;font-size:22px}.film-teaser-copy strong{font-size:20px}}