.card-demo-label,.belt-demo-badge{z-index:3;color:#effbf7;pointer-events:none;background:#183d46;border:1px solid #fff5;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex;position:absolute;top:12px;left:12px}.product-demo{background:#f5f7f3;border:1px solid #c5ccc5;border-radius:6px;min-width:0;overflow:hidden}.product-demo-heading{border-bottom:1px solid #c5ccc5;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.product-demo button{color:#263735;background:#fff;border:1px solid #b7c3bb;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 14px;font-size:15px;display:inline-flex}.product-demo button[aria-pressed=true]{background:#d9e9e3;border-color:#256d6d}:is(.product-demo button:focus-visible,.product-demo canvas:focus-visible){outline-offset:-3px;outline:2px solid #267b7d}.product-demo-heading button{color:#fff;background:#263d3d;border-color:#263d3d}.product-demo-hint,.product-demo-note{margin:0;padding:12px 16px;font-size:15px;line-height:1.4}.product-demo-note{color:#626a65;border-top:1px solid #d9dfd8;font-size:13px}.product-demo-surface{touch-action:none;background:#e9ece7;width:100%;height:clamp(210px,36dvh,360px);display:block}.product-demo-controls,.demo-choices{flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.product-demo-controls label{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.product-demo-controls input{accent-color:#267b7d;max-width:140px;min-height:36px}.product-demo-controls .demo-choices{padding:0}.demo-swatch{border-radius:50%;width:18px;height:18px;display:block}.demo-drawing{aspect-ratio:2;background:#274b54;height:auto}.ininstall-dialog .dialog-body:has(.aquarium-demo){grid-auto-rows:max-content}.ininstall-dialog .dialog-body:has([data-demo-kind=configure]){grid-auto-rows:max-content}.ininstall-dialog .dialog-body:has(.aquarium-demo)>[data-slot=dialog-description]{display:none}.product-demo:has(.aquarium-demo){background:#183d46;border-color:#274b54;border-radius:16px}.aquarium-toolbar{background:#183d46;border-top:1px solid #ffffff15;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.aquarium-palette,.aquarium-actions{align-items:center;gap:6px;display:flex}.aquarium-actions{flex-wrap:wrap;margin-left:auto}.aquarium-palette{border:0;min-width:0;margin:0;padding:0}.aquarium-demo button{color:#eff3eb;cursor:pointer;background:0 0;border:1px solid #ffffff30;border-radius:12px;min-height:44px;font-weight:500}.aquarium-demo button:hover{background:#ffffff15}.aquarium-demo button:focus-visible{outline-offset:2px;outline:3px solid #eff3eb}.aquarium-demo .aquarium-icon{width:44px;padding:0}.aquarium-demo .aquarium-primary{color:#123b40;background:#a3e1d4;border-color:#a3e1d4;padding:10px 20px}.aquarium-demo .aquarium-primary:hover{background:#c3efe5}.aquarium-demo .aquarium-color{border-color:#0000;border-radius:50%;width:44px;padding:5px}.aquarium-demo .aquarium-color[aria-pressed=true]{background:#ffffff12;border-color:#eff3eb}.aquarium-color>span{border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1px #ffffff25}.aquarium-color svg{color:#fff;filter:drop-shadow(0 1px 1px #0008)}.aquarium-demo .product-demo-hint{color:#eff3eb}@media (max-width:520px){.aquarium-toolbar{gap:10px;padding:12px}.aquarium-palette{justify-content:center;width:100%}.aquarium-actions{justify-content:center;width:100%;margin:0}.aquarium-actions .aquarium-primary{flex:1}}.route-demo{min-height:250px;padding:20px}.route-demo h3{margin:8px 0 20px;font-size:24px}.route-options{gap:10px;margin-bottom:16px;display:grid}.route-demo ol{padding-left:24px;list-style:decimal}.route-demo li{padding:8px}.route-demo p{margin-bottom:16px}.demo-eyebrow{color:#626a65;font-size:14px}.back-to-top{right:max(20px, env(safe-area-inset-right,0px));bottom:max(20px, env(safe-area-inset-bottom,0px));z-index:40;color:#2b3033;background:#f5f7f3;border:1px solid #c5ccc5;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;box-shadow:0 3px 14px #2b30331a}.back-to-top:hover{background:#e4e9e3}.back-to-top:focus-visible{outline-offset:3px;outline:2px solid #267b7d}.ininstall-study,.ininstall-dialog{--section-fill:#e9ece7;--section-line:#c5ccc5;--section-space:56px}#top.ininstall-study{--frame:#d5dad4;--signal:#2b3033;--surface:#eef0ec;--secondary:#626a65;border-color:var(--rule);width:calc(100% - 32px);max-width:1680px;margin:16px auto}.ininstall-study .wrap{max-width:1520px;padding-inline:clamp(24px,4.2vw,68px)}.ininstall-study .header-band{background:var(--section-fill);border-bottom:1px solid var(--section-line)}.ininstall-study .catalog-band{border-top:1px solid var(--section-line)}.ininstall-study .experience-band{background:var(--section-fill);border-block:1px solid var(--section-line)}.ininstall-study .footer-band{background:var(--section-fill);border-top:1px solid var(--section-line)}.ininstall-study .site-header{border-bottom:0;gap:28px;min-height:128px}.ininstall-study .site-header:before,.ininstall-study .conveyor-section:before,.ininstall-study .section-top h2:before{content:none}.ininstall-study .brand-logo{width:330px;height:auto}.ininstall-study .site-header nav{border:0;gap:clamp(16px,2.3vw,36px);font-size:17px}.ininstall-study .site-header nav a,.ininstall-study .site-header nav a+a{background:0 0;border:0;padding:12px 0}.ininstall-study h1,.ininstall-study h2,.ininstall-study h3{font-variation-settings:"wdth" 100;letter-spacing:.035em;font-weight:500;font-stretch:100%}.ininstall-study .intro{align-items:flex-end;padding-top:40px;padding-bottom:42px}.ininstall-study .intro h1{max-width:980px;font-size:clamp(30px,3.25vw,46px);line-height:1.25}.ininstall-study .intro p{margin-top:18px;font-size:18px}.ininstall-study .motion-control{white-space:nowrap;background:0 0;border:0;padding:12px 0 12px 16px;font-size:15px}.ininstall-study .conveyor-section{background:0 0;border:0;padding-top:0}.ininstall-study .conveyor-window{padding-top:0;padding-bottom:16px}.ininstall-study .belt-group{gap:32px;padding-right:32px}.ininstall-study .belt-card{background:0 0;border:0;padding:0;position:relative}.ininstall-study .belt-card.primary{width:560px}.ininstall-study .belt-card.secondary{width:300px}.ininstall-study .belt-card.primary .product-media{height:355px}.ininstall-study .belt-card.secondary .product-media{height:274px}.ininstall-study .media-shell{isolation:isolate;position:relative}.ininstall-study .product-media{border-radius:4px}.ininstall-study .belt-card.primary .media-shell:before,.ininstall-study .catalog-card .media-shell:before{content:"";pointer-events:none;z-index:-1;border:1px solid #9ca59f;border-radius:4px;transition:transform .18s,border-color .18s;position:absolute;inset:0;transform:translate(9px,9px)}.ininstall-study .catalog-card:focus-within .media-shell:before{border-color:var(--ink);transform:translate(0)}.ininstall-study .belt-card.primary:focus-visible .media-shell:before{border-color:var(--ink);transform:translate(0)}@media (hover:hover){.ininstall-study .belt-card.primary:hover .media-shell:before,.ininstall-study .catalog-card:hover .media-shell:before{border-color:var(--ink);transform:translate(0)}}.ininstall-study .product-name,.ininstall-study .belt-card.secondary .product-name,.ininstall-study .card-caption .product-name{font-variation-settings:normal;letter-spacing:.005em;font-family:Roboto Condensed,sans-serif;font-size:23px;font-weight:500;font-stretch:100%;line-height:1.25}.ininstall-study .belt-card.secondary .product-name{font-size:21px}.ininstall-study .belt-caption{gap:6px;min-height:94px;padding:24px 0 8px}.ininstall-study .category{font-size:15px}.ininstall-study .conveyor-bottom{border-top:0;margin-top:0;padding-block:8px 26px}.ininstall-study .icon-button{border-color:var(--section-line);border-radius:50%;min-width:44px;min-height:44px}.ininstall-study .catalog,.ininstall-study .experience-section,.ininstall-study .formats{padding-block:var(--section-space)}.ininstall-study .section-top{border-bottom:0;margin-bottom:32px;padding-bottom:0}.ininstall-study .section-top h2{font-size:32px}.ininstall-study .product-grid{gap:36px 30px}.ininstall-study .catalog-card{background:0 0;border:0}.ininstall-study .catalog-card .product-media{aspect-ratio:1.5}.ininstall-study .card-caption{border:0;min-height:94px;padding:22px 0 0}.ininstall-study .formats{border:0;gap:40px}.ininstall-study .formats article{border:0;min-width:0;padding:0}.ininstall-study .formats article+article{border-left:1px solid var(--section-line);padding-left:40px}.ininstall-study .formats h2{font-size:28px;line-height:1.3}.ininstall-study .formats p{margin-top:16px;font-size:18px;line-height:1.55}.ininstall-study .site-footer{background:0 0;border:0;grid-template-columns:235px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding-block:40px;display:grid}.ininstall-study .site-footer p{font-size:15px;line-height:1.55}.ininstall-study .prototype-note{margin:0;font-size:14px;line-height:1.55}.ininstall-study .footer-brand{flex-shrink:0;width:235px}.ininstall-study .footer-brand img{width:100%;height:auto}.ininstall-study .previous-version{text-underline-offset:4px;width:fit-content;margin-top:12px;font-size:14px;text-decoration:underline;display:block}.ininstall-study .particle-experience{border:1px solid var(--section-line);background:var(--paper);color:var(--ink);border-radius:4px}.ininstall-study .experience-cover{height:auto;min-height:0}.ininstall-study .experience-cover>img{height:clamp(260px,31vw,430px)}.ininstall-study .experience-cover-copy{border:0;border-top:1px solid var(--section-line);background:var(--paper);border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding:24px;display:grid;position:static}.ininstall-study .experience-cover-copy h3{grid-area:1/1}.ininstall-study .experience-cover-copy>span{color:var(--secondary);grid-area:2/1;margin:0;font-size:14px}.ininstall-study .launch-button{background:var(--ink);min-height:44px;color:var(--paper);grid-area:1/2/3;padding:12px 20px;font-size:16px}.ininstall-study .launch-button:hover{background:#41494a}.ininstall-study .experience-toolbar{border-bottom:1px solid var(--section-line);flex-wrap:wrap;padding:20px 24px}.ininstall-study .experience-toolbar>div{flex-wrap:wrap;gap:8px;max-width:100%}.ininstall-study .experience-button{border-color:var(--section-line);background:var(--paper);min-width:44px;min-height:44px;color:var(--ink);font-size:15px}.ininstall-study .experience-button:hover{border-color:var(--ink)}.ininstall-study .experience-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.ininstall-study .particle-experience button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.ininstall-study .particle-canvas{background:var(--media)}.ininstall-study .experience-hint{border-top:1px solid var(--section-line);color:var(--secondary);padding:16px 24px;font-size:15px}.ininstall-study .experience-hint>span:last-child{font-size:14px}#top.ininstall-study[data-product-open=true]{filter:blur(4px)}.ininstall-dialog-backdrop[data-slot=dialog-overlay]{-webkit-backdrop-filter:none;inset:-100px 0 -160px}.ininstall-dialog.media-dialog[data-slot=dialog-content]{overscroll-behavior:contain;--signal:#2b3033;border:1px solid var(--section-line);border-radius:4px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden;box-shadow:0 16px 64px #2b303326}.ininstall-dialog .dialog-heading{background:var(--section-fill);border-bottom:1px solid var(--section-line);flex-shrink:0;padding:20px 24px}@media (max-width:760px),(pointer:coarse){.ininstall-dialog.media-dialog[data-slot=dialog-content]{--viewer-safe-top:max(12px, env(safe-area-inset-top,0px));--viewer-safe-bottom:max(12px, env(safe-area-inset-bottom,0px));--viewer-safe-left:max(12px, env(safe-area-inset-left,0px));--viewer-safe-right:max(12px, env(safe-area-inset-right,0px));top:calc(var(--viewer-top,0px) + var(--viewer-safe-top));--tw-translate-y:0px;left:calc(50% + (var(--viewer-safe-left) - var(--viewer-safe-right)) / 2);width:calc(100vw - var(--viewer-safe-left) - var(--viewer-safe-right));max-height:calc(var(--viewer-height,100dvh) - var(--viewer-safe-top) - var(--viewer-safe-bottom));transform:none}}.ininstall-dialog .dialog-heading [data-slot=dialog-title]{font-variation-settings:normal;letter-spacing:.005em;overflow-wrap:anywhere;font-family:Roboto Condensed,sans-serif;font-size:28px;font-weight:500;line-height:1.25}.ininstall-dialog .icon-button{border-color:var(--section-line);border-radius:50%;flex-shrink:0;min-width:44px;min-height:44px}.ininstall-dialog .dialog-body{overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;gap:16px;min-width:0;min-height:0;padding:24px;display:grid;overflow-y:auto}.ininstall-dialog .detail-media{background:var(--section-fill)}.ininstall-dialog .source-toggle{border-color:var(--section-line);min-height:44px;font-size:15px}.ininstall-dialog .source-toggle:hover{border-color:var(--ink)}.ininstall-dialog .evidence-note{border-top:1px solid var(--section-line);max-width:none;padding-top:16px;font-size:14px}@media (max-width:1100px){.ininstall-study .site-footer{grid-template-columns:235px minmax(0,1fr);gap:28px 40px}.ininstall-study .prototype-note{border-top:1px solid var(--section-line);grid-column:1/-1;padding-top:24px}.ininstall-study .brand-logo{width:280px}.ininstall-study .site-header nav{gap:22px;font-size:16px}.ininstall-study .belt-card.primary{width:470px}.ininstall-study .belt-card.secondary{width:275px}.ininstall-study .belt-card.primary .product-media{height:310px}.ininstall-study .belt-card.secondary .product-media{height:250px}}@media (max-width:800px){.ininstall-study{--section-space:40px}.ininstall-study .section-top{flex-wrap:wrap;align-items:flex-start;gap:12px}.ininstall-study .section-top>span{text-align:left;max-width:none}.ininstall-study .site-header{gap:20px;min-height:110px}.ininstall-study .brand-logo{width:250px}.ininstall-study .intro{padding-top:32px;padding-bottom:34px}.ininstall-study .intro h1{font-size:32px}.ininstall-study .intro p{font-size:17px}.ininstall-study .site-header nav{font-size:16px}.ininstall-study .product-grid{gap:28px}.ininstall-study .site-footer{align-items:flex-start}}@media (max-width:540px){.ininstall-study{--section-space:32px}#top.ininstall-study{width:calc(100% - 16px);margin-block:8px}.ininstall-study .wrap{padding-inline:20px}.ininstall-study .site-header{gap:10px;padding-block:14px 18px}.ininstall-study .brand-logo{width:min(280px,100%)}.ininstall-study .brand{max-width:100%}.ininstall-study .site-header nav{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;width:100%;font-size:15px;display:flex}.ininstall-study .site-header nav a,.ininstall-study .site-header nav a:last-child{font-size:inherit;padding:10px 0;display:flex}.ininstall-study .intro{gap:16px;padding-top:26px;padding-bottom:30px;position:relative}.ininstall-study .intro>div{min-width:0}.ininstall-study .intro h1{letter-spacing:.025em;max-width:none;font-size:clamp(24px,5.5vw,29px)}.ininstall-study .intro p{margin-top:16px;padding-right:44px;font-size:16px}.ininstall-study .motion-control{min-width:42px;min-height:42px;padding:12px;position:absolute;bottom:19px;right:20px}.ininstall-study .belt-group{gap:24px;padding-right:24px}.ininstall-study .belt-card.primary{width:300px}.ininstall-study .belt-card.secondary{width:220px}.ininstall-study .belt-card.primary .product-media{height:260px}.ininstall-study .belt-card.secondary .product-media{height:202px}.ininstall-study .belt-caption{min-height:94px;padding-top:22px}.ininstall-study .conveyor-bottom{gap:12px;padding-block:2px 16px}.ininstall-study .belt-controls .text-button{font-size:14px}.ininstall-study .section-top{margin-bottom:24px}.ininstall-study .section-top h2{font-size:28px}.ininstall-study .card-caption{min-height:84px;padding-top:22px}.ininstall-study .footer-brand{width:250px;max-width:100%}.ininstall-study .formats{gap:24px}.ininstall-study .formats article+article{border-left:0;border-top:1px solid var(--section-line);padding:24px 0 0}.ininstall-study .formats h2{font-size:25px}.ininstall-study .formats p{margin-top:12px;font-size:17px}.ininstall-study .site-footer{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px}.ininstall-study .experience-cover-copy{gap:6px 16px;padding:18px}.ininstall-study .experience-toolbar{padding:18px}.ininstall-study .experience-hint{padding:16px 18px}.ininstall-dialog .dialog-heading{gap:12px;padding:16px}.ininstall-dialog .dialog-heading [data-slot=dialog-title]{font-size:24px}.ininstall-dialog .dialog-body{padding:16px}}@media (max-width:380px){.ininstall-study .experience-cover-copy{grid-template-columns:minmax(0,1fr);gap:8px}.ininstall-study .launch-button{grid-area:3/1;justify-self:start;margin-top:8px}}@media (prefers-reduced-motion:reduce){.ininstall-study .media-shell:before{transition:none}}.ininstall-study .studio-conveyor{touch-action:pan-y pinch-zoom;overflow-x:hidden}.ininstall-study .studio-conveyor[data-dragging=true]{cursor:grabbing}.ininstall-study .studio-brand-header{flex-direction:column;align-items:stretch;padding-top:12px;padding-bottom:12px;display:flex}.studio-brand-header .studio-matter{min-width:0;height:clamp(140px,27vw,340px);position:relative}.studio-brand-header canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.studio-brand-header canvas:active{cursor:grabbing}.studio-brand-header canvas:focus-visible{outline-offset:-4px;outline:2px solid #267b7d}.studio-brand-header .studio-matter-fallback{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-brand-header .studio-matter-hint{bottom:0;text-align:center;color:var(--secondary);pointer-events:none;margin:0;font-size:12px;transition:opacity .45s;position:absolute;inset-inline:0}.studio-matter-hint[data-dismissed=true]{opacity:0}.studio-hint-touch{display:none}@media (pointer:coarse),(max-width:760px){.studio-hint-desktop{display:none}.studio-hint-touch{display:inline}.studio-brand-header .studio-matter-hint{opacity:1;font-size:14px}}.ininstall-study .studio-brand-header h1{text-align:center;letter-spacing:0;margin:16px 0 18px;font-size:clamp(17px,2vw,25px);line-height:1.35}.studio-brand-header nav{flex-wrap:wrap;justify-content:center;gap:8px 36px;display:flex}.studio-brand-header nav a{padding:12px 0;font-size:16px}.studio-brand-header nav a:hover{text-underline-offset:5px;text-decoration:underline}.studio-brand-header nav a:focus-visible{outline-offset:4px;outline:2px solid #267b7d}@media (max-width:760px){.ininstall-study .product-grid{gap:24px}.ininstall-study .catalog-card{border:1px solid var(--section-line);background:var(--section-fill);border-radius:10px;overflow:hidden}.ininstall-study .catalog-card .card-caption{border-top:1px solid var(--section-line);min-height:0;padding:16px 18px 20px}.ininstall-study .catalog-card .media-shell:before{display:none}.ininstall-study .studio-brand-header{padding-inline:16px}.studio-brand-header nav{gap:4px 18px}.studio-brand-header nav a{font-size:14px}}@media (prefers-reduced-motion:reduce){.studio-brand-header .studio-matter-hint{transition:none}}.quiz-demo .route-options button{text-align:left;justify-content:flex-start}.quiz-demo .route-options button>span{min-width:24px;font-weight:600}.quiz-demo .route-options button:disabled{opacity:1;cursor:default}.quiz-demo .route-options button[data-correct=true]{background:#d9e9e3;border-color:#256d6d}.quiz-demo .route-options button[data-wrong=true]{background:#f6e4df;border-color:#a34732}.quiz-feedback{margin:16px 0}.quiz-feedback-copy{display:grid}.ininstall-dialog .museum-dialog-body{flex-direction:column;display:flex}.ininstall-dialog .museum-dialog-body>*{flex-shrink:0}.quiz-feedback-copy>*{grid-area:1/1;min-width:0}.quiz-feedback-size{visibility:hidden;pointer-events:none}.quiz-feedback>button:disabled{opacity:.5;cursor:default}
