:root{--navy:#041424;--navy2:#071e33;--mint:#35e6b0;--ink:#0b1a2d;--muted:#627184}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1320px)/2));background:#041424;color:white;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.17em;font-size:21px;line-height:1.05;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.42em;color:var(--mint);margin-top:6px}.brain{font-size:42px;color:var(--mint);font-weight:400}.nav nav{display:flex;gap:27px;font-size:13px}.nav nav a:hover{color:var(--mint)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--mint);color:#002b27;font-weight:750;padding:15px 23px;white-space:nowrap;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#72f6d0}.btn.small{font-size:12px;padding:11px 17px}.btn.ghost{background:transparent;border:1px solid #a6bac9;color:white}.btn.ghost:hover{background:#ffffff14}.hero{background:radial-gradient(ellipse at 83% 42%,#16455b 0%,#061a2d 46%,#031321 88%);color:white;padding:92px 5% 100px;overflow:hidden}.hero-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:46% 54%;gap:25px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#9db4c7}.hero h1{font-size:clamp(42px,4.6vw,71px);line-height:1.09;letter-spacing:-.055em;margin:20px 0}.hero h1 em{color:var(--mint);font-style:normal}.hero-copy>p{font-size:18px;color:#d0dce4;max-width:580px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 22px}.hero-note{font-size:12px;color:#93aebc}.dash{border:1px solid #3a6474;border-radius:20px;background:#071b2c;box-shadow:0 28px 65px #0008;padding:22px;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);margin-left:14px}.dash-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#e9f6fa;font-size:12px}.dash-logo{color:var(--mint);font-weight:800}.dash-logo b{color:#8ca3b3;font-size:9px}.dash-period{background:#102d42;padding:7px 9px;border-radius:6px;font-size:10px}.dash h3{font-size:19px;margin:27px 0 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats>div{background:#102a40;padding:12px 9px;border:1px solid #173d51;border-radius:8px}.stats small,.stats span{display:block;font-size:9px;color:#a8c1cf}.stats strong{display:block;font-size:29px;margin:4px 0;color:white}.stats .coral{color:#fb746a}.stats .amber{color:#ffbe50}.stats .mint{color:var(--mint)}.chartbox{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:10px}.chartbox>div{background:#0d2539;border:1px solid #20465b;border-radius:10px;padding:15px}.chartbox h4{font-size:13px;margin:0}.chartbox p,.chartbox small{font-size:10px;color:#9ab5c6;margin:4px 0}.bars{height:160px;display:flex;align-items:end;gap:8px;padding-top:20px;border-bottom:1px solid #335368}.bars i{display:block;flex:1;background:linear-gradient(0deg,#2278c5,#4ba3fa);border-radius:3px 3px 0 0}.ring-wrap{text-align:center}.ring{width:122px;height:122px;border-radius:50%;background:conic-gradient(#38d7b0 0 60%,#5e6deb 60% 79%,#ffa957 79% 91%,#f46e70 91%);margin:20px auto;position:relative}.ring:after{content:"";position:absolute;inset:27px;border-radius:50%;background:#0d2539}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:54px max(5%,calc((100% - 1320px)/2));background:white}.feature h3{font-size:17px;line-height:1.25;margin:14px 0 8px}.feature p{font-size:13px;color:var(--muted);margin:0}.glyph{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:26px}.green{background:#e4fff4;color:#09ae77}.orange{background:#fff0e6;color:#fa8c32}.blue{background:#e6f2ff;color:#2b81d5}.purple{background:#f0e9ff;color:#9054e9}.integration{background:#041727;color:white;padding:80px max(5%,calc((100% - 1320px)/2));display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center}.integration h2,.cta h2{font-size:clamp(32px,3vw,48px);line-height:1.14;letter-spacing:-.035em;margin:16px 0}.integration-copy>p{color:#b8c8d6}.chips{display:flex;gap:16px;margin-top:26px}.chips div{background:#102b40;border-radius:12px;padding:17px;flex:1}.chips b{display:block;font-size:24px}.chips small{font-size:12px;color:#b8cad8}.table-panel{background:#f8fbff;border-radius:15px;padding:22px;color:var(--ink);box-shadow:0 20px 50px #0004}.panel-title{display:flex;justify-content:space-between;font-weight:750;margin-bottom:18px}.panel-title span{color:#0c9377;font-size:10px;letter-spacing:.1em}.table-panel table{width:100%;border-collapse:collapse;font-size:12px}.table-panel th{font-size:11px;text-align:left;color:#64788b;padding:10px 7px;border-bottom:1px solid #dce5ed}.table-panel td{padding:13px 7px;border-bottom:1px solid #e5edf3}.red{color:#dc4b49;font-weight:750}.illustration{color:#78899a;font-size:11px}.benefits,.process{padding:68px max(5%,calc((100% - 1320px)/2));text-align:center;background:#fff}.dark{color:#688093}.benefits h2,.process h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.035em;margin:8px 0 34px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left}.benefit-grid>div{padding:20px;border:1px solid #edf1f5;border-radius:13px}.benefit-grid span{font-size:28px;color:#0fc99c;display:block}.benefit-grid b{display:block;margin-top:10px}.benefit-grid p{font-size:13px;color:var(--muted);margin-bottom:0}.process{background:#f7fafd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}.steps>div{padding:15px}.steps span{display:inline-grid;place-items:center;width:37px;height:37px;background:#146de1;color:white;border-radius:50%;font-weight:750;font-size:13px;margin-bottom:14px}.steps b{display:block}.steps p{font-size:13px;color:var(--muted)}.segments{background:#eaf3fb;padding:48px max(5%,calc((100% - 1320px)/2));display:flex;justify-content:space-between;align-items:center;gap:35px}.segments h2{font-size:29px;line-height:1.2;max-width:340px}.segment-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.segment-tags span{padding:18px 16px;border-radius:11px;background:white;font-size:12px;font-weight:650}.cta{background:linear-gradient(110deg,#031522,#07344a);color:white;padding:70px max(5%,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{max-width:740px}.cta p{color:#b9c9d3}footer{background:#041321;color:#d5e1ea;padding:56px max(5%,calc((100% - 1320px)/2)) 22px}.footer-grid{display:grid;grid-template-columns:1.2fr .75fr 1fr 1.45fr;gap:30px}.footer-grid h4{font-size:13px;color:white;margin:0 0 12px}.footer-grid a:not(.brand){display:block;font-size:12px;margin-bottom:8px}.footer-grid p{font-size:12px;color:#9eb2c2}.legal p{margin:7px 0}.bottom{display:flex;justify-content:space-between;border-top:1px solid #274057;margin-top:36px;padding-top:18px;font-size:11px;color:#93a9b9}@media(max-width:1050px){.nav nav{display:none}.hero-inner{grid-template-columns:1fr}.dash{transform:none;margin:25px 0 0}.features{grid-template-columns:repeat(2,1fr)}.integration{grid-template-columns:1fr}.benefit-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.nav{padding:0 5%;height:75px}.brand{font-size:17px}.brain{font-size:30px}.nav .btn{font-size:10px;padding:10px}.hero{padding:65px 5%}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.dash{padding:12px}.dash-period{display:none}.stats{grid-template-columns:repeat(2,1fr)}.chartbox{grid-template-columns:1fr}.ring-wrap{display:none}.features{grid-template-columns:1fr;gap:24px}.integration{padding-top:55px;padding-bottom:55px}.chips{flex-direction:column}.benefit-grid,.steps,.footer-grid{grid-template-columns:1fr}.segments,.cta{display:block}.segment-tags{justify-content:flex-start}.cta .btn{margin-top:20px}.bottom{display:block}.bottom span{display:block;margin-top:5px}.table-panel{overflow-x:auto}.table-panel table{min-width:410px}}
