@font-face{font-family:Barlow;src:url('cmc-barlow.woff2') format('woff2');font-display:swap;font-weight:700}@font-face{font-family:Manrope;src:url('cmc-manrope.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--bg:#080e12;--panel:#101b23;--line:#2b3b46;--ink:#e2e9eb;--muted:#9cabb6;--accent:#86bce1;--display:Barlow,'Arial Narrow',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 Manrope,Arial,sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select,input[type=range],summary{cursor:pointer}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;background:transparent;border:0}input,select,textarea{max-width:100%;color:inherit;background:#080f16;border:1px solid var(--line);border-radius:4px;padding:10px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}[hidden]{display:none!important}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--display);line-height:.98;letter-spacing:-.02em}h2{font-size:clamp(42px,5vw,76px)}h3{font-size:25px}h4{font-size:23px}p{color:var(--muted)}.mono,.eyebrow{font:10px/1.6 monospace;letter-spacing:1.7px;text-transform:uppercase}.eyebrow{color:var(--accent);margin-bottom:20px}.muted{color:var(--muted)}.accent{color:var(--accent)}.outline{-webkit-text-stroke:1px #829aa9;color:transparent}.wrap{max-width:1536px;margin:auto;padding-left:5%;padding-right:5%}.section{padding-top:100px;padding-bottom:100px}.rule{border-top:1px solid var(--line)}.skip{position:fixed;top:8px;left:10px;transform:translateY(-160%);z-index:100;background:white;color:black;padding:12px}.skip:focus{transform:none}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font:24px/1 var(--display);letter-spacing:.5px}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;font:8px/1.5 monospace;letter-spacing:2px;color:var(--accent);margin-top:7px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:11px}.site-header nav>a:hover{color:var(--accent)}.menu-toggle{border:1px solid var(--line);padding:10px 15px;display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 23px;border:1px solid var(--accent);background:var(--accent);color:#08121b;font-size:12px;font-weight:bold;border-radius:3px;transition:background .2s,transform .2s}.btn:hover{background:#b9ddf4;transform:translateY(-2px)}.btn.secondary{color:var(--ink);background:transparent;border-color:#526b7b}.btn.secondary:hover{background:#18303f}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.site-footer{padding-top:42px;padding-bottom:42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}.site-footer p{font-size:11px;margin:8px 0 0}.footer-links{display:flex;gap:24px;font-size:11px}.service-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:3%;align-items:center;padding-top:80px;padding-bottom:76px;min-height:740px;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#1b344355,transparent 55%)}.service-hero h1{font-size:clamp(65px,7.3vw,114px);line-height:.85;letter-spacing:-.035em;margin-bottom:28px}.service-hero .lead{max-width:430px;font-size:15px}.service-hero h1>span{display:block}.hero-canvas{position:relative;padding:25px 0 75px;perspective:1500px}.browser-art{border:1px solid #57778b;background:#0d1720;border-radius:8px;box-shadow:0 35px 70px #0008;transform:rotateY(-10deg) rotateZ(3deg);overflow:hidden;transition:transform .6s,max-width .5s;margin:auto}.browser-art:hover{transform:none}.browser-bar{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding:11px;font:8px monospace;color:#8da1b0}.browser-bar i{width:5px;height:5px;background:#5c7180;border-radius:50%}.browser-bar span{margin:auto}.browser-screen{height:342px;padding:24px;background:radial-gradient(ellipse at 90% 65%,#325b6a90,transparent 65%),#0b1720;position:relative;overflow:hidden}.browser-screen>strong{font:75px/.85 var(--display);display:block;position:relative;z-index:1;margin:28px 0 23px}.browser-screen>p{font-size:9px;max-width:155px;position:relative;z-index:2}.browser-screen .orb{width:200px;height:200px;right:-20px;left:auto;top:100px}.screen-nav{display:flex;justify-content:space-between;font:8px monospace}.screen-nav button{font:8px monospace;z-index:4}.screen-nav .demo-panel{position:absolute;top:48px;right:20px;background:#142d3a;width:180px;padding:20px;z-index:8;border:1px solid var(--accent)}.screen-nav .demo-panel a{display:block;padding:9px 0}.hero-chips{display:flex;gap:10px;position:absolute;bottom:33px;left:15px;right:-10px;flex-wrap:wrap}.hero-chips span{font:9px monospace;background:#112533;border:1px solid #44647b;padding:10px;box-shadow:0 12px 30px #0007}.viewport-controls{display:flex;gap:5px;justify-content:center;margin-top:22px}.viewport-controls button{font-size:10px;padding:7px 13px;border:1px solid var(--line);border-radius:30px}.viewport-controls button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.browser-art.mobile{max-width:225px;transform:none}.browser-art.mobile .browser-screen>strong{font-size:55px}.browser-art.mobile .orb{opacity:.5}.hero-meta{display:flex;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;border-block:1px solid var(--line);font:10px monospace;color:#93a7b6}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-intro h2{margin-bottom:0}.section-intro>p{max-width:400px;font-size:13px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-item{background:#0b141c;padding:32px}.service-item>span{display:block;color:var(--accent);font:11px monospace;margin-bottom:45px}.service-item h3{font-size:30px}.service-item p{font-size:12px;min-height:60px}.service-item ul{padding-left:16px;color:#c4d0d7;font-size:11px;line-height:2}.service-item:first-child{background:linear-gradient(140deg,#223f51,#0d1a23)}.lab-teaser{position:relative;background:#101e28;padding-top:85px;padding-bottom:85px;overflow:hidden}.teaser-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.teaser-top h2{font-size:clamp(65px,7vw,110px)}.teaser-top p{max-width:425px}.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.teaser-card{border:1px solid #426074;background:#0c1720;border-radius:5px;overflow:hidden}.teaser-card h3{font-size:21px;padding:20px;margin:0}.teaser-card .demo{height:220px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work-card{border-bottom:1px solid var(--line);padding-bottom:25px}.work-image{height:240px;overflow:hidden;background:#142632;border:1px solid var(--line)}.work-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 3s}.work-card:hover img{object-position:bottom}.work-card .eyebrow{margin:22px 0 10px}.work-card h3{font-size:32px}.work-card p{font-size:12px}.work-card a{font:10px monospace;color:var(--accent)}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.numbered-list>div{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:25px 0;border-top:1px solid var(--line)}.numbered-list span{font:11px monospace;color:var(--accent)}.numbered-list h3{margin:0 0 10px}.numbered-list p{font-size:12px;margin:0}.seo-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.seo-features>div{border-top:1px solid var(--line);padding-top:20px}.seo-features h3{font-size:22px}.seo-features p{font-size:12px}.faq-list details{padding:22px 0;border-bottom:1px solid var(--line)}.faq-list summary{font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:var(--accent)}.faq-list details[open] summary:after{content:'−'}.faq-list p{max-width:800px;font-size:13px;margin:16px 0 0}.closing{background:radial-gradient(ellipse at 60% 50%,#25445777,transparent 70%);text-align:center}.closing p{max-width:600px;margin:20px auto}.closing h2{font-size:clamp(64px,9vw,135px)}.closing .actions{justify-content:center}.lab-hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding-top:78px;padding-bottom:70px;background:radial-gradient(ellipse at 85% 45%,#24475b55,transparent 50%)}.lab-hero h1{font-size:clamp(85px,10vw,155px);line-height:.82;letter-spacing:-.04em;margin-bottom:26px}.lab-hero h1 span{display:block}.lab-hero .lead{max-width:500px;font-size:14px}.lab-hero-right{align-self:center}.lab-orbit{height:220px;position:relative;display:grid;place-items:center;margin-bottom:30px}.lab-orbit:before,.lab-orbit:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #4a6c80;border-radius:50%;transform:rotateX(55deg) rotateZ(30deg)}.lab-orbit:after{transform:rotateY(55deg) rotateZ(-30deg)}.orbit-number{font:110px/.9 var(--display);color:var(--accent);text-shadow:0 0 55px #75b9e844}.lab-steps{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:12px}.lab-steps p{font-size:12px;margin:0;display:flex;gap:18px}.lab-steps span{font:10px monospace;color:var(--accent)}.toolbar-shell{position:sticky;top:0;z-index:20;background:#0b131bf5;backdrop-filter:blur(14px);border-block:1px solid var(--line)}.lab-toolbar{padding-top:18px;padding-bottom:18px}.search-row{display:flex;gap:15px;align-items:center}.lab-search{flex:1;display:flex;align-items:center;gap:18px}.lab-search label{color:var(--accent);font:10px monospace;white-space:nowrap}.lab-search input{width:100%;background:transparent;border:0;font-size:14px;padding:7px 0}.brief-open{border:1px solid #55748a;padding:10px 16px;white-space:nowrap;font-size:11px}.brief-open span{display:inline-grid;place-items:center;background:var(--accent);color:#0a141d;border-radius:50%;width:20px;height:20px;margin-left:8px}.category-tabs{display:flex;gap:6px;overflow:auto;padding-top:15px;scrollbar-width:thin}.category-tabs button{white-space:nowrap;border:1px solid transparent;padding:8px 14px;border-radius:30px;color:#a1b2bf;font-size:11px}.category-tabs button[aria-pressed=true]{background:var(--accent);color:#07131b}.category-tabs button:hover{border-color:#5d7e95}.lab-results{padding-top:28px;padding-bottom:70px}.results-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.results-top p{font:10px monospace;margin:0;color:#a5b8c6}.results-top label{display:flex;gap:9px;align-items:center;font-size:11px}.effects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.effect-card{border:1px solid #314652;background:#0c151e;border-radius:6px;overflow:hidden;scroll-margin-top:175px;min-width:0;transition:border-color .2s}.effect-card:target{border-color:var(--accent);box-shadow:0 0 0 2px #86bce133}.effect-card:hover{border-color:#688ba2}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 17px;background:#101c25;border-bottom:1px solid var(--line);font:9px monospace;letter-spacing:1px;color:#9bafbf;text-transform:uppercase}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#94c4df;margin-right:5px}.effect-info{padding:23px 23px 18px}.effect-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.effect-title h2{font-size:25px;line-height:1.05;margin:0 0 13px}.permalink{font:15px monospace;color:#657d8f}.effect-description{font-size:12px;line-height:1.8;min-height:106px;margin-bottom:16px}.try-label{font:9px monospace;color:#8fbcd8;background:#091018;border-block:1px solid #263b49;padding:10px 17px}.effect-details summary{font-size:10px;color:#9fb9cb;cursor:pointer}.effect-details p{font-size:11px;margin:10px 0}.effect-details strong{display:block;color:#d3e0e9;font-weight:400}.effect-details .aliases{font:9px/1.8 monospace}.save-effect{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--line);margin-top:18px;padding:15px 0 0;color:var(--accent);font-size:11px}.save-effect[aria-pressed=true]{color:#d9e8f1}.save-effect>span:last-child{font:18px monospace}.empty-state{border:1px dashed var(--line);padding:70px 20px;text-align:center}.empty-state h2{font-size:40px}.glossary-guide{background:#101d27}.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.guide-columns h3{font-size:27px}.guide-columns p{font-size:12px}.brief-section{max-width:1000px}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brief-form label{font-size:12px;display:grid;gap:8px}.brief-form input,.brief-form select,.brief-form textarea{width:100%;padding:14px}.brief-form .full{grid-column:1/-1}.brief-form textarea{resize:vertical;min-height:160px}.form-note{font-size:11px}.brief-dialog,.site-menu,.art-dialog{border:1px solid #53768d;background:#0d1922;color:var(--ink);max-width:min(650px,calc(100vw - 32px));width:650px;padding:35px;border-radius:6px;max-height:85svh;overflow:auto}.brief-dialog::backdrop,.site-menu::backdrop,.art-dialog::backdrop{background:#01080ed9;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.dialog-head h2{font-size:38px;margin:0}.dialog-close{border:1px solid var(--line);padding:10px 13px;font-size:11px}.brief-items{list-style:none;margin:0;padding:0}.brief-items li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.brief-items li a{font-size:13px}.brief-items li button{color:#8cb8d4;font-size:11px}.brief-summary{width:100%;height:210px;margin-top:24px;font:11px/1.6 monospace;resize:vertical}.status-message{font-size:12px;color:var(--accent);min-height:20px}.site-menu nav{display:grid;gap:20px;font:40px var(--display)}.art-dialog .art{height:400px}.lab-hero .actions .btn{font-size:11px}
.demo{height:242px;background:radial-gradient(ellipse at 50% 20%,#1b3445,#09141e 85%);position:relative;overflow:hidden;isolation:isolate;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:12px;color:#dbe9f3;font-size:11px}.demo>button:not(.float-action),.demo button:not(.flip-wrap,.image-swap,.border-card,.magnet,.touch-action){font-size:10px}.demo button{border:1px solid #496d86;border-radius:3px;padding:8px 11px;background:#163247;transition:background .2s,transform .2s}.demo button:hover{background:#27516c}.demo label{display:grid;gap:5px;font-size:10px}.demo input,.demo select{padding:7px;min-width:0;font-size:10px}.demo input[type=range]{accent-color:#8ac7ee;width:100%;padding:0;height:18px}.demo p{font-size:10px;margin:0;color:#a9c1d3}.demo-status{min-height:15px;position:relative;z-index:3}.demo h4{font-size:25px;margin-bottom:15px}.demo output{color:#b5d7ee}.mini-nav{display:flex;align-items:center;justify-content:space-between}.mini-nav strong{font:11px var(--display);letter-spacing:1px}.demo-panel{position:absolute;inset:44px 14px 14px;padding:35px 15px 12px;background:#132c3d;border:1px solid #5e8198;z-index:8;box-shadow:0 15px 25px #0007;overflow:auto}.demo-panel .close-mini{position:absolute;right:8px;top:8px;padding:3px 8px;font-size:9px}.menu-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.menu-cols>div{display:grid;gap:6px}.menu-cols b{font-size:9px;text-transform:uppercase;letter-spacing:1px}.menu-cols button{text-align:left;padding:4px;border:0;background:transparent}.demo-panel.side-panel{left:30%;top:0;right:0;bottom:0;padding-top:45px;animation:slide-in .25s}.demo-panel.side-panel>button:not(.close-mini){display:block;margin:7px 0}.full-panel{inset:0;padding:40px 25px 10px}.big-menu{display:grid}.big-menu button{font:27px var(--display)!important;background:none;border:0;text-align:left;padding:2px}.float-action{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap}.art{position:relative;overflow:hidden;background:linear-gradient(150deg,#162b3b,#0b1722);min-height:130px;display:grid;place-items:center;isolation:isolate}.art>span{position:relative;font:32px/.9 var(--display);letter-spacing:-1px;z-index:2;color:#e0eff7;text-align:center}.orb{display:block;position:absolute;width:150px;height:150px;top:15%;left:40%;border-radius:50%;background:radial-gradient(circle at 28% 23%,#e4f2f5,#82b8c9 20%,#315367 47%,#101b2c 68%);box-shadow:inset -12px -10px 20px #040b11,0 15px 30px #0007;transform:rotate(-28deg)}.orb:after{content:'';position:absolute;inset:20px;border:1px solid #bddfef55;border-radius:50%;transform:rotateX(68deg)}.art-line{position:absolute;width:180%;height:1px;background:#91bfd15c;transform:rotate(-35deg);z-index:1}.art:nth-child(2n) .orb{filter:hue-rotate(45deg);left:20%;transform:scale(.8)}.image-menu{display:grid;grid-template-columns:1.2fr 1fr;height:100%;gap:15px}.image-menu .art{height:100%}.image-menu>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:8px}.image-menu .art>span{font-size:23px}.command-results{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mini-tabs{display:flex;gap:6px}.mini-tabs button[aria-pressed=true]{background:#87bde0;color:#071621}.tab-content{padding:18px;border:1px solid #45627a;min-height:105px}.tab-content strong{font:30px var(--display)}.tab-content p{margin-top:12px}.demo-details{border-bottom:1px solid #3e5c71;padding:9px 0}.demo-details summary{font-size:12px}.demo-details p{padding-top:10px}.demo-scroll{height:100%;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;position:relative;background:#0a1824}.demo:has(.demo-scroll){padding:0;gap:0}.scroll-nav{position:sticky;top:0;display:flex;gap:10px;padding:10px;background:#143047;z-index:5}.scroll-nav button.active{background:#81b5d7;color:#05101a}.scroll-chapter{min-height:205px;padding:25px 22px;border-bottom:1px solid #2c485c}.scroll-chapter small{color:#8bbbd9;font:8px monospace}.scroll-chapter strong{display:block;font:32px/1 var(--display);max-width:180px;margin:20px 0 15px}.scroll-chapter:nth-child(2n){background:#173145}.parallax-land{height:610px;position:relative;overflow:hidden;background:linear-gradient(#172b48,#80a6bd)}.far-mountain,.near-mountain{position:absolute;width:130%;height:350px;left:-10%;top:70px;background:#39546a;clip-path:polygon(0 70%,20% 20%,35% 50%,60% 0,85% 60%,100% 40%,100% 100%,0 100%)}.near-mountain{top:180px;background:#10293c;clip-path:polygon(0 25%,25% 60%,55% 10%,80% 50%,100% 35%,100% 100%,0 100%);height:470px}.parallax-land strong{position:absolute;top:65px;left:25px;font:60px/.83 var(--display);z-index:2}.parallax-land small{position:absolute;top:200px;left:25px;font:8px monospace;z-index:3}.scroll-lead{min-height:180px;display:grid;place-items:center;padding:20px;color:#8db7d1}.reveal-item{margin:16px;padding:24px;background:#23465f;font:28px var(--display);transform:translateY(25px);opacity:.2;transition:opacity .45s,transform .45s}.reveal-item.visible{transform:none;opacity:1}.stagger-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.tile{display:grid;place-items:center;background:linear-gradient(130deg,#3e7593,#203c52);border:1px solid #5d88a2;min-height:52px;font:22px var(--display);color:#bbd5e6}.stagger-items .tile{opacity:.15;transform:translateY(20px);transition:all .4s}.stagger-items.visible .tile{transform:none;opacity:1}.stagger-items .tile:nth-child(2){transition-delay:.06s}.stagger-items .tile:nth-child(3){transition-delay:.12s}.stagger-items .tile:nth-child(4){transition-delay:.18s}.stagger-items .tile:nth-child(5){transition-delay:.24s}.stagger-items .tile:nth-child(6){transition-delay:.3s}.progress-track{height:5px;width:100%;background:#253f50;position:absolute;top:0;left:0;z-index:8}.progress-track i{display:block;background:#a3d4f2;width:0;height:100%}.demo[data-demo=sticky-story] .demo-scroll{display:flex;align-items:flex-start}.sticky-visual{position:sticky;top:0;width:43%;flex-shrink:0;height:242px;display:grid;place-items:center}.sticky-visual>span{position:absolute;z-index:3;font:50px var(--display)}.sticky-visual .art{height:100%;width:100%;opacity:.55}.sticky-visual .art>span{display:none}.story-chapters{width:57%}.story-chapters .scroll-chapter{padding:18px}.story-chapters strong{font-size:28px}.horizontal-track{height:700px}.horizontal-pin{position:sticky;top:0;height:242px;overflow:hidden}.horizontal-scenes{height:100%;display:flex;transition:transform .08s linear}.horizontal-scenes .art{width:100%;height:100%;flex-shrink:0}.snap-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:100%;gap:10px}.snap-gallery .art{min-width:88%;scroll-snap-align:start}.zoom-track{height:650px}.zoom-pin{height:242px;position:sticky;top:0;overflow:hidden;display:grid;place-items:center}.zoom-pin .art{width:70%;height:70%;transition:transform .1s linear}.tilt-plane{background:linear-gradient(135deg,#345c72,#10212f);width:83%;margin:auto;padding:20px;box-shadow:0 20px 35px #0007;transform-style:preserve-3d;transition:transform .12s;border:1px solid #7ba7be;border-radius:5px;touch-action:pan-y}.tilt-plane strong{display:block;font:48px/.85 var(--display);margin:18px 0;transform:translateZ(20px)}.tilt-plane span,.tilt-plane small{font:8px monospace;letter-spacing:1px}.spotlight-plane{height:100%;padding:22px;background:radial-gradient(circle at var(--x,50%) var(--y,50%),#507f9b88,transparent 60%),#102333;border:1px solid #345165;display:flex;flex-direction:column;justify-content:center}.spotlight-plane>span{font:8px monospace;color:#a3cce4}.spotlight-plane>strong{font:40px/.9 var(--display);margin:18px 0}.magnet-zone{height:135px;display:grid;place-items:center}.demo .magnet{border-radius:50%;width:140px;height:140px;background:#9bcbed;color:#102031;border:0;font:17px var(--display);transition:transform .12s}.cursor-zone{height:100%;position:relative}.cursor-zone .art{height:100%}.cursor-badge{position:absolute;left:var(--x,55%);top:var(--y,45%);background:#c8e3f4;color:#0c2232;font:10px monospace;padding:13px;border-radius:50%;pointer-events:none}.demo .touch-action{position:absolute;bottom:10px;left:10px;font-size:10px}.demo .image-swap{position:relative;width:100%;height:100%;padding:0;border:0;overflow:hidden}.image-swap .art{position:absolute;inset:0}.image-swap .second{clip-path:inset(100% 0 0);transition:clip-path .5s;background:#3b3930}.image-swap .second .orb{filter:hue-rotate(300deg)}.image-swap:hover .second,.image-swap:focus-visible .second,.image-swap.active .second{clip-path:inset(0)}.demo .flip-wrap{border:0;background:transparent;padding:0;width:100%;height:100%;perspective:700px}.flip-inner{display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s}.flip-wrap.active .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:33px/.95 var(--display);background:#244e69;backface-visibility:hidden;border:1px solid #6298b7;border-radius:5px}.flip-front small,.flip-back small{font:9px monospace;margin-top:20px}.flip-back{transform:rotateY(180deg);background:#133042}.hover-panels{display:flex;gap:6px;height:100%}.hover-panels button{flex:1;min-width:0;padding:0!important;overflow:hidden;transition:flex .4s}.hover-panels button:hover,.hover-panels button:focus-visible,.hover-panels button.active{flex:3}.hover-panels .art{height:100%;width:100%}.hover-panels .art>span{font-size:19px;writing-mode:vertical-rl}.border-card{margin:auto;width:90%;height:160px;border:1px solid #6390ac!important;border-radius:8px!important;background:linear-gradient(#153147,#0a1a28) padding-box,conic-gradient(from var(--angle,0deg),#31516b,#c0e4f9,#31516b) border-box!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.border-card span{font:30px var(--display)}.border-card:hover,.border-card:focus-visible,.border-card.active{border:3px solid transparent!important;animation:border-spin 3s linear infinite}.border-card small{font:9px monospace}.bento-demo{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:80px 80px;gap:8px}.bento-demo .tile:first-child{grid-row:1/3}.bento-demo .tile:nth-child(4){display:none}.bento-demo.remix{grid-template-columns:1fr 1.5fr}.bento-demo.remix .tile:first-child{grid-row:auto}.bento-demo.remix .tile:last-child{display:grid;grid-column:1/3}.bento-demo.remix .tile:nth-child(3){display:none}.masonry-demo{columns:3;column-gap:8px}.masonry-demo .tile{margin-bottom:8px;height:65px}.masonry-demo .tile:nth-child(2n){height:100px}.masonry-demo.remix .tile:nth-child(2n){height:60px}.masonry-demo.remix .tile:nth-child(2n+1){height:105px}.split-demo{display:flex;min-height:140px}.split-demo>div{display:grid;place-items:center;font:28px var(--display);width:50%;overflow:hidden;background:#3d6b87}.split-demo>div+div{flex:1;background:#15324a}.expanding-card{border:1px solid #48677e;padding:10px 13px;background:#18364c}.expanding-card summary{display:flex;justify-content:space-between;font:17px var(--display);list-style:none}.expanding-card p{padding-top:12px}.filter-mini{display:flex;gap:5px}.filter-tiles,.view-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.filter-tiles .tile{min-height:42px;font-size:15px}.view-tiles.list{grid-template-columns:1fr}.view-tiles.list .tile{min-height:28px;font-size:17px;justify-content:start;padding-left:15px}.reorder-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #39596f;background:#183449}.reorder-list button{padding:4px 7px!important}.theme-sample{background:#122c40;padding:20px;border:1px solid #44677f;border-radius:5px}.theme-sample strong{display:block;font:34px/.95 var(--display);margin:18px 0}.theme-sample small{font:8px monospace}.theme-sample.light{background:#e4edf3;color:#1d384b}.theme-sample.light button{color:#e1eff8}.compare-demo{height:145px;position:relative}.compare-demo .art{position:absolute;inset:0}.compare-before{filter:grayscale(1);background:#26313a}.compare-after{clip-path:inset(0 50% 0 0);background:#1e506b}.compare-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:white}.compare-demo .art>span{font-size:28px}.magnify-zone{height:100%;overflow:hidden}.magnify-zone .art{height:100%;transform-origin:var(--x,50%) var(--y,50%);transition:transform .3s}.magnify-zone:hover .art,.magnify-zone:focus-visible .art,.magnify-zone.active .art{transform:scale(1.9)}.film-view{height:130px}.film-view .art{height:130px}.film-rail{display:flex;gap:7px;border-block:7px dotted #7c91a2;padding:6px 0;overflow:auto;background:#050b10}.film-rail button{flex:1;background:#294c65;padding:4px!important;min-width:35px}.film-rail button.active{background:#9ccae8;color:#082238}.carousel-art .art{height:145px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.carousel-controls button{padding:5px!important}.spin-stage{height:150px;display:grid;place-items:center;perspective:600px}.spin-object{height:140px;width:100px;background:linear-gradient(90deg,#365d70,#97c0d1 22%,#537d91 70%,#203f54);border:1px solid #7ba6bd;border-radius:8px;display:grid;place-items:center;box-shadow:14px 12px 20px #0005;transform:rotateY(15deg);transform-style:preserve-3d}.spin-object span{font:23px/.9 var(--display);color:#0e2c3e;border-block:1px solid #24475c;padding:25px 8px}.spin-object i{position:absolute;inset:4px;border-block:2px solid #182f41}.mask-demo{height:150px;background:#08131d}.mask-demo .art{height:100%;clip-path:circle(60% at 50% 50%)}.cinema-demo{height:100%;padding:25px;background:#42617a;transition:background .4s}.cinema-surround .art{height:125px}.cinema-demo.dim{background:#000}.product-card{display:flex;align-items:center;gap:20px}.product-card>div:last-child{display:grid;gap:12px;flex:1}.product-card strong{font:29px var(--display)}.product-card small{color:#9cbbcf;font-size:9px}.sample-product{width:75px;height:135px;background:linear-gradient(90deg,#172b3d,transparent 45%,#0005),var(--product-color,#41657a);border:1px solid #a9cee54d;border-radius:15px 15px 10px 10px;box-shadow:12px 12px 20px #0006;position:relative;margin:10px auto}.sample-product:before{content:'';position:absolute;top:-8px;left:13px;right:13px;height:16px;background:#142332;border:1px solid #6e8d9f;border-radius:4px}.sample-product:after{content:'FIELD';font:15px var(--display);position:absolute;top:65px;left:17px;color:#d4e5ee}.swatches{display:flex;gap:10px;justify-content:center}.swatches button{width:28px;height:28px;border-radius:50%;background:var(--swatch)!important;padding:0!important;border:2px solid #a9c2d1}.swatch-label{text-align:center;font:10px monospace}.demo[data-demo=swatches]{gap:2px}.demo[data-demo=swatches] .sample-product{height:110px}.bundle-options label{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #345168}.bundle-options label span{margin-left:auto}.price-line{display:flex;justify-content:space-between;gap:10px;align-items:center}.price-line output{font:30px var(--display)}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.config-row>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:12px}.config-row .sample-product{height:100px}.price-products{display:flex;gap:7px;flex-wrap:wrap}.price-products span{background:#315873;padding:14px 10px;border:1px solid #6089a4}.price-max{font:30px var(--display)}.sticky-product-copy{padding:20px}.sticky-buy{position:sticky;bottom:0;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;background:#254960;box-shadow:0 -10px 20px #0005}.quantity-name{font:25px var(--display)}.quantity-name small{display:block;font:10px monospace;color:#9bbbd1;margin-top:10px}.quantity-step{display:flex;align-items:center;gap:25px}.quantity-step button{font-size:18px!important}.quantity-step output{font:28px var(--display)}.step-progress{height:4px;background:#29475d}.step-progress i{display:block;width:33.3%;background:#aad4ef;height:100%}.form-step{min-height:100px}.step-controls{display:flex;gap:10px;align-items:center;justify-content:space-between}.booking-times{display:grid;grid-template-columns:1fr 1fr;gap:7px}.booking-times button.active{background:#91c5e8;color:#082133}.file-drop{border:1px dashed #7295ad;padding:22px;display:flex!important;flex-direction:column;gap:18px!important}.file-drop input{width:100%;font-size:9px}.toast-area{height:100%;display:grid;place-items:center}.toast-message{position:absolute;bottom:12px;left:12px;right:12px;padding:11px;background:#8cbedf;color:#0c2437;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.toast-message button{background:transparent!important;color:#092031!important;border-color:#4f7a98!important;padding:3px 8px!important}.radar-row{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;align-items:center}.radar-row svg{width:100%;overflow:visible}.radar-row path{stroke:#4b7390;fill:none}.radar-row polygon{fill:#82bedc66;stroke:#b3def6;stroke-width:2}.radar-row .demo-range{gap:0;font-size:8px}.radar-row input{height:13px!important}.bar-demo{display:flex;gap:18px;height:130px;align-items:flex-end;padding:0 20px 20px;border-bottom:1px solid #4c7490}.bar-demo>div{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.bar-demo i{display:block;width:100%;background:linear-gradient(#9bcce9,#355f7b);transition:height .15s}.bar-demo span{position:absolute;bottom:-20px;font:9px monospace}.chart-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.billing-price strong{font:64px var(--display);margin-right:10px}.billing-price span{font-size:12px}.comparison-table{font-size:9px}.comparison-table>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;padding:9px 5px;border-bottom:1px solid #34536b}.comparison-table>div.active{background:#2c526c}.comparison-table b{font-weight:400;color:#b8d8ec}.quiz-options{display:flex;gap:7px;flex-wrap:wrap}.checklist-items{display:grid;gap:14px}.checklist-items label{display:flex;align-items:center;gap:8px;font-size:12px}.demo progress{width:100%;height:7px;accent-color:#a7d7f7}.hotspot-art{height:150px;position:relative}.hotspot-art .art{height:100%}.hotspot-art button{position:absolute;border-radius:50%;background:#abcde3;color:#0c2639;font:11px monospace;box-shadow:0 0 0 4px #96c5e433;padding:0!important;width:25px;height:25px}.hotspot-art .art>span{opacity:.35}.card-visible .border-card.active{animation-play-state:running}.demo input[type=checkbox]{accent-color:#92c4e6}.demo button:disabled{opacity:.45;cursor:default}.demo button[aria-pressed=true]{border-color:#bfdff2}.demo-range{margin-top:auto}input[type=checkbox]{width:16px;height:16px}.preview-banner{padding:8px 5%;font:10px monospace;background:#183446;color:#b6d6e9}.demo .demo-panel input,.demo .demo-panel select{width:100%}.demo .sample-product{flex-shrink:0}.save-effect,.demo button{touch-action:manipulation}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes border-spin{to{--angle:360deg}}@keyframes slide-in{from{transform:translateX(100%)}to{transform:none}}@media(min-width:1700px){.effects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hero{grid-template-columns:1.1fr 1fr}.service-hero h1{font-size:73px}.service-grid{grid-template-columns:repeat(2,1fr)}.split-section{gap:50px}.lab-hero{gap:35px}.work-image{height:180px}}@media(max-width:700px){html{scroll-padding-top:165px}.site-header{height:80px}.brand{font-size:20px}.brand img{width:40px;height:40px}.site-header nav>a{display:none}.menu-toggle{display:block}.service-hero,.lab-hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:45px;gap:20px}.service-hero h1{font-size:clamp(66px,13vw,89px)}.service-hero .lead{font-size:13px}.hero-canvas{padding:15px 15px 55px}.browser-screen{height:270px}.browser-screen>strong{font-size:64px}.hero-chips{bottom:10px;left:0;right:0;justify-content:center}.hero-meta{font-size:8px;flex-wrap:wrap}.section{padding-top:65px;padding-bottom:65px}.section-intro{display:block}.section-intro>p{margin-top:25px}.service-grid,.teaser-top,.split-section,.guide-columns{grid-template-columns:1fr;gap:30px}.service-grid{gap:1px}.service-item{padding:28px}.service-item>span{margin-bottom:24px}.service-item p{min-height:0}.teaser-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr;gap:35px}.work-image{height:260px}.teaser-top{gap:10px}.lab-teaser{padding-top:60px;padding-bottom:60px}.lab-hero h1{font-size:clamp(94px,19vw,135px)}.lab-orbit{display:none}.lab-hero-right{padding-top:10px}.lab-steps{grid-template-columns:1fr;gap:9px}.lab-search{gap:10px}.lab-search label{display:none}.lab-search input{font-size:12px}.brief-open{font-size:10px;padding:8px}.category-tabs button{font-size:10px;padding:6px 11px}.lab-toolbar{padding-top:12px;padding-bottom:12px}.effects-grid{grid-template-columns:1fr;gap:22px}.effect-description{min-height:0}.effect-card .demo{height:260px}.results-top p{font-size:9px}.results-top label{font-size:10px}.section-intro h2{font-size:49px}.brief-form{grid-template-columns:1fr}.brief-form .full{grid-column:auto}.site-footer{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:17px}.brief-dialog{padding:23px}.dialog-head h2{font-size:32px}.brief-dialog .actions .btn{padding:12px 16px;font-size:10px}.seo-features{gap:17px}.demo{font-size:12px}.art-dialog .art{height:300px}.lab-hero .actions{gap:10px}.lab-hero .btn{padding:12px 16px}.service-hero .actions{gap:10px}.service-hero .btn{padding:12px 16px}.effect-info{padding:22px}.section{overflow:clip}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.browser-art{transform:none}.reveal-item,.stagger-items .tile{transform:none;opacity:1}}
.supplier-hero .lead{max-width:470px}.supplier-hero h1{font-size:clamp(60px,6.8vw,105px)}.supplier-browser{background:linear-gradient(125deg,#172a35,#0b151c)}.supplier-browser .orb{background:radial-gradient(circle at 28% 23%,#e4f2f5,#7bada4 20%,#315550 47%,#101b21 68%)}.supplier-sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.supplier-sector{padding:29px;border:1px solid #385260;background:linear-gradient(145deg,#19313e,#0e1a23);position:relative;overflow:hidden}.supplier-sector:before{content:'';position:absolute;width:100px;height:100px;border:1px solid #63899b22;right:-25px;top:-25px;transform:rotate(35deg)}.supplier-sector>span{font:10px monospace;color:var(--accent)}.supplier-sector h3{font-size:30px;margin:28px 0 15px}.supplier-sector p{font-size:12px}.supplier-sector .sector-label{font:9px/1.8 monospace;color:#a5c1cf;margin:20px 0 0}.supplier-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.supplier-paths>div{padding:30px;border-top:1px solid #547182;background:#10212d}.supplier-paths h3{font-size:33px}.supplier-paths p{font-size:12px}.supplier-proof{border:1px solid var(--line);background:#0e1d27;padding:28px;display:grid;grid-template-columns:180px 1fr;gap:35px;margin-bottom:30px;align-items:center}.supplier-proof strong{font:55px var(--display);color:var(--accent)}.supplier-proof p{font-size:13px;margin:0}.new-badge{font:8px monospace;color:#071520;background:#a7c8b6;border-radius:3px;padding:3px 6px;margin-left:8px}.new-intro{display:inline-flex;gap:10px;align-items:center;font:10px monospace;color:#bfd4c9;border:1px solid #4b6c60;padding:7px 12px;margin-bottom:22px}.motion-headline{font:43px/.9 var(--display);letter-spacing:-1.2px;min-height:80px;display:flex;align-items:center}.word-line{font:38px/.94 var(--display);min-height:120px}.word-line span{display:inline-block}.word-line.playing span{animation:word-rise .65s both;animation-delay:calc(var(--word,0)*100ms)}.typing-line{font:34px/1 var(--display);min-height:120px;display:flex;align-items:center}.typing-line i{display:inline-block;width:2px;height:30px;background:#accfe4;margin-left:4px}.gradient-headline{font:50px/.85 var(--display);color:transparent;background:linear-gradient(100deg,#7db0ce 15%,#d4ecd8 35%,#668ca5 50%,#7db0ce 70%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text}.gradient-headline.playing{animation:text-shift 1.6s ease both}.marquee-window{overflow:hidden;padding:40px 0;border-block:1px solid #547b93}.marquee-track{display:flex;width:max-content;font:36px var(--display);color:#b8d6e7;animation:marquee-move 10s linear infinite;animation-play-state:paused}.marquee-track.running{animation-play-state:running}.marquee-track span{white-space:nowrap;padding-right:14px}.ripple-zone{height:100%;display:grid;place-items:center}.demo .ripple-target{position:relative;overflow:hidden;padding:23px 30px;font:22px var(--display);background:#93c0d9;color:#092236;border-radius:4px}.press-ripple{position:absolute;pointer-events:none;width:20px;height:20px;margin:-10px;border-radius:50%;background:#f5fcff77;animation:ripple-expand .65s ease-out forwards}.underline-links{display:grid;gap:18px}.demo .underline-links button{border:0;border-radius:0;background:transparent;padding:7px 0;text-align:left;font:19px var(--display);position:relative;width:max-content;max-width:100%}.underline-links button:after{content:'';height:1px;background:#a6d3ed;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.15);transform-origin:left;transition:transform .3s}.underline-links button:hover:after,.underline-links button:focus-visible:after,.underline-links button.active:after{transform:scaleX(1)}.glitch-headline{position:relative;font:55px/.9 var(--display);margin:auto 0}.glitch-headline:before,.glitch-headline:after{content:attr(data-text);position:absolute;inset:0;opacity:0;color:#8bb8cf;clip-path:inset(12% 0 62%)}.glitch-headline:after{color:#b0c8ac;clip-path:inset(64% 0 10%)}.glitch-headline.playing:before{animation:glitch-nudge .7s ease both}.glitch-headline.playing:after{animation:glitch-nudge .7s ease reverse both}.liquid-zone{position:relative;display:grid;place-items:center;height:100%;overflow:hidden;touch-action:pan-y}.liquid-shape{position:absolute;width:170px;height:170px;border-radius:42% 58% 63% 37%/43% 39% 61% 57%;background:radial-gradient(circle at 30% 20%,#d4f2e5,#83b6b7 25%,#37637a 55%,#0c263b);box-shadow:inset -20px -20px 30px #091b32,0 15px 25px #0007;transition:border-radius .25s,transform .18s}.liquid-zone>span{font:36px/.9 var(--display);position:relative;z-index:2;text-shadow:0 4px 15px #071a26}.stack-track{padding:18px 18px 170px}.stack-card{height:190px;position:sticky;top:calc(var(--n)*13px);padding:25px;margin-bottom:38px;background:#21465e;border:1px solid #6489a0;box-shadow:0 -10px 25px #0004;border-radius:7px}.stack-card:nth-child(2){background:#355c6e}.stack-card:nth-child(3){background:#527b80}.stack-card small{font:8px monospace;color:#c2d9e5}.stack-card strong{display:block;font:42px var(--display);margin-top:25px}.rotate-track,.curtain-track{height:700px}.rotate-pin,.curtain-pin{height:242px;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.rotate-seal{height:170px;width:170px;display:grid;place-items:center;border:1px solid #97bfd6;border-radius:50%;font:34px/.9 var(--display);text-align:center;background:radial-gradient(#2b5068,#152d42);outline:1px dashed #668ca1;outline-offset:-12px}.curtain-pin>.art{width:100%;height:100%}.curtain-left,.curtain-right{position:absolute;top:0;bottom:0;width:50%;display:grid;place-items:center;background:#25495e;font:30px var(--display);border:1px solid #6a8da4;will-change:transform}.curtain-left{left:0}.curtain-right{right:0;background:#173449}.trail-zone{height:100%;position:relative;overflow:hidden;touch-action:pan-y}.trail-zone>strong{font:46px/.9 var(--display);position:absolute;inset:28px 18px;color:#7b9db5}.trail-stamp{position:absolute;width:65px;height:83px;pointer-events:none;border:3px solid #bdcfd7;background:radial-gradient(circle at 38% 30%,#b9dcd2,#3d6c7a 40%,#172e47 70%);box-shadow:5px 8px 15px #0005;animation:trail-fade 1.15s forwards}.sequence-stage{height:150px;position:relative;perspective:700px;display:grid;place-items:center}.sequence-base,.sequence-piece,.sequence-lid{position:absolute;width:105px;height:75px;border:1px solid #99bdcd;background:#24465b;transform:rotateX(55deg) rotateZ(-25deg)}.sequence-base{top:70px;background:#517587}.sequence-piece{top:40px;background:#8da7a6}.sequence-lid{top:10px;background:#a5c7d2}.sequence-stage small{position:absolute;bottom:0;font:8px monospace;left:0}.drag-rail{display:flex;gap:10px;overflow-x:auto;cursor:grab;scrollbar-width:thin;touch-action:pan-x;user-select:none}.drag-rail.dragging{cursor:grabbing}.drag-rail .art{min-width:80%;height:165px;pointer-events:none}.drag-controls{display:flex;justify-content:space-between;gap:12px}.fan-stage{height:160px;position:relative;display:grid;place-items:center;perspective:700px}.fan-card{position:absolute;height:135px;width:94px;border:1px solid #8cb7ce;border-radius:5px;background:linear-gradient(140deg,#7dabb9,#264c67);transform:translateX(calc(var(--n)*3px)) rotate(calc(var(--n)*3deg));transform-origin:center 130%;transition:transform .55s;box-shadow:0 10px 25px #0005;padding:12px;color:#102b40}.fan-card small{font:7px monospace}.fan-card strong{display:block;font:45px var(--display);margin-top:20px}.fan-stage.spread .fan-card{transform:translateX(calc((var(--n) - 1.5)*38px)) rotate(calc((var(--n) - 1.5)*14deg))}.bulk-table{display:grid;gap:7px}.bulk-labels,.demo .bulk-line{display:grid;grid-template-columns:1.3fr 55px 60px;gap:8px;align-items:center}.bulk-labels{font:8px monospace;color:#9dbacf}.bulk-line small{display:block;font-size:8px;color:#93b2c7}.bulk-line input{width:55px;padding:5px}.bulk-line output{font:11px monospace;text-align:right}.price-tiers{display:flex;gap:7px}.price-tiers>span{flex:1;border:1px solid #3d647f;padding:9px 5px;text-align:center;font-size:10px}.price-tiers b{font-size:9px;font-weight:400}.price-tiers>span.active{background:#477894;border-color:#b3d7ec}.spec-picks{display:flex;gap:12px}.spec-picks label{display:flex;align-items:center;gap:5px;font-size:9px}.spec-picks input{width:13px;height:13px}.spec-table>div{display:grid;grid-template-columns:1.15fr repeat(var(--spec-count,2),1fr);gap:8px;padding:9px 4px;border-bottom:1px solid #355772;font-size:10px}.spec-table b{font-weight:400;color:#abc9dc}.demo[data-demo=spec-compare]>small{font-size:8px;color:#9bb4c4}.fit-items{display:flex;flex-direction:column;gap:8px}.fit-items span{padding:13px;background:#254b64;border:1px solid #507a95}.dimension-box{border:1px solid #5a7f97;padding:24px 14px;background:linear-gradient(130deg,#31556c,#132c40);text-align:center}.dimension-box strong{font:27px var(--display);display:block}.dimension-box small{display:block;font:9px monospace;margin-top:12px}.planner-controls{display:flex;gap:15px}.planner-controls label{flex:1}.planner-controls input{width:100%}.planner-grid{display:grid;gap:4px;min-height:100px;max-height:120px;background:#0c1d2b;padding:7px;border:1px solid #385b74}.planner-grid i{background:#70a5bf;min-height:10px;border:1px solid #b4d3e4}.doc-list{display:grid;gap:5px}.demo .doc-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:9px;padding:9px}.doc-list span{font-size:8px;color:#a6c7dc}.quote-fields{display:grid;grid-template-columns:1fr 65px;gap:10px}.quote-fields input{width:100%}.quote-result{padding:12px;background:#345c73;border:1px solid #87aec7}.quote-result strong{display:block;font:18px var(--display);margin-bottom:5px}
@keyframes word-rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@keyframes text-shift{from{background-position:0 50%}to{background-position:100% 50%}}@keyframes marquee-move{to{transform:translateX(-50%)}}@keyframes ripple-expand{to{transform:scale(20);opacity:0}}@keyframes glitch-nudge{0%,100%{opacity:0;transform:none}20%{opacity:.8;transform:translateX(5px)}45%{opacity:.6;transform:translateX(-4px)}70%{opacity:.4;transform:translateX(2px)}}@keyframes trail-fade{0%{opacity:0;scale:.8}15%{opacity:1;scale:1}80%{opacity:.8}100%{opacity:0;scale:.9}}
@media(max-width:1000px){.supplier-sectors{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.supplier-hero h1{font-size:clamp(58px,13.5vw,90px)}.supplier-sectors,.supplier-paths,.supplier-proof{grid-template-columns:1fr}.supplier-proof{gap:15px}.supplier-sector{padding:25px}.new-intro{font-size:9px}.supplier-hero .hero-chips{gap:6px}.supplier-hero .hero-chips span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.word-line span{opacity:1;transform:none}.trail-stamp{animation:none;opacity:.7}.liquid-shape{transition:none}.curtain-left{transform:translateX(-100%)}.curtain-right{transform:translateX(100%)}}
.category-count{display:inline-block;margin-left:6px;font:9px/1 monospace;opacity:.75;padding:3px 5px;border:1px solid currentColor;border-radius:3px;min-width:20px;text-align:center}.category-tabs button[aria-pressed=true] .category-count{opacity:1}.card-topline>span:first-child{letter-spacing:1.1px}

.demo:has(>.catalog-demo){height:290px;padding:16px}.catalog-demo{display:flex;flex-direction:column;justify-content:center;gap:12px;height:100%;min-width:0;position:relative}.catalog-demo>*{min-width:0}.catalog-demo button:focus-visible,.catalog-demo input:focus-visible,.catalog-demo textarea:focus-visible{outline:2px solid #a3d8f4;outline-offset:3px}.catalog-demo .catalog-status{font-size:10px;line-height:1.6;min-height:16px}.catalog-demo .mini-tabs{flex-wrap:wrap}.catalog-demo button[aria-pressed=true]{background:#88bddf;color:#08151f}.catalog-demo input[type=number]{width:100%}.catalog-demo textarea{font-size:11px;line-height:1.5;resize:vertical;max-height:115px;min-height:70px;padding:10px}.catalog-demo progress{width:100%;accent-color:#8cc2e3;height:8px}.catalog-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-fields>label:first-child:last-child{grid-column:1/-1}.catalog-demo .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.catalog-crumbs{font-size:11px;min-height:30px}.catalog-crumbs button{padding:5px 7px;background:transparent}.catalog-tree{border:1px solid #37576c;background:linear-gradient(120deg,#122e40,#10202c);padding:24px 18px;min-height:100px}.catalog-tree strong{font:32px var(--display)}.catalog-tree p{margin-top:15px}.catalog-radial{height:185px;position:relative;display:grid;place-items:center}.catalog-radial>[data-catalog-act=radial]{border-radius:50%;width:76px;height:76px;z-index:2}.radial-options{position:absolute;inset:0;transition:opacity .25s}.radial-options button{position:absolute;border-radius:30px;width:65px;min-height:35px}.radial-options button:nth-child(1){top:0;left:calc(50% - 32px)}.radial-options button:nth-child(2){bottom:25px;left:8%}.radial-options button:nth-child(3){bottom:25px;right:8%}.dock-scene{text-align:center;min-height:145px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 100%,#29546b,transparent 70%);border:1px solid #29495c}.dock-scene strong{font:48px var(--display);text-transform:uppercase}.catalog-dock{margin:-30px auto 0;position:relative;display:flex;padding:6px;border:1px solid #52768c;border-radius:30px;gap:3px;box-shadow:0 12px 22px #0007;background:#0d1d28}.catalog-dock button{border-radius:22px;border:0}.catalog-demo:has(.demo-scroll){gap:0}.catalog-demo .demo-scroll{width:100%;height:100%}.catalog-scroll-track{height:750px;position:relative}.catalog-scroll-pin{position:sticky;top:0;height:250px;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:18px;overflow:hidden}.draw-route{width:100%;height:175px;overflow:visible}.draw-route path{fill:none;stroke:#28485b;stroke-width:4;stroke-linecap:round}.draw-route .draw-active{stroke:#9ad3ee;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 5px #74b9e877)}.route-labels{display:flex;justify-content:space-between;font:10px monospace}.color-scene{background:#102d42;color:#e1f1fa}.color-scene strong{font:48px/.95 var(--display)}.color-scene small{font:8px monospace;letter-spacing:1px}.color-swatches{display:flex;gap:8px}.color-swatches i{width:24px;height:24px;border-radius:50%;background:#163d56;border:1px solid #aec9dd}.color-swatches i:nth-child(2){background:#303758}.color-swatches i:nth-child(3){background:#3b223e}.focus-scene strong{font:52px/.9 var(--display);z-index:2;position:relative}.focus-scene small{position:relative;z-index:2;font-size:9px}.focus-art{position:absolute;inset:10%;filter:blur(15px);transform:scale(.85)}.focus-art i{position:absolute;border:10px solid #628dbb;border-radius:50%;width:100px;height:100px;right:-10px;top:5px;box-shadow:0 0 30px #577ca566}.focus-art i:nth-child(2){width:70px;height:70px;right:75px;top:95px;border-color:#3f6574}.focus-art i:nth-child(3){width:40px;height:40px;right:10px;top:155px;border-color:#b6cad6}.foil-card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,265px);margin:auto;height:190px;border-radius:10px;border:1px solid #90aab9;padding:18px;background:linear-gradient(135deg,#244356,#161c32,#384551);box-shadow:0 10px 25px #0006}.foil-card strong{font:43px/.95 var(--display);display:block;margin-top:12px;letter-spacing:2px}.foil-card small{font:8px monospace;letter-spacing:1px}.foil-card i{position:absolute;inset:-70%;background:linear-gradient(115deg,transparent 35%,#c7e8fa11 43%,#dcf6ffbb 49%,#bca6e266 53%,transparent 61%);transform:translateX(var(--shine,-25%));pointer-events:none;mix-blend-mode:screen}.origin-stage{display:grid;place-items:center;min-height:175px;background:repeating-linear-gradient(0deg,transparent 0 20px,#193043 21px)}.catalog-demo .origin-button{position:relative;isolation:isolate;overflow:hidden;padding:22px 25px;background:#0c1d2a;min-height:65px}.origin-button:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#91c5e5;left:var(--origin-x,50%);top:var(--origin-y,50%);transform:translate(-50%,-50%) scale(0);z-index:-1}.origin-button.playing:before{animation:originFill .65s ease-out}.origin-button.playing{animation:originInk .65s}@keyframes originFill{45%,70%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(0)}}@keyframes originInk{35%,65%{color:#08141d}}
.master-browser{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:200px;border:1px solid #345367}.master-list{display:flex;flex-direction:column;border-right:1px solid #345367;background:#0c1c28}.master-list button{border:0;border-bottom:1px solid #294759;border-radius:0;text-align:left;padding:15px 9px}.master-detail{padding:18px 13px;display:flex;align-items:center}.master-detail small{font:7px monospace;letter-spacing:1px}.master-detail strong{font:27px/1 var(--display);display:block;margin:12px 0}.master-detail p{line-height:1.6}.resize-workspace{display:grid;grid-template-columns:var(--pane,40%) 1fr;border:1px solid #37566b;height:180px}.resize-workspace>div{padding:15px 10px;overflow:hidden;background:#172e40}.resize-workspace>div+div{border-left:4px solid #91c8e7;background:#0b1a28}.resize-workspace small{font:8px monospace;color:#9abdd3}.resize-workspace strong{display:block;font:27px/1.1 var(--display);margin-top:15px}.resize-workspace i{display:block;width:80%;height:3px;background:#3e6179;margin-top:9px}.density-records{border:1px solid #35566d;overflow:auto;max-height:190px}.density-records>div{display:flex;justify-content:space-between;align-items:center;padding:13px 10px;border-bottom:1px solid #294659;transition:padding .25s}.density-records.compact>div{padding:5px 10px}.density-records span{font-size:11px}.density-records small{font-size:9px;color:#9cb8ca}
.panorama-window{height:175px;border:1px solid #3b5d74;overflow:hidden;position:relative}.panorama-scene{width:250%;height:100%;display:flex;will-change:transform;background:linear-gradient(#162e44,#526a7b 53%,#233c48 54%,#102330)}.panorama-scene>div{width:33.33%;display:grid;place-items:center;position:relative;border-right:1px solid #698495}.panorama-scene>div:before{content:"";position:absolute;inset:40% 12% 20%;border:3px solid #88a0b1;background:repeating-linear-gradient(90deg,#263d4b 0 13px,#4c6573 14px 16px);transform:skewY(-4deg);box-shadow:5px 10px 0 #081a27}.panorama-scene span{z-index:1;align-self:end;margin-bottom:10px;font:8px monospace;letter-spacing:2px}.crop-stage{height:145px;display:flex;justify-content:center;align-items:center}.focal-window{height:140px;width:140px;border:2px solid #9fcbe3;overflow:hidden;transition:width .3s}.focal-window.wide{width:240px;height:135px}.focal-window.portrait{width:94px;height:140px}.focal-scene{height:100%;width:300px;position:relative;background:linear-gradient(155deg,#18394a,#55807f);transform:translateX(var(--focal-offset,-80px))}.focal-subject{position:absolute;width:50px;height:95px;left:142px;bottom:0;background:linear-gradient(90deg,#1f3040,#aec6d0 50%,#435b6c);border-radius:8px 8px 2px 2px;box-shadow:0 12px 20px #0008}.focal-subject:before{content:"";position:absolute;top:-8px;left:4px;right:4px;height:12px;background:#283b48;border:1px solid #99b7c7}.focal-sun{position:absolute;top:15px;left:45px;width:55px;height:55px;border:1px solid #8daeb4;border-radius:50%}.exploded-stage{height:185px;position:relative;perspective:600px;--explode:0px}.exploded-part{position:absolute;left:calc(50% - 65px);width:130px;height:70px;transform:rotateX(55deg) rotateZ(-25deg);border:2px solid #8eb5cd;box-shadow:0 10px 0 #152b3e,0 11px 0 #6a8ba2;display:grid;place-items:center}.exploded-part span{font:10px monospace;letter-spacing:2px;color:#e0effa}.exploded-part.lid{top:calc(60px - var(--explode));z-index:3;background:#335b73}.exploded-part.core{top:70px;z-index:2;background:repeating-linear-gradient(90deg,#65849a 0 5px,#142b3d 6px 13px)}.exploded-part.base{top:calc(80px + var(--explode));z-index:1;background:#142f43}
.compare-candidates{display:flex;gap:7px;justify-content:space-between}.catalog-demo .compare-candidates label{display:flex;align-items:center;gap:4px;font-size:9px}.compare-candidates input{width:13px;height:13px}.compare-mini-tray{display:flex;gap:10px;min-height:115px;padding:10px;border:1px solid #365970;background:#0d2130}.compare-mini-tray>div{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px;background:#18364a}.compare-mini-tray strong{font-size:12px}.compare-mini-tray span{font:23px var(--display);color:#a6d8f1}.compare-mini-tray small{font-size:10px}.cart-goal-track{height:12px;background:#243e50;border-radius:10px;overflow:hidden}.cart-goal-track i{display:block;height:100%;width:0;background:#8bc5e4;transition:width .3s}.catalog-demo [data-goal-total]{font:45px var(--display)}.matrix-head,.catalog-demo .variant-row{display:grid;grid-template-columns:1fr 65px 70px;align-items:center;gap:8px}.matrix-head{font:8px monospace;color:#9cb9cb}.catalog-demo .variant-row{padding:6px 0;border-bottom:1px solid #294558;font-size:11px}.variant-row input{width:65px}.variant-row output{text-align:right}.tag-chips{display:flex;gap:6px;flex-wrap:wrap;min-height:32px;max-height:80px;overflow:auto}.catalog-demo .tag-chips button{border-radius:20px;font-size:10px;padding:5px 10px}.history-preview{min-height:65px;display:grid;place-items:center;border:1px solid #3e5a70;background:#1c3448}.history-preview strong{font:26px var(--display);overflow-wrap:anywhere;text-align:center}.catalog-table{width:100%;border-collapse:collapse;font-size:12px}.catalog-table th,.catalog-table td{padding:10px;border-bottom:1px solid #34556b;text-align:left}.catalog-table tbody th{font-weight:400}.catalog-table th button{padding:6px;background:transparent}.catalog-table th[aria-sort=ascending],.catalog-table th[aria-sort=descending]{background:#294b61}.donut-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:16px}.allocation-donut{width:100%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#91c8e5 0 40%,#586d99 40% 75%,#47796f 75%);display:grid;place-items:center;position:relative;max-width:155px}.allocation-donut:before{content:"";position:absolute;inset:18%;border-radius:50%;background:#0e2130}.allocation-donut strong{position:relative;font:35px var(--display)}.allocation-inputs{display:grid;gap:6px}.allocation-inputs label{border-left:3px solid #91c8e5;padding-left:7px}.allocation-inputs label:nth-child(2){border-color:#586d99}.allocation-inputs label:nth-child(3){border-color:#47796f}.energy-readout{padding:10px 15px;background:#19374a;border-left:2px solid #9acbe5;display:flex;justify-content:space-between;align-items:center}.energy-readout small{font:8px monospace;max-width:80px;line-height:1.6}.energy-readout output{font:34px var(--display)}
.orbit-type-stage{position:relative;width:190px;height:190px;margin:auto;display:grid;place-items:center}.orbit-type-stage svg{position:absolute;inset:0;width:100%;height:100%;fill:#accee2;font:13px monospace;letter-spacing:1px}.orbit-type-stage strong{font:43px var(--display);border:1px solid #36566c;border-radius:50%;width:105px;height:105px;display:grid;place-items:center}.spring-stage{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.catalog-demo .spring-control{padding:20px 24px;background:#8fc4e5;color:#0d1b25;font-weight:700;transform-origin:center}.spring-control.playing{animation:springResponse .65s ease}.spring-shadow{width:130px;height:10px;background:#0007;filter:blur(5px);border-radius:50%}@keyframes springResponse{0%{transform:scale(1)}20%{transform:scale(.88,.92) translateY(5px)}45%{transform:scale(1.08,1.04) translateY(-3px)}70%{transform:scale(.98)}100%{transform:scale(1)}}.wipe-stage{height:190px;position:relative;overflow:hidden;border:1px solid #3a5c73}.wipe-scene{height:100%;padding:22px;background:linear-gradient(135deg,#17384d,#2c5365)}.wipe-scene[data-wipe="1"]{background:linear-gradient(135deg,#313551,#171e30)}.wipe-scene strong{display:block;font:54px/.9 var(--display);margin-top:15px}.wipe-scene small{font:8px monospace;letter-spacing:1px}.wipe-curtain{position:absolute;inset:0;background:#92c7e5;transform:translateX(-101%);pointer-events:none}.wipe-stage.playing .wipe-curtain{animation:catalogWipe .55s ease-in-out}@keyframes catalogWipe{0%{transform:translateX(-101%)}45%,55%{transform:translateX(0)}100%{transform:translateX(101%)}}.morph-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #38586e;padding:10px 0}.morph-header strong{font:15px var(--display);letter-spacing:1px}.catalog-demo .morph-toggle{width:46px;height:43px;position:relative}.morph-toggle i{position:absolute;height:2px;background:#b7d7e8;width:22px;left:11px;transition:transform .3s,opacity .2s;top:20px}.morph-toggle i:first-child{transform:translateY(-6px)}.morph-toggle i:nth-child(3){transform:translateY(6px)}.morph-toggle[aria-expanded=true] i:first-child{transform:rotate(45deg)}.morph-toggle[aria-expanded=true] i:nth-child(2){opacity:0}.morph-toggle[aria-expanded=true] i:nth-child(3){transform:rotate(-45deg)}.morph-links{display:grid;gap:12px;padding:12px;font:24px var(--display)}
.case-visual{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;min-height:68px;max-height:100px;overflow:hidden;align-content:center}.case-visual i{height:25px;background:linear-gradient(115deg,#647d8a,#37586b);border:1px solid #9cb7c8;position:relative}.case-visual i:before{content:"";position:absolute;width:3px;top:0;bottom:0;left:45%;background:#b8cbd4}.pallet-stage{height:150px;perspective:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pallet-grid{width:180px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;transform:rotateX(30deg) rotateZ(-9deg);transform-origin:bottom}.pallet-grid i{height:23px;background:#173046;border:1px dashed #47677e}.pallet-grid i.filled{background:#7d9bac;border:1px solid #b6cddb;box-shadow:0 4px 0 #405a70}.pallet-base{width:195px;height:12px;margin-top:5px;border:1px solid #648097;background:repeating-linear-gradient(90deg,#3d5d75 0 30px,#142b3d 31px 36px);transform:rotate(-9deg)}.lead-stages{display:flex;align-items:center;gap:5px;font:8px monospace}.lead-stages i{height:4px;min-width:8px;background:#90c8e6;flex:5}.lead-stages i[data-transit-bar]{background:#64799a;flex:3}.catalog-demo .reorder-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:5px;border-bottom:1px solid #29475d}.reorder-row input{max-width:65px}.catalog-demo [hidden]{display:none!important}
@media(max-width:700px){.demo:has(>.catalog-demo){height:290px}.catalog-demo{gap:10px}.catalog-scroll-pin{height:250px}.master-browser{grid-template-columns:95px 1fr}.catalog-demo .compare-candidates label{font-size:9px}.catalog-fields{gap:8px}}
@media(prefers-reduced-motion:reduce){.catalog-demo *,.catalog-demo *:before{animation:none!important;transition:none!important}.draw-route .draw-active{stroke-dashoffset:0}.focus-art{filter:none;transform:none}.origin-button.playing{background:#91c5e5;color:#08141d}}

.supply-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.demo-scenario{margin:0;padding:10px 16px;border-bottom:1px solid #304638;background:#12241e;color:#b6c9af;font:10px/1.5 var(--body);letter-spacing:.2px}.supply-illustration{width:135px;height:155px;display:block;flex:none;color:#315b49;filter:drop-shadow(0 14px 12px #0006)}.supply-art{background:radial-gradient(ellipse at 50% 40%,#365343 0%,#122821 55%,#091b1b 100%);isolation:isolate;overflow:hidden}.supply-art>.supply-illustration{position:absolute;width:72%;height:85%;left:14%;top:0;opacity:.96}.supply-art>span{font:15px/1.1 var(--display);letter-spacing:1px;position:absolute;left:10px;right:10px;bottom:10px;top:auto;transform:none;text-shadow:0 2px 5px #000;z-index:3;text-align:center}.supply-art .art-line{opacity:.2}.supply-art.compare-before{background:radial-gradient(#35483c,#102921)}.supply-art.compare-after{background:radial-gradient(#67765c,#112d24)}.compare-before .supply-illustration{color:#444b40}.compare-after .supply-illustration{color:#658356}.demo .supply-product{background:none;border:0;box-shadow:none;width:95px;height:145px;position:relative;border-radius:0;margin:0 auto}.demo .supply-product:before,.demo .supply-product:after{display:none}.supply-product .supply-illustration{width:100%;height:100%;color:var(--product-color,#355e4d)}.demo .product-card{gap:18px}.demo .product-card strong{font-size:19px;line-height:1.1}.demo .product-card small{font-size:9px}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:10px/1.1 var(--display);letter-spacing:.2px}.tile>.supply-illustration{width:70%;height:65%;max-height:70px;min-height:20px;filter:drop-shadow(0 4px 4px #0005)}.masonry-demo .tile{min-height:70px}.filter-tiles .tile{font-size:15px}.view-tiles.list .tile{flex-direction:row;gap:18px;justify-content:flex-start;padding-left:18px}.view-tiles.list .supply-illustration{height:28px;width:28px}.stagger-items .tile{font-size:12px}.tilt-plane,.spotlight-plane{position:relative;overflow:hidden}.tilt-plane>.supply-illustration{position:absolute;right:-12px;bottom:-15px;width:100px;height:145px;opacity:.75;z-index:0}.tilt-plane>strong,.tilt-plane>span,.tilt-plane>small{position:relative;z-index:1}.tilt-plane strong{font-size:34px}.spotlight-plane>.supply-illustration{position:absolute;right:-8px;bottom:-20px;width:155px;height:165px;opacity:.5}.spotlight-plane strong{position:relative;font-size:33px;z-index:1}.spotlight-plane span,.spotlight-plane p{position:relative;z-index:1}.fan-card strong{font:19px/1 var(--display);writing-mode:vertical-rl;letter-spacing:1px}.fan-card small{font-size:6px}.foil-card strong{font-size:36px}.word-line{font-size:31px;line-height:1}.typing-line{font-size:35px}.motion-headline{font-size:42px}.gradient-headline{font-size:57px}.glitch-headline{font-size:43px}.mini-nav strong{font-size:11px}.demo .big-menu button{font-size:25px}.demo .magnet{font-size:13px;padding:18px 16px}.origin-button span{font-size:10px}.catalog-demo .spring-control{font-size:10px;padding:20px 15px}.catalog-demo .color-scene strong{font-size:43px}.catalog-demo .focus-art{inset:8% 0 0 30%}.catalog-demo .focus-art>.supply-illustration{width:100%;height:100%;opacity:.7}.focus-scene strong{font-size:45px}.focal-subject{background:none;box-shadow:none;border:0;width:70px;height:120px;left:135px;bottom:-4px}.focal-subject:before{display:none}.focal-subject .supply-illustration{width:100%;height:100%}.catalog-demo .dock-scene strong{font-size:42px}.catalog-demo .catalog-radial>[data-catalog-act=radial]{font-size:10px;padding:8px;width:82px;height:82px}.catalog-demo .wipe-scene strong{font-size:45px}.catalog-demo .wipe-scene small{font-size:7px;letter-spacing:.5px}.catalog-demo .history-preview strong{font-size:22px}.browser-screen>.supply-illustration{position:absolute;width:185px;height:250px;right:4%;bottom:0;opacity:.9}.browser-screen>strong,.browser-screen>p{position:relative;z-index:2}.browser-screen>strong{max-width:300px}.browser-screen.mobile>.supply-illustration{width:120px}.parallax-land{background:linear-gradient(#112e2a,#416747)}.far-mountain{clip-path:polygon(0 100%,0 55%,25% 20%,50% 55%,75% 20%,100% 55%,100% 100%);background:#4e7156}.near-mountain{background:repeating-linear-gradient(90deg,#132f28 0 18px,#41634a 19px 30px);clip-path:polygon(0 100%,0 65%,20% 35%,40% 65%,60% 35%,80% 65%,100% 35%,100% 100%)}.trail-stamp{border-radius:2px 2px 8px 8px;background:linear-gradient(#b9c6a5 0 8%,#1f3b30 9% 35%,#8fa37e 36% 75%,#1f3b30 76%);border:1px solid #aabf9f}.trail-stamp:after{content:"";position:absolute;inset:40% 32%;border:1px solid #234637;border-radius:50%}.spin-object{background:linear-gradient(90deg,#2c483d,#5d7b63,#213b31);border-color:#a4b9a5}.spin-object span{font-size:13px;color:#d5dec4}.dimension-box i{border-color:#9bb79c;background:linear-gradient(90deg,#18372c,#41614c)}.bar-demo span{font-size:8px}.radar-row label{font-size:9px}.price-products span{font-size:9px;padding:6px}.catalog-demo .reorder-row{font-size:10px}.art-dialog .supply-illustration{height:85%;width:70%}.art-dialog .supply-art>span{font-size:28px;bottom:20px}
@media(max-width:700px){.demo-scenario{font-size:10px}.word-line{font-size:29px}.typing-line{font-size:29px}.motion-headline{font-size:37px}.catalog-demo .foil-card strong{font-size:34px}.browser-screen>.supply-illustration{width:135px;right:0}.demo .product-card strong{font-size:18px}.demo .magnet{font-size:11px}.catalog-demo .master-detail strong{font-size:24px}.catalog-demo .catalog-fields{gap:7px}.catalog-demo .catalog-fields label{font-size:9px}}

.demo[data-demo=masonry],.demo[data-demo=bento]{height:300px}
.demo[data-demo=masonry] .float-action,.demo[data-demo=bento] .float-action{position:static;transform:none;align-self:flex-end}
.demo[data-demo=masonry] .masonry-demo{margin-bottom:5px}

.industry-filter{display:flex;align-items:center;gap:15px;padding:12px 0 15px;border-top:1px solid #2b4153}.industry-filter label{font:9px monospace;letter-spacing:1px;color:#b4cbd8}.industry-filter select{background:#152735;color:#e1edf4;border:1px solid #4a657a;padding:10px 30px 10px 12px;border-radius:3px;font:12px var(--body);max-width:100%}.industry-filter>span{font-size:10px;color:#a2b8c7}.effect-card[data-industry=seeds]{--industry-accent:#bc9cdc}.effect-card[data-industry=hardware]{--industry-accent:#8ed7d0}.effect-card[data-industry=lighting]{--industry-accent:#ebc991}.demo:has(>.industry-demo){height:300px;padding:15px;background:radial-gradient(ellipse at top,#20384e,#0c1826 80%)}.industry-demo{height:100%;display:flex;flex-direction:column;gap:9px;min-width:0;color:#dcebf5;position:relative}.industry-demo button{font-size:10px;padding:8px 10px;min-height:35px}.industry-demo button[aria-pressed=true]{background:#436883;border-color:#a4cde5;color:white}.industry-demo .ind-controls{display:flex;gap:6px;align-items:center;justify-content:space-between}.industry-demo .ind-controls output{font:12px monospace}.ind-range{display:grid!important;gap:5px;font-size:10px!important;color:#bdd0dd}.ind-range input{width:100%;accent-color:#aacfe4;min-height:20px;padding:0!important}.ind-status{font-size:10px!important;line-height:1.5!important;margin:0!important;color:#abc2d2;min-height:15px}.industry-demo small{font:8px monospace;letter-spacing:1px}.industry-demo strong{font-family:var(--display);font-weight:600}.industry-demo button:focus-visible,.industry-demo input:focus-visible,.industry-demo select:focus-visible{outline:2px solid #d3efff;outline-offset:3px}.industry-demo [hidden]{display:none!important}.industry-demo svg{display:block;max-width:100%}
.ind-device{position:relative;width:78px;height:149px;border-radius:20px 20px 25px 25px;background:linear-gradient(100deg,#263d48 0%,#d0e3e5 15%,#739199 43%,#d2e2e3 67%,#2e4855 100%);box-shadow:inset 0 0 0 1px #e5ffff55,10px 15px 25px #0008;transition:background .4s,width .6s,height .6s,border-radius .6s;flex-shrink:0}.ind-mouth{position:absolute;top:-12px;left:20%;width:60%;height:25px;border-radius:12px 12px 5px 5px;background:linear-gradient(90deg,#090f18,#526478,#101a27);border:1px solid #7c939d}.ind-window{position:absolute;top:30px;left:25%;width:50%;height:38px;border:2px solid #2e4653;border-radius:7px;background:linear-gradient(120deg,#d6f1f222,#0b1c2b);box-shadow:inset 2px 0 4px #0007}.ind-mark{position:absolute;top:88px;left:0;width:100%;font:8px monospace;text-align:center;letter-spacing:1px;color:#0e2531;overflow:hidden;padding:0 4px}.ind-led{position:absolute;bottom:15px;left:calc(50% - 9px);width:18px;height:2px;background:#a9ffef;box-shadow:0 0 10px #a9ffef}.ind-fixture{display:flex;justify-content:space-between;width:200px;height:90px;transform:perspective(450px) rotateX(55deg) rotateZ(-15deg);position:relative;z-index:2}.ind-fixture:before,.ind-fixture:after{content:'';position:absolute;left:0;right:0;height:8px;background:linear-gradient(#c6d3d8,#35485b);top:8px;z-index:-1}.ind-fixture:after{top:auto;bottom:8px}.ind-fixture i{height:100%;width:13px;border:1px solid #c7dcdf;background:repeating-linear-gradient(0deg,#fff5b7 0 3px,#667681 3px 7px);box-shadow:0 0 10px #e9dca044}
.lineage-network{position:relative;height:190px;padding:12px 4px;background:radial-gradient(ellipse at bottom,#4d356e66,transparent 65%)}.lineage-network svg{position:absolute;inset:25px 0 0;width:100%;height:155px;stroke:#466078;fill:none;stroke-width:2}.lineage-network path.active{stroke:#d2b8ff;filter:drop-shadow(0 0 4px #cba8ff)}.lineage-parents{display:flex;justify-content:space-between;position:relative;gap:20px}.lineage-child{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#332e50;border:1px solid #a58dc1;padding:12px 24px;font-size:19px;letter-spacing:1px}.ind-packet{background:linear-gradient(140deg,#5a486c,#211b35 75%);width:105px;height:148px;border:1px solid #b29bc9;padding:12px 10px;box-shadow:4px 10px 20px #0007;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:3px;position:relative}.ind-packet:before,.ind-packet:after{content:'';position:absolute;left:4px;right:4px;height:3px;border-block:1px solid #a793b066;top:3px}.ind-packet:after{top:auto;bottom:3px}.ind-packet small{font-size:6px;letter-spacing:.4px}.ind-packet strong{font-size:23px;line-height:1}.ind-packet>span{font:5px monospace;letter-spacing:.7px}.seed-emblem,.seed-mini{display:block;width:34px;height:44px;border-radius:55% 45% 48% 52%;transform:rotate(25deg);background:repeating-linear-gradient(75deg,transparent 0 6px,#291d3299 7px 9px),radial-gradient(ellipse at 30% 30%,#e1cfac,#846b61 50%,#3b2a37);box-shadow:inset -5px -6px 6px #20132c,0 0 25px #d8a4ff22}.packet-orbit{height:205px;position:relative;perspective:600px;display:grid;place-items:center;overflow:hidden}.orbit-packet{position:absolute;transition:transform .55s,filter .55s,opacity .55s;transform:translateX(calc(var(--offset,0)*88px)) translateZ(calc(var(--depth,0)*1px)) rotateY(calc(var(--offset,0)*-22deg));filter:brightness(var(--brightness,1));z-index:var(--z,1)}.orbit-packet:nth-child(2){background:linear-gradient(140deg,#3c6968,#182e38)}.orbit-packet:nth-child(3){background:linear-gradient(140deg,#8a5659,#351d36)}
.archive-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.archive-controls label{font-size:9px}.archive-controls input,.archive-controls select{width:100%;padding:7px!important;font-size:10px!important}.archive-list{display:grid;gap:6px}.archive-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #385168;padding:6px 0}.archive-list strong{font-family:var(--body);font-size:11px;flex:1}.archive-list span{font-size:9px;color:#b9a5d6}.seed-mini{width:15px;height:20px;flex-shrink:0}.chromatic-stage{position:relative;overflow:hidden;height:206px;background:#171b23;isolation:isolate}.bloom-color{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 65%,#67d8be,transparent 45%),radial-gradient(ellipse at 80% 10%,#c39aff,#362545 70%);clip-path:circle(38% at var(--x,50%) var(--y,50%))}.bloom-seed{width:100px;height:136px;border-radius:60% 40% 52% 48%;background:repeating-linear-gradient(125deg,#c9c9c9 0 10px,#5c6066 11px 14px,#a9b0ad 15px 26px);position:absolute;right:25px;top:28px;transform:rotate(35deg);mix-blend-mode:overlay;box-shadow:inset -17px -14px 28px #000}.chromatic-stage strong{position:absolute;left:18px;top:35px;font-size:39px;line-height:.95;letter-spacing:-1px}.chromatic-stage small{position:absolute;bottom:16px;left:18px;font-size:7px}
.cutaway-stage{position:relative;height:201px;display:grid;place-items:center;--cut:50%;overflow:hidden}.cutaway-stage .shell{position:absolute;top:25px;clip-path:inset(0 0 0 var(--cut));z-index:2}.cutaway-inner{position:absolute;top:25px;width:78px;height:149px;border:1px solid #8ebbc6;border-radius:20px 20px 25px 25px;clip-path:inset(0 calc(100% - var(--cut)) 0 0);background:#112535}.cutaway-inner i{position:absolute;display:block}.core-mouth{top:4px;left:28px;width:20px;height:18px;border:1px solid #83c8ce}.core-tank{top:27px;left:20px;width:38px;height:35px;background:repeating-linear-gradient(90deg,#80bbc177 0 3px,#163a4b 4px 8px);border:1px solid #8fd0db}.core-cell{top:72px;left:17px;width:45px;height:51px;background:repeating-linear-gradient(0deg,#5b9697 0 8px,#264d63 9px 10px);border-radius:3px}.core-board{bottom:6px;left:20px;width:38px;height:13px;background:linear-gradient(45deg,#a5b36c,#315455)}.cutaway-rule{position:absolute;top:15px;height:170px;width:1px;background:#d1f8fb;left:calc(50% - 39px + 78px*var(--cut-fraction,.5));box-shadow:0 0 8px #9af7ff}.cutaway-stage small{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:6px}.finish-stage,.morph-stage{height:170px;display:flex;align-items:center;justify-content:center;position:relative}.finish-stage .ind-device{scale:.85}.material-label{position:absolute;right:2px;top:50%;writing-mode:vertical-rl;font:8px monospace;letter-spacing:2px}.finish-picks button{flex:1;padding-inline:4px!important}.mark-input{display:flex!important;align-items:center;gap:10px;font-size:10px!important}.mark-input input{width:60%;padding:6px!important;font-size:11px!important}.morph-stage{height:212px}.morph-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font:8px monospace;letter-spacing:2px}.morph-device[data-shape=pen]{width:35px;height:172px;border-radius:8px}.morph-device[data-shape=compact]{width:118px;height:104px;border-radius:32px}.morph-device[data-shape=compact] .ind-mark{top:69px}.morph-device[data-shape=compact] .ind-window{top:25px;height:25px}.morph-device[data-shape=pen] .ind-mark{font-size:5px;letter-spacing:0}.charge-stage{height:204px;position:relative;display:grid;place-items:center}.charge-stage svg{height:185px;width:185px;transform:rotate(-90deg);fill:none;stroke:#294c64;stroke-width:5}.charge-progress{stroke:#a5dfdc;stroke-linecap:round;stroke-dasharray:72 100;filter:drop-shadow(0 0 4px #6fdfd4);transition:stroke-dasharray .2s}.charge-stage>div{position:absolute;display:grid;text-align:center;gap:7px}.charge-stage output{font:45px var(--display)}.charge-stage small{font-size:6px}
.spectrum-display{height:162px;background:linear-gradient(0deg,#4b5e6e22 1px,transparent 1px),linear-gradient(90deg,#4b5e6e22 1px,transparent 1px);background-size:25px 25px;border-bottom:1px solid #6d8595;padding:10px 6px}.spectrum-bars{height:125px;display:flex;gap:3px;align-items:end}.spectrum-bars i{flex:1;height:var(--height);background:hsl(calc(265 - var(--band)*9),65%,66%);transition:height .2s;box-shadow:0 0 9px hsl(calc(265 - var(--band)*9),65%,50%,.2)}.spectrum-axis{display:flex;justify-content:space-between;font:7px monospace;color:#a5bacb;margin-top:7px}.spectrum-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.beam-stage{height:182px;position:relative;overflow:hidden;display:grid;place-items:start center}.beam-stage .ind-fixture{top:0;height:65px;width:180px;transform:perspective(400px) rotateX(55deg)}.beam-cone{position:absolute;top:42px;width:95px;height:130px;background:linear-gradient(#d7efaa66,#d9e4ad00);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);transform-origin:50% 0}.beam-cone.left{left:calc(50% - 90px);transform:rotate(var(--angle,-20deg))}.beam-cone.right{right:calc(50% - 90px);transform:rotate(calc(-1*var(--angle,-20deg)))}.beam-floor{position:absolute;bottom:10px;left:15%;right:15%;height:40px;border:1px solid #6d8a79;border-radius:50%;background:radial-gradient(ellipse,#a9c98d44,transparent 70%)}.beam-stage output{position:absolute;bottom:0;right:0;font:17px var(--display)}.light-field{height:205px;position:relative;overflow:hidden;background:#0b1522;--x:50%;--y:50%;border:1px solid #375066}.field-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:10px;background:radial-gradient(circle at var(--x) var(--y),#e9e4bc,#5f777d44 30%,transparent 65%)}.field-grid i{border:1px solid #7f969844;background:#101d2b88;border-radius:2px}.light-field strong{position:absolute;left:18px;top:55px;font-size:32px;line-height:1;text-shadow:0 2px 15px #000;letter-spacing:-.8px}.fixture-scroll{height:270px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.fixture-track{height:720px;position:relative}.fixture-pin{height:265px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;justify-content:center;--progress:0}.fixture-pin .ind-fixture{width:195px;position:absolute;top:65px;transform:perspective(400px) rotateX(calc(65deg - var(--progress)*25deg)) rotateZ(calc(-20deg + var(--progress)*35deg));opacity:calc(.35 + var(--progress)*.65)}.fixture-pin .ind-fixture i{box-shadow:0 0 calc(var(--progress)*25px) #ffeda5;background:repeating-linear-gradient(0deg,#fff3af 0 3px,#4f6471 3px 7px)}.fixture-pin strong{position:absolute;top:0;left:0;font-size:28px;line-height:.95}.fixture-phase{position:absolute;bottom:34px;left:0;font:11px monospace;letter-spacing:2px}.fixture-pin small{position:absolute;bottom:12px;right:0;font-size:7px}
.fold-stage{height:198px;display:grid;place-items:center;perspective:650px;overflow:hidden}.fold-carton{position:relative;width:85px;height:120px;transform-style:preserve-3d;transform:rotateY(-25deg) rotateX(10deg);--fold:0deg}.carton-face,.carton-flap{position:absolute;border:1px solid #90b7d1;background:#2f526c}.carton-face{inset:0;background:linear-gradient(130deg,#426c84,#1b354c);padding:25px 8px;font:20px var(--display);text-align:center;backface-visibility:visible}.carton-face small{font:7px monospace}.carton-face i{display:block;width:18px;height:35px;border:1px solid #91b3bf;border-radius:8px;margin:8px auto}.carton-flap.top,.carton-flap.bottom{width:85px;height:34px;left:0}.carton-flap.top{top:-34px;transform-origin:bottom;transform:rotateX(var(--fold))}.carton-flap.bottom{bottom:-34px;transform-origin:top;transform:rotateX(calc(-1*var(--fold)))}.carton-flap.left,.carton-flap.right{width:34px;height:120px;top:0}.carton-flap.left{left:-34px;transform-origin:right;transform:rotateY(calc(-1*var(--fold)))}.carton-flap.right{right:-34px;transform-origin:left;transform:rotateY(var(--fold))}.layer-stage{height:225px;position:relative;perspective:600px;display:grid;place-items:center}.industry-demo .material-layer{position:absolute;width:210px;height:66px;top:calc(45px + var(--n)*32px);transform:rotateX(45deg) rotateZ(-18deg);transition:transform .35s,box-shadow .35s;z-index:calc(3 - var(--n));color:#e5ede3;text-align:left;padding-left:20px;border:1px solid #789280;background:repeating-radial-gradient(circle at 30% 30%,#638575 0 2px,#203e38 3px 8px)}.industry-demo .material-layer.layer-1{background:repeating-linear-gradient(120deg,#66564d 0 5px,#3b3435 6px 9px)}.industry-demo .material-layer.layer-2{background:radial-gradient(#798085 1px,#263747 2px);background-size:8px 8px}.industry-demo .material-layer[aria-pressed=true]{transform:translateY(-24px) rotateX(45deg) rotateZ(-18deg);box-shadow:0 12px 25px #b4e1b122;border-color:#c3dac1}.flow-stage{height:165px;position:relative;display:grid;align-items:center}.flow-stage svg{position:absolute;width:100%;height:100%;stroke:#446982;stroke-width:3;fill:none}.flow-trace{stroke:#a5e2ce!important;stroke-dasharray:0 100;transition:stroke-dasharray .5s;filter:drop-shadow(0 0 4px #70c9b4)}.flow-nodes{position:relative;display:flex;justify-content:space-between;gap:12px}.flow-nodes button{border-radius:50%!important;width:62px;height:62px;font-size:9px!important;flex-shrink:0;background:#14293d}.flow-stage.tracing .flow-trace{animation:ind-flow 1.4s ease both}.climate-stage{height:205px;position:relative;display:flex;align-items:center;gap:20px;padding:15px;background:radial-gradient(ellipse at 25% 50%,hsla(var(--climate-hue,190),50%,55%,.25),transparent 75%)}.climate-dial{width:116px;height:116px;flex-shrink:0;position:relative;border-radius:50%;border:7px solid #547582;box-shadow:0 0 0 1px #8db5c7,0 0 30px #7dcae822;background:radial-gradient(#294657,#102437);display:grid;place-items:center}.climate-dial i{position:absolute;width:3px;height:12px;background:#d2eaf1;top:3px;left:calc(50% - 1.5px);transform-origin:center 48px;transform:rotate(var(--dial,0deg))}.climate-dial output{font:42px var(--display)}.climate-stage>div:last-child{display:grid;gap:10px}.climate-stage strong{font-size:25px;line-height:1}.climate-stage small{font-size:6px}.climate-state{font:8px monospace;color:#a6c9d1}.hardware-spin{background:none!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center!important;overflow:visible!important}.hardware-spin .ind-device{scale:.9}
@keyframes ind-flow{from{stroke-dasharray:0 100}to{stroke-dasharray:100 100}}@media(max-width:700px){.industry-filter{flex-wrap:wrap;gap:7px 12px;padding:9px 0}.industry-filter label{font-size:8px}.industry-filter select{flex:1;font-size:10px;min-width:160px;padding:8px}.industry-filter>span{display:none}.effect-card{scroll-margin-top:230px}.climate-stage{gap:14px}.climate-dial{width:105px;height:105px}.climate-dial i{transform-origin:center 42px}.industry-demo .material-layer{width:185px}}@media(prefers-reduced-motion:reduce){.industry-demo *{transition:none!important;animation:none!important}.fixture-pin{--progress:1!important}.flow-stage.tracing .flow-trace{stroke-dasharray:100 100}}