:root{color-scheme:dark;--bg:#191a18;--surface:#22231f;--ink:#f1f0e9;--muted:#a3a69a;--accent:#d1e8a7;--line:#3c3e35;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}button[hidden],[hidden]{display:none!important}.header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#191a18f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:13px;font-size:18px;line-height:1.05;letter-spacing:-.5px}.brand b{font-weight:700}.mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:rotate(-9deg)}.mark i{background:var(--accent)}.mark i:nth-child(3),.mark i:nth-child(7){opacity:0}.mark i:nth-child(2){opacity:.45}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{color:#c9ccc1;transition:color .2s}nav a:hover{color:var(--accent)}nav .login{border-left:1px solid var(--line);padding-left:28px;color:var(--ink)}nav .login span{margin-left:14px}.menu-toggle{display:none}.hero{min-height:730px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 5% 0;overflow:hidden;background:#1c1c1b}.hero-copy{z-index:2;padding:30px 0 70px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.7;color:var(--muted);margin:0 0 30px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:100%;margin-right:8px;box-shadow:0 0 18px #d1e8a760}h1{font-size:clamp(48px,6.3vw,100px);line-height:.99;letter-spacing:-5px;font-weight:500;margin:0 0 32px;white-space:nowrap}em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-4px}p{line-height:1.6}.intro{font-size:17px;color:#b1b3aa;margin:0 0 36px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 21px;border:1px solid transparent;font-size:12px;font-weight:600;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#1b2115}.primary:hover{background:#e2f3c6}.outline{background:transparent;border-color:#666c5c}.outline:hover{background:#292d24}.text-link{font-size:12px;padding:10px 0;border-bottom:1px solid #616751}.text-link span{margin-left:12px}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0}.hero-art>img{width:112%;max-width:none;margin-left:-5%;object-fit:contain;mix-blend-mode:lighten;filter:contrast(1.03);transform:scale(1.08)}.image-index{position:absolute;top:10px;right:0;font:9px monospace;letter-spacing:2px;color:#777e6c}.corner{position:absolute;width:23px;height:23px;opacity:.45}.corner.top{top:50px;right:0;border-top:1px solid var(--muted);border-right:1px solid var(--muted)}.corner.bottom{bottom:50px;left:40px;border-bottom:1px solid var(--muted);border-left:1px solid var(--muted)}.inspect{position:absolute;right:2%;bottom:15%;background:#252722d9;border:1px solid #6a705a;color:var(--accent);border-radius:50%;width:42px;height:42px;font-size:24px}.inspect span{position:absolute;right:52px;white-space:nowrap;top:13px;font-size:10px;color:var(--ink)}.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;position:relative;z-index:2}.hero-foot>span{font:9px monospace;letter-spacing:1.6px;color:var(--muted)}.hero-foot p{font-size:11px;margin:0;color:var(--muted);margin-right:auto;margin-left:90px}.hero-foot a{font-size:22px}.section{padding:100px 5%;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}h2{font-size:clamp(32px,3.6vw,58px);line-height:1.07;font-weight:400;letter-spacing:-2px;margin:0}.section-intro{max-width:370px;font-size:14px;color:var(--muted);margin:0;line-height:1.8}.filters{display:flex;gap:8px;align-items:center;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:20px}.filters button{border:1px solid transparent;padding:10px 15px;background:transparent;color:var(--muted);border-radius:3px;font-size:12px}.filters .active{border-color:#707962;color:var(--accent);background:#272d20}.filters small{margin-left:10px;font:9px monospace}.filters>span{margin-left:auto;font:10px monospace;color:var(--muted)}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 22px}.project{text-align:left;background:none;border:0;padding:0;min-width:0}.project.large{grid-row:span 2}.project-image{background:#1e1f1c;position:relative;aspect-ratio:1.2;overflow:hidden}.project.large .project-image{height:calc(100% - 64px);aspect-ratio:auto;min-height:420px}.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s;mix-blend-mode:lighten}.project:hover img{transform:scale(1.05)}.project-arrow{position:absolute;right:15px;top:15px;border:1px solid #5d6255;width:30px;height:30px;display:grid;place-items:center;border-radius:100%;font-size:16px}.project-number{position:absolute;left:16px;bottom:16px;font:9px monospace;color:#b2b7a7}.project-info{padding-top:17px;height:64px}.project h3{font-weight:400;font-size:15px;margin:0 0 7px}.project-info>span{font-size:10px;color:var(--muted)}.services{background:#20221d}.service-list details{border-top:1px solid #44483b}.service-list details:last-child{border-bottom:1px solid #44483b}.service-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;padding:28px 0;gap:35px}.service-list summary::-webkit-details-marker{display:none}.number{font:10px monospace;color:var(--accent)}.service-list h3{font-size:27px;font-weight:400;letter-spacing:-.5px;margin:0}.expand{margin-left:auto;font-size:26px;font-weight:300;color:var(--accent)}details[open] .expand{transform:rotate(45deg)}.service-body{margin-left:50px;max-width:600px;padding:0 0 28px;color:#b9beae;font-size:14px}.service-body p{margin:0 0 20px}.service-body .tags{font:9px monospace;letter-spacing:1px;color:var(--accent);margin-bottom:0}.process{background:#e6e7dc;color:#25291f}.process .eyebrow,.process .section-intro{color:#69705f}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;border-top:1px solid #bfc4b4;padding-top:38px}.steps span{font:9px monospace;color:#626b55;letter-spacing:1px}.steps h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:26px 0 13px}.steps p{font-size:13px;color:#626858;margin:0}.platform{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.platform-copy h2{margin-bottom:25px}.platform-copy>.section-intro{margin-bottom:30px}.platform-note{font-size:10px;line-height:2;color:var(--muted);margin-top:22px}.platform-note a{color:var(--ink);border-bottom:1px solid var(--muted)}.platform-preview{border:1px solid #464b3c;transform:perspective(1000px) rotateY(-5deg);box-shadow:20px 30px 60px #0005;border-radius:7px;overflow:hidden;background:#1b1c19}.preview-top{height:45px;border-bottom:1px solid #363a30;display:flex;align-items:center;gap:10px;padding:0 15px;font-size:10px}.mini-mark{color:var(--accent);font-size:20px}.preview-badge{margin-left:auto;font:7px monospace;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:105px 1fr;min-height:300px}.preview-grid aside{padding:20px 10px;border-right:1px solid #363a30;display:flex;flex-direction:column;gap:20px;font-size:8px;color:var(--muted)}.preview-grid aside b{font-size:13px;color:var(--ink)}.preview-grid aside .selected{color:var(--accent)}.preview-grid small{float:right}.indent{margin-left:10px}.preview-grid>div{padding:20px}.preview-title{font-size:13px;margin-bottom:20px}.preview-title span{float:right}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-cards img{width:100%;aspect-ratio:1.1;object-fit:contain;background:#242620;border-radius:2px}.preview-caption{display:block;padding:12px 15px;font-size:8px;color:var(--muted);border-top:1px solid #363a30}.contact{border-top:1px solid var(--line);padding-bottom:70px}.contact h2{font-size:clamp(50px,6vw,95px);letter-spacing:-4px}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:45px}.contact-bottom p{font-size:13px;color:var(--muted)}.contact-bottom>a{font-size:30px;border-bottom:1px solid var(--accent);padding-bottom:12px;width:32%;display:flex;justify-content:space-between}.contact-bottom>a span{color:var(--accent)}footer{margin:0 5%;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer-brand{font-size:20px;color:var(--ink);font-weight:600;letter-spacing:-.8px}footer small{font-size:9px}dialog{border:1px solid #525747;background:var(--bg);color:var(--ink);padding:0;border-radius:5px;max-width:calc(100vw - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:#070a06dc;backdrop-filter:blur(7px)}.close{position:absolute;right:15px;top:15px;z-index:3;border:1px solid #5f6555;border-radius:100%;background:#191a18;width:36px;height:36px;font-size:22px}.close:hover{background:#3a4030}#project-dialog[open]{display:grid;grid-template-columns:1.2fr 1fr;width:1000px}.detail-image{position:relative;background:#1c1c1b;min-height:450px;display:grid;place-items:center}.detail-image>img{width:100%;height:100%;max-height:650px;object-fit:contain}.detail-copy{padding:80px 40px 50px;display:flex;flex-direction:column;gap:26px;align-items:flex-start}.detail-copy p{margin:0;color:var(--muted);font-size:14px}.detail-copy .eyebrow{font-size:9px}.detail-copy h2{font-size:38px}.detail-copy .model-help{font-size:10px}#model-stage{position:absolute;inset:0}#model-stage canvas{width:100%;height:100%;display:block;touch-action:none}#model-status{position:absolute;bottom:12px;left:15px;right:15px;font-size:11px;color:var(--accent);pointer-events:none}#download-dialog{padding:55px;width:580px}#download-dialog h2{margin-bottom:30px}#download-dialog>p{font-size:13px;color:var(--muted)}.download-row{margin:25px 0;padding:22px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;font-size:15px;line-height:1.8}.download-row small{font-size:10px;color:var(--muted)}.download-note{margin-bottom:30px}
@media(min-width:1600px){.section,.hero,.header{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.hero{min-height:820px}}
@media(max-width:1000px){nav{gap:18px}h1{letter-spacing:-3px}.hero{min-height:650px}.hero-art>img{width:125%;margin-left:-15%}.platform{gap:30px}.platform .actions{gap:12px}.platform-preview{transform:none}.portfolio{grid-template-columns:repeat(2,1fr)}.project.large{grid-row:auto;grid-column:span 2}.project.large .project-image{height:350px;min-height:0}.steps{gap:20px}.hero-foot p{margin-left:35px}}
@media(max-width:700px){html{scroll-padding-top:80px}.header{height:80px}.menu-toggle{display:flex;gap:20px;align-items:center;background:none;border:0;font-size:12px;padding:12px}.menu-toggle span{font-size:24px}nav{display:none;position:absolute;top:80px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#191a18;padding:15px 5%;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:15px 0}nav .login{border:0;padding-left:0}.hero{padding-top:35px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:0;z-index:2}h1{font-size:clamp(44px,10vw,68px);white-space:normal;letter-spacing:-2.5px;margin-bottom:25px}em{letter-spacing:-2px}.eyebrow{font-size:9px;margin-bottom:23px}.intro{font-size:14px}.hero-art{height:350px;margin-top:20px}.hero-art>img{height:100%;width:100%;margin:0;transform:none}.image-index{top:0}.corner.top{top:20px}.corner.bottom{bottom:30px;left:0}.inspect{bottom:20%}.hero-foot p{margin-left:25px;font-size:9px}.hero-foot>span{font-size:8px}.hero-foot{padding:20px 0}.section{padding-top:65px;padding-bottom:65px}.section-top{display:block;margin-bottom:32px}.section-top .section-intro,.section-top>.text-link{margin-top:25px;display:inline-block}.section-intro{font-size:13px}h2{letter-spacing:-1.2px}.portfolio{gap:28px 12px}.project.large .project-image{height:300px}.project-image{aspect-ratio:.85}.project h3{font-size:13px}.project-info>span{font-size:9px}.project-arrow{right:10px;top:10px;width:25px;height:25px}.project-number{left:10px;bottom:10px;font-size:8px}.filters{gap:0}.filters button{font-size:10px;padding:9px 10px}.filters>span{font-size:9px}.service-list h3{font-size:20px}.service-list summary{gap:20px}.service-body{margin-left:34px;font-size:13px}.service-body .tags{font-size:8px;line-height:1.8}.steps{grid-template-columns:1fr 1fr;gap:35px 25px}.steps h3{font-size:16px;margin-top:20px}.steps p{font-size:12px}.platform{grid-template-columns:1fr;gap:40px}.platform-preview{max-width:100%}.contact-bottom{display:block}.contact-bottom>a{width:100%;margin-top:30px;font-size:27px}.contact h2{font-size:51px;letter-spacing:-2px}footer{flex-wrap:wrap;align-items:flex-start;padding:25px 0;font-size:9px}footer>*{width:45%}.footer-brand{font-size:18px}#project-dialog[open]{grid-template-columns:1fr}.detail-image{min-height:260px;height:300px}.detail-copy{padding:30px;gap:20px}.detail-copy h2{font-size:30px}#download-dialog{padding:50px 25px 30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.nav-download{background:none;border:0;color:var(--accent);padding:10px 0;font-size:12px}.nav-download:hover{color:#fff}@media(max-width:700px){.nav-download{text-align:left;padding:15px 0}}

.hero-render{position:absolute;inset:0;pointer-events:none;opacity:0}.hero-render canvas{display:block;width:100%;height:100%}.hero-art.hero-ready>.hero-render{opacity:1}.hero-art>img{transition:none;mix-blend-mode:normal;filter:none}.hero-art.hero-ready>img{opacity:0}.hero-motion{position:absolute;bottom:16px;left:20px;z-index:2;border:0;background:transparent;color:var(--muted);font:inherit;font-size:10px;padding:8px;cursor:pointer}.hero-motion:hover{color:var(--accent)}.hero-motion[hidden]{display:none}@media(prefers-reduced-motion:reduce){.hero-render,.hero-art>img{transition:none}}

.hero-art>img{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;object-fit:contain}.hero-render canvas{object-fit:contain}#hero-poster-export{position:absolute;bottom:0;left:20px;z-index:5}

.hero-art a.inspect{display:grid;place-items:center}

/* Approved hero CTA, variant 2. Shared existing type and sage palette. */
.hero-actions{width:420px;max-width:100%;display:grid;gap:20px}
.hero-demo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 26px;min-height:74px;background:var(--accent);color:#1b2115;border-radius:3px;transition:background .2s}
.hero-demo:hover{background:#e2f3c6}
.hero-demo span,.platform-download span{display:flex;flex-direction:column;gap:5px}
.hero-demo strong{font-size:21px;line-height:1.2}.hero-demo small{font-size:15px;line-height:1.3}
.hero-demo>img{width:23px;height:23px;flex-shrink:0}
.hero-downloads{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.platform-download{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 15px;min-height:58px;background:#242522;border:1px solid #2e302a;border-radius:4px;color:var(--ink);transition:background .2s}
.platform-download:not(:disabled):hover{background:#30332b}
.platform-download strong{font-size:15px;line-height:1.2;white-space:nowrap}.platform-download small{font-size:13px;line-height:1.3;white-space:nowrap;color:#c0c2b9}
.platform-download img{filter:invert(1);flex-shrink:0}.platform-icon{width:23px;height:23px}.download-icon{width:19px;height:19px;margin-left:auto}
.platform-download:disabled{opacity:.48;cursor:default}
@media(max-width:420px){.hero-downloads{gap:12px}.platform-download{padding:12px 10px;gap:9px}.platform-download strong{font-size:14px}.platform-download small{font-size:12px}.platform-icon{width:20px;height:20px}.download-icon{width:16px;height:16px}.hero-demo{padding:15px 20px}.hero-demo strong{font-size:20px}}

.hero-copy{min-width:0}.hero-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-download{min-width:0}