/* Kontur (text-stroke) yozuv uchun: o'zgaruvchan shriftdagi ustma-ust bo'laklar birlashtirilgan Inter Tight 600 */
@font-face{font-family:'Inter Tight Solid';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-tight-600-latin-solid.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight Solid';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-tight-600-latin-ext-solid.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter Tight Solid';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-tight-600-cyrillic-solid.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
/* =========================================================
   Prioritet Consulting — premium scroll-motion site
   Dark is the brand default; light theme via [data-theme="light"].
   Every colour is a token, so both themes stay consistent.
   ========================================================= */
:root{
  /* dark (default) */
  --bg:#020617; --bg-rgb:2,6,23; --navy:#000E41; --surface:#0B1533; --surface-2:#0E1A3F; --field:#071029;
  --line:#1C2A55; --blue:#2370FF; --blue-l:#679CFF; --text:#F4F8FF; --muted:#8FA3D1; --soft:#B4C3E6;
  --ok:#7CE3B0; --warn:#FFB38A; --bad:#FF8A8A;
  --pill:rgba(11,21,51,.62); --pill-line:rgba(28,42,85,.9);
  --glow-1:rgba(35,112,255,.42); --glow-2:rgba(35,112,255,.12); --beam:rgba(103,156,255,.32); --dots:rgba(103,156,255,.22);
  --stroke:rgba(103,156,255,.75);
  --acc-grad:linear-gradient(180deg,#B7D0FF 0%,#5B95FF 55%,#2370FF 100%);
  --num-grad:linear-gradient(180deg,#F4F8FF 10%,#679CFF 70%,#2370FF);
  --word-grad:linear-gradient(180deg,rgba(103,156,255,.5),rgba(35,112,255,.04) 85%);
  /* contrast slab ("Who we work with") — light on dark theme */
  --c-bg:#F4F8FF; --c-ink:#0F2678; --c-btn:#0F2678; --c-pill:rgba(255,255,255,.72); --c-pill-line:rgba(15,38,120,.12);
  --c-word:linear-gradient(180deg,#9CC0FF 0%,#2370FF 42%,#0F2678 78%,#4C86FF 100%);
  --c-acc:linear-gradient(180deg,#4D8BFF,#2370FF 60%,#0F2678);
  --screen:#0B1533;
  --ease:cubic-bezier(.22,1,.36,1);
  --maxw:1360px; --gutter:clamp(16px,3vw,40px); --nav-h:76px;
  --f-head:'Inter Tight',Inter,system-ui,sans-serif;
  --f-body:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:Inter,system-ui,-apple-system,'Segoe UI',sans-serif; /* numbers + small labels: Inter, tabular figures */
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#F5F8FE; --bg-rgb:245,248,254; --navy:#E8EEFA; --surface:#FFFFFF; --surface-2:#F8FAFF; --field:#FFFFFF;
  --line:#D8E1F1; --blue:#2370FF; --blue-l:#1D5FE6; --text:#0B1533; --muted:#55668F; --soft:#34466F;
  --ok:#0F8F57; --warn:#C2571A; --bad:#D33A3A;
  --pill:rgba(255,255,255,.78); --pill-line:rgba(15,38,120,.12);
  --glow-1:rgba(35,112,255,.24); --glow-2:rgba(35,112,255,.07); --beam:rgba(35,112,255,.14); --dots:rgba(35,112,255,.2);
  --stroke:rgba(35,112,255,.8);
  --acc-grad:linear-gradient(180deg,#4A8BFF 0%,#2370FF 50%,#1846C9 100%);
  --num-grad:linear-gradient(180deg,#0F2678 10%,#2370FF 75%,#4A8BFF);
  --word-grad:linear-gradient(180deg,rgba(35,112,255,.32),rgba(35,112,255,.03) 85%);
  --c-bg:#0B1533; --c-ink:#F4F8FF; --c-btn:#2370FF; --c-pill:rgba(11,21,51,.7); --c-pill-line:rgba(103,156,255,.25);
  --c-word:linear-gradient(180deg,#E3ECFF 0%,#9CC0FF 40%,#4C86FF 80%,#2370FF 100%);
  --c-acc:linear-gradient(180deg,#B7D0FF,#679CFF 60%,#2370FF);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--bg);color:var(--text);font:400 17px/27px var(--f-body);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
[hidden]{display:none!important}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:2px solid var(--blue-l);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.menu-open,.menu-open body{overflow:hidden}
.theme-anim,.theme-anim *,.theme-anim *::before,.theme-anim *::after{transition:background-color .5s ease,color .5s ease,border-color .5s ease,fill .5s ease!important}

@media (min-width:1024px){
  body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
}

/* ---------- Type ---------- */
.hd{font-family:var(--f-head);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:.98;text-wrap:balance}
.h1{font-size:clamp(44px,6.1vw,88px);line-height:1}
.h2{font-size:clamp(36px,5vw,72px);line-height:1}
.h3{font-size:clamp(24px,2.4vw,34px);line-height:1.05}
.kicker{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.lead{color:var(--muted);max-width:46ch}
.acc,.hd em{font-style:normal}
.wi.acc,.hd em{background:var(--acc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker,.loader__num,.loader__cap,.hero__meta,.orbit__prog,.clk,.counter,.tags li,.plan__code,.plan__price,.step__when,.cd-tag,.cd-foot,.foot__bot,.tab sup,.faq__q small,.flabel,.fld label,.book__agenda b,.book__now,.bprog{font-variant-numeric:tabular-nums}

/* ---------- Buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px 0 24px;border-radius:999px;font:500 15px/1 var(--f-body);letter-spacing:-.005em;white-space:nowrap;background:var(--blue);color:#fff;overflow:hidden;isolation:isolate;border:1px solid transparent;transition:box-shadow .5s var(--ease),background-color .3s,border-color .3s,color .3s,transform .5s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.38) 50%,transparent 80%);transform:translate3d(-120%,0,0);transition:transform .9s var(--ease)}
.btn:hover::before{transform:translate3d(120%,0,0)}
.btn:hover{box-shadow:0 14px 40px -10px rgba(35,112,255,.75)}
.btn:active{transform:scale(.97)}
.btn .ar{width:16px;height:16px;flex:none;transition:transform .5s var(--ease)}
.btn:hover .ar{transform:translate3d(3px,0,0)}
.btn--ghost{background:transparent;border-color:var(--line);color:var(--text)}
.btn--ghost:hover{border-color:var(--blue-l);background:rgba(35,112,255,.08);box-shadow:none}
.btn--ghost::before{display:none}
.btn--sm{height:44px;padding:0 18px;font-size:14px}
.btn--block{width:100%}
.btn[disabled]{opacity:.7;pointer-events:none}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.ic{width:18px;height:18px;flex:none}

/* ---------- Reveal system ---------- */
.js .r{opacity:0;transform:translate3d(0,40px,0);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease);transition-delay:var(--d,0s)}
.js.fx-blur .r{filter:blur(8px)}
.js .r.in{opacity:1;transform:none;filter:none}
.js [data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em 0 .1em;margin:-.06em 0 -.1em}
.js [data-split]:not([data-split=scrub]) .wi{display:inline-block;transform:translate3d(0,112%,0);transition:transform 1.15s var(--ease);transition-delay:calc(var(--l,0) * .09s + var(--d,0s))}
.js [data-split].in .wi{transform:none}
.js [data-split=scrub] .w{overflow:visible}
.js [data-split=scrub] .wi{display:inline-block;opacity:.14}

/* ---------- Loader ---------- */
.loader{position:fixed;inset:0;z-index:200;background:var(--bg);display:grid;place-items:center;will-change:transform}
.no-loader .loader{display:none}
.loader__logo{display:flex;flex-direction:column;align-items:center;gap:18px}
.loader__logo img{height:auto;max-width:60vw}
.loader__num{position:absolute;right:var(--gutter);bottom:calc(var(--gutter) + 6px);font:600 clamp(72px,13vw,190px)/.8 var(--f-head);letter-spacing:-.05em;color:var(--text)}
.loader__cap{position:absolute;left:var(--gutter);bottom:calc(var(--gutter) + 8px);font:500 12px/1.6 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.loader__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue-l),var(--blue));transform:scaleX(0);transform-origin:left}

/* ---------- Logo (image swap per background) ---------- */
.logo{display:inline-flex;align-items:center;gap:12px}
.logo img,.loader__logo img{display:block}
.logo img{height:100%;width:auto}
.logo__mark{display:block;height:36px;flex:none}
.logo__word{display:block;height:27px;flex:none}
.logo--lg{gap:16px}
.logo--lg .logo__mark{height:56px}
.logo--lg .logo__word{height:42px}
.on-light{display:none!important}
[data-theme="light"] .on-dark{display:none!important}
[data-theme="light"] .on-light{display:block!important}
.nav--contrast .on-dark{display:none!important}
.nav--contrast .on-light{display:block!important}
[data-theme="light"] .nav--contrast .on-dark{display:block!important}
[data-theme="light"] .nav--contrast .on-light{display:none!important}

/* ---------- Nav ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:80;height:var(--nav-h);display:flex;align-items:center;color:var(--text);transition:color .4s}
.nav::before{content:"";position:absolute;inset:0 0 -18px;background:linear-gradient(180deg,rgba(var(--bg-rgb),.94) 0%,rgba(var(--bg-rgb),.8) 62%,rgba(var(--bg-rgb),0) 100%);opacity:0;transition:opacity .5s;pointer-events:none}
.nav--scrolled::before{opacity:1}
.nav--contrast::before{opacity:0}
.nav__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.nav__pill{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:var(--pill);border:1px solid var(--pill-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%,-50%);transition:opacity .5s var(--ease),transform .7s var(--ease),background-color .4s,border-color .4s}
.nav--hide .nav__pill{opacity:0;transform:translate(-50%,-90%);pointer-events:none}
.nav__link{padding:9px 16px;border-radius:999px;font-size:14px;line-height:1;color:var(--muted);transition:color .3s,background-color .3s}
.nav__link:hover{color:var(--text);background:rgba(35,112,255,.14)}
.nav__right{display:flex;align-items:center;gap:10px}
.lang{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;border:1px solid var(--line);transition:opacity .5s var(--ease),transform .7s var(--ease),border-color .4s}
.nav--hide .nav__right .lang,.nav--hide .nav__right .themebtn{opacity:0;transform:translateY(-12px);pointer-events:none}
.lang button{min-width:36px;height:30px;padding:0 8px;border-radius:999px;font:500 11px/1 var(--f-mono);letter-spacing:.06em;color:var(--muted);transition:color .3s,background-color .3s}
.lang button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.themebtn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--text);overflow:hidden;transition:opacity .5s var(--ease),transform .7s var(--ease),border-color .3s,background-color .3s}
.themebtn:hover{border-color:var(--blue-l);background:rgba(35,112,255,.1)}
.themebtn svg{position:absolute;width:18px;height:18px;transition:transform .7s var(--ease),opacity .4s}
.themebtn .i-moon{transform:translateY(0) rotate(0)}
.themebtn .i-sun{transform:translateY(130%) rotate(-90deg);opacity:0}
[data-theme="light"] .themebtn .i-moon{transform:translateY(-130%) rotate(90deg);opacity:0}
[data-theme="light"] .themebtn .i-sun{transform:none;opacity:1}
.burger{display:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);flex-direction:column;align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .5s var(--ease)}
.burger span+span{margin-top:5px}
.menu-open .burger span:first-child{transform:translateY(3.25px) rotate(45deg)}
.menu-open .burger span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
/* nav over the contrast slab */
.nav--contrast{color:var(--c-ink)}
.nav--contrast .nav__pill{background:var(--c-pill);border-color:var(--c-pill-line)}
.nav--contrast .nav__link{color:var(--c-ink);opacity:.72}
.nav--contrast .nav__link:hover{opacity:1;color:var(--c-ink);background:rgba(35,112,255,.12)}
.nav--contrast .lang,.nav--contrast .burger,.nav--contrast .themebtn{border-color:var(--c-pill-line);color:var(--c-ink)}
.nav--contrast .lang button{color:var(--c-ink);opacity:.65}
.nav--contrast .lang button[aria-pressed=true]{background:var(--c-ink);color:var(--c-bg);opacity:1;box-shadow:none}

/* mobile menu */
.menu{position:fixed;inset:0;z-index:70;background:var(--bg);padding:calc(var(--nav-h) + 24px) var(--gutter) 32px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s .5s}
.menu-open .menu{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}
.menu__links a{display:block;padding:10px 0;font:600 clamp(36px,10vw,56px)/1 var(--f-head);text-transform:uppercase;letter-spacing:-.02em;border-bottom:1px solid var(--line);transform:translate3d(0,20px,0);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease)}
.menu-open .menu__links a{transform:none;opacity:1}
.menu-open .menu__links a:nth-child(2){transition-delay:.05s}.menu-open .menu__links a:nth-child(3){transition-delay:.1s}.menu-open .menu__links a:nth-child(4){transition-delay:.15s}.menu-open .menu__links a:nth-child(5){transition-delay:.2s}.menu-open .menu__links a:nth-child(6){transition-delay:.25s}
.menu__foot{display:flex;flex-direction:column;gap:16px}
.menu__row{display:flex;align-items:center;gap:10px}
.menu .lang button{height:44px;min-width:56px;font-size:13px}
.menu .themebtn{width:52px;height:52px}

/* 5 ta band bilan markaziy menyu 1200px dan torroqda o'ng tugmalarga tegadi — burger menyuga o'tadi */
@media (max-width:1199px){
  .nav__pill,.nav__right .lang,.nav__right .themebtn{display:none}
  .burger{display:flex}
  .nav__right .btn{height:44px;padding:0 16px;font-size:14px}
}
@media (max-width:420px){ .nav__right .btn .ar{display:none} .nav .logo{gap:8px} .nav .logo__mark{height:30px} .nav .logo__word{height:23px} }

/* =========================================================
   3D CARD (pure CSS 3D — no WebGL); same in both themes
   ========================================================= */
.card3d{--w:clamp(260px,30vw,440px);--r:calc(var(--w) * .052);position:relative;width:var(--w);aspect-ratio:1.586;font-size:calc(var(--w) * .1);transform-style:preserve-3d}
.card3d__body{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.card3d__edge{position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(135deg,#3A64D8,#0B1A4F 60%,#2A57D0);transform:translateZ(var(--z))}
.card3d__face{position:absolute;inset:0;border-radius:var(--r);overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.card3d__front{transform:translateZ(3px);background:radial-gradient(120% 95% at 88% -5%,rgba(141,181,255,.6),rgba(35,112,255,0) 55%),radial-gradient(80% 80% at 0% 110%,rgba(2,6,23,.55),rgba(2,6,23,0) 60%),linear-gradient(135deg,#0F2678 0%,#1A47C8 52%,#2370FF 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.14)}
.card3d__back{transform:rotateY(180deg) translateZ(3px);background:linear-gradient(135deg,#0B1533,#0F2678 70%,#1A47C8)}
.cd-noise{position:absolute;inset:0;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cd-arcs{position:absolute;right:-18%;top:-30%;width:78%;opacity:.5}
.cd-brand{position:absolute;left:7.5%;top:11%;display:flex;align-items:center;gap:.22em;font:600 .34em/1 var(--f-head);letter-spacing:.02em;color:#fff}
.cd-brand .cd-mark{display:block;height:1.05em;width:auto}
.cd-tag{position:absolute;right:7.5%;top:12.5%;font:600 .17em/1 var(--f-mono);letter-spacing:.18em;color:rgba(244,248,255,.75)}
.cd-chip{position:absolute;left:7.5%;top:39%;width:14%;aspect-ratio:1.3;border-radius:.16em;background:linear-gradient(135deg,#EEF3FF 0%,#9FB4EA 32%,#DCE5FF 55%,#7C93CC 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 .03em .12em rgba(2,6,23,.45)}
.cd-chip::before{content:"";position:absolute;inset:30% 0;border-top:1px solid rgba(15,38,120,.38);border-bottom:1px solid rgba(15,38,120,.38)}
.cd-chip::after{content:"";position:absolute;inset:0 36%;border-left:1px solid rgba(15,38,120,.38);border-right:1px solid rgba(15,38,120,.38)}
.cd-big{position:absolute;left:7.5%;bottom:27%;font:600 .52em/1 var(--f-head);letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-shadow:0 .02em .08em rgba(2,6,23,.35)}
.cd-foot{position:absolute;left:7.5%;right:7.5%;bottom:10%;display:flex;justify-content:space-between;font:600 .16em/1 var(--f-mono);letter-spacing:.14em;color:rgba(244,248,255,.72)}
.cd-glare{position:absolute;top:-20%;bottom:-20%;left:-100%;width:300%;background:linear-gradient(100deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.07) 45%,rgba(255,255,255,.34) 50%,rgba(255,255,255,.07) 55%,rgba(255,255,255,0) 62%);will-change:transform}
.cd-dark{position:absolute;inset:0;background:var(--bg);opacity:0;pointer-events:none}
.cd-stripe{position:absolute;left:0;right:0;top:16%;height:19%;background:linear-gradient(180deg,#020617,#0B1533)}
.cd-back-txt{position:absolute;left:7.5%;bottom:12%;font:500 .16em/1.6 var(--f-mono);letter-spacing:.14em;color:rgba(244,248,255,.55)}
.cd-back-mark{position:absolute;right:7.5%;bottom:10%;width:1.5em;height:auto;opacity:.75}
.card3d__halo{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;transform:translate3d(-50%,-50%,-80px);background:radial-gradient(closest-side,var(--glow-1),var(--glow-2) 45%,rgba(35,112,255,0) 72%);pointer-events:none}
.card3d__shadow{position:absolute;left:8%;right:8%;top:108%;height:26%;transform:translateZ(-60px);background:radial-gradient(closest-side,rgba(35,112,255,.42),rgba(35,112,255,0));pointer-events:none}

/* =========================================================
   1. HERO
   ========================================================= */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--nav-h) + 24px) 0 28px;overflow:hidden;isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero__grid{position:absolute;inset:0;background-image:radial-gradient(var(--dots) 1px,transparent 1.2px);background-size:34px 34px;-webkit-mask-image:radial-gradient(60% 55% at 50% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(60% 55% at 50% 40%,#000 0%,transparent 75%);opacity:.5}
.hero__beam{position:absolute;left:50%;top:-8%;width:min(980px,130vw);height:78%;transform:translateX(-50%);background:linear-gradient(180deg,var(--beam),rgba(35,112,255,0) 88%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);opacity:.55;animation:beam 9s ease-in-out infinite alternate}
@keyframes beam{to{transform:translateX(-50%) scaleX(1.18);opacity:.75}}
.hero__stage{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:24vh;perspective:1400px;pointer-events:none;will-change:transform}
.hero__content{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px;align-items:end}
.hero__kicker{margin-bottom:22px}
.hero__side{display:flex;flex-direction:column;gap:26px;padding-bottom:8px}
.hero__side .lead{color:var(--soft)}
.hero__meta{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hero__meta b{color:var(--text);font-weight:600}
.scrollcue{display:inline-flex;align-items:center;gap:10px}
.scrollcue i{position:relative;display:block;width:1px;height:22px;background:var(--line);overflow:hidden}
.scrollcue i::after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:var(--blue-l);animation:cue 2s var(--ease) infinite}
@keyframes cue{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@media (max-width:1023px){
  .hero{justify-content:flex-start}
  .hero__stage{position:relative;inset:auto;height:clamp(250px,44svh,420px);padding:0;margin:0 calc(var(--gutter) * -1)}
  .hero__content{grid-template-columns:1fr;gap:22px}
  .hero__kicker{margin-bottom:16px}
  .hero__side{gap:20px}
  .hero__meta .hide-m{display:none}
  .card3d{--w:min(68vw,330px)}
}

/* =========================================================
   2. CARD ORBIT (CSS sticky, scrubbed by scroll)
   ========================================================= */
.orbit{position:relative;height:320vh}
.orbit__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.orbit__stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(var(--bg-rgb),0) 0%,rgba(var(--bg-rgb),.78) 55%,rgba(var(--bg-rgb),.94) 100%)}
.orbit__glow{position:absolute;left:50%;top:46%;width:min(1200px,150vw);aspect-ratio:1.6;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--glow-1),var(--glow-2) 55%,transparent 75%);opacity:.7;pointer-events:none}
.orbit__scene{position:absolute;inset:0;perspective:1700px;perspective-origin:50% 44%}
.orbit__world{position:absolute;left:50%;top:43%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-7deg)}
.orbit__card{position:absolute;left:0;top:0;transform-style:preserve-3d}
.orbit__card .card3d{--w:clamp(210px,23vw,350px);position:absolute;left:calc(var(--w) / -2);top:calc(var(--w) / -3.172)}
/* real figures orbiting the card: readable glass badges, revealed + counted up by scroll */
.ost{position:absolute;left:0;top:0;display:flex;align-items:center;gap:14px;width:var(--ow,236px);padding:14px 18px 14px 16px;border-radius:18px;background:var(--pill);border:1px solid var(--pill-line);box-shadow:0 22px 50px -26px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ost__n{flex:none;width:1.72em;font:600 clamp(32px,2.7vw,46px)/1 var(--f-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--num-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ost__l{font:500 11.5px/1.35 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--soft)}
.ost__l i{display:block;margin-top:3px;font-style:normal;color:var(--blue-l)}
@media (min-width:1024px){ .ost{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} }
[data-theme="light"] .ost{box-shadow:0 22px 50px -28px rgba(15,38,120,.45)}
.orbit__top{position:absolute;z-index:2;left:0;right:0;top:calc(var(--nav-h) + 14px);display:flex;justify-content:space-between;align-items:center}
.orbit__prog{display:flex;align-items:center;gap:12px;font:600 11px/1 var(--f-mono);letter-spacing:.1em;color:var(--muted)}
.orbit__prog span{position:relative;display:block;width:120px;height:2px;background:var(--line);overflow:hidden;border-radius:2px}
.orbit__prog i{position:absolute;inset:0;background:var(--blue);transform:scaleX(0);transform-origin:left}
.orbit__copy{position:absolute;z-index:2;left:0;right:0;bottom:clamp(24px,5vh,56px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end;pointer-events:none}
.orbit__copy .btn{pointer-events:auto}
.orbit__copy .r{transition-duration:.9s}
.orbit__side{display:flex;flex-direction:column;gap:22px}
@media (max-width:1023px){
  .orbit{height:200vh}
  .orbit__world{top:40%}
  .orbit__scene{perspective-origin:50% 40%}
  .orbit__glow{top:40%}
  .orbit__card .card3d{--w:min(52vw,250px)}
  .orbit__copy{grid-template-columns:1fr;gap:14px}
  .orbit__side{gap:16px}
  .orbit__side .lead{font-size:15px;line-height:23px}
  .orbit__prog span{width:72px}
  .ost--d{display:none}
  .ost{gap:9px;min-height:58px;padding:9px 11px 9px 10px;border-radius:14px}
  .ost__n{font-size:24px}
  .ost__l{font-size:9.5px;letter-spacing:.03em}
}

/* =========================================================
   3. PROMISE
   ========================================================= */
.promise{position:relative;padding:clamp(120px,18vh,200px) 0 clamp(100px,14vh,160px);text-align:center}
.promise .kicker{margin-bottom:34px}
.promise__h{max-width:15ch;margin:0 auto;font-size:clamp(40px,6.2vw,100px)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:48px}
.chip{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:15px;color:var(--text)}
.chip .dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(35,112,255,.16);color:var(--blue-l)}
.chip .dot svg{width:12px;height:12px}

/* =========================================================
   4. WORLD CLOCKS
   ========================================================= */
.clocks{position:relative;padding:clamp(80px,12vh,140px) 0}
.clocks__head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:56px}
.clocks__head .kicker{margin-bottom:24px}
.clocks__head .chips{justify-content:flex-start;margin-top:0}
.clockrow{position:relative;overflow:hidden;padding:7px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq__track{display:flex;width:max-content;will-change:transform}
.mq__set{display:flex;flex:none}
.clk{display:flex;align-items:center;gap:16px;min-width:300px;margin-right:14px;padding:16px 22px 16px 16px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.clk--home{background:linear-gradient(135deg,rgba(35,112,255,.2),var(--surface) 70%);border-color:rgba(35,112,255,.6)}
.clk__dial{width:50px;height:50px;flex:none}
.clk__dial .face{fill:var(--field);stroke:var(--line)}
.clk--home .clk__dial .face{stroke:var(--blue)}
.clk__dial .tk{stroke:var(--line)}
.clk__dial .h{stroke:var(--text)}
.clk__dial .m{stroke:var(--muted)}
.clk__dial .s{stroke:var(--blue)}
.clk__dial .pin{fill:var(--blue)}
.clk__city{font:600 15px/1 var(--f-head);letter-spacing:.02em;text-transform:uppercase}
.clk__time{margin-top:6px;font:600 26px/1 var(--f-mono);letter-spacing:-.01em;color:var(--text)}
.clk__meta{margin-top:6px;font:500 10.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.clk__open{color:var(--ok)}
.clk__closed{color:var(--warn)}
@media (max-width:1023px){ .clocks__head{grid-template-columns:1fr;gap:28px;margin-bottom:36px} .clk{min-width:250px} .clk__time{font-size:22px} }

/* =========================================================
   5. MARQUEE
   ========================================================= */
.mq{position:relative;padding:clamp(36px,6vh,64px) 0;border-block:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,var(--bg),var(--navy) 50%,var(--bg))}
.mq__item{display:flex;align-items:center;gap:.36em;padding-right:.36em;font:600 clamp(54px,9vw,148px)/1 var(--f-head);text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap}
.mq__item:nth-child(even) .mq__t{font-family:'Inter Tight Solid',var(--f-head);color:transparent;-webkit-text-stroke:1.5px var(--stroke)}
.mq__star{width:.42em;height:.42em;color:var(--blue);flex:none;animation:spin 9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* =========================================================
   6. SERVICES 01–06 — sticky counter, one number at a time
   ========================================================= */
.svc{position:relative;padding-top:clamp(110px,16vh,180px)}
.svc__head{max-width:900px}
.svc__head .kicker{margin-bottom:24px}
/* pinned stage: ~6 viewports of scroll, one card at a time */
.svc__pin{position:relative;height:700vh;height:700svh}
.svc__stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden;padding-top:calc(var(--nav-h) * .6)}
.svc__grid{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(0,9.2fr);gap:clamp(28px,4vw,72px);align-items:center}
.svc__aside{align-self:center}
.counter{display:flex;align-items:flex-start;font:600 clamp(130px,15vw,240px)/1 var(--f-head);letter-spacing:-.06em}
.counter__stack{display:grid;perspective:800px}
.counter__n{grid-area:1/1;display:block;padding-right:.04em;background:var(--num-grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translate3d(0,14%,0) scale(.42);transform-origin:50% 70%;transition:opacity .7s var(--ease),transform 1.15s var(--ease),filter .9s var(--ease);will-change:transform,opacity}
.fx-blur .counter__n{filter:blur(14px)}
/* strictly one at a time: the old number is fully gone before the new one starts */
.counter__n.is-on{opacity:1;transform:none;filter:none;transition-delay:.26s}
.counter__n.is-out{opacity:0;transform:translate3d(0,-10%,0) scale(1.22);transition-duration:.24s,.26s,.24s;transition-timing-function:ease-in;transition-delay:0s}
.fx-blur .counter__n.is-out{filter:blur(12px)}
.counter__n:not(.is-on):not(.is-out){transition:none}
.svc__current{margin-top:18px;min-height:1.4em;font:600 13px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-l)}
.svc__current.swap{animation:fadeup .5s ease-in-out .26s both}
/* cards share one grid cell; the active one fades in where the old one faded out */
.svc__list{display:grid}
.svc__item{grid-area:1/1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,3.4vw,56px);align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,20px,0)}
.svc__item:not(.is-on):not(.is-out){transition:none}
.svc__item.is-out{opacity:0;visibility:visible;transform:translate3d(0,-20px,0);transition:opacity .26s ease-in-out,transform .26s ease-in-out,visibility 0s linear .26s}
.svc__item.is-on{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .32s ease-in-out .26s,transform .32s ease-in-out .26s,visibility 0s linear .26s}
.svc__num{display:none}
.svc__t{margin-bottom:20px;font-size:clamp(34px,3.6vw,58px);line-height:1}
.svc__d{color:var(--muted);margin-bottom:26px;font-size:clamp(17px,1.35vw,20px);line-height:1.5;max-width:34ch}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.tags li{padding:7px 12px;border-radius:999px;border:1px solid var(--line);font:500 12.5px/1 var(--f-mono);color:var(--soft)}
.svc__item .tags li{padding:9px 14px;font-size:13.5px}
.more{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:500;font-size:15px;color:var(--text)}
.more .ar{width:16px;height:16px;transition:transform .5s var(--ease)}
.more:hover .ar{transform:translate3d(4px,0,0)}
.svc__vis{position:relative;width:100%;aspect-ratio:16/10;max-width:100%;border-radius:26px;overflow:hidden;background:radial-gradient(90% 90% at 80% 0%,rgba(35,112,255,.22),transparent 60%),var(--screen);border:1px solid var(--line)}
.svc__vis svg{position:absolute;inset:0;width:100%;height:100%;transform:scale(1.12);transition:transform 1.6s var(--ease)}
.svc__curtain{position:absolute;inset:0;transform-origin:50% 0;transition:transform 1.25s var(--ease)}
.svc__curtain--a{background:var(--blue)}
.svc__curtain--b{background:var(--navy)}
.svc__item.in .svc__curtain{transform:scaleY(0)}
.svc__item.in .svc__curtain--a{transition-delay:.22s}
.svc__item.in .svc__vis svg{transform:none}
.static .svc__curtain{display:none}
/* phones + tablets: compact counter on top, illustration under the text */
@media (max-width:1023px){
  .svc__stage{align-items:flex-start;padding-top:calc(var(--nav-h) + 10px)}
  .svc__grid{grid-template-columns:1fr;gap:16px;align-content:start}
  .svc__aside{display:flex;align-items:center;gap:14px}
  .counter{font-size:64px}
  .svc__current{margin-top:0;font-size:12px}
  .svc__item{grid-template-columns:1fr;gap:18px;align-items:start}
  .svc__t{font-size:clamp(28px,7.4vw,40px);margin-bottom:12px}
  .svc__d{font-size:16px;line-height:24px;margin-bottom:16px}
  .tags{margin-bottom:12px}
  .svc__item .tags li{padding:7px 12px;font-size:12.5px}
  .svc__vis{width:min(100%,max(200px,calc((100svh - 540px) * 1.6)));border-radius:20px}
}

/* =========================================================
   7. TEAM
   ========================================================= */
.team{position:relative;padding:clamp(100px,14vh,160px) 0 clamp(90px,12vh,140px);overflow:hidden}
.team__head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:56px}
.team__head .kicker{margin-bottom:24px}
.team__ctrl{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}
.team__arrows{display:flex;gap:8px}
.circbtn{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);color:var(--text);transition:border-color .3s,background-color .3s}
.circbtn:hover{border-color:var(--blue-l);background:rgba(35,112,255,.1)}
.circbtn svg{width:18px;height:18px}
.team__bar{position:relative;flex:1;height:2px;background:var(--line);border-radius:2px;overflow:hidden;max-width:240px}
.team__bar i{position:absolute;inset:0;background:var(--blue);transform-origin:left;transform:scaleX(.2)}
.team__vp{position:relative;cursor:grab;touch-action:pan-y;padding-left:max(var(--gutter),calc((100vw - var(--maxw)) / 2 + var(--gutter)))}
.team__vp.drag{cursor:grabbing}
.team__track{display:flex;gap:20px;width:max-content;padding-right:var(--gutter);will-change:transform}
.tm{position:relative;flex:none;width:clamp(260px,23vw,330px);-webkit-user-select:none;user-select:none;outline:none}
.tm__photo{position:relative;aspect-ratio:3/4;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);isolation:isolate}
.tm:focus-visible .tm__photo{outline:2px solid var(--blue-l);outline-offset:3px}
.tm__img{position:absolute;top:0;bottom:0;left:-10%;width:120%;filter:grayscale(1) contrast(1.04);transition:filter .8s var(--ease);will-change:transform}
.tm__img img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;-webkit-user-drag:none;pointer-events:none}
.tm__img--mono{display:grid;place-items:center;background:radial-gradient(80% 60% at 30% 20%,rgba(255,255,255,.28),transparent 60%),linear-gradient(150deg,#679CFF,#2370FF 45%,#0F2678)}
.tm__img--mono span{font:600 clamp(72px,7vw,104px)/1 var(--f-head);letter-spacing:-.04em;color:rgba(255,255,255,.92)}
.tm__img--mono img{position:absolute;right:10%;bottom:6%;width:26%;height:auto;opacity:.5}
.tm:hover .tm__img,.tm:focus-visible .tm__img{filter:none}
/* the bio stays in the card as the data source; it is shown in the profile dialog, not over the photo */
.tm{cursor:pointer}
.tm__bio{display:none}
.tm__more{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 14px;border-radius:999px;background:rgba(2,6,23,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;font:600 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translate3d(0,8px,0);transition:opacity .45s var(--ease),transform .6s var(--ease),background-color .3s}
.tm__more svg{width:14px;height:14px;transition:transform .5s var(--ease)}
.tm:hover .tm__more,.tm:focus-visible .tm__more{opacity:1;transform:none}
.tm:hover .tm__more{background:var(--blue);border-color:transparent}
.tm:hover .tm__more svg{transform:translate3d(3px,0,0)}
@media (hover:none){ .tm__more{opacity:1;transform:none} }
.tm__dl{display:grid;gap:10px}
.tm__dl dt{font:600 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#8FB2FF;margin-bottom:4px}
.tm__dl dd{margin:0}
.tm__meta{padding:18px 4px 0}
.tm__name{font:600 19px/1.2 var(--f-head);letter-spacing:-.01em}
.tm__role{margin-top:4px;font-size:15px;color:var(--muted);line-height:22px}
.tm__spec{margin-top:10px;font-size:14px;line-height:21px;color:var(--soft)}
.tm__foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font:600 11px/1 var(--f-mono);letter-spacing:.04em;color:var(--soft)}
.tm__foot span{padding:6px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--line)}
.tm__foot span span{padding:0;border:0;background:none}
.tm__foot .cert{background:rgba(35,112,255,.14);border-color:transparent;color:var(--blue-l)}
.team__join{margin-top:44px;display:flex;align-items:center;gap:14px;color:var(--muted)}
.team__join a{color:var(--text);font-weight:500;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.team__join a .ar{width:16px;height:16px;transition:transform .5s var(--ease)}
.team__join a:hover .ar{transform:translate3d(4px,0,0)}
@media (max-width:1023px){
  .team__head{grid-template-columns:1fr;gap:20px;margin-bottom:36px}
  .team__arrows{display:none}
  .team__vp{cursor:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:auto}
  .team__vp::-webkit-scrollbar{display:none}
  .team__track{transform:none!important}
  .tm{width:min(76vw,320px);scroll-snap-align:start}
  .tm__img{left:0;width:100%;transform:none!important}
}

/* =========================================================
   8. WHO WE WORK WITH — contrast slab, words on an arc
   ========================================================= */
.who{position:relative;height:240vh;margin:0 clamp(6px,1vw,14px);border-radius:clamp(28px,4vw,56px);background:var(--c-bg);color:var(--c-ink);overflow:clip}
.who__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.who__in{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;align-items:center}
.who__copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.who .kicker{color:var(--c-ink);opacity:.7}
.who .lead{color:var(--c-ink);opacity:.78}
.who__h{color:var(--c-ink)}
.who__h .wi.acc,.who__h em{background:var(--c-acc);-webkit-background-clip:text;background-clip:text;color:transparent}
.who__words{position:relative;height:84%}
.who__word{position:absolute;left:0;top:50%;font:600 calc(clamp(28px,3.9vw,66px) * var(--fit,1))/1.04 var(--f-head);text-transform:uppercase;letter-spacing:-.035em;white-space:nowrap;transform-origin:0 50%;background:var(--c-word);-webkit-background-clip:text;background-clip:text;color:transparent;will-change:transform,opacity}
.who__ring{position:absolute;right:-18%;top:50%;width:min(900px,90vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(35,112,255,.18);transform:translateY(-50%);pointer-events:none}
.who__ring::after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(35,112,255,.2)}
.btn--ink{background:var(--c-btn)}
.btn--ink:hover{background:var(--blue)}
@media (max-width:1023px){
  .who{height:200vh}
  .who__in{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:stretch;padding-top:calc(var(--nav-h) + 12px);padding-bottom:20px;gap:8px}
  .who__copy{gap:14px}
  .who__copy .lead{font-size:15px;line-height:23px}
  .who__words{height:100%}
  .who__word{font-size:calc(clamp(22px,6.2vw,40px) * var(--fit,1))}
  .who__ring{right:-60%}
}

/* =========================================================
   9. PRICING
   ========================================================= */
.pricing{position:relative;padding:clamp(110px,16vh,180px) 0 clamp(80px,12vh,140px)}
.pricing__head{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:64px}
.pricing__head .kicker{margin-bottom:24px}
.plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;gap:20px;padding:26px 22px 22px;border-radius:24px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);transform-origin:50% 120%;transition:border-color .4s,box-shadow .6s var(--ease)}
.plan:hover{border-color:rgba(103,156,255,.55)}
.plan__code{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:24px;font:600 12px/1 var(--f-mono);letter-spacing:.14em;color:var(--blue-l)} /* min-height: "Популярный" belgisi narx qatorini surmaydi */
.plan__pop{white-space:nowrap;padding:6px 10px;border-radius:999px;background:#fff;color:#2370FF;font-size:10px;letter-spacing:.1em}
.plan__for{font-size:14.5px;line-height:21px;color:var(--muted);min-height:42px}
.plan__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.plan__price small{width:100%;font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.plan__price b{font:600 clamp(34px,2.9vw,44px)/1 var(--f-head);letter-spacing:-.03em}
.plan__price span{font-size:14px;color:var(--muted)}
.plan ul{display:flex;flex-direction:column;gap:11px;padding-top:18px;border-top:1px solid var(--line);font-size:14.5px;line-height:20px}
.plan li{display:flex;gap:10px}
.plan li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--blue-l)}
.plan .btn{margin-top:auto}
.plan--pop{z-index:3;color:#fff;background:linear-gradient(165deg,#3A82FF 0%,#2370FF 30%,#1846C9 65%,#0F2678 100%);border-color:rgba(255,255,255,.25);box-shadow:0 40px 90px -40px rgba(35,112,255,.95)}
.plan--pop .plan__code,.plan--pop .plan__for,.plan--pop .plan__price small,.plan--pop .plan__price span{color:rgba(255,255,255,.82)}
.plan--pop ul{border-color:rgba(255,255,255,.22)}
.plan--pop li svg{color:#fff}
.plan--pop .btn{background:#fff;color:#2370FF}
.plan--ent .plan__price b{font-size:clamp(28px,2.3vw,34px)}
.pricing__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:22px 26px;border-radius:20px;border:1px solid var(--line);background:var(--surface-2)}
.pricing__foot p{font-size:16px}
.pricing__note{margin-top:14px;font:500 11.5px/1.6 var(--f-mono);letter-spacing:.02em;color:var(--muted)}
@media (min-width:1024px){ .plan--pop{translate:0 -18px} }
@media (max-width:1023px){
  .pricing__head{grid-template-columns:1fr;gap:20px;margin-bottom:36px}
  .plans{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gutter) * -1);padding:10px var(--gutter) 16px;scroll-padding:0 var(--gutter);scrollbar-width:none}
  .plans::-webkit-scrollbar{display:none}
  .plan{flex:0 0 min(80vw,330px);scroll-snap-align:start}
}

/* =========================================================
   10. STEPS
   ========================================================= */
.steps{position:relative;padding:clamp(90px,12vh,140px) 0}
.steps__head{max-width:900px;margin-bottom:72px}
.steps__head .kicker{margin-bottom:24px}
.steps__rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:24px;padding-top:64px}
.steps__line{position:absolute;top:22px;left:0;height:2px;background:var(--line);border-radius:2px}
.steps__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-l),var(--blue));transform-origin:0 0;transform:scaleX(0);box-shadow:0 0 18px rgba(35,112,255,.6)}
.step{position:relative;opacity:.42;transition:opacity .6s var(--ease)}
.step.on{opacity:1}
.step__dot{position:absolute;top:-53px;left:0;width:24px;height:24px;border-radius:50%;background:var(--bg);border:2px solid var(--line);transition:background-color .5s,border-color .5s,box-shadow .6s var(--ease),transform .6s var(--ease)}
.step.on .step__dot{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 7px rgba(35,112,255,.18),0 0 28px var(--blue);transform:scale(1.08)}
.step__when{font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-l);margin-bottom:14px}
.step__t{margin-bottom:10px;font-size:clamp(22px,2vw,28px)}
.step__d{color:var(--muted);font-size:16px;line-height:25px}
@media (max-width:1023px){
  .steps__head{margin-bottom:44px}
  .steps__rail{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;gap:40px;padding:0 0 0 52px}
  .steps__line{top:0;left:11px;width:2px;height:auto;bottom:0}
  .steps__fill{transform:scaleY(0)}
  .step__dot{top:2px;left:-52px}
}

/* =========================================================
   11. FAQ
   ========================================================= */
.faq{position:relative;padding:clamp(90px,12vh,140px) 0;content-visibility:auto;contain-intrinsic-size:auto 1100px}
.faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px)}
.faq__aside{position:sticky;top:calc(var(--nav-h) + 40px);align-self:start;display:flex;flex-direction:column;gap:22px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.tab{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--muted);transition:color .3s,background-color .3s,border-color .3s}
.tab:hover{color:var(--text);border-color:rgba(103,156,255,.5)}
.tab[aria-selected=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
.tab sup{font:600 10px/1 var(--f-mono);opacity:.7}
.faq__item{border-top:1px solid var(--line)}
.faq__item:last-child{border-bottom:1px solid var(--line)}
.faq__item.fade{animation:fadeup .6s var(--ease) both}
@keyframes fadeup{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
.faq__q{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:48px;padding:24px 0;text-align:left;font:500 clamp(17px,1.5vw,21px)/1.35 var(--f-body)}
.faq__q small{display:block;margin-bottom:8px;font:600 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-l)}
.faq__pm{position:relative;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);color:var(--text);transition:background-color .4s,border-color .4s,transform .6s var(--ease)}
.faq__pm::before,.faq__pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:currentColor;transition:transform .6s var(--ease)}
.faq__pm::after{transform:rotate(90deg)}
.faq__item.open .faq__pm{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(180deg)}
.faq__item.open .faq__pm::after{transform:rotate(0)}
.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.faq__a>div{overflow:hidden}
.faq__a p{padding:0 56px 26px 0;color:var(--muted);max-width:64ch}
.faq__item.open .faq__a{grid-template-rows:1fr}
@media (max-width:1023px){ .faq__grid{grid-template-columns:1fr} .faq__aside{position:relative;top:auto} .faq__a p{padding-right:0} }

/* =========================================================
   12. FINAL CTA + FOOTER
   ========================================================= */
.cta{position:relative;padding:clamp(100px,14vh,160px) 0 clamp(100px,14vh,150px);text-align:center;overflow:hidden;isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 900px}
.cta__stage{position:relative;height:clamp(230px,30vw,380px);display:grid;place-items:center;perspective:1300px;margin-bottom:24px}
.cta__stage .card3d{--w:clamp(240px,26vw,380px)}
.cta__h{font-size:clamp(44px,7vw,112px)}
.cta .lead{margin:22px auto 0;max-width:44ch}
.cta .btn-row{justify-content:center;margin-top:36px}
.cta__pulse{position:absolute;left:50%;top:38%;width:min(1100px,150vw);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(closest-side,var(--glow-1),var(--glow-2) 50%,transparent 72%);opacity:.8;animation:pulse 5s ease-in-out infinite alternate;pointer-events:none}
@keyframes pulse{to{opacity:.45;transform:translate(-50%,-50%) scale(1.08)}}

.foot{position:relative;background:var(--navy);border-radius:clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0 0;padding:clamp(64px,9vh,100px) 0 28px;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 700px}
.foot__grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px}
.foot h4{margin-bottom:18px;font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.foot li{margin-bottom:10px}
.foot li a,.foot li .t{display:inline-flex;align-items:center;min-height:32px;color:var(--soft);transition:color .3s}
.foot li a:hover{color:var(--text)}
.foot__brand p{margin-top:20px;max-width:34ch;color:var(--muted);font-size:15px;line-height:24px}
.foot__brand .foot__ctrl{margin-top:24px;display:flex;align-items:center;gap:10px}
.foot__word{margin:clamp(48px,8vh,90px) 0 14px;font:600 clamp(60px,16.5vw,264px)/.84 var(--f-head);letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;text-align:center;background:var(--word-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}
.foot__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid var(--line);font:500 11.5px/1.6 var(--f-mono);letter-spacing:.04em;color:var(--muted)}
@media (max-width:1023px){ .foot__grid{grid-template-columns:1fr 1fr} .foot__brand{grid-column:1/-1} }

/* =========================================================
   BOOKING DIALOG — two-panel, two steps
   ========================================================= */
.book{margin:auto;width:min(1060px,calc(100vw - 24px));max-width:none;max-height:calc(100svh - 24px);padding:0;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--text);overflow:hidden;box-shadow:0 60px 140px -40px rgba(2,6,23,.75)}
.book::backdrop{background:rgba(2,6,23,.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.book[open]{animation:pop .7s var(--ease)}
.book[open]::backdrop{animation:fade .4s ease}
@keyframes pop{from{opacity:0;transform:translate3d(0,40px,0) scale(.96)}}
@keyframes fade{from{opacity:0}}
.book__grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);height:min(720px,calc(100svh - 26px))}
/* left: brand panel (always dark) */
.book__side{position:relative;display:flex;flex-direction:column;gap:28px;padding:36px 34px 30px;background:radial-gradient(90% 60% at 100% 0%,rgba(35,112,255,.55),transparent 60%),radial-gradient(70% 50% at 0% 100%,rgba(35,112,255,.25),transparent 70%),linear-gradient(160deg,#0F2678 0%,#071340 55%,#020617 100%);color:#F4F8FF;overflow:hidden;isolation:isolate}
.book__side::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.book__water{position:absolute;right:-10%;bottom:-8%;width:52%;opacity:.08;z-index:-1;pointer-events:none}
.book__brand{display:flex;align-items:center;gap:12px}
.book__brand img:first-child{height:34px;width:auto}
.book__brand img:last-child{height:26px;width:auto}
.book__side .kicker{color:rgba(244,248,255,.7)}
.book__title{font-size:clamp(34px,3.4vw,48px);margin:14px 0 12px}
.book__lede{color:rgba(244,248,255,.74);font-size:15.5px;line-height:24px;max-width:36ch}
.book__agenda{display:grid;gap:14px}
.book__agenda li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;font-size:15px;line-height:22px;color:rgba(244,248,255,.88)}
.book__agenda b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(244,248,255,.22);font:600 12px/1 var(--f-mono);color:#fff}
.book__people{display:flex;align-items:center;gap:14px;margin-top:auto;padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.book__faces{display:flex;flex:none}
.book__faces img,.book__faces span{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid #0B1533;margin-left:-10px}
.book__faces img:first-child{margin-left:0}
.book__faces span{display:grid;place-items:center;background:#2370FF;color:#fff;font:600 12px/1 var(--f-mono)}
.book__people p{font-size:13.5px;line-height:19px;color:rgba(244,248,255,.8)}
.book__now{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:600 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(244,248,255,.6)}
.book__now b{color:#fff;font-weight:600}
.book__now .js-office-short{color:#7CE3B0}
.book__now .js-office-short.closed{color:#FFB38A}
.book__msgr{display:flex;gap:8px;flex-wrap:wrap}
.book__msgr .btn{height:40px;padding:0 14px;font-size:13.5px;border-color:rgba(244,248,255,.22);color:#F4F8FF}
.book__msgr .btn:hover{border-color:#fff;background:rgba(255,255,255,.08)}
/* right: form */
.book__main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:30px 36px 26px;background:var(--surface)}
.book__x{position:absolute;right:18px;top:18px;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--text);transition:border-color .3s,transform .5s var(--ease)}
.book__x:hover{border-color:var(--blue-l);transform:rotate(90deg)}
.book__x svg{width:16px;height:16px}
.bprog{display:flex;align-items:center;gap:14px;padding-right:60px;margin-bottom:26px;font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bprog__bar{position:relative;flex:1;height:3px;border-radius:3px;background:var(--line);overflow:hidden}
.bprog__bar i{position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-l),var(--blue));transform-origin:left;transform:scaleX(.5);transition:transform .8s var(--ease)}
.book[data-step="2"] .bprog__bar i,.book.sent .bprog__bar i{transform:scaleX(1)}
.form{flex:1;min-height:0;display:flex;flex-direction:column}
.bstep{display:none;flex:1;min-height:0;flex-direction:column}
.bstep.is-on{display:flex;animation:stepin .6s var(--ease) both}
.bstep.back{animation-name:stepback}
@keyframes stepin{from{opacity:0;transform:translate3d(28px,0,0)}}
@keyframes stepback{from{opacity:0;transform:translate3d(-28px,0,0)}}
.bstep__h{font:600 clamp(24px,2.2vw,30px)/1.1 var(--f-head);letter-spacing:-.02em;margin-bottom:6px}
.bstep__sub{color:var(--muted);font-size:15px;line-height:22px;margin-bottom:22px}
.bstep__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -6px;padding:2px 6px 8px;display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;align-content:start}
.fld{display:flex;flex-direction:column;gap:8px;min-width:0}
.fld--full{grid-column:1/-1}
.fld>label,.flabel{font:600 11px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fld input,.fld select,.fld textarea{width:100%;min-height:50px;padding:13px 15px;border-radius:14px;border:1px solid var(--line);background:var(--field);color:var(--text);font-size:16px;line-height:22px;transition:border-color .3s,box-shadow .3s,background-color .3s}
.fld input::placeholder,.fld textarea::placeholder{color:var(--muted);opacity:.7}
.fld textarea{min-height:92px;resize:vertical}
.fld input:hover,.fld textarea:hover{border-color:rgba(103,156,255,.45)}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(35,112,255,.16)}
.fld.bad input{border-color:var(--bad);box-shadow:0 0 0 4px rgba(255,90,90,.12)}
.fld__err{font-size:13px;color:var(--bad);min-height:0;margin-top:6px}
.fld__err:empty{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pills,.seg{display:flex;flex-wrap:wrap;gap:8px}
.pill,.seg label{position:relative;cursor:pointer}
.pill input,.seg input{position:absolute;opacity:0;width:1px;height:1px}
.pill>span,.seg label>span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--field);font:500 14px/1 var(--f-body);color:var(--text);transition:background-color .3s,border-color .3s,color .3s,transform .4s var(--ease)}
.pill span::before{content:"";width:16px;height:16px;flex:none;border-radius:5px;border:1.5px solid var(--line);background-position:center;background-repeat:no-repeat;background-size:10px;transition:background-color .3s,border-color .3s}
.pill:hover span,.seg label:hover span{border-color:rgba(103,156,255,.55)}
.pill input:checked+span,.seg input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.pill input:checked+span::before{border-color:#fff;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3.2 3L13 4.5' fill='none' stroke='%232370FF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pill input:focus-visible+span,.seg input:focus-visible+span{outline:2px solid var(--blue-l);outline-offset:2px}
.pill:active span,.seg label:active span{transform:scale(.96)}
.seg span svg{width:16px;height:16px}
.bstep__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;margin-top:6px;border-top:1px solid var(--line)}
.bstep__nav .btn--ghost{padding:0 18px}
.bstep__nav .spacer{flex:1}
.book__legal{margin-top:12px;font-size:12.5px;line-height:18px;color:var(--muted)}
.book__ok{display:none;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:10px 0}
.book.sent .form,.book.sent .bprog{display:none}
.book.sent .book__ok{display:flex;animation:stepin .7s var(--ease) both}
.okmark{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--blue);box-shadow:0 0 0 10px rgba(35,112,255,.14),0 0 50px rgba(35,112,255,.6)}
.okmark svg{width:32px;height:32px;color:#fff}
.okmark path{stroke-dasharray:20;stroke-dashoffset:20}
.book.sent .okmark path{animation:draw .8s .25s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.book__ok h2{font-size:clamp(32px,3.2vw,44px)}
.book__ok .lead{max-width:44ch}
.okcard{width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;padding:18px 20px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);font-size:14.5px}
.okcard dt{font:600 11px/1.6 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.okcard dd{margin:0;color:var(--text);min-width:0;overflow-wrap:anywhere}
.book__demo{font-size:12.5px;line-height:18px;color:var(--muted)}
@media (max-width:860px){
  .book{width:100vw;max-height:100svh;height:100svh;border-radius:0;border:0}
  .book__grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100svh}
  .book__side{padding:18px var(--gutter) 18px;gap:10px}
  .book__agenda,.book__people,.book__msgr,.book__lede,.book__water{display:none}
  .book__title{font-size:28px;margin:8px 0 0}
  .book__main{padding:20px var(--gutter) 18px}
  .book__x{right:12px;top:12px;border-color:rgba(244,248,255,.3);color:#fff;background:rgba(2,6,23,.3)}
  .book__main .book__x{position:fixed}
  .bstep__body{grid-template-columns:1fr}
  .bprog{padding-right:0}
}

/* =========================================================
   Fallbacks: reduced motion / no GSAP
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  .orbit{height:auto}.orbit__stage{position:relative;height:100svh}
  .who{height:auto}.who__stage{position:relative}
  .hero__beam,.mq__star,.cta__pulse,.scrollcue i::after{animation:none}
  .js .r{transform:none;filter:none;transition:opacity .6s ease}
  .js [data-split]:not([data-split=scrub]) .wi{transform:none;opacity:0;transition:opacity .6s ease}
  .js [data-split].in .wi{opacity:1}
  .js [data-split=scrub] .wi{opacity:1}
  .svc__curtain{display:none}
  .counter__n,.counter__n.is-out{transform:none!important;filter:none!important}
  .counter__n,.svc__item,.svc__item.is-on,.svc__item.is-out{transition:none!important;transform:none!important}
  .svc__item.is-out{visibility:hidden}
  .svc__current.swap{animation:none}
}
.static .r,.static [data-split] .wi{opacity:1!important;transform:none!important;filter:none!important}
.static .orbit,.static .who{height:auto}
.static .orbit__stage,.static .who__stage{position:relative}

/* =========================================================
   Team member profile dialog
   ========================================================= */
.pdlg{margin:auto;width:min(1000px,calc(100vw - 24px));max-width:none;max-height:calc(100svh - 24px);padding:0;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--text);overflow:hidden;box-shadow:0 60px 140px -40px rgba(2,6,23,.75)}
.pdlg::backdrop{background:rgba(2,6,23,.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pdlg[open]{animation:pop .7s var(--ease)}
.pdlg[open]::backdrop{animation:fade .4s ease}
.pdlg__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);height:min(660px,calc(100svh - 26px))}
.pdlg__photo{position:relative;overflow:hidden;background:var(--navy)}
.pdlg__photo .tm__img{left:0;width:100%;filter:none;transform:none}
.pdlg__photo .tm__img--mono span{font-size:clamp(96px,11vw,150px)}
.pdlg__photo::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(180deg,transparent,rgba(2,6,23,.45));pointer-events:none}
.pdlg__main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:40px 40px 28px;overflow-y:auto;overscroll-behavior:contain}
.pdlg__name{margin:18px 0 10px;padding-right:56px;font-size:clamp(32px,3.3vw,48px);line-height:1}
.pdlg__role{font-size:17px;line-height:25px;color:var(--text)}
.pdlg__spec{margin-top:6px;font-size:15px;line-height:23px;color:var(--muted)}
.pdlg__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;font:600 11.5px/1 var(--f-mono);letter-spacing:.04em;color:var(--soft)}
.pdlg__chips>span{padding:8px 10px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line)}
.pdlg__chips>span.cert{background:rgba(35,112,255,.14);border-color:transparent;color:var(--blue-l)}
.pdlg__dl{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.pdlg__dl .tm__dl{gap:20px}
.pdlg__dl dt{color:var(--blue-l);font-size:10.5px;margin-bottom:7px}
.pdlg__dl dd{font-size:15.5px;line-height:24px;color:var(--soft)}
.pdlg__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:28px}
.pdlg__nav{display:flex;align-items:center;gap:8px}
.pdlg__count{margin-right:6px;font:600 12px/1 var(--f-mono);letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}
.pdlg__count b{color:var(--text)}
.pdlg.swap .pdlg__photo>*{animation:pimg .8s var(--ease) both}
.pdlg.swap .pdlg__name,.pdlg.swap .pdlg__role,.pdlg.swap .pdlg__spec,.pdlg.swap .pdlg__chips,.pdlg.swap .pdlg__dl{animation:fadeup .6s var(--ease) both}
.pdlg.swap .pdlg__role{animation-delay:.04s}.pdlg.swap .pdlg__spec{animation-delay:.08s}.pdlg.swap .pdlg__chips{animation-delay:.12s}.pdlg.swap .pdlg__dl{animation-delay:.16s}
@keyframes pimg{from{opacity:0;transform:scale(1.06)}}
@media (max-width:860px){
  .pdlg{width:100vw;max-height:100svh;height:100svh;border:0;border-radius:0;overflow-y:auto;overscroll-behavior:contain}
  .pdlg__grid{grid-template-columns:1fr;grid-template-rows:min(52svh,480px) auto;height:auto;min-height:100svh}
  .pdlg__main{overflow:visible;padding:24px var(--gutter) 22px}
  .pdlg__name{margin-top:14px;padding-right:0}
  .pdlg__x{position:fixed;right:12px;top:12px;border-color:rgba(244,248,255,.3);color:#fff;background:rgba(2,6,23,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .pdlg__foot .btn{flex:1 1 auto;justify-content:center}
}
@media (prefers-reduced-motion:reduce){ .pdlg[open],.pdlg.swap *{animation:none!important} }
/* ---------- 8b. Mijozlar: logolar to'ri + tafsilot oynasi ---------- */
.clients{padding:clamp(110px,16vh,180px) 0 clamp(40px,6vh,80px)}
.clients__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.clients__head .kicker{margin-bottom:24px}
.clients__side{display:flex;flex-direction:column;gap:28px}
.clients__sum{display:flex;gap:clamp(28px,3.4vw,56px);padding-top:22px;border-top:1px solid var(--line)}
.clients__sum dt{margin-bottom:12px;font:500 11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.clients__sum dd{font:600 clamp(34px,3.4vw,52px)/1 var(--f-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--num-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.clients__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,2.6vw,40px) clamp(14px,1.6vw,24px)}
.cl__btn{display:flex;flex-direction:column;gap:16px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:24px}
.cl__btn:focus-visible{outline:2px solid var(--blue-l);outline-offset:6px}
.cl__tile{position:relative;display:grid;place-items:center;aspect-ratio:16/10;border-radius:22px;background:var(--tile,#fff);box-shadow:inset 0 0 0 1px rgba(15,38,120,.08);overflow:hidden;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.cl__tile img{width:auto;height:auto;max-width:60%;max-height:52%;object-fit:contain;transition:transform .9s var(--ease)}
.cl__more{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0B1533;color:#fff;opacity:0;transform:translate3d(-6px,6px,0) scale(.9);transition:opacity .4s ease,transform .6s var(--ease)}
.cl__more svg{width:16px;height:16px}
.cl__btn:hover .cl__tile{transform:translate3d(0,-4px,0);box-shadow:inset 0 0 0 1px rgba(15,38,120,.08),0 28px 60px -26px rgba(35,112,255,.65)}
.cl__btn:hover .cl__tile img{transform:scale(1.04)}
.cl__btn:hover .cl__more,.cl__btn:focus-visible .cl__more{opacity:1;transform:none}
.cl__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:0 4px}
.cl__name{font:600 17px/1.25 var(--f-head);letter-spacing:-.01em;color:var(--text)}
.cl__ind{grid-row:2;font-size:14px;line-height:20px;color:var(--muted)}
.cl__amt{grid-column:2;grid-row:1/3;padding:9px 12px;border-radius:999px;background:rgba(35,112,255,.12);font:600 13px/1 var(--f-mono);letter-spacing:.02em;color:var(--blue-l);font-variant-numeric:tabular-nums;white-space:nowrap}
.clients__note{margin-top:28px;font-size:12.5px;color:var(--muted)}
@media (hover:none){ .cl__more{opacity:1;transform:none;width:32px;height:32px;right:10px;bottom:10px} }
@media (max-width:900px){
  .clients__head{grid-template-columns:1fr;align-items:start}
  .clients__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .clients__grid{grid-template-columns:1fr;gap:12px}
  .cl__btn{flex-direction:row;align-items:center;gap:16px}
  .cl__tile{flex:none;width:44%;border-radius:18px}
  .cl__more{display:none}
  .cl__tile img{max-width:68%;max-height:56%}
  .cl__meta{grid-template-columns:1fr;gap:4px;padding:0}
  .cl__name{font-size:16px}
  .cl__ind{font-size:13px;line-height:18px}
  .cl__amt{grid-column:1;grid-row:auto;justify-self:start;margin-top:6px;padding:7px 10px;font-size:12px}
}
.cdlg__logo{display:grid;place-items:center;background:var(--tile,#fff)}
.cdlg__logo::after{display:none}
.cdlg__logo img{width:auto;height:auto;max-width:64%;max-height:44%;object-fit:contain}
.cdlg__name{text-wrap:balance}
.cdlg__sum{font-size:16px;line-height:25px;color:var(--soft)}
.cdlg__legal{margin:-2px 0 12px;font:500 11.5px/1.4 var(--f-mono);letter-spacing:.06em;color:var(--muted)}
.cdlg__stats dd.is-text{font-size:clamp(17px,1.5vw,20px);line-height:1.2;letter-spacing:-.01em;white-space:normal}
.cdlg__stats dd small{display:block;margin-top:8px;font:500 12px/1.3 var(--f-body);letter-spacing:0;color:var(--muted)}
.cdlg__stats:first-child,.cdlg__sum[hidden]+.cdlg__stats{margin-top:8px}
.cdlg__soon{margin-top:24px;padding:18px;border-radius:18px;border:1px dashed var(--line);font-size:15px;line-height:23px;color:var(--muted)}
.cdlg [hidden]{display:none!important}
.cdlg__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.cdlg__stats>div{padding:18px 18px 16px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}
.cdlg__stats dt{margin-bottom:12px;font:500 10.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-l)}
.cdlg__stats dd{min-width:0;font:600 clamp(24px,2.4vw,34px)/1.05 var(--f-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:anywhere}
.cdlg__lbl{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font:500 10.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-l)}
.cdlg__list{display:grid;gap:10px;margin-top:14px}
.cdlg__list li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:23px;color:var(--soft)}
.cdlg__list .ic{width:16px;height:16px;margin-top:4px;color:var(--blue-l)}
.cdlg.swap .cdlg__logo img{animation:pimg .8s var(--ease) both}
.cdlg.swap .cdlg__ind,.cdlg.swap .cdlg__sum,.cdlg.swap .cdlg__stats,.cdlg.swap .cdlg__list,.cdlg.swap .cdlg__soon{animation:fadeup .6s var(--ease) both}
.cdlg.swap .cdlg__sum{animation-delay:.04s}.cdlg.swap .cdlg__stats{animation-delay:.08s}.cdlg.swap .cdlg__list{animation-delay:.12s}
@media (max-width:860px){
  .cdlg .pdlg__grid{grid-template-rows:min(30svh,240px) auto}
  .cdlg .pdlg__x{border-color:rgba(15,38,120,.2);color:#0B1533;background:rgba(255,255,255,.7)}
}
@media (prefers-reduced-motion:reduce){ .cl__tile,.cl__tile img,.cl__more{transition:none!important} .cl__btn:hover .cl__tile{transform:none} }

/* ---------- kontent yangilanishi: uzun chiplar, oylik tsikl izohi, qo'shimcha xizmatlar, CTA tanlov formasi ---------- */
.chip{height:auto;min-height:44px;padding:9px 18px 9px 12px;text-align:left;line-height:1.25}
.steps__note{margin-top:28px;max-width:62ch;font-size:13.5px;line-height:1.5;color:var(--muted)}
.pricing__addons{margin-top:22px;padding:0 4px}
.pricing__addons .flabel{display:block;margin-bottom:12px}
.pricing__addons .tags{margin-bottom:0}
.cta__stage--pick{height:auto;perspective:none;margin:40px 0 0}
.cta .btn-row--msg{margin-top:28px}
.cta__or{display:block;margin-top:28px;font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cta__or+.btn-row{margin-top:14px}
.cta__pick{width:min(860px,100%);margin:0 auto;padding:22px;border-radius:24px;border:1px solid var(--line);background:var(--surface-2);text-align:left;display:grid;gap:16px}
.cta__pick-h{font:600 15px/1.3 var(--f-body);color:var(--text)}
.cta__pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.cta__pick .seg label>span{min-height:50px;padding:0 13px;font-size:13.5px}
.cta__pick .btn{justify-self:start}
.cta__meta{margin-top:16px;font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media (max-width:860px){ .cta__pick-grid{grid-template-columns:1fr} .cta__pick{padding:18px} .cta__pick .btn{justify-self:stretch} }
/* UZ: "DEPARTAMENTINGIZ" so'zi tor ekranga sig'ishi uchun bosh sarlavha biroz kichik (faqat telefon) */
@media (max-width:480px){ html[lang="uz"] .hero .h1{font-size:clamp(30px,9.4vw,44px)} }

/* tugmalar: blok tugmada uzun yozuv qatorga bo'linadi, qirraga tiqilmaydi */
.btn--block{white-space:normal;height:auto;min-height:48px;padding:11px 16px;line-height:1.2;text-align:center}
.cta__pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cta__pick .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cta__pick-err{min-height:1.2em;font-size:13.5px;color:var(--bad);margin:-6px 0 -4px}
.cta__pick-err:empty{display:none}
.cta__pick-ok{padding:16px 18px;border-radius:14px;background:rgba(35,112,255,.14);color:var(--text);font-size:15.5px;line-height:1.45}
.cta__pick.sent .cta__pick-grid,.cta__pick.sent .btn,.cta__pick.sent .cta__pick-err{display:none}
@media (max-width:860px){ .cta__pick-grid{grid-template-columns:1fr} .cta__pick .fld--full{grid-column:auto} }

/* ---------- Sohalar: raqamlangan ro'yxat (yoy o'rniga) ---------- */
.who{height:auto;padding:clamp(80px,12vh,140px) 0}
.who__stage{position:static;height:auto;overflow:visible}
.who__in{height:auto;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
.who__copy{position:sticky;top:calc(var(--nav-h) + 24px)}
.who__list{position:relative;z-index:2;margin:0;padding:0;list-style:none}
.who__item{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 4px;border-bottom:1px solid rgba(15,38,120,.12);font:600 clamp(20px,2.1vw,30px)/1.1 var(--f-head);text-transform:uppercase;letter-spacing:-.02em;color:var(--c-ink);transition:transform .5s var(--ease),color .35s}
.who__item:first-child{border-top:1px solid rgba(15,38,120,.12)}
.who__n{font:600 12px/1 var(--f-mono);letter-spacing:.1em;color:var(--blue);opacity:.8;width:2.2em}
.who__ic{width:26px;height:26px;color:var(--blue);opacity:.85;transition:transform .5s var(--ease)}
.who__ar{width:18px;height:18px;color:var(--blue);opacity:0;transform:translate3d(-6px,0,0);transition:opacity .35s,transform .5s var(--ease)}
.who__item:hover{transform:translate3d(10px,0,0);color:var(--blue)}
.who__item:hover .who__ic{transform:scale(1.12)}
.who__item:hover .who__ar{opacity:1;transform:none}
[data-theme="dark"] .who__item,:root:not([data-theme="light"]) .who__item{border-color:rgba(15,38,120,.12)}
@media (max-width:1023px){
  .who{height:auto;padding:clamp(64px,10vh,100px) 0}
  .who__in{grid-template-columns:1fr;grid-template-rows:none;padding:0;gap:24px}
  .who__copy{position:static}
  .who__item{gap:12px;padding:14px 2px;font-size:clamp(16px,4.6vw,22px)}
  .who__ic{width:22px;height:22px}
  .who__ar{display:none}
}
/* sohalar skroll bo'yicha navbatma-navbat chiqadi (--v: 0→1, JS skroll bilan boshqaradi, orqaga skrollda qaytadi) */
.who--seq .who__item{opacity:var(--v,0);transform:translate3d(0,calc((1 - var(--v,0)) * 28px),0);filter:blur(calc((1 - var(--v,0)) * 6px));transition:color .35s}
.who--seq .who__item:hover{transform:none}
.who--seq .who__item.is-cur{color:var(--blue)}
.who--seq .who__item.is-cur .who__ic{transform:scale(1.12)}
.who--seq .who__item.is-cur .who__ar{opacity:1;transform:none}
/* sohaning qisqa izohi (ro'yxat rejimida nom ostida) */
.who__d{grid-column:3/-1;margin-top:-8px;font:400 14.5px/1.45 var(--f-body);text-transform:none;letter-spacing:0;color:var(--c-ink);opacity:.68}
.who__count{display:none}
/* desktop: bo'lim qadaladi, har skroll bosqichida faqat BITTA soha katta ko'rinishda chiqadi */
.who--pin{padding:0}
.who--pin .who__stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding-top:var(--nav-h);overflow:hidden}
.who--pin .who__in{width:100%;align-items:center}
.who--pin .who__copy{position:static}
.who--pin .who__in{column-gap:clamp(48px,6vw,110px)}
.who--pin .who__h{font-size:clamp(36px,4.3vw,64px)}
.who--pin .who__count{display:flex;align-items:center;gap:12px;margin-bottom:22px;font:600 13px/1 var(--f-mono);letter-spacing:.1em;color:var(--c-ink)}
.who--pin .who__count b{font-size:15px;color:var(--blue)}
.who--pin .who__count span{opacity:.5}
.who--pin .who__count i{position:relative;flex:1;max-width:220px;height:2px;border-radius:2px;background:rgba(15,38,120,.12);overflow:hidden}
.who--pin .who__count em{position:absolute;inset:0;background:var(--blue);transform-origin:left;transform:scaleX(0)}
.who__side{min-width:0}
.who--pin .who__list{position:relative;height:clamp(300px,48vh,420px)}
.who--pin .who__item,.who--pin .who__item:first-child{position:absolute;left:0;right:0;top:50%;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:0;border:0;opacity:0;will-change:transform,opacity;filter:none}
.who--pin .who__n{width:auto;font:600 clamp(64px,7vw,116px)/.9 var(--f-head);letter-spacing:-.04em;opacity:1;background:linear-gradient(180deg,var(--blue) 20%,rgba(35,112,255,.35));-webkit-background-clip:text;background-clip:text;color:transparent}
.who--pin .who__ic{width:44px;height:44px;opacity:1}
.who--pin .who__t{font-size:clamp(30px,3.3vw,52px);line-height:1.02;max-width:16ch}
.who--pin .who__d{margin:0;font-size:clamp(16px,1.25vw,19px);max-width:40ch;opacity:.75}
.who--pin .who__ar{display:none}

.svc__r{margin:-12px 0 22px;font:500 15px/1.5 var(--f-body);color:var(--blue-l)}
@media (max-width:1023px){ .svc__r{margin:-6px 0 14px;font-size:14px} }

/* ---------- Tariflar: narx so'rov bo'yicha, taqqoslash jadvali ---------- */
.plan__price.is-req small,.plan__price.is-req span{display:none}
.plan__price.is-req b{font-size:clamp(24px,2vw,30px)}
.cmp{margin-top:40px}
.cmp__h{display:block;margin-bottom:14px}
.cmp__scroll{overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface-2);-webkit-overflow-scrolling:touch}
.cmp__t{width:100%;min-width:760px;border-collapse:collapse;font-size:14.5px;line-height:1.35}
.cmp__t th,.cmp__t td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp__t thead th{font:600 11.5px/1 var(--f-mono);letter-spacing:.1em;color:var(--blue-l);padding-top:16px}
.cmp__t tbody th{text-align:left;font-weight:500;color:var(--text);min-width:200px}
/* telefonda jadval yonga suriladi — birinchi ustun (qator nomi) joyida qoladi */
@media (max-width:1023px){
  .cmp__t tbody th,.cmp__t thead th:first-child{position:sticky;left:0;z-index:1;min-width:150px;max-width:170px;background:var(--surface-2);box-shadow:1px 0 0 var(--line)}
  .cmp__t th,.cmp__t td{padding:12px 12px}
}
.cmp__t td{color:var(--soft)}
.cmp__t th.is-pop,.cmp__t td:nth-child(4){background:rgba(35,112,255,.12)}
.cmp__t tr:last-child th,.cmp__t tr:last-child td{border-bottom:0}
.cmp__ok{width:18px;height:18px;color:var(--blue-l)}
.cmp__no{color:var(--muted)}
.cmp__note{margin-top:12px;font-size:12.5px;color:var(--muted)}

/* ---------- Orbit: aylanma yadrosi (karta o'rniga) ---------- */
.core{--w:clamp(220px,24vw,340px);position:absolute;left:calc(var(--w) / -2);top:calc(var(--w) / -2);width:var(--w);height:var(--w);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(35,112,255,.42),rgba(11,21,51,.95) 62%,rgba(2,6,23,.98) 100%);border:1px solid rgba(103,156,255,.35);box-shadow:0 0 0 1px rgba(2,6,23,.6),0 40px 120px -30px rgba(35,112,255,.8),inset 0 0 60px rgba(35,112,255,.25);text-align:center;transform-style:preserve-3d;will-change:transform}
.core__l{font:600 10.5px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#9DB6EE;padding:0 14%}
.core__v{font:600 clamp(40px,4.6vw,66px)/1 var(--f-head);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.core__s{font:500 12px/1.3 var(--f-body);color:#B4C3E6;padding:0 16%}
.core__ring{position:absolute;inset:-9%;border-radius:50%;border:1px dashed rgba(103,156,255,.35);animation:corespin 24s linear infinite;pointer-events:none}
.core__ring--2{inset:-20%;border-style:solid;border-color:rgba(103,156,255,.16);animation-duration:40s;animation-direction:reverse}
@keyframes corespin{to{transform:rotate(360deg)}}
.lite .core__ring,.static .core__ring{animation:none}
@media (prefers-reduced-motion:reduce){ .core__ring{animation:none} }
/* orbit markazi: katta "1" + uchta halqada aylanadigan yorliqlar (jamoa · shartnoma · hisobot) */
.core--one{gap:2px}
.core__one{font-size:clamp(84px,9vw,132px);font-weight:600;letter-spacing:-.05em;line-height:.9;background:linear-gradient(180deg,#fff 30%,#9DB6EE);-webkit-background-clip:text;background-clip:text;color:transparent}
.core--one .core__s{font:600 10.5px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#9DB6EE;margin-top:6px}
.core--one .core__ring{inset:-8%}
.core--one .core__ring--2{inset:-19%;animation-duration:42s}
.core--one .core__ring--3{inset:-28%;border-style:dashed;border-color:rgba(103,156,255,.22);animation:corespin 64s linear infinite}
.core__ring>span{position:absolute;left:50%;top:0;translate:-50% -50%;padding:5px 11px;border-radius:999px;background:var(--pill);border:1px solid var(--pill-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 10px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--text);animation:corespinr 24s linear infinite}
.core__ring--2>span{animation-duration:42s;animation-direction:reverse}
.core__ring--3>span{animation-duration:64s}
@keyframes corespinr{to{transform:rotate(-360deg)}}
.lite .core__ring>span,.static .core__ring>span{animation:none}
@media (prefers-reduced-motion:reduce){ .core__ring>span{animation:none} }
/* telefonda plitkalar yadroga yaqin: halqalar kichraytiriladi, aylanadigan yorliqlar yashiriladi (plitka matnini bosmasin) */
@media (max-width:1023px){ .core__one{font-size:76px} .core--one .core__ring{inset:-5%} .core--one .core__ring--2{inset:-11%} .core--one .core__ring--3{inset:-17%} .core__ring>span{display:none} }
/* past desktop ekranlarda (≤820px balandlik) bosh sarlavha kichikroq — tarmoq bilan to'qnashmaydi */
@media (min-width:1024px) and (max-height:820px){ .hero .h1{font-size:clamp(44px,5vw,72px)} }

/* ---------- Bosh ekran: moliyaviy tarmoq ---------- */
.hero__stage{padding-bottom:0;perspective:none;align-items:stretch;justify-items:stretch}
.graph{position:relative;width:100%;height:100%}
.graph__c{position:absolute;inset:0;width:100%;height:100%}
.graph__core{position:absolute;left:50%;top:46%;width:clamp(150px,15vw,210px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(35,112,255,.5),rgba(11,21,51,.96) 62%,rgba(2,6,23,.98) 100%);border:1px solid rgba(103,156,255,.4);box-shadow:0 30px 90px -24px rgba(35,112,255,.9),inset 0 0 50px rgba(35,112,255,.3);text-align:center;transform:translate(-50%,-50%);opacity:0;will-change:transform}
.graph__l{font:600 9.5px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#9DB6EE;padding:0 12%}
.graph__v{font:600 clamp(28px,3vw,44px)/1 var(--f-head);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.graph__s{font:500 10.5px/1.3 var(--f-body);color:#B4C3E6;padding:0 14%}
.graph__tip{position:absolute;left:0;top:0;z-index:3;min-width:190px;padding:12px 14px;border-radius:14px;background:var(--pill);border:1px solid var(--pill-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px -20px rgba(2,6,23,.7);color:var(--text);font-size:12.5px;line-height:1.3;pointer-events:none}
.graph__tn{display:block;margin-bottom:8px;font:600 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-l)}
.graph__tip>span{display:flex;justify-content:space-between;gap:14px;padding:3px 0;border-top:1px solid var(--line)}
.graph__tip i{font-style:normal;color:var(--muted)}
.graph__tip em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}
.graph__tip small{display:block;margin-top:8px;font-size:10px;color:var(--muted)}
[data-theme="light"] .graph__core{background:radial-gradient(circle at 50% 35%,rgba(35,112,255,.22),#FFFFFF 62%);border-color:rgba(35,112,255,.3);box-shadow:0 30px 90px -30px rgba(35,112,255,.6),inset 0 0 40px rgba(35,112,255,.12)}
[data-theme="light"] .graph__l{color:#3F5296}[data-theme="light"] .graph__v{color:#0F2678}[data-theme="light"] .graph__s{color:#55668F}
@media (max-width:1023px){ .graph__core{top:44%;width:clamp(120px,36vw,150px)} .graph__v{font-size:24px} .graph__l{font-size:8.5px} .graph__s{font-size:9.5px} .graph__tip{min-width:170px;font-size:12px} }

/* ---------- Demo hisobot ---------- */
.dash{padding:clamp(90px,14vh,160px) 0 clamp(40px,6vh,80px)}
.dash__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:end;margin-bottom:clamp(32px,4vw,52px)}
.dash__head .kicker{margin-bottom:24px}
.dash__panel{position:relative;padding:clamp(18px,2.4vw,30px);border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 40px 100px -50px rgba(35,112,255,.5)}
.dash__top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}
.dash__title{font:600 17px/1.3 var(--f-head)}
.dash__badge{padding:5px 10px;border-radius:999px;background:rgba(35,112,255,.16);font:600 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-l)}
.dash__seg{margin-left:auto}
.dash__seg label>span{min-height:36px;padding:0 12px;font-size:13px}
.dash__kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.kpi{display:flex;flex-direction:column;gap:8px;padding:16px 16px 14px;border-radius:18px;background:var(--field);border:1px solid var(--line);min-width:0}
.kpi--main{background:rgba(35,112,255,.12);border-color:rgba(35,112,255,.3)}
.kpi__l{font:600 10.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kpi__v{font:600 clamp(18px,1.6vw,24px)/1.1 var(--f-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kpi__d{font:600 12px/1 var(--f-mono);font-style:normal;font-variant-numeric:tabular-nums}
.kpi__d.is-good{color:var(--ok)}.kpi__d.is-bad{color:var(--bad)}
.dash__sub{margin:22px 0 10px;font:600 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dash__chart{position:relative;height:clamp(180px,24vw,260px)}
.dash__chart svg{width:100%;height:100%;display:block;overflow:visible}
.dash__grid{stroke:var(--line);stroke-dasharray:3 5}
.dash__l1{fill:none;stroke:var(--blue-l);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.dash__l2{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
[data-theme="light"] .dash__l2{stroke:#0F2678}
.dash__cur{stroke:var(--blue);stroke-width:1;vector-effect:non-scaling-stroke;transition:opacity .2s}
.dash__d1{fill:var(--blue);stroke:#fff;stroke-width:2}.dash__d2{fill:#fff;stroke:var(--blue);stroke-width:2}
[data-theme="light"] .dash__d2{fill:#0F2678;stroke:#fff}
.dash__x{fill:var(--muted);font:500 11px var(--f-mono)}
.dash__tip{position:absolute;left:0;top:0;z-index:2;padding:10px 12px;border-radius:12px;background:var(--pill);border:1px solid var(--pill-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12.5px;line-height:1.5;pointer-events:none;white-space:nowrap}
.dash__tip b{display:block;font:600 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-l);margin-bottom:6px}
.dash__tip span,.dash__legend span{display:flex;align-items:center;gap:8px}
.dash__legend{display:flex;gap:20px;margin-top:10px;font-size:13px;color:var(--muted)}
.dash__legend i,.dash__tip i{display:inline-block;width:18px;height:3px;border-radius:2px}
.l1{background:var(--blue-l)}.l2{background:#fff;opacity:.9}
[data-theme="light"] .l2{background:#0F2678}
.dash__note{display:grid;gap:6px;margin-top:20px;padding:16px 18px;border-radius:16px;background:rgba(35,112,255,.1);border:1px solid rgba(35,112,255,.2)}
.dash__note b{font:600 11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-l)}
.dash__note p{font-size:15px;line-height:1.5;color:var(--soft)}
.dash__disc{margin-top:14px;font-size:12.5px;color:var(--muted)}
@media (max-width:1023px){ .dash__head{grid-template-columns:1fr;align-items:start} .dash__kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .kpi--main{grid-column:1/-1} .dash__seg{margin-left:0;width:100%} .dash__chart{height:200px} }
@media (max-width:400px){ .kpi__l{font-size:9.5px;letter-spacing:.05em} }
/* logo hali yuklanmagan mijoz: nom yozuvi (logotip uslubida) */
.cl__word{max-width:78%;font:600 clamp(18px,1.9vw,26px)/1.05 var(--f-head);letter-spacing:-.02em;text-transform:uppercase;text-align:center;color:#0F2678;text-wrap:balance}
.cdlg__logo .cl__word{font-size:clamp(22px,2.6vw,34px)}
@media (max-width:1023px){ .cl__word{font-size:clamp(13px,3.6vw,17px)} }
/* forma: tanlov maydonlari matn maydonlari bilan bir xil (balandlik, burchak, o'q belgisi) */
.cta__pick .fld input,.cta__pick .fld select{min-height:56px;border-radius:16px;padding:0 20px;font-size:16px}
.fld select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23679CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:18px}
.fld select:hover{border-color:rgba(103,156,255,.45)}
.fld select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(35,112,255,.16)}
.fld select option{background:var(--surface);color:var(--text)}
.cta__pick .seg label>span{min-height:56px;padding:0 22px;font-size:15px}
.cta__pick .fld label,.cta__pick .flabel{margin-bottom:10px}
.cta__pick{padding:clamp(22px,3vw,36px);gap:22px}
.cta__pick-grid{column-gap:20px;row-gap:22px}
.cta__pick .btn{height:56px;padding:0 28px}
@media (max-width:860px){ .cta__pick .btn{justify-self:stretch} .cta__pick .seg label>span{padding:0 14px;font-size:14px} }
/* dialog: pastki tugmalar qatori doim ko'rinadi, oyna chetidan bir xil (32px) masofada; mazmun uning ostidan skroll bo'ladi */
.pdlg__main{padding-bottom:0}
.pdlg__foot{position:sticky;bottom:0;z-index:2;margin-top:auto;padding:24px 0 40px;background:var(--surface);box-shadow:0 -18px 18px -6px var(--surface)}
.pdlg__foot .btn{height:52px}
.pdlg__nav .btn,.pdlg__nav button{width:52px;height:52px;padding:0}
/* mijoz oynasi ixchamroq: ko'rsatkichlar va ro'yxat 860px ekranga sig'adi */
.cdlg .pdlg__main{padding-top:36px}
.cdlg .pdlg__name{font-size:clamp(28px,2.8vw,42px);margin:14px 0 8px}
.cdlg__stats{gap:10px;margin-top:18px}
.cdlg__stats>div{padding:14px 16px}
.cdlg__stats dt{margin-bottom:8px}
.cdlg__stats dd{font-size:clamp(22px,2vw,28px)}
.cdlg__lbl{margin-top:20px;padding-top:18px}
.cdlg__list{gap:8px;margin-top:12px}
@media (max-width:860px){ .pdlg__foot{position:static;padding:24px 0 8px;box-shadow:none} }

/* telefon: mayda yozuvlar kamida 10px; mijoz logosi kartadan chiqmaydi */
@media (max-width:1023px){
  .graph__l,.graph__s{font-size:10px}
  .ost__l{font-size:10px}
  .cl__tile img{max-height:15vw}
}
@media (max-width:1023px) and (min-width:401px){ .kpi__l{font-size:10px} }
/* sohalar (bittadan): uzun so'z ("ПРОИЗВОДСТВЕННЫЕ") ustundan chiqmaydi; hero yadrosi yorlig'i o'qiladigan o'lchamda */
.who--pin .who__t{max-width:100%;font-size:clamp(28px,3vw,48px)}
@media (min-width:1024px){ .graph__l{font-size:10.5px} }
/* telefon: «Sohalar» (yorug') bo'limida yon oraliq — matn karta chetiga yopishmaydi */
@media (max-width:1023px){ .who .who__in{padding-left:var(--gutter);padding-right:var(--gutter)} }

/* kichik telefon: orbit matni chiqqanda yadro va plitkalar xiralashadi */
.orbit__world{transition:opacity .5s var(--ease)}
.orbit__world.is-dim{opacity:.1}
/* iOS Safari: oyna ko'rinadigan ekranni to'liq egallaydi (panellar o'zgarsa ham), yopish tugmasi notch ostida */
@media (max-width:860px){
  .pdlg{height:100dvh;max-height:100dvh}
  .pdlg__grid{min-height:100dvh}
  .pdlg__x{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px))}
  .pdlg__main{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}
}
/* telefon: hisobot yorliqlari 10px, uzun so'z qatorga bo'linadi; juda tor ekran (≤360) navigatsiyasi sig'adi */
@media (max-width:400px){ .kpi__l{font-size:10px;letter-spacing:.03em;overflow-wrap:anywhere;hyphens:auto} }
@media (max-width:360px){
  .nav .logo{gap:6px} .nav .logo__mark{height:26px} .nav .logo__word{height:19px}
  .nav__right{gap:6px} .nav__right .btn{padding:0 12px;font-size:13px}
}
/* telefon: orbit matni ixcham — yadro + 4 plitka + matn bitta ekranda birga ko'rinadi */
@media (max-width:1023px){
  .orbit__copy{bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:10px}
  .orbit__copy .h2{font-size:clamp(26px,7.6vw,34px)}
  .orbit__side{gap:12px}
  .orbit__side .lead{font-size:14px;line-height:20px}
  .orbit__side .btn{height:44px}
  .orbit__stage::after{height:34%}
}
@media (max-width:1023px) and (max-height:600px){ .orbit__side .lead{display:none} }
/* jamoa: rasmlar doim rangli; sichqoncha olib borilganda lupadek kattalashadi (markazi kursorga ergashadi), karta biroz ko'tariladi */
.tm__img{filter:none}
.tm__img img{transform-origin:var(--zx,50%) var(--zy,30%);transition:transform .7s var(--ease)}
.tm__photo{transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s}
@media (hover:hover) and (pointer:fine){
  .tm:hover .tm__img img,.tm:focus-visible .tm__img img{transform:scale(1.18);transition:transform .45s var(--ease)}
  .tm:hover .tm__photo,.tm:focus-visible .tm__photo{transform:translate3d(0,-8px,0) scale(1.02);box-shadow:0 30px 70px -30px rgba(35,112,255,.65);border-color:rgba(103,156,255,.55)}
}
@media (prefers-reduced-motion:reduce){ .tm:hover .tm__img img{transform:none} .tm:hover .tm__photo{transform:none} }