*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0d0f;--bg-2:#111417;--bg-3:#181b1f;--bg-4:#1e2228;--border:#00e6b41f;--border-hi:#00e6b459;--cyan:#00e6b4;--cyan-dim:#00e6b426;--cyan-glow:#00e6b414;--red:#ff4d6d;--amber:#f5a623;--text:#c8cdd6;--text-dim:#5a626e;--text-bright:#e8ecf1;--mono:"Share Tech Mono", monospace;--sans:"Barlow", sans-serif;--cond:"Barlow Condensed", sans-serif;--radius:4px;--radius-lg:8px}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65;overflow-x:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--mono)}.scanlines{z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 2px 4px);position:fixed;inset:0}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 1.5rem}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0d0feb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:60px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-hex{color:var(--cyan);font-size:1.6rem;line-height:1}.logo-hex.small{font-size:1.1rem}.logo-name{font-family:var(--cond);letter-spacing:.08em;color:var(--text-bright);font-size:1.05rem;line-height:1.1;display:block}.logo-name strong{color:var(--cyan)}.logo-sub{font-family:var(--mono);color:var(--text-dim);letter-spacing:.12em;font-size:.55rem;display:block}.header-nav{gap:1.5rem;display:flex}.header-nav a{font-family:var(--mono);letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;font-size:.72rem;text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--cyan)}.hero{border-bottom:1px solid var(--border);align-items:center;min-height:75vh;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-content{padding:5rem 1.5rem;position:relative}.hero-tag{font-family:var(--mono);letter-spacing:.18em;color:var(--cyan);background:var(--cyan-dim);border:1px solid var(--border-hi);text-transform:uppercase;border-radius:2px;margin-bottom:2rem;padding:4px 12px;font-size:.65rem;display:inline-block}.hero-title{font-family:var(--cond);letter-spacing:-.01em;color:var(--text-bright);margin-bottom:1.5rem;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:700;line-height:.95}.hero-title em{color:var(--cyan);font-style:italic;font-weight:300}.hero-desc{color:var(--text-dim);max-width:460px;margin-bottom:2.5rem;font-size:1rem;font-weight:300;line-height:1.7}.btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:8px 16px;font-size:.75rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--cyan);color:#000;border-color:var(--cyan);font-weight:600}.btn-primary:hover:not(:disabled){background:#00ffca;border-color:#00ffca}.btn-outline{color:var(--cyan);border-color:var(--border-hi);background:0 0}.btn-outline:hover:not(:disabled){background:var(--cyan-dim);border-color:var(--cyan)}.btn-ghost{color:var(--text-dim);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-hi)}.btn-icon{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;transition:color .15s}.btn-icon:hover{color:var(--text-bright)}.hero-cta{letter-spacing:.15em;padding:12px 28px;font-size:.8rem}.ad-slot{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.ad-label{font-family:var(--mono);letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;font-size:.58rem}.ad-leaderboard{min-height:100px;padding:12px 1.5rem}.ad-rectangle{border:1px solid var(--border);border-radius:var(--radius-lg);width:300px;min-width:300px;min-height:260px;margin:2rem auto}.tool-section{padding:3rem 0 4rem}.model-status{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:12px 16px}.status-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.status-dot{background:var(--amber);width:8px;height:8px;box-shadow:0 0 6px var(--amber);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite pulse}.status-dot.ready{background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:none}.status-dot.error{background:var(--red);box-shadow:0 0 6px var(--red);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#statusText{font-family:var(--mono);color:var(--text-dim);font-size:.72rem}.progress-track{background:var(--bg-4);border-radius:1px;height:2px;overflow:hidden}.progress-fill{background:var(--cyan);height:100%;box-shadow:0 0 8px var(--cyan);border-radius:1px;transition:width .4s}.upload-grid{grid-template-columns:1fr 48px 1fr;align-items:start;gap:0;margin-bottom:2rem;display:grid}.face-panel{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.panel-tag{font-family:var(--mono);letter-spacing:.18em;color:var(--cyan);text-transform:uppercase;font-size:.65rem}.drop-zone{background:var(--bg-4);border:1px dashed var(--border-hi);border-radius:var(--radius);aspect-ratio:1;cursor:pointer;place-items:center;max-height:300px;transition:border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.drop-zone:hover,.drop-zone:focus{border-color:var(--cyan);background:var(--cyan-glow);outline:none}.drop-zone.drag-over{border-color:var(--cyan);background:var(--cyan-dim)}.drop-placeholder{text-align:center;box-sizing:border-box;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:1.5rem;display:flex}.drop-icon{width:56px;height:56px;color:var(--text-dim);opacity:.5;flex-shrink:0}.drop-hint{color:#ff0;font-size:.8rem}.drop-sub{font-family:var(--mono);letter-spacing:.12em;color:#9acd32;opacity:.5;font-size:.6rem}.face-canvas{object-fit:contain;grid-area:1/1;width:100%;height:100%;display:block}.panel-actions{flex-wrap:wrap;gap:8px;display:flex}.face-badge{background:var(--bg-4);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.face-badge span{color:var(--text-dim);font-size:.7rem}.badge-dot{color:var(--border-hi)!important}.vs-col{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding-top:3rem;display:flex}.vs-line{background:var(--border);flex:1;width:1px}.vs-label{font-family:var(--mono);letter-spacing:.18em;color:var(--text-dim);writing-mode:vertical-rl;font-size:.65rem;transform:rotate(180deg)}.camera-modal{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.camera-modal[hidden]{display:none}.camera-box{background:var(--bg-3);border:1px solid var(--border-hi);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;width:100%;max-width:520px;padding:1.5rem;display:flex}.camera-header{justify-content:space-between;align-items:center;display:flex}.camera-title{letter-spacing:.14em;color:var(--cyan);font-size:.7rem}.camera-viewport{aspect-ratio:4/3;border-radius:var(--radius);background:#000;position:relative;overflow:hidden}#cameraFeed{object-fit:cover;width:100%;height:100%;display:block}.reticle{pointer-events:none;position:absolute;inset:0}.reticle b{border-color:var(--cyan);opacity:.85;border-style:solid;border-width:0;width:28px;height:28px;display:block;position:absolute}.reticle b:first-child{border-top-width:2px;border-left-width:2px;top:16px;left:16px}.reticle b:nth-child(2){border-top-width:2px;border-right-width:2px;top:16px;right:16px}.reticle b:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:16px;left:16px}.reticle b:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:16px;right:16px}.camera-footer{justify-content:center;gap:10px;display:flex}.analyse-row{flex-direction:column;align-items:center;gap:10px;margin:1.5rem 0 2rem;display:flex}.btn-analyse{letter-spacing:.18em;padding:14px 40px;font-size:.85rem}.btn-ico{flex-shrink:0}.analyse-note{letter-spacing:.1em;color:var(--text-dim);text-align:center;font-size:.65rem}.spin{animation:.8s linear infinite spin}#btnSpinner:not(.spin){animation:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-bar{border-radius:var(--radius);font-family:var(--mono);color:var(--red);background:#ff4d6d1a;border:1px solid #ff4d6d59;align-items:center;gap:8px;margin-bottom:1.5rem;padding:10px 14px;font-size:.72rem;display:flex}.error-bar[hidden]{display:none}.results{margin-top:1rem}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.results-tag{letter-spacing:.18em;color:var(--cyan);margin-bottom:4px;font-size:.62rem;display:block}.results-title{font-family:var(--cond);color:var(--text-bright);letter-spacing:.02em;font-size:1.8rem;font-weight:600}.score-card{background:var(--bg-3);border:1px solid var(--border-hi);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem 2rem}.score-label{letter-spacing:.18em;color:var(--text-dim);margin-bottom:.75rem;font-size:.62rem}.score-row{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:1rem;display:flex}.score-value{font-family:var(--cond);color:var(--cyan);font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1}.score-pct{font-family:var(--cond);color:var(--cyan);opacity:.6;font-size:1.5rem}.score-verdict{font-family:var(--mono);letter-spacing:.12em;border:1px solid;border-radius:2px;margin-left:auto;padding:4px 12px;font-size:.75rem}.score-verdict.low{color:var(--red);background:#ff4d6d14;border-color:#ff4d6d59}.score-verdict.medium{color:var(--amber);background:#f5a62314;border-color:#f5a62359}.score-verdict.high{color:var(--cyan);border-color:var(--border-hi);background:var(--cyan-dim)}.score-track{background:var(--bg-4);border-radius:2px;height:3px;overflow:hidden}.score-fill{background:linear-gradient(90deg, var(--cyan) 0%, #00ffca 100%);border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px #00e6b480}.metrics-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;margin-bottom:2rem;display:grid;overflow:hidden}.metric-card{background:var(--bg-3);flex-direction:column;gap:8px;padding:1rem 1.25rem;display:flex}.metric-name{font-family:var(--mono);letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;font-size:.6rem}.metric-vals{align-items:baseline;gap:6px;display:flex}.metric-a,.metric-b{font-family:var(--cond);color:var(--text-bright);font-size:1rem;font-weight:600}.metric-sep{color:var(--text-dim);font-size:.65rem}.metric-bar-wrap{align-items:center;gap:8px;display:flex}.metric-bar{background:var(--bg-4);border-radius:1px;flex:1;height:2px;overflow:hidden}.metric-bar-fill{border-radius:1px;height:100%;transition:width .8s}.metric-bar-fill.good{background:var(--cyan)}.metric-bar-fill.medium{background:var(--amber)}.metric-bar-fill.poor{background:var(--red)}.metric-sim{font-family:var(--mono);color:var(--text-dim);text-align:right;flex-shrink:0;min-width:32px;font-size:.62rem}.overlay-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.overlay-item{flex-direction:column;gap:8px;display:flex}.overlay-label{letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;font-size:.62rem}.overlay-canvas{background:var(--bg-4);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto;display:block}.breakdown{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);margin-bottom:1.5rem;padding:1.5rem;font-size:.9rem;line-height:1.75}.breakdown h3{font-family:var(--mono);letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;margin-bottom:.75rem;font-size:.65rem}.breakdown p{margin-bottom:.5rem}.breakdown p:last-child{margin-bottom:0}.breakdown .hi{color:var(--cyan)}.breakdown .mid{color:var(--amber)}.breakdown .lo{color:var(--red)}.disclaimer{color:var(--text-dim);border-top:1px solid var(--border);padding-top:1rem;font-size:.75rem;line-height:1.6}.resemblance-card{background:var(--bg-3);border:1px solid var(--border-hi);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem 2rem;display:grid}@media (width<=560px){.resemblance-card{grid-template-columns:1fr}}.resemblance-half{flex-direction:column;gap:.6rem;display:flex}.resemblance-label{font-family:var(--mono);letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;font-size:.6rem}.resemblance-score-row{align-items:baseline;gap:6px;display:flex}.resemblance-value{font-family:var(--cond);color:var(--cyan);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1}.resemblance-pct{font-family:var(--cond);color:var(--cyan);opacity:.55;font-size:1.1rem}.resemblance-badge{font-family:var(--mono);letter-spacing:.1em;border:1px solid;border-radius:2px;align-self:flex-start;padding:3px 10px;font-size:.65rem}.resemblance-badge.twin{color:var(--cyan);border-color:var(--border-hi);background:var(--cyan-dim)}.resemblance-badge.strong{color:var(--cyan);background:#00e6b40f;border-color:#00e6b433}.resemblance-badge.similar{color:var(--amber);background:#f5a6230f;border-color:#f5a6234d}.resemblance-badge.low{color:var(--red);background:#ff4d6d0f;border-color:#ff4d6d4d}.resemblance-track{background:var(--bg-4);border-radius:2px;height:3px;overflow:hidden}.resemblance-fill{background:linear-gradient(90deg, #09f 0%, var(--cyan) 100%);border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #00b4ff66}.resemblance-desc{color:var(--text-dim);font-size:.8rem;line-height:1.55}.resemblance-divider{background:var(--border);align-self:stretch;width:1px}@media (width<=560px){.resemblance-divider{width:100%;height:1px}}.share-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:2rem;display:flex}.share-label{font-family:var(--mono);letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;flex-shrink:0;font-size:.62rem}.btn-share{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid;align-items:center;gap:7px;padding:7px 14px;font-size:.7rem;text-decoration:none;transition:filter .15s,opacity .15s;display:inline-flex}.btn-share:hover{filter:brightness(1.15)}.btn-share-x{color:var(--text-bright);background:#ffffff0f;border-color:#ffffff2e}.btn-share-wa{color:#25d366;background:#25d3661a;border-color:#25d36659}.btn-share svg{flex-shrink:0}.how-section{border-top:1px solid var(--border);background:var(--bg-2);padding:5rem 0}.section-eyebrow{letter-spacing:.18em;color:var(--cyan);text-transform:uppercase;margin-bottom:.5rem;font-size:.65rem}.section-title{font-family:var(--cond);color:var(--text-bright);margin-bottom:3rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600}.steps-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.step{flex:1;min-width:200px}.step-num{font-family:var(--mono);letter-spacing:.14em;color:var(--cyan);margin-bottom:.75rem;font-size:.65rem}.step h3{font-family:var(--cond);color:var(--text-bright);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.step p{color:var(--text-dim);font-size:.88rem;line-height:1.65}.step-arrow{font-family:var(--mono);color:var(--border-hi);flex-shrink:0;padding-top:2.2rem;font-size:1.2rem}.privacy-terms-div{padding:5rem 0}.banner_container{width:100%;height:180px;position:relative}#millionaire_banner{width:100%;height:auto}.tilted-text{color:#047721;text-align:center;font-size:24px;font-weight:700;position:absolute;top:50%;left:20%;transform:translate(-50%,-20%)rotate(45deg)}@media (width<=600px){.banner_container{height:100px}#millionaire_banner{height:auto}.tilted-text{font-size:13px}}.faq-section{border-top:1px solid var(--border);padding:5rem 0}.faq-list{border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:0;display:flex;overflow:hidden}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-item summary{cursor:pointer;color:var(--text-bright);background:var(--bg-3);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-size:.9rem;font-weight:500;list-style:none;transition:background .15s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--mono);color:var(--cyan);flex-shrink:0;font-size:1rem;transition:transform .2s}.faq-item[open] summary{background:var(--bg-4)}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{background:var(--bg-4)}.faq-item p{color:var(--text-dim);background:var(--bg-2);padding:0 1.25rem 1.25rem;font-size:.88rem;line-height:1.7}.faq-item p a{color:var(--cyan)}.faq-item p strong{color:var(--text)}.site-footer{background:var(--bg-2);border-top:1px solid var(--border);padding:3rem 0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-brand{align-items:center;gap:8px;display:flex}.footer-name{font-family:var(--cond);letter-spacing:.1em;color:var(--text);font-size:1rem}.footer-name strong{color:var(--cyan)}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer-nav a{font-family:var(--mono);letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;font-size:.68rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--cyan)}.footer-copy{color:var(--text-dim);font-size:.75rem;line-height:1.7}.footer-copy a{color:var(--cyan)}@media (width<=640px){.upload-grid{grid-template-columns:1fr}.vs-col{flex-direction:row;height:auto;padding:0}.vs-line{flex:1;width:auto;height:1px}.vs-label{writing-mode:horizontal-tb;transform:none}.header-nav{display:none}.overlay-row{grid-template-columns:1fr}.steps-row{flex-direction:column}.step-arrow{display:none}.score-row{gap:4px}.score-verdict{margin-left:0}}