:root{color-scheme:dark;--bg:#0a0e13;--panel:#121a21;--line:#293740;--text:#f3f6f6;--muted:#a2b0b5;--mint:#9ef2ce;--orange:#ff8a57;--width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}.wrap{width:min(var(--width),calc(100% - 48px));margin-inline:auto}.site-header{height:76px;position:sticky;top:0;z-index:10;padding:0 max(24px,calc((100% - var(--width))/2));display:flex;align-items:center;justify-content:space-between;background:#0a0e13eb;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--mint);color:#0a1715;font-size:13px}.brand-dot{color:var(--mint);margin-left:-8px}.site-header nav{display:flex;gap:30px;color:#bbc6c9;font-size:12px}.site-header nav a:hover,.text-link:hover{color:var(--mint)}.button{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;background:var(--mint);color:#091513;border:0;border-radius:7px;font-size:12px;font-weight:800;cursor:pointer}.button:hover{background:#c0f8df;transform:translateY(-1px)}.button-small{padding:10px 13px}.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:32px;padding-top:65px;padding-bottom:76px;min-height:590px}.eyebrow{margin:0 0 17px;color:var(--mint);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #9ef2ce88}.hero h1{max-width:600px;margin:0;font-size:clamp(54px,7vw,86px);letter-spacing:-.075em;line-height:.98}.hero em,h2 em{font-style:normal;color:var(--mint)}.lede{max-width:530px;margin:24px 0;color:#b5c1c5;font-size:16px;line-height:1.75}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:700}.proof{display:flex;align-items:center;gap:18px;margin-top:46px}.proof b{font-size:11px}.proof small{display:block;color:#89979e;font-size:9px;font-weight:500}.proof i{height:25px;border-left:1px solid var(--line)}.hero-art{height:430px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #ffffff12;border-radius:20px;background:radial-gradient(ellipse,#19272b 0,#10181d 51%,#0a0e13 78%)}.orbit{position:absolute;width:340px;height:340px;border:1px dashed #9ef2ce25;border-radius:50%;animation:turn 50s linear infinite}.record{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#26363b 0 2px,#11191e 3px 8px);box-shadow:0 20px 60px #0009;z-index:1}.record span{display:grid;place-content:center;text-align:center;width:68px;height:68px;border-radius:50%;background:var(--mint);color:#091513;font-weight:900;font-size:19px}.record small{font-size:6px;letter-spacing:.14em}.wave{position:absolute;width:90%;height:65px;left:5%;top:43%;opacity:.68;background:repeating-linear-gradient(90deg,transparent 0 5px,var(--mint) 5px 7px,transparent 7px 12px);mask-image:linear-gradient(180deg,transparent,#000 20% 80%,transparent);transform:scaleY(.72)}.art-label{position:absolute;bottom:22px;color:#94a2a5;font-size:8px;letter-spacing:.2em}.art-label b{color:var(--orange);padding:0 8px}.ticker{overflow:hidden;white-space:nowrap;padding:14px 24px;border-block:1px solid #ffffff15;background:#11171c;text-align:center;font-size:10px;letter-spacing:.16em;font-weight:800}.ticker b{color:var(--mint);padding:0 24px}.section{padding-top:108px;padding-bottom:108px}.heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.heading h2,.inquiry h2,.cta h2{margin:0;font-size:clamp(36px,4.8vw,57px);line-height:1.05;letter-spacing:-.06em}.heading>p,.inquiry>div>p:not(.eyebrow){max-width:370px;color:var(--muted);font-size:12px;margin:0 0 3px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters button,.tags b{padding:8px 12px;border:1px solid var(--line);border-radius:99px;color:#c2cdd0;background:transparent;font-size:10px;cursor:pointer}.filters button.active,.filters button:hover{border-color:var(--mint);color:var(--mint);background:#9ef2ce12}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.demo-card{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.demo-card[hidden]{display:none}.demo-card small{color:var(--mint);font-size:9px;letter-spacing:.12em}.demo-card h3{margin:15px 0 3px;font-size:16px}.demo-card p{margin:0;color:var(--muted);font-size:11px}.demo-play{width:100%;display:flex;align-items:center;gap:9px;margin-top:15px;padding:9px;border:0;border-radius:7px;background:#1c292f;color:white;text-align:left;cursor:pointer}.demo-wave{height:17px;flex:1;background:repeating-linear-gradient(90deg,var(--mint) 0 2px,transparent 2px 5px);mask-image:linear-gradient(180deg,transparent,#000 20% 80%,transparent)}.empty{padding:19px 22px;border:1px dashed #3b4a50;border-radius:10px;background:#10171b}.empty strong{font-size:12px}.empty p{margin:4px 0 0;color:var(--muted);font-size:11px}.tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{margin-right:4px;color:#91a0a5;font-size:10px}.tags b{padding:5px 9px;font-weight:500}.services{padding:96px 0;background:#0e1419;border-block:1px solid #ffffff10}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.cards article{padding:24px;min-height:275px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.cards article.featured{border-color:#9ef2ce68;background:linear-gradient(145deg,#172720,#121a21 70%)}.cards small{font-size:9px;color:#a5b0b4;letter-spacing:.15em}.cards h3{margin:25px 0 8px;font-size:18px}.cards p{color:var(--muted);font-size:11px;line-height:1.7}.cards a{display:inline-block;margin-top:12px;color:var(--mint);font-size:10px;font-weight:700}.details{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.details span{color:#a0adb1;font-size:10px}.details b{display:block;color:#e7ecec;font-size:11px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article{padding:16px 12px 0 0;border-top:1px solid #33424a}.steps article>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #47715e;border-radius:50%;color:var(--mint);font-size:9px}.steps h3{margin:17px 0 5px;font-size:14px}.steps p{margin:0;color:var(--muted);font-size:10px}.cta{padding:58px 0;background:var(--mint);color:#091513}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta .eyebrow{color:#23684f}.cta h2 em{color:#39745d}.dark{background:#0f1c1c;color:var(--mint)}.inquiry{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.privacy-note{margin-top:28px!important;padding-top:15px;border-top:1px solid var(--line);font-size:10px!important}.inquiry form{display:grid;gap:13px;padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.inquiry label{display:grid;gap:6px;color:#c7d0d1;font-size:10px}.inquiry select,.inquiry textarea{width:100%;padding:11px;border:1px solid #35444b;border-radius:6px;background:#0b1116;color:#f1f4f4;font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.inquiry form .button{justify-self:start}.inquiry form>p{margin:0;color:#92a0a5;font-size:9px}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:25px;padding-bottom:25px;border-top:1px solid #ffffff14;color:#99a6aa;font-size:9px}.footer .brand{color:var(--text);font-size:15px}.footer .brand-mark{width:28px;height:28px;font-size:11px}.player{position:fixed;z-index:30;bottom:15px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #43565d;border-radius:10px;background:#172228f2;box-shadow:0 10px 40px #0009}.player[hidden]{display:none}.player button{width:30px;height:30px;border:0;border-radius:50%;background:var(--mint);color:#091513;cursor:pointer}.player button:last-of-type{background:transparent;color:white;font-size:20px}.player strong{font-size:10px;min-width:90px}.player time{font-size:9px;color:var(--muted)}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:800px){.site-header nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:340px}.heading{align-items:start;flex-direction:column;gap:12px}.inquiry{grid-template-columns:1fr;gap:28px}.details{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;row-gap:28px}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{height:65px;padding:0 18px}.site-header nav{display:none}.hero{padding-top:48px;padding-bottom:50px}.hero h1{font-size:55px}.hero-art{height:285px}.record{width:170px;height:170px}.orbit{width:270px;height:270px}.proof{gap:10px;flex-wrap:wrap;margin-top:32px}.proof i{display:none}.section{padding-top:75px;padding-bottom:75px}.services{padding:73px 0}.demo-grid,.cards{grid-template-columns:1fr}.details{gap:12px}.steps{gap:12px}.cta .wrap{align-items:start;flex-direction:column}.form-row{grid-template-columns:1fr}.footer{align-items:start;flex-direction:column}.player{gap:8px}.player strong{min-width:70px}}

.demo-card-cover { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; margin-bottom: 14px; border-radius: 7px; background: #0b1116; }
.demo-card-actions { display: grid; gap: 7px; margin-top: 14px; }
.demo-card-actions .demo-play { margin-top: 0; }
.demo-request { padding: 8px 9px; border: 1px solid var(--line); border-radius: 7px; background: transparent; color: var(--mint); font-size: 10px; font-weight: 700; text-align: left; cursor: pointer; }
.demo-request:hover { border-color: var(--mint); background: #9ef2ce12; }
.player input[type="range"] { min-width: 65px; flex: 1; accent-color: var(--mint); cursor: pointer; }
.player time { white-space: nowrap; }