*{box-sizing:border-box} :root{font-family:Roboto,'Segoe UI',Arial,sans-serif;color:#202124;background:#f4f5f6;font-synthesis:none}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4285f4;outline-offset:4px}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dadce050;background:#f5f6f7}.brand{display:flex;align-items:center;gap:12px;color:#5f6368;text-decoration:none;font-size:24px;letter-spacing:-.6px}.brand svg{width:30px;height:30px}.brand b{font-weight:450;color:#3c4043}.header-note{font-size:10px;letter-spacing:2.8px;color:#74797e}.icon{border:1px solid #dadce0;background:#ffffffc9;border-radius:50%;width:48px;height:48px;font-size:22px;color:#5f6368;display:inline-grid;place-items:center;transition:background .2s,box-shadow .2s}.icon:hover{background:#e8f0fe;box-shadow:0 2px 5px #3c404315}.icon.active{background:#d3e3fd;color:#1967d2;border-color:#d3e3fd}main{height:calc(100svh - 268px);min-height:460px;position:relative;overflow:hidden;background:linear-gradient(#e6e9ed 0%,#f1f2f3 55%,#f9fafb 100%)}#scene{width:100%;height:100%;display:block;touch-action:none;outline:none}.intro{position:absolute;left:5%;top:6%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#687078;display:flex;gap:9px;align-items:center}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#4285f4}h1{font-size:clamp(25px,2.7vw,43px);font-weight:400;line-height:1.14;letter-spacing:-1.5px;margin:18px 0 13px}.intro p{font-size:13px;color:#7a7e83}.product-heading{position:absolute;left:5%;bottom:15%;pointer-events:none;max-width:250px}#category{font-size:10px;color:#1967d2;letter-spacing:1.8px}h2{font-size:29px;letter-spacing:-.8px;font-weight:450;margin:8px 0}#subtitle{font-size:13px;line-height:1.5;color:#74797f;max-width:215px}#connectors,#hotspots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#connectors{z-index:1}#hotspots{z-index:2}.hotspot{position:absolute;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 16px #3c40432a;color:#1967d2;font-size:16px;font-weight:500;pointer-events:auto;transform:translate(-50%,-50%);transition:background .2s,opacity .2s}.hotspot::after{content:'';position:absolute;inset:7px;border:1px solid #d9e5f8;border-radius:50%}.hotspot:hover,.hotspot[aria-expanded=true]{background:#d3e3fd;box-shadow:0 3px 18px #4285f438}.bubble-label{position:absolute;white-space:nowrap;font-size:11px;color:#687078;top:52px;left:50%;transform:translateX(-50%);pointer-events:none}.capsule{position:absolute;background:#fff;border-radius:24px;padding:24px;width:285px;box-shadow:0 8px 36px #3c404324;pointer-events:auto;animation:appear .2s ease-out}.capsule small{font-size:10px;letter-spacing:1.5px;color:#1967d2}.capsule h3{font-size:20px;font-weight:500;letter-spacing:-.3px;margin:12px 0 8px}.capsule p{font-size:13px;color:#5f6368;line-height:1.6;margin:0}.capsule a{color:#1967d2;font-size:11px;display:inline-block;margin-top:15px;text-decoration:none}.capsule .dismiss{position:absolute;right:10px;top:6px;border:0;background:transparent;width:36px;height:36px;font-size:22px;color:#74797e}.tools{position:absolute;right:4%;bottom:30px;display:flex;align-items:center;gap:8px}.tools>span{height:22px;width:1px;background:#dadce0;margin:0 5px}.gesture{position:absolute;bottom:38px;left:5%;font-size:11px;color:#8a8e93}.gesture span{padding:0 9px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#f1f3f4eb;z-index:5;color:#5f6368;font-size:14px}#loading span{height:3px;width:120px;background:linear-gradient(90deg,#4285f4 30%,#d3e3fd 30%);border-radius:2px;animation:load 1s infinite alternate}footer{height:180px;padding:20px 5% 12px;background:#fff}.nav-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;letter-spacing:1.7px;color:#80868b}.nav-label b{color:#5f6368;font-weight:400;letter-spacing:1px}nav{display:flex;align-items:center;gap:20px}#products{display:flex;gap:10px;flex:1;justify-content:center}.product-btn{border:1px solid #e7e9ed;background:#f8f9fa;border-radius:22px;min-height:60px;flex:1;max-width:215px;text-align:left;padding:10px 16px;display:flex;align-items:center;gap:12px;color:#5f6368;transition:.2s}.product-btn strong{display:block;font-size:13px;font-weight:500}.product-btn small{font-size:10px;color:#80868b;display:block;margin-top:4px}.product-btn.selected{background:#e8f0fe;border-color:#aecbfa;color:#1967d2}.product-btn .glyph{width:29px;height:32px;display:block;flex-shrink:0}.footer-line{display:flex;justify-content:space-between;margin-top:18px;font-size:10px;color:#9aa0a6}.footer-line button{border:0;background:transparent;color:#80868b;font-size:10px}dialog{border:0;border-radius:28px;width:460px;max-width:calc(100% - 32px);padding:35px;color:#3c4043;box-shadow:0 20px 80px #20212430}dialog::backdrop{background:#20212450}dialog .close{position:absolute;right:15px;top:15px;border:0}dialog h2{margin-top:25px}dialog p{font-size:14px;line-height:1.6}dialog small{font-size:11px;line-height:1.6;color:#80868b;display:block;margin-top:25px}dialog a{display:block;color:#1967d2;font-size:12px;margin-top:18px}@keyframes appear{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes load{to{background-position:120px}}@media(max-width:1000px){.intro h1{font-size:30px}.product-heading{bottom:16%}.intro p{display:none}.product-btn{padding:10px}.product-btn .glyph{display:none}nav{gap:10px}.product-btn strong{font-size:11px}.product-btn small{font-size:9px}}@media(max-width:650px){header{height:68px;padding:0 20px}.brand{font-size:21px}.header-note{display:none}main{height:calc(100svh - 238px);min-height:440px}.intro{top:5%;left:6%}.intro h1{font-size:25px;letter-spacing:-.8px;margin-top:12px}.eyebrow{font-size:8px}.product-heading{left:6%;bottom:19%}h2{font-size:23px}#subtitle{display:none}.product-heading #category{font-size:8px}.gesture{bottom:13px;left:6%;font-size:9px}.tools{bottom:43px;right:5%;gap:5px}.tools .icon{width:42px;height:42px}.hotspot{width:44px;height:44px}.bubble-label{font-size:9px;top:46px}.capsule{width:250px;padding:22px}footer{height:170px;padding:15px 5%}#products{justify-content:flex-start;overflow:auto;scrollbar-width:none}.product-btn{min-width:132px;min-height:57px;flex:0 0 132px}.arrow{width:40px;height:40px;flex-shrink:0}.footer-line{margin-top:18px;font-size:9px}.footer-line span{max-width:140px}.nav-label{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

main{background:linear-gradient(180deg,#93979c 0%,#999 65%,#999 100%)}.intro p,#subtitle,.gesture,.bubble-label{color:#42474c}.eyebrow{color:#42474c}.credit{color:#72777d;text-decoration:none;font-size:10px}.credit:hover{color:#1967d2}#loading{background:#f1f3f4;gap:12px}#loading b{font-weight:450;font-size:28px;letter-spacing:-1px;color:#3c4043}#loading p{margin:0;font-size:13px}.load-spinner{width:44px;height:44px;border:3px solid #d3e3fd;border-top-color:#4285f4;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}.load-bar{width:180px;height:3px;background:#dce3ef;border-radius:3px;margin-top:12px;overflow:hidden}#load-track{width:0;height:100%;background:#4285f4;transition:width .15s}.product-btn:disabled{cursor:wait;opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}
.header-actions{display:flex;align-items:center;gap:12px}#language{font:inherit;font-size:13px;color:#5f6368;background:#fff;border:1px solid #dadce0;border-radius:24px;min-height:48px;padding:0 10px;cursor:pointer}#language:focus-visible{outline:3px solid #4285f4;outline-offset:3px}.eyebrow b{font-weight:400}@media(max-width:400px){header{padding:0 14px}.header-actions{gap:7px}.brand{gap:8px;font-size:19px}#language{min-height:44px}}
.icon{padding:0;line-height:1;vertical-align:middle;flex-shrink:0}.tools .icon svg{width:23px;height:23px;display:block}#toggle,#toggle.active{background:#4285f4;border-color:#4285f4;color:white}#toggle:hover{background:#1967d2}#toggle.attention{animation:detail-bounce 2.8s infinite}#hotspots,#connectors{display:none}.touch-edge{display:none}@keyframes detail-bounce{0%,35%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(.33,0,.67,1)}12%{transform:translateY(-17px);animation-timing-function:cubic-bezier(.32,0,.67,1)}24%{transform:translateY(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}29%{transform:translateY(-5px)}}@media(max-width:650px){.touch-edge{display:grid;place-items:center;position:absolute;top:36%;height:28%;width:38px;padding:0;border:0;border-radius:24px;background:#ffffff0a;color:#ffffffb3;z-index:3;touch-action:manipulation}.touch-prev{left:0}.touch-next{right:0}.touch-edge svg{width:22px;height:22px;pointer-events:none}.touch-edge:active{background:#ffffff40}.hotspot{z-index:4}.tools{z-index:4}}
#hotspots{z-index:4}
.intro,.product-heading,.gesture{background:rgba(233,235,238,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff38;border-radius:22px;padding:14px 18px}.intro{max-width:calc(100% - 10%)}.intro h1{margin:12px 0 6px}.intro p{margin-bottom:0}.product-heading{max-width:300px}.product-heading h2{margin-bottom:5px}.product-heading p{margin-bottom:0}.gesture{border-radius:30px;padding:8px 13px;bottom:30px}.bubble-label{background:rgba(233,235,238,.88);color:#3c4043;border-radius:20px;padding:4px 8px;backdrop-filter:blur(8px)}@media(max-width:650px){.intro{padding:12px 14px;border-radius:20px}.product-heading{padding:10px 13px;border-radius:18px;max-width:80%;bottom:20%}.gesture{bottom:8px;padding:6px 9px;font-size:8px}.intro h1{font-size:23px}}
main{background:#858585}#hotspots{z-index:6}.hotspot{z-index:1}.capsule{z-index:10}.tools{z-index:5}.touch-edge{display:none!important}@media(max-width:650px){.intro,.product-heading,.gesture{transition:opacity .35s,visibility .35s}.labels-hidden .intro,.labels-hidden .product-heading,.labels-hidden .gesture{opacity:0;visibility:hidden;pointer-events:none}}

.arrow svg{display:block;width:24px;height:24px;margin:0}.arrow{display:inline-grid;place-items:center;padding:0}.capsule{max-height:calc(100% - 24px);overflow:auto}@media(max-width:650px){.capsule{max-width:calc(100% - 128px)}}
#product-loading{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);max-width:85%;padding:12px 20px;border:1px solid #dadce0;border-radius:22px;background:#ffffffed;color:#1967d2;font:inherit;font-size:13px;box-shadow:0 3px 16px #3c40432a;z-index:7}#product-loading[hidden]{display:none}#product-loading:disabled{cursor:wait}.product-btn[aria-busy=true]{border-color:#4285f4}