:root{--bg:#080909;--fg:#e9ebe7;--muted:#8e958e;--line:rgba(233,235,231,.18);--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sans:Inter,"Helvetica Neue",Arial,"Yu Gothic",sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans)}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.04;background:repeating-linear-gradient(0deg,transparent 0 2px,#fff 2px 3px);mix-blend-mode:screen}.topbar{height:58px;padding:0 28px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;font:500 10px/1 var(--mono);letter-spacing:.12em}.domain{letter-spacing:.2em}.tagline{margin:0;color:#b8bdb7;letter-spacing:.04em}.topbar nav{display:flex;gap:22px}.topbar nav a{opacity:.65}.topbar nav a:hover{opacity:1}.hero{position:relative;min-height:calc(100vh - 58px);overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 65% 48%,rgba(240,244,239,.10),transparent 11%),linear-gradient(115deg,#0f1111 0 25%,#151817 25% 26%,#090a0a 26% 52%,#111313 52% 53%,#070808 53%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 70%,rgba(225,230,225,.12),transparent 32%),radial-gradient(ellipse at 72% 63%,rgba(225,230,225,.08),transparent 26%);filter:blur(40px)}.camera,.rec,.detect,.copy,.enter{position:absolute;z-index:4}.camera{left:28px;top:26px;font:500 9px/1.55 var(--mono);letter-spacing:.12em}.rec{right:28px;top:28px;font:500 9px/1 var(--mono);letter-spacing:.12em;display:flex;gap:8px;align-items:center}.rec i{width:7px;height:7px;border-radius:50%;background:#c74138;box-shadow:0 0 12px #c74138}.detect{left:28px;top:29%;width:300px;font:500 9px/1.4 var(--mono);letter-spacing:.13em}.detect>span{font-size:10px}.detect dl{border-top:1px solid rgba(255,255,255,.36);padding-top:12px}.detect dl div{display:grid;grid-template-columns:70px 1fr;margin:5px 0}.detect dt{color:var(--muted)}.detect dd{margin:0}.chappy{position:absolute;left:63%;top:50%;width:145px;height:250px;transform:translate(-50%,-50%);filter:drop-shadow(0 24px 30px rgba(0,0,0,.65))}.chappy b,.chappy i{position:absolute;left:50%;transform:translateX(-50%);background:#d7dad5;display:block}.chappy b{top:22%;width:104px;height:84px;border-radius:48% 48% 43% 43%}.chappy i{top:51%;width:115px;height:103px;border-radius:46%}.chappy b:before{content:"";position:absolute;left:18%;right:18%;top:38%;height:18px;border-radius:999px;background:#111}.chappy b:after{content:"";position:absolute;left:50%;top:-36px;width:2px;height:36px;background:#d7dad5}.chappy span{position:absolute;left:50%;top:14px;width:12px;height:12px;border-radius:50%;background:#d7dad5;transform:translateX(-50%)}.copy{left:28px;bottom:64px}.copy small{font:500 9px/1 var(--mono);letter-spacing:.2em;color:var(--muted)}.copy h1{margin:14px 0 0;font-size:clamp(48px,7vw,102px);line-height:.92;font-weight:500;letter-spacing:-.06em}.copy p{color:#b3b9b2;font-size:12px;line-height:1.8}.enter{right:28px;bottom:62px;min-width:210px;padding:15px 17px;border:1px solid rgba(255,255,255,.36);font:500 11px/1 var(--mono);background:rgba(0,0,0,.25);backdrop-filter:blur(6px)}.cards{display:grid;grid-template-columns:repeat(4,1fr)}.cards a{min-height:210px;padding:22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column}.cards a:last-child{border-right:0}.cards small,.cards span{font:500 9px/1 var(--mono);letter-spacing:.14em;color:var(--muted)}.cards strong{margin:auto 0 22px;font-size:21px;font-weight:500}footer{display:flex;justify-content:space-between;padding:20px 28px 26px;border-top:1px solid var(--line);font:500 9px/1.4 var(--mono);letter-spacing:.12em;color:var(--muted)}.subpage{min-height:calc(100vh - 58px);padding:72px 28px}.subpage h1{font-size:clamp(64px,10vw,150px);font-weight:500;letter-spacing:-.06em;margin:0 0 36px}.subpage p{max-width:560px;color:#b5bab4;line-height:1.9}.list{margin-top:56px;border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:160px 1fr auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.row small,.row time{font:500 9px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted)}@media(max-width:820px){.topbar{padding:0 16px;grid-template-columns:1fr auto}.tagline{display:none}.topbar nav{gap:12px;font-size:9px}.camera{left:18px}.rec{right:18px}.detect{left:18px;top:21%}.chappy{left:70%;top:45%;width:105px;height:185px}.chappy b{width:78px;height:63px}.chappy i{width:86px;height:78px}.copy{left:18px;bottom:118px}.enter{left:18px;right:18px;bottom:34px}.cards{grid-template-columns:1fr 1fr}.cards a{min-height:150px;padding:18px}.cards a:nth-child(2){border-right:0}footer{padding:18px;flex-direction:column;gap:8px}.subpage{padding:52px 18px}.row{grid-template-columns:1fr;gap:8px}}
