:root{--accent:#2466e8;--tech-blue:#3478f6;--tech-cyan:#00aab6;--tech-violet:#8562de}
.tech-icon{display:inline-block;width:21px;height:21px;flex-shrink:0;vertical-align:middle}
.global-header{border-bottom:1px solid #dce7fa70;background:rgba(255,255,255,.87)}
.global-header::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#4285f459,#00bedb60,#8f6bef60,transparent)}
.global-header nav a{display:inline-flex;gap:9px;align-items:center;transition:color .25s}
.global-header nav a .tech-icon{width:18px;height:18px;color:#6a839e;transition:color .25s,transform .3s}
.global-header nav a:hover,.global-header nav a[aria-current]{color:#2767cc}
.global-header nav a:hover .tech-icon{color:#3478f6;transform:translateY(-2px)}
.global-header nav a::after{background:linear-gradient(90deg,#4285f4,#37b7d8)}
.wordmark .symbol i:nth-child(1){background:#4285f4}.wordmark .symbol i:nth-child(2){background:#13bcb9}.wordmark .symbol i:nth-child(3){background:#8261dd}
.header-action{display:inline-flex;align-items:center;gap:8px;color:#3266a7}.header-action .tech-icon{width:17px;height:17px}
.hero-showcase{background:#edf4ff}
.hero-slide{background:radial-gradient(ellipse at 48% 55%,#fff 6%,#f3f7ff 56%,#eaf0ff 100%);isolation:isolate}
.tech-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.color-cloud{display:block;position:absolute;border-radius:50%;width:700px;height:700px;opacity:.75;animation:cloud-drift 16s ease-in-out infinite alternate;will-change:transform}
.cloud-blue{left:-18%;top:10%;background:radial-gradient(circle,#659aff55,transparent 67%)}
.cloud-cyan{right:-15%;top:0;background:radial-gradient(circle,#3dddd74d,transparent 66%);animation-delay:-6s;animation-duration:19s}
.cloud-violet{width:900px;height:900px;left:17%;bottom:-76%;background:radial-gradient(circle,#9c70ff5e,transparent 67%);animation-delay:-9s}
.orbit{position:absolute;left:50%;top:64%;border:1px solid #70a3ed40;border-radius:50%;width:940px;height:375px;transform:translate(-50%,-50%) rotate(-13deg);box-shadow:0 0 0 24px #92b6f506}
.orbit-inner{width:840px;height:315px;border-color:#97baed26;transform:translate(-50%,-50%) rotate(12deg)}
.light-point{width:7px;height:7px;border-radius:50%;position:absolute;box-shadow:0 0 20px currentColor;animation:point-breathe 4s ease-in-out infinite}
.point-one{color:#4285f4;background:currentColor;left:14%;top:60%}.point-two{color:#22bbb5;background:currentColor;right:15%;top:46%;animation-delay:-2s}.point-three{color:#936ee1;background:currentColor;right:29%;bottom:18%;width:5px;height:5px;animation-delay:-1s}
.hero-copy .overline{display:flex;align-items:center;justify-content:center;gap:10px;color:#537aa9;letter-spacing:.12em}
.hero-copy .overline .tech-icon{width:20px;height:20px;color:#4285f4}
.color-dots{display:flex;gap:4px;margin-left:6px}.color-dots i{width:4px;height:4px;background:#4285f4;border-radius:50%}.color-dots i:nth-child(2){background:#ea6b66}.color-dots i:nth-child(3){background:#e8b63e}.color-dots i:nth-child(4){background:#42ae88}
.hero-copy h1{background:linear-gradient(112deg,#192b43 15%,#285ea7 53%,#7552b2 88%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy .text-action{border:1px solid #abc5ed;border-radius:30px;color:#296bc7;background:#ffffffad;padding:11px 23px;gap:22px;box-shadow:0 5px 18px #6e9de813}
.hero-copy .text-action:hover{background:white;border-color:#3478f6;box-shadow:0 6px 22px #3b82f632}
.hero-device{z-index:1}.hero-device::after{background:#3662ae35}
.hero-slide.is-active .hero-device{animation:chrome-product-enter 1.05s cubic-bezier(.16,1,.3,1) both}
.hero-slide.is-active .hero-copy{animation:chrome-copy-enter .8s cubic-bezier(.2,.8,.2,1) both}
.hero-controls{color:#537397;display:grid;grid-template-columns:1fr auto 1fr}.hero-controls .slide-selectors{grid-column:2}.slide-selectors button{color:#96a4b9}.slide-selectors [aria-pressed=true]{color:#2864bd}.slide-selectors [aria-pressed=true] i{height:3px;background:linear-gradient(90deg,#4285f4,#3bbdda,#9474e5);border-radius:8px}
.motion-controls{display:flex;align-items:center;gap:10px}.motion-controls button{min-height:44px;border-radius:24px;font-size:13px;padding:10px 16px;line-height:1.3;white-space:nowrap;border:1px solid #c8d9f0;background:#ffffffb8;color:#476c9b}.motion-controls button:hover{color:#2466e8;background:white}.ambient-toggle{min-width:116px}.ambient-toggle[aria-pressed=false],.slide-play[aria-pressed=true]{background:#e4efff;color:#235fba;border-color:#9abcf1}.ambient-toggle[aria-pressed=true]{background:#f1f3f6;color:#6d7682;border-color:#d1d8e0}
.technology-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-bottom:1px solid #e4ecf5;padding-block:35px}
.technology-links>a{display:flex;align-items:center;gap:18px;padding:8px 10px;border-radius:12px;transition:background .25s,transform .25s}
.technology-links>a:hover{background:#f3f7fe;transform:translateY(-3px)}
.technology-icon{width:50px;height:50px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;border:1px solid #4285f420}.technology-icon .tech-icon{width:27px;height:27px}
.blue-icon{color:#4285f4;background:linear-gradient(145deg,#e9f2ff,#fafcff)}.violet-icon{color:#8460d4;background:linear-gradient(145deg,#efeaff,#fbfaff)}.cyan-icon{color:#0faaa9;background:linear-gradient(145deg,#e2f8f4,#f8fdfd)}
.technology-links strong{display:block;font-size:17px;font-weight:500}.technology-links small{display:block;font-size:13px;color:#8391a2;margin-top:4px}.technology-links>a>.tech-icon{margin-left:auto;color:#8ca8c9;width:18px;height:18px}
.home-discovery{padding-top:80px}.home-discovery .section-intro .overline{color:#6283b3}.home-discovery h2>span{color:#748fba}
.editorial-product{border-radius:18px;background:radial-gradient(ellipse at 75% 100%,#e5efff,#f6f9fd 68%);border:1px solid #e0eaf7;transition:box-shadow .4s,border-color .4s}
.editorial-product:nth-child(2n){background:radial-gradient(ellipse at 75% 100%,#dff5f4,#f6fbfc 68%);border-color:#e1eeef}
.editorial-product:nth-child(3){background:radial-gradient(ellipse at 75% 100%,#ece5fd,#f9f7fd 68%);border-color:#eae5f4}
.editorial-product:hover{border-color:#a6c4f2;box-shadow:0 18px 45px #3a679a15}
.editorial-category{display:flex;align-items:center;gap:8px;color:#6684ac!important}.editorial-category .tech-icon{width:18px;height:18px}.circle-arrow{color:#4285f4;background:#fff;border:1px solid #dbe7f7;border-radius:50%;height:36px;width:36px;display:grid;place-items:center}.circle-arrow .tech-icon{height:18px;width:18px}
.solid-action{border:1px solid #4e7ed4;background:linear-gradient(115deg,#2468de,#5389ea 65%,#7e7cde);border-radius:26px;box-shadow:0 6px 16px #4285f427;transition:box-shadow .3s,transform .3s}
.solid-action:hover{background:linear-gradient(115deg,#1f5dcc,#4c7cdd 65%,#6c69cd);transform:translateY(-2px);box-shadow:0 10px 22px #4285f43d}.outline-action{border-radius:26px;background:#ffffff0d;backdrop-filter:blur(8px)}
.page-heading .overline,.product-intro-copy .overline{color:#5786bd}.page-heading h1{color:#233d5e}
.catalog-image,.product-intro-image{border-radius:16px;background:radial-gradient(ellipse at 80% 90%,#e7f0fc,#f5f8fc 68%);border:1px solid #e5ecf5}
.catalog-card:nth-child(3n+2) .catalog-image{background:radial-gradient(ellipse at 80% 90%,#e2f3ef,#f5faf9 68%)}.catalog-card:nth-child(3n) .catalog-image{background:radial-gradient(ellipse at 80% 90%,#eee6fb,#f8f6fc 68%)}
.catalog-copy .overline{display:flex;align-items:center;gap:7px;color:#6183b3}.catalog-copy .tech-icon{width:16px;height:16px}.catalog-copy .text-action{color:#346dbc}
.category-nav a[aria-current]{color:#276bd3;border-color:#4285f4}.pagination a{border-radius:12px}.pagination a[aria-current]{background:#3478e3;border-color:#3478e3}
.download-section{background:linear-gradient(120deg,#eef5ff,#f2f5fc 58%,#f3effb)}.download-list a{color:#356494}.product-subnav{background:#f4f8fde8;border-color:#dae5f4}.product-subnav a:hover{color:#3478f6}
.closing-cta{position:relative}.closing-cta::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 55%,#deebff77,transparent 60%)}
.global-footer{background:linear-gradient(120deg,#f0f5fb,#f6f7fc)}.footer-name{color:#314c70}.footer-links a:hover,.footer-address a:hover{color:#3478f6}
.ripple-host{position:relative;overflow:hidden}.tap-wave{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:0;animation:tap-wave .65s cubic-bezier(.2,.8,.2,1) forwards;width:var(--ripple-size);height:var(--ripple-size);left:var(--ripple-x);top:var(--ripple-y);transform:translate(-50%,-50%) scale(0)}
.effects-paused .color-cloud,.effects-paused .light-point,.effects-offscreen .color-cloud,.effects-offscreen .light-point,.document-hidden .color-cloud,.document-hidden .light-point{animation-play-state:paused}
.effects-paused .hero-scroll i,.effects-offscreen .hero-scroll i,.document-hidden .hero-scroll i{animation-play-state:paused}
@keyframes cloud-drift{from{transform:translate3d(-20px,-12px,0) scale(.95)}to{transform:translate3d(50px,25px,0) scale(1.08)}}
@keyframes point-breathe{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}
@keyframes chrome-product-enter{from{opacity:0;transform:translateY(25px) scale(.92);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes chrome-copy-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes tap-wave{0%{opacity:.15;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
main{animation:page-in .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.global-header nav{gap:20px}.global-header nav a{gap:6px}.technology-links{gap:20px}.orbit-outer{width:760px;height:330px}.orbit-inner{width:660px;height:280px}}
@media(max-width:760px){.header-action{display:none}.global-header nav a{display:flex;font-size:19px;gap:15px}.global-header nav a .tech-icon{width:21px;height:21px}.hero-copy .overline{font-size:11px}.hero-controls{left:5%;right:5%}.motion-controls{gap:0}.slide-play{min-width:90px}.ambient-toggle{font-size:10px;padding:4px 8px}.orbit-outer{width:450px;height:220px;top:63%;opacity:.75}.orbit-inner{width:380px;height:170px;top:63%;opacity:.6}.color-cloud{height:470px;width:470px}.cloud-blue{left:-85%;top:5%}.cloud-cyan{right:-75%;top:15%}.cloud-violet{left:-30%;bottom:-50%;width:650px;height:650px}.point-one{left:7%;top:57%}.point-two{right:10%;top:47%}.point-three{right:18%;bottom:24%}.technology-links{gap:8px;padding-block:25px}.technology-links>a{flex-direction:column;gap:8px;text-align:center;padding:5px 0}.technology-icon{height:42px;width:42px;border-radius:13px}.technology-links strong{font-size:14px}.technology-links small{font-size:10px;margin-top:3px}.technology-links>a>.tech-icon{display:none}.home-discovery{padding-top:55px}.hero-copy .text-action{font-size:14px;padding:10px 20px}.editorial-product{border-radius:14px}}
@media(max-width:760px){.hero-controls{display:flex;justify-content:center;gap:7px;bottom:23px}.hero-slide{padding-bottom:72px}.hero-device{max-height:100%}}
@media(prefers-reduced-motion:reduce){.color-cloud,.light-point{animation:none!important;will-change:auto}.tap-wave{display:none}.ambient-toggle{display:none}.hero-slide.is-active .hero-device{animation:none!important;filter:none}.hero-slide.is-active .hero-copy{animation:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}