@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;600&display=swap');
:root{color-scheme:dark;--bg:#102f35;--cream:#eee8db;--gold:#cbb78a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 60% 0,#24535b,transparent 55%),var(--bg);color:var(--cream);font:16px/1.6 'DM Sans',system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5%;border-bottom:1px solid #ffffff20}a{color:inherit;text-decoration:none}.brand{font:26px Georgia;letter-spacing:3px}.brand small{display:block;font:10px system-ui;letter-spacing:2px;margin-top:8px;color:#b5cecb}nav{display:flex;gap:22px;font-size:14px}main{max-width:1440px;padding:0 5%;margin:auto}section{margin:64px 0}.intro{max-width:1000px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--gold)}h1{font:clamp(45px,6vw,84px)/1.07 Georgia;margin:24px 0}em{font-weight:normal;color:#b7d1cb}h2{font:clamp(29px,3vw,44px)/1.15 Georgia;margin:0 0 15px}h3{font:28px/1.2 Georgia;margin:18px 0}p{color:#c0d2ce;max-width:680px}.toolbar{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:32px}label{display:flex;align-items:center;gap:12px;font-size:13px}input{accent-color:var(--gold)}button,.chip{font:inherit;color:var(--cream);border:1px solid #9bb8b855;border-radius:99px;background:#ffffff08;padding:11px 20px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;min-height:44px}button:hover,button:focus-visible{background:#cbb78a22;box-shadow:0 0 30px #cbb78a15;transform:translateY(-2px)}button:active{transform:translateY(1px) scale(.98)}button:disabled{opacity:.3;cursor:default;transform:none}.primary{background:var(--cream);color:var(--bg)}button[aria-pressed=true]{background:var(--gold);color:#102f35}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-head p{font-size:14px;max-width:450px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.model{border:1px solid #bed4cf25;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#2c575b99,transparent 70%)}.viewport{height:360px;position:relative}.viewport canvas{width:100%;height:100%;display:block}.model-info{padding:0 22px 24px}.model-info h3{font-size:24px}.model-info p{font-size:13px;min-height:42px}.model-actions{display:flex;gap:7px;flex-wrap:wrap}.model-actions button{font-size:12px;padding:8px 12px}.flow-stage{min-height:480px;position:relative;overflow:hidden;border:1px solid #ffffff25;border-radius:26px;background:radial-gradient(ellipse at 80% 60%,#386c70,#0a292f)}.flow-scene{position:absolute;inset:0;opacity:.75}.flow-copy{position:relative;padding:70px 6%;pointer-events:none}.flow-copy h2{margin-top:25px;font-size:clamp(36px,4vw,58px)}.flow-copy p{max-width:440px}.flow-copy button{pointer-events:auto}.flow-tabs{position:relative;display:flex;gap:8px;padding:0 6% 25px}.flow-stage.layered .flow-scene{filter:hue-rotate(20deg)}.flow-stage.bright .flow-scene{filter:brightness(1.6)}.interaction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.flip{perspective:1000px;min-height:390px;cursor:pointer}.flip-inner{position:relative;width:100%;height:100%;min-height:390px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.7,.2,1)}.flip.open .flip-inner{transform:rotateY(180deg)}.face,.controls-card{border:1px solid #bed4cf30;border-radius:24px;padding:28px;overflow:hidden;background:#1a4148}.face{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center}.face>*:not(.ribbon-css){position:relative}.back{transform:rotateY(180deg);background:#e9e2d3;color:#123c43}.back button{color:#123c43;border-color:#123c43}.tooth-icon{font-size:50px;color:var(--gold)}.icon-row{display:flex;gap:10px}.icon-btn{padding:12px;border-radius:18px;flex:1}.icon-btn svg{width:48px;height:48px;fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.icon-btn span{display:block;font-size:12px}.draw{stroke-dasharray:80;stroke-dashoffset:0;animation:draw 4s ease-in-out infinite}.dot{fill:var(--gold);animation:dot 2s infinite}.d2{animation-delay:.2s}.d3{animation-delay:.4s}.icon-btn:hover svg{transform:translateY(-3px);filter:drop-shadow(0 3px 6px #cbb78a77)}@keyframes draw{0%,12%{stroke-dashoffset:80}50%,100%{stroke-dashoffset:0}}@keyframes dot{50%{opacity:.2;transform:translateY(-2px)}}.controls-card p{font-size:13px}summary{cursor:pointer;padding:18px 0;border-bottom:1px solid #ffffff20;font-size:15px}.answer{position:relative;overflow:hidden;padding:8px 0;animation:reveal .4s ease}.answer p{position:relative}details{margin-bottom:12px}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ribbon-css{position:absolute;inset:-50%;pointer-events:none;background:repeating-radial-gradient(ellipse at 30% 50%,transparent 0 60px,#cbb78a60 60.7px,transparent 61.5px 100px,#8fb9b550 100.7px,transparent 101.5px 150px);transform:rotate(-18deg);animation:flow 13s ease-in-out infinite alternate;opacity:.6}@keyframes flow{to{transform:translate(6%,8%) rotate(12deg)}}.slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-behavior:smooth;padding:8px 0 24px}.slider article{flex:0 0 38%;min-height:230px;border:1px solid #ffffff25;border-radius:22px;padding:32px;position:relative;overflow:hidden;scroll-snap-align:start;background:#20474b;transition:transform .3s}.slider article:hover{transform:translateY(-5px)}.slider span{font-size:11px;letter-spacing:2px;color:var(--gold)}.slider h3{position:relative;max-width:260px}.slider .ribbon-css{opacity:.3}footer{padding:30px 0;display:flex;gap:25px;align-items:center;border-top:1px solid #ffffff20;font-size:13px}footer p{margin-right:auto}dialog{width:min(650px,94vw);max-height:90dvh;overflow:auto;background:#153d43;color:var(--cream);border:1px solid #cbb78a66;border-radius:26px;padding:50px;box-shadow:0 30px 100px #0008}dialog[open]{animation:reveal .55s ease}dialog::backdrop{background:#031c22bb;backdrop-filter:blur(12px)}#modal-content{position:relative}.close{position:absolute;right:15px;top:15px;z-index:2}.modal-bg{opacity:.25}dialog input{width:100%;padding:14px;border:1px solid #bcd5ca55;border-radius:12px;background:#ffffff10;color:white;margin:8px 0 20px;font:inherit}.curtain{position:fixed;inset:0;z-index:10;pointer-events:none;background:#173e43;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(101%);overflow:hidden}.curtain span{font:45px Georgia;letter-spacing:5px;z-index:1}.curtain small{z-index:1}.curtain.play{animation:curtain 1.5s cubic-bezier(.7,0,.2,1)}@keyframes curtain{0%{transform:translateY(101%)}35%,65%{transform:translateY(0)}100%{transform:translateY(-101%)}}body.paused *{animation-play-state:paused!important}@media(max-width:900px){.grid,.interaction-grid{grid-template-columns:repeat(2,1fr)}nav{flex-wrap:wrap;gap:10px}.section-head{display:block}}@media(max-width:600px){header{align-items:start}nav{font-size:11px;max-width:170px}.brand{font-size:20px}.grid,.interaction-grid{grid-template-columns:1fr}main{padding:0 20px}section{margin:42px 0}.viewport{height:330px}.flow-copy{padding:45px 24px}.flow-tabs{flex-wrap:wrap}.slider article{flex-basis:85%}footer{flex-wrap:wrap}.toolbar{gap:15px}dialog{padding:45px 25px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.reference{margin:25px 0}.reference summary{color:#cbb78a;font-size:16px}.model{background:radial-gradient(ellipse at 50% 55%,#31575d, #14343b 75%)}

.model,.controls-card,footer,.intro{position:relative;isolation:isolate;overflow:hidden}.ambient-lines{z-index:-1;opacity:.30}.intro{max-width:none}.model-info{position:relative}.preview-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.video-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;min-height:540px;background:#143a40;border:1px solid #ffffff25}.video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform 1.2s cubic-bezier(.2,.7,.3,1),filter 1s}.video-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#092d35ed,#103b4290 52%,#103b4220);z-index:-2;pointer-events:none}.video-copy{padding:80px 6%;max-width:760px}.video-copy h2{font-size:clamp(36px,4vw,60px);margin-top:22px}.video-copy p{color:#eef3ec;max-width:470px}.video-copy button{margin:12px 10px 0 0}.content-video{margin-top:24px;min-height:360px;transition:box-shadow .8s}.content-video:hover video,.content-video:focus-within video{transform:scale(1.07)}.content-video:hover{box-shadow:0 20px 60px #0004}.content-video .video-copy{padding:45px 6%}.content-video h2{font-size:38px}#video-menu{width:min(1100px,94vw);padding:0}#video-menu:not([open]){display:none}.menu-links{display:grid;gap:5px}.menu-links button{text-align:left;border:0;border-bottom:1px solid #ffffff30;border-radius:0;font:27px Georgia}.video-stage .ambient-lines{z-index:-1;opacity:.6}@media(max-width:600px){.video-stage{min-height:520px}.video-copy{padding:60px 24px}.video-stage:after{background:linear-gradient(90deg,#092d35e8,#103b4288)}.content-video{min-height:400px}}

#video-flow{z-index:-1;opacity:.6;pointer-events:none}.video-copy{position:relative}.flow-copy{background:linear-gradient(90deg,#0a292f99,transparent 75%)}