/* ==========================================================================
   MidSky International — midskyint.com
   Soft & soothing brand theme (green→teal→blue) | Bengali | Interactive
   ========================================================================== */

:root{
  --green:#12a06b;
  --green-l:#2bc084;
  --teal:#0e8f9a;
  --teal-d:#0b7a84;
  --blue:#2374b3;
  --blue-d:#155a92;
  --deep:#0f3a4a;          /* soft deep teal for footer/anchors */
  --ink:#22333f;
  --muted:#6c7f8b;
  --line:#e7eef0;
  --bg:#f6faf9;
  --bg2:#eef6f5;
  --bg3:#e8f3f2;
  --white:#fff;
  --gold:#f6c453;
  /* soft tints for icon chips */
  --t-green:#e2f5ec;
  --t-teal:#def1f2;
  --t-blue:#e6f0f9;
  --shadow:0 18px 40px rgba(15,58,74,.10);
  --shadow-sm:0 8px 22px rgba(15,58,74,.07);
  --radius:20px;
  --radius-sm:14px;
  --brand:linear-gradient(120deg,#12a06b 0%,#0e8f9a 52%,#2374b3 100%);
  --brand-soft:linear-gradient(120deg,#eafaf3 0%,#e8f5f6 50%,#eaf3fb 100%);
  --brand-green:linear-gradient(135deg,#12a06b,#2bc084);
  --brand-teal:linear-gradient(135deg,#0b7a84,#12a6b0);
  --brand-blue:linear-gradient(135deg,#155a92,#2374b3);
  --gold-grad:linear-gradient(135deg,#f7cf6b,#eeb43c);
  --container:1220px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Hind Siliguri','Noto Sans Bengali',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.78;overflow-x:hidden;font-size:17px}
h1,h2,h3,h4{font-family:'Baloo Da 2','Hind Siliguri',sans-serif;line-height:1.36;font-weight:700}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}
.container{max-width:var(--container);margin:0 auto;padding:0 22px}
.brand-text{background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.svgic{width:24px;height:24px;display:block;flex:none}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 30px;border-radius:50px;font-weight:700;font-size:1.02rem;cursor:pointer;border:none;transition:.28s;font-family:inherit;position:relative}
.btn .svgic{width:20px;height:20px}
.btn-primary{background:var(--gold-grad);color:#5a4200;box-shadow:0 10px 24px rgba(238,180,60,.34)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(238,180,60,.46)}
.btn-brand{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(35,116,179,.24);background-size:180% 100%}
.btn-brand:hover{transform:translateY(-3px);background-position:100% 0}
.btn-green{background:var(--brand-green);color:#fff;box-shadow:0 10px 24px rgba(18,160,107,.26)}
.btn-green:hover{transform:translateY(-3px)}
.btn-white{background:#fff;color:var(--blue);box-shadow:var(--shadow-sm)}
.btn-white:hover{transform:translateY(-3px)}
.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff}
.btn-outline:hover{background:#fff;color:var(--blue)}

/* ---------- Top bar ---------- */
.topbar{background:var(--deep);color:#bcd6d8;font-size:.9rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 22px;flex-wrap:wrap}
.topbar a{color:#bcd6d8;transition:.2s;display:inline-flex;align-items:center;gap:6px}
.topbar a:hover{color:var(--green-l)}
.topbar .tb-left{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.topbar .tb-left span{display:inline-flex;align-items:center;gap:6px}
.topbar .svgic{width:16px;height:16px}
.topbar .tb-right{display:flex;gap:9px}
.topbar .tb-right a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.09)}
.topbar .tb-right a .svgic{width:15px;height:15px}
.topbar .tb-right a:hover{background:var(--brand-green);color:#fff}

/* ---------- Header / Nav ---------- */
.site-header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);box-shadow:0 2px 18px rgba(15,58,74,.05);transition:.3s}
.site-header.shrink{box-shadow:0 6px 22px rgba(15,58,74,.10)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;max-width:var(--container);margin:0 auto;gap:18px}
.brand-logo img{height:46px;width:auto;transition:.3s}
.site-header.shrink .brand-logo img{height:40px}
.menu{display:flex;align-items:center;gap:2px}
.menu>li{position:relative}
.menu>li>a{padding:12px 15px;font-weight:600;border-radius:10px;color:var(--ink);transition:.2s;font-size:1rem;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.menu>li>a:hover,.menu>li>a.active{color:var(--blue);background:var(--t-blue)}
.menu .caret{width:14px;height:14px;transition:.3s}
.menu li.has-drop:hover .caret{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(10px);background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:14px;width:530px;display:grid;grid-template-columns:1fr 1fr;gap:6px;opacity:0;visibility:hidden;transition:.28s;border:1px solid var(--line);z-index:250}
.menu li.has-drop:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:12px;transition:.2s}
.dropdown a:hover{background:var(--bg2)}
.dropdown a .di{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}
.dropdown a .di .svgic{width:22px;height:22px}
.dropdown a b{display:block;color:var(--ink);font-size:.98rem;font-weight:700}
.dropdown a span{font-size:.8rem;color:var(--muted)}
.nav-cta{display:flex;align-items:center;gap:14px}
.nav-phone{display:flex;align-items:center;gap:10px}
.nav-phone .ic{width:42px;height:42px;border-radius:50%;background:var(--brand-green);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(18,160,107,.3)}
.nav-phone .ic .svgic{width:21px;height:21px}
.nav-phone .np-txt{line-height:1.15}
.nav-phone .np-txt small{display:block;font-size:.72rem;color:var(--muted);font-weight:600}
.nav-phone .np-txt b{color:var(--teal-d);font-size:1.04rem}
/* refined call chip */
.call-chip{display:flex;align-items:center;gap:11px;padding:7px 20px 7px 8px;border-radius:50px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.28s}
.call-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:transparent}
.call-chip .cc-ic{position:relative;width:42px;height:42px;border-radius:50%;background:var(--brand-green);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 15px rgba(18,160,107,.34)}
.call-chip .cc-ic .svgic{width:21px;height:21px}
.call-chip .cc-ic::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--green-l);animation:ring 2.2s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
.call-chip .cc-txt{line-height:1.12}
.call-chip .cc-txt small{display:block;font-size:.72rem;color:var(--muted);font-weight:600}
.call-chip .cc-txt b{color:var(--teal-d);font-size:1.08rem;font-family:'Baloo Da 2',sans-serif}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.hamburger span{width:26px;height:3px;background:var(--blue-d);border-radius:3px;transition:.3s}

/* ---------- Hero (light & airy) ---------- */
.hero{background:var(--brand-soft);color:var(--ink);position:relative;overflow:hidden;padding:80px 0 92px}
.hero .blob{position:absolute;border-radius:50%;filter:blur(20px);z-index:0}
.hero .blob.b1{width:420px;height:420px;background:radial-gradient(circle,rgba(43,192,132,.28),transparent 68%);top:-120px;right:-80px}
.hero .blob.b2{width:380px;height:380px;background:radial-gradient(circle,rgba(35,116,179,.22),transparent 68%);bottom:-140px;left:-90px}
.hero .container{position:relative;z-index:3;display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}
.hero .badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);padding:8px 18px;border-radius:50px;font-weight:600;font-size:.92rem;margin-bottom:22px;color:var(--teal-d);box-shadow:var(--shadow-sm)}
.hero .badge .pulse{width:9px;height:9px;border-radius:50%;background:var(--green-l);box-shadow:0 0 0 0 rgba(43,192,132,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(43,192,132,0)}100%{box-shadow:0 0 0 0 rgba(43,192,132,0)}}
.hero h1{font-size:3.2rem;line-height:1.24;margin-bottom:18px;color:var(--deep)}
.hero h1 .hl{background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.18rem;color:#4a5f6b;max-width:560px;margin-bottom:30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-trust{display:flex;gap:32px;margin-top:38px;flex-wrap:wrap}
.hero-trust div b{font-size:2rem;display:block;color:var(--teal-d);font-family:'Baloo Da 2',sans-serif}
.hero-trust div span{font-size:.9rem;color:var(--muted)}
.hero-visual{position:relative}
.hero-plane{position:absolute;top:-38px;right:8px;color:var(--teal);animation:fly 5s ease-in-out infinite;z-index:5}
.hero-plane .svgic{width:44px;height:44px}
@keyframes fly{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(-6deg)}}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}
.hero-card h3{margin-bottom:6px;font-size:1.2rem;color:var(--deep)}
.hero-card .sub{font-size:.84rem;color:var(--muted);margin-bottom:12px}
.hc-item{display:flex;align-items:center;gap:13px;padding:11px;border-radius:14px;transition:.25s}
.hc-item:hover{background:var(--bg2);transform:translateX(5px)}
.hc-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none}
.hc-ic .svgic{width:24px;height:24px}
.hc-item b{display:block;font-size:.98rem;color:var(--ink)}
.hc-item span{font-size:.8rem;color:var(--muted)}

/* icon chip color variants */
.chip-g{background:var(--t-green);color:var(--green)}
.chip-t{background:var(--t-teal);color:var(--teal)}
.chip-b{background:var(--t-blue);color:var(--blue)}

/* ---------- Marquee ---------- */
.marquee{background:var(--brand);color:#fff;padding:13px 0;overflow:hidden;white-space:nowrap}
.marquee .track{display:inline-flex;gap:44px;animation:scroll 28s linear infinite;font-weight:600}
.marquee .track span{display:inline-flex;align-items:center;gap:9px}
.marquee .track span::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.8)}
.marquee:hover .track{animation-play-state:paused}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Sections ---------- */
.sec{padding:84px 0}
.sec.soft{background:var(--bg2)}
.sec-head{text-align:center;max-width:730px;margin:0 auto 52px}
.kicker{display:inline-flex;align-items:center;gap:8px;background:var(--t-green);color:var(--green);font-weight:700;padding:6px 18px;border-radius:50px;font-size:.9rem;margin-bottom:14px}
.kicker .svgic{width:16px;height:16px}
.sec-head h2{font-size:2.55rem;color:var(--deep);margin-bottom:12px}
.sec-head p{color:var(--muted);font-size:1.1rem}

/* ---------- Services ---------- */
.serv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.serv-card{background:#fff;border-radius:var(--radius);padding:30px 24px;box-shadow:var(--shadow-sm);transition:.3s;border:1px solid var(--line);display:flex;flex-direction:column}
.serv-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}
.serv-ic{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;transition:.3s}
.serv-ic .svgic{width:32px;height:32px}
.serv-card:hover .serv-ic{transform:translateY(-3px) scale(1.05)}
.serv-ic.c1{background:var(--t-blue);color:var(--blue)}
.serv-ic.c2{background:var(--t-teal);color:var(--teal)}
.serv-ic.c3{background:var(--t-green);color:var(--green)}
.serv-ic.c4{background:var(--t-teal);color:var(--teal-d)}
.serv-ic.c5{background:var(--t-green);color:var(--green)}
.serv-ic.c6{background:var(--t-blue);color:var(--blue)}
.serv-ic.c7{background:var(--t-teal);color:var(--teal)}
.serv-card h3{font-size:1.28rem;margin-bottom:9px;color:var(--deep)}
.serv-card p{color:var(--muted);font-size:.95rem;margin-bottom:16px;flex:1}
.serv-card .more{font-weight:700;color:var(--teal-d);display:inline-flex;gap:6px;align-items:center;transition:.2s}
.serv-card:hover .more{gap:11px}

/* ---------- Features ---------- */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feat{display:flex;gap:16px;background:#fff;padding:26px;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:.3s;border:1px solid var(--line)}
.feat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.feat .fic{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;flex:none;background:var(--t-blue);color:var(--blue)}
.feat .fic .svgic{width:27px;height:27px}
.feat:nth-child(3n+2) .fic{background:var(--t-teal);color:var(--teal)}
.feat:nth-child(3n+3) .fic{background:var(--t-green);color:var(--green)}
.feat h4{font-size:1.13rem;color:var(--deep);margin-bottom:5px}
.feat p{color:var(--muted);font-size:.94rem}

/* ---------- Countries (light & soft) ---------- */
.countries{background:var(--bg2)}
.country-search{max-width:460px;margin:0 auto 34px;position:relative}
.country-search input{width:100%;padding:15px 20px 15px 50px;border-radius:50px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;font-size:1rem;outline:none;transition:.25s;box-shadow:var(--shadow-sm)}
.country-search input::placeholder{color:#9fb0b8}
.country-search input:focus{border-color:var(--green-l);box-shadow:0 0 0 4px rgba(43,192,132,.12)}
.country-search .si{position:absolute;left:19px;top:50%;transform:translateY(-50%);color:var(--teal);width:20px;height:20px}
.reg-block{margin-bottom:30px}
.reg-block h3{font-size:1.25rem;margin-bottom:15px;display:flex;align-items:center;gap:10px;color:var(--teal-d)}
.reg-block h3::before{content:"";width:32px;height:3px;background:var(--brand);border-radius:3px}
.flag-grid{display:flex;flex-wrap:wrap;gap:11px}
.flag{background:#fff;border:1px solid var(--line);padding:10px 18px;border-radius:12px;font-weight:600;color:var(--ink);transition:.25s;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-sm)}
.flag:hover{transform:translateY(-4px);border-color:var(--green-l);color:var(--teal-d)}
.flag .dot{width:7px;height:7px;border-radius:50%;background:var(--green-l)}
.flag.hide{display:none}
.no-res{color:var(--muted);text-align:center;padding:14px;display:none}

/* ---------- Stats ---------- */
.stats{background:var(--brand);color:#fff;padding:56px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat b{font-size:2.9rem;font-family:'Baloo Da 2',sans-serif;display:block}
.stat span{font-size:1rem;opacity:.95}
.stat .si{width:34px;height:34px;margin:0 auto 6px;opacity:.9}

/* ---------- Steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.step{text-align:center;padding:30px 22px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:.3s}
.step:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.step .num{width:58px;height:58px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;font-size:1.4rem;display:grid;place-items:center;margin:0 auto 16px;font-family:'Baloo Da 2',sans-serif}
.step h4{color:var(--deep);margin-bottom:8px;font-size:1.14rem}
.step p{color:var(--muted);font-size:.93rem}

/* ---------- Split / prose ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split.rev .txt{order:2}
.prose h2{color:var(--deep);font-size:2rem;margin-bottom:16px}
.prose h3{color:var(--deep);font-size:1.35rem;margin:24px 0 10px}
.prose p{color:#465a66;margin-bottom:16px}
.ticklist{margin:18px 0}
.ticklist li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;color:#465a66}
.ticklist li .tk{width:26px;height:26px;border-radius:50%;background:var(--t-green);color:var(--green);display:grid;place-items:center;flex:none;margin-top:3px}
.ticklist li .tk .svgic{width:15px;height:15px}
.media-card{background:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow);border:1px solid var(--line)}
.media-card h3{font-size:1.4rem;margin-bottom:16px;color:var(--deep)}
.mc-row{display:flex;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.mc-row:last-child{border:none}
.mc-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--t-teal);color:var(--teal)}
.mc-row:nth-child(3n) .mc-ic{background:var(--t-green);color:var(--green)}
.mc-row:nth-child(3n+1) .mc-ic{background:var(--t-blue);color:var(--blue)}
.mc-ic .svgic{width:24px;height:24px}
.mc-row b{color:var(--ink);display:block}
.mc-row small{font-size:.84rem;color:var(--muted);display:block}

/* ---------- Docs ---------- */
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.doc{background:#fff;border-radius:var(--radius-sm);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--line);display:flex;gap:14px;align-items:center;transition:.25s}
.doc:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.doc .di{width:46px;height:46px;border-radius:12px;background:var(--t-blue);color:var(--blue);display:grid;place-items:center;flex:none}
.doc:nth-child(3n+2) .di{background:var(--t-teal);color:var(--teal)}
.doc:nth-child(3n) .di{background:var(--t-green);color:var(--green)}
.doc .di .svgic{width:24px;height:24px}
.doc b{color:var(--deep);display:block;font-size:1rem}
.doc span{color:var(--muted);font-size:.85rem}

/* ---------- Packages ---------- */
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pkg{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:.3s;position:relative;display:flex;flex-direction:column}
.pkg:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.pkg.featured{border:2px solid var(--green-l);transform:scale(1.02)}
.pkg.featured:hover{transform:scale(1.02) translateY(-8px)}
.pkg .pkg-top{padding:26px;color:#fff;text-align:center;position:relative}
.pkg:nth-child(1) .pkg-top{background:var(--brand-blue)}
.pkg:nth-child(2) .pkg-top{background:var(--brand-green)}
.pkg:nth-child(3) .pkg-top{background:var(--brand-teal)}
.pkg .pkg-top .tier{font-size:.85rem;letter-spacing:2px;text-transform:uppercase;opacity:.9}
.pkg .pkg-top h3{font-size:1.5rem;margin:6px 0;color:#fff}
.pkg .pkg-top .price{font-size:.98rem;opacity:.92}
.pkg .pkg-top .price .amt{display:block;font-family:'Baloo Da 2',sans-serif;font-size:1.35rem;font-weight:800;opacity:1;margin-top:4px}
.pkg .pkg-top .price .per{display:block;font-size:.82rem;opacity:.9;margin-top:2px}
.pkg .pkg-body{padding:24px;flex:1;display:flex;flex-direction:column}
.pkg .pkg-body ul{flex:1}
.pkg .pkg-body li{display:flex;gap:10px;align-items:flex-start;margin-bottom:11px;color:#465a66;font-size:.95rem}
.pkg .pkg-body li .tk{color:var(--green);font-weight:800;flex:none}
.pkg .pkg-body .btn{width:100%;justify-content:center;margin-top:12px}
.badge-pop{position:absolute;top:14px;right:14px;background:var(--gold-grad);color:#5a4200;font-weight:800;font-size:.76rem;padding:5px 14px;border-radius:50px;z-index:2}

/* ---------- Testimonials ---------- */
.tsl-wrap{position:relative;max-width:820px;margin:0 auto;overflow:hidden}
.tsl-track{display:flex;transition:transform .5s ease}
.tsl{min-width:100%;padding:14px}
.tsl-inner{background:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-sm);border:1px solid var(--line);text-align:center}
.tsl-inner .quote{font-size:2.4rem;color:var(--teal);line-height:1;font-family:'Baloo Da 2',sans-serif}
.tsl-inner p{font-size:1.12rem;color:#465a66;margin:14px 0 20px;font-style:italic}
.tsl-inner .who{display:flex;align-items:center;gap:12px;justify-content:center}
.tsl-inner .av{width:52px;height:52px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2rem}
.tsl-inner .who b{color:var(--deep);display:block}
.tsl-inner .who span{color:var(--muted);font-size:.88rem}
.tsl-dots{display:flex;justify-content:center;gap:9px;margin-top:16px}
.tsl-dots button{width:11px;height:11px;border-radius:50%;border:none;background:#cddcdd;cursor:pointer;transition:.25s}
.tsl-dots button.active{background:var(--teal);width:28px;border-radius:10px}

/* ---------- Page hero ---------- */
.page-hero{background:var(--brand-soft);color:var(--ink);padding:60px 0 70px;text-align:center;position:relative;overflow:hidden}
.page-hero .blob{position:absolute;border-radius:50%;filter:blur(20px)}
.page-hero .blob.b1{width:340px;height:340px;background:radial-gradient(circle,rgba(43,192,132,.22),transparent 68%);top:-120px;right:-60px}
.page-hero .blob.b2{width:320px;height:320px;background:radial-gradient(circle,rgba(35,116,179,.18),transparent 68%);bottom:-140px;left:-70px}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:2.9rem;margin-bottom:12px;color:var(--deep)}
.page-hero p{color:#4a5f6b;font-size:1.14rem;max-width:660px;margin:0 auto}
.crumb{display:inline-flex;gap:8px;align-items:center;background:#fff;padding:7px 18px;border-radius:50px;font-size:.9rem;margin-bottom:16px;box-shadow:var(--shadow-sm);color:var(--muted)}
.crumb a{color:var(--teal-d);font-weight:600}
.crumb a:hover{color:var(--green)}

/* ---------- FAQ ---------- */
.faq{max-width:840px;margin:0 auto}
.faq-item{background:#fff;border-radius:var(--radius-sm);margin-bottom:14px;box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--line)}
.faq-q{padding:20px 24px;font-weight:700;color:var(--deep);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1.06rem}
.faq-q .pm{width:30px;height:30px;border-radius:50%;background:var(--t-blue);color:var(--blue);display:grid;place-items:center;flex:none;transition:.3s;font-size:1.3rem}
.faq-item.open .pm{transform:rotate(45deg);background:var(--brand-green);color:#fff}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;color:#465a66}
.faq-a p{padding:0 24px 20px}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.info-card{background:#fff;border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm);display:flex;gap:16px;align-items:center;margin-bottom:15px;border:1px solid var(--line);transition:.25s}
.info-card:hover{transform:translateX(6px);box-shadow:var(--shadow)}
.info-card .ii{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;flex:none;background:var(--t-blue);color:var(--blue)}
.info-card .ii .svgic{width:26px;height:26px}
.info-card:nth-child(2) .ii{background:var(--t-green);color:var(--green)}
.info-card:nth-child(3) .ii{background:var(--t-teal);color:var(--teal)}
.info-card:nth-child(4) .ii{background:var(--t-blue);color:var(--blue)}
.info-card:nth-child(5) .ii{background:var(--t-green);color:var(--green)}
.info-card b{color:var(--deep);display:block;font-size:1.04rem}
.info-card span,.info-card a{color:var(--muted);font-size:.96rem}
.info-card a:hover{color:var(--green)}
.form-card{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.form-card h3{color:var(--deep);margin-bottom:6px;font-size:1.5rem}
.form-card p.sub{color:var(--muted);margin-bottom:20px}
.field{margin-bottom:16px}
.field label{display:block;font-weight:600;margin-bottom:7px;color:var(--ink);font-size:.95rem}
.field input,.field select,.field textarea{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;font-family:inherit;font-size:1rem;transition:.2s;background:#fbfefe}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green-l);box-shadow:0 0 0 4px rgba(43,192,132,.12)}
.form-note{font-size:.86rem;color:var(--muted);margin-top:8px}
.map-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);min-height:300px;border:1px solid var(--line)}
.map-wrap iframe{width:100%;height:100%;border:0;min-height:320px;display:block}

/* ---------- Values ---------- */
.val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.val{background:#fff;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm);border-top:4px solid var(--green-l);transition:.3s}
.val:nth-child(2){border-top-color:var(--teal)}
.val:nth-child(3){border-top-color:var(--blue)}
.val:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.val .vi{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;margin-bottom:14px;background:var(--t-green);color:var(--green)}
.val:nth-child(2) .vi{background:var(--t-teal);color:var(--teal)}
.val:nth-child(3) .vi{background:var(--t-blue);color:var(--blue)}
.val .vi .svgic{width:28px;height:28px}
.val h4{color:var(--deep);margin-bottom:8px;font-size:1.2rem}
.val p{color:var(--muted);font-size:.95rem}

/* ---------- CTA band ---------- */
.cta-band{background:var(--brand);color:#fff;text-align:center;padding:72px 0;position:relative;overflow:hidden}
.cta-band .container{position:relative;z-index:2}
.cta-band h2{font-size:2.5rem;margin-bottom:14px;color:#fff}
.cta-band p{font-size:1.14rem;color:rgba(255,255,255,.94);max-width:620px;margin:0 auto 28px}
.cta-band .hero-cta{justify-content:center}

/* ---------- Footer ---------- */
.site-footer{background:var(--deep);color:#a7c3c6;padding:64px 0 0}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:42px}
.foot-brand .flogo{background:#fff;display:inline-block;padding:12px 16px;border-radius:14px;margin-bottom:16px}
.foot-brand .flogo img{height:40px}
.foot-brand p{margin-bottom:16px;color:#8fadb0;font-size:.95rem}
.foot-social{display:flex;gap:10px}
.foot-social a{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:.25s}
.foot-social a .svgic{width:19px;height:19px}
.foot-social a:hover{background:var(--brand-green);color:#fff;transform:translateY(-3px)}
.foot-col h4{color:#fff;margin-bottom:18px;font-size:1.14rem}
.foot-col ul li{margin-bottom:11px}
.foot-col ul li a{color:#8fadb0;transition:.2s;display:inline-flex;gap:8px;align-items:center}
.foot-col ul li a:hover{color:var(--green-l);padding-left:4px}
.foot-contact li{display:flex;gap:12px;margin-bottom:14px;color:#8fadb0;font-size:.95rem;align-items:flex-start}
.foot-contact li .fi{color:var(--green-l);flex:none;margin-top:2px;width:18px;height:18px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;color:#789a9d;font-size:.9rem}
.foot-bottom a{color:var(--green-l)}

/* ---------- Floating ---------- */
.float-actions{position:fixed;right:18px;bottom:18px;z-index:150;display:flex;flex-direction:column;gap:12px}
.fab{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:var(--shadow);transition:.25s;border:none;cursor:pointer}
.fab .svgic{width:26px;height:26px}
.fab:hover{transform:scale(1.1)}
.fab.wa{background:#25d366}
.fab.call{background:var(--brand-green)}
.fab.top{background:var(--deep);opacity:0;visibility:hidden}
.fab.top.show{opacity:1;visibility:visible}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}

/* ---------- Mobile drawer ---------- */
.drawer-back{position:fixed;inset:0;background:rgba(15,58,74,.45);z-index:300;opacity:0;visibility:hidden;transition:.3s}
.drawer-back.show{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:-320px;width:300px;height:100%;background:#fff;z-index:310;padding:22px;transition:.35s;overflow-y:auto;box-shadow:var(--shadow)}
.drawer.show{right:0}
.drawer .dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.drawer .dh img{height:38px}
.drawer .close{background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--deep);line-height:1}
.drawer nav a,.drawer nav .m-parent{display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:10px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.drawer nav a .svgic,.drawer .m-parent .svgic{width:19px;height:19px;color:var(--teal)}
.drawer nav a:hover{background:var(--bg2);color:var(--blue)}
.drawer .m-sub{padding-left:8px}
.drawer .m-sub a{font-size:.95rem;color:var(--muted)}
.drawer .m-parent{cursor:pointer;justify-content:space-between}
.drawer .m-parent>span:first-child{display:flex;align-items:center;gap:10px}
.drawer .m-sub{max-height:0;overflow:hidden;transition:.3s}
.drawer .m-group.open .m-sub{max-height:600px}
.drawer .m-group.open .m-parent .caret{transform:rotate(180deg)}
.drawer .caret{width:14px;height:14px;transition:.3s}
.drawer .dcta{margin-top:18px;justify-content:center}

/* ---------- Responsive ---------- */
@media(max-width:1024px){.menu,.nav-phone,.call-chip{display:none}.hamburger{display:flex}.serv-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .hero .container{grid-template-columns:1fr;gap:36px}
  .hero h1{font-size:2.5rem}
  .serv-grid,.feat-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}
  .split{grid-template-columns:1fr}.split.rev .txt{order:0}
  .pkg-grid,.docs-grid,.val-grid{grid-template-columns:1fr}
  .pkg.featured{transform:none}
  .contact-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:560px){
  body{font-size:16px}
  .hero h1{font-size:2rem}
  .sec-head h2,.page-hero h1,.cta-band h2{font-size:1.85rem}
  .serv-grid,.feat-grid,.steps,.stats-grid,.docs-grid,.pkg-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .topbar .tb-left{display:none}
  .sec{padding:58px 0}
  .hero-trust{gap:22px}
}