*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bl:#2563EB;--bl2:#3B82F6;--bl3:#DBEAFE;--bl4:#1D4ED8;
  --gn:#2E9E4F;
  --ink:#0F172A;--ink2:#334155;--ink3:#94A3B8;
  --bg:#EFF6FF;
  --bor:rgba(147,197,253,0.5);--bor2:rgba(59,130,246,0.4);
  --fh:'Inter',system-ui,sans-serif;--fb:'Inter',system-ui,sans-serif;
}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);overflow-x:hidden;line-height:1.6;position:relative}
button{font-family:var(--fb);cursor:pointer;border:none;outline:none}

.pg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45}
.o1{width:650px;height:650px;background:#BFDBFE;top:-120px;left:-150px}
.o2{width:500px;height:500px;background:#C7D2FE;top:35%;right:-120px}
.o3{width:420px;height:420px;background:#BAE6FD;bottom:5%;left:15%}
.o4{width:360px;height:360px;background:#DDD6FE;bottom:25%;right:10%}
body>*:not(.pg){position:relative;z-index:1}

/* NAV */
nav{position:sticky;top:0;z-index:200;height:80px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--bor)}
.logo{display:flex;align-items:center;text-decoration:none}
.eco{font-family:var(--fh);font-size:36px;font-weight:900;color:var(--gn);letter-spacing:-1.5px}
.box{font-family:var(--fh);font-size:36px;font-weight:900;color:var(--bl);letter-spacing:-1.5px}
.bxi{font-size:26px;margin-left:2px;position:relative;top:1px}
.nl{display:flex;gap:24px}
.nl a{font-size:14px;color:var(--ink2);text-decoration:none;transition:color .2s}
.nl a:hover{color:var(--bl)}
.nr{display:flex;gap:10px;align-items:center}
.lb{background:rgba(255,255,255,.8);color:var(--ink2);font-size:13px;font-weight:500;padding:7px 14px;border-radius:100px;border:1px solid var(--bor2);cursor:pointer;transition:all .2s}
.lb:hover{background:#fff;color:var(--bl)}
.nb-login{background:rgba(255,255,255,.85);color:var(--bl);font-size:13px;font-weight:600;padding:9px 20px;border-radius:100px;border:1.5px solid var(--bor2);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s}
.nb-login:hover{background:#fff;border-color:var(--bl);transform:translateY(-1px)}
.nb{background:var(--bl);color:#fff;font-size:13px;font-weight:500;padding:10px 22px;border-radius:100px;border:none;cursor:pointer;transition:all .2s}
.nb:hover{background:var(--bl4);transform:translateY(-1px)}

/* BUTTONS */
.bp{background:var(--bl);color:#fff;font-weight:500;font-size:15px;padding:14px 30px;border-radius:100px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .2s}
.bp:hover{background:var(--bl4);transform:translateY(-2px);box-shadow:0 8px 30px rgba(37,99,235,.3)}
.bg2{background:rgba(255,255,255,.92);color:var(--ink);font-weight:500;font-size:15px;padding:14px 30px;border-radius:100px;border:1.5px solid rgba(37,99,235,.45);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.bg2:hover{background:#fff;border-color:var(--bl)}

.gc{background:rgba(255,255,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bor);border-radius:20px}

/* HERO */
.hero{padding:120px 48px 100px;text-align:center;position:relative;overflow:hidden}
h1{font-family:var(--fh);font-size:clamp(52px,8vw,110px);font-weight:900;line-height:0.95;letter-spacing:-4px;color:var(--ink);max-width:900px;margin:0 auto;animation:up .6s .1s ease both;opacity:0}
.bt{color:var(--bl)}
.hp{font-size:clamp(18px,2.2vw,24px);color:var(--ink2);max-width:520px;margin:22px auto 0;font-weight:300;animation:up .6s .2s ease both;opacity:0}
.hb{display:flex;justify-content:center;gap:14px;margin-top:36px;flex-wrap:wrap;animation:up .6s .3s ease both;opacity:0}
.hs{display:flex;justify-content:center;gap:18px;margin-top:52px;animation:up .6s .4s ease both;opacity:0;flex-wrap:wrap}
.gst{background:rgba(255,255,255,.65);backdrop-filter:blur(16px);border:1px solid var(--bor);border-radius:16px;padding:20px 28px;text-align:center}
.stn{font-family:var(--fh);font-size:40px;font-weight:900;color:var(--ink)}
.stl{font-size:14px;color:var(--ink3);margin-top:3px}
@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* SECTIONS */
.sec{padding:96px 48px}
.lbl{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--bl);margin-bottom:12px}
.sh{font-family:var(--fh);font-size:clamp(32px,4.5vw,60px);font-weight:900;letter-spacing:-2px;line-height:1.1;color:var(--ink)}
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}

/* TRACKING */
.tw{max-width:700px;margin:32px auto 0}
.trow{display:flex;gap:10px;padding:32px 32px 0}
.tin{flex:1;background:rgba(255,255,255,.98);border:1.5px solid var(--bor2);border-radius:12px;padding:14px 18px;font-family:var(--fb);font-size:16px;color:var(--ink);outline:none;-webkit-appearance:none;box-shadow:none;transition:border-color .2s}
.tin:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.tin::placeholder{color:var(--ink3)}
.tbtn{background:var(--bl);color:#fff;font-weight:600;font-size:14px;padding:14px 26px;border-radius:12px;border:none;cursor:pointer;white-space:nowrap;transition:all .2s}
.tbtn:hover{background:var(--bl4)}
.tres{display:none;margin:22px 32px 32px}
.tres.show{display:block}
.spill{display:inline-flex;align-items:center;gap:7px;background:var(--bl3);border:1px solid rgba(37,99,235,.25);border-radius:100px;padding:7px 16px;font-size:13px;color:var(--bl4);font-weight:500;margin-bottom:16px}
.tline{position:relative;padding-left:26px}
.tline::before{content:'';position:absolute;left:6px;top:10px;bottom:10px;width:1.5px;background:var(--bor)}
.tstep{position:relative;margin-bottom:20px;display:flex;flex-direction:column;gap:3px}
.tstep:last-child{margin-bottom:0}
.tdot{position:absolute;left:-26px;top:3px;width:13px;height:13px;border-radius:50%;border:2px solid rgba(147,197,253,.6);background:#fff}
.tdot.dn{border-color:var(--bl);background:var(--bl)}
.tdot.dn::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#fff}
.tdot.ac{border-color:var(--bl);background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.15)}
.ta{font-size:14px;font-weight:500;color:var(--ink)}
.tm{font-size:14px;color:var(--ink3)}
.tt{font-size:12px;color:var(--ink3)}

/* STEPS */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.stg{background:rgba(255,255,255,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bor);border-radius:20px;padding:34px 26px;transition:all .3s}
.stg:hover{background:rgba(255,255,255,.9);transform:translateY(-4px);box-shadow:0 16px 48px rgba(37,99,235,.1)}
.snum{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--ink3);margin-bottom:18px;text-transform:uppercase}
.sico{width:50px;height:50px;border-radius:14px;background:var(--bl3);border:1px solid rgba(37,99,235,.2);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px}
.stit{font-family:var(--fh);font-size:22px;font-weight:800;margin-bottom:9px;color:var(--ink)}
.sdsc{font-size:15px;color:var(--ink2);line-height:1.75}

/* PRICING */
.pcard{background:rgba(255,255,255,.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bor);border-radius:24px;overflow:hidden;position:relative;max-width:900px;margin:36px auto 0}
.pcard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bl),#60A5FA,var(--bl4))}
.pig{display:grid;grid-template-columns:1fr 1fr}
.pl{padding:44px 44px;border-right:1px solid var(--bor)}
.pamt{font-family:var(--fh);font-size:88px;font-weight:900;line-height:1;color:var(--ink);letter-spacing:-3px}
.pun{font-family:var(--fh);font-size:24px;font-weight:700;color:var(--ink2);margin-left:6px;margin-bottom:8px}
.psb{font-size:16px;color:var(--ink3);margin-bottom:26px}
.pcks{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}
.pck{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:var(--ink2);line-height:1.6}
.pci{width:20px;height:20px;background:var(--bl3);border:1px solid rgba(37,99,235,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--bl);flex-shrink:0;margin-top:2px}
.pr{padding:44px 44px;background:rgba(255,255,255,.35)}
.prt{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--ink2);letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}
.tbox{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(96,165,250,.05));border:1px solid var(--bor2);border-radius:16px;padding:22px 24px;margin-bottom:18px}
.ttext{font-family:var(--fh);font-size:24px;font-weight:900;color:var(--ink);line-height:1.3;letter-spacing:-.5px}
.ttext em{color:var(--bl);font-style:normal}
.mst{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ms{background:rgba(255,255,255,.7);border:1px solid var(--bor);border-radius:14px;padding:14px 16px;text-align:center}
.msn{font-family:var(--fh);font-size:28px;font-weight:900;color:var(--bl)}
.msl{font-size:13px;color:var(--ink3);margin-top:3px}
.pft{border-top:1px solid var(--bor);padding:16px 44px;background:rgba(255,255,255,.3);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fd{width:5px;height:5px;border-radius:50%;background:var(--bl2);flex-shrink:0}
.fbl{font-size:12px;color:var(--ink3)}

/* TRUST */
.trsec{max-width:900px;margin:0 auto}
.sbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.spll{background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border:1px solid var(--bor2);border-radius:100px;padding:7px 16px;display:flex;align-items:center;gap:7px;font-size:15px;color:var(--ink2)}
.spn{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--bl)}
.trcard{background:rgba(255,255,255,.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bor);border-radius:24px;overflow:hidden;position:relative}
.trcard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bl),#60A5FA,var(--bl4))}
.trin{padding:44px 52px;display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center}
.trlbl{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--bl);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.trd{width:6px;height:6px;border-radius:50%;background:var(--bl);animation:blink 2s infinite}
.trh{font-family:var(--fh);font-size:clamp(28px,3.5vw,44px);font-weight:900;letter-spacing:-1px;line-height:1.15;color:var(--ink);margin-bottom:16px}
.trh em{color:var(--bl);font-style:normal}
.trp{font-size:17px;color:var(--ink2);line-height:1.85;font-weight:300;max-width:500px}
.trp a{color:var(--bl);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(37,99,235,.3)}
.dbdg{width:124px;height:124px;background:var(--bl);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 44px rgba(37,99,235,.35);position:relative;flex-shrink:0}
.dbdg::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px dashed rgba(37,99,235,.4);animation:spin 20s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.dnum{font-family:var(--fh);font-size:48px;font-weight:900;color:#fff;line-height:1}
.dlbl{font-family:var(--fh);font-size:10px;font-weight:700;color:rgba(255,255,255,.8);letter-spacing:1px;text-transform:uppercase;text-align:center;line-height:1.3}
.trft{border-top:1px solid var(--bor);padding:20px 52px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;background:rgba(255,255,255,.3)}
.trf{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink2)}
.trfi{width:30px;height:30px;background:var(--bl3);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.trdv{width:1px;height:24px;background:var(--bor)}

/* STORES */
.strsec{padding:60px 0 72px;overflow:hidden}
.strl{text-align:center;padding:0 48px;margin-bottom:28px}
.cf{position:relative}
.cf::before,.cf::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:10;pointer-events:none}
.cf::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.cf::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}
.ctrack{display:flex;gap:14px;animation:scrl 32s linear infinite;width:max-content}
.ctrack:hover{animation-play-state:paused}
.sc{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid var(--bor);border-radius:14px;padding:12px 20px;display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0;transition:all .2s;min-width:150px;justify-content:center}
.sc:hover{background:#fff;border-color:var(--bl2);transform:translateY(-3px);box-shadow:0 8px 24px rgba(37,99,235,.1)}
.sli{height:24px;width:auto;object-fit:contain;max-width:80px}
.snm{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--ink)}
@keyframes scrl{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* COLOMBIA */
.co{padding:88px 48px;text-align:center;background:linear-gradient(135deg,rgba(255,214,0,.08),rgba(0,56,168,.09) 50%,rgba(206,17,38,.06));position:relative;overflow:hidden}
.cobdg{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border:1px solid rgba(0,56,168,.2);border-radius:100px;padding:6px 16px;font-size:13px;color:#003894;font-weight:600;margin-bottom:22px}
.cofl{display:flex;gap:2px;height:13px}
.cofs{height:100%;width:7px;border-radius:2px}
.co h2{font-family:var(--fh);font-size:clamp(40px,6vw,80px);font-weight:900;letter-spacing:-3px;line-height:1.0;color:var(--ink);max-width:800px;margin:0 auto 16px}
.cosb{font-size:clamp(18px,2vw,22px);color:var(--ink2);max-width:460px;margin:0 auto 30px;font-weight:300}
.codv{width:52px;height:3px;margin:0 auto 28px;border-radius:100px;background:linear-gradient(90deg,#FFD600,#003894,#CE1126)}
.cocks{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:32px}
.cock{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--ink2)}
.coci{width:22px;height:22px;background:var(--bl3);border:1px solid rgba(37,99,235,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--bl);flex-shrink:0;font-weight:700}

/* AIR */
.air{padding:88px 48px;background:linear-gradient(135deg,#0F172A 0%,#0C1445 50%,#0F172A 100%);position:relative;overflow:hidden}
.aorb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.ao1{width:420px;height:420px;background:rgba(37,99,235,.22);top:-80px;right:-60px}
.ao2{width:280px;height:280px;background:rgba(99,102,241,.18);bottom:-50px;left:-50px}
.ptrl{position:absolute;top:52px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),rgba(147,197,253,.85),transparent);animation:trl 4s ease-in-out infinite}
@keyframes trl{0%,100%{opacity:.3}50%{opacity:1}}
.airc{position:relative;z-index:2;max-width:960px;margin:0 auto}
.abg{display:inline-flex;align-items:center;gap:8px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:100px;padding:6px 16px;font-size:11px;color:#93C5FD;font-weight:600;margin-bottom:22px;letter-spacing:2px;text-transform:uppercase}
.ah{font-family:var(--fh);font-size:clamp(36px,5.5vw,72px);font-weight:900;letter-spacing:-2.5px;line-height:1.0;color:#fff;margin-bottom:14px}
.ah span{color:#60A5FA}
.asb{font-size:18px;color:#94A3B8;max-width:520px;margin-bottom:26px;font-weight:300;line-height:1.75}
.rl{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.rtr{flex:1;height:2px;background:linear-gradient(90deg,#60A5FA,rgba(96,165,250,.1));border-radius:100px;position:relative;overflow:hidden}
.rtr::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shm 2s ease-in-out infinite}
@keyframes shm{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.rpl{font-size:20px;animation:fly 4s ease-in-out infinite}
@keyframes fly{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
.acks{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}
.ack{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:8px 16px;font-size:15px;color:#CBD5E1}
.ack::before{content:'';width:5px;height:5px;border-radius:50%;background:#60A5FA;flex-shrink:0}
.abns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.abn{background:rgba(255,255,255,.06);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s}
.abn:hover{background:rgba(255,255,255,.1);border-color:rgba(59,130,246,.45);transform:translateY(-3px)}
.abni{font-size:28px;margin-bottom:12px}
.abnt{font-family:var(--fh);font-size:18px;font-weight:800;color:#fff;margin-bottom:6px}
.abnd{font-size:15px;color:#94A3B8;line-height:1.65}

/* OCEAN */
.ocn{padding:88px 48px;background:linear-gradient(135deg,#0A1628 0%,#0C2340 50%,#071525 100%);position:relative;overflow:hidden}
.wv{position:absolute;bottom:0;left:0;right:0;height:110px;background:linear-gradient(180deg,transparent,rgba(14,116,144,.14));animation:wvm 6s ease-in-out infinite}
.wv2{animation-delay:-3s;opacity:.4;height:65px}
@keyframes wvm{0%,100%{transform:translateX(0)}50%{transform:translateX(-18px)}}
.oob{position:absolute;border-radius:50%;filter:blur(80px)}
.oo1{width:440px;height:260px;background:rgba(14,116,144,.18);bottom:-80px;right:-80px}
.oo2{width:260px;height:260px;background:rgba(37,99,235,.12);top:0;left:12%}
.ocnc{position:relative;z-index:2;max-width:960px;margin:0 auto}
.obg2{display:inline-flex;align-items:center;gap:8px;background:rgba(14,116,144,.22);border:1px solid rgba(14,116,144,.45);border-radius:100px;padding:6px 16px;font-size:11px;color:#67E8F9;font-weight:600;margin-bottom:22px;letter-spacing:2px;text-transform:uppercase}
.oh{font-family:var(--fh);font-size:clamp(36px,5.5vw,72px);font-weight:900;letter-spacing:-2.5px;line-height:1.0;color:#fff;margin-bottom:14px}
.oh span{color:#67E8F9}
.osb{font-size:18px;color:#94A3B8;max-width:540px;margin-bottom:26px;font-weight:300;line-height:1.75}
.srt{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.str{flex:1;height:3px;background:linear-gradient(90deg,#67E8F9,rgba(103,232,249,.1));border-radius:100px;position:relative;overflow:hidden}
.str::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shm 3s ease-in-out infinite}
.shi{font-size:22px;animation:bob 3s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.ocks{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}
.ock{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:7px 14px;font-size:15px;color:#CBD5E1}
.ock::before{content:'';width:5px;height:5px;border-radius:50%;background:#67E8F9;flex-shrink:0}
.obns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.obn{background:rgba(255,255,255,.06);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:24px;transition:all .3s}
.obn:hover{background:rgba(255,255,255,.1);border-color:rgba(14,116,144,.45);transform:translateY(-3px)}
.obni{font-size:28px;margin-bottom:12px}
.obnt{font-family:var(--fh);font-size:18px;font-weight:800;color:#fff;margin-bottom:6px}
.obnd{font-size:15px;color:#94A3B8;line-height:1.65}

/* CTA */
.ctas{padding:90px 48px;text-align:center}
.ctag{background:rgba(37,99,235,.09);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(37,99,235,.22);border-radius:28px;padding:72px 56px;max-width:660px;margin:0 auto;position:relative;overflow:hidden}
.ctaib{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.09),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(99,102,241,.06),transparent 60%);pointer-events:none}
.ctah{font-family:var(--fh);font-size:clamp(38px,5vw,66px);font-weight:900;letter-spacing:-2.5px;color:var(--ink);margin-bottom:12px;position:relative}
.ctasb{font-size:20px;color:var(--ink2);margin-bottom:34px;font-weight:300;position:relative}
.ctar{display:flex;gap:10px;max-width:440px;margin:0 auto;position:relative}
.ctae{flex:1;background:rgba(255,255,255,.92);border:1.5px solid var(--bor);border-radius:12px;padding:14px 18px;font-family:var(--fb);font-size:14px;color:var(--ink);outline:none;-webkit-appearance:none;transition:border-color .2s}
.ctae::placeholder{color:var(--ink3)}
.ctae:focus{border-color:var(--bl)}
.ctago{background:var(--bl);color:#fff;font-weight:600;font-size:14px;padding:14px 24px;border-radius:12px;border:none;cursor:pointer;white-space:nowrap;transition:all .2s}
.ctago:hover{background:var(--bl4)}
.ctan{font-size:12px;color:var(--ink3);margin-top:14px;position:relative}

/* FOOTER */
footer{padding:28px 40px;border-top:1px solid var(--bor);background:rgba(255,255,255,.6);backdrop-filter:blur(16px);display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:16px}
.flo{display:flex;align-items:center;text-decoration:none}
.feco{font-family:var(--fh);font-size:22px;font-weight:800;color:var(--gn)}
.fbox{font-family:var(--fh);font-size:28px;font-weight:900;color:var(--bl)}
.fbxi{font-size:20px;margin-left:2px}
.flinks{display:flex;gap:22px}
.flinks a{font-size:12px;color:var(--ink3);text-decoration:none;white-space:nowrap}
.flinks a:hover{color:var(--bl)}
.fc{font-size:12px;color:var(--ink3);text-align:right;white-space:nowrap}

/* ═══════════════════════════════════════════════
   MOBILE OPTIMIZATION — max-width 768px
═══════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* NAV */
  nav {
    padding: 0 14px;
    height: 56px;
    min-height: 56px;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
  }
  .nl { display: none; } /* hide nav links on mobile — hamburger below */
  .nr { gap: 4px; flex-shrink: 0; }
  .nb-login { padding: 6px 10px; font-size: 11px; white-space: nowrap; }
  .nb { padding: 6px 10px; font-size: 11px; white-space: nowrap; }
  .lb { display: none; } /* hide language toggle on mobile to save space */
  .eco, .feco { font-size: 18px; }
  .box, .fbox { font-size: 18px; }
  .bxi, .fbxi { font-size: 16px; }

  /* HAMBURGER MENU */
  .hamburger {
    display: flex !important;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 8px;
    background: rgba(255,255,255,.8);
    border-radius: 8px;
    border: 1px solid var(--bor2);
    margin-left: 6px;
  }
  .hamburger span {
    width: 22px;
    height: 2px;
    background: var(--ink);
    border-radius: 2px;
    transition: all .3s;
    display: block;
  }
  .mobile-menu {
    display: none;
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(20px);
    z-index: 999;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 24px;
  }
  .mobile-menu.open { display: flex; }
  .mobile-menu a {
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 14px;
    width: 100%;
    text-align: center;
    border: 1px solid var(--bor);
    background: rgba(255,255,255,.8);
    transition: all .2s;
  }
  .mobile-menu a:hover { background: var(--bl3); color: var(--bl); }
  .mobile-menu .mm-login {
    background: rgba(37,99,235,.08);
    border-color: var(--bor2);
    color: var(--bl);
  }
  .mobile-menu .mm-register {
    background: var(--bl);
    color: #fff;
    border-color: var(--bl);
  }

  /* HERO */
  .hero { padding: 72px 20px 60px; }
  h1 {
    font-size: clamp(40px, 11vw, 64px) !important;
    letter-spacing: -2px !important;
    line-height: 1.0 !important;
  }
  .hp { font-size: 16px !important; margin-top: 16px; }
  .hb {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
  }
  .hb .bp, .hb .bg2 {
    width: 100%;
    max-width: 320px;
    justify-content: center;
    font-size: 16px;
    padding: 16px 24px;
  }
  .hs {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
  }
  .gst { width: 100%; max-width: 320px; padding: 16px 20px; }
  .stn { font-size: 32px; }

  /* SECTIONS */
  .sec { padding: 56px 20px; }

  /* TRACKING */
  .tw { margin: 20px 0 0; }
  .trow {
    flex-direction: column;
    gap: 10px;
    padding: 20px 20px 0;
  }
  .tin { width: 100%; font-size: 15px; padding: 14px 16px; }
  .tbtn {
    width: 100%;
    padding: 14px;
    font-size: 15px;
    border-radius: 12px;
  }
  .tres { margin: 16px 20px 20px; }

  /* STEPS */
  .sg {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }
  .stg { padding: 28px 22px; }
  .stit { font-size: 20px; }
  .sdsc { font-size: 15px; }

  /* PRICING */
  .pcard { margin: 24px 0 0; border-radius: 18px; }
  .pig {
    grid-template-columns: 1fr !important;
  }
  .pl {
    padding: 32px 24px;
    border-right: none !important;
    border-bottom: 1px solid var(--bor);
  }
  .pr { padding: 28px 24px; }
  .pamt { font-size: 72px !important; }
  .pun { font-size: 20px !important; }
  .psb { font-size: 14px; }
  .pck { font-size: 15px; }
  .pft { padding: 14px 24px; gap: 8px; }
  .mst { grid-template-columns: 1fr 1fr; }
  .bp { width: 100%; justify-content: center; font-size: 15px; padding: 14px 20px; }

  /* TRUST */
  .trsec { padding: 0; }
  .sbar { gap: 8px; }
  .spll { font-size: 12px; padding: 6px 12px; }
  .trin {
    grid-template-columns: 1fr !important;
    padding: 28px 24px;
    gap: 28px;
  }
  .dbdg {
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }
  .dnum { font-size: 36px !important; }
  .trh { font-size: clamp(22px, 6vw, 32px) !important; }
  .trp { font-size: 15px; }
  .trft {
    padding: 16px 24px;
    gap: 14px;
  }
  .trdv { display: none; }
  .trf { font-size: 13px; }

  /* STORES CAROUSEL */
  .strsec { padding: 40px 0 52px; }
  .strl { padding: 0 20px; }
  .sc { min-width: 120px; padding: 10px 14px; }
  .snm { font-size: 11px; }
  .sli { height: 18px; }

  /* COLOMBIA */
  .co { padding: 64px 20px; }
  .co h2 {
    font-size: clamp(34px, 10vw, 56px) !important;
    letter-spacing: -2px !important;
  }
  .cosb { font-size: 16px !important; }
  .cocks { gap: 8px; }
  .cock { font-size: 15px; }
  .co .bp, .co .bg2 {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
  .co > div:last-child {
    flex-direction: column;
    align-items: center;
  }

  /* AIR FREIGHT */
  .air { padding: 64px 20px; }
  .ah {
    font-size: clamp(32px, 9vw, 52px) !important;
    letter-spacing: -1.5px !important;
  }
  .asb { font-size: 15px !important; max-width: 100%; }
  .acks { gap: 7px; }
  .ack { font-size: 13px; padding: 6px 12px; }
  .abns {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  .abn { padding: 20px; }
  .abnt { font-size: 17px; }
  .abnd { font-size: 14px; }

  /* OCEAN */
  .ocn { padding: 64px 20px; }
  .oh {
    font-size: clamp(32px, 9vw, 52px) !important;
    letter-spacing: -1.5px !important;
  }
  .osb { font-size: 15px !important; max-width: 100%; }
  .ocks { gap: 7px; }
  .ock { font-size: 13px; padding: 6px 12px; }
  .obns {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  .obn { padding: 20px; }
  .obnt { font-size: 17px; }
  .obnd { font-size: 14px; }

  /* CTA */
  .ctas { padding: 60px 20px; }
  .ctag { padding: 44px 24px; border-radius: 20px; }
  .ctah { font-size: clamp(32px, 9vw, 52px) !important; letter-spacing: -2px !important; }
  .ctasb { font-size: 16px !important; }
  .ctar {
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
  }
  .ctae { width: 100%; padding: 14px 16px; font-size: 15px; }
  .ctago { width: 100%; padding: 14px; font-size: 15px; border-radius: 12px; }

  /* FOOTER */
  footer {
    grid-template-columns: 1fr !important;
    padding: 28px 20px;
    gap: 16px;
  }
  .flinks {
    flex-wrap: wrap;
    gap: 12px;
  }
  .flinks a { font-size: 13px; }
  .fc {
    white-space: normal !important;
    text-align: center !important;
    font-size: 11px;
    padding: 0 8px;
  }
  footer > div:first-child { justify-content: center; }

  /* WHATSAPP BUTTON */
  .wa-btn { bottom: 20px !important; right: 20px !important; width: 52px !important; height: 52px !important; }

  /* Section headings on mobile */
  .sh {
    font-size: clamp(28px, 8vw, 44px) !important;
    letter-spacing: -1.5px !important;
  }
  .lbl { font-size: 11px; }
}

/* ── Tablet 769px – 1024px ── */
@media (min-width: 769px) and (max-width: 1024px) {
  nav { padding: 0 24px; }
  .nl { gap: 14px; }
  .nl a { font-size: 12px; }
  .hero { padding: 80px 32px 72px; }
  h1 { font-size: clamp(44px, 7vw, 80px) !important; }
  .sec { padding: 72px 32px; }
  .sg { grid-template-columns: 1fr 1fr !important; }
  .pig { grid-template-columns: 1fr 1fr; }
  .trin { padding: 36px; }
  .air { padding: 72px 32px; }
  .ocn { padding: 72px 32px; }
  .co { padding: 72px 32px; }
  .abns { grid-template-columns: repeat(3,1fr); }
  .obns { grid-template-columns: repeat(3,1fr); }
}

/* ── Hide hamburger on desktop ── */
.hamburger { display: none; }
.mobile-menu { display: none; }