*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#081a3c;background:#f7faff;overflow-x:hidden}.grid-bg{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,94,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,94,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 70%);z-index:-1}.nav{height:82px;padding:0 5vw;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:20;background:rgba(247,250,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,38,86,.08)}.brand{display:flex;align-items:center;text-decoration:none;color:#071a3d;min-width:215px}.brand img{width:52px;height:52px;object-fit:cover;object-position:50% 28%;border-radius:12px}.brand span{display:flex;flex-direction:column;margin-left:10px;letter-spacing:.18em}.brand small{font-size:8px;letter-spacing:.08em;color:#6e7d98;margin-top:2px}.nav nav{display:flex;gap:28px;margin:auto}.nav nav a{color:#233654;text-decoration:none;font-size:14px}.actions{display:flex;align-items:center;gap:10px}.actions select,.ghost{border:1px solid #dce5f2;background:#fff;border-radius:12px;padding:11px 13px;color:#13284a}.btn{border:0;border-radius:14px;padding:14px 20px;color:#fff;text-decoration:none;font-weight:750;background:linear-gradient(135deg,#246cff,#00b9ff);box-shadow:0 12px 30px rgba(24,111,255,.24);cursor:pointer}.btn.small{padding:12px 15px;font-size:13px}.menu{display:none}.hero{min-height:760px;padding:80px 6vw 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;background:radial-gradient(circle at 80% 25%,rgba(20,113,255,.16),transparent 30%),linear-gradient(135deg,#061634 0%,#0a2457 52%,#07193c 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%)}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:#2b82ff;margin-bottom:18px}.hero .eyebrow,.dark-section .eyebrow{color:#63b7ff}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px;max-width:800px}.hero h1 span{background:linear-gradient(90deg,#3b86ff,#37d6ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:20px;line-height:1.65;color:#c7d4e9;max-width:660px}.hero-actions{display:flex;gap:12px;margin:34px 0}.ghost.light{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#8fa5c7;font-size:12px}.scene{height:560px;position:relative;perspective:1000px}.globe{width:390px;height:390px;border:1px solid rgba(76,161,255,.5);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(10deg);box-shadow:0 0 100px rgba(0,111,255,.25),inset 0 0 80px rgba(27,124,255,.15);animation:float 5s ease-in-out infinite}.globe:after{content:"";position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(69,180,255,.26),rgba(9,34,83,.05) 48%,rgba(0,0,0,.15));box-shadow:inset -30px -20px 50px rgba(0,0,0,.25)}.latitude,.longitude{position:absolute;border:1px solid rgba(78,169,255,.32);border-radius:50%;inset:20% 4%}.l2{inset:39% 2%}.longitude{inset:4% 34%;transform:rotate(90deg)}.x2{transform:rotate(55deg)}.node{position:absolute;width:10px;height:10px;background:#45d8ff;border-radius:50%;box-shadow:0 0 18px #45d8ff;z-index:2}.n1{left:23%;top:31%}.n2{right:20%;top:47%}.n3{left:47%;bottom:16%}.route{position:absolute;width:55%;height:30%;border-top:2px solid #2aaaff;border-radius:50%;left:23%;top:35%;transform:rotate(13deg);filter:drop-shadow(0 0 7px #2aaaff);z-index:3}.float-card{position:absolute;padding:16px 18px;width:205px;border:1px solid rgba(255,255,255,.16);background:rgba(7,28,68,.62);backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:7px;animation:cardfloat 4s ease-in-out infinite}.float-card small{font-size:9px;letter-spacing:.18em;color:#65b9ff}.float-card b{font-size:14px}.float-card span{font-size:11px;color:#9eb1cd}.c1{left:0;top:18%}.c2{right:0;top:35%;animation-delay:-1.3s}.c3{left:12%;bottom:8%;animation-delay:-2.5s}.orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.5}.orb1{width:130px;height:130px;background:#006eff;right:10%;top:10%}.orb2{width:100px;height:100px;background:#00c8ff;left:10%;bottom:15%}.ticker{background:#0b5ff2;color:#fff;overflow:hidden;white-space:nowrap;padding:13px 0;font-size:11px;font-weight:800;letter-spacing:.18em}.ticker div{display:inline-block;animation:ticker 24s linear infinite}.ticker i{margin:0 22px;color:#75d9ff}.section{padding:110px 6vw}.section-head{max-width:760px;margin-bottom:45px}.section h2,.dark-section h2,.cta h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.045em;margin:0 0 16px}.section-head p,.tech-copy>p{font-size:18px;line-height:1.7;color:#697995}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{background:rgba(255,255,255,.86);border:1px solid #e3eaf4;border-radius:24px;padding:32px;min-height:285px;box-shadow:0 20px 60px rgba(11,43,91,.06);transition:.35s}.service:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 28px 70px rgba(15,83,190,.13)}.service .icon{font-size:32px;color:#1579ff}.service small{float:right;color:#91a0b8}.service h3{font-size:25px;margin:42px 0 12px}.service p{color:#71809a;line-height:1.65}.service>span{font-size:24px;color:#1979ff}.dark-section{padding:110px 6vw;background:#061634;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.tech-copy>p{color:#9db0cc}.metrics{display:flex;gap:45px;margin-top:38px}.metrics div{display:flex;flex-direction:column}.metrics b{font-size:30px;color:#52b9ff}.metrics span{font-size:11px;color:#8fa4c2;text-transform:uppercase;letter-spacing:.14em}.ai-panel{border:1px solid rgba(84,169,255,.22);background:linear-gradient(145deg,rgba(24,84,180,.22),rgba(5,24,59,.8));border-radius:25px;padding:24px;box-shadow:0 30px 90px rgba(0,75,255,.14)}.ai-top{font-size:12px;letter-spacing:.16em;color:#76c7ff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:18px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#32d6ff;box-shadow:0 0 15px #32d6ff;margin-right:10px}.chat p,.chat div{padding:16px;border-radius:14px;max-width:88%;line-height:1.6}.chat p{background:#fff;color:#13294e;margin-left:auto}.chat div{background:rgba(39,122,255,.15);color:#bcd1ec}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-top:2px solid #dce7f5;padding:26px 10px}.step>b{color:#1681ff;font-size:13px}.step h3{font-size:22px}.step p{color:#71809a;line-height:1.55}.cta{margin:0 6vw 90px;padding:58px;border-radius:30px;background:linear-gradient(125deg,#0b2353,#126cff);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 30px 80px rgba(20,90,220,.2)}.cta p{color:#c7d7ee}.btn.white{background:#fff;color:#0c3c8e;white-space:nowrap}.contact{display:flex;justify-content:space-between;border-top:1px solid #e2e9f3}.modal{position:fixed;inset:0;background:rgba(3,14,34,.72);backdrop-filter:blur(10px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalbox{width:min(440px,100%);background:#fff;border-radius:24px;padding:32px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.3)}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px}.modalbox label{display:block;font-size:12px;color:#62728c;margin:15px 0}.modalbox input{display:block;width:100%;padding:14px;border:1px solid #dce5f1;border-radius:12px;margin-top:7px}.full{width:100%}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,140%);background:#061634;color:#fff;padding:15px 20px;border-radius:13px;z-index:110;transition:.35s;box-shadow:0 15px 40px rgba(0,0,0,.25)}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translate(-50%,-53%) rotateX(10deg) rotateY(8deg)}}@keyframes cardfloat{50%{transform:translateY(-10px)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:900px){.nav{height:72px;padding:0 18px}.brand{min-width:0}.brand img{width:42px;height:42px}.brand span{display:none}.menu{display:block;margin-left:auto;border:1px solid #dce5f2;background:#fff;border-radius:11px;padding:10px 12px;font-size:18px}.nav nav{display:none;position:absolute;top:72px;left:12px;right:12px;flex-direction:column;background:#fff;padding:18px;border-radius:16px;box-shadow:0 18px 50px rgba(7,31,73,.14)}.nav nav.open{display:flex}.actions .small,.actions .ghost{display:none}.actions select{padding:9px}.hero{min-height:auto;padding:70px 20px 50px;grid-template-columns:1fr}.hero h1{font-size:52px}.hero-copy>p{font-size:17px}.scene{height:420px;margin-top:10px}.globe{width:280px;height:280px}.float-card{width:165px;padding:12px}.c1{top:5%}.c2{top:35%}.c3{bottom:2%}.section,.dark-section{padding:78px 20px}.cards,.steps,.dark-section{grid-template-columns:1fr}.service{min-height:230px}.metrics{gap:24px}.cta{margin:0 20px 65px;padding:35px 25px;flex-direction:column;align-items:flex-start}.contact{flex-direction:column;gap:25px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn,.hero-actions button{text-align:center;width:100%}.trust{font-size:10px}.ticker{font-size:9px}.section h2,.dark-section h2,.cta h2{font-size:38px}}@media(max-width:390px){.hero h1{font-size:44px}.scene{height:380px}.globe{width:245px;height:245px}.float-card{width:145px}.float-card b{font-size:12px}}
/* CLEARIX V6 */
.ghost.login-top,.hero-login{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750}
@media(max-width:900px){
  .actions{gap:7px}
  .actions .login-top{display:inline-flex!important;padding:9px 11px;font-size:12px;white-space:nowrap}
  .actions .quote-top{display:none!important}
  .actions select{max-width:72px}
}
@media(max-width:390px){
  .nav{padding:0 10px}
  .actions .login-top{padding:8px 9px}
}

/* CLEARIX V6.1 interaction fix */
.hero:before{pointer-events:none!important}
.hero-copy,.scene{position:relative;z-index:2}
.hero-actions a{position:relative;z-index:5;pointer-events:auto!important}
.mobile-auth,.mobile-quote{display:none}
@media(max-width:900px){
  #navLinks .mobile-auth,#navLinks .mobile-quote{display:flex!important;align-items:center;justify-content:center;padding:13px 15px;border-radius:12px;font-weight:750}
  #navLinks .mobile-auth{border:1px solid #dce5f2;background:#fff;color:#13284a}
  #navLinks .mobile-quote{background:linear-gradient(135deg,#246cff,#00b9ff);color:#fff!important}
  .hero-actions a{width:100%;text-align:center}
}

/* CLEARIX V6.2 — force primary CTA clickability */
.hero-copy,.hero-actions,.hero-actions a,.hero-actions button,.cta,.cta a{position:relative;z-index:12}
.action-link{pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.14)}
.scene,.scene *{pointer-events:none!important}
.hero:before,.grid-bg,.orb,.globe,.float-card{pointer-events:none!important}
@media(max-width:900px){
  .hero{position:relative}
  .hero-copy{z-index:20}
  .hero-actions{z-index:21}
  .hero-actions a{display:flex!important;position:relative!important;z-index:30!important;pointer-events:auto!important}
}


/* CLEARIX V18 — Public Access & Conversion */
.moz-first{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  color:#d7ebff;
}
.create-top{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:750;
}
.mobile-create{display:none}

.access-strip{
  margin:36px 6vw 10px;
  padding:30px 34px;
  background:#fff;
  border:1px solid #dfe8f3;
  border-radius:24px;
  box-shadow:0 20px 65px rgba(7,31,73,.08);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.access-strip h2{margin:6px 0 8px;font-size:30px}
.access-strip p{max-width:650px;color:#70809a;line-height:1.55;margin:0}
.access-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:330px}
.access-btn{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:12px 14px;
  border:1px solid #d5e0ee;
  border-radius:12px;
  background:#fff;
  color:#0d3d84;
  text-decoration:none;
  font-size:13px;
  font-weight:850;
  pointer-events:auto!important;
  touch-action:manipulation;
}
.access-btn.primary{
  background:linear-gradient(135deg,#246cff,#00b9ff);
  color:#fff;
  border-color:transparent;
}
.cta-buttons{display:flex;gap:10px;flex-wrap:wrap}
.cta-buttons a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  pointer-events:auto!important;
  touch-action:manipulation;
}

/* Main public CTAs always clickable */
#heroQuoteBtn,#heroCreateBtn,#heroLoginBtn,
.access-actions a,.cta-buttons a,
.actions a,#navLinks a{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative;
  z-index:40;
}

@media(max-width:900px){
  #navLinks .mobile-create{
    display:flex!important;
    align-items:center;
    justify-content:center;
    padding:13px 15px;
    border-radius:12px;
    font-weight:750;
    border:1px solid #dce5f2;
    background:#f4f8ff;
    color:#125cc5;
  }
  .actions .create-top{display:none!important}
  .access-strip{
    margin:24px 20px 10px;
    padding:25px 20px;
    flex-direction:column;
    align-items:stretch;
  }
  .access-actions{min-width:0;width:100%;grid-template-columns:1fr 1fr}
  .cta-buttons{width:100%;flex-direction:column}
  .cta-buttons a{width:100%}
}
@media(max-width:480px){
  .access-actions{grid-template-columns:1fr}
  .moz-first{font-size:8px;letter-spacing:.08em}
}