/* ============================================================
   VIGNAN SAFETY — design tokens
   Palette drawn from the shield logo: deep navy, signal orange,
   amber, steel. Signature: the "digital permit" motif — permit
   cards, mono permit IDs, and hazard chevron accents.
   ============================================================ */
:root{
  --ink:#071A33;          /* deepest navy */
  --navy:#0A1F3D;         /* brand navy */
  --navy-2:#12294C;
  --orange:#E8622A;       /* signal orange */
  --orange-2:#D14F1A;
  --amber:#F0A050;
  --paper:#F5F6F9;
  --white:#FFFFFF;
  --steel:#5B6B7F;
  --slate:#22344B;
  --line:#E2E7EF;
  --safe:#1D9E6E;         /* status-stamp green */
  --disp:'Archivo',sans-serif;
  --body:'Inter',sans-serif;
  --mono:'IBM Plex Mono',monospace;
  --rad:6px;
  --max:1240px;
  --chevron:repeating-linear-gradient(-45deg,var(--orange) 0 14px,var(--navy) 14px 28px);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none!important;transition:none!important;}
}
body{font-family:var(--body);color:var(--slate);background:var(--white);overflow-x:hidden;font-size:16px;line-height:1.65;}
h1,h2,h3,h4{font-family:var(--disp);color:var(--navy);line-height:1.15;letter-spacing:-0.015em;}
img{max-width:100%;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:2px;}

/* Skip link (visible on keyboard focus) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy);color:#fff;font-family:var(--disp);font-weight:700;font-size:14px;padding:12px 20px;border-radius:0 0 var(--rad) 0;text-decoration:none;}
.skip-link:focus{left:0;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}
.chevron-bar{height:8px;background:var(--chevron);}

/* Section scaffolding */
section{padding:84px 0;}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--orange);display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;}
.eyebrow::before{content:'';width:26px;height:2px;background:var(--orange);}
.h-lg{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;margin-bottom:14px;max-width:760px;}
.lede{font-size:17px;color:var(--steel);max-width:680px;margin-bottom:42px;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:0.01em;text-decoration:none;border-radius:var(--rad);padding:15px 30px;transition:transform .18s,box-shadow .18s,background .18s;cursor:pointer;border:0;line-height:1;}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 22px rgba(232,98,42,.32);}
.btn-primary:hover{background:var(--orange-2);transform:translateY(-2px);}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.07);}
.btn-navy{background:var(--navy);color:#fff;}
.btn-navy:hover{background:var(--ink);transform:translateY(-2px);}
.hero .btn-ghost{color:var(--navy);border-color:rgba(10,31,61,.35);}
.hero .btn-ghost:hover{border-color:var(--navy);background:rgba(10,31,61,.05);color:var(--navy);}

/* ===== Header ===== */
header.site{position:fixed;top:0;left:0;right:0;z-index:120;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(10,31,61,.06);}
.nav{max-width:var(--max);margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;text-decoration:none;background:var(--navy);padding:6px 12px;border-radius:8px;}
.brand img{height:54px;width:auto;max-width:100%;object-fit:contain;display:block;}
.nav-links{display:flex;align-items:center;gap:26px;}
.nav-links a{color:var(--navy);text-decoration:none;font-size:14px;font-weight:600;transition:color .15s;}
.nav-links a:hover{color:var(--orange);}
.nav-cta{background:var(--orange);color:#fff!important;padding:11px 20px;border-radius:var(--rad);font-weight:700;font-family:var(--disp);font-size:13.5px;}
.nav-cta:hover{background:var(--orange-2);color:#fff!important;}
.nav-burger{display:none;background:none;border:0;cursor:pointer;padding:8px;}
.nav-burger span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0;}
.mobile-menu{display:none;background:#fff;padding:10px 24px 22px;border-top:1px solid var(--line);box-shadow:0 14px 30px rgba(10,31,61,.1);}
.mobile-menu:not([hidden]){display:block;}
.mobile-menu a{display:block;color:var(--navy);text-decoration:none;padding:11px 0;font-size:15px;font-weight:600;border-bottom:1px solid var(--line);}
.mobile-menu .nav-cta{border:0;text-align:center;margin-top:12px;}

/* ===== Hero ===== */
.hero{background:#fff;padding:164px 0 90px;position:relative;overflow:hidden;}
.hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--chevron);opacity:.9;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;}
.hero-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);border:1px solid rgba(232,98,42,.4);background:rgba(232,98,42,.07);padding:7px 14px;border-radius:100px;margin-bottom:26px;}
.hero h1{color:var(--navy);font-size:clamp(2rem,4vw,3.05rem);font-weight:800;max-width:600px;margin-bottom:20px;}
.hero h1 .accent{color:var(--orange);}
.hero-sub{color:var(--steel);font-size:17px;max-width:540px;margin-bottom:34px;}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:44px;}
.hero-proof{display:flex;gap:34px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px;}
.proof strong{display:block;font-family:var(--disp);font-size:1.55rem;font-weight:800;color:var(--navy);}
.proof span{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);}

/* Signature: the digital permit card */
.permit-stack{position:relative;}
.permit{background:#fff;border-radius:10px;border:1px solid var(--line);box-shadow:0 28px 60px rgba(10,31,61,.18);overflow:hidden;position:relative;}
.permit-head{background:var(--navy);color:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.permit-head .pid{font-family:var(--mono);font-size:12.5px;color:var(--amber);letter-spacing:.04em;}
.permit-head .ptype{font-family:var(--disp);font-weight:700;font-size:14.5px;letter-spacing:.02em;}
.permit-strip{height:6px;background:var(--chevron);}
.permit-body{padding:20px 22px 22px;}
.permit-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:9px 0;border-bottom:1px dashed var(--line);}
.permit-row .k{color:var(--steel);font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;}
.permit-row .v{font-weight:600;color:var(--navy);text-align:right;}
.permit-checks{margin-top:14px;display:grid;gap:8px;}
.pc{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--slate);}
.pc .tick{width:18px;height:18px;border-radius:50%;background:rgba(29,158,110,.12);color:var(--safe);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
.stamp{position:absolute;top:86px;right:18px;transform:rotate(8deg);border:3px solid var(--safe);color:var(--safe);font-family:var(--disp);font-weight:900;font-size:15px;letter-spacing:.14em;padding:6px 14px;border-radius:6px;background:rgba(255,255,255,.9);}
.permit-mini{position:absolute;bottom:-34px;left:-34px;background:#fff;border-radius:8px;border:1px solid var(--line);box-shadow:0 18px 44px rgba(10,31,61,.18);padding:15px 18px;display:flex;align-items:center;gap:13px;max-width:290px;}
.permit-mini .dot{width:11px;height:11px;border-radius:50%;background:var(--safe);box-shadow:0 0 0 5px rgba(29,158,110,.15);flex-shrink:0;}
.permit-mini .t1{font-family:var(--mono);font-size:11px;color:var(--steel);letter-spacing:.05em;}
.permit-mini .t2{font-size:13px;font-weight:700;color:var(--navy);}

/* ===== beSafe 15-slide showcase ===== */
.hso-show{background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 28px 60px rgba(10,31,61,.18);overflow:hidden;}
.hs-top{display:flex;align-items:center;gap:12px;background:var(--navy);padding:11px 16px;}
.hs-wdots{display:flex;gap:5px;}
.hs-wdots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);}
.hs-wdots i:first-child{background:var(--orange);}
.hs-title{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:rgba(255,255,255,.75);flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hs-live{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:#5EE0A8;}
.hs-live i{width:7px;height:7px;border-radius:50%;background:#2BC27F;box-shadow:0 0 0 3px rgba(43,194,127,.2);animation:hsPulse 1.6s infinite;}
@keyframes hsPulse{0%,100%{opacity:1}50%{opacity:.45}}
.hs-stage{position:relative;height:328px;background:linear-gradient(180deg,#FBFCFE,#F4F6FA);}
.hs-slide{position:absolute;inset:0;padding:20px 22px;opacity:0;transform:translateY(10px);transition:opacity .55s ease,transform .55s ease;pointer-events:none;}
.hs-slide.on{opacity:1;transform:none;}
.hs-mod{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:15px;color:var(--navy);margin-bottom:16px;}
.hs-mod b{font-family:var(--mono);font-weight:600;font-size:9.5px;letter-spacing:.08em;color:var(--orange);background:rgba(232,98,42,.09);border:1px solid rgba(232,98,42,.28);padding:3px 8px;border-radius:5px;}
.hs-mod .ai{font-family:var(--mono);font-style:normal;font-size:9px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--safe);padding:2.5px 7px;border-radius:100px;}
.hs-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;}
.kc{background:#fff;border-radius:8px;padding:11px 6px;text-align:center;border-top:3px solid;box-shadow:0 3px 10px rgba(10,31,61,.06);}
.kc b{display:block;font-family:var(--disp);font-size:1.3rem;font-weight:800;line-height:1;}
.kc span{font-family:var(--mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);}
.kc.r{border-color:#e53e3e}.kc.r b{color:#e53e3e}
.kc.a{border-color:#F0A050}.kc.a b{color:#D14F1A}
.kc.g{border-color:var(--safe)}.kc.g b{color:var(--safe)}
.hs-banner{background:rgba(29,158,110,.1);border:1px solid rgba(29,158,110,.3);color:#137A54;font-size:12px;font-weight:700;border-radius:8px;padding:10px 13px;}
.hs-banner.o{background:rgba(232,98,42,.08);border-color:rgba(232,98,42,.3);color:var(--orange-2);}
.hs-alertline{margin-top:9px;background:rgba(240,160,80,.12);border:1px solid rgba(240,160,80,.4);color:#8a5a10;font-size:11.5px;font-weight:600;border-radius:8px;padding:8px 13px;}
.hs-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.hs-panel{background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 3px 10px rgba(10,31,61,.06);border-top:3px solid;}
.hs-panel.gl{border-color:var(--safe)}.hs-panel.rl{border-color:#e53e3e}
.hs-panel h5{font-size:10px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--steel);margin-bottom:7px;}
.hs-panel.gl h5{color:var(--safe)}.hs-panel.rl h5{color:#e53e3e}
.mini-row{display:flex;justify-content:space-between;font-size:11.5px;color:var(--slate);padding:3.5px 0;border-bottom:1px dashed var(--line);}
.mini-row:last-child{border:none}
.mini-row b{color:var(--navy);}
.hs-trend{width:100%;height:46px;display:block;}
.hs-permit{background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 4px 14px rgba(10,31,61,.08);position:relative;}
.hp-head{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:10px 14px;font-family:var(--disp);font-weight:700;font-size:12px;}
.hp-head em{font-family:var(--mono);font-style:normal;font-size:10.5px;color:var(--amber);}
.hp-strip{height:5px;background:var(--chevron);}
.hp-row{display:flex;justify-content:space-between;padding:8px 14px;font-size:11.5px;border-bottom:1px dashed var(--line);}
.hp-row span{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--steel);}
.hp-row b{color:var(--navy);}
.hp-check{padding:7px 14px;font-size:11px;color:var(--slate);}
.hp-stamp{position:absolute;top:44px;right:12px;transform:rotate(8deg);border:2.5px solid var(--safe);color:var(--safe);font-family:var(--disp);font-weight:900;font-size:11.5px;letter-spacing:.12em;padding:4px 10px;border-radius:5px;background:rgba(255,255,255,.92);}
.hs-list{display:grid;gap:9px;}
.hs-list .li{display:flex;align-items:center;gap:11px;background:#fff;border-radius:8px;padding:10px 13px;box-shadow:0 3px 10px rgba(10,31,61,.06);}
.hs-list .d{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.d.g{background:var(--safe);box-shadow:0 0 0 4px rgba(29,158,110,.14);}
.d.a{background:#F0A050;box-shadow:0 0 0 4px rgba(240,160,80,.18);}
.d.r{background:#e53e3e;box-shadow:0 0 0 4px rgba(229,62,62,.14);}
.d.b{background:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.14);}
.d.n{background:var(--navy);box-shadow:0 0 0 4px rgba(10,31,61,.1);}
.hs-list .li>div{flex:1;min-width:0;}
.hs-list b{display:block;font-size:12.5px;color:var(--navy);font-weight:700;}
.hs-list span{font-size:10.5px;color:var(--steel);}
.tag{font-family:var(--mono);font-style:normal;font-size:8.5px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:100px;flex-shrink:0;}
.tag.g{color:#137A54;background:rgba(29,158,110,.12);}
.tag.a{color:#8a5a10;background:rgba(240,160,80,.18);}
.tag.b{color:#1d4ed8;background:rgba(59,130,246,.12);}
.score{font-family:var(--disp);font-style:normal;font-weight:800;font-size:1.15rem;color:var(--safe);flex-shrink:0;}
.bar{width:64px;height:6px;border-radius:100px;background:var(--line);overflow:hidden;flex-shrink:0;font-style:normal;}
.bar i{display:block;height:100%;background:var(--safe);border-radius:100px;}
.hs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.hs-chips span{background:#fff;border:1px solid var(--line);border-radius:100px;padding:7px 13px;font-size:11px;font-weight:600;color:var(--slate);box-shadow:0 2px 8px rgba(10,31,61,.05);}
.hs-chips.big span{padding:10px 15px;font-size:12px;}
.chat{max-width:86%;border-radius:11px;padding:10px 14px;font-size:12px;line-height:1.55;margin-bottom:10px;}
.chat.q{background:var(--navy);color:#fff;margin-left:auto;border-bottom-right-radius:3px;}
.chat.a{background:#fff;color:var(--slate);box-shadow:0 3px 10px rgba(10,31,61,.07);border-bottom-left-radius:3px;}
.sos-wrap{display:flex;align-items:center;gap:18px;background:#fff;border-radius:10px;padding:18px;box-shadow:0 3px 12px rgba(10,31,61,.07);margin-bottom:12px;}
.sos-btn{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ff6b6b,#c81e1e);color:#fff;font-family:var(--disp);font-weight:900;font-size:17px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 7px rgba(229,62,62,.14),0 0 0 15px rgba(229,62,62,.06);animation:hsPulse 1.6s infinite;}
.sos-txt b{display:block;font-size:14px;color:var(--navy);margin-bottom:4px;}
.sos-txt span{font-size:11.5px;color:var(--steel);line-height:1.55;display:block;}
.ph{width:52px;height:88px;border-radius:10px;background:var(--navy);position:relative;flex-shrink:0;box-shadow:0 6px 16px rgba(10,31,61,.25);}
.ph i{position:absolute;left:8px;right:8px;top:10px;bottom:14px;border-radius:5px;background:linear-gradient(180deg,#1a3a68,#12294C);}
.hs-bars{display:flex;align-items:flex-end;gap:12px;height:120px;background:#fff;border-radius:9px;padding:14px 16px 8px;box-shadow:0 3px 10px rgba(10,31,61,.06);margin-bottom:12px;}
.hs-bars .b{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px;}
.hs-bars .b i{display:block;width:70%;border-radius:4px 4px 0 0;}
.hs-bars .b span{font-family:var(--mono);font-size:8px;letter-spacing:.04em;color:var(--steel);text-transform:uppercase;}
.hs-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-top:1px solid var(--line);background:#fff;}
.hs-cap{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hs-prog{display:flex;gap:4px;flex-shrink:0;}
.hs-prog i{width:5px;height:5px;border-radius:50%;background:var(--line);transition:all .3s;}
.hs-prog i.on{background:var(--orange);transform:scale(1.35);}
@media(max-width:520px){.hs-stage{height:350px}.hs-slide{padding:16px}.kc b{font-size:1.05rem}.hs-title{display:none}}


/* ===== Trust strip ===== */
.trust{background:var(--navy);padding:26px 0;border-top:1px solid rgba(255,255,255,.06);}
.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;}
.trust-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.trust-items{display:flex;gap:12px 26px;flex-wrap:wrap;}
.trust-items span{font-family:var(--disp);font-weight:600;font-size:13.5px;color:rgba(255,255,255,.75);letter-spacing:.02em;}
.trust-certs{display:flex;gap:10px;flex-wrap:wrap;}
.cert{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--amber);border:1px solid rgba(240,160,80,.35);padding:5px 11px;border-radius:4px;letter-spacing:.05em;}

/* ===== beSafe overview ===== */
.hso-overview{background:var(--white);}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.pointlist{display:grid;gap:16px;margin-top:8px;}
.pt{display:flex;gap:14px;align-items:flex-start;}
.pt .ico{width:40px;height:40px;border-radius:8px;background:rgba(232,98,42,.1);color:var(--orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--disp);font-weight:800;font-size:15px;}
.pt h3{font-size:15.5px;margin-bottom:3px;}
.pt p{font-size:14px;color:var(--steel);}
.screenwrap{background:var(--ink);border-radius:12px;padding:22px;box-shadow:0 26px 60px rgba(7,26,51,.28);}
/* Illustrative-data disclaimer (Phase 2 §C) */
.demo-note{margin-top:10px;font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.02em;color:#51617A;text-align:center;overflow-wrap:anywhere;}
/* Same note sitting on the dark mockup surface needs the inverse treatment */
.screenwrap .demo-note{color:rgba(255,255,255,.75);}
/* Grid children must be allowed to shrink below min-content on narrow screens */
.split>*,.hero-grid>*,.about-team-grid>*{min-width:0;}
.screen{background:#fff;border-radius:8px;overflow:hidden;}
.screen-top{background:var(--paper);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;gap:8px;}
.screen-top i{width:9px;height:9px;border-radius:50%;background:#d3dae4;display:inline-block;}
.screen-top .addr{font-family:var(--mono);font-size:11px;color:var(--steel);margin-left:8px;}
.screen-body{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.kpi{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:13px 14px;}
.kpi .n{font-family:var(--disp);font-weight:800;font-size:1.35rem;color:var(--navy);}
.kpi .l{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--steel);}
.kpi.alert .n{color:var(--orange);}
.kpi.good .n{color:var(--safe);}
.barrow{grid-column:1/-1;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:14px;}
.barrow .l{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--steel);margin-bottom:9px;}
.bars{display:flex;align-items:flex-end;gap:7px;height:58px;}
.bars i{flex:1;background:linear-gradient(180deg,var(--orange),var(--amber));border-radius:3px 3px 0 0;display:block;}

/* ===== Interactive demos ===== */
.demo{background:var(--ink);color:#fff;position:relative;}
.demo .h-lg,.demo h2{color:#fff;}
.demo .lede{color:rgba(255,255,255,.6);}
.demo-frame{display:block;width:100%;max-width:920px;height:660px;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#000;}
@media(max-width:720px){.demo-frame{height:520px;border-radius:9px;}}
.video-note{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin:-26px 0 36px;}

/* ===== Module cards ===== */
.modules{background:var(--paper);}
.mod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.mod{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 22px;position:relative;transition:transform .18s,box-shadow .18s;overflow:hidden;}
.mod::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--chevron);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.mod:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(10,31,61,.12);}
.mod:hover::before{transform:scaleX(1);}
.mod .code{font-family:var(--mono);font-size:10.5px;color:var(--orange);letter-spacing:.1em;margin-bottom:12px;display:block;}
.mod h3{font-size:16px;margin-bottom:8px;}
.mod p{font-size:13.5px;color:var(--steel);}

/* ===== Problems solved ===== */
.problems{background:#fff;}
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.prob{background:#fff;padding:30px 26px;}
.prob .from{font-family:var(--mono);font-size:11.5px;color:var(--orange-2);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:8px;}
.prob h3{font-size:16px;margin-bottom:8px;}
.prob p{font-size:14px;color:var(--steel);}

/* ===== Industries ===== */
.industries{background:var(--navy);}
.industries .h-lg,.industries h2{color:#fff;}
.industries .lede{color:rgba(255,255,255,.6);}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.09);border-radius:10px;overflow:hidden;}
.ind{background:var(--navy);padding:30px 24px;transition:background .18s;}
.ind:hover{background:var(--navy-2);}
.ind h3{color:#fff;font-size:15.5px;margin-bottom:6px;}
.ind p{font-size:12.5px;color:rgba(255,255,255,.5);}
.ind .no{font-family:var(--mono);font-size:10.5px;color:var(--amber);letter-spacing:.1em;display:block;margin-bottom:12px;}

/* ===== Consulting services ===== */
.services{background:var(--paper);}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.srv{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 24px;transition:transform .18s,box-shadow .18s;}
.srv:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(10,31,61,.1);}
.srv h3{font-size:15.5px;margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.srv h3::before{content:'';width:8px;height:8px;background:var(--orange);border-radius:2px;flex-shrink:0;}
.srv p{font-size:13.5px;color:var(--steel);}

/* ===== Process ===== */
.process{background:#fff;}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:step;}
.step{position:relative;padding:24px 20px 22px;border:1px solid var(--line);border-radius:10px;background:var(--paper);}
.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--mono);font-weight:600;font-size:12px;color:var(--orange);letter-spacing:.1em;display:block;margin-bottom:12px;}
.step h3{font-size:14.5px;margin-bottom:6px;}
.step p{font-size:12.5px;color:var(--steel);}

/* ===== Case study ===== */
.case{background:var(--ink);color:#fff;position:relative;overflow:hidden;}
.case::before{content:'';position:absolute;top:0;left:0;bottom:0;width:8px;background:var(--chevron);}
.case .eyebrow{color:var(--amber);}
.case .eyebrow::before{background:var(--amber);}
.case h2{color:#fff;}
.case-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
.case p.body{color:rgba(255,255,255,.68);font-size:16px;margin:16px 0 26px;max-width:560px;}
.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fact{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:18px;}
.fact strong{display:block;font-family:var(--disp);font-size:1.4rem;font-weight:800;color:var(--amber);}
.fact span{font-size:12.5px;color:rgba(255,255,255,.55);}

/* ===== About / Team ===== */
.about-team{background:#fff;}
.about-team-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;}
.about-team-photo{aspect-ratio:4/5;border-radius:12px;background:linear-gradient(160deg,var(--navy-2),var(--ink));position:relative;overflow:hidden;box-shadow:0 24px 55px rgba(10,31,61,.22);}
.about-team-photo::after{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--chevron);}
.about-team h3{font-size:1.15rem;margin:22px 0 4px;}
.about-team p.bio{margin-top:16px;color:var(--steel);font-size:15px;}
/* ===== Insights ===== */
.insights{background:var(--paper);}
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
/* Insight cards are previews of upcoming articles — intentionally not clickable, no hover lift */
.ins{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.ins .thumb{height:118px;background:linear-gradient(135deg,var(--navy),var(--navy-2));display:flex;align-items:center;padding:0 22px;}
.ins .thumb span{font-family:var(--mono);font-size:11px;color:var(--amber);letter-spacing:.1em;text-transform:uppercase;}
.ins .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.ins h3{font-size:15.5px;}
.ins p{font-size:13.5px;color:var(--steel);flex:1;}
.ins .meta{font-family:var(--mono);font-size:11px;color:var(--steel);letter-spacing:.05em;}

/* ===== FAQ ===== */
.faq{background:#fff;}
.faq-list{max-width:840px;}
.faq details{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;background:var(--paper);overflow:hidden;}
.faq summary{cursor:pointer;padding:18px 22px;font-family:var(--disp);font-weight:700;font-size:15.5px;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';font-size:20px;color:var(--orange);font-weight:600;flex-shrink:0;}
.faq details[open] summary::after{content:'–';}
.faq .a{padding:0 22px 20px;font-size:14.5px;color:var(--steel);}

/* ===== Demo form ===== */
.demo-cta{background:radial-gradient(900px 500px at 15% 0%,#17335f 0%,var(--ink) 60%);color:#fff;position:relative;padding-bottom:44px;}
.demo-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:var(--chevron);}
.demo-cta h2{color:#fff;}
.demo-cta .lede{color:rgba(255,255,255,.62);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px;}
.fg{display:flex;flex-direction:column;gap:6px;}
.fg.full{grid-column:1/-1;}
.fg label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.fg input,.fg select,.fg textarea{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:12px 14px;color:#fff;font-family:var(--body);font-size:14.5px;}
.fg select option{color:var(--navy);}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,.35);}
.mods-check{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.mods-check label{display:flex;align-items:center;gap:8px;font-family:var(--body);font-size:13px;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.8);cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:9px 12px;}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:rgba(255,255,255,.6);}
.consent input{margin-top:3px;}
#form-ok{display:none;grid-column:1/-1;background:rgba(29,158,110,.15);border:1px solid rgba(29,158,110,.45);color:#7FE3BC;border-radius:8px;padding:16px 20px;font-size:14.5px;}
#form-err{display:none;grid-column:1/-1;background:rgba(232,98,42,.14);border:1px solid rgba(232,98,42,.45);color:#FFC9A8;border-radius:8px;padding:16px 20px;font-size:14.5px;}
.alt-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.alt-contact a{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:11px 18px;transition:border-color .15s;}
.alt-contact a:hover{border-color:var(--amber);color:var(--amber);}

/* ===== Footer ===== */
footer{background:var(--ink);color:rgba(255,255,255,.65);padding:56px 0 0;}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:44px;padding-bottom:44px;}
.foot-grid img{height:52px;width:auto;max-width:100%;object-fit:contain;margin-bottom:14px;}
.foot-grid p{font-size:13.5px;line-height:1.7;}
.foot-grid h4{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--mono);font-weight:600;margin-bottom:16px;}
.foot-grid ul{list-style:none;display:grid;gap:9px;}
.foot-grid a{color:rgba(255,255,255,.6);text-decoration:none;font-size:13.5px;transition:color .15s;}
.foot-grid a:hover{color:var(--amber);}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.4);}

/* WhatsApp float + mobile sticky bar */
.wa-float{position:fixed;right:20px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.3);z-index:110;transition:transform .15s;}
.wa-float:hover{transform:scale(1.07);}
.wa-float svg{width:28px;height:28px;fill:#fff;}
.sticky-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:115;background:var(--ink);border-top:1px solid rgba(255,255,255,.12);padding:10px 14px;gap:10px;}
.sticky-bar .btn{flex:1;justify-content:center;padding:13px 10px;font-size:14px;}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .mod-grid{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:repeat(3,1fr);}
  .ind-grid{grid-template-columns:repeat(2,1fr);}
  .prob-grid,.srv-grid,.ins-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:880px){
  .nav-links{display:none;}
  .nav-burger{display:block;}
  .hero-grid,.split,.case-grid,.about-team-grid{grid-template-columns:1fr;gap:44px;}
  .permit-mini{left:0;bottom:-28px;}
  .form-grid{grid-template-columns:1fr;padding:24px;}
  .mods-check{grid-template-columns:1fr 1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  section{padding:64px 0;}
  .hero{padding:132px 0 96px;}
  .sticky-bar{display:flex;}
  .wa-float{bottom:84px;}
  body{padding-bottom:64px;}
}
@media (max-width:560px){
  .mod-grid,.steps,.ind-grid,.prob-grid,.srv-grid,.ins-grid,.case-facts,.mods-check,.foot-grid{grid-template-columns:1fr;}
  .screen-body{grid-template-columns:1fr;}
  .hero-ctas .btn{width:100%;justify-content:center;}
}