:root{--ink:#17152d;--muted:#757287;--purple:#7353ff;--violet:#9a7cff;--lime:#d9ff43;--cream:#f7f5fb;--line:#ded9eb;--white:#fff;--shadow:0 20px 50px rgba(39,25,92,.13)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Trebuchet MS',sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:78px;background:#fff;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid #e8e5ee;position:sticky;top:0;z-index:15}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:700 20px 'Arial Black';letter-spacing:-1px}.brand>span:last-child>span{color:var(--purple)}.brand-mark{width:31px;height:31px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-7deg)}.brand-mark i{background:var(--purple);border-radius:2px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--lime)}nav{display:flex;margin:auto;gap:34px}.nav-link,.text-button{border:0;background:none;font:600 13px inherit;color:#777386;cursor:pointer;padding:28px 0;position:relative}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;height:3px;background:var(--purple);left:0;right:0;bottom:0}.profile-button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:7px 11px;cursor:pointer;position:relative}.profile-button .live-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#32d778;border:2px solid #fff;left:37px;top:7px}.avatar{width:32px;height:32px;background:#231f3e;color:white;display:grid;place-items:center;border-radius:9px;font-size:11px;font-weight:700}.profile-button strong,.profile-button small{display:block;text-align:left}.profile-button strong{font-size:12px}.profile-button small{font-size:9px;color:var(--muted)}.profile-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.view{display:none;min-height:calc(100vh - 78px)}.view.active{display:block}.hero{min-height:610px;padding:70px 8vw 45px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(210,201,255,.6),transparent 25%),linear-gradient(135deg,#f9f8fb 55%,#efebff)}.eyebrow{font:700 10px 'Arial Black';letter-spacing:2.1px;color:#3c365d;margin-bottom:22px}.eyebrow span{color:var(--purple);font-size:9px}.hero h1,.page-head h1{font:700 clamp(54px,5.5vw,86px)/.93 'Arial Black';letter-spacing:-5px;margin:0 0 28px}.hero h1 em,.page-head h1 em{font-style:normal;color:var(--purple)}.hero>div:first-child>p,.page-head p{font-size:17px;line-height:1.65;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:22px;align-items:center;margin:34px 0}.primary-button,.outline-button,.back-button,.icon-button{border:0;cursor:pointer;font:700 12px 'Trebuchet MS';border-radius:8px;padding:14px 18px}.primary-button{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--lime);transition:.2s}.primary-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--lime)}.primary-button span{margin-left:18px}.outline-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.text-button{color:var(--ink);padding:12px}.text-button span{margin-left:12px}.mini-stats{display:flex;align-items:center;gap:17px;font-size:11px;color:var(--muted);margin-top:45px}.mini-stats b{font:700 18px 'Arial Black';color:var(--ink);display:block}.mini-stats i{height:25px;width:1px;background:var(--line)}.hero-visual{height:480px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #c8bfff;border-radius:50%}.orbit-one{width:470px;height:360px;transform:rotate(-15deg)}.orbit-two{width:350px;height:470px;transform:rotate(29deg)}.sample-card{width:360px;background:#fff;padding:14px;box-shadow:0 28px 70px rgba(65,43,160,.25);transform:rotate(-4deg);position:relative;z-index:2;border:2px solid var(--ink)}.sample-header{height:80px;background:var(--purple);color:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;font:700 22px/1 'Arial Black'}.sample-header small{background:var(--lime);color:var(--ink);padding:6px;transform:rotate(5deg);font-size:8px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-top:5px}.sample-grid>span{height:92px;background:#f0ecff;border:1px solid #d7cffa;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px;position:relative}.sample-grid small{font-size:8px;font-weight:700;margin-top:7px}.sample-grid .checked:after{content:"×";position:absolute;font:700 80px/1 'Arial Black';color:#6546fa;opacity:.8}.sample-grid .star{background:var(--lime)}.float-label{position:absolute;z-index:3;background:var(--lime);font:600 10px 'Arial Black';padding:12px 16px;box-shadow:4px 4px 0 var(--ink);transform:rotate(6deg)}.float-label b{font-size:16px}.label-one{left:2%;top:28%}.label-two{right:0;bottom:18%;background:#fff;transform:rotate(-7deg)}.section-heading{padding:60px 8vw 25px;display:flex;justify-content:space-between;align-items:end}.section-heading>div{display:flex;align-items:center;gap:24px}.section-number{font:700 10px 'Arial Black';background:var(--lime);padding:8px}.section-heading h2{font:700 31px 'Arial Black';margin:0}.section-heading p{margin:5px 0;color:var(--muted);font-size:13px}.cards-grid{padding:15px 8vw 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-tile{background:#fff;border:1px solid var(--line);padding:13px;transition:.2s;position:relative}.card-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-preview{aspect-ratio:1.45;background:#efeaff;padding:12px;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:3px;overflow:hidden}.card-preview span{background:rgba(255,255,255,.7);display:grid;place-items:center;font-size:9px;text-align:center;overflow:hidden}.card-preview.theme-midnight{background:#17152d}.card-preview.theme-midnight span{background:#292548;color:white}.card-preview.theme-pop{background:#ff6577}.card-preview.theme-pop span{background:#ffe65c;color:#231f3e}.card-preview.theme-mint{background:#a8f2d3}.card-preview.theme-mint span{background:#effff8}.card-meta{padding:15px 5px 4px;display:flex;justify-content:space-between;align-items:center}.card-meta h3{margin:0 0 4px;font:700 15px 'Arial Black'}.card-meta small{color:var(--muted);font-size:10px}.card-actions{display:flex;gap:6px}.card-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 9px;cursor:pointer;font-size:11px}.card-actions .go-live{background:var(--lime);border-color:var(--ink);font-weight:700}.empty-card{min-height:240px;border:1px dashed #bcb5ce;display:grid;place-items:center;text-align:center;cursor:pointer;background:transparent}.empty-card span{font-size:35px;color:var(--purple)}.empty-card b{display:block;margin:10px}.page-head{padding:70px 8vw 30px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(135deg,#fbfafc,#efebff)}.page-head h1{font-size:64px;margin-bottom:12px}.page-head p{margin:0}.page-head.narrow{display:block;text-align:center}.page-head.narrow p{margin:auto}.filter-row{padding:25px 8vw 0;display:flex;gap:10px;align-items:center}.filter-row span{margin-left:auto;font-size:11px;color:var(--muted)}.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 18px;font:600 11px inherit;cursor:pointer}.chip.active{background:var(--ink);color:#fff}.steps{padding:55px 8vw;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{background:#fff;border:1px solid var(--line);padding:35px;min-height:310px;position:relative}.steps article>b{position:absolute;right:25px;top:20px;color:#d8d3e2;font:700 44px 'Arial Black'}.steps article>span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--lime);font-size:28px;margin:35px 0}.steps h3{font:700 23px 'Arial Black';margin:0 0 12px}.steps p{color:var(--muted);line-height:1.65}.editor-head{height:92px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw}.editor-head>div:last-child{justify-self:end;display:flex;gap:10px}.editor-head h2{font:700 18px 'Arial Black';margin:5px;text-align:center}.status-pill{display:block;text-align:center;font-size:8px;color:var(--purple);font-weight:700}.back-button{background:none}.editor-layout{display:grid;grid-template-columns:295px 1fr;min-height:calc(100vh - 170px)}.settings-panel{background:#fff;border-right:1px solid var(--line);padding:32px}.settings-panel label,.setting-group>label{font:700 9px 'Arial Black';letter-spacing:1.2px;display:block}.settings-panel input,.settings-panel select{width:100%;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:6px;font:500 13px inherit;outline-color:var(--purple);background:#fff}.setting-group{margin-top:30px}.size-row{display:flex;align-items:center;gap:8px}.size-row select{margin-top:9px}.setting-group>small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.theme-option{border:2px solid transparent;background:#f3efff;padding:7px;height:60px;cursor:pointer;border-radius:5px;position:relative}.theme-option.active{border-color:var(--purple)}.theme-option i{display:block;height:28px;background:var(--theme);margin-bottom:4px}.theme-option small{font-size:8px;font-weight:700}.tip{display:flex;gap:10px;background:#f1edff;margin-top:35px;padding:13px;font-size:10px;line-height:1.5}.tip p{margin:0}.tip b{display:block}.editor-canvas{padding:25px 40px 60px;background:#ece9f2;overflow:auto}.canvas-toolbar{display:flex;justify-content:space-between;max-width:730px;margin:0 auto 15px;font:700 9px 'Arial Black';letter-spacing:1px}.canvas-toolbar small{font:500 9px 'Trebuchet MS';color:var(--muted)}.canvas-toolbar i{display:inline-block;width:6px;height:6px;background:#41cf83;border-radius:50%}.editable-card,.live-board{background:#fff;border:2px solid var(--ink);box-shadow:10px 10px 0 rgba(22,20,44,.15);padding:10px;max-width:730px;margin:auto}.editable-card .board-title,.live-board .board-title{height:74px;background:var(--purple);color:white;padding:0 26px;display:flex;align-items:center;justify-content:space-between;font:700 27px 'Arial Black'}.board-title small{font-size:9px;letter-spacing:2px}.edit-grid,.play-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(60px,1fr));gap:5px;margin-top:5px}.edit-grid textarea{resize:none;border:1px solid #d9d2f3;background:#f1edff;padding:8px;text-align:center;font:600 12px 'Trebuchet MS';outline-color:var(--purple);min-height:70px}.canvas-help{text-align:center;font-size:10px;color:var(--muted)}.editable-card.theme-midnight,.live-board.theme-midnight{background:#0d0c19;border-color:#6c60ff}.theme-midnight .board-title{background:#211c45}.theme-midnight .edit-grid textarea{background:#292548;color:#fff;border-color:#3e3865}.editable-card.theme-pop,.live-board.theme-pop{background:#ff6577}.theme-pop .board-title{background:#202039;color:#ffe65c}.theme-pop .edit-grid textarea{background:#ffe65c;border-color:#222}.editable-card.theme-mint,.live-board.theme-mint{background:#a8f2d3}.theme-mint .board-title{background:#173e3c}.theme-mint .edit-grid textarea{background:#effff8;border-color:#54bd9c}.live-toolbar{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--line)}.live-toolbar>div{display:flex;align-items:center;gap:10px}.live-badge{font-size:9px;font-weight:700;color:#ff425d;background:#ffe9ec;padding:7px 9px;border-radius:20px}.icon-button{font-size:24px;padding:4px 12px;background:none}.stream-stage{min-height:calc(100vh - 142px);padding:48px;display:grid;place-items:center;background:#151229;position:relative;overflow:hidden}.stage-lights{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(115,83,255,.22),transparent 28%),radial-gradient(circle at 75% 70%,rgba(217,255,67,.1),transparent 24%);background-size:100% 100%}.live-board{width:min(850px,72vw);max-width:none;position:relative;z-index:2;box-shadow:18px 18px 0 rgba(115,83,255,.45)}.live-board .board-title{height:95px;font-size:38px}.play-grid button{min-height:80px;border:1px solid #d9d2f3;background:#f1edff;font:700 clamp(10px,1.2vw,17px) 'Trebuchet MS';cursor:pointer;position:relative;padding:7px;color:var(--ink)}.play-grid button:hover{filter:brightness(.96)}.play-grid button.marked:after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(65px,9vw,120px)/1 'Arial Black';color:#6546fa;text-shadow:2px 2px 0 white;animation:markIn .2s ease-out}.theme-midnight .play-grid button{background:#292548;color:#fff;border-color:#47406f}.theme-pop .play-grid button{background:#ffe65c;border-color:#222}.theme-mint .play-grid button{background:#effff8;border-color:#54bd9c}.bingo-celebration{position:absolute;z-index:5;display:none;flex-direction:column;align-items:center;color:white;text-shadow:7px 7px 0 var(--purple);animation:bingoIn .6s cubic-bezier(.17,.89,.32,1.35)}.bingo-celebration.show{display:flex}.bingo-celebration strong{font:700 clamp(90px,15vw,210px)/.8 'Arial Black';letter-spacing:-10px}.bingo-celebration span{font-size:60px;color:var(--lime);text-shadow:none}.bingo-celebration small{margin-top:25px;background:var(--lime);color:var(--ink);text-shadow:none;padding:10px 18px;font-weight:700;letter-spacing:2px}.obs-hint{height:72px;display:flex;justify-content:center;align-items:center;gap:18px;background:#fff;font-size:11px;color:var(--muted)}.obs-hint b{color:var(--ink)}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;padding:14px 20px;display:flex;align-items:center;gap:12px;z-index:30;transform:translateY(120px);opacity:0;transition:.3s;box-shadow:var(--shadow)}.toast.show{transform:translateY(0);opacity:1}.toast>span{width:28px;height:28px;background:var(--lime);color:var(--ink);display:grid;place-items:center;border-radius:50%}.toast p,.toast small{margin:0;display:block}.toast b{font-size:12px}.toast small{font-size:9px;color:#aaa7bc;margin-top:2px}@keyframes markIn{from{transform:scale(1.8) rotate(12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:.9}}@keyframes bingoIn{from{transform:scale(.25) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:900px){nav{display:none}.topbar{justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{margin-top:20px}.cards-grid,.steps{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr}.settings-panel{border:0}.editor-head{grid-template-columns:auto 1fr}.editor-head>div:last-child{grid-column:1/-1;position:fixed;bottom:12px;right:12px;z-index:10}.live-board{width:90vw}.play-grid button{min-height:60px}}@media(max-width:600px){.profile-button>span:not(.avatar):not(.live-dot){display:none}.hero{padding:45px 6vw}.hero h1,.page-head h1{font-size:48px;letter-spacing:-3px}.hero-visual{transform:scale(.75);margin:-40px -70px}.cards-grid,.steps{grid-template-columns:1fr}.page-head{padding:45px 6vw;align-items:start;gap:25px;flex-direction:column}.section-heading{padding-left:6vw;padding-right:6vw}.editor-canvas{padding:20px 8px}.edit-grid textarea{font-size:9px;padding:3px}.stream-stage{padding:15px}.live-toolbar strong,.live-toolbar .outline-button:first-child{display:none}.live-board{width:96vw}.live-board .board-title{height:65px;font-size:24px}.play-grid button{min-height:48px;font-size:8px}.bingo-celebration strong{font-size:75px;letter-spacing:-5px}.obs-hint{padding:10px;text-align:center}}