:root {
  --bg: #070811;
  --bg-soft: #0d0f1b;
  --ink: #f7f7fb;
  --muted: #aaaec5;
  --line: rgba(185, 191, 230, .18);
  --purple: #7c3cff;
  --purple-light: #a866ff;
  --green: #39e890;
  --shell: min(1380px, calc(100% - 88px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { display: block; max-width: 100%; }
.noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.section-shell { width: var(--shell); margin-inline: auto; }

.site-header { position: fixed; z-index: 30; top: 14px; left: 50%; transform: translateX(-50%); width: var(--shell); height: 68px; padding:0 14px 0 22px; display: flex; align-items: center; justify-content: space-between; border:1px solid rgba(210,214,245,.14); border-radius:20px; background:rgba(8,9,18,.68); box-shadow:0 15px 40px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(22px) saturate(1.3); transition:background .25s,box-shadow .25s; }
.site-header.is-scrolled { background:rgba(8,9,18,.92); box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 0 1px rgba(127,65,255,.08); }
.brand { display: inline-flex; font-size: 25px; font-weight: 800; letter-spacing: -1.4px; }
.brand strong { color: var(--purple-light); }
.nav { display: flex; align-items: center; gap: 34px; margin-left: auto; margin-right: 30px; color: #d9daea; font-size: 13px; }
.nav a, .footer nav a { transition: color .2s ease; }
.nav a:hover, .footer nav a:hover { color: var(--purple-light); }
.button { border: 0; cursor: pointer; min-height: 54px; padding: 0 25px; border-radius: 17px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; background: linear-gradient(115deg, #6733f5, #994cff); box-shadow: 0 12px 35px rgba(116, 53, 255, .36), inset 0 1px rgba(255,255,255,.28); color: white; font-weight: 700; font-size: 14px; transition: transform .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 16px 42px rgba(116, 53, 255, .52), inset 0 1px rgba(255,255,255,.28); }
.button--small { min-height: 44px; padding-inline: 21px; border-radius: 14px; font-size: 13px; }
.button--ghost { background: rgba(9, 10, 20, .44); border: 1px solid #955aff; box-shadow: none; }
.button--light { color: #111426; background: #fff; box-shadow: 0 7px 20px rgba(42, 45, 67, .09); }
.header-actions { display:flex; align-items:center; gap:10px; }
.login-link { min-height:42px; display:inline-flex; align-items:center; gap:8px; padding:0 15px; border:1px solid var(--line); border-radius:13px; color:#e9e7f5; font-size:13px; font-weight:700; transition:.2s; }
.login-link:hover { border-color:#8d55ff; background:rgba(122,58,255,.12); }
.login-link__icon { color:#a86bff; font-size:17px; }
.menu-button { display: none; width: 44px; height: 44px; border: 1px solid var(--line); background: rgba(15,16,29,.7); border-radius: 13px; }
.menu-button span { display: block; width: 20px; height: 1px; background: #fff; margin: 5px auto; }

.hero { position: relative; min-height: 910px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(530px, 1.15fr); align-items: center; padding: 115px max(44px, calc((100vw - 1380px) / 2)) 140px; isolation: isolate; overflow: hidden; }
.hero::after { content:""; position:absolute; z-index:-1; inset:auto 0 0; height:42%; background:linear-gradient(0deg, var(--bg) 0%, rgba(7,8,17,.42) 60%, transparent); }
.hero__backdrop { position: absolute; z-index: -3; inset: 0; background: linear-gradient(90deg, rgba(5,6,14,.96) 0%, rgba(7,8,17,.78) 35%, rgba(7,8,17,.08) 72%), url("images/ChatGPT Image 23 сент. 2026 г., 15_20_15.e64f05c6e950.png") center/cover; filter: saturate(.78) brightness(.7); }
.hero__glow { position: absolute; z-index: -2; width: 550px; height: 550px; border-radius: 50%; background: #7029ff; filter: blur(150px); opacity: .16; }
.hero__glow--one { right: 8%; bottom: -20%; }
.hero__content { position: relative; z-index: 3; align-self: center; max-width: 630px; padding-top: 22px; }
.eyebrow { margin: 0 0 18px; color: #bec1d6; text-transform: uppercase; letter-spacing: .34em; font-size: 11px; font-weight: 700; }
.hero h1 { margin: 0; font-size: clamp(68px, 6vw, 100px); line-height: .91; letter-spacing: -.065em; text-transform: uppercase; }
.hero h1 em { color: var(--purple-light); font-style: normal; text-shadow: 0 0 35px rgba(135, 69, 255, .28); }
.hero__lead { max-width: 505px; color: #c0c3d5; margin: 27px 0 31px; font-size: 19px; line-height: 1.55; }
.hero__actions { display: flex; gap: 14px; }
.hero__stats { display: flex; margin: 46px 0 0; }
.hero__stats div { min-width: 135px; padding-right: 35px; margin-right: 34px; border-right: 1px solid var(--line); }
.hero__stats div:last-child { border: 0; }
.hero__stats dt { font-size: 23px; font-weight: 750; }
.hero__stats dd { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.hero__visual { position: absolute; z-index: 1; right: max(12px, calc((100vw - 1440px) / 2)); bottom: 48px; width: min(58vw, 800px); }
.hero__visual > img:first-child { width: 100%; filter: drop-shadow(0 30px 40px rgba(0,0,0,.45)); }
.hero__signature { position: absolute; right: -5%; top: 12%; width: 34%; object-fit: contain; filter: drop-shadow(0 0 22px rgba(136, 55, 255, .38)); }
.scroll-cue { position: absolute; z-index: 4; right: 28px; bottom: 120px; width: 70px; color: #b7b9c7; font-size: 9px; line-height: 1.5; text-align: center; text-transform: uppercase; letter-spacing: .1em; }
.scroll-cue span { display: grid; place-items:center; margin: 0 auto 10px; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; font-size: 17px; }

.feature-strip { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: -105px; }
.glass-card { min-height: 230px; padding: 25px; border: 1px solid rgba(198, 204, 238, .25); border-radius: 22px; background: linear-gradient(145deg, rgba(66,69,92,.76), rgba(19,21,35,.76)); box-shadow: inset 0 1px rgba(255,255,255,.1), 0 22px 55px rgba(0,0,0,.25); backdrop-filter: blur(24px); }
.feature-icon { display:grid; place-items:center; width: 54px; height: 54px; border-radius: 15px; color: #aa70ff; font-size: 30px; background: rgba(113,55,255,.22); box-shadow: 0 0 24px rgba(124,60,255,.35); }
.glass-card h2 { max-width: 220px; margin: 20px 0 9px; font-size: 18px; line-height: 1.16; }
.glass-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.52; }

.apps { min-height: 720px; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; padding-block: 120px 70px; }
.apps__copy { max-width: 500px; }
.section-title { margin: 0; font-size: clamp(42px, 4.25vw, 72px); line-height: .98; letter-spacing: -.055em; }
.section-copy { color: var(--muted); font-size: 17px; line-height: 1.62; }
.apps .section-copy { max-width: 465px; margin: 23px 0 29px; }
.app-list { display: flex; flex-wrap: wrap; gap: 11px; margin-bottom: 25px; }
.app-chip { cursor: pointer; display:flex; align-items:center; gap:10px; height:52px; padding: 0 15px 0 9px; border:1px solid var(--line); border-radius:13px; color:white; background:#111321; font-weight:700; transition:.2s; }
.app-chip img { width:35px; height:35px; border-radius:10px; }
.app-chip:hover, .app-chip.is-active { border-color: #8d4fff; background:#17132b; transform:translateY(-2px); }
.text-link { display: inline-flex; gap: 11px; color: #e7e4f7; padding-bottom: 4px; border-bottom: 1px solid #6740c8; font-weight: 650; font-size: 14px; }
.phones { position: relative; min-width: 0; }
.phones::after { content:"⏻"; position:absolute; z-index:2; left:50%; top:47%; transform:translate(-50%,-50%); display:grid; place-items:center; width:76px; height:76px; border:1px solid rgba(210,185,255,.6); border-radius:50%; color:#fff; background:radial-gradient(circle at 40% 35%,#b879ff,#6d2dff 58%,#32127f); box-shadow:0 0 20px rgba(146,79,255,.8),0 0 55px rgba(105,41,255,.45),inset 0 1px rgba(255,255,255,.45); font-size:30px; }
.phones > img { position: relative; z-index: 1; width: 100%; mix-blend-mode: screen; filter: contrast(1.08) drop-shadow(0 30px 48px rgba(0,0,0,.55)); }
.phone-halo { position:absolute; width:60%; aspect-ratio:1; left:22%; top:19%; border-radius:50%; background:#6c2eff; filter:blur(115px); opacity:.28; }
.connection-pill { position:absolute; z-index:3; bottom:11%; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:9px; padding:10px 15px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(8,9,17,.83); backdrop-filter:blur(12px); font-size:12px; box-shadow:0 12px 30px rgba(0,0,0,.35); }
.connection-pill i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }

.services { border-block: 1px solid rgba(255,255,255,.07); background:#080a12; }
.services__inner { padding-block: 45px; }
.service-row { display: flex; gap: 16px; align-items: center; }
.service-row div { width: 72px; height: 72px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:#11131e; transition:.25s; }
.service-row div:hover { transform:translateY(-4px); border-color:rgba(151,86,255,.6); }
.service-row img { width: 54px; height: 54px; border-radius:12px; }
.service-monogram { width:54px;height:54px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:25px;font-weight:900;line-height:1; }
.service-monogram--sber { background:linear-gradient(145deg,#26b65b,#0b8e49); }
.service-monogram--tbank { color:#151515;background:#ffdd2d; }
.services__note { max-width: 430px; margin: -70px 0 0 auto; padding: 18px 22px; color:#b8bbcf; border:1px solid var(--line); border-radius:15px; background:#11131e; font-size:14px; line-height:1.5; }

.network { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; min-height:620px; overflow:hidden; }
.network__visual { align-self:stretch; position:relative; display:flex; align-items:flex-end; }
.network__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent 70%, var(--bg)), linear-gradient(0deg, var(--bg), transparent 35%); }
.network__visual img { width:112%; max-width:none; margin-left:-14%; mix-blend-mode:screen; }
.network__copy { position:relative; z-index:2; padding-left:50px; }
.network__copy .section-title { font-size:clamp(45px,4.5vw,70px); }
.network__copy .section-copy { max-width:530px; }
.network__stats { display:grid; grid-template-columns:repeat(3,1fr); margin:35px 0 0; }
.network__stats div { padding:17px; border:1px solid var(--line); }
.network__stats div:first-child { border-radius:15px 0 0 15px; }
.network__stats div:last-child { border-radius:0 15px 15px 0; }
.network__stats dt { font-size:24px; font-weight:800; }
.network__stats dd { margin:4px 0 0; color:var(--muted); font-size:13px; }

.pricing { color:#111326; background:linear-gradient(145deg,#fff,#e9edf5); padding-block:80px 95px; }
.pricing .eyebrow { color:#5f6479; }
.pricing__head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:38px; }
.pricing__head .section-title { font-size:55px; }
.pricing__head > p { color:#555c72; line-height:1.5; font-size:14px; }
.tariff-groups { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.tariff-group { padding:28px; border:1px solid #d8dce7; border-radius:25px; background:rgba(255,255,255,.52); box-shadow:0 16px 35px rgba(43,47,78,.08); }
.tariff-group--max { color:#fff; border-color:#9959ff; background:radial-gradient(circle at 90% 0%,rgba(152,77,255,.4),transparent 38%),linear-gradient(145deg,#21143c,#111326 70%); box-shadow:0 18px 45px rgba(77,34,154,.22); }
.tariff-group__head>div { display:flex; align-items:center; gap:11px; }
.tariff-group__head h3 { margin:0; font-size:28px; letter-spacing:-.035em; }
.tariff-group__head p { margin:8px 0 0; color:#72788d; font-size:13px; }
.tariff-group--max .tariff-group__head p { color:#b2aec4; }
.tariff-icon { color:#8c49ff; font-size:23px; }
.tariff-group .plan__badge { position:static; }
.tariff-features { display:grid; grid-template-columns:1fr 1fr; gap:11px 25px; margin:22px 0; padding:0; list-style:none; color:#4e5469; font-size:13px; }
.tariff-group--max .tariff-features { color:#d1cde0; }
.tariff-features li::before { content:"◇"; margin-right:8px; color:#8650ed; }
.term-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.term { cursor:pointer; position:relative; min-width:0; min-height:82px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:12px; border:1px solid #d9ddea; border-radius:13px; color:#171a2a; background:rgba(246,247,251,.9); text-align:left; transition:.2s; }
.term span { color:#60667a; font-size:10px; }
.term strong { margin-top:6px; font-size:19px; white-space:nowrap; }
.term i { position:absolute; top:7px; right:6px; padding:3px 5px; border-radius:5px; color:#fff; background:#7640da; font-size:8px; font-style:normal; }
.term:hover,.term.is-selected { border-color:#9a5cff; box-shadow:0 0 0 2px rgba(139,73,255,.12); transform:translateY(-2px); }
.tariff-group--max .term { color:#fff; border-color:rgba(188,174,223,.18); background:rgba(13,15,29,.48); }
.tariff-group--max .term span { color:#b7b2c6; }
.tariff-group--max .term.is-selected { border-color:#ab68ff; background:rgba(111,48,224,.24); }
.tariff-submit { width:100%; min-height:48px; margin-top:12px; }
.plan { cursor:pointer; position:relative; min-height:250px; display:flex; flex-direction:column; padding:25px 22px 18px; border:1px solid #d6dbe7; border-radius:22px; background:rgba(255,255,255,.46); transition:.25s; }
.plan:hover { transform:translateY(-5px); box-shadow:0 15px 32px rgba(59,62,98,.11); }
.plan.is-selected { color:white; border-color:#8c5aff; background:radial-gradient(circle at 80% 0%,rgba(154,81,255,.55),transparent 45%),linear-gradient(145deg,#25104e,#4920a7); box-shadow:0 18px 42px rgba(78,31,178,.33); }
.plan p { margin:0 0 12px; font-size:15px; }
.plan strong { font-size:35px; letter-spacing:-.04em; }
.plan > span:not(.plan__badge,.plan__discount) { margin-top:5px; color:#7b8193; font-size:12px; }
.plan.is-selected > span:not(.plan__badge,.plan__discount) { color:#c8bfdf; }
.plan .button { width:100%; margin-top:auto; min-height:48px; }
.plan__badge,.plan__discount { position:absolute; top:20px; right:18px; padding:5px 9px; border-radius:7px; color:white; background:#7940ff; font-size:10px; }
.faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; padding-block:95px 45px; }
.faq__head .section-title { font-size:55px; }
.faq__list { border-top:1px solid var(--line); }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { cursor:pointer; position:relative; padding:24px 45px 24px 0; list-style:none; font-size:18px; font-weight:700; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:5px; top:20px; color:#a665ff; font-size:26px; font-weight:300; transition:.2s; }
.faq details[open] summary::after { transform:rotate(45deg); }
.faq details p { max-width:680px; margin:-5px 0 24px; color:var(--muted); line-height:1.6; }

.cta { position:relative; min-height:330px; margin-block:75px; overflow:hidden; display:flex; align-items:center; border:1px solid rgba(185,191,230,.18); border-radius:28px; background:linear-gradient(90deg,#151326 0%,#161127 50%,#0d0f1a 100%); }
.cta::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 60%,rgba(118,44,255,.26),transparent 35%); }
.cta__copy { position:relative; z-index:2; max-width:590px; padding:55px; }
.cta h2 { margin:0; font-size:42px; letter-spacing:-.04em; }
.cta p:not(.eyebrow) { color:var(--muted); }
.cta img { position:absolute; z-index:1; right:-1%; bottom:-48%; width:48%; filter:drop-shadow(0 0 40px rgba(111,41,255,.18)); }
.cta .button { margin-top:13px; }

.footer { display:flex; justify-content:space-between; align-items:center; min-height:145px; color:#aeb2c7; font-size:12px; }
.footer p { margin:10px 0 0; }
.footer nav { display:flex; gap:35px; }
.socials { display:flex; gap:9px; }
.socials a { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--line); border-radius:11px; background:#11131f; color:#d4d6e4; font-weight:700; }
.toast { position:fixed; z-index:50; left:50%; bottom:28px; transform:translate(-50%,30px); padding:13px 20px; border:1px solid rgba(180,130,255,.4); border-radius:13px; background:rgba(14,11,25,.94); box-shadow:0 12px 40px rgba(0,0,0,.4); opacity:0; pointer-events:none; transition:.25s; }
.toast.is-visible { opacity:1; transform:translate(-50%,0); }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease, transform .65s ease; }
.reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 1080px) {
  :root { --shell:min(100% - 40px, 900px); }
  .site-header { height:62px; top:10px; padding-left:16px; }
  .nav { position:absolute; top:66px; right:0; margin:0; min-width:220px; flex-direction:column; align-items:flex-start; gap:18px; padding:22px; border:1px solid var(--line); border-radius:16px; background:rgba(9,10,19,.96); transform:translateY(-8px); opacity:0; visibility:hidden; transition:.2s; }
  .nav.is-open { opacity:1; visibility:visible; transform:none; }
  .header-actions { margin-left:auto; margin-right:10px; }
  .menu-button { display:block; }
  .hero { grid-template-columns:1fr; min-height:980px; padding-inline:20px; padding-bottom:170px; align-items:start; }
  .hero__content { padding-top:80px; }
  .hero h1 { font-size:clamp(58px,9vw,82px); }
  .hero__visual { width:min(72vw,680px); right:-4%; bottom:0; opacity:.86; }
  .hero__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--bg),transparent 45%); }
  .hero__signature { display:none; }
  .feature-strip { grid-template-columns:repeat(2,1fr); }
  .apps { grid-template-columns:1fr; padding-top:100px; }
  .apps__copy { max-width:620px; }
  .phones { max-width:800px; margin:-30px auto 0; }
  .services__note { margin:25px 0 0; }
  .network { grid-template-columns:1fr; padding-block:50px 90px; }
  .network__visual { max-height:450px; justify-content:center; }
  .network__visual img { width:100%; margin:0; }
  .network__copy { padding:0; max-width:650px; }
  .tariff-groups { grid-template-columns:1fr; }
  .cta img { width:55%; right:-10%; }
}

@media (max-width: 650px) {
  :root { --shell:calc(100% - 28px); }
  .site-header { width:calc(100% - 28px); }
  .header-cta { display:none; }
  .login-link { min-height:38px; padding-inline:12px; font-size:11px; }
  .brand { font-size:22px; }
  .hero { min-height:760px; padding:86px 14px 96px; display:block; }
  .hero__backdrop { background-image:linear-gradient(180deg,rgba(5,6,14,.5),rgba(5,6,14,.97) 78%),url("images/ChatGPT Image 23 сент. 2026 г., 15_20_07.fbc036cf42fb.png"); }
  .hero__content { position:static; padding-top:24px; }
  .eyebrow { font-size:9px; letter-spacing:.26em; }
  .hero h1 { font-size:clamp(45px,13.5vw,58px); line-height:.93; }
  .hero__lead { max-width:320px; font-size:14px; line-height:1.5; margin-block:18px 21px; }
  .hero__actions { flex-direction:column; max-width:260px; gap:10px; }
  .hero__actions .button { min-height:49px; }
  .hero__stats { position:absolute; top:auto; bottom:27px; left:0; width:100%; justify-content:center; margin:0; padding-inline:8px; }
  .hero__stats div { min-width:0; flex:1; margin:0; padding:0 8px; text-align:center; }
  .hero__stats dt { font-size:18px; }
  .hero__stats dd { font-size:10px; }
  .hero__visual { width:350px; max-width:none; right:-98px; bottom:52px; opacity:.52; }
  .hero__visual::after { background:linear-gradient(90deg,var(--bg) 0%,transparent 56%),linear-gradient(0deg,var(--bg) 0%,transparent 34%); }
  .scroll-cue { display:none; }
  .feature-strip { grid-template-columns:1fr 1fr; gap:10px; margin-top:0; }
  .glass-card { min-height:205px; padding:17px; border-radius:17px; }
  .feature-icon { width:43px; height:43px; font-size:24px; }
  .glass-card h2 { font-size:14px; margin-top:15px; }
  .glass-card p { font-size:11px; }
  .apps { padding-block:76px 42px; overflow:hidden; }
  .section-title { font-size:42px; }
  .section-copy { font-size:15px; }
  .app-list { gap:7px; }
  .app-chip { height:45px; padding-right:10px; font-size:11px; }
  .app-chip img { width:30px; height:30px; }
  .phones { width:130%; margin:2px -15% -10px; }
  .phones > img { width:100%; mix-blend-mode:screen; }
  .phones::after { top:46%; width:57px; height:57px; font-size:23px; }
  .connection-pill { bottom:7%; white-space:nowrap; }
  .services__inner { padding-block:35px; overflow:hidden; }
  .service-row { width:max-content; gap:10px; }
  .service-row div { width:57px; height:57px; border-radius:14px; }
.service-row img { width:44px; height:44px; }
.service-row .service-monogram { width:44px;height:44px;font-size:21px; }
  .services__note { font-size:12px; }
  .network { min-height:auto; padding-top:25px; }
  .network__visual { min-height:260px; max-height:310px; overflow:hidden; }
  .network__visual::after { background:linear-gradient(0deg,var(--bg),transparent 45%); }
  .network__visual img { width:132%; max-width:none; margin-left:-16%; }
  .network__copy { margin-top:-5px; }
  .network__stats div { padding:12px 9px; }
  .network__stats dt { font-size:19px; }
  .pricing { padding-block:58px; }
  .pricing__head { display:block; }
  .pricing__head .section-title { font-size:42px; }
  .pricing__head > p { margin-top:20px; }
  .tariff-group { padding:20px 16px; }
  .tariff-group__head h3 { font-size:23px; }
  .tariff-features { grid-template-columns:1fr; gap:8px; }
  .term-grid { grid-template-columns:1fr 1fr; }
  .faq { grid-template-columns:1fr; gap:30px; padding-block:70px 25px; }
  .faq__head .section-title { font-size:42px; }
  .faq summary { font-size:15px; }
  .cta { min-height:430px; margin-block:38px; align-items:flex-start; }
  .cta__copy { padding:34px 25px; }
  .cta h2 { font-size:34px; }
  .cta img { width:95%; max-width:none; right:-36%; bottom:-20%; opacity:.68; }
  .footer { flex-wrap:wrap; gap:25px; padding-block:32px 42px; }
  .footer nav { order:3; width:100%; gap:22px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation:none !important; transition:none !important; }
  .reveal { opacity:1; transform:none; }
}

/* Django: latest articles while preserving the existing blog itself */
.home-journal{padding-top:110px;padding-bottom:110px}.home-journal__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-journal__card{overflow:hidden;border:1px solid rgba(166,92,255,.15);border-radius:22px;background:linear-gradient(145deg,#11111b,#0a0a12)}.home-journal__cover{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle,rgba(157,73,255,.22),transparent 55%)}.home-journal__cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.home-journal__card:hover img{transform:scale(1.035)}.home-journal__cover span{font-size:54px;color:#bc79ff}.home-journal__card>div{padding:23px}.home-journal__card small{color:#ad63ff;text-transform:uppercase;letter-spacing:.08em}.home-journal__card h3{margin:12px 0 10px;font-size:20px;line-height:1.25}.home-journal__card p{min-height:58px;margin:0 0 18px;color:#aaa3b2;font-size:13px;line-height:1.55}@media(max-width:900px){.home-journal__grid{grid-template-columns:1fr}.home-journal__card p{min-height:0}}