:root{
  --navy:#0A1A33; --navy2:#0C1F3D; --panel:#10254A; --teal:#2EC5D3; --teal2:#4BC4D2;
  --teal-d:#1E8E9A; --gold:#E9B14C; --ink:#E9F0FA; --muted:#9DB0CC; --line:rgba(120,160,210,.16);
  --sans:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --serif:'Fraunces',Georgia,serif; --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--ink);background:var(--navy);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);}
h1,h2,h3{font-family:var(--sans);line-height:1.12;color:#fff;}
.grad{background:linear-gradient(100deg,#4BC4D2 0%,#6FE0EC 40%,#E9B14C 120%);-webkit-background-clip:text;background-clip:text;color:transparent;}

#prog{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--teal),var(--gold));z-index:100;box-shadow:0 0 12px var(--teal);}

.btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:12px;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer;border:none;will-change:transform;}
.btn-primary{background:linear-gradient(100deg,var(--teal),var(--teal-d));color:#04141b;font-weight:700;box-shadow:0 8px 26px rgba(46,197,211,.32);}
.btn-primary:hover{box-shadow:0 12px 36px rgba(46,197,211,.5);}
.btn-ghost{background:rgba(255,255,255,.04);color:#fff;border:1.5px solid var(--line);}
.btn-ghost:hover{border-color:var(--teal);background:rgba(46,197,211,.08);}

header{position:sticky;top:0;z-index:60;backdrop-filter:blur(14px);background:rgba(8,20,40,.94);border-bottom:1px solid var(--line);transition:.3s;}
header.scrolled{background:rgba(7,17,35,.97);}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;}
.logo svg{height:44px;width:auto;display:block;}
.nav-links{display:flex;align-items:center;gap:32px;}
.nav-links a:not(.btn){font-weight:500;color:#B9C8E2;font-size:15px;position:relative;transition:.2s;}
.nav-links a.btn-primary{color:#04141b;}
.nav-links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--teal);transition:.25s;}
.nav-links a:not(.btn):hover{color:#fff;}
.nav-links a:not(.btn):hover::after,.nav-links a.active::after{width:100%;}
.nav-links a.active{color:#fff;}
.menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:26px;color:#fff;}

.hero{position:relative;padding:96px 0 110px;overflow:hidden;}
#net{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;z-index:0;pointer-events:none;}
.blob.a{width:520px;height:520px;background:radial-gradient(circle,#1E8E9A,transparent 70%);top:-160px;right:-120px;}
.blob.b{width:460px;height:460px;background:radial-gradient(circle,#23407a,transparent 70%);bottom:-180px;left:-120px;}
.blob.c{width:300px;height:300px;background:radial-gradient(circle,#E9B14C,transparent 70%);opacity:.16;top:40%;left:46%;}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.04);font-size:13px;font-weight:600;color:#BFE9EF;margin-bottom:22px;}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hero h1{font-size:60px;font-weight:800;letter-spacing:-1.5px;margin:0 0 22px;}
.hero p.lead{font-size:19px;color:var(--muted);max-width:540px;margin-bottom:32px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.hero-art{display:flex;justify-content:center;}
.hero-art svg{width:100%;max-width:380px;height:auto;filter:drop-shadow(0 18px 50px rgba(46,197,211,.25));}
.float{animation:float 6s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.ed{stroke-dasharray:240;stroke-dashoffset:240;animation:draw 2s ease forwards;}
@keyframes draw{to{stroke-dashoffset:0}}

/* Inner page hero */
.page-hero{position:relative;padding:120px 0 72px;text-align:center;overflow:hidden;}
.page-hero::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(46,197,211,.16),transparent 70%);top:-340px;left:50%;transform:translateX(-50%);filter:blur(40px);pointer-events:none;}
.page-hero .wrap{position:relative;z-index:2;}
.page-hero h1{font-size:50px;font-weight:800;letter-spacing:-1px;margin:14px 0 16px;}
.page-hero p{font-size:18px;color:var(--muted);max-width:640px;margin:0 auto;}

.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;background:rgba(255,255,255,.02);overflow:hidden;position:relative;z-index:2;}
.mq{display:flex;gap:48px;width:max-content;animation:scroll 26s linear infinite;}
.mq span{font-size:15px;font-weight:600;color:#86A0C6;white-space:nowrap;display:flex;align-items:center;gap:48px;}
.mq span::after{content:"●";color:var(--teal);font-size:8px;}
@keyframes scroll{to{transform:translateX(-50%)}}

section{padding:104px 0;position:relative;}
.sec-head{text-align:center;max-width:680px;margin:0 auto 60px;}
.sec-head h2{font-size:42px;font-weight:800;letter-spacing:-.8px;margin:14px 0 16px;}
.sec-head p{font-size:17px;color:var(--muted);}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:20px;padding:32px 28px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden;}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(46,197,211,.16),transparent 40%);opacity:0;transition:opacity .3s;}
.card:hover{transform:translateY(-6px);border-color:rgba(46,197,211,.5);box-shadow:0 22px 50px rgba(0,0,0,.4);}
.card:hover::before{opacity:1;}
.card .ic{width:52px;height:52px;border-radius:14px;background:rgba(46,197,211,.12);border:1px solid rgba(46,197,211,.3);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.card .ic svg{width:26px;height:26px;stroke:var(--teal);}
.card h3{font-size:20px;font-weight:700;margin-bottom:9px;}
.card p{font-size:15px;color:var(--muted);position:relative;}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.stat{text-align:center;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);}
.stat .n{font-family:var(--serif);font-size:46px;font-weight:600;color:#fff;line-height:1;}
.stat .n .grad{font-family:var(--serif);}
.stat .l{font-size:14px;color:var(--muted);margin-top:8px;}

/* Why */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.why{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:18px;padding:26px;transition:transform .3s,border-color .3s;}
.why:hover{transform:translateY(-4px);border-color:rgba(46,197,211,.45);}
.why .num{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:rgba(46,197,211,.14);border:1px solid rgba(46,197,211,.4);color:var(--teal);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--serif);}
.why h3{font-size:18px;font-weight:700;margin-bottom:5px;}
.why p{font-size:15px;color:var(--muted);}

/* About */
.about-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:36px;align-items:start;}
.about-copy p{font-size:16.5px;color:var(--muted);margin-bottom:16px;}
.about-list{list-style:none;display:grid;gap:12px;margin-top:24px;}
.about-list li{position:relative;padding-left:30px;font-size:15.5px;color:var(--ink);font-weight:500;}
.about-list li::before{content:"";position:absolute;left:0;top:3px;width:19px;height:19px;border-radius:50%;background:rgba(46,197,211,.18);}
.about-list li::after{content:"\2713";position:absolute;left:5px;top:2px;color:var(--teal);font-size:12px;font-weight:800;}
.about-quote{background:linear-gradient(160deg,#10366a,#0A1A33);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:20px;padding:32px 28px;position:sticky;top:100px;}
.about-quote p{font-family:var(--serif);font-size:19px;line-height:1.55;color:#fff;font-style:italic;margin-bottom:16px;}
.about-quote-by{font-size:14px;font-weight:600;color:#9FE4EE;}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.step{text-align:center;padding:10px;}
.step .dot{width:58px;height:58px;border-radius:50%;background:rgba(46,197,211,.1);border:2px solid var(--teal);color:var(--teal);font-weight:800;font-size:21px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-family:var(--serif);box-shadow:0 0 24px rgba(46,197,211,.25);}
.step h3{font-size:16px;font-weight:700;margin-bottom:6px;}
.step p{font-size:13.5px;color:var(--muted);}

.ai{position:relative;background:linear-gradient(135deg,#0E2950,#0A1A33);border:1px solid rgba(46,197,211,.3);border-radius:26px;padding:54px 48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;overflow:hidden;}
.ai::after{content:"";position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(46,197,211,.25),transparent 70%);top:-120px;right:-80px;filter:blur(40px);}
.ai h2{font-size:34px;font-weight:800;margin-bottom:16px;}
.ai p{color:var(--muted);font-size:17px;}
.tags{display:flex;flex-wrap:wrap;gap:11px;position:relative;}
.tag{background:rgba(46,197,211,.1);border:1px solid rgba(46,197,211,.4);color:#9FE4EE;padding:10px 17px;border-radius:30px;font-size:14px;font-weight:600;transition:.25s;}
.tag:hover{background:rgba(46,197,211,.22);transform:translateY(-3px);}

.cta{text-align:center;position:relative;}
.cta-box{position:relative;background:linear-gradient(135deg,#10366a,#0A1A33);border:1px solid var(--line);border-radius:28px;padding:72px 40px;overflow:hidden;}
.cta-box::before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at 50% -10%,rgba(46,197,211,.22),transparent 50%);}
.cta h2{font-size:46px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px;position:relative;}
.cta p{font-size:18px;color:var(--muted);max-width:520px;margin:0 auto 30px;position:relative;}
.cta .em{position:relative;font-family:var(--serif);font-size:22px;color:var(--teal);display:inline-block;margin-top:24px;}

/* Contact */
.contact{text-align:center;}
.contact .email{font-family:var(--serif);font-size:30px;color:var(--teal);font-weight:600;display:inline-block;margin-bottom:20px;}
.contact p{font-size:17px;color:var(--muted);max-width:520px;margin:0 auto 28px;}

footer{background:#08152B;border-top:1px solid var(--line);padding:54px 0 32px;}
.foot-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line);}
.foot-links{display:flex;gap:28px;flex-wrap:wrap;}
.foot-links a{color:#B9C8E2;font-size:15px;transition:.2s;}
.foot-links a:hover{color:var(--teal);}
.foot-bottom{padding-top:24px;font-size:13.5px;color:#7E94B8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* Light breather section (drop class "light" on a section) */
.light{background:#F4F7FB;color:#27303B;}
.light .eyebrow{color:#1E8E9A;}
.light h1,.light h2,.light h3{color:#16294A;}
.light .sec-head p,.light p{color:#5B6675;}
.light .why{background:#fff;border:1px solid #E3E9F0;}
.light .why:hover{border-color:#2EC5D3;}
.light .why .num{background:rgba(46,156,168,.12);border-color:rgba(46,156,168,.4);color:#1E8E9A;}
.light .why h3{color:#16294A;}.light .why p{color:#5B6675;}
.light .step .dot{background:#fff;border-color:#2E9CA8;color:#1E8E9A;box-shadow:0 6px 18px rgba(46,156,168,.18);}
.light .step h3{color:#16294A;}.light .step p{color:#5B6675;}
.light .lcard{background:#fff;border:1px solid #E3E9F0;border-radius:18px;padding:28px;transition:transform .3s,box-shadow .3s;}
.light .lcard:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(31,56,100,.12);}
.light .lcard .ic{width:48px;height:48px;border-radius:13px;background:rgba(46,156,168,.12);display:flex;align-items:center;justify-content:center;margin-bottom:15px;}
.light .lcard .ic svg{width:24px;height:24px;stroke:#1E8E9A;}
.light .lcard h3{font-size:18px;font-weight:700;margin-bottom:7px;color:#16294A;}
.light .lcard p{font-size:15px;color:#5B6675;}

/* Blog / article (light) */
.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E3E9F0;border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s;}
.post-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(31,56,100,.14);}
.post-card .thumb{height:148px;background:linear-gradient(135deg,#16294A,#1E8E9A);}
.post-card .pc{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1;}
.post-card .tagk{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#1E8E9A;margin-bottom:10px;}
.post-card h3{font-size:19px;font-weight:700;color:#16294A;margin-bottom:8px;line-height:1.3;}
.post-card p{font-size:14.5px;color:#5B6675;margin-bottom:16px;flex:1;}
.post-card .meta{font-size:13px;color:#8A97A8;}
.article{background:#fff;color:#27303B;}
.article-wrap{max-width:760px;margin:0 auto;padding:0 24px;}
.article-hero{background:#F4F7FB;padding:120px 0 56px;text-align:center;}
.article-hero .tagk{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#1E8E9A;}
.article-hero h1{font-size:42px;font-weight:800;color:#16294A;letter-spacing:-.6px;margin:14px auto 14px;max-width:740px;}
.article-hero .meta{color:#8A97A8;font-size:14px;}
.article-body{padding:56px 0 90px;}
.article-body h2{font-size:27px;color:#16294A;margin:34px 0 14px;}
.article-body p{font-size:17.5px;color:#3A4654;margin-bottom:20px;line-height:1.8;}
.article-body ul{margin:0 0 20px 22px;}
.article-body li{font-size:17px;color:#3A4654;margin-bottom:9px;}
.article-body a{color:#1E8E9A;font-weight:600;}

@media (max-width:920px){
  .blog-list{grid-template-columns:1fr 1fr;}
  .hero-grid{grid-template-columns:1fr;gap:28px;}.hero-art{order:-1;}.hero-art svg{max-width:240px;}
  .hero h1{font-size:44px;}.grid{grid-template-columns:1fr 1fr;}.stats{grid-template-columns:1fr 1fr;}
  .ai{grid-template-columns:1fr;padding:42px 30px;}.sec-head h2{font-size:34px;}.page-hero h1{font-size:40px;}
  .why-grid{grid-template-columns:1fr;}.steps{grid-template-columns:repeat(2,1fr);gap:26px;}.about-grid{grid-template-columns:1fr;gap:28px;}.about-quote{position:static;}
}
@media (max-width:620px){
  .nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:rgba(8,21,43,.97);backdrop-filter:blur(14px);flex-direction:column;gap:0;padding:8px 0;border-bottom:1px solid var(--line);}
  .nav-links.open{display:flex;}.nav-links a{padding:14px 24px;width:100%;}.menu-btn{display:block;}
  .grid,.stats,.blog-list{grid-template-columns:1fr;}.hero h1{font-size:36px;}.cta h2{font-size:32px;}section{padding:74px 0;}.page-hero h1{font-size:32px;}.article-hero h1{font-size:32px;}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}.reveal{opacity:1;transform:none;}}

/* Lead-capture modal */
.lead-overlay{position:fixed;inset:0;background:rgba(4,10,22,.72);backdrop-filter:blur(6px);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s;}
.lead-overlay.open{display:flex;opacity:1;}
.lead-card{width:100%;max-width:480px;background:linear-gradient(160deg,#0E2950,#0A1A33);border:1px solid var(--line);border-radius:22px;padding:34px 30px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.55);max-height:92vh;overflow:auto;transform:translateY(14px);transition:transform .25s;}
.lead-overlay.open .lead-card{transform:none;}
.lead-card h3{font-size:24px;font-weight:800;margin-bottom:6px;color:#fff;}
.lead-card .sub{color:var(--muted);font-size:15px;margin-bottom:22px;}
.lead-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:26px;cursor:pointer;line-height:1;}
.lead-close:hover{color:#fff;}
.lead-field{margin-bottom:15px;}
.lead-field label{display:block;font-size:13px;font-weight:600;color:#BFD0EA;margin-bottom:6px;}
.lead-field input,.lead-field textarea,.lead-field select{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:#fff;font-family:var(--sans);font-size:15px;transition:.2s;}
.lead-field input::placeholder,.lead-field textarea::placeholder{color:#6F84A6;}
.lead-field input:focus,.lead-field textarea:focus,.lead-field select:focus{outline:none;border-color:var(--teal);background:rgba(46,197,211,.07);}
.lead-field textarea{min-height:90px;resize:vertical;}
.lead-field select{appearance:none;-webkit-appearance:none;cursor:pointer;}
.lead-field select option{background:#0E2950;color:#fff;}
.lead-card .btn-primary{width:100%;justify-content:center;margin-top:6px;}
.lead-err{color:#ff9a9a;font-size:13.5px;margin-top:12px;display:none;}
.lead-success{text-align:center;padding:18px 4px;}
.lead-success .tick{width:62px;height:62px;border-radius:50%;background:rgba(46,197,211,.15);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.lead-success .tick svg{width:30px;height:30px;stroke:var(--teal);fill:none;}
.lead-success h3{margin-bottom:8px;}
.lead-success p{color:var(--muted);font-size:15px;}