:root{color-scheme:dark;--bg:#0e1420;--surface:#131d2b;--surface2:#1a2738;--ink:#edf3ff;--muted:#92a3ba;--line:#2a374d;--accent:#52d9db;--violet:#9366de;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.5}::selection{background:#96dedf44;color:#fff}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.site-header{height:92px;border-bottom:1px solid #253033aa;position:relative;z-index:5}.header-inner{width:min(1240px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.4}.brand svg{width:36px;height:42px;color:var(--accent);stroke-width:1.7}.brand-line{display:block;font-size:19px;letter-spacing:1.4px}.brand-dot{color:var(--accent)}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:500}nav>a{color:#a4a9b0;transition:color .2s}nav>a:hover,nav .nav-current{color:var(--ink)}nav .github-link{border:1px solid var(--line);padding:9px 17px;border-radius:5px;color:var(--ink);font-size:12px}.github-link span{padding-left:12px;color:var(--accent)}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:515px;align-items:center;gap:16px;position:relative}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:var(--accent);display:flex;gap:9px;align-items:center}.signal-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 10px #96dedf4d;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.6vw,76px);font-weight:600;letter-spacing:-3.7px;line-height:1.05;margin:28px 0 24px}h1 span{color:var(--accent)}.hero-copy>p{max-width:405px;color:#a7acb4;font-size:15px;line-height:1.85}.primary-button{display:inline-flex;gap:40px;align-items:center;background:var(--accent);color:#161f2b;font-weight:650;font-size:13px;border-radius:4px;padding:14px 20px;margin-top:29px;transition:background .2s,transform .2s}.primary-button:hover{background:#b0eff0;transform:translateY(-2px)}.primary-button span{font-size:20px;line-height:1}.version-tags{display:flex;gap:12px;align-items:center;margin-top:32px;color:#798089;font-size:10px;letter-spacing:.2px}.version-tags strong{font-weight:400;color:#acb1b8}.version-tags i{width:3px;height:3px;border-radius:50%;background:#585e67}.hero-model{position:relative;border:0;background:transparent;isolation:isolate;min-height:490px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px;width:100%;border-radius:8px}.hero-model img{position:relative;width:112%;height:450px;object-fit:contain;z-index:2;filter:drop-shadow(0 24px 25px #0005);transition:transform .6s}.hero-model:hover img{transform:translateY(-6px) rotate(1deg)}.hero-glow{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,#4f999a33,transparent 70%);z-index:0;filter:blur(15px)}.hero-orbit{position:absolute;width:82%;height:40%;border:1px solid #46587133;border-radius:50%;transform:rotate(-27deg);z-index:0}.orbit-two{width:93%;height:52%;transform:rotate(28deg);border-color:#46587120}.hero-caption{position:absolute;bottom:50px;left:30px;right:20px;display:flex;align-items:center;gap:10px;z-index:3;font-size:9px;letter-spacing:1px;font-weight:600;color:#aab0b9;text-align:left}.tiny-plus{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--accent);border:1px solid #3d4d64;font-size:15px}.hero-three{margin-left:auto;font-size:8px;color:var(--accent)}.coordinate{position:absolute;z-index:3;color:#525c69;font:8px monospace;letter-spacing:1px}.coordinate-top{top:23px;right:18px}.coordinate-bottom{bottom:22px;right:18px}.principles{border-block:1px solid var(--line);background:#131a1c}.principles-inner{display:flex;gap:42px;padding-block:19px;font-size:12px;color:#bbc0c6}.principles b{font:10px monospace;color:var(--accent);margin-right:11px}.principles-end{margin-left:auto;font:9px/1.7 monospace;letter-spacing:1px;color:#657080}.catalog{padding-block:76px 60px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2,.process-heading h2{font-size:34px;font-weight:550;letter-spacing:-1.2px;line-height:1.25;margin:12px 0 10px}.section-heading p,.process-heading p{font-size:13px;color:var(--muted)}.catalog-count{font-size:11px;color:#747c87;white-space:nowrap;padding-bottom:2px}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}.filters{display:flex;gap:4px}.filter{border:1px solid transparent;background:none;padding:8px 13px;border-radius:4px;font-size:12px;color:#949ca6}.filter:hover{background:var(--surface2);color:var(--ink)}.filter.active{border-color:#384456;background:#1d2531;color:var(--accent)}.filter>span{font-size:9px;padding:1px 5px;background:#303b4a;border-radius:3px;margin-left:5px}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:4px;padding:8px 10px;background:#151c1e}.search svg{width:15px;height:15px;color:#7f8996}.search input{color:var(--ink);background:transparent;border:0;font-size:11px;width:158px;outline:none}.search:focus-within{border-color:#80cccd}.search kbd{font-size:10px;border:1px solid #383d45;border-radius:3px;padding:0 4px;color:#636c79}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.asset-card{padding:0;border:1px solid #343943;background:#1b1e24;border-radius:6px;overflow:hidden;text-align:left;display:flex;flex-direction:column;position:relative;transition:transform .25s,border-color .25s,background .25s}.asset-card:hover{border-color:#627896;transform:translateY(-4px);background:#191e24}.asset-card.machine-card{grid-column:span 1}.asset-card:nth-child(-n+3).machine-card{grid-column:span 1}.catalog-grid:has(.machine-card:nth-child(3)){grid-template-columns:repeat(12,minmax(0,1fr))}.catalog-grid:has(.machine-card:nth-child(3)) .asset-card{grid-column:span 3}.catalog-grid:has(.machine-card:nth-child(3)) .machine-card{grid-column:span 4}.asset-thumb{height:202px;background:radial-gradient(ellipse at 50% 76%,#232d3a30,transparent 70%),#131b1d;position:relative;overflow:hidden;display:grid;place-items:center}.machine-card .asset-thumb{height:245px;background:radial-gradient(ellipse at 50% 70%,#2a3c5533,transparent 70%),#141920}.asset-thumb:after{content:'';position:absolute;inset:auto 15% 12px;height:1px;background:linear-gradient(90deg,transparent,#62738a44,transparent)}.asset-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.asset-card:hover .asset-thumb img{transform:scale(1.055)}.asset-thumb img.fallback{object-fit:cover;object-position:center 83%;width:115%;height:135%;max-width:none}.card-index{position:absolute;top:14px;left:15px;font:9px monospace;letter-spacing:.5px;color:#505b6a;z-index:2}.card-3d{position:absolute;right:12px;top:11px;font:9px monospace;border:1px solid #3b475788;border-radius:3px;padding:2px 5px;color:#8595ac;background:#141b2488;z-index:2} .card-body{background:#1b1e24;padding:20px 20px 17px;border-top:1px solid #343943;flex:1;display:flex;flex-direction:column}.card-category{font-size:8px;letter-spacing:1.6px;color:#6f8097;font-weight:650;margin-bottom:7px}.card-body h3{font-size:16px;letter-spacing:-.3px;font-weight:550;line-height:1.35}.card-body p{font-size:11px;line-height:1.7;color:#8e9aaa;margin-top:9px;flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#727d8d;margin-top:22px}.card-bottom .card-arrow{font-size:17px;color:#9ddadb}.card-bottom .animated-tag{display:inline-flex;align-items:center;gap:5px}.animated-tag:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--accent)}.catalog-tip{font-size:11px;color:#646f7e;text-align:center;margin-top:34px}.catalog-tip span{color:var(--accent);margin-right:8px}.empty-state{text-align:center;padding:70px 20px;background:#151c1e;border:1px dashed #353e4a;border-radius:6px}.empty-state>span{color:var(--accent);font-size:40px}.empty-state h3{font-size:20px;font-weight:500}.empty-state p{color:var(--muted);margin:8px 0 20px}.text-button{border:0;background:none;color:var(--accent);text-decoration:underline}.process-section{background:#14181e;border-block:1px solid var(--line);padding:65px 0 70px}.process-heading{text-align:center}.process-heading .eyebrow{justify-content:center}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.process-grid article{padding:0 35px;border-left:1px solid #303842}.process-grid article:first-child{padding-left:0;border:0}.process-grid article:last-child{padding-right:0}.step-number{font:9px monospace;letter-spacing:1.3px;color:#8c9fba}.process-grid h3{font-size:19px;font-weight:500;margin:15px 0 9px;letter-spacing:-.3px}.process-grid p{font-size:12px;color:#8a94a2;line-height:1.8;max-width:320px}.footer{display:flex;align-items:center;gap:25px;padding-block:32px;font-size:10px;color:#6f7a8a}.footer-brand{font-weight:650;color:#bdc5d1;font-size:10px;letter-spacing:.5px}.footer-brand span{margin:0 6px;color:#3b485a}.footer>p{font-size:10px}.footer>a:last-child{margin-left:auto;color:#a4afbe}.noscript{text-align:center;background:#384455;padding:20px}
/* The viewer is the primary interaction, with accessible native dialog focus handling. */
.inspector{border:1px solid #3a4350;border-radius:10px;background:#141c1e;color:var(--ink);padding:0;width:min(1250px,calc(100% - 60px));max-width:none;max-height:calc(100dvh - 45px);overflow:auto;box-shadow:0 40px 140px #000c}.inspector::backdrop{background:#060b0dde;backdrop-filter:blur(10px)}.inspector-header{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #2c323b}.inspector-header>span{display:flex;gap:10px;align-items:center;font:10px monospace;letter-spacing:1.7px;color:#a9b3c2}.icon-button{width:35px;height:35px;display:grid;place-items:center;background:transparent;border:1px solid #39414c;border-radius:5px;color:#bdc5d1;font-size:18px}.icon-button:hover,.icon-button[aria-pressed=true]{background:#283342;color:var(--accent);border-color:#657995}.inspector-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:570px}.model-stage{position:relative;min-height:570px;overflow:hidden;background:radial-gradient(ellipse at 48% 45%,#2d3e562d,transparent 65%),linear-gradient(#141920,#10141a);isolation:isolate}.model-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#64748b07 1px,transparent 1px),linear-gradient(90deg,#64748b07 1px,transparent 1px);background-size:38px 38px;z-index:-1;pointer-events:none}.stage-label{display:flex;justify-content:space-between;position:absolute;inset:20px 23px auto;z-index:2;pointer-events:none;font:9px monospace;letter-spacing:1.2px;color:#707d8f}.stage-label span:last-child{color:var(--accent)}.viewport{position:absolute;inset:25px 0 65px}.viewport canvas{display:block;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.camera-presets{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);display:flex;border:1px solid #3e4a5b;border-radius:5px;overflow:hidden;background:#171e28d9;backdrop-filter:blur(5px);z-index:3;white-space:nowrap}.camera-presets button{border:0;border-right:1px solid #3e4a5b;background:transparent;color:#a8b4c6;font-size:10px;padding:8px 13px}.camera-presets button:last-child{border:0}.camera-presets button:hover{background:#323e4f;color:#e5ffff}.stage-hint{position:absolute;inset:auto 20px 14px;display:flex;justify-content:center;gap:22px;color:#647286;font-size:9px;pointer-events:none}.model-info{border-left:1px solid #2d3540;padding:30px 27px;display:flex;flex-direction:column;gap:0;background:#171b21}.model-info h2{font-size:28px;line-height:1.2;letter-spacing:-.9px;font-weight:550;margin:11px 0 16px}.model-info .eyebrow{font-size:8px}.model-description{font-size:12px;line-height:1.9;color:#9fa9b6}.control-section{margin-top:28px}.control-section>label{display:block;font:8px monospace;letter-spacing:1.2px;color:#7b8a9f;margin-bottom:10px}.segmented{display:flex;border:1px solid #3a4453;border-radius:4px;padding:3px;gap:3px}.segmented button{flex:1;border:0;border-radius:2px;padding:7px 3px;background:transparent;color:#919eb1;font-size:11px}.segmented button[aria-pressed=true]{background:#344154;color:#ccf3f4}.segmented button:disabled{opacity:.35;cursor:not-allowed}select{width:100%;padding:10px 12px;background:#1b222d;border:1px solid #3c4859;border-radius:4px;color:#c4dede;font-size:12px}.animation-controls{display:flex;gap:8px;margin-top:20px}.secondary-button{flex:1;background:transparent;border:1px solid #3b4554;border-radius:4px;padding:9px 12px;color:#a6b2c4;font-size:10px;display:flex;align-items:center;justify-content:center;gap:10px}.secondary-button:hover{background:#283343}.secondary-button:disabled{opacity:.4;cursor:default}.model-facts{border-block:1px solid #303946;padding:16px 0;margin-top:26px}.model-facts>div{display:flex;justify-content:space-between;font-size:10px;padding:5px 0;color:#798595}.model-facts b{font-weight:450;color:#b2bcc9}.model-detail{color:#747f8e;font-size:10px;line-height:1.85;margin-top:18px}.model-navigation{display:flex;justify-content:space-between;margin-top:auto;padding-top:23px}.model-navigation button{border:0;background:transparent;padding:3px 0;font-size:10px;color:#a7b3c4}.model-navigation button:hover{color:var(--accent)}.inspector-footer{border-top:1px solid #2e3641;display:flex;justify-content:space-between;padding:13px 20px;font:8px monospace;letter-spacing:.5px;color:#636f80}.loading{position:absolute;inset:45% 0 auto;text-align:center;font-size:12px;color:var(--accent);z-index:4;pointer-events:none}.loading span{display:inline-block;width:10px;height:10px;margin-right:10px;border:1px solid #84b7b8;border-top-color:transparent;animation:spin .8s linear infinite;border-radius:50%}.viewer-error{position:absolute;inset:35% 14% auto;text-align:center;font-size:12px;color:#a3adba}.viewer-error h3{font-size:19px;margin-bottom:10px;font-weight:500}.viewer-error p{color:#7e8a9a}.inspector:fullscreen{width:100vw;max-height:100dvh}body.modal-open{overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){.hero{min-height:565px}.hero-model{min-height:530px}.hero-model img{height:485px}}
@media(max-width:1050px){.wrap,.header-inner{width:calc(100% - 48px)}.hero{min-height:480px;gap:0}.hero-model img{height:390px}.hero-model{min-height:440px}.hero-caption{left:10px;font-size:8px}.hero-three{font-size:7px}.principles-inner{gap:25px}.principles-end{display:none}.catalog-grid,.catalog-grid:has(.machine-card:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-grid:has(.machine-card:nth-child(3)) .asset-card,.catalog-grid:has(.machine-card:nth-child(3)) .machine-card{grid-column:span 1}.asset-thumb{height:195px}.machine-card .asset-thumb{height:225px}.card-body{padding:17px 14px}.card-body h3{font-size:14px}.catalog-toolbar{gap:12px}.filter{padding:8px 9px;font-size:11px}.search input{width:125px}.inspector-layout{grid-template-columns:minmax(0,1fr) 290px}.model-info{padding:26px 21px}.model-stage,.inspector-layout{min-height:550px}.inspector{width:calc(100% - 35px)}}
@media(max-width:760px){.site-header{height:77px}.wrap,.header-inner{width:calc(100% - 36px)}nav{gap:17px}nav>a:nth-child(2){display:none}nav .github-link{padding:7px 10px;font-size:10px}.brand{font-size:8px;gap:9px}.brand-line{font-size:15px}.brand svg{width:30px;height:35px}nav>a:first-child{font-size:11px}.hero{grid-template-columns:1fr;gap:10px;padding-top:30px}.hero-copy>p{max-width:420px}h1{font-size:57px;letter-spacing:-2.8px;margin-block:24px 20px}.hero-copy>.eyebrow{font-size:8px}.hero-model{height:380px;min-height:380px;margin-top:8px}.hero-model img{height:385px;width:103%}.hero-caption{left:15px;right:15px;bottom:33px;font-size:8px}.coordinate-top{top:10px}.coordinate-bottom{bottom:12px}.principles-inner{gap:0;justify-content:space-between;font-size:9px;padding-block:15px}.principles b{font-size:8px;margin-right:5px}.catalog{padding-top:48px}.section-heading{align-items:flex-start;margin-bottom:24px}.section-heading h2,.process-heading h2{font-size:27px;letter-spacing:-.8px}.section-heading p{font-size:12px;max-width:290px}.catalog-count{display:none}.catalog-toolbar{flex-direction:column;gap:15px}.filters{justify-content:space-between;gap:1px}.filter{padding-inline:9px;font-size:11px}.search{width:100%;padding:10px 12px}.search input{width:100%}.catalog-grid,.catalog-grid:has(.machine-card:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.catalog-grid:has(.machine-card:nth-child(3)) .asset-card,.catalog-grid:has(.machine-card:nth-child(3)) .machine-card{grid-column:span 1}.catalog-grid:has(.machine-card:nth-child(3)) .machine-card:first-child{grid-column:span 2}.asset-thumb{height:170px}.machine-card .asset-thumb{height:190px}.machine-card:first-child .asset-thumb{height:250px}.card-body{padding:15px 13px}.card-body p{font-size:10px}.card-body h3{font-size:14px}.card-category{font-size:7px}.card-bottom{margin-top:16px;font-size:8px}.card-index{font-size:8px;left:12px}.card-3d{font-size:8px}.catalog-tip{font-size:9px;margin-top:25px}.process-section{padding:45px 0}.process-heading p{font-size:11px}.process-grid{grid-template-columns:1fr;margin-top:30px;gap:22px}.process-grid article,.process-grid article:first-child,.process-grid article:last-child{border:0;border-top:1px solid #2d3643;padding:23px 0 0}.process-grid h3{font-size:19px;margin:8px 0}.process-grid p{max-width:100%;font-size:12px}.footer{flex-wrap:wrap;gap:10px;padding-block:25px}.footer>p{display:none}.footer>a:last-child{font-size:9px}.inspector{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:7px}.inspector-layout{grid-template-columns:1fr;min-height:0}.model-stage{min-height:380px;height:48dvh;max-height:480px}.viewport{inset:22px 0 58px}.model-info{border-left:0;border-top:1px solid #2e3847;padding:24px;display:block}.model-info h2{font-size:27px}.model-description{max-width:520px}.control-section{margin-top:21px}.animation-controls{margin-top:17px}.model-facts{margin-top:22px}.model-detail{display:none}.model-navigation{margin-top:15px}.inspector-footer>span:last-child{display:none}.camera-presets{bottom:36px}.camera-presets button{font-size:10px;padding:7px 12px}.stage-hint{bottom:12px;font-size:8px;gap:14px}.stage-label{inset:15px 17px auto;font-size:8px}.inspector-header{height:46px}.inspector-footer{font-size:7px;padding:10px 20px}.filter>span{margin-left:3px;padding:1px 4px}.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;animation-iteration-count:1!important}}

/* Identity colors sampled from the actual dimensional guide textures. */
.brand img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.brand-dot{color:var(--violet)}
h1 span{background:linear-gradient(105deg,#52d9db 8%,#8fd7ed 48%,#c6a5ff 97%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-glow{background:radial-gradient(ellipse at 32% 58%,#11a9a92e,transparent 65%),radial-gradient(ellipse at 70% 40%,#9366de38,transparent 68%)}
.orbit-one{border-color:#52d9db35}.orbit-two{border-color:#9366de3b}.hero-three{color:#a9a1ed}.coordinate{color:#687aa4}
.primary-button{background:#52d9db;color:#0e2530}.primary-button:hover{background:#96f8fa}
.principles{background:#111b2b}.principles b{color:#b294eb}.principles-end{color:#8b85ac}
.filter.active{background:#15383f;border-color:#2f7f89;color:#96f8fa}.filter>span{background:#25535c;color:#b4f5f6}
.filter[data-category=guia].active{background:#34244e;border-color:#7653a9;color:#c6a5ff}
.asset-thumb,.machine-card .asset-thumb{background:radial-gradient(ellipse at 30% 85%,#11a9a91c,transparent 65%),radial-gradient(ellipse at 80% 18%,#9366de14,transparent 60%),#121c2a}
.asset-card:hover{border-color:#52d9db80;background:#22262e}.asset-card:hover .card-body{background:#22262e}.asset-card[data-open=guide_book]:hover{border-color:#9366de}.asset-card[data-open=guide_book] .card-category{color:#b29adf}
.card-3d{border-color:#5472a077;color:#8fb9cf;background:#122537b8}.card-category{color:#6fb9c9}.card-bottom .card-arrow{color:#a5a0e8}
.model-stage{background:radial-gradient(ellipse at 30% 50%,#14738522,transparent 64%),radial-gradient(ellipse at 85% 30%,#9366de19,transparent 65%),linear-gradient(#111d2c,#101828)}
.model-stage:before{background-image:linear-gradient(#829bd308 1px,transparent 1px),linear-gradient(90deg,#829bd308 1px,transparent 1px)}
.model-info{background:#151f30}.segmented button[aria-pressed=true]{background:#244654;color:#96f8fa}.segmented button[data-state=active][aria-pressed=true]{background:#40305c;color:#c6a5ff}
.icon-button:hover,.icon-button[aria-pressed=true]{background:#293755;border-color:#9366de;color:#c6a5ff}.secondary-button:hover{background:#22394c}
.camera-presets{background:#17273de8;border-color:#3d5478}.camera-presets button{border-color:#3d5478;color:#b2c9e2}.camera-presets button:hover{background:#343759;color:#c6a5ff}
select{background:#1a2a40;border-color:#3b557a;color:#c5d6ed}.inspector[data-kind=book] .model-info>.eyebrow{color:#c6a5ff}
.process-section{background:linear-gradient(120deg,#141e30,#171d32)}.step-number{color:#b59be8}.footer-brand{display:inline-flex;align-items:center;gap:7px}.footer-brand img{width:25px;height:25px}
@media(max-width:760px){.brand img{width:35px;height:35px}}

/* Centered square orbital frames. */
.hero-orbit{left:50%;top:50%;width:60%;height:auto;aspect-ratio:1;border-radius:0;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.hero-orbit.orbit-two{width:60%;height:auto;transform:translate(-50%,-50%) rotate(15deg)}
.hero-orbit{color:#52d9db;border-color:#52d9db45}
.hero-orbit.orbit-two{color:#a17be3;border-color:#9366de50}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;width:5px;height:5px;background:currentColor;box-shadow:0 0 9px currentColor;transform:translate(-50%,-50%);animation:square-orbit-particle 18s linear infinite}
.hero-orbit::before{animation-duration:10s;animation-delay:-4s}
.hero-orbit.orbit-two::after{animation-delay:-7s;animation-direction:reverse}
.hero-orbit.orbit-two::before{animation-delay:-2s;animation-direction:reverse}
@keyframes square-orbit-particle{0%,100%{left:0;top:0}25%{left:100%;top:0}50%{left:100%;top:100%}75%{left:0;top:100%}}
@media(prefers-reduced-motion:reduce){.hero-orbit::before,.hero-orbit::after{animation:none;left:100%;top:0}.hero-orbit::before{left:0;top:100%}.hero-orbit.orbit-two::after{left:0;top:100%}.hero-orbit.orbit-two::before{left:100%;top:0}}


.principles-inner{align-items:center}
.principles-downloads{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding-left:25px;border-left:1px solid #343e53;white-space:nowrap;font-size:11px;color:#aab7c9}
.principles-downloads svg{color:#52d9db;flex-shrink:0}.principles-downloads strong{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#dfeaf5}
@media(max-width:760px){.principles-inner{flex-wrap:wrap;row-gap:14px}.principles-downloads{justify-content:center;width:100%;margin-left:0;border-left:0;border-top:1px solid #303a4e;padding:12px 0 0;font-size:10px}.principles-downloads strong{font-size:13px}}

.principles-downloads{cursor:pointer;transition:color .2s}.principles-downloads:hover{color:#7de3e5}.principles-downloads:hover strong{color:#7de3e5}.principles-downloads:focus-visible{outline:2px solid #52d9db;outline-offset:6px;border-radius:2px}

.brand .brand-lockup{width:188px;height:42px;object-fit:contain}@media(max-width:760px){.brand .brand-lockup{width:164px;height:auto}}

/* The site lockup has an icon tile; exported artwork stays transparent. */
.brand{position:relative;isolation:isolate}.brand::before{content:"";position:absolute;left:0;top:0;width:22.340426%;height:100%;border-radius:9px;background:#151923;z-index:-1;pointer-events:none}
.footer-brand img{background:#151923;border-radius:6px}

.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 20px;margin-top:29px}.hero-actions .primary-button{margin-top:0}.hero-actions .guide-link-hero{margin-left:0;white-space:nowrap}.hero-actions .download-hero-link{display:inline-flex;align-items:center;margin-top:0;white-space:nowrap}

.tank-fluid-title{font-size:11px;color:var(--ink);margin-bottom:12px}.tank-chamber+.tank-chamber{margin-top:12px}.tank-chamber label{display:block;margin-bottom:6px}

@media(min-width:761px){.inspector:has(#tank-fluid-section:not([hidden])) .model-info{max-height:min(620px,calc(100dvh - 150px));overflow-y:auto}}

.catalog-grid .asset-card[data-open=dimensional_flux_miner],.catalog-grid:has(.machine-card:nth-child(3)) .asset-card[data-open=dimensional_flux_miner]{grid-column:span 2}@media(min-width:1051px){.catalog-grid:has(.machine-card:nth-child(3)) .asset-card[data-open=dimensional_flux_miner]{grid-column:span 8}}

.catalog-grid .asset-card[data-open=dimensional_flux_miner] .asset-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}

.catalog-grid .asset-card[data-open=dimensional_flux_miner] .asset-thumb img{transform:translateY(40px) scale(1.65)}.catalog-grid .asset-card[data-open=dimensional_flux_miner]:hover .asset-thumb img{transform:translateY(36px) scale(1.7)}

.tank-code-fields{display:flex;gap:12px}.tank-code-button{width:42px;height:42px;padding:0;border:2px solid #ffffff40;border-radius:4px;box-shadow:inset 0 0 0 2px #0002;transition:border-color .15s,transform .15s}.tank-code-button:hover,.tank-code-button[aria-expanded=true]{border-color:#cdeaf0;transform:translateY(-2px)}.tank-code-palette{position:fixed;z-index:50;display:grid;grid-template-columns:repeat(4,30px);gap:9px;padding:13px;background:#151d2b;border:1px solid #536079;border-radius:7px;box-shadow:0 12px 35px #0008}.tank-code-palette button{width:30px;height:30px;padding:0;border:2px solid #ffffff30;border-radius:3px;box-shadow:inset 0 0 0 1px #0002}.tank-code-palette button:hover{border-color:#fff;transform:scale(1.08)}.tank-code-palette button[aria-checked=true]{outline:2px solid #52d9db;outline-offset:2px}.tank-code-palette button:focus-visible{outline:2px solid #fff;outline-offset:2px}