body:has(.landing){background:#08080a;padding:0}.landing{--gold:#f0b90b;--gold-soft:#f8d568;--gold-ink:#1a1200;--jade:#14453a;--l-line:#f0b90b29;--l-quiet:#ffffff12;--l-cream:#f6f5f1;--l-muted:#9a9aa0;min-height:100svh;color:var(--l-cream);font-family:var(--font-plex), system-ui, "Segoe UI", Tahoma, sans-serif;-webkit-font-smoothing:antialiased;text-align:center;padding:clamp(20px, 5vw, 40px) 20px calc(32px + env(safe-area-inset-bottom));background:radial-gradient(115% 75% at 50% -12%,#f0b90b2b,#0000 62%),radial-gradient(85% 55% at 8% 108%,#14453a80,#0000 62%),linear-gradient(#08080a 0%,#0c0d10 55%,#08080a 100%);flex-direction:column;align-items:center;line-height:1.65;display:flex}.landing:after{content:"";pointer-events:none;z-index:3;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.landing .shell>*,.landing .topbar>*,.landing .features>*{min-width:0}.landing .feature span{overflow-wrap:anywhere}.landing .shell{flex-direction:column;align-items:center;width:100%;max-width:460px;display:flex}.landing .topbar{border-bottom:1px solid var(--l-quiet);justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:460px;margin-bottom:clamp(18px,5vw,26px);padding-bottom:14px;display:flex}.landing .brand{align-items:center;line-height:0;display:inline-flex}.landing .brand img{width:auto;height:38px;display:block}.landing .cta{white-space:nowrap;color:var(--gold);isolation:isolate;background:0 0;border:1px solid #f0b90b73;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:700;text-decoration:none;transition:color .22s,border-color .22s,box-shadow .22s;display:inline-flex;position:relative;overflow:hidden}.landing .cta:before{content:"";z-index:-1;background:linear-gradient(100deg, var(--gold-soft), var(--gold));transform-origin:100%;transition:transform .28s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0;transform:scaleX(0)}.landing .cta:hover{color:var(--gold-ink);border-color:var(--gold);box-shadow:0 10px 24px -12px #f0b90ba6}.landing .cta:hover:before{transform:scaleX(1)}.landing .cta svg{width:17px;height:17px}@media (max-width:360px){.landing .cta{padding:7px 11px;font-size:12px}.landing .wordmark{font-size:15px}}.landing .status{border:1px solid var(--l-line);color:var(--gold-soft);background:#f0b90b0f;border-radius:999px;align-items:center;gap:8px;margin-bottom:clamp(22px,6vw,34px);padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.landing .status i{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:2.6s ease-out infinite l-pulse}@keyframes l-pulse{0%{box-shadow:0 0 #f0b90b8c}70%{box-shadow:0 0 0 7px #f0b90b00}to{box-shadow:0 0 #f0b90b00}}.landing .portrait{aspect-ratio:3/4;width:min(230px,60vw);margin-bottom:clamp(20px,5vw,26px);position:relative}.landing .arch-line{pointer-events:none;width:calc(100% + 26px);height:calc(100% + 13px);position:absolute;inset:-13px -13px 0;overflow:visible}.landing .portrait-plate{clip-path:url(#archClip);background:linear-gradient(#1a1a1f,#0b0b0d);position:absolute;inset:0;overflow:hidden}.landing .portrait-plate picture{display:contents}.landing .portrait-plate img{object-fit:cover;object-position:top center;filter:grayscale()contrast(1.06)brightness(1.02);width:100%;height:100%}.landing .portrait-plate:after{content:"";mix-blend-mode:color;background:linear-gradient(175deg,#f0b90b9e 0%,#14453adb 78%);position:absolute;inset:0}.landing .portrait-plate:before{content:"";z-index:2;mix-blend-mode:screen;background:radial-gradient(80% 40% at 50% 0,#f8d5684d,#0000 70%);position:absolute;inset:0}.landing .spring{background:linear-gradient(90deg, transparent, var(--l-line) 18%, var(--l-line) 82%, transparent);width:100%;height:1px;margin:6px 0 clamp(18px,5vw,24px);position:relative}.landing .spring:after{content:"";background:var(--gold);opacity:.75;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.landing .name{font-family:var(--font-kufi), system-ui, sans-serif;letter-spacing:.2px;color:#fff;font-size:clamp(26px,7vw,34px);font-weight:700;line-height:1.25}.landing .role{color:var(--l-muted);margin-top:2px;font-size:13.5px}.landing .lede{font-family:var(--font-kufi), system-ui, sans-serif;color:var(--gold-soft);max-width:22ch;margin:clamp(16px,4vw,20px) 0 clamp(22px,6vw,30px);font-size:clamp(16px,4.4vw,19px);font-weight:500;line-height:1.75}.landing .scan{border:1px solid var(--l-quiet);background:linear-gradient(#ffffff09,#ffffff03);border-radius:22px;width:100%;padding:clamp(20px,5vw,26px) clamp(16px,4vw,22px)}.landing .frame{width:118px;height:118px;margin:0 auto clamp(16px,4vw,20px);position:relative}.landing .corner{border:2.5px solid var(--gold);width:24px;height:24px;position:absolute}.landing .corner.tl{border-bottom:0;border-left:0;border-radius:9px 0 0;top:0;right:0}.landing .corner.tr{border-bottom:0;border-right:0;border-radius:0 9px 0 0;top:0;left:0}.landing .corner.bl{border-top:0;border-left:0;border-radius:0 0 0 9px;bottom:0;right:0}.landing .corner.br{border-top:0;border-right:0;border-radius:0 0 9px;bottom:0;left:0}.landing .frame>svg{width:44px;height:44px;margin:auto;position:absolute;inset:0}.landing .laser{background:linear-gradient(90deg, transparent, var(--gold), transparent);filter:blur(.4px);opacity:.85;height:2px;animation:3.4s ease-in-out infinite l-sweep;position:absolute;top:10px;left:8px;right:8px}@keyframes l-sweep{0%,to{transform:translateY(0)}50%{transform:translateY(90px)}}.landing .btn{cursor:pointer;width:100%;color:var(--gold-ink);background-image:linear-gradient(100deg, var(--gold) 0%, var(--gold-soft) 34%, #ffeaa6 50%, var(--gold-soft) 66%, var(--gold) 100%);background-position:100% 0;background-size:230% 100%;border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:15px 18px;font-family:inherit;font-size:15.5px;font-weight:700;transition:background-position .6s cubic-bezier(.2,.7,.3,1),box-shadow .3s;display:flex;box-shadow:0 14px 34px -14px #f0b90b99}.landing .btn:hover{background-position:0 0;box-shadow:0 20px 44px -12px #f0b90bcc}.landing .btn:active{box-shadow:0 8px 20px -12px #f0b90bb3}.landing .btn svg{width:19px;height:19px;color:var(--gold-ink)}.landing .hint{color:var(--l-muted);margin-top:12px;font-size:12.5px;line-height:1.75}.landing .features{background:var(--l-quiet);border:1px solid var(--l-quiet);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;width:100%;margin-top:clamp(22px,6vw,30px);display:grid;overflow:hidden}@media (min-width:520px){.landing .features{grid-template-columns:repeat(5,1fr)}}.landing .feature{color:var(--l-cream);background:#0b0b0e;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:15px 6px;font-size:12.5px;font-weight:600;display:flex}.landing .feature svg{width:19px;height:19px;color:var(--gold);opacity:.9}.landing .feature:last-child{grid-column:span 1}@media (max-width:519px){.landing .feature:nth-child(4){grid-column:1/2}.landing .feature:nth-child(5){grid-column:2/4}}.landing .note{border-top:1px solid var(--l-quiet);color:var(--l-muted);max-width:34ch;margin-top:clamp(22px,6vw,30px);padding-top:16px;font-size:12.5px;line-height:1.8}.landing .note b{color:var(--gold-soft);font-weight:600}.landing .help{color:var(--l-muted);margin-top:10px;font-size:12.5px}.landing .help a{color:var(--gold-soft);border-bottom:1px solid #f8d56866;text-decoration:none}.landing .help a:hover{border-bottom-color:var(--gold-soft)}.landing .cam{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040406f0;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.landing .cam-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.landing .cam-view{aspect-ratio:1;border:1px solid var(--l-line);background:#000;border-radius:22px;width:min(340px,86vw);position:relative;overflow:hidden}.landing .cam-view video{object-fit:cover;width:100%;height:100%;display:block}.landing .cam-corner{border:3px solid var(--gold);pointer-events:none;width:30px;height:30px;position:absolute}.landing .cam-corner.tl{border-bottom:0;border-left:0;border-radius:10px 0 0;top:14px;right:14px}.landing .cam-corner.tr{border-bottom:0;border-right:0;border-radius:0 10px 0 0;top:14px;left:14px}.landing .cam-corner.bl{border-top:0;border-left:0;border-radius:0 0 0 10px;bottom:14px;right:14px}.landing .cam-corner.br{border-top:0;border-right:0;border-radius:0 0 10px;bottom:14px;left:14px}.landing .cam p{color:var(--l-muted);text-align:center;max-width:30ch;font-size:13px}.landing .cam-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.landing .cam-import{align-items:center;gap:8px;display:inline-flex;color:var(--gold)!important;background:#f0b90b14!important;border:1px solid #f0b90b73!important}.landing .cam-import:hover{border-color:var(--gold)!important;background:#f0b90b29!important}.landing .cam-import svg{width:17px;height:17px}.landing .cam button{border:1px solid var(--l-quiet);color:var(--l-cream);cursor:pointer;background:0 0;border-radius:12px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600}.landing .rise{opacity:0;animation:.75s cubic-bezier(.2,.7,.3,1) forwards l-rise;transform:translateY(14px)}.landing .d1{animation-delay:50ms}.landing .d2{animation-delay:.16s}.landing .d3{animation-delay:.27s}.landing .d4{animation-delay:.38s}.landing .d5{animation-delay:.49s}.landing .d6{animation-delay:.6s}@keyframes l-rise{to{opacity:1;transform:none}}.landing :where(a,button):focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}.landing .rise{opacity:1;transform:none}}
