html {
  scroll-behavior: smooth;
}
.brand {
  cursor: pointer;
}

:root{
  --blue:#123CFF;
  --blue2:#0b63ff;
  --dark:#070c26;
  --text:#070c26;
  --muted:#6b728b;
  --line:#e8edf7;
  --soft:#f6f9ff;
  --card:#ffffff;
  --green:#11a36a;
  --orange:#ff7a00;
  --red:#ff4d64;
  --shadow:0 24px 80px rgba(13,32,86,.10);
  --soft-shadow:0 12px 40px rgba(13,32,86,.08);
  --radius:28px;
  --max:1508px;
}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.page-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 680px at 88% 18%,rgba(18,60,255,.08),transparent 60%),radial-gradient(800px 520px at 2% 55%,rgba(18,60,255,.07),transparent 65%),linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.container,.nav-shell{width:min(var(--max),calc(100% - 72px));margin-inline:auto}.section-pad{padding:70px 0}.section-pad-sm{padding:48px 0}.site-header{padding:18px 0 24px;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.82));backdrop-filter:blur(18px)}
.nav-shell{height:78px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.90);box-shadow:0 18px 48px rgba(8,22,64,.08);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:32px;letter-spacing:-1.4px}.brand-mark,.brand img{width:44px;height:44px;border-radius:10px;object-fit:cover}.nav-links{display:flex;gap:52px;font-weight:700;font-size:15px}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:24px}.phone,.lang{display:flex;align-items:center;gap:9px;color:#091030;font-weight:750;font-size:15px}.phone svg,.lang svg{width:20px;height:20px;fill:#001a62}.lang{border:0;background:transparent;cursor:pointer}.lang .chev{width:14px;fill:none;stroke:#001a62;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.demo-btn{background:#071132;color:#fff;padding:18px 32px;border-radius:10px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 28px rgba(4,13,47,.17)}.mobile-menu{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;width:44px;height:44px}.mobile-menu svg{width:24px;height:24px;stroke:#071132;stroke-width:2;fill:none;stroke-linecap:round}
.hero{padding-top:60px;min-height:760px}.hero-grid{display:grid;grid-template-columns:minmax(420px,560px) 1fr;gap:55px;align-items:center}.hero-copy h1{font-size:clamp(52px,5vw,78px);line-height:.98;margin:0 0 26px;letter-spacing:-4px;font-weight:950}.hero-copy h1 span{display:block;color:var(--blue)}.hero-copy p{font-size:18px;line-height:1.75;color:#65708a;margin:0 0 36px;max-width:560px}.hero-actions{display:flex;gap:22px;align-items:center;margin-bottom:48px}.primary-btn,.outline-btn{height:56px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:16px}.primary-btn{background:linear-gradient(135deg,#055dff,#1d35ff);color:#fff;padding:0 30px;box-shadow:0 16px 34px rgba(18,60,255,.26)}.outline-btn{border:2px solid var(--blue);color:var(--blue);padding:0 26px;background:#fff;gap:8px}.outline-btn svg{width:20px;height:20px;fill:var(--blue)}.trust-row{display:flex;gap:36px;flex-wrap:wrap}.trust-row div{display:grid;grid-template-columns:32px auto;column-gap:10px;align-items:center}.trust-row b{font-size:14px}.trust-row small{grid-column:2;color:#7b849a;font-size:11px}.mini-icon{width:32px;height:32px;border-radius:8px;background:#eef4ff;display:inline-grid;place-items:center;position:relative}.mini-icon:before{content:"";width:17px;height:17px;background:var(--blue);mask:center/contain no-repeat}.mini-icon.shield:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2 4 5v6c0 5.2 3.4 9.5 8 11 4.6-1.5 8-5.8 8-11V5l-8-3Zm-1 14-4-4 1.4-1.4L11 13.2l5.6-5.6L18 9l-7 7Z"/></svg>')}.mini-icon.bolt:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 2 4 14h7l-1 8 10-13h-7l0-7Z"/></svg>')}.mini-icon.chart:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 19h16v2H4v-2Zm1-8h4v6H5v-6Zm5-5h4v11h-4V6Zm5 3h4v8h-4V9Z"/></svg>')}
.hero-visual{min-width:0;position:relative}.hero-visual:before{content:"";position:absolute;width:760px;height:600px;border-radius:50%;background:rgba(18,60,255,.055);right:-50px;top:-95px}.hero-visual:after{content:"";position:absolute;right:30px;top:-45px;width:170px;height:170px;background-image:radial-gradient(rgba(18,60,255,.22) 1.5px,transparent 1.5px);background-size:18px 18px}.dashboard-window{position:relative;z-index:1;transform:rotate(-2.5deg);border-radius:28px;background:#fff;border:1px solid #e4e9f4;box-shadow:0 32px 90px rgba(8,25,74,.14);overflow:hidden;min-width:700px}.hero-shot-frame{transform:none;background:transparent;border:0;box-shadow:none;overflow:visible;min-width:0}.hero-shot{position:relative;z-index:1;display:block;width:100%;max-width:980px;height:auto;border-radius:28px;box-shadow:0 32px 90px rgba(8,25,74,.18);border:1px solid #e4e9f4}.browser-bar{height:66px;background:rgba(250,252,255,.9);display:grid;grid-template-columns:160px 1fr 118px;align-items:center;padding:0 22px;border-bottom:1px solid #ecf1f8}.dots{display:flex;gap:9px}.dots span{width:13px;height:13px;border-radius:50%;background:#ff5e57}.dots span:nth-child(2){background:#ffbd2e}.dots span:nth-child(3){background:#28c840}.address{height:36px;border-radius:11px;background:#f3f6fb;color:#8790a6;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.address svg{width:14px;fill:#8a92a4}.browser-icons{display:flex;gap:18px;justify-content:flex-end}.browser-icons svg{width:18px;height:18px;fill:none;stroke:#7d879b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dash-body{display:grid;grid-template-columns:170px 1fr;background:#fff}.dash-sidebar{border-right:1px solid #edf1f8;padding:20px 16px;display:flex;flex-direction:column;gap:9px}.dash-logo{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:10px}.dash-logo img{width:27px;height:27px;border-radius:6px}.dash-logo svg{margin-left:auto;width:18px;stroke:#65708a;stroke-width:2;fill:none;stroke-linecap:round}.dash-sidebar button{height:44px;border:0;background:transparent;border-radius:10px;text-align:left;padding:0 10px;display:flex;align-items:center;gap:10px;color:#5e6980;font-weight:800;font-size:13px}.dash-sidebar button svg{width:18px;fill:none;stroke:#536079;stroke-width:2}.dash-sidebar .side-active{background:#edf4ff;color:var(--blue)}.dash-sidebar .side-active svg{stroke:var(--blue)}.dash-main{padding:18px 18px 24px;background:#fbfcff}.dash-topbar{height:44px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search{width:310px;height:38px;border:1px solid #e7edf6;border-radius:10px;background:#fff;color:#a3abc0;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px}.search svg{width:15px;fill:none;stroke:#9aa4b8;stroke-width:2}.user-tools{display:flex;align-items:center;gap:14px;font-size:12px}.bell{width:21px;height:21px;border-radius:50%;background:#f4213f;color:#fff;font-size:11px;display:grid;place-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffe1c7,#305d95)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid #edf1f7;border-radius:16px;padding:18px 16px;min-height:112px}.stat span{font-size:12px;color:#6d758b}.stat b{display:block;font-size:26px;margin:7px 0;color:#071132}.stat small{font-size:11px}.stat em{font-style:normal;color:#0ca55f;font-size:11px;font-weight:800}.circle{float:left;width:42px;height:42px;border-radius:50%;margin-right:12px;background:linear-gradient(135deg,#005dff,#1c37ff);position:relative}.circle:after{content:"";position:absolute;inset:11px;background:#fff;mask:center/contain no-repeat}.circle.user:after{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-8 9c.7-4 3.5-6 8-6s7.3 2 8 6"/></svg>')}.circle.cap:after{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3 2 8l10 5 10-5-10-5Zm-7 8v5c2 2.4 4.3 3.6 7 3.6s5-1.2 7-3.6v-5l-7 3.5L5 11Z"/></svg>')}.circle.pay:after{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v12H3V6Zm3 3h12M6 15h6"/></svg>')}.circle.lead:after{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-8 9c.7-4 3.5-6 8-6s7.3 2 8 6"/></svg>')}.analytics-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.chart-card,.donut-card,.bottom-grid article{background:#fff;border:1px solid #edf1f7;border-radius:16px;padding:18px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head button{border:1px solid #dfe6f2;background:#fff;border-radius:10px;padding:8px 12px;font-size:12px}.line-chart{height:180px;margin-top:12px;background:linear-gradient(180deg,rgba(18,60,255,.17),rgba(18,60,255,0) 70%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 160"><path d="M10 135 C50 85,70 105,100 70 S155 95,190 55 245 85,285 45 335 60,375 25 420 30,440 10" fill="none" stroke="%23123CFF" stroke-width="5" stroke-linecap="round"/><path d="M10 135H440M10 100H440M10 65H440M10 30H440" stroke="%23e9eef7" stroke-width="1"/></svg>') center/100% 100% no-repeat}.donut-wrap{display:flex;align-items:center;gap:22px;margin-top:18px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#123CFF 0 42%,#4f78ff 42% 67%,#9db6ff 67% 86%,#dce6ff 86%);display:grid;place-items:center}.donut span{width:84px;height:84px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;font-size:26px;font-weight:950}.donut small{display:block;font-size:11px;color:#6e7690}.donut-wrap ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:13px}.donut-wrap li{display:flex;gap:10px;justify-content:space-between;min-width:170px}.donut-wrap li:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px}.bottom-grid{display:grid;grid-template-columns:.9fr 1.15fr 1.1fr;gap:16px;margin-top:16px}.bottom-grid p{color:#6e7690}.lesson,.payment-row{border:1px solid #edf1f7;border-radius:12px;padding:14px;margin-top:14px;font-size:13px}.lesson span{float:right;background:#e5faee;color:#0b9a54;border-radius:8px;padding:5px 8px;font-size:11px}.payment-row{display:flex;align-items:center;gap:10px}.payment-row span{width:36px;height:36px;border-radius:50%;background:#eee;display:grid;place-items:center}.payment-row p{margin:0;flex:1}.payment-row em{font-style:normal;color:#f03d4f}mark{background:#ffdfe4;color:#f4213f;border-radius:50%;padding:3px 7px}.blue{background:#e5efff;color:var(--blue);border-radius:8px}
.center-block{text-align:center}.center-block h2,.split-title h2,.pricing-head h2,.faq h2{font-size:clamp(44px,4.3vw,66px);line-height:1.02;letter-spacing:-2.5px;margin:0;color:#070c26}.center-block h2 span,.split-title h2 span{color:var(--blue);display:block}.center-block p{margin:16px auto 48px;color:#7b849a;font-size:18px;max-width:640px;line-height:1.6}.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.partner{height:132px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow);display:grid;grid-template-columns:58px auto;align-content:center;align-items:center;text-align:left;padding:22px}.partner b{font-size:26px;line-height:.9}.partner small{grid-column:2;font-size:20px;letter-spacing:2px}.partner-icon{grid-row:1/3;width:54px;height:54px;display:block;position:relative}.partner-icon:before{content:"";position:absolute;inset:0;background:var(--blue);mask:center/contain no-repeat}.partner-icon.book:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 4h7c1.1 0 2 .9 2 2v15c0-1.1-.9-2-2-2H3V4Zm11 2c0-1.1.9-2 2-2h5v15h-5c-1.1 0-2 .9-2 2V6Z"/></svg>')}.partner-icon.openbook:before,.partner-icon.book2:before,.partner-icon.lines:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 5c4 0 6.5.8 9 3 2.5-2.2 5-3 9-3v14c-4 0-6.5.8-9 3-2.5-2.2-5-3-9-3V5Z"/></svg>')}.partner-icon.stack:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 2 10 5-10 5L2 7l10-5Zm-7.8 9L12 15l7.8-4L22 12l-10 5-10-5 2.2-1Zm0 5L12 20l7.8-4L22 17l-10 5-10-5 2.2-1Z"/></svg>')}.partner-icon.cap:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3 1 8l11 5 9-4.1V17h2V8L12 3ZM5 12v4c2.2 2.3 4.5 3.4 7 3.4s4.8-1.1 7-3.4v-4l-7 3.2L5 12Z"/></svg>')}.partner-icon.people:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM2 21c.5-4 2.6-7 6-7s5.5 3 6 7H2Zm8-7c.7-.4 1.3-.6 2-.6 3.4 0 5.5 3 6 7h4c-.5-4-2.6-7-6-7-1.6 0-3 .6-4 1.7-.6-.5-1.2-.8-2-1.1Z"/></svg>')}.partner-icon.star:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 2 2.7 6.6 7.3.6-5.5 4.6 1.7 7.2-6.2-3.8L5.8 21l1.7-7.2L2 9.2l7.3-.6L12 2Z"/></svg>')}.partner-icon.alpha:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 20 12 3l8 17h-5l-1.2-3H10l-1.2 3H4Z"/></svg>')}.partner-icon.vision:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2c3 3 6.3 4 10 4-1 9-4.3 14.3-10 16C6.3 20.3 3 15 2 6c3.7 0 7-1 10-4Zm0 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"/></svg>')}.proof-row{margin-top:34px;display:flex;justify-content:center;align-items:center;gap:24px;color:#68728b;font-size:20px}.proof-row i{width:6px;height:6px;background:var(--blue);border-radius:50%}
.split-title{display:grid;grid-template-columns:.85fr 1fr;gap:80px;margin-bottom:46px}.split-title p{font-size:21px;line-height:1.6;color:#6d7690;margin:10px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.feature-card{min-height:340px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--soft-shadow);padding:34px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.feature-card h3{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:24px 0 18px}.feature-card p{font-size:17px;line-height:1.65;color:#66708b}.badge{height:48px;border-radius:12px;background:#edf4ff;color:var(--blue);font-weight:850;display:inline-flex;align-items:center;gap:10px;padding:0 18px}.badge svg{width:22px;height:22px;fill:var(--blue)}.iso-illustration,.funnel-illustration,.rank-art,.calendar-art,.integration-art,.finance-art{height:260px;border-radius:18px;background:linear-gradient(135deg,#f4f8ff,#fff);position:relative;display:grid;place-items:center}.iso-illustration img,.integration-art img{width:98px;height:98px;border-radius:22px;box-shadow:0 18px 40px rgba(18,60,255,.23)}.iso-illustration:before{content:"";position:absolute;width:180px;height:180px;border:2px dashed #bcd0ff;border-radius:30px;transform:rotate(45deg)}.iso-illustration:after{content:"Darslar  O‘quvchilar  Hisobotlar";position:absolute;bottom:22px;font-size:13px;color:#50607d}.source-icons{position:absolute;top:22px;display:flex;gap:8px}.source-icons span{background:#fff;border:1px solid #e7edf7;border-radius:10px;padding:8px 10px;font-size:11px}.funnel{width:210px;height:150px;background:linear-gradient(180deg,#2c71ff,#0d35f2);clip-path:polygon(0 0,100% 0,68% 100%,32% 100%);border-radius:20px}.lead-card{position:absolute;bottom:18px;background:#fff;border:1px solid #dfe8fb;border-radius:12px;padding:10px 18px;display:flex;align-items:center;gap:10px;box-shadow:var(--soft-shadow)}.lead-card img{width:28px;height:28px}.lead-card b{font-size:28px}.lead-card small{background:#e5faee;color:#0b9a54;border-radius:8px;padding:5px}.rank-art ul{list-style:none;margin:0;padding:18px;background:#fff;border:1px solid #e7edf7;border-radius:14px;width:180px;display:grid;gap:12px;font-size:12px}.cup{width:78px;height:78px;background:var(--blue);border-radius:22px;position:absolute;right:44px;bottom:36px;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 3h10v3h4v3a5 5 0 0 1-5 5h-.5A5.5 5.5 0 0 1 13 16.7V19h4v2H7v-2h4v-2.3A5.5 5.5 0 0 1 8.5 14H8a5 5 0 0 1-5-5V6h4V3Zm10 5v3h.2A3 3 0 0 0 20 8h-3ZM4 8a3 3 0 0 0 2.8 3H7V8H4Z"/></svg>') center/contain no-repeat}.calendar-art span{position:absolute;width:160px;height:120px;background:#fff;border-radius:18px;box-shadow:var(--soft-shadow);border-top:28px solid var(--blue)}.calendar-art b{z-index:1;background:var(--blue);color:#fff;border-radius:6px;padding:7px 11px}.calendar-art em{position:absolute;right:30px;bottom:46px;background:#fff;border-radius:12px;padding:12px;font-style:normal;box-shadow:var(--soft-shadow)}.integration-art span{position:absolute;width:48px;height:48px;border-radius:12px;background:#fff;box-shadow:var(--soft-shadow);display:grid;place-items:center;font-weight:900;color:var(--blue)}.integration-art span:nth-child(2){left:38px}.integration-art span:nth-child(3){right:42px}.integration-art span:nth-child(4){top:38px}.integration-art span:nth-child(5){bottom:36px}.finance-art b{position:absolute;top:38px;left:34px}.mini-line{width:220px;height:90px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 90"><path d="M5 75 C40 55,55 65,80 40 S130 65,160 25 190 45,215 10" fill="none" stroke="%23123CFF" stroke-width="5" stroke-linecap="round"/></svg>') center/contain no-repeat}.mini-donut{position:absolute;bottom:28px;left:40px;width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--blue) 73%,#dce6ff 0);display:grid;place-items:center;font-weight:950}
.narrow{max-width:1120px}.pricing-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.pricing-head h2{font-size:clamp(40px,4vw,58px)}.pricing-head p{margin:0;color:#6d7690;font-size:19px;line-height:1.55}.tabs{margin:38px 0 28px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.7fr 1.5fr 1fr;border:1px solid #dfe6f3;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--soft-shadow)}.tabs button{height:70px;border:0;border-right:1px solid #e5ebf5;background:#fff;color:#071132;font-weight:850;font-size:15px;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer}.tabs button:last-child{border-right:0}.tabs button svg{width:24px;height:24px;stroke:#071132;fill:none;stroke-width:2}.tabs button.active{background:linear-gradient(135deg,#0565ff,#1732ff);color:#fff}.tabs button.active svg{stroke:#fff}.plan-card{background:#fff;border:1px solid #dfe6f3;border-radius:22px;box-shadow:var(--shadow);padding:48px 58px;margin:0 auto}.plan-title{display:flex;align-items:center;gap:22px;margin-bottom:24px}.plan-title img,.plan-title .plan-icon{width:72px;height:72px;border-radius:16px}.plan-title h3{font-size:46px;letter-spacing:-1.8px;margin:0}.plan-card>p{font-size:20px;line-height:1.55;color:#151b35}.example{margin:28px 0;padding:24px 28px;border:1px solid #cad9ff;border-radius:14px;background:#f8fbff;display:grid;grid-template-columns:54px 1fr;gap:20px}.example svg{width:54px;height:54px;background:#edf4ff;border-radius:14px;padding:13px;stroke:var(--blue);fill:none;stroke-width:2}.example b{color:var(--blue);font-size:22px}.example p{grid-column:2;margin:8px 0 0;color:#151b35;line-height:1.55}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pros,.cons{border-radius:16px;padding:26px;border:1px solid}.pros{border-color:#bfead8;background:linear-gradient(180deg,#f4fffb,#fff)}.cons{border-color:#ffd9c5;background:linear-gradient(180deg,#fff8f2,#fff)}.pros h4,.cons h4{font-size:22px;margin:0 0 16px;display:flex;align-items:center;gap:12px}.pros h4{color:#07965a}.cons h4{color:#ff6600}.pros h4:before,.cons h4:before{content:"+";width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0cae68}.cons h4:before{content:"−";background:#ff7a00}.pros li,.cons li{margin:11px 0;line-height:1.45}.pros li::marker{color:#0cae68}.cons li::marker{color:#ff7a00}.faq{padding-bottom:18px}.faq-wrap{max-width:900px}.faq h2{text-align:center;font-size:50px;margin-bottom:28px}.faq-list{display:grid;gap:12px}.faq details{border:1px solid #e5ebf5;border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(13,32,86,.04)}.faq summary{height:64px;list-style:none;cursor:pointer;padding:0 32px;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:850}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:14px;height:14px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg);transition:.2s}.faq details[open] summary:after{transform:rotate(225deg)}.faq details p{padding:0 32px 24px;margin:0;color:#66708b;line-height:1.6}.footer{background:linear-gradient(135deg,#041232,#06265a);color:#fff;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr .8fr .8fr;gap:50px;padding:42px 0;border-bottom:1px solid rgba(255,255,255,.12)}.footer .brand{font-size:32px}.footer p{color:#d6def1;line-height:1.6}.footer h4{font-size:18px;margin:0 0 20px}.footer a{display:block;color:#dce4f6;margin:13px 0}.footer-actions{display:flex;gap:14px;margin-top:26px}.footer .primary-btn{height:52px}.footer-outline{height:52px;border:1px solid rgba(255,255,255,.32);border-radius:9px;display:inline-flex!important;align-items:center;padding:0 22px;margin:0!important}.socials{display:flex;gap:14px}.socials a{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#0666ff,#1732ff);display:grid!important;place-items:center;font-weight:950;font-size:20px;margin:0}.footer-bottom{height:72px;display:flex;justify-content:space-between;align-items:center;color:#d5def2}.footer-bottom nav{display:flex;gap:26px}.footer-bottom a{margin:0;color:#d5def2}.dark span{color:#fff}
@media (max-width:1250px){.nav-links{gap:22px}.container,.nav-shell{width:min(var(--max),calc(100% - 36px))}.hero-grid{grid-template-columns:1fr}.dashboard-window{min-width:0}.hero-visual{max-width:920px}.partner-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.tabs{grid-template-columns:repeat(2,1fr)}.pricing-head,.split-title{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.nav-links,.nav-actions{display:none}.mobile-menu{display:grid;place-items:center}.brand{font-size:26px}.nav-shell{height:68px;padding:0 16px}.hero{padding-top:32px}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-actions,.trust-row{flex-direction:column;align-items:flex-start}.hero-grid{gap:30px}.dashboard-window{transform:none}.hero-shot{border-radius:22px}.dash-body{grid-template-columns:1fr}.dash-sidebar{display:none}.stats-grid,.analytics-grid,.bottom-grid,.feature-card,.pros-cons{grid-template-columns:1fr}.partner-grid{grid-template-columns:1fr}.partner{height:110px}.pricing-head h2,.center-block h2,.split-title h2{font-size:38px}.tabs{grid-template-columns:1fr}.tabs button{border-right:0;border-bottom:1px solid #e5ebf5}.plan-card{padding:28px 22px}.plan-title h3{font-size:34px}.footer-grid{grid-template-columns:1fr}.footer-bottom{height:auto;padding:22px 0;gap:18px;flex-direction:column;align-items:flex-start}.footer-bottom nav{flex-direction:column;gap:8px}.hero-visual:before{display:none}}


/* Hugeicons-style icon refresh */
[data-hicon] svg,
.hicon-ready svg {
  width: 1em;
  height: 1em;
  display: block;
  color: currentColor;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mini-icon.hicon-ready::before { display: none !important; }
.mini-icon.hicon-ready { color: var(--blue); font-size: 18px; }
.tabs button [data-hicon] { width: 24px; height: 24px; display: grid; place-items: center; color: currentColor; }
.tabs button [data-hicon] svg { width: 24px; height: 24px; }
.socials a { color: #fff; font-size: 23px; }
.socials a svg { width: 23px; height: 23px; }
.phone svg, .lang svg, .outline-btn svg { fill: none !important; stroke: currentColor !important; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.lang svg { width: 22px; height: 22px; }
.lang .chev, .lang svg:last-child { width: 16px; height: 16px; }
.outline-btn svg { width: 20px; height: 20px; }



/* Header menu underline animation: chapdan o‘ngga */
.nav-links a {
  position: relative;
  padding: 10px 0;
  transition: color .25s ease;
}

.nav-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s ease;
}

.nav-links a:hover::after,
.nav-links a:focus-visible::after,
.nav-links a.active::after {
  transform: scaleX(1);
}

.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a.active {
  color: var(--ink);
}



/* ===== EDUKA Global Loader + Premium Animations ===== */
.site-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 35%, rgba(18, 60, 255, 0.08), transparent 34%),
    rgba(247, 250, 255, 0.96);
  backdrop-filter: blur(18px);
  transition: opacity .55s ease, visibility .55s ease, transform .55s ease;
}

.site-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: scale(1.02);
  pointer-events: none;
}

.dots-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.dot {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  border-radius: 10px;
  background-color: #b3d4fc;
  animation: pulse 1.5s infinite ease-in-out;
}

.dot:last-child {
  margin-right: 0;
}

.dot:nth-child(1) {
  animation-delay: -0.3s;
}

.dot:nth-child(2) {
  animation-delay: -0.1s;
}

.dot:nth-child(3) {
  animation-delay: 0.1s;
}

@keyframes pulse {
  0% {
    transform: scale(0.8);
    background-color: #b3d4fc;
    box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
  }

  50% {
    transform: scale(1.2);
    background-color: #6793fb;
    box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);
  }

  100% {
    transform: scale(0.8);
    background-color: #b3d4fc;
    box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
  }
}

html.is-loading,
html.is-loading body {
  overflow: hidden;
}

body {
  opacity: 0;
  transition: opacity .45s ease;
}

body.is-ready {
  opacity: 1;
}

.reveal {
  opacity: 0;
  transform: translateY(26px) scale(.985);
  filter: blur(7px);
  transition:
    opacity .72s cubic-bezier(.22, 1, .36, 1),
    transform .72s cubic-bezier(.22, 1, .36, 1),
    filter .72s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-34px);
  filter: blur(7px);
  transition:
    opacity .75s cubic-bezier(.22, 1, .36, 1),
    transform .75s cubic-bezier(.22, 1, .36, 1),
    filter .75s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

.reveal-right {
  opacity: 0;
  transform: translateX(34px);
  filter: blur(7px);
  transition:
    opacity .75s cubic-bezier(.22, 1, .36, 1),
    transform .75s cubic-bezier(.22, 1, .36, 1),
    filter .75s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

.reveal-left.is-visible,
.reveal-right.is-visible {
  opacity: 1;
  transform: translateX(0);
  filter: blur(0);
}

.reveal-zoom {
  opacity: 0;
  transform: scale(.94);
  filter: blur(8px);
  transition:
    opacity .72s cubic-bezier(.22, 1, .36, 1),
    transform .72s cubic-bezier(.22, 1, .36, 1),
    filter .72s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

.reveal-zoom.is-visible {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
}

.brand-header,
.site-header,
.prices-header,
.game-header {
  animation: headerDrop .65s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes headerDrop {
  from {
    opacity: 0;
    transform: translateY(-18px);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

a,
button,
.brand-demo,
.prices-demo,
.game-demo,
.cta,
.primary-btn,
.outline-btn,
.video-btn,
.payment-banner a,
.price-card-text a,
.game-cta-box a {
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    color .22s ease,
    border-color .22s ease;
}

a:hover,
button:hover,
.brand-demo:hover,
.prices-demo:hover,
.game-demo:hover,
.cta:hover,
.primary-btn:hover,
.outline-btn:hover,
.video-btn:hover,
.payment-banner a:hover,
.price-card-text a:hover,
.game-cta-box a:hover {
  transform: translateY(-2px);
}

.pricing-table tr,
.game-card,
.feature-card,
.partner-card,
.stat-card,
.payment-banner,
.gamification-price-card,
.brand-footer,
.faq-item,
.dashboard-window,
.hero-shot-frame,
.hero-shot {
  will-change: transform, opacity;
}

.game-card:hover,
.feature-card:hover,
.partner-card:hover,
.stat-card:hover,
.gamification-price-card:hover,
.payment-banner:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 65px rgba(8, 25, 74, .12);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  .site-loader {
    display: none !important;
  }

  body,
  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-zoom {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}