:root{color-scheme:light;--bg:#f7fbff;--bg2:#eaf8ff;--text:#07111f;--muted:#607086;--soft:rgba(255,255,255,.82);--soft2:rgba(255,255,255,.62);--line:rgba(7,17,31,.10);--line2:rgba(255,255,255,.78);--cyan:#19d8c8;--blue:#2e8cff;--purple:#7657ff;--green:#24d879;--amber:#f7b817;--shadow:0 28px 90px rgba(40,88,150,.13);--dark:#07111f}:root[data-theme=dark]{color-scheme:dark;--bg:#050915;--bg2:#08172a;--text:#f6f9ff;--muted:#9fb0c5;--soft:rgba(12,24,42,.80);--soft2:rgba(12,24,42,.56);--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.16);--shadow:0 28px 90px rgba(0,0,0,.38);--dark:#f7fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 84% 16%,rgba(46,140,255,.28),transparent 29rem),radial-gradient(circle at 12% 26%,rgba(25,216,200,.25),transparent 26rem),linear-gradient(180deg,var(--bg),var(--bg2) 58%,var(--bg));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(100,116,139,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,#000 0%,transparent 80%)}a{text-decoration:none;color:inherit}button{font:inherit}.shell{width:min(1400px,calc(100% - 80px));margin-inline:auto}.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.glow,.beam,.grid-light{position:absolute;display:block}.glow{border-radius:50%;filter:blur(24px);opacity:.82}.glow-a{right:-80px;top:12px;width:650px;height:650px;background:radial-gradient(circle,#dffffb 0 8%,#55e9df 24%,#5aa9ff 52%,transparent 74%);animation:floatA 10s ease-in-out infinite}.glow-b{left:-150px;top:250px;width:520px;height:520px;background:radial-gradient(circle,#fff3be 0 8%,#affff7 32%,transparent 74%);animation:floatB 12s ease-in-out infinite}.beam{height:220px;width:88vw;right:-18vw;top:310px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),rgba(25,216,200,.35),rgba(46,140,255,.20),transparent);filter:blur(18px);transform:rotate(-11deg);opacity:.58;animation:beamMove 8s ease-in-out infinite}.beam-b{top:660px;right:10vw;height:110px;width:55vw;opacity:.22;animation-delay:-2s}.grid-light{inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,20%),rgba(255,255,255,.72),transparent 19rem);mix-blend-mode:soft-light;opacity:.42}:root[data-theme=dark] .grid-light{opacity:.16}:root[data-theme=dark] .glow{opacity:.45}:root[data-theme=dark] .beam{opacity:.20}.site-header{position:sticky;top:18px;z-index:30}.nav{height:68px;border-radius:999px;border:1px solid var(--line2);background:var(--soft);backdrop-filter:blur(24px);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px 10px 15px}.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:950;letter-spacing:-.04em}.brand-mark{position:relative;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#0fe1ce,#35a2ff 58%,#7b61ff);display:grid;place-items:center;box-shadow:0 16px 36px rgba(24,215,199,.30);overflow:hidden;animation:logoPulse 3.8s ease-in-out infinite}.brand-mark:before{content:"";position:absolute;inset:-45%;background:linear-gradient(120deg,transparent 34%,rgba(255,255,255,.95),transparent 65%);animation:shine 4.8s ease-in-out infinite}.brand-mark i{position:relative;z-index:1;width:18px;height:25px;border-radius:8px 8px 12px 12px;background:#fff;clip-path:polygon(50% 0,88% 42%,66% 100%,12% 100%,36% 42%)}.nav-links{display:flex;gap:34px;color:var(--muted);font-weight:900}.nav-links a:hover{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle,.lang-toggle{height:42px;border-radius:999px;border:1px solid var(--line);background:var(--soft2);color:var(--text);cursor:pointer}.theme-toggle{width:42px;display:grid;place-items:center}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:0 14px;font-weight:950}.theme-toggle span{grid-area:1/1;transition:.2s}.theme-moon{opacity:0;transform:scale(.6) rotate(-40deg)}:root[data-theme=dark] .theme-sun{opacity:0;transform:scale(.6) rotate(40deg)}:root[data-theme=dark] .theme-moon{opacity:1;transform:scale(1) rotate(0)}.login,.start{height:42px;border-radius:999px;padding:0 18px;display:inline-flex;align-items:center;font-weight:950}.login{background:rgba(100,116,139,.10)}.start{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06101f;box-shadow:0 14px 34px rgba(25,216,200,.18)}.hero{min-height:770px;padding:74px 0 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,680px);gap:90px;align-items:center}.hero-copy{max-width:650px}.badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 15px;border-radius:999px;background:var(--soft);border:1px solid var(--line);box-shadow:0 12px 40px rgba(24,215,199,.10);color:#0f766e;font-size:14px;font-weight:950}.badge span{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(36,216,121,.13),0 0 20px rgba(36,216,121,.70)}:root[data-theme=dark] .badge{color:#98fff5}.eyebrow{margin-top:30px;color:#0f766e;font-weight:950;letter-spacing:.08em}:root[data-theme=dark] .eyebrow{color:#98fff5}.hero-title{margin:14px 0 22px;line-height:.94;letter-spacing:-.075em;color:var(--text)}.hero-title .title-main{display:block;white-space:nowrap;font-size:clamp(70px,7.2vw,112px);font-weight:950}.hero-title em{display:block;margin-top:4px;font-style:normal;white-space:nowrap;font-size:clamp(62px,6.5vw,100px);font-weight:950;background:linear-gradient(100deg,#0f766e 0%,#2563eb 54%,#7657ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:650px;margin:0;color:var(--muted);font-size:21px;line-height:1.86;font-weight:760}.slogan-line{display:flex;align-items:center;gap:14px;margin:26px 0 30px;font-size:20px;font-weight:950}.slogan-line i{width:64px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--text),transparent)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px}.primary,.secondary{height:58px;border-radius:999px;padding:0 32px;display:inline-flex;align-items:center;justify-content:center;font-weight:950;transition:.22s}.primary{background:linear-gradient(135deg,#22dfcc,#27a9ff);color:#06101f;box-shadow:0 20px 46px rgba(25,216,200,.23)}.secondary{background:var(--soft);border:1px solid var(--line);color:var(--text);box-shadow:0 12px 30px rgba(7,17,31,.06)}.primary:hover,.secondary:hover,.endpoint-pill button:hover,.support:hover{transform:translateY(-2px)}.endpoint-pill{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:9px 9px 9px 15px;border-radius:20px;background:rgba(7,17,31,.06);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.48)}:root[data-theme=dark] .endpoint-pill{background:rgba(255,255,255,.07)}.endpoint-pill span{color:var(--muted);font-weight:900}.endpoint-pill code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#0f766e;font-weight:950;word-break:break-all}:root[data-theme=dark] .endpoint-pill code{color:#98fff5}.endpoint-pill button{border:0;border-radius:14px;padding:10px 15px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06101f;font-weight:950;cursor:pointer;transition:.2s}.app-support{margin-top:34px}.support-title{font-size:20px;font-weight:950;margin-bottom:14px}.app-icons{display:flex;gap:12px;flex-wrap:wrap}.app-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);box-shadow:0 12px 28px rgba(40,88,150,.10);font-weight:950;color:var(--text);animation:iconBob 5.8s ease-in-out infinite}.delay-a{animation-delay:0s}.delay-b{animation-delay:.35s}.delay-c{animation-delay:.70s}.delay-d{animation-delay:1.05s}.delay-e{animation-delay:1.40s}.delay-f{animation-delay:1.75s}.delay-g{animation-delay:2.10s}.delay-h{animation-delay:2.45s}.micro-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.micro-cards article{min-height:72px;border-radius:18px;background:var(--soft);border:1px solid var(--line);padding:14px;box-shadow:0 14px 34px rgba(40,88,150,.08)}.micro-cards b{display:block;font-size:15px}.micro-cards span{display:block;margin-top:5px;color:var(--muted);font-size:13px;font-weight:800}.hero-visual{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center}.ops-card{position:relative;width:min(660px,100%);min-height:590px;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.62));border:1px solid var(--line2);box-shadow:0 36px 110px rgba(40,88,150,.18);padding:56px 54px 34px;overflow:visible;transform:perspective(1200px) rotateY(-4deg) rotateZ(1.2deg);animation:cardFloat 8s ease-in-out infinite}:root[data-theme=dark] .ops-card{background:linear-gradient(145deg,rgba(12,24,42,.88),rgba(12,24,42,.60))}.ops-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 78% 8%,rgba(25,216,200,.24),transparent 34%),radial-gradient(circle at 0% 100%,rgba(46,140,255,.15),transparent 40%);pointer-events:none}.floating-logo{position:absolute;right:54px;top:-50px;width:160px;height:160px;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.38));border:1px solid var(--line2);display:grid;place-items:center;box-shadow:0 28px 80px rgba(46,140,255,.18);backdrop-filter:blur(18px);animation:logoFrameFloat 6.6s ease-in-out infinite}.light-core{position:relative;z-index:2;width:78px;height:78px;border-radius:24px;background:linear-gradient(135deg,#0fe1ce,#35a2ff 58%,#7b61ff);display:grid;place-items:center;box-shadow:0 0 0 14px rgba(25,216,200,.10),0 18px 48px rgba(46,140,255,.28);animation:corePulse 3s ease-in-out infinite}.light-core img{width:100%;height:100%;object-fit:cover;border-radius:24px}.ring{position:absolute;border-radius:50%;border:1px solid rgba(25,216,200,.30)}.ring-a{inset:18px}.ring-b{inset:6px;border-style:dashed;border-color:rgba(46,140,255,.30);animation:spin 18s linear infinite}.spark{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.spark-a{top:26px;right:38px}.spark-b{left:28px;bottom:44px;background:var(--blue);box-shadow:0 0 20px var(--blue)}.spark-c{right:18px;bottom:38px;background:var(--purple);box-shadow:0 0 20px var(--purple)}.ops-head,.timeline,.metrics-card{position:relative}.live-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(36,216,121,.12);color:#0f766e;border:1px solid rgba(36,216,121,.22);padding:8px 11px;font-size:12px;font-weight:950;margin-bottom:18px}:root[data-theme=dark] .live-chip{color:#98fff5}.live-chip i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(36,216,121,.12)}.ops-head h2{margin:0 0 16px;font-size:48px;line-height:1.05;letter-spacing:-.065em}.ops-head p{max-width:470px;margin:0;color:var(--muted);font-weight:780;line-height:1.72}.timeline{margin-top:30px;display:grid;gap:19px}.timeline:before{content:"";position:absolute;left:23px;top:28px;bottom:28px;width:2px;background:linear-gradient(var(--blue),var(--cyan),var(--purple),var(--green));opacity:.35}.timeline article{position:relative;display:grid;grid-template-columns:50px 1fr;gap:15px;align-items:start}.node{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;color:white;font-weight:950;box-shadow:0 16px 38px rgba(46,140,255,.22);animation:nodePulse 3.6s ease-in-out infinite}.blue{background:#4da1ff}.cyan{background:#19c9d6;animation-delay:.45s}.violet{background:#7662ff;animation-delay:.9s}.green{background:#35d47c;animation-delay:1.35s}.timeline h3{margin:0 0 6px;font-size:22px;letter-spacing:-.04em}.timeline p{margin:0;color:var(--muted);font-weight:780;line-height:1.62}.metrics-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;padding:12px;border-radius:24px;background:rgba(255,255,255,.70);border:1px solid var(--line2);box-shadow:0 20px 60px rgba(40,88,150,.12);backdrop-filter:blur(18px)}:root[data-theme=dark] .metrics-card{background:rgba(12,24,42,.70)}.metrics-card div{border-radius:18px;background:rgba(255,255,255,.55);border:1px solid var(--line);padding:16px}:root[data-theme=dark] .metrics-card div{background:rgba(255,255,255,.06)}.metrics-card span{display:block;color:var(--muted);font-weight:850}.metrics-card b{display:block;margin-top:6px;font-size:26px;letter-spacing:-.05em}.capabilities{padding:28px 0 76px}.section-title{max-width:820px;margin-bottom:24px}.kicker{display:inline-flex;border-radius:999px;padding:8px 12px;background:rgba(24,215,199,.13);border:1px solid rgba(24,215,199,.22);color:#0f766e;font-weight:950}:root[data-theme=dark] .kicker{color:#98fff5}.section-title h2{margin:18px 0 0;font-size:clamp(34px,4.6vw,58px);line-height:1.05;letter-spacing:-.065em}.section-title p{color:var(--muted);font-size:18px;line-height:1.82;font-weight:650}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border-radius:28px;background:var(--soft);border:1px solid var(--line2);box-shadow:var(--shadow);padding:26px;min-height:220px;transition:.24s}.card:hover{transform:translateY(-5px)}.num{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(24,215,199,.14);color:#0f766e;font-weight:950}.card h3{margin:34px 0 12px;font-size:26px;letter-spacing:-.05em}.card p{margin:0;color:var(--muted);font-weight:650;line-height:1.78}.footer{min-height:86px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:28px;color:var(--muted);font-weight:850;flex-wrap:wrap}.footer .support{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 16px;background:rgba(24,215,199,.12);border:1px solid rgba(24,215,199,.26);color:#0f766e;font-weight:950;cursor:pointer;transition:.2s}.toast{position:fixed;left:50%;bottom:26px;z-index:50;transform:translateX(-50%) translateY(16px);opacity:0;background:#07111f;color:white;padding:13px 18px;border-radius:999px;box-shadow:0 18px 60px rgba(0,0,0,.28);font-weight:950;transition:.24s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.reveal{animation:fadeUp .78s cubic-bezier(.2,.8,.2,1) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatA{50%{transform:translate3d(-26px,24px,0) scale(1.04)}}@keyframes floatB{50%{transform:translate3d(28px,-22px,0) scale(1.06)}}@keyframes beamMove{50%{transform:rotate(-9deg) translateX(-5vw);opacity:.45}}@keyframes shine{50%{transform:translateX(70%) rotate(8deg)}}@keyframes logoPulse{50%{transform:translateY(-2px);box-shadow:0 18px 42px rgba(24,215,199,.36)}}@keyframes iconBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cardFloat{0%,100%{transform:perspective(1200px) rotateY(-4deg) rotateZ(1.2deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-2deg) rotateZ(.3deg) translateY(-10px)}}@keyframes logoFrameFloat{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-14px) rotate(-2deg)}}@keyframes corePulse{50%{transform:scale(1.06);box-shadow:0 0 0 20px rgba(25,216,200,.08),0 24px 64px rgba(46,140,255,.32)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nodePulse{50%{transform:scale(1.08);filter:saturate(1.15)}}
@media (max-width:1180px){.shell{width:min(100% - 42px,1180px)}.hero{grid-template-columns:1fr;gap:44px}.hero-copy{max-width:760px}.hero-visual{min-height:auto}.ops-card{margin-inline:auto}.cards{grid-template-columns:1fr}.hero-title .title-main{font-size:clamp(68px,12vw,112px)}.hero-title em{font-size:clamp(58px,10.5vw,96px)}}@media (max-width:720px){.nav-links{display:none}.site-header{top:10px}.nav{height:58px;border-radius:22px;padding:7px 8px;gap:6px}.brand{gap:8px;min-width:32px}.brand-mark{width:32px;height:32px;border-radius:12px}.brand-text{display:none}.nav-actions{gap:5px;flex-shrink:0}.theme-toggle{width:34px;height:34px}.login,.lang-toggle,.start{display:inline-flex;height:34px;padding:0 9px;font-size:12px}.lang-toggle{min-width:38px}.hero{padding:42px 0 32px}.badge{font-size:12px}.badge b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-title .title-main{font-size:47px}.hero-title em{font-size:42px}.lead{font-size:16px;line-height:1.76}.slogan-line{font-size:16px}.slogan-line i{width:42px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.primary,.secondary{height:52px;padding:0 16px}.endpoint-pill{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%}.endpoint-pill span{grid-column:1 / -1}.endpoint-pill code{font-size:12px}.app-icon{width:48px;height:48px;border-radius:14px;font-size:13px}.micro-cards{grid-template-columns:repeat(2,1fr)}.ops-card{width:100%;min-height:auto;border-radius:28px;padding:74px 22px 22px;transform:none;animation:mobileCardFloat 7s ease-in-out infinite}.floating-logo{width:112px;height:112px;right:22px;top:-34px;border-radius:28px}.light-core{width:58px;height:58px;border-radius:18px}.light-core img{border-radius:18px}.ops-head h2{font-size:34px}.ops-head p{font-size:14px}.timeline{gap:14px}.timeline h3{font-size:19px}.timeline p{font-size:13px}.metrics-card{grid-template-columns:1fr;padding:10px}.metrics-card div{padding:14px}.capabilities{padding:24px 0 56px}.section-title h2{font-size:34px}.footer{padding:24px 0;font-size:13px}}@keyframes mobileCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ATMAI_HOME_STATIC_V8: real icon tiles + stronger live motion */
.app-icon{position:relative;overflow:hidden;color:#101827;isolation:isolate;animation:iconFloatStrong 3.2s ease-in-out infinite, iconGlow 4.8s ease-in-out infinite!important;will-change:transform,box-shadow}
.app-icon svg{width:30px;height:30px;display:block;filter:drop-shadow(0 8px 14px rgba(40,88,150,.12))}
.app-icon:before{content:"";position:absolute;inset:-35%;z-index:-1;background:linear-gradient(120deg,transparent 34%,rgba(255,255,255,.95),transparent 62%);transform:translateX(-75%) rotate(18deg);animation:iconShine 3.6s ease-in-out infinite}
.icon-openai{color:#0f172a}.icon-ai{color:#111827}.icon-star{color:#3b82f6}.icon-cube{color:#111827}.icon-snow{color:#15b8c8}.icon-whale{color:#536dfe}.icon-robot{color:#0f172a}.icon-more{color:#64748b}
:root[data-theme=dark] .app-icon{color:#f7fbff;background:rgba(255,255,255,.08)}
:root[data-theme=dark] .icon-star{color:#7aa8ff}:root[data-theme=dark] .icon-snow{color:#70fff4}:root[data-theme=dark] .icon-whale{color:#9ba8ff}
.ops-card{animation:cardFloatStrong 5.8s ease-in-out infinite, cardBreath 3.8s ease-in-out infinite!important;will-change:transform,box-shadow}
.ops-card:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 0 36%,rgba(255,255,255,.72) 46%,rgba(25,216,200,.28) 52%,transparent 64%);mix-blend-mode:screen;opacity:0;transform:translateX(-58%);animation:cardScan 3.9s ease-in-out infinite}
.floating-logo{animation:logoFrameFloatStrong 3.4s ease-in-out infinite, logoFlash 2.6s ease-in-out infinite!important;will-change:transform,box-shadow}
.ring-a{animation:ringPulse 2.4s ease-in-out infinite}.ring-b{animation:spin 10s linear infinite, ringPulse 2.8s ease-in-out infinite}.spark{animation:sparkBlink 1.8s ease-in-out infinite}.spark-b{animation-delay:.35s}.spark-c{animation-delay:.7s}
.light-core{animation:corePulseStrong 2.2s ease-in-out infinite!important}
.node{animation:nodeBounce 2.4s ease-in-out infinite!important}.cyan{animation-delay:.25s!important}.violet{animation-delay:.5s!important}.green{animation-delay:.75s!important}
@keyframes iconFloatStrong{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-11px) rotate(-1.5deg)}}
@keyframes iconGlow{0%,100%{box-shadow:0 12px 28px rgba(40,88,150,.10)}50%{box-shadow:0 20px 42px rgba(25,216,200,.22)}}
@keyframes iconShine{0%,38%{transform:translateX(-75%) rotate(18deg);opacity:0}55%{opacity:.95}72%,100%{transform:translateX(75%) rotate(18deg);opacity:0}}
@keyframes cardFloatStrong{0%,100%{transform:perspective(1200px) rotateY(-4deg) rotateZ(1.2deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-1.5deg) rotateZ(.2deg) translateY(-18px)}}
@keyframes cardBreath{0%,100%{box-shadow:0 36px 110px rgba(40,88,150,.18)}50%{box-shadow:0 48px 140px rgba(25,216,200,.28)}}
@keyframes cardScan{0%,30%{opacity:0;transform:translateX(-58%)}45%{opacity:.8}70%,100%{opacity:0;transform:translateX(58%)}}
@keyframes logoFrameFloatStrong{0%,100%{transform:translateY(0) rotate(3deg) scale(1)}50%{transform:translateY(-18px) rotate(-3deg) scale(1.035)}}
@keyframes logoFlash{0%,100%{box-shadow:0 28px 80px rgba(46,140,255,.18)}50%{box-shadow:0 34px 100px rgba(25,216,200,.40),0 0 0 10px rgba(25,216,200,.07)}}
@keyframes ringPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes sparkBlink{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}
@keyframes corePulseStrong{0%,100%{transform:scale(1);box-shadow:0 0 0 12px rgba(25,216,200,.10),0 18px 48px rgba(46,140,255,.28)}50%{transform:scale(1.10);box-shadow:0 0 0 22px rgba(25,216,200,.09),0 26px 72px rgba(46,140,255,.42)}}
@keyframes nodeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.10)}}
@media (max-width:720px){.ops-card{animation:mobileCardFloatStrong 4.8s ease-in-out infinite, cardBreath 3.8s ease-in-out infinite!important}.app-icon svg{width:27px;height:27px}@keyframes mobileCardFloatStrong{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}}

/* ATMAI_HOME_STATIC_V9: common AI brand icon colors */
.app-icon svg path,.app-icon svg circle,.app-icon svg rect,.app-icon svg polygon{fill:currentColor}
.app-icon{color:var(--brand,#111827)}
.icon-gemini,.icon-deepseek,.icon-perplexity{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,252,255,.76))}
.icon-mistral{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,241,225,.74))}
:root[data-theme=dark] .icon-openai,:root[data-theme=dark] .icon-claude,:root[data-theme=dark] .icon-grok,:root[data-theme=dark] .icon-copilot{color:#f8fafc!important}

/* ATMAI_HOME_STATIC_V10: mobile touch/scroll tuning */
html,body{max-width:100%;overflow-x:hidden}
a,button{touch-action:manipulation}
@media (max-width:720px){
  html{scroll-behavior:auto}
  body{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}
  .shell{width:min(100% - 28px,1180px)}
  .ambient,.grid-light,.beam{pointer-events:none}
  .hero{display:block;min-height:auto;padding:36px 0 34px;overflow:visible}
  .hero-copy{max-width:100%}
  .hero-visual{display:block;min-height:auto;margin-top:42px;overflow:visible;contain:layout paint}
  .hero-title{margin-top:12px}
  .hero-title .title-main{font-size:44px;line-height:.96;white-space:nowrap}
  .hero-title em{font-size:39px;line-height:1.02;white-space:nowrap}
  .app-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .app-icon{width:100%;height:50px;animation:iconFloatMobile 5.2s ease-in-out infinite, iconGlow 6s ease-in-out infinite!important}
  .app-icon:before{animation:none;opacity:.35;transform:translateX(0) rotate(18deg)}
  .micro-cards{grid-template-columns:repeat(2,1fr);gap:10px}
  .ops-card{width:100%;min-height:auto;border-radius:28px;padding:72px 20px 20px;transform:none!important;animation:mobileCardBreath 6.5s ease-in-out infinite!important;overflow:visible}
  .ops-card:after{display:none}
  .floating-logo{right:18px;top:-32px;width:110px;height:110px;animation:logoFrameMobile 4.8s ease-in-out infinite, logoFlash 4.8s ease-in-out infinite!important;pointer-events:none}
  .ring-b{animation:spin 16s linear infinite, ringPulse 4s ease-in-out infinite}
  .light-core{width:56px;height:56px;animation:corePulseMobile 4.2s ease-in-out infinite!important}
  .timeline{gap:13px}
  .timeline:before{left:22px}
  .timeline article{grid-template-columns:48px 1fr;gap:12px}
  .node{animation:nodePulseMobile 4.8s ease-in-out infinite!important}
  .metrics-card{grid-template-columns:1fr;gap:10px;margin-top:20px}
  .capabilities{padding-top:26px}
}
@keyframes iconFloatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes mobileCardBreath{0%,100%{box-shadow:0 26px 78px rgba(40,88,150,.16)}50%{box-shadow:0 34px 96px rgba(25,216,200,.22)}}
@keyframes logoFrameMobile{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-8px) rotate(-1deg)}}
@keyframes corePulseMobile{0%,100%{transform:scale(1);box-shadow:0 0 0 10px rgba(25,216,200,.09),0 14px 40px rgba(46,140,255,.24)}50%{transform:scale(1.06);box-shadow:0 0 0 16px rgba(25,216,200,.07),0 20px 54px rgba(46,140,255,.34)}}
@keyframes nodePulseMobile{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}