:root{--ink:#071019;--panel:#0d1b29;--panel-light:#12283a;--paper:#edf5f0;--muted:#91a3ad;--cyan:#63f5d1;--yellow:#ffc857;--line:rgba(145,163,173,.22);--display:'Space Grotesk',Arial,sans-serif;--body:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);min-width:320px}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;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='.4'/%3E%3C/svg%3E");z-index:10}.site-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);position:relative;z-index:2}.brand{display:flex;gap:11px;align-items:center;color:var(--paper);font:700 17px var(--display);letter-spacing:.14em;text-decoration:none}.brand-accent{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font:600 10px var(--display);letter-spacing:0}.header-note,.trust-row,.footer-code,.card-code{font:500 10px var(--body);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 11px var(--cyan)}main{overflow:hidden}.hero-section{min-height:390px;max-width:1280px;margin:auto;padding:70px clamp(24px,6vw,90px) 52px;display:flex;align-items:center;justify-content:space-between;position:relative}.hero-copy{max-width:630px;position:relative;z-index:1}.eyebrow,.section-kicker{color:var(--cyan);font:600 11px var(--body);letter-spacing:.18em;text-transform:uppercase}.eyebrow-line{display:inline-block;width:32px;height:1px;background:var(--cyan);vertical-align:middle;margin:0 11px 3px 0}.hero-section h1{font:600 clamp(48px,7vw,92px)/.92 var(--display);letter-spacing:-.07em;margin:20px 0 24px}.hero-section h1 em,.section-intro h2 em{font-style:normal;color:var(--yellow)}.hero-description{font-size:16px;line-height:1.7;color:#b9c9ce;max-width:490px;margin:0 0 26px}.trust-row{display:flex;gap:22px;flex-wrap:wrap}.hero-orbit{width:280px;height:280px;position:relative;margin-right:3vw;opacity:.9}.orbit{position:absolute;border:1px solid rgba(99,245,209,.32);border-radius:50%;inset:0;transform:rotate(-28deg) scaleY(.38)}.orbit-two{inset:22px;transform:rotate(42deg) scaleY(.38);border-color:rgba(255,200,87,.32)}.orbit-core{position:absolute;inset:87px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 55px rgba(99,245,209,.2),inset 0 0 30px rgba(99,245,209,.1);font:600 28px var(--display);color:var(--cyan)}.orbit-label{position:absolute;font:500 9px var(--body);letter-spacing:.15em;color:var(--muted)}.label-top{top:23px;right:-14px}.label-bottom{bottom:23px;left:-14px}.workspace{max-width:1280px;margin:auto;padding:0 clamp(24px,6vw,90px) 104px;display:grid;grid-template-columns:1fr 1.03fr;gap:18px}.steps{grid-column:1/-1;display:flex;align-items:center;margin-bottom:14px}.step{display:flex;align-items:center;gap:10px;color:var(--muted);font:500 11px var(--body);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.step span{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:10px}.step.active{color:var(--cyan)}.step.active span{border-color:var(--cyan);background:rgba(99,245,209,.08)}.step-line{height:1px;background:var(--line);width:64px;margin:0 15px}.creator-card,.result-card{background:var(--panel);border:1px solid var(--line);padding:29px}.card-heading,.result-top{display:flex;justify-content:space-between;align-items:flex-start}.section-kicker{margin:0 0 9px;font-size:9px}.creator-card h2,.result-card h2{font:500 23px var(--display);margin:0;letter-spacing:-.03em}.dropzone{margin-top:27px;height:265px;border:1px dashed rgba(99,245,209,.48);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(135deg,rgba(99,245,209,.055),transparent);cursor:pointer;transition:.25s}.dropzone:hover,.dropzone.dragover{background:rgba(99,245,209,.11);border-color:var(--cyan);transform:translateY(-2px)}.upload-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--cyan);color:var(--ink);font:28px var(--display);margin-bottom:17px}.dropzone h3{font:500 17px var(--display);margin:0 0 8px}.dropzone p{margin:0;color:var(--muted);font-size:13px}.inline-button{background:none;border:0;color:var(--cyan);font:inherit;text-decoration:underline;cursor:pointer}.dropzone small{color:#607581;font-size:10px;margin-top:20px}.privacy-note{display:flex;gap:9px;color:var(--muted);font-size:10px;line-height:1.45;margin-top:18px}.lock-icon{color:var(--cyan);font-size:16px}.result-card{background:var(--panel-light);position:relative}.result-badge{font:600 9px var(--body);letter-spacing:.16em;color:var(--yellow);border:1px solid rgba(255,200,87,.45);padding:6px 8px}.canvas-wrap{height:265px;margin-top:27px;background:#08131c;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(99,245,209,.14)}#avatar-canvas{display:none;max-width:100%;max-height:100%;object-fit:contain}.empty-result{text-align:center;color:#536872}.crosshair{font-size:32px;color:rgba(99,245,209,.4);font-weight:200;margin-bottom:10px}.empty-result p{font:11px var(--body);letter-spacing:.1em;text-transform:uppercase}.scanline{position:absolute;left:0;right:0;top:-3px;height:2px;background:var(--cyan);box-shadow:0 0 18px 4px var(--cyan);display:none}.result-card.processing .scanline{display:block;animation:scan 1.3s ease-in-out infinite}.result-card.has-result #avatar-canvas{display:block}.result-card.has-result .empty-result{display:none}.result-actions{display:flex;gap:10px;margin-top:17px}.primary-button,.secondary-button{height:45px;border:0;padding:0 18px;font:600 11px var(--body);letter-spacing:.06em;cursor:pointer;transition:.2s}.primary-button{background:var(--yellow);color:var(--ink);flex:1}.primary-button:hover:not(:disabled){background:#ffe09a;transform:translateY(-2px)}.secondary-button{background:transparent;color:var(--cyan);border:1px solid var(--cyan)}.secondary-button:hover:not(:disabled){background:rgba(99,245,209,.1)}button:disabled{opacity:.35;cursor:not-allowed}.reset-button{display:block;background:none;border:0;color:var(--muted);font:10px var(--body);letter-spacing:.08em;margin:18px auto 0;cursor:pointer}.reset-button:hover{color:var(--cyan)}.how-section{background:var(--paper);color:var(--ink);padding:84px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr 1.5fr;gap:8vw}.section-intro h2{font:600 43px/.98 var(--display);letter-spacing:-.06em;margin:15px 0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.how-grid article{border-top:1px solid rgba(7,16,25,.28);padding-top:17px}.how-number{font:600 11px var(--body);color:#6d7e84;letter-spacing:.1em}.how-grid h3{font:600 17px var(--display);margin:22px 0 10px}.how-grid p{font-size:13px;line-height:1.65;color:#5a696d;margin:0}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:25px clamp(24px,6vw,90px);background:#050b10;color:var(--muted);font-size:11px}.brand.small{font-size:12px}.brand.small .brand-mark{width:25px;height:25px;font-size:8px}.site-footer p{margin:0}.footer-code{font-size:9px}@keyframes scan{0%{top:0}50%{top:100%}100%{top:0}}@media(max-width:820px){.hero-section{padding-top:54px;min-height:0}.hero-orbit{position:absolute;right:-90px;top:80px;opacity:.28}.hero-copy{max-width:580px}.workspace{grid-template-columns:1fr}.how-section{grid-template-columns:1fr;gap:30px}.how-grid{gap:14px}}@media(max-width:600px){.site-header{height:68px}.header-note{display:none}.hero-section{padding-top:45px;padding-bottom:45px}.hero-section h1{font-size:54px}.trust-row{gap:9px 14px;font-size:9px}.workspace{padding-bottom:70px}.steps{justify-content:space-between}.step strong{display:none}.step-line{flex:1;width:auto;margin:0 8px}.creator-card,.result-card{padding:20px}.dropzone,.canvas-wrap{height:230px}.result-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.how-section{padding-top:60px;padding-bottom:60px}.how-grid{grid-template-columns:1fr}.how-grid article{padding:15px 0}.how-grid h3{margin:13px 0 7px}.site-footer{align-items:flex-start;gap:16px;flex-direction:column}.footer-code{font-size:8px}}