@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#121b2b; --muted:#667085; --line:#dfe4ec; --paper:#f7f8fb; --blue:#2555e8; --cyan:#5ee7ff; --lilac:#d9d2ff; --lime:#d7f14a; --night:#17223d; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
.page-shell { overflow:hidden; }
.site-header { height:88px; max-width:1240px; margin:0 auto; padding:0 34px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:flex; align-items:center; gap:11px; flex-shrink:0; }
.brand-mark { width:33px; height:33px; display:grid; grid-template-columns:repeat(3,1fr); align-items:end; gap:3px; }
.brand-mark span { display:block; border-radius:2px 2px 5px 5px; background:linear-gradient(180deg,#60e7ff,#5267f2 58%,#a64cff); }
.brand-mark span:nth-child(1){height:16px}.brand-mark span:nth-child(2){height:26px}.brand-mark span:nth-child(3){height:21px}
.brand-copy { display:flex; flex-direction:column; gap:2px; line-height:1; }
.brand-copy strong { font-size:17px; letter-spacing:-.04em; font-weight:800; }
.brand-copy small { font:500 8px 'DM Mono',monospace; letter-spacing:.15em; color:#98a1b3; }
.main-nav { display:flex; align-items:center; gap:29px; margin-left:auto; }
.main-nav a,.footer-links a { font-size:12px; font-weight:600; color:#677186; transition:color .2s; }
.main-nav a:hover,.footer-links a:hover { color:var(--blue); }
.header-actions { display:flex; align-items:center; gap:17px; }
.language-switch { border:0; background:transparent; color:#687286; padding:8px 0; display:flex; gap:7px; align-items:center; font-size:12px; font-weight:700; }
.language-globe { width:19px; height:19px; border:1px solid #aeb6c4; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:14px; line-height:1; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:12px; border:0; border-radius:999px; padding:15px 23px; font-size:12px; font-weight:800; letter-spacing:-.01em; transition:transform .2s,box-shadow .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button span { font-size:16px; line-height:0; }
.button-small { padding:12px 17px; }
.button-dark { background:var(--ink); color:white; box-shadow:0 9px 18px rgba(18,27,43,.12); }
.button-primary { color:#fff; background:var(--blue); box-shadow:0 13px 30px rgba(37,85,232,.27); }
.button-light { background:#fff; color:var(--ink); box-shadow:0 13px 28px rgba(0,0,0,.15); }
.menu-toggle { display:none; border:0; background:none; width:36px; padding:6px; }
.menu-toggle span { display:block; height:2px; background:var(--ink); margin:5px 0; border-radius:2px; }
.section-grid { max-width:1172px; margin:0 auto; padding-left:25px; padding-right:25px; }
.hero { min-height:620px; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr); align-items:center; gap:56px; padding-top:48px; padding-bottom:75px; }
.eyebrow,.section-kicker { display:flex; gap:11px; align-items:center; font:500 10px 'DM Mono',monospace; letter-spacing:.14em; color:#8993a7; text-transform:uppercase; }
.eyebrow-dot { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(215,241,74,.18); }
.hero h1 { font-size:clamp(47px,6.2vw,80px); line-height:1.04; letter-spacing:-.075em; margin:25px 0 24px; font-weight:800; }
.hero h1 em,.section-heading h2 em,.ai-copy h2 em { color:var(--blue); font-style:normal; }
.hero-lede { color:#657086; font-size:16px; line-height:1.75; max-width:465px; margin:0 0 34px; }
.hero-actions { display:flex; gap:25px; align-items:center; flex-wrap:wrap; }
.text-link { display:inline-flex; gap:10px; align-items:center; font-size:12px; font-weight:800; color:var(--ink); border-bottom:1px solid #b7bfcc; padding-bottom:5px; transition:color .2s,border-color .2s; }
.text-link:hover { color:var(--blue); border-color:var(--blue); }
.text-link span { font-size:16px; }
.hero-note { display:flex; gap:12px; align-items:center; margin-top:60px; color:#9ba4b3; font:500 9px 'DM Mono',monospace; letter-spacing:.04em; }
.note-line { width:37px; height:1px; background:#cbd1db; }
.hero-visual { height:470px; position:relative; display:flex; align-items:center; justify-content:center; }
.hero-visual::before { content:""; position:absolute; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle,rgba(67,100,255,.14),rgba(67,100,255,0) 69%); filter:blur(5px); }
.visual-orbit { position:absolute; border:1px solid rgba(130,146,184,.28); border-radius:50%; transform:rotate(-18deg); }
.orbit-one { width:410px;height:218px; }
.orbit-two { width:490px;height:275px; transform:rotate(35deg); border-color:rgba(132,157,211,.2); }
.orbit-three { width:307px;height:307px; border-color:rgba(132,157,211,.16); }
.visual-center { z-index:2; position:relative; width:152px; height:152px; display:flex; align-items:center; justify-content:center; }
.center-glow { position:absolute; inset:-25px; background:radial-gradient(circle,rgba(83,104,249,.32),rgba(83,104,249,0) 64%); }
.center-core { width:118px; height:118px; border-radius:50%; background:linear-gradient(140deg,#263fca,#7434dc 90%); border:5px solid #e9ecff; box-shadow:0 20px 38px rgba(53,58,180,.35),inset 0 0 18px rgba(255,255,255,.28); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.center-core span { font-size:35px; letter-spacing:-.1em; font-weight:800; }.center-core small { font:500 9px 'DM Mono',monospace; opacity:.75; margin-top:4px; letter-spacing:.06em; }
.orbit-node { position:absolute; z-index:3; min-width:98px; padding:10px 12px; border:1px solid rgba(205,214,229,.9); border-radius:10px; background:rgba(255,255,255,.89); box-shadow:0 11px 25px rgba(26,43,83,.09); display:grid; grid-template-columns:24px 1fr; column-gap:7px; align-items:center; }
.orbit-node .node-icon { grid-row:span 2; width:24px; height:24px; border-radius:7px; display:grid; place-items:center; font-size:12px; color:var(--blue); background:#edf1ff; }.orbit-node b { font-size:10px; line-height:1.2; }.orbit-node small { color:#9aa4b5; font:500 8px 'DM Mono',monospace; }
.node-aws { top:46px; left:13%; }.node-ali { right:4%; top:41%; }.node-azure { bottom:44px; left:11%; }.node-google { bottom:22px; right:20%; }
.node-ali .node-icon{color:#ec771a;background:#fff2e7}.node-azure .node-icon{color:#1b70d6;background:#eaf4ff}.node-google .node-icon{color:#1b8b55;background:#e9f9f0}
.visual-caption { position:absolute; right:3%; bottom:-4px; display:flex; gap:9px; align-items:center; font:500 9px 'DM Mono',monospace; color:#9ba5b6; }.caption-pulse { width:6px;height:6px;border-radius:50%;background:var(--lime); }
.partner-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); min-height:86px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; padding:0 34px; background:rgba(255,255,255,.46); }
.strip-label,.strip-aside { font:500 9px 'DM Mono',monospace; color:#9aa3b3; letter-spacing:.06em; }.strip-aside { justify-self:end; }.strip-aside span { color:var(--blue); font-size:15px; margin-left:5px; }
.partner-logos { display:flex; align-items:center; justify-content:center; gap:44px; flex-wrap:wrap; }.partner-logo { color:#1d2a42; font-weight:800; font-size:18px; letter-spacing:-.06em; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }.partner-logo.aws { font-weight:800; font-size:23px; letter-spacing:-.12em; }.partner-logo.ali{font-size:16px;letter-spacing:-.06em}.partner-logo.azure{font-size:15px;letter-spacing:-.04em}.partner-logo.google{font-size:15px;letter-spacing:-.03em}.partner-icon { width:25px; height:20px; flex:0 0 auto; display:block; }.alibaba-icon { width:28px; }.azure-icon { width:23px; }.google-icon { width:29px; }
.intro-section { display:grid; grid-template-columns:1fr 1.75fr .9fr; gap:30px; padding-top:137px; padding-bottom:128px; }.section-kicker span:first-child { color:var(--blue); }.intro-content h2 { font-size:clamp(31px,4vw,51px); line-height:1.12; letter-spacing:-.067em; margin:0 0 22px; max-width:570px; }.intro-content p { color:#687489; font-size:15px; line-height:1.8; max-width:520px; margin:0 0 29px; }.intro-stats { border-left:1px solid var(--line); padding-left:27px; align-self:end; display:grid; gap:25px; }.stat { display:flex; flex-direction:column; gap:4px; }.stat strong { font-size:30px; line-height:1; letter-spacing:-.07em; }.stat span { color:#8c96a8; font:500 9px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.04em; }
.services-section { background:#fff; padding:91px 25px 103px; }.section-heading { display:grid; grid-template-columns:1fr 2.65fr; gap:30px; }.section-heading h2 { font-size:clamp(34px,4.2vw,55px); line-height:1.06; letter-spacing:-.073em; margin:0 0 52px; }.service-grid { max-width:1122px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.service-card { min-height:400px; border-radius:17px; padding:25px 25px 23px; display:flex; flex-direction:column; position:relative; overflow:hidden; }.service-card::after { content:""; width:160px; height:160px; border-radius:50%; position:absolute; right:-45px; bottom:-65px; border:1px solid rgba(18,27,43,.12); }.card-blue{background:#dfe9ff}.card-lilac{background:#ebe6ff}.card-lime{background:#e8f5a7}.service-top { display:flex; justify-content:space-between; align-items:center; color:#57657e; font:500 10px 'DM Mono',monospace; }.service-symbol { width:31px; height:31px; border:1px solid rgba(18,27,43,.25); border-radius:50%; display:grid; place-items:center; font-size:17px; }.service-card h3 { font-size:24px; letter-spacing:-.06em; margin:51px 0 12px; }.service-card p { font-size:13px; line-height:1.65; color:#59667c; max-width:260px; margin:0 0 22px; }.service-card ul { list-style:none; padding:0; margin:0; display:grid; gap:8px; }.service-card li { color:#526077; font:500 10px 'DM Mono',monospace; display:flex; gap:8px; align-items:center; }.service-card li::before { content:""; width:5px; height:5px; background:#5667e6; border-radius:50%; }.card-lilac li::before{background:#a079ef}.card-lime li::before{background:#82930b}.card-link { display:inline-flex; gap:8px; align-items:center; margin-top:auto; font-size:11px; font-weight:800; }.card-link span { font-size:16px; }
.ai-section { padding:105px 25px 113px; background:#fff; }.ai-panel { max-width:1122px; min-height:462px; margin:0 auto; background:var(--night); color:#fff; border-radius:19px; padding:65px 70px; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; position:relative; }.ai-panel::before { content:""; position:absolute; width:490px; height:490px; border-radius:50%; right:28%; top:-60%; border:1px solid rgba(139,164,255,.17); box-shadow:0 0 0 38px rgba(139,164,255,.04),0 0 0 77px rgba(139,164,255,.03); }.section-kicker.light { color:#93a3c6; }.section-kicker.light span:first-child { color:var(--cyan); }.ai-copy h2 { font-size:clamp(38px,4.5vw,59px); line-height:1; letter-spacing:-.075em; margin:28px 0 22px; }.ai-copy h2 em { color:var(--cyan); }.ai-copy p { color:#abb8d3; font-size:14px; line-height:1.8; max-width:390px; margin:0 0 29px; }.ai-diagram { position:relative; min-height:320px; }.diagram-ring { position:absolute; border:1px solid rgba(139,164,255,.3); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }.ring-a{width:264px;height:264px}.ring-b{width:196px;height:196px;border-color:rgba(94,231,255,.42)}.ring-c{width:120px;height:120px;border-color:rgba(215,241,74,.35)}.diagram-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:86px;height:86px;border-radius:50%;background:linear-gradient(145deg,#4168e8,#8e4ce9); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 0 0 10px rgba(80,107,232,.12),0 12px 35px rgba(0,0,0,.3); }.diagram-core span{font-size:28px;font-weight:800;letter-spacing:-.1em}.diagram-core small{font:500 8px 'DM Mono',monospace;color:#d6dcff;margin-top:4px}.diagram-label{position:absolute;font:500 9px 'DM Mono',monospace;letter-spacing:.12em;color:#9fafd0;display:flex;align-items:center;gap:7px}.diagram-label i{display:block;width:5px;height:5px;border-radius:50%;background:var(--cyan)}.label-data{left:3%;top:25%}.label-models{right:2%;top:18%}.label-models i{background:var(--lilac)}.label-people{right:8%;bottom:14%}.label-people i{background:var(--lime)}.diagram-line{position:absolute;height:1px;background:linear-gradient(90deg,rgba(94,231,255,.4),transparent);transform-origin:left center}.line-a{width:130px;left:15%;top:32%;transform:rotate(13deg)}.line-b{width:122px;right:17%;top:27%;transform:rotate(155deg);background:linear-gradient(90deg,rgba(217,210,255,.45),transparent)}.line-c{width:105px;right:22%;bottom:21%;transform:rotate(-154deg);background:linear-gradient(90deg,rgba(215,241,74,.4),transparent)}
.approach-section { display:grid; grid-template-columns:1fr 1.75fr; gap:30px; padding-top:129px; padding-bottom:136px; }.approach-content h2 { font-size:clamp(32px,4vw,50px); letter-spacing:-.07em; line-height:1.06; margin:0 0 45px; }.approach-list{border-top:1px solid var(--line)}.approach-item{display:grid;grid-template-columns:55px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.approach-item>span{font:500 10px 'DM Mono',monospace;color:var(--blue);padding-top:4px}.approach-item h3{font-size:16px;margin:0 0 7px;letter-spacing:-.03em}.approach-item p{font-size:13px;line-height:1.6;color:#758095;margin:0;max-width:450px}
.contact-section { background:#fff; padding:0 25px 104px; }.contact-card { max-width:1122px; min-height:445px; margin:0 auto; border-radius:18px; background:linear-gradient(125deg,#254ce0,#6535c9 62%,#873bcd); color:#fff; padding:60px 68px; display:grid; grid-template-columns:1fr 1fr; gap:80px; position:relative; overflow:hidden; }.contact-card::before,.contact-card::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:490px;height:490px;right:-135px;bottom:-255px}.contact-card::after{width:310px;height:310px;right:-42px;bottom:-160px;border-color:rgba(255,255,255,.11)}.contact-copy{position:relative;z-index:1}.contact-copy h2{font-size:clamp(39px,4.7vw,62px);line-height:.97;letter-spacing:-.075em;margin:28px 0 22px}.contact-copy p{font-size:14px;line-height:1.7;color:#d1d8ff;max-width:320px;margin:0 0 27px}.contact-details{display:flex;gap:9px;align-items:center;font:500 10px 'DM Mono',monospace;color:#dbe0ff}.contact-details a{color:#fff;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px}.contact-form{position:relative;z-index:1;display:grid;gap:17px;align-content:start}.contact-form label{display:grid;gap:8px;font:500 9px 'DM Mono',monospace;letter-spacing:.07em;color:#d3daff;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;padding:7px 0 11px;color:#fff;outline:0;resize:vertical;font:500 13px 'Manrope',sans-serif}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.52)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}.form-submit{justify-self:start;margin-top:5px}.form-status{font-size:11px;color:#d7f14a;margin:0;min-height:16px}
.site-footer { background:var(--paper); max-width:1172px; margin:0 auto; padding:0 25px 27px; }.footer-main{min-height:170px;border-top:1px solid var(--line);display:flex;align-items:center;gap:42px}.footer-brand{margin-right:auto}.footer-main>p{font-size:12px;color:#8590a3;margin:0}.footer-links{display:flex;gap:24px}.footer-bottom{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:18px;color:#9ca5b4;font:500 9px 'DM Mono',monospace}.footer-bottom span:nth-child(2){margin-left:auto}.back-top{width:28px;height:28px;border:1px solid #cbd1dc;border-radius:50%;display:grid;place-items:center;font-size:15px;color:var(--blue)}
.toast { position:fixed; bottom:25px; left:50%; transform:translate(-50%,120px); padding:12px 19px; border-radius:999px; color:#fff; background:var(--ink); font-size:12px; box-shadow:0 8px 25px rgba(16,24,40,.2); transition:transform .3s; z-index:10; }.toast.show{transform:translate(-50%,0)}
@media (max-width:900px){.site-header{padding:0 22px}.main-nav{gap:16px}.header-actions{gap:9px}.button-small{padding:11px 12px}.hero{grid-template-columns:1fr;gap:5px;padding-top:76px}.hero-visual{height:420px;max-width:620px;width:100%;margin:0 auto}.intro-section{grid-template-columns:1fr 2.2fr}.intro-stats{display:none}.section-heading{grid-template-columns:.8fr 2.2fr}.ai-panel{padding:55px 48px;gap:25px}.contact-card{padding:52px 48px;gap:40px}}
@media (max-width:680px){.site-header{height:75px}.menu-toggle{display:block;order:3}.main-nav{position:absolute;left:15px;right:15px;top:70px;padding:17px 20px;display:none;flex-direction:column;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 30px rgba(17,32,65,.1);z-index:5}.main-nav.open{display:flex}.header-actions{margin-left:auto}.header-actions .button{display:none}.language-switch{font-size:11px}.hero{padding-top:61px;padding-bottom:64px}.hero h1{font-size:51px}.hero-lede{font-size:14px}.hero-note{margin-top:41px}.hero-visual{height:356px;transform:scale(.82);transform-origin:center top;margin-bottom:-55px}.partner-strip{padding:23px 22px;display:grid;grid-template-columns:1fr auto;gap:15px 20px;justify-content:initial}.partner-logos{grid-column:1/-1;grid-row:1;justify-content:center;gap:17px 24px}.partner-logo{font-size:14px}.partner-logo.aws{font-size:19px}.strip-label{grid-column:1;grid-row:2}.strip-aside{grid-column:2;grid-row:2;margin:0;font-size:8px}.intro-section{display:block;padding-top:84px;padding-bottom:88px}.intro-section .section-kicker{margin-bottom:30px}.intro-content h2{font-size:36px}.intro-content p{font-size:14px}.services-section{padding:70px 20px 75px}.section-heading{display:block}.section-heading .section-kicker{margin-bottom:29px}.section-heading h2{font-size:41px;margin-bottom:35px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:350px}.ai-section{padding:74px 20px 78px}.ai-panel{display:block;padding:42px 28px;min-height:620px}.ai-copy h2{font-size:49px}.ai-diagram{min-height:310px;margin-top:22px;transform:scale(.82);transform-origin:center top;margin-bottom:-57px}.approach-section{display:block;padding-top:85px;padding-bottom:90px}.approach-section>.section-kicker{margin-bottom:30px}.approach-content h2{font-size:40px;margin-bottom:30px}.contact-section{padding:0 20px 75px}.contact-card{display:block;padding:42px 28px;min-height:0}.contact-copy h2{font-size:49px}.contact-form{margin-top:40px}.footer-main{min-height:210px;display:grid;grid-template-columns:1fr;align-content:center;gap:19px}.footer-brand{margin:0}.footer-links{gap:14px;flex-wrap:wrap}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:9px 15px}.footer-bottom span:nth-child(2){grid-column:1/-1;grid-row:1;margin:0}.back-top{grid-column:2;grid-row:2}.footer-bottom span:first-child{grid-column:1;grid-row:2}}
