:root{--blue:#1768ff;--blue2:#0b43c9;--bg:#06080c;--panel:#0c1017;--panel2:#101620;--text:#f5f7fb;--muted:#94a0b3;--line:rgba(255,255,255,.1);--success:#48e38a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}
nav{position:fixed;z-index:90;top:16px;left:50%;transform:translateX(-50%);width:min(1140px,92%);display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border:1px solid var(--line);border-radius:19px;background:rgba(7,10,15,.78);backdrop-filter:blur(22px)}
.brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:17px}.brand img{width:42px;height:34px;object-fit:cover;border-radius:8px;mix-blend-mode:screen}
.navlinks{display:flex;gap:24px;font-size:13px;color:#bdc5d1}.navlinks a:hover{color:#fff}.nav-cta{background:#fff;color:#06070a;padding:11px 15px;border-radius:11px;font-weight:800;font-size:12px}
.hero{min-height:72vh;padding:165px 0 85px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.orb{position:absolute;width:520px;height:520px;background:#1262ff;border-radius:50%;filter:blur(150px);opacity:.18;animation:pulse 6s ease-in-out infinite}.grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(#000,transparent 88%)}
@keyframes pulse{50%{transform:scale(1.22);opacity:.28}}.badge{position:relative;display:inline-flex;gap:8px;padding:9px 13px;border:1px solid #225cc8;background:#0c1b39;border-radius:999px;color:#a8c5ff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.badge i{width:7px;height:7px;border-radius:50%;background:#3780ff;box-shadow:0 0 18px #1768ff}
h1{position:relative;font-size:clamp(50px,8vw,96px);line-height:.9;letter-spacing:-.07em;margin:25px 0 22px}.grad{background:linear-gradient(100deg,#fff,#74a5ff,#1768ff);-webkit-background-clip:text;color:transparent}.hero p{position:relative;max-width:670px;margin:auto;color:var(--muted);line-height:1.7}
section{padding:100px 0}.eyebrow{font-size:11px;font-weight:850;color:#5b92ff;letter-spacing:.2em;text-transform:uppercase;margin-bottom:13px}.title{font-size:clamp(36px,5vw,62px);letter-spacing:-.06em;line-height:1;margin:0}.sub{color:var(--muted);line-height:1.7;max-width:650px;margin-top:18px}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}.product{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#111721,#090c11);overflow:hidden;transition:.4s;position:relative}.product:hover{transform:translateY(-8px);border-color:rgba(40,120,255,.55);box-shadow:0 25px 70px rgba(0,60,255,.12)}
.product-img{height:190px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(23,104,255,.3),transparent 55%),#0a0e15;font-size:60px}.product-body{padding:22px}.tag{display:inline-block;color:#72a2ff;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}.product h3{margin:0 0 8px;font-size:20px}.product p{color:var(--muted);font-size:13px;line-height:1.6;min-height:42px}.price{font-size:22px;font-weight:850;margin:17px 0}.buttons{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:12px;padding:12px 15px;font-weight:800;font-size:12px;transition:.3s}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(23,104,255,.35)}.btn.ghost{background:#fff0;border:1px solid var(--line);color:#e7ebf3}.btn.ghost:hover{background:#fff1}
.detail{padding-top:150px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.visual{min-height:520px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 35%,rgba(23,104,255,.28),transparent 45%),#0b0f16;display:grid;place-items:center;font-size:150px}.detail h1{font-size:clamp(44px,6vw,76px)}.detail-copy{color:var(--muted);line-height:1.8}.features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.feature{padding:13px;border:1px solid var(--line);border-radius:13px;background:#0b0f15;font-size:12px;color:#c9d0db}.buybox{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.bigprice{font-size:30px;font-weight:900}
.checkout,.order{padding-top:145px}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:35px}.box{border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:27px}.box h2{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:11px;color:#9ba6b6;display:block;margin-bottom:6px}input,select{width:100%;background:#080b10;color:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;outline:none}input:focus,select:focus{border-color:#2e77ff}.full{grid-column:1/-1}.summary-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);color:#cbd2dc}.summary-total{font-size:22px;font-weight:900;padding-top:18px}.method{padding:15px;border:1px solid var(--line);border-radius:14px;margin:10px 0;background:#0a0e14;cursor:pointer}.method.active{border-color:#2775ff;background:#0b1730}.method b{font-size:13px}.notice{padding:13px;border-radius:12px;background:#0b1d18;color:#8df0b4;font-size:12px;margin-top:15px}
.thanks{min-height:90vh;padding-top:180px;display:grid;place-items:center;text-align:center}.check{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#0d2b1d;color:#4fe68d;font-size:40px;margin:0 auto 25px;box-shadow:0 0 80px rgba(72,227,138,.14)}.thanks h1{font-size:clamp(50px,7vw,88px)}.order-card{margin:30px auto 0;max-width:600px;text-align:left}
footer{border-top:1px solid var(--line);padding:30px 0;color:#737f91;font-size:12px}
.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.show{opacity:1;transform:none}
@media(max-width:850px){.navlinks{display:none}.products,.detail-grid,.checkout-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.full{grid-column:auto}.visual{min-height:380px}.products{gap:12px}}
@media(max-width:520px){section{padding:75px 0}.hero{padding-top:145px}.product-img{height:160px}}

/* ---------- auth ---------- */
.auth{min-height:100vh;padding:150px 0 80px;display:grid;place-items:center}
.auth-card{width:min(460px,92vw);border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:34px}
.auth-card h1{font-size:34px;letter-spacing:-.04em;margin:0 0 6px}
.auth-card .sub{margin:0 0 26px;font-size:14px}
.field{margin-bottom:15px}
.field small{display:block;margin-top:6px;color:#ff9aa9;font-size:11px}
.auth-alt{margin-top:22px;text-align:center;font-size:12px;color:var(--muted)}
.auth-alt a{color:#6fa4ff;font-weight:700}
.checkline{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.checkline input{width:auto}

/* ---------- panel shell ---------- */
.panel-wrap{width:min(1300px,94%);margin:auto;padding:130px 0 70px;display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start}
.side{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:18px;position:sticky;top:100px}
.side .who{padding:10px 12px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}
.side .who b{display:block;font-size:14px}
.side .who span{font-size:11px;color:var(--muted)}
.side a,.side button{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:11px;font-size:13px;color:#c3cbd7;border:0;background:none;cursor:pointer;font-family:inherit}
.side a:hover,.side button:hover{background:#ffffff0d;color:#fff}
.side a.on{background:#0e2247;color:#fff;font-weight:700}
.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.panel-head h1{font-size:38px;letter-spacing:-.05em;margin:6px 0 0}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px;margin-bottom:22px}
.stat{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#111721,#090c11);padding:20px}
.stat span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7d8899}
.stat b{display:block;margin-top:9px;font-size:29px;letter-spacing:-.04em}

/* ---------- tables ---------- */
.table-card{border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
thead th{text-align:left;padding:14px 16px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7d8899;border-bottom:1px solid var(--line);white-space:nowrap}
tbody td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:#cfd6e0;vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#ffffff06}
td .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:13px}

/* ---------- pills ---------- */
.pill{display:inline-block;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid}
.pill.paid,.pill.succeeded,.pill.fulfilled{color:#5fe6a0;border-color:#1c5e3d;background:#0c2418}
.pill.pending{color:#ffc978;border-color:#6b4a17;background:#251a08}
.pill.failed,.pill.cancelled{color:#ff9aa9;border-color:#6d2230;background:#250d12}

/* ---------- flash + forms ---------- */
.flash{padding:14px 16px;border-radius:14px;margin-bottom:18px;font-size:13px;border:1px solid}
.flash.ok{background:#0b1d18;border-color:#1c5e3d;color:#8df0b4}
.flash.bad{background:#1d0b10;border-color:#6d2230;color:#ffb3bf}
.btn.sm{padding:9px 12px;font-size:11px;border-radius:10px}
.btn.danger{background:#3b1119;color:#ffb3bf;border:1px solid #6d2230}
.btn.danger:hover{background:#4d151f}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.toolbar input,.toolbar select{width:auto;min-width:170px}
textarea{width:100%;background:#080b10;color:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;outline:none;font-family:inherit;font-size:13px;line-height:1.6;resize:vertical}
textarea:focus{border-color:#2e77ff}
.pager{display:flex;gap:6px;padding:14px 16px;flex-wrap:wrap}
.pager a,.pager span{padding:7px 11px;border:1px solid var(--line);border-radius:9px;font-size:12px;color:#c3cbd7}
.pager .current{background:#0e2247;color:#fff;border-color:#2a5cb0}

/* ---------- payment ---------- */
.pay{padding-top:145px}
.pay-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:32px;align-items:start}
.demo-note{padding:14px;border-radius:13px;background:#101b33;border:1px solid #24457f;color:#a9c6ff;font-size:12px;line-height:1.7;margin-bottom:20px}
.demo-note code{background:#0a1428;padding:2px 6px;border-radius:5px;font-family:ui-monospace,monospace}

@media(max-width:980px){.panel-wrap{grid-template-columns:1fr;padding-top:115px}.side{position:static}.sidenav{display:flex;flex-wrap:wrap;gap:6px}.side a,.side button{width:auto}.pay-grid{grid-template-columns:1fr}}

/* ===== MARKETING SYSTEM ===== */

/* navigation */
nav{transition:background .35s,border-color .35s,box-shadow .35s}
nav.scrolled{background:rgba(4,6,10,.92);border-color:rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.navlinks a{position:relative;padding:4px 0;transition:color .25s}
.navlinks a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--blue);transition:width .3s}
.navlinks a:hover:after,.navlinks a.on:after{width:100%}
.navlinks a.on{color:#fff}
.burger{display:none;width:42px;height:38px;border:1px solid var(--line);border-radius:11px;background:#ffffff0a;cursor:pointer;padding:0;place-items:center}
.burger span{display:block;width:17px;height:1.5px;background:#e7ebf3;margin:3px auto;transition:.3s;border-radius:2px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;z-index:89;top:82px;left:50%;transform:translateX(-50%);width:min(1140px,92%);border:1px solid var(--line);border-radius:19px;background:rgba(6,9,14,.97);backdrop-filter:blur(22px);padding:14px;flex-direction:column;gap:2px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.mobile-menu.open{display:flex}
.mobile-menu a,.mobile-menu button{display:block;width:100%;text-align:left;padding:13px 14px;border-radius:12px;font-size:14px;color:#c9d1dd;border:0;background:none;font-family:inherit;cursor:pointer}
.mobile-menu a:hover,.mobile-menu a.on{background:#0e2247;color:#fff}
.mobile-menu .sep{height:1px;background:var(--line);margin:8px 4px}

/* hero extras */
.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#4d8cff;opacity:.5;animation:drift linear infinite}
@keyframes drift{from{transform:translateY(0) scale(1);opacity:0}15%{opacity:.55}85%{opacity:.45}to{transform:translateY(-320px) scale(.4);opacity:0}}
.hero-actions{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.btn.big{padding:15px 22px;font-size:13px;border-radius:14px}
.btn.mag{will-change:transform}
.sec-head{max-width:760px}
.sec-head.center{margin:0 auto;text-align:center}

/* services grid */
.svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}
.svc{position:relative;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,#111722,#080b10);padding:28px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.3,1),border-color .35s,box-shadow .45s}
.svc:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(130deg,rgba(23,104,255,.75),transparent 45%,transparent 60%,rgba(120,170,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}
.svc:hover{transform:translateY(-9px);border-color:transparent;box-shadow:0 28px 70px rgba(0,55,255,.16)}
.svc:hover:before{opacity:1}
.svc .glow{position:absolute;width:230px;height:230px;border-radius:50%;background:#1768ff;filter:blur(90px);opacity:0;top:-70px;right:-70px;transition:opacity .45s}
.svc:hover .glow{opacity:.3}
.svc .num{position:relative;font-size:11px;font-weight:850;letter-spacing:.2em;color:#5b92ff}
.svc .ico{position:relative;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:23px;background:radial-gradient(circle at 40% 35%,rgba(23,104,255,.4),transparent 65%),#0b0f17;border:1px solid var(--line);margin:16px 0 18px}
.svc h3{position:relative;margin:0 0 9px;font-size:21px;letter-spacing:-.02em}
.svc p{position:relative;margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.svc .pts{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}
.svc .pts span{font-size:10.5px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:#9fb0c6}

/* stats */
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}
.statbox{border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#101620,#080b10);padding:26px;text-align:center}
.statbox b{display:block;font-size:clamp(32px,4vw,46px);letter-spacing:-.05em;background:linear-gradient(100deg,#fff,#74a5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.statbox span{display:block;margin-top:8px;font-size:11.5px;color:var(--muted);letter-spacing:.06em}

/* process timeline */
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.timeline:before{content:"";position:absolute;top:26px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(23,104,255,.6),rgba(23,104,255,.6),transparent)}
.step{position:relative;text-align:center}
.step .dot{position:relative;z-index:2;width:53px;height:53px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:850;letter-spacing:.06em;color:#bcd4ff;background:#0a1220;border:1px solid #24457f;box-shadow:0 0 0 7px rgba(6,8,12,1),0 0 34px rgba(23,104,255,.3);transition:.4s}
.step:hover .dot{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 7px rgba(6,8,12,1),0 0 46px rgba(23,104,255,.65)}
.step h4{margin:0 0 7px;font-size:17px}
.step p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}

/* benefits */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:34px}
.whycard{border:1px solid var(--line);border-radius:19px;background:#0b0f16;padding:22px;transition:.35s}
.whycard:hover{border-color:rgba(40,120,255,.5);transform:translateY(-5px)}
.whycard .ico{font-size:22px;margin-bottom:13px}
.whycard h4{margin:0 0 7px;font-size:15px}
.whycard p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.65}

/* category filters */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.chip{padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700;color:#b9c3d1;background:#0a0e15;transition:.28s}
.chip:hover{border-color:rgba(40,120,255,.55);color:#fff}
.chip.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(23,104,255,.32)}

/* product visual */
.product-img{position:relative;overflow:hidden}
.product-img:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(23,104,255,.35),transparent 60%);opacity:0;transition:opacity .45s}
.product:hover .product-img:after{opacity:1}
.product-img i{font-style:normal;display:block;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.product:hover .product-img i{transform:scale(1.14)}

/* what is included */
.incl{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:30px}
.inclcard{border:1px solid var(--line);border-radius:18px;background:#0b0f16;padding:22px}
.inclcard b{display:block;font-size:14px;margin-bottom:7px}
.inclcard span{color:var(--muted);font-size:12.5px;line-height:1.65}

/* big CTA */
.cta-big{position:relative;text-align:center;padding:96px 30px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(160deg,#0d1626,#070a10);overflow:hidden}
.cta-big .aura{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:640px;height:400px;background:#1768ff;filter:blur(140px);opacity:.24}
.cta-big h2{position:relative;font-size:clamp(38px,6vw,72px);letter-spacing:-.06em;line-height:.97;margin:0}
.cta-big p{position:relative;max-width:560px;margin:20px auto 0;color:var(--muted);line-height:1.7}

/* forms */
.formgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:36px;align-items:start}
.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.checkopt{display:flex;align-items:center;gap:9px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#080b10;font-size:12.5px;color:#c9d0db;cursor:pointer;transition:.25s}
.checkopt:hover{border-color:rgba(40,120,255,.5)}
.checkopt input{width:auto;margin:0}
.checkopt.on{border-color:#2775ff;background:#0b1730;color:#fff}
.infocard{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:26px}
.infocard h3{margin:0 0 16px;font-size:18px}
.inforow{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.inforow:last-child{border-bottom:0}
.inforow .k{font-size:11px;color:#7d8899;letter-spacing:.1em;text-transform:uppercase;min-width:74px}
.inforow .v{font-size:13px;color:#dbe2ec}

/* footer */
footer{border-top:1px solid var(--line);padding:64px 0 30px;color:#8b95a5;font-size:12px}
.foot-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:34px}
.foot-brand .brand{margin-bottom:15px}
.foot-brand p{margin:0;max-width:290px;line-height:1.75;color:var(--muted);font-size:12.5px}
.foot-col h5{margin:0 0 15px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#dbe2ec}
.foot-col a{display:block;padding:6px 0;color:#8b95a5;font-size:12.5px;transition:color .25s}
.foot-col a:hover{color:#fff}
.socials{display:flex;gap:8px;margin-top:20px}
.socials a{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;font-size:13px;color:#c3cbd7;transition:.3s}
.socials a:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-3px)}
.foot-base{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}

/* reveal variants */
.reveal.up{transform:translateY(34px)}
.reveal.scale{transform:scale(.94)}
.reveal.blur{filter:blur(9px)}
.reveal.show{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.up,.reveal.scale,.reveal.blur{opacity:1;transform:none;filter:none;transition:none}.particles,.orb{display:none}}

/* responsive */
@media(max-width:1024px){.svcs{grid-template-columns:repeat(2,1fr)}.statgrid,.why{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr);gap:34px 16px}.timeline:before{display:none}.foot-grid{grid-template-columns:1fr 1fr;gap:30px}.formgrid{grid-template-columns:1fr}}
@media(max-width:850px){.burger{display:grid}.nav-cta{display:none}.svcs{grid-template-columns:1fr}.incl{grid-template-columns:1fr}.cta-big{padding:70px 22px;border-radius:26px}}
@media(max-width:560px){.statgrid,.why,.timeline,.checkgrid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.chip{padding:9px 13px;font-size:11.5px}}

/* burger: absolute bars so the X does not depend on margin collapsing */
.burger{position:relative}
.burger span{position:absolute;left:12px;right:12px;width:auto;height:1.5px;margin:0;border-radius:2px;background:#e7ebf3;transition:top .3s,transform .3s,opacity .2s}
.burger span:nth-child(1){top:13.5px}
.burger span:nth-child(2){top:18.5px}
.burger span:nth-child(3){top:23.5px}
.burger[aria-expanded="true"] span:nth-child(1){top:18.5px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){top:18.5px;transform:rotate(-45deg)}

/* tablet keeps two columns instead of dropping straight to one */
@media(min-width:700px) and (max-width:1024px){
  .svcs,.products{grid-template-columns:repeat(2,1fr)}
  .incl{grid-template-columns:repeat(2,1fr)}
}