@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#07111e;--panel:#0c1a2b;--text:#f4f7fb;--muted:#9baec3;--cyan:#47d8ed;--violet:#b29aff;--line:#203247;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
img{max-width:100%;height:auto}
.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
.header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1440px;padding:12px 48px;margin:auto}
.brand{display:flex;align-items:center}
.brand img{display:block;width:240px;height:80px;object-fit:contain}
.header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}
.header nav>a:not(.nav-cta){color:#b8c5d5}
.header nav>a:hover,.text-link:hover{color:var(--cyan)}
.nav-cta{border:1px solid #3e596c;padding:11px 17px;border-radius:6px}
.nav-cta span{margin-left:16px;color:var(--cyan)}
.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:45px;align-items:center;padding-block:66px 90px}
.eyebrow{font:600 10px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:2.4px;color:var(--cyan);margin:0 0 24px;display:flex;align-items:center;gap:10px}
.status-dot{height:6px;width:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px #47d8ed66}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}
h1{font-size:clamp(54px,5.9vw,84px);font-weight:500;line-height:1.04;letter-spacing:-4px;margin-bottom:27px}
h1>span,h2>span{color:var(--cyan)}
.hero-description{max-width:450px;color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:30px}
.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:700;min-height:48px;padding:12px 21px;border-radius:5px}
.primary{background:var(--cyan);color:#061523;box-shadow:0 5px 28px #47d8ed10}
.primary:hover{background:#8debf6}
.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:16px;align-items:center}
.hero-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#8196ad;margin-top:33px}
.hero-meta span:before{content:'+';color:#4b7488;margin-right:7px}
.intelligence-map{position:relative;min-height:490px;background:radial-gradient(ellipse at 50% 48%,#11455370,transparent 65%),linear-gradient(135deg,#0c1c2d,#081322);border:1px solid #234155;border-radius:14px;overflow:hidden;isolation:isolate;box-shadow:0 30px 90px #0003}
.intelligence-map:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#26465335 1px,transparent 1px),linear-gradient(90deg,#26465335 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}
.map-topline,.map-bottomline{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;font-size:7px;font-weight:700;letter-spacing:1.25px;color:#708da4}
.map-topline{top:20px;gap:14px}
.map-topline .live-dot{color:#4bcebd;font-size:6px}
.map-bottomline{bottom:20px;color:#6c8aa0;font-size:6px}
.orbit{position:absolute;border:1px solid #3a95a32b;width:300px;height:300px;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}
.orbit-two{width:360px;height:360px;border-style:dashed;border-color:#4b8e9e22}
.map-node{position:absolute;top:69px;display:flex;align-items:center;gap:10px;background:#102639;border:1px solid #2f657a;border-radius:7px;padding:13px 12px;z-index:2;width:43%}
.application-node{left:5%}
.development-node{right:5%;background:#1b2139;border-color:#514769}
.node-icon{color:var(--cyan);font-size:22px}
.development-node .node-icon{color:var(--violet);font-size:17px}
.map-node small{display:block;font-size:6px;color:#7f9bb1;letter-spacing:1px;margin-bottom:3px}
.map-node strong{display:block;font-size:10px;font-weight:500}
.node-arrow{position:absolute;bottom:-37px;color:#4b9cae;font-size:24px}
.application-node .node-arrow{right:25px}
.development-node .node-arrow{left:25px;color:#9a83d7}
.core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:205px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#123346,#091b2a);border:1px solid #53cede99;border-radius:13px;box-shadow:0 0 60px #25a9d51a}
.core-symbol{font:bold italic 40px/1 'Space Grotesk',Arial;color:var(--cyan);position:relative;margin-bottom:6px}
.core-symbol span{font-size:22px;position:absolute;right:-12px;top:-2px}
.core>strong{font-size:22px;font-family:'Space Grotesk',Arial;letter-spacing:3px}
.core>small{font-size:7px;letter-spacing:1.5px;color:var(--cyan);margin-top:5px}
.core-caption{font-size:9px;color:#8ba9bb;margin-top:13px}
.map-resources{position:absolute;bottom:38px;left:8%;right:8%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.map-resources>div{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #294359;background:#0d2030;border-radius:6px;padding:12px 10px;font-size:9px;color:#afc2d4;line-height:1.4}
.map-resources>div:before{content:'';width:1px;height:25px;background:linear-gradient(#4c9aaa,transparent);position:absolute;left:50%;top:-25px}
.map-resources>div>span{font-size:23px;line-height:1;color:var(--cyan)}
.map-resources .resource-label{min-width:0}
.map-resources .resource-label small{display:block;font-size:inherit;color:var(--cyan);margin-top:3px}
.map-resources .native-model{border-color:#3f8a9a;background:#103043}
.map-resources>div:before{height:12px;top:-12px}
.map-resources>div:nth-child(n+3):before{display:none}
.principles{border-block:1px solid var(--line);background:#0a1625}
.principles>.wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:76px;flex-wrap:wrap;padding-block:15px}
.principles span{font-size:8px;letter-spacing:1.6px;color:#6f8ba3}
.principles strong{font-size:12px;font-weight:500;color:#a9bdcf}
.principles i{font-style:normal;color:var(--cyan);font-size:14px}
.section{padding-block:95px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}
.section-heading .eyebrow{margin-bottom:18px}
h2{font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.2;letter-spacing:-1.7px;margin-bottom:0}
.section-heading>p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:4px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product-card{background:linear-gradient(135deg,#0d2230,#0b1829);border:1px solid #294456;border-radius:10px;padding:32px 34px 0;position:relative;overflow:hidden}
.product-card.developer{background:linear-gradient(135deg,#171f34,#0c1829);border-color:#3b3654}
.product-label{display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:1.4px;font-weight:700;color:var(--cyan);margin-bottom:25px}
.product-icon{font-size:26px;line-height:1.2}
.card-number{margin-left:auto;font-size:12px;color:#4c697d;letter-spacing:0}
.developer .product-label{color:var(--violet)}
.product-card h3{font-size:32px;line-height:1.18;font-weight:500;letter-spacing:-1px;margin-bottom:15px}
.product-subtitle{font-size:15px;color:#b0d4e3;line-height:1.7}
.developer .product-subtitle{color:#c5b8e6}
.product-card>p:not(.product-subtitle){font-size:13px;color:var(--muted);max-width:390px;line-height:1.9}
.feature-list{list-style:none;padding:0;margin:25px 0 30px;font-size:12px;color:#b2c4d7}
.feature-list li{margin:12px 0;display:flex;gap:10px}
.feature-list li:before{content:'↗';color:var(--cyan)}
.developer .feature-list li:before{color:var(--violet)}
.product-link{display:flex;justify-content:space-between;border-top:1px solid #294052;padding-block:21px;font-size:12px;color:var(--cyan);font-weight:600}
.developer .product-link{color:var(--violet);border-color:#33364e}
.product-link:hover{color:#fff}
.availability-note{font-size:10px;color:#72879c;text-align:center;margin:22px 0 0}
.orchestration-section{background:#0a1727;border-block:1px solid #1b3043}
.orchestration-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:85px}
.section-description{max-width:425px;color:var(--muted);font-size:14px;line-height:1.9;margin:23px 0}
.steps{display:flex;flex-direction:column;justify-content:center}
.steps article{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}
.steps article:first-child{padding-top:0}
.steps article:last-child{border-bottom:0;padding-bottom:0}
.steps article>span{color:var(--cyan);font-size:11px;line-height:27px}
.steps h3{font-size:18px;font-weight:500;margin-bottom:8px}
.steps p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:10px}
.foundation-grid article{border-top:1px solid var(--line);padding-top:23px}
.foundation-grid article>span{color:var(--cyan);font-size:24px;display:block;margin-bottom:16px}
.foundation-grid h3{font-size:17px;font-weight:500;margin-bottom:11px}
.foundation-grid p{font-size:12px;color:var(--muted);line-height:1.9;max-width:320px}
.closing{padding:63px 55px;margin-bottom:70px;border:1px solid #254758;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#11526444,transparent 65%),#0b1b2c}
.closing h2{font-size:clamp(32px,4vw,54px);margin-bottom:30px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;border-top:1px solid var(--line);font-size:10px;color:#8299ae}
.footer-brand{font:bold 24px 'Space Grotesk',Arial;color:#f5f7fc;letter-spacing:-1px}
.footer-brand>span{color:var(--cyan)}
.footer p{margin:0}
.footer>div{display:flex;gap:24px}
.page-hero{padding-block:70px 60px;max-width:900px}
.page-hero h1{font-size:clamp(43px,5.5vw,72px);letter-spacing:-2.7px;line-height:1.08}
.page-hero .hero-description{max-width:710px}
.breadcrumb{display:flex;gap:12px;color:#7e9bb1;font-size:11px;margin:0 0 35px}
.breadcrumb a:hover{color:var(--cyan)}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:65px}
.detail-card{padding:28px;border:1px solid var(--line);border-radius:8px;background:#0b1a2b}
.detail-card h2,.detail-card h3{font-size:20px;letter-spacing:-.5px;margin-bottom:15px}
.detail-card p,.detail-card li{font-size:13px;color:var(--muted);line-height:1.9}
.detail-card ul{padding-left:18px}
.callout{border-left:2px solid var(--cyan);background:#0d2434;padding:22px 27px;margin-bottom:60px;font-size:13px;color:#b0c6d8}
.callout strong{color:var(--text)}
.comparison{overflow:auto;max-height:460px;border:1px solid var(--line);border-radius:8px;margin-bottom:65px}
table{border-collapse:collapse;width:100%;font-size:12px;min-width:600px}
th,td{text-align:left;padding:18px 23px;border-bottom:1px solid var(--line)}
th{position:sticky;top:0;background:#13263a;color:#d0e4ef;font-weight:600}
td{color:#a0b6ca}
tr:last-child td{border:0}
.architecture-flow{display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;gap:20px;align-items:center;margin:25px 0 35px}
.architecture-flow .detail-card{height:100%;min-height:205px}
.architecture-flow>.flow-arrow{color:var(--cyan);font-size:30px}
.architecture-core{border-color:#3d94a6;background:#0e2a3c}
.page-bottom{padding:0 0 70px}
.page-bottom .button{margin-right:18px}
.mobile-only{display:none}
@media(min-width:1600px){.hero{padding-top:95px}
.header{padding-inline:60px}
}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
.header{padding-inline:32px}
.header nav{gap:22px}
.hero{gap:25px}
.intelligence-map{min-height:450px}
.map-node{padding:12px 8px;gap:6px}
.map-node strong{font-size:9px}
.map-resources{gap:7px;left:5%;right:5%}
.map-resources>div{padding:10px 6px;font-size:8px;gap:7px}
.orchestration-grid{gap:55px}
.architecture-flow{gap:10px}
.architecture-flow .detail-card{padding:20px}
.hero-meta{gap:12px}
.hero h1{font-size:64px}
}
@media(max-width:800px){.header{min-height:90px}
.brand img{width:210px;height:70px}
.header nav{gap:18px}
.nav-cta{display:none}
.hero{padding-top:35px;grid-template-columns:1fr;gap:45px}
.hero h1{font-size:74px}
.hero-description{max-width:580px}
.intelligence-map{max-width:600px;width:100%;justify-self:center;min-height:470px}
.map-node strong{font-size:11px}
.map-node small{font-size:7px}
.map-resources>div{font-size:9px;padding:10px 12px;gap:12px}
.principles .wrap{justify-content:center;gap:13px 24px}
.principles .wrap>span{width:100%;text-align:center}
.section{padding-block:65px}
.section-heading{align-items:flex-start;flex-direction:column}
.section-heading>p{margin:0}
.product-card{padding:25px 24px 0}
.product-card h3{font-size:27px}
.product-subtitle{font-size:13px}
.orchestration-grid{grid-template-columns:1fr;gap:45px;padding-block:65px}
.orchestration-grid .section-description{max-width:600px}
.foundation-grid{gap:23px}
.foundation-grid h3{font-size:15px}
.footer{flex-wrap:wrap}
.footer>div{width:100%;justify-content:space-between}
.content-grid{grid-template-columns:1fr}
.architecture-flow{grid-template-columns:1fr}
.architecture-flow>.flow-arrow{transform:rotate(90deg);justify-self:center}
.architecture-flow .detail-card{min-height:0}
.page-hero{padding-top:40px}
}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}
.header{padding:8px 18px;position:relative}
.brand img{width:180px;height:60px}
.menu-toggle{display:block;background:none;border:1px solid #31475b;border-radius:5px;color:#c9dce8;width:38px;height:36px}
.header nav{display:none;position:absolute;top:80px;left:18px;right:18px;z-index:20;background:#102437;border:1px solid #2b4962;border-radius:7px;padding:22px;flex-direction:column;align-items:flex-start}
.header nav.open{display:flex}
.hero{padding-block:35px 55px;gap:40px}
.hero h1{font-size:57px;letter-spacing:-2.7px}
.eyebrow{font-size:8px;letter-spacing:1.6px}
.hero-description{font-size:15px}
.actions{gap:20px}
.hero-meta{font-size:9px;margin-top:28px;gap:10px}
.intelligence-map{min-height:405px}
.map-topline{left:13px;right:13px;font-size:5px}
.map-topline .live-dot{font-size:5px}
.map-node{top:60px;padding:11px 7px;gap:6px;width:44%}
.application-node{left:4%}
.development-node{right:4%}
.map-node small{font-size:5px}
.map-node strong{font-size:8px}
.node-icon{font-size:17px}
.development-node .node-icon{font-size:12px}
.core{width:177px;height:150px;top:50%}
.core>strong{font-size:19px}
.core>small{font-size:6px}
.core-caption{font-size:8px}
.core-symbol{font-size:32px}
.orbit{width:250px;height:250px}
.orbit-two{width:300px;height:300px}
.map-resources{bottom:32px;gap:7px}
.map-resources>div{font-size:7px;padding:8px 6px;gap:6px}
.map-resources>div>span{font-size:18px}
.map-bottomline{font-size:5px;left:15px;right:15px;bottom:16px}
.principles strong{font-size:10px}
.principles i{display:none}
.principles .wrap{gap:10px 16px}
.section{padding-block:52px}
h2{font-size:31px;letter-spacing:-1.1px}
.product-grid{grid-template-columns:1fr;gap:20px}
.product-card{padding:27px 25px 0}
.product-card h3{font-size:30px}
.product-subtitle{font-size:14px}
.foundation-grid{grid-template-columns:1fr;gap:22px}
.foundation-grid h3{font-size:18px}
.foundation-grid p{max-width:100%}
.foundation-grid article>span{margin-bottom:10px}
.closing{padding:35px 25px;margin-bottom:45px}
.closing h2{font-size:33px}
.footer{padding-block:23px}
.footer p{font-size:9px}
.footer>div{gap:15px;font-size:9px}
.page-hero h1{font-size:44px;letter-spacing:-1.7px}
.page-hero{padding-bottom:35px}
.callout{padding:20px}
.page-bottom .button{margin-bottom:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}

.status-strip{border-block:1px solid #203247;background:#0a1623}
.status-strip-content{width:min(1240px,calc(100% - 96px));min-height:32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:6px}
.status-strip-services,.status-strip-detail{display:flex;align-items:center;gap:18px}
.status-strip-service{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#adbed0;white-space:nowrap}
.status-strip-service:hover,.status-strip-detail>a:hover{color:#47d8ed}
.status-strip-light{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#718096}
.status-strip-light[data-status-code="3"]{background:#34d399;box-shadow:0 0 8px #34d39933}
.status-strip-light[data-status-code="1"]{background:#fbbf24}
.status-strip-light[data-status-code="0"]{background:#fb7185}
.status-strip-detail{gap:16px;font-size:9px;color:#8199af;white-space:nowrap}
.status-strip-response{display:inline-flex;align-items:center;gap:6px}
.status-strip-timing{font:10px Consolas,monospace;color:#47d8ed;min-width:47px}
.status-strip-response>small{font-size:8px;color:#70869c}
@media(max-width:1100px){.status-strip-content{width:calc(100% - 64px);gap:14px}.status-strip-services{gap:15px}.status-strip-service{font-size:9px}.status-strip-detail{gap:10px}}
@media(max-width:800px){.status-strip-content{flex-wrap:wrap;gap:6px}.status-strip-services{width:100%;justify-content:space-between}.status-strip-detail{width:100%;justify-content:space-between}}
@media(max-width:540px){.status-strip-content{width:calc(100% - 36px);padding-block:7px;gap:7px}.status-strip-services{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.status-strip-service{font-size:9px}}
.chat-banner{display:flex;align-items:center;gap:17px;min-height:80px;margin-top:22px;padding:15px 23px;border:1px solid #315365;border-radius:9px;background:linear-gradient(110deg,#102a3b,#111d32 65%,#1b213b);transition:border-color .2s,background .2s}
.chat-banner:hover{border-color:#56b6d1;background:linear-gradient(110deg,#14364a,#15253d 65%,#252b48)}
.chat-banner:focus-visible{outline:2px solid #47d8ed;outline-offset:4px}
.chat-banner>img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.chat-banner-copy{display:flex;flex-direction:column;gap:3px}
.chat-banner-copy>strong{font-size:15px;font-weight:600;color:#e6f4fb;letter-spacing:-.2px}
.chat-banner-copy>span{font-size:11px;color:#91acc2}
.chat-banner-action{display:flex;align-items:center;gap:17px;margin-left:auto;white-space:nowrap;font-size:12px;font-weight:600;color:#65d9ed}
.chat-banner+main>.hero{padding-top:43px}
@media(max-width:540px){.chat-banner{gap:12px;margin-top:16px;padding:14px;flex-wrap:wrap}.chat-banner>img{width:40px;height:40px}.chat-banner-copy>strong{font-size:13px}.chat-banner-copy>span{font-size:10px}.chat-banner-action{margin-left:52px;font-size:11px;gap:10px}.chat-banner+main>.hero{padding-top:35px}}
.status-strip-usage{display:inline-flex;align-items:center;gap:5px}
.status-strip-token-count{min-width:6ch;font:10px Consolas,monospace;color:#66dfb8;text-align:right}
.status-strip-usage>small{font-size:8px;color:#8199af}
@media(max-width:540px){.status-strip-detail{flex-wrap:wrap;gap:5px 10px}}
