
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0a1730;background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.header{height:74px;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:#f8fafd;border-bottom:1px solid #e5e8ef}.header .wrap{display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:900;letter-spacing:-.03em}.brand:before{content:'⬡';color:#155eef;margin-right:8px}.nav{display:flex;align-items:center;gap:25px;font:13px monospace}.btn{display:inline-block;padding:14px 21px;background:#155eef;color:#fff;border:1px solid #155eef;font-weight:800}.btn.alt{background:#fff;color:#0a1730;border-color:#aeb4be}.menu{display:none}.hero{min-height:650px;display:grid;align-items:center;background:#fff}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.tag{display:inline-block;background:#e8f1ff;border:0;padding:7px 12px;color:#0b4cc7;font:700 11px monospace;letter-spacing:.08em}.hero h1{font-size:clamp(48px,5.6vw,76px);line-height:1.03;letter-spacing:-.05em;margin:28px 0}.hero h1 em{display:block;color:#155eef;font-style:normal}.hero p{font-size:17px;line-height:1.7;max-width:760px;color:#424750}.actions{display:flex;gap:14px;margin-top:30px}.diagram{min-height:430px;position:relative;overflow:hidden;border:1px solid #c8d6ea;border-radius:3px;background:linear-gradient(145deg,#eaf1fb 0%,#f8fafd 52%,#ffe8cf 100%)}.diagram:before{content:'AIML · SYSTEM BLUEPRINT';position:absolute;top:22px;left:22px;color:#56657a;font:700 10px monospace}.diagram:after{content:'';position:absolute;inset:72px 28px 40px;background:repeating-linear-gradient(90deg,#9eb0c633 0 1px,transparent 1px 33px),repeating-linear-gradient(0deg,#9eb0c633 0 1px,transparent 1px 33px);border:1px solid #8ca1b755;box-shadow:70px 45px 0 #155eef28}.node{position:absolute;width:12px;height:12px;border:2px solid #155eef;border-radius:50%;z-index:2}.n1{left:18%;top:52%}.n2{left:42%;top:35%}.n3{left:62%;top:58%}.n4{left:80%;top:43%}.diagram strong{position:absolute;bottom:22px;left:22px;color:#0f766e;font:700 11px monospace;z-index:3}.metrics{background:#f2f6fc;border-block:1px solid #d7e1ee}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:46px 20px 46px 18px;border-left:2px solid #155eef}.metric strong{display:block;font-size:42px;letter-spacing:-.04em}.metric span{font:700 10px monospace;letter-spacing:.08em}.section{padding:95px 0}.section.alt{background:#f8fafd;border-block:1px solid #dce5f0}.section h2{font-size:42px;letter-spacing:-.035em;margin:0 0 14px}.intro{max-width:760px;color:#4b5058;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.card{min-height:255px;padding:30px;background:#fff;border:1px solid #d4deeb}.card b{font:700 12px monospace;color:#0b4cc7}.card h3{font-size:21px;margin:36px 0 12px}.card p{font-size:14px;line-height:1.65;color:#555a62}.card:hover{border-color:#155eef;box-shadow:0 18px 50px #155eef18;transform:translateY(-3px);transition:.25s}.process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border:1px solid #d4deeb}.step{padding:28px;border-right:1px solid #d4deeb}.step:last-child{border:0}.step span{font:700 12px monospace;color:#0b4cc7}.ecosystem{display:grid;grid-template-columns:180px 1fr;border:1px solid #d4deeb;margin-top:36px}.ecosystem>*{padding:20px;border-bottom:1px solid #dce5f0}.ecosystem b{color:#0b4cc7;font:700 11px monospace}.work-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-top:36px}.work{min-height:250px;padding:30px;border:1px solid #d4deeb;background:#fff}.work b{color:#0b4cc7;font:700 11px monospace}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;background:#f2f6fc;border:1px solid #d7e1ee}.stats-band div{padding:28px;border-right:1px solid #d7e1ee}.stats-band strong,.stats-band span{display:block}.stats-band strong{font-size:38px}.cta{padding:75px 0;background:#155eef;color:#fff}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:43px;margin:0}.cta .btn{background:#fff;color:#0a1730;border-color:#fff}.footer{padding:60px 0 24px;background:#eaf1fb;color:#182640;border-top:1px solid #cbd8e8}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:45px}.footer h4{font:700 11px monospace}.footer-links{display:grid;gap:11px;font-size:13px;color:#4e5969}.company-record,.copy{display:flex;flex-wrap:wrap;gap:12px 25px;padding-top:22px;margin-top:28px;border-top:1px solid #cdd7e6;color:#5e6876;font:11px monospace}.page-hero{padding:95px 0;background:#f8fafd;border-bottom:1px solid #d4deeb}.page-hero h1{font-size:60px;max-width:900px;margin:22px 0}.page-hero p{font-size:18px;line-height:1.7;max-width:780px}.detail{display:grid;grid-template-columns:1.15fr .85fr;gap:70px}.feature{padding:20px 22px;margin:15px 0;border-left:3px solid #155eef;background:#f8fafd}.feature h3{margin:0 0 8px}.feature p{margin:0;color:#535963;line-height:1.65}.side{height:max-content;padding:32px;background:#f2f6fc;border:1px solid #d4deeb}.side strong{display:block;font-size:40px;color:#0b4cc7}.faq{display:grid;gap:12px;margin-top:30px}.faq details{border:1px solid #d4deeb;padding:18px 20px}.faq summary{font-weight:800;cursor:pointer}@media(max-width:900px){.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu{display:block}.hero-grid,.detail{grid-template-columns:1fr}.cards,.work-grid{grid-template-columns:1fr 1fr}.metric-grid,.process,.stats-band{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{width:calc(100% - 30px)}.hero{padding:60px 0}.hero h1,.page-hero h1{font-size:42px}.actions,.cta-grid{flex-direction:column;align-items:stretch}.cards,.work-grid,.metric-grid,.process,.stats-band,.footer-grid{grid-template-columns:1fr}.ecosystem{grid-template-columns:1fr}.section{padding:68px 0}}

:root{--navy:#0a1730;--blue:#155eef;--teal:#0f766e;--surface:#f8fafd;--line:#d4deeb}
body{font-family:Inter,Segoe UI,Arial,sans-serif}
.header{box-shadow:0 1px 0 rgba(10,23,48,.04)}
.brand{color:#0a1730}.brand:before{color:#155eef}
.nav{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:650}
.btn{border-radius:4px;box-shadow:0 8px 20px rgba(21,94,239,.14)}
.btn.alt{box-shadow:none}
.hero{background:radial-gradient(circle at 83% 18%,#e6efff 0,transparent 29%),#fff}
.hero h1{color:#0a1730}.hero h1 em{color:#155eef}
.tag{border:1px solid #bfd2f2;color:#0b4cc7}
.diagram{background:linear-gradient(145deg,#edf3fb,#f8fafd 55%,#dff5f2);border-color:#c8d6ea;box-shadow:0 28px 65px rgba(22,49,86,.12)}
.diagram:after{box-shadow:70px 45px 0 #14b8a628}
.metrics{background:linear-gradient(90deg,#f2f6fc,#eef5fb)}
.metric{border-left-color:#155eef}.metric:nth-child(even){border-left-color:#0f766e}
.card{box-shadow:0 12px 36px rgba(22,49,86,.055)}
.card:hover{border-color:#155eef;box-shadow:0 20px 55px rgba(21,94,239,.12)}
.step span,.ecosystem b,.work b{color:#0b4cc7}
.work:first-child{background:linear-gradient(145deg,#0a1730,#123365);color:#fff;border:0}.work:first-child b{color:#64d8ce}
.stats-band{background:linear-gradient(120deg,#0a1730,#133e72);color:#fff;border:0}.stats-band div{border-color:#ffffff24}.stats-band strong{color:#7fb0ff}
.cta{background:linear-gradient(110deg,#0a1730 0%,#155eef 72%,#0f766e 130%)}
.footer{background:#eaf1fb;color:#182640}
.page-hero{background:linear-gradient(115deg,#f8fafd,#edf3fb)}
.feature{border-left-color:#155eef}.side{border-top:4px solid #155eef}

.specialist{background:#fff}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.practice{padding:28px;border:1px solid #d4deeb;background:#f8fafd;min-height:250px;display:flex;flex-direction:column}.practice b{font:700 11px monospace;color:#0f766e}.practice h3{font-size:21px;margin:32px 0 10px}.practice p{font-size:14px;line-height:1.65;color:#556176}.practice span{margin-top:auto;color:#155eef;font-size:13px;font-weight:800}.practice:hover{background:#fff;border-color:#155eef;box-shadow:0 18px 48px rgba(21,94,239,.1);transform:translateY(-3px);transition:.25s}@media(max-width:900px){.practice-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.practice-grid{grid-template-columns:1fr}}
