:root{--navy:#101936;--blue:#2457e6;--violet:#6246ea;--cyan:#25b8ee;--ink:#1b2542;--muted:#68738c;--line:#e6eaf4;--pale:#f4f7ff;--white:#fff;--shadow:0 18px 50px rgba(28,54,117,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,234,244,.85)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:1.18rem;letter-spacing:-.04em;color:var(--navy)}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.35rem;background:linear-gradient(135deg,#20c9f5,#513be5 60%,#ff8c36);box-shadow:0 8px 20px #5148d333}.brand small{display:block;font-size:.62rem;letter-spacing:.42em;color:var(--blue);line-height:1.2}.nav-links{display:flex;align-items:center;gap:22px;font-size:.9rem;font-weight:650;color:#4b5670}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border-radius:12px;font-weight:750;border:1px solid transparent;transition:.2s;cursor:pointer}.nav-cta,.btn-primary{background:linear-gradient(110deg,var(--blue),var(--violet));color:white;box-shadow:0 8px 20px #3458df2b}.btn:hover,.nav-cta:hover{transform:translateY(-2px)}.btn-secondary{border-color:#d9e0f0;color:var(--navy);background:white}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:1.1rem}.hero{padding:76px 0 68px;overflow:hidden;background:radial-gradient(ellipse at 82% 35%,#e4ebff 0,transparent 37%),linear-gradient(135deg,#fff 20%,#f7f8ff 100%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero h1{font-size:clamp(2.8rem,5vw,4.8rem);letter-spacing:-.065em;line-height:1.02;margin:20px 0 20px;color:var(--navy)}.gradient-text{background:linear-gradient(100deg,var(--violet),var(--blue),#159edb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.12rem;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#52617c;font-size:.85rem;font-weight:650}.trust-row span:before{content:"✓";color:#16a477;font-weight:900;margin-right:7px}.hero-art{position:relative}.hero-art img{width:100%;border-radius:26px;box-shadow:var(--shadow)}.art-placeholder{min-height:370px;border-radius:28px;background:linear-gradient(140deg,#f1f4ff,#dbe5ff 60%,#f9faff);display:grid;place-items:center;position:relative;overflow:hidden}.orb{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#b8c9ff 35%,#5a6ff1 68%,#2535a5);box-shadow:inset -18px -20px 35px #1d287b55,0 30px 70px #4c5fbe40;position:relative}.orb:before{content:"••";position:absolute;top:65px;left:66px;letter-spacing:25px;font-size:36px;color:#16337c}.orb:after{content:"⌣";position:absolute;top:90px;left:86px;font-size:48px;color:#16337c}.float-card{position:absolute;background:white;border:1px solid #e5eaff;border-radius:16px;padding:14px 17px;box-shadow:0 12px 32px #334b8d1c;font-size:.85rem;font-weight:750}.float-card.one{top:13%;left:2%}.float-card.two{right:0;bottom:14%}.section{padding:82px 0}.section-soft{background:var(--pale)}.section-heading{text-align:center;max-width:720px;margin:0 auto 42px}.section-heading h2{font-size:clamp(2rem,3vw,3rem);line-height:1.1;letter-spacing:-.05em;color:var(--navy);margin:13px 0}.section-heading p{color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:white;box-shadow:0 8px 30px rgba(26,48,100,.035)}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);transition:.2s}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e6f7ff,#ebe7ff);font-size:1.45rem;margin-bottom:18px}.card h3{margin:0 0 9px;color:var(--navy);font-size:1.16rem}.card p{margin:0;color:var(--muted);font-size:.95rem}.text-link{display:inline-flex;margin-top:18px;color:var(--blue);font-weight:800;font-size:.9rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split h2{font-size:clamp(2rem,3.4vw,3.3rem);letter-spacing:-.055em;line-height:1.1;margin:14px 0}.split p{color:var(--muted)}.check-list{padding:0;list-style:none}.check-list li{margin:12px 0;color:#46536d}.check-list li:before{content:"✓";color:#16a477;font-weight:900;margin-right:10px}.feature-panel{border-radius:28px;background:linear-gradient(135deg,#172d77,#354fe2 60%,#6751e9);color:white;padding:34px;box-shadow:var(--shadow)}.feature-panel h3{font-size:1.6rem;margin:0 0 10px}.feature-panel p{color:#e1e8ff}.feature-pill{display:inline-block;padding:7px 11px;border-radius:99px;background:#ffffff20;border:1px solid #ffffff38;font-size:.8rem;margin:5px 4px 0 0}.page-hero{padding:72px 0 58px;text-align:center;background:radial-gradient(ellipse at 50% 0,#e7edff,transparent 62%),#fafbff}.page-hero h1{font-size:clamp(2.6rem,5vw,4.1rem);letter-spacing:-.06em;line-height:1.05;color:var(--navy);margin:16px 0}.page-hero p{max-width:720px;margin:auto;color:var(--muted);font-size:1.08rem}.pricing-card{position:relative}.pricing-card.featured{border:2px solid var(--blue);box-shadow:0 18px 45px #2c53df18}.popular{position:absolute;top:18px;right:18px;background:#e9edff;color:var(--blue);font-size:.72rem;font-weight:850;padding:6px 9px;border-radius:99px}.price{font-size:2.1rem;font-weight:900;letter-spacing:-.05em;color:var(--navy);margin:16px 0 4px}.price small{font-size:.85rem;letter-spacing:0;color:var(--muted);font-weight:600}.pricing-card ul{list-style:none;padding:0;margin:20px 0}.pricing-card li{padding:8px 0;color:#53607a;border-bottom:1px solid #f0f2f8}.pricing-card li:before{content:"✓";color:#159b74;font-weight:900;margin-right:9px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-info{background:linear-gradient(145deg,#192c71,#4b4ee5);border-radius:24px;padding:32px;color:white}.contact-info p{color:#e2e8ff}.contact-info .contact-item{margin:22px 0}.contact-form{padding:30px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:16px}.field label{display:block;font-size:.85rem;font-weight:750;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #dce2ef;border-radius:11px;font:inherit;color:var(--ink);background:#fff}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid #dfe7ff;border-color:var(--blue)}.notice{display:none;padding:12px;border-radius:10px;background:#e9fff5;color:#12684d;margin-top:14px}.cta-band{padding:42px;border-radius:28px;background:linear-gradient(110deg,#1c3caa,#5145df);color:white;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 9px}.cta-band p{margin:0;color:#e1e8ff}.site-footer{background:#101936;color:#dce4ff;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.site-footer .brand{color:white}.site-footer p,.site-footer a{color:#aebbe0;font-size:.9rem}.site-footer h4{margin:0 0 14px;color:white}.footer-links{display:grid;gap:9px}.footer-bottom{border-top:1px solid #ffffff20;margin-top:35px;padding-top:18px;color:#9aa9d1;font-size:.82rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.small-note{font-size:.83rem;color:var(--muted)}.mobile-only{display:none}
@media(max-width:980px){.nav-links{gap:12px;font-size:.82rem}.nav-cta{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:54px}.hero-art{max-width:680px;margin:auto}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 28px,1160px)}.nav{min-height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:14px;right:14px;top:70px;padding:18px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:7px}.hero{padding:45px 0}.hero h1{font-size:2.8rem}.section{padding:58px 0}.grid-3,.grid-2,.contact-layout,.form-row{grid-template-columns:1fr}.card{padding:22px}.cta-band{padding:28px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.page-hero{padding:52px 0 42px}.trust-row{gap:9px}.contact-form{padding:22px}}


/* Full-width homepage banner — option 1 */
.homepage-banner{padding:0;background:linear-gradient(120deg,#fff,#f1f4ff);overflow:hidden}
.homepage-banner-image{width:100%;background:#f8faff}
.homepage-banner-image img{width:100%;height:auto;max-height:760px;object-fit:cover;object-position:center;display:block}
.banner-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:30px}
.banner-action-copy p{margin:6px 0 0;color:var(--muted)}
.banner-action-copy .eyebrow{font-size:.78rem}
.banner-actions .hero-actions{margin:0;flex-shrink:0}
@media(max-width:700px){
  .homepage-banner-image img{width:100%;height:auto;object-fit:contain}
  .banner-actions{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:24px;gap:8px}
  .banner-actions .hero-actions{width:100%}
  .banner-actions .hero-actions .btn{flex:1}
}


/* Nexus logo image in header and footer */
.brand-logo{width:43px;height:43px;object-fit:contain;flex:0 0 auto}
.site-footer .brand-logo{width:46px;height:46px}
.brand{gap:10px}
.homepage-banner-image img{width:100%;height:auto;display:block;object-fit:contain}
.banner-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:30px}
.banner-action-copy p{margin:6px 0 0;color:var(--muted)}
.banner-actions .hero-actions{margin:0;flex-shrink:0}
.banner-actions .btn{position:relative;z-index:2;pointer-events:auto}
@media(max-width:700px){
 .brand-logo{width:36px;height:36px}
 .banner-actions{align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:24px;gap:12px}
 .banner-actions .hero-actions{display:flex;width:100%;flex-wrap:wrap}
 .banner-actions .hero-actions .btn{flex:1}
}


/* Rotating full-width homepage banners */
.banner-carousel{width:100%;position:relative;background:#f8faff;overflow:hidden}
.banner-slides{display:grid;width:100%}
.banner-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s ease;pointer-events:none}
.banner-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.banner-slide img{width:100%;height:auto;max-height:760px;object-fit:contain;object-position:center;display:block;margin:0 auto}
.banner-controls{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);box-shadow:0 4px 18px rgba(30,50,100,.12)}
.banner-dot{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:#aeb9e5;cursor:pointer;transition:all .2s}
.banner-dot.is-active{width:25px;border-radius:999px;background:linear-gradient(100deg,var(--blue),var(--violet))}
.banner-dot:focus-visible{outline:3px solid #9eb2ff;outline-offset:3px}
@media(max-width:700px){.banner-slide img{width:100%;height:auto;max-height:none}.banner-controls{bottom:8px;gap:8px;padding:7px 10px}.banner-dot{width:8px;height:8px}.banner-dot.is-active{width:20px}}
@media(prefers-reduced-motion:reduce){.banner-slide,.banner-dot{transition:none}}


/* ── Myanmar font support ── */
html[lang="my"] body {
  font-family: 'Noto Sans Myanmar', 'Myanmar Text', 'Myanmar Sangam MN', sans-serif;
  line-height: 1.9;
}

/* Burmese stacked marks break with tracking, so reset it for Burmese text... */
html[lang="my"] * {
  letter-spacing: normal !important;
}

html[lang="my"] h1,
html[lang="my"] h2,
html[lang="my"] h3,
html[lang="my"] h4 {
  line-height: 1.5;
}

/* ...but the brand wordmark is always Latin: keep it identical to the EN page
   (same font, tracking and line-height) so the header doesn't change size. */
html[lang="my"] .brand {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.04em !important;
  line-height: 1.65;
}
html[lang="my"] .brand small {
  letter-spacing: .42em !important;
  line-height: 1.2;
}

/* ── Language switcher ── */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 10px;
  font-size: 13px;
  font-weight: 600;
}

.lang-switcher a {
  color: inherit;
  text-decoration: none;
  opacity: 0.65;
  padding: 4px 6px;
  border-radius: 4px;
  transition: opacity 0.15s ease, background 0.15s ease;
}

.lang-switcher a:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.05);
}

.lang-switcher a.active {
  opacity: 1;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.lang-switcher span[aria-hidden] {
  opacity: 0.3;
}

@media (max-width: 768px) {
  .lang-switcher {
    order: 3;
    width: 100%;
    justify-content: flex-end;
    margin: 4px 0;
  }
}


/* Burmese nav labels are much longer than the English ones, so the desktop
   menu wraps onto several lines between 701px and 980px. Use the hamburger
   menu up to 1200px on Burmese pages. */
@media (max-width: 1200px) {
  html[lang="my"] .menu-toggle { display: block; }
  html[lang="my"] .nav-links {
    display: none;
    position: absolute;
    left: 14px; right: 14px; top: 100%;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: var(--shadow);
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    font-size: .9rem;
  }
  html[lang="my"] .nav-links.open { display: flex; }
  html[lang="my"] .nav-links a { padding: 7px; }
}


/* ဆက်သွယ်ရန် header button: Burmese has no spaces, so stop it breaking mid-word */
html[lang="my"] .nav-cta,
html[lang="my"] .nav-links a { white-space: nowrap; flex-shrink: 0; }
@media (min-width: 1201px) {
  html[lang="my"] .nav { gap: 16px; }
  html[lang="my"] .nav-links { gap: 8px; font-size: .8rem; }
  html[lang="my"] .nav-cta { padding: 12px 16px; }
  html[lang="my"] .lang-switcher { margin: 0 4px; }
}


/* Header: logo on the left; language switcher + hamburger grouped on the right */
@media (max-width: 768px) {
  .nav { gap: 12px; }
  .lang-switcher { order: 2; width: auto; margin: 0 0 0 auto; justify-content: flex-end; }
  .menu-toggle { order: 3; }
}
@media (max-width: 1200px) {
  html[lang="my"] .lang-switcher { order: 2; width: auto; margin: 0 0 0 auto; justify-content: flex-end; }
  html[lang="my"] .menu-toggle { order: 3; }
  html[lang="my"] .nav-cta { order: 4; }
}

/* Hand pointer on the hamburger menu button */
.menu-toggle { cursor: pointer; }


/* Burmese has no spaces, so keep button labels on one line */
html[lang="my"] .btn { white-space: nowrap; flex-shrink: 0; }


/* Keep the "Nexus Tech" wordmark on one line like the English page; it was being
   squeezed by the longer Burmese nav. (Below 769px it may wrap, as on EN.) */
@media (min-width: 769px) {
  html[lang="my"] .brand { flex-shrink: 0; white-space: nowrap; }
}