:root{--bg:#f9f9fc;--white:#fff;--ink:#1a1930;--muted:#77788c;--primary:#6651df;--primary2:#4530b2;--line:#e8e8f0;--pale:#f1efff;--green:#18947b;--shadow:0 20px 70px rgba(30,24,79,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(2.6rem,4.5vw,4.8rem)}h2{font-size:clamp(2.15rem,3.5vw,3.35rem)}h3{font-size:1.12rem;line-height:1.35}p{color:#66677c}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.topbar{background:#fff;border-bottom:1px solid var(--line);height:78px;position:relative;z-index:2}.nav{height:100%;display:flex;align-items:center;gap:55px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:19px;line-height:1.1;letter-spacing:-.05em;white-space:nowrap}.brand small{display:block;letter-spacing:.15em;font-size:9px;color:#9394a4;margin-top:5px}.brand-icon{width:39px;height:39px;background:#6651df;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900}.brand-icon span{font-size:13px;margin-left:-6px;align-self:center}.navlinks{display:flex;align-items:center;gap:29px;font-weight:600;font-size:13px;color:#52526a}.navlinks a:hover{color:var(--primary)}.nav-right{display:flex;gap:9px;margin-left:auto}.button{border-radius:11px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:760;border:1px solid transparent;transition:transform .17s,background .17s;text-align:center}.button:hover{transform:translateY(-1px)}.button.solid{background:var(--primary);color:#fff;box-shadow:0 7px 19px rgba(101,81,223,.18)}.button.solid:hover{background:var(--primary2)}.button.outline{background:#fff;border-color:#dddbea;color:#39364d}.button.ghost{background:transparent;color:#45445b}.button.sm{padding:9px 14px}.button.lg{padding:16px 21px;font-size:14px}.button.block{width:100%}.hero{min-height:620px;padding-top:105px;padding-bottom:100px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:55px}.hero-copy .lead{font-size:18px;line-height:1.75;max-width:555px;margin:25px 0 30px}.hero h1{margin-top:23px;margin-bottom:0}.hero h1 em{font-style:normal;color:var(--primary)}.eyebrow,.section-tag{color:var(--primary);font-weight:850;letter-spacing:.13em;font-size:11px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #e4e0ff;background:#f3f0ff;padding:9px 12px;border-radius:50px}.live-dot{background:#34bd9a;height:8px;width:8px;border-radius:50%;box-shadow:0 0 0 4px #d8f7ee}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.hero-proof{display:flex;gap:15px;flex-wrap:wrap;color:#89889a;font-size:11px;margin-top:29px}.hero-proof span:first-letter{color:var(--green)}.hero-visual{background:#fff;border:1px solid #e7e4ef;padding:19px;border-radius:22px;box-shadow:var(--shadow);transform:rotate(1deg)}.visual-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:12px}.small-brand{font-weight:850}.small-brand:first-letter{color:#7061e6}.tag{font-size:10px;color:#6651df;background:#f3f0ff;padding:5px 9px;border-radius:6px;font-weight:700}.muted{color:var(--muted)}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:18px 0}.mini-stat{border:1px solid var(--line);padding:14px;border-radius:12px}.mini-stat>*{display:block}.mini-stat small,.mini-stat span{font-size:10px;color:#818096}.mini-stat b{font-size:23px;letter-spacing:-.04em;margin:3px 0}.mini-stat .green{color:var(--green)}.chart-holder{border:1px solid var(--line);border-radius:13px;padding:14px}.chart-label{font-weight:750;font-size:12px;display:flex;justify-content:space-between}.chart-label span{color:var(--muted);font-size:10px;font-weight:500}.bars{height:132px;display:flex;align-items:end;gap:11px;margin-top:14px;border-bottom:1px solid var(--line)}.bars i{flex:1;background:linear-gradient(0deg,#d3ccfb,#7666e6);border-radius:5px 5px 0 0}.ai-note{display:flex;gap:11px;background:#f3f0ff;padding:16px;border-radius:12px;margin-top:13px;align-items:center}.ai-note b{display:block;font-size:12px}.ai-note small{display:block;color:#78748d;line-height:1.4;margin-top:3px;font-size:10px}.ai-note>span:last-child{margin-left:auto;color:var(--primary)}.note-icon{background:#e0d9ff;color:var(--primary);padding:8px 12px;border-radius:10px}.strip{background:#f1f0f7;border-block:1px solid #eceaf4}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:20px;text-align:center;font-size:12px;color:#79798d;font-weight:750}.section{padding-block:107px}.section h2{margin-top:19px;margin-bottom:14px}.subtle{color:#9595a6}.section-lead{max-width:600px;font-size:16px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:220px}.feature-card p{font-size:13px;line-height:1.75;margin-bottom:0}.feat-icon{font-size:28px;color:#6651df;background:#f3f0ff;border-radius:13px;width:50px;height:50px;display:grid;place-items:center;margin-bottom:24px}.how-section{background:#fff;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:40px}.steps>div{border-top:2px solid #e6e3f7;padding-top:25px}.steps span{color:var(--primary);font-size:13px;font-weight:850}.steps h3{margin:14px 0 9px}.steps p{font-size:13px}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:36px}.price{background:#fff;border:1px solid var(--line);border-radius:17px;padding:29px;position:relative;overflow:hidden}.price.featured{border:2px solid #7864e4;box-shadow:var(--shadow)}.top-ribbon{position:absolute;right:0;top:0;background:#7161e0;color:white;font-size:9px;padding:7px 11px;letter-spacing:.08em;font-weight:800}.plan{font-size:12px;letter-spacing:.14em;font-weight:900;color:var(--primary)}.amount{font-size:32px;font-weight:850;letter-spacing:-.055em;margin:17px 0 4px}.amount small{font-size:13px;color:var(--muted);letter-spacing:normal}.price p{font-size:12px}.price ul{padding-left:19px;margin:23px 0 35px;min-height:91px;font-size:13px;color:#5f5e73;line-height:2.2}.price .button{width:100%}.cta-section{background:#ece9ff;border-radius:23px;padding:58px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:90px}.cta-section h2{font-size:34px;margin:14px 0}.cta-section p{margin-bottom:0}.footer{border-top:1px solid var(--line);background:#fff}.footer-inner{padding:27px 0;display:flex;justify-content:space-between;gap:10px;font-size:12px}.footer strong{font-size:15px;margin-right:10px}.demo-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:780px;max-width:1500px;margin:auto}.sidepanel{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 15px;gap:32px}.side-top{padding:0 13px;display:flex;flex-direction:column}.side-top b{font-size:17px}.side-top small{font-size:12px;color:var(--muted)}.side-kicker{font-size:9px;letter-spacing:.16em;color:#9b9aad;font-weight:900;margin-bottom:7px}.side-links{display:flex;flex-direction:column;gap:5px}.side-link{text-align:left;border:0;border-radius:10px;background:transparent;padding:12px 15px;color:#656476;font-size:13px;font-weight:650}.side-link:hover,.side-link.active{background:#f0edff;color:#6551df}.side-bottom{margin-top:auto;background:#faf9ff;border:1px solid #eeebff;padding:14px;border-radius:12px;font-size:11px}.side-bottom p{font-size:11px;line-height:1.6}.side-bottom a{color:var(--primary);font-weight:800}.demo-pill{color:#6651df;font-size:10px;font-weight:800}.demo-content{padding:26px 33px 60px;min-width:0}.demo-banner{background:#eae7ff;border:1px solid #ded7ff;border-radius:11px;font-size:11px;color:#514691;padding:11px 15px}.demo-banner span{color:#6754dc}.demo-banner a{float:right;text-decoration:underline;font-weight:800}.demo-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:40px 0 23px}.demo-head h1{font-size:32px;margin:6px 0}.demo-head p{font-size:13px;margin:0}.crumb{font-size:10px;color:#aeacc1;font-weight:800;letter-spacing:.1em}.crumb span{color:#6553dc}.select-frame{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.select-frame label{font-size:10px;color:var(--muted);display:block}.select-frame select{border:0;background:none;font-weight:800;font-size:12px;outline:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metrics-grid.two{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.metric-card>span,.metric-card>small{display:block;color:#85849a;font-size:11px}.metric-card strong{display:block;font-size:26px;letter-spacing:-.04em;line-height:1.3;margin:10px 0 7px}.metric-card small b{color:#6960a5}.demo-panels{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin:17px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.panel-title h3{margin:0}.panel-title>span{font-size:11px}.ai-status{background:#f1ecff;color:#6454cb;padding:5px 10px;border-radius:20px;font-size:10px;font-weight:750}.linegraph{position:relative;height:200px;margin:9px 0}.linegraph svg{width:100%;height:100%;position:relative;z-index:1}.grid-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{height:1px;background:#eeedf5}.chart-footer{display:flex;justify-content:space-between;color:#848399;font-size:11px}.chart-footer span:first-child{color:#6c55db}.rec-list{display:flex;flex-direction:column;gap:18px}.rec-item{display:flex;align-items:flex-start;gap:12px}.rec-mark{color:#6952df;background:#f1edff;padding:8px 11px;border-radius:11px}.rec-item small,.kind{color:#5d4ed1;font-size:11px;font-weight:800}.rec-item p{font-size:12px;line-height:1.55;margin:4px 0}.text-button{background:none;border:0;color:var(--primary);font-weight:780;font-size:12px;padding:0}.table-panel{margin-top:15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:530px;font-size:12px;text-align:left}th{color:#9795aa;font-size:10px;text-transform:uppercase;letter-spacing:.09em;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:17px 10px;border-bottom:1px solid #f0eff5;color:#59586f}td b,td small{display:block}td b{color:#292839}td small{font-size:10px;color:#9694a7}tbody tr:last-child td{border-bottom:0}.hidden,[hidden]{display:none!important}.search{border:1px solid #e1e0ef;padding:10px 12px;border-radius:8px;outline:0;max-width:220px}.status{background:#eff7f3;color:#148d6e;padding:5px 8px;border-radius:6px;font-size:10px}.wide-recs{display:flex;flex-direction:column;gap:10px}.wide-rec{border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;gap:17px}.wide-rec h3{margin:5px 0}.wide-rec p{font-size:12px}.timeline>div{padding:20px;border-left:2px solid #d8d1ff;margin-left:10px}.timeline>div b{font-size:13px}.timeline>div p{font-size:12px}.toast{position:fixed;right:25px;bottom:25px;max-width:340px;border:1px solid #ded9f5;padding:18px;background:#fff;box-shadow:var(--shadow);border-radius:11px;font-size:12px;display:none;z-index:5}.toast.show{display:block}.auth-section{min-height:650px;display:grid;place-items:center;padding:45px 20px}.auth-card{width:min(435px,100%);background:#fff;padding:36px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-card h1{font-size:31px;margin:12px 0}.auth-card p{font-size:13px}.auth-card label{display:block;font-size:12px;font-weight:750;color:#4a495e;margin:19px 0}.auth-card input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #dfdeea;border-radius:9px;outline-color:#8b7fe5}.auth-foot{font-size:11px!important;margin-top:22px}.auth-foot a{color:var(--primary);font-weight:800}.error{border-radius:10px;color:#a33b35;background:#ffebeb;padding:13px;font-size:12px}.app-area{min-height:660px;padding-top:60px;padding-bottom:80px}.app-title{display:flex;align-items:start;justify-content:space-between;gap:15px}.app-title h1{font-size:36px;margin:10px 0}.notice{padding:25px;background:#ebe8ff;border:1px solid #ded9ff;border-radius:13px;margin:29px 0}.notice p{margin-bottom:0}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.app-grid .feature-card{min-height:260px}.app-grid .tag{display:inline-block;margin-bottom:10px}.admin-panel{max-width:750px}.admin-panel p{font-size:13px}.invitation{background:#f6f4ff;padding:18px;margin-top:20px;border-radius:10px;display:flex;flex-direction:column;gap:9px}.invitation code{overflow-wrap:anywhere;color:#4f3cb9}.invitation small{color:var(--muted)}.invitation .button{align-self:start}@media(max-width:1080px){.hero{gap:22px}.nav{gap:23px}.features{grid-template-columns:repeat(2,1fr)}.prices{gap:10px}.price{padding:21px}.demo-layout{grid-template-columns:205px minmax(0,1fr)}.demo-content{padding:20px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.wrap{width:min(100% - 32px,1160px)}.topbar{height:68px}.brand{font-size:16px}.brand-icon{width:32px;height:32px;font-size:18px}.navlinks{display:none}.nav-right .button.ghost{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:65px 0}.hero h1{font-size:47px}.hero-copy .lead{font-size:16px}.hero-visual{transform:none}.strip-grid{grid-template-columns:repeat(2,1fr);gap:12px}.section{padding-block:75px}.features,.prices,.steps,.app-grid{grid-template-columns:1fr}.cta-section{padding:30px;flex-direction:column;align-items:flex-start}.cta-section h2{font-size:29px}.footer-inner{flex-direction:column}.demo-layout{display:block}.sidepanel{padding:14px;border-right:0;border-bottom:1px solid var(--line);gap:9px}.side-top{display:none}.side-links{flex-direction:row;overflow:auto}.side-link{flex-shrink:0;padding:9px;font-size:11px}.side-bottom{display:none}.demo-head{margin:24px 0;flex-direction:column;align-items:flex-start}.demo-head h1{font-size:27px}.demo-panels{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:22px}.demo-banner a{float:none;display:inline}.app-title{flex-direction:column}.auth-card{padding:28px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}}@media(max-width:390px){.metrics-grid{grid-template-columns:1fr}.hero h1{font-size:40px}}

.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:47%}.bars i:nth-child(3){height:40%}.bars i:nth-child(4){height:63%}.bars i:nth-child(5){height:52%}.bars i:nth-child(6){height:75%}.bars i:nth-child(7){height:61%}.bars i:nth-child(8){height:86%}.bars i:nth-child(9){height:71%}.bars i:nth-child(10){height:92%}.bars i:nth-child(11){height:81%}.bars i:nth-child(12){height:100%}

/* v0.2 - legal dialogs, creator identity and consent styling */
.brand-by{color:#8d79d7;font-size:.72em;font-weight:750;letter-spacing:.01em;white-space:nowrap}
.brand small{font-size:10px;letter-spacing:.01em;color:#7661ce;margin-top:4px;font-weight:750}
.small-brand .brand-by{font-size:10px;margin-left:5px}
.footer-inner{align-items:flex-start;gap:25px}
.footer-identity{display:flex;flex-direction:column;gap:5px;line-height:1.5}
.footer-identity strong{margin:0;font-size:14px}
.footer-identity>span{color:#73738a;font-size:11px}
.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:12px;color:#4f4a73}
.footer-links a:hover,.legal-dialog a:hover,.legal-page a:hover{text-decoration:underline;color:var(--primary)}
.legal-dialog{position:fixed;inset:0;border:1px solid #e5e1f4;border-radius:18px;padding:0;width:min(820px,calc(100vw - 24px));max-height:min(88vh,950px);color:var(--ink);background:#fff;box-shadow:0 35px 90px rgba(15,12,44,.24)}
.legal-dialog::backdrop{background:rgba(20,15,42,.66);backdrop-filter:blur(3px)}
.legal-dialog-bar,.legal-dialog-footer{padding:15px 24px;background:#faf9ff;display:flex;align-items:center;justify-content:space-between;gap:12px}
.legal-dialog-bar{border-bottom:1px solid #e9e6f6}
.legal-dialog-footer{border-top:1px solid #e9e6f6;gap:20px;flex-wrap:wrap}
.legal-dialog-footer a{color:#5c4aca;font-size:12px}
.legal-dialog-label{font-weight:850}
.legal-close{border:0;background:#f0edff;color:#6b57bd;border-radius:9px;font-size:26px;line-height:1;width:37px;height:37px}
.legal-scroll{max-height:calc(88vh - 137px);overflow-y:auto;overscroll-behavior:contain;padding:24px 32px}
.legal-scroll>h2,.legal-page h1{font-size:clamp(1.5rem,2.8vw,2.1rem);margin:0 0 26px}
.legal-content{font-size:13px;line-height:1.8;color:#4f4e60}
.legal-content h3{font-size:15px;color:var(--ink);margin:25px 0 10px}
.legal-content p{font-size:13px;color:#4f4e60;margin:0 0 13px}
.legal-content ul{margin:0 0 12px;padding-left:20px}
.legal-content li{margin:5px 0}
.legal-content a,.legal-checks a{color:#5745cf;text-decoration:underline;text-underline-offset:2px}
.legal-flag{background:#fff5df;border:1px solid #efd69d;border-radius:10px;padding:11px 14px;font-size:12px;color:#664d20}
.legal-page{max-width:820px;padding-top:55px;padding-bottom:80px}
.legal-checks{padding:12px 13px;border-radius:11px;border:1px solid #e7e1ff;background:#f9f7ff;margin:20px 0}
.auth-card .legal-checks .check-row{display:flex;gap:10px;align-items:flex-start;margin:8px 0 15px;font-size:11px;font-weight:450;line-height:1.6;cursor:pointer}
.auth-card .legal-checks .check-row:last-child{margin-bottom:8px}
.auth-card .legal-checks input[type="checkbox"]{margin:4px 0 0;flex:0 0 17px;width:17px;height:17px;accent-color:#6552df}
@media(max-width:740px){.footer-links{align-items:flex-start}.legal-scroll{padding:20px}.legal-dialog-bar,.legal-dialog-footer{padding:12px 16px}.legal-dialog-footer{gap:8px}.brand small{font-size:9px}.small-brand .brand-by{display:inline}}

/* v0.3 Admin TOTP */
.mfa-card{max-width:560px}.mfa-card h1{font-size:35px}.mfa-steps{padding-left:20px;color:#5b596f;font-size:13px;line-height:1.8}.mfa-steps li{margin-bottom:8px}
.mfa-qr{background:#fff;border:1px solid #eae8f3;border-radius:14px;padding:14px;width:fit-content;margin:20px auto}
.mfa-qr img{display:block;max-width:100%;height:auto}.mfa-secret{background:#f3f0ff;border-radius:12px;padding:12px 16px;margin:10px 0 20px;display:flex;flex-direction:column;gap:7px}
.mfa-secret span{font-size:11px;color:#646178}.mfa-secret code{font-size:14px;font-weight:700;letter-spacing:.08em;overflow-wrap:anywhere}
.mfa-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.mfa-codes code{border:1px solid #e8e2ff;background:#faf9ff;border-radius:8px;padding:9px 5px;text-align:center;font-size:12px;font-weight:800}
@media(max-width:400px){.mfa-codes{grid-template-columns:1fr}}