:root{--navy:#06172f;--navy2:#0b2450;--ink:#0a1728;--muted:#53677b;--teal:#0ea5b7;--cyan:#5ff3dc;--gold:#ffb547;--orange:#ff7f50;--bg:#f6f9fc;--white:#fff;--line:#dce8f0;--shadow:0 24px 70px rgba(6,23,47,.12);--shadow2:0 14px 34px rgba(6,23,47,.08);--radius:28px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 0 0,rgba(95,243,220,.13),transparent 28%),radial-gradient(circle at 95% 10%,rgba(255,181,71,.15),transparent 22%),linear-gradient(180deg,#f9fcff,#f3f7fb 45%,#f8fbff);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px 14px;border-radius:10px;z-index:200}.skip-link:focus{left:8px}.topbar{background:linear-gradient(90deg,var(--navy),#0b3550);color:#dffbff;font-size:13px}.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}.header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(6,23,47,.08);box-shadow:0 10px 30px rgba(6,23,47,.05)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo img{width:214px;height:auto}.desktop-nav{display:flex;align-items:center;gap:5px}.nav-link,.drop-trigger{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#19324c;font-weight:850;font-size:14px;padding:12px;border-radius:14px;cursor:pointer}.nav-link:hover,.nav-link.active,.drop:hover>.drop-trigger{background:#eef8fb;color:#0b7892}.nav-cta{background:linear-gradient(135deg,var(--orange),var(--gold));color:#fff!important;font-weight:950;padding:12px 18px;border-radius:999px;box-shadow:0 14px 30px rgba(255,127,80,.25)}.drop{position:relative}.drop-menu{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(14px);padding-top:15px;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:100}.drop:hover .drop-menu,.drop:focus-within .drop-menu,.drop-menu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.drop-panel{width:620px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.drop-panel.small{width:360px;grid-template-columns:1fr}.drop-panel a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:16px;color:#18314c;font-weight:850}.drop-panel a b{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#edfaff}.drop-panel a span{font-size:14px}.drop-panel a:hover{background:#f4fbff;color:#0b7892}.hamburger{display:none;border:1px solid var(--line);background:#fff;border-radius:15px;width:48px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:var(--shadow2)}.hamburger span{width:23px;height:2.5px;background:var(--navy);border-radius:99px;transition:.2s}.nav-open .hamburger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.nav-open .hamburger span:nth-child(2){opacity:0}.nav-open .hamburger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#06172f 0%,#0b3550 48%,#0ea5b7 120%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-160px;background:radial-gradient(circle,rgba(95,243,220,.34),transparent 68%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .78fr;gap:44px;align-items:center;padding:78px 0}.inner-hero .hero-grid{grid-template-columns:1fr .72fr;padding:62px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(14,165,183,.10);color:#087b91;border:1px solid rgba(14,165,183,.16);border-radius:999px;padding:8px 13px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:950}.hero .eyebrow,.dark-panel .eyebrow,.final-cta .eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#e9feff}h1,h2,h3{line-height:1.12;margin:0 0 14px;letter-spacing:-.035em}h1{font-size:clamp(38px,5.4vw,68px)}h2{font-size:clamp(27px,3.2vw,43px)}h3{font-size:21px}.lead{font-size:18px;color:#d8f8ff;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:14px 20px;font-weight:950;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--gold));color:#fff!important;box-shadow:0 18px 38px rgba(255,127,80,.25)}.btn-secondary{background:#fff;color:var(--navy)!important}.btn-outline{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);color:#fff!important}.btn-dark{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff!important}.full{width:100%}.hero-pills{display:flex;flex-wrap:wrap;gap:10px}.hero-pills span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;color:#e9feff;font-weight:850;font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;color:var(--ink)}.glass{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);color:#fff}.calc h3{font-size:28px}.calc p{color:#e5fbff;margin-top:-6px}.calc:not(.glass) p{color:var(--muted)}.calc label{display:grid;gap:7px;margin:12px 0;color:#fff;font-weight:850}.calc:not(.glass) label{color:#19324c}.calc select,.calc input{width:100%;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.92);color:#092136;border-radius:14px;min-height:48px;padding:12px;font:inherit}.calc:not(.glass) select,.calc:not(.glass) input{border-color:var(--line);background:#fff}.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-options{display:grid;gap:7px;margin:12px 0}.calc-options label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.calc-result{background:rgba(6,23,47,.78);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:17px;margin:16px 0}.calc-result small,.calc-result span{color:#c8f7ff;display:block}.calc-result strong{display:block;font-size:31px}.section{padding:76px 0}.section.alt{background:#fff}.section.blue{background:linear-gradient(180deg,#eef9fc,#f8fcff)}.section.dark{background:linear-gradient(135deg,var(--navy),#0b3550);color:#fff}.section-head{max-width:840px;margin:0 auto 34px;text-align:center}.section-head p{color:var(--muted);font-size:17px;margin:0 auto;max-width:760px}.section.dark .section-head p{color:#d5f5fb}.kicker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kicker-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow2)}.kicker-card b{font-size:28px;color:#0b7892}.kicker-card span{display:block;color:var(--muted);font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;min-height:240px;box-shadow:var(--shadow2);transition:.2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card:before{content:"";position:absolute;right:-54px;top:-54px;width:132px;height:132px;border-radius:50%;background:linear-gradient(135deg,rgba(14,165,183,.17),rgba(255,181,71,.18))}.icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,#eaffff,#e8f5ff);font-size:25px;margin-bottom:18px}.feature-card h3{font-size:21px}.feature-card p{color:#4d6476;margin:0;font-size:15px}.feature-card .learn{display:inline-flex;margin-top:16px;color:#087b91;font-weight:950}.showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.showcase.reverse{grid-template-columns:1.08fr .92fr}.dark-panel{background:linear-gradient(135deg,var(--navy),#0e6780);color:#fff;border-radius:32px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.dark-panel:after{content:"";position:absolute;right:-80px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:rgba(95,243,220,.18)}.dark-panel p,.dark-panel li{color:#d9f7fc}.check-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}.check-list li{position:relative;padding-left:32px;color:#3f5d70}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#e8fbf8;color:#0b8e78;font-weight:950}.glass .check-list li,.dark-panel .check-list li{color:#d9f7fc}.glass .check-list li:before,.dark-panel .check-list li:before{background:rgba(255,255,255,.16);color:#fff}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow2)}.step b{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--navy),#0e6780);color:#fff;margin-bottom:14px}.split-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mini{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow2)}.mini h3{font-size:20px}.mini p{color:#4b6374;margin:0}.link-cloud{display:flex;flex-wrap:wrap;gap:12px}.link-cloud a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:900;color:#0b7892;box-shadow:0 10px 24px rgba(6,23,47,.05)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow2);padding:22px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px;vertical-align:top}th{background:#eef9fc;color:#0b5268}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow2)}.faq h3{font-size:19px}.faq p{color:#4b6374;margin:0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow2)}.stars{color:#ffb547;letter-spacing:2px;font-size:18px}.quote p{color:#415d70}.quote b{display:block}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow2)}.related span{font-size:28px}.related h3{font-size:18px}.related p{color:#52697a;font-size:14px}.related a{font-weight:950;color:#0b7892}.final-cta{background:linear-gradient(135deg,var(--navy),#0b3550);color:#fff;padding:64px 0}.final-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.final-card p{color:#d5f5fb;max-width:750px}.footer{background:#03111f;color:#dffbff;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer-logo{width:220px;margin-bottom:16px}.footer p{color:#adc4d3}.footer h3{color:#fff;font-size:18px}.footer a{display:block;color:#bdd2df;margin:8px 0;font-weight:800}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;color:#91a9b9;font-size:14px}.whatsapp{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:80;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#25d366;box-shadow:0 18px 38px rgba(37,211,102,.32)}.whatsapp img{width:34px;height:34px}@media(max-width:1080px){.desktop-nav{display:none}.hamburger{display:flex}.mobile-menu{display:block;position:fixed;inset:80px 0 auto 0;background:rgba(6,23,47,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.nav-open .mobile-menu{opacity:1;visibility:visible;pointer-events:auto}.mobile-inner{width:min(430px,calc(100% - 24px));margin:12px auto;background:#fff;border-radius:24px;padding:16px;box-shadow:var(--shadow);max-height:calc(100vh - 115px);overflow:auto}.mobile-inner a,.mobile-drop-btn{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:#f4f8fb;color:#17304c;border-radius:14px;padding:13px 14px;margin:7px 0;font-weight:900;text-align:left}.mobile-drop-content{display:none;padding-left:10px}.mobile-drop.open .mobile-drop-content{display:block}.mobile-cta{background:linear-gradient(135deg,var(--orange),var(--gold))!important;color:#fff!important;justify-content:center!important}.hero-grid,.inner-hero .hero-grid,.showcase,.showcase.reverse{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.kicker-grid,.step-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.final-card{display:grid}.calc-row{grid-template-columns:1fr}}@media(max-width:680px){.container{width:min(100% - 22px,var(--max))}.topbar{display:none}.nav{height:70px}.logo img{width:165px}.mobile-menu{inset:70px 0 auto 0}.hero-grid,.inner-hero .hero-grid{padding:48px 0}h1{font-size:36px}.lead{font-size:16px}.section{padding:56px 0}.feature-grid,.kicker-grid,.step-grid,.split-cards,.faq-grid,.testimonial-grid,.related-grid,.footer-grid{grid-template-columns:1fr}.final-card{text-align:left}.footer-bottom{display:grid}.whatsapp{width:52px;height:52px;right:14px}.panel,.dark-panel{border-radius:24px;padding:22px}}

/* Student navigation refinements */
.drop-panel{max-height:min(76vh,720px);overflow:auto}
.footer-extra{grid-template-columns:1fr!important;margin-top:22px}
.logo img{aspect-ratio:520/130}
.footer-logo{aspect-ratio:520/130}
@media(max-width:1080px){.mobile-drop-content{max-height:360px;overflow:auto}}


/* Professional calculator redesign */
.estimator-card {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 32px;
  padding: 26px;
  box-shadow: 0 28px 76px rgba(6,23,47,.16);
  color: var(--ink);
}

.estimator-card:before {
  content: "";
  position: absolute;
  right: -90px;
  top: -100px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(95,243,220,.26), rgba(95,243,220,0) 70%);
}

.estimator-card:after {
  content: "";
  position: absolute;
  left: -80px;
  bottom: -120px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,181,71,.20), rgba(255,181,71,0) 72%);
}

.estimator-glass {
  background: rgba(255,255,255,.96);
  color: var(--ink);
  border-color: rgba(255,255,255,.80);
  backdrop-filter: blur(18px);
}

.estimator-top,
.estimator-form,
.estimate-output,
.estimator-btn {
  position: relative;
  z-index: 1;
}

.estimator-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}

.estimator-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 7px 11px;
  border-radius: 999px;
  background: #eafcff;
  color: #087b91;
  border: 1px solid #cceff6;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.estimator-top h3 {
  font-size: 29px;
  color: #06172f;
  margin-bottom: 8px;
}

.estimator-top p {
  color: #516a7d;
  margin: 0;
  font-size: 15px;
  line-height: 1.58;
}

.estimator-badge {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--navy), #0e6780);
  color: #ffffff;
  font-weight: 950;
  box-shadow: 0 14px 30px rgba(6,23,47,.18);
}

.estimator-form {
  display: grid;
  gap: 14px;
}

.estimator-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.field {
  display: grid;
  gap: 7px;
}

.field span {
  color: #223a51;
  font-size: 13px;
  font-weight: 900;
}

.field select,
.field input {
  width: 100%;
  min-height: 50px;
  border: 1px solid #d7e6ef;
  background: #f8fcff;
  color: #07172b;
  border-radius: 16px;
  padding: 12px 13px;
  font: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.field select:focus,
.field input:focus {
  outline: 3px solid rgba(14,165,183,.16);
  border-color: #0ea5b7;
  background: #ffffff;
}

.premium-switches {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

.premium-switches label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 11px 12px;
  border-radius: 16px;
  background: #f4fbff;
  border: 1px solid #dcebf3;
  color: #263f54;
  font-size: 13px;
  font-weight: 850;
}

.premium-switches input {
  width: 18px;
  height: 18px;
  accent-color: #0ea5b7;
}

.estimate-output {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 18px 0;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(135deg, #06172f, #0e6780);
  color: #ffffff;
  box-shadow: 0 18px 42px rgba(6,23,47,.20);
}

.estimate-output small,
.estimate-output span {
  display: block;
  color: #c9f7ff;
}

.estimate-output strong {
  display: block;
  font-size: 34px;
  line-height: 1.1;
  margin: 4px 0;
}

.estimate-icon {
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(255,255,255,.15);
  font-size: 24px;
}

.estimator-btn {
  min-height: 52px;
}

.pricing .hero-grid,
body:has(.hero .estimator-card) .hero-grid {
  align-items: center;
}

@media(max-width:680px) {
  .estimator-card {
    padding: 21px;
    border-radius: 24px;
  }

  .estimator-top {
    display: grid;
  }

  .estimator-badge {
    width: 48px;
    height: 48px;
  }

  .estimator-top h3 {
    font-size: 24px;
  }

  .estimator-row,
  .premium-switches {
    grid-template-columns: 1fr;
  }

  .estimate-output {
    align-items: flex-start;
  }

  .estimate-output strong {
    font-size: 29px;
  }
}