:root {
    --bg: #06070a;
    --bg-soft: #090b10;
    --panel: #0d1016;
    --panel-2: #11141b;
    --panel-3: #151821;
    --line: rgba(135, 142, 164, .17);
    --line-strong: rgba(135, 142, 164, .28);
    --text: #f1f2f6;
    --muted: #777c8a;
    --purple: #654cff;
    --purple-2: #806aff;
    --purple-soft: rgba(101, 76, 255, .13);
    --green: #2bd99f;
    --cyan: #68e6df;
    --amber: #f4b65d;
    --font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Unbounded", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", Consolas, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: var(--font); -webkit-font-smoothing: antialiased; }
body.nav-open { overflow: hidden; }
a { color: inherit; }
button { font: inherit; }
section[id] { scroll-margin-top: 68px; }
.shell { width: min(1230px, calc(100% - 56px)); margin-inline: auto; }

/* Header */
.topnav { position: fixed; z-index: 1000; inset: 0 0 auto; border-top: 3px solid #454852; border-bottom: 1px solid rgba(135,142,164,.12); background: rgba(6,7,10,.84); backdrop-filter: blur(18px); }
.nav-inner { height: 67px; display: flex; align-items: center; }
.logo { display: inline-flex; align-items: center; gap: 10px; color: var(--text); font-size: 17px; font-weight: 800; letter-spacing: -.035em; text-decoration: none; }.logo:hover { color: white; }
.logo > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: linear-gradient(145deg,#2bd99f,#654cff); color: #050609; font-size: 12px; }
.nav-links { margin-left: auto; display: flex; align-items: center; gap: 34px; }.nav-links a { color: #777c89; font-size: 12px; font-weight: 600; text-decoration: none; transition: color .2s; }.nav-links a:hover { color: #d8dae2; }
.nav-action { min-height: 38px; margin-left: 38px; padding: 0 22px; display: inline-flex; align-items: center; border-radius: 999px; background: linear-gradient(135deg,var(--purple-2),var(--purple)); color: #09090c; font-size: 11px; font-weight: 800; text-decoration: none; box-shadow: 0 10px 30px rgba(101,76,255,.22); }.nav-action:hover { color: #09090c; transform: translateY(-1px); }
.menu-toggle { display: none; }

/* Hero / reference-driven techno scene */
.hero { position: relative; min-height: 900px; padding: 135px 0 45px; overflow: hidden; background: #050608; }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 28% 40%,rgba(76,50,236,.09),transparent 26%),radial-gradient(circle at 78% 55%,rgba(23,190,159,.06),transparent 23%); pointer-events: none; }
.hero-grid { position: absolute; z-index: 0; inset: -90px -180px -120px 32%; background-image: linear-gradient(rgba(70,74,87,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(70,74,87,.13) 1px,transparent 1px); background-size: 235px 145px; transform: perspective(1000px) rotateY(-8deg) rotateX(3deg) rotateZ(1deg) scale(1.1); mask-image: radial-gradient(ellipse at 58% 48%,black 5%,transparent 70%); opacity: .9; }
.hero-grid::before,.hero-grid::after { content: ""; position: absolute; width: 235px; height: 125px; border: 1px solid rgba(104,230,223,.35); background: repeating-linear-gradient(to bottom,rgba(104,230,223,.06) 0,rgba(104,230,223,.06) 1px,transparent 1px,transparent 5px); box-shadow: 0 0 35px rgba(43,217,159,.09),inset 0 0 25px rgba(43,217,159,.05); }
.hero-grid::before { right: 27%; top: 48%; }.hero-grid::after { right: 29%; top: 72%; border-color: rgba(101,76,255,.42); background: repeating-linear-gradient(to bottom,rgba(101,76,255,.07) 0,rgba(101,76,255,.07) 1px,transparent 1px,transparent 5px); }
.hero-aura { position: absolute; z-index: 1; left: -5%; right: 45%; top: 280px; height: 120px; border-top: 1px solid rgba(104,230,223,.12); border-radius: 50%; filter: blur(.2px); transform: rotate(-4deg); }
.hero-content { position: relative; z-index: 2; min-height: 720px; padding-top: 28px; text-align: left; }
.hero-badge { max-width: 620px; margin-bottom: 21px; color: #7564ff; font-family: Consolas, monospace; font-size: 11px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; }
.hero h1 { position: relative; z-index: 4; max-width: 720px; margin: 0 0 27px; font-size: clamp(64px,7.1vw,96px); font-weight: 800; line-height: .89; letter-spacing: -.065em; }
.hero h1 span { display: block; margin-top: 12px; background: linear-gradient(90deg,#876fff,#5238ed); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-copy { position: relative; z-index: 4; max-width: 610px; margin: 0 0 35px; color: #797e8c; font-size: 18px; line-height: 1.65; letter-spacing: -.02em; }
.hero-actions { position: relative; z-index: 4; display: flex; gap: 13px; align-items: center; }.button { min-height: 52px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; border-radius: 999px; font-size: 12px; font-weight: 800; text-decoration: none; transition: .24s; }.button-main { min-width: 230px; background: linear-gradient(135deg,#7860ff,#5c42fa); color: #08090c; box-shadow: 0 15px 35px rgba(101,76,255,.22); }.button-main:hover { color: #08090c; transform: translateY(-2px); box-shadow: 0 18px 42px rgba(101,76,255,.32); }.button-ghost { border: 1px solid var(--line-strong); color: #c5c8d0; background: rgba(7,8,12,.55); }.button-ghost:hover { border-color: rgba(126,108,255,.55); color: white; }
.hero-trust { position: relative; z-index: 4; max-width: 650px; margin-top: 28px; display: flex; gap: 22px; color: #555b69; font-size: 8px; }.hero-trust span { display: flex; align-items: center; gap: 6px; }.hero-trust i { color: #7464ee; }

/* Original Cargo network scene: reference mood, independent composition */
.hero-network{position:absolute;z-index:3;top:35px;right:-30px;width:590px;height:680px;pointer-events:none}.network-panel{position:absolute;width:240px;height:140px;padding:15px;overflow:hidden;border:1px solid rgba(101,76,255,.42);background:rgba(8,10,14,.88);box-shadow:0 0 38px rgba(101,76,255,.09),inset 0 0 35px rgba(101,76,255,.04)}.network-panel::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(101,76,255,.06) 0,rgba(101,76,255,.06) 1px,transparent 1px,transparent 5px)}.network-panel>span,.network-panel>small{position:relative;z-index:2;display:block;color:#6055af;font-family:Consolas,monospace;font-size:7px;letter-spacing:.13em}.network-panel>small{color:#3d4350}.network-panel svg{position:relative;z-index:2;width:100%;height:76px;overflow:visible}.network-panel path{fill:none;stroke:#7663ff;stroke-width:2;filter:drop-shadow(0 0 5px rgba(118,99,255,.55))}.panel-one{left:70px;top:75px;transform:perspective(700px) rotateY(-7deg)}.panel-two{right:0;bottom:70px;transform:perspective(700px) rotateY(-7deg);border-color:rgba(43,217,159,.36);box-shadow:0 0 38px rgba(43,217,159,.07),inset 0 0 35px rgba(43,217,159,.04)}.panel-two::before{background:repeating-linear-gradient(to bottom,rgba(43,217,159,.055) 0,rgba(43,217,159,.055) 1px,transparent 1px,transparent 5px)}.panel-two path{stroke:#61d9cf;filter:drop-shadow(0 0 5px rgba(97,217,207,.5))}.network-hub{position:absolute;left:245px;top:315px;width:120px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(101,76,255,.4);background:#0a0c11;color:#6f5cff;box-shadow:0 0 35px rgba(101,76,255,.11)}.network-hub i{font-size:20px}.network-hub span{color:#616775;font-family:Consolas,monospace;font-size:7px;letter-spacing:.08em}.network-link{position:absolute;width:1px;border-left:1px dashed rgba(101,76,255,.48)}.link-one{left:280px;top:215px;height:101px;transform:rotate(-7deg)}.link-two{left:355px;top:392px;height:145px;transform:rotate(-25deg);border-color:rgba(43,217,159,.42)}.network-orbit{position:absolute;border:1px solid rgba(80,85,99,.1);transform:rotate(-7deg)}.orbit-a{width:275px;height:130px;right:-90px;top:120px}.orbit-b{width:245px;height:125px;left:-55px;bottom:145px}
.hero .dashboard-stage{display:none}

/* Dashboard floating as part of hero composition */
.dashboard-stage { position: absolute; z-index: 2; width: 910px; right: -275px; top: 50px; margin: 0; text-align: left; transform: perspective(1600px) rotateY(-7deg) rotateX(1.5deg) scale(.72); transform-origin: right center; opacity: .78; }
.dashboard-glow { position: absolute; left: 10%; right: 10%; bottom: 5%; height: 45%; background: rgba(101,76,255,.12); filter: blur(70px); }
.dashboard-window { position: relative; overflow: hidden; border: 1px solid rgba(118,105,214,.27); border-radius: 14px; background: #090b10; box-shadow: 0 45px 100px rgba(0,0,0,.55),0 0 45px rgba(72,52,198,.08); }
.window-bar { height: 42px; padding: 0 13px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); background: #0c0e13; }.window-dots { display: flex; gap: 5px; }.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #343844; }.window-dots i:first-child { background:#735eff }.window-address { min-width: 180px; padding: 5px 15px; border: 1px solid rgba(135,142,164,.09); border-radius: 6px; color: #414754; font-family: Consolas,monospace; font-size: 7px; text-align: center; }.window-address i { margin-right:5px }.window-actions { justify-self:end;display:flex;align-items:center;gap:12px;color:#4f5665;font-size:10px }.window-actions>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#4d3db0;color:white;font-size:7px}
.dashboard-layout { min-height: 630px; display: grid; grid-template-columns: 155px 1fr; }.dash-sidebar { padding: 16px 10px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: #090b0f; }.dash-brand { height:34px;margin:0 7px 16px;display:flex;align-items:center;gap:8px;color:#d5d7df }.dash-brand::after{content:"Cargo CRM";font-size:9px;font-weight:800}.dash-brand i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#6049ef;color:#08090c}.dash-sidebar>button{min-height:36px;margin-bottom:3px;padding:0 9px;display:flex;align-items:center;gap:9px;border:0;border-radius:7px;background:transparent;color:#4f5664;font-size:8px;text-align:left}.dash-sidebar>button i{width:14px}.dash-sidebar>button.active{border:1px solid rgba(101,76,255,.24);background:var(--purple-soft);color:#8b7bff}.dash-profile{margin-top:auto;padding:11px 6px 0;display:flex;align-items:center;gap:7px;border-top:1px solid var(--line)}.dash-profile>span{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#232735;color:#8b7bff;font-size:7px}.dash-profile>div{display:flex;flex-direction:column}.dash-profile b{color:#7d8391;font-size:7px}.dash-profile small{color:#424956;font-size:6px}
.dash-main { min-width:0;padding:24px;background:#0b0d12 }.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dash-head small{display:block;color:#444b59;font-size:7px}.dash-head h2{margin:3px 0 0;color:#d8dae2;font-size:15px;font-weight:700}.dash-head>button{padding:8px 10px;border:0;border-radius:7px;background:#624afa;color:#07080b;font-size:7px;font-weight:800}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{padding:12px;border:1px solid var(--line);border-radius:9px;background:#0f1218}.metric>div{display:flex;justify-content:space-between;color:#525967;font-size:7px}.metric>div i{color:#6f5df1;font-size:9px}.metric strong{display:block;margin:7px 0 4px;color:#e1e3e9;font-size:18px}.metric strong em{color:#555c69;font-size:6px;font-style:normal}.metric>small{color:#454c59;font-size:6px}.metric>small.up{color:#2bb886}
.dash-content-grid{margin-top:8px;display:grid;grid-template-columns:1.38fr .82fr;gap:8px}.card-ui{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#0f1218}.card-head{min-height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.card-head>div{display:flex;flex-direction:column}.card-head b{color:#9ca1ad;font-size:8px}.card-head span{color:#454c59;font-size:6px}.card-head button{padding:4px 7px;border:1px solid var(--line);border-radius:5px;background:#0b0d12;color:#525967;font-size:6px}.chart-value{padding:10px 14px 0;display:flex;align-items:center;gap:7px}.chart-value strong{font-size:16px}.chart-value span{padding:3px 5px;border-radius:4px;background:rgba(43,217,159,.08);color:#2bb886;font-size:6px}.chart-area{position:relative;height:150px;padding:9px 14px 18px}.chart-lines{position:absolute;inset:9px 14px 18px;display:flex;flex-direction:column;justify-content:space-between}.chart-lines i{height:1px;background:rgba(135,142,164,.06)}.chart-area svg{position:relative;z-index:2;width:100%;height:115px}.chart-fill{fill:url(#chartFill)}.chart-stroke{fill:none;stroke:#735eff;stroke-width:2;vector-effect:non-scaling-stroke}.chart-labels{display:flex;justify-content:space-between;color:#3e4551;font-size:6px}
.route-ui .card-head mark{padding:4px 7px;border-radius:99px;background:rgba(101,76,255,.1);color:#8474f9;font-size:6px}.route-cities{padding:12px 13px 5px;display:flex;align-items:center;justify-content:space-between}.route-cities>div{display:flex;flex-direction:column}.route-cities b{color:#aeb2bc;font-size:8px}.route-cities span{color:#444b58;font-size:6px}.route-cities>i{color:#6b57e4}.route-map{position:relative;height:106px;margin:4px 12px 8px;overflow:hidden;border:1px solid rgba(135,142,164,.06);border-radius:6px;background:#0a0d12}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(135,142,164,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(135,142,164,.04) 1px,transparent 1px);background-size:18px 18px}.map-path{position:absolute;left:18%;right:17%;top:54%;height:1px;border-top:1px dashed #654cff;transform:rotate(-10deg)}.route-map>i{position:absolute;z-index:2;color:#7867ed;font-size:9px}.route-map .start{left:14%;bottom:24%}.route-map .finish{right:12%;top:21%}.route-map .plane{left:56%;top:40%;transform:rotate(-8deg);color:#58cfc8}.route-meta{padding:0 12px 10px;display:flex;justify-content:space-between;color:#454c59;font-size:6px}.route-meta i{margin-right:3px;color:#6e5ae7}
.shipment-table{margin-top:8px}.shipment-table .card-head a{color:#7969e9;font-size:6px;text-decoration:none}.table-row{min-height:33px;padding:0 12px;display:grid;grid-template-columns:.85fr 1.1fr 1.6fr .7fr .75fr .8fr;align-items:center;border-bottom:1px solid rgba(135,142,164,.07);color:#4b5260;font-size:6px}.table-row:last-child{border-bottom:0}.table-row b{color:#898e9a;font-size:6px}.table-title{min-height:26px;color:#363d49}.status{justify-self:start;padding:3px 6px;border-radius:99px;font-size:5px}.status.transit{background:rgba(101,76,255,.1);color:#8272f5}.status.arrived{background:rgba(244,182,93,.08);color:#c7954f}.status.done{background:rgba(43,217,159,.08);color:#27b886}
.floating-notice{position:absolute;z-index:4;padding:11px 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(101,76,255,.26);border-radius:10px;background:rgba(10,12,17,.94);box-shadow:0 18px 45px rgba(0,0,0,.4);backdrop-filter:blur(12px)}.floating-notice>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(43,217,159,.09);color:var(--green)}.floating-notice>span{display:flex;flex-direction:column;color:#525967;font-size:7px}.floating-notice b{color:#b5b9c3;font-size:8px}.notice-one{left:-18px;bottom:130px}.notice-two{right:-15px;top:105px}.notice-two>i{background:rgba(101,76,255,.12);color:#8474ff}

/* Stat strip */
.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080a0e}.proof-grid{min-height:125px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.proof-grid>div{min-height:54px;padding-left:32px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}.proof-grid>div:first-child{padding-left:0;border-left:0}.proof-grid strong{font-size:24px;letter-spacing:-.04em}.proof-grid span{margin-top:3px;color:#575e6c;font-family:Consolas,monospace;font-size:8px;text-transform:uppercase;letter-spacing:.08em}

/* Dedicated product scene with the full, readable CRM interface */
.dashboard-showcase{padding:125px 0 135px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 42%,rgba(101,76,255,.09),transparent 31%),#080a0f}.showcase-heading{margin-bottom:68px;display:grid;grid-template-columns:1.18fr .82fr;gap:90px;align-items:end}.showcase-heading>div>span{display:block;margin-bottom:22px;color:#6f5cff;font-family:Consolas,monospace;font-size:10px;letter-spacing:.2em}.showcase-heading h2{margin:0;font-size:clamp(58px,6.7vw,88px);font-weight:800;line-height:.88;letter-spacing:-.065em}.showcase-heading h2 em{display:block;color:transparent;font-style:normal;-webkit-text-stroke:1px #3b3e48}.showcase-heading>p{max-width:480px;margin:0 0 7px;color:#777d8b;font-size:16px;line-height:1.65}.showcase-ui{position:relative}.dashboard-showcase .dashboard-stage{position:relative;display:block;width:100%;right:auto;top:auto;margin:0;opacity:1;transform:none}.dashboard-showcase .dashboard-window{border-color:rgba(101,76,255,.3);border-radius:15px;box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 50px rgba(101,76,255,.06)}.dashboard-showcase .dashboard-layout{min-height:680px;grid-template-columns:178px 1fr}.dashboard-showcase .dash-main{padding:28px}.dashboard-showcase .dash-head h2{font-size:18px}.dashboard-showcase .metric{padding:15px}.dashboard-showcase .metric strong{font-size:22px}.dashboard-showcase .chart-area{height:180px}.dashboard-showcase .chart-area svg{height:145px}.dashboard-showcase .route-map{height:135px}.dashboard-showcase .floating-notice{display:flex}.dashboard-showcase .notice-one{left:-25px;bottom:140px}.dashboard-showcase .notice-two{right:-20px;top:100px}

/* Product section */
.product-section{padding:130px 0;background:linear-gradient(145deg,#080a0e,#0a0c13)}.section-heading{margin:0 0 75px;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;text-align:left}.kicker{display:block;grid-column:1/-1;margin-bottom:-35px;color:#6f5cff;font-family:Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:.18em}.section-heading h2{max-width:780px;margin:0;font-size:clamp(54px,6vw,78px);font-weight:800;line-height:.95;letter-spacing:-.06em}.section-heading h2::after{content:" Без хаоса.";color:transparent;-webkit-text-stroke:1px #343844}.section-heading>p{max-width:500px;margin:0 0 5px;color:#777d8c;font-size:16px;line-height:1.6}
.bento-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:500px 500px;gap:18px}.bento-card{position:relative;overflow:hidden;padding:31px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0e1118,#0a0d12)}.bento-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(101,76,255,.035),transparent 45%);pointer-events:none}.bento-card:hover{border-color:rgba(101,76,255,.35)}.bento-copy{position:relative;z-index:2;max-width:440px}.bento-copy>span{color:#5f51c9;font-family:Consolas,monospace;font-size:8px;letter-spacing:.14em}.bento-copy h3{margin:10px 0 8px;font-size:22px;font-weight:750;letter-spacing:-.035em}.bento-copy p{margin:0;color:#656c7a;font-size:11px;line-height:1.65}
.order-preview{position:absolute;left:31px;right:31px;bottom:-35px;height:285px;padding:22px;border:1px solid rgba(101,76,255,.27);border-radius:12px 12px 0 0;background:#0b0e14}.preview-head{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line);color:#b9bdc6;font-size:10px;font-weight:700}.preview-head mark{padding:4px 7px;border-radius:99px;background:rgba(43,217,159,.1);color:#2bd99f;font-size:6px}.preview-route{position:absolute;left:33px;top:75px;bottom:25px;width:1px;background:#282d38}.preview-route i{position:absolute;left:-4px;width:9px;height:9px;border:2px solid #654cff;border-radius:50%;background:#0b0e14}.preview-route i:first-child{top:0;background:#654cff}.preview-route i:nth-child(2){top:67px}.preview-route i:last-child{bottom:18px;border-color:#3c4250}.preview-events{padding:20px 0 0 33px}.preview-events>div{min-height:67px}.preview-events p{margin:0;display:flex;flex-direction:column}.preview-events b{color:#aeb2bc;font-size:9px}.preview-events small{margin-top:3px;color:#4c5360;font-size:7px}
.phone-ui{position:absolute;width:260px;height:325px;right:38px;bottom:-42px;overflow:hidden;border:5px solid #242833;border-bottom:0;border-radius:28px 28px 0 0;background:#0c1118;box-shadow:0 25px 55px rgba(0,0,0,.3)}.phone-top{height:55px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#121720;color:#858b98;font-size:9px}.phone-top>span{display:flex;flex-direction:column;align-items:center}.phone-top b{font-size:9px}.phone-top small{color:#4d5461;font-size:6px}.message-bubble{margin:42px 13px 8px 34px;padding:12px;border-radius:12px 12px 3px 12px;background:#4d3ab9;color:#dcd8ff;font-size:8px;line-height:1.55}.message-bubble small{display:block;margin-top:6px;color:#9f95dc;font-size:6px;text-align:right}.message-action{margin:0 13px 0 34px;padding:9px;border-radius:6px;background:rgba(101,76,255,.11);color:#8d7fff;font-size:7px;font-weight:700;text-align:center}
.finance-widget{position:absolute;left:31px;right:31px;bottom:27px;height:210px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#0a0d12}.finance-widget>div:first-child{position:relative;display:flex;flex-direction:column}.finance-widget span{color:#555c69;font-size:7px}.finance-widget strong{margin-top:4px;font-size:25px}.finance-widget strong small{color:#555c69;font-size:7px}.finance-widget em{position:absolute;right:0;top:5px;padding:4px 6px;border-radius:5px;background:rgba(43,217,159,.08);color:#2bb886;font-size:6px;font-style:normal}.bars{height:100px;margin-top:18px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line)}.bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(to top,#302487,#6c55ff)}
.scanner-ui{position:absolute;right:37px;bottom:28px;display:flex;align-items:end;gap:12px}.scan-frame{position:relative;width:225px;height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#090c11}.scan-frame>i{position:absolute;width:23px;height:23px;border-color:#654cff;border-style:solid}.scan-frame>i:nth-child(1){left:18px;top:18px;border-width:2px 0 0 2px}.scan-frame>i:nth-child(2){right:18px;top:18px;border-width:2px 2px 0 0}.scan-frame>i:nth-child(3){left:18px;bottom:18px;border-width:0 0 2px 2px}.scan-frame>i:nth-child(4){right:18px;bottom:18px;border-width:0 2px 2px 0}.barcode{color:#aaafba;font-family:monospace;font-size:20px;letter-spacing:2px}.scan-frame>span{margin-top:9px;color:#4c5360;font-size:8px}.scan-result{width:205px;padding:13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(43,217,159,.14);border-radius:10px;background:rgba(43,217,159,.04)}.scan-result>i{color:#2bd99f}.scan-result>span{display:flex;flex-direction:column;color:#555c69;font-size:6px}.scan-result b{color:#aeb2bc;font-size:8px}
.feature-index{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature-index>div{min-height:105px;padding:20px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-index>div:nth-child(3n){border-right:0}.feature-index>div:nth-last-child(-n+3){border-bottom:0}.feature-index>div>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(101,76,255,.22);border-radius:8px;background:var(--purple-soft);color:#806fff}.feature-index span{display:flex;flex-direction:column;color:#555c69;font-size:7px;line-height:1.45}.feature-index b{margin-bottom:3px;color:#aeb2bc;font-size:9px}

/* Workflow */
.workflow-section{padding:135px 0;background:#07080c}.workflow-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:start}.workflow-copy{position:sticky;top:110px}.workflow-copy .kicker{position:static;margin:0 0 20px;color:#6f5cff}.workflow-copy h2{margin:0 0 25px;font-size:clamp(56px,6.2vw,82px);font-weight:800;line-height:.93;letter-spacing:-.06em}.workflow-copy h2 span{color:transparent;-webkit-text-stroke:1px #3a3d48}.workflow-copy p{max-width:480px;margin:0;color:#737988;font-size:15px;line-height:1.65}.workflow-steps{border-top:1px solid var(--line)}.workflow-steps article{min-height:145px;padding:27px 0;display:grid;grid-template-columns:52px 1fr;border-bottom:1px solid var(--line)}.workflow-steps article>span{color:#4f5664;font-family:Consolas,monospace;font-size:8px;letter-spacing:.12em}.workflow-steps article>div{display:grid;grid-template-columns:45px 1fr;align-items:start}.workflow-steps article i{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(101,76,255,.23);border-radius:8px;background:var(--purple-soft);color:#7d6af7}.workflow-steps h3{grid-column:2;margin:-35px 0 6px;font-size:15px}.workflow-steps p{grid-column:2;margin:0;color:#575e6c;font-size:9px}
.security-card{min-height:470px;margin-top:115px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#10131a,#0a0d12)}.security-copy{padding:58px}.security-copy .kicker{position:static;margin:0 0 20px}.security-copy h2{margin:0 0 20px;font-size:45px;font-weight:800;line-height:1.03;letter-spacing:-.05em}.security-copy>p{max-width:470px;margin:0;color:#6c7280;font-size:12px;line-height:1.7}.security-copy>div{margin-top:29px;display:flex;flex-direction:column;gap:9px;color:#9398a4;font-size:9px}.security-copy>div i{margin-right:8px;color:#2bd99f}.security-visual{position:relative;min-height:470px;border-left:1px solid var(--line);background-image:radial-gradient(circle at 50% 50%,rgba(101,76,255,.12),transparent 50%),linear-gradient(rgba(135,142,164,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(135,142,164,.04) 1px,transparent 1px);background-size:auto,30px 30px,30px 30px}.arch-node{position:absolute;padding:12px 14px;display:flex;align-items:center;gap:9px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(11,14,20,.94)}.arch-node>i{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--purple-soft);color:#806fff}.arch-node>span{display:flex;flex-direction:column;color:#4f5664;font-size:6px}.arch-node b{color:#afb3bd;font-size:8px}.node-team{left:35px;top:68px}.node-server{left:50%;top:50%;transform:translate(-50%,-50%)}.node-data{right:35px;bottom:68px}.arch-line{position:absolute;height:1px;border-top:1px dashed rgba(101,76,255,.5);transform-origin:left}.line-one{width:175px;left:142px;top:126px;transform:rotate(29deg)}.line-two{width:165px;left:52%;top:57%;transform:rotate(30deg)}.secure-badge{position:absolute;right:26px;top:24px;padding:7px 10px;border:1px solid rgba(43,217,159,.15);border-radius:99px;background:rgba(43,217,159,.04);color:#2bb886;font-size:7px}.secure-badge i{margin-right:5px}

/* Pricing */
.pricing-section{padding:135px 0;background:linear-gradient(145deg,#090b10,#0b0d15)}.pricing-section .section-heading h2::after{content:" Всё включено."}.pricing-panel{display:grid;grid-template-columns:.72fr 1.28fr;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#0d1016}.plan-details{padding:48px;border-right:1px solid var(--line);background:#0a0d12}.plan-label{color:#6657d6;font-family:Consolas,monospace;font-size:7px;letter-spacing:.13em}.plan-details h3{margin:20px 0 26px;font-size:30px;font-weight:750;line-height:1.1}.plan-details ul{margin:0;padding:21px 0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plan-details li{padding:7px 0;color:#6c7280;font-size:9px}.plan-details li i{margin-right:8px;color:#2bd99f}.plan-support{margin-top:23px;display:flex;align-items:center;gap:10px}.plan-support>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(101,76,255,.2);border-radius:8px;background:var(--purple-soft);color:#7f6dff}.plan-support>span{display:flex;flex-direction:column;color:#505764;font-size:6px}.plan-support b{color:#8d929e;font-size:8px}
.plan-options{padding:28px;display:flex;flex-direction:column;justify-content:center}.plan-row{position:relative;min-height:105px;padding:17px;display:grid;grid-template-columns:1fr auto 140px 95px;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.plan-row.featured{margin:5px 0;border:1px solid #654cff;border-radius:12px;background:rgba(101,76,255,.07)}.plan-radio{display:flex;align-items:center;gap:11px}.plan-radio>i{width:16px;height:16px;border:1px solid #4b5260;border-radius:50%}.featured .plan-radio>i{border:5px solid #6f5bff}.plan-radio>span{display:flex;flex-direction:column}.plan-radio b{color:#c3c6ce;font-size:12px}.plan-radio small{margin-top:3px;color:#4f5664;font-size:6px}.plan-row>mark{padding:4px 7px;border-radius:99px;background:rgba(43,217,159,.08);color:#2bb886;font-size:6px}.plan-price{display:flex;flex-direction:column;align-items:flex-end}.plan-price>small{color:#4e5562;font-size:6px;text-decoration:line-through}.plan-price strong{font-size:18px}.plan-price em{color:#555c69;font-size:6px;font-style:normal}.plan-row>a{min-height:36px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;background:#654cff;color:#08090c;font-size:7px;font-weight:800;text-decoration:none}.plan-row>a:hover{background:#7864ff;color:#08090c}.payment-note{padding:18px 17px 3px;color:#4f5664;font-size:6px}.payment-note i{margin-right:6px;color:#2bb886}

/* FAQ + CTA */
.faq-section{padding:130px 0;background:#07080b}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:95px;align-items:start}.faq-copy{position:sticky;top:105px}.faq-copy .kicker{position:static;margin:0 0 19px}.faq-copy h2{margin:0 0 19px;font-size:46px;font-weight:800;line-height:1.05}.faq-copy p{max-width:350px;color:#676e7c;font-size:11px;line-height:1.65}.faq-copy>a{display:inline-flex;gap:7px;margin-top:11px;color:#806fff;font-size:9px;text-decoration:none}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item>button{width:100%;min-height:90px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:19px;border:0;background:transparent;color:#b9bdc6;text-align:left}.faq-item>button>span{display:flex;align-items:center;gap:18px;font-size:11px;font-weight:700}.faq-item>button small{color:#49505d;font-family:Consolas,monospace;font-size:7px}.faq-item>button>i{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#7564ed;transition:.25s}.faq-item.open>button>i{background:#654cff;color:#08090c;transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s}.faq-answer p{max-width:620px;margin:0;padding:0 50px 27px;color:#626977;font-size:9px;line-height:1.75}.faq-item.open .faq-answer{max-height:230px}
.final-cta{padding:0 0 45px;background:#07080b}.cta-box{position:relative;min-height:430px;padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(101,76,255,.28);border-radius:16px;background:#0b0d13;text-align:center}.cta-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(135,142,164,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(135,142,164,.04) 1px,transparent 1px);background-size:55px 55px}.cta-glow{position:absolute;width:600px;height:400px;top:-260px;left:50%;transform:translateX(-50%);background:rgba(101,76,255,.18);filter:blur(75px)}.cta-box>*:not(.cta-glow){position:relative}.cta-box .kicker{position:static;margin-bottom:18px}.cta-box h2{margin:0;font-size:clamp(48px,6vw,74px);font-weight:800;line-height:.98;letter-spacing:-.06em}.cta-box h2 span{color:#6b55f7}.cta-box p{margin:19px 0 25px;color:#646b79;font-size:11px}.button-light{min-width:230px;background:#654cff;color:#08090c}.button-light:hover{background:#7864ff;color:#08090c}
.footer{border-top:1px solid var(--line);background:#050609}.footer-main{min-height:125px;display:grid;grid-template-columns:1fr 1fr 1.3fr;align-items:center}.footer-main>p{margin:0;color:#4f5664;font-size:8px;text-align:center}.footer-main>div{display:flex;justify-content:flex-end;gap:21px}.footer-main>div a{color:#5d6472;font-size:7px;text-decoration:none}.footer-main>div a:hover{color:#7f6eff}.footer-bottom{min-height:48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#3f4652;font-size:6px}
.reveal{opacity:1;transform:none}

@media(max-width:1100px){.hero h1{font-size:78px}.dashboard-stage{right:-390px;transform:perspective(1600px) rotateY(-7deg) scale(.65)}.section-heading{gap:45px}.scanner-ui{right:22px;transform:scale(.86);transform-origin:right bottom}.workflow-layout{gap:55px}.security-copy{padding:45px}.faq-layout{gap:50px}}
@media(max-width:900px){.shell{width:min(100% - 38px,760px)}.nav-links{gap:19px}.nav-action{margin-left:20px}.hero{min-height:1100px}.hero-content{padding-top:15px}.hero h1{font-size:68px}.dashboard-stage{top:500px;right:50%;transform:translateX(50%) scale(.75);transform-origin:center top;opacity:.9}.hero-grid{inset:300px -150px -100px}.section-heading{grid-template-columns:1fr}.kicker{margin-bottom:-15px}.bento-grid{grid-template-columns:1fr;grid-template-rows:480px 480px 420px 430px}.phone-ui{right:50%;transform:translateX(50%)}.scanner-ui{right:35px;transform:none}.feature-index{grid-template-columns:repeat(2,1fr)}.workflow-layout{grid-template-columns:1fr}.workflow-copy{position:static}.security-card{grid-template-columns:1fr}.security-visual{border-left:0;border-top:1px solid var(--line)}.pricing-panel{grid-template-columns:1fr}.plan-details{border-right:0;border-bottom:1px solid var(--line)}.faq-layout{grid-template-columns:1fr}.faq-copy{position:static}}
@media(max-width:767px){.shell{width:calc(100% - 28px)}.topnav{border-top-width:2px}.nav-inner{height:58px}.menu-toggle{position:relative;z-index:5;width:38px;height:38px;margin-left:auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#0d1016;color:#a6aab5}.nav-action{display:none}.nav-links{position:fixed;z-index:4;inset:0;padding:95px 25px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:23px;background:#06070a;opacity:0;visibility:hidden;transition:.25s}.nav-open .nav-links{opacity:1;visibility:visible}.nav-links a{font-size:27px;color:#d9dbe2}.hero{min-height:1050px;padding-top:105px}.hero-content{min-height:900px}.hero-badge{font-size:8px}.hero h1{font-size:clamp(50px,14vw,65px);line-height:.93}.hero-copy{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .button{width:100%}.hero-trust{align-items:flex-start;flex-direction:column;gap:8px}.dashboard-stage{width:720px;top:530px;right:50%;transform:translateX(50%) scale(.56)}.dashboard-layout{grid-template-columns:1fr;min-height:0}.dash-sidebar{display:none}.dash-main{padding:14px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(n+3){display:none}.dash-content-grid{grid-template-columns:1fr}.orders-chart{display:none}.shipment-table .table-row{grid-template-columns:.8fr 1fr .8fr}.table-row>:nth-child(3),.table-row>:nth-child(4),.table-row>:nth-child(6){display:none}.shipment-table .table-row:last-child{display:none}.floating-notice{display:none}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid>div{min-height:78px;padding-left:17px}.proof-grid>div:nth-child(3){padding-left:0;border-left:0;border-top:1px solid var(--line)}.proof-grid>div:nth-child(4){border-top:1px solid var(--line)}.product-section,.workflow-section,.pricing-section,.faq-section{padding:90px 0}.section-heading{margin-bottom:50px}.section-heading h2{font-size:45px}.section-heading>p{font-size:13px}.bento-grid{grid-template-rows:470px 470px 400px 440px;gap:13px}.bento-card{padding:24px}.order-preview{left:24px;right:24px}.finance-widget{left:24px;right:24px}.scanner-ui{left:24px;right:24px;bottom:24px;flex-direction:column;align-items:stretch}.scan-frame,.scan-result{width:100%}.scan-frame{height:165px}.feature-index{grid-template-columns:1fr}.feature-index>div{border-right:0;border-bottom:1px solid var(--line)}.feature-index>div:last-child{border-bottom:0}.workflow-copy h2{font-size:50px}.workflow-steps article{min-height:135px}.security-card{margin-top:75px}.security-copy{padding:34px 25px}.security-copy h2{font-size:38px}.security-visual{min-height:390px}.node-team{left:18px;top:55px}.node-data{right:18px;bottom:55px}.line-one,.line-two{display:none}.plan-details{padding:34px 25px}.plan-options{padding:14px}.plan-row{min-height:115px;padding:14px 10px;grid-template-columns:1fr 95px;gap:8px}.plan-row>mark{position:absolute;left:39px;bottom:13px}.plan-price{grid-column:2;grid-row:1}.plan-row>a{grid-column:2;min-height:33px}.plan-radio{align-self:start}.plan-radio small{display:none}.faq-copy h2{font-size:39px}.faq-item>button{min-height:82px}.faq-item>button>span{gap:11px;font-size:10px}.faq-answer p{padding-left:31px;padding-right:43px}.cta-box{min-height:420px;padding:38px 20px}.cta-box h2{font-size:48px}.footer-main{padding:38px 0;grid-template-columns:1fr;gap:24px}.footer-main>p{text-align:left}.footer-main>div{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{gap:12px;align-items:flex-start;flex-direction:column;padding:17px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:1100px){.hero-network{right:-130px}.showcase-heading{gap:45px}}
@media(max-width:900px){.hero-network{top:505px;right:50%;transform:translateX(50%) scale(.86);transform-origin:center top}.showcase-heading{grid-template-columns:1fr;gap:28px}.showcase-heading>p{max-width:620px}.dashboard-showcase .dashboard-layout{grid-template-columns:145px 1fr}.dashboard-showcase .dash-main{padding:22px}}
@media(max-width:767px){.hero-network{top:535px;right:50%;transform:translateX(50%) scale(.66)}.dashboard-showcase{padding:88px 0 95px}.showcase-heading{margin-bottom:45px;gap:22px}.showcase-heading h2{font-size:47px;line-height:.93}.showcase-heading>p{font-size:13px}.dashboard-showcase .dashboard-layout{min-height:0;grid-template-columns:1fr}.dashboard-showcase .dash-sidebar{display:none}.dashboard-showcase .dash-main{padding:14px}.dashboard-showcase .metric:nth-child(n+3){display:none}.dashboard-showcase .dash-content-grid{grid-template-columns:1fr}.dashboard-showcase .orders-chart{display:none}.dashboard-showcase .shipment-table .table-row{grid-template-columns:.8fr 1fr .8fr}.dashboard-showcase .table-row>:nth-child(3),.dashboard-showcase .table-row>:nth-child(4),.dashboard-showcase .table-row>:nth-child(6){display:none}.dashboard-showcase .shipment-table .table-row:last-child{display:none}.dashboard-showcase .floating-notice{display:none}}

/* Independent Cargo CRM art direction: only palette and type scale borrow the mood */
.hero{min-height:800px;padding:145px 0 75px;background:radial-gradient(circle at 50% 28%,rgba(101,76,255,.15),transparent 30%),#050608}.hero::before{background:radial-gradient(circle at 50% 62%,rgba(101,76,255,.08),transparent 33%)}.hero::after{content:"";position:absolute;left:50%;bottom:-690px;width:1040px;height:1040px;transform:translateX(-50%);border:1px solid rgba(101,76,255,.1);border-radius:50%;box-shadow:0 0 0 140px rgba(101,76,255,.025),0 0 0 280px rgba(101,76,255,.015);pointer-events:none}.hero-grid,.hero-network{display:none}.hero-aura{left:50%;right:auto;top:305px;width:500px;height:500px;border:1px solid rgba(101,76,255,.055);border-radius:50%;transform:translateX(-50%);filter:none}.hero-content{min-height:580px;padding-top:10px;text-align:center}.hero-badge,.hero h1,.hero-copy,.hero-trust{margin-left:auto;margin-right:auto}.hero-badge{max-width:none;margin-bottom:24px}.hero h1{max-width:1080px;margin-bottom:28px;font-size:clamp(65px,7.5vw,98px);line-height:.91}.hero h1 span{margin-top:8px}.hero-copy{max-width:680px;font-size:17px}.hero-actions{justify-content:center}.hero-trust{justify-content:center}.section-heading h2::after,.pricing-section .section-heading h2::after{content:none}.showcase-heading h2 em{color:#6f5cff;-webkit-text-stroke:0}.workflow-copy h2 span{color:#6f5cff;-webkit-text-stroke:0}.cta-box::before{background:radial-gradient(circle at 50% 50%,rgba(101,76,255,.08),transparent 55%)}
@media(max-width:900px){.hero{min-height:790px}.hero-content{min-height:590px}.hero h1{font-size:70px}.hero-copy{font-size:16px}}
@media(max-width:767px){.hero{min-height:730px;padding:110px 0 55px}.hero-content{min-height:560px}.hero h1{font-size:clamp(48px,13.5vw,62px);line-height:.94}.hero-copy{font-size:14px}.hero-trust{align-items:center}.hero::after{bottom:-780px}.hero-aura{top:255px;width:360px;height:360px}}

/* Pricing v2: clear license comparison */
.pricing-v2 {
    position: relative;
    padding: 150px 0 160px;
    overflow: hidden;
    background:
        radial-gradient(ellipse 54% 27% at 50% 39%, rgba(101, 76, 255, .14), transparent 72%),
        linear-gradient(180deg, #08090d 0%, #07080c 100%);
}
.pricing-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .035), transparent) 50% 0 / 100% 1px no-repeat;
    pointer-events: none;
}
.pricing-v2 .shell { position: relative; z-index: 1; }

.license-intro { margin: 0 0 54px; }
.license-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
    color: #8d7cff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
}
.license-eyebrow i { font-size: 15px; }
.license-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .62fr);
    gap: 85px;
    align-items: end;
}
.license-intro h2 {
    max-width: 820px;
    margin: 0;
    color: #f4f3f8;
    font-size: clamp(58px, 6.5vw, 86px);
    font-weight: 800;
    line-height: .94;
    letter-spacing: -.065em;
}
.license-intro h2 span {
    background: linear-gradient(100deg, #9a8aff 0%, #654cff 72%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.license-intro-copy { padding-bottom: 5px; }
.license-intro-copy p {
    max-width: 440px;
    margin: 0;
    color: #8b909d;
    font-size: 16px;
    line-height: 1.7;
}

.license-steps {
    margin-top: 46px;
    padding: 20px 24px;
    display: grid;
    grid-template-columns: 1fr 32px 1fr 32px 1fr;
    gap: 15px;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background: rgba(14, 16, 23, .72);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.license-steps > div { display: flex; align-items: center; gap: 13px; }
.license-steps > div > b {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(128, 106, 255, .33);
    border-radius: 10px;
    background: rgba(101, 76, 255, .11);
    color: #9384ff;
    font-size: 13px;
}
.license-steps span { display: flex; flex-direction: column; gap: 3px; }
.license-steps strong { color: #d8d9df; font-size: 13px; }
.license-steps small { color: #686e7b; font-size: 11px; }
.license-steps > i { color: #3f4450; font-size: 16px; text-align: center; }

.license-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}
.license-card {
    position: relative;
    min-height: 445px;
    padding: 31px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .095);
    border-radius: 24px;
    background: linear-gradient(155deg, rgba(19, 22, 30, .96), rgba(11, 13, 19, .98));
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 24px 70px rgba(0, 0, 0, .16);
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.license-card:hover { transform: translateY(-4px); border-color: rgba(142, 125, 255, .32); }
.license-card.is-featured {
    transform: translateY(-12px);
    border-color: rgba(119, 94, 255, .78);
    background: linear-gradient(150deg, rgba(36, 29, 78, .96), rgba(14, 15, 25, .98) 64%);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 30px 85px rgba(73, 51, 206, .22);
}
.license-card.is-featured:hover { transform: translateY(-15px); }
.license-card.is-featured::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, #5c41ee, #9b8aff, #5c41ee);
    box-shadow: 0 0 24px rgba(128, 105, 255, .6);
}
.license-card.is-featured::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 260px;
    height: 260px;
    top: -175px;
    right: -95px;
    border-radius: 50%;
    background: rgba(126, 103, 255, .25);
    filter: blur(55px);
    pointer-events: none;
}
.license-card > * { position: relative; z-index: 1; }
.license-card-top {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.license-card-top > span {
    color: #747a87;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.license-card-top mark {
    padding: 6px 9px;
    border: 1px solid rgba(132, 111, 255, .25);
    border-radius: 999px;
    background: rgba(119, 94, 255, .13);
    color: #a89cff;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}
.license-card h3 {
    margin: 24px 0 10px;
    color: #f2f2f5;
    font-size: 35px;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -.045em;
}
.license-card-description {
    min-height: 42px;
    margin: 0;
    color: #777d8a;
    font-size: 13px;
    line-height: 1.55;
}
.license-price { margin-top: 25px; display: flex; flex-direction: column; }
.license-old-price {
    min-height: 20px;
    color: #666c78;
    font-size: 12px;
    text-decoration: line-through;
}
.license-old-price.is-empty { color: #515763; text-decoration: none; }
.license-price strong {
    margin-top: 3px;
    color: #fff;
    font-size: clamp(39px, 3.4vw, 48px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.055em;
}
.license-price strong small {
    color: #7d828e;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
}
.license-price > span { margin-top: 6px; color: #9196a2; font-size: 13px; }
.license-saving {
    min-height: 34px;
    margin-top: 17px;
    margin-bottom: 24px;
    padding: 0 11px;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(128, 106, 255, .15);
    border-radius: 9px;
    background: rgba(101, 76, 255, .065);
    color: #8f84d9;
    font-size: 12px;
    font-weight: 700;
}
.license-saving.has-saving {
    border-color: rgba(43, 217, 159, .16);
    background: rgba(43, 217, 159, .065);
    color: #48cda3;
}
.license-buy {
    min-height: 52px;
    margin-top: auto;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    color: #e5e5e9;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: .22s ease;
}
.license-buy:hover {
    border-color: rgba(135, 117, 255, .5);
    background: rgba(101, 76, 255, .1);
    color: #fff;
}
.is-featured .license-buy {
    border-color: transparent;
    background: linear-gradient(135deg, #806aff, #654cff);
    color: #09090d;
    box-shadow: 0 15px 32px rgba(101, 76, 255, .24);
}
.is-featured .license-buy:hover { background: linear-gradient(135deg, #9482ff, #735cff); color: #09090d; }
.license-telegram {
    margin-top: 13px;
    color: #575d6a;
    font-size: 11px;
    text-align: center;
}
.license-telegram i { margin-right: 5px; color: #6f63be; }

.license-included {
    margin-top: 30px;
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 28px;
    background: linear-gradient(145deg, #10131a, #0b0d12);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.license-included-lead {
    padding: 40px;
    border-right: 1px solid rgba(255, 255, 255, .08);
}
.license-included-icon {
    width: 46px;
    height: 46px;
    margin-bottom: 28px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(128, 106, 255, .25);
    border-radius: 13px;
    background: rgba(101, 76, 255, .1);
    color: #8d7cff;
    font-size: 20px;
}
.license-included-lead > small {
    display: block;
    color: #7d70d2;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
}
.license-included-lead h3 {
    margin: 13px 0 13px;
    color: #e8e8ec;
    font-size: 31px;
    font-weight: 750;
    line-height: 1.1;
    letter-spacing: -.04em;
}
.license-included-lead p { max-width: 340px; margin: 0; color: #717785; font-size: 13px; line-height: 1.6; }
.license-benefits {
    padding: 22px 30px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 27px;
}
.license-benefits > div {
    min-height: 83px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.license-benefits > div:nth-last-child(-n + 2) { border-bottom: 0; }
.license-benefits > div > i {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(101, 76, 255, .1);
    color: #8d7cff;
    font-size: 14px;
}
.license-benefits span { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.license-benefits b { color: #c7c9d0; font-size: 13px; }
.license-benefits small { color: #626875; font-size: 11px; line-height: 1.35; }
.license-assurance {
    grid-column: 1 / -1;
    min-height: 64px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: #737987;
}
.license-assurance span {
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-left: 1px solid rgba(255, 255, 255, .07);
    font-size: 11px;
    text-align: center;
}
.license-assurance span:first-child { border-left: 0; }
.license-assurance i { color: #8171ed; font-size: 14px; }

@media (max-width: 1050px) {
    .license-intro-grid { gap: 48px; }
    .license-card { min-height: 430px; padding: 25px; }
    .license-card h3 { font-size: 31px; }
    .license-price strong { font-size: 39px; }
    .license-included-lead { padding: 34px; }
    .license-benefits { padding-inline: 24px; column-gap: 18px; }
}

@media (max-width: 900px) {
    .pricing-v2 { padding: 110px 0 120px; }
    .license-intro-grid { grid-template-columns: 1fr; gap: 25px; }
    .license-intro-copy p { max-width: 600px; }
    .license-steps { grid-template-columns: 1fr 22px 1fr 22px 1fr; padding-inline: 18px; gap: 8px; }
    .license-steps > div { gap: 9px; }
    .license-steps > div > b { width: 32px; height: 32px; flex-basis: 32px; }
    .license-cards { max-width: 650px; margin-inline: auto; grid-template-columns: 1fr; }
    .license-card,
    .license-card.is-featured,
    .license-card.is-featured:hover { min-height: 400px; transform: none; }
    .license-card:hover { transform: translateY(-2px); }
    .license-included { grid-template-columns: 1fr; }
    .license-included-lead { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
}

@media (max-width: 767px) {
    .pricing-v2 { padding: 88px 0 92px; }
    .license-intro { margin-bottom: 38px; }
    .license-eyebrow { margin-bottom: 18px; font-size: 10px; }
    .license-intro h2 { font-size: clamp(44px, 13vw, 58px); line-height: .97; }
    .license-intro-copy p { font-size: 14px; line-height: 1.6; }
    .license-steps { margin-top: 30px; padding: 17px; grid-template-columns: 1fr; gap: 10px; }
    .license-steps > i { transform: rotate(90deg); font-size: 13px; }
    .license-steps > div > b { width: 36px; height: 36px; flex-basis: 36px; }
    .license-steps strong { font-size: 13px; }
    .license-steps small { font-size: 11px; }
    .license-cards { gap: 13px; }
    .license-card { min-height: 0; padding: 24px; border-radius: 20px; }
    .license-card h3 { margin-top: 21px; font-size: 31px; }
    .license-card-description { min-height: 0; }
    .license-price { margin-top: 23px; }
    .license-price strong { font-size: 42px; }
    .license-buy { margin-top: 26px; }
    .license-saving { margin-bottom: 20px; }
    .license-included { margin-top: 22px; border-radius: 22px; }
    .license-included-lead { padding: 29px 24px; }
    .license-included-icon { margin-bottom: 22px; }
    .license-included-lead h3 { font-size: 28px; }
    .license-benefits { padding: 10px 24px; grid-template-columns: 1fr; }
    .license-benefits > div { min-height: 76px; }
    .license-benefits > div:nth-last-child(2) { border-bottom: 1px solid rgba(255, 255, 255, .07); }
    .license-assurance { grid-template-columns: 1fr; padding: 7px 24px; }
    .license-assurance span { min-height: 48px; padding: 0; justify-content: flex-start; border-left: 0; border-top: 1px solid rgba(255, 255, 255, .07); text-align: left; }
    .license-assurance span:first-child { border-top: 0; }
}

/* Display typography: wide geometric headlines, calm body, technical labels */
.hero h1,
.showcase-heading h2,
.section-heading h2,
.workflow-copy h2,
.security-copy h2,
.license-intro h2,
.faq-copy h2,
.cta-box h2 {
    font-family: var(--font-display);
    font-weight: 500;
    letter-spacing: -.025em;
    text-wrap: balance;
    font-synthesis: none;
}
.hero h1 {
    max-width: 1080px;
    font-size: clamp(58px, 6.2vw, 84px);
    line-height: 1.02;
}
.hero h1 .hero-line { display: block; margin: 0; }
.hero h1 .hero-line-light { background: none; color: #f1f2f6; }
.hero h1 .hero-line-accent {
    margin-top: 6px;
    background: linear-gradient(90deg, #8d78ff, #654cff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.hero h1 .hero-line-outline {
    background: none;
    color: transparent;
    -webkit-text-stroke: 1.4px rgba(213, 215, 226, .34);
    paint-order: stroke fill;
    filter: drop-shadow(0 0 22px rgba(101, 76, 255, .07));
}
.showcase-heading h2 { font-size: clamp(50px, 5.4vw, 72px); line-height: 1.02; }
.section-heading h2 { font-size: clamp(47px, 4.8vw, 64px); line-height: 1.03; }
.workflow-copy h2 { font-size: clamp(49px, 5.2vw, 68px); line-height: 1.02; }
.security-copy h2 { font-size: 40px; line-height: 1.06; }
.license-intro h2 { font-size: clamp(50px, 5.5vw, 74px); line-height: 1.03; }
.faq-copy h2 { font-size: 39px; line-height: 1.06; }
.cta-box h2 { font-size: clamp(43px, 4.8vw, 61px); line-height: 1.05; }
.license-card h3 {
    font-family: var(--font-display);
    font-size: 27px;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.02em;
}
.license-price strong,
.proof-grid strong {
    font-family: var(--font-display);
    font-weight: 600;
}
.hero-badge,
.showcase-heading > div > span,
.kicker,
.workflow-steps article > span,
.plan-label,
.proof-grid span,
.window-address,
.license-eyebrow,
.license-card-top > span,
.license-included-lead > small {
    font-family: var(--font-mono);
}
.logo {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.02em;
}
.nav-links a,
.nav-action { font-size: 13px; font-weight: 700; }
.hero-actions .button { font-size: 15px; font-weight: 700; }
.hero-copy { font-size: 18px; }
.hero-trust { font-size: 11px; }
.hero-badge,
.showcase-heading > div > span,
.kicker,
.license-eyebrow { font-size: 12px; }
.section-heading > p,
.showcase-heading > p,
.workflow-copy p,
.license-intro-copy p,
.security-copy > p { font-size: 16px; line-height: 1.7; }
.bento-copy h3,
.license-included-lead h3 {
    font-family: var(--font-display);
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -.018em;
    font-synthesis: none;
}
.bento-copy h3 { font-size: 21px; }
.license-included-lead h3 { font-size: 26px; }
.bento-copy p,
.workflow-steps p,
.license-card-description,
.license-included-lead p,
.faq-answer p { font-size: 14px; line-height: 1.65; }
.workflow-steps h3,
.license-benefits b { font-size: 15px; font-weight: 700; }
.license-benefits small,
.license-assurance span,
.license-telegram { font-size: 12px; line-height: 1.5; }
.faq-item > button > span { font-size: 16px; font-weight: 600; line-height: 1.45; }
.faq-copy p,
.cta-box p { font-size: 15px; line-height: 1.65; }
.license-buy { font-size: 14px; font-weight: 700; }
.license-intro h2 span {
    background: none;
    color: transparent;
    -webkit-text-stroke: 1.35px rgba(143, 124, 255, .72);
    paint-order: stroke fill;
    filter: drop-shadow(0 0 20px rgba(101, 76, 255, .08));
}

@media (max-width: 900px) {
    .hero h1 { font-size: clamp(48px, 7.8vw, 64px); }
    .showcase-heading h2 { font-size: clamp(42px, 6.5vw, 54px); }
    .section-heading h2 { font-size: clamp(39px, 6.1vw, 50px); }
}

@media (max-width: 767px) {
    .hero h1 {
        max-width: 100%;
        font-size: clamp(27px, 9vw, 42px);
        line-height: 1.04;
        letter-spacing: -.025em;
    }
    .showcase-heading h2 { font-size: clamp(30px, 8.3vw, 39px); line-height: 1.05; }
    .section-heading h2 { font-size: clamp(29px, 8vw, 38px); line-height: 1.06; }
    .workflow-copy h2 { font-size: clamp(31px, 8.5vw, 40px); line-height: 1.05; }
    .security-copy h2 { font-size: 31px; }
    .license-intro h2 { font-size: clamp(31px, 8.5vw, 40px); line-height: 1.06; }
    .faq-copy h2 { font-size: 31px; }
    .cta-box h2 { font-size: clamp(29px, 8vw, 37px); line-height: 1.07; }
    .license-card h3 { font-size: 24px; }
    .hero h1 .hero-line-outline { -webkit-text-stroke-width: 1px; }
    .license-intro h2 span { -webkit-text-stroke-width: 1px; }
    .hero-copy { font-size: 14px; }
    .hero-badge,
    .showcase-heading > div > span,
    .kicker,
    .license-eyebrow { font-size: 10px; }
}