:root {
    --bg: #070811;
    --bg-2: #0d1020;
    --panel: rgba(13, 14, 23, 0.88);
    --panel-soft: rgba(17, 18, 29, 0.76);
    --line: rgba(255, 255, 255, 0.08);
    --line-strong: rgba(180, 198, 255, 0.22);
    --text: #f5f7ff;
    --muted: #979db2;
    --accent: #b8cbff;
    --accent-2: #8eaef8;
    --accent-3: rgba(184, 203, 255, 0.16);
    --success: #7ef0b1;
    --danger: #ff8c8c;
    --shadow: 0 20px 60px rgba(0, 0, 0, 0.36);
    --radius: 24px;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body {
    font-family: Inter, Arial, sans-serif;
    color: var(--text);
    background:
        radial-gradient(circle at top center, rgba(31, 44, 95, 0.18), transparent 32%),
        linear-gradient(180deg, #05060d 0%, #070811 55%, #080912 100%);
    overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
p { color: #d8dbea; line-height: 1.65; }
ul { padding-left: 18px; color: #d8dbea; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; position: relative; z-index: 2; }
.main-content { padding: 32px 0 72px; }
.bg-grid {
    position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .22;
    background-image:
        linear-gradient(rgba(140,160,220,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(140,160,220,.06) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: radial-gradient(circle at center, black 35%, transparent 85%);
}
.floating-squares { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; }
.square {
    position: absolute;
    bottom: -120px;
    border-radius: 16px;
    border: 1px solid rgba(184, 212, 255, 0.52);
    background:
        linear-gradient(145deg, rgba(198,216,255,.30) 0%, rgba(152,182,255,.22) 24%, rgba(92,124,224,.14) 58%, rgba(18,24,48,.10) 100%),
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(115,148,255,.08));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.54),
        inset -22px -22px 34px rgba(18,32,88,.26),
        inset 18px 18px 26px rgba(255,255,255,.09),
        inset 0 0 0 1px rgba(255,255,255,.08),
        0 24px 48px rgba(12,22,72,.32),
        0 0 22px rgba(146,182,255,.42),
        0 0 52px rgba(122,154,255,.26);
    backdrop-filter: blur(5px);
    animation: floatSquare linear infinite;
    transform-style: preserve-3d;
    will-change: transform, opacity;
}
.square::before {
    content: "";
    position: absolute;
    inset: 9% auto auto 11%;
    width: 42%;
    height: 28%;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.24) 52%, rgba(255,255,255,0));
    filter: blur(.8px);
    opacity: .98;
}
.square::after {
    content: "";
    position: absolute;
    inset: auto 10% 10% auto;
    width: 40%;
    height: 40%;
    border-radius: 12px;
    background: radial-gradient(circle, rgba(160,190,255,.92) 0%, rgba(116,146,255,.34) 42%, rgba(116,146,255,0) 72%);
    filter: blur(6px);
    opacity: .95;
}
@keyframes floatSquare {
    0% { transform: perspective(1100px) translate3d(0, 0, 0) rotateX(16deg) rotateY(-18deg) rotate(0deg) scale(.82); opacity: 0; }
    8% { opacity: .96; }
    32% { transform: perspective(1100px) translate3d(calc(var(--drift) * .35), -22vh, 0) rotateX(22deg) rotateY(-28deg) rotate(26deg) scale(1.02); opacity: .92; }
    64% { transform: perspective(1100px) translate3d(var(--drift), -56vh, 0) rotateX(28deg) rotateY(-34deg) rotate(58deg) scale(1.08); opacity: .76; }
    100% { transform: perspective(1100px) translate3d(calc(var(--drift) * 1.18), -112vh, 0) rotateX(32deg) rotateY(-42deg) rotate(92deg) scale(.92); opacity: 0; }
}
.site-header {
    position: sticky; top: 0; z-index: 10;
    backdrop-filter: blur(16px);
    background: rgba(7, 8, 16, 0.55);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.nav-wrap { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; }
.brand { display: inline-flex; align-items: center; gap: 14px; }
.brand-text { display:flex; align-items:center; min-height:58px; }
.brand-logo { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; box-shadow: 0 10px 28px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.12), 0 0 18px rgba(186,212,255,.28), 0 0 36px rgba(118,150,255,.24), 0 0 62px rgba(76,110,255,.18); border: 1px solid rgba(255,255,255,.12); }
.brand strong { display: block; font-size: 18px; line-height: 1; color:#f4f8ff; text-shadow: 0 0 10px rgba(255,255,255,.26), 0 0 22px rgba(146,174,255,.30), 0 0 40px rgba(82,112,255,.22); }
.brand{position:relative;}
.brand::after{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:160px;height:78px;border-radius:999px;background:radial-gradient(circle, rgba(125,156,255,.30) 0%, rgba(125,156,255,.18) 36%, rgba(125,156,255,.08) 58%, rgba(125,156,255,0) 78%);filter:blur(24px);pointer-events:none;z-index:-1;}
.nav { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.nav a {
    padding: 12px 16px; border-radius: 14px; color: #eef2ff;
    border: 1px solid transparent; transition: .28s ease;
}
.nav a:hover, .nav a.active { background: rgba(184,203,255,.08); border-color: rgba(184,203,255,.16); transform: translateY(-1px); }
.btn {
    display: inline-flex; justify-content: center; align-items: center; gap: 10px;
    padding: 14px 18px; border-radius: 16px; border: 1px solid rgba(184,203,255,.24);
    background: linear-gradient(180deg, var(--accent), var(--accent-2)); color: #0a1020; font-weight: 800;
    box-shadow: 0 12px 30px rgba(142,174,248,.16);
    transition: .32s cubic-bezier(.2,.8,.2,1);
}
.btn:hover { transform: translateY(-2px); filter: brightness(1.02); box-shadow: 0 18px 34px rgba(142,174,248,.22); }
.btn-secondary {
    color: var(--text); background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.08); box-shadow: none;
}
.btn-small { padding: 10px 14px; border-radius: 14px; }
.hero, .grid-3 { display: grid; gap: 18px; }
.hero { grid-template-columns: 1.1fr .9fr; align-items: stretch; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.card, .hero-card, .stat-card, .form-card, .offer-card, .panel {
    background: linear-gradient(180deg, rgba(15,16,27,.92), rgba(10,11,20,.92));
    border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow);
}
.hero-card, .form-card, .offer-card, .panel { padding: 28px; }
.hero-card h1 { margin: 0 0 16px; font-size: clamp(36px, 5vw, 62px); line-height: .97; }
.subtitle { font-size: 17px; color: #dfe5ff; }
.badge-row, .actions { display: flex; flex-wrap: wrap; gap: 10px; }
.badge { padding: 9px 12px; border-radius: 999px; background: rgba(184,203,255,.08); border: 1px solid rgba(184,203,255,.14); color: #d7e3ff; }
.actions { margin-top: 22px; }
.stat-card { padding: 22px; transition: .35s ease; }
.stat-card:hover, .panel:hover, .hero-card:hover, .form-card:hover, .offer-card:hover { border-color: var(--line-strong); transform: translateY(-2px); }
.stat-card h3, .panel-title { margin: 0 0 12px; }
.section { margin-top: 24px; }
.input-group { margin-bottom: 16px; }
label { display: block; margin-bottom: 8px; color: #f3f5ff; font-weight: 700; }
input {
    width: 100%; padding: 15px 16px; border-radius: 16px; color: white;
    border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.03);
    transition: .24s ease;
}
input::placeholder { color: #8d94aa; }
input:focus { outline: none; border-color: rgba(184,203,255,.42); box-shadow: 0 0 0 5px rgba(184,203,255,.08); }
.alert { margin-bottom: 18px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(255,255,255,.08); }
.alert-success { background: rgba(126,240,177,.12); color: #d9ffea; }
.alert-error { background: rgba(255,140,140,.12); color: #ffe0e0; }
.muted { color: var(--muted); }
.kv { display: grid; grid-template-columns: 220px 1fr; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.05); }
.kv:last-child { border-bottom: 0; }
.kv span:first-child { color: var(--muted); }
.status-pill { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; padding: 7px 12px; font-weight: 800; }
.status-active { background: rgba(126,240,177,.12); color: #d5ffe7; }
.status-expired { background: rgba(255,140,140,.14); color: #ffd5d5; }
.site-footer { border-top: 1px solid rgba(255,255,255,.05); padding: 26px 0 48px; position: relative; z-index: 2; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 24px; }
.footer-grid-simple { grid-template-columns: 1fr 1fr; align-items: start; justify-items: center; }
.footer-grid-simple > div { width: min(260px, 100%); }
.offer-text h2 { margin-top: 28px; }
.profile-shell { display: grid; grid-template-columns: 1.05fr 1.15fr; gap: 22px; align-items: start; }
.sidebar-stack, .content-stack { display: grid; gap: 18px; }
.user-card, .cab-card {
    background: linear-gradient(180deg, rgba(14,15,24,.93), rgba(9,10,18,.96));
    border: 1px solid rgba(255,255,255,.08); border-radius: 26px; box-shadow: var(--shadow);
}
.user-card { padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.user-meta { display: flex; align-items: center; gap: 14px; }
.user-avatar { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255,255,255,.1); }
.user-name { font-size: 16px; font-weight: 800; margin-bottom: 4px; }
.user-sub { color: var(--muted); }
.logout-badge {
    width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center;
    border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03);
}
.cab-card { padding: 22px; }
.activate-grid { display: grid; grid-template-columns: 1fr 180px; gap: 12px; }
.tab-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.tab-button {
    padding: 18px 16px; border-radius: 18px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02);
    color: var(--text); font-weight: 700; transition: .3s ease;
}
.tab-button.active, .tab-button:hover { background: linear-gradient(180deg, rgba(184,203,255,.95), rgba(158,183,248,.95)); color: #08101d; border-color: rgba(184,203,255,.3); }
.info-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mini-box {
    min-height: 118px; border-radius: 20px; border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.02); padding: 18px 18px 16px;
    display: flex; flex-direction: column; justify-content: center;
}
.mini-box .label { color: var(--muted); margin-bottom: 8px; }
.mini-box .value { font-size: 15px; font-weight: 800; line-height: 1.45; }
.wide-action {
    display: flex; align-items: center; justify-content: center; min-height: 82px; border-radius: 18px; font-size: 24px; text-align: center;
}
.placeholder-box { min-height: 144px; display: flex; flex-direction: column; justify-content: space-between; }
.placeholder-box .big { font-size: 52px; line-height: 1; }
.arrow { font-size: 38px; color: var(--accent); align-self: flex-end; }
.offer-card .offer-text p, .offer-card .offer-text li { color: #eef1ff; }
.hero-visual {
    min-height: 360px; background: linear-gradient(180deg, rgba(184,203,255,.08), rgba(184,203,255,.02));
    position: relative; overflow: hidden;
}
.hero-visual::before {
    content: ''; position: absolute; inset: auto -60px -60px auto; width: 280px; height: 280px;
    background: radial-gradient(circle, rgba(184,203,255,.22), transparent 70%); filter: blur(18px);
}
.hero-visual .mark {
    position: absolute; inset: 0; display: grid; place-items: center; opacity: .16; font-size: 180px; font-weight: 900;
}
@media (max-width: 980px) {
    .hero, .profile-shell, .footer-grid, .grid-3, .info-row, .tab-row { grid-template-columns: 1fr; }
    .activate-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .container { width: min(100% - 20px, 1180px); }
    .nav-wrap { flex-direction: column; align-items: flex-start; }
    .kv { grid-template-columns: 1fr; }
    .user-card { flex-direction: column; align-items: flex-start; }
}


.dashboard { display:grid; grid-template-columns: 520px 1fr; gap: 28px; align-items:start; }
.glass {
    background: linear-gradient(180deg, rgba(14,15,24,.88), rgba(9,10,18,.94));
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 28px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(12px);
}
.dash-left, .dash-right { display:grid; gap: 18px; }
.user-summary { padding: 22px; display:grid; grid-template-columns: 64px 1fr 40px; align-items:center; gap: 16px; }
.avatar-fallback {
    width: 64px; height: 64px; border-radius: 50%;
    display:flex; align-items:center; justify-content:center;
    background: linear-gradient(180deg, rgba(184,203,255,.95), rgba(142,174,248,.95));
    color:#0a1020; font-weight: 900; font-size: 22px;
    border: 1px solid rgba(255,255,255,.24);
}
.user-lines { min-width: 0; }
.dash-name { font-size: 28px; font-weight: 800; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dash-sub { margin-top: 6px; color: var(--muted); }
.logout-mini {
    width: 40px; height: 40px; border-radius: 14px; display:flex; align-items:center; justify-content:center;
    background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); transition: .25s ease;
}
.logout-mini:hover { transform: translateY(-2px); border-color: var(--line-strong); }
.license-card { padding: 24px; }
.section-kicker { font-size: 22px; font-weight: 800; margin-bottom: 18px; }
.license-form { display:grid; grid-template-columns: 1fr 170px; gap: 14px; margin-bottom: 12px; }
.dash-tabs { display:grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.dash-tab {
    padding: 18px 16px; border-radius: 18px; text-align:center; font-weight: 800;
    background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.08);
    transition: .3s ease;
}
.dash-tab:hover, .dash-tab.active {
    background: linear-gradient(180deg, rgba(184,203,255,.95), rgba(158,183,248,.95));
    color: #08101d; border-color: rgba(184,203,255,.3);
}
.info-grid { padding: 20px; }
.info-grid.three { display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.info-tile {
    min-height: 122px; padding: 18px; border-radius: 22px;
    background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.07);
    display:flex; flex-direction:column; justify-content:center;
}
.tile-label { color: var(--muted); font-weight: 700; margin-bottom: 8px; }
.tile-value { font-size: 22px; font-weight: 800; line-height: 1.3; word-break: break-word; }
.big-action-wrap { padding: 20px; }
.big-launcher-btn { width: 100%; min-height: 78px; font-size: 24px; border-radius: 18px; }
.product-panel { padding: 22px; }
.product-line { font-size: 28px; font-weight: 800; margin-top: 8px; }
@media (max-width: 1080px) {
    .dashboard { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .license-form, .dash-tabs, .info-grid.three { grid-template-columns: 1fr; }
    .user-summary { grid-template-columns: 56px 1fr; }
    .logout-mini { grid-column: 1 / -1; }
    .dash-name { font-size: 22px; white-space: normal; }
    .tile-value { font-size: 18px; }
    .big-launcher-btn { font-size: 20px; }
}

.square::before{content:"";position:absolute;inset:9% auto auto 10%;width:34%;height:34%;border-radius:8px;background:linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,0));filter:blur(1px);opacity:.95;}
.square::after{content:"";position:absolute;inset:auto 12% 10% auto;width:36%;height:36%;border-radius:8px;background:radial-gradient(circle, rgba(112,146,255,.65), rgba(112,146,255,0));filter:blur(4px);opacity:.9;}
.floating-squares{filter:saturate(1.18) brightness(1.18);}


.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px;}
.pricing-card{
    position:relative;overflow:hidden;
    background:linear-gradient(180deg, rgba(14,15,24,.94), rgba(9,10,18,.97));
    border:1px solid rgba(255,255,255,.08);border-radius:30px;box-shadow:var(--shadow);
    transition:transform .45s cubic-bezier(.18,.88,.25,1), box-shadow .45s cubic-bezier(.18,.88,.25,1), border-color .35s ease;
}
.pricing-card::before{
    content:"";position:absolute;inset:-1px;border-radius:30px;padding:1px;
    background:linear-gradient(140deg, rgba(255,255,255,.18), rgba(160,185,255,.14), rgba(255,255,255,.04));
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude; opacity:.45;pointer-events:none;
}
.pricing-card::after{
    content:"";position:absolute;inset:auto -60px -70px auto;width:200px;height:200px;border-radius:50%;
    background:radial-gradient(circle, rgba(164,191,255,.22), rgba(164,191,255,0));filter:blur(12px);opacity:.8;pointer-events:none;
}
.pricing-card:hover{
    transform:translateY(-10px) scale(1.02) rotateX(1.2deg);
    box-shadow:0 28px 80px rgba(0,0,0,.45), 0 0 32px rgba(154,182,255,.16);
    border-color:rgba(184,203,255,.24);
}
.pricing-card:hover .pricing-cover{transform:scale(1.04);}
.pricing-card:hover .cover-orb{transform:scale(1.08) translateY(-4px); opacity:1;}
.pricing-card:hover .cover-badge{transform:translateY(-2px);box-shadow:0 10px 24px rgba(146,176,255,.24);}
.pricing-card:hover .cover-orb{transform:scale(1.12);opacity:1;}
.pricing-cover{
    position:relative;height:240px;padding:20px;overflow:hidden;
    display:flex;align-items:flex-start;justify-content:space-between;
    transition:transform .55s cubic-bezier(.18,.88,.25,1);
}
.pricing-standart .pricing-cover{
    background:
      radial-gradient(circle at 20% 20%, rgba(156,188,255,.28), transparent 28%),
      linear-gradient(135deg, rgba(142,174,248,.24), rgba(69,91,172,.10) 52%, rgba(12,14,30,.15) 100%),
      linear-gradient(180deg, rgba(184,203,255,.12), rgba(184,203,255,.02));
}
.pricing-lifetime .pricing-cover{
    background:
      radial-gradient(circle at 78% 24%, rgba(247,212,126,.30), transparent 26%),
      linear-gradient(135deg, rgba(245,215,140,.22), rgba(161,111,34,.10) 54%, rgba(15,12,8,.16) 100%),
      linear-gradient(180deg, rgba(247,215,139,.10), rgba(247,215,139,.02));
}
.pricing-pluse .pricing-cover{
    background:
      radial-gradient(circle at 50% 16%, rgba(183,143,255,.28), transparent 26%),
      linear-gradient(135deg, rgba(183,143,255,.24), rgba(104,66,192,.10) 54%, rgba(14,10,26,.16) 100%),
      linear-gradient(180deg, rgba(183,143,255,.10), rgba(183,143,255,.02));
}
.cover-badge{
    position:relative;z-index:2;padding:10px 14px;border-radius:999px;
    background:rgba(12,15,28,.45);backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.12);font-weight:800;color:#f2f5ff;
    transition:transform .35s ease, box-shadow .35s ease;
}
.cover-orb{
    position:absolute;right:-14px;bottom:-24px;width:180px;height:180px;border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.22), rgba(160,187,255,.12) 34%, rgba(160,187,255,0) 72%);
    filter:blur(6px);opacity:.88;transition:transform .55s ease, opacity .55s ease;
}
.pricing-lifetime .cover-orb{background:radial-gradient(circle, rgba(255,245,210,.22), rgba(255,209,112,.16) 34%, rgba(255,209,112,0) 72%);}
.pricing-pluse .cover-orb{background:radial-gradient(circle, rgba(237,227,255,.22), rgba(183,143,255,.16) 34%, rgba(183,143,255,0) 72%);}
.cover-logo{
    position:absolute;right:22px;bottom:18px;width:130px;height:130px;border-radius:28px;overflow:hidden;
    border:1px solid rgba(255,255,255,.14);background:rgba(10,12,22,.35);box-shadow:0 14px 30px rgba(0,0,0,.32);
    transform:rotate(-2deg);transition:transform .55s cubic-bezier(.18,.88,.25,1);
}
.cover-logo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1) contrast(1.08);}
.pricing-body{padding:22px 22px 24px;}
.pricing-body h3{margin:0 0 10px;font-size:30px;line-height:1.05;}
.pricing-price{margin:0 0 12px;font-size:34px;font-weight:900;color:#f5f7ff;letter-spacing:-0.02em;}
.pricing-price span{font-size:18px;font-weight:700;color:var(--muted);}
.pricing-body .muted{font-size:15px;line-height:1.65;}

@media (max-width: 980px){.pricing-grid{grid-template-columns:1fr;}}

.cover-logo{display:none !important;}


.hero-splash-main{position:relative;min-height:calc(100vh + 80px);padding:0 0 140px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.hero-splash-box{
    position:relative;max-width:1080px;width:100%;margin:0 auto;min-height:calc(100vh + 80px);
    display:grid;place-items:center;padding:72px 28px 140px;
}
.hero-splash-box::before{content:none;}
.hero-splash-box::after{content:none;}
.hero-splash-inner{position:relative;z-index:1;max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:heroReveal 1.15s cubic-bezier(.16,.9,.18,1) both;}
.hero-splash-inner::before{
    content:"";position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);
    width:min(720px,82vw);height:220px;border-radius:50%;pointer-events:none;
    background:radial-gradient(circle, rgba(124,152,255,.34) 0%, rgba(95,128,255,.22) 24%, rgba(88,118,255,.12) 44%, rgba(88,118,255,0) 76%);
    filter:blur(36px);
    opacity:1;
    animation:heroGlow 4.8s ease-in-out infinite;
}
.hero-splash-main h1{
    position:relative;z-index:1;margin:0;font-size:clamp(46px,5.2vw,72px);line-height:.98;letter-spacing:-.045em;
    color:#f7f9ff;text-wrap:balance;font-weight:800;max-width:900px;
    text-shadow:0 0 22px rgba(148,172,255,.16), 0 0 46px rgba(86,118,255,.26), 0 0 88px rgba(86,118,255,.18);
    animation:titleFloat 1.35s cubic-bezier(.17,.84,.2,1) both;
}
.hero-lead{
    position:relative;z-index:1;max-width:760px;margin:22px auto 0;font-size:20px;line-height:1.55;
    color:rgba(233,238,255,.84);text-wrap:balance;text-align:center;
    text-shadow:0 0 24px rgba(84,112,255,.12);
    animation:textRise 1.45s cubic-bezier(.18,.88,.2,1) both;
}
.pricing-grid{margin-top:0;padding-top:120px;}
@keyframes titleFloat{
    0%{opacity:0;transform:translateY(18px) scale(.97);letter-spacing:-.02em;}
    100%{opacity:1;transform:translateY(0) scale(1);letter-spacing:-.045em;}
}
@keyframes textRise{
    0%{opacity:0;transform:translateY(22px);}
    100%{opacity:1;transform:translateY(0);}
}
@keyframes heroReveal{
    0%{opacity:0;transform:translateY(26px) scale(.985);filter:blur(6px);} 
    100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);} 
}
@keyframes heroGlow{
    0%,100%{opacity:.82;transform:translate(-50%,-50%) scale(1);} 
    50%{opacity:1;transform:translate(-50%,-50%) scale(1.08);} 
}
@media (max-width: 900px){
  .hero-splash-main{min-height:calc(100vh + 40px);padding:0 0 96px;}
  .hero-splash-box{min-height:calc(100vh + 40px);padding:40px 16px 100px;}
}
@media (max-width: 720px){
  .hero-splash-main{padding:0 0 72px;min-height:calc(100vh + 24px);}
  .hero-splash-box{min-height:calc(100vh + 24px);padding:24px 12px 82px;}
  .hero-splash-main h1{font-size:clamp(36px,10vw,52px);line-height:1.0;}
  .hero-lead{font-size:18px;max-width:92vw;}
  .hero-lead{font-size:18px;max-width:640px;}
  .pricing-grid{padding-top:84px;}
}


.landing-hero{position:relative;min-height:720px;display:grid;grid-template-columns:minmax(320px,520px) 1fr;align-items:center;gap:24px;padding:42px 0 18px;overflow:hidden;}
.landing-hero::before{content:"";position:absolute;inset:-10% -8% auto -8%;height:120%;background:radial-gradient(circle at 70% 35%, rgba(52,146,255,.18), transparent 25%),radial-gradient(circle at 78% 46%, rgba(105,204,255,.12), transparent 20%),linear-gradient(90deg, rgba(4,6,14,.96) 0%, rgba(4,6,14,.88) 33%, rgba(4,6,14,.46) 58%, rgba(4,6,14,.18) 100%);pointer-events:none;z-index:0;}
.landing-hero__content,.landing-hero__visual{position:relative;z-index:1;}
.landing-copy{max-width:470px;padding-left:40px;}
.landing-copy h1{margin:0 0 18px;font-size:72px;line-height:.95;letter-spacing:-.04em;color:#f6f8ff;}
.landing-copy p{margin:0;max-width:430px;font-size:18px;line-height:1.6;color:#d4d9ea;}
.landing-actions{display:flex;gap:12px;margin-top:28px;}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:15px;font-weight:800;font-size:18px;transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease, filter .24s ease;}
.hero-btn:hover{transform:translateY(-2px);}
.hero-btn--primary{background:linear-gradient(180deg,#6fa7ff,#3f7eff);border:1px solid rgba(160,208,255,.28);color:white;box-shadow:0 18px 35px rgba(63,126,255,.24), 0 0 28px rgba(76,151,255,.20);}
.hero-btn--primary:hover{box-shadow:0 24px 44px rgba(63,126,255,.34), 0 0 36px rgba(76,151,255,.28);background:linear-gradient(180deg,#82b6ff,#538fff);}
.hero-btn--secondary{border:1px solid rgba(168,145,255,.24);background:linear-gradient(180deg, rgba(42,33,74,.92), rgba(23,21,40,.96));color:#f7f9ff;backdrop-filter:blur(10px);box-shadow:0 0 42px rgba(132,108,255,.26), 0 12px 28px rgba(0,0,0,.18);}
.hero-btn--secondary:hover{border-color:rgba(192,176,255,.42);background:linear-gradient(180deg, rgba(55,43,96,.98), rgba(28,24,50,.98));box-shadow:0 0 52px rgba(144,116,255,.34), 0 16px 34px rgba(0,0,0,.24);}
.landing-hero__visual{min-height:640px;display:flex;align-items:flex-end;justify-content:flex-end;padding-right:24px;}
.hero-character{width:min(880px,100%);max-height:680px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(82,191,255,.36)) drop-shadow(0 0 46px rgba(37,122,255,.25)) blur(.2px);transform:translateY(18px);opacity:.92;mix-blend-mode:screen;}
.visual-glow{position:absolute;right:10%;top:14%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle, rgba(88,188,255,.34), rgba(88,188,255,.08) 40%, rgba(88,188,255,0) 72%);filter:blur(8px);}
.visual-panel{position:absolute;border-radius:24px;background:linear-gradient(180deg, rgba(10,18,34,.72), rgba(6,11,22,.18));border:1px solid rgba(118,170,255,.15);box-shadow:0 12px 42px rgba(5,12,32,.44), inset 0 0 0 1px rgba(255,255,255,.02);backdrop-filter:blur(10px);}
.visual-panel::before{content:"";position:absolute;inset:16px;background:linear-gradient(180deg, rgba(34,110,255,.14), transparent 40%);border-radius:16px;opacity:.9;}
.visual-panel--left{width:190px;height:110px;right:29%;top:18%;transform:rotate(-6deg);}
.visual-panel--right{width:210px;height:160px;right:4%;top:16%;transform:rotate(4deg);}
.visual-panel--left::after,.visual-panel--right::after{content:"";position:absolute;left:24px;right:24px;bottom:22px;height:10px;border-radius:999px;background:linear-gradient(90deg, rgba(21,126,255,.95), rgba(65,219,255,.68));box-shadow:0 0 18px rgba(35,155,255,.38);}
.visual-panel--right::after{left:28px;right:74px;bottom:28px;}
#pricing{scroll-margin-top:110px;}

@media (max-width: 1180px){
  .landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:20px;}
  .landing-copy{max-width:700px;padding-left:0;text-align:center;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
  .landing-copy p{max-width:700px;}
  .landing-hero__visual{min-height:420px;padding-right:0;justify-content:center;}
  .hero-character{max-height:460px;transform:none;}
  .visual-panel--left{right:54%;top:8%;}
  .visual-panel--right{right:18%;top:7%;}
}
@media (max-width: 760px){
  .landing-hero{padding:8px 0 6px;}
  .landing-copy h1{font-size:54px;}
  .landing-copy p{font-size:17px;}
  .landing-actions{flex-direction:column;width:100%;max-width:320px;}
  .hero-btn{width:100%;}
  .landing-hero__visual{min-height:320px;}
  .visual-panel{display:none;}
  .visual-glow{right:50%;transform:translateX(50%);top:6%;width:250px;height:250px;}
}


/* v13 home hero */
.home-hero{
    position:relative;
    min-height:calc(100vh - 92px);
    display:flex;
    align-items:center;
    padding:22px 0 36px;
}
.home-hero__inner{
    width:min(1180px, calc(100% - 32px));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(340px, 470px) minmax(420px, 1fr);
    gap:42px;
    align-items:center;
}
.home-hero__copy{
    max-width:470px;
    justify-self:start;
}
.home-hero__copy h1{
    margin:0 0 18px;
    font-size:clamp(52px, 7vw, 82px);
    line-height:.96;
    letter-spacing:-.04em;
    color:#f6f8ff;
}
.home-hero__copy p{
    margin:0;
    font-size:18px;
    line-height:1.72;
    color:#d9def0;
    max-width:460px;
}
.home-hero__actions{
    display:flex;
    gap:12px;
    margin-top:28px;
    flex-wrap:wrap;
}
.home-hero__art{
    position:relative;
    min-height:640px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.art-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(16px);
    opacity:.95;
}
.art-glow--one{
    width:420px;height:420px;right:14%;top:10%;
    background:radial-gradient(circle, rgba(47,155,255,.38), rgba(47,155,255,.08) 42%, rgba(47,155,255,0) 74%);
}
.art-glow--two{
    width:260px;height:260px;right:30%;bottom:12%;
    background:radial-gradient(circle, rgba(119,220,255,.24), rgba(119,220,255,.05) 42%, rgba(119,220,255,0) 74%);
}
.art-card{
    position:absolute;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(10,18,34,.76), rgba(7,12,24,.20));
    border:1px solid rgba(118,170,255,.16);
    box-shadow:0 18px 54px rgba(6,12,32,.44), inset 0 0 0 1px rgba(255,255,255,.03);
    backdrop-filter:blur(10px);
}
.art-card::before{
    content:"";position:absolute;left:18px;right:18px;bottom:20px;height:10px;border-radius:999px;
    background:linear-gradient(90deg, rgba(21,126,255,.95), rgba(65,219,255,.66));
    box-shadow:0 0 18px rgba(35,155,255,.34);
}
.art-card--large{width:230px;height:150px;right:10%;top:14%;transform:rotate(7deg);}
.art-card--small{width:190px;height:104px;right:42%;top:22%;transform:rotate(-8deg);}
.art-silhouette{
    position:relative;
    width:min(540px, 100%);
    aspect-ratio:0.88;
    filter:drop-shadow(0 0 16px rgba(82,191,255,.30)) drop-shadow(0 0 44px rgba(37,122,255,.24));
}
.silhouette-core{
    position:absolute;inset:10% 12% 6% 18%;
    clip-path:polygon(52% 0, 66% 8%, 76% 21%, 91% 28%, 100% 48%, 96% 70%, 86% 88%, 71% 100%, 48% 97%, 28% 84%, 15% 63%, 7% 44%, 15% 25%, 31% 10%);
    background:
      linear-gradient(180deg, rgba(197,219,255,.94), rgba(111,180,255,.86) 36%, rgba(60,133,255,.58) 72%, rgba(36,65,150,.28) 100%),
      radial-gradient(circle at 58% 34%, rgba(255,255,255,.92), rgba(255,255,255,0) 18%);
    border-radius:36% 44% 32% 40% / 36% 42% 36% 40%;
    transform:rotate(8deg);
    opacity:.92;
}
.silhouette-core::before,
.silhouette-core::after{
    content:"";position:absolute;border-radius:50%;background:radial-gradient(circle, #f4f7ff 0, #b4d4ff 45%, rgba(180,212,255,0) 72%);
    width:28px;height:28px;top:30%;
}
.silhouette-core::before{left:42%;}
.silhouette-core::after{left:56%;}
.silhouette-fragment{
    position:absolute;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(188,214,255,.84), rgba(79,146,255,.52));
    opacity:.78;
}
.frag-1{width:82px;height:150px;left:19%;bottom:9%;transform:rotate(18deg);}
.frag-2{width:78px;height:174px;right:16%;bottom:4%;transform:rotate(-28deg);}
.frag-3{width:72px;height:118px;right:5%;top:18%;transform:rotate(18deg);}

@media (max-width: 1100px){
  .home-hero{min-height:auto;padding:26px 0 22px;}
  .home-hero__inner{grid-template-columns:1fr;gap:18px;justify-items:center;text-align:center;}
  .home-hero__copy{justify-self:center;max-width:760px;}
  .home-hero__copy p{max-width:760px;}
  .home-hero__actions{justify-content:center;}
  .home-hero__art{width:100%;min-height:480px;}
  .art-card--large{right:14%;}
}
@media (max-width: 720px){
  .home-hero__inner{width:min(100% - 20px, 1180px);}
  .home-hero__copy h1{font-size:clamp(40px, 12vw, 60px);}
  .home-hero__copy p{font-size:16px;line-height:1.65;}
  .home-hero__actions{flex-direction:column;align-items:center;}
  .home-hero__actions .hero-btn{width:min(320px,100%);}
  .home-hero__art{min-height:340px;}
  .art-card{display:none;}
}


html{scroll-behavior:smooth;}

.showcase-hero{
  position:relative;
  min-height:calc(100vh - 110px);
  border-radius:34px;
  overflow:hidden;
  margin:6px 0 28px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
  background:linear-gradient(180deg, rgba(8,10,19,.86), rgba(5,7,15,.92));
}
.showcase-hero__container{
  position:absolute;inset:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 32px;
  text-align:center;
}
.showcase-hero__copy{
  max-width:900px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.showcase-hero__copy h1{
  margin:0 0 18px;
  font-size:clamp(64px, 9vw, 104px);
  line-height:.92;
  letter-spacing:-.05em;
}
.showcase-hero__copy p{
  margin:0;
  font-size:clamp(18px, 2.2vw, 24px);
  line-height:1.56;
  color:#eef3ff;
  max-width:860px;
}
.showcase-hero__actions{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:30px;
}
.showcase-hero .hero-btn{
  min-width:148px;
  height:56px;
  border-radius:14px;
  font-size:17px;
}
.showcase-hero .hero-btn--primary{
  background:linear-gradient(180deg,#43a3ff,#2f83ff);
  box-shadow:0 22px 48px rgba(47,131,255,.28);
}
.showcase-hero .hero-btn--secondary{
  background:rgba(35,36,44,.88);
  border-color:rgba(255,255,255,.10);
}
@media (max-width: 900px){
  .showcase-hero{min-height:500px;}
  .showcase-hero__container{padding:44px 28px;}
}
@media (max-width: 640px){
  .showcase-hero{min-height:560px;border-radius:26px;}
  .showcase-hero__container{padding:34px 20px;}
  .showcase-hero__copy h1{font-size:clamp(42px,12vw,62px);line-height:.95;}
  .showcase-hero__copy p{font-size:17px;line-height:1.55;}
  .showcase-hero__actions{flex-direction:column;align-items:center;}
  .showcase-hero .hero-btn{min-width:170px;}
}

.hero-splash-inner .showcase-hero__actions{animation:textRise 1.6s cubic-bezier(.18,.88,.2,1) both;}


.pricing-section{margin-top:0;padding-top:36px;}
.pricing-heading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:18px auto 42px;position:relative;}
.pricing-heading-wrap::before{content:"";position:absolute;left:50%;top:24px;transform:translateX(-50%);width:min(500px,68vw);height:108px;border-radius:999px;background:radial-gradient(circle, rgba(76,120,255,.24) 0%, rgba(76,120,255,.10) 38%, rgba(76,120,255,0) 74%);filter:blur(24px);pointer-events:none;}
.pricing-heading{position:relative;z-index:1;margin:0;font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-.045em;font-weight:800;color:#f7f9ff;text-shadow:0 0 16px rgba(148,172,255,.16),0 0 36px rgba(76,120,255,.22);}
.pricing-subheading{position:relative;z-index:1;margin:16px 0 0;max-width:760px;font-size:20px;line-height:1.55;color:rgba(233,238,255,.84);}
.pricing-grid .pricing-card{display:block;cursor:pointer;}
.pricing-grid .pricing-card:focus-visible{outline:2px solid rgba(184,203,255,.45);outline-offset:4px;}
@media (max-width: 640px){
  .pricing-section{padding-top:20px;}
  .pricing-heading-wrap{margin:14px auto 26px;}
  .pricing-heading-wrap::before{width:min(86vw,400px);height:84px;top:16px;filter:blur(18px);}
  .pricing-heading{font-size:clamp(36px,9vw,52px);line-height:1;}
  .pricing-subheading{margin-top:12px;font-size:18px;line-height:1.55;max-width:92vw;}
}


/* v25 animations + pricing scroll */
.reveal{opacity:0;transform:translateY(32px) scale(.985);filter:blur(10px);transition:opacity .9s cubic-bezier(.16,.84,.2,1), transform .9s cubic-bezier(.16,.84,.2,1), filter .9s cubic-bezier(.16,.84,.2,1);will-change:opacity,transform,filter;}
.reveal.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
.reveal-delay-1{transition-delay:.08s;}
.reveal-delay-2{transition-delay:.16s;}
.reveal-delay-3{transition-delay:.24s;}
.reveal-hero{transition-delay:.02s;}

.pricing-section{padding-top:92px;}
.pricing-heading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto 28px;max-width:760px;}
.pricing-heading{position:relative;margin:0;font-size:clamp(44px,4.7vw,66px);line-height:1;letter-spacing:-.04em;font-weight:800;color:#f7f9ff;text-shadow:0 0 22px rgba(148,172,255,.16), 0 0 46px rgba(86,118,255,.26), 0 0 88px rgba(86,118,255,.18);}
.pricing-heading::before{content:"";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(520px,78vw);height:140px;border-radius:50%;background:radial-gradient(circle, rgba(124,152,255,.26) 0%, rgba(95,128,255,.14) 34%, rgba(88,118,255,0) 74%);filter:blur(28px);pointer-events:none;z-index:-1;}
.pricing-subheading{margin:18px auto 0;max-width:640px;font-size:20px;line-height:1.55;color:rgba(233,238,255,.84);text-align:center;text-shadow:0 0 24px rgba(84,112,255,.12);}
.pricing-grid{padding-top:52px;}
.pricing-card{cursor:pointer;opacity:0;transform:translateY(34px) scale(.985);filter:blur(10px);transition:transform .9s cubic-bezier(.16,.84,.2,1), box-shadow .28s ease, border-color .28s ease, opacity .9s cubic-bezier(.16,.84,.2,1), filter .9s cubic-bezier(.16,.84,.2,1);}
.pricing-card.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
.pricing-card:hover{transform:translateY(-8px) scale(1.012);}
.site-footer .footer-grid{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity .9s cubic-bezier(.16,.84,.2,1), transform .9s cubic-bezier(.16,.84,.2,1), filter .9s cubic-bezier(.16,.84,.2,1);}
.site-footer .footer-grid.is-visible{opacity:1;transform:translateY(0);filter:blur(0);}
.brand.reveal,.nav.reveal{opacity:0;transform:translateY(-18px);filter:blur(8px);}
.brand.reveal.is-visible,.nav.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0);}

.hero-buy-pulse .hero-btn--primary,
.hero-buy-pulse.hero-btn--primary{animation:heroBuyPulse 1.1s ease;}
@keyframes heroBuyPulse{
  0%{transform:scale(1);box-shadow:0 18px 35px rgba(63,126,255,.24),0 0 28px rgba(76,151,255,.20);}
  40%{transform:scale(1.06);box-shadow:0 24px 46px rgba(63,126,255,.38),0 0 48px rgba(92,164,255,.42);}
  100%{transform:scale(1);box-shadow:0 18px 35px rgba(63,126,255,.24),0 0 28px rgba(76,151,255,.20);}
}

@media (max-width: 720px){
  .pricing-section{padding-top:72px;}
  .pricing-heading{font-size:clamp(36px,10vw,52px);}
  .pricing-subheading{font-size:18px;max-width:92vw;}
}


/* v26 fixes */
#hero-buy{scroll-margin-top:120px; position:relative;}
.hero-buy-pulse{animation:heroBuyPulse 1.05s ease;}
@keyframes heroBuyPulse{
  0%{transform:scale(1); box-shadow:0 0 0 rgba(124,152,255,0);} 
  35%{transform:scale(1.06); box-shadow:0 0 36px rgba(124,152,255,.28);} 
  100%{transform:scale(1); box-shadow:0 0 0 rgba(124,152,255,0);} 
}

.form-card,.offer-card,.dashboard > *, .dashboard .glass, .site-footer .footer-grid > div{
  will-change: opacity, transform, filter;
}

.offer-card h1,.offer-card h2,.form-card h1,.dashboard .section-kicker,.dashboard .dash-name,.dashboard .dash-tab,.dashboard .tile-value{
  text-shadow:0 0 16px rgba(86,118,255,.12), 0 0 34px rgba(86,118,255,.10);
}

.site-footer .footer-grid > div.reveal,
.form-card.reveal,
.offer-card.reveal,
.dashboard > *.reveal,
.dashboard .glass.reveal{
  transition-duration:1s;
}

.btn-disabled{
    pointer-events:none;
    cursor:not-allowed;
    opacity:.48;
    filter:saturate(.7) grayscale(.12);
    box-shadow:none !important;
    background:linear-gradient(180deg, rgba(90,95,118,.34), rgba(48,52,68,.48)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:rgba(255,255,255,.72) !important;
}


/* mobile adaptation */
.nav-toggle{
    display:none;
    width:48px;
    height:48px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.03);
    color:#f4f7ff;
    align-items:center;
    justify-content:center;
    gap:4px;
    flex-direction:column;
    cursor:pointer;
    box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.nav-toggle span{
    display:block;
    width:18px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transition:transform .28s ease, opacity .28s ease;
}
.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-toggle.is-open span:nth-child(2){opacity:0;}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

@media (max-width: 900px){
    .site-header{position:sticky;top:0;}
    .nav-wrap{
        display:grid;
        grid-template-columns:1fr auto;
        align-items:center;
        gap:12px;
        padding:12px 0;
    }
    .brand{min-width:0;}
    .brand-text{min-height:auto;}
    .brand strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .brand-logo{width:50px;height:50px;}
    .nav-toggle{display:inline-flex;}
    .nav{
        grid-column:1 / -1;
        width:100%;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
        padding:10px;
        border-radius:20px;
        border:1px solid rgba(255,255,255,.08);
        background:linear-gradient(180deg, rgba(15,16,27,.98), rgba(10,11,20,1));
        box-shadow:0 18px 40px rgba(0,0,0,.28);
    }
    .nav.is-open{display:flex;}
    .nav a,
    .nav .btn{
        width:100%;
        justify-content:center;
        text-align:center;
        padding:14px 16px;
        border-radius:16px;
    }
    .main-content{padding:20px 0 52px;}

    .floating-squares{opacity:.78;}
    .square{backdrop-filter:none; filter:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.4), inset -12px -12px 18px rgba(18,32,88,.20), 0 10px 22px rgba(12,22,72,.24), 0 0 14px rgba(122,154,255,.22);} 
    .bg-grid{opacity:.16; background-size:34px 34px;}
    .site-footer{padding-bottom:34px;}
    .hero-splash-main{
        min-height:calc(100svh - 76px);
        padding:12px 0 84px;
    }
    .hero-splash-box{
        min-height:calc(100svh - 76px);
        padding:12px 12px 92px;
    }
    .hero-splash-inner{max-width:100%;}
    .hero-splash-main h1{
        font-size:clamp(34px, 11vw, 58px);
        line-height:1.02;
    }
    .hero-lead{
        font-size:16px;
        line-height:1.58;
        max-width:92vw;
        margin-top:18px;
    }
    .showcase-hero__actions,
    .landing-actions,
    .home-hero__actions,
    .actions{
        width:100%;
        justify-content:center;
        flex-direction:column;
        align-items:stretch;
        max-width:320px;
        margin-left:auto;
        margin-right:auto;
    }
    .hero-btn,
    .btn{
        width:100%;
    }
    .pricing-heading-wrap{text-align:center;}
    .pricing-heading{font-size:clamp(30px, 8.5vw, 44px) !important;}
    .pricing-subheading{font-size:15px !important;}
    .pricing-grid{
        grid-template-columns:1fr;
        gap:16px;
        padding-top:56px;
    }
    .pricing-card{border-radius:24px;}
    .pricing-cover{height:180px;}
    .pricing-body{padding:18px 18px 20px;}
    .pricing-body h3{font-size:24px;}
    .pricing-price{font-size:28px;}
    .hero-card,
    .form-card,
    .offer-card,
    .panel,
    .cab-card,
    .glass,
    .license-card{padding:18px; border-radius:22px;}
    .dashboard,
    .profile-shell,
    .footer-grid,
    .footer-grid-simple,
    .info-row,
    .grid-3,
    .info-grid.three,
    .tab-row,
    .activate-grid,
    .license-form{
        grid-template-columns:1fr !important;
    }
    .user-summary{
        grid-template-columns:56px 1fr;
        gap:12px;
        padding:18px;
    }
    .logout-mini{grid-column:1 / -1;justify-self:start;}
    .dash-name{font-size:20px;}
    .tile-value{font-size:18px;}
    .footer-grid-simple{justify-items:stretch;}
    .footer-grid-simple > div{width:100%;}
    .site-footer{padding:22px 0 34px;}
    .kv{grid-template-columns:1fr;gap:4px;}
}

@media (max-width: 560px){
    .container{width:min(100% - 16px, 1180px);}
    .brand{gap:10px;}
    .brand strong{font-size:15px;}
    .site-header{background:rgba(7,8,16,.74);}
    .hero-splash-main{padding:4px 0 70px;}
    .hero-splash-main h1{font-size:clamp(30px, 12vw, 44px);}
    .hero-splash-inner::before{width:92vw;height:180px;filter:blur(28px);}
    .hero-lead{font-size:15px;max-width:100%;}
    .pricing-heading{margin-bottom:8px;}
    .pricing-cover{height:164px;padding:16px;}
    .cover-badge{padding:8px 12px;font-size:14px;}
    .pricing-body h3{font-size:22px;}
    .pricing-price{font-size:24px;}
    .pricing-price span{font-size:15px;}
    .mini-box,.info-tile{min-height:96px;padding:14px;}
    .big-launcher-btn{font-size:18px;min-height:64px;}
    .user-card{padding:18px;}
    .offer-card .offer-text h2{font-size:22px;}
}

@media (max-width: 560px){
    .brand strong{font-size:15px;}
    .hero-splash-main h1{font-size:clamp(30px, 10vw, 44px);} 
    .hero-lead{font-size:15px; max-width:94vw;}
    .nav-wrap{gap:10px;}
}