@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b1011;--ink:#e9ede7;--muted:#a1aaa5;--accent:#c3d5b9;--line:#26302b;--mono:"Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:48px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:500;letter-spacing:2px}nav{display:flex;gap:32px;font-size:12px}nav span{margin-left:12px}.hero{position:relative;min-height:calc(100svh - 92px);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-block:64px 90px;gap:12px}.hero-copy{position:relative;z-index:1}.eyebrow{font:9px var(--mono);letter-spacing:2.2px;color:var(--accent);margin:0 0 32px}h1{font-size:clamp(54px,6.1vw,88px);font-weight:400;line-height:1.07;letter-spacing:-4px;margin:0 0 32px}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent)}.intro{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 32px}.button{display:inline-flex;align-items:center;gap:48px;background:var(--accent);color:#19241c;padding:17px 23px;border-radius:3px;font-size:13px;font-weight:500;transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s}.button:hover{background:#dae5d3;color:#19241c;transform:translateY(-3px)}.button:active{transform:scale(.98)}.specimen{margin:0;position:relative;height:580px;min-width:0}canvas{width:100%;height:100%;display:block}.specimen::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#31443420,transparent 68%)}#motion{position:absolute;right:0;bottom:0;border:1px solid transparent;color:#a1aaa5;background:transparent;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:12px;transition:border-color .3s}#motion:hover,#motion:focus-visible{border-color:#59695b}.specimen figcaption{position:absolute;bottom:8px;left:12px;right:48px;display:flex;justify-content:space-between;gap:12px;color:#a1aaa5;font:9px var(--mono)}.dot{display:inline-block;width:4px;height:4px;border-radius:50%;margin-right:6px}.green{background:#98bca5}.rose{background:#bd8d90;margin-left:15px}.workflow{padding-block:100px;border-top:1px solid var(--line)}.section-heading{margin-bottom:54px}h2{font-size:clamp(36px,3.6vw,50px);line-height:1.2;letter-spacing:-1.8px;font-weight:400;margin:0}.workflow-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.research-image{margin:0;min-width:0}.research-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#080b0c;border-radius:3px}.research-image figcaption{font-size:11px;margin-top:16px;color:var(--muted)}.steps article{display:flex;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article:last-child{border-bottom:0}.step-number{font:10px var(--mono);color:var(--accent);padding-top:5px}h3{font-size:23px;font-weight:400;letter-spacing:-.3px;margin:0 0 12px}.steps p{font-size:14px;color:var(--muted);line-height:1.9;margin:0;max-width:310px}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer p{margin:0}.skip{position:fixed;top:10px;left:10px;padding:12px;background:var(--accent);color:var(--bg);transform:translateY(-200%);z-index:5}.skip:focus{transform:none}.entrance{animation:enter 1.6s cubic-bezier(.16,1,.3,1) both}.hero-copy>:nth-child(2){animation-delay:.15s}.hero-copy>:nth-child(3){animation-delay:.3s}.hero-copy>:nth-child(4){animation-delay:.45s}.specimen{animation-delay:.25s}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity 1.2s,transform 1.2s cubic-bezier(.16,1,.3,1)}.js .reveal.visible{opacity:1;transform:none}.steps article:nth-child(2){transition-delay:.12s}.steps article:nth-child(3){transition-delay:.24s}@keyframes enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{min-height:800px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{font-size:64px}.specimen{height:520px}.workflow-grid{gap:40px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:76px}.brand{font-size:18px;gap:8px}nav{gap:22px;font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:56px;padding-bottom:46px;gap:20px}h1{font-size:clamp(48px,12vw,70px);letter-spacing:-2.6px}.intro{font-size:14px}.eyebrow{margin-bottom:24px}.specimen{height:390px}.specimen figcaption{left:0;font-size:8px}.workflow{padding-block:64px}.section-heading{margin-bottom:34px}h2{font-size:36px}.workflow-grid{grid-template-columns:1fr;gap:42px}.steps article{padding-block:26px}footer{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

/* Quieter hierarchy: one primary action and fewer ornamental elements. */
.site-header{border-bottom:0;height:80px}.hero{min-height:calc(100svh - 80px)}h1{font-size:clamp(52px,5.5vw,78px)}.specimen::before{display:none}.hero-copy>:nth-child(1){animation-delay:.1s}.hero-copy>:nth-child(2){animation-delay:.25s}.hero-copy>:nth-child(3){animation-delay:.4s}.steps article{padding-block:26px}.steps article:first-child{padding-top:0}.workflow{padding-block:80px}#motion{opacity:.55}#motion:hover,#motion:focus-visible{opacity:1}
@media(max-width:1050px){h1{font-size:58px}}@media(max-width:700px){.site-header{height:70px}.hero{padding-top:40px}h1{font-size:clamp(44px,11vw,66px)}.workflow{padding-block:56px}}

.product-heading{display:flex;align-items:end;justify-content:space-between;gap:64px;margin-bottom:40px}.product-heading .eyebrow{margin-bottom:18px}.product-heading>p{font-size:14px;line-height:1.8;max-width:300px;margin:0;color:var(--muted)}.app-preview{margin:0}.app-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px}.app-preview figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-top:16px;line-height:1.6}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:55px}.capabilities p,.export-line p{color:var(--muted);font-size:14px;line-height:1.85;max-width:440px;margin:0}.capabilities article>span,.export-line>span{display:block;font-size:10px;color:var(--accent);letter-spacing:.4px;margin-top:20px}.export-line{border-top:1px solid var(--line);padding-top:32px;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:start}.export-line>span{grid-column:2;margin-top:12px}.export-line h3{margin:0}.capabilities article:nth-child(2){transition-delay:.15s}
@media(max-width:700px){.product-heading{display:block;margin-bottom:28px}.product-heading h2{font-size:32px}.product-heading>p{margin-top:20px}.app-preview figcaption{flex-direction:column;gap:4px;font-size:10px}.capabilities{grid-template-columns:1fr;gap:32px;margin-top:36px}.export-line{grid-template-columns:1fr;gap:12px}.export-line>span{grid-column:1}.app-preview{overflow-x:auto;padding-bottom:8px}.app-preview img{min-width:0}}

.segmentation{margin-top:88px}.segmentation-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:36px}.segmentation-heading h2{font-size:clamp(28px,3vw,40px)}.segmentation-heading .eyebrow{margin-bottom:18px}#segmentation-motion{border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:3px;padding:10px 14px;cursor:pointer;font-size:11px;white-space:nowrap}#segmentation-motion:hover{border-color:var(--accent);color:var(--ink)}.segmentation-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.segmentation-view{margin:0;min-width:0}.segmentation-images{position:relative;aspect-ratio:1;background:#0b1011;overflow:hidden;border:1px solid var(--line);border-radius:6px}.segmentation-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity 1.5s ease,transform 2.4s cubic-bezier(.16,1,.3,1);pointer-events:none}.segmentation-images img.active{opacity:1;transform:scale(1)}.segmentation-view figcaption{color:var(--muted);font-size:10px;margin-top:14px}.stage{position:relative;display:flex;gap:20px;text-align:left;width:100%;padding:24px 0;border:0;border-bottom:1px solid var(--line);color:var(--muted);background:transparent;cursor:pointer}.stage>span:last-child{display:block}.stage-number{font:10px var(--mono);padding-top:7px;opacity:.6}.stage strong{display:block;font-size:22px;font-weight:400;color:var(--muted);margin-bottom:12px;transition:color .5s}.stage span span{display:block;font-size:13px;line-height:1.8;max-width:340px}.stage.selected strong,.stage:hover strong{color:var(--ink)}.stage.selected .stage-number{color:var(--accent);opacity:1}.stage::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left}.segmentation.playing .stage.selected::after{animation:stage-progress 6s linear forwards}.segmentation-note{font-size:10px;line-height:1.8;color:var(--muted);margin:22px 0 0 34px}@keyframes stage-progress{to{transform:scaleX(1)}}
@media(max-width:700px){.segmentation{margin-top:56px}.segmentation-heading{align-items:start;flex-direction:column;gap:20px}.segmentation-layout{grid-template-columns:1fr;gap:18px}.stage{padding:20px 0}.stage strong{font-size:21px}.segmentation-note{margin-left:34px}.segmentation-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.segmentation.playing .stage.selected::after{animation:none}}

.model-view{aspect-ratio:1;background:#0b1011}.model-view canvas{position:absolute;inset:0;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity 1s}.model-view.ready canvas{opacity:1}.model-view.ready .model-fallback{opacity:0}.model-view canvas:active{cursor:grabbing}.model-controls{position:absolute;bottom:14px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:10px}.model-controls>div{display:flex;gap:5px}.model-controls button{border:1px solid var(--line);background:#0b1011b8;color:var(--ink);border-radius:3px;padding:6px 9px;cursor:pointer;font-size:10px}.model-controls button:hover{border-color:var(--accent)}.model-view .model-fallback{aspect-ratio:4/3;object-fit:contain}.model-view.failed canvas{display:none}.model-view.failed .model-controls>div{display:none}
@media(max-width:700px){.model-controls{left:10px;right:10px;bottom:10px;gap:8px;font-size:9px}.model-controls button{font-size:9px;padding:5px 7px}}

/* Make the live reconstruction the main product view. */
.segmentation{margin-top:0}
.segmentation-layout{grid-template-columns:1fr;gap:30px}
.model-view{aspect-ratio:auto;height:clamp(480px,62svh,740px)}
.segmentation-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;align-items:start}
.stage{height:100%;padding:20px 0 26px}
.stage span span{max-width:none}
.segmentation-note{grid-column:1/-1;margin:22px 0 0;max-width:760px}
@media(max-width:700px){
  .model-view{height:clamp(360px,60svh,580px)}
  .segmentation-layout{gap:14px}
  .segmentation-stages{grid-template-columns:1fr;gap:0}
  .stage{height:auto;padding:20px 0}
  .segmentation-note{margin-top:20px}
}

.brand img{display:block;width:32px;height:32px;flex-shrink:0}