*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}
body{background:#0b0f14;color:#e8edf2;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.top{max-width:1180px;margin:0 auto;padding:16px 24px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.02em}
.brand img{border-radius:5px}
main{max-width:1180px;margin:0 auto;padding:0 24px}
.hero{text-align:center;padding:8px 0 24px}
h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;margin:.2em 0 .3em;letter-spacing:-.02em;font-weight:800}
.viewer{position:relative;height:min(58vh,560px);min-height:300px;border-radius:20px;overflow:hidden;
 background:radial-gradient(ellipse at 50% 40%,#1c2633 0%,#0f151d 60%,#0b0f14 100%);border:1px solid #1d2733;touch-action:none}
.viewer canvas{display:block;width:100%!important;height:100%!important;cursor:grab}
.viewer canvas:active{cursor:grabbing}
.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#9fb0c2;font-size:.95rem}
.loading.err{color:#ffb4a0}
.spin{width:22px;height:22px;border:3px solid #2a3746;border-top-color:#ff6a2b;border-radius:50%;animation:s 1s linear infinite}
@keyframes s{to{transform:rotate(360deg)}}
.hint{position:absolute;left:0;right:0;bottom:10px;margin:0;font-size:.8rem;color:#7d8da0;pointer-events:none}
.tagline{max-width:720px;margin:20px auto 0;font-size:clamp(1rem,2.2vw,1.2rem);color:#b9c6d4}
.tagline strong{color:#fff}
.facts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}
.facts div{background:#111821;border:1px solid #1d2733;border-radius:14px;padding:16px;text-align:center}
.facts b{display:block;font-size:1.8rem;color:#ff6a2b}
.facts span{font-size:.85rem;color:#9fb0c2}
.renders h2{font-size:1.3rem;margin:32px 0 14px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
figure{margin:0;background:#fff;border-radius:14px;overflow:hidden}
figure img{display:block;width:100%;height:auto}
figcaption{background:#111821;color:#9fb0c2;font-size:.85rem;padding:8px 12px}
footer{text-align:center;color:#6c7b8c;font-size:.85rem;padding:40px 24px}
@media(max-width:700px){.facts{grid-template-columns:repeat(2,1fr)}.facts div:last-child{grid-column:span 2}.grid{grid-template-columns:1fr}.viewer{height:52vh}main,.top{padding-left:16px;padding-right:16px}}
.hero-render{max-width:900px;margin:0 auto;background:#e6e7e8}
.eyebrow{margin:6px 0 0;font-size:.85rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ff6a2b}
/* How it works */
.hiw{margin:40px 0 8px}
.hiw h2{font-size:clamp(1.5rem,3.2vw,2.2rem);text-align:center;margin:0 0 16px;letter-spacing:-.01em}
.hiw-viewer{position:relative;height:min(78vh,680px);min-height:420px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f6f7f8 0%,#e3e6ea 70%,#d7dbe0 100%);touch-action:pan-y}
.hiw-viewer canvas{display:block;width:100%!important;height:100%!important;cursor:grab;touch-action:none}
.hiw-viewer canvas:active{cursor:grabbing}
.hiw-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#55606d;font-size:.95rem}
.hiw-hint{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;font-size:.8rem;color:#6b7684;pointer-events:none}
.hiw-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hiw-fallback[hidden]{display:none}
.hiw-fallback img{max-width:100%;max-height:100%;object-fit:contain}
.hiw-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;list-style:none;margin:16px 0 0;padding:0;color:#c9d4df;font-size:.95rem}
.hiw-legend li{display:flex;align-items:center;gap:8px}
.hiw-legend .sw{width:14px;height:14px;border-radius:4px;display:inline-block}
.hiw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 0}
.hiw-card{background:#111821;border:1px solid #1d2733;border-radius:14px;padding:16px 18px}
.hiw-card b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ff6a2b;color:#fff;font-size:.85rem}
.hiw-card h3{margin:10px 0 4px;font-size:1.05rem}
.hiw-card p{margin:0;color:#9fb0c2;font-size:.92rem}
@media(max-width:700px){.hiw-cards{grid-template-columns:1fr}.hiw-viewer{height:70vh;min-height:380px}}