@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Space+Mono:wght@400;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eee9de;--muted:#9d9a93;--deep:#080b12;--panel:#10151c;--panel-2:#151b24;--line:#eee9de1f;--gold:#d4a95f;--gold-soft:#ead09a;--teal:#7fc0b1;--danger:#e98e88}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--deep);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.serif{font-family:Instrument Serif,Georgia,serif}.mono{font-family:Space Mono,monospace}.shell{background:radial-gradient(circle at 78% 8%, #d4a95f17, transparent 32rem), radial-gradient(circle at 12% 34%, #7fc0b10e, transparent 25rem), var(--deep);min-height:100dvh;position:relative;overflow:hidden}.shell:before{content:"";pointer-events:none;opacity:.055;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");position:fixed;inset:0}.container{width:min(1160px,100% - 40px);margin:auto}.nav{border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;height:80px;display:flex;position:relative}.brand{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--gold);width:29px;height:29px;color:var(--gold);border-radius:50%;place-items:center;font-family:Instrument Serif;font-size:21px;display:grid}.nav-tools{align-items:center;gap:18px;display:flex}.language{color:var(--muted);background:0 0;border:0;padding:8px}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:80px;min-height:690px;padding:90px 0 110px;display:grid}.hero h1{letter-spacing:-.06em;margin:22px 0 30px;font-size:clamp(64px,9vw,126px);font-weight:400;line-height:.84}.hero h1 em{color:var(--gold-soft)}.hero-copy{color:#c3c0b9;max-width:620px;font-size:18px;line-height:1.65}.hero-note{border-left:1px solid var(--gold);color:var(--muted);max-width:380px;padding-left:16px;font-size:13px}.scanner{background:linear-gradient(145deg,#d4a95f1a,#10151cc2);border:1px solid #d4a95f52;flex-direction:column;justify-content:space-between;min-height:460px;padding:24px;display:flex;position:relative;box-shadow:0 30px 80px #00000038}.scanner:after{content:"";pointer-events:none;border:1px solid #eee9de17;position:absolute;inset:14px}.orb{background:radial-gradient(circle at 45% 38%,#dfc18b 0 2%,#825f44 9%,#263a3a 33%,#111920 68%,#0000 69%);border-radius:50%;width:230px;height:230px;margin:40px auto 20px;position:relative;box-shadow:0 0 0 1px #d4a95f61,0 0 80px #d4a95f24}.orb:before,.orb:after{content:"";border:1px solid #d4a95f52;border-radius:50%;position:absolute;inset:-21px}.orb:after{border-color:#7fc0b129;inset:-42px}.scanline{background:var(--gold-soft);height:1px;box-shadow:0 0 14px var(--gold);animation:3.4s ease-in-out infinite scan;position:absolute;top:50%;left:14%;right:14%}@keyframes scan{0%,to{opacity:.25;transform:translateY(-80px)}50%{opacity:1;transform:translateY(80px)}}.scanner-caption{color:var(--muted);z-index:1;justify-content:space-between;font-size:11px;display:flex;position:relative}.section{border-top:1px solid var(--line);padding:100px 0}.section-heading{max-width:610px;margin-bottom:50px}.section-heading h2{letter-spacing:-.05em;margin:14px 0;font-size:clamp(42px,6vw,76px);font-weight:400;line-height:.92}.section-heading p{color:var(--muted);line-height:1.6}.traditions{background:var(--line);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.tradition{background:#10151ce6;min-height:255px;padding:24px 20px;transition:background .3s,transform .3s}.tradition:hover{background:#182029;transform:translateY(-5px)}.tradition-index{color:var(--gold);font-size:11px}.tradition h3{margin:48px 0 12px;font-family:Instrument Serif;font-size:27px;font-weight:400}.tradition p{color:var(--muted);font-size:13px;line-height:1.55}.workbench{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.card{border:1px solid var(--line);background:#10151cdb;padding:28px}.upload-zone{text-align:center;border:1px dashed #d4a95f80;place-items:center;min-height:280px;padding:24px;transition:background .2s,border-color .2s;display:grid}.upload-zone.active,.upload-zone:hover{border-color:var(--gold-soft);background:#d4a95f12}.upload-zone input{display:none}.upload-icon{border:1px solid var(--gold);width:48px;height:48px;color:var(--gold);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.preview{object-fit:cover;border:1px solid var(--line);width:100%;height:280px}.btn{border:1px solid var(--gold);background:var(--gold);color:#12100d;letter-spacing:.01em;padding:14px 18px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{background:var(--gold-soft);transform:translateY(-2px)}.btn.secondary{color:var(--gold-soft);background:0 0}.btn.secondary:hover{background:#d4a95f14}.actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.quality{gap:12px;margin-top:24px;display:grid}.quality-item{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.dot{background:var(--teal);border-radius:50%;flex:none;width:7px;height:7px}.promo{gap:8px;margin-top:18px;display:flex}.promo input{border:1px solid var(--line);color:var(--ink);background:#0b1016;flex:1;min-width:0;padding:13px}.notice{border-left:2px solid var(--teal);color:#b7d9d1;background:#7fc0b112;margin-top:14px;padding:12px 14px;font-size:13px}.notice.error{border-color:var(--danger);color:#edb0aa;background:#e98e8812}.progress-wrap{text-align:center;max-width:720px;margin:auto;padding:100px 0}.progress-line{background:#29313a;height:2px;margin:35px 0;overflow:hidden}.progress-line span{background:var(--gold);height:100%;transition:width .6s;display:block}.stages{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stage{color:#5f666d;font-size:12px}.stage.active{color:var(--gold-soft)}.stage strong{margin-bottom:6px;font-family:Space Mono;display:block}.result{text-align:center;place-items:center;min-height:70dvh;padding:90px 0;display:grid}.result h1{margin:18px 0;font-size:clamp(58px,10vw,112px);font-weight:400;line-height:.85}.result p{color:var(--muted);max-width:490px;margin:auto;line-height:1.65}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:32px 0 48px;font-size:12px;display:flex}.dialog-backdrop{z-index:10;background:#020407d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);background:#111820;width:min(620px,100%);padding:24px}.video{aspect-ratio:4/3;object-fit:cover;background:#050709;width:100%;transform:scaleX(-1)}.video-frame{background:#050709;position:relative;overflow:hidden}.camera-scan{background:var(--teal);height:1px;box-shadow:0 0 18px var(--teal);animation:3s ease-in-out infinite scan;position:absolute;top:50%;left:6%;right:6%}.face-guide{border:1px solid #d4a95fbf;border-radius:50%;width:42%;height:68%;position:absolute;top:13%;left:29%;box-shadow:0 0 35px #d4a95f1f}.camera-quality{color:var(--ink);background:#050709b8;gap:7px;padding:10px;font:10px Space Mono;display:grid;position:absolute;top:12px;right:12px}.camera-quality span{align-items:center;gap:7px;display:flex}.camera-quality i{background:var(--teal);width:6px;height:6px;box-shadow:0 0 8px var(--teal);border-radius:50%}.report-preview{text-align:left;border:1px solid var(--line);background:#10151ccc;max-width:620px;margin:32px auto 0;padding:24px}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.icon-btn{color:var(--muted);background:0 0;border:0;padding:6px}@media (width<=820px){.hero,.workbench{grid-template-columns:1fr;gap:42px}.hero{padding-top:65px}.hero h1{font-size:clamp(64px,18vw,110px)}.traditions{grid-template-columns:1fr 1fr}.tradition h3{margin-top:30px}}@media (width<=520px){.container{width:min(100% - 28px,1160px)}.nav{height:68px}.nav-tools .mono{display:none}.traditions{grid-template-columns:1fr}.scanner{min-height:390px}.orb{width:180px;height:180px}.footer{flex-direction:column}.actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
