:root{
 --bg:#080909;--bg2:#0c0d0e;--bg3:#101112;--bg4:#141516;
 --orange:#e06928;--orange2:#c95e22;
 --od:rgba(224,105,40,0.09);--ob:rgba(224,105,40,0.16);
 --white:#ededea;--off:#a8a8a4;--dim:#585856;--dim2:#2e2e2c;
 --bd:rgba(255,255,255,0.055);--bd2:rgba(255,255,255,0.028);
 --head:'Neue Montreal',sans-serif;--body:'Satoshi',sans-serif;
 --r:12px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--body);background:var(--bg);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.032'/%3E%3C/svg%3E");pointer-events:none;z-index:999;}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:200;height:62px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(8,9,9,0.88);backdrop-filter:blur(28px);border-bottom:1px solid transparent;transition:border-color 0.4s;}
#nav.sc{border-bottom-color:var(--bd);}
.logo{display:flex;align-items:center;gap:9px;cursor:pointer;}
.logo-mark{width:27px;height:27px;border-radius:6px;background:var(--orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-mark svg{width:13px;height:13px;}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-n{font-family:var(--head);font-size:13px;font-weight:600;color:var(--white);letter-spacing:0.01em;}
.logo-s{font-size:8.5px;font-weight:500;color:var(--dim);letter-spacing:0.12em;text-transform:uppercase;}
.nav-ul{display:flex;align-items:center;gap:26px;list-style:none;}
.nav-ul a{font-size:13px;font-weight:500;color:var(--dim);text-decoration:none;cursor:pointer;transition:color 0.2s;}
.nav-ul a:hover{color:var(--white);}
.nav-dd{position:relative;}
.nav-dd-wrap{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:14px;min-width:252px;z-index:300;}
.nav-dd-box{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);padding:5px;box-shadow:0 32px 64px rgba(0,0,0,0.75);}
.nav-dd:hover .nav-dd-wrap{display:block;}
.nav-dd-box a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;cursor:pointer;text-decoration:none;transition:background 0.15s;}
.nav-dd-box a:hover{background:rgba(255,255,255,0.035);}
.dd-ic{width:28px;height:28px;border-radius:7px;background:var(--bg4);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dd-ic svg{width:13px;height:13px;stroke:var(--dim);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.dd-tx strong{font-size:12.5px;font-weight:600;color:var(--white);display:block;margin-bottom:1px;}
.dd-tx small{font-size:10px;color:var(--dim);}
.nav-btn{background:var(--white);color:var(--bg);padding:8px 16px;border-radius:6px;font-size:12.5px;font-weight:700;cursor:pointer;border:none;font-family:var(--body);transition:all 0.2s;letter-spacing:0.02em;}
.nav-btn:hover{background:var(--orange);color:#fff;}

/* PAGES — multi-page site, no SPA hiding needed */

/* SHARED */
section{padding:100px 6%;}
.si{max-width:1080px;margin:0 auto;}
.lbl{font-size:10.5px;font-weight:600;color:var(--orange);letter-spacing:0.18em;text-transform:uppercase;margin-bottom:16px;display:block;}
.h2{font-family:var(--head);font-size:clamp(26px,3.4vw,44px);font-weight:700;color:var(--white);line-height:1.08;letter-spacing:-1px;margin-bottom:16px;}
.body-txt{font-size:15px;color:var(--off);line-height:1.82;max-width:520px;}
.btn-p{background:var(--orange);color:#fff;padding:11px 22px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;border:none;font-family:var(--body);transition:all 0.2s;display:inline-block;letter-spacing:0.02em;}
.btn-p:hover{background:var(--orange2);transform:translateY(-1px);}
.btn-s{color:var(--off);padding:11px 22px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--bd);font-family:var(--body);transition:all 0.2s;display:inline-block;background:transparent;}
.btn-s:hover{border-color:rgba(255,255,255,0.14);background:rgba(255,255,255,0.025);}
.btn-dk{color:var(--white);padding:11px 22px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,0.14);font-family:var(--body);transition:all 0.2s;display:inline-block;background:transparent;}
.btn-dk:hover{border-color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.04);}

/* REVEAL */
.rv{opacity:1;transform:translateY(0);transition:opacity 0.75s ease,transform 0.75s ease;}
.js-ready .rv{opacity:0;transform:translateY(14px);}
.rv.on{opacity:1;transform:translateY(0);}

/* TICKER */
.ticker{padding:12px 0;overflow:hidden;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);}
.tk-track{display:flex;gap:60px;animation:tks 38s linear infinite;width:max-content;}
@keyframes tks{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tk-item{display:flex;align-items:center;gap:10px;white-space:nowrap;}
.tk-item span{font-size:10px;font-weight:600;color:var(--dim2);letter-spacing:0.16em;}
.tk-dot{width:2px;height:2px;background:var(--orange);border-radius:50%;opacity:0.5;}

/* FOOTER */
footer{background:var(--bg2);padding:52px 6% 32px;border-top:1px solid var(--bd);}
.ft{max-width:1080px;margin:0 auto;}
.ft-top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:40px;flex-wrap:wrap;}
.ft-brand{display:flex;flex-direction:column;gap:10px;}
.ft-logo{display:flex;align-items:center;gap:9px;}
.ft-logo img{height:22px;width:auto;opacity:0.85;}
.ft-logo-name{font-family:var(--head);font-size:13px;font-weight:700;color:var(--white);}
.ft-tagline{font-size:12px;color:var(--dim);line-height:1.65;max-width:260px;}
.ft-socials{display:flex;align-items:center;gap:10px;}
.ft-social{width:36px;height:36px;border-radius:8px;background:var(--bg3);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;transition:border-color 0.2s,background 0.2s;text-decoration:none;}
.ft-social:hover{border-color:var(--ob);background:var(--od);}
.ft-social svg{width:16px;height:16px;stroke:var(--dim);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.2s;}
.ft-social:hover svg{stroke:var(--orange);}
.ft-bottom{padding-top:24px;border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.ft-creds{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.ft-cred{font-size:10px;color:var(--dim2);}
.ft-cred span{color:var(--dim);}
.ft-legal{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.ft-legal a{font-size:10px;color:var(--dim);text-decoration:none;transition:color 0.2s;}
.ft-legal a:hover{color:var(--orange);}
.ft-copy{font-size:10px;color:var(--dim2);}

/* ═══════════ HOME ═══════════ */

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding:140px 6% 100px;position:relative;overflow:hidden;}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 110% 55% at 50% -5%,rgba(224,105,40,0.06),transparent 52%);pointer-events:none;}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.013) 1px,transparent 1px);background-size:88px 88px;pointer-events:none;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 75%);}
.hero-inner{max-width:1080px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr 0.9fr;gap:80px;align-items:center;position:relative;z-index:1;}
.hero-ey{display:inline-flex;align-items:center;gap:7px;background:var(--od);border:1px solid var(--ob);border-radius:100px;padding:4px 13px;margin-bottom:28px;}
.hero-ey-dot{width:5px;height:5px;background:var(--orange);border-radius:50%;animation:br 3s ease-in-out infinite;}
@keyframes br{0%,100%{opacity:1}50%{opacity:0.25}}
.hero-ey span{font-size:10.5px;font-weight:600;color:var(--orange);letter-spacing:0.06em;}
.hero h1{font-family:var(--head);font-size:clamp(42px,5.8vw,72px);font-weight:700;line-height:0.97;letter-spacing:-2.5px;color:var(--white);margin-bottom:22px;}
.hero h1.ac{color:var(--orange);}
.hero-body{font-size:16px;color:var(--off);line-height:1.78;max-width:420px;margin-bottom:34px;}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:48px;}
.hero-trust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.tr-item{font-size:11px;font-weight:500;color:var(--dim);display:flex;align-items:center;gap:5px;}
.tr-item svg{width:11px;height:11px;stroke:var(--dim);fill:none;stroke-width:1.6;stroke-linecap:round;}
.tr-sep{width:1px;height:11px;background:var(--bd);}

/* Hero visual */
.hero-vis{display:flex;justify-content:center;}
.sb-card{width:100%;max-width:310px;background:var(--bg2);border:1px solid var(--bd);border-radius:14px;padding:22px;position:relative;overflow:hidden;}
.sb-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(224,105,40,0.2),transparent);}
.sb-card-lbl{font-size:9.5px;font-weight:600;color:var(--dim);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:6px;}
.sb-live{width:5px;height:5px;border-radius:50%;background:var(--orange);animation:br 2s infinite;}
.sb-nodes{display:flex;flex-direction:column;gap:5px;}
.sb-node{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:8px;border:1px solid var(--bd2);background:var(--bg3);}
.sb-node.on{border-color:var(--ob);background:var(--bg4);}
.sb-ni{width:26px;height:26px;border-radius:6px;background:var(--bg4);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sb-node.on.sb-ni{background:var(--od);border-color:var(--ob);}
.sb-ni svg{width:12px;height:12px;stroke:var(--dim);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.sb-node.on.sb-ni svg{stroke:var(--orange);}
.sb-nl{font-size:11px;font-weight:500;color:var(--dim);}
.sb-node.on.sb-nl{color:var(--white);}
.sb-ns{margin-left:auto;font-size:9px;font-weight:700;color:var(--orange);background:var(--od);padding:2px 7px;border-radius:100px;}
.sb-conn{width:1px;height:6px;background:var(--bd);margin-left:21px;}
.sb-conn.on{background:var(--ob);}
.sb-priv{display:flex;align-items:center;gap:7px;margin-top:11px;padding:8px 11px;background:var(--bg);border-radius:8px;border:1px solid var(--bd);}
.sb-priv svg{width:11px;height:11px;stroke:var(--orange);fill:none;stroke-width:1.6;stroke-linecap:round;flex-shrink:0;}
.sb-priv span{font-size:10.5px;color:var(--off);}
.sb-priv strong{color:var(--white);}

/* BRAND PITCH, the emotional core */
.brand-pitch{background:var(--bg2);}
.bp-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.bp-moment{background:var(--bg3);border:1px solid var(--bd);border-radius:16px;padding:32px;position:relative;overflow:hidden;}
.bp-moment::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--orange),rgba(224,105,40,0.2));}
.bp-quote{font-family:var(--head);font-size:20px;font-weight:700;color:var(--white);line-height:1.45;margin-bottom:20px;letter-spacing:-0.3px;}
.bp-quote em{color:var(--orange);font-style:normal;}
.bp-sub{font-size:13px;color:var(--off);line-height:1.75;margin-bottom:24px;}
.bp-stats{display:flex;gap:24px;}
.bp-stat-n{font-family:var(--head);font-size:28px;font-weight:800;color:var(--orange);letter-spacing:-1px;line-height:1;}
.bp-stat-l{font-size:11px;color:var(--dim);margin-top:3px;line-height:1.4;}

/* HOW THE BRAND BENEFITS */
.brand-benefit{background:var(--bg);}
.bb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:48px;}
.bb-card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:28px;transition:border-color 0.25s;}
.bb-card:hover{border-color:rgba(255,255,255,0.1);}
.bb-ico{width:40px;height:40px;border-radius:10px;background:var(--bg3);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.bb-ico svg{width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.bb-card h3{font-family:var(--head);font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px;letter-spacing:-0.2px;}
.bb-card p{font-size:13px;color:var(--off);line-height:1.72;}

/* TWO SIDED TAG */
.tag-section{background:var(--bg2);}
.tag-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.tag-visual{display:flex;flex-direction:column;align-items:center;gap:12px;}
.tag-wrap{width:200px;background:var(--bg3);border-radius:14px;overflow:hidden;border:1px solid var(--bd);}
.tag-front{padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(145deg,#121028,#0a0820);}
.tag-front-lbl{font-size:8px;font-weight:700;color:rgba(255,255,255,0.25);letter-spacing:0.16em;text-transform:uppercase;}
.tag-qr{width:64px;height:64px;background:var(--white);border-radius:6px;display:grid;grid-template-columns:repeat(5,1fr);padding:4px;gap:1.5px;}
.bqc{border-radius:0.5px;}.bqd{background:#070707;}.bql{background:#ccc;}.bqo{background:var(--orange);}
.tag-brand{font-size:10px;font-weight:700;color:rgba(255,255,255,0.35);letter-spacing:0.1em;}
.tag-brand-sub{font-size:8px;color:rgba(255,255,255,0.15);text-align:center;}
.tag-div{height:1px;background:rgba(255,255,255,0.04);}
.tag-back{padding:16px 18px;display:flex;flex-direction:column;align-items:center;gap:7px;}
.tag-back-lbl{font-size:7.5px;font-weight:700;color:var(--orange);letter-spacing:0.14em;text-transform:uppercase;}
.tag-back-qr{width:56px;height:56px;background:var(--white);border-radius:5px;display:grid;grid-template-columns:repeat(5,1fr);padding:4px;gap:1.5px;}
.tag-1qr{font-size:9px;font-weight:800;color:var(--white);}
.tag-hint{font-size:9px;color:var(--dim);text-align:center;}

/* SAFEBRIDGE */
.safebridge{background:var(--bg);}
.sb-full{background:var(--bg2);border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin-top:44px;}
.sb-tabs{display:flex;gap:2px;padding:5px;background:var(--bg3);border-bottom:1px solid var(--bd);}
.sb-tab{padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;color:var(--dim);transition:all 0.2s;border:none;background:transparent;font-family:var(--body);}
.sb-tab.on{background:var(--bg4);color:var(--white);border:1px solid var(--bd);}
.sb-panel{display:none;}
.sb-panel.on{display:grid;grid-template-columns:1fr 1fr;}
.sb-pvis{background:var(--bg3);padding:52px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--bd);min-height:300px;}
.sb-ptxt{padding:48px;display:flex;flex-direction:column;justify-content:center;}
.sb-ptxt h3{font-family:var(--head);font-size:20px;font-weight:700;color:var(--white);letter-spacing:-0.4px;margin-bottom:10px;}
.sb-ptxt p{font-size:14px;color:var(--off);line-height:1.8;margin-bottom:18px;}
.sb-steps{display:flex;flex-direction:column;gap:9px;}
.sb-step{display:flex;gap:9px;align-items:flex-start;}
.sb-sn{width:18px;height:18px;border-radius:4px;background:var(--od);border:1px solid var(--ob);display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700;color:var(--orange);flex-shrink:0;margin-top:2px;}
.sb-step p{font-size:13px;color:var(--off);line-height:1.65;}
.sb-step strong{color:var(--white);}
.priv-note{display:flex;align-items:center;gap:8px;background:var(--od);border:1px solid var(--ob);border-radius:8px;padding:11px 14px;margin-top:14px;}
.priv-note svg{width:12px;height:12px;stroke:var(--orange);fill:none;stroke-width:1.6;stroke-linecap:round;flex-shrink:0;}
.priv-note p{font-size:12px;color:var(--off);line-height:1.55;}
.priv-note strong{color:var(--white);}
.sig-wrap{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;}
.sig-circle{width:36px;height:36px;border-radius:50%;background:var(--bg4);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;}
.sig-circle svg{width:14px;height:14px;stroke:var(--dim);fill:none;stroke-width:1.6;stroke-linecap:round;}
.sig-label{font-size:9px;color:var(--dim);}
.sig-line{width:1px;height:14px;background:linear-gradient(to bottom,var(--ob),transparent);}
.sig-bridge{background:var(--od);border:1px solid var(--ob);border-radius:7px;padding:7px 15px;font-size:9px;font-weight:700;color:var(--orange);letter-spacing:0.1em;text-transform:uppercase;}
.sig-contacts{display:flex;gap:9px;}
.sc-node{display:flex;flex-direction:column;align-items:center;gap:3px;}
.sc-c{width:30px;height:30px;border-radius:50%;background:var(--bg4);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--dim);}
.sc-l{font-size:8px;color:var(--dim2);}
.sig-note{font-size:9px;color:var(--dim2);text-align:center;margin-top:3px;}

/* DEPLOYMENTS */
.deployments{background:var(--bg2);}
.dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:44px;}
.dep-card{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);padding:26px;transition:all 0.25s;cursor:pointer;position:relative;overflow:hidden;}
.dep-card::after{content:'';position:absolute;top:-30px;right:-30px;width:90px;height:90px;background:radial-gradient(circle,var(--od),transparent 70%);opacity:0;transition:opacity 0.4s;}
.dep-card:hover{border-color:rgba(255,255,255,0.1);transform:translateY(-1px);}
.dep-card:hover::after{opacity:1;}
.dep-ico{width:38px;height:38px;border-radius:9px;background:var(--bg4);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.dep-ico svg{width:16px;height:16px;stroke:var(--dim);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.dep-card:hover.dep-ico svg{stroke:var(--orange);}
.dep-card h3{font-family:var(--head);font-size:14px;font-weight:700;color:var(--white);margin-bottom:7px;letter-spacing:-0.2px;}
.dep-card p{font-size:13px;color:var(--off);line-height:1.7;margin-bottom:13px;}
.dep-meta{font-size:10px;font-weight:600;color:var(--dim);display:flex;align-items:center;gap:4px;letter-spacing:0.04em;text-transform:uppercase;}
.dep-meta svg{width:9px;height:9px;stroke:var(--dim);fill:none;stroke-width:2;stroke-linecap:round;}

/* TRUST */
.trust-s{background:var(--bg);}
.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:44px;}
.tc{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:26px;display:flex;gap:14px;align-items:flex-start;transition:border-color 0.2s;}
.tc:hover{border-color:rgba(255,255,255,0.1);}
.tc-ic{width:34px;height:34px;border-radius:8px;background:var(--od);border:1px solid var(--ob);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tc-ic svg{width:14px;height:14px;stroke:var(--orange);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.tc h4{font-family:var(--head);font-size:13.5px;font-weight:600;color:var(--white);margin-bottom:5px;}
.tc p{font-size:13px;color:var(--off);line-height:1.72;}
.trust-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px;}
.t-badge{display:flex;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--bd);border-radius:100px;padding:5px 12px;}
.t-badge svg{width:10px;height:10px;stroke:var(--orange);fill:none;stroke-width:1.6;stroke-linecap:round;}
.t-badge span{font-size:10.5px;font-weight:600;color:var(--off);}

/* PARTNER CTA */
.p-cta{background:var(--bg2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:84px 6%;text-align:center;}
.p-cta h2{font-family:var(--head);font-size:clamp(24px,3vw,40px);font-weight:700;color:var(--white);letter-spacing:-1px;margin-bottom:12px;}
.p-cta p{font-size:15px;color:var(--off);margin-bottom:24px;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.75;}

/* CONTACT */
.contact-s{background:var(--bg);}
.cg-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:56px;align-items:start;}
.c-det{display:flex;align-items:center;gap:9px;margin-top:14px;}
.c-ic{width:28px;height:28px;border-radius:6px;background:var(--bg2);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;}
.c-ic svg{width:12px;height:12px;stroke:var(--dim);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.c-txt{font-size:13px;color:var(--off);}
.cf{display:flex;flex-direction:column;gap:10px;}
.cr{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.cg{display:flex;flex-direction:column;gap:4px;}
.cg label{font-size:10px;font-weight:600;color:var(--dim);letter-spacing:0.08em;text-transform:uppercase;}
.cg input,.cg select,.cg textarea{background:var(--bg2);border:1px solid var(--bd);border-radius:6px;padding:10px 12px;color:var(--white);font-size:13px;font-family:var(--body);outline:none;transition:border-color 0.2s;}
.cg input::placeholder,.cg textarea::placeholder{color:var(--dim2);}
.cg input:focus,.cg select:focus,.cg textarea:focus{border-color:var(--ob);}
.cg select option{background:var(--bg3);}
.cg textarea{resize:none;min-height:86px;}
.csub{background:var(--orange);color:#fff;border:none;border-radius:6px;padding:11px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--body);transition:all 0.2s;}
.csub:hover{background:var(--orange2);}
.suc{display:none;text-align:center;padding:32px;background:var(--bg2);border-radius:var(--r);border:1px solid var(--bd);}
.suc h4{font-family:var(--head);font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px;}
.suc p{font-size:13px;color:var(--off);}

/* ═══════════ UC PAGES ═══════════ */
.uc-hero{padding:130px 6% 80px;position:relative;overflow:hidden;}
.uc-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.back{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--dim);cursor:pointer;margin-bottom:18px;transition:color 0.2s;font-weight:500;user-select:none;}
.back svg{width:11px;height:11px;stroke:var(--dim);fill:none;stroke-width:1.6;stroke-linecap:round;}
.back:hover{color:var(--orange);}
.back:hover svg{stroke:var(--orange);}
.uc-h1{font-family:var(--head);font-size:clamp(30px,4.2vw,54px);font-weight:700;line-height:1.0;letter-spacing:-1.8px;margin-bottom:16px;}
.uc-p{font-size:15px;color:var(--off);line-height:1.8;margin-bottom:26px;max-width:400px;}
.ptby{font-size:10px;color:var(--dim2);margin-top:14px;font-style:italic;}
.flow-steps{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;border:1px solid var(--bd);margin-top:36px;}
.fs{background:var(--bg2);padding:22px 26px;display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:start;border-bottom:1px solid var(--bd);transition:background 0.2s;}
.fs:last-child{border-bottom:none;}
.fs:hover{background:var(--bg3);}
.fs-n{width:36px;height:36px;border-radius:8px;background:var(--od);border:1px solid var(--ob);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--orange);flex-shrink:0;font-family:var(--head);}
.fs h4{font-family:var(--head);font-size:13.5px;font-weight:600;color:var(--white);margin-bottom:4px;}
.fs p{font-size:13px;color:var(--off);line-height:1.7;}
.sc-box{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:28px;margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}
.sc-quote{font-size:14px;color:var(--off);line-height:1.8;padding-left:14px;border-left:2px solid var(--orange);}
.sc-stat{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
.sc-stat:last-child{margin-bottom:0;}
.sc-n{font-family:var(--head);font-size:26px;font-weight:700;color:var(--orange);min-width:60px;letter-spacing:-1px;}
.sc-l{font-size:12.5px;color:var(--off);line-height:1.4;}
.for-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:32px;}
.for-card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:22px;transition:border-color 0.2s;}
.for-card:hover{border-color:rgba(255,255,255,0.1);}
.for-card h4{font-family:var(--head);font-size:13.5px;font-weight:600;color:var(--white);margin-bottom:6px;}
.for-card p{font-size:13px;color:var(--off);line-height:1.65;}
.cta-band{background:var(--orange);padding:60px 6%;text-align:center;}
.cta-band h2{font-family:var(--head);font-size:clamp(22px,3vw,36px);font-weight:700;color:#fff;letter-spacing:-0.6px;margin-bottom:10px;}
.cta-band p{font-size:14px;color:rgba(255,255,255,0.72);margin-bottom:22px;}
@media(max-width:960px){
 .uc-inner{grid-template-columns:1fr;gap:32px;}
 .sc-box{grid-template-columns:1fr;gap:20px;}
 .for-grid{grid-template-columns:1fr;}
}

/* ═══════════ PARTNER PAGE ═══════════ */
.ms{padding:84px 6%;}
.ms:nth-child(odd){background:var(--bg);}
.ms:nth-child(even){background:var(--bg2);}
.mg{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.mg.flip{direction:rtl;}
.mg.flip > *{direction:ltr;}
.bene{display:flex;gap:11px;align-items:flex-start;margin-bottom:12px;}
.bene-c{width:16px;height:16px;border-radius:4px;background:var(--od);border:1px solid var(--ob);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;}
.bene-c svg{width:8px;height:8px;stroke:var(--orange);fill:none;stroke-width:2.2;stroke-linecap:round;}
.bene-t{font-family:var(--head);font-size:13px;font-weight:600;color:var(--white);margin-bottom:2px;}
.bene-d{font-size:12.5px;color:var(--off);line-height:1.65;}
.mv{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);padding:26px;}

/* ═══════════ CONTACT PAGE ═══════════ */
.cp{padding:130px 6% 84px;background:var(--bg);}
.cp-inner{max-width:840px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:52px;align-items:start;}


/* HOW IT WORKS: SCAN → CONNECT → PROTECT → ENGAGE */
.how-section{background:var(--bg);}
.how-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:44px;}
.how-card{background:transparent;border-top:1px solid var(--bd);padding:24px 18px 6px 0;}
.how-num{font-family:var(--head);font-size:13px;font-weight:700;color:var(--orange);margin-bottom:14px;}
.how-card h3{font-family:var(--head);font-size:18px;font-weight:700;color:var(--white);margin-bottom:8px;letter-spacing:-0.3px;}
.how-card p{font-size:13px;color:var(--off);line-height:1.72;}

/* VERTICALS / INDUSTRIES */
.verticals{background:var(--bg2);}
.vertical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:44px;}
.vertical-card{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);padding:24px;}
.vertical-card h3{font-family:var(--head);font-size:14px;color:var(--white);margin-bottom:8px;}
.vertical-card p{font-size:12.5px;color:var(--off);line-height:1.65;}

/* WHY POINTIBLE VS TRADITIONAL MEDIA */
.compare-section{background:var(--bg);}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:44px;}
.compare-card{border:1px solid var(--bd);border-radius:var(--r);padding:28px;background:var(--bg2);}
.compare-card.pointible{background:linear-gradient(180deg,var(--bg2),rgba(224,105,40,0.035));}
.compare-card h3{font-family:var(--head);font-size:18px;color:var(--white);margin-bottom:18px;}
.compare-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--bd);padding:13px 0;font-size:13px;color:var(--off);}
.compare-row strong{color:var(--white);font-weight:600;}
.compare-muted{color:var(--dim);}

/* PROJECTS */
.projects{background:var(--bg2);}
.deployment-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:44px;}
.proof-card{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);padding:24px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;}
.proof-card h3{font-family:var(--head);font-size:15px;color:var(--white);margin-bottom:8px;}
.proof-card p{font-size:12.5px;color:var(--off);line-height:1.65;}
.proof-meta{margin-top:18px;font-size:10px;color:var(--dim);letter-spacing:0.12em;text-transform:uppercase;}

/* FORM FACTORS */
.formfactors{background:var(--bg);}
.formfactor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:44px;}
.form-card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:22px;text-align:left;}
.form-card h3{font-family:var(--head);font-size:13.5px;color:var(--white);margin-bottom:6px;}
.form-card p{font-size:12px;color:var(--off);line-height:1.6;}

/* INTEGRATIONS */
.integrations{background:var(--bg2);}
.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.tech-list{display:flex;flex-direction:column;gap:8px;}
.tech-row{display:flex;align-items:center;gap:12px;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);padding:14px 16px;}
.tech-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);opacity:.75;flex-shrink:0;}
.tech-row span{font-size:13px;color:var(--off);}
.tech-row strong{color:var(--white);font-weight:600;}


/* PLAIN EXPLAINER */
.explainer{background:var(--bg);}
.explain-wrap{max-width:1080px;margin:0 auto;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:54px 0;display:grid;grid-template-columns:0.9fr 1.4fr;gap:70px;align-items:start;}
.explain-kicker{font-size:11px;font-weight:700;color:var(--orange);letter-spacing:.16em;text-transform:uppercase;}
.explain-copy{font-family:var(--head);font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.12;letter-spacing:-.8px;color:var(--white);}
.explain-copy span{color:var(--orange);}
.explain-small{font-size:14px;color:var(--off);line-height:1.75;margin-top:18px;max-width:620px;}

/* QUIET EDITORIAL SECTION */
.editorial{background:var(--bg2);}
.editorial-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.1fr.9fr;gap:80px;align-items:center;}
.editorial-line{height:1px;background:linear-gradient(90deg,var(--orange),transparent);opacity:.45;margin:26px 0;}
.editorial-statement{font-family:var(--head);font-size:clamp(30px,4.5vw,58px);font-weight:700;line-height:1.02;letter-spacing:-1.8px;color:var(--white);}
.editorial-body{font-size:15px;color:var(--off);line-height:1.85;}
.editorial-list{display:flex;flex-direction:column;gap:16px;}
.editorial-item{border-left:1px solid var(--bd);padding-left:18px;}
.editorial-item strong{display:block;color:var(--white);font-size:13px;margin-bottom:4px;}
.editorial-item span{color:var(--off);font-size:13px;line-height:1.6;display:block;}

/* GRID SIDE ACCENT / ORANGE ICON HOVER SYSTEM */
.bb-card,.dep-card,.vertical-card,.proof-card,.form-card,.tc,.pc,.for-card{
 position:relative;
}
.bb-card::before,.dep-card::before,.vertical-card::before,.proof-card::before,.form-card::before,.tc::before,.pc::before,.for-card::before{
 content:"";
 position:absolute;
 left:0;
 top:14px;
 bottom:14px;
 width:2px;
 border-radius:0 2px 2px 0;
 background:var(--orange);
 opacity:0;
 transition:opacity.28s ease;
}
.bb-card:hover::before,.dep-card:hover::before,.vertical-card:hover::before,.proof-card:hover::before,.form-card:hover::before,.tc:hover::before,.pc:hover::before,.for-card:hover::before{
 opacity:1;
}
.bb-card:hover.bb-ico svg,
.dep-card:hover.dep-ico svg,
.vertical-card:hover svg,
.proof-card:hover svg,
.form-card:hover svg,
.tc:hover.tc-ic svg,
.pc:hover.pc-ico svg,
.for-card:hover svg{
 stroke:var(--orange);
}
.bb-card,.dep-card,.vertical-card,.proof-card,.form-card,.tc,.pc,.for-card{
 transition:border-color.28s ease, background.28s ease, transform.28s ease;
}

/* MOBILE NAV */
.mobile-toggle{display:none;background:transparent;border:1px solid var(--bd);border-radius:6px;color:var(--white);padding:8px 10px;font-family:var(--body);font-size:12px;cursor:pointer;}
.mobile-menu{display:none;position:fixed;top:62px;left:0;right:0;z-index:190;background:rgba(8,9,9,.98);backdrop-filter:blur(24px);border-bottom:1px solid var(--bd);padding:18px 6% 22px;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;color:var(--off);text-decoration:none;font-size:14px;padding:12px 0;border-bottom:1px solid var(--bd2);cursor:pointer;}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu a:hover{color:var(--white);}

/* MOBILE SAFETY WITHOUT TOUCHING DESKTOP */
@media(max-width:960px){
 #nav{height:62px;}
 .nav-ul,.nav-btn{display:none;}
 .mobile-toggle{display:block;}
 section{padding:72px 6%;}
 .hero{min-height:auto;padding:118px 6% 70px;}
 .hero-inner{grid-template-columns:1fr;gap:34px;}
 .hero h1{font-size:clamp(42px,13vw,64px);letter-spacing:-1.6px;}
 .hero-body{font-size:15px;max-width:100%;}
 .hero-btns{margin-bottom:34px;}
 .hero-vis{display:flex;}
 .sb-card{max-width:100%;}
 .explain-wrap,.editorial-inner{grid-template-columns:1fr;gap:26px;padding:42px 0;}
 .how-flow,.bb-grid,.dep-grid,.trust-grid,.vertical-grid,.deployment-proof-grid,.formfactor-grid,.compare-grid,.integration-grid,.tag-grid,.bp-grid,.cg-wrap,.cp-inner,.sc-box,.mg,.mg.flip{
  grid-template-columns:1fr!important;
  gap:18px;
  direction:ltr;
 }
 .tag-visual{display:flex;}
 .sb-panel.on{grid-template-columns:1fr;}
 .sb-pvis{display:none;}
 .sb-ptxt{padding:28px;}
 .sb-tabs{overflow-x:auto;}
 .sb-tab{white-space:nowrap;}
 .ticker{display:none;}
 .cr{grid-template-columns:1fr;}
 .ft{align-items:flex-start;flex-direction:column;}
 .hero-trust{gap:7px 10px;}
 .tr-sep{display:none;}
}
@media(max-width:560px){
 .logo-n{font-size:12px;}
 .logo-s{display:none;}
 .hero h1{font-size:42px;line-height:1.02;}
 .hero-ey span{font-size:9px;}
 .hero-ey{padding:4px 10px;}
 .btn-p,.btn-s,.btn-dk,.bp,.bs,.bdk{width:100%;text-align:center;}
 .hero-btns{width:100%;}
 .bp-stats{flex-direction:column;gap:16px;}
 .bb-card,.dep-card,.vertical-card,.proof-card,.form-card,.tc,.pc,.for-card{padding:22px;}
}

/* ═══════════ RESPONSIVE ═══════════ */
@media(max-width:960px){
 .hero-inner,.uc-inner,.cg-wrap,.cp-inner,.sc-box,.mg,.mg.flip,.tag-grid,.bp-grid{grid-template-columns:1fr;gap:32px;direction:ltr;}
 .prob-grid,.trust-grid,.dep-grid,.for-grid,.bb-grid,.how-flow,.vertical-grid,.deployment-proof-grid,.formfactor-grid,.compare-grid,.integration-grid{grid-template-columns:1fr;}
 .sb-panel.on{grid-template-columns:1fr;}
 .sb-pvis{display:none;}
 .hero-vis,.tag-visual{display:flex;}
 .nav-ul{display:none;}
 .cr{grid-template-columns:1fr;}
}

/* REQUESTED CHANGES: logo, grid font sizing, unified card hover */
.logo-img{
 width:154px;
 height:auto;
 display:block;
 object-fit:contain;
}
.logo-text{display:flex;flex-direction:column;justify-content:center;line-height:1.1;}

.bb-card p,.dep-card p,.vertical-card p,.proof-card p,.form-card p,.tc p,.pc p,.for-card p,
.how-card p,.compare-row,.tech-row span,.pi-s,.sb-step p{
 font-size:14px;
}
.bb-card h3,.dep-card h3,.vertical-card h3,.proof-card h3,.form-card h3,.tc h4,.pc h4,.for-card h4,
.how-card h3,.pi-t{
 font-size:15px;
}
.dep-meta,.proof-meta,.t-badge span{
 font-size:11px;
}

/* Unified premium hover system for all grid/card boxes */
.bb-card,.dep-card,.vertical-card,.proof-card,.form-card,.tc,.pc,.for-card,.how-card,.compare-card,.tech-row,.plat-item{
 position:relative;
 overflow:hidden;
}
.bb-card::after,.dep-card::after,.vertical-card::after,.proof-card::after,.form-card::after,.tc::after,.pc::after,.for-card::after,.how-card::after,.compare-card::after,.tech-row::after,.plat-item::after{
 content:"";
 position:absolute;
 top:-28px;
 right:-28px;
 width:118px;
 height:118px;
 background:radial-gradient(circle, rgba(224,105,40,0.22), rgba(224,105,40,0.08) 34%, transparent 70%);
 opacity:0;
 pointer-events:none;
 transition:opacity.32s ease;
}
.bb-card::before,.dep-card::before,.vertical-card::before,.proof-card::before,.form-card::before,.tc::before,.pc::before,.for-card::before,.how-card::before,.compare-card::before,.tech-row::before,.plat-item::before{
 content:"";
 position:absolute;
 left:0;
 top:18px;
 bottom:18px;
 width:2px;
 border-radius:0 3px 3px 0;
 background:var(--orange);
 opacity:0;
 transition:opacity.32s ease;
}
.bb-card:hover::after,.dep-card:hover::after,.vertical-card:hover::after,.proof-card:hover::after,.form-card:hover::after,.tc:hover::after,.pc:hover::after,.for-card:hover::after,.how-card:hover::after,.compare-card:hover::after,.tech-row:hover::after,.plat-item:hover::after,
.bb-card:hover::before,.dep-card:hover::before,.vertical-card:hover::before,.proof-card:hover::before,.form-card:hover::before,.tc:hover::before,.pc:hover::before,.for-card:hover::before,.how-card:hover::before,.compare-card:hover::before,.tech-row:hover::before,.plat-item:hover::before{
 opacity:1;
}
.bb-card:hover,.dep-card:hover,.vertical-card:hover,.proof-card:hover,.form-card:hover,.tc:hover,.pc:hover,.for-card:hover,.how-card:hover,.compare-card:hover,.tech-row:hover,.plat-item:hover{
 border-color:rgba(224,105,40,0.22);
 background-color:rgba(255,255,255,0.025);
 transform:none;
}

/* Icon color activation */
.bb-card:hover.bb-ico svg,
.dep-card:hover.dep-ico svg,
.vertical-card:hover svg,
.proof-card:hover svg,
.form-card:hover svg,
.tc:hover.tc-ic svg,
.pc:hover.pc-ico svg,
.for-card:hover svg,
.how-card:hover svg,
.compare-card:hover svg,
.tech-row:hover svg,
.plat-item:hover.pi-ic svg,
.plat-item:hover.pi-arr{
 stroke:var(--orange);
 color:var(--orange);
}


/* FIX: transparent logo sizing */
.logo{
 min-width:190px;
}
.logo-img{
 width:174px;
 height:auto;
 display:block;
 object-fit:contain;
 background:transparent!important;
}

/* FIX: How-it-works 4-box grid spacing/alignment */
.how-flow{
 gap:14px!important;
 align-items:stretch;
}
.how-card{
 background:var(--bg2)!important;
 border:1px solid var(--bd)!important;
 border-radius:var(--r)!important;
 padding:28px 24px!important;
 min-height:210px;
}
.how-card.how-num,
.how-num{
 margin-bottom:16px!important;
}
.how-card h3{
 margin-bottom:10px!important;
}
.how-card p{
 max-width:100%;
}
@media(max-width:960px){
 .logo{min-width:auto;}
 .logo-img{width:142px;}
 .how-flow{gap:12px!important;}
 .how-card{min-height:auto;padding:24px 22px!important;}
}
@media(max-width:560px){
 .logo-img{width:128px;}
}


/* FINAL LOGO RENDER FIX */
.logo{
 min-width:170px!important;
 height:62px!important;
 display:flex!important;
 align-items:center!important;
 overflow:visible!important;
}
.logo-img{
 height:46px!important;
 width:auto!important;
 max-width:180px!important;
 object-fit:contain!important;
 object-position:center!important;
 display:block!important;
 background:transparent!important;
}
#nav{
 overflow:visible!important;
}
@media(max-width:960px){
 .logo-img{height:40px!important;max-width:150px!important;}
}
@media(max-width:560px){
 .logo-img{height:36px!important;max-width:135px!important;}
}


/* CONTENT REVIEW FIXES */
.deployment-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:44px;
}
.proof-card{
  background:var(--bg3);
  border:1px solid var(--bd);
  border-radius:var(--r);
  padding:26px;
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
  transition:border-color .28s ease, background .28s ease;
}
.proof-card h3{
  font-family:var(--head);
  font-size:15px;
  color:var(--white);
  margin-bottom:9px;
  letter-spacing:-.2px;
}
.proof-card p{
  font-size:14px;
  color:var(--off);
  line-height:1.72;
}
.proof-meta{
  margin-top:20px;
  font-size:11px;
  color:var(--dim);
  letter-spacing:.11em;
  text-transform:uppercase;
  line-height:1.45;
}
.proof-card::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  border-radius:0 3px 3px 0;
  background:var(--orange);
  opacity:0;
  transition:opacity .32s ease;
}
.proof-card::after{
  content:"";
  position:absolute;
  top:-28px;
  right:-28px;
  width:118px;
  height:118px;
  background:radial-gradient(circle, rgba(224,105,40,.22), rgba(224,105,40,.08) 34%, transparent 70%);
  opacity:0;
  pointer-events:none;
  transition:opacity .32s ease;
}
.proof-card:hover{
  border-color:rgba(224,105,40,.22);
  background-color:rgba(255,255,255,.025);
}
.proof-card:hover::before,.proof-card:hover::after{
  opacity:1;
}

/* Cleaner text rhythm across content */
.body-txt,.hero-body,.explain-small,.editorial-body,.bb-card p,.dep-card p,.vertical-card p,.proof-card p,.form-card p,.tc p,.pc p,.for-card p,.how-card p{
  word-spacing:normal;
  letter-spacing:normal;
  text-wrap:pretty;
}
.h2,.hero h1,.editorial-statement,.explain-copy{
  text-wrap:balance;
}
@media(max-width:960px){
  .deployment-proof-grid{grid-template-columns:1fr!important;gap:12px;}
  .proof-card{min-height:auto;}
}


/* TILT FLIP CARD */
.tilt-scene{perspective:900px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;}
.tilt-card{position:relative;transform-style:preserve-3d;transition:transform 0.65s cubic-bezier(.23,1,.32,1);will-change:transform;}
.tilt-card.flipped{transform:rotateY(180deg)!important;}
.tilt-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;overflow:hidden;}
.tilt-face.tilt-back{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg);}
.tilt-hint{font-size:9.5px;color:var(--dim2);letter-spacing:0.04em;transition:color 0.2s;}
.tilt-scene:hover .tilt-hint{color:var(--dim);}

/* NAV ACTIVE STATE */
.nav-ul a.nav-active{color:var(--white)!important;}
.nav-ul a.nav-active::after{content:'';display:inline-block;width:3px;height:3px;background:var(--orange);border-radius:50%;margin-left:6px;vertical-align:middle;}

/* DEPLOYMENT SURFACES GRID */
.ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:300px;}
.ds-card{background:var(--bg3);border:1px solid var(--bd);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:border-color 0.2s;}
.ds-card:hover{border-color:var(--ob);}
.ds-icon{width:32px;height:32px;border-radius:8px;background:var(--od);border:1px solid var(--ob);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ds-icon svg{width:15px;height:15px;stroke:var(--orange);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.ds-card h4{font-family:var(--head);font-size:12px;font-weight:600;color:var(--white);line-height:1.3;}
.ds-card p{font-size:11px;color:var(--off);line-height:1.55;}

/* DD SECTION HEADERS */
.dd-section-head{font-size:9px;font-weight:700;color:var(--dim);letter-spacing:0.16em;text-transform:uppercase;padding:8px 11px 4px;margin-bottom:2px;}

/* USE CASE DROPDOWN / PAGE SWITCH FIX */
.nav-dd > a{cursor:default;}
.nav-dd-wrap{pointer-events:auto;}
.nav-dd-box a{cursor:pointer;}
.mobile-menu a{cursor:pointer;}


/* INTEGRATED OBJECTIVES INSIDE DEPLOYMENT PAGES */
.objective-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:32px;}
.objective-card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:22px;position:relative;overflow:hidden;}
.objective-card::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:var(--orange);opacity:0;transition:opacity .28s ease;}
.objective-card::after{content:"";position:absolute;top:-24px;right:-24px;width:96px;height:96px;background:radial-gradient(circle, rgba(224,105,40,.20), rgba(224,105,40,.07) 36%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .28s ease;}
.objective-card:hover::before,.objective-card:hover::after{opacity:1;}
.objective-card h4{font-family:var(--head);font-size:13.5px;color:var(--white);margin-bottom:7px;letter-spacing:-.2px;}
.objective-card p{font-size:13px;color:var(--off);line-height:1.68;}
.surface-note{margin-top:22px;padding:18px 20px;border:1px solid var(--bd);border-radius:var(--r);background:linear-gradient(180deg,var(--bg2),rgba(224,105,40,.025));color:var(--off);font-size:13px;line-height:1.72;}
.surface-note strong{color:var(--white);}
@media(max-width:960px){.objective-grid{grid-template-columns:1fr!important;}}



/* HEADER CLEANUP FIX */
#nav{
  padding:0 clamp(28px,4vw,72px)!important;
  gap:28px!important;
}
.logo{
  min-width:220px!important;
  height:62px!important;
  flex-shrink:0!important;
  gap:10px!important;
}
.logo-mark{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:transparent!important;
}
.logo-mark svg{width:34px!important;height:34px!important;display:block!important;}
.logo-img{display:none!important;}
.logo-text{min-width:0!important;}
.logo-n{
  font-size:14px!important;
  line-height:1.05!important;
  white-space:normal!important;
  max-width:150px!important;
}
.nav-ul{
  flex:1!important;
  justify-content:flex-end!important;
  gap:clamp(14px,1.65vw,28px)!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
}
.nav-ul > li{flex:0 0 auto!important;white-space:nowrap!important;}
.nav-ul > li > a{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  line-height:1.1!important;
}
.nav-ul a.nav-active::after{
  content:'';
  display:inline-block;
  width:3px;
  height:3px;
  background:var(--orange);
  border-radius:50%;
  margin-left:6px;
  vertical-align:middle;
  flex:0 0 auto;
}
.nav-btn{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  padding:9px 18px!important;
  min-width:136px!important;
}
@media(max-width:1180px){
  #nav{padding:0 28px!important;gap:18px!important;}
  .logo{min-width:185px!important;}
  .logo-n{font-size:13px!important;max-width:125px!important;}
  .nav-ul{gap:12px!important;}
  .nav-ul a{font-size:12px!important;}
  .nav-btn{padding:8px 14px!important;min-width:auto!important;font-size:12px!important;}
}
@media(max-width:960px){
  .logo{min-width:auto!important;}
  .logo-n{max-width:none!important;}
}



/* FINAL HEADER + LOGO FIX */
#nav{
  height:62px!important;
  padding:0 clamp(28px,4vw,72px)!important;
  gap:22px!important;
  overflow:visible!important;
}
.logo{
  min-width:190px!important;
  width:190px!important;
  height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-shrink:0!important;
  overflow:visible!important;
}
.logo-img{
  display:block!important;
  height:40px!important;
  width:auto!important;
  max-width:176px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
.logo-mark,.logo-text{display:none!important;}
.nav-ul{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(14px,1.35vw,24px)!important;
  flex-wrap:nowrap!important;
}
.nav-ul > li{flex:0 0 auto!important;white-space:nowrap!important;}
.nav-ul > li > a{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:13px!important;
}
.nav-caret{
  width:13px;
  height:13px;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.85;
  flex:0 0 auto;
}
.nav-ul a.nav-active::after{
  content:'';
  width:4px;
  height:4px;
  background:var(--orange);
  border-radius:50%;
  margin-left:2px;
  flex:0 0 auto;
}
.nav-btn{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-width:142px!important;
  padding:9px 18px!important;
}
@media(max-width:1280px){
  #nav{padding:0 26px!important;gap:16px!important;}
  .logo{width:170px!important;min-width:170px!important;}
  .logo-img{height:36px!important;max-width:160px!important;}
  .nav-ul{gap:12px!important;}
  .nav-ul > li > a{font-size:12px!important;}
  .nav-btn{min-width:128px!important;padding:8px 14px!important;font-size:12px!important;}
}
@media(max-width:1080px){
  .nav-ul,.nav-btn{display:none!important;}
  .mobile-toggle{display:flex!important;align-items:center;gap:8px;}
  .logo{width:auto!important;min-width:auto!important;}
  .logo-img{height:38px!important;max-width:160px!important;}
}



/* FINAL LOGO FIX */
.logo{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:260px!important;
  flex-shrink:0!important;
}

.logo-img{
  height:42px!important;
  width:auto!important;
  object-fit:contain!important;
  display:block!important;
}

.logo-text{
  display:flex!important;
  align-items:center!important;
}

.logo-n{
  font-family:var(--head)!important;
  font-size:16px!important;
  font-weight:700!important;
  color:var(--white)!important;
  letter-spacing:-0.03em!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* BIGGER SOLUTION GRIDS */
.ds-grid{
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:14px!important;
 width:420px!important;
}

.ds-card{
 min-height:170px!important;
 padding:20px!important;
}

.ds-card h4{
 font-size:15px!important;
}

.ds-card p{
 font-size:13px!important;
 line-height:1.7!important;
}


/* =========================================================
   ABSOLUTE FINAL HEADER LOGO FIX
   This overrides older temporary logo/header fixes.
   ========================================================= */
.logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-width:260px!important;
  width:auto!important;
  height:62px!important;
  flex-shrink:0!important;
  overflow:visible!important;
}

.logo-img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:38px!important;
  width:auto!important;
  max-width:74px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}

.logo-text{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  line-height:1!important;
  min-width:auto!important;
}

.logo-n{
  display:inline-block!important;
  font-family:var(--head)!important;
  font-size:15px!important;
  font-weight:700!important;
  color:var(--white)!important;
  letter-spacing:-0.02em!important;
  line-height:1!important;
  white-space:nowrap!important;
  max-width:none!important;
}

.logo-s,
.logo-mark{
  display:none!important;
}

@media(max-width:1080px){
  .logo{
    min-width:auto!important;
  }
  .logo-img{
    height:34px!important;
    max-width:66px!important;
  }
  .logo-n{
    font-size:14px!important;
  }
}

@media(max-width:560px){
  .logo-img{
    height:32px!important;
    max-width:60px!important;
  }
  .logo-n{
    font-size:13px!important;
  }
}