/*
Theme Name: POP Freight Modern
Theme URI: https://www.popfreight.com
Author: POP Freight
Description: Aggressive modern full-width freight forwarding and logistics theme with inline SVG graphics.
Version: 2.0.0
Text Domain: popfreight-modern
*/
:root{--bg:#07090d;--panel:#10141b;--panel2:#171d26;--orange:#ff5a00;--amber:#ffb000;--text:#f7f8fa;--muted:#a7b0bd;--light:#f4f1eb;--ink:#11151b;--line:rgba(255,255,255,.12);--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--muted);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none}img,svg{max-width:100%;height:auto}body.admin-bar .site-header{top:32px}
.site-header{position:sticky;top:0;z-index:999;background:rgba(7,9,13,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}
.header-inner{max-width:var(--max);min-height:86px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;color:#fff;min-width:250px}.brand-mark{width:50px;height:50px;margin-right:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--amber));clip-path:polygon(14% 0,100% 0,100% 72%,74% 100%,0 100%,0 22%)}.brand-mark svg{width:32px;fill:none;stroke:#080a0e;stroke-width:3}.brand-name{font-size:22px;font-weight:950;letter-spacing:-1px}.brand-name strong{color:var(--orange)}.brand small{display:block;font-size:7px;letter-spacing:2px;color:#9ea8b7;margin-top:5px}.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.main-nav li{position:relative}.main-nav a{display:block;color:#e5e8ed;padding:34px 13px;font-size:12px;font-weight:800;letter-spacing:.7px;white-space:nowrap}.main-nav a:hover{color:var(--orange)}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;width:270px;background:#10141b;border:1px solid var(--line);padding:9px}.main-nav li:hover>.sub-menu{display:block}.main-nav .sub-menu a{padding:13px}.header-cta{background:linear-gradient(90deg,var(--orange),var(--amber));color:#080a0e;padding:15px 20px;font-weight:950;font-size:11px;letter-spacing:1px;white-space:nowrap}.menu-toggle{display:none;margin-left:auto;background:none;border:0}.menu-toggle span{display:block;width:28px;height:2px;background:#fff;margin:6px}
.hero{position:relative;min-height:760px;background:radial-gradient(circle at 78% 30%,#26303e 0,#10151d 32%,#07090d 68%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;opacity:.6}.hero-inner{position:relative;z-index:2;max-width:var(--max);margin:auto;padding:95px 28px 135px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px}.kicker{display:flex;align-items:center;gap:12px;color:#fff;font-size:11px;font-weight:900;letter-spacing:2.5px}.kicker:before{content:"";width:45px;height:3px;background:var(--orange)}.hero h1{font-size:clamp(58px,6.4vw,106px);line-height:.88;letter-spacing:-5px;color:#fff;margin:26px 0;font-weight:950}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--orange)}.hero-copy>p{font-size:18px;line-height:1.75;max-width:680px}.actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 24px;font-size:11px;font-weight:950;letter-spacing:1px}.btn-primary{background:linear-gradient(90deg,var(--orange),var(--amber));color:#090b0f}.btn-outline{border:1px solid #586273;color:#fff}.stats{display:flex;gap:35px;margin-top:45px}.stats div{border-left:2px solid var(--orange);padding-left:13px}.stats strong{display:block;color:#fff;font-size:22px}.stats span{font-size:9px;letter-spacing:1.2px}.hero-art{width:100%;max-width:680px;justify-self:end}.hero-art svg{display:block;width:100%;height:auto;max-height:620px}.hero-art .grid{fill:none;stroke:#6a7584;stroke-width:1;opacity:.35}.hero-art .floor{fill:#10151d;stroke:#596474;stroke-width:2}.hero-art .floor2{fill:#1a212b;stroke:#667180;stroke-width:2}.hero-art .box{fill:#222b37;stroke:#ff6b16;stroke-width:2}.hero-art .scan{fill:rgba(255,90,0,.12);stroke:#ff6b00;stroke-width:3}.hero-art .scanline{fill:none;stroke:#ffae00;stroke-width:3}.hero-art .node{fill:#ff6500}.hero-art .link{fill:none;stroke:#ff6500;stroke-width:2;opacity:.55}.ticker{position:absolute;z-index:3;left:-1%;right:-1%;bottom:20px;background:var(--orange);transform:rotate(-1deg);overflow:hidden;white-space:nowrap;color:#080a0e}.ticker div{padding:14px 0;font-size:11px;font-weight:950;letter-spacing:1px}.ticker b{margin:0 22px}
.section{padding:110px 28px}.section-inner{max-width:var(--max);margin:auto}.light{background:var(--light);color:#4b515b}.dark{background:#0c1016}.eyebrow{color:var(--orange);font-size:10px;font-weight:950;letter-spacing:2px}.section h2{font-size:clamp(44px,5vw,76px);line-height:.94;letter-spacing:-3px;margin:18px 0 55px;font-weight:950;color:var(--ink)}.dark h2{color:#fff}.section h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--orange)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;font-size:17px;line-height:1.85}.intro-grid .lead{font-size:25px;line-height:1.5;font-weight:700;color:var(--ink)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:365px;padding:34px;display:flex;flex-direction:column;color:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:#0c1016;transition:.25s}.service-card:hover{background:var(--orange);color:#090b0f;transform:translateY(-5px)}.service-card .num{font-size:10px;color:#758090}.service-card svg{width:62px;margin:32px 0 25px;fill:none;stroke:var(--orange);stroke-width:2}.service-card:hover svg{stroke:#090b0f}.service-card h3{font-size:24px;margin:0 0 15px;color:inherit}.service-card p{line-height:1.7;color:#a8b1be}.service-card:hover p,.service-card:hover .num{color:#1a110c}.service-card b{margin-top:auto;font-size:10px;letter-spacing:1px;color:var(--orange)}.service-card:hover b{color:#090b0f}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step{border-top:3px solid #171b22;padding-top:30px;position:relative}.step:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--orange);position:absolute;top:-8px}.step b{font-size:50px;color:#d4d1ca}.step h3{color:var(--ink);font-size:21px}.step p{line-height:1.7}.cta{background:linear-gradient(110deg,var(--orange),var(--amber));color:#090b0f;padding:85px 28px}.cta-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:40px}.cta h2{font-size:clamp(45px,5vw,78px);line-height:.94;letter-spacing:-3px;margin:12px 0;color:#090b0f}.btn-dark{background:#090b0f;color:#fff}.contact-link{display:block;color:#090b0f;font-weight:900;margin-top:12px}.seo-copy{max-width:1100px;line-height:1.85}.seo-copy h2{font-size:36px;letter-spacing:-1px;margin-bottom:25px}
.site-footer{padding:75px 28px 25px;background:#07090d;border-top:1px solid var(--line)}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:65px}.footer-grid h3{color:#fff}.footer-grid a{display:block;color:#aab2bd;margin:13px 0}.footer-grid a:hover{color:var(--orange)}.footer-bottom{max-width:var(--max);margin:55px auto 0;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;align-items:center;gap:9px;background:#20c763;color:#fff;border-radius:50px;padding:13px 18px;font-size:12px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.35)}.whatsapp svg{width:26px;fill:#fff}.page-hero{background:#10151d;padding:75px 28px}.page-hero h1{max-width:var(--max);margin:auto;color:#fff;font-size:clamp(42px,5vw,70px)}.content-wrap{background:#fff;color:#333;padding:65px 28px}.content-inner{max-width:1100px;margin:auto;line-height:1.8}.content-inner h2,.content-inner h3{color:#11151b}
@media(max-width:1100px){body.admin-bar .site-header{top:46px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:86px;left:0;right:0;background:#0c1016;padding:15px 25px;max-height:80vh;overflow:auto}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav a{padding:13px 5px}.main-nav .sub-menu{display:block;position:static;width:auto;border:0;background:transparent;padding-left:18px}.header-cta{display:none}.hero-inner{grid-template-columns:1fr}.hero-art{max-width:600px;justify-self:center;opacity:.8}.service-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.cta-inner{grid-template-columns:1fr}}
@media(max-width:680px){.header-inner{padding:0 18px;min-height:76px}.brand{min-width:0}.brand-name{font-size:18px}.brand small{font-size:5px}.brand-mark{width:42px;height:42px}.main-nav{top:76px}.hero{min-height:auto}.hero-inner{padding:65px 20px 125px}.hero h1{font-size:51px;letter-spacing:-3px}.actions,.stats{flex-direction:column}.stats{gap:18px}.hero-art{margin-top:10px}.section{padding:75px 20px}.section h2{font-size:43px}.intro-grid,.service-grid,.process,.footer-grid{grid-template-columns:1fr}.service-grid{border-left:0}.service-card{min-height:315px}.cta{padding:65px 20px}.site-footer{padding:60px 20px 20px}.whatsapp span{display:none}.whatsapp{padding:14px;right:15px;bottom:15px}}
/* Content templates v3 */
.page-hero>div{width:min(1180px,calc(100% - 40px));margin:auto;position:relative;z-index:2}.page-hero p{max-width:760px;font-size:1.18rem;color:#c4c8cf;line-height:1.7;margin:24px 0 0}.page-hero h1 em{color:var(--accent);font-style:normal}.service-page-hero{min-height:520px;display:flex;align-items:center}.wide-content{width:min(1180px,calc(100% - 40px));max-width:none}.long-copy{max-width:900px;margin:70px auto}.long-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:58px 0 18px;text-transform:uppercase}.long-copy p{font-size:1.08rem;line-height:1.85;color:#343940}.page-services{margin-top:55px}.page-services .service-card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.service-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:start}.service-detail-grid h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;text-transform:uppercase}.benefit-box{background:#0a0c10;color:#fff;padding:42px;border-top:6px solid var(--accent)}.benefit-box h3,.inquiry-card h3{font-size:1.2rem;letter-spacing:.08em}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:13px 0 13px 28px;border-bottom:1px solid rgba(128,128,128,.25);position:relative}.check-list li:before{content:'◆';position:absolute;left:0;color:var(--accent);font-size:.75rem}.faq-section{margin:90px 0}.faq-section h2{font-size:clamp(2.4rem,5vw,4.5rem);text-transform:uppercase}.faq-list details{border-top:1px solid #c9ccd1;padding:23px 0}.faq-list details:last-child{border-bottom:1px solid #c9ccd1}.faq-list summary{font-weight:800;font-size:1.15rem;cursor:pointer}.faq-list p{max-width:800px;line-height:1.7;color:#454a52}.contact-band{background:var(--accent);padding:45px;margin:70px 0 20px}.contact-band h2{font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase;margin:0 0 12px}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:55px}.contact-panel,.inquiry-card{padding:48px}.contact-panel{background:#090b0f;color:#fff}.contact-panel h2{font-size:clamp(2.3rem,4vw,4rem);text-transform:uppercase}.contact-panel p{color:#c7cbd1;line-height:1.75}.contact-big{display:block;color:var(--accent);font-weight:900;font-size:clamp(1.6rem,3vw,2.5rem);margin:20px 0;text-decoration:none}.email-big{font-size:clamp(1.15rem,2.5vw,2rem);word-break:break-word}.inquiry-card{background:#f0f1f3}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:70px 0}.values-grid>div{background:#0a0c10;color:#fff;padding:34px}.values-grid b{color:var(--accent);font-size:2rem}.values-grid p{color:#bdc1c8;line-height:1.6}.entry-content{min-height:400px}.entry-content p{font-size:1.08rem;line-height:1.8}
@media(max-width:850px){.service-detail-grid,.contact-layout{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.contact-panel,.inquiry-card{padding:30px}.service-page-hero{min-height:440px}}
@media(max-width:520px){.values-grid{grid-template-columns:1fr}.contact-band{padding:30px 24px}.wide-content{width:min(100% - 28px,1180px)}}

.brand-mark svg{fill:none;stroke:var(--orange);stroke-width:4;stroke-linejoin:round}.brand-mark{border-radius:4px;transform:skew(-6deg)}.brand-name strong{color:var(--orange)}

@keyframes pfPulse{0%,100%{transform:scale(1);box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 0 rgba(32,199,99,.45)}50%{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 12px rgba(32,199,99,0)}}
.whatsapp{animation:pfPulse 2s infinite}