:root{--ink:#092735;--muted:#5d747e;--line:#d7e5e7;--paper:#f5f9f9;--navy:#082734;--teal:#10b89d;--teal-dark:#068b77;--white:#fff;--soft:#e6f8f4;--shadow:0 20px 60px rgba(8,39,52,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}
.site-header{height:82px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;font:800 20px Manrope,sans-serif;letter-spacing:-.04em}
.brand>span:first-child{width:34px;height:34px;margin-right:9px;border-radius:10px;display:grid;place-items:center;background:var(--teal);color:#052b31}
.brand>span:last-child{color:var(--teal);margin-left:1px}
.site-header nav{display:flex;align-items:center;gap:30px;font-weight:700;font-size:14px}
.site-header nav>a:hover{color:var(--teal-dark)}
.nav-cta{padding:10px 16px;border:1px solid #b7d6d7;border-radius:10px}
.hero{max-width:1240px;margin:0 auto;padding:86px 28px 110px;display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center;min-height:660px}
.eyebrow{margin:0 0 14px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.14em}
.hero h1{font:800 clamp(44px,5vw,72px)/1.04 Manrope,sans-serif;letter-spacing:-.055em;margin:0;max-width:730px}
.hero h1 em{color:var(--teal-dark);font-style:normal}
.hero-text{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px;margin:26px 0 30px}
.hero-actions{display:flex;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px;border-radius:11px;font-weight:800;transition:.2s}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--teal);color:#032d30;box-shadow:0 12px 30px rgba(16,184,157,.2)}
.button.secondary{background:white;border:1px solid var(--line)}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;color:#49626d;font-size:13px}
.hero-visual{background:var(--navy);color:white;padding:26px;border-radius:24px;box-shadow:var(--shadow);transform:rotate(1deg);position:relative;overflow:hidden}
.hero-visual:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(17,184,157,.14);right:-100px;top:-120px}
.visual-top{position:relative;display:flex;justify-content:space-between;color:#a8bec5;font-size:13px}
.visual-top b{color:#70e4cf;background:#123d49;padding:3px 9px;border-radius:20px}
.metric{position:relative;margin:36px 0 28px}
.metric small,.metric span{display:block;color:#9db3ba}
.metric strong{display:block;font:800 44px Manrope;margin:3px 0}
.flow{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center}
.flow>div{padding:14px;background:#123846;border:1px solid #214957;border-radius:13px}
.flow>div.highlight{background:#0f635b;border-color:#1a8578}
.flow span{font-size:10px;color:#7f9da7}
.flow p{margin:4px 0;color:#b2c6cc;font-size:12px}
.flow strong{font:800 22px Manrope}
.flow i{font-style:normal;color:#64818b}
.message-card{position:relative;margin-top:24px;background:white;color:var(--ink);padding:13px;border-radius:13px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}
.message-card>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--teal-dark);font-size:12px;font-weight:800}
.message-card p{font-size:12px;color:var(--muted);margin:1px 0}
.message-card small{color:var(--teal-dark)}
.problem-band{background:var(--navy);color:white;text-align:center;padding:35px 24px}
.problem-band p{margin:0;color:#a9c0c7}
.problem-band strong{display:block;font:700 21px Manrope;margin-top:3px}
.section{max-width:1240px;margin:auto;padding:110px 28px}
.section-heading{max-width:680px}
.section h2,.pilot h2{font:800 clamp(34px,4vw,50px)/1.1 Manrope;letter-spacing:-.045em;margin:0}
.section-heading>p:last-child,.value-section>div>p{font-size:18px;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.steps article{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;position:relative}
.steps article>span{position:absolute;right:18px;top:16px;color:#a4b6bc;font-size:11px;font-weight:800}
.step-icon{width:42px;height:42px;border-radius:11px;background:var(--soft);color:var(--teal-dark);display:grid;place-items:center;font-weight:800}
.steps h3{font:700 18px Manrope;margin:22px 0 8px}
.steps p{color:var(--muted);font-size:14px;margin:0}
.value-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:white;max-width:none;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2))}
.text-link{display:inline-block;color:var(--teal-dark);font-weight:800;margin-top:15px}
.value-list{display:grid;gap:10px}
.value-list article{background:var(--paper);border:1px solid var(--line);padding:19px 22px;border-radius:13px;display:grid;grid-template-columns:130px 1fr;align-items:center}
.value-list strong{font:800 20px Manrope;color:var(--teal-dark)}
.value-list span{color:var(--muted);font-size:14px}
.pilot{max-width:1184px;margin:110px auto;background:var(--navy);color:white;border-radius:24px;padding:58px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.pilot>div>p:last-child{color:#abc1c8;font-size:17px}
.pilot-card{background:white;color:var(--ink);padding:27px;border-radius:17px}
.pilot-card>p{font-size:11px;font-weight:800;letter-spacing:.12em;color:#71868e}
.pilot-card ul{padding:0;list-style:none}
.pilot-card li{padding:8px 0;border-bottom:1px solid #edf2f3}
.pilot-card li:before{content:"✓";color:var(--teal-dark);font-weight:800;margin-right:10px}
.full{display:flex;margin-top:20px}
.pilot-card small{display:block;text-align:center;color:#87999f;margin-top:10px}
footer{max-width:1240px;margin:auto;padding:35px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}
footer a:last-child{color:var(--teal-dark);font-weight:800}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}
.hero-copy{text-align:center}
.hero-text{margin-left:auto;margin-right:auto}
.hero-actions,.trust-row{justify-content:center}
.steps{grid-template-columns:repeat(2,1fr)}
.value-section,.pilot{grid-template-columns:1fr}
.pilot{margin:70px 20px}
.site-header nav>a:not(.nav-cta){display:none}
}
@media(max-width:560px){.site-header{height:70px;padding:0 16px}
.hero{padding:45px 16px 75px;gap:44px}
.hero h1{font-size:42px}
.hero-actions{flex-direction:column}
.trust-row{display:grid;gap:7px}
.hero-visual{padding:18px}
.flow{grid-template-columns:1fr}
.flow i{display:none}
.steps{grid-template-columns:1fr}
.section{padding:75px 16px}
.value-section{padding:75px 16px}
.value-list article{grid-template-columns:1fr;gap:3px}
.pilot{padding:35px 22px;gap:30px}
.pilot h2{font-size:34px}
footer{flex-direction:column;gap:14px}
}
.pilot-actions{display:grid;gap:12px;margin-top:20px}
.pilot-actions .full{margin-top:0}
.demo-link{text-align:center;color:var(--teal-dark);font-weight:800;font-size:14px}
.pilot-card small{margin-top:14px}
.pilot-card small a{color:var(--teal-dark);font-weight:700}
.footer-links{display:flex;align-items:center;gap:24px}
.footer-links a{color:var(--teal-dark);font-weight:800}
@media(max-width:560px){
.footer-links{flex-direction:column;gap:8px}
}