:root{--bg:#0a0712;--panel:#120c1c;--panel2:#170f24;--line:#2b2140;--text:#f6f2fb;--muted:#a99bc4;--green:#b16cff;--violet:#f45fc0;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% -10%,#2e1f47 0,transparent 35%),radial-gradient(circle at 90% 10%,#3a1730 0,transparent 30%);overflow-x:hidden}button,input{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-one{width:350px;height:350px;background:var(--green);right:-250px;top:180px}.ambient-two{width:320px;height:320px;background:var(--violet);left:-250px;bottom:100px}.app-shell{width:min(100%,880px);margin:auto;padding:0 22px calc(105px + var(--safe))}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:none;color:#fff;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:.04em;padding:0}.brand b{color:var(--green)}.brand-mark{width:34px;height:34px;border:1px solid #3d2e57;border-radius:9px;display:grid;place-items:center;font:700 15px Space Mono;background:linear-gradient(145deg,#2b2140,#0e0a17);box-shadow:inset 0 0 12px #ffffff08}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid #343a48;color:white;background:#181d27;position:relative;font-weight:700}.avatar i{position:absolute;width:9px;height:9px;background:var(--green);border:2px solid var(--bg);border-radius:50%;right:-1px;bottom:0}.view{display:none;animation:fade .28s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}}.eyebrow,.page-title>span,.section-head>div>span{font:700 10px Space Mono;color:var(--green);letter-spacing:.2em}.eyebrow{margin-top:35px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.eyebrow span{width:21px;height:1px;background:var(--green)}.eyebrow-badge{font-style:normal;background:linear-gradient(135deg,#b16cff,#f45fc0);color:#fff;padding:3px 8px;border-radius:20px;letter-spacing:.1em;font-size:9px}
.audience-line{color:#8b81a3;font-size:12px;line-height:1.6;max-width:560px;margin:0 0 24px}.audience-line b{color:#d9c8f7;font-weight:700}
.terminal-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#181022;border:1px solid #313745;border-bottom:0;border-radius:14px 14px 0 0}.term-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.term-dot-r{background:#ff5f57}.term-dot-y{background:#febc2e}.term-dot-g{background:#28c840}.term-label{margin-left:6px;font:700 10px Space Mono;color:#6b7280;letter-spacing:.03em}.terminal-bar+.search-box{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.growth-ticker{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;border:1px solid #4ade8033;background:#0e1f14cc;border-radius:20px}.growth-ticker[hidden]{display:none}.growth-ticker strong{font:700 11px Space Mono;color:#4ade80;font-weight:700}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 #4ade8066;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #4ade8066}70%{box-shadow:0 0 0 8px #4ade8000}100%{box-shadow:0 0 0 0 #4ade8000}}h1{font-size:clamp(38px,9vw,72px);line-height:1.02;letter-spacing:-.055em;margin:17px 0 18px}h1 em{font-style:normal;background:linear-gradient(100deg,#d9a8ff,#f45fc0 55%,#ff9ecb);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:15px;line-height:1.7;max-width:570px;margin:0 0 10px}.search-box{min-height:62px;padding:7px 7px 7px 18px;border:1px solid #313745;background:#11151dcc;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 16px 45px #0006}.search-box:focus-within{border-color:#596273}.search-box svg{width:20px;fill:none;stroke:#8b93a2;stroke-width:1.8}.search-box input{min-width:0;flex:1;background:none;border:0;outline:0;color:#fff;font-size:14px}.search-box button{border:0;border-radius:11px;background:linear-gradient(135deg,#b16cff,#f45fc0);color:#fff;font-weight:800;padding:14px 21px;cursor:pointer}.quick-tags{display:flex;gap:8px;align-items:center;margin:13px 2px 30px;overflow:auto;color:#686f7d;font-size:10px;white-space:nowrap}.quick-tags button{border:1px solid var(--line);background:#171b23;color:#c3bcd0;border-radius:20px;padding:7px 12px 7px 9px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:.15s}.quick-tags button:hover{border-color:var(--green);color:#fff}.quick-tags button svg{width:14px;height:14px;flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;background:#11141ad9;margin:25px 0 55px}.stats article{padding:20px;border-right:1px solid var(--line)}.stat-icon{width:18px;height:18px;color:var(--green);opacity:.8;display:block;margin-bottom:8px}.stats article:last-child{border:0}.stats strong{font:700 clamp(18px,5vw,27px) Space Mono;display:block}.stats span{font-size:9px;color:#737b8a;text-transform:uppercase;letter-spacing:.08em}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.04em}.section-head>button{border:0;background:none;color:#8c94a3;font-size:11px}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.provider-card{border:1px solid var(--line);background:linear-gradient(145deg,#151922,#0d1016);border-radius:16px;padding:18px;min-width:0}.provider-top{display:flex;align-items:center;justify-content:space-between}.provider-logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#fff;font:700 15px Space Mono;color:#7c3aed;overflow:hidden}.live-dot{font:700 8px Space Mono;color:var(--green);letter-spacing:.1em}.provider-card h3{font-size:14px;margin:15px 0 4px;overflow:hidden;text-overflow:ellipsis}.provider-card p{font-size:10px;color:#777f8e;margin:0}.pro-banner{min-height:280px;margin-top:55px;border:1px solid #37324a;background:linear-gradient(120deg,#171526,#0f1117);border-radius:22px;padding:32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.pro-label{font:700 10px Space Mono;color:#b7aaff;letter-spacing:.16em}.pro-banner h2{font-size:31px;line-height:1.05;letter-spacing:-.05em;margin:14px 0}.pro-banner p{font-size:12px;color:#858c99}.pro-banner button{border:0;border-radius:11px;font-weight:800;padding:14px 21px;cursor:pointer;margin-top:15px;background:#fff;color:#1a0f2e}.orb{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffd9f7,#b16cff 45%,#3b0764 75%);box-shadow:0 0 60px #f45fc055;display:grid;place-items:center;transform:translateX(35px)}.orb:after{content:"";position:absolute;width:190px;height:60px;border:1px solid #f7a8e666;border-radius:50%;transform:rotate(-20deg)}.orb span{font:700 21px Space Mono;text-shadow:0 3px 10px #000}.page-title{padding:42px 0 25px}.page-title h1{font-size:42px;margin:10px 0}.page-title p{color:var(--muted);font-size:13px}.centered{text-align:center}.centered h1 em{color:var(--green);-webkit-text-stroke:0}.sticky-search{margin-bottom:14px}.platforms,.ranking-tabs{display:flex;gap:7px;overflow:auto;padding:3px 0 16px}.platforms button,.ranking-tabs button{white-space:nowrap;border:1px solid var(--line);color:#8c94a3;background:#11151d;border-radius:10px;padding:9px 14px;font-size:11px;cursor:pointer}.platforms button.active,.ranking-tabs button.active{background:#2a2140;border-color:#7c4fc9;color:#fff}.results-meta{font:400 10px Space Mono;color:#727a88;margin:8px 0 13px}.results-list,.ranking-list,.plans{display:grid;gap:9px}.result-card{border:1px solid var(--line);background:#11151d;border-radius:14px;padding:15px;transition:.15s}.result-card.revealed{cursor:pointer}.result-card.revealed:hover{border-color:var(--green)}
.reveal-btn{width:100%;margin-top:12px;padding:11px;border:1px dashed #6b3fa0;border-radius:10px;background:#1c1130;color:#d9a8ff;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.reveal-btn:hover{border-style:solid;background:#241540}.reveal-btn:disabled{opacity:.6;cursor:default}.reveal-btn .icon-lock{width:14px;height:14px}
.save-btn{margin-top:10px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.save-btn:hover{border-color:var(--violet);color:var(--violet)}.save-btn[data-saved="true"]{border-color:var(--violet);color:var(--violet)}.icon-save{width:13px;height:13px}
.workplace-note{width:100%;margin-top:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#0e0a17;color:var(--text);font:inherit;font-size:11px;resize:vertical;min-height:44px}.workplace-note:focus{outline:0;border-color:var(--violet)}.workplace-note::placeholder{color:#5c5470}
.copy-api-btn{margin-top:10px;margin-left:8px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--green);font-size:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.copy-api-btn:hover{border-color:var(--green);background:#1c1130}.icon-api{width:13px;height:13px}
.contact-buttons{display:flex;gap:8px;margin-top:10px}.contact-btn{padding:8px 12px;border-radius:9px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line)}.icon-contact{width:13px;height:13px}
.contact-btn-tg{color:#4fb3e8;border-color:#4fb3e83a}.contact-btn-tg:hover{background:#4fb3e81a}
.contact-btn-wa{color:#4ade80;border-color:#4ade803a}.contact-btn-wa:hover{background:#4ade801a}
.risk-badge{margin-top:10px;padding:8px 12px;border-radius:9px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.risk-badge.risk-bad{background:#3a1418;color:#f87171;border:1px solid #7a2a2a}
.risk-badge.risk-ok{background:#132a1a;color:#4ade80;border:1px solid #1f4a2c}
.risk-badge svg{width:13px;height:13px}
.vs-market{font-weight:700}.vs-cheap{color:#4ade80}.vs-expensive{color:#f87171}.result-head{display:flex;justify-content:space-between;gap:16px}.result-card h3{font-size:12px;line-height:1.4;margin:0 0 7px;flex:1;min-width:0}.result-provider{font-size:10px;color:#8891a0}.result-price{text-align:right;white-space:nowrap;flex-shrink:0;padding:7px 11px;background:linear-gradient(135deg,#1c113080,#24153580);border:1px solid #b16cff40;border-radius:12px}.result-price strong{font:800 20px Space Mono;color:#fff;line-height:1.1;display:block}.result-price span{display:block;font-size:9px;color:var(--green);text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-weight:700}.result-foot{display:flex;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #252a34;color:#707886;font-size:9px;flex-wrap:wrap;align-items:center}.result-site{margin-left:auto;color:var(--green);font-weight:700}.badge{border-radius:5px;background:#241c33;color:#c9b8e8;padding:3px 6px}.empty-state{text-align:center;padding:75px 20px;color:#727a88}.empty-state>span{font:400 55px Space Mono}.empty-state h3{color:#dce0e5;margin:8px}.empty-state p{font-size:11px}.rank-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border:1px solid var(--line);background:#11151d;border-radius:14px;padding:14px}.rank-row:first-child{border-color:#6b2a52;background:linear-gradient(110deg,#241221,#150f1f)}.rank-number{font:700 17px Space Mono;color:#7c7189}.rank-row:first-child .rank-number{color:var(--violet)}.rank-row h3{font-size:13px;margin:0 0 4px}.rank-row p{font-size:9px;color:#838b99;margin:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 28px}.benefits article{border:1px solid var(--line);background:#11151d;border-radius:13px;padding:14px;display:flex;gap:10px}.benefits b{font:700 17px Space Mono;color:var(--green)}.benefits strong,.benefits small{display:block;font-size:10px}.benefits small{color:#747c89;font-size:8px;margin-top:3px}.plan{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#11151d;border-radius:15px;padding:18px}.plan.popular{border-color:#8b4fc9;box-shadow:inset 0 0 25px #b16cff14}.plan h3{font-size:13px;margin:0 0 4px}.plan p{font-size:9px;color:#7b8390;margin:0}.plan strong{font:700 17px Space Mono}.plan button{margin-left:15px;border:0;background:linear-gradient(135deg,#b16cff,#f45fc0);color:#fff;border-radius:9px;padding:9px 12px;font-weight:800;font-size:10px}.payment-hint{text-align:center;color:#666e7c;font-size:10px;margin-top:18px}.profile-card{text-align:center;padding:65px 0 35px}.profile-avatar{width:78px;height:78px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2f2244,#160f23);border:1px solid #453262;font:700 28px Space Mono}.profile-card h2{font-size:20px;margin:14px 0 3px}.profile-card p{font-size:11px;color:#747c89;margin:0}.profile-card>span{display:inline-block;margin-top:13px;padding:5px 9px;background:#20252d;border-radius:6px;font:700 8px Space Mono;color:#a9b0bb}.account-list{display:grid;gap:8px}.account-list button,.account-list a{width:100%;border:1px solid var(--line);background:#11151d;color:white;border-radius:14px;padding:15px;text-decoration:none;display:grid;grid-template-columns:37px 1fr 20px;align-items:center;text-align:left}.account-list i{font-style:normal;color:var(--green);font:700 17px Space Mono}.account-list b,.account-list small{display:block}.account-list b{font-size:12px}.account-list small{color:#717986;font-size:9px;margin-top:3px}.account-list em{font-style:normal;color:#606876}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,880px);height:76px;padding:8px 12px calc(8px + var(--safe));background:#0d1015ed;border-top:1px solid #222731;backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{border:0;background:none;color:#646c79;display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav i{font:400 20px Space Mono;font-style:normal}.bottom-nav span{font-size:8px}.bottom-nav button.active{color:var(--green)}.skeleton{height:130px;border-radius:16px;background:linear-gradient(90deg,#140e1f,#241a35,#140e1f);background-size:200%;animation:shimmer 1.2s infinite}.skeleton.tall{height:210px}@keyframes shimmer{to{background-position:-200%}}.toast{position:fixed;z-index:30;left:50%;bottom:95px;transform:translate(-50%,15px);background:#e9edf0;color:#101318;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:560px){.app-shell{padding-left:16px;padding-right:16px}.provider-grid{grid-template-columns:1fr 1fr}.stats article{padding:15px 10px}.stats span{font-size:7px}.pro-banner{padding:25px;min-height:245px}.orb{width:125px;height:125px;margin-right:-65px}.orb:after{width:145px}.benefits{grid-template-columns:1fr}.benefits article{align-items:center}.page-title{padding-top:25px}}@media(max-width:370px){.search-box button{padding:14px 13px}.quick-tags span{display:none}.provider-grid{grid-template-columns:1fr}.orb{display:none}}
