*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f9fc;color:#0c1826;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:94px;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.065)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:380px;max-width:35vw}.brand img{display:block;width:100%!important;height:auto!important;max-height:88px!important;object-fit:contain!important;object-position:left center!important}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;color:#b0bccb}.main-nav a:hover{color:#fff}.nav-cta{border:1px solid #0abdf3;color:#fff!important;border-radius:14px;padding:14px 22px}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:9px}.menu-toggle span{display:block;height:2px;background:#fff;margin:5px}.hero{min-height:955px;background:radial-gradient(circle at 12% 32%,#0a2c50 0,#03101f 45%,#020813 100%);color:#fff;padding:155px 0 32px;position:relative;overflow:hidden}.mesh{position:absolute;pointer-events:none;opacity:.35}.mesh-one{width:700px;height:400px;right:-180px;top:115px;background:radial-gradient(ellipse at center,rgba(0,111,255,.28),transparent 70%);transform:rotate(-16deg)}.mesh-two{width:820px;height:420px;left:280px;bottom:100px;background:radial-gradient(ellipse at center,rgba(0,102,255,.17),transparent 70%);transform:rotate(-13deg)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.15em;font-weight:600;color:#16c5f5}.eyebrow span{width:26px;height:2px;background:#16c5f5}.eyebrow.dark{color:#5f7286}.hero h1{font-size:clamp(55px,5.5vw,80px);line-height:1.05;letter-spacing:-.045em;margin:25px 0 26px;max-width:700px}.hero h1 em{font-style:normal;color:#0da8f0}.hero-copy>p{font-size:17px;line-height:1.75;color:#c3cfdb;max-width:620px;margin:0}.hero-actions{display:flex;gap:16px;margin-top:38px}.btn{height:58px;padding:0 28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:700;border:0;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#0bbcf3,#0877f5);color:#fff;box-shadow:0 14px 38px rgba(0,140,255,.2)}.secondary{background:rgba(255,255,255,.015);border:1px solid #2c425b;color:#e2ebf2}.hero-dashboard{position:relative}.dashboard{border:1px solid #31516d;border-radius:17px;background:linear-gradient(180deg,#07192c,#061420);overflow:hidden;box-shadow:0 38px 90px rgba(0,0,0,.45)}.dash-top{height:52px;border-bottom:1px solid #263f56;display:flex;align-items:center;padding:0 17px;color:#87a0b5;font-size:10px}.window-dots{display:flex;gap:6px;margin-right:auto}.window-dots i{width:8px;height:8px;border-radius:50%;background:#38516a}.dash-top>strong{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;color:#d6e0e9}.live{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:9px}.live i{width:7px;height:7px;border-radius:50%;background:#1ed77c}.dash-body{height:485px;display:grid;grid-template-columns:72px 1fr}.dash-sidebar{border-right:1px solid #263f56;display:flex;flex-direction:column;align-items:center;padding:25px 12px;gap:20px}.sidebar-logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0dc5f6,#0d67f3);display:grid;place-items:center;font-size:11px;font-weight:800}.dash-sidebar>span{width:27px;height:7px;border-radius:6px;background:#28415a}.dash-sidebar .side-active{background:#13bfee}.dash-main{padding:35px 30px}.dash-heading{display:flex;justify-content:space-between;align-items:end}.dash-heading small{font-size:7px;letter-spacing:.16em;color:#5e7b93}.dash-heading h3{font-size:18px;margin:8px 0 0}.dash-heading button{font-size:8px;color:#8bc8df;background:#08263a;border:1px solid #1b526f;border-radius:6px;padding:8px 10px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:27px}.metric-grid article{background:#0d2237;border:1px solid #29455e;border-radius:10px;padding:17px}.metric-grid span,.metric-grid strong,.metric-grid em{display:block}.metric-grid span{font-size:8px;color:#7b91a5}.metric-grid strong{font-size:26px;margin:10px 0 7px}.metric-grid em{font-size:8px;font-style:normal;color:#19df78}.chart-card{background:#0d2237;border:1px solid #29455e;border-radius:10px;margin-top:18px;padding:18px}.chart-card header{display:flex;justify-content:space-between;font-size:9px}.chart-card header span{color:#7d91a5}.bars{height:150px;border-bottom:1px solid #274057;display:flex;align-items:flex-end;gap:13px;padding:25px 12px 0}.bars i{flex:1;background:linear-gradient(#10bef2,#0868dd);border-radius:4px 4px 0 0}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:55%}.bars i:nth-child(5){height:67%}.bars i:nth-child(6){height:82%}.bars i:nth-child(7){height:95%}.months{display:grid;grid-template-columns:repeat(7,1fr);font-size:7px;color:#8aa0b2;text-align:center;padding-top:8px}.floating-card{position:absolute;right:-28px;top:66px;background:#0a1f34;border:1px solid #294d67;border-radius:11px;padding:12px 14px;display:flex;gap:9px;align-items:center;box-shadow:0 18px 40px rgba(0,0,0,.3)}.floating-card>b{font-size:16px;color:#0fbdf5}.floating-card span{font-size:9px;font-weight:700}.floating-card small{display:block;color:#7790a4;font-size:7px;font-weight:400;margin-top:3px}.credibility{margin-top:58px;border:1px solid #28425a;border-radius:16px;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:2;background:rgba(2,12,22,.45);backdrop-filter:blur(6px)}.credibility-title{font-size:10px;letter-spacing:.16em;color:#9aaabb;margin-bottom:24px}.credibility-items{width:100%;display:flex;justify-content:space-around;gap:20px;padding:0 28px;flex-wrap:wrap}.credibility-items span{font-size:13px;color:#d0dae4}.section{padding:110px 0}.services{background:#f7f9fc}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:75px;margin-bottom:60px}.section-head>div{max-width:700px}.section-head h2,.process h2,.tech h2,.about h2,.contact h2{font-size:clamp(38px,4vw,54px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 0}.section-head>p{max-width:430px;color:#6b7b8c;font-size:14px;line-height:1.8;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid #e0e7ee;border-radius:16px;padding:28px 24px 29px;position:relative;min-height:385px;transition:.22s}.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(14,47,70,.08);border-color:#addce9}.service-icon{width:46px;height:46px;border-radius:11px;background:#ebf9ff;color:#0b82ad;display:grid;place-items:center;font-weight:800}.service-num{position:absolute;right:22px;top:20px;color:#9aa8b5;font-size:9px}.service-card h3{font-size:20px;margin:40px 0 13px}.service-card p{font-size:13px;line-height:1.75;color:#6d7e90;min-height:83px}.service-card ul{list-style:none;padding:18px 0 0;margin:22px 0 0;border-top:1px solid #edf1f4}.service-card li{font-size:10px;color:#536477;margin:10px 0;padding-left:14px;position:relative}.service-card li:before{content:"";width:4px;height:4px;border-radius:50%;background:#16bdeb;position:absolute;left:0;top:4px}.projects{background:#fff}.project-feature{display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid #e0e7ee;border-radius:18px;overflow:hidden;background:#f8fafc;min-height:455px;margin-bottom:18px}.project-copy{padding:45px}.project-label{font-size:8px;letter-spacing:.14em;color:#118ab6;font-weight:800}.project-copy h3{font-size:31px;letter-spacing:-.035em;margin:17px 0}.project-copy p{font-size:13px;line-height:1.8;color:#67788a}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px}.tags span{font-size:8px;background:#fff;border:1px solid #dce4eb;color:#6a798a;border-radius:5px;padding:7px 9px}.project-window{background:linear-gradient(135deg,#dff3fa,#bcdde9);padding:52px 0 0 45px}.mini-app{height:390px;background:#fff;border:1px solid #c7dce4;border-radius:13px 0 0 0;display:grid;grid-template-columns:112px 1fr;box-shadow:-16px 25px 50px rgba(26,80,101,.13)}.mini-app aside{background:#0b2533;color:#678294;padding:21px 14px;display:flex;flex-direction:column;gap:17px;font-size:8px}.mini-app aside strong{color:#fff;margin-bottom:21px}.mini-app aside .active{color:#16bfee}.mini-app section{padding:32px 25px}.mini-app section>small{font-size:6px;letter-spacing:.15em;color:#8da0ac}.mini-app h4{font-size:15px;margin:7px 0 0}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.mini-kpis div{border:1px solid #e1e8ed;border-radius:7px;padding:13px}.mini-kpis span,.mini-kpis b{display:block}.mini-kpis span{font-size:6px;color:#899aa6}.mini-kpis b{font-size:18px;margin-top:7px}.mini-rows{border:1px solid #e1e8ed;border-radius:7px;padding:10px;margin-top:19px}.mini-rows i{display:block;height:23px;border-bottom:1px solid #edf1f3}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{border:1px solid #e0e7ee;border-radius:18px;overflow:hidden;background:#f8fafc}.project-visual{min-height:290px;position:relative;overflow:hidden}.ai-visual{background:#061724;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #1c4a61;border-radius:50%}.o1{width:170px;height:170px}.o2{width:250px;height:250px}.ai-core{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#25d0ff,#0770a0);color:#fff;font-weight:800;box-shadow:0 0 44px rgba(22,195,245,.28);z-index:2}.node{position:absolute;font-size:7px;color:#88b8ca;background:#0c2738;border:1px solid #1f5269;border-radius:5px;padding:7px 10px}.n1{left:18%;top:28%}.n2{right:16%;top:34%}.n3{right:28%;bottom:18%}.data-visual{background:#eaf2f7;padding:50px}.pipeline{background:#fff;border:1px solid #d4e1e8;border-radius:11px;padding:21px;box-shadow:0 18px 43px rgba(39,71,90,.09)}.pipeline header{display:flex;justify-content:space-between;font-size:9px}.pipeline header span{font-size:7px;background:#e3f5ec;color:#16805a;border-radius:15px;padding:5px 7px}.pipeline section{display:flex;justify-content:space-between;align-items:center;margin:29px 0 22px}.pipeline section b{font-size:7px;background:#edf8fb;color:#26738b;border-radius:5px;padding:8px}.pipeline section i{font-style:normal;color:#9aabb6}.pipeline em{height:5px;background:#edf1f4;display:block;border-radius:4px;margin:8px 0}.pipeline em:nth-of-type(1){width:84%}.pipeline em:nth-of-type(2){width:66%}.pipeline em:nth-of-type(3){width:92%}.pipeline em:nth-of-type(4){width:48%}.project-copy.small{padding:34px 37px 39px}.project-copy.small h3{font-size:25px}.process{background:#04101d;color:#fff}.process-head{max-width:650px}.process-head>p{font-size:13px;color:#8094a8;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border-top:1px solid #203548}.steps article{padding:28px 24px 0 0}.steps article>span{font-size:9px;color:#13bef0}.steps h3{font-size:19px;margin:41px 0 12px}.steps p{font-size:11px;line-height:1.75;color:#75899c;max-width:220px}.tech{background:#edf4f8}.tech-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;align-items:center}.tech p{font-size:13px;line-height:1.8;color:#6b7c8d;max-width:410px}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-list span{background:#fff;border:1px solid #d9e3ea;border-radius:999px;padding:13px 17px;color:#536477;font-size:11px;font-weight:600}.about{background:#fff}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.about-card{background:#04111f;border-radius:18px;min-height:420px;display:grid;place-items:center;padding:45px;position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(69,110,139,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(69,110,139,.09) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom right,black,transparent 80%)}.about-card img{position:relative;z-index:2;width:88%!important;max-width:520px!important;height:auto!important;object-fit:contain!important}.about-copy p{font-size:14px;color:#667789;line-height:1.85;max-width:590px}.about-copy p:first-of-type{margin-top:28px}.about-copy>a{display:inline-flex;gap:20px;font-size:12px;font-weight:700;margin-top:16px;border-bottom:1px solid #a8b8c6;padding-bottom:7px}.contact{background:linear-gradient(135deg,#04101d,#082138);color:#fff;padding:112px 0}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:95px}.contact-copy>p{font-size:14px;color:#8094a8;line-height:1.8;max-width:470px;margin-bottom:52px}.contact-copy small{display:block;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#677f94;margin-bottom:8px}.contact-copy>a{font-size:14px;color:#d6e5ef}.contact-form{background:#0b1a29;border:1px solid #20364a;border-radius:15px;padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;margin-bottom:18px}.contact-form label>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8295a8;margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #23394c;background:#081621;border-radius:8px;color:#e8f2fa;padding:14px;outline:none}.contact-form input{height:47px}.contact-form textarea{resize:vertical;min-height:125px}.contact-form input:focus,.contact-form textarea:focus{border-color:#11bff1;box-shadow:0 0 0 3px rgba(17,191,241,.08)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#506579}.form-submit{width:100%}.hp{position:absolute!important;left:-9999px!important}.form-status{font-size:10px;color:#7bc9e2;text-align:center;min-height:16px}.footer{background:#020913;color:#748697;padding:50px 0 24px}.footer-top{display:grid;grid-template-columns:.85fr 1fr auto;gap:70px;align-items:center;padding-bottom:40px}.footer-top img{width:245px!important;height:auto!important;max-height:80px!important;object-fit:contain!important;object-position:left center!important}.footer-top p{font-size:11px;line-height:1.7;max-width:300px}.footer-top>a{font-size:11px;color:#d8e6ef;border:1px solid #233746;border-radius:8px;padding:12px 15px}.footer-top>a b{margin-left:15px;color:#13bff0}.footer-bottom{border-top:1px solid #16232f;padding-top:22px;display:flex;justify-content:space-between;font-size:8px}.footer-bottom nav{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.07s}.delay-2{transition-delay:.14s}.delay-3{transition-delay:.21s}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:64px}.hero-copy{max-width:760px}.hero-dashboard{max-width:700px;margin:auto;width:100%}.service-grid{grid-template-columns:1fr 1fr}.project-feature{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.tech-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.brand{width:280px}.credibility{margin-top:50px}}
@media(max-width:760px){.container{width:min(100% - 32px,1180px)}.site-header{height:100px}.brand{width:220px;max-width:68vw}.brand img{max-height:62px!important}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:16px;right:16px;background:#061726;border:1px solid #29445c;border-radius:12px;padding:15px;flex-direction:column;align-items:stretch;gap:3px;box-shadow:0 25px 60px rgba(0,0,0,.34)}.main-nav.open{display:flex}.main-nav a{padding:11px}.nav-cta{text-align:center}.hero{min-height:auto;padding:122px 0 30px}.hero h1{font-size:48px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.dash-body{height:390px;grid-template-columns:55px 1fr}.dash-main{padding:23px 14px}.metric-grid{gap:6px}.metric-grid article{padding:10px}.metric-grid strong{font-size:17px}.chart-card{padding:12px}.bars{height:105px;gap:8px}.floating-card{display:none}.credibility{padding:25px 18px}.credibility-items{justify-content:center}.section{padding:82px 0}.section-head{display:block;margin-bottom:40px}.section-head>p{margin-top:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.project-copy,.project-copy.small{padding:31px 27px}.project-window{padding:35px 0 0 20px}.mini-app{height:325px}.steps{grid-template-columns:1fr 1fr}.tech-grid{display:block}.tech-list{margin-top:38px}.about-card{min-height:360px}.contact{padding:82px 0}.footer-top{grid-template-columns:1fr;gap:22px}.footer-bottom{flex-direction:column;gap:18px}.footer-top img{width:220px!important}}
@media(max-width:520px){.hero h1{font-size:41px}.dash-sidebar{display:none}.dash-body{display:block}.metric-grid article span{display:none}.steps{grid-template-columns:1fr}.steps p{max-width:none}.data-visual{padding:28px}.form-row{grid-template-columns:1fr}.contact-form{padding:24px 19px}.about-card img{width:100%!important}.footer-bottom nav{flex-wrap:wrap}.brand{width:195px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}


/* ==========================================================
   V6 — Real projects portfolio
   ========================================================== */

.kidcare-feature{
  grid-template-columns:.82fr 1.18fr;
  background:#fff;
}

.kidcare-shot{
  background:#edf3f8;
  min-height:455px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  border-left:1px solid #e0e7ee;
  overflow:hidden;
}

.kidcare-shot img{
  display:block;
  width:100%;
  height:auto;
  max-height:410px;
  object-fit:contain;
  border-radius:11px;
  box-shadow:0 20px 55px rgba(28,57,78,.12);
}

.project-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}

.project-points span{
  position:relative;
  padding:8px 10px 8px 22px;
  background:#eef8fc;
  border:1px solid #d4eaf3;
  border-radius:7px;
  font-size:9px;
  color:#477084;
  font-weight:600;
}

.project-points span:before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#0cbcf0;
  transform:translateY(-50%);
}

.real-projects .project-card{
  display:flex;
  flex-direction:column;
}

.real-projects .project-copy.small{
  flex:1;
}

.bakery-visual{
  background:linear-gradient(135deg,#def4fb,#b7ddea);
  padding:38px 0 0 34px;
}

.bakery-browser{
  height:300px;
  background:#fff;
  border:1px solid #bfd8e2;
  border-radius:12px 0 0 0;
  box-shadow:-14px 22px 46px rgba(27,81,101,.13);
  overflow:hidden;
}

.bakery-top{
  height:32px;
  border-bottom:1px solid #e5edf1;
  display:flex;
  align-items:center;
  padding:0 12px;
  gap:5px;
  color:#8a9aa5;
  font-size:7px;
}

.bakery-top i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#bdc8cf;
}

.bakery-top span{
  margin-left:auto;
  margin-right:auto;
  transform:translateX(-12px);
}

.bakery-body{
  height:268px;
  display:grid;
  grid-template-columns:91px 1fr;
}

.bakery-body aside{
  background:#0c2533;
  color:#6a8596;
  padding:17px 11px;
  display:flex;
  flex-direction:column;
  gap:14px;
  font-size:7px;
}

.bakery-body aside b{
  width:29px;
  height:29px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#10bce8;
  color:#fff;
  margin-bottom:13px;
}

.bakery-body aside .active{
  color:#22c9f3;
}

.bakery-body section{
  padding:22px 17px;
}

.bakery-body section>small{
  color:#8ca0ad;
  letter-spacing:.14em;
  font-size:5px;
}

.bakery-body h4{
  margin:6px 0 0;
  font-size:13px;
}

.bakery-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-top:18px;
}

.bakery-kpis div{
  border:1px solid #e1e8ed;
  border-radius:6px;
  padding:9px;
}

.bakery-kpis span,
.bakery-kpis b{
  display:block;
}

.bakery-kpis span{
  color:#8a9ba6;
  font-size:5px;
}

.bakery-kpis b{
  font-size:15px;
  margin-top:5px;
}

.order-list{
  border:1px solid #e1e8ed;
  border-radius:6px;
  padding:8px;
  margin-top:13px;
}

.order-list i{
  display:block;
  height:18px;
  border-bottom:1px solid #edf1f3;
}

.course-visual{
  background:linear-gradient(135deg,#071b34,#123966);
  padding:34px 28px 0;
}

.course-window{
  height:304px;
  background:#fff;
  border-radius:12px 12px 0 0;
  box-shadow:0 22px 50px rgba(0,0,0,.22);
  overflow:hidden;
}

.course-window>header{
  height:38px;
  background:#fff;
  border-bottom:1px solid #e7ebf0;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.course-window>header b{
  font-size:8px;
  color:#11243b;
}

.course-window>header span{
  font-size:6px;
  color:#6e8192;
}

.course-body{
  height:266px;
  display:grid;
  grid-template-columns:58px 1fr;
}

.course-body>aside{
  background:#081d35;
  padding:15px 9px;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:13px;
}

.course-logo{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:linear-gradient(135deg,#16bde8,#3267e7);
  color:#fff;
  font-size:8px;
  font-weight:800;
  margin-bottom:10px;
}

.course-body>aside i{
  display:block;
  width:27px;
  height:5px;
  background:#284158;
  border-radius:5px;
}

.course-body>aside i.selected{
  background:#19bee9;
}

.course-body>main{
  padding:19px 16px;
}

.course-body>main>small{
  font-size:5px;
  letter-spacing:.14em;
  color:#8799a6;
}

.course-body>main h4{
  font-size:12px;
  margin:6px 0 13px;
}

.course-card-ui{
  display:grid;
  grid-template-columns:80px 1fr;
  gap:12px;
  border:1px solid #e2e8ed;
  border-radius:8px;
  padding:9px;
}

.course-cover{
  background:linear-gradient(145deg,#06698d,#123b70);
  border-radius:6px;
  display:grid;
  place-items:center;
  min-height:75px;
}

.course-cover span{
  font-size:25px;
  color:#fff;
}

.course-card-ui section b{
  display:block;
  font-size:8px;
  color:#17293b;
}

.course-card-ui section p{
  margin:5px 0 9px;
  font-size:6px;
  color:#80919f;
}

.progress{
  height:5px;
  border-radius:6px;
  background:#e8edf1;
  overflow:hidden;
}

.progress i{
  display:block;
  width:62%;
  height:100%;
  background:linear-gradient(90deg,#0ebfe9,#286ce4);
}

.course-card-ui section small{
  display:block;
  margin-top:5px;
  font-size:5px;
  color:#98a5ae;
}

.lesson-lines{
  margin-top:12px;
}

.lesson-lines i{
  display:block;
  height:8px;
  background:#edf1f4;
  border-radius:5px;
  margin:7px 0;
}

.lesson-lines i:nth-child(1){width:93%}
.lesson-lines i:nth-child(2){width:76%}
.lesson-lines i:nth-child(3){width:84%}

@media(max-width:980px){
  .kidcare-feature{
    grid-template-columns:1fr;
  }

  .kidcare-shot{
    border-left:0;
    border-top:1px solid #e0e7ee;
  }
}

@media(max-width:760px){
  .kidcare-shot{
    min-height:0;
    padding:18px;
  }

  .kidcare-shot img{
    max-height:none;
  }

  .bakery-visual,
  .course-visual{
    min-height:260px;
  }
}

@media(max-width:520px){
  .bakery-visual{
    padding-left:18px;
  }

  .course-visual{
    padding:25px 16px 0;
  }

  .bakery-body{
    grid-template-columns:62px 1fr;
  }

  .bakery-body aside{
    padding-left:7px;
    padding-right:7px;
  }

  .bakery-body aside span{
    font-size:0;
  }

  .bakery-body aside span:before{
    content:"";
    display:block;
    width:24px;
    height:5px;
    border-radius:5px;
    background:#294158;
  }

  .bakery-body aside span.active:before{
    background:#22c9f3;
  }
}

/* ==========================================================
   HERO DASHBOARD PRO
   ========================================================== */

.dashboard-pro {
    background:
        radial-gradient(circle at 75% 10%, rgba(12, 128, 255, .08), transparent 35%),
        linear-gradient(180deg, #07192b, #061420);
}

.dash-top {
    justify-content: space-between;
    position: relative;
}

.dash-top-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.dash-app-name {
    font-size: 9px;
    color: #7890a5;
}

.dash-environment {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 9px;
    border: 1px solid #24465e;
    background: #0b2639;
    border-radius: 999px;
    color: #88a6b8;
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.dash-sidebar {
    padding-top: 22px;
}

.side-item {
    width: 37px;
    height: 37px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    display: grid;
    place-items: center;
    cursor: default;
}

.side-item.active {
    background: linear-gradient(135deg, #0dbef1, #1265f2);
    box-shadow: 0 8px 18px rgba(0, 130, 255, .22);
}

.side-icon {
    width: 16px;
    height: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
}

.side-icon i {
    background: #7390a7;
    border-radius: 2px;
}

.side-item.active .side-icon i {
    background: #fff;
}

.side-chart-icon {
    width: 17px;
    height: 17px;
    display: flex;
    align-items: flex-end;
    gap: 2px;
}

.side-chart-icon i {
    width: 4px;
    border-radius: 2px;
    background: #6e899f;
}

.side-chart-icon i:nth-child(1) {
    height: 7px;
}

.side-chart-icon i:nth-child(2) {
    height: 12px;
}

.side-chart-icon i:nth-child(3) {
    height: 16px;
}

.side-automation-icon,
.side-data-icon {
    color: #718ca2;
    font-size: 16px;
}

.side-spacer {
    flex: 1;
}

.side-user {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #183b55;
    color: #9ab1c2;
    font-size: 8px;
    display: grid;
    place-items: center;
}

.dash-heading p {
    margin: 5px 0 0;
    font-size: 7px;
    color: #60798e;
}

.dash-heading-actions {
    display: flex;
    gap: 7px;
}

.dash-filter,
.dash-export {
    border: 1px solid #214962;
    border-radius: 6px;
    padding: 8px 10px;
    color: #86b9cc;
    background: #09263a;
    font-size: 7px;
}

.dash-export {
    background: linear-gradient(135deg, #0abdf0, #0b72ef);
    border-color: transparent;
    color: #fff;
}

.metric-grid-pro article {
    position: relative;
    padding: 15px;
}

.metric-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.metric-top > span {
    font-size: 7px;
    color: #748ca0;
}

.metric-icon {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: #0b3047;
    border: 1px solid #1c5069;
    color: #1cc9f4;
    display: grid;
    place-items: center;
    font-size: 10px;
}

.metric-grid-pro strong {
    margin: 11px 0 8px;
    font-size: 23px;
}

.metric-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.metric-bottom em {
    font-size: 7px;
    color: #24df85;
}

.metric-bottom small {
    font-size: 6px;
    color: #617b90;
}

.dashboard-content-grid {
    display: grid;
    grid-template-columns: 1.7fr .85fr;
    gap: 11px;
    margin-top: 12px;
}

.chart-card-pro {
    margin-top: 0;
    height: 184px;
}

.chart-card-pro header {
    align-items: flex-start;
}

.chart-card-pro header > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chart-card-pro header strong {
    font-size: 9px;
}

.chart-card-pro header small {
    font-size: 6px;
    color: #657e92;
}

.chart-area {
    height: 116px;
    position: relative;
    margin-top: 7px;
}

.chart-grid-lines {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chart-grid-lines i {
    height: 1px;
    background: #203c52;
    width: 100%;
}

.trend-line {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.trend-line circle {
    fill: #0c1f31;
    stroke: #13bff3;
    stroke-width: 4;
}

.months-pro {
    margin-top: 0;
}

.activity-card {
    border: 1px solid #29455e;
    border-radius: 10px;
    background: #0d2237;
    padding: 14px;
}

.activity-card header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 11px;
}

.activity-card header strong {
    font-size: 8px;
}

.activity-card header span {
    font-size: 6px;
    color: #6e879b;
}

.activity-item {
    display: grid;
    grid-template-columns: 8px 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #1e384d;
}

.activity-item:last-child {
    border-bottom: 0;
}

.activity-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.activity-dot.success {
    background: #22df84;
    box-shadow: 0 0 0 4px rgba(34, 223, 132, .09);
}

.activity-dot.info {
    background: #14bdf1;
    box-shadow: 0 0 0 4px rgba(20, 189, 241, .09);
}

.activity-item b,
.activity-item small {
    display: block;
}

.activity-item b {
    font-size: 7px;
    color: #d8e5ee;
}

.activity-item small {
    font-size: 5px;
    color: #658095;
    margin-top: 3px;
}

.activity-item time {
    font-size: 5px;
    color: #60798e;
}

.floating-card-pro {
    min-width: 220px;
    justify-content: flex-start;
}

.floating-ai-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: linear-gradient(135deg, #12c5f2, #0a68ee);
    display: grid;
    place-items: center;
    font-size: 15px;
}

.floating-card-pro > span {
    flex: 1;
}

.floating-card-pro > b {
    color: #29df88;
    font-size: 9px;
}

@media(max-width:760px) {
    .dashboard-content-grid {
        grid-template-columns: 1fr;
    }

    .activity-card {
        display: none;
    }

    .dash-heading-actions {
        display: none;
    }

    .dash-environment {
        display: none;
    }
}

/* ============================================================
   HEADER LOGO — FINAL
   ============================================================ */

/* Desktop */
.site-header .header-inner > a.brand {
    display: block;
    flex: 0 0 400px;
    width: 400px !important;
    max-width: none !important;
}

.site-header .header-inner > a.brand > img {
    display: block;
    width: 400px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* Desktop */
.site-header .header-inner > a.brand {
    display: block;
    flex: 0 0 400px;
    width: 400px !important;
    max-width: none !important;
}

.site-header .header-inner > a.brand > img {
    display: block;
    width: 400px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/* Tablet */
@media (max-width: 980px) {
    .site-header .header-inner > a.brand {
        flex: 0 0 400px;
        width: 400px !important;
    }

    .site-header .header-inner > a.brand > img {
        width: 400px !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .site-header .header-inner > a.brand > img {
    width: 245px !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    object-position: left center !important;
    transform: translateX(-8px);
}

    
}