:root{--bg:#040914;--panel:#071325;--panel2:#091a31;--gold:#f3bd39;--gold2:#ffd96a;--blue:#18a8ff;--text:#f5f8ff;--muted:#9ba9bd;--line:rgba(118,164,214,.18);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0%,#0d2444 0,transparent 32%),radial-gradient(circle at 0% 40%,#061a35 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:20}.nav{position:sticky;top:0;z-index:30;height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(4,9,20,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{width:205px;height:auto;display:block}.navlinks{display:flex;gap:30px}.navlinks a,footer a{color:#d9e3f2;text-decoration:none;font-size:14px}.navlinks a:hover,footer a:hover{color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;transition:.25s;cursor:pointer;border:1px solid transparent}.btn-gold{background:linear-gradient(135deg,var(--gold2),#e9aa24);color:#09101c;box-shadow:0 10px 35px rgba(243,189,57,.18)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(243,189,57,.3)}.btn-outline{border-color:#23608f;color:#fff;background:rgba(9,24,44,.5)}.btn-outline:hover{border-color:var(--blue);background:#0b1d34}.menu{display:none;background:none;border:0}.section{max-width:1200px;margin:auto;padding:115px 5%}.section-grid{max-width:1400px;margin:auto;padding:100px 5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--gold2)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32e17b;box-shadow:0 0 16px #32e17b;margin-right:8px}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:20px 0}.hero h1 em,.section h2 em{font-style:normal;color:var(--gold2)}.hero-text{font-size:18px;color:#afbdd0;max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0}.trustline{font-size:12px;color:#7f90a8}.trustline span{color:#50d9ff}.hero-visual{min-height:550px;position:relative;display:flex;align-items:center;justify-content:center}.main-card{position:relative;width:min(540px,100%);padding:25px;border:1px solid rgba(58,154,229,.3);border-radius:30px;background:linear-gradient(145deg,rgba(11,34,62,.9),rgba(4,13,27,.88));box-shadow:0 30px 100px rgba(0,0,0,.45),inset 0 0 70px rgba(24,168,255,.04);overflow:hidden}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#7e9ab8}.card-top b{color:#54e38b}.bridge-art{height:265px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 30px rgba(24,168,255,.18))}.bridge-art img{width:80%;max-height:265px;object-fit:cover;object-position:center top;border-radius:18px;opacity:.9}.system-flow{display:flex;align-items:center;gap:8px}.flow-node{flex:1;padding:13px;border-radius:13px;background:#071a30;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.flow-node strong{font-size:10px;color:var(--blue)}.flow-node span{font-size:11px;color:#c7d5e5}.flow-line{width:22px;height:1px;background:linear-gradient(90deg,var(--blue),var(--gold))}.mini-chat{margin-top:15px;padding:11px 13px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:13px}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),#1669ff);font-size:9px;font-weight:800}.mini-chat small{color:#7992ad}.mini-chat p{margin:0;font-size:12px}.mini-chat time{margin-left:auto;color:#60748c;font-size:10px}.float-pill{position:absolute;padding:10px 13px;border:1px solid rgba(243,189,57,.28);background:rgba(5,16,30,.85);border-radius:999px;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.3)}.p1{top:12%;right:-2%}.p2{bottom:13%;left:-4%}.p3{top:45%;right:-8%}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb1{width:260px;height:260px;background:rgba(24,168,255,.08);top:10%;left:5%}.orb2{width:180px;height:180px;background:rgba(243,189,57,.08);bottom:5%;right:5%}.proof-strip{max-width:1300px;margin:0 auto;padding:28px 5%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,24,43,.45)}.proof-strip div{padding:0 25px;border-right:1px solid var(--line)}.proof-strip div:last-child{border:0}.proof-strip strong{display:block;font:700 30px "Space Grotesk";color:var(--gold2)}.proof-strip span{font-size:12px;color:#8192a9}.section-head{max-width:760px;margin-bottom:55px}.section h2{font:700 clamp(38px,5vw,62px)/1.05 "Space Grotesk";letter-spacing:-.045em;margin:15px 0}.section-head p{color:var(--muted);font-size:16px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(9,28,50,.75),rgba(5,15,29,.65));min-height:210px}.problem span,.service-no{color:#4a769b;font-size:12px;font-weight:800}.problem h3{font-size:22px;margin:25px 0 10px}.problem p,.service p{color:#92a4bb;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{min-height:330px;padding:28px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(9,27,48,.8),rgba(4,14,27,.8));position:relative;overflow:hidden;transition:.3s}.service:hover{transform:translateY(-5px);border-color:rgba(24,168,255,.5);box-shadow:0 20px 55px rgba(0,0,0,.25)}.service.featured{border-color:rgba(243,189,57,.4);background:radial-gradient(circle at 80% 0,rgba(243,189,57,.1),transparent 45%),linear-gradient(160deg,rgba(12,31,51,.9),rgba(4,14,27,.9))}.icon{font-size:28px;color:var(--blue);margin-bottom:35px}.service h3{font:700 24px/1.1 "Space Grotesk";margin:10px 0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font-size:10px;color:#adc0d5;border:1px solid var(--line);padding:6px 9px;border-radius:999px}.journey{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.journey-visual{height:470px;position:relative;display:grid;place-items:center}.circle{border:1px solid rgba(24,168,255,.2);border-radius:50%;display:grid;place-items:center}.circle.big{width:430px;height:430px;background:radial-gradient(circle,rgba(24,168,255,.08),transparent 60%)}.circle.mid{width:300px;height:300px;background:radial-gradient(circle,rgba(243,189,57,.08),transparent 60%);border-color:rgba(243,189,57,.22)}.circle.small{width:110px;height:110px;background:linear-gradient(135deg,var(--blue),#1d5df2);border:8px solid #0b2944;box-shadow:0 0 70px rgba(24,168,255,.3);font:800 34px "Space Grotesk"}.journey-label{position:absolute;font-size:10px;letter-spacing:.18em;color:#8da6c0}.l1{top:18%;left:4%}.l2{top:48%;right:3%;color:var(--gold2)}.l3{bottom:13%;left:15%}.l4{top:22%;right:20%}.steps{display:grid;gap:12px;margin-top:30px}.steps>div{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:17px;border-bottom:1px solid var(--line)}.steps b{color:var(--gold2);font-size:12px}.steps span{color:#8ea0b5;font-size:13px}.steps strong{color:#f0f5fb}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry-grid span{padding:23px;border:1px solid var(--line);border-radius:16px;text-align:center;color:#c3d1e2;background:rgba(8,22,39,.55);font-size:13px}.cta{padding-top:60px}.cta-inner{padding:65px;border-radius:30px;border:1px solid rgba(243,189,57,.32);background:radial-gradient(circle at 80% 0,rgba(243,189,57,.12),transparent 35%),linear-gradient(130deg,#0a2038,#07111f);display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.cta h2{margin-bottom:15px}.cta p{color:#9aabbd;max-width:600px}.cta-box{padding:25px;border:1px solid var(--line);background:rgba(0,0,0,.16);border-radius:20px;display:flex;flex-direction:column;gap:12px}.btn.big{padding:17px}.cta-box .mail{color:var(--gold2);font-size:13px;text-decoration:none;margin-top:8px}.cta-box>span{font-size:12px;color:#8194aa}footer{max-width:1200px;margin:auto;padding:60px 5% 30px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:50px;border-bottom:1px solid var(--line)}.footer-logo{width:190px}.footer-main p{color:#7f91a8;max-width:350px;font-size:13px}.footer-main h4{font-size:12px;color:var(--gold2);letter-spacing:.12em}.footer-main a{display:block;margin:11px 0;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;color:#64768d;font-size:11px;padding-top:20px}.whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#18c76a;color:#fff;text-decoration:none;font-size:27px;box-shadow:0 10px 35px rgba(24,199,106,.28);z-index:25}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:950px){.navlinks{display:none}.navcta{display:none}.menu{display:flex;flex-direction:column;gap:4px}.menu span{width:24px;height:2px;background:#fff}.section-grid,.journey,.cta-inner{grid-template-columns:1fr}.hero-visual{min-height:500px}.proof-strip{grid-template-columns:repeat(2,1fr);gap:20px}.proof-strip div:nth-child(2){border-right:0}.service-grid,.problem-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.journey-visual{order:2}.cta-inner{padding:40px}.p1,.p3{right:0}.p2{left:0}}@media(max-width:600px){.nav{height:68px;padding:0 20px}.brand img{width:160px}.section-grid,.section{padding-left:20px;padding-right:20px}.section-grid{padding-top:70px}.hero h1{font-size:48px}.hero-text{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-visual{min-height:410px}.main-card{padding:18px}.bridge-art{height:190px}.bridge-art img{height:190px}.float-pill{font-size:9px}.p1{top:4%;right:0}.p2{bottom:6%;left:0}.p3{top:42%;right:-3%}.proof-strip{padding:25px 20px}.proof-strip div{padding:0 12px}.proof-strip strong{font-size:24px}.service-grid,.problem-grid{grid-template-columns:1fr}.service{min-height:auto}.journey-visual{height:350px}.circle.big{width:310px;height:310px}.circle.mid{width:220px;height:220px}.circle.small{width:85px;height:85px;font-size:25px}.industry-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:25px}.footer-bottom{flex-direction:column;gap:8px}.whatsapp{right:18px;bottom:18px}.system-flow{gap:4px}.flow-node{padding:9px}.flow-node span{font-size:9px}.flow-line{width:10px}}


.contact-details{padding-top:80px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.contact-grid>a,.contact-grid>div{display:flex;flex-direction:column;gap:8px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.025);text-decoration:none;color:inherit}.contact-grid small{letter-spacing:.16em;color:#d9b44a;font-weight:800}.contact-grid strong{font-size:18px;word-break:break-word}.contact-grid span:last-child{color:#8d98ad}.contact-icon{font-size:24px;color:#e0b94f!important}.service-grid{grid-template-columns:repeat(4,1fr)}.service.featured{grid-column:span 2}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.service.featured{grid-column:span 2}.contact-grid{grid-template-columns:1fr}}@media(max-width:620px){.service-grid{grid-template-columns:1fr}.service.featured{grid-column:span 1}.contact-grid{grid-template-columns:1fr}}


/* Conversion-focused hero messaging */
.hero-copy h1 .hero-system {
  display:block;
  margin-top:14px;
  font-size:.42em;
  line-height:1.15;
  letter-spacing:.02em;
  color:#f4c95d;
  text-transform:uppercase;
}
.hero-copy h1 { text-wrap:balance; }
.hero-actions .btn-outline { white-space:nowrap; }
@media (max-width: 700px) {
  .hero-copy h1 .hero-system { font-size:.5em; margin-top:10px; }
  .hero-actions .btn-outline { white-space:normal; }
}