:root{--primary-deep: #05192d;--primary-navy: #0a2540;--primary-ocean: #003399;--brand-blue: #003399;--brand-gold: #CC9933;--brand-gold-hover: #b38326;--primary-blue: #1b649a;--accent-cyan: #00b4d8;--accent-teal: #0d9488;--accent-glow: rgba(0, 180, 216, .25);--accent-orange: #CC9933;--accent-amber: #dfa837;--accent-amber-light: #fef8ec;--surface-white: #ffffff;--surface-slate: #f8fafc;--surface-card: #ffffff;--surface-dark: #0a192f;--surface-glass: rgba(255, 255, 255, .85);--surface-dark-glass: rgba(10, 37, 64, .82);--text-main: #1e293b;--text-muted: #64748b;--text-light: #94a3b8;--text-white: #ffffff;--border-subtle: #e2e8f0;--border-glass: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 20px -2px rgba(10, 37, 64, .08);--shadow-lg: 0 12px 30px -4px rgba(10, 37, 64, .12);--shadow-xl: 0 20px 40px -6px rgba(10, 37, 64, .18);--shadow-glow: 0 0 25px rgba(0, 180, 216, .35);--font-heading: "Montserrat", sans-serif;--font-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.16, 1, .3, 1);--container-max: 1240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;color-scheme:light;overflow-x:hidden;max-width:100vw;width:100%}body{font-family:var(--font-body);background-color:var(--surface-slate);color:var(--text-main);line-height:1.6;overflow-x:hidden;max-width:100vw;width:100%;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none;border:none}ul{list-style:none}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.topbar{background:#020c18;color:#94a3b8;font-size:.78rem;padding:.4rem 0;border-bottom:1px solid rgba(56,189,248,.12);position:relative;z-index:1002}.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.65rem}.topbar-left{display:flex;align-items:center;gap:.85rem}.topbar-status-chip{display:inline-flex;align-items:center;gap:.45rem;background:#00b4d81a;border:1px solid rgba(56,189,248,.25);padding:.18rem .55rem;border-radius:4px}.status-beacon{width:6px;height:6px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 6px #22c55e;animation:pulseGreen 1.8s infinite}@keyframes pulseGreen{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.8}}.status-port{font-family:var(--font-heading);font-size:.7rem;font-weight:800;color:#38bdf8;letter-spacing:.8px}.topbar-subtext{font-size:.74rem;color:#cbd5e1;font-weight:500}.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-wa-link{display:inline-flex;align-items:center;gap:.4rem;color:#cbd5e1;font-size:.76rem;transition:color var(--transition-fast);text-decoration:none}.topbar-wa-link strong{color:#fff}.topbar-wa-link:hover{color:#25d366}.wa-dot{width:6px;height:6px;border-radius:50%;background-color:#25d366;box-shadow:0 0 6px #25d366}.topbar-sep{color:#fff3;font-size:.75rem}.topbar-clock{font-size:.74rem;color:#94a3b8}.navbar{position:sticky;top:0;z-index:1001;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 14px #0022660d;transition:all var(--transition-normal)}.navbar.scrolled{background:#fffffffa;box-shadow:0 8px 24px -4px #00226617;border-bottom-color:#cc993359}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:74px}.brand-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon-wrap{position:relative}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,#0a2a4bf2,#031220f2);border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00b4d840,inset 0 0 10px #38bdf833;border:1.5px solid rgba(56,189,248,.45);transition:all var(--transition-fast)}.brand-logo:hover .logo-icon{transform:translateY(-2px);border-color:#38bdf8;box-shadow:0 6px 22px #00b4d873}.logo-text{display:flex;flex-direction:column}.brand-title-wrap{display:flex;align-items:baseline;gap:4px}.brand-name-main{font-family:var(--font-heading);font-size:1.45rem;font-weight:900;letter-spacing:-.5px;color:#fff;line-height:1}.brand-name-accent{font-family:var(--font-heading);font-size:1.45rem;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,#67e8f9,#38bdf8,#00b4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.brand-sub{font-size:.62rem;text-transform:uppercase;letter-spacing:1.6px;color:#38bdf8;font-weight:800;margin-top:2px}.nav-menu{display:flex;align-items:center;gap:1.6rem}.nav-link{font-weight:600;font-size:.9rem;color:#1e293b;position:relative;padding:.5rem .2rem;display:inline-flex;align-items:center;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:#039}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2.5px;background:linear-gradient(90deg,#039,#c93);border-radius:2px;box-shadow:0 0 8px #00339959;transition:width var(--transition-fast)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:.85rem}.nav-wa-pill{display:inline-flex;align-items:center;gap:.55rem;background:#25d3661a;border:1px solid rgba(37,211,102,.35);border-radius:var(--radius-full);padding:.35rem .85rem;text-decoration:none;transition:all var(--transition-fast)}.nav-wa-pill:hover{background:#25d36633;border-color:#25d366;transform:translateY(-1px);box-shadow:0 4px 14px #25d3664d}.nav-wa-pulse{width:8px;height:8px;border-radius:50%;background-color:#25d366;box-shadow:0 0 8px #25d366;animation:pulseGreen 1.8s infinite;flex-shrink:0}.nav-wa-meta{display:flex;flex-direction:column;line-height:1.15}.nav-wa-tag{font-size:.6rem;font-weight:800;letter-spacing:.5px;color:#25d366}.nav-wa-phone{font-size:.82rem;font-weight:700;color:#fff}.btn-quote-nav{display:inline-flex;align-items:center;gap:.45rem;padding:.62rem 1.35rem;border-radius:10px;font-weight:700;font-size:.88rem;color:#fff;background:linear-gradient(135deg,#dfa837,#c93 60%,#b38326);box-shadow:0 4px 16px #c936;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all var(--transition-fast)}.btn-quote-nav:hover{transform:translateY(-2px);box-shadow:0 6px 22px #cc99338c;background:linear-gradient(135deg,#ebd076,#e0ac42 60%,#c48e24)}.mobile-toggle{display:none;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#039;padding:.5rem;cursor:pointer}.mobile-menu-drawer{display:flex;flex-direction:column;position:fixed;inset:64px 0 0;background:#020a14fa;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-top:1px solid rgba(56,189,248,.18);padding:0;gap:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);visibility:hidden;pointer-events:none}@media(min-width:769px){.mobile-menu-drawer{display:none!important}}.mobile-menu-drawer.open{transform:translate(0);visibility:visible;pointer-events:all}.mobile-drawer-header{padding:1.1rem 1.25rem .85rem;border-bottom:1px solid rgba(56,189,248,.12);background:#38bdf80a}.mobile-drawer-tag{font-family:var(--font-heading);font-size:.62rem;font-weight:800;letter-spacing:2px;color:#38bdf8;text-transform:uppercase;margin-bottom:.25rem}.mobile-drawer-loc{font-size:.82rem;color:#94a3b8;font-weight:500}.mobile-nav-list{padding:.5rem 0;flex:1}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;color:#e2e8f0;padding:.95rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link:active{background:#38bdf812;color:#38bdf8}.mobile-nav-link svg{color:#38bdf880;flex-shrink:0;transition:transform var(--transition-fast),color var(--transition-fast)}.mobile-nav-link:hover svg{transform:translate(3px);color:#38bdf8}.mobile-drawer-actions{display:flex;flex-direction:column;gap:.65rem;padding:1rem 1.25rem;border-top:1px solid rgba(56,189,248,.12);background:#38bdf808}.mobile-drawer-info{padding:.85rem 1.25rem 1rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.5rem}.drawer-info-line{display:flex;align-items:center;gap:.55rem;font-size:.78rem;color:#64748b}.drawer-info-line svg{color:#38bdf8;flex-shrink:0;opacity:.7}.hero{position:relative;min-height:90vh;display:flex;align-items:center;padding:4.5rem 0 5.5rem;color:#fff;overflow:hidden;background:#020f1c}.hero-bg-media{position:absolute;inset:0;z-index:1}.hero-ship-bg{width:100%;height:100%;object-fit:cover;object-position:center right;transform:scale(1.03);filter:brightness(.88) contrast(1.08)}.hero-cinematic-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020f1cfa,#031425f0 42%,#041930b8 75%,#04193059)}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.hero-container{position:relative;z-index:2;width:100%}.hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center}.hero-content{position:relative;z-index:3}.hero-pill-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.4rem 1.1rem;background:#00b4d81f;border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-full);margin-bottom:1.5rem;backdrop-filter:blur(10px);box-shadow:0 0 20px #00b4d833}.pulse-indicator{position:relative;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.pulse-dot{width:8px;height:8px;background-color:#38bdf8;border-radius:50%}.pulse-ring{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #38bdf8;animation:radarRing 2s infinite ease-out}@keyframes radarRing{0%{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}.hero-pill-badge .badge-text{font-size:.78rem;font-weight:800;letter-spacing:1.2px;color:#38bdf8;text-transform:uppercase}.hero-title{font-family:var(--font-heading);font-size:clamp(2.4rem,4.4vw,3.6rem);font-weight:800;line-height:1.15;letter-spacing:-1.2px;margin-bottom:1.35rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}.text-glow-gradient{background:linear-gradient(135deg,#67e8f9,#38bdf8,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(56,189,248,.4))}.hero-subtitle{font-size:1.12rem;color:#cbd5e1;line-height:1.7;margin-bottom:2.25rem;max-width:620px;text-shadow:0 2px 10px rgba(0,0,0,.4)}.hero-subtitle strong{color:#fff;font-weight:700}.hero-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:2.25rem}.btn-hero-wa{display:inline-flex;align-items:center;gap:.65rem;background:#25d366;color:#fff;font-weight:700;font-size:.95rem;padding:.85rem 1.6rem;border-radius:11px;box-shadow:0 6px 20px #25d36659;text-decoration:none;transition:all var(--transition-fast)}.btn-hero-wa:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 10px 25px #25d36680;color:#fff}.btn-hero-quote{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.6rem;border-radius:11px;font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:#fff;background:linear-gradient(135deg,#dfa837,#c93 60%,#b38326);border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 20px #c936;cursor:pointer;transition:all var(--transition-fast)}.btn-hero-quote:hover{background:linear-gradient(135deg,#ebd076,#e0ac42 60%,#c48e24);border-color:#ffffff73;color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #cc99338c}.hero-live-card{background:#05182dbf;backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-md);padding:1.15rem 1.4rem;margin-bottom:2.25rem;max-width:540px;box-shadow:0 15px 35px #0006}.vessel-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.08)}.vessel-badge-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:700;color:#38bdf8;text-transform:uppercase;letter-spacing:.5px}.vessel-active-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;flex-shrink:0}.vessel-code-badge{display:inline-flex;align-items:center;font-family:var(--font-heading);font-size:.78rem;font-weight:800;color:#f59e0b;letter-spacing:.5px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);padding:.2rem .55rem;border-radius:6px;white-space:nowrap}.vessel-route-flow{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.v-point{display:flex;flex-direction:column;flex-shrink:0}.v-point-origin{text-align:left;align-items:flex-start}.v-point-dest{text-align:right;align-items:flex-end}.v-code{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:#fff;line-height:1.1;white-space:nowrap}.v-name{font-size:.72rem;color:#94a3b8;margin-top:3px;white-space:nowrap}.v-line-wrap{flex:1;min-width:50px;position:relative;height:4px;background:#ffffff26;border-radius:2px;margin:0 .65rem;display:flex;align-items:center}.v-line-progress{width:55%;height:100%;background:linear-gradient(90deg,#38bdf8,#00b4d8);border-radius:2px;box-shadow:0 0 10px #38bdf8}.v-ship-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:#fff;border:2px solid #00b4d8;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #00b4d8a6,0 2px 6px #00000040;z-index:2}.v-truck-icon{width:17px;height:17px;display:block;object-fit:contain}.vessel-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.08)}.vessel-pill{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.42rem .65rem;background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:8px;font-size:.74rem;font-weight:600;color:#cbd5e1;white-space:nowrap}.vessel-pill svg{color:#38bdf8;flex-shrink:0}.vessel-pill-status{background:#22c55e14;border-color:#22c55e40;color:#22c55e}.v-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;flex-shrink:0}.hero-trust-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem}.metric-item{display:flex;flex-direction:column}.metric-num{font-family:var(--font-heading);font-size:1.85rem;font-weight:900;color:#38bdf8;line-height:1}.metric-desc{font-size:.8rem;color:#94a3b8;margin-top:.3rem;font-weight:500}.hero-widget{position:relative;z-index:3}.quote-glass-card{background:#061a30e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:2.25rem;border:1px solid rgba(56,189,248,.25);box-shadow:0 25px 60px -10px #0009,0 0 35px #00b4d826;position:relative;overflow:hidden}.card-glow-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#38bdf8,#00b4d8,#f97316)}.quote-header{margin-bottom:1.5rem}.quote-header-title{display:flex;align-items:center;gap:.85rem}.quote-icon-box{width:44px;height:44px;border-radius:10px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;color:#38bdf8;flex-shrink:0}.quote-main-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:#fff;line-height:1.2}.quote-sub-title{font-size:.82rem;color:#94a3b8;margin-top:2px}.quote-form-grid{display:flex;flex-direction:column;gap:1.1rem}.form-group-custom{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.8rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.select-wrapper{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:12px;color:#38bdf8;pointer-events:none;display:flex;align-items:center}.custom-select,.custom-input{width:100%;padding:.72rem .85rem .72rem 2.5rem;background:#0a2540b3;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:.9rem;color:#fff;transition:all var(--transition-fast)}.custom-select:focus,.custom-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840;background:#0a2540f2}.custom-select option{background-color:#07223d;color:#fff}select.custom-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:2.2rem}.custom-input::placeholder{color:#64748b}.cargo-type-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.cargo-chip{padding:.55rem .35rem;text-align:center;border:1px solid rgba(255,255,255,.12);background:#0a254099;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;color:#cbd5e1;cursor:pointer;transition:all var(--transition-fast)}.cargo-chip:hover{border-color:#38bdf8;color:#fff;background:#38bdf826}.cargo-chip.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf8;box-shadow:0 2px 10px #38bdf84d}.btn-hero-submit{margin-top:.5rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:var(--radius-sm);font-weight:800;font-size:.95rem;color:#fff;background:linear-gradient(135deg,#dfa837,#c93 60%,#b38326);box-shadow:0 6px 20px #c936;cursor:pointer;transition:all var(--transition-fast)}.btn-hero-submit:hover{transform:translateY(-2px);box-shadow:0 10px 25px #cc99338c;background:linear-gradient(135deg,#ebd076,#e0ac42 60%,#c48e24)}.quote-footer-badge{margin-top:1rem;font-size:.74rem;color:#94a3b8;text-align:center;display:flex;align-items:center;justify-content:center;gap:.4rem}.quote-footer-badge svg{color:#22c55e;flex-shrink:0}.quote-guarantee-note svg{color:var(--accent-teal)}section{padding:5rem 0}.section-header{text-align:center;max-width:720px;margin:0 auto 3.5rem}.section-tag{display:inline-block;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-ocean);margin-bottom:.6rem;background:#0f3d6414;padding:.25rem .8rem;border-radius:var(--radius-full)}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,3.2vw,2.6rem);font-weight:800;color:var(--primary-navy);line-height:1.2;letter-spacing:-.5px;margin-bottom:.85rem}.section-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.6}.about-section{background-color:var(--surface-white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}.about-image-wrapper{position:relative}.about-image-main{width:100%;height:480px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.about-experience-badge{position:absolute;bottom:-20px;right:-20px;background:var(--primary-navy);color:var(--text-white);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.15)}.exp-number{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;color:var(--accent-cyan);line-height:1}.exp-text{font-size:.82rem;font-weight:600;line-height:1.3}.about-content .section-tag{margin-left:0;background:#00339914;color:#039;border:1px solid rgba(0,51,153,.15);font-size:.78rem;letter-spacing:1.2px;padding:.28rem .85rem}.text-accent-gradient{background:linear-gradient(135deg,#039,#0052cc,#c93);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline}.about-lead-card{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid var(--accent-orange, #cc9933);border-radius:12px;padding:1.25rem 1.4rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #00000008}.about-lead{font-size:1.05rem;font-weight:500;color:#334155;margin-bottom:.85rem;line-height:1.65}.about-lead strong{color:#039;font-weight:700}.about-route-chips{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.about-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#039;background:#00339912;padding:.3rem .75rem;border-radius:6px;border:1px solid rgba(0,51,153,.14)}.about-chip svg{color:#c93;flex-shrink:0}.about-text{color:#475569;margin-bottom:1.35rem;line-height:1.7}.about-text strong{color:#0a2540}.about-pillars{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}.pillar-item{display:flex;align-items:flex-start;gap:.75rem;background:var(--surface-slate);padding:1rem;border-radius:var(--radius-sm);border-left:3px solid var(--accent-cyan)}.pillar-icon{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.pillar-item h4{font-size:.92rem;font-weight:700;color:var(--primary-navy);margin-bottom:.2rem}.pillar-item p{font-size:.8rem;color:var(--text-muted);line-height:1.4}.services-section{background-color:var(--surface-slate)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.service-card{background:var(--surface-white);border-radius:var(--radius-md);padding:2.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:all var(--transition-normal);display:flex;flex-direction:column;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:background var(--transition-fast)}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#00b4d866}.service-card:hover:after{background:linear-gradient(90deg,var(--accent-cyan),var(--primary-blue))}.service-icon-box{width:58px;height:58px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#00b4d81f,#0a254014);display:flex;align-items:center;justify-content:center;color:var(--primary-ocean);margin-bottom:1.5rem;transition:all var(--transition-fast)}.service-card:hover .service-icon-box{background:var(--primary-navy);color:var(--accent-cyan);transform:scale(1.05)}.service-badge{position:absolute;top:1.5rem;right:1.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .6rem;background:#0d94881a;color:var(--accent-teal);border-radius:var(--radius-full)}.service-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--primary-navy);margin-bottom:.75rem}.service-desc{font-size:.92rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.25rem}.service-features{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem}.service-features li{font-size:.84rem;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.service-features li svg{color:var(--accent-teal);flex-shrink:0}.container-guide-section{background:var(--surface-white);position:relative}.guide-tabs{display:flex;justify-content:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.guide-tab-btn{padding:.75rem 1.5rem;border-radius:var(--radius-sm);background:var(--surface-slate);border:1px solid var(--border-subtle);font-weight:700;font-size:.95rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.guide-tab-btn:hover{background:#e2e8f0;color:var(--primary-navy)}.guide-tab-btn.active{background:var(--primary-navy);color:var(--text-white);border-color:var(--primary-navy);box-shadow:0 4px 14px #0a254040}.guide-tab-btn.active svg{color:var(--accent-cyan)}.container-detail-card{background:var(--surface-slate);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:2.5rem;display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;box-shadow:var(--shadow-md)}.container-visual-panel{background:linear-gradient(135deg,#071e36,#0e3760);border-radius:var(--radius-md);padding:2.5rem;color:var(--text-white);position:relative;overflow:hidden;box-shadow:var(--shadow-lg);text-align:center}.container-mockup-graphic{position:relative;margin:1.5rem auto;width:100%;max-width:320px;height:160px;background:linear-gradient(180deg,#155e9b,#0d3860);border-radius:8px;border:3px solid #38bdf8;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0006,inset 0 0 15px #38bdf84d}.container-mockup-graphic:before{content:"";position:absolute;top:0;bottom:0;left:25%;width:2px;background:#fff3}.container-mockup-graphic:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff3}.container-mockup-label{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;letter-spacing:2px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.container-visual-specs-quick{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.c-quick-stat{background:#ffffff14;padding:.75rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12)}.c-quick-stat .c-num{font-size:1.3rem;font-weight:800;color:var(--accent-cyan)}.c-quick-stat .c-lbl{font-size:.75rem;color:#cbd5e1}.container-info-panel h3{font-family:var(--font-heading);font-size:1.7rem;font-weight:800;color:var(--primary-navy);margin-bottom:.5rem}.container-info-panel .lead-p{color:var(--text-muted);font-size:.95rem;margin-bottom:1.75rem}.specs-table{width:100%;border-collapse:collapse;margin-bottom:1.75rem}.specs-table tr{border-bottom:1px solid var(--border-subtle)}.specs-table td{padding:.65rem 0;font-size:.9rem}.specs-table td.spec-title{color:var(--text-muted);font-weight:500;width:45%}.specs-table td.spec-val{color:var(--primary-navy);font-weight:700;text-align:right}.best-for-box{background:var(--surface-white);border-radius:var(--radius-sm);padding:1rem;border-left:3px solid var(--accent-orange);margin-bottom:1.5rem}.best-for-box h4{font-size:.88rem;font-weight:700;color:var(--primary-navy);margin-bottom:.3rem}.best-for-box p{font-size:.84rem;color:var(--text-muted)}.routes-section{background:linear-gradient(180deg,var(--surface-slate) 0%,#eef2f6 100%)}.route-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface-white);padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:2.5rem;flex-wrap:wrap}.route-search-box{display:flex;align-items:center;gap:.5rem;flex:1;min-width:260px;background:var(--surface-slate);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.route-search-box input{background:none;width:100%;font-size:.9rem;color:var(--text-main)}.route-tags-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.route-tag-btn{padding:.4rem .9rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);background:var(--surface-slate);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.route-tag-btn:hover,.route-tag-btn.active{background:var(--primary-ocean);color:var(--text-white)}.ports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.port-card{background:var(--surface-white);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column}.port-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-cyan)}.port-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.port-city{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:var(--primary-navy)}.port-code{font-size:.75rem;font-weight:700;background:#00b4d81f;color:var(--primary-ocean);padding:.15rem .5rem;border-radius:var(--radius-sm)}.port-terminal-name{font-size:.84rem;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:.35rem}.port-connections{background:var(--surface-slate);padding:.75rem;border-radius:var(--radius-sm);font-size:.78rem;color:var(--text-main);margin-top:auto}.port-connections strong{display:block;color:var(--primary-navy);margin-bottom:.25rem}.port-badge-freq{display:inline-block;margin-top:.5rem;font-size:.72rem;font-weight:600;color:var(--accent-teal)}.calculator-section{background:var(--surface-white)}.calc-card-container{max-width:980px;margin:0 auto;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr}.calc-inputs-panel{padding:2.5rem}.calc-inputs-panel h3{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;color:var(--primary-navy);margin-bottom:.5rem}.calc-inputs-panel p{font-size:.88rem;color:var(--text-muted);margin-bottom:1.75rem}.calc-form{display:flex;flex-direction:column;gap:1.25rem}.calc-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.calc-result-panel{background:linear-gradient(145deg,var(--primary-deep) 0%,var(--primary-navy) 100%);color:var(--text-white);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.calc-result-panel:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,180,216,.25) 0%,transparent 70%)}.res-header h4{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-cyan);margin-bottom:.5rem}.res-header h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:#fff}.res-summary-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:1.25rem;margin:1.5rem 0;display:flex;flex-direction:column;gap:.75rem}.res-item{display:flex;justify-content:space-between;font-size:.84rem}.res-item span:first-child{color:#94a3b8}.res-item span:last-child{color:#fff;font-weight:600}.res-item.total{border-top:1px solid rgba(255,255,255,.15);padding-top:.75rem;font-size:1.05rem}.res-item.total span:last-child{color:var(--accent-amber);font-size:1.3rem;font-family:var(--font-heading);font-weight:800}.calc-result-panel .note{font-size:.72rem;color:#94a3b8;line-height:1.4;margin-bottom:1.25rem}.audience-section{background-color:var(--surface-slate)}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.audience-card{background:var(--surface-white);border-radius:var(--radius-md);padding:1.75rem 1.5rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:center}.audience-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.audience-icon{width:52px;height:52px;margin:0 auto 1.25rem;border-radius:50%;background:#0f3d6414;display:flex;align-items:center;justify-content:center;color:var(--primary-ocean);transition:all var(--transition-fast)}.audience-card:hover .audience-icon{background:var(--primary-navy);color:var(--accent-cyan)}.audience-card h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--primary-navy);margin-bottom:.5rem}.audience-card p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.process-section{background-color:var(--surface-white)}.process-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;position:relative;margin-top:2rem}.process-timeline:before{content:"";position:absolute;top:36px;left:5%;right:5%;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--primary-blue),var(--accent-orange));z-index:1}.process-step{position:relative;z-index:2;text-align:center}.step-circle{width:72px;height:72px;border-radius:50%;background:var(--surface-white);border:3px solid var(--primary-ocean);color:var(--primary-ocean);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-family:var(--font-heading);font-size:1.35rem;font-weight:800;box-shadow:0 4px 15px #0a25401a;transition:all var(--transition-fast)}.process-step:hover .step-circle{background:var(--primary-navy);color:var(--accent-cyan);border-color:var(--accent-cyan);transform:scale(1.1)}.step-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--primary-navy);margin-bottom:.5rem}.step-desc{font-size:.82rem;color:var(--text-muted);line-height:1.45}.why-section{background:linear-gradient(135deg,#071c31,#0c2d4f);color:var(--text-white)}.why-section .section-tag{background:#00b4d826;color:var(--accent-cyan)}.why-section .section-title{color:#fff}.why-section .section-desc{color:#cbd5e1}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.why-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:2.25rem;backdrop-filter:blur(8px);transition:all var(--transition-normal)}.why-card:hover{background:#ffffff14;border-color:var(--accent-cyan);transform:translateY(-5px)}.why-icon{width:50px;height:50px;border-radius:var(--radius-sm);background:#00b4d826;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.why-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.6rem}.why-desc{font-size:.9rem;color:#94a3b8;line-height:1.6}.commitment-box{margin-top:4rem;background:#00b4d814;border:1px solid rgba(0,180,216,.25);border-radius:var(--radius-lg);padding:2.5rem 3rem;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.commitment-box blockquote{font-size:1.25rem;font-weight:500;color:#e2e8f0;font-style:italic;line-height:1.65;margin-bottom:1.25rem}.commitment-author{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--accent-cyan)}.faq-section{background-color:var(--surface-white)}.faq-container{max-width:820px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-subtle);margin-bottom:.5rem}.faq-question{width:100%;text-align:left;background:none;padding:1.35rem 0;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--primary-navy);cursor:pointer;transition:color var(--transition-fast)}.faq-question:hover{color:var(--primary-ocean)}.faq-icon{width:28px;height:28px;border-radius:50%;background:var(--surface-slate);display:flex;align-items:center;justify-content:center;color:var(--primary-navy);transition:all var(--transition-normal);flex-shrink:0}.faq-item.active .faq-icon{background:var(--primary-navy);color:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease-out,padding .35s ease-out;padding:0}.faq-item.active .faq-answer{max-height:250px;padding-bottom:1.35rem}.faq-answer p{color:var(--text-muted);font-size:.95rem;line-height:1.65}.cta-section{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-ocean) 100%);color:var(--text-white);padding:5rem 0;position:relative;overflow:hidden}.cta-banner-content{text-align:center;max-width:780px;margin:0 auto;position:relative;z-index:2}.cta-title{font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;margin-bottom:1rem;color:#fff}.cta-desc{font-size:1.12rem;color:#cbd5e1;margin-bottom:2.25rem;line-height:1.6}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}.btn-whatsapp{display:inline-flex;align-items:center;gap:.65rem;background:#25d366;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:1rem;padding:.9rem 1.75rem;border-radius:11px;text-decoration:none;box-shadow:0 6px 20px #25d36659;transition:all var(--transition-fast);border:none;cursor:pointer;white-space:nowrap}.btn-whatsapp:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 10px 28px #25d36680;color:#fff}.btn-accent{display:inline-flex;align-items:center;gap:.55rem;background:linear-gradient(135deg,#dfa837,#c93 60%,#b38326);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:1rem;padding:.9rem 1.75rem;border-radius:11px;box-shadow:0 6px 20px #c936;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 10px 28px #cc99338c;background:linear-gradient(135deg,#ebd076,#e0ac42 60%,#c48e24)}.btn-lg{padding:1rem 2rem;font-size:1.02rem}.footer{background-color:var(--primary-deep);color:#94a3b8;padding:4.5rem 0 1.5rem;border-top:1px solid rgba(255,255,255,.08)}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3.5rem}.footer-col .brand-logo{margin-bottom:1.25rem}.footer-col .brand-name{color:#fff}.footer-about{font-size:.88rem;line-height:1.6;margin-bottom:1.5rem;color:#94a3b8}.footer-col h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:1.25rem}.footer-links{display:flex;flex-direction:column;gap:.65rem}.footer-links a{font-size:.88rem;color:#94a3b8;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-cyan);padding-left:4px}.footer-contact-list{display:flex;flex-direction:column;gap:.85rem}.footer-contact-item{display:flex;align-items:flex-start;gap:.65rem;font-size:.86rem;color:#cbd5e1}.footer-contact-item svg{color:var(--accent-cyan);flex-shrink:0;margin-top:3px}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;flex-wrap:wrap;gap:1rem}.modal-overlay{position:fixed;inset:0;background:#05192dbf;backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-overlay.open{opacity:1;visibility:visible}.modal-dialog{background:#fff;width:100%;max-width:560px;border-radius:var(--radius-lg);box-shadow:0 25px 60px #0000004d;padding:2.25rem;position:relative;transform:translateY(20px);transition:transform var(--transition-normal)}.modal-overlay.open .modal-dialog{transform:translateY(0)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:var(--surface-slate);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.modal-close-btn:hover{background:#e2e8f0;color:var(--primary-navy)}.modal-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--primary-navy);margin-bottom:.35rem}.modal-subtitle{font-size:.86rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.55}.quote-form-grid{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.82rem;font-weight:700;color:var(--primary-navy);line-height:1.35}.form-control{width:100%;padding:.7rem .9rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-main);background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:9px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;appearance:none;-webkit-appearance:none}.form-control::placeholder{color:#94a3b8;font-weight:400}.form-control:focus{border-color:var(--accent-cyan);background:#fff;box-shadow:0 0 0 3px #00b4d81f}.form-control:hover:not(:focus){border-color:#94a3b8}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.5rem;cursor:pointer}textarea.form-control{resize:vertical;min-height:90px;line-height:1.55}#modalQuoteForm .btn-accent,#modalQuoteForm [type=submit]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;margin-top:.25rem;background:linear-gradient(135deg,#dfa837,#c93 60%,#b38326);color:#fff;font-family:var(--font-heading);font-size:.97rem;font-weight:700;border:none;border-radius:11px;cursor:pointer;box-shadow:0 6px 20px #cc993359;transition:all .2s ease}#modalQuoteForm .btn-accent:hover,#modalQuoteForm [type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 26px #cc993380;background:linear-gradient(135deg,#ebd076,#e0ac42 60%,#c48e24)}.trucking-coverage-box{margin-top:3rem;background:#fff;border-radius:var(--radius-md);padding:2.25rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.trucking-header-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.trucking-icon-box{width:42px;height:42px;border-radius:8px;background:#00b4d81f;display:flex;align-items:center;justify-content:center;color:var(--primary-ocean);flex-shrink:0}.trucking-box-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--primary-navy)}.trucking-box-desc{font-size:.85rem;color:var(--text-muted)}.mobile-wa-quick-btn{display:none}.mobile-drawer-header{padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.mobile-drawer-tag{font-size:.7rem;font-weight:800;letter-spacing:1.5px;color:#38bdf8;text-transform:uppercase}.mobile-drawer-loc{font-size:.82rem;color:#cbd5e1;font-weight:500}.mobile-nav-list{display:flex;flex-direction:column}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:.85rem .5rem;font-size:.98rem;font-weight:600;color:#f1f5f9;border-bottom:1px solid rgba(255,255,255,.07);transition:all .2s ease;text-decoration:none}.mobile-nav-link svg{color:#64748b;transition:transform .2s ease,color .2s ease}.mobile-nav-link:hover,.mobile-nav-link:active{color:#38bdf8;background:#38bdf814;border-radius:6px}.mobile-nav-link:hover svg,.mobile-nav-link:active svg{color:#38bdf8;transform:translate(3px)}.mobile-drawer-info{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.45rem}.drawer-info-line{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#94a3b8}.drawer-info-line svg{color:#38bdf8;flex-shrink:0}.mobile-bottom-bar{display:none}@media(max-width:1080px){.hero-layout{grid-template-columns:1fr;gap:3rem}.about-grid{grid-template-columns:1fr}.about-image-wrapper{order:-1}.about-image-main{height:380px}.calc-card-container,.container-detail-card{grid-template-columns:1fr}.process-timeline{grid-template-columns:1fr;gap:2rem}.process-timeline:before{display:none}.process-step{text-align:left;display:flex;gap:1.25rem;align-items:flex-start}.step-circle{margin:0;flex-shrink:0}.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:768px){body{overflow-x:hidden;width:100%}.container{padding-left:1.15rem;padding-right:1.15rem}section{padding:3.25rem 0}.section-header{margin-bottom:2rem}.section-tag{font-size:.72rem;padding:.22rem .65rem;letter-spacing:1px;margin-bottom:.5rem}.section-title{font-size:clamp(1.4rem,5.8vw,1.68rem);line-height:1.28;letter-spacing:-.4px;margin-bottom:.65rem}.section-desc{font-size:.9rem;line-height:1.55}.topbar{display:none}.navbar{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0022660f}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 16px #0022661a;border-bottom-color:#cc993359}.navbar .container{height:64px;padding-left:1rem;padding-right:1rem}.brand-logo{gap:.6rem}.brand-logo-img{height:40px!important;max-width:210px!important}.logo-icon{width:36px;height:36px;border-radius:9px;box-shadow:0 2px 10px #00b4d84d,inset 0 0 8px #38bdf826}.brand-name-main,.brand-name-accent{font-size:1.2rem;letter-spacing:-.3px}.brand-sub,.nav-menu{display:none}.nav-actions{gap:.5rem}.nav-actions .btn-whatsapp-nav,.nav-actions .btn-quote-nav,.nav-actions .nav-wa-pill{display:none}.mobile-wa-quick-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#25d366;color:#fff;box-shadow:0 2px 10px #25d36666;transition:transform .2s}.mobile-wa-quick-btn:active{transform:scale(.95)}.mobile-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#f1f5f9;border:1px solid #cbd5e1;color:#039;cursor:pointer;transition:all .2s ease}.mobile-toggle:hover,.mobile-toggle:active{background:#e2e8f0;color:#c93}.hero{padding:2.25rem 0 3.5rem;min-height:auto}.hero-layout{gap:2rem}.hero-pill-badge{padding:.35rem .85rem;margin-bottom:1rem;max-width:100%;box-sizing:border-box}.hero-pill-badge .badge-text{font-size:.7rem;letter-spacing:.5px;white-space:normal;word-break:break-word;line-height:1.35}.hero-title{font-size:clamp(1.85rem,7vw,2.3rem);line-height:1.2;letter-spacing:-.5px;margin-bottom:1rem;word-break:break-word}.hero-subtitle{font-size:.92rem;line-height:1.55;margin-bottom:1.5rem;word-break:break-word}.hero-actions{flex-direction:column;width:100%;gap:.75rem;margin-bottom:1.75rem}.btn-hero-wa,.btn-hero-quote{width:100%;box-sizing:border-box;justify-content:center;padding:.85rem 1.25rem}.hero-live-card{padding:.9rem 1rem;margin-bottom:1.75rem;width:100%;max-width:100%;box-sizing:border-box;background:#05182de0;border-radius:12px;overflow:hidden}.vessel-card-header{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.75rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.08)}.vessel-badge-chip{font-size:.68rem;letter-spacing:.3px;white-space:nowrap;gap:.35rem;flex-shrink:0}.vessel-code-badge{font-size:.68rem;letter-spacing:.3px;white-space:nowrap;padding:.18rem .45rem;flex-shrink:0}.vessel-route-flow{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.75rem;width:100%}.v-point{flex:1 1 0;min-width:0}.v-point-origin{text-align:left;align-items:flex-start}.v-point-dest{text-align:right;align-items:flex-end}.v-code{font-size:.78rem;font-weight:800;line-height:1.15;white-space:normal;word-break:break-word}.v-name{font-size:.62rem;color:#94a3b8;margin-top:2px;white-space:normal;line-height:1.25;word-break:break-word}.v-line-wrap{flex:0 0 32px;min-width:24px;height:3px;margin:0 .25rem;position:relative;display:flex;align-items:center}.v-ship-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-width:2px}.v-truck-icon{width:13px;height:13px}.vessel-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08)}.vessel-pill{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .4rem;font-size:.67rem;font-weight:600;white-space:nowrap;border-radius:7px;overflow:hidden;text-overflow:ellipsis}.vessel-pill svg{width:12px;height:12px}.hero-trust-metrics{grid-template-columns:repeat(3,1fr);gap:.4rem;text-align:center;padding-top:1.25rem}.metric-num{font-size:1.15rem}.metric-desc{font-size:.65rem;line-height:1.25}.quote-glass-card{padding:1.35rem 1.15rem;border-radius:var(--radius-md)}.quote-header-title{gap:.65rem}.quote-icon-box{width:38px;height:38px;border-radius:8px}.quote-main-title{font-size:1.1rem}.quote-sub-title{font-size:.76rem}.quote-form-grid{gap:.9rem}.field-label{font-size:.75rem}.custom-select,.custom-input{padding:.65rem .75rem .65rem 2.25rem;font-size:.86rem}.cargo-type-chips{gap:.35rem}.cargo-chip{font-size:.76rem;padding:.45rem .2rem}.btn-hero-submit{padding:.8rem 1rem;font-size:.9rem}.about-section{padding:3rem 0}.about-content .section-tag{font-size:.68rem;padding:.2rem .6rem;letter-spacing:.8px;margin-bottom:.5rem}.about-content .section-title{font-size:clamp(1.35rem,5.5vw,1.55rem);line-height:1.28;letter-spacing:-.4px;margin-bottom:.85rem;color:#0a2540}.about-lead-card{padding:.95rem 1rem;margin-bottom:1rem;border-radius:9px;border-left-width:3.5px;background:#f8fafc}.about-lead{font-size:.92rem;font-weight:450;line-height:1.58;color:#334155;margin-bottom:.65rem}.about-lead strong{color:#039;font-weight:700}.about-route-chips{gap:.35rem}.about-chip{font-size:.7rem;padding:.2rem .5rem;border-radius:5px}.about-text{font-size:.86rem;line-height:1.6;margin-bottom:.85rem}.about-image-main{height:220px;border-radius:var(--radius-md)}.about-experience-badge{bottom:10px;right:10px;padding:.65rem .85rem;gap:.5rem;border-radius:var(--radius-sm)}.exp-number{font-size:1.45rem}.exp-text{font-size:.68rem;line-height:1.2}.about-pillars{grid-template-columns:1fr;gap:.75rem;margin:1.25rem 0}.pillar-item{padding:.85rem}.services-grid{grid-template-columns:1fr;gap:1.15rem}.service-card{padding:1.4rem 1.25rem}.service-title{font-size:1.12rem;margin-bottom:.5rem}.service-desc{font-size:.86rem;line-height:1.55;margin-bottom:1rem}.service-features li{font-size:.8rem;line-height:1.45}.service-badge{top:1.25rem;right:1.25rem;font-size:.68rem;padding:.15rem .5rem}.guide-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.45rem}.guide-tabs::-webkit-scrollbar{display:none}.guide-tab-btn{padding:.55rem .95rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.container-detail-card{padding:1.25rem;gap:1.5rem}.container-visual-panel{padding:1.5rem 1rem}.container-mockup-graphic{height:110px;max-width:240px;margin:1rem auto}.container-mockup-label{font-size:1.35rem}.container-info-panel h3{font-size:1.22rem;line-height:1.3;margin-bottom:.35rem}.container-info-panel .lead-p{font-size:.86rem;margin-bottom:1.25rem;line-height:1.5}.specs-table td{font-size:.82rem;padding:.45rem 0}.best-for-box h4{font-size:.82rem}.best-for-box p{font-size:.78rem;line-height:1.45}.route-filter-bar{flex-direction:column;align-items:stretch;padding:.85rem;gap:.75rem}.route-search-box{min-width:100%}.route-tags-filter{overflow-x:auto;padding-bottom:.35rem;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.route-tags-filter::-webkit-scrollbar{display:none}.route-tag-btn{white-space:nowrap;flex-shrink:0;font-size:.75rem;padding:.35rem .75rem}.ports-grid{grid-template-columns:1fr;gap:1rem}.port-card{padding:1.25rem}.port-city{font-size:1.02rem}.port-code{font-size:.72rem}.port-terminal-name{font-size:.78rem;margin-bottom:.75rem}.port-connections{font-size:.76rem;line-height:1.45}.port-badge-freq{font-size:.7rem}.trucking-coverage-box{margin-top:1.75rem;padding:1.25rem}.trucking-header-wrap{flex-direction:column;align-items:flex-start;gap:.6rem}.trucking-box-title{font-size:1.08rem;line-height:1.3}.trucking-box-desc{font-size:.82rem;line-height:1.5}.audience-grid{grid-template-columns:1fr;gap:.9rem}.audience-card{padding:1.25rem;text-align:left;display:flex;gap:1rem;align-items:flex-start}.audience-icon{margin:0;flex-shrink:0;width:42px;height:42px}.audience-card h4{font-size:.98rem;margin-bottom:.35rem}.audience-card p{font-size:.82rem;line-height:1.48}.process-timeline{gap:1.25rem}.process-step{gap:.85rem}.step-circle{width:48px;height:48px;font-size:1.1rem}.step-title{font-size:.95rem;margin-bottom:.35rem}.step-desc{font-size:.8rem;line-height:1.45}.why-grid{grid-template-columns:1fr;gap:1rem}.why-card{padding:1.35rem}.why-title{font-size:1.02rem;margin-bottom:.4rem}.why-desc{font-size:.84rem;line-height:1.5}.commitment-box{padding:1.35rem 1.15rem;margin-top:2rem}.commitment-box blockquote{font-size:.92rem;line-height:1.55}.commitment-author{font-size:.82rem;font-weight:700}.faq-question{font-size:.94rem;line-height:1.35;padding:1rem 0}.faq-answer p{font-size:.85rem;line-height:1.58;color:#475569}.cta-section{padding:3.25rem 0}.cta-title{font-size:1.55rem;line-height:1.25}.cta-desc{font-size:.88rem;line-height:1.58;margin-bottom:1.5rem}.cta-buttons{flex-direction:column;width:100%;gap:.75rem}.cta-buttons .btn{width:100%;justify-content:center}.footer{padding:3rem 0 6rem}.footer-top{grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}.footer-about{font-size:.82rem;line-height:1.55}.footer-col h4{font-size:.95rem;margin-bottom:.85rem}.footer-links a{font-size:.82rem}.footer-contact-item{font-size:.82rem;line-height:1.45}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.6rem;font-size:.76rem}.modal-overlay{padding:.5rem;align-items:flex-end}.modal-dialog{padding:1.5rem 1.15rem;max-height:88vh;overflow-y:auto;border-radius:18px 18px 0 0}.modal-title{font-size:1.2rem}.mobile-bottom-bar{display:flex;align-items:center;gap:.65rem;position:fixed;bottom:0;left:0;right:0;background:#030e1af5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(56,189,248,.3);box-shadow:0 -10px 30px #00000080;z-index:1050}.mobile-bar-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem .5rem;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.mobile-bar-wa{background:#25d366;color:#fff;box-shadow:0 4px 12px #25d36659}.mobile-bar-quote{background:linear-gradient(135deg,#dfa837,#c93 60%,#b38326);color:#fff;box-shadow:0 4px 12px #cc993359;border:none}}@media(max-width:480px){.hero-title{font-size:1.75rem}.hero-trust-metrics{gap:.35rem}.metric-num{font-size:1.2rem}.metric-desc{font-size:.66rem}.cargo-chip{font-size:.72rem;padding:.4rem .15rem}}