:root{color-scheme:dark;--bg:#09090d;--panel:#111118;--muted:#a09eab;--line:#ffffff1a;--accent:#8b6cff;--accent-2:#beaaff;background:var(--bg);color:#f7f5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -20%, #282044 0, transparent 42%), var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}.shell{width:min(1120px,100% - 40px);margin-inline:auto}.nav{justify-content:space-between;align-items:center;height:78px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:14px;font-weight:750;display:inline-flex}.brand-mark{background:linear-gradient(145deg, var(--accent), #5937e6);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 7px 24px #6d4aff59}.nav-actions{align-items:center;gap:22px;display:flex}.link{color:var(--muted);font-size:13px}.button{background:var(--accent);color:#fff;min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;padding:0 21px;font-size:14px;font-weight:720;box-shadow:0 10px 30px #6d4aff40}.button:not([hidden]){display:inline-flex}.button:hover{background:#7959ef}.button:disabled{cursor:not-allowed;opacity:.45}.button-small{min-height:38px;padding-inline:16px;font-size:13px}.button-ghost{border-color:var(--line);box-shadow:none;background:#ffffff06}.button-ghost:hover{background:#ffffff12}.hero{text-align:center;padding:110px 0 90px}.eyebrow{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow>span{background:var(--accent);width:6px;height:6px;box-shadow:0 0 15px var(--accent);border-radius:50%}.eyebrow.plain{display:block}.hero h1{letter-spacing:-.065em;max-width:840px;margin:20px auto;font-size:clamp(46px,7vw,78px);line-height:.98}.hero h1 em{color:var(--accent-2);font-style:normal}.hero-copy{max-width:650px;color:var(--muted);margin:0 auto;font-size:17px;line-height:1.7}.hero-actions{justify-content:center;gap:12px;margin-top:32px;display:flex}.demo-grid{border:1px solid var(--line);background:#ffffff06;border-radius:20px;max-width:780px;margin:85px auto 0;padding:10px}.demo-card{border:1px solid var(--line);text-align:left;background:#15151d;border-radius:14px;align-items:center;gap:15px;padding:20px;display:flex}.demo-icon{width:42px;height:42px;color:var(--accent-2);background:#8b6cff24;border-radius:11px;place-items:center;font-size:20px;display:grid}.demo-title,.demo-note{margin:0}.demo-title{font-size:14px;font-weight:700}.demo-note{color:var(--muted);margin-top:4px;font-size:12px}.demo-card button{background:var(--accent);color:#fff;font:inherit;border:0;border-radius:9px;margin-left:auto;padding:11px 14px;font-size:12px;font-weight:700}.trust-note{color:var(--muted);justify-content:space-between;padding:14px 10px 5px;font-size:11px;display:flex}.trust-note strong{color:#d8d4e6;font-weight:600}.section{border-top:1px solid var(--line);padding:100px 0}.section-heading span{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.section-heading h2{letter-spacing:-.045em;max-width:650px;margin:12px 0 45px;font-size:clamp(32px,5vw,52px);line-height:1.08}.steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.steps article{border:1px solid var(--line);background:var(--panel);border-radius:16px;min-height:230px;padding:25px}.steps b{color:var(--accent-2);font-size:12px}.steps h3{margin:70px 0 9px;font-size:19px}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.steps code{color:var(--accent-2)}.integration pre{border:1px solid var(--line);color:#dcd4ff;background:#0d0d13;border-radius:16px;padding:30px;line-height:1.7;overflow-x:auto}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:35px 0 50px;font-size:12px;display:flex}.app-shell,.popup-shell{min-height:100vh;padding:30px}.empty-state{text-align:center;max-width:650px;margin:18vh auto 0}.empty-state h1,.popup-card h1{letter-spacing:-.05em;margin:18px 0 12px;font-size:clamp(36px,6vw,62px)}.empty-state p,.popup-card p{color:var(--muted);line-height:1.7}.empty-state .button{margin-top:20px}.popup-shell{max-width:520px;margin-inline:auto}.popup-card{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:20px;margin-top:60px;padding:30px}.popup-card h1{font-size:34px}.lock{width:54px;height:54px;color:var(--accent-2);background:#8b6cff29;border-radius:15px;place-items:center;margin:0 auto 20px;font-size:28px;display:grid}.popup-card dl{border-top:1px solid var(--line);margin:24px 0}.popup-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;font-size:12px;display:flex}.popup-card dt{color:var(--muted)}.popup-card dd{text-overflow:ellipsis;max-width:65%;margin:0;overflow:hidden}.popup-card>.loading-dot{margin:20px auto}.popup-session{border:1px solid var(--line);text-align:left;background:#ffffff05;border-radius:10px;gap:4px;margin:18px 0;padding:13px}.popup-session:not([hidden]){display:grid}.popup-session span{color:var(--muted);font-size:11px}.popup-session strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.popup-action{width:100%}.auth-shell{width:min(1120px,100% - 40px);min-height:100vh;margin-inline:auto;padding:30px 0 70px}.auth-card{border:1px solid var(--line);background:#111118f0;border-radius:20px;width:min(470px,100%);margin:70px auto 0;padding:34px;box-shadow:0 24px 80px #0000004d}.auth-card h1{letter-spacing:-.05em;margin:17px 0 10px;font-size:clamp(34px,6vw,48px);line-height:1.02}.auth-intro{color:var(--muted);margin:0 0 27px;font-size:14px;line-height:1.65}.auth-form{gap:17px}.auth-form:not([hidden]){display:grid}.auth-form label{color:#dedbe8;gap:8px;font-size:13px;font-weight:650;display:grid}.auth-form input{border:1px solid var(--line);color:#fff;background:#0c0c12;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b6cff24}.auth-form small{color:var(--muted);font-size:11px;font-weight:450}.auth-form .button{width:100%;margin-top:5px}.auth-switch{color:var(--muted);text-align:center;margin:24px 0 0;font-size:13px}.auth-switch a{color:var(--accent-2);font-weight:700}.form-message{border:1px solid;border-radius:10px;margin-bottom:20px;padding:13px 14px;font-size:13px;line-height:1.5}.form-message-error{color:#ffb7c2;background:#ff4d6a1a;border-color:#ff6b8259}.form-message-success{color:#aaf0cc;background:#4ccc8b1a;border-color:#68e2a44d}.dashboard-shell{width:min(1080px,100% - 40px);min-height:100vh;margin-inline:auto;padding:30px 0 80px}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-loading,.dashboard-error{text-align:center;align-content:center;justify-items:center;min-height:65vh}.dashboard-loading:not([hidden]),.dashboard-error:not([hidden]){display:grid}.dashboard-loading p,.dashboard-error p{color:var(--muted)}.loading-dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 24px var(--accent);border-radius:50%;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.35;transform:scale(.7)}}.dashboard-content{padding-top:90px}.dashboard-welcome{justify-content:space-between;align-items:end;gap:25px;display:flex}.dashboard-welcome h1{letter-spacing:-.055em;margin:14px 0 8px;font-size:clamp(40px,7vw,66px);line-height:1}.dashboard-welcome p{color:var(--muted);margin:0}.status-badge{color:#aaf0cc;background:#4ccc8b17;border:1px solid #68e2a440;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.metric-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:50px;display:grid}.metric-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;min-height:190px;padding:25px}.metric-card>span{color:var(--muted);font-size:12px;font-weight:650}.metric-card strong{letter-spacing:-.04em;margin-top:24px;font-size:37px;display:block}.metric-card p{color:var(--muted);margin:8px 0 0;font-size:13px}.next-step-card{background:linear-gradient(120deg,#8b6cff1c,#111118e6);border:1px solid #8b6cff40;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin-top:15px;padding:30px}.next-step-card:not([hidden]){display:flex}.next-step-card h2{letter-spacing:-.03em;margin:10px 0 7px;font-size:24px}.next-step-card p{max-width:630px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.dashboard-error h1{letter-spacing:-.04em;margin-bottom:0;font-size:34px}.dashboard-error .button{margin-top:12px}.creator-section{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-top:15px;padding:30px}.section-title-row h2{letter-spacing:-.035em;margin:10px 0 7px;font-size:27px}.section-title-row p{color:var(--muted);margin:0;font-size:13px}.inline-form{align-items:end;gap:12px;margin-top:26px;display:flex}.inline-form label{color:#dedbe8;flex:1;gap:8px;font-size:12px;font-weight:650;display:grid}.inline-form input{border:1px solid var(--line);color:#fff;background:#0c0c12;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px}.inline-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b6cff24}.verification-box{background:#8b6cff12;border:1px solid #8b6cff40;border-radius:13px;margin-top:20px;padding:22px}.verification-box h3{margin:9px 0 7px}.verification-box p{color:var(--muted);font-size:13px;line-height:1.6}.verification-box code{color:var(--accent-2)}.token-value{overflow-wrap:anywhere;user-select:all;background:#09090d;border-radius:8px;padding:12px;display:block}.verification-note{margin-bottom:0}.origin-list{gap:8px;margin-top:22px;display:grid}.origin-row{border:1px solid var(--line);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:15px;font-size:13px;display:flex}.origin-status{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.origin-status-pending{color:#ffd18c;background:#ffbe5c1a}.origin-status-verified{color:#aaf0cc;background:#4ccc8b1a}.origin-status-failed{color:#ffb7c2;background:#ff4d6a1a}.origin-actions{align-items:center;gap:9px;display:flex}.origin-empty{color:var(--muted);margin:0;padding:18px 0 0;font-size:13px}.content-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:26px;display:grid}.content-form label{color:#dedbe8;gap:8px;font-size:12px;font-weight:650;display:grid}.content-form input,.content-form textarea,.content-form select{border:1px solid var(--line);color:#fff;width:100%;font:inherit;background:#0c0c12;border-radius:10px;outline:none;padding:0 14px}.content-form input,.content-form select{height:46px}.content-form textarea{resize:vertical;min-height:82px;padding-block:12px}.content-form input:focus,.content-form textarea:focus,.content-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b6cff24}.content-form-wide{grid-column:1/-1}.content-form-grow,.content-form-submit{align-self:end}.content-list{gap:9px;margin-top:26px;display:grid}.content-row{border:1px solid var(--line);background:#ffffff05;border-radius:11px;justify-content:space-between;align-items:center;gap:25px;padding:17px;display:flex}.content-row>div{gap:6px;display:grid}.content-row code{color:var(--accent-2);font-size:11px}.content-details{color:var(--muted);justify-items:end;font-size:11px}.content-details b{color:#f7f5ff;font-size:13px}@media (width<=720px){.nav .link{display:none}.hero{padding-top:75px}.hero-actions{flex-direction:column}.demo-card{flex-wrap:wrap;align-items:flex-start}.demo-card button{width:100%;margin:8px 0 0}.trust-note{text-align:left;flex-direction:column;gap:5px}.steps{grid-template-columns:1fr}.steps article{min-height:auto}.steps h3{margin-top:35px}.footer{flex-direction:column;gap:8px}.auth-card{margin-top:45px;padding:25px}.dashboard-content{padding-top:65px}.dashboard-welcome{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.next-step-card{flex-direction:column;align-items:stretch}.creator-section{padding:22px}.inline-form{flex-direction:column;align-items:stretch}.origin-row{flex-direction:column;align-items:flex-start}.origin-actions{justify-content:space-between;width:100%}.content-form{grid-template-columns:1fr}.content-form-wide{grid-column:auto}.content-row{flex-direction:column;align-items:flex-start}.content-details{justify-items:start}}
