:root{--primary-gradient:linear-gradient(100deg, #ec008c 0%, #ff2555 48%, #ff7900 100%);--primary-text:#232527;--secondary-text:#70777c;--border-color:#e7e8e9;--success-color:#178c57;--danger-color:#d38d00;--background-color:#fff;--bg:var(--background-color);--text:var(--primary-text);--muted:var(--secondary-text);--border:var(--border-color);--font:Inter, "Segoe UI", Roboto, Arial, sans-serif;--radius:5px;--shadow:0 8px 30px #1723260b}.television-preview{width:100%;margin-bottom:0;padding-bottom:32px}.television-bezel{background:linear-gradient(125deg,#666,#262626 45%,#4d4d4d);border:1px solid #777;border-radius:2px;padding:5px 5px 9px;position:relative;box-shadow:0 2px 1px #0004}.television-display{aspect-ratio:16/9;background:#03061b;position:relative;overflow:hidden}.television-display>img{object-fit:cover;width:100%;height:100%;display:block}.television-power{background:#913329;width:3px;height:2px;position:absolute;bottom:3px;left:8px}.television-stand{clip-path:polygon(12% 0,19% 0,14% 76%,86% 76%,81% 0,88% 0,100% 100%,0 100%);background:linear-gradient(#b8b8b8,#282828 60%,#080808 80%,#717171);height:30px;position:absolute;bottom:5px;left:26%;right:26%}.watch-video{color:#fff;white-space:nowrap;background:linear-gradient(110deg,#16bdb1,#39dd9b);border:0;border-radius:50px;justify-content:center;align-items:center;gap:9px;padding:13px 23px;font-size:clamp(13px,1.6vw,19px);font-weight:500;display:inline-flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.watch-video:hover{transform:translate(-50%,-2px)}.hero.hero-without-preview{grid-template-columns:1fr}.dialog.video-dialog{width:min(900px,95vw);max-width:900px}.video-dialog iframe,.video-dialog video{aspect-ratio:16/9;background:#090d18;border:0;border-radius:4px;width:100%;display:block}.video-empty{text-align:center;color:var(--muted);padding:45px 15px}.video-empty svg{color:#19c5ab}.admin-media-body{padding:24px}.admin-media-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:28px;display:grid}.admin-media-grid form{gap:18px;display:grid}.admin-media-preview{min-width:0;position:sticky;top:20px}.admin-media-preview .eyebrow{margin-bottom:18px;display:block}.admin-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-control{border:1px dashed var(--border);background:#fafafa;border-radius:6px;padding:12px;font-size:12px}.upload-control input{border:0;padding:8px 0 0;font-size:12px}.admin-action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-device-editor{gap:20px;display:grid}.admin-device-playlists{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.admin-search{width:min(300px,100%)}@media (max-width:767px){.landing .hero-copy{text-align:center}.landing .hero h1{letter-spacing:-1px;font-size:34px}.landing .hero-actions,.landing .compatibility{justify-content:center}.landing .television-preview{max-width:none}.watch-video{padding:11px 20px;font-size:15px}.admin-media-grid{grid-template-columns:1fr}.admin-media-body{padding:16px}.admin-media-preview{position:static}.television-stand{height:24px;bottom:8px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font);margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button,a,input,select{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ec008c}input:focus,select:focus{border-color:#eb4b90;outline:none;box-shadow:0 0 0 3px #ec008c13}form{margin:0}label{color:#5d666c;margin-bottom:21px;font-size:16px;font-weight:400;display:block}input,select{color:#34383b;border:1px solid var(--border);background:#fff;border-radius:3px;width:100%;min-width:0;min-height:48px;padding:12px 15px;display:block}input::placeholder{color:#8d9497;opacity:1}label input,label select{margin-top:8px}select{padding-right:32px}img{max-width:100%}p{color:var(--muted)}.wrap{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;background:#fff;border-bottom:1px solid #f2f2f2;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:25px;min-height:106px;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.brand img{object-fit:contain;filter:brightness(0);width:100px;height:49px}.brand span{letter-spacing:2px;color:#6d7478;border-left:1px solid #d3d4d5;padding-left:11px;font-size:10px}.brand.small img{width:73px;height:36px}.site-navigation,.site-navigation nav{align-items:center;gap:18px;display:flex}.site-navigation a,.site-navigation nav>button{color:#595c65;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:10px 0;font-size:13px;font-weight:500;display:inline-flex}.site-navigation a:hover,.site-navigation nav>button:hover,.site-navigation .active{color:#dd087f}.site-navigation nav>button>span,.site-navigation nav a>span{background:#f0f1f3;border-radius:20px;padding:0 6px;font-size:10px}.site-navigation nav .button{color:#fff;background:var(--primary-gradient);padding:10px 15px}.site-navigation nav .button:hover{color:#fff;background:var(--primary-gradient)}.site-navigation svg{width:16px;height:16px}.utility-navigation{border-left:1px solid var(--border);padding-left:16px}.site-navigation .nav-login{font-weight:600}.menu-toggle{background:0 0;border:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:6px;display:none;position:relative}.menu-toggle span{background:#20192d;border-radius:4px;height:4px;margin:6px 0;transition:transform .18s,opacity .18s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(10px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:last-child{transform:translateY(-10px)rotate(-45deg)}.site-banner{background:#141821;height:72px;position:relative;overflow:hidden}.site-banner img{object-fit:cover;object-position:center 42%;filter:blur(12px)brightness(.28);width:100%;height:100%;transform:scale(1.04)}.site-banner:after{content:"";background:linear-gradient(90deg,#30211f66,#11171555,#341c201a);position:absolute;inset:0}.button{background:var(--primary-gradient);color:#fff;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 22px;font-size:15px;font-weight:600;line-height:1.4;display:inline-flex;box-shadow:0 3px 9px #f4335b10}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 16px #f4335b20}.button:active:not(:disabled){transform:translateY(0)}.button.secondary{color:#fff;box-shadow:none;background:#707f88}.button.light{color:#ac185b;background:#fff}.button.danger{background:#cf354c}.button.small-button{min-height:42px;font-size:13px}.button.full{width:100%;display:flex}.icon-button{color:#737c83;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:inline-flex}.icon-button:hover{background:#f5f5f7}.icon-button.bordered{border:1px solid var(--border);background:#fff}.text-button{color:#a83163;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:14px;display:inline-flex}.danger-text{color:#c72e47}.fine-print,.form-note{color:#9b7832;font-size:12px;line-height:1.8}.form-error{color:#ad2946;overflow-wrap:anywhere;background:#fff4f7;border:1px solid #f3b8c8;border-radius:4px;padding:12px 15px;font-size:14px}.form-error .text-button{margin-left:12px}.security-note{color:#967641;justify-content:center;align-items:center;gap:8px;padding:15px 0;font-size:12px;display:flex}.security-note svg{flex-shrink:0}.eyebrow{letter-spacing:1.8px;color:#a86477;font-size:11px;font-weight:600}.status-dot{background:#ee2483;border-radius:50%;width:6px;height:6px;display:inline-block}.check-circle{color:#178655;background:#e1f4e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.portal-main{min-height:65vh}.workspace-content{width:calc(100% - 48px);max-width:1100px;margin:auto;padding:0 0 65px}.page-heading{text-align:center;margin:0 0 39px;padding-top:64px;position:relative}.page-heading .eyebrow{display:none}.page-heading h1{letter-spacing:-1.5px;margin:0 0 23px;font-size:clamp(30px,4.4vw,46px);font-weight:600;line-height:1.2}.page-heading p{margin:25px 0 0;font-size:17px;font-weight:300}.title-indicator{background:#d3efdc;border-radius:3px;width:88px;height:4px;margin:auto;display:block;position:relative}.title-indicator:after{content:"";background:#41c875;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;left:58%}.heading-actions{gap:9px;display:flex;position:absolute;top:19px;right:0}.heading-actions .button{color:#767e85;background:#fff;border-color:#e3e5e6;min-height:38px;padding:9px 12px;font-size:12px}.heading-actions .icon-button{min-width:38px;min-height:38px}.heading-actions svg{width:16px;height:16px}.device-summary{justify-content:space-between;align-items:flex-start;gap:25px;min-height:100px;margin:48px 0 25px;display:flex}.device-choice{width:min(290px,38%);margin:0;font-size:12px}.device-choice select{min-height:42px;font-size:14px}.device-summary dl{color:#787f83;max-width:100%;margin:0 0 0 auto;font-weight:300}.device-summary dl>div{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.device-summary dt{font-weight:400}.device-summary dd{overflow-wrap:anywhere;margin:0}.active-status{color:#178b53}.dashboard-actions{flex-wrap:wrap;gap:9px;margin:25px 0 8px;display:flex}.tab-button{color:#fff;background:#969696;border:1px solid #d4d4d4;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:10px 22px;font-size:17px;line-height:1.4;display:inline-flex}.tab-button.selected{background:#858585}.tab-button:hover{background:#767676;transform:translateY(-1px)}.playlist-toolbar{background:linear-gradient(90deg,#eff4f6,#fff);flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:8px 0;display:flex}.playlist-toolbar .button{min-height:43px;padding:10px 18px;font-size:15px}.playlist-count{color:#8c9296;margin-left:auto;padding-right:12px;font-size:12px}.playlist-table-shell{border:1px solid #f0f0f0;border-radius:3px;margin-bottom:25px;overflow:hidden;box-shadow:0 3px 15px #192d3b05}.playlist-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.playlist-table thead{background:var(--primary-gradient);color:#fff}.playlist-table th{width:35%;padding:19px 24px;font-size:23px;font-weight:400}.playlist-table th:nth-child(2){width:45%}.playlist-table th:last-child{width:20%}.playlist-table td{vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #eee;padding:24px;font-size:16px}.playlist-table tbody tr:last-child td{border-bottom:0}.playlist-table td strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.playlist-table small{color:#99a0a4;margin-top:4px;font-size:10px;display:block}.playlist-url{color:#767b80;white-space:nowrap;text-overflow:ellipsis;font-weight:300;display:block;overflow:hidden}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.edit-button,.delete-button{border:0;border-radius:4px;min-height:38px;padding:7px 13px;font-size:14px;font-weight:600}.edit-button{color:#fff;background:#168755}.delete-button{color:#222;background:#ffd000}.edit-button:hover{background:#116c44}.delete-button:hover{background:#f2c300}.playlist-empty{color:#82878b;text-align:center;padding:36px 22px!important;font-size:14px!important}.sync-tip{color:#438d6b;background:#f8fbf9;border:1px solid #e5efe9;border-radius:4px;align-items:flex-start;gap:10px;margin-top:22px;padding:15px 18px;display:flex}.sync-tip svg{flex-shrink:0;margin-top:4px}.sync-tip p{color:#6b8477;margin:0;font-size:12px;line-height:1.8}.sync-tip strong{font-weight:600}.workspace-disclaimer{text-align:center;color:#8f9599;margin:38px 0 0;font-size:11px}.device-selector-heading,.catalog-heading{justify-content:space-between;align-items:center;gap:15px;margin:30px 0 17px;display:flex}.device-selector-heading h2,.catalog-heading h2{margin:0;font-size:21px;font-weight:500}.device-selector-heading>span,.catalog-heading>span{color:#8b959c;font-size:12px}.catalog-heading p{margin:5px 0;font-size:13px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:32px;display:grid}.device-card{background:#fff;border:1px solid #e4e6e8;border-radius:5px;overflow:hidden}.device-card.selected{background:#fff8fb;border-color:#efa9c3}.device-select{text-align:left;color:#656d72;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:19px 17px;display:flex}.device-select>div{flex:1;min-width:0}.device-select strong{overflow-wrap:anywhere;font-size:15px;font-weight:500;display:block}.device-select small{color:#909a9f;margin-top:6px;font-size:11px;display:block}.device-icon{color:#b25175;background:#f8eaf0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.device-card-actions{align-items:center;gap:9px;padding:0 15px 9px;display:flex}.device-card-actions .badge{margin-right:auto}.device-card-actions .text-button{font-size:12px}.device-card-actions .icon-button{min-width:36px;min-height:36px}.mac-identifier{letter-spacing:.6px;font-family:monospace}.badge{white-space:nowrap;letter-spacing:.3px;color:#777f85;background:#f2f3f4;border:1px solid #e9e9ea;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;display:inline-flex}.badge.green{color:#25865c;background:#edf8f1;border-color:#cfe7d7}.badge.muted{color:#af693c;background:#fff3e9;border-color:#ffe1c5}.dialog{color:var(--text);background:#fff;border:1px solid #d5d7d9;border-radius:5px;width:min(600px,100vw - 48px);max-width:none;max-height:calc(100dvh - 44px);padding:0;animation:.18s ease-out modal-in;overflow:auto;box-shadow:0 14px 60px #0002}.dialog::backdrop{background:#ffffffb0}.dialog-heading{background:var(--primary-gradient);color:#fff;z-index:1;justify-content:space-between;align-items:center;gap:18px;padding:19px 25px;display:flex;position:sticky;top:0}.dialog-heading h2{margin:0;font-size:25px;font-weight:600;line-height:1.2}.dialog-heading .icon-button{color:#fff;background:0 0;border:0;border-radius:3px;width:40px;min-width:40px;height:40px;min-height:40px;padding:5px}.dialog-heading .icon-button:hover{background:#ffffff1c}.dialog-heading svg{stroke-width:1.5px;width:27px;height:27px}.dialog-body{padding:26px}.dialog-body label{color:#656e74;margin-bottom:23px;font-size:17px}.dialog-body input{border-radius:2px;min-height:51px;font-size:16px}.dialog-body .form-note{color:#a88535;margin:9px 0 22px}.dialog-body .button.full{min-height:48px;margin-top:27px;font-size:16px}.dialog-description{color:#77828a;margin:0 0 22px;font-size:14px;line-height:1.8}.dialog-description strong{color:#40494f;font-weight:500}.type-tabs{background:#f7f8f9;border:1px solid #eceeef;border-radius:4px;gap:5px;margin-bottom:24px;padding:4px;display:flex}.type-tabs button{color:#8c9297;background:0 0;border:0;border-radius:3px;flex:1;min-height:35px;font-size:12px}.type-tabs button.active{color:#c02773;background:#fff0f6;font-weight:600}.form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pair-code-input{text-align:center;letter-spacing:2px;text-transform:uppercase;font-size:22px!important}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.checkbox-label{align-items:center;gap:10px;line-height:1.7;display:flex;font-size:14px!important}.checkbox-label input{accent-color:#ec008c;flex-shrink:0;width:18px;height:18px;min-height:18px;margin:0}.toast{z-index:40;box-shadow:var(--shadow);background:#fff;border:1px solid #dcebe1;border-radius:7px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:13px 20px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:none}}.panel{background:#fff;border:1px solid #e8e8eb;border-radius:6px;margin-bottom:25px;overflow:hidden;box-shadow:0 3px 20px #18253004}.panel-heading{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:22px 25px;display:flex}.panel-heading h2{align-items:center;gap:10px;margin:0;font-size:20px;font-weight:500;display:flex}.panel-heading>span{color:#899297;font-size:12px}.table-scroll table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.table-scroll th{color:#98486c;background:#fff0f5;padding:16px 20px;font-size:12px;font-weight:600}.table-scroll td{color:#737d84;overflow-wrap:anywhere;border-bottom:1px solid #eee;padding:19px 20px;font-size:13px}.table-scroll td strong{color:#39444b;font-weight:500;display:block}.table-scroll td small{margin-top:5px;font-size:11px;display:block}.pagination{color:#8b969d;justify-content:flex-end;align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.stat-card{background:#fff;border:1px solid #ebebee;border-radius:6px;flex-direction:column;padding:22px;display:flex}.stat-card svg{color:#d5548c;margin-bottom:18px}.stat-card span{color:#879199;font-size:13px}.stat-card strong{margin-top:5px;font-size:32px;font-weight:500}.audit-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;padding:16px 22px;font-size:13px;display:flex}.audit-row small{color:#8a949a;font-size:12px}.account-grid{grid-template-columns:.8fr 1.2fr;gap:24px;display:grid}.avatar{color:#b74273;background:#fff1f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:inline-flex}.avatar.large{width:72px;height:72px;font-size:27px}.profile-panel{text-align:center;padding:42px 20px}.profile-panel h2{font-size:26px;font-weight:500}.profile-panel p{overflow-wrap:anywhere;font-size:14px}.padded-form{padding:26px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:45px 20px;display:flex}.empty-state p{margin:0;font-size:14px;line-height:1.9}.onboarding{background:#fffafd;border:1px dashed #ead1dc;border-radius:6px;padding:50px 20px}.onboarding h2{margin:6px 0;font-size:27px;font-weight:500}.empty-icon{color:#cb527e;background:#faeaf2;border-radius:12px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:8px;display:flex}.spinner{border:2px solid #e6e8eb;border-top-color:#ec008c;border-radius:50%;width:23px;height:23px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{justify-content:center;align-items:center;gap:12px;min-height:50vh;display:flex}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.playlist-card{background:#fff;border:1px solid #e8e8eb;border-radius:6px;min-width:0;padding:25px}.playlist-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.playlist-top{color:#bf5982;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.playlist-card h3{margin:8px 0;font-size:20px;font-weight:500}.playlist-card p{font-size:13px;line-height:1.8}.playlist-card>small{color:#8a9399;font-size:11px}.playlist-actions{border-top:1px solid #eee;justify-content:space-between;margin-top:19px;padding-top:12px;display:flex}.license-offer{background:#fffafd;grid-template-columns:1.2fr 1fr;gap:32px;padding:35px;display:grid}.license-offer h2{letter-spacing:-.8px;margin:17px 0;font-size:29px;font-weight:500;line-height:1.3}.license-offer-copy p{font-size:14px;line-height:1.9}.license-purchase{border-left:1px solid #efdee7;flex-direction:column;align-items:stretch;gap:14px;padding-left:30px;display:flex}.license-purchase h3{margin:0;font-size:21px;font-weight:500}.license-purchase p{font-size:14px}.license-purchase>span,.license-purchase>small{color:#8d9298;font-size:12px}.license-purchase label{margin:0;font-size:13px}.license-price{letter-spacing:-1px;color:#a44970;font-size:40px;font-weight:500}.license-section .catalog-heading{margin-top:32px}.auth-page{grid-template-columns:1fr 1fr;gap:60px;width:calc(100% - 48px);max-width:1100px;margin:60px auto 80px;display:grid}.auth-story{background:#fff7fb;border-radius:5px;flex-direction:column;gap:32px;padding:40px 30px;display:flex}.auth-story>.brand{display:none}.auth-story h1{letter-spacing:-1.5px;margin:20px 0;font-size:44px;font-weight:500;line-height:1.22}.auth-story h1 em,.hero h1 em{color:#e3137d;font-style:normal}.auth-story p{font-size:14px;line-height:1.9}.auth-story>small{color:#96949a;font-size:11px}.auth-art{width:210px;margin:35px auto;position:relative}.auth-art img{filter:brightness(0);opacity:.65}.orbit{display:none}.auth-panel{padding:10px 0}.back-link{color:#858e94;margin-bottom:30px;font-size:13px;display:inline-block}.auth-card h2{letter-spacing:-1px;margin:12px 0;font-size:32px;font-weight:500}.auth-card>p{margin-bottom:30px;font-size:14px}.password-input{position:relative}.password-input input{padding-right:50px}.password-input .icon-button{position:absolute;top:4px;right:4px}.auth-switch{text-align:center;margin:23px 0!important;font-size:13px!important}.auth-switch a{color:#ce3279}.auth-card .security-note{border-top:1px solid #efeeee}.article-page{min-height:100vh}.article-content{width:calc(100% - 48px);max-width:850px;margin:auto;padding:64px 0 80px}.article-content h1{letter-spacing:-1.5px;font-size:clamp(32px,5vw,46px);font-weight:500;line-height:1.25}.article-content h2{margin-top:35px;font-size:24px;font-weight:500}.article-content p,.article-content li{color:#7e868b;overflow-wrap:anywhere;font-size:15px;line-height:1.9}.article-content a:not(.button){color:#bb3674}.article-content code{background:#faf1f5;border-radius:3px;padding:4px 7px;font-size:13px}.download-grid{grid-template-columns:1fr 1fr;gap:24px;margin:30px 0;display:grid}.download-grid article{background:#fffafc;border:1px solid #eee;border-radius:5px;padding:28px}.download-grid svg{color:#cb5989}.download-grid .button svg{color:#fff}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:85px 0 80px;display:grid}.hero h1{letter-spacing:-2.5px;margin:24px 0;font-size:clamp(44px,4.6vw,64px);font-weight:550;line-height:1.14}.hero-copy>p{font-size:15px;line-height:1.9}.hero-actions{gap:12px;margin:28px 0;display:flex}.compatibility{color:#8a9195;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:11px;display:flex}.compatibility span{align-items:center;gap:6px;display:flex}.hero-visual{margin-bottom:25px;position:relative}.screen-frame{background:#fff7fa;border:1px solid #ebd9e3;border-radius:10px;padding:26px;box-shadow:0 12px 45px #5322430b}.preview-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.preview-header img{filter:brightness(0)}.preview-header span{letter-spacing:1.5px;color:#9c7989;font-size:8px}.preview-grid{grid-template-columns:1.7fr 1fr 1fr;gap:10px;display:grid}.preview-live,.preview-tile{color:#fff;background:linear-gradient(135deg,#b31858,#ef456a);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:16px 8px;display:flex}.preview-live{grid-row:span 2;min-height:215px}.preview-live>span{font-size:21px;font-weight:400}.preview-live small{opacity:.8;text-align:center;font-size:9px}.preview-tile{min-height:96px;font-size:11px}.preview-bottom{color:#a57b8c;justify-content:space-between;gap:10px;margin-top:16px;font-size:8px;display:flex}.linked-float{background:#fff;border:1px solid #e8e8ec;border-radius:7px;align-items:center;gap:10px;width:90%;margin:-5px auto -22px;padding:17px;display:flex;position:relative;box-shadow:0 8px 28px #26283c0d}.linked-float>div:nth-child(2){flex:1}.linked-float strong{font-size:12px;font-weight:500;display:block}.linked-float small{color:#9a8d93;font-size:10px}.icon-box,.step-icon{color:#d55b8d;background:#fff0f6;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.feature-strip{color:#909399;border-block:1px solid #eceef0;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:12px;display:flex}.feature-strip>span{letter-spacing:1.4px;max-width:170px;font-size:9px}.feature-strip strong{font-weight:500}.how-section{padding:65px 0}.section-heading{position:relative}.section-heading h2{letter-spacing:-1px;margin:17px 0 35px;font-size:36px;font-weight:500;line-height:1.2}.section-heading p{font-size:14px;position:absolute;bottom:0;right:0}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.steps article{background:#fff;border:1px solid #e7e9ec;border-radius:6px;padding:26px;position:relative}.step-index{color:#aeb0b4;font-size:10px;position:absolute;top:26px;right:25px}.step-icon{margin-bottom:24px}.steps h3{font-size:20px;font-weight:500}.steps p{min-height:70px;font-size:13px;line-height:1.8}.steps a{color:#b2537c;align-items:center;gap:8px;font-size:12px;display:inline-flex}.callout{background:var(--primary-gradient);color:#fff;border-radius:5px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:60px;padding:42px;display:flex}.callout .eyebrow,.callout p{color:#fff9}.callout h2{letter-spacing:-1px;font-size:34px;font-weight:500;line-height:1.2}.callout p{font-size:14px}.footer{color:#fff;background:#080e11;grid-template-columns:1fr auto;gap:20px 35px;width:100%;max-width:none;margin:0;padding:45px max(24px,50vw - 600px);display:grid}.footer .brand img{filter:brightness(0)invert()}.footer .brand span{color:#949ca2;border-color:#576269}.footer>div>p{color:#a4aeb5;margin:13px 0 0;font-size:12px}.footer-links{color:#b3bfc8;flex-wrap:wrap;align-items:flex-start;gap:22px;font-size:12px;display:flex}.footer .fine-print{color:#8b969e;margin:0;font-size:10px}.copyright{text-align:right;color:#909aa2;font-size:10px}@media (max-width:1100px){.menu-toggle{display:block}.site-navigation{background:#fff;border-block:1px solid #eee;max-height:70dvh;padding:15px 24px;animation:.16s ease-out menu-in;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 14px 20px #1c25390d}.site-navigation.is-open{flex-direction:column;align-items:stretch;gap:9px;display:flex}.site-navigation nav{flex-direction:column;align-items:stretch;gap:1px}.site-navigation a,.site-navigation nav>button{border-radius:4px;justify-content:flex-start;width:100%;padding:10px 12px;font-size:14px}.site-navigation a:hover,.site-navigation nav>button:hover,.site-navigation .active{background:#fff3f8}.utility-navigation{border-top:1px solid #eee;border-left:0;padding-top:8px;padding-left:0}.site-navigation .button{justify-content:center;width:max-content}.hero{gap:30px}.hero-actions{flex-wrap:wrap}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.license-offer{grid-template-columns:1fr;gap:22px}.license-purchase{border-top:1px solid #efdee7;border-left:0;padding:24px 0 0}.section-heading p{margin:0 0 28px;position:static}.auth-page{gap:35px}}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (max-width:767px){.header-inner{min-height:90px}.wrap,.workspace-content,.article-content{width:calc(100% - 24px)}.header-inner.wrap{width:calc(100% - 36px)}.brand img{width:84px;height:42px}.brand span{letter-spacing:1.5px;padding-left:9px;font-size:8px}.site-banner{height:43px}.page-heading{margin-bottom:36px;padding-top:54px}.page-heading h1{letter-spacing:-.8px;margin-bottom:23px;font-size:29px;font-weight:600}.page-heading p{margin-top:27px;font-size:15px}.heading-actions{gap:6px;top:8px}.heading-actions .button{min-height:32px;padding:6px 9px;font-size:10px}.heading-actions .icon-button{min-width:32px;min-height:32px;padding:6px}.heading-actions .button svg{display:none}.device-summary{flex-direction:column;gap:18px;margin-top:42px}.device-choice{align-self:flex-end;width:100%;max-width:240px;font-size:11px}.device-summary dl{text-align:right;font-size:14px;line-height:1.75}.device-summary dl>div{gap:8px}.dashboard-actions{gap:8px;margin-top:25px}.tab-button{flex:0 auto;min-height:44px;padding:9px 14px;font-size:15px}.playlist-toolbar{gap:8px;padding:8px 0 5px}.playlist-toolbar .button{min-height:44px;padding:8px 13px;font-size:13px}.playlist-count{display:none}.playlist-table th{width:29%;padding:13px 16px;font-size:18px}.playlist-table th:nth-child(2){width:44%}.playlist-table th:last-child{width:27%}.playlist-table td{padding:16px 12px;font-size:13px}.playlist-table small{font-size:9px;line-height:1.6}.row-actions{flex-direction:column;align-items:flex-end;gap:6px}.edit-button,.delete-button{min-width:51px;min-height:44px;padding:5px 10px;font-size:13px}.sync-tip{padding:13px 12px}.sync-tip p{font-size:11px}.sync-tip svg{width:17px}.workspace-content{padding-bottom:50px}.workspace-disclaimer{margin-top:28px;font-size:10px;line-height:1.8}.dialog{border-radius:3px;width:calc(100vw - 48px);max-height:calc(100dvh - 28px)}.dialog-heading{gap:9px;min-height:56px;padding:13px 19px}.dialog-heading h2{font-size:21px;line-height:1.3}.dialog-heading .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.dialog-heading svg{width:25px;height:25px}.dialog-body{padding:21px}.dialog-body label{margin-bottom:23px;font-size:15px}.dialog-body input{min-height:48px;padding:12px 13px;font-size:16px}.dialog-body .button.full{min-height:43px;margin-top:24px;font-size:14px}.dialog-body .form-note{font-size:11px;line-height:1.8}.form-columns{grid-template-columns:1fr;gap:0}.dialog-description{font-size:12px}.dialog-actions .button{min-height:42px;padding:10px 15px;font-size:12px}.type-tabs{margin-bottom:21px}.type-tabs button{font-size:10px}.device-grid,.account-grid,.playlist-grid,.download-grid{grid-template-columns:1fr}.device-card{margin-bottom:0}.device-selector-heading h2,.catalog-heading h2{font-size:19px}.catalog-heading{align-items:flex-start}.catalog-heading .button{padding:10px 12px;font-size:12px}.device-selector-heading>span{font-size:11px}.empty-state{padding:37px 15px}.onboarding h2{font-size:24px}.onboarding p{font-size:12px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:18px}.stat-card span{font-size:12px}.stat-card strong{font-size:28px}.panel-heading{padding:18px}.panel-heading h2{font-size:18px}.panel-heading>span{font-size:10px}.table-scroll th{padding:12px 10px;font-size:10px}.table-scroll td{padding:15px 10px;font-size:12px}.table-scroll td small{font-size:10px}.table-scroll .text-button{font-size:11px}.audit-row{align-items:flex-start;padding:15px 17px;font-size:12px}.audit-row small{text-align:right;font-size:10px}.license-offer{padding:24px}.license-offer h2{font-size:27px}.license-offer p{font-size:13px}.license-section .catalog-heading{flex-wrap:wrap;gap:10px}.profile-panel{padding:32px 18px}.padded-form{padding:22px}.toast{padding:12px 16px;font-size:12px}.auth-page{grid-template-columns:1fr;gap:0;width:calc(100% - 40px);margin:28px auto 50px}.auth-story{display:none}.auth-panel{padding:0}.auth-card h2{font-size:31px}.article-content{width:calc(100% - 40px);padding:40px 0 55px}.article-content h1{font-size:34px}.article-content p,.article-content li{font-size:14px}.article-content h2{font-size:22px}.hero{grid-template-columns:1fr;gap:38px;padding:50px 8px 55px}.hero h1{letter-spacing:-2px;font-size:45px}.hero-copy>p{font-size:14px}.hero-actions .button{padding:12px 14px;font-size:12px}.hero-visual{width:100%;max-width:500px;margin:auto}.screen-frame{padding:20px}.preview-live{min-height:180px}.preview-live svg{width:56px}.preview-tile{min-height:84px;font-size:10px}.preview-tile svg{width:25px}.preview-live>span{font-size:18px}.preview-live small{font-size:8px}.compatibility{gap:12px;font-size:10px}.linked-float{padding:14px}.linked-float strong{font-size:11px}.linked-float small{font-size:9px}.feature-strip{flex-wrap:wrap;gap:17px;padding:22px 8px;font-size:10px}.feature-strip>span{width:100%;max-width:none;font-size:8px}.how-section{padding:45px 8px}.section-heading h2{font-size:30px}.section-heading p{font-size:13px}.steps{grid-template-columns:1fr;gap:17px}.steps article{padding:24px}.steps p{min-height:0}.callout{flex-direction:column;align-items:flex-start;width:calc(100% - 40px);margin-bottom:45px;padding:29px 24px}.callout h2{font-size:28px}.footer{grid-template-columns:1fr;gap:22px;padding:33px 22px}.footer-links{gap:23px;font-size:12px}.copyright{text-align:left}.footer .fine-print{font-size:9px;line-height:1.9}}@media (max-width:370px){.tab-button{padding:8px 12px;font-size:14px}.playlist-table td{padding:15px 9px}.playlist-table th{padding:14px 12px;font-size:17px}.playlist-toolbar .button{padding:9px 11px;font-size:12px}.dialog-body{padding:18px}.dialog-heading{padding:12px 16px}.dialog-heading h2{font-size:20px}.hero h1{font-size:40px}.compatibility{gap:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.spinner{border-color:#e3137d}}.dialog.admin-wide-dialog{width:min(820px,95vw);max-width:820px}.device-secret{letter-spacing:3px;background:#f6f7f8;border-radius:6px;padding:8px 12px;font-size:26px}