:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#0d1418;color:#edf2e9;color-scheme:dark;--paper:#edf2e9;--dim:#85969a;--border:#27343a;--lime:#b9dc89}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -5%,#233b3c80,transparent 50%),#0d1418;min-height:100vh}
button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.shell{max-width:1630px;margin:auto;padding:0 clamp(18px,4vw,62px)}.topbar{height:100px;border-bottom:1px solid #26373a;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:16px}.brandMark{font-size:32px;font-weight:950;letter-spacing:-.12em;line-height:1}.b-dot{color:#b9dc89}.brandName{font-size:17px;font-weight:900;letter-spacing:.11em}.brandSub{font-weight:500;color:#9aaeaf}.brandCaption{font-size:11px;margin-top:5px;letter-spacing:.025em;color:#738689}.top-actions{display:flex;align-items:center;gap:25px}.signal,.backlink{font-size:12px;color:#a8b9b8}.lamp,.pulse{display:inline-block;background:#b9dc89;width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px #b9dc89a0;margin-right:8px}.backlink:hover{color:#fff}
main{padding-bottom:95px}.heading{padding:67px 0 47px}.eyebrow,.tiny-number{font-size:10px;font-weight:800;letter-spacing:.22em;color:#a9c0b6}.number{color:#c9df93;margin-right:20px}h1{margin:22px 0 19px;max-width:1000px;font-size:clamp(37px,5.1vw,77px);font-weight:680;line-height:1.04;letter-spacing:-.056em}h1 em{font-weight:400;font-style:normal;color:#b5d99a}.heading p{max-width:710px;margin:0;color:#9badae;font-size:14px;line-height:1.75}
.workbench{border:1px solid #334448;background:#111c20;border-radius:13px;overflow:hidden;box-shadow:0 28px 95px #0005}.viewer-top{height:63px;padding:0 17px 0 18px;border-bottom:1px solid #2a3e42;display:flex;align-items:center;justify-content:space-between;gap:15px}
.viewer-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.viewer-tabs::-webkit-scrollbar{display:none}.tab{background:transparent;border:1px solid transparent;color:#91a8ab;padding:11px 16px;border-radius:8px;font-size:12px;font-weight:650;white-space:nowrap}.tab:hover{background:#263a3e;color:#eef}.tab.active{color:#e9f3e6;background:#2b3f40;border-color:#445c57}.tab-num{font-size:10px;color:#b9dd96;margin-right:8px}.swatch{display:inline-block;height:8px;width:8px;border-radius:2px;background:#bbad8e;margin-right:7px}.swatch.gym{background:#85b6bb}.viewer-status{font-size:11px;white-space:nowrap;color:#aebcb9}
.canvas-wrap{height:clamp(400px,51vw,660px);background:radial-gradient(ellipse at 50% 60%,#38535b 0,#192930 62%,#101b21 100%);position:relative;overflow:hidden;touch-action:none}
.fallback-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;filter:brightness(.79)}body[data-models="ready"] .fallback-art{display:none}#viewport{display:block;position:absolute;inset:0;width:100%;height:100%;outline:0;touch-action:none;z-index:1}.canvas-overlay{pointer-events:none;position:absolute;z-index:2;inset:0;padding:24px;display:flex;justify-content:space-between;align-items:flex-start}.viewport-label,.help{font-size:10px;color:#d2dfd7;letter-spacing:.13em;font-weight:760}.viewport-label span{color:#7faba8}.help{align-self:flex-end;color:#88a2a1}.help span{color:#e6ece5}
.object-tags{position:absolute;z-index:2;bottom:38px;left:0;right:0;display:flex;justify-content:space-around;pointer-events:none}.model-chip{font-size:10px;letter-spacing:.12em;font-weight:750;color:#f5f5dd;padding:9px 15px;background:#101a1ccf;border:1px solid #526252;border-radius:4px}.gym-chip{border-color:#5b8086}
.error{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;padding:25px;background:#4c2727;color:#fff;border:1px solid #bd7171;border-radius:8px;text-align:center}.error[hidden]{display:none}
.toolbar{min-height:66px;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;gap:10px;border-top:1px solid #293d40}.controls{display:flex;align-items:center;gap:9px}.controls button{background:#1e3135;border:1px solid #395258;border-radius:7px;color:#d7e3da;padding:10px 13px;min-height:38px;font-size:12px;font-weight:700}.controls button:hover,.controls button[aria-pressed=true]{border-color:#afcf8e;background:#344f4a}.controls button:first-child{padding:10px 16px}.model-data{color:#869d9a;font-size:10px;text-transform:uppercase;letter-spacing:.10em}.divider{padding:0 12px;color:#53666a}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.feature-card{padding:30px 31px 25px;background:linear-gradient(115deg,#1d2b29,#172427);border:1px solid #2e4642;border-radius:10px}.feature-card.athletic{background:linear-gradient(115deg,#1a2a31,#15232a);border-color:#304852}.feature-head{display:flex;align-items:center;justify-content:space-between}.pill{border:1px solid #4c675d;border-radius:30px;padding:6px 10px;font-weight:800;font-size:9px;letter-spacing:.11em;color:#b8d9bc}.athletic .pill{border-color:#527180;color:#acd8db}.feature-card h2{font-weight:690;letter-spacing:-.045em;font-size:clamp(26px,3.1vw,40px);margin:25px 0 9px}.feature-card h2 span{font-size:12px;color:#96adab;font-weight:700;letter-spacing:.12em;margin-left:8px}.feature-card p{color:#a2b6b1;font-size:13px;line-height:1.75;max-width:490px;min-height:54px}.features{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.features span{font-size:9px;color:#b8c9bd;border:1px solid #3d5650;border-radius:4px;padding:7px 9px;letter-spacing:.09em;font-weight:720}.inline-btn{display:flex;align-items:center;gap:10px;justify-content:space-between;background:transparent;border:none;border-top:1px solid #34504b;padding:17px 0 0;width:100%;color:#e4ecd9;text-align:left;font-size:12px;font-weight:750}.inline-btn span{font-size:19px;color:#b7d993}.inline-btn:hover{color:#b9dc89}
.render-section{padding-top:78px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-head h2{font-size:36px;letter-spacing:-.04em;margin:12px 0 0}.section-head p{font-size:12px;color:#a5b5b3;margin:0 0 7px}.render-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.render-grid a{background:#213239;border:1px solid #33464a;border-radius:8px;overflow:hidden;transition:border .2s}.render-grid a:hover{border-color:#b9dc89}.render-grid img{width:100%;height:280px;display:block;object-fit:cover}.render-grid a>span{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;color:#dae4de;font-weight:730;font-size:11px;letter-spacing:.13em}.render-grid b{font-size:16px;color:#c1d999}
footer{border-top:1px solid #2c3c3b;padding:28px 0 36px;color:#92a4a0;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.035em}.muted{color:#647a7c}
@media(max-width:800px){.topbar{height:80px}.brandMark{font-size:25px}.brandName{font-size:14px}.brandCaption{font-size:10px}.signal{display:none}.heading{padding:45px 0 29px}.canvas-wrap{height:440px}.viewer-top{height:auto;min-height:65px;flex-wrap:wrap;padding:10px}.viewer-status{padding:0 8px 4px}.toolbar{flex-wrap:wrap}.model-data{padding-bottom:4px}.feature-grid{grid-template-columns:1fr}.render-grid img{height:220px}.section-head{align-items:start;flex-direction:column;gap:9px}.section-head h2{font-size:29px}.section-head p{margin:0}}
@media(max-width:500px){.shell{padding:0 13px}.brandCaption{display:none}.backlink{font-size:10px}.topbar{gap:8px}.top-actions{gap:3px}.tab{padding:10px;font-size:11px}.canvas-wrap{height:435px}.viewport-label{font-size:9px}.canvas-overlay{padding:13px}.help{font-size:8px}.viewer-status{font-size:10px}.object-tags{bottom:34px}.model-chip{font-size:8px;padding:7px}.feature-card{padding:22px}.render-grid{grid-template-columns:1fr}.render-grid img{height:240px}.auto-control span{display:none}.toolbar{padding:12px}.controls{gap:5px}.controls button{padding:8px 10px}footer{flex-direction:column}.heading p{font-size:13px}}