*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --p:#10ce99;--pd:#0bb385;--pl:#4ae0b5;--s:#0a3d2e;--sl:#146b50;
  --g:#10ce99;--gold:#FFB300;--d:#0B1A14;--dm:#112E22;
  --g9:#1a2e26;--g8:#2d4440;--g7:#3e5a53;--g6:#5e7d74;--g5:#8aa49c;
  --g4:#b0c8c1;--g3:#d0e0db;--g2:#e4eeea;--g1:#f0f7f4;
  --w:#fff;--bg:#f6fbf9;
  --r:12px;--rl:20px;--rx:28px;
  --sh:0 4px 24px rgba(11,26,20,.08);--shl:0 12px 48px rgba(11,26,20,.12);--shx:0 20px 60px rgba(11,26,20,.16);
  --ff:'Outfit',sans-serif;--fb:'DM Sans',sans-serif;
  --t:.3s cubic-bezier(.4,0,.2,1);
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--fb);background:var(--bg);color:var(--g8);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:100px 0}
.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:linear-gradient(135deg,rgba(16,206,153,.08),rgba(10,61,46,.08));color:var(--p);font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
.tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--p)}
.stitle{font-family:var(--ff);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--d);line-height:1.2;margin-bottom:16px}
.ssub{font-size:1.1rem;color:var(--g6);max-width:600px;line-height:1.7}
.tc{text-align:center}.mx{margin-left:auto;margin-right:auto}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:100px;border:none;font-family:var(--fb);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--t);text-decoration:none;position:relative;overflow:hidden}
.btn-p{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;box-shadow:0 4px 20px rgba(16,206,153,.35)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(16,206,153,.45)}
.btn-s{background:var(--w);color:var(--d);border:2px solid var(--g2)}
.btn-s:hover{border-color:var(--p);color:var(--p)}
.btn-d{background:var(--d);color:#fff}
.btn-d:hover{background:var(--g9);transform:translateY(-2px)}

/* HEADER */
.hdr{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(250,251,254,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.04);transition:var(--t)}
.hdr.scrolled{box-shadow:0 2px 24px rgba(0,0,0,.06)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 32px;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-i{height:44px;width:auto;object-fit:contain}
.logo-t{font-family:var(--ff);font-weight:700;font-size:1.25rem;color:var(--d)}.logo-t span{color:var(--p)}
.nav{display:flex;align-items:center;gap:4px}
.nav a{padding:8px 18px;border-radius:100px;text-decoration:none;color:var(--g7);font-size:.9rem;font-weight:500;transition:var(--t)}
.nav a:hover,.nav a.active{color:var(--p);background:rgba(16,206,153,.06)}
.hdr-act{display:flex;align-items:center;gap:12px}
.hdr-act .btn{padding:10px 24px;font-size:.85rem}
.mt{display:none;background:none;border:none;width:40px;height:40px;cursor:pointer;position:relative}
.mt span{display:block;width:22px;height:2px;background:var(--d);position:absolute;left:9px;transition:var(--t)}
.mt span:nth-child(1){top:14px}.mt span:nth-child(2){top:20px}.mt span:nth-child(3){top:26px}
.mt.open span:nth-child(1){top:20px;transform:rotate(45deg)}.mt.open span:nth-child(2){opacity:0}.mt.open span:nth-child(3){top:20px;transform:rotate(-45deg)}
.mnav{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--w);z-index:999;padding:24px;flex-direction:column;gap:8px;overflow-y:auto}
.mnav.open{display:flex}
.mnav a{padding:16px 20px;border-radius:12px;text-decoration:none;color:var(--g8);font-size:1rem;font-weight:500;border-bottom:1px solid var(--g1)}
.mnav a:hover{background:var(--g1);color:var(--p)}

/* HERO */
.hero{padding:140px 0 80px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(16,206,153,.06) 0%,transparent 70%)}
.hero .container{position:relative;z-index:1}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hbadge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:100px;background:linear-gradient(135deg,rgba(0,200,83,.1),rgba(0,200,83,.05));color:#00A844;font-size:.8rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(0,200,83,.15)}
.hbadge::before{content:'\25CF';font-size:.5rem;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:var(--ff);font-size:clamp(2.5rem,5vw,3.8rem);font-weight:800;color:var(--d);line-height:1.1;margin-bottom:20px}
.hero h1 .hl{background:linear-gradient(135deg,var(--p),var(--pd));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p.hdesc{font-size:1.15rem;color:var(--g6);line-height:1.7;margin-bottom:32px;max-width:500px}
.hacts{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}
.hstats{display:flex;gap:40px;padding-top:32px;border-top:1px solid var(--g2)}
.hstat h3{font-family:var(--ff);font-size:1.8rem;font-weight:800;color:var(--d)}.hstat h3 span{color:var(--p)}
.hstat p{font-size:.82rem;color:var(--g5);font-weight:500}
.hvis{position:relative;display:flex;justify-content:center;align-items:center}
.hcard{width:100%;max-width:460px;background:var(--w);border-radius:var(--rx);box-shadow:var(--shx);padding:32px;position:relative;z-index:2;border:1px solid rgba(0,0,0,.04)}
.rch{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.rch h3{font-family:var(--ff);font-size:1.15rem;font-weight:700;color:var(--d)}.rch .ld{width:8px;height:8px;border-radius:50%;background:var(--g);animation:pulse 2s infinite}
.rig{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.ri{padding:14px 16px;border-radius:var(--r);border:1.5px solid var(--g2);font-family:var(--fb);font-size:.9rem;transition:var(--t);background:var(--g1);color:var(--d)}
.ri:focus{outline:none;border-color:var(--p);background:#fff}.ri::placeholder{color:var(--g4)}
.ri.full{grid-column:1/-1}
.rbtn{width:100%;padding:16px;border:none;border-radius:var(--r);background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;font-family:var(--ff);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--t);box-shadow:0 4px 16px rgba(16,206,153,.3)}
.rbtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,206,153,.4)}
.hfc{position:absolute;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:var(--shl);display:flex;align-items:center;gap:12px;z-index:3;border:1px solid rgba(0,0,0,.03);animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.f1{top:20px;right:-20px}.f2{bottom:40px;left:-30px;animation-delay:2s}
.fi{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.fi.gr{background:rgba(0,200,83,.1)}.fi.bl{background:rgba(10,61,46,.1)}
.ft h4{font-size:.8rem;font-weight:700;color:var(--d)}.ft p{font-size:.7rem;color:var(--g5)}

/* PARTNER MARQUEE */
.pstrip{padding:48px 0;background:var(--w);border-top:1px solid var(--g1);border-bottom:1px solid var(--g1)}
.pstrip .label{text-align:center;font-size:.78rem;font-weight:600;color:var(--g4);text-transform:uppercase;letter-spacing:2px;margin-bottom:28px}
.mqw{overflow:hidden;position:relative}
.mqw::before,.mqw::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}
.mqw::before{left:0;background:linear-gradient(90deg,#fff,transparent)}.mqw::after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.mqt{display:flex;gap:60px;align-items:center;animation:mq 30s linear infinite;width:max-content}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.pl{display:flex;align-items:center;gap:10px;font-family:var(--ff);font-size:1.2rem;font-weight:700;color:var(--g4);white-space:nowrap;opacity:.6;transition:var(--t)}.pl:hover{opacity:1}
.pd{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff}

/* CARDS */
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.sc{background:var(--w);border-radius:var(--rl);padding:36px 28px;border:1px solid var(--g1);transition:var(--t);position:relative;overflow:hidden}
.sc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p),var(--s));opacity:0;transition:var(--t)}
.sc:hover{transform:translateY(-4px);box-shadow:var(--shl)}.sc:hover::before{opacity:1}
.si{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}
.sc h3{font-family:var(--ff);font-size:1.15rem;font-weight:700;color:var(--d);margin-bottom:10px}
.sc p{font-size:.9rem;color:var(--g6);line-height:1.7}
.sc .arr{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:.85rem;font-weight:600;color:var(--p);cursor:pointer;text-decoration:none}

/* DARK SECTION */
.wsec{background:var(--d);color:#fff;position:relative;overflow:hidden}
.wsec::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(16,206,153,.08),transparent)}
.wsec .tag{background:rgba(255,255,255,.08);color:var(--pl)}.wsec .stitle{color:#fff}.wsec .ssub{color:rgba(255,255,255,.6)}
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.wc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--rl);padding:32px 24px;transition:var(--t)}
.wc:hover{background:rgba(255,255,255,.08);transform:translateY(-4px)}
.wc .num{font-family:var(--ff);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--p),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;line-height:1}
.wc h4{font-family:var(--ff);font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:8px}
.wc p{font-size:.85rem;color:rgba(255,255,255,.5);line-height:1.7}

/* STEPS */
.stgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px;position:relative}
.stgrid::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--p),var(--s));opacity:.2}
.stp{text-align:center;position:relative}
.stn{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,rgba(16,206,153,.08),rgba(10,61,46,.08));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-family:var(--ff);font-size:1.5rem;font-weight:800;color:var(--p);border:2px solid rgba(16,206,153,.15);position:relative;z-index:1}
.stp h4{font-family:var(--ff);font-size:1.05rem;font-weight:700;color:var(--d);margin-bottom:8px}
.stp p{font-size:.85rem;color:var(--g6)}

/* COURIER CARDS */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.cc{background:var(--w);border-radius:var(--rl);padding:32px;text-align:center;border:1px solid var(--g1);transition:var(--t)}
.cc:hover{box-shadow:var(--shl);transform:translateY(-4px)}
.cb{width:72px;height:72px;border-radius:20px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-family:var(--ff);font-size:.75rem;font-weight:800;color:#fff;letter-spacing:.5px}
.cc h4{font-family:var(--ff);font-size:1.1rem;font-weight:700;color:var(--d);margin-bottom:6px}
.cc p{font-size:.82rem;color:var(--g5);margin-bottom:16px}
.ctags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.ctags span{padding:4px 12px;border-radius:100px;background:var(--g1);font-size:.72rem;color:var(--g6);font-weight:500}

/* TRACKING */
.tsec{background:linear-gradient(135deg,var(--s),#0D47A1);position:relative;overflow:hidden}
.tsec .tag{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.tsec .stitle{color:#fff}.tsec .ssub{color:rgba(255,255,255,.6)}
.tbox{max-width:700px;margin:40px auto 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--rx);padding:40px;position:relative;z-index:1}
.tiw{display:flex;gap:12px}
.ti{flex:1;padding:18px 24px;border-radius:var(--r);border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);font-family:var(--fb);font-size:1rem;color:#fff;transition:var(--t)}
.ti:focus{outline:none;border-color:var(--pl);background:rgba(255,255,255,.1)}.ti::placeholder{color:rgba(255,255,255,.35)}
.tbtn{padding:18px 36px;border:none;border-radius:var(--r);background:var(--p);color:#fff;font-family:var(--ff);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--t);white-space:nowrap}
.tbtn:hover{background:var(--pd);transform:translateY(-2px)}
.tres{margin-top:24px;display:none}.tres.vis{display:block}
.te{display:flex;gap:16px;padding:16px 0;position:relative}
.te::before{content:'';position:absolute;left:11px;top:36px;bottom:-16px;width:2px;background:rgba(255,255,255,.1)}
.te:last-child::before{display:none}
.td{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.te.act .td{background:var(--g);border-color:var(--g)}
.tdi{width:8px;height:8px;border-radius:50%;background:#fff}
.tinfo h5{font-size:.9rem;color:#fff;font-weight:600}.tinfo p{font-size:.78rem;color:rgba(255,255,255,.45)}

/* ABOUT */
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:56px}
.aimg{background:linear-gradient(135deg,var(--p),var(--s));border-radius:var(--rx);padding:48px;min-height:400px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}
.aimg>*{position:relative;z-index:1}
.aimg .bn{font-family:var(--ff);font-size:5rem;font-weight:800;line-height:1;margin-bottom:12px;opacity:.9}
.aimg h3{font-family:var(--ff);font-size:1.5rem;font-weight:700;margin-bottom:12px}
.aimg p{font-size:.95rem;opacity:.7;line-height:1.7}
.acont h3{font-family:var(--ff);font-size:1.6rem;font-weight:700;color:var(--d);margin-bottom:16px}
.acont p{font-size:1rem;color:var(--g6);line-height:1.8;margin-bottom:16px}
.avals{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.av{padding:20px;border-radius:var(--r);background:var(--g1)}
.av h5{font-family:var(--ff);font-size:.95rem;font-weight:700;color:var(--d);margin-bottom:4px}
.av p{font-size:.8rem;color:var(--g5);margin:0}

/* CONTACT */
.ctgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:56px}
.cinfo{background:var(--d);border-radius:var(--rx);padding:48px;color:#fff;position:relative;overflow:hidden}
.cinfo h3{font-family:var(--ff);font-size:1.5rem;font-weight:700;margin-bottom:8px}
.cinfo>p{font-size:.9rem;color:rgba(255,255,255,.5);margin-bottom:36px}
.ci{display:flex;gap:16px;margin-bottom:28px}
.cii{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.ci h5{font-size:.8rem;color:rgba(255,255,255,.4);font-weight:500;margin-bottom:4px}
.ci p{font-size:.95rem;color:#fff;font-weight:500}.ci a{color:#fff;text-decoration:none}
.cform{background:var(--w);border-radius:var(--rx);padding:48px;border:1px solid var(--g1);box-shadow:var(--sh)}
.cform h3{font-family:var(--ff);font-size:1.3rem;font-weight:700;color:var(--d);margin-bottom:24px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.fg{margin-bottom:16px}
.fg label{display:block;font-size:.82rem;font-weight:600;color:var(--g7);margin-bottom:6px}
.fg input,.fg select,.fg textarea{width:100%;padding:14px 16px;border-radius:var(--r);border:1.5px solid var(--g2);font-family:var(--fb);font-size:.9rem;color:var(--d);background:var(--g1);transition:var(--t)}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--p);background:#fff}
.fg textarea{resize:vertical;min-height:100px}

/* CTA */
.cta{padding:80px 0;background:linear-gradient(135deg,var(--p),var(--pd));text-align:center;color:#fff;position:relative;overflow:hidden}
.cta h2{font-family:var(--ff);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;margin-bottom:12px;position:relative}
.cta p{font-size:1.1rem;opacity:.85;margin-bottom:32px;position:relative}.cta .btn{position:relative}

/* ONBOARDING */
.ob-wrap{max-width:680px;margin:0 auto}
.ob-steps{display:flex;justify-content:center;gap:0;margin-bottom:48px;position:relative}
.ob-steps::before{content:'';position:absolute;top:24px;left:15%;right:15%;height:2px;background:var(--g2)}
.ob-step{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1;flex:1}
.ob-num{width:48px;height:48px;border-radius:50%;background:var(--g1);display:flex;align-items:center;justify-content:center;font-family:var(--ff);font-weight:700;font-size:1rem;color:var(--g5);border:2px solid var(--g2);transition:var(--t)}
.ob-step.active .ob-num{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;border-color:var(--p);box-shadow:0 4px 16px rgba(16,206,153,.3)}
.ob-step.done .ob-num{background:var(--g);color:#fff;border-color:var(--g)}
.ob-step span{font-size:.78rem;font-weight:600;color:var(--g5)}.ob-step.active span{color:var(--p)}.ob-step.done span{color:var(--g)}
.ob-panel{display:none;background:var(--w);border-radius:var(--rx);padding:48px;border:1px solid var(--g1);box-shadow:var(--sh)}
.ob-panel.active{display:block}
.ob-panel h3{font-family:var(--ff);font-size:1.4rem;font-weight:700;color:var(--d);margin-bottom:8px}
.ob-panel .desc{font-size:.9rem;color:var(--g6);margin-bottom:28px}
.ob-btns{display:flex;gap:12px;margin-top:28px}.ob-btns .btn{flex:1;justify-content:center}
.agree-box{max-height:320px;overflow-y:auto;padding:24px;background:var(--g1);border-radius:var(--r);border:1px solid var(--g2);font-size:.85rem;color:var(--g7);line-height:1.8;margin-bottom:20px}
.agree-box h4{font-family:var(--ff);font-weight:700;color:var(--d);margin:16px 0 8px;font-size:.95rem}.agree-box h4:first-child{margin-top:0}
.agree-check{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px;background:var(--w);border-radius:var(--r);border:1.5px solid var(--g2)}
.agree-check input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--p);flex-shrink:0}
.agree-check label{font-size:.88rem;color:var(--g7);line-height:1.5;cursor:pointer}

/* LEGAL */
.legal{padding:140px 0 80px}.legal-wrap{max-width:820px;margin:0 auto}
.legal-wrap h1{font-family:var(--ff);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--d);margin-bottom:8px}
.legal-wrap .ldate{font-size:.85rem;color:var(--g5);margin-bottom:40px}
.legal-wrap h2{font-family:var(--ff);font-size:1.2rem;font-weight:700;color:var(--d);margin:36px 0 12px;padding-top:24px;border-top:1px solid var(--g2)}
.legal-wrap h2:first-of-type{border-top:none;padding-top:0}
.legal-wrap p{font-size:.92rem;color:var(--g6);line-height:1.8;margin-bottom:12px}
.legal-wrap ul{margin:12px 0 12px 24px;font-size:.92rem;color:var(--g6);line-height:2}

/* INFO PAGES */
.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:40px}
.info-card{background:var(--w);border-radius:var(--rl);padding:32px;border:1px solid var(--g1);transition:var(--t)}
.info-card:hover{box-shadow:var(--shl);transform:translateY(-3px)}
.info-card .ic-tag{font-size:.72rem;font-weight:600;color:var(--p);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.info-card h4{font-family:var(--ff);font-size:1.1rem;font-weight:700;color:var(--d);margin-bottom:8px}
.info-card p{font-size:.85rem;color:var(--g6);line-height:1.7}
.info-card .read{display:inline-block;margin-top:16px;font-size:.85rem;font-weight:600;color:var(--p);cursor:pointer;text-decoration:none}

/* CALC */
.calc-box{max-width:600px;margin:0 auto;background:var(--w);border-radius:var(--rx);padding:48px;border:1px solid var(--g1);box-shadow:var(--sh)}
.calc-box h3{font-family:var(--ff);font-size:1.3rem;font-weight:700;color:var(--d);margin-bottom:24px}
.calc-results{margin-top:24px;display:none}.calc-results.vis{display:block}
.cr-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:var(--r);background:var(--g1);margin-bottom:8px;transition:var(--t)}
.cr-item:hover{background:var(--g2)}
.cr-left{display:flex;align-items:center;gap:12px}
.cr-dot{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff}
.cr-name{font-weight:600;font-size:.9rem;color:var(--d)}.cr-days{font-size:.78rem;color:var(--g5)}
.cr-price{font-family:var(--ff);font-weight:700;font-size:1.1rem;color:var(--d)}
.cr-item.best{background:rgba(0,200,83,.08);border:1.5px solid rgba(0,200,83,.2)}
.cr-item.best .cr-price{color:#00A844}
.cr-item.best::after{content:'BEST';font-size:.65rem;font-weight:700;color:#00A844;background:rgba(0,200,83,.12);padding:3px 8px;border-radius:100px;margin-left:8px}

/* FOOTER */
.footer{background:var(--d);color:rgba(255,255,255,.6);padding:80px 0 0}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:60px}
.fb p{font-size:.85rem;line-height:1.7;margin-bottom:24px;max-width:300px}
.fsoc{display:flex;gap:12px}
.fsoc a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);text-decoration:none;font-size:.9rem;transition:var(--t)}
.fsoc a:hover{background:var(--p);color:#fff}
.fc h4{font-family:var(--ff);font-size:.9rem;font-weight:700;color:#fff;margin-bottom:20px}
.fc a{display:block;padding:6px 0;color:rgba(255,255,255,.5);text-decoration:none;font-size:.85rem;transition:var(--t)}
.fc a:hover{color:var(--pl)}
.fbot{border-top:1px solid rgba(255,255,255,.06);padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;flex-wrap:wrap;gap:12px}
.fbot a{color:rgba(255,255,255,.4);text-decoration:none}.fbot a:hover{color:var(--pl)}

/* POWERED BY BADGE */
.pwr-badge{position:fixed;bottom:20px;right:20px;z-index:900;display:flex;align-items:center;gap:8px;padding:10px 18px 10px 14px;border-radius:8px;background:#1a0dab;color:#fff;font-family:var(--ff);font-size:.82rem;font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(26,13,171,.35);transition:var(--t);letter-spacing:.3px}
.pwr-badge:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(26,13,171,.45);background:#2215c9}
.pwr-badge svg{flex-shrink:0}

/* MODAL */
.modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:24px}
.modal.open{display:flex}
.mbox{background:#fff;border-radius:var(--rx);padding:48px;max-width:480px;width:100%;box-shadow:var(--shx);position:relative;max-height:90vh;overflow-y:auto}
.mclose{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--g1);border:none;cursor:pointer;font-size:1.1rem;color:var(--g6);display:flex;align-items:center;justify-content:center;transition:var(--t)}
.mclose:hover{background:var(--g2)}
.mbox h2{font-family:var(--ff);font-size:1.5rem;font-weight:700;color:var(--d);margin-bottom:6px}
.mbox .msub{font-size:.9rem;color:var(--g5);margin-bottom:28px}
.mswitch{text-align:center;margin-top:20px;font-size:.85rem;color:var(--g5)}
.mswitch a{color:var(--p);font-weight:600;cursor:pointer;text-decoration:none}

/* RESPONSIVE */
@media(max-width:1024px){
  .hgrid{grid-template-columns:1fr;text-align:center}.hero p.hdesc{margin:0 auto 32px}.hacts{justify-content:center}.hstats{justify-content:center}
  .hvis{display:none}.sgrid,.cgrid{grid-template-columns:repeat(2,1fr)}
  .wgrid{grid-template-columns:repeat(2,1fr)}.stgrid{grid-template-columns:repeat(2,1fr)}.stgrid::before{display:none}
  .fgrid{grid-template-columns:1fr 1fr}.agrid,.ctgrid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav,.hdr-act{display:none}.mt{display:block}
  .sgrid,.wgrid,.cgrid{grid-template-columns:1fr}.stgrid{grid-template-columns:1fr;gap:24px}
  .hero h1{font-size:2.2rem}.hstats{flex-direction:column;gap:16px;text-align:center}
  .section{padding:64px 0}.tiw{flex-direction:column}
  .fgrid{grid-template-columns:1fr;gap:32px}.fbot{flex-direction:column;text-align:center}
  .frow{grid-template-columns:1fr}.avals{grid-template-columns:1fr}
  .ob-steps{gap:0}.ob-step span{font-size:.68rem}.ob-panel{padding:28px}
  .info-grid{grid-template-columns:1fr}.legal-wrap{padding:0 8px}.calc-box{padding:28px}
  .mbox{padding:32px 24px}.hdr-in{padding:0 16px}
}