:root{--bg:#090b0e;--bg2:#0f1217;--panel:#14181e;--panel2:#191e25;--panel3:#232932;--line:#2d333b;--yellow:#ffe022;--yellow-2:#ffc400;--white:#f7f8fa;--muted:#9da6b1;--soft:#c6cbd2;--green:#4ddb94;--red:#f35262;--radius:15px;--shadow:0 26px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin-top:0}p{line-height:1.56}h1,h2,h3{letter-spacing:-.035em}::selection{background:var(--yellow);color:#0b0b0b}input,select{color:var(--white)}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}::placeholder{color:#6f7884}.hidden{display:none!important}.container{width:min(1360px,calc(100% - 68px));margin:0 auto}.is-booting .site-shell{visibility:hidden}.page{display:none}.page.active{display:block}
/* Header */
.header{height:77px;position:sticky;top:0;z-index:50;background:rgba(9,11,14,.94);border-bottom:1px solid #292b30;backdrop-filter:blur(20px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{display:inline-flex;align-items:center;gap:15px;flex:none}.brand-emblem{display:flex;gap:3px;transform:skew(-21deg);width:43px;height:29px;align-items:center}.brand-emblem i{display:block;background:var(--yellow);height:29px;width:12px;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.brand-emblem i:nth-child(2){height:22px;margin-top:7px}.brand-emblem i:nth-child(3){height:16px;margin-top:13px}.brand-name{font-size:30px;font-weight:950;letter-spacing:-.075em;white-space:nowrap;line-height:1}.brand-name .yellow{color:var(--yellow)}.desktop-nav{display:flex;align-self:stretch;gap:28px;align-items:center}.desktop-nav a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap;font-size:13px;color:#d4d5d8;font-weight:650;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--yellow)}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--yellow);box-shadow:0 0 14px #ffde2399}.header-actions{display:flex;align-items:center;gap:17px}.demo-badge{color:#e6d58b;border:1px solid #755f28;background:#201b0c;border-radius:8px;padding:6px 8px;font-weight:750;font-size:10px;letter-spacing:.09em;white-space:nowrap}.demo-dot{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;margin-right:4px;box-shadow:0 0 10px var(--yellow)}.menu-toggle{display:none;background:none;color:white;border:0;padding:8px}.mobile-nav{display:none}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:9px;font-weight:850;font-size:14px;line-height:1.2;white-space:nowrap;padding:13px 18px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;min-height:44px}.btn:hover{transform:translateY(-2px)}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,#fff044 0%,#ffe01a 45%,#ffbd05 100%);color:#121009;box-shadow:0 6px 20px #ffd00020}.btn-primary:hover{box-shadow:0 6px 28px #ffd00042}.btn-outline{background:#171b20;border-color:#525862;color:#f3f3f3}.btn-outline:hover{border-color:var(--yellow);background:#1b2027}.btn-small{min-height:40px;padding:10px 16px;font-size:12px}.btn-large{min-height:53px;padding:14px 23px}.btn-wide{width:100%}.text-link{display:inline-flex;gap:7px;align-items:center;font-weight:800;font-size:13px;color:var(--yellow);white-space:nowrap}.text-link svg{width:16px;height:16px;transition:transform .15s}.text-link:hover svg{transform:translateX(4px)}
/* Hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid #262a2d;background:radial-gradient(ellipse 55% 90% at 73% 18%,#4636112f,transparent 75%),linear-gradient(115deg,#0c0e11 13%,#111317 56%,#17130c 100%)}.hero:before{content:"";position:absolute;inset:0 0 0 auto;width:54%;background:linear-gradient(90deg,#0c0e11 0%,rgba(12,14,17,.55) 32%,rgba(12,14,17,.8) 100%),url('assets/studio.webp') center/cover;opacity:.6;mix-blend-mode:screen}.hero:after{content:"";position:absolute;top:0;right:9%;width:510px;height:1px;background:linear-gradient(90deg,transparent,#eac41a,transparent);box-shadow:0 0 48px 12px #c99e0030;transform:rotate(-9deg)}.hero-noise{position:absolute;inset:0;background-image:repeating-linear-gradient(120deg,transparent 0,transparent 95px,rgba(255,219,21,.012) 96px,transparent 98px);pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:51% 49%;min-height:485px;align-items:center;gap:10px;padding-top:37px;padding-bottom:37px}.hero-copy{position:relative;z-index:2;padding:25px 0}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850;color:#c4c7ca;display:flex;align-items:center;gap:11px;margin-bottom:18px}.eyebrow-rule{display:inline-block;height:3px;width:23px;background:var(--yellow);box-shadow:0 0 12px #f9cf00}.hero h1{font-size:clamp(40px,4.1vw,69px);max-width:730px;line-height:1.07;font-weight:950;margin-bottom:20px}.hero h1 em,.page-top h1 em{font-style:normal;color:var(--yellow)}.hero-sub{font-size:17px;color:#c7c9cf;max-width:600px;margin-bottom:28px}.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:30px}.hero-proof span{font-size:12px;color:#e4e7e9;font-weight:700;display:flex;gap:7px;align-items:center}.hero-proof svg{width:17px;height:17px;color:var(--yellow)}.hero-bottom-line{height:2px;background:linear-gradient(90deg,#ffc500,transparent 50%);position:relative;z-index:2}.hero-visual{height:440px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center}.visual-light{position:absolute;border-radius:50%;filter:blur(50px);opacity:.28}.light-a{background:#fbc818;width:230px;height:200px;top:40px;right:60px}.light-b{background:#726deb;width:240px;height:200px;bottom:40px;left:50px;opacity:.12}.stream-stack{width:89%;max-width:560px;transform:rotate(-2.2deg);position:relative}.stream-window{background:#11151b;border:1px solid #65615a;box-shadow:0 20px 70px #000d,0 0 1px 2px #d4b62330,0 0 45px #e5ab0025;border-radius:16px;overflow:hidden;position:relative}.stream-toolbar{background:linear-gradient(90deg,#22242a,#16191f);padding:12px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #3a414c}.tab-points{display:flex;gap:5px}.tab-points i{display:block;width:8px;height:8px;background:#555b60;border-radius:50%}.tab-points i:first-child{background:#ff565c}.tab-points i:nth-child(2){background:#edc44c}.stream-toolbar b{font-size:10px;letter-spacing:.17em;color:#b6b9c0;margin-right:auto}.live-pill{font-size:10px;font-weight:900;color:#fff;padding:6px 8px;border-radius:5px;background:#cc283a}.stream-scene{position:relative;height:255px;overflow:hidden;background:linear-gradient(180deg,#333f4e 0%,#8c7a5a 56%,#29372b 57%,#111d21 100%)}.scene-horizon{position:absolute;width:150%;height:180px;left:-20%;bottom:-100px;background:radial-gradient(ellipse,#a88145 10%,#21372c 55%,#13232a 100%)}.scene-sun{position:absolute;width:91px;height:91px;border-radius:50%;background:#ffe6a9;box-shadow:0 0 60px #ffcb8d9c;right:100px;top:44px}.scene-hill{position:absolute;bottom:67px;width:120%;height:110px;background:#303f41;clip-path:polygon(0 76%,13% 45%,30% 59%,43% 15%,59% 52%,70% 32%,85% 62%,100% 28%,100% 100%,0 100%)}.hill-two{bottom:34px;left:-10%;background:#1b3032;opacity:.85;transform:scaleX(-1)}.scene-tower{position:absolute;left:58%;bottom:71px;width:22px;height:104px;background:#1f272b;box-shadow:0 5px 7px #0009}.scene-tower:before{content:"";position:absolute;top:-14px;left:-16px;width:54px;height:23px;background:#263139;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.scene-character{position:absolute;left:15%;bottom:-30px;width:130px;height:172px;background:linear-gradient(95deg,#151d1d,#424e42 52%,#0d181b);clip-path:polygon(30% 1%,62% 0,74% 13%,74% 32%,100% 45%,90% 100%,0 100%,6% 44%,28% 32%);filter:drop-shadow(12px 4px 12px #111)}.scene-hud{position:absolute;top:17px;left:19px;font-weight:950;font-size:24px;letter-spacing:-.07em;text-shadow:0 2px 9px #000}.scene-hud span{font-size:9px;letter-spacing:.14em;color:var(--yellow)}.in-stream-ad{position:absolute;left:15%;right:8%;bottom:13px;height:44px;padding:4px 11px;display:flex;align-items:center;gap:9px;background:linear-gradient(100deg,#0e1014e8,#242224ee);border:2px solid #e4b800;box-shadow:0 0 22px #ffc20080;transform:skew(-7deg)}.in-stream-ad>*{transform:skew(7deg)}.ad-mark{color:var(--yellow);font-size:21px}.in-stream-ad b{font-size:17px;display:block;line-height:1}.in-stream-ad small{font-size:8px;color:#e1e2e5;letter-spacing:.05em}.ad-gold{margin-left:auto;background:var(--yellow);color:#141414;font-weight:900;font-size:10px;padding:8px}.stream-controls{height:38px;background:#15191e;display:flex;align-items:center;gap:13px;padding:14px;color:#d7d9df;font-size:12px}.red-scrubber{height:3px;background:#44484d;flex:1;position:relative}.red-scrubber i{position:absolute;left:0;width:53%;height:100%;background:#ff475e}.stream-view{display:flex;gap:5px;align-items:center}.stream-view svg{height:15px;width:15px}.mini-stream{position:absolute;right:-24px;top:-30px;background:linear-gradient(135deg,#211b24,#202830);border:2px solid #77716a;border-radius:11px;box-shadow:var(--shadow);width:140px;height:100px;display:flex;justify-content:flex-end;flex-direction:column;padding:10px;transform:rotate(8deg);overflow:hidden}.mini-stream:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 25%,#e3b52744 26%,transparent 28%,#8b3caa35 65%,transparent 68%)}.mini-stream-top{align-self:flex-start;background:#dd2437;color:white;border-radius:3px;padding:3px 5px;font-size:8px;font-weight:900;position:relative;z-index:2}.mini-stream span{font-size:12px;font-weight:900;position:relative;z-index:2}.float-stat{position:absolute;left:-46px;bottom:-37px;width:315px;display:flex;align-items:center;gap:11px;background:linear-gradient(105deg,#262b32,#171a21);border:1px solid #5c5d56;padding:12px;border-radius:9px;box-shadow:var(--shadow);transform:rotate(2.2deg)}.float-icon{display:flex;background:#3b3720;color:var(--yellow);padding:9px;border-radius:8px}.float-icon svg{width:24px;height:24px}.float-stat b{display:block;font-size:12px}.float-stat small{display:block;color:#afb6bc;font-size:10px;line-height:1.4;margin-top:3px}
/* Section common */
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:24px;padding-bottom:15px}.feature-card{display:flex;align-items:flex-start;gap:15px;padding:19px;background:linear-gradient(145deg,#181b20,#111418);border:1px solid #30353a;border-radius:12px;min-height:103px}.feature-icon{width:43px;height:43px;background:#272415;color:var(--yellow);display:flex;align-items:center;justify-content:center;border:1px solid #53451a;border-radius:9px;flex:none}.feature-icon svg{width:23px;height:23px}.feature-card h3{font-size:15px;margin-bottom:5px}.feature-card p{font-size:12px;color:var(--muted);margin:0}.section-head{margin-top:69px;margin-bottom:23px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-kicker{font-size:11px;letter-spacing:.14em;color:var(--yellow);font-weight:850}.section-head h2{font-size:36px;line-height:1.14;margin:7px 0 9px}.section-head h2 span,.dark-cta h2 span,.how-detail h2 span{color:var(--yellow)}.section-head p{color:var(--muted);margin:0}.panel{border:1px solid #373b43;background:linear-gradient(150deg,#1a1d22,#11151a 70%);border-radius:var(--radius);box-shadow:0 5px 25px #0004}.quick-builder{padding:22px}.quick-fields{display:grid;grid-template-columns:1.08fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:730;color:#dee1e3}.field>span{font-size:12px;color:#c9cdd1}.field input,.field select,.sort-wrap select{height:44px;outline:none;border:1px solid #3b414c;background:#22272f;border-radius:8px;padding:0 12px;color:#f7f7f8;width:100%;transition:border-color .2s}.field input:focus,.field select:focus{border-color:var(--yellow)}.field select,.sort-wrap select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d1d5db' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px}.field option,.sort-wrap select option{color:white;background:#20242b}.quick-note{display:flex;align-items:center;gap:8px;color:#8e98a5;font-size:11px;margin-top:14px}.quick-note svg{width:15px;height:15px}.home-catalog-heading{margin-top:57px}.streamer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.streamer-card{background:linear-gradient(150deg,#212429 0%,#171b20 62%,#13161a 100%);border:1px solid #45484c;border-radius:12px;padding:17px;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.streamer-card:hover{border-color:#d3b024;transform:translateY(-3px);box-shadow:0 16px 35px #0007}.streamer-top{display:flex;align-items:flex-start;gap:12px}.streamer-avatar{display:flex;align-items:center;justify-content:center;border-radius:12px;width:57px;height:57px;flex:none;background:linear-gradient(145deg,var(--av1),var(--av2));color:#fff;font-weight:950;font-size:21px;text-shadow:0 3px 16px #0009;border:1px solid #ffffff38;position:relative}.streamer-avatar:after{content:"";position:absolute;inset:4px;border:1px solid #ffffff20;border-radius:9px}.streamer-title{min-width:0;flex:1}.streamer-title b{display:flex;align-items:center;gap:6px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;margin-bottom:5px}.verified-icon{display:inline-flex;color:var(--yellow)}.verified-icon svg{width:15px;height:15px}.platform-row{display:flex;gap:6px;flex-wrap:wrap}.platform-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:850;background:#31343c;color:#ebebee}.platform-pill .badge-youtube{color:#ff3a43}.platform-pill .badge-twitch{color:#bf83ff}.status-pill{font-size:9px;border-radius:5px;font-weight:900;padding:5px 7px;white-space:nowrap}.status-live{background:#7b1d28;color:#ffe4e6}.status-off{background:#2c343d;color:#a5adb7}.streamer-tags{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap}.streamer-tags span{padding:4px 7px;background:#2c3037;color:#cfd2da;border-radius:6px;font-size:10px}.streamer-stats{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:16px;border-top:1px solid #373b40;padding-top:13px}.streamer-stat small{color:#9fa7af;font-size:10px;display:block}.streamer-stat b{font-size:15px;margin-top:4px;display:block}.streamer-price{color:var(--yellow);white-space:nowrap;font-size:18px;font-weight:900}.streamer-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px}.streamer-bottom small{color:#838d99;font-size:10px}.streamer-bottom button{background:#222932;border:1px solid #434953;border-radius:7px;padding:8px 10px;font-weight:750;color:#e4e6e8;font-size:11px}.streamer-bottom button:hover{border-color:var(--yellow);color:var(--yellow)}.dark-cta{margin-top:68px;margin-bottom:80px;border:1px solid #6e5721;padding:31px 36px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 93% 50%,#8a6b1430,transparent 35%),linear-gradient(110deg,#252210,#16191c 58%,#282314)}.dark-cta h2{font-size:30px;margin:9px 0}.dark-cta p{color:#abb3bc;max-width:710px;margin:0;font-size:13px}
/* Interior pages */
.page-top{padding-top:63px;padding-bottom:36px}.page-top h1{font-size:clamp(38px,4vw,60px);font-weight:950;line-height:1.07;margin:9px 0 15px}.page-top p{max-width:750px;color:#b4bac3;font-size:16px;margin:0}.catalog-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:22px;padding-bottom:90px;align-items:start}.catalog-sidebar{padding:19px;position:sticky;top:96px}.sidebar-title{display:flex;align-items:center;gap:8px;margin-bottom:22px}.sidebar-title svg{color:var(--yellow)}.sidebar-title h3{margin:0;font-size:17px;flex:1}.sidebar-title button{color:var(--yellow);background:none;border:0;font-size:11px;font-weight:750}.catalog-sidebar>.field{margin-bottom:20px}.input-icon{position:relative}.input-icon svg{position:absolute;left:12px;top:13px;height:17px;width:17px;color:#9a9da3}.input-icon input{padding-left:36px}.segmented{display:flex;background:#272d35;border:1px solid #3f454c;border-radius:8px;padding:4px;gap:4px}.segmented button{border:none;color:#b8bec6;background:none;border-radius:6px;flex:1;padding:8px 3px;font-size:11px;font-weight:750}.segmented button.selected{background:var(--yellow);color:#111}.toggle-line{display:flex;align-items:center;gap:9px;font-size:12px;color:#e4e7e8;font-weight:650;cursor:pointer;margin:19px 0}.toggle-line input{opacity:0;position:absolute}.custom-switch{width:35px;height:20px;background:#39414a;border:1px solid #626971;border-radius:30px;position:relative;flex:none;transition:background .2s}.custom-switch:before{content:"";position:absolute;left:3px;top:2px;width:14px;height:14px;border-radius:50%;background:#bbbfc4;transition:transform .2s}.toggle-line input:checked+.custom-switch{background:#ffda16;border-color:#ffda16}.toggle-line input:checked+.custom-switch:before{background:#151515;transform:translateX(15px)}.sidebar-verify{padding:15px;border:1px solid #61531b;background:#28240f;border-radius:11px;margin:23px 0}.sidebar-verify svg{color:var(--yellow);float:left;margin-right:9px}.sidebar-verify b{font-size:13px}.sidebar-verify p{font-size:11px;color:#b6b19a;margin:8px 0 0}.catalog-results{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.catalog-results h2{font-size:25px;margin:0 0 4px}.catalog-results p{color:#8f98a4;margin:0;font-size:12px}.sort-wrap{color:#a6afb8;display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.sort-wrap select{width:195px;height:39px;font-size:12px}.load-more-wrap{text-align:center;margin-top:27px}.empty-state{grid-column:1/-1;border:1px dashed #4c5258;border-radius:13px;padding:55px;text-align:center;color:#aab2bc}.empty-state svg{width:34px;height:34px;color:var(--yellow);margin-bottom:12px}.empty-state h3{color:white;margin:0 0 7px}
/* Builder */
.builder-top{padding-bottom:27px}.tiny-disclaimer{display:inline-block;margin-top:12px;color:#d5b84d;font-size:11px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;padding-bottom:90px}.builder-forms{display:flex;flex-direction:column;gap:17px}.form-panel{padding:23px}.form-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px}.step-no{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:#101010;border-radius:9px;flex:none;font-size:14px;font-weight:950}.step-no svg{width:19px;height:19px}.form-heading h2{font-size:20px;margin:0 0 4px}.form-heading p{font-size:12px;color:#8f99a4;margin:0}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.platform-picks{display:flex;gap:8px}.platform-check{height:44px;border:1px solid #494c55;border-radius:8px;padding:0 10px;display:flex;gap:8px;align-items:center;flex:1;font-size:12px;font-weight:850;background:#262a31;cursor:pointer}.platform-check input{position:absolute;opacity:0}.platform-check:has(input:checked){border-color:#dbc11e;box-shadow:inset 0 0 0 1px #bca11236}.platform-square{border-radius:4px;background:#f22532;padding:4px 5px;color:white}.platform-check.tw .platform-square{background:#8b4ae0}.checkmark{margin-left:auto;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#41454b;color:#41454b}.platform-check:has(input:checked) .checkmark{background:var(--yellow);color:black}.form-panel .toggle-line{margin-bottom:0;margin-top:20px}.rule-note{margin-top:18px;background:#282715;border:1px solid #5f5327;padding:11px 14px;border-radius:9px;display:flex;gap:11px;align-items:flex-start;color:#cbc39d;font-size:12px;line-height:1.5}.rule-note svg{color:var(--yellow);width:18px;height:18px}.form-panel> .field{margin-bottom:19px}.uploader{border:1.5px dashed #7d754d;background:#1e2025;border-radius:11px;min-height:150px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s}.uploader:hover,.uploader.dragover{border-color:var(--yellow);background:#242517}.upload-empty{display:flex;align-items:center;flex-direction:column;gap:8px;padding:25px;text-align:center}.upload-ico{color:var(--yellow);display:flex}.upload-ico svg{width:30px;height:30px}.upload-empty b{font-size:14px}.upload-empty span:not(.upload-ico){font-size:12px;color:#9aa4af}.upload-empty small{color:#7f8792;font-size:10px}.upload-preview{display:flex;align-items:center;gap:14px;padding:13px;width:100%;min-width:0}.upload-preview img{width:160px;max-height:120px;object-fit:contain;background:repeating-conic-gradient(#333 0 25%,#202020 0 50%) 0 0/18px 18px;border-radius:7px}.upload-preview div{display:flex;flex-direction:column;gap:8px;min-width:0}.upload-preview b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview small{color:#9da6af}.upload-preview button{align-self:start;border:0;color:var(--yellow);background:none;padding:2px 0;font-size:12px}.upload-formats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.upload-formats span{padding:6px 8px;color:#b7c0c9;font-size:10px;border:1px solid #39404a;border-radius:5px}.summary-panel{padding:22px;position:sticky;top:95px;border-color:#ab8c20;box-shadow:0 5px 36px #eabb0012}.summary-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #373b43;padding-bottom:15px;margin-bottom:18px}.summary-label{display:flex;align-items:center;gap:8px;font-weight:850;font-size:15px}.summary-label svg{color:var(--yellow)}.calc-label{font-size:9px;color:var(--yellow);white-space:nowrap}.summary-stats>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #2b3036}.summary-stats span{color:#aeb6bf;font-size:12px}.summary-stats b{font-size:15px;white-space:nowrap}.summary-total{background:#282510;border:1px solid #58491c;border-radius:11px;padding:16px;margin-top:18px;margin-bottom:17px}.summary-total span{font-size:12px;color:#b6b7b3}.summary-total strong{display:block;color:var(--yellow);font-size:33px;margin-top:5px}.summary-total small{font-size:11px;color:#acb2b7}.summary-panel>.btn+.btn{margin-top:9px}.summary-help{margin-top:15px;font-size:11px;color:#87919b;line-height:1.5;margin-bottom:0}.selection-list{display:flex;flex-direction:column;gap:8px}.selection-row{display:flex;gap:11px;align-items:center;padding:11px 12px;background:#22262c;border:1px solid #3b424a;border-radius:8px;min-width:0}.small-avatar{height:37px;width:37px;border-radius:8px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none;background:linear-gradient(135deg,var(--av1),var(--av2))}.selection-row .selection-title{min-width:0;flex:1}.selection-row b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-row small{color:#929aa3;font-size:10px;display:block;margin-top:4px}.selection-cost{font-weight:850;font-size:13px;color:var(--yellow);white-space:nowrap}.result-footnote{font-size:11px;color:#8b939e;margin:14px 0 0}.selection-list .empty-state{padding:25px}.summary-incomplete{color:#e5b04a!important}
/* How */
.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.how-card{background:linear-gradient(155deg,#222326,#12161a);border:1px solid #363c42;border-radius:14px;padding:25px;position:relative;min-height:265px}.how-card>span{color:#66591d;font-weight:950;font-size:35px;position:absolute;top:17px;right:20px}.how-icon{width:52px;height:52px;border:1px solid #7f671b;background:#332b13;display:flex;align-items:center;justify-content:center;color:var(--yellow);border-radius:12px;margin-bottom:32px}.how-icon svg{height:26px;width:26px}.how-card h3{font-size:18px;margin-bottom:9px}.how-card p{font-size:13px;color:#a7b0ba;margin:0}.how-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.how-detail{padding:29px}.how-detail h2{font-size:29px;margin:10px 0}.how-detail p{font-size:13px;color:#b3bac2}.how-detail-highlight{background:linear-gradient(135deg,#282414,#13171a);border-color:#756122}.check-rows{display:flex;flex-direction:column;gap:10px;margin-top:19px}.check-rows span{font-size:13px;display:flex;align-items:center;gap:8px}.check-rows svg{color:var(--yellow);width:16px;height:16px}.schedule{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:25px 0 12px}.schedule span{border-radius:5px;background:#2e333a;text-align:center;padding:12px 2px;font-size:10px;color:#7c858f}.schedule .on{background:var(--yellow);color:#111;font-weight:950}.how-detail small{color:#87909b}.center-cta{display:flex;justify-content:center;padding:35px 0 90px}
/* Pricing */
.pricing-layout{display:grid;grid-template-columns:1fr .9fr;gap:25px;padding-bottom:96px}.price-calculator{padding:34px}.price-calculator h2{margin:10px 0 31px;font-size:29px}.slider-group{margin-bottom:32px}.slider-group>div{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.slider-group span{font-size:13px;color:#bac1c7}.slider-group b{font-size:14px;color:var(--yellow)}input[type="range"]{width:100%;accent-color:#ffe022;cursor:pointer}.pricing-eval{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.pricing-eval>div{background:#292716;border:1px solid #645421;border-radius:10px;padding:18px}.pricing-eval span{color:#b6b7a5;font-size:12px;display:block}.pricing-eval strong{color:var(--yellow);font-size:30px;margin-top:12px;display:block}.price-calculator p{font-size:12px;color:#929ca7;margin:0}.pricing-explain{display:flex;flex-direction:column;gap:13px}.formula-card{display:flex;gap:15px;padding:20px;background:#1a1e23;border:1px solid #353a40;border-radius:12px}.formula-icon{display:flex;align-items:center;justify-content:center;height:44px;width:44px;color:var(--yellow);background:#36301a;border-radius:10px;flex:none}.formula-card h3{font-size:16px;margin:0 0 5px}.formula-card p{color:#9ea7af;font-size:12px;margin:0}.pricing-explain>.btn{margin-top:8px}
/* FAQ */
.faq-wrap{max-width:990px;padding-bottom:110px}.faq-item{border:1px solid #343a43;border-radius:12px;background:#171b20;margin-bottom:11px;overflow:hidden}.faq-item[open]{border-color:#866c23;background:#1c1e20}.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;padding:21px 23px;font-weight:780;font-size:15px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{color:var(--yellow);transition:transform .2s}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{color:#b4bbc4;margin:0;padding:0 23px 23px;font-size:14px}
/* Drafts */
.drafts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.draft-card{padding:23px;border:1px solid #3f454c;background:linear-gradient(145deg,#23262b,#161a20);border-radius:14px}.draft-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.draft-heading h3{font-size:19px;margin:0 0 7px}.draft-heading small{color:#9ea8b1}.draft-badge{border:1px solid #82702c;border-radius:5px;color:#edd361;padding:5px 7px;font-size:10px;font-weight:800}.draft-values{display:flex;gap:22px;margin:20px 0;color:#c7cbd0;font-size:13px}.draft-values strong{display:block;font-size:20px;color:var(--yellow);margin-top:4px}.draft-actions{display:flex;gap:8px}.draft-actions button{border:1px solid #50555e;color:#e3e7ea;border-radius:7px;background:#2b3036;padding:9px 14px;font-weight:700}.draft-actions button:hover{border-color:var(--yellow)}.draft-actions .delete{color:#f1868e}.draft-bottom{margin-top:28px;margin-bottom:90px}.draft-empty{border:1px dashed #555d65;border-radius:14px;padding:45px;text-align:center;color:#a5adb5;grid-column:1/-1}.draft-empty svg{width:42px;height:42px;color:var(--yellow)}.draft-empty h3{margin-top:15px;color:#fff}
/* Footer/modal/toasts */
.footer{background:#0e1115;border-top:1px solid #31353c}.footer-main{padding-top:42px;padding-bottom:35px;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.footer-main .brand-name{font-size:27px}.footer-main .brand-emblem{transform:skew(-21deg) scale(.82);transform-origin:left center;width:38px}.footer-main p{font-size:13px;color:#9fa8b3;margin-top:18px}.footer-demo{font-size:11px;color:#b3a061}.footer-links{display:grid;grid-template-columns:repeat(3,max-content);column-gap:28px;row-gap:16px}.footer-links a{color:#b9bfc7;font-size:13px}.footer-links a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid #292f36;display:flex;justify-content:space-between;gap:20px;padding:19px 0;color:#77818b;font-size:11px}.toast-holder{position:fixed;right:20px;bottom:22px;z-index:110;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;background:#20252b;border:1px solid #a88b28;border-left:4px solid var(--yellow);box-shadow:0 15px 44px #000c;border-radius:9px;min-width:270px;max-width:390px;padding:15px 17px;color:#e9eaeb;font-size:13px;animation:toastIn .2s ease;line-height:1.45}@keyframes toastIn{from{transform:translateX(25px);opacity:0}to{transform:translateX(0);opacity:1}}.profile-modal{width:min(520px,calc(100vw - 32px));border:1px solid #a58b31;border-radius:15px;background:linear-gradient(145deg,#22252b,#12161a);color:#f7f7f7;padding:25px;box-shadow:0 25px 100px #000f}.profile-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}.modal-close{position:absolute;top:13px;right:14px;background:#2f343b;color:#e8e8e8;border:1px solid #4d555e;border-radius:7px;padding:5px;display:flex}.profile-top{display:flex;gap:14px;align-items:center;padding-right:35px;margin-bottom:18px}.profile-top h2{font-size:25px;margin:0 0 6px}.profile-top p{font-size:12px;color:#abb3bd;margin:0}.profile-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.profile-metrics>div{background:#272c33;border:1px solid #3b434d;border-radius:8px;padding:13px}.profile-metrics small{display:block;color:#97a3ad;font-size:10px}.profile-metrics strong{display:block;font-size:20px;margin-top:4px}.modal-footer-note{font-size:11px;color:#939da7;margin-bottom:18px}
@media(max-width:1220px){.desktop-nav{gap:15px}.header-inner{gap:14px}.brand-name{font-size:26px}.brand-emblem{width:37px}.hero-grid{grid-template-columns:53% 47%}.hero h1{font-size:49px}.hero-proof{gap:11px}.quick-fields{grid-template-columns:repeat(4,1fr)}.quick-run{grid-column:span 4}.streamer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{position:absolute;left:0;right:0;top:77px;background:#12161a;border-bottom:1px solid #3e4249;padding:18px 32px;flex-direction:column;gap:0}.mobile-nav.open{display:flex}.mobile-nav a{display:block;padding:13px 5px;border-bottom:1px solid #292f36;font-weight:750;font-size:14px}.mobile-nav a:last-child{border-bottom:none}.hero-grid{grid-template-columns:1fr}.hero-visual{height:350px}.stream-stack{max-width:540px}.hero-copy{padding-top:24px;padding-bottom:0}.hero h1{max-width:750px;font-size:clamp(43px,7vw,63px)}.hero-sub{max-width:660px}.benefits-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 17px}.catalog-sidebar .sidebar-title,.sidebar-verify,.catalog-sidebar>.btn{grid-column:span 2}.catalog-sidebar>.field{margin:0}.catalog-sidebar .toggle-line{margin:10px 0}.builder-layout{grid-template-columns:1fr}.summary-panel{position:static;order:-1}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);column-gap:18px}.how-grid{grid-template-columns:repeat(2,1fr)}.pricing-layout{grid-template-columns:1fr}.dark-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.container{width:min(100% - 30px,540px)}.header{height:66px}.header-inner{gap:10px}.brand{gap:7px}.brand-name{font-size:23px}.brand-emblem{width:30px;transform:skew(-21deg) scale(.7);transform-origin:left center}.header-actions{gap:9px}.header-actions>.btn{display:none}.demo-badge{font-size:9px;padding:5px}.mobile-nav{top:66px;padding:12px 20px}.hero-grid{padding-top:18px;min-height:0;padding-bottom:26px}.hero h1{font-size:clamp(39px,10vw,55px)}.hero-sub{font-size:14px}.eyebrow{font-size:9px;letter-spacing:.11em}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.hero-proof{gap:10px}.hero-proof span{font-size:10px}.hero-visual{height:270px;margin:7px 0}.stream-stack{width:95%;transform:scale(.83) rotate(-2.2deg)}.stream-scene{height:200px}.stream-toolbar{padding:9px}.mini-stream{right:-10px}.float-stat{bottom:-18px;left:-22px;transform:scale(.85) rotate(2deg);transform-origin:left bottom}.benefits-grid{gap:9px;padding-top:15px}.feature-card{padding:14px}.section-head{margin-top:45px;align-items:flex-start}.section-head h2{font-size:28px}.section-head p{font-size:12px}.section-head .text-link{font-size:11px}.quick-builder{padding:14px}.quick-fields{grid-template-columns:repeat(2,1fr);gap:12px}.quick-run{grid-column:span 2}.quick-note{align-items:flex-start}.streamer-grid{grid-template-columns:1fr}.streamer-card{padding:14px}.dark-cta{padding:22px;margin-top:43px;margin-bottom:48px}.dark-cta h2{font-size:25px}.dark-cta .btn{width:100%;white-space:normal}.page-top{padding-top:40px;padding-bottom:25px}.page-top h1{font-size:40px}.page-top p{font-size:14px}.catalog-sidebar{grid-template-columns:1fr}.catalog-sidebar .sidebar-title,.sidebar-verify,.catalog-sidebar>.btn{grid-column:span 1}.catalog-results{align-items:flex-start;flex-wrap:wrap}.sort-wrap{width:100%;justify-content:space-between}.sort-wrap select{flex:1}.two-cols{grid-template-columns:1fr}.form-panel{padding:17px}.form-heading h2{font-size:18px}.form-heading p{font-size:11px}.summary-panel{padding:17px}.summary-label{font-size:13px}.calc-label{font-size:8px}.summary-stats span{font-size:10px}.summary-stats b{font-size:12px}.summary-total strong{font-size:29px}.builder-layout{gap:13px}.how-grid,.how-split,.pricing-eval,.drafts-grid{grid-template-columns:1fr}.how-card{min-height:0}.how-icon{margin-bottom:18px}.how-detail{padding:20px}.how-detail h2{font-size:23px}.pricing-layout{gap:14px}.price-calculator{padding:20px}.price-calculator h2{font-size:24px}.pricing-eval{grid-template-columns:repeat(2,1fr)}.pricing-eval>div{padding:13px}.pricing-eval strong{font-size:22px}.faq-item summary{font-size:13px;padding:17px}.faq-item p{font-size:12px;padding:0 17px 17px}.footer-main{flex-direction:column;gap:24px}.footer-links{grid-template-columns:repeat(2,max-content)}.footer-bottom{flex-direction:column;gap:5px}.draft-values{gap:14px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* Interactive game targeting */
.quick-fields{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-fields .field{min-width:0}.quick-fields .quick-run{grid-column:1/-1;justify-self:end}
.game-filter{margin:17px 0 18px}.game-label{display:block;color:#dde2e6;font-size:12px;font-weight:750;margin-bottom:10px}.game-picker{background:#1b2027;border:1px solid #404650;border-radius:11px;padding:12px}.game-mode-tabs{display:flex;gap:5px;margin-bottom:10px}.game-mode-tabs button{border:1px solid transparent;border-radius:7px;background:#2d333b;color:#bcc5cd;font-size:11px;font-weight:750;padding:8px 10px;flex:1;cursor:pointer;white-space:nowrap}.game-mode-tabs button.active{background:var(--yellow);color:#121212;border-color:#ffea85}.game-picker input.game-search{width:100%;height:39px;line-height:39px;font-size:12px;margin-bottom:10px;background:#10151b;border:1px solid #3e464f;border-radius:7px;padding:0 11px}.game-options{display:flex;flex-wrap:wrap;gap:6px;max-height:164px;overflow:auto;padding:3px 1px}.game-options .game-chip{border:1px solid #3c454f;background:#282e36;color:#d8e0e7;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:700;cursor:pointer;transition:background .14s}.game-options .game-chip:hover{border-color:#d9b915}.game-options .game-chip.active{background:#554710;border-color:var(--yellow);color:#ffe45c}.game-options .game-chip:disabled{cursor:not-allowed;opacity:.5}.game-selected{display:flex;flex-wrap:wrap;gap:5px;padding-top:9px;margin-top:10px;border-top:1px solid #333b44}.game-selected:empty{display:none}.game-selected .chosen-chip{padding:5px 7px;background:#3a3416;border:1px solid #65551d;color:#fce35c;border-radius:5px;font-size:10px}.game-hint{font-size:11px;color:#8d97a3;line-height:1.5;margin:8px 0 0}.catalog-sidebar .game-mode-tabs{flex-wrap:wrap}.catalog-sidebar .game-mode-tabs button{font-size:10px;padding:7px 4px}.catalog-sidebar .game-options{max-height:185px}.game-options .game-empty{font-size:11px;color:#9da8b3;padding:10px}.streamer-tags{min-height:32px}.game-category-label{font-size:11px;color:#ffe06a;background:#322b12;border:1px solid #65541c;border-radius:5px;padding:5px 8px;margin-bottom:9px;display:inline-block}
@media(max-width:1200px){.quick-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-fields .quick-run{grid-column:auto;align-self:end}}
@media(max-width:800px){.quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-fields .quick-run{grid-column:1/-1;justify-self:stretch}}
@media(max-width:530px){.quick-fields{grid-template-columns:1fr}.game-mode-tabs{flex-wrap:wrap}.game-mode-tabs button{white-space:normal}}