/* WISAL LOGISTICS — independent RTL website. No CSS framework required. */
:root{--navy:#0b253f;--navy-deep:#071c31;--navy-soft:#174263;--ink:#142e45;--muted:#64788b;--primary:#ff7546;--primary-dark:#e75b2a;--primary-pale:#fff0e8;--sky:#e8f4f7;--canvas:#f7f9fb;--line:#e4eaf0;--white:#fff;--shadow:0 18px 50px rgba(11,37,63,.085);--shadow-lg:0 26px 70px rgba(7,29,49,.20);--radius:22px;--container:1190px;--ease:cubic-bezier(.2,.75,.25,1);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'Cairo','Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;line-height:1.85;min-width:320px;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(255,117,70,.8);outline-offset:3px}img{display:block;max-width:100%}p{margin:0;color:var(--muted)}h1,h2,h3,h4{line-height:1.35;letter-spacing:-.035em;margin:0;color:var(--navy)}h1{font-size:clamp(2.75rem,5.6vw,5.2rem)}h2{font-size:clamp(2rem,3.25vw,3.1rem)}h3{font-size:1.22rem}ul{margin:0;padding:0;list-style:none}svg.icon{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}::selection{background:#ffbb9a;color:#092139}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:-80px;right:20px;background:#fff;padding:12px 20px;border-radius:8px;color:#10283d}.skip-link:focus{top:15px}.section{padding:104px 0}.section-pale{background:var(--canvas)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:43px}.section-heading h2{margin-top:14px;max-width:620px}.section-heading-side{max-width:400px}.section-heading-side p{font-size:1rem;line-height:2}.section-heading-side .text-link{margin-top:14px}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--primary-dark);font-weight:800;font-size:.84rem;letter-spacing:.01em}.eyebrow-dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(255,117,70,.13)}.eyebrow.light{color:#ffc3a6}.eyebrow.light .eyebrow-dot{background:#ff8a5e}.tiny-label{display:block;color:#ec6739;font-weight:750;font-size:.77rem;margin-bottom:10px}.text-link,.card-more{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:var(--navy);transition:gap .22s,color .22s}.text-link .icon,.card-more .icon{width:18px;height:18px}.text-link:hover,.card-more:hover{gap:18px;color:var(--primary-dark)}
/* Buttons and chrome */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:13px 25px;border:1px solid transparent;border-radius:11px;font-weight:800;font-size:.93rem;text-align:center;transition:transform .25s var(--ease),background .25s,color .25s,box-shadow .25s;white-space:nowrap}.btn .icon{width:19px;height:19px;transition:transform .25s}.btn:hover{transform:translateY(-3px)}.btn:hover .icon{transform:translateX(-4px)}.btn-primary{background:var(--primary);color:#10283a;box-shadow:0 9px 28px rgba(255,117,70,.20)}.btn-primary:hover{background:#ff8c60;box-shadow:0 13px 34px rgba(255,117,70,.28)}.btn-secondary{background:var(--navy);color:#fff}.btn-secondary:hover{background:#174263}.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.03)}.btn-outline-light:hover{background:rgba(255,255,255,.12)}.btn-white{background:white;color:var(--navy)}.btn-white:hover{background:#fff1e8}.btn-ghost-light{color:white;border-color:rgba(255,255,255,.35);background:transparent}.btn-ghost-light:hover{background:rgba(255,255,255,.1)}.btn-wide{width:100%}
.announcement{background:var(--navy-deep);color:#e5f0f7;font-size:.76rem}.announcement>.container{min-height:37px;display:flex;align-items:center;gap:10px}.announcement .icon{width:16px;height:16px;color:#ff9d75}.announcement a{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;color:#ffc9b4;font-weight:700}.announcement a .icon{width:14px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid #e7edf1;box-shadow:0 6px 25px rgba(7,30,49,.035);backdrop-filter:blur(18px)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand img{filter:drop-shadow(0 5px 9px rgba(255,117,70,.16));border-radius:13px}.brand-text{display:flex;flex-direction:column;line-height:1.3}.brand-text strong{font-size:1.65rem;letter-spacing:-.06em;font-weight:950;color:var(--navy)}.brand-text small{font-size:.59rem;color:#778a97;white-space:nowrap;font-weight:700;margin-top:4px}.nav-links{display:flex;align-items:center;gap:clamp(9px,1.4vw,22px)}.nav-link{position:relative;display:inline-flex;align-items:center;padding:12px 0;font-size:.82rem;font-weight:800;white-space:nowrap;color:#466076;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary-dark)}.nav-link.active:after{content:"";position:absolute;height:3px;border-radius:6px;bottom:4px;right:0;left:0;background:var(--primary)}.nav-actions{display:flex;align-items:center;gap:9px}.nav-actions .btn{min-height:44px;padding:9px 15px;font-size:.78rem;gap:9px}.nav-actions .btn .icon{width:16px;height:16px}.menu-toggle,.mobile-nav-extra{display:none}
/* Hero */
.hero{position:relative;min-height:685px;background:#081f37;color:#fff;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,26,46,.1) 0%,rgba(7,28,49,.23) 30%,rgba(7,28,49,.83) 66%,#071c31 96%)}.hero:after{content:"";position:absolute;z-index:1;top:0;bottom:0;right:0;width:58%;background:radial-gradient(ellipse at 72% 46%,rgba(44,102,137,.24),transparent 65%);pointer-events:none}.hero-visual{position:absolute;inset:0;z-index:0}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:54% 56%;animation:heroZoom 16s ease-in-out infinite alternate}.hero-inner{position:relative;z-index:2;min-height:685px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:45px;padding-bottom:80px}.hero-content{width:min(590px,57%);padding-top:8px}.hero h1{color:#fff;line-height:1.21;margin:23px 0 24px;font-weight:950;text-wrap:balance}.hero-highlight{display:block;color:var(--primary);font-size:.76em;margin-top:8px}.hero-content>p{max-width:490px;color:#e1eaf0;font-size:1.06rem;line-height:2.1}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 39px}.hero-chips{display:flex;flex-wrap:wrap;gap:14px 26px;font-size:.77rem;color:#d8e6ec;font-weight:700}.hero-chips>span{display:inline-flex;align-items:center;gap:7px}.hero-chips .icon{color:#ff9369;width:17px;height:17px}.hero-widget{width:318px;align-self:flex-end;margin-bottom:24px;padding:24px 22px 19px;background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-lg);border-radius:17px;transform:rotate(-3deg);animation:floatWidget 5.5s ease-in-out infinite}.widget-head{display:flex;align-items:center;gap:11px}.widget-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;color:#f06d42;background:#fff0e8}.widget-head>div{display:flex;flex-direction:column;line-height:1.5}.widget-head small{font-size:.69rem;color:#718495}.widget-head strong{font-size:.96rem;direction:ltr;unicode-bidi:isolate;text-align:right}.widget-live{margin-inline-start:auto;font-size:.63rem;color:#16856b;font-weight:800;white-space:nowrap}.widget-live i{display:inline-block;background:#1cbb8c;width:7px;height:7px;border-radius:50%;margin-left:2px}.widget-track{display:flex;align-items:center;margin-top:29px;gap:5px;direction:rtl}.widget-track span{height:6px;border-radius:9px;background:#dce5ea;flex:1}.widget-track span.on{background:#ff8557}.widget-locations{display:flex;justify-content:space-between;font-size:.66rem;color:#6b7d89;margin:10px 0 14px}.hero-widget>a{font-size:.75rem;color:var(--navy);font-weight:800;display:inline-flex;align-items:center;gap:7px}.hero-widget>a svg{width:15px;height:15px}.hero-orbit{position:absolute;width:640px;height:640px;right:-320px;bottom:-340px;border:1px solid rgba(255,255,255,.12);border-radius:50%;z-index:1;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 170px rgba(255,255,255,.018)}.hero-scroll-mark{position:absolute;bottom:36px;right:calc((100% - min(var(--container),calc(100% - 48px)))/2);z-index:3;display:flex;align-items:center;gap:14px;color:#adcad9;font-size:.69rem}.hero-scroll-mark .line{width:66px;height:1px;background:#8babbc}@keyframes heroZoom{to{transform:scale(1.055)}}@keyframes floatWidget{50%{transform:translateY(-11px) rotate(-2deg)}}
.benefits-line{background:#fff;border-bottom:1px solid var(--line)}.benefits-row{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;gap:22px}.benefits-row>div{display:flex;align-items:center;gap:14px;border-inline-end:1px solid var(--line);padding-inline-start:17px}.benefits-row>div:last-child{border:0}.benefits-row>div>.icon{color:var(--primary-dark);width:31px;height:31px}.benefits-row strong,.benefits-row small{display:block}.benefits-row strong{color:var(--navy);font-size:.85rem}.benefits-row small{color:#81919e;font-size:.71rem;margin-top:1px}
/* Services and steps */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid #e8edf1;box-shadow:0 9px 28px rgba(9,37,61,.034);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#fed9c7}.service-cover{display:block;height:225px;position:relative;overflow:hidden;background:#eaf2f5}.service-cover img{height:100%;width:100%;object-fit:cover;transition:transform .7s var(--ease)}.service-card:hover .service-cover img{transform:scale(1.07)}.service-card:nth-child(2) .service-cover img{object-position:36%}.service-icon{position:absolute;bottom:0;right:25px;transform:translateY(50%);display:grid;place-items:center;width:57px;height:57px;background:var(--primary);color:#fff;border:4px solid #fff;border-radius:15px;box-shadow:0 10px 22px rgba(255,117,70,.23)}.service-icon .icon{width:27px;height:27px}.service-body{padding:42px 26px 29px}.service-body h3{margin-bottom:10px}.service-body h3 a:hover{color:var(--primary-dark)}.service-body p{min-height:56px;font-size:.9rem;line-height:1.9}.service-body .card-more{font-size:.83rem;margin-top:22px}.section-bottom-link{text-align:center;margin-top:43px}
.process-section{background:#0b2742;color:white;position:relative;overflow:hidden}.process-section:before{content:"";position:absolute;top:-190px;left:-230px;width:580px;height:580px;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.013)}.process-section .section-heading h2{color:white}.process-section .section-heading-side p{color:#b9cedd}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.steps-grid:before{content:"";position:absolute;top:60px;right:10%;left:10%;border-top:2px dashed rgba(255,255,255,.2)}.step-card{padding:30px 22px 22px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.045);position:relative;backdrop-filter:blur(5px)}.step-index{position:absolute;top:16px;left:20px;font-size:2.15rem;font-weight:950;color:rgba(255,255,255,.12);direction:ltr}.step-icon{width:64px;height:64px;display:grid;place-items:center;color:#ff9d70;background:#183f5c;border:1px solid rgba(255,255,255,.12);border-radius:17px;margin-bottom:31px}.step-icon svg{width:30px;height:30px}.step-card h3{color:white;margin-bottom:10px;font-size:1.17rem}.step-card p{font-size:.85rem;color:#b9cfdd}
/* Content features */
.track-feature-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:75px}.track-feature-content h2{margin:18px 0 20px}.track-feature-content h2 span{color:var(--primary-dark)}.track-feature-content>p{max-width:505px}.quick-tracking{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);padding:9px 9px 9px 9px;border-radius:15px;box-shadow:var(--shadow);margin-top:28px;max-width:560px}.quick-tracking>span{display:grid;place-items:center;padding-inline-start:12px;color:#8095a4}.quick-tracking input{border:0;outline:0;flex:1;min-width:0;color:var(--ink);font-size:.85rem;background:transparent}.quick-tracking button{border:0;background:var(--primary);padding:13px 19px;border-radius:10px;display:inline-flex;align-items:center;gap:9px;font-size:.83rem;font-weight:800;color:#10283a;white-space:nowrap}.quick-tracking button:hover{background:#ff986c}.form-note{display:block;color:#8794a0;font-size:.72rem;line-height:1.8;margin-top:14px}.track-feature-image{position:relative}.track-feature-image>img{width:100%;height:410px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.map-overlay-tag{position:absolute;right:26px;bottom:26px;background:#fff;border-radius:12px;padding:11px 18px;font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.map-overlay-tag svg{color:var(--primary-dark)}
.business-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.business-image{position:relative}.business-image>img{width:100%;height:515px;object-fit:cover;border-radius:25px}.business-image .floating-tag{position:absolute;bottom:28px;left:-15px;background:white;border-radius:14px;padding:15px 20px;box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.84rem}.floating-tag .icon{color:var(--primary-dark)}.business-content h2{margin:16px 0 21px}.business-content h2 span{color:var(--primary-dark)}.business-content p+p{margin-top:15px}.check-list{display:grid;gap:12px;margin:25px 0 32px}.check-list li{display:flex;align-items:flex-start;gap:11px;font-size:.9rem;color:#34556b}.check-list svg{color:var(--primary-dark);margin-top:5px;width:19px;height:19px}
.quote-banner{min-height:355px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px 70px;background:linear-gradient(110deg,#0a2440,#123956);border-radius:25px;position:relative;overflow:hidden}.quote-banner:before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.08);border-radius:50%;top:-250px;right:-180px;box-shadow:0 0 0 70px rgba(255,255,255,.022)}.quote-banner-copy{position:relative;z-index:2}.quote-banner h2{color:white;margin:15px 0}.quote-banner p{color:#d2e0e9;max-width:410px;margin-bottom:23px}.quote-banner>img{width:41%;height:270px;object-fit:cover;border-radius:21px;transform:rotate(-4deg);box-shadow:0 18px 35px rgba(0,0,0,.18)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{background:white;border:1px solid #e9eef1;border-radius:18px;overflow:hidden;transition:box-shadow .3s,transform .3s}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.article-image{display:block;overflow:hidden;height:200px;background:#e8f1f6}.article-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.article-card:hover img{transform:scale(1.06)}.article-body{padding:24px}.article-body h3{font-size:1.08rem;margin-bottom:10px}.article-body p{font-size:.83rem}.article-body .card-more{margin-top:16px;font-size:.81rem}
/* Page intros */
.page-intro{position:relative;overflow:hidden;background:#0c2b49;min-height:270px;color:white;isolation:isolate}.page-intro-photo .page-intro-art{background-image:linear-gradient(90deg,rgba(8,34,58,.60),#0b2946 89%),url('../img/hero-logistics.webp');background-size:cover;background-position:center 58%}.page-intro-art{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 9% 5%,rgba(82,153,193,.22),transparent 50%)}.page-intro-art:after{content:"";position:absolute;left:-130px;top:-200px;width:550px;height:550px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 175px rgba(255,255,255,.014)}.page-intro-content{padding:54px 0 44px}.page-intro .eyebrow{color:#ffb28e}.page-intro h1{font-size:clamp(2.3rem,4vw,3.45rem);color:#fff;margin:11px 0 8px}.page-intro p{max-width:680px;color:#c2d4e0;font-size:.93rem}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#c1d2df;font-size:.76rem;margin-top:16px}.breadcrumbs a:hover{color:white}.breadcrumbs svg{width:13px;height:13px;color:#ff9a72}.breadcrumbs span{color:#fff}
.feature-horizontal{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.feature-horizontal h2{margin:17px 0}.feature-horizontal p{margin-bottom:24px}.feature-horizontal img{height:360px;width:100%;object-fit:cover;border-radius:22px}
/* Forms and interactive pages */
.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-full{grid-column:1/-1}.field label,.tracking-form-panel label{font-weight:800;color:#28475f;font-size:.83rem}.field label span{color:#e65a37}.field input,.field select,.field textarea,.input-with-button input,.faq-search input{width:100%;background:#fff;color:#1a3548;border:1px solid #dce5ec;border-radius:10px;min-height:51px;padding:13px 16px;outline:0;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:138px}.field input:focus,.field select:focus,.field textarea:focus,.input-with-button input:focus,.faq-search input:focus{border-color:#ff8f68;box-shadow:0 0 0 4px rgba(255,117,70,.11)}input::placeholder,textarea::placeholder{color:#99a9b4}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.privacy-check{display:flex;align-items:flex-start;gap:11px;font-size:.75rem;line-height:1.9;color:#5e7384;margin:23px 0}.privacy-check input{margin-top:7px;accent-color:#f76f41;flex:0 0 auto;width:16px;height:16px}.form-feedback:empty{display:none}.form-feedback{margin-top:16px}.form-error{color:#ad3625;background:#fff0eb;border-radius:10px;padding:11px 13px;font-size:.82rem}.form-success{background:#eff8f4;border:1px solid #d7eee2;color:#156e52;border-radius:10px;padding:12px 14px;font-size:.85rem}.prepared-request{background:#f4f8fa;border:1px solid #dbe7ed;border-radius:13px;padding:18px;margin-top:15px}.prepared-request p{font-size:.82rem}.prepared-request pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;direction:rtl;text-align:right;color:#224055;font-family:inherit;line-height:1.9;font-size:.82rem;background:white;padding:15px;border-radius:9px;max-height:300px;overflow:auto;margin:14px 0}.prepared-actions{display:flex;gap:9px;flex-wrap:wrap}.prepared-actions button,.prepared-actions a{border:1px solid #d7e1e8;background:white;color:#1b435b;border-radius:9px;padding:9px 14px;font-size:.8rem;font-weight:800;display:inline-flex;align-items:center;gap:7px}.prepared-actions svg{width:17px;height:17px}.prepared-actions button:hover,.prepared-actions a:hover{border-color:var(--primary)}.info-box{display:flex;align-items:flex-start;gap:12px;background:#eef5fa;border:1px solid #dce8f0;padding:15px 17px;border-radius:12px;font-size:.81rem;line-height:1.9}.info-box>svg{color:#467693;flex-shrink:0;margin-top:5px}.info-box p{font-size:inherit}.muted-info{padding:14px 18px;background:#fff5ee;border-radius:10px;font-size:.83rem;margin-top:20px}
.tracking-page-content{background:#fff}.tracking-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:35px;align-items:start}.tracking-form-panel,.tracking-result{background:#fff;border:1px solid #e2eaf0;box-shadow:var(--shadow);padding:35px;border-radius:20px}.tracking-form-panel h2{margin:14px 0}.tracking-form-panel>p{margin-bottom:24px}.input-with-button{display:flex;align-items:center;gap:10px;margin-top:9px}.input-with-button input{min-width:0}.input-with-button .btn{border:0;min-height:51px}.example-code{border:0;background:#f0f5f8;color:#dc6137;border-radius:5px;padding:3px 6px;font-size:.78rem;direction:ltr;unicode-bidi:isolate;font-weight:800}.example-code:hover{background:#ffe7d8}.tracking-form-panel .info-box{margin-top:25px}.tracking-result{min-height:405px}.tracking-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tracking-empty>svg{width:65px;height:65px;color:#f38050;margin-bottom:15px}.tracking-empty h3{margin-bottom:8px}.tracking-empty p{max-width:310px}.tracking-result-header{display:flex;align-items:start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}.tracking-result-header small{display:block;color:#81919c;font-size:.75rem}.tracking-result-header h3{direction:ltr;text-align:right;font-size:1.5rem;margin-top:2px}.tracking-badge{background:#fff0e6;color:#a54627;border-radius:100px;padding:7px 11px;font-size:.74rem;font-weight:850}.tracking-badge.complete{color:#0a7660;background:#e6f8f0}.tracking-timeline{padding:24px 0 0}.timeline-step{display:flex;gap:16px;position:relative;padding-bottom:25px}.timeline-step:last-child{padding-bottom:0}.timeline-step:before{content:"";position:absolute;width:2px;height:calc(100% - 20px);top:28px;right:15px;background:#e3eaf0}.timeline-step:last-child:before{display:none}.timeline-marker{width:32px;height:32px;border-radius:50%;background:#edf1f4;color:#94a3ad;display:grid;place-items:center;flex:0 0 auto;z-index:1}.timeline-step.done .timeline-marker{background:#ff8659;color:white}.timeline-step.active .timeline-marker{background:var(--navy);color:white;box-shadow:0 0 0 6px #eaf2f6}.timeline-marker svg{width:17px;height:17px}.timeline-step.done:before{background:#ffae8b}.timeline-step h4{font-size:.89rem;margin:0 0 3px}.timeline-step p{font-size:.78rem}.status-explain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.status-explain article{padding:28px 23px;background:white;border:1px solid #e3eaef;border-radius:16px}.status-explain article>svg{color:var(--primary-dark);width:34px;height:34px;margin-bottom:20px}.status-explain h3{font-size:1.06rem;margin-bottom:10px}.status-explain p{font-size:.83rem}
.calculator-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}.calculator-box{background:#fff;border:1px solid var(--line);padding:36px;border-radius:22px;box-shadow:var(--shadow)}.calculator-box h2{margin:15px 0}.calculator-box>p{margin-bottom:25px}.calculator-box button{margin-top:25px}.rate-result-card{background:linear-gradient(145deg,#0e304f,#081e34);color:white;border-radius:22px;padding:35px;position:sticky;top:115px;overflow:hidden}.rate-result-card:before{content:"";position:absolute;left:-160px;top:-160px;width:340px;height:340px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025)}.rate-result-title{display:flex;align-items:center;gap:10px;font-size:.91rem;color:#dceaf3}.rate-result-title svg{color:#ffa279}.rate-big{display:block;font-size:clamp(2.8rem,5vw,4rem);font-weight:950;direction:ltr;text-align:right;color:#fff;margin:25px 0 2px;line-height:1.2}.rate-caption{font-size:.79rem;color:#b7cddd}.rate-lines{margin:27px 0;border-top:1px solid rgba(255,255,255,.18)}.rate-lines>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.15);padding:13px 0;font-size:.8rem}.rate-lines span{color:#b7cddd}.rate-lines strong{color:#fff}.rate-disclaimer{color:#afc5d3;font-size:.73rem;line-height:1.8;margin-bottom:22px}.rate-result-card .btn{position:relative;z-index:1;width:100%}
.quote-layout{display:grid;grid-template-columns:1.5fr .73fr;gap:34px;align-items:start}.quote-form-card,.contact-form-card{border:1px solid var(--line);border-radius:22px;padding:39px;background:#fff;box-shadow:var(--shadow)}.quote-form-card h2{margin:14px 0}.quote-form-card>p{margin-bottom:27px}.quote-side{display:grid;gap:24px}.aside-card{padding:30px;background:white;border:1px solid #e4ebef;border-radius:19px}.aside-card>svg{width:38px;height:38px;color:#ff9365;margin-bottom:18px}.aside-card h3{font-size:1.15rem;margin-bottom:12px}.aside-card p{font-size:.85rem;margin-bottom:20px}.aside-card .btn{font-size:.8rem;padding:12px 17px;white-space:normal}.dark-aside{background:var(--navy);color:#fff;border-color:var(--navy)}.dark-aside h3{color:#fff}.dark-aside p,.dark-aside li{color:#c9dce8}.dark-aside .check-list{margin:0}.light-card{background:#f5f8fa}.light-card>a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e1e8ed;font-size:.81rem;font-weight:800}.light-card>a:last-child{border:0}.light-card>a:hover{color:var(--primary-dark)}.light-card>a svg{width:16px;height:16px}
.service-detail-layout{display:grid;grid-template-columns:1.6fr .65fr;gap:35px;align-items:start}.detail-photo{width:100%;height:425px;object-fit:cover;border-radius:22px}.detail-copy{padding-top:33px}.detail-copy h2{margin:14px 0 20px}.detail-copy h3{margin:30px 0 12px}.detail-copy p{line-height:2}.detail-copy .check-list{margin-top:16px}.service-detail-aside{display:grid;gap:25px;position:sticky;top:120px}
.faq-layout{display:grid;grid-template-columns:.76fr 1.4fr;align-items:start;gap:58px}.faq-sidebar{position:sticky;top:120px}.faq-sidebar h2{margin:15px 0}.faq-sidebar>p{margin-bottom:23px}.faq-search{position:relative}.faq-search input{padding-inline-start:43px}.faq-search>svg{position:absolute;top:16px;right:14px;color:#8ca0af}.faq-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.faq-filters button{background:#f3f6f8;border:1px solid #e2e9ec;border-radius:100px;padding:7px 14px;color:#4b6475;font-size:.8rem;font-weight:800}.faq-filters button.active,.faq-filters button:hover{background:var(--navy);border-color:var(--navy);color:white}.faq-list{border:1px solid #e4ebef;border-radius:18px;overflow:hidden}.faq-item{border-bottom:1px solid #e4ebef;background:white}.faq-item:last-child{border:0}.faq-item h3{margin:0}.faq-question{width:100%;min-height:77px;padding:19px 25px;background:none;border:0;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:right;font-weight:850;color:var(--navy);font-size:.93rem}.faq-question .icon{transition:transform .2s;color:var(--primary-dark)}.faq-question[aria-expanded="true"] .icon{transform:rotate(180deg)}.faq-answer{padding:0 25px 23px}.faq-answer p{font-size:.87rem;line-height:2}.faq-no-results{padding:25px}
.contact-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:68px;align-items:start}.contact-copy h2{margin:15px 0}.contact-copy>p{margin-bottom:24px}.contact-info-cards{display:grid;gap:13px;margin:26px 0}.contact-info-cards>div{display:flex;align-items:center;gap:16px;background:#f6f9fb;border:1px solid #e6edf2;border-radius:13px;padding:19px}.contact-info-cards>div>svg{width:27px;height:27px;color:var(--primary-dark)}.contact-info-cards h3{font-size:.95rem;margin-bottom:3px}.contact-info-cards p{font-size:.82rem;overflow-wrap:anywhere}.contact-form-card h2{font-size:1.55rem;margin-bottom:23px}
.article-layout{display:grid;grid-template-columns:1.52fr .6fr;gap:40px;align-items:start}.article-meta{display:flex;gap:8px;align-items:center;color:#db673b;font-size:.78rem;font-weight:800;margin-bottom:16px}.article-meta svg{width:18px;height:18px}.article-main-image{width:100%;height:405px;object-fit:cover;border-radius:18px}.article-text{margin-top:33px}.article-text .article-lead{font-size:1.16rem;color:#405b6e;line-height:2.1}.article-text h2{font-size:1.55rem;margin:35px 0 12px}.article-text p{line-height:2.2}.article-tip{display:flex;align-items:flex-start;gap:10px;margin-top:35px;background:#f4f8fa;color:#507086;padding:20px;border-radius:13px;font-size:.85rem}.article-tip svg{color:var(--primary-dark)}.article-aside{display:grid;gap:20px;position:sticky;top:120px}
.legal-content{max-width:810px}.legal-note{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border:1px solid #f4d2bd;background:#fff6ef;border-radius:13px;font-size:.84rem;color:#7c5237}.legal-note svg{color:#df7849}.legal-content h2{font-size:1.34rem;margin:35px 0 10px}.legal-content p{line-height:2.1}.not-found{min-height:65vh;display:grid;place-items:center;text-align:center;background:#f6f9fb}.not-found .container{max-width:740px;padding:75px 0}.not-found span{display:block;font-size:clamp(5rem,15vw,10rem);font-weight:950;line-height:1;color:#e9c2ad;direction:ltr}.not-found h1{font-size:2.3rem;margin:15px 0}.not-found p{margin-bottom:23px}
/* Footer */
.footer-prelude{background:#ff7648}.cta-inline{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:53px 0}.cta-inline h2{color:#112b40;font-size:clamp(1.7rem,2.7vw,2.5rem);margin:11px 0}.cta-inline p{color:#603927;font-size:.87rem}.footer-prelude .eyebrow.light{color:#14334b}.footer-prelude .eyebrow.light .eyebrow-dot{background:#14334b;box-shadow:0 0 0 5px rgba(11,37,63,.12)}.cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cta-actions .btn-ghost-light{color:#112b40;border-color:#a94d2e}.cta-actions .btn-ghost-light:hover{background:rgba(255,255,255,.18)}.site-footer{background:#081d32;color:#c5d3dd}.footer-main{display:grid;grid-template-columns:1.65fr .8fr .85fr 1.15fr;gap:50px;padding:77px 0 61px}.brand-footer .brand-text strong{color:white}.brand-footer .brand-text small{color:#b0c0cb}.footer-about>p{color:#a6bdcc;margin-top:22px;max-width:330px;font-size:.84rem;line-height:2}.footer-note{display:flex;gap:8px;margin-top:22px;color:#8eaabd;max-width:345px;font-size:.7rem;line-height:1.8}.footer-note .icon{color:#ff976e;margin-top:3px}.footer-col h3{font-size:1rem;color:#fff;margin-bottom:22px}.footer-col>a{display:block;color:#aac0ce;font-size:.82rem;margin:10px 0;transition:color .2s,transform .2s}.footer-col>a:hover{color:#ffa17a;transform:translateX(-3px)}.footer-config-note{color:#809caf;font-size:.73rem;margin-top:15px}.footer-bottom{display:flex;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding:23px 0 29px;font-size:.74rem;color:#8ca9ba}.footer-bottom>span:nth-child(2){margin-inline-start:auto}.to-top{height:42px;width:42px;border:1px solid rgba(255,255,255,.24);border-radius:11px;display:grid;place-items:center;color:white}.to-top:hover{background:var(--primary);color:var(--navy)}.toast{position:fixed;z-index:300;bottom:22px;right:22px;max-width:min(420px,calc(100vw - 44px));padding:14px 22px;background:#0c354d;color:white;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.82rem;pointer-events:none;opacity:0;transform:translateY(15px);transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translateY(0)}
/* Reveal animations are progressive enhancement: without JS all content stays visible. */
.js-animate .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.js-animate .reveal.in-view{opacity:1;transform:translateY(0)}
@media(min-width:1100px){.service-grid>.service-card:nth-child(3n+2){transition-delay:.075s}.service-grid>.service-card:nth-child(3n+3){transition-delay:.14s}}
@media(max-width:1150px){.nav-links{gap:12px}.nav-link{font-size:.76rem}.brand-text strong{font-size:1.45rem}.nav-wrap{gap:12px}.nav-actions .btn{padding:8px 11px}.hero-widget{width:288px}.business-split{gap:47px}}
@media(max-width:980px){.section{padding:79px 0}.announcement a{display:none}.menu-toggle{display:grid;place-items:center;border:1px solid #e0e8ef;border-radius:10px;width:46px;height:46px;background:#fff;color:var(--navy)}.menu-toggle svg{width:24px;height:24px}.nav-wrap{height:72px}.nav-actions .btn{display:none}.nav-links{position:fixed;top:109px;right:0;left:0;height:calc(100dvh - 109px);background:white;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:22px max(24px,calc((100vw - 660px)/2));overflow-y:auto;z-index:90;transform:translateX(105%);transition:transform .3s var(--ease);box-shadow:-12px 20px 35px rgba(9,35,60,.1)}.site-header.nav-open .nav-links{transform:translateX(0)}.nav-link{font-size:1rem;padding:15px 9px;border-bottom:1px solid #e9eef1}.nav-link.active:after{height:auto;width:4px;top:10px;bottom:10px;right:-4px;left:auto}.mobile-nav-extra{display:block;padding-top:20px}.mobile-nav-extra .btn{width:100%}.hero,.hero-inner{min-height:625px}.hero-content{width:59%}.hero h1{font-size:clamp(2.6rem,6vw,4rem)}.hero-widget{width:260px;padding:19px}.hero-chips{gap:13px}.benefits-row{grid-template-columns:repeat(2,1fr)}.benefits-row>div:nth-child(2){border:0}.service-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid,.status-explain{grid-template-columns:repeat(2,1fr)}.steps-grid:before{display:none}.track-feature-grid,.business-split{gap:35px}.quick-tracking{flex-wrap:wrap}.quick-tracking button{padding:12px 14px}.quote-banner{padding:40px}.footer-main{grid-template-columns:1.2fr 1fr;row-gap:38px}.cta-inline{align-items:flex-start}.cta-actions{justify-content:flex-end}.calculator-layout,.quote-layout,.service-detail-layout{grid-template-columns:1fr .72fr}.contact-layout{gap:35px}.faq-layout{gap:32px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.section{padding:64px 0}.section-heading{display:block;margin-bottom:30px}.section-heading-side{margin-top:12px}.section-heading h2{font-size:clamp(1.85rem,8vw,2.55rem)}.section-heading-side p{font-size:.91rem}.brand img{width:42px;height:42px}.brand-text strong{font-size:1.45rem}.brand-text small{font-size:.52rem}.nav-links{top:109px;padding:16px 25px}.hero,.hero-inner{min-height:795px}.hero:before{background:linear-gradient(to bottom,rgba(7,28,49,.8) 0%,#071c31 70%,#071c31 100%)}.hero-visual{height:46%;bottom:auto}.hero-visual img{object-position:65% 42%}.hero-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:48px;padding-bottom:73px;gap:19px}.hero-content{width:100%;max-width:560px}.hero h1{font-size:clamp(2.65rem,11vw,4.4rem);margin:15px 0}.hero-highlight{margin-top:5px}.hero-content>p{font-size:.95rem;line-height:2}.hero-buttons{margin:23px 0 23px}.hero-buttons .btn{min-height:51px;padding:12px 17px;gap:8px;font-size:.82rem}.hero-chips{gap:8px 15px}.hero-chips>span{font-size:.7rem}.hero-widget{align-self:flex-end;margin-top:auto;margin-bottom:5px;width:min(320px,90%);transform:none;animation:none}.hero-scroll-mark{bottom:21px;right:18px}.benefits-row{padding:24px 0;gap:19px 10px}.benefits-row>div{padding-inline-start:4px;gap:9px}.benefits-row>div>.icon{width:23px;height:23px}.benefits-row strong{font-size:.76rem}.benefits-row small{font-size:.66rem}.service-grid,.article-grid{grid-template-columns:1fr}.service-cover{height:240px}.service-body p{min-height:auto}.steps-grid,.status-explain{grid-template-columns:1fr 1fr;gap:11px}.step-card{padding:21px 16px}.step-index{font-size:1.6rem}.step-icon{width:50px;height:50px;margin-bottom:22px}.step-card p{font-size:.76rem}.step-card h3{font-size:.97rem}.track-feature-grid,.business-split,.feature-horizontal,.tracking-layout,.calculator-layout,.quote-layout,.service-detail-layout,.faq-layout,.contact-layout,.article-layout{grid-template-columns:1fr}.track-feature-content h2,.business-content h2{font-size:2.2rem}.track-feature-image>img{height:330px}.business-split{gap:28px}.business-image>img{height:330px}.business-image .floating-tag{left:10px;bottom:15px}.quote-banner{display:flex;flex-direction:column;align-items:stretch;padding:35px 26px}.quote-banner>img{width:100%;height:190px;transform:rotate(0)}.page-intro{min-height:245px}.page-intro-content{padding:49px 0 32px}.page-intro h1{font-size:2.45rem}.page-intro p{font-size:.87rem}.feature-horizontal{gap:25px}.feature-horizontal img{height:240px}.calculator-box,.tracking-form-panel,.tracking-result,.quote-form-card,.contact-form-card{padding:24px}.rate-result-card,.faq-sidebar,.service-detail-aside,.article-aside{position:static}.faq-sidebar{margin-bottom:12px}.faq-filters{gap:7px}.faq-filters button{font-size:.74rem}.faq-question{padding:19px;font-size:.84rem}.faq-answer{padding:0 19px 19px}.detail-photo,.article-main-image{height:285px}.detail-copy{padding-top:22px}.quote-side{grid-template-columns:1fr 1fr}.status-explain article{padding:19px 16px}.status-explain article>svg{width:27px;height:27px;margin-bottom:10px}.status-explain h3{font-size:.87rem}.status-explain p{font-size:.74rem}.cta-inline{flex-direction:column;align-items:stretch;padding:40px 0;gap:20px}.cta-actions{justify-content:flex-start}.footer-main{grid-template-columns:1fr 1fr;gap:36px 20px;padding:55px 0 43px}.footer-about{grid-column:1/-1}.footer-col h3{font-size:.93rem}.footer-col>a{font-size:.77rem}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){margin-inline-start:0}.to-top{margin-inline-start:auto}}
@media(max-width:430px){.announcement{font-size:.67rem}.brand-text small{font-size:.49rem}.hero{min-height:800px}.hero-inner{min-height:800px}.hero h1{font-size:2.85rem}.hero-buttons{gap:9px}.hero-buttons .btn{flex:1;justify-content:center;padding:11px 10px;font-size:.76rem;white-space:normal}.hero-widget{margin-top:auto}.benefits-row{grid-template-columns:1fr 1fr}.benefits-row>div{align-items:flex-start}.benefits-row>div>.icon{width:20px;height:20px}.benefits-row small{font-size:.62rem}.quick-tracking{padding:8px}.quick-tracking button{font-size:.73rem}.quick-tracking input{font-size:.75rem}.steps-grid,.status-explain{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.input-with-button{flex-direction:column;align-items:stretch}.quote-side{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:stretch}.footer-main{grid-template-columns:1fr 1fr}.footer-col:last-child{grid-column:1/-1}.footer-bottom{gap:12px}.btn{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js-animate .reveal{opacity:1;transform:none}}
/* Embedded demo: prevent intrinsic grid sizing from creating a 4px overflow on 320px phones. */
@media(max-width:700px){.track-feature-grid{grid-template-columns:minmax(0,1fr)}.track-feature-content,.quick-tracking{min-width:0;max-width:100%}}