:root {
  --bg: #ffffff;
  --surface: #f8fafd;
  --surface-blue: #eef5ff;
  --surface-green: #eff9f6;
  --surface-yellow: #fff8e7;
  --line: #e4e8ee;
  --line-strong: #d4dae3;
  --text: #202124;
  --muted: #5f6368;
  --subtle: #7b8087;
  --blue: #1a73e8;
  --green: #34a853;
  --yellow: #fbbc04;
  --red: #ea4335;
  --cyan: #16a7bf;
  --orange: #f59e0b;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
}

* { box-sizing: border-box; }
html { min-width:0; min-height:100%; overflow-x:hidden; overscroll-behavior-y:contain; background: var(--bg); scroll-behavior: smooth; }
body { min-width:0; min-height:100vh; min-height:100dvh; margin:0; overflow-x:hidden; color:var(--text); background:var(--bg); font-family:var(--sans); -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button, a { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }

.ambient { position: fixed; z-index: -1; border-radius: 999px; filter: blur(120px); opacity: .24; pointer-events: none; }
.ambient-one { width: 420px; height: 420px; top: 18vh; left: -260px; background: #d9efff; }
.ambient-two { width: 500px; height: 500px; right: -320px; bottom: 8vh; background: #e0f4ed; }

.nav { position: sticky; top: 0; z-index: 20; min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px clamp(20px, 5vw, 76px); border-bottom: 1px solid rgba(228,232,238,.9); background: rgba(255,255,255,.9); backdrop-filter: blur(24px); }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand-mark-wrap { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.brand-mark { width: 43px; height: 43px; display: block; object-fit: contain; transition: transform .2s ease; }
.brand:hover .brand-mark { transform: scale(1.05) rotate(-2deg); }
.brand-copy { display: grid; gap: 2px; }
.brand-copy strong { font-size: 15px; letter-spacing: .01em; }
.brand-copy small { color: var(--subtle); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.nav-links { display: flex; align-items: center; gap: clamp(18px,2.3vw,34px); color: var(--muted); font-size: 13px; font-weight: 650; }
.nav-links > a:not(.nav-cta) { position: relative; padding: 12px 0; transition: color .18s ease; }
.nav-links > a:not(.nav-cta):hover, .nav-links > a.active { color: var(--blue); }
.nav-links > a.active::after { content: ""; position: absolute; right: 0; bottom: 4px; left: 0; height: 2px; border-radius: 2px; background: var(--blue); }
.nav-cta { min-height: 42px; display: inline-flex; align-items: center; gap: 18px; padding: 0 18px; border-radius: 999px; color: #fff; background: var(--blue); box-shadow: 0 4px 14px rgba(26,115,232,.2); transition: box-shadow .18s ease, transform .18s ease; }
.nav-cta:hover { transform: translateY(-1px); box-shadow: 0 7px 20px rgba(26,115,232,.28); }

main { width: 100%; }
.hero { min-height:0; display:grid; grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr); align-items:center; gap:clamp(48px,6vw,108px); max-width:1540px; margin:0 auto; padding:clamp(24px,2.5vw,40px) clamp(20px,5vw,76px) clamp(68px,7vw,104px); }
.hero-copy { position: relative; z-index: 2; max-width: 710px; }
.eyebrow, .section-index { margin: 0; color: var(--blue); font-size: 11px; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(52,168,83,.1); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 760px; margin-bottom: 26px; font-size: clamp(48px,6vw,90px); line-height: .94; letter-spacing: -.055em; }
h1 em { display: block; color: transparent; background: linear-gradient(95deg, var(--blue), var(--cyan) 52%, var(--green)); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.intro { max-width: 620px; margin-bottom: 0; color: var(--muted); font-size: clamp(17px,1.55vw,22px); line-height: 1.58; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 0 22px; border: 1px solid var(--line-strong); border-radius: 999px; font-size: 13px; font-weight: 750; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: #fff; border-color: var(--blue); background: var(--blue); box-shadow: 0 8px 24px rgba(26,115,232,.2); }
.button.secondary { color: var(--blue); background: #fff; }
.button.secondary:hover { background: var(--surface-blue); }
.signal-row { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; color: var(--subtle); font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.signal-row span { display: flex; align-items: center; gap: 7px; }.signal-row i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); }

.agent-visual { position: relative; min-height: 590px; overflow: hidden; border: 1px solid #dce5ef; border-radius: 32px; background: linear-gradient(145deg,#f7fbff,#edf5fc); box-shadow: 0 24px 70px rgba(60,64,67,.12); isolation: isolate; }
.agent-visual::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 50% 43%,rgba(66,133,244,.13),transparent 28%),radial-gradient(circle at 82% 16%,rgba(251,188,4,.16),transparent 22%); }
.visual-grid { position:absolute; inset:0; opacity:.65; background-image:linear-gradient(rgba(60,100,130,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(60,100,130,.08) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 94%); }
.orbit { position:absolute; border:1px solid rgba(26,115,232,.18); border-radius:50%; }
.orbit::before,.orbit::after { content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 6px rgba(26,115,232,.1); }
.orbit-one { width:390px; height:390px; top:83px; left:calc(50% - 195px); }.orbit-one::before { top:56px; left:45px; }.orbit-one::after { right:20px; bottom:105px; background:var(--green); }
.orbit-two { width:250px; height:250px; top:153px; left:calc(50% - 125px); border-color:rgba(52,168,83,.2); }.orbit-two::before { right:22px; top:38px; background:var(--yellow); }.orbit-two::after { left:10px; bottom:85px; background:var(--red); }
.system-card { position:absolute; border:1px solid #dce5ef; border-radius:18px; background:rgba(255,255,255,.92); box-shadow:0 12px 35px rgba(60,64,67,.12); backdrop-filter:blur(18px); }
.system-core { width:250px; left:calc(50% - 125px); top:205px; padding:22px; }
.core-head { display:flex; align-items:center; gap:10px; margin-bottom:24px; color:var(--subtle); font-size:9px; font-weight:750; letter-spacing:.15em; }.core-head img { width:42px; height:42px; }
.system-core > strong { display:block; margin-bottom:17px; color:var(--text); font-size:20px; line-height:1.15; }
.core-status { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }.core-status span { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(52,168,83,.1); }
.node { width:150px; padding:16px; }.node span { display:block; margin-bottom:22px; color:var(--blue); font-size:10px; font-weight:800; }.node strong { display:block; margin-bottom:6px; color:var(--text); font-size:13px; }.node small { color:var(--subtle); font-size:10px; }
.node-hardware { top:62px; left:38px; }.node-cloud { top:76px; right:34px; }.node-model { bottom:86px; left:35px; }.node-workflow { right:36px; bottom:98px; }
.visual-caption { position:absolute; right:34px; bottom:28px; display:grid; gap:5px; text-align:right; }.visual-caption span { color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.18em; }.visual-caption strong { color:var(--text); font-size:12px; }

.proof-strip { max-width:1540px; display:grid; grid-template-columns:repeat(2,1fr) 1.2fr; margin:0 auto; padding:0 clamp(20px,5vw,76px) 90px; gap:12px; }
.proof-strip > * { min-height:112px; margin:0; padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.proof-strip div { display:grid; align-content:center; gap:6px; }.proof-strip strong { color:var(--text); font-size:28px; }.proof-strip span,.proof-strip p { color:var(--subtle); font-size:11px; line-height:1.5; letter-spacing:.06em; text-transform:uppercase; }.proof-strip p { display:flex; align-items:center; background:var(--surface-blue); }

.section { max-width:1540px; margin:0 auto; padding:clamp(78px,8vw,120px) clamp(20px,5vw,76px); border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:.45fr 1.35fr .7fr; align-items:start; gap:clamp(24px,4vw,70px); margin-bottom:clamp(38px,4.5vw,62px); }.section-heading h2 { max-width:800px; margin-bottom:0; font-size:clamp(38px,5vw,72px); line-height:1; letter-spacing:-.045em; }.section-heading > p:last-child,.split-heading > p { color:var(--muted); font-size:16px; line-height:1.65; }.split-heading { grid-template-columns:1.55fr .7fr; }.split-heading > div .section-index { margin-bottom:25px; }
.platform { scroll-margin-top:84px; padding-top:clamp(64px,6vw,92px); }.platform .section-heading { grid-template-columns:.32fr 1.4fr .72fr; }.scenarios { scroll-margin-top:84px; padding-bottom:clamp(38px,4vw,58px); }

.bento-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:16px; }
.bento { min-height:350px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:clamp(24px,3vw,38px); border:1px solid var(--line); border-radius:28px; background:#fff; box-shadow:0 10px 35px rgba(60,64,67,.07); }
.bento-feature { grid-row:span 2; min-height:716px; display:grid; grid-template-rows:auto auto auto auto; align-content:start; justify-content:stretch; background:var(--surface-blue); }
.card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:auto; }.card-number { color:var(--subtle); font-size:10px; font-weight:800; }.card-tag { padding:7px 10px; border:1px solid #c8ddfa; border-radius:999px; color:var(--blue); background:#fff; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.card-tag.cyan { color:#087f8f; border-color:#bce5ea; }.card-tag.orange { color:#a86400; border-color:#f6db9a; }
.bento-feature .card-top { margin:0 0 24px; }.bento-feature .architecture-visual { margin:0 0 4px; }
.bento h3 { max-width:620px; margin:28px 0 13px; color:var(--text); font-size:clamp(25px,3vw,44px); line-height:1.05; letter-spacing:-.03em; }.bento:not(.bento-feature) h3 { font-size:clamp(22px,2.1vw,31px); }.bento p { max-width:620px; margin-bottom:0; color:var(--muted); font-size:14px; line-height:1.65; }
.architecture-visual { position:relative; min-height:338px; margin:24px 0 4px; overflow:hidden; border:1px solid #d8e5f5; border-radius:22px; background:rgba(255,255,255,.82); box-shadow:0 18px 50px rgba(26,115,232,.08); }
.architecture-visual::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(26,115,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,115,232,.045) 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(to bottom,#000,transparent); }
.architecture-head,.architecture-status { position:relative; z-index:1; min-height:45px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 18px; color:var(--subtle); font-size:8px; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
.architecture-head { border-bottom:1px solid #e1eaf5; }.architecture-head span { display:flex; align-items:center; gap:8px; }.architecture-head span i,.architecture-status > span:first-child i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(52,168,83,.1); }.architecture-head strong { color:var(--blue); font-size:8px; }
.architecture-flow { position:relative; z-index:1; min-height:244px; display:grid; grid-template-columns:1fr 58px 1.08fr 58px .86fr; align-items:stretch; gap:8px; padding:16px; }
.architecture-zone { position:relative; min-width:0; padding:14px; border:1px solid #dde6f0; border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 8px 22px rgba(60,64,67,.06); }
.zone-label { display:block; margin-bottom:12px; color:var(--blue); font-size:7px; font-weight:850; letter-spacing:.15em; }
.architecture-node { min-height:47px; display:flex; align-items:center; gap:9px; margin-top:7px; padding:7px 8px; border:1px solid #e5eaf0; border-radius:9px; background:#f8fafd; }.architecture-node > b { width:22px; height:22px; display:grid; place-items:center; flex:0 0 auto; border-radius:7px; color:var(--blue); background:#e8f1fe; font-size:7px; }.architecture-node > span { min-width:0; display:grid; gap:2px; }.architecture-node strong { overflow:hidden; color:var(--text); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.architecture-node small { overflow:hidden; color:var(--subtle); font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.architecture-link { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; color:var(--blue); font-size:6px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.architecture-link i { position:relative; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),var(--green)); }.architecture-link i::before,.architecture-link i::after { content:""; position:absolute; top:-3px; width:8px; height:8px; border-radius:50%; background:var(--blue); }.architecture-link i::before { left:0; }.architecture-link i::after { right:0; background:var(--green); }.architecture-link small { color:var(--subtle); font-size:6px; }
.agent-zone { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-color:#bdd6f7; background:linear-gradient(150deg,#fff,#f2f7ff); box-shadow:0 10px 28px rgba(26,115,232,.12); }.agent-zone .zone-label { position:absolute; top:14px; left:14px; }.agent-zone > img { width:54px; height:54px; margin:16px 0 8px; object-fit:contain; }.agent-zone > strong { font-size:12px; }.runtime-modules { width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin:14px 0; }.runtime-modules span { padding:7px 2px; border:1px solid #dce7f5; border-radius:6px; color:var(--blue); background:#fff; font-size:5px; font-weight:850; }.agent-zone p { display:flex; align-items:center; gap:6px; margin:0; color:var(--subtle); font-size:7px; }.agent-zone p i { width:6px; height:6px; border-radius:50%; background:var(--green); }
.cloud-zone { display:flex; flex-direction:column; justify-content:space-between; }.cloud-orbit { position:relative; width:104px; height:104px; display:grid; place-items:center; align-self:center; margin-top:3px; border:1px solid #c6ddfb; border-radius:50%; background:radial-gradient(circle,#fff 35%,#edf5ff 36%); }.cloud-orbit::before { content:""; position:absolute; inset:12px; border:1px dashed #b7d1f3; border-radius:50%; }.cloud-orbit span { z-index:1; color:var(--blue); font-size:8px; font-weight:850; letter-spacing:.14em; }.cloud-orbit i { position:absolute; z-index:2; width:8px; height:8px; border:2px solid #fff; border-radius:50%; background:var(--blue); }.cloud-orbit i:nth-child(1) { top:4px; left:48px; }.cloud-orbit i:nth-child(2) { right:8px; bottom:18px; background:var(--green); }.cloud-orbit i:nth-child(3) { left:5px; bottom:30px; background:var(--yellow); }.cloud-metrics { display:grid; grid-template-columns:1fr 1fr; gap:5px; }.cloud-metrics span { display:grid; gap:2px; padding:7px 4px; border-radius:7px; color:var(--subtle); background:#f8fafd; font-size:6px; text-align:center; }.cloud-metrics b { color:var(--text); font-size:9px; }
.architecture-status { min-height:48px; border-top:1px solid #e1eaf5; text-transform:none; letter-spacing:0; }.architecture-status span { display:flex; align-items:center; gap:8px; }.architecture-status b { color:var(--text); }
.data-ring { width:118px; height:118px; display:grid; place-items:center; margin:38px auto 22px; border:1px solid #bde4d0; border-radius:50%; background:var(--surface-green); box-shadow:0 0 0 22px rgba(52,168,83,.05); }.data-ring span { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.17em; }
.integration-chips { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:38px 0 18px; }.integration-chips span { min-height:48px; display:grid; place-items:center; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:var(--surface); font-size:9px; font-weight:800; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:0; padding:0; list-style:none; }.steps li { min-height:330px; display:flex; flex-direction:column; justify-content:space-between; gap:22px; padding:26px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:var(--surface); }.steps > li > span { color:var(--blue); font-size:10px; font-weight:800; }.steps strong { display:block; margin-bottom:10px; font-size:21px; }.steps p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.step-visual { position:relative; height:118px; flex:0 0 auto; }
.step-discover .step-visual { align-self:center; width:118px; border:1px solid #c4dafa; border-radius:50%; box-shadow:0 0 0 18px rgba(26,115,232,.05),0 0 0 36px rgba(26,115,232,.025); }.step-discover .step-visual::before,.step-discover .step-visual::after { content:""; position:absolute; background:#d8e7fa; }.step-discover .step-visual::before { width:1px; inset:14px auto 14px 50%; }.step-discover .step-visual::after { height:1px; inset:50% 14px auto; }.step-discover .step-visual i { position:absolute; width:10px; height:10px; border:2px solid #fff; border-radius:50%; background:var(--blue); box-shadow:0 2px 8px rgba(26,115,232,.2); }.step-discover .step-visual i:nth-child(1) { top:22px; left:36px; }.step-discover .step-visual i:nth-child(2) { top:53px; right:20px; background:var(--green); }.step-discover .step-visual i:nth-child(3) { left:28px; bottom:22px; background:var(--yellow); }.step-discover .step-visual b { position:absolute; width:20px; height:20px; top:49px; left:49px; border:5px solid #fff; border-radius:50%; background:var(--blue); box-shadow:0 0 0 1px #b7d2f7; }
.step-package .step-visual { display:grid; place-items:center; }.step-package .step-visual i { position:absolute; width:116px; height:45px; border:1px solid #c9dcf7; border-radius:12px; background:#fff; box-shadow:0 7px 18px rgba(60,64,67,.07); }.step-package .step-visual i:nth-child(1) { top:8px; transform:scale(.78); background:#eaf2fe; }.step-package .step-visual i:nth-child(2) { top:34px; transform:scale(.9); }.step-package .step-visual i:nth-child(3) { top:65px; border-color:#a8d8bb; background:#f1faf5; }.step-package .step-visual b { z-index:2; width:28px; height:28px; display:grid; place-items:center; margin-top:49px; border-radius:50%; color:#fff; background:var(--blue); font-size:17px; }
.step-deploy .step-visual::before { content:""; position:absolute; width:110px; height:1px; top:58px; left:calc(50% - 55px); background:linear-gradient(90deg,var(--blue),var(--green)); }.step-deploy .step-visual i { position:absolute; top:41px; width:36px; height:36px; border:1px solid #c5d9f5; border-radius:11px; background:#fff; box-shadow:0 5px 14px rgba(60,64,67,.08); }.step-deploy .step-visual i:nth-child(1) { left:4px; }.step-deploy .step-visual i:nth-child(2) { left:calc(50% - 18px); border-color:#9fc3f3; background:#eaf2fe; }.step-deploy .step-visual i:nth-child(3) { right:4px; border-color:#a8d8bb; background:#f1faf5; }.step-deploy .step-visual b { position:absolute; width:8px; height:8px; top:55px; left:calc(50% - 4px); border-radius:50%; background:var(--blue); box-shadow:0 0 0 5px rgba(26,115,232,.1); }
.step-repeat .step-visual { align-self:center; width:118px; border:12px solid #e5effd; border-right-color:var(--green); border-bottom-color:var(--blue); border-radius:50%; transform:rotate(-20deg); }.step-repeat .step-visual::after { content:""; position:absolute; width:15px; height:15px; right:-12px; bottom:5px; border-right:4px solid var(--blue); border-bottom:4px solid var(--blue); transform:rotate(-12deg); }.step-repeat .step-visual i { position:absolute; width:28px; height:28px; border-radius:9px; background:#fff; box-shadow:0 4px 14px rgba(60,64,67,.12); }.step-repeat .step-visual i:nth-child(1) { top:17px; left:10px; }.step-repeat .step-visual i:nth-child(2) { right:10px; bottom:17px; background:#eaf2fe; }.step-repeat .step-visual b { position:absolute; top:33px; left:34px; color:var(--blue); font-size:22px; transform:rotate(20deg); }

.scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.scenario-grid article { min-height:470px; display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 8px 28px rgba(60,64,67,.06); transition:transform .2s ease,box-shadow .2s ease; }.scenario-grid article:hover { transform:translateY(-5px); box-shadow:0 16px 38px rgba(60,64,67,.11); }.scenario-grid article:nth-child(1) { border-top:4px solid var(--blue); }.scenario-grid article:nth-child(2) { border-top:4px solid var(--green); }.scenario-grid article:nth-child(3) { border-top:4px solid var(--yellow); }.scenario-grid article > span { color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.18em; }.scenario-grid h3 { margin:24px 0 17px; font-size:clamp(24px,2.5vw,36px); line-height:1.08; letter-spacing:-.03em; }.scenario-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.65; }.scenario-grid article > i { margin-top:auto; padding-top:28px; color:var(--subtle); font-size:11px; font-style:normal; }
.scenario-visual { position:relative; height:170px; margin:22px 0 10px; overflow:hidden; border:1px solid #e2e8f0; border-radius:18px; background:var(--surface); }
.scenario-knowledge .scenario-visual { display:flex; align-items:center; justify-content:center; background:linear-gradient(145deg,#f4f8ff,#eaf2fe); }.document-stack { position:relative; width:108px; height:112px; }.document-stack i { position:absolute; width:76px; height:94px; border:1px solid #bad2f4; border-radius:10px; background:#fff; box-shadow:0 8px 22px rgba(26,115,232,.1); }.document-stack i:nth-child(1) { top:10px; left:0; transform:rotate(-9deg); }.document-stack i:nth-child(2) { top:8px; right:0; transform:rotate(8deg); }.document-stack i:nth-child(3) { top:0; left:16px; }.document-stack i:nth-child(3)::before { content:""; position:absolute; width:42px; height:4px; top:39px; left:16px; border-radius:4px; background:#dce9fb; box-shadow:0 12px #dce9fb,0 24px #dce9fb; }.document-stack b { position:absolute; z-index:3; width:42px; height:42px; top:34px; left:34px; display:grid; place-items:center; border:5px solid #fff; border-radius:50%; color:#fff; background:var(--blue); box-shadow:0 8px 20px rgba(26,115,232,.22); font-size:10px; }.search-pulse { position:absolute; width:74px; height:74px; right:34px; bottom:20px; border:1px solid rgba(26,115,232,.18); border-radius:50%; box-shadow:0 0 0 14px rgba(26,115,232,.05); }
.scenario-service .scenario-visual { background:linear-gradient(145deg,#f4fbf7,#eaf7ef); }.person-dot { position:absolute; width:62px; height:62px; left:34px; top:53px; display:grid; place-items:center; border:6px solid #fff; border-radius:50%; color:#fff; background:var(--green); box-shadow:0 10px 24px rgba(52,168,83,.2); font-size:11px; font-weight:800; }.message-bubble { position:absolute; width:145px; height:72px; top:27px; right:30px; display:flex; align-items:center; gap:7px; padding:0 20px; border:1px solid #cfe5d7; border-radius:17px 17px 17px 5px; background:#fff; box-shadow:0 8px 20px rgba(60,64,67,.08); }.message-bubble::after { content:""; position:absolute; width:11px; height:11px; left:14px; bottom:-6px; border-bottom:1px solid #cfe5d7; border-left:1px solid #cfe5d7; background:#fff; transform:rotate(-45deg); }.message-bubble i { width:7px; height:7px; border-radius:50%; background:#b8d8c4; }.message-bubble.small { width:108px; height:49px; top:auto; right:55px; bottom:18px; border-radius:14px 14px 5px 14px; }.message-bubble.small::after { right:12px; left:auto; transform:rotate(135deg); }
.scenario-operations .scenario-visual { display:flex; align-items:center; justify-content:center; gap:9px; background:linear-gradient(145deg,#fffaf0,#fff5dc); }.workflow-card { position:relative; width:68px; height:82px; display:grid; place-items:center; border:1px solid #ecd79d; border-radius:13px; color:#9a6500; background:#fff; box-shadow:0 8px 20px rgba(155,105,0,.08); font-size:11px; font-weight:800; }.workflow-card i { position:absolute; width:30px; height:3px; bottom:17px; border-radius:3px; background:#f4dfaa; box-shadow:0 8px #f4dfaa; }.scenario-operations .scenario-visual > b { position:relative; width:28px; height:2px; background:#dfb541; }.scenario-operations .scenario-visual > b::after { content:""; position:absolute; right:0; top:-3px; width:7px; height:7px; border-top:2px solid #dfb541; border-right:2px solid #dfb541; transform:rotate(45deg); }

.updates { scroll-margin-top:84px; padding-top:clamp(56px,5vw,76px); }.updates-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.updates-grid article { min-height:330px; display:flex; flex-direction:column; padding:30px; overflow:hidden; border:1px solid var(--line); border-radius:24px; background:var(--surface); }.updates-grid article > span { color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.18em; }.updates-grid h3 { margin:24px 0 12px; font-size:clamp(24px,2.4vw,34px); line-height:1.08; letter-spacing:-.03em; }.updates-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }.updates-grid small { margin-top:auto; padding-top:24px; color:var(--subtle); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.update-visual { position:relative; height:92px; margin-top:26px; border:1px solid var(--line); border-radius:18px; background:#fff; }.update-news .update-visual { padding:24px; }.update-news .update-visual i { display:block; width:70%; height:6px; margin-bottom:10px; border-radius:6px; background:#d9e8fc; }.update-news .update-visual i:nth-child(2) { width:88%; background:#e5ebf2; }.update-news .update-visual i:nth-child(3) { width:54%; background:#ddefe4; }.update-events .update-visual { display:flex; align-items:center; gap:18px; padding:18px 24px; }.update-events .update-visual b { width:54px; height:54px; display:grid; place-items:center; border-radius:15px; color:#9a6500; background:var(--surface-yellow); font-size:22px; }.update-events .update-visual i { width:48%; height:6px; border-radius:6px; background:#d9e8fc; box-shadow:0 14px #e5ebf2; }.update-cases .update-visual { display:flex; align-items:center; justify-content:center; gap:18px; }.update-cases .update-visual i { width:42px; height:42px; border:1px solid #bfd5f4; border-radius:13px; background:var(--surface-blue); }.update-cases .update-visual i:last-child { border-color:#b9ddc6; background:var(--surface-green); }.update-cases .update-visual b { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--blue); font-size:11px; }

.cta { max-width:1388px; min-height:370px; display:flex; align-items:end; justify-content:space-between; gap:50px; margin:0 auto clamp(50px,6vw,90px); padding:clamp(38px,6vw,78px); border-radius:32px; color:#fff; background:linear-gradient(135deg,#1a73e8,#4285f4); box-shadow:0 24px 60px rgba(26,115,232,.2); }.cta .section-index { margin-bottom:25px; color:#d9e9ff; }.cta h2 { max-width:800px; margin-bottom:0; font-size:clamp(43px,6vw,86px); line-height:.94; letter-spacing:-.05em; }.cta-link { flex:0 0 auto; min-height:58px; display:inline-flex; align-items:center; gap:30px; padding:0 22px; border-bottom:1px solid rgba(255,255,255,.8); color:#fff; font-size:14px; font-weight:750; }

.footer { min-height:140px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:28px clamp(20px,5vw,76px); border-top:1px solid var(--line); color:var(--subtle); background:var(--surface); }.footer > div { display:flex; align-items:center; gap:14px; }.footer img { width:46px; height:46px; }.footer span { display:grid; gap:4px; }.footer strong { color:var(--text); font-size:13px; }.footer small,.footer p { margin:0; font-size:10px; letter-spacing:.04em; }

@media (max-width:1080px) {
  .hero { grid-template-columns:1fr; }.agent-visual { min-height:560px; }.section-heading { grid-template-columns:1fr; }.section-heading > p:last-child { max-width:700px; }.proof-strip { grid-template-columns:repeat(3,1fr); }.proof-strip > p { grid-column:1 / -1; }.split-heading { grid-template-columns:1fr .7fr; }
}

@media (max-width:760px) {
  .nav { min-height:72px; padding-top:max(10px,env(safe-area-inset-top)); padding-right:max(14px,env(safe-area-inset-right)); padding-bottom:10px; padding-left:max(14px,env(safe-area-inset-left)); }.brand-mark-wrap { width:48px; height:48px; border-radius:14px; }.brand-mark { width:39px; height:39px; }.brand-copy small,.nav-updates { display:none; }.nav-links > a.active { display:none; }.nav-links { margin-left:auto; gap:14px; }.nav-links > a:not(.nav-cta):not(.active),.nav-cta { min-height:44px; display:inline-flex; align-items:center; }.nav-cta { padding:0 14px; font-size:12px; }
  .hero { min-height:auto; grid-template-columns:1fr; padding-top:28px; padding-right:max(18px,env(safe-area-inset-right)); padding-left:max(18px,env(safe-area-inset-left)); } h1 { font-size:clamp(48px,14vw,72px); }.actions { display:grid; grid-template-columns:1fr; gap:12px; margin-top:28px; }.actions .button { width:100%; min-height:52px; }.signal-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; margin-top:24px; line-height:1.35; }.signal-row span:last-child { grid-column:1 / -1; }.agent-visual { min-height:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:22px 14px 20px; border-radius:24px; }.orbit { display:none; }.system-card { position:relative; z-index:1; inset:auto; }.node { width:auto; min-height:132px; display:flex; flex-direction:column; justify-content:space-between; padding:16px; }.node span { margin-bottom:18px; }.node-hardware { order:1; }.node-cloud { order:2; }.system-core { order:3; grid-column:1 / -1; width:auto; padding:22px; }.system-core .core-head { margin-bottom:18px; }.system-core > strong { font-size:19px; }.node-model { order:4; }.node-workflow { order:5; }.visual-caption { position:relative; inset:auto; order:6; grid-column:1 / -1; gap:6px; padding:8px 4px 2px; text-align:center; }
  .proof-strip,.section { padding-right:max(18px,env(safe-area-inset-right)); padding-left:max(18px,env(safe-area-inset-left)); }.proof-strip { grid-template-columns:1fr; padding-bottom:56px; }.proof-strip > p { grid-column:auto; }.section { padding-block:60px; }.platform { padding-top:48px; }.platform .section-heading { grid-template-columns:1fr; }.scenarios { padding-bottom:28px; }.bento-grid { grid-template-columns:1fr; }.bento-feature { grid-row:auto; min-height:0; }.bento { min-height:0; }.architecture-visual { min-height:0; }.architecture-flow { grid-template-columns:1fr; }.architecture-link { min-height:32px; }.architecture-link i { width:2px; height:28px; background:linear-gradient(var(--blue),var(--green)); }.architecture-link i::before,.architecture-link i::after { top:auto; left:-3px; }.architecture-link i::before { top:0; }.architecture-link i::after { right:auto; bottom:0; }.architecture-zone { min-height:190px; }.edge-zone { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; align-content:center; }.edge-zone .zone-label { grid-column:1 / -1; }.architecture-node { min-width:0; display:grid; justify-items:center; padding:10px 5px; text-align:center; }.architecture-node > span { width:100%; }.architecture-node strong,.architecture-node small { display:block; }.agent-zone { min-height:220px; }.cloud-zone { min-height:215px; }.architecture-status { align-items:flex-start; flex-direction:column; padding-block:12px; }.split-heading { grid-template-columns:1fr; }.steps,.scenario-grid,.updates-grid { grid-template-columns:1fr; }.steps li { min-height:190px; }.scenario-grid article { min-height:0; }.updates { padding-top:48px; }.updates-grid article { min-height:0; padding:24px; }.cta { min-height:0; align-items:flex-start; flex-direction:column; margin-inline:max(14px,env(safe-area-inset-left)); padding:36px 24px; }.cta-link { width:100%; min-height:48px; justify-content:space-between; padding-inline:0; }.footer { min-height:0; align-items:flex-start; flex-direction:column; padding-right:max(20px,env(safe-area-inset-right)); padding-bottom:calc(28px + env(safe-area-inset-bottom)); padding-left:max(20px,env(safe-area-inset-left)); }
}

@media (max-width:420px) {
  .brand-copy strong { font-size:13px; }.nav { gap:10px; }.nav-links { gap:10px; }.nav-cta { gap:8px; padding-inline:12px; }.hero { padding-right:max(14px,env(safe-area-inset-right)); padding-left:max(14px,env(safe-area-inset-left)); }.actions { gap:10px; }.button { min-height:50px; padding-inline:16px; }.agent-visual { gap:10px; padding-inline:12px; }.node { min-height:124px; padding:14px; }.node strong { font-size:12px; }.node small { font-size:10px; }.system-core { width:auto; left:auto; }.signal-row { gap:10px 14px; }.architecture-head { align-items:flex-start; flex-direction:column; gap:7px; }
}

@media (display-mode:standalone) {
  body { min-height:100dvh; }
  .nav { padding-top:max(10px,env(safe-area-inset-top)); }
}

@media (hover:none) {
  .brand:hover .brand-mark,.nav-cta:hover,.button:hover,.scenario-grid article:hover { transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; }
}