*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#06152f;--navy2:#081d3f;--blue:#168cff;--cyan:#39c6ff;--white:#f8fbff;--muted:#9eb0c9;--black:#020713;--line:rgba(255,255,255,.10);--shadow:0 25px 70px rgba(0,0,0,.35)}
html{scroll-behavior:smooth}
body{font-family:Inter,"Noto Sans Myanmar",sans-serif;background:linear-gradient(135deg,#020817 0%,#061a3b 42%,#0a2c5c 72%,#031126 100%);background-attachment:fixed;color:var(--white);line-height:1.6;overflow-x:hidden;min-height:100vh}
a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.section{padding:105px 0;position:relative}.topbar{background:#020a19;border-bottom:1px solid var(--line);font-size:13px;color:#b9c7db}.topbar-inner{height:36px;display:flex;justify-content:space-between;align-items:center}.language{display:flex;gap:8px;align-items:center}.lang-btn{background:none;border:0;color:#8ea1bd;cursor:pointer;font:inherit}.lang-btn.active{color:#fff;font-weight:700}
.header{position:sticky;top:0;z-index:100;background:rgba(6,21,47,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:74px;display:flex;align-items:center;gap:30px}.logo{font-size:21px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:7px}.logo b{color:#5bc7ff}.brand-logo{width:52px;height:52px;object-fit:contain;border-radius:6px;background:#fff}.brand-name{display:flex;flex-direction:column;gap:2px;line-height:1.2;font-size:17px}.brand-name b{font-size:10px;letter-spacing:1.1px;color:#5bc7ff}@media(max-width:600px){.brand-logo{width:42px;height:42px}.brand-name{font-size:13px}.brand-name b{font-size:8px;letter-spacing:.5px}}.logo-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:26px;color:#fff}.nav{display:flex;gap:27px;margin-left:auto}.nav a{color:#aebed4;font-size:14px;transition:.25s}.nav a:hover,.nav a.active{color:#fff}.nav-cta{padding:10px 18px;border-radius:9px;background:var(--blue);font-size:14px;font-weight:700;box-shadow:0 8px 24px rgba(22,140,255,.25)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}
.hero{min-height:720px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 45%,rgba(13,108,210,.22),transparent 32%),linear-gradient(180deg,#071a38,#06152f)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{color:#5ccaff;font-weight:800;font-size:12px;letter-spacing:2px;margin-bottom:18px}.hero h1{font-size:clamp(42px,6vw,75px);line-height:1.04;letter-spacing:-3px;margin-bottom:23px}.gradient-text{background:linear-gradient(90deg,#fff,#41c6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:600px;color:#aebed4;font-size:17px}.hero-actions{display:flex;gap:13px;margin:31px 0 38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:13px 22px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;transition:.25s}.btn-primary{background:linear-gradient(135deg,#168cff,#31baff);box-shadow:0 12px 30px rgba(22,140,255,.25)}.btn-primary:hover{transform:translateY(-3px)}.btn-outline{border-color:#2c527e;background:rgba(255,255,255,.03)}.btn-outline:hover{background:rgba(255,255,255,.08)}.hero-stats{display:flex;gap:35px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:19px}.hero-stats span{font-size:11px;color:#8194b1;margin-top:2px}
.hero-visual{min-height:470px;position:relative;display:grid;place-items:center}.wifi-card{width:285px;height:285px;border-radius:50%;background:radial-gradient(circle,#0e4685 0,#08244c 45%,#06152f 70%);border:1px solid rgba(74,189,255,.35);box-shadow:0 0 90px rgba(20,137,255,.25),inset 0 0 50px rgba(25,145,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.wifi-symbol{font-size:90px;line-height:.7;transform:rotate(-45deg);color:#5acaff;text-shadow:0 0 35px rgba(73,199,255,.7)}.wifi-card>span{font-size:10px;letter-spacing:2px;color:#72d3ff;margin-top:20px}.wifi-card>strong{font-size:26px}.wifi-card small{color:#8ca5c4}.signal-ring{position:absolute;border:1px solid rgba(66,182,255,.18);border-radius:50%;animation:pulse 3s infinite}.ring-1{width:360px;height:360px}.ring-2{width:440px;height:440px;animation-delay:1s}.ring-3{width:530px;height:530px;animation-delay:2s}.orbit{position:absolute;border:1px dashed rgba(71,174,255,.18);border-radius:50%;animation:spin 18s linear infinite}.orbit-a{width:500px;height:500px}.orbit-b{width:390px;height:390px;animation-direction:reverse}.floating-card{position:absolute;background:rgba(8,29,63,.88);border:1px solid rgba(95,183,255,.2);box-shadow:var(--shadow);border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:10px;z-index:3;font-size:23px;backdrop-filter:blur(10px)}.floating-card span{display:flex;flex-direction:column}.floating-card b{font-size:13px}.floating-card small{font-size:10px;color:#8398b5}.card-speed{right:0;top:70px}.card-secure{left:0;bottom:65px}.hero-glow{position:absolute;width:300px;height:300px;background:#078bff;filter:blur(150px);opacity:.1}.glow-1{left:-120px;top:20%}.glow-2{right:-120px;bottom:0}
.section-heading{text-align:center;max-width:700px;margin:0 auto 55px}.section-heading h2,.about-copy h2,.contact-box h2{font-size:clamp(31px,4vw,48px);line-height:1.1;letter-spacing:-1.5px}.section-heading p,.about-copy>p,.contact-box p{color:var(--muted);margin-top:14px}.packages{background:#f4f8fc;color:#08152a}.packages .eyebrow,.services .eyebrow,.about .eyebrow{color:#168cff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{background:#fff;border:1px solid #dbe5ef;border-radius:17px;padding:30px;position:relative;box-shadow:0 15px 45px rgba(9,38,73,.08);transition:.3s}.price-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(9,38,73,.13)}.price-card.featured{background:linear-gradient(150deg,#061a38,#0b3565);color:#fff;border-color:#1a70b8;transform:translateY(-12px)}.price-card.featured:hover{transform:translateY(-19px)}.plan-tag{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#168cff}.featured .plan-tag{color:#5bc7ff}.price-card h3{font-size:32px;margin:13px 0 4px}.price-card>p{color:#718197;font-size:13px;min-height:42px}.featured>p{color:#a8bbd3}.price{font-size:26px;font-weight:800;margin:24px 0}.price small{font-size:11px;color:#8090a4;font-weight:500}.featured .price small{color:#9bb0ca}.price-card ul{list-style:none;border-top:1px solid #e4eaf1;padding-top:18px;margin-bottom:24px}.featured ul{border-color:rgba(255,255,255,.12)}.price-card li{font-size:13px;margin:10px 0;color:#526177}.featured li{color:#d3e0ef}.full{width:100%}.popular{position:absolute;right:18px;top:18px;background:#168cff;color:#fff;font-size:9px;padding:6px 9px;border-radius:30px;font-weight:800}
.services{background:#07162f}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:rgba(255,255,255,.035);border:1px solid var(--line);padding:28px 24px;border-radius:14px;transition:.3s}.service-card:hover{background:rgba(22,140,255,.08);border-color:rgba(50,175,255,.3);transform:translateY(-6px)}.icon{width:48px;height:48px;border-radius:12px;background:rgba(22,140,255,.13);display:grid;place-items:center;font-size:22px;margin-bottom:20px}.service-card h3{font-size:17px}.service-card p{font-size:13px;color:#8ea2bf;margin-top:10px}
.about{background:#f5f8fc;color:#09172d}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-art{height:390px;position:relative;display:grid;place-items:center}.about-circle{width:290px;height:290px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1b82dd,#08234a 67%,#06152f);box-shadow:0 30px 80px rgba(0,70,145,.2);border:12px solid #fff}.about-circle span{font-size:130px;color:#63d1ff}.mini-badge{position:absolute;right:10px;top:60px;background:#fff;padding:10px 15px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.1);font-size:11px;font-weight:800;color:#167cd0}.badge-2{left:5px;right:auto;bottom:55px;top:auto}.about-copy h2{margin-bottom:18px}.check-list{display:flex;flex-direction:column;gap:14px;margin-top:27px;font-size:14px}.check-list span{color:#168cff}.check-list b{color:#26374e;margin-left:6px}
.contact{background:linear-gradient(180deg,#06152f,#020713)}.contact-box{background:linear-gradient(135deg,#0b2852,#06152f);border:1px solid rgba(91,199,255,.18);border-radius:20px;padding:45px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;box-shadow:var(--shadow)}.contact-box h2{margin-bottom:10px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact input,.contact select{width:100%;padding:14px 15px;border-radius:9px;border:1px solid #29486d;background:#06162e;color:#fff;outline:none;font:inherit}.contact input:focus,.contact select:focus{border-color:#2daeff}.contact select{grid-column:1/2}.contact button{grid-column:2/3}
.footer{background:#020713;border-top:1px solid var(--line);padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer p,.footer a{color:#71839f;font-size:13px;display:block;margin-top:8px}.footer h4{font-size:13px}.copyright{text-align:center;border-top:1px solid var(--line);padding:18px;color:#52647e;font-size:11px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.toast{position:fixed;right:22px;bottom:22px;background:#fff;color:#07162f;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.3s;z-index:200;font-size:13px}.toast.show{transform:none;opacity:1}
@keyframes pulse{0%,100%{transform:scale(.92);opacity:.25}50%{transform:scale(1.04);opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.nav{display:none}.nav.open{display:flex;position:absolute;left:0;right:0;top:74px;background:#06152f;padding:20px 4%;flex-direction:column;border-bottom:1px solid var(--line)}.menu-toggle{display:block}.nav-cta{display:none}.hero-grid,.about-grid,.contact-box{grid-template-columns:1fr}.hero{padding-top:70px}.hero-visual{min-height:440px}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.service-grid{grid-template-columns:1fr 1fr}.about-art{height:330px}.contact form{margin-top:10px}}
@media(max-width:560px){.topbar{display:none}.section{padding:75px 0}.hero h1{font-size:43px;letter-spacing:-2px}.hero-actions{flex-direction:column}.hero-stats{gap:18px}.hero-stats strong{font-size:16px}.hero-visual{transform:scale(.78);margin:-25px -50px}.service-grid{grid-template-columns:1fr}.contact-box{padding:28px 20px}.contact form{grid-template-columns:1fr}.contact select,.contact button{grid-column:auto}.footer-grid{grid-template-columns:1fr}.about-grid{gap:25px}}


/* AGGA Net pricing and prepaid promotion */
.pricing-grid-five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tax-note { margin: 24px auto 44px; text-align: center; font-family: "Noto Sans Myanmar", sans-serif; color: var(--muted, #64748b); }
.promotion-section { padding-top: 12px; }
.promotion-section .section-heading p { max-width: 850px; margin-inline: auto; line-height: 1.9; font-family: "Noto Sans Myanmar", sans-serif; }
.promo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 32px; }
.promo-card { border: 1px solid rgba(100,116,139,.22); border-radius: 18px; padding: 24px; background: var(--card, #fff); box-shadow: 0 12px 30px rgba(15,23,42,.06); }
.promo-card h3 { font-size: 1.12rem; margin: 0 0 18px; font-family: "Noto Sans Myanmar", sans-serif; }
.promo-card ul { list-style: none; margin: 0; padding: 0; }
.promo-card li { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(100,116,139,.16); font-size: .92rem; }
.promo-card li:last-child { border-bottom: 0; }
.promo-card li span { white-space: nowrap; color: var(--muted, #64748b); }
.promo-card li b { text-align: right; }
@media (max-width: 900px) {
  .pricing-grid-five, .promo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .pricing-grid-five, .promo-grid { grid-template-columns: 1fr; }
  .promo-card { padding: 20px; }
}

/* Deep navy gradient refresh and separate-page navigation */
.topbar { background: rgba(1,7,20,.82); }
.header { background: rgba(3,15,37,.86); }
.hero { background: radial-gradient(circle at 82% 38%,rgba(19,123,231,.28),transparent 35%),linear-gradient(135deg,#020817 0%,#061a3b 48%,#0a2c5c 100%); }
.packages, .about { background: linear-gradient(135deg,#04142e 0%,#08244b 52%,#06152f 100%); color:#f8fbff; }
.price-card { background:rgba(255,255,255,.96); color:#08152a; }
.price-card.featured { background:linear-gradient(145deg,#06152f,#0b3a70); color:#fff; }
.services { background:linear-gradient(135deg,#020817,#071d40 55%,#092b59); }
.contact { background:linear-gradient(135deg,#020817,#061a3b 55%,#082650); }
.contact-box { background:linear-gradient(135deg,rgba(10,42,84,.96),rgba(3,14,34,.98)); }
.promo-card { background:rgba(255,255,255,.96); color:#08152a; border-color:rgba(77,166,255,.28); }
.promo-card li span { color:#5b6e86; }
.tax-note { color:#c2d5ef; }
.about .check-list b { color:#e5efff; }
.nav a.active { color:#fff; }
@media(max-width:900px){.nav.open{background:#04142e}}

.language { display:flex; gap:8px; align-items:center; }
.lang-btn { background:transparent; border:0; color:#9eb0c9; cursor:pointer; font:inherit; font-size:12px; padding:4px 2px; }
.lang-btn.active { color:#fff; font-weight:800; }

/* AGGA reference-inspired branding and five-page navigation */
.logo{display:flex;align-items:center;gap:12px;white-space:normal}.logo img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:8px}.logo span{display:flex;flex-direction:column;gap:3px}.logo strong{font-size:1.12rem;letter-spacing:.02em}.logo b{font-size:.72rem;letter-spacing:.04em;color:#27c8f2}.nav{gap:clamp(10px,1.8vw,28px)}.nav a{white-space:nowrap}
@media(max-width:700px){.logo img{width:48px;height:48px}.logo strong{font-size:.85rem}.logo b{font-size:.58rem}.nav{flex-wrap:wrap}}

/* Reference screenshot refresh: luminous cyan network hero on deep navy gradient */
.hero {
  min-height: 500px;
  padding: 58px 0;
  background-image: linear-gradient(90deg, rgba(2,14,39,.98) 0%, rgba(3,22,53,.88) 38%, rgba(3,22,53,.22) 72%, rgba(2,14,39,.12) 100%), url('../assets/hero-network.png');
  background-position: center, right center;
  background-size: cover, auto 100%;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(0,190,255,.55);
}
.hero-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
.hero-copy { max-width: 590px; position: relative; z-index: 2; }
.hero h1 { font-size: clamp(36px, 4.2vw, 58px); letter-spacing: -1.5px; }
.hero-copy>p { color: #e2edff; }
.hero-visual { display: none; }
.hero .eyebrow { color: #35d3ff; }
.hero .btn-primary { border-radius: 30px; background: linear-gradient(90deg,#087fff,#16d4ff); }
.hero .btn-outline { border-radius: 30px; border-color: #16c9ff; }
.header { background: rgba(2,16,42,.94); border-bottom: 1px solid rgba(0,185,255,.6); }
.logo img { border-radius: 0; background: transparent; }
.logo strong, .brand-name { color: #fff; }
.nav a.active, .nav a:hover { color: #21d4ff; }
.nav-cta { border-radius: 24px; background: linear-gradient(90deg,#057dff,#00c6f5); }
body { background: linear-gradient(135deg,#020b20 0%,#062453 48%,#03132e 100%); }
@media(max-width:700px) {
 .hero { min-height: 570px; background-position: center, 64% center; background-size: cover, auto 72%; }
 .hero-copy { background: linear-gradient(90deg,rgba(2,14,39,.82),rgba(2,14,39,.55)); padding: 20px 16px; border-radius: 16px; }
 .hero-stats { flex-wrap: wrap; }
}


/* Final clarity and transparent AGGA logo refinements */
.logo img.brand-logo { background: transparent !important; object-fit: contain; border-radius: 0; padding: 0; filter: drop-shadow(0 2px 8px rgba(0,170,255,.12)); }
.hero { background-size: cover, auto 100%; background-position: center, right center; }
@media (min-width: 1200px) { .hero { background-size: cover, auto 112%; } }


/* Update: cleaner high-clarity hero and premium dark promotion sheets */
.hero {
  background-image: linear-gradient(90deg, rgba(2,14,39,.90) 0%, rgba(3,22,53,.68) 34%, rgba(3,22,53,.08) 72%, rgba(2,14,39,.02) 100%), url('../assets/hero-network.png');
  background-position: center, right center;
  background-size: cover, auto 108%;
  background-repeat: no-repeat;
}
.promotion-section { margin-top: 34px; padding: 30px; border: 1px solid rgba(0,190,255,.75); border-radius: 20px; background: linear-gradient(135deg, rgba(2,18,48,.97), rgba(4,44,94,.88)); box-shadow: 0 0 28px rgba(0,153,255,.13), inset 0 0 24px rgba(0,153,255,.06); }
.promotion-section .section-heading .eyebrow { color: #23d8ff; letter-spacing: .12em; }
.promotion-section .section-heading h2 { color: #f4f9ff; }
.promotion-section .section-heading p { color: #d4e8ff; }
.promo-grid { gap: 16px; margin-top: 24px; }
.promo-card { position: relative; overflow: hidden; border: 1px solid #079fe9; border-radius: 15px; padding: 22px 20px; background: linear-gradient(150deg, rgba(4,34,76,.98), rgba(2,15,42,.98)); color: #f3f8ff; box-shadow: 0 8px 24px rgba(0,0,0,.2), inset 0 0 18px rgba(0,157,255,.08); }
.promo-card:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg,#00c8ff,#137bff,#00e0ff); }
.promo-card h3 { color: #35dcff; font-size: 1.05rem; line-height: 1.7; }
.promo-card li { border-bottom-color: rgba(69,177,255,.2); color: #e7f2ff; font-size: .88rem; }
.promo-card li span { color: #d3e6ff; }
.promo-card li b { color: #fff; }
@media(max-width:700px) { .hero { background-image: linear-gradient(90deg, rgba(2,14,39,.78), rgba(2,14,39,.38)), url('../assets/hero-network.png'); background-size: cover, auto 82%; } .promotion-section { padding: 18px; } }


/* Customer announcement notice */
.notice-section{padding:42px 0;background:linear-gradient(180deg,rgba(3,24,58,.92),rgba(2,10,28,.98));}
.notice-card{border:1px solid rgba(0,196,255,.7);border-radius:20px;padding:clamp(20px,3vw,36px);background:radial-gradient(ellipse at top right,rgba(0,110,255,.2),transparent 48%),linear-gradient(135deg,rgba(3,26,61,.98),rgba(2,13,35,.98));box-shadow:0 0 32px rgba(0,145,255,.13),inset 0 0 25px rgba(0,170,255,.05);color:#eaf5ff;}
.notice-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}.notice-icon{font-size:34px}.notice-kicker{font-size:11px;letter-spacing:.15em;color:#2dd9ff;font-weight:800;margin:0 0 5px}.notice-heading h2{font-size:clamp(24px,3vw,34px);margin:0;color:#fff}.notice-card>p{line-height:1.9;color:#d5e7fb;font-family:"Noto Sans Myanmar",sans-serif}.notice-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.notice-panel{border:1px solid rgba(35,174,255,.4);border-radius:13px;padding:18px;background:rgba(2,21,51,.72);min-width:0}.notice-panel h3{font-size:15px;line-height:1.8;color:#42d8ff;margin:0 0 10px;font-family:"Noto Sans Myanmar",sans-serif}.notice-panel p,.notice-panel small{line-height:1.8;color:#d7e8fc;font-family:"Noto Sans Myanmar",sans-serif}.notice-panel a{display:block;color:#fff;font-weight:800;font-size:18px;margin:8px 0;overflow-wrap:anywhere}.notice-panel small{display:block;color:#ffdc83;margin-top:8px}.notice-thanks{text-align:center!important;color:#39d8ff!important;font-weight:700;margin-bottom:0}.footer-grid a[href^="tel:"]{display:inline-block;color:#c8eaff}
@media(max-width:650px){.notice-contact-grid{grid-template-columns:1fr}.notice-heading{align-items:flex-start}.notice-panel a{font-size:16px}.notice-section{padding:28px 0}}


/* Motion and layout polish: grid, block, flex, hover lift and marquee */
:root { --motion-fast: .22s; --motion-smooth: .45s; }
/* Explicit reusable layout patterns */
.hero-grid, .pricing-grid, .pricing-grid-five, .service-grid, .promo-grid, .footer-grid, .notice-contact-grid { display: grid; }
.nav-wrap, .topbar-inner, .hero-actions, .hero-stats, .nav, .logo, .notice-heading, .language { display: flex; }
.logo img, .notice-panel a, .footer-grid a { display: block; }
/* Floating entrance effects */
@keyframes agga-rise-in { from { opacity: 0; transform: translate3d(0,24px,0) scale(.985); } to { opacity: 1; transform: translate3d(0,0,0) scale(1); } }
@keyframes agga-slide-in { from { opacity: 0; transform: translate3d(-28px,0,0); } to { opacity: 1; transform: translate3d(0,0,0); } }
@keyframes agga-glow { 0%,100% { box-shadow: 0 0 0 rgba(0,201,255,0); } 50% { box-shadow: 0 0 24px rgba(0,201,255,.22); } }
@keyframes agga-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.hero-copy.reveal.visible { animation: agga-slide-in .8s cubic-bezier(.2,.75,.25,1) both; }
.hero-visual.reveal.visible { animation: agga-rise-in .9s .12s both; }
.reveal.visible { animation: agga-rise-in .72s cubic-bezier(.2,.75,.25,1) both; }
.promo-card, .price-card, .service-card, .notice-panel, .notice-card, .contact-box { transition: transform var(--motion-smooth), border-color var(--motion-smooth), box-shadow var(--motion-smooth), background-color var(--motion-smooth); }
.promo-card:hover, .price-card:hover, .service-card:hover, .notice-panel:hover { transform: translateY(-7px); border-color: #27d8ff; box-shadow: 0 16px 36px rgba(0,151,255,.2), 0 0 0 1px rgba(0,204,255,.14); }
.btn, button, .nav a, .lang-btn { transition: transform var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast); }
.btn:hover, button:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,178,255,.24); }
.btn:active, button:active { transform: translateY(-1px) scale(.98); }
.nav a:hover { transform: translateY(-2px); text-shadow: 0 0 12px rgba(39,216,255,.35); }
.lang-btn:hover { color: #35dcff; }
.logo img { transition: filter .35s ease, transform .35s ease; }
.logo:hover img { transform: translateY(-2px) scale(1.04); filter: drop-shadow(0 0 12px rgba(0,194,255,.4)); }
.announcement-marquee { overflow: hidden; position: relative; z-index: 3; min-height: 38px; display: flex; align-items: center; border-bottom: 1px solid rgba(0,198,255,.45); background: linear-gradient(90deg,#03132f,#073b78,#03132f); color: #eaf8ff; }
.announcement-marquee:before, .announcement-marquee:after { content: ''; position: absolute; top: 0; bottom: 0; width: 36px; z-index: 2; pointer-events: none; }
.announcement-marquee:before { left: 0; background: linear-gradient(90deg,#03132f,transparent); }
.announcement-marquee:after { right: 0; background: linear-gradient(270deg,#03132f,transparent); }
.marquee-track { width: max-content; display: flex; align-items: center; gap: 56px; white-space: nowrap; padding-left: 100%; animation: agga-marquee 34s linear infinite; font-size: 13px; font-weight: 600; }
.marquee-track span { display: inline-block; padding: 8px 0; }
.announcement-marquee:hover .marquee-track { animation-play-state: paused; }
.notice-card { animation: agga-glow 5s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }
@media(max-width:600px) { .marquee-track { font-size: 11px; gap: 30px; animation-duration: 26s; } .announcement-marquee { min-height: 34px; } }


/* Bilingual customer notice */
.notice-en { color: #c5eaff; font-size: .94em; line-height: 1.65; margin-top: 7px; }
.notice-en-heading { color: #35d7ff; font-size: .78em; font-weight: 600; }
.notice-thanks .notice-en { display: inline-block; margin-top: 5px; }

/* Mobile language switch visibility fix */
@media (max-width: 560px) {
  .topbar {
    display: block !important;
    visibility: visible !important;
    height: auto;
    min-height: 42px;
    padding: 5px 0;
    overflow: visible;
  }
  .topbar-inner {
    height: auto;
    min-height: 32px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  .topbar-inner > span { display: none; }
  .language {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 32px;
    visibility: visible;
  }
  .language .lang-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    min-width: 94px;
    padding: 6px 14px;
    border: 1px solid rgba(0, 198, 255, .72);
    border-radius: 22px;
    background: rgba(4, 35, 78, .95);
    color: #d8eaff;
    font-size: 13px;
    line-height: 1.4;
    touch-action: manipulation;
  }
  .language .lang-btn.active {
    background: linear-gradient(100deg, #087fff, #08bde9);
    border-color: #43e1ff;
    color: #fff;
    box-shadow: 0 0 14px rgba(0, 195, 255, .25);
  }
  .language > span { color: #54dfff; }
  .header { top: 0; }
}

/* Premium interactive button + hover motion polish */
.btn, button, .lang-btn, .nav a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
.btn, button, .lang-btn {
  will-change: transform, box-shadow;
}
.btn::before, button::before, .lang-btn::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(115deg, transparent 18%, rgba(255,255,255,.28) 42%, transparent 62%);
  transform: translateX(-130%);
  transition: transform .7s cubic-bezier(.2,.7,.2,1);
  pointer-events: none;
}
.btn:hover::before, button:hover::before, .lang-btn:hover::before,
.btn:focus-visible::before, button:focus-visible::before, .lang-btn:focus-visible::before {
  transform: translateX(130%);
}
.btn-primary {
  border: 1px solid rgba(49,224,255,.95);
  background: linear-gradient(115deg, #0754c8 0%, #087ff5 45%, #04bde9 100%);
  box-shadow: 0 7px 20px rgba(0,129,255,.22), inset 0 1px 0 rgba(255,255,255,.25);
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, filter .28s ease;
}
.btn-primary:hover {
  transform: translateY(-5px) scale(1.025);
  filter: saturate(1.2) brightness(1.08);
  box-shadow: 0 13px 30px rgba(0,164,255,.38), 0 0 0 3px rgba(0,204,255,.12), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-primary:active { transform: translateY(-1px) scale(.975); box-shadow: 0 4px 12px rgba(0,164,255,.24); }
.btn:focus-visible, button:focus-visible, .lang-btn:focus-visible, .nav a:focus-visible {
  outline: 2px solid #6af0ff;
  outline-offset: 4px;
}
.lang-btn { transition: transform .25s ease, color .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.lang-btn:hover { transform: translateY(-3px) scale(1.035); border-color: #4ce7ff; box-shadow: 0 7px 18px rgba(0,188,255,.25), 0 0 14px rgba(0,188,255,.14); }
.lang-btn:active { transform: scale(.96); }
.nav a { transition: color .25s ease, transform .25s ease, text-shadow .25s ease; }
.nav a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 2px; border-radius: 3px; background: linear-gradient(90deg,#22caff,#68f2ff); box-shadow: 0 0 10px rgba(35,207,255,.75); transition: left .28s ease, right .28s ease; }
.nav a:hover::after, .nav a:focus-visible::after { left: 12%; right: 12%; }
.price-card, .promo-card, .service-card, .notice-panel, .contact-box { transform: translateZ(0); }
.price-card:hover, .promo-card:hover, .service-card:hover, .contact-box:hover { transform: translateY(-8px) scale(1.012); box-shadow: 0 18px 36px rgba(0,135,255,.23), 0 0 18px rgba(0,203,255,.12); }
@keyframes agga-soft-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(0,201,255,0); } 50% { box-shadow: 0 0 0 5px rgba(0,201,255,.07), 0 0 22px rgba(0,201,255,.13); } }
.btn-primary { animation: agga-soft-pulse 3.8s ease-in-out infinite; }
.btn-primary:hover { animation-play-state: paused; }
@media (hover: none) {
  .btn:hover, button:hover, .lang-btn:hover, .nav a:hover { transform: none; }
  .btn:active, button:active, .lang-btn:active { transform: scale(.97); filter: brightness(1.12); }
}
@media (prefers-reduced-motion: reduce) {
  .btn-primary { animation: none; }
  .btn::before, button::before, .lang-btn::before { display: none; }
}


/* Thadingyut Festival of Lights seasonal theme */
body { background: radial-gradient(circle at 82% 9%, rgba(255,214,120,.22) 0 3%, rgba(255,190,75,.09) 7%, transparent 19%), linear-gradient(135deg,#050b22 0%,#101b45 42%,#172858 72%,#080f2b 100%); background-attachment: fixed; }
body::before, body::after { content:""; position:fixed; top:0; width:52px; height:88px; z-index:0; pointer-events:none; opacity:.8; background:linear-gradient(180deg,transparent 0 7%,#d6b15a 7% 10%,transparent 10% 100%), radial-gradient(ellipse at 50% 65%,#fff0b3 0 8%,#ffb84a 19%,#f07824 42%,rgba(255,144,42,.08) 70%,transparent 73%); filter:drop-shadow(0 0 13px rgba(255,184,74,.65)); animation:thadingyut-glow 3.4s ease-in-out infinite alternate; }
body::before { left:5%; transform:rotate(-4deg); } body::after { right:6%; top:30px; transform:rotate(5deg); animation-delay:1.4s; }
@keyframes thadingyut-glow { from { opacity:.55; filter:drop-shadow(0 0 7px rgba(255,184,74,.4)); } to { opacity:.95; filter:drop-shadow(0 0 18px rgba(255,184,74,.9)); } }
.announcement-marquee { border-color:rgba(255,205,111,.45)!important; background:linear-gradient(90deg,rgba(53,31,67,.96),rgba(25,37,78,.97),rgba(66,38,65,.96))!important; color:#ffe7a8!important; }
.announcement-marquee span { color:#ffe7a8!important; }
.btn-primary, .lang-btn.active { background:linear-gradient(110deg,#c47a27,#f4c96a,#b86c27)!important; color:#20132a!important; border-color:#ffdf91!important; }
.notice-card, .promo-card { border-color:rgba(255,207,115,.32)!important; }
/* Language switch: high contrast, always tappable on small screens */
.language { position:relative; z-index:50; flex-shrink:0; }
.language .lang-btn { cursor:pointer; touch-action:manipulation; pointer-events:auto; }
@media(max-width:560px){ .topbar-inner{justify-content:center!important;flex-wrap:wrap!important}.language{width:100%!important;display:flex!important;justify-content:center!important;gap:10px!important;min-height:40px!important}.language .lang-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-width:104px!important;min-height:36px!important;font-weight:700!important}.language .lang-btn:not(.active){background:rgba(10,22,54,.98)!important;color:#fff1cc!important;border-color:#e7bd68!important}.topbar-inner>span{display:none!important} }


/* High-visibility KPay receipt notice and plan-price disclaimer marquee */
.kpay-receipt-highlight, .notice-panel.receipt-important, .notice-card.kpay-receipt-highlight {
  border: 3px solid #ff3434 !important;
  background: linear-gradient(135deg, rgba(100,8,18,.98), rgba(35,9,24,.98)) !important;
  box-shadow: 0 0 0 3px rgba(255,45,55,.18), 0 12px 34px rgba(0,0,0,.35), 0 0 22px rgba(255,35,45,.22) !important;
  border-radius: 18px !important;
}
.kpay-receipt-highlight h3, .notice-panel.receipt-important h3, .kpay-receipt-highlight strong,
.kpay-receipt-highlight p, .notice-panel.receipt-important strong, .notice-panel.receipt-important p {
  color: #fff !important;
  font-weight: 850 !important;
}
.kpay-receipt-highlight h3, .notice-panel.receipt-important h3 {
  color: #ffe3a0 !important; font-size: clamp(1.18rem, 2.5vw, 1.55rem) !important;
}
.kpay-receipt-highlight a, .notice-panel.receipt-important a { color: #fff09a !important; font-weight: 900 !important; text-decoration: underline; }
.kpay-receipt-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:16px; margin:20px auto; }
.plan-disclaimer-marquee { margin:24px 0 0; overflow:hidden; border:2px solid #ffcf4d; border-radius:12px; background:linear-gradient(90deg,#7e101b,#b51e2b,#7e101b); color:#fff8d9; box-shadow:0 0 18px rgba(255,55,55,.25); }
.plan-disclaimer-marquee .marquee-track { display:flex; width:max-content; gap:4rem; padding:13px 0; animation:planDisclaimerScroll 28s linear infinite; }
.plan-disclaimer-marquee span { white-space:nowrap; font-size:clamp(.95rem,1.7vw,1.12rem); font-weight:900; padding:0 1rem; }
@keyframes planDisclaimerScroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce){.plan-disclaimer-marquee .marquee-track{animation:none;flex-wrap:wrap;width:auto;}}


/* Consistent two-tone highlights: deep navy background + clear red accent */
.kpay-account-warning, .kpay-important, .kpay-receipt-highlight, .notice-panel, .notice-section, .notice-box, .announcement-marquee {
  background-color: #061b3b !important;
  border-color: #244b80 !important;
  color: #ffffff;
}
.kpay-account-warning .kpay-account-name, .kpay-warning-my, .kpay-warning-en,
.kpay-receipt-highlight h3, .kpay-important h3, .notice-panel h3,
.notice-heading, .announcement-marquee strong { color: #ff4545 !important; }
.kpay-account-warning, .kpay-receipt-highlight, .notice-panel { box-shadow: 0 5px 18px rgba(0,0,0,.18); }
.kpay-account-warning a, .kpay-receipt-highlight a, .notice-panel a { color: #ff6262 !important; }


/* KPay payment blocks: deep navy background, yellow text, red only for account number */
.kpay-receipt-highlight,
.notice-card.kpay-receipt-highlight,
.notice-panel.kpay-important,
.notice-panel.payment-panel,
.kpay-account-warning {
  background: #061b3b !important;
  background-image: none !important;
  border-color: #244b80 !important;
  color: #ffe66d !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.24) !important;
}
.kpay-receipt-highlight h3,
.notice-panel.kpay-important h3,
.notice-panel.payment-panel h3,
.kpay-account-warning .kpay-account-name,
.kpay-account-warning .kpay-warning-my,
.kpay-account-warning .kpay-warning-en,
.kpay-receipt-highlight p,
.kpay-receipt-highlight strong,
.notice-panel.kpay-important p,
.notice-panel.kpay-important strong,
.notice-panel.payment-panel p,
.notice-panel.payment-panel strong,
.notice-panel.payment-panel small,
.important-notice-my,
.important-notice-en {
  color: #ffe66d !important;
}
.kpay-receipt-highlight a,
.notice-panel.kpay-important a,
.notice-panel.payment-panel a,
.kpay-account-warning a {
  color: #ff4545 !important;
  font-weight: 900 !important;
}
.important-account-number,
.payment-panel a[href*="09696132159"],
.kpay-receipt-highlight a[href*="09696132159"],
.notice-panel.kpay-important a[href*="09696132159"] {
  color: #ff4545 !important;
  font-weight: 950 !important;
  text-shadow: 0 0 10px rgba(255,69,69,.22);
}


/* Requested KPay account phone and bottom marquee palette */
.kpay-account-phone {
  display: inline-block;
  margin-left: .35rem;
  color: #ff4545 !important;
  font-weight: 900 !important;
  white-space: nowrap;
}
.kpay-account-name { color: #ffe66d !important; }
.kpay-account-warning .kpay-account-phone,
.kpay-receipt-highlight .kpay-account-phone,
.payment-panel .kpay-account-phone { color: #ff4545 !important; }
.plan-disclaimer-marquee {
  background: #061b3b !important;
  border: 2px solid #ffffff !important;
  color: #ffe66d !important;
  box-shadow: none !important;
}
.plan-disclaimer-marquee .marquee-track,
.plan-disclaimer-marquee span {
  color: #ffe66d !important;
}
.plan-disclaimer-marquee .marquee-track span { font-weight: 900 !important; }


/* Neat, balanced customer information blocks on Home and Contact sheets */
.notice-card { box-sizing:border-box; }
.notice-heading { display:flex; align-items:center; gap:16px; padding:0 0 18px; margin:0 0 22px; border-bottom:1px solid rgba(255,255,255,.24); }
.notice-heading > div { min-width:0; flex:1; }
.notice-icon { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:52px; height:52px; border:1px solid rgba(255,255,255,.55); border-radius:14px; background:#082653; }
.notice-kicker { line-height:1.5; overflow-wrap:anywhere; }
.notice-heading h2 { line-height:1.45; overflow-wrap:anywhere; }
.notice-contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:20px; margin:0; }
.notice-contact-grid > .notice-panel { height:100%; box-sizing:border-box; }
.notice-panel { min-width:0; overflow-wrap:anywhere; padding:clamp(16px,2vw,22px); }
.notice-panel h3 { min-height:2.8em; display:flex; align-items:center; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.18); }
.notice-panel p { overflow-wrap:anywhere; }
/* Home: payment account panel full-width above evenly sized receipt cards */
#announcement .notice-contact-grid:has(.payment-panel) { display:flex; flex-direction:column; gap:18px; }
#announcement .notice-contact-grid:has(.payment-panel) > .payment-panel { width:100%; height:auto; }
#announcement .kpay-receipt-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:18px; margin:0; }
#announcement .kpay-receipt-grid > .notice-panel { height:100%; }
/* Contact: equal-height office and KPay columns with consistent inner spacing */
#announcement .office-phone-panel, #announcement .kpay-important { align-self:stretch; }
.office-city { margin-top:12px; padding:12px 14px; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(4,26,59,.58); }
.office-city h4 { margin:0 0 8px; line-height:1.5; }
.office-city a { display:block; margin:6px 0; }
@media (max-width:900px) {
  #announcement .kpay-receipt-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .notice-card { padding:18px 14px; }
  .notice-heading { align-items:flex-start; gap:11px; }
  .notice-icon { width:42px; height:42px; font-size:25px; }
  .notice-contact-grid, #announcement .kpay-receipt-grid { grid-template-columns:minmax(0,1fr); }
  .notice-panel h3 { min-height:0; }
}


/* Contact notice layout: phone + receipt stacked on the left, KPay account aligned on the right */
#announcement .notice-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "phones account"
    "receipt account";
  align-items: stretch !important;
  gap: 18px !important;
}
#announcement .office-phone-panel { grid-area: phones; }
#announcement .kpay-important { grid-area: account; }
#announcement .receipt-important { grid-area: receipt; }
#announcement .notice-panel {
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  border-radius: 16px !important;
}
/* KPay receipt panel uses the same deep-navy style, not red */
#announcement .notice-panel.receipt-important,
#announcement .kpay-receipt-highlight {
  background: linear-gradient(145deg, #061b3b, #0a2b55) !important;
  border: 2px solid #244b80 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.24) !important;
  color: #ffe66d !important;
}
#announcement .notice-panel.receipt-important h3,
#announcement .notice-panel.receipt-important strong,
#announcement .notice-panel.receipt-important p,
#announcement .notice-panel.receipt-important .important-viber-list strong {
  color: #ffe66d !important;
}
#announcement .notice-panel.receipt-important a {
  color: #ff4545 !important;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  #announcement .notice-contact-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "phones" "account" "receipt";
  }
  #announcement .office-phone-panel,
  #announcement .kpay-important,
  #announcement .receipt-important { grid-area: auto; }
}


/* Contact sheet: slightly smaller KPay receipt text for a balanced panel size */
#announcement .receipt-important h3 {
  font-size: clamp(0.92rem, 1.25vw, 1.08rem) !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere;
}
#announcement .receipt-important > strong,
#announcement .receipt-important p {
  font-size: 0.88rem !important;
  line-height: 1.58 !important;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow-wrap: anywhere;
}
#announcement .receipt-important .important-viber-list p {
  font-size: 0.84rem !important;
  line-height: 1.55 !important;
  margin: 7px 0 !important;
}
#announcement .receipt-important .important-viber-list a {
  font-size: 0.86rem !important;
  font-weight: 600;
}
@media (max-width: 760px) {
  #announcement .receipt-important h3 { font-size: 1rem !important; }
  #announcement .receipt-important > strong,
  #announcement .receipt-important p { font-size: 0.9rem !important; }
}


/* Home Payment Information: four matching square-style panels in a clean 2x2 grid */
#announcement .notice-contact-grid:has(.payment-panel) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas: none !important;
  grid-auto-rows: 1fr;
  align-items: stretch !important;
  gap: 18px !important;
}
#announcement .notice-contact-grid:has(.payment-panel) > .notice-panel {
  width: auto !important;
  min-width: 0;
  min-height: 285px;
  height: 100% !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(16px, 2vw, 24px);
  border-radius: 16px;
}
#announcement .notice-contact-grid:has(.payment-panel) > .notice-panel h3 {
  min-height: 3em;
  line-height: 1.45;
}
#announcement .notice-contact-grid:has(.payment-panel) > .notice-panel p,
#announcement .notice-contact-grid:has(.payment-panel) > .notice-panel small {
  line-height: 1.6;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  #announcement .notice-contact-grid:has(.payment-panel) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto;
  }
  #announcement .notice-contact-grid:has(.payment-panel) > .notice-panel {
    min-height: 0;
  }
}