/* Kinetic Cloud - cinematic engineering. Inspired by the user's Sharplink reference. */
:root {
  --bg:#080f1b; --night:#080f1b; --deep:#111d32; --mid:#13243e; --card:#182741; --panel:#182741;
  --txt:#f5f7fa; --dim:#bac7d8; --muted:#adbbcd; --low:#95a8c0;
  --line:#9fb5d126; --line-2:#9fb5d14a;
  --accent-solid:#3974eb; --accent:#3974eb; --sig:#71a3ff; --cobalt:#3974eb; --azure:#94b8ff; --accb:#436187;
}
body { background:#080f1b; }
body[data-design="v5"] { --fd:"Inter",system-ui,sans-serif; }
body[data-design="v5"] .nav__word { font-family:"Funnel Display",system-ui,sans-serif; }
::selection { background:#9ebfff; color:#081426; }
.wrap { max-width:1600px; padding-inline:clamp(24px,4vw,64px); }
.nav { height:90px; padding-inline:clamp(24px,3vw,50px); background:#080f1bba; border-bottom:0; backdrop-filter:blur(16px); gap:20px; }
.nav.is-stuck { background:#0a1323ed; border-bottom:1px solid #b4c7e025; }
.nav__links { gap:2px; color:#e6edf7; }
.nav__links a { padding:11px 15px; font-size:11px; line-height:1.4; text-transform:uppercase; letter-spacing:.07em; background:#c5d4ea14; }
.nav__links a::after { inset:auto 0 0; height:2px; background:#3974eb; }
.nav__links a:hover { background:#c5d4ea26; }
.btn { border-radius:0; background:#edf2f8; color:#0a1424; padding:0 0 0 18px; min-height:46px; font-size:11px; font-weight:500; letter-spacing:.045em; text-transform:uppercase; gap:14px; }
.btn:hover { background:#fff; color:#0a1424; transform:translateY(-2px); }
.btn--sm { min-height:39px; padding-left:14px; font-size:10px; }
.ghost { display:inline-flex; align-items:center; border:0; padding:13px 16px; background:#d5e0f023; color:inherit; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.ghost:hover { background:#d5e0f036; }
.hero, .hero6 { position:relative; display:block; padding:155px 0 140px; min-height:max(850px,100svh); height:auto; overflow:hidden; background:#0a1424; }
.hero__media,.hero6__media { position:absolute; inset:0; width:100%; height:100%; border-radius:0; overflow:hidden; background:#102743; }
.hero__media img,.hero6__media img { width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.03); filter:none; clip-path:none; animation:kinetic-drift 18s ease-in-out infinite alternate; }
.hero__scrim { display:block; position:absolute; inset:0; background:linear-gradient(90deg,#070e1ade 0%,#070e1a4d 49%,transparent 76%),linear-gradient(0deg,#07101bcc,transparent 42%); }
.hero__media::after { display:none; }
.hero6__media::after { display:block; position:absolute; inset:0; background:linear-gradient(90deg,#070e1ac7,transparent 73%),linear-gradient(0deg,#07101bdd,transparent 40%); }
.hero__content { position:relative; z-index:2; margin:0; padding-bottom:0; }
.hero__h1 { font-family:var(--fb); font-size:clamp(52px,5.6vw,90px); font-weight:400; letter-spacing:-.055em; line-height:1.03; max-width:12.4ch; margin-top:22px; }
.hero__h1 em,.hero6__h1 em { color:#f5f7fa; font-weight:400; }
.hero .kicker { color:#c3d6f1; font-size:10px; letter-spacing:.15em; }
.hero__sub { max-width:47ch; font-size:17px; line-height:1.5; color:#e5eaf3; margin-top:22px; }
.hero__cta { margin-top:25px; gap:6px; align-items:stretch; }
.hero__base { position:absolute; bottom:16px; left:0; width:100%; border-color:#d1ddec38; color:#b5c6de; padding-block:16px; font-size:9px; }
.hero6__panel { position:relative; z-index:2; width:100%; padding:0 clamp(24px,4vw,64px); background:transparent; min-height:0; gap:22px; justify-content:flex-start; color:#f5f7fa; }
.hero6__panel::before { display:none; }
.hero6__h1 { font-size:clamp(50px,5.6vw,90px); line-height:1.01; letter-spacing:-.055em; font-weight:400; max-width:13ch; }
.hero6__sub { color:#d9e3f0; font-size:17px; max-width:45ch; }
.hero6__cta { gap:6px; }
.hero6__base { position:static; width:100%; max-width:580px; color:#b7c9e3; border-color:#d1ddec38; font-size:10px; margin:22px 0 0; padding-top:20px; }
.hero6--sub { min-height:740px; height:auto; padding-top:170px; }
.hero6--sub .hero6__panel { min-height:0; }
.hero6--sub .hero6__h1 { max-width:14ch; font-size:clamp(44px,5vw,74px); }
.hero6--sub .hero6__base { position:static; margin-top:20px; max-width:48ch; }
.phero { min-height:740px; padding-top:150px; justify-content:center; background:#0a1424; }
.phero__media { left:0; }
.phero__media img { height:100%; object-fit:cover; object-position:center; filter:none; }
.phero__scrim { background:linear-gradient(90deg,#080f1bef,#080f1b99 43%,#080f1b15),linear-gradient(0deg,#080f1bcc,transparent 60%); }
.phero__content { padding-right:42%; }
.phero .hero__h1 { max-width:16ch; font-size:clamp(44px,5vw,78px); }
.phero__rail { flex-wrap:wrap; }
.ph { background:linear-gradient(140deg,#162b4c,#080f1b); }
.h2,.sech h2,.chapter h3,.srow__t,.card__t,.prod6 h3,.team6 h2 { font-weight:400; letter-spacing:-.045em; }
.sec:not(.sec--mid),.sech:not(.sech--mid):not(.sech--deep),.chapters,.team6 {
  background:linear-gradient(160deg,#cbd9ea 0%,#eff3f8 56%,#e4ebf5 100%); color:#111b2b;
  --txt:#111b2b; --dim:#586a80; --muted:#5d7089; --low:#5d728d; --line:#334f7429; --line-2:#334f7440;
  --sig:#2867d7; --azure:#2867d7; --card:#edf2f8; --panel:#edf2f8; --accb:#9db5d4; --deep:#dce7f4; --bg:#edf2f8; --night:#edf2f8;
}
.sec,.sech { border:0; padding-block:clamp(70px,8.5vw,138px); }
.sec--mid,.show,.sech--mid { background:linear-gradient(160deg,#10213c,#0a1323); }
.sec:not(.sec--mid) .eyebrow { color:#4a6281; }
.eyebrow,.kicker { font-family:inherit; font-size:10px; font-weight:500; letter-spacing:.14em; }
.eyebrow i { width:5px; height:5px; border-radius:0; background:#3974eb; }
.tagband { background:#c6d6ea; color:#1b2b41; border:0; padding:25px; gap:36px; }
.tagband span { color:#1b2b41; font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:500; }
.tagband i { width:5px; height:5px; background:#3974eb; }
.svc,.rowlist { border-top:1px dashed #546f943d; }
.srow,.row6,.vrow6 { border-bottom:1px dashed #546f943d; padding-block:40px; }
.srow:hover,.row6:hover { background:#fff2; }
.srow__t { font-size:clamp(24px,2.6vw,39px); }
.srow__go,.go,.card__link { display:inline-flex; align-items:center; font-size:11px; letter-spacing:.06em; text-transform:uppercase; font-weight:500; }
.feat { padding:36px 0 0; gap:60px; border:0; border-top:1px dashed #546f943d; background:transparent; border-radius:0; }
.feat__media,.card,.card__media,.band,.wide6,.mstep,.caps,.grid6,.grid6>div,.pair6 figure,.pair figure,.codes6 figure,.loop6,.map6,.map { border-radius:0; }
.feat__media img,.band img,.wide img,.wide6 img,.team6__media img { filter:none; }
.feat__media::after,.card__media::after,.band::after,.wide::after,.wide6::after,.show__media::after,.team6__media::after { display:none; }
.cards { gap:30px; }
.card { background:transparent; border:0; box-shadow:none; overflow:visible; }
.card:hover { transform:translateY(-4px); box-shadow:none; }
.card__media { border:1px solid #7991b433; aspect-ratio:4/3; overflow:hidden; }
.card__body { padding:25px 0; gap:14px; border-bottom:1px dashed #546f9459; }
.card__t { font-size:clamp(24px,2.8vw,42px); }
.card__label,.pill { border-radius:0; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.card__spec { padding:0; }
.card__spec span { padding-left:14px; font-size:12px; }
.card__spec span::before { left:0; top:12px; bottom:auto; width:4px; height:4px; background:#3974eb; border:0; }
.card__spec span::after { display:none; }
.srow__items { padding:0; }
.srow__items span { padding-left:14px; }
.srow__items span::before { left:0; top:14px; bottom:auto; width:4px; height:4px; background:#3974eb; border:0; }
.srow__items span::after { display:none; }
.chapters { grid-template-columns:48% 52%; }
.chapters__media { background:#cbd9ea; padding:4%; }
.chapters__media .slide { background:linear-gradient(160deg,#cbd9ea,#eef2f7); padding:9%; display:flex; flex-direction:column; justify-content:center; }
.chapter { min-height:530px; }
.chapter .num { color:#597597; font-size:14px; font-weight:400; -webkit-text-stroke:0; border:0; width:auto; height:auto; display:flex; justify-content:flex-start; gap:20px; }
.chapter.in-view .num { color:#2867d7; -webkit-text-stroke:0; }
.chapter h3 { font-size:clamp(30px,3.2vw,48px); }
.prods6 { background:#d3dfed; gap:28px; padding:70px clamp(24px,4vw,64px); }
.prod6 { min-height:700px; border-radius:0; border:0; }
.prod6::after { background:linear-gradient(0deg,#080f1bf5,#080f1b00 90%); }
.prod6__body { margin:0; padding:36px; background:transparent; border-radius:0; }
.prod6__name { color:#a0bfff; }
.prod6__name span { border-radius:0; font-size:10px; letter-spacing:.04em; }
.prod6 h3 { font-size:clamp(28px,3vw,46px); }
.prod6 p { color:#c0cee0; }
.case6 { min-height:810px; background:#0a1323; }
.case6__media { left:43%; top:100px; right:4%; bottom:100px; border-radius:0; overflow:hidden; }
.case6__media img { height:100%; object-fit:cover; transform:none !important; }
.case6__media::after { display:none; }
.case6__body { padding:100px 58% 100px clamp(24px,4vw,64px); max-width:1600px; }
.case6 h2 { font-size:clamp(38px,4.3vw,66px); }
.case6__client { text-transform:uppercase; font-size:10px; letter-spacing:.12em; }
.team6__media { border-radius:0; }
.stats6 b,.stats b { font-weight:400; color:#a8c7ff; }
.close6,.closeband { background:linear-gradient(150deg,#081221,#1c3c69); border-top:1px solid #c6d4eb30; }
.closeband__media,.close6__glow { display:none; }
.close,.close6 h2 { color:#edf3fc; font-weight:400; }
.close em,.close6 h2 em { color:#a8c7ff; font-weight:400; }
.pbar u,.pbar6 u { height:3px; border-radius:0; background:#98b1d038; }
.pbar u i,.pbar6 u i { background:#3974eb; border-radius:0; }
.loop,.loop6 { gap:0; background:transparent; border:1px solid #94adc949; border-radius:0; }
.loop>div,.loop6>div { border:0; border-right:1px solid #94adc949; border-radius:0; background:var(--card); padding:28px; }
.loop>div.on,.loop6>div.on { background:var(--deep); border-color:#3974eb; box-shadow:inset 0 3px #3974eb; }
.loop b,.loop6 b { color:var(--sig); font-family:inherit; font-size:15px; -webkit-text-stroke:0; }
.loop span,.loop6 span { color:var(--txt); font-family:inherit; font-size:16px; text-transform:none; letter-spacing:0; }
.loop i,.loop6 i { color:var(--dim); font-family:inherit; font-size:12px; text-transform:none; letter-spacing:0; }
.new-icon { width:24px; height:24px; display:inline-block; vertical-align:middle; color:#3974eb; }
.action-icon { display:inline-block; width:18px; height:18px; margin-left:10px; color:currentColor; flex:none; transition:transform .3s; }
.btn .action-icon { width:44px; height:44px; margin-left:0; padding:13px; background:#3974eb; color:white; align-self:stretch; }
.btn--sm .action-icon { width:37px; height:37px; padding:11px; }
.btn:hover .action-icon { background:#2764dc; }
.srow__n,.row6 .rn { display:flex; flex-direction:column; align-items:flex-start; gap:14px; font-size:12px; }
.chapter .num .new-icon { width:28px; height:28px; padding:0; border:0; border-radius:0; }
.vis-check .new-icon,.vis-secure-icon .new-icon { color:white; }
.nav-toggle { border-radius:0; }
@keyframes kinetic-drift { from{transform:scale(1.02) translateX(0)}to{transform:scale(1.06) translateX(-.7%)} }
@media(max-width:1100px) {
  .nav__links a { padding-inline:10px; font-size:10px; }
  .hero__h1,.hero6__h1 { font-size:68px; }
  .hero,.hero6 { min-height:880px; padding-top:150px; }
  .hero6__base { top:640px; }
}
@media(max-width:1000px) {
  .nav.menu-open .nav__links { top:90px; background:#0a1424; }
  .nav.menu-open .nav__links a { padding:14px 20px; font-size:14px; }
}
@media(max-width:900px) {
  .hero,.hero6 { height:auto; min-height:900px; padding:145px 0 120px; }
  .hero__h1,.hero6__h1 { font-size:64px; max-width:13ch; }
  .hero__media img,.hero6__media img { object-position:65% center; opacity:.82; }
  .hero__scrim,.hero6__media::after { background:linear-gradient(90deg,#080f1be8,#080f1b77); }
  .hero6__panel { padding-inline:24px; }
  .hero6__base { position:static; max-width:520px; margin-top:30px; }
  .hero6--sub { min-height:760px; }
  .phero__content { padding-right:24px; }
  .phero__scrim { background:linear-gradient(90deg,#080f1bed,#080f1b77); }
  .chapters { grid-template-columns:1fr; }
  .case6 { display:flex; flex-direction:column-reverse; padding:40px 24px; min-height:0; }
  .case6__media { position:relative; inset:auto; width:100%; height:380px; }
  .case6__body { padding:40px 0; }
}
@media(max-width:600px) {
  .nav { height:74px; }
  .nav.menu-open .nav__links { top:74px; }
  .hero,.hero6 { padding-top:130px; min-height:870px; max-height:none; }
  .hero__h1,.hero6__h1 { font-size:clamp(43px,11vw,60px); line-height:1.07; max-width:13ch; }
  .hero__sub,.hero6__sub { font-size:16px; max-width:35ch; }
  .hero__cta,.hero6__cta { flex-wrap:wrap; align-items:flex-start; }
  .hero__media img,.hero6__media img { object-position:62% center; }
  .hero6--sub { min-height:800px; }
  .hero6--sub .hero6__h1 { font-size:46px; }
  .phero .hero__h1 { font-size:44px; }
  .prod6 { min-height:660px; }
  .prod6__body { padding:25px; }
  .tagband { gap:18px; }
  .tagband span { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .hero__media img,.hero6__media img { animation:none; transform:none; } }