:root{--navy:#071a2a;--navy2:#102d44;--ink:#16222b;--cream:#f5f1e8;--white:#fff;--muted:#6e7a83;--gold:#c7a45e;--blue:#5b83a2;--border:#e3ded4;--green:#2b8a62}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream)}a{text-decoration:none;color:inherit}
header{position:fixed;z-index:30;top:0;left:0;right:0;height:80px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(7,26,42,.94);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.brand,.footer-brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:12px;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--navy);font-weight:900;font-family:"Manrope"}.logo.small{width:30px;height:30px;border-radius:9px}.brand b,.footer-brand b{display:block;letter-spacing:.12em;font-size:13px}.brand small,.footer-brand small{display:block;color:#b8c2ca;font-size:10px;margin-top:3px}
nav{display:flex;gap:24px;align-items:center;font-size:13px;color:#d7dee3}nav a:hover{color:#fff}.navcta{border:1px solid var(--gold);padding:10px 16px;border-radius:999px}.toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{padding:150px 6vw 90px;background:radial-gradient(circle at 80% 30%,#173d59 0,transparent 34%),linear-gradient(135deg,#06131f,#0c2538 62%,#0d2c43);color:#fff;min-height:760px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:6vw;align-items:center;width:100%;max-width:1500px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;color:#d9bf86}.eyebrow.dark{color:#8e6d34}.hero h1,h2{font-family:"Manrope",sans-serif;line-height:1.05;margin:16px 0}.hero h1{font-size:clamp(52px,6vw,92px);max-width:800px}.hero h1 span{color:#d9bf86}.lead{font-size:18px;line-height:1.7;color:#c9d2d9;max-width:700px}.actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer}.primary{background:var(--gold);color:var(--navy)}.secondary{border-color:rgba(255,255,255,.35);color:#fff}.outline-dark{border-color:#b8b1a5;color:var(--navy)}.trust-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:35px;color:#94a3ae;font-size:12px}.trust-row b{color:#d6dde2}
.dashboard-shell{background:#f8fafb;color:var(--ink);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.28);transform:rotate(1deg)}.dash-top,.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.tiny{font-size:9px;letter-spacing:.16em;color:#788995;font-weight:800}.dash-top h3{margin:5px 0 0}.status{font-size:10px;color:#267552;background:#e4f4eb;padding:7px 10px;border-radius:999px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metrics>div,.panel{background:#fff;border:1px solid #e7ebee;border-radius:15px;padding:15px}.metrics small,.metrics span{display:block;color:#788995;font-size:10px}.metrics strong{font-size:22px;display:block;margin:6px 0}.dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.healthbar{height:8px;background:#edf0f2;border-radius:99px;margin:12px 0}.healthbar i{display:block;width:87%;height:100%;background:linear-gradient(90deg,#2c8d65,#c7a45e);border-radius:99px}.panel ul{padding:0;list-style:none;margin:0}.panel li{font-size:11px;color:#66747e;margin:9px 0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.green{background:#2c8d65}.amber{background:#c99538}.blue{background:#5b83a2}.ai-panel{background:var(--navy);color:#fff}.ai-panel p{font-size:12px;line-height:1.55;color:#c8d1d8}.ai-panel button{background:none;border:0;color:#d9bf86;padding:0;font-weight:700;font-size:11px}
.logo-strip{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;padding:24px 5vw;background:#fff;border-bottom:1px solid var(--border);color:#7a858d;font-size:12px}.logo-strip b{color:#35434d}
.section{padding:110px 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.section-heading h2{font-size:clamp(42px,5vw,72px);max-width:900px}.intro-copy{font-size:18px;line-height:1.8;color:#59666e}.feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.feature-grid article{background:#fff;border:1px solid var(--border);padding:24px;min-height:220px}.feature-grid span{color:#9b793d;font-size:12px}.feature-grid h3{font-family:"Manrope";font-size:22px;margin:28px 0 10px}.feature-grid p{color:var(--muted);line-height:1.65}
.dark-section{padding:110px 7vw;background:var(--navy);color:#fff}.centered{text-align:center;max-width:800px;margin:0 auto 40px}.dark-section h2{font-size:clamp(42px,5vw,70px)}.industry-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:30px}.industry-tabs button{border:1px solid rgba(255,255,255,.18);background:transparent;color:#d5dde3;padding:11px 17px;border-radius:999px;cursor:pointer}.industry-tabs button.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}.industry-panel{display:none;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center;max-width:1200px;margin:auto;background:#0d2639;border:1px solid rgba(255,255,255,.08);padding:45px}.industry-panel.active{display:grid}.industry-panel h3{font-family:"Manrope";font-size:34px;line-height:1.15}.industry-panel p,.industry-panel li{color:#b8c4cc;line-height:1.7}.badge{font-size:10px;letter-spacing:.14em;color:#d9bf86}.mock-card{background:#f7f9fa;color:var(--ink);padding:35px;border-radius:18px;font-size:13px}.mock-card strong,.mock-card span{display:block}.mock-card strong{font-size:36px;margin:16px 0}.mock-card span{color:var(--muted)}
.ai-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.ai-copy h2{font-size:clamp(44px,5vw,72px)}.ai-copy>p:last-of-type{color:var(--muted);line-height:1.75;font-size:17px}.ai-list{margin-top:30px}.ai-list div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:17px 0;border-top:1px solid var(--border)}.ai-list span{color:var(--muted)}.chat-card{background:var(--navy);color:#fff;border-radius:24px;padding:24px;box-shadow:0 25px 70px rgba(7,26,42,.18)}.chat-top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.bubble{max-width:88%;padding:13px 15px;border-radius:14px;margin:10px 0;font-size:13px;line-height:1.55}.bubble.user{margin-left:auto;background:#d9bf86;color:var(--navy)}.bubble.ai{background:#16354c;color:#dce4e9}.impact{margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;color:#b7c4cc}.impact b{color:#d9bf86}
.global-section{position:relative;padding:120px 7vw;background:linear-gradient(90deg,rgba(7,26,42,.96),rgba(7,26,42,.55)),url("https://images.unsplash.com/photo-1521295121783-8a321d551ad2?auto=format&fit=crop&w=1800&q=85") center/cover;color:#fff}.global-content{position:relative;max-width:850px}.global-content h2{font-size:clamp(46px,6vw,78px)}.global-content>p:last-of-type{font-size:18px;line-height:1.7;color:#d1d9df}.global-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.global-stats div{border-top:1px solid var(--gold);padding-top:15px}.global-stats strong,.global-stats span{display:block}.global-stats span{color:#b9c4cb;font-size:13px;margin-top:6px}
.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.outcome-grid article{background:#fff;border:1px solid var(--border);padding:24px}.outcome-grid strong{font-size:30px;color:#9b793d}.outcome-grid h3{font-family:"Manrope";font-size:21px}.outcome-grid p{color:var(--muted);line-height:1.65}
.pricing{background:#ece6db}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:auto}.pricing-grid article{background:#fff;border:1px solid #d7d0c5;padding:30px}.pricing-grid article.featured{background:var(--navy);color:#fff;transform:translateY(-12px)}.pricing-grid>article>span{font-size:10px;letter-spacing:.15em;color:#9a783d}.pricing-grid h3{font-family:"Manrope";font-size:42px;margin:18px 0}.pricing-grid h3 small{font-size:13px}.pricing-grid p,.pricing-grid li{color:#6d777e;line-height:1.65}.featured p,.featured li{color:#bec8ce}.pricing-grid ul{padding-left:18px;min-height:180px}.pricing-note{text-align:center;color:#7b847f;font-size:12px;margin-top:25px}
.company{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.company h2{font-size:clamp(44px,5vw,70px)}.company>div:last-child{font-size:17px;line-height:1.8;color:#59666e}
.demo-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:110px 8vw;background:var(--navy);color:#fff}.demo-section h2{font-size:clamp(46px,5vw,72px)}.demo-section p{color:#b8c4cc;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:15px;border:1px solid #385166;background:#0e2a3e;color:#fff;font:inherit}input::placeholder,textarea::placeholder{color:#9fb0bc}textarea{min-height:130px;margin:12px 0;resize:vertical}#formMessage{font-size:13px;color:#d9bf86}
footer{background:#04111b;color:#fff;padding:60px 6vw 24px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.footer-cols div{display:flex;flex-direction:column;gap:9px}.footer-cols a{color:#9eabb4;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:40px;color:#7f8e98;font-size:12px}
@media(max-width:1000px){nav{display:none;position:absolute;top:80px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:24px 5vw;background:var(--navy)}nav.open{display:flex}.toggle{display:block}.hero-grid,.intro,.ai-section,.company,.demo-section,.industry-panel{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.outcome-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.pricing-grid article.featured{transform:none}.footer-top{flex-direction:column}}
@media(max-width:650px){.hero,.section,.dark-section,.global-section,.demo-section{padding-left:24px;padding-right:24px}.metrics,.dash-grid,.feature-grid,.outcome-grid,.global-stats,.form-grid{grid-template-columns:1fr}.dashboard-shell{transform:none}.industry-panel{padding:26px}.ai-list div{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}}
