/*
Theme Name: ShipRisk Consumer
Author: ShipRisk
Description: A faithful WordPress conversion of the supplied ShipRisk consumer landing page, including the interactive demonstration map and its selectable layers. Business links point to /business/ (separate page not included).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: shiprisk-consumer
*/

:root {--navy:#052a47;--navy2:#092238;--dark:#071e30;--ink:#112a3b;--muted:#5c7180;--cream:#f6f4ee;--paper:#fcfbf7;--line:#d9ddd9;--acid:#c8edcc;--sky:#9ac2d6;--orange:#edac74;--coral:#dd7963;--teal:#8accbd;}

*{box-sizing:border-box}
 html{scroll-behavior:smooth}
 body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
 button,input{font:inherit}
a{text-decoration:none;color:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid #ffbf85;outline-offset:4px}
h1,h2,h3,p{margin-top:0}
::selection{background:var(--orange);color:var(--dark)}

.w{width:min(1340px,calc(100% - 100px));margin:0 auto}
.mono,.eyebrow,.mini-label,.topbar,.navlist,.pill,.link-cta,.status,.footnote,.eyebrow-light,.plan-tag,.timeline-label,.cap,.source-stamp,.use-tabs button,.metrics-label,.chip,.strip-id,.tagline-small{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}

.topbar{background:#031d31;color:#a8c9d5;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #2a4d61}
.topbar .w{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:34px}
.topbar strong{color:#dbedea;font-weight:600}

.header{position:absolute;top:34px;left:0;right:0;z-index:10;border-bottom:1px solid rgba(225,242,246,.22)}
.header .w{display:flex;justify-content:space-between;align-items:center;min-height:89px;gap:30px}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand-symbol{width:31px;height:31px;border:1.5px solid #a9d3dd;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg)}
.brand-symbol svg{width:22px;height:22px;transform:rotate(12deg)}
.brand-name{font-weight:900;font-size:27px;letter-spacing:-.06em;white-space:nowrap}
.brand-name span{color:#c5e8ea}
.brand-sub{font:10px/1.4 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#9ebecb;border-left:1px solid #65899b;padding-left:16px;margin-left:3px}
.navlist{display:flex;align-items:center;gap:33px;color:#c3d6df;font-size:11px;letter-spacing:.03em}
.navlist a:hover{color:#fff}
.navbtn{padding:14px 17px;color:#072d45;background:#e6f0ed;font-size:11px;font-weight:800;display:inline-flex;gap:19px;align-items:center;border:1px solid #e6f0ed}
.navbtn:hover{background:var(--orange);border-color:var(--orange)}

.hero{color:#f6f7f4;background:radial-gradient(ellipse at 80% 42%,#104a68 0%,#063453 40%,#052943 70%,#03263f 100%);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(155,203,215,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(155,203,215,.065) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent 35%,#000 75%);pointer-events:none}
.hero:after{content:"";position:absolute;width:690px;height:690px;border:1px solid #8bbec140;border-radius:50%;right:-180px;top:94px;box-shadow:0 0 0 105px #8bbec115,0 0 0 225px #8bbec10c;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;position:relative;min-height:772px;padding-top:90px}
.hero-copy{z-index:2;padding:100px 42px 85px 0;display:flex;flex-direction:column;align-items:start}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b2d8e1;display:flex;align-items:center;gap:13px}
.eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:#eeb98d}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(66px,6.8vw,103px);line-height:1.02;letter-spacing:-.073em;font-weight:400;margin:37px 0 25px;max-width:730px}
.hero h1 em{font-style:normal;color:#b8d8d8}
.hero h1 .italic{font-style:italic;color:#f4b987}
.lead{color:#d2e0e4;font-size:18px;line-height:1.65;max-width:552px;margin-bottom:34px}
.lead strong{color:white}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.primary{background:var(--orange);color:#072a44;display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:18px 22px;font-weight:800;font-size:13px;border:1px solid var(--orange);transition:background .2s,transform .2s}
.primary:hover{background:#f8c396;transform:translateY(-2px)}
.secondary{font-size:13px;color:#e4edf0;border-bottom:1px solid #b6cdd5;padding-bottom:5px}
.small-hero{margin-top:auto;padding-top:65px;font:10px/1.6 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#9bbbc6;max-width:460px}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;min-width:0;padding-left:12px}
.orbit{position:relative;width:min(575px,100%);aspect-ratio:1/1;margin-top:12px}
.orbit:before{content:"";position:absolute;inset:14%;border:1px dashed #8fbfcb3a;border-radius:50%}
.orbit:after{content:"";position:absolute;inset:29%;border:1px solid #8fbfcb1f;border-radius:50%}
.route-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.route-map .grid-line{stroke:#89c4d132;stroke-width:1;fill:none}
.route-map .main-path{stroke:#e9b18b;stroke-width:3;fill:none;stroke-dasharray:3 9;stroke-linecap:round}
.route-map .path-glow{stroke:#d9e6d677;stroke-width:12;opacity:.12;fill:none}
.route-map .path-dot{fill:#ffca99;filter:drop-shadow(0 0 8px #ffd3aa);offset-path:path('M74 382 C 155 290, 215 395, 269 262 S 385 190, 474 91');animation:travel 13s linear infinite}
@keyframes travel{from{offset-distance:0%}
to{offset-distance:100%}
}
.route-map .node{fill:#f9f1de;stroke:#075071;stroke-width:6}
.route-map .halo{fill:transparent;stroke:#c3ecdd80;stroke-width:1}
.orbit-label{position:absolute;background:#06273de8;border:1px solid #7c9fac76;backdrop-filter:blur(9px);padding:14px 16px;box-shadow:0 12px 24px #00132252;z-index:2}
.orbit-label b{display:block;color:#f8f4e8;font-size:16px;font-weight:600;margin-top:7px;line-height:1.25}
.orbit-label small{color:#b8cfda;font-size:11px;line-height:1.5}
.orbit-label .eyebrow-light{color:#b1d5da;font-size:9px;letter-spacing:.13em}
.label-1{top:12%;left:2%;min-width:170px}
.label-2{top:44%;right:-2%;min-width:164px}
.label-3{bottom:5%;left:3%;min-width:192px}
.centerpiece{position:absolute;top:41%;left:35%;z-index:1;width:37%;text-align:center}
.centerpiece strong{display:block;font:38px/1 Georgia,serif;letter-spacing:-.045em;color:#f5f1e7}
.centerpiece span{display:block;font:10px/1.5 ui-monospace,monospace;color:#a7ccce;letter-spacing:.12em;text-transform:uppercase;margin-top:9px}
.orbit-note{position:absolute;right:-12px;bottom:2%;font:10px/1.4 ui-monospace,monospace;color:#84a9b5;text-transform:uppercase;letter-spacing:.08em;max-width:180px;text-align:right}

.thesis{background:#e9ebe5;border-bottom:1px solid #cdd3cf}
.thesis .w{display:grid;grid-template-columns:1.1fr 1fr 1fr;min-height:122px}
.thesis-item{display:flex;gap:15px;align-items:center;padding:29px 28px 29px 0;border-right:1px solid #c8d0cd;margin-right:29px}
.thesis-item:last-child{border:0;margin:0}
.thesis .num{font:34px Georgia,serif;color:#b75d42;letter-spacing:-.04em}
.thesis b{display:block;font-size:14px;margin-bottom:6px}
.thesis p{margin:0;font-size:12px;line-height:1.55;color:#516a78}
.section{padding:110px 0}
.eyebrow-dark{color:#607785}
.section-title{font:400 clamp(44px,5vw,72px)/1.07 Georgia,serif;letter-spacing:-.055em;margin:18px 0 20px}
.section-title em{font-style:normal;color:#ab5743}
.section-intro{max-width:600px;font-size:17px;line-height:1.72;color:#526d7c}
.difference{background:var(--paper)}
.difference-head{display:grid;grid-template-columns:1fr .82fr;gap:95px;align-items:end;margin-bottom:60px}
.difference-head .section-intro{margin-bottom:8px}
.difference-head strong{color:#243949}
.two-tier{border-top:1px solid #9eafb2}
.tier{display:grid;grid-template-columns:170px 1fr 1.06fr;gap:46px;padding:41px 0;border-bottom:1px solid #bcc8c8;align-items:start}
.tier .step{font:14px ui-monospace,monospace;color:#9e5544;padding-top:10px}
.tier h3{font:400 32px/1.2 Georgia,serif;letter-spacing:-.04em;margin:0}
.tier p{font-size:15px;line-height:1.75;color:#5a707a;margin:1px 0 0;max-width:515px}
.tier:last-child{border-bottom:1px solid #9eafb2}

.scenarios{background:#0a283f;color:#fff;position:relative;overflow:hidden}
.scenarios:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent 94%,#f6f6f608 95%);background-size:68px 100%;pointer-events:none}
.scenarios .w{position:relative}
.scenarios-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:41px}
.scenarios h2{max-width:730px}
.scenarios .section-intro{color:#b7ceda;max-width:355px}
.use-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #507083;padding-bottom:18px;margin-bottom:0}
.use-tabs button{background:transparent;border:1px solid #718d9d;color:#cbdee7;padding:13px 19px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.use-tabs button[aria-selected="true"]{background:#e8e4da;color:#092c43;border-color:#e8e4da;font-weight:800}
.use-tabs button:hover:not([aria-selected="true"]){background:#1a4058}
.s-demo{display:grid;grid-template-columns:1.1fr .9fr;min-height:417px;border-bottom:1px solid #446375}
.s-main{padding:38px 45px 46px 0;border-right:1px solid #446375}
.s-main .status{font-size:10px;letter-spacing:.14em;color:#f4bd91;text-transform:uppercase}
.s-main h3{font:400 clamp(35px,4.1vw,60px)/1.06 Georgia,serif;letter-spacing:-.055em;margin:29px 0 21px;max-width:600px}
.s-main p{font-size:15px;line-height:1.75;color:#c4d6df;max-width:560px}
.action-bar{display:flex;align-items:flex-start;gap:19px;border-top:1px solid #547081;padding-top:23px;margin-top:31px}
.action-icon{border:1px solid #d6a781;color:#f1bb8f;border-radius:50%;flex:none;width:31px;height:31px;display:flex;justify-content:center;align-items:center}
.action-bar b{font:10px ui-monospace,monospace;letter-spacing:.13em;color:#edb68a}
.action-bar p{margin:5px 0 0;max-width:475px;font-size:13px;color:#e6ebeb}
.s-plot{padding:33px 0 35px 48px;display:flex;flex-direction:column;justify-content:space-between}
.s-plot .meta{display:flex;justify-content:space-between;color:#b5cdd6;font:11px ui-monospace,monospace;letter-spacing:.09em}
.signal-plot{height:182px;display:flex;align-items:center}
.signal-plot svg{width:100%;height:100%;display:block}
.signal-plot .line{stroke:#edb68a;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.signal-plot .area{fill:#eab08a1f}
.signal-plot .thresh{stroke:#d2e3df75;stroke-width:1;stroke-dasharray:5 6}
.signal-plot .mark{fill:#f5d9bb;stroke:#0a283f;stroke-width:6}
.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #476678}
.metric{padding:17px 13px 4px 0}
.metrics-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9cb9c5}
.metric b{display:block;font:24px/1.2 Georgia,serif;color:#f1eee6;margin-top:9px}
.scenario-note{color:#a4c0cb;font:10px/1.7 ui-monospace,monospace;margin:21px 0 0}

.visibility{background:var(--cream)}
.visibility-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:95px;align-items:center}
.visibility .section-title{max-width:615px}
.visibility .section-intro{max-width:560px}
.visibility-points{margin-top:38px;border-top:1px solid #bdc8c5}
.visibility-point{padding:18px 0;display:grid;grid-template-columns:34px 1fr;gap:18px;border-bottom:1px solid #c9d0cc}
.visibility-point .index{font:12px ui-monospace,monospace;color:#aa624b}
.visibility-point b{display:block;font-size:14px}
.visibility-point span{display:block;font-size:13px;line-height:1.65;color:#59717e;margin-top:5px}
.phone-stage{min-height:625px;background:#dfe9e6;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #d2dcd7}
.phone-stage:before{content:"";position:absolute;width:540px;height:540px;border:1px solid #a4c4c9;border-radius:50%;box-shadow:0 0 0 76px #ffffff36,0 0 0 155px #ffffff30;top:65px;left:12px}
.phone{width:min(316px,80%);border-radius:28px;border:8px solid #17374a;background:#fdfdf8;box-shadow:0 22px 55px #33556b38;position:relative;z-index:2;overflow:hidden;transform:rotate(-3deg)}
.phone-top{background:#092f4b;color:white;padding:26px 21px 22px}
.phone-head{display:flex;justify-content:space-between;align-items:center;font:12px/1 ui-monospace,monospace;color:#d9e7e5}
.phone-head strong{font:bold 18px Arial,sans-serif;letter-spacing:-.04em;color:white}
.phone-title{font:26px/1.13 Georgia,serif;margin-top:32px}
.phone-desc{font-size:11px;line-height:1.5;color:#bdd4d7;margin-top:8px}
.p-progress{display:flex;align-items:center;gap:4px;margin:20px 0 0}
.p-progress span{height:4px;flex:1;background:#7da6b2}
.p-progress span.on{background:#f6bf93}
.phone-body{padding:23px 21px 28px}
.phone-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px solid #d5dedc;padding-bottom:14px;margin-bottom:17px}
.phone-row small{font:10px ui-monospace,monospace;color:#647c82}
.phone-row b{font:14px Arial,sans-serif;color:#17334a}
.timeline{border-left:1px solid #afc2c4;margin-left:6px;padding:4px 0 0 19px}
.timeline-item{position:relative;margin-bottom:22px}
.timeline-item:before{content:"";position:absolute;left:-25px;top:3px;width:9px;height:9px;border:2px solid #fff;background:#466a7c;border-radius:50%}
.timeline-item:first-child:before{background:#d08160}
.timeline-label{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#6a858b}
.timeline-item strong{display:block;font-size:12px;line-height:1.55;color:#233b4b;margin-top:3px}
.phone-alert{background:#f8e9db;border-left:3px solid #d77e59;padding:12px 13px;font-size:11px;line-height:1.55;color:#674d3e}
.phone-alert b{display:block;font-size:11px;color:#894e37;margin-bottom:3px}
.phone-label{position:absolute;z-index:3;right:15px;bottom:20px;max-width:190px;background:#092f4c;color:#edf4f1;padding:14px;font:10px/1.55 ui-monospace,monospace;letter-spacing:.03em}
.phone-label strong{color:#f3bd95}

.signals{background:var(--paper)}
.signals .section-title{max-width:820px}
.signals-head{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-bottom:43px}
.signals-head .section-intro{margin-bottom:5px}
.signal-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aab9bc;border-left:1px solid #d6dcda}
.signal-item{border-right:1px solid #d6dcda;border-bottom:1px solid #d6dcda;padding:33px 30px 36px;min-height:215px}
.signal-item .sig-icon{font:19px Georgia,serif;color:#ac674d}
.signal-item h3{font:400 25px/1.2 Georgia,serif;letter-spacing:-.035em;margin:23px 0 10px}
.signal-item p{font:13px/1.7 Arial,sans-serif;color:#5e7580;margin:0}
.signal-foot{font:11px/1.6 ui-monospace,monospace;color:#718891;margin-top:18px}

.business{background:#09283f;color:#f9f6ed}
.business-head{display:grid;grid-template-columns:1fr .6fr;gap:90px;align-items:end}
.business-head .section-title{max-width:700px}
.business-head .section-intro{color:#bed2db}
.business-cols{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:48px;border-top:1px solid #658192}
.business-col{padding:42px 54px 6px 0}
.business-col+.business-col{padding:42px 0 6px 53px;border-left:1px solid #658192}
.plan-tag{font-size:10px;letter-spacing:.15em;color:#f1b688;text-transform:uppercase}
.business-col h3{font:400 33px/1.12 Georgia,serif;letter-spacing:-.045em;margin:20px 0 18px}
.business-col p{font-size:14px;line-height:1.8;color:#c9d8de}
.business-col ul{list-style:none;margin:22px 0 0;padding:0}
.business-col li{display:flex;gap:12px;align-items:baseline;font:13px/1.7 Arial,sans-serif;color:#d1e0e2;margin-bottom:12px}
.business-col li:before{content:"+";font:14px ui-monospace,monospace;color:#f3b990}
.business-foot{font:10px/1.7 ui-monospace,monospace;color:#96b2bf;max-width:750px;margin-top:37px}

.last{background:#e3eae4;padding:108px 0 112px}
.last-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}
.last h2{font:400 clamp(55px,5.6vw,83px)/1.04 Georgia,serif;letter-spacing:-.06em;margin:17px 0 25px}
.last h2 em{color:#ad6047;font-style:normal}
.last p{font-size:17px;line-height:1.65;color:#506a76;max-width:640px}
.last .final-note{border-left:2px solid #ba6d51;padding:5px 0 5px 25px;margin-top:22px}
.last .final-note b{font:11px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#9e5038}
.last .final-note p{font-size:14px;margin:10px 0 0}
.last-side{border:1px solid #b1c4c4;padding:34px 32px;background:#f8faf5}
.last-side h3{font:400 28px Georgia,serif;letter-spacing:-.04em;margin:14px 0 16px}
.last-side p{font:13px/1.7 Arial,sans-serif}
.last-side a{display:inline-flex;margin-top:8px;padding-bottom:7px;border-bottom:1px solid #819da5;font-size:13px;font-weight:700}
.last-side a:hover{color:#ab604b}

.footer{background:#051e31;color:#b1c9d2;padding:34px 0 40px}
.footer .w{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;align-items:start}
.footer .brand-name{font-size:24px}
.footer .brand-sub{display:block;border:0;padding:0;margin-top:11px;font-size:10px}
.footer p{font:11px/1.7 ui-monospace,monospace;color:#8baab8;margin:0 0 9px}
.footer strong{color:#d1e2e1;font-weight:600}
.bottomline{border-top:1px solid #335166;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font:10px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#7fa0ae}

@media(max-width:1100px){.w{width:min(100% - 64px,1340px)}
.navlist{gap:18px}
.hero-grid{grid-template-columns:1fr .85fr;min-height:710px}
.hero h1{font-size:75px}
.hero-art{padding:0}
.label-2{right:-8%}
.orbit-label{padding:11px}
.difference-head,.visibility-grid{gap:46px}
.phone-stage{min-height:585px}
.thesis-item{margin-right:14px;padding-right:12px}
.tier{grid-template-columns:100px 1fr 1.1fr;gap:26px}
.s-plot{padding-left:28px}
}

@media(max-width:820px){.w{width:calc(100% - 44px)}
.topbar .w span:last-child{display:none}
.header .w{min-height:78px}
.brand-sub{display:none}
.navlist a:not(.navbtn){display:none}
.hero-grid{display:block;padding-top:78px}
.hero-copy{padding:70px 0 30px}
.hero h1{font-size:clamp(60px,9vw,86px);max-width:680px}
.hero-art{padding:0 14% 45px;min-height:420px}
.orbit{max-width:485px}
.small-hero{margin-top:25px;padding-top:0}
.thesis .w{grid-template-columns:1fr 1fr 1fr}
.thesis-item{display:block;min-height:120px}
.thesis .num{display:block;margin-bottom:8px}
.difference-head,.scenarios-top,.visibility-grid,.signals-head,.business-head,.last-grid{display:block}
.difference-head .section-intro,.signals-head .section-intro,.business-head .section-intro{max-width:700px}
.tier{grid-template-columns:75px 1fr;gap:18px}
.tier p{grid-column:2}
.s-demo{grid-template-columns:1fr 1fr}
.s-main{padding-right:30px}
.s-plot{padding-left:27px}
.phone-stage{margin-top:45px;min-height:620px}
.signal-list{grid-template-columns:repeat(2,1fr)}
.business-head .section-intro{max-width:650px}
.last-side{margin-top:40px}
.footer .w{grid-template-columns:1fr 1fr}
}

@media(max-width:570px){.w{width:calc(100% - 36px)}
.topbar{font-size:9px}
.header .w{min-height:74px}
.brand-name{font-size:25px}
.navbtn{padding:11px 11px;gap:10px;font-size:10px}
.hero-grid{padding-top:74px}
.hero-copy{padding:60px 0 8px}
.hero h1{font-size:clamp(55px,12vw,76px);margin:30px 0 21px}
.lead{font-size:16px}
.hero-actions{gap:16px}
.primary{padding:15px 17px;gap:17px}
.small-hero{font-size:9px;max-width:330px}
.hero-art{padding:0 14px 30px;min-height:354px}
.orbit{width:365px;max-width:100%;margin:0}
.orbit-label b{font-size:12px;margin-top:5px}
.orbit-label small{font-size:9px}
.orbit-label .eyebrow-light{font-size:8px}
.orbit-label{padding:10px}
.label-1{left:-1%;top:15%;min-width:120px}
.label-2{right:-1%;top:40%;min-width:115px}
.label-3{left:1%;bottom:9%;min-width:120px}
.centerpiece{left:36%;top:43%}
.centerpiece strong{font-size:24px}
.centerpiece span{font-size:8px}
.orbit-note{display:none}
.thesis .w{grid-template-columns:1fr}
.thesis-item{display:flex;min-height:0;padding:17px 0;margin:0;border-right:0;border-bottom:1px solid #cdd5d1;gap:15px}
.thesis .num{font-size:29px;min-width:30px;margin:0}
.section{padding:72px 0}
.section-title{font-size:clamp(42px,10vw,57px)}
.section-intro{font-size:15px}
.difference-head{margin-bottom:28px}
.tier{grid-template-columns:40px 1fr;gap:12px;padding:26px 0}
.tier .step{font-size:11px}
.tier h3{font-size:29px}
.tier p{font-size:13px}
.scenarios-top{margin-bottom:25px}
.use-tabs{flex-wrap:nowrap;overflow:auto;scrollbar-width:none}
.use-tabs button{white-space:nowrap;padding:11px 14px;font-size:10px}
.s-demo{display:block}
.s-main{padding:30px 0 26px;border:0}
.s-main h3{font-size:42px;margin:18px 0}
.s-main p{font-size:14px}
.action-bar{margin-top:18px}
.s-plot{padding:22px 0 24px;border-top:1px solid #46657b}
.signal-plot{height:150px}
.metric b{font-size:21px}
.phone-stage{min-height:575px;margin-top:35px}
.phone{width:78%;max-width:280px}
.phone-label{bottom:10px;right:7px;font-size:8px;max-width:120px}
.signal-list{grid-template-columns:1fr}
.signal-item{min-height:0;padding:25px 20px}
.signal-item h3{margin:14px 0 8px}
.business-cols{display:block;margin-top:27px}
.business-col,.business-col+.business-col{padding:28px 0;border-left:0}
.business-col+.business-col{border-top:1px solid #658192}
.business-col h3{font-size:30px}
.last{padding:75px 0}
.last h2{font-size:clamp(50px,11vw,73px)}
.last p{font-size:15px}
.last-side{padding:26px}
.footer .w{display:block}
.footer .brand-sub{margin-bottom:22px}
.bottomline{display:block}
.bottomline span:last-child{display:block;margin-top:9px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.route-map .path-dot{animation:none}
}


/* Merchant outcomes and responsive layout */
:focus-visible {outline:3px solid #ffbf85;outline-offset:4px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.hero-qualifier{display:block;margin-top:12px;color:#d7e5e9;font-size:14px;line-height:1.6}

.centerpiece strong{font-size:clamp(26px,2.6vw,36px)}

.orbit-note{color:#c5dce5;font-size:12px}

.signal-foot{color:#385362;font-size:12px;line-height:1.6}

.visibility-point .index{color:#8b3e27}

.thesis p,.section-intro,.tier p,.signal-item p,.visibility-point span{color:#3e5867}

.scenarios .section-intro,.scenarios .s-main p{color:#d7e5ec}

.business-foot{color:#d2e1e8;font-size:12px}

.footer p{color:#c3d7df;font-size:12px}

.bottomline{color:#b5cbd5;font-size:12px}

.topbar{font-size:12px}

.navlist{font-size:12px}

.eyebrow,.mini-label,.eyebrow-light,.plan-tag,.status,.metrics-label,.phone-label,.small-hero,.timeline-label{font-size:12px}

.orbit-label .eyebrow-light{font-size:12px;color:#cce3e6}

.orbit-label small{font-size:12px}

.thesis b{font-size:14px}

.footnote,.source-stamp,.strip-id,.chip,.tagline-small{font-size:12px}

.use-tabs button,.s-main .status,.action-bar b,.s-plot .meta,.scenario-note,.phone-desc,.phone-body small,.phone-alert b,.last .final-note b,.footer .brand-sub,.tier .step{font-size:12px}

.plot-caption,.plot-axis{font:12px/1.35 ui-monospace,monospace;color:#c7dce4}

.plot-caption{margin:23px 0 0}
.plot-axis{text-align:right;margin-top:-10px;margin-bottom:20px}

.merchant-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}

.outcome{background:#eaf0ec;border:1px solid #cfddda;padding:25px 24px;min-height:192px}

.outcome-label{font:12px/1.5 ui-monospace,monospace;color:#86513e;letter-spacing:.07em}

.outcome strong{display:block;font:400 25px/1.18 Georgia,serif;letter-spacing:-.03em;margin:15px 0 12px}

.outcome p{font-size:14px;line-height:1.65;color:#3b5664;margin:0}

.access-panel h3{font-size:32px}

.access-panel p{color:#3d5866}

.access-panel label{display:block;font-size:12px;font-weight:800;color:#183749;margin:17px 0 7px}

.access-panel input,.access-panel select{display:block;width:100%;padding:14px 13px;min-height:47px;border:1px solid #839da4;border-radius:0;background:#fff;color:#102a3d;font-size:15px}

.access-panel input::placeholder{color:#526a75}

.access-panel input:focus-visible,.access-panel select:focus-visible{outline:3px solid #cd8055;outline-offset:2px}

.access-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;width:100%;background:#092d46;color:#fff;border:0;padding:17px 16px;text-align:left;font-size:14px;font-weight:800}

.access-submit:hover{background:#17516c}
.access-submit:disabled{cursor:wait;opacity:.6}

.access-status{font-size:13px;line-height:1.6;color:#254d5c;min-height:1.7em;margin:12px 0 0!important}

.access-panel .access-fine{font:12px/1.55 ui-monospace,monospace;color:#4e6873;margin-top:10px}

@media(max-width:900px){.merchant-outcomes{grid-template-columns:1fr}
.outcome{min-height:0}
.access-panel{margin-top:32px}
}

@media(max-width:600px){.topbar{font-size:12px}
.orbit-note{font-size:12px}
.hero-qualifier{font-size:14px}
.access-panel{padding:25px 20px}
.small-hero{font-size:12px}
.plot-axis{margin-top:0}
}



/* v5: competitive positioning matrix, designed for merchants rather than dashboards */
.compare-section{background:#ecf0ed;color:var(--ink);border-top:1px solid #d7deda;border-bottom:1px solid #cdd9d6}
.compare-heading{display:grid;grid-template-columns:1.12fr .78fr;align-items:end;gap:70px;margin-bottom:55px}
.compare-heading .section-title{max-width:720px;margin-bottom:0}
.compare-heading .section-title em{color:#a55c44;font-style:italic}
.compare-intro{padding-bottom:8px}
.compare-intro p{font-size:17px;line-height:1.75;color:#3d5867;margin-bottom:25px}
.compare-intro strong{color:#193c4e}
.compare-link{display:inline-flex;gap:25px;align-items:center;font:700 12px ui-monospace,monospace;letter-spacing:.02em;color:#103c54;border-bottom:1px solid #527581;padding-bottom:8px}
.compare-link:hover,.compare-takeaway a:hover{color:#b45c3d}
.compare-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #9eb5b7;padding:14px 0;font:11px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:#45616b}
.compare-swipe{display:none;font:12px/1.5 ui-monospace,monospace;color:#375569;margin:0 0 12px}
.compare-overflow{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#9db9bd #dfe7e3;scrollbar-width:thin;outline-offset:4px;border:1px solid #b8cac9;background:#f9faf6}
.compare-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1195px;text-align:left}
.compare-table .feature-col{width:19%}
.compare-table .our-col{width:17%}
.compare-table .them-col{width:12.8%}
.compare-table thead th{background:#092f48;color:#e5f0f1;font:700 14px/1.3 Arial,sans-serif;padding:22px 17px 20px;vertical-align:bottom;border-right:1px solid #315166;border-bottom:1px solid #315166}
.compare-table thead th:first-child{color:#bcd6dc;font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.10em}
.compare-table thead .shiprisk-th{background:#175372;color:#fff;border-top:4px solid #e8af83;padding-top:18px}
.compare-brand{display:block;font-size:21px;letter-spacing:-.04em}
.comparison-status{display:inline-block;font:10px/1.3 ui-monospace,monospace;letter-spacing:.09em;color:#f7c79e;margin-top:8px}
.compare-table tbody th,.compare-table td{padding:21px 16px;border-right:1px solid #d6e0df;border-bottom:1px solid #d2dddd;vertical-align:top;color:#234052}
.compare-table tbody th{font-size:14px;line-height:1.35;font-weight:800;background:#f4f6f2}
.compare-table tbody th span{display:inline-block;font-size:12px;line-height:1.55;font-weight:400;color:#537080;margin-top:5px}
.compare-table tbody td{font-size:12px;line-height:1.52}
.compare-table tbody td b{display:block;font-size:13px;color:#1a465b;margin-bottom:5px}
.compare-table tbody td small{display:block;font-size:12px;line-height:1.55;color:#4f6873}
.compare-table tbody td .soft{font-size:12px;color:#5c747d}
.compare-table td.shiprisk-cell{background:#e1eef0;border-right:2px solid #b1d0d2}
.compare-table td.shiprisk-cell b{color:#0c5068}
.compare-table .distinct-row td.shiprisk-cell{background:#c7e4df}
.compare-table .distinct-row td.shiprisk-cell b{color:#164b42}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table tr>*:last-child{border-right:0}
.compare-takeaway{background:#0a2d46;color:#eaf5f0;display:grid;grid-template-columns:52px 1fr auto;gap:23px;align-items:center;padding:30px 35px;margin-top:22px}
.compare-quote-mark{font:86px/.65 Georgia,serif;color:#eaae83;align-self:center}
.compare-takeaway p{font:400 20px/1.5 Georgia,serif;margin:0;max-width:820px}
.compare-takeaway p strong{color:#f9c499;font-weight:400}
.compare-takeaway a{color:#d4e9e4;font:700 12px/1.5 ui-monospace,monospace;border-bottom:1px solid #8badae;padding-bottom:7px;white-space:nowrap}
.compare-caveat{font:12px/1.8 Arial,sans-serif;color:#405b69;max-width:1190px;margin:20px 0 0}
.compare-caveat strong{color:#183a4d}
.compare-caveat a{text-decoration:underline;text-underline-offset:3px}
.compare-caveat a:hover{color:#a35a40}
@media(max-width:1100px){.compare-heading{gap:35px}.compare-table{width:1195px}}
@media(max-width:820px){.compare-table thead th:first-child,.compare-table tbody th{position:sticky;left:0;z-index:3;box-shadow:2px 0 0 #a9c4c4}.compare-table thead th:first-child{z-index:4}.compare-heading{display:block}.compare-intro{margin-top:25px}.compare-swipe{display:block}.compare-table{width:1195px}.compare-takeaway{grid-template-columns:40px 1fr;gap:12px;padding:25px}.compare-takeaway a{grid-column:2;justify-self:start}.compare-quote-mark{font-size:66px}}
@media(max-width:570px){.compare-heading{margin-bottom:32px}.compare-intro p{font-size:15px}.compare-topline{font-size:10px}.compare-topline span:last-child{text-align:right}.compare-table{width:1120px;min-width:1120px}.compare-table thead th{padding:19px 13px}.compare-table tbody td,.compare-table tbody th{padding:17px 13px}.compare-takeaway p{font-size:18px}.compare-caveat{font-size:12px}}

/* v6 simplified comparison matrix */
.simple-matrix-wrap{margin-top:18px}
.simple-matrix-note{font:12px/1.7 Arial,sans-serif;color:#48616e;max-width:920px;margin:12px 0 18px}
.compare-overflow.simple{border:1px solid #c7d6d7;background:#fbfcf8}
.compare-table.simple-matrix{width:100%;min-width:860px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.compare-table.simple-matrix th,.compare-table.simple-matrix td{padding:12px 10px;border-right:1px solid #d7e2e0;border-bottom:1px solid #d7e2e0;text-align:center;vertical-align:middle}
.compare-table.simple-matrix thead th{background:#0b314a;color:#ebf3f4;font:700 12px/1.35 Arial,sans-serif;letter-spacing:.02em}
.compare-table.simple-matrix thead th:first-child{text-align:left;color:#c8d9de;font:11px/1.3 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em}
.compare-table.simple-matrix tbody th{background:#f4f7f3;color:#17384a;text-align:left;font:700 13px/1.35 Arial,sans-serif}
.compare-table.simple-matrix tbody tr.shiprisk-row th,.compare-table.simple-matrix tbody tr.shiprisk-row td{background:#e1eef0}
.compare-table.simple-matrix tbody tr.shiprisk-row th{color:#0f475f}
.compare-table.simple-matrix tr>*:last-child{border-right:0}
.compare-table.simple-matrix tbody tr:last-child>*{border-bottom:0}
.compare-table.simple-matrix .matrix-dot,.compare-table.simple-matrix .matrix-x{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 auto;border-radius:999px;font-weight:700;line-height:1}
.compare-table.simple-matrix .matrix-dot{background:#17384a;color:#f7faf7;font-size:14px}
.compare-table.simple-matrix .matrix-x{background:#edf2ef;color:#7a8f98;font-size:13px;border:1px solid #d1dcda}
.compare-table.simple-matrix .feature-th{min-width:120px}
.compare-table.simple-matrix .platform-th{width:155px}
.compare-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 12px;font:11px/1.6 ui-monospace,monospace;letter-spacing:.08em;color:#58717b;text-transform:uppercase}
.compare-legend span{display:inline-flex;align-items:center;gap:7px}
.compare-caveat.compact{font:11px/1.7 Arial,sans-serif;color:#4c6470;max-width:1000px;margin-top:14px}
@media(max-width:820px){.compare-table.simple-matrix{min-width:780px}.compare-table.simple-matrix thead th:first-child,.compare-table.simple-matrix tbody th{position:sticky;left:0;z-index:3;box-shadow:2px 0 0 #b9cccc}.compare-table.simple-matrix thead th:first-child{z-index:4}}
@media(max-width:570px){.compare-table.simple-matrix th,.compare-table.simple-matrix td{padding:11px 8px}.compare-table.simple-matrix thead th,.compare-table.simple-matrix tbody th{font-size:11px}.compare-table.simple-matrix .matrix-dot,.compare-table.simple-matrix .matrix-x{width:20px;height:20px}.simple-matrix-note{font-size:11px}}


/* v7 compact, category-switched comparison: one matrix, full capability range */
#compare.compare-section{padding:66px 0 62px}
#compare .compare-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:22px}
#compare .section-title{font-size:clamp(30px,3.5vw,48px);line-height:1.12;margin-top:8px}
#compare .compare-intro{max-width:485px}
#compare .compare-intro p{font-size:14px;line-height:1.5;margin-bottom:9px}
#compare .compare-link{font-size:11px}
.matrix-category-tabs{display:flex;gap:6px;align-items:center;margin:14px 0 11px;flex-wrap:wrap}
.matrix-category-tabs button{appearance:none;border:1px solid #adc2c4;background:transparent;color:#284b5a;font:700 12px/1.3 Arial,sans-serif;letter-spacing:.01em;border-radius:3px;padding:10px 15px;cursor:pointer;transition:background .12s ease, color .12s ease}
.matrix-category-tabs button[aria-selected="true"]{background:#0b314a;color:white;border-color:#0b314a}
.matrix-category-tabs button:hover:not([aria-selected="true"]){background:#dce9e6}
.matrix-category-tabs button:focus-visible{outline:3px solid #b97147;outline-offset:3px}
.matrix-inline-key{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;font:11px/1.4 Arial,sans-serif;color:#465e67;margin:8px 0 13px}
.matrix-inline-key .yes,.matrix-inline-key .no{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:13px;font-weight:800}
.matrix-inline-key .yes{background:#174e69;color:#fff}.matrix-inline-key .no{background:#e2e7e5;color:#667c84}
#compare .compare-overflow.simple{border:1px solid #bdcfcd}
#compare .compare-table.simple-matrix{min-width:760px;width:100%;table-layout:fixed}
#compare .compare-table.simple-matrix thead th{padding:12px 6px;background:#10384e;font:700 11px/1.3 Arial,sans-serif;letter-spacing:0;vertical-align:middle}
#compare .compare-table.simple-matrix thead th:first-child{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.02em;text-transform:none}
#compare .compare-table.simple-matrix thead th.feature-th{min-width:0}
#compare .compare-table.simple-matrix th.platform-th{width:142px}
#compare .compare-table.simple-matrix tbody td,#compare .compare-table.simple-matrix tbody th{padding:9px 7px}
#compare .compare-table.simple-matrix tbody th{font-size:12px;line-height:1.3}
#compare .compare-table.simple-matrix .matrix-dot,#compare .compare-table.simple-matrix .matrix-x{width:20px;height:20px}
#compare .compare-table.simple-matrix tbody tr.shiprisk-row th,#compare .compare-table.simple-matrix tbody tr.shiprisk-row td{background:#d7e9e8}
#compare .compare-table.simple-matrix tbody tr.shiprisk-row th{border-left:4px solid #d79055;padding-left:4px}
#compare .simple-matrix-note{font-size:11px;line-height:1.55;margin:10px 0 0;max-width:none}
#compare .compare-caveat{font-size:10px;line-height:1.6;margin-top:10px}
#compare .compare-swipe{margin:4px 0 8px}
@media(max-width:820px){#compare .compare-heading{display:block}#compare .compare-intro{margin-top:14px}#compare .section-title{font-size:clamp(29px,7vw,42px)}}
@media(max-width:570px){#compare.compare-section{padding:46px 0}#compare .compare-table.simple-matrix{min-width:760px}#compare .matrix-category-tabs button{flex:1 1 40%;font-size:12px;padding:11px 5px}#compare .compare-intro p{font-size:13px}}


/* v9: consumer map, selectable overlays and clear merchant conversion */
.tracking-showcase{background:#f4f6f1;padding:75px 0 86px;color:#0b3045}
.tracking-top{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:27px}
.tracking-top .section-title{font-size:clamp(44px,4.7vw,68px);margin:13px 0 0}
.tracking-top .section-intro{font-size:16px;margin:0 0 5px;max-width:490px}
.tracking-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #b5c9c8;border-bottom:1px solid #b5c9c8;margin-bottom:24px}
.tracking-benefits>div{padding:17px 19px 18px;border-right:1px solid #c9d6d2}
.tracking-benefits>div:first-child{padding-left:0}.tracking-benefits>div:last-child{border-right:0}
.tracking-benefits strong{display:block;font-size:13px;color:#0f415a;margin-bottom:6px}
.tracking-benefits span{font-size:12px;line-height:1.45;color:#566f78}
.tracking-console{background:#fff;border:1px solid #b7d0ce;box-shadow:0 17px 40px #143b4426}
.tracking-console-head{background:#0a3149;color:#f1f5ee;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid #34596a}
.tracking-console-name{display:flex;gap:10px;align-items:center;font-size:14px}.tracking-console-name strong{font-size:15px}.console-muted{font:11px ui-monospace,monospace;color:#a8c6ce}
.console-signal{width:11px;height:11px;background:#8dcebf;border-radius:50%;box-shadow:0 0 0 4px #8dcebf26}
.console-meta{display:flex;align-items:center;gap:16px;font:10px ui-monospace,monospace;letter-spacing:.06em;color:#c1d9dc}
.demo-flag{padding:6px 8px;border:1px solid #6c8a98;color:#f1d2ae}
.tracking-console-grid{display:grid;grid-template-columns:284px minmax(0,1fr);min-height:490px}
.tracking-sidebar{padding:25px 22px 21px;background:#fbfcf9;border-right:1px solid #c9d8d6}
.tracking-kicker{font-size:10px;letter-spacing:.11em}
.tracking-sidebar h3{font:400 32px/1.08 Georgia,serif;letter-spacing:-.04em;margin:18px 0 12px}
.tracking-side-intro{font-size:13px;line-height:1.58;color:#47616e;margin:0 0 16px}
.tracking-status-card{display:flex;gap:11px;align-items:flex-start;padding:13px;background:#e7f1ed;border-left:3px solid #398b82;margin-bottom:19px}
.tracking-status-card .status-dot{display:inline-block;width:8px;height:8px;background:#317a70;border-radius:50%;margin-top:6px;flex-shrink:0}
.tracking-status-card small{font:10px ui-monospace,monospace;letter-spacing:.07em;color:#48696f}
.tracking-status-card strong{display:block;font-size:14px;margin:4px 0}
.tracking-status-card span:last-child{font-size:11px;color:#55737b}
.tracking-controls-label{font:10px ui-monospace,monospace;letter-spacing:.12em;color:#667d80;margin-bottom:8px}
.overlay-list{display:grid;gap:5px}
.overlay-toggle{background:transparent;border:1px solid transparent;color:#27485a;display:grid;grid-template-columns:18px 1fr 30px;align-items:center;gap:10px;width:100%;padding:9px 8px;text-align:left;font-size:13px;font-weight:700;border-radius:4px}
.overlay-toggle:hover{background:#e8f0ed}.overlay-toggle.is-on{border-color:#bad2cf;background:#edf5f0}
.overlay-toggle:focus-visible{outline:3px solid #c57d55;outline-offset:2px}
.layer-swatch{width:14px;height:14px;border-radius:3px;display:inline-block}
.weather-swatch{background:#6586c6}.traffic-swatch{background:#dc8746}.temp-swatch{background:#e7b05a}.risk-swatch{background:#a75944}.security-swatch{background:#37977b}
.toggle-light{border-radius:18px;background:#bdc9c6;width:27px;height:15px;position:relative;display:inline-block;transition:background .2s}
.toggle-light:before{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;background:white;border-radius:50%;transition:transform .2s}
.overlay-toggle.is-on .toggle-light{background:#236e7a}.overlay-toggle.is-on .toggle-light:before{transform:translateX(12px)}
.tracking-refresh{border-top:1px solid #d0ddd9;margin-top:14px;padding-top:14px;display:flex;gap:10px;align-items:center;color:#3d636c}
.tracking-refresh>span{font-size:23px}.tracking-refresh strong{display:block;font-size:12px}.tracking-refresh div span{font-size:11px;line-height:1.5}
.tracking-map-wrap{position:relative;background:#edf2ed;display:flex;flex-direction:column;min-width:0}
.map-topbar{min-height:55px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid #cbdcda;background:#edf4ef}
.map-topbar>div{display:flex;gap:12px;align-items:center;font-size:14px;color:#22445b}.map-arrow{color:#b36b45}.map-chip{border:1px solid #c1d0c9;padding:7px 10px;font:11px ui-monospace,monospace;color:#3f636f}
.map-canvas{display:flex;flex:1;min-height:0}.tracking-svg{width:100%;height:100%;max-height:490px;flex:1;min-height:315px;display:block;background:#edf2ed}
.tracking-svg .map-names text{fill:#8c9fa0;font-size:14px;font-style:italic}.tracking-svg .map-layer-annotation text{font:700 12px Arial,sans-serif;letter-spacing:.02em}
.map-layer{opacity:0;pointer-events:none;transition:opacity .25s}.map-layer.is-visible{opacity:1}
.tracking-map-foot{display:flex;justify-content:space-between;gap:16px;background:#f8faf6;border-top:1px solid #d1dfdb;padding:11px 16px;font:11px/1.45 Arial,sans-serif;color:#466574}
.mini-dot{display:inline-block;background:#c37e56;width:8px;height:8px;border-radius:50%;margin-right:6px}
.tracking-console-bottom{display:grid;grid-template-columns:repeat(4,1fr);background:#0b344b;color:#ebf5ef;border-top:1px solid #234e63}
.tracking-console-bottom>div{padding:17px 21px;border-right:1px solid #31556c;min-width:0}.tracking-console-bottom>div:last-child{border-right:0}
.tracking-console-bottom small{display:block;font:10px/1.4 ui-monospace,monospace;letter-spacing:.1em;color:#9dc2c8;margin-bottom:7px}.tracking-console-bottom strong{font:700 13px/1.4 Arial,sans-serif;display:block}
.tracking-after{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;margin-top:20px;color:#385766}.tracking-after p{font-size:13px;line-height:1.7}.tracking-after .tracking-disclosure{font-size:11px;color:#55727a}
.tracking-security-callout{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #bfd3d0;padding-top:21px;margin-top:10px}
.tracking-security-callout>div{display:flex;gap:15px;align-items:flex-start;max-width:870px}.security-icon{font-size:36px;color:#9b6043;line-height:1}
.tracking-security-callout strong{font:400 22px Georgia,serif}.tracking-security-callout p{font:13px/1.6 Arial,sans-serif;margin:4px 0 0;color:#496978}
.tracking-security-callout a{white-space:nowrap;font-size:13px;font-weight:800;border-bottom:1px solid #315767;padding-bottom:7px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#lead-form label{margin:12px 0 6px}.form-honey{position:absolute;opacity:0;height:0;overflow:hidden;pointer-events:none}
#lead-form button.access-submit{cursor:pointer;justify-content:space-between}
#lead-status:not(:empty){padding-top:4px}
#lead-status[data-kind="error"]{color:#9b3e2f}#lead-status[data-kind="success"]{color:#12664d}
@media(max-width:1050px){.tracking-console-grid{grid-template-columns:260px minmax(0,1fr)}.tracking-top{grid-template-columns:1fr 1fr;gap:30px}.tracking-benefits>div{padding:14px 10px}}
@media(max-width:820px){.tracking-top{display:block}.tracking-top .section-intro{margin-top:22px}.tracking-console-grid{grid-template-columns:1fr}.tracking-sidebar{border-right:0;border-bottom:1px solid #cbd9d7}.overlay-list{grid-template-columns:1fr 1fr}.tracking-refresh{max-width:380px}.tracking-benefits{grid-template-columns:1fr 1fr}.tracking-benefits>div:nth-child(2){border-right:0}.tracking-benefits>div:nth-child(-n+2){border-bottom:1px solid #cad8d4}.tracking-console-bottom{grid-template-columns:1fr 1fr}.tracking-console-bottom>div:nth-child(2){border-right:0}.tracking-console-bottom>div:nth-child(-n+2){border-bottom:1px solid #31556c}.tracking-after{grid-template-columns:1fr;gap:0}.tracking-security-callout{align-items:flex-start}}
@media(max-width:570px){.tracking-map-wrap{overflow-x:hidden}.map-canvas{overflow-x:auto;overscroll-behavior-inline:contain}.tracking-svg{min-width:680px;min-height:330px;flex:0 0 330px}.tracking-showcase{padding:48px 0}.tracking-top .section-title{font-size:clamp(38px,9vw,48px)}.tracking-benefits strong{font-size:12px}.tracking-benefits span{font-size:11px}.tracking-console-head{padding:12px 13px;display:block}.console-meta{margin-top:9px;gap:8px;flex-wrap:wrap}.tracking-sidebar{padding:20px 15px}.tracking-svg{min-height:245px}.map-topbar{padding:10px 12px;flex-wrap:wrap}.map-topbar>div{font-size:12px}.tracking-map-foot{display:block;font-size:10px}.tracking-map-foot>span{display:block;margin-bottom:5px}.tracking-console-bottom>div{padding:13px}.tracking-after{margin-top:13px}.tracking-security-callout{display:block}.tracking-security-callout a{display:inline-block;margin-top:17px}.form-grid{grid-template-columns:1fr}.tracking-svg .map-names text{font-size:17px}}



/* Consumer-specific identity: warmer, airy and journey led, same brand DNA. */
body{background:#f8f8f3}
.consumer-topbar{background:#061d30;color:#c8e0df;letter-spacing:.13em;text-transform:uppercase;font:10px/1.3 ui-monospace,Consolas,monospace}
.consumer-topbar .w{min-height:35px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.consumer-topbar span:last-child{color:#d8c2ab}
.consumer-header{height:86px;background:#062e48;border-bottom:1px solid #315568;color:#fff}
.consumer-header .w{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.consumer-header .brand-sub{font-size:9px}
.consumer-nav{display:flex;align-items:center;gap:27px;font:12px Arial,sans-serif;color:#d7e6e9}
.consumer-nav a:hover{color:#fff}
.audience-switch{display:inline-flex;border:1px solid #87a8b579;padding:3px;gap:3px;align-items:center;font:11px ui-monospace,Consolas,monospace}
.audience-switch a{display:block;padding:10px 13px;color:#d8e9ea}
.audience-switch a.active{background:#e6f0e9;color:#07304b;font-weight:700}
.consumer-hero{background:#092f4a;color:#f3f6f4;position:relative;overflow:hidden;padding:89px 0 90px}
.consumer-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 55%,#29667b7d,transparent 52%),linear-gradient(90deg,transparent 50%,#98b7bd16 50%);pointer-events:none}
.consumer-hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:5vw;align-items:center;position:relative}
.consumer-hero h1{font:400 clamp(64px,6.6vw,100px)/1.025 Georgia,serif;letter-spacing:-.062em;margin:26px 0 30px;max-width:790px}
.consumer-hero h1 em{font-style:italic;color:#eab58a}
.consumer-hero .hero-sub{color:#d4e5e4;font:17px/1.7 Arial,sans-serif;max-width:545px}
.consumer-hero .hero-sub strong{color:#fff}
.consumer-hero .hero-ctas{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}
.consumer-hero .primary{gap:32px}
.text-link{font-size:13px;color:#dfedf0;border-bottom:1px solid #bad3d4;padding-bottom:6px}
.consumer-small{font:10px/1.6 ui-monospace,monospace;color:#a9c6cd;letter-spacing:.08em;margin-top:55px;text-transform:uppercase}
.consumer-visual{position:relative;border:1px solid #7096a263;background:linear-gradient(140deg,#134c65,#06283f);height:490px;box-shadow:0 28px 65px #00132465;overflow:hidden}
.consumer-visual:before{content:"";position:absolute;inset:-80px;background:repeating-linear-gradient(0deg,transparent,transparent 54px,#b7e5e311 55px),repeating-linear-gradient(90deg,transparent,transparent 54px,#b7e5e311 55px);transform:rotate(-7deg);opacity:.7}
.vis-orbit{position:absolute;border:1px solid #abcdd534;border-radius:50%;inset:14% 9%}
.vis-orbit:nth-child(2){inset:26% 21%}
.vis-orbit:nth-child(3){inset:37% 33%}
.vis-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vis-route path{fill:none;stroke:#e8b189;stroke-width:2.5;stroke-dasharray:8 10}
.vis-route circle{fill:#ffb783;stroke:#092f4a;stroke-width:5}
.vis-pin{position:absolute;left:55%;top:37%;background:#f8faf3;color:#0b3348;box-shadow:0 15px 35px #0417276b;padding:13px 16px;min-width:180px}
.vis-pin small{display:block;letter-spacing:.13em;font:9px ui-monospace,Consolas,monospace;color:#52707d;margin-bottom:7px}
.vis-pin b{font:700 17px Arial,sans-serif}
.vis-dot{position:absolute;left:47%;top:43%;width:22px;height:22px;border-radius:50%;background:#f1ac78;border:6px solid #fff;box-shadow:0 0 0 15px #f1ac7822,0 0 0 35px #f1ac7813}
.vis-card{position:absolute;bottom:25px;left:25px;right:25px;padding:20px 22px;background:#06283de9;border:1px solid #93b4be63;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vis-card span{display:block;color:#93bac5;font:10px ui-monospace,Consolas,monospace;letter-spacing:.1em;margin-bottom:7px}
.vis-card strong{font:700 14px Arial,sans-serif;color:#f2f3e9}
.consumer-proof{background:#e8eee7;border-bottom:1px solid #cbd8d1}
.consumer-proof .w{display:grid;grid-template-columns:repeat(3,1fr)}
.consumer-proof div{border-right:1px solid #c3d1ca;padding:23px 28px}
.consumer-proof div:first-child{padding-left:0}.consumer-proof div:last-child{border-right:0}
.consumer-proof b{display:block;font:700 14px Arial,sans-serif;color:#0d3c53;margin-bottom:6px}
.consumer-proof span{font:12px/1.6 Arial,sans-serif;color:#516f77}
.consumer-intro{padding:85px 0 60px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}
.consumer-intro h2{font:400 clamp(44px,4.9vw,69px)/1.07 Georgia,serif;letter-spacing:-.054em;margin:19px 0 0;color:#102f43}
.consumer-intro h2 em{font-style:italic;color:#bd7451}
.consumer-intro p{font:16px/1.75 Arial,sans-serif;color:#4f6d76;margin:0 0 5px}
#journey.tracking-showcase{padding:0 0 95px;background:#f8f8f3}
#journey .tracking-console{box-shadow:0 22px 62px #123c432a}
#journey .tracking-after{margin-top:20px}
.consumer-steps{background:#e8eeea;padding:94px 0 90px}
.consumer-steps-head{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:43px}
.consumer-steps-head h2{font:400 clamp(45px,5vw,72px)/1.07 Georgia,serif;letter-spacing:-.055em;margin:15px 0 0}
.consumer-steps-head p{font:15px/1.7 Arial,sans-serif;color:#4a6773;max-width:380px}
.consumer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.consumer-card{background:#f8faf6;border:1px solid #c6d6d2;padding:29px 29px 34px;min-height:275px}
.consumer-card .num{font:11px ui-monospace,monospace;color:#a66b50;letter-spacing:.1em}
.consumer-card h3{font:400 31px/1.1 Georgia,serif;color:#113c52;margin:36px 0 13px}
.consumer-card p{font:14px/1.7 Arial,sans-serif;color:#526d78;max-width:330px}
.consumer-safety{background:#092d45;color:#eef5f3;padding:91px 0}
.consumer-safety-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:110px;align-items:center}
.consumer-safety h2{font:400 clamp(46px,5vw,70px)/1.07 Georgia,serif;letter-spacing:-.05em;margin:23px 0}
.consumer-safety h2 em{color:#e7af87;font-style:italic}
.consumer-safety p{font:15px/1.7 Arial,sans-serif;color:#bdd5d9;max-width:580px}
.safety-sheet{background:#0e4059;border:1px solid #5b8395;padding:28px 30px}
.safety-sheet .sheet-tag{font:10px ui-monospace,monospace;color:#d9b892;letter-spacing:.13em}
.safety-sheet .sheet-row{padding:21px 0;border-bottom:1px solid #456e7a;display:flex;justify-content:space-between;gap:20px}
.safety-sheet .sheet-row:last-child{border:0;padding-bottom:0}
.safety-sheet .sheet-row b{font:700 14px Arial,sans-serif;color:#fff}
.safety-sheet .sheet-row span{font:12px Arial,sans-serif;color:#a9d1d2;text-align:right}
.consumer-cta{padding:80px 0;background:#f7f6ef}
.consumer-cta-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.consumer-cta h2{font:400 clamp(44px,5vw,67px)/1.05 Georgia,serif;letter-spacing:-.05em;margin:16px 0}
.consumer-cta p{font:15px/1.7 Arial,sans-serif;color:#55707b;max-width:660px}
.consumer-cta .cta-dark{background:#0a344e;color:#fff;padding:20px 26px;font-weight:700;font-size:13px;white-space:nowrap}
.consumer-footer{background:#061e30;color:#abc4ca;padding:33px 0}
.consumer-footer .w{display:flex;justify-content:space-between;gap:20px;align-items:center;font:11px ui-monospace,monospace}
.consumer-footer a:hover{color:#fff}
.demo-note{font:11px/1.6 Arial,sans-serif;color:#50717b;margin:0 0 22px}
@media(max-width:1100px){.consumer-hero-grid{grid-template-columns:1fr 1fr;gap:25px}.consumer-hero h1{font-size:clamp(54px,6.5vw,79px)}.consumer-nav{gap:16px}.consumer-safety-grid{gap:55px}}
@media(max-width:820px){.consumer-header .brand-sub{display:none}.consumer-nav>a:not(.audience-switch){display:none}.consumer-hero-grid,.consumer-intro,.consumer-safety-grid{display:block}.consumer-hero{padding:80px 0 50px}.consumer-visual{height:330px;margin-top:45px}.consumer-small{margin-top:30px}.consumer-intro{padding:68px 0 40px}.consumer-intro p{margin-top:22px}.consumer-steps-head{display:block}.consumer-cards{grid-template-columns:1fr}.consumer-card{min-height:0}.consumer-card h3{margin-top:18px}.consumer-cta-grid{grid-template-columns:1fr;gap:22px}.consumer-cta .cta-dark{justify-self:start}.consumer-proof .w{grid-template-columns:1fr 1fr 1fr}.consumer-proof div{padding:18px 10px}}
@media(max-width:570px){.consumer-topbar{font-size:9px}.consumer-topbar span:last-child{display:none}.consumer-header{height:74px}.consumer-header .brand-name{font-size:23px}.consumer-header .brand{gap:7px}.consumer-nav .audience-switch a{padding:8px;font-size:9px}.consumer-hero{padding:58px 0 45px}.consumer-hero h1{font-size:clamp(51px,11.8vw,71px);margin:25px 0}.consumer-hero .hero-sub{font-size:15px}.consumer-visual{height:290px}.vis-pin{left:48%;top:30%;min-width:135px;padding:10px}.vis-pin b{font-size:13px}.vis-card{left:13px;right:13px;bottom:12px;padding:14px;gap:9px}.vis-card strong{font-size:11px}.consumer-proof .w{display:block}.consumer-proof div{border-right:0;border-bottom:1px solid #c3d1ca;padding:13px 0}.consumer-steps,.consumer-safety{padding:65px 0}.consumer-steps-head h2,.consumer-safety h2{font-size:46px}.consumer-steps-head p{margin-top:18px}.consumer-footer .w{display:block}.consumer-footer a{display:inline-block;margin-top:15px}}

/* WordPress pages and posts beyond the landing page. */
.shiprisk-wp-content { background: #f8f8f3; min-height: 45vh; padding: 74px 0 105px; }
.shiprisk-wp-content .shiprisk-wp-inner { max-width: 920px; }
.shiprisk-wp-content h1 { color: #102f43; font: 400 clamp(44px, 5vw, 68px)/1.08 Georgia, serif; letter-spacing: -.05em; margin: 16px 0 36px; }
.shiprisk-wp-content h2 { color: #102f43; font: 400 34px/1.2 Georgia, serif; margin: 32px 0 18px; }
.shiprisk-wp-content p, .shiprisk-wp-content li { color: #365466; font: 16px/1.75 Arial, sans-serif; }
.shiprisk-wp-content a:not(.primary) { color: #0a5277; text-decoration: underline; }
.shiprisk-wp-content img { max-width: 100%; height: auto; }
.shiprisk-wp-content .wp-block-image { margin: 28px 0; }
.shiprisk-wp-content .navigation.pagination { margin-top: 35px; }
.shiprisk-wp-content .post-entry { border-bottom: 1px solid #bfcfcc; padding-bottom: 30px; margin-bottom: 34px; }
.shiprisk-wp-content .post-entry h2 { margin: 0 0 15px; }
.admin-bar .consumer-header { position: relative; }