:root{color-scheme:light;--bg:#ffffff;--panel:#ffffff;--panel2:#f3f6fb;--ink:#172741;--muted:#5c6c83;--blue:#326be8;--cyan:#225ed5;--border:#e1e7f0;--radius:16px;--shadow:0 12px 38px rgba(31,60,103,.07)}html[data-theme="dark"]{color-scheme:dark;--bg:#070d19;--panel:#101a2d;--panel2:#14223a;--ink:#eef4ff;--muted:#9aadc9;--blue:#3d7aff;--cyan:#66d5ff;--border:rgba(137,169,218,.16);--radius:18px;--shadow:0 16px 48px rgba(0,0,0,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan)}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(30px,4.2vw,60px);line-height:1.1;letter-spacing:-1.8px}h2{font-size:clamp(24px,3vw,37px);line-height:1.22;letter-spacing:-.9px}h3{font-size:18px;line-height:1.4}p,.muted{color:var(--muted)}small{font-size:12px}.brand{display:flex;align-items:center;gap:11px;min-width:0;font-size:18px;line-height:1.1;font-weight:800;letter-spacing:.5px;color:#fff}.brand b{display:block;font-size:11px;font-weight:600;letter-spacing:2.1px;color:#91baff;margin-top:6px}.brand-mark{width:40px;height:42px;display:grid;place-items:center;flex-shrink:0;color:white;background:linear-gradient(140deg,#4e8eff,#2450c7);border:1px solid #6aa5ff;border-radius:12px;box-shadow:0 0 25px #306eff35;font-size:24px;font-weight:800}.brand-logo{max-width:42px;max-height:42px;object-fit:contain}.eyebrow{display:block;color:#88b4ff;font-size:11px;letter-spacing:2px;font-weight:750;margin-bottom:14px}.button,.btn-primary,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);border-radius:11px;background:var(--panel2);color:var(--ink);font-weight:650;padding:12px 20px;transition:transform .2s,box-shadow .2s,background .2s;white-space:normal;text-align:center;min-height:46px}.button.primary,.btn-primary{background:linear-gradient(120deg,#3f80ff,#2456d5);border-color:#548cff;box-shadow:0 5px 22px #2861e333;color:#fff}.button:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3073ff35}.button.secondary{background:transparent}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.pill{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border:1px solid var(--border);border-radius:99px;font-size:11px;color:#aec6eb}.dot{width:7px;height:7px;border-radius:50%;background:#73dfbe}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateX(-120%);background:linear-gradient(105deg,transparent 25%,rgba(124,181,255,.11) 47%,transparent 65%);animation:shine 9s ease-in-out infinite}@keyframes shine{0%,25%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}.glass{background:linear-gradient(125deg,rgba(34,69,129,.35),rgba(16,26,45,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.public-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.public-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:10}.public-nav{display:flex;align-items:center;gap:28px}.public-nav a{font-size:13px;color:var(--muted)}.public-nav .button{color:white}.public-nav a:hover{color:var(--cyan)}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center;min-height:650px;padding:65px 0 80px}.hero h1 em{font-style:normal;color:#86baff}.hero p{max-width:480px;font-size:17px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hero-notes{display:flex;gap:22px;font-size:11px;color:#b3c5de}.scene{position:relative;isolation:isolate}.scene:before{content:"";position:absolute;inset:-40px;background:radial-gradient(ellipse,#286cff27,transparent 68%);z-index:-1;animation:breathe 6s ease-in-out infinite}@keyframes breathe{50%{opacity:.55;transform:scale(.94)}}.preview-window{padding:24px;border-radius:22px;background:linear-gradient(135deg,#142747,#0c1629);border:1px solid #375991;box-shadow:0 25px 70px #0005;transform:rotate(-2deg)}.window-top{display:flex;align-items:center;gap:6px;font-size:11px;color:#88a2c5;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:20px}.window-dot{width:7px;height:7px;background:#507096;border-radius:50%}.window-top span:last-child{margin-left:auto}.preview-title{font-size:20px;font-weight:750;letter-spacing:-.4px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.preview-stats>div{padding:13px 9px;border-radius:12px;background:#152a4a;color:#a0bddf;font-size:10px}.preview-stats strong{display:block;color:#e1edff;font-size:14px}.preview-chart{height:135px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #365476;padding:10px}.preview-chart i{flex:1;min-width:10px;background:linear-gradient(#6badff,#2954b6);border-radius:6px 6px 0 0;opacity:.85}.preview-caption{margin-top:16px;font-size:11px;color:#92aacc;display:flex;justify-content:space-between}.floating-note{position:absolute;bottom:-20px;right:-15px;display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid #447bd1;border-radius:13px;background:#132b50;box-shadow:0 20px 40px #0004;font-size:12px}.platform-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#bac9df;font-size:13px}.section{padding:80px 0}.section-head{max-width:650px;margin-bottom:32px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px;border-radius:18px;border:1px solid var(--border);background:#0d1729;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:#3b67ac}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#213e702a;color:#82b0ff;margin-bottom:22px}.feature p{font-size:13px;margin:0}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.platform-card{display:flex;align-items:center;gap:16px;background:#111d31;border:1px solid var(--border);border-radius:14px;padding:22px}.platform-card span{color:#8eb8ff;font-weight:800;width:35px;font-size:23px}.platform-card p{margin:3px 0 0;font-size:12px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:#6298f4;font-size:14px;font-weight:800;margin-bottom:15px}.faq details{padding:20px 0;border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:15px 0 0;max-width:800px}.public-footer{padding:36px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}.public-footer nav{display:flex;gap:20px;color:#a1b1c9}.cta{padding:45px;display:flex;gap:30px;align-items:center;justify-content:space-between}.cta h2{margin:0;font-size:30px}.cta p{margin:10px 0 0}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;border:1px solid var(--border);background:#142441;color:#fff}.hamburger{width:20px;display:grid;gap:4px}.hamburger i{display:block;height:2px;background:currentColor;border-radius:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;z-index:40;display:flex;flex-direction:column;background:#0b1425;border-right:1px solid var(--border);padding:25px 18px 18px;transition:transform .25s ease;overflow-y:auto}.sidebar .brand{margin:0 10px 24px}.profile-mini{padding:17px;border-radius:14px;border:1px solid #32588e;background:linear-gradient(135deg,#172b4e,#101e36);margin-bottom:23px}.profile-mini strong{display:block;font-size:14px;color:white}.profile-mini small{display:block;color:#8fadd5;margin:3px 0 8px}.nav-caption{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:#6480a7;margin:18px 12px 8px}.side-nav a,.side-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin:3px 0;border-radius:10px;color:#acbdd4;background:none;border:0;text-align:left;font-size:13px}.side-nav a:hover{background:#142442;color:#fff}.side-nav .active{color:#c7ddff;background:linear-gradient(100deg,#2456aa55,#204a9630);box-shadow:inset 3px 0 #5b94ff,0 0 22px #2865d318}.side-nav .active svg{color:#7eaaff}.side-nav details summary{padding:13px 14px;font-size:12px;color:#8499ba;cursor:pointer}.sidebar-bottom{margin-top:auto;padding-top:25px}.app-topbar{height:76px;position:sticky;top:0;background:#090f1ded;backdrop-filter:blur(15px);border-bottom:1px solid var(--border);margin-left:258px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;z-index:20;gap:15px}.topbar-title{font-size:16px;font-weight:650}.topbar-right{display:flex;align-items:center;gap:13px;font-size:12px;color:#a8bfdc}.workspace{margin-left:258px;padding:32px 38px 55px;min-height:calc(100vh - 76px)}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title h1{font-size:29px;letter-spacing:-.7px;margin:0}.page-title p{font-size:13px;margin:6px 0 0}.welcome{padding:31px 33px;margin-bottom:24px;position:relative;min-height:155px;background:linear-gradient(110deg,#173b7b,#16243f 75%);border:1px solid #355d9b;border-radius:19px;overflow:hidden}.welcome h1{font-size:29px;letter-spacing:-.7px;margin-bottom:10px;position:relative;z-index:1}.welcome p{margin:0;max-width:590px;color:#b0c8ea;font-size:14px;position:relative;z-index:1}.welcome:before{content:"";width:220px;height:220px;position:absolute;right:-35px;top:-35px;border-radius:50%;border:1px solid #5d9aff40;box-shadow:0 0 0 25px #5d9aff09,0 0 0 50px #5d9aff07,0 0 0 75px #5d9aff04;animation:breathe 7s infinite}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.stat{padding:20px 22px;background:linear-gradient(130deg,#17243b,#101b2e);border:1px solid var(--border);border-radius:14px;min-width:0}.stat small{color:#93abcf;font-size:11px}.stat strong{display:block;font-size:23px;color:#edf4ff;line-height:1.4;letter-spacing:-.5px;margin-top:8px;overflow-wrap:anywhere}.stat .icon{color:#7caaff;float:right}.panel{border:1px solid var(--border);border-radius:var(--radius);background:#101a2d;padding:27px;margin-bottom:24px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:19px;margin-bottom:23px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:17px;letter-spacing:0;margin:0}.panel-head p{font-size:12px;margin:5px 0 0}.two-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px}.two-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.field{margin-bottom:19px}.field label,.form-group label{display:block;font-size:12px;color:#c3d3e8;margin-bottom:8px;font-weight:650}.field input,.field select,.field textarea,.form-control{width:100%;color:#dfeaff;background:#0b1425;border:1px solid #293c5b;border-radius:10px;min-height:47px;padding:11px 14px;box-shadow:none;max-width:100%}.field input:focus,.field select:focus,.field textarea:focus,.form-control:focus{border-color:#578ff6;outline:0;box-shadow:0 0 0 3px #3e7cfc18}.field input[readonly]{color:#95adcf;background:#131f32}.field small{color:#7f98bc;display:block;margin-top:7px;font-size:11px}.form-check{display:flex;align-items:center;gap:9px;font-size:12px;color:#aebed5;margin:15px 0}.form-check input{accent-color:var(--blue);width:17px;height:17px}.empty-state{text-align:center;padding:40px 16px}.empty-state .feature-icon{margin:0 auto 18px}.empty-state h3{margin-bottom:9px}.empty-state p{font-size:13px;max-width:450px;margin:0 auto}.notice,.alert{border-radius:11px;padding:14px 18px;border:1px solid #31558d;background:#16356355;color:#b8d5ff;font-size:13px;margin-bottom:20px}.alert-danger,.notice.error{border-color:#7d3b56;background:#51243c33;color:#ffc3d4}.alert-success,.notice.success{border-color:#29695a;background:#174b3e33;color:#a3e8d4}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filter-row a{padding:8px 13px;border:1px solid var(--border);border-radius:9px;color:#9db3d2;font-size:12px}.filter-row a.active{color:#bfd6ff;border-color:#4d77b8;background:#183a7066}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;-webkit-overflow-scrolling:touch}.studio-table{width:100%;border-collapse:collapse;min-width:620px}.studio-table th{color:#829ec5;font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:650;background:#101e34;white-space:nowrap}.studio-table th,.studio-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--border)}.studio-table td{font-size:12px;color:#c9d8ed}.search-bar{display:flex;gap:10px;max-width:480px;margin-bottom:20px}.search-bar .field{margin:0;flex:1}.badge{display:inline-block;border:1px solid var(--border);border-radius:6px;font-size:10px;padding:3px 8px;background:#183361;color:#b2d0ff}.account-meta{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;font-size:13px;padding:13px 0;border-bottom:1px solid var(--border)}.account-meta span:first-child{color:#809bc2}.auth-page{background:radial-gradient(ellipse at 17% 20%,#15316e55,transparent 45%),radial-gradient(ellipse at 80% 70%,#18345040,transparent 45%),#080f1e;min-height:100vh}.auth-top{padding:30px 5%;display:flex;align-items:center;justify-content:space-between}.auth-layout{width:min(1060px,calc(100% - 48px));margin:60px auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.auth-story h1{font-size:44px;line-height:1.12}.auth-story p{font-size:15px}.auth-points{display:grid;gap:17px;margin-top:30px}.auth-points>div{display:flex;align-items:center;gap:12px;color:#b2c8e8;font-size:13px}.auth-points .icon{color:#74a6ff}.auth-card{padding:34px 36px;border:1px solid #304d7a;border-radius:23px;background:linear-gradient(135deg,#12223c,#101829);box-shadow:0 25px 90px #0003;max-width:480px;width:100%;margin:70px auto}.auth-layout .auth-card{margin:0}.auth-card h1{font-size:29px;letter-spacing:-.7px;margin:12px 0 8px}.auth-card>p{font-size:13px;margin-bottom:27px}.auth-card .button{width:100%}.auth-card .brand{margin-bottom:30px}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.auth-links a{color:#9bbfff}.divider{display:flex;align-items:center;gap:12px;font-size:10px;color:#7590b5;margin:22px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-button{background:#fff!important;color:#263347!important;border-color:#fff!important;font-weight:550!important}.google-letter{font-weight:800;font-size:20px;color:#4285f4}.auth-bottom{font-size:12px;text-align:center;color:#9aafd0;margin-top:23px}.drawer-overlay{display:none;position:fixed;inset:0;background:#020815ad;backdrop-filter:blur(3px);z-index:35}.drawer-close{display:none}.footer-note{color:#526f98;font-size:11px;margin-top:32px}.loading .button[type=submit]{opacity:.7;pointer-events:none}.spinner{width:16px;height:16px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-brand{display:none}.platform-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.platform-filters button{padding:9px 14px;min-height:40px;border:1px solid var(--border);border-radius:9px;background:#15233b;color:#a2b8d7;font-size:11px}.platform-filters button.active{color:#d3e3ff;border-color:#517dbf;background:#25498355}.order-detail{line-height:1.8;color:#a6bbd8;font-size:13px}.service-card{padding:20px;border:1px solid var(--border);border-radius:14px;margin-bottom:12px}.service-card h3{font-size:15px;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-grid div{background:#12223b;border:1px solid var(--border);border-radius:10px;padding:14px}.detail-grid small{display:block;color:#84a0c8;font-size:10px}.detail-grid strong{display:block;font-size:13px;margin-top:5px}.admin-body .workspace>.container,.admin-body .workspace>.container-fluid{width:100%;padding:0}.admin-body .workspace{font-size:14px}.admin-body .row{margin-left:-10px;margin-right:-10px}.admin-body [class*="col-"]{padding:0 10px}.admin-body .panel,.admin-body .well,.admin-body .card,.admin-body .list-group-item{background:#101a2d!important;border:1px solid var(--border)!important;color:#dbe8fa}.admin-body .table{background:transparent;color:#c8d8ee;min-width:600px;font-size:12px}.admin-body .table th,.admin-body .table td{border-color:var(--border);vertical-align:middle;padding:13px 12px}.admin-body .table thead{background:#15243b;color:#a1bada}.admin-body .btn{white-space:normal;border-radius:8px;min-height:37px;padding:8px 13px;font-size:12px;color:#cce0ff;background:#1a2c4a;border-color:#335077}.admin-body .btn-primary{background:linear-gradient(120deg,#3f80ff,#2456d5);color:white;border-color:#4f88f0}.admin-body .btn-danger{color:#ffc2cb;background:#71344a;border-color:#8d4d62}.admin-body .dropdown-menu{background:#162841;border-color:#31517b;max-width:calc(100vw - 36px)}.admin-body .dropdown-menu>li>a{color:#c3d6f0;padding:10px 18px}.admin-body .dropdown-menu>li>a:hover{background:#25456e}.admin-body .nav-tabs,.admin-body .nav-pills{border-color:var(--border)}.admin-body .nav-tabs>li>a,.admin-body .nav-pills>li>a{color:#a3bde1;border-color:transparent;white-space:normal}.admin-body .nav-tabs>li.active>a,.admin-body .nav-pills>li.active>a{background:#20467b;color:#d7e6ff;border-color:#355c94}.admin-body .modal-content{background:#101c31;border:1px solid #355486;color:#d6e4f8;border-radius:17px}.admin-body .modal-header,.admin-body .modal-footer{border-color:var(--border)}.admin-body .close{color:#c5dcff;opacity:1}.admin-body .modal-dialog{max-width:calc(100vw - 28px)}.admin-body .input-group{max-width:100%}.admin-body .control-label{font-size:12px;color:#aac2e0}.admin-body .bootstrap-select .dropdown-toggle{max-width:100%}.admin-body .pagination>li>a,.admin-body .pagination>li>span{background:#12233b;border-color:#304869;color:#b2c9e8}.admin-body .pagination>.active>a{background:#285dc3}.admin-body .note-editor{border-color:#304a6e!important}.admin-body .note-editing-area{background:#fff;color:#222}.admin-body .table-shell{overflow-x:auto;max-width:100%;margin-bottom:25px;border:1px solid var(--border);border-radius:12px}.admin-body .table-shell .table{margin-bottom:0}.admin-body .tab-content{max-width:100%}.admin-body .note-editable{min-height:140px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.admin-body .workspace form label{color:#afc5e5}.admin-body .workspace input[type=checkbox]{accent-color:#4c8bff}.admin-body .form-horizontal .control-label{text-align:left}.admin-body .page-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-body .page-shortcuts a{padding:18px;border:1px solid var(--border);border-radius:13px;background:#14253f;color:#a7c4ef}.admin-body .page-shortcuts a:hover{border-color:#4678bb}.admin-body .logo-preview{max-height:70px;max-width:140px;object-fit:contain}.animations-off *,body.animations-off *:before,body.animations-off *:after{animation:none!important;transition:none!important}@media(max-width:1200px){.stat{padding:18px 16px}.workspace{padding:28px}.app-topbar{padding:0 28px}.hero{gap:30px}.auth-layout{gap:50px}}@media(max-width:991px){.sidebar{transform:translateX(-100%);width:280px;max-width:85vw}.sidebar.open{transform:translateX(0)}.drawer-overlay.open{display:block}.drawer-close{display:block;position:absolute;right:15px;top:20px;border:0;color:#a9c7ee;background:none;font-size:24px}.menu-toggle{display:flex}.app-topbar{margin-left:0;padding:0 22px}.workspace{margin-left:0;padding:25px 22px}.mobile-brand{display:flex}.topbar-title{display:none}.app-topbar .mobile-brand{font-size:15px}.app-topbar .brand-mark{width:32px;height:35px;font-size:20px}.app-topbar .brand b{font-size:9px;letter-spacing:1.4px}.hero{min-height:auto;padding:65px 0;gap:40px}.hero h1{font-size:45px}.auth-layout{gap:35px}.auth-story h1{font-size:36px}.public-nav{gap:17px}.feature-grid{gap:14px}.two-column{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.stat strong{font-size:20px}.admin-body .modal-body{overflow-y:auto;max-height:70vh}.admin-body .page-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.public-wrap{width:calc(100% - 36px)}.public-header{height:75px}.public-nav{position:fixed;top:0;right:0;bottom:0;width:285px;max-width:85vw;padding:95px 30px 35px;z-index:40;background:#0d1a30;display:flex;flex-direction:column;align-items:stretch;gap:20px;transform:translateX(100%);transition:transform .25s}.public-nav.open{transform:translateX(0)}.public-nav a{font-size:15px}.public-nav .drawer-close{top:23px;right:22px}.hero{grid-template-columns:1fr;padding:46px 0 60px;gap:45px}.hero h1{font-size:45px;letter-spacing:-1.5px}.hero p{font-size:15px;max-width:520px}.scene{max-width:500px;margin:10px 7px 15px}.preview-window{padding:22px;transform:none}.floating-note{right:-5px;font-size:10px;padding:12px 16px}.feature-grid,.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:55px 0}.steps{gap:18px}.steps h3{font-size:16px}.steps p{font-size:12px}.public-footer{align-items:start;flex-direction:column}.cta{padding:28px;align-items:start;flex-direction:column}.cta h2{font-size:27px}.auth-layout{grid-template-columns:1fr;max-width:470px;margin:30px auto 60px;gap:25px;width:calc(100% - 36px)}.auth-story{display:none}.auth-card{padding:28px 25px;margin:45px auto}.auth-top{padding:23px 20px}.auth-top>a:last-child{font-size:12px;color:#8ca8d1}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:16px 17px}.stat strong{font-size:22px}.two-equal{grid-template-columns:1fr}.panel{padding:21px}.welcome{padding:24px}.welcome h1{font-size:24px}.welcome p{font-size:12px;max-width:90%}.page-title h1{font-size:25px}.app-topbar{height:68px;padding:0 16px}.topbar-right .pill{display:none}.workspace{padding:24px 16px 42px}.topbar-right{font-size:10px}.sidebar .brand{font-size:16px;max-width:180px}.search-bar{max-width:none}.panel-head{align-items:start}.platform-filters{gap:7px}.platform-filters button{padding:8px 11px;font-size:10px}.admin-body .workspace [class*="col-"]{float:none;width:100%;margin-left:0;max-width:100%}.admin-body .nav-tabs{display:flex;gap:5px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.admin-body .nav-tabs>li{float:none;flex-shrink:0}.admin-body .workspace .form-inline{display:flex;flex-wrap:wrap;gap:7px}.admin-body .form-inline .input-group{width:100%}.admin-body .pull-right.custom-search{float:none!important;margin:8px 0;width:100%}.admin-body .modal-dialog{margin:14px auto}.admin-body .page-shortcuts{gap:9px}.admin-body .page-shortcuts a{font-size:12px;padding:15px}.admin-body .pagination{display:flex;flex-wrap:wrap}.admin-body .btn-group{max-width:100%}.admin-body .form-horizontal .form-group{margin-left:0;margin-right:0}.profile-mini{margin-top:5px}}@media(max-width:420px){.brand{font-size:16px}.brand b{font-size:9px;letter-spacing:1.6px}.brand-mark{width:35px;height:37px;font-size:21px}.hero h1{font-size:39px}.hero-notes{gap:15px;font-size:10px}.hero .actions .button{padding:11px 15px;font-size:12px}.platform-strip{gap:17px;font-size:11px;justify-content:flex-start}.feature-grid{grid-template-columns:1fr}.platform-card{padding:17px 12px;gap:9px}.platform-card span{width:26px;font-size:18px}.platform-card h3{font-size:13px}.platform-card p{font-size:10px}.steps{grid-template-columns:1fr;gap:15px}.step{border-bottom:1px solid var(--border);padding-bottom:15px}.auth-card{padding:26px 21px}.stat strong{font-size:20px}.stat .icon{width:16px;height:16px}.page-title{align-items:start;flex-direction:column;gap:10px}.topbar-right{display:none}.panel-head h2{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the public drawer above its overlay without expanding the page width. */
.public-header{z-index:50}.scene:before{inset:-12px}.public-header .menu-toggle{display:none}.button.primary,.btn-primary{background:linear-gradient(120deg,var(--blue),#2456d5)}
@media(max-width:767px){.public-header .menu-toggle{display:flex}.public-nav{transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s,opacity .25s,visibility .25s}.public-nav.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}}
.admin-body .clients-table{width:100%!important;max-width:100%;overflow-x:auto;overflow-y:visible}
@media(max-width:767px){.admin-body .form-inline .input-group{display:flex;flex-wrap:wrap;gap:8px}.admin-body .form-inline .input-group>input{flex:1 1 160px;width:auto;min-width:0}.admin-body .search-select-wrap{display:flex;width:auto;gap:7px}.admin-body .search-select-wrap .form-control{width:auto;min-width:0;flex:1}.public-page{overflow-x:clip}}
.brand-lockup{display:block;width:178px;height:auto;max-width:100%;flex-shrink:0}.brand-logo{width:44px;height:44px;max-width:44px;max-height:44px}.brand-custom{font-size:16px;line-height:1.3;max-width:160px}.hero-wordmark{display:block;width:224px;max-width:72%;height:auto;margin:0 0 32px}.auth-wordmark{display:block;width:137px;height:auto;margin-bottom:25px}.welcome-brandmark{position:absolute;right:31px;top:24px;width:100px;height:100px;opacity:.16;pointer-events:none}.sidebar .brand{margin-left:7px;margin-right:20px}.sidebar .brand-lockup{width:174px}.auth-top .brand-lockup{width:181px}.public-footer .brand-lockup{width:174px}.app-topbar .mobile-brand .brand-lockup{width:146px}.brand:hover .brand-lockup{filter:drop-shadow(0 0 9px #4489ff30);transition:filter .25s}.public-header .brand-lockup{width:179px}@media(max-width:767px){.brand-lockup{width:161px}.public-header .brand-lockup{width:159px}.hero-wordmark{width:187px;margin-bottom:25px}.auth-top .brand-lockup{width:160px}.app-topbar .mobile-brand .brand-lockup{width:148px}.welcome-brandmark{right:14px;top:25px;width:76px;height:76px;opacity:.1}}@media(max-width:420px){.hero-wordmark{width:178px}.sidebar .brand-lockup{width:163px}.auth-wordmark{width:121px}}

/* Keep the full wordmark readable on narrow phone headers. */
.app-topbar .mobile-brand .brand-lockup{width:176px}@media(max-width:767px){.public-header .brand-lockup,.auth-top .brand-lockup{width:174px}.app-topbar .mobile-brand .brand-lockup{width:174px}}

/* One compact identity, in one header, across every workspace. */
.brand-lockup,.public-header .brand-lockup,.auth-top .brand-lockup,.app-topbar .mobile-brand .brand-lockup{width:148px;height:auto;max-width:100%;filter:none}
.brand-logo{width:32px;height:32px;max-width:32px;max-height:32px}.brand-custom{font-size:14px;max-width:140px;color:var(--ink)}
.brand{gap:8px;color:var(--ink);flex-shrink:0}.brand:hover .brand-lockup{filter:none}
html[data-theme="dark"] .brand-lockup{content:url('/public/studio/brand-lockup.svg')}
.public-header{height:76px;gap:18px}.public-header>.brand{margin-right:auto}.public-header>.public-nav{order:2}.public-header>.theme-toggle{order:3}.public-header>.menu-toggle{order:4}
.theme-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted);flex-shrink:0;padding:8px;cursor:pointer;transition:border-color .2s,color .2s}
.theme-toggle:hover{color:var(--blue);border-color:var(--blue)}.theme-sun{display:none}html[data-theme="dark"] .theme-moon{display:none}html[data-theme="dark"] .theme-sun{display:block}
.app-topbar .mobile-brand{display:flex}.app-topbar{margin-left:0;height:70px;z-index:45;padding:0 28px}.app-topbar .topbar-title{font-size:13px;color:var(--muted);border-left:1px solid var(--border);padding-left:20px}
.sidebar{top:70px;padding-top:20px}.sidebar .profile-mini{margin-top:0}.sidebar .drawer-close{top:13px}.header-actions{margin-left:auto;display:flex;align-items:center}.topbar-right{font-size:11px}.workspace{min-height:calc(100vh - 70px)}
.auth-top{max-width:1240px;padding:24px 32px;margin:auto;gap:18px}.auth-top>.brand{margin-right:auto}.auth-top>a:last-child{font-size:12px;color:var(--muted)}.auth-card{border-radius:18px}
.hero{min-height:565px;padding:62px 0 70px}.hero h1{font-size:clamp(36px,4.1vw,56px)}.hero p{font-size:16px}.public-footer{padding:28px 0}.public-footer nav{margin-right:auto}.section{padding:66px 0}
/* Light surfaces. Blue is reserved for actions, selection and small highlights. */
html:not([data-theme="dark"]) .auth-page{background:#fff}
html:not([data-theme="dark"]) .glass,html:not([data-theme="dark"]) .auth-card,html:not([data-theme="dark"]) .preview-window{background:#fff;border-color:var(--border);box-shadow:var(--shadow)}
html:not([data-theme="dark"]) .feature,html:not([data-theme="dark"]) .platform-card,html:not([data-theme="dark"]) .panel{background:var(--panel);border-color:var(--border)}
html:not([data-theme="dark"]) .preview-stats>div,html:not([data-theme="dark"]) .detail-grid div{background:#f4f7fc;color:var(--muted)}
html:not([data-theme="dark"]) .preview-stats strong{color:var(--ink)}
html:not([data-theme="dark"]) .floating-note{background:#fff;color:var(--ink);border-color:#d5e3fa;box-shadow:var(--shadow)}
html:not([data-theme="dark"]) .window-top,html:not([data-theme="dark"]) .preview-caption,html:not([data-theme="dark"]) .hero-notes,html:not([data-theme="dark"]) .platform-strip,html:not([data-theme="dark"]) .public-footer nav{color:var(--muted)}
html:not([data-theme="dark"]) .hero h1 em,html:not([data-theme="dark"]) .eyebrow,html:not([data-theme="dark"]) .feature-icon,html:not([data-theme="dark"]) .platform-card span,html:not([data-theme="dark"]) .auth-points .icon{color:var(--blue)}
html:not([data-theme="dark"]) .feature-icon{background:#eff5ff}
html:not([data-theme="dark"]) .sidebar{background:#fcfdff}
html:not([data-theme="dark"]) .profile-mini{background:#f5f8fd;border-color:var(--border)}
html:not([data-theme="dark"]) .profile-mini strong{color:var(--ink)}
html:not([data-theme="dark"]) .profile-mini small,html:not([data-theme="dark"]) .nav-caption,html:not([data-theme="dark"]) .side-nav details summary{color:var(--muted)}
html:not([data-theme="dark"]) .side-nav a,html:not([data-theme="dark"]) .side-nav button{color:#526580}
html:not([data-theme="dark"]) .side-nav a:hover{background:#f1f5fc;color:var(--blue)}
html:not([data-theme="dark"]) .side-nav .active{background:#eaf2ff;color:#225ed5;box-shadow:inset 3px 0 var(--blue)}
html:not([data-theme="dark"]) .side-nav .active svg{color:var(--blue)}
html:not([data-theme="dark"]) .app-topbar{background:rgba(255,255,255,.96)}
html:not([data-theme="dark"]) .topbar-right,html:not([data-theme="dark"]) .pill{color:var(--muted)}
html:not([data-theme="dark"]) .welcome{background:#f5f8fd;border-color:var(--border)}
html:not([data-theme="dark"]) .welcome p{color:var(--muted)}
html:not([data-theme="dark"]) .stat{background:#fff;box-shadow:0 3px 14px #1b3e7205}
html:not([data-theme="dark"]) .stat strong{color:var(--ink)}
html:not([data-theme="dark"]) .stat small,html:not([data-theme="dark"]) .field small,html:not([data-theme="dark"]) .account-meta span:first-child{color:var(--muted)}
html:not([data-theme="dark"]) .stat .icon{color:var(--blue)}
html:not([data-theme="dark"]) .field label,html:not([data-theme="dark"]) .form-group label,html:not([data-theme="dark"]) .form-check{color:#445875}
html:not([data-theme="dark"]) .field input,html:not([data-theme="dark"]) .field select,html:not([data-theme="dark"]) .field textarea,html:not([data-theme="dark"]) .form-control{background:#fff;color:var(--ink);border-color:#d6dfec}
html:not([data-theme="dark"]) .field input[readonly]{background:#f7f9fc;color:var(--muted)}
html:not([data-theme="dark"]) input::placeholder,html:not([data-theme="dark"]) textarea::placeholder{color:#7a889d;opacity:1}
html:not([data-theme="dark"]) .notice,html:not([data-theme="dark"]) .alert{background:#eff5ff;border-color:#cedef8;color:#315a99}
html:not([data-theme="dark"]) .notice.error,html:not([data-theme="dark"]) .alert-danger{background:#fff3f5;border-color:#f3cbd5;color:#a33651}
html:not([data-theme="dark"]) .notice.success,html:not([data-theme="dark"]) .alert-success{background:#f0fbf5;border-color:#bce3cf;color:#267451}
html:not([data-theme="dark"]) .filter-row a,html:not([data-theme="dark"]) .platform-filters button{background:#fff;color:var(--muted)}
html:not([data-theme="dark"]) .filter-row a.active,html:not([data-theme="dark"]) .platform-filters button.active{background:#edf4ff;color:var(--blue);border-color:#afc9f5}
html:not([data-theme="dark"]) .studio-table th{background:#f7f9fc;color:#536985}
html:not([data-theme="dark"]) .studio-table td,html:not([data-theme="dark"]) .order-detail{color:#405470}
html:not([data-theme="dark"]) .badge{background:#eef4ff;color:#3266b5}
html:not([data-theme="dark"]) .auth-points>div,html:not([data-theme="dark"]) .auth-bottom,html:not([data-theme="dark"]) .divider,html:not([data-theme="dark"]) .footer-note{color:var(--muted)}
html:not([data-theme="dark"]) .auth-links a,html:not([data-theme="dark"]) .auth-bottom a[style],html:not([data-theme="dark"]) .auth-story span[style]{color:var(--blue)!important}
html:not([data-theme="dark"]) .google-button{border-color:#d8e1ee!important}
html:not([data-theme="dark"]) .menu-toggle{background:#fff;color:var(--ink)}
html:not([data-theme="dark"]) .drawer-close{color:var(--muted)}
html:not([data-theme="dark"]) .admin-body .panel,html:not([data-theme="dark"]) .admin-body .well,html:not([data-theme="dark"]) .admin-body .card,html:not([data-theme="dark"]) .admin-body .list-group-item{background:#fff!important;color:var(--ink)}
html:not([data-theme="dark"]) .admin-body .table{color:#405470}
html:not([data-theme="dark"]) .admin-body .table thead{background:#f7f9fc;color:#536985}
html:not([data-theme="dark"]) .admin-body .btn{background:#f3f6fb;color:#405c83;border-color:#d6e1f0}
html:not([data-theme="dark"]) .admin-body .btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}
html:not([data-theme="dark"]) .admin-body .btn-danger{background:#fff1f4;color:#a33651;border-color:#edc5d0}
html:not([data-theme="dark"]) .admin-body .dropdown-menu,html:not([data-theme="dark"]) .admin-body .modal-content{background:#fff;border-color:var(--border);color:var(--ink)}
html:not([data-theme="dark"]) .admin-body .dropdown-menu>li>a{color:#405470}
html:not([data-theme="dark"]) .admin-body .dropdown-menu>li>a:hover{background:#eff5ff}
html:not([data-theme="dark"]) .admin-body .nav-tabs>li>a,html:not([data-theme="dark"]) .admin-body .nav-pills>li>a{color:#526580}
html:not([data-theme="dark"]) .admin-body .nav-tabs>li.active>a,html:not([data-theme="dark"]) .admin-body .nav-pills>li.active>a{background:#edf4ff;color:var(--blue);border-color:#d2e1f7}
html:not([data-theme="dark"]) .admin-body .close,html:not([data-theme="dark"]) .admin-body .control-label,html:not([data-theme="dark"]) .admin-body .workspace form label{color:#445875}
html:not([data-theme="dark"]) .admin-body .pagination>li>a,html:not([data-theme="dark"]) .admin-body .pagination>li>span{background:#fff;color:#405c83;border-color:var(--border)}
html:not([data-theme="dark"]) .admin-body .pagination>.active>a{background:var(--blue);color:#fff}
html:not([data-theme="dark"]) .admin-body .page-shortcuts a{background:#f7faff;color:#315b9a}
@media(max-width:991px){.sidebar{top:70px;padding-top:56px;bottom:0;z-index:40}.app-topbar{padding:0 20px}.app-topbar .topbar-title{display:none}.workspace{padding-top:24px}.drawer-overlay{top:70px}.drawer-close{top:13px}.auth-layout{margin:35px auto 60px}}
@media(max-width:767px){.public-header{height:68px;gap:12px}.public-header .brand-lockup,.auth-top .brand-lockup,.app-topbar .mobile-brand .brand-lockup{width:140px}.app-topbar{height:66px;padding:0 16px}.sidebar,.drawer-overlay{top:66px}.app-topbar>div:first-child{gap:10px!important}.theme-toggle{width:40px;height:40px}.auth-top{padding:18px;gap:12px}.auth-top>a:last-child{font-size:11px}.hero{padding:40px 0 50px}.hero h1{font-size:39px}.hero p{font-size:15px}.section{padding:52px 0}.public-nav{top:68px;padding:64px 24px 28px}.public-page .drawer-overlay{top:68px}.public-nav .drawer-close{top:14px}.auth-card{margin:32px auto}.auth-layout .auth-card{margin:0}.public-footer{gap:18px}html:not([data-theme="dark"]) .public-nav{background:#fff}}
@media(max-width:359px){.brand-lockup,.public-header .brand-lockup,.auth-top .brand-lockup,.app-topbar .mobile-brand .brand-lockup{width:128px}.auth-top{gap:10px;padding:16px}.hero h1{font-size:35px}.public-wrap{width:calc(100% - 32px)}}
/* Keep legacy documentation and secondary account pages within the workspace. */
.workspace .content{max-width:100%;min-width:0}.workspace .content .container,.workspace .content .container-fluid{width:100%;padding:0}.workspace .content .row{margin:0}.workspace .content .card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:22px}.workspace .content .card-header{margin-bottom:18px;font-weight:650}.workspace .content .table{width:100%;border-collapse:collapse;font-size:12px}.workspace .content .table td,.workspace .content .table th{padding:12px;border:1px solid var(--border);overflow-wrap:anywhere;text-align:left}.workspace pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:var(--ink);font-size:12px;line-height:1.7}.workspace .table-shell{overflow-x:auto;max-width:100%;border:1px solid var(--border);border-radius:12px;margin-bottom:20px}

/* A focused SMM introduction, with quiet platform details rather than noisy graphics. */
.smm-hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:64px;min-height:620px;padding:68px 0 80px}
.hero-decor{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.hero-halo{position:absolute;right:-40px;top:30px;width:640px;height:550px;background:radial-gradient(ellipse,rgba(54,111,230,.085),transparent 67%);border-radius:50%}
.ghost-platform{position:absolute;color:var(--blue);opacity:.065;display:block;animation:platform-drift 10s ease-in-out infinite}
.ghost-platform .platform-icon{width:66px;height:66px}.ghost-0{left:42%;top:4%;transform:rotate(-14deg)}.ghost-1{right:2%;top:5%;animation-delay:-2s}.ghost-2{left:44%;bottom:9%;animation-delay:-4s}.ghost-3{right:1%;bottom:20%;animation-delay:-6s}.ghost-4{left:50%;top:43%;animation-delay:-8s}
@keyframes platform-drift{50%{translate:0 -8px}}
.hero-kicker{font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;margin-bottom:22px;color:var(--blue)}.hero-kicker i{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px rgba(50,107,232,.09)}
.smm-hero h1{font-size:clamp(42px,4.4vw,62px);font-weight:760;line-height:1.08;letter-spacing:-2px;margin:0 0 27px;max-width:620px;text-wrap:balance}
.smm-hero h1 em{color:var(--blue);font-style:normal}.smm-hero .hero-copy>p{font-size:16px;line-height:1.85;max-width:505px;margin-bottom:26px}.hero-copy p strong{font-weight:600;color:var(--ink)}
.smm-hero .actions{margin:29px 0 27px;gap:12px}.smm-hero .actions .button{padding:13px 21px;font-size:13px;border-radius:11px}
.hero-assurance{display:flex;flex-wrap:wrap;gap:12px 20px;color:var(--muted);font-size:10px}.hero-assurance>span{display:flex;align-items:center;gap:7px}.hero-assurance svg.icon{width:14px;height:14px;color:var(--blue)}
.social-scene{position:relative;isolation:isolate;margin:14px 3px 16px;min-width:0}.social-orbit{position:absolute;inset:-30px 8px;border:1px solid rgba(67,115,204,.09);border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{transform:rotate(-25deg)}.orbit-two{inset:-7px -15px;transform:rotate(22deg);border-style:dashed}
.social-panel{position:relative;padding:24px;border:1px solid var(--border);border-radius:23px;background:var(--panel);box-shadow:0 22px 70px rgba(38,70,120,.09);transform:rotate(-1.5deg)}
.social-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.65px;color:var(--muted);padding-bottom:19px;border-bottom:1px solid var(--border)}
.scene-dots{display:flex;gap:5px}.scene-dots i{width:6px;height:6px;border-radius:50%;background:#c6d3e8}.scene-dots i:first-child{background:#7eabff}
.social-panel-heading{padding:24px 0 17px}.social-panel-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--blue);margin-bottom:13px}.social-panel-heading h2{font-size:28px;line-height:1.12;letter-spacing:-.7px;font-weight:700;margin-bottom:10px}.social-panel-heading p{font-size:11px;margin:0}
.hero-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-platform-tile{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:12px;padding:15px 11px;background:var(--panel);min-width:0}
.platform-symbol{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;background:rgba(50,107,232,.055);color:var(--blue);flex-shrink:0}.platform-icon{display:block;width:25px;height:25px}
.hero-platform-tile strong{display:block;font-size:12px;line-height:1.3;font-weight:650}.hero-platform-tile small{display:block;font-size:9px;line-height:1.4;color:var(--muted);margin-top:3px}
.social-panel-footer{display:flex;align-items:center;justify-content:center;gap:13px;border-top:1px solid var(--border);padding-top:19px;margin-top:20px;color:var(--muted);font-size:9px}.social-panel-footer span{display:flex;align-items:center;gap:6px}.social-panel-footer .icon{width:13px;height:13px;color:var(--blue)}.social-panel-footer>i{width:3px;height:3px;border-radius:50%;background:#afc1dc}
.social-scene-note{display:flex;align-items:center;gap:9px;position:absolute;right:15px;bottom:-22px;padding:12px 18px;background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgba(38,70,120,.07);font-size:10px}.social-scene-note .icon{width:16px;height:16px;color:var(--blue)}
html[data-theme="dark"] .social-panel{box-shadow:0 22px 70px #0004}html[data-theme="dark"] .hero-kicker,html[data-theme="dark"] .social-panel-heading .eyebrow,html[data-theme="dark"] .smm-hero h1 em{color:#8bb7ff}html[data-theme="dark"] .platform-symbol{color:#8bb7ff;background:#1a2d49}html[data-theme="dark"] .ghost-platform{color:#8bb7ff;opacity:.085}
@media(max-width:1100px){.smm-hero{gap:34px}.smm-hero h1{font-size:50px}.social-panel{padding:21px}.hero-platform-tile{gap:8px;padding:13px 9px}.platform-symbol{width:31px;height:31px}.platform-icon{width:23px;height:23px}.hero-platform-tile small{font-size:8px}}
@media(max-width:767px){.smm-hero{grid-template-columns:1fr;gap:40px;padding:42px 0 63px;min-height:auto}.smm-hero h1{font-size:45px;letter-spacing:-1.5px;margin-bottom:23px;line-height:1.08}.hero-kicker{font-size:9px;letter-spacing:1.2px;margin-bottom:20px}.smm-hero .hero-copy>p{font-size:14px;line-height:1.85;max-width:500px;margin-bottom:22px}.smm-hero .actions{margin:24px 0 24px;gap:10px}.smm-hero .actions .button{padding:12px 16px;font-size:12px}.hero-assurance{font-size:9px;gap:10px 15px}.social-scene{max-width:470px;width:calc(100% - 12px);margin:6px auto 17px}.social-panel{padding:22px;transform:none;border-radius:20px}.hero-platform-tile{padding:14px 10px;gap:9px}.hero-platform-tile strong{font-size:12px}.hero-platform-tile small{font-size:9px}.social-panel-heading h2{font-size:27px}.ghost-platform .platform-icon{width:50px;height:50px}.ghost-0{left:auto;right:4%;top:2%}.ghost-1{right:4%;top:35%}.ghost-2{left:0;bottom:12%}.ghost-3{right:0;bottom:3%}.ghost-4{left:3%;top:42%}.hero-halo{right:-130px;top:35%;width:600px;height:500px}.social-orbit{inset:-18px 8px}.orbit-two{inset:5px -8px}.social-scene-note{right:10px;bottom:-20px;padding:11px 16px}}
@media(max-width:380px){.smm-hero h1{font-size:39px;letter-spacing:-1.2px}.smm-hero .actions .button{padding:12px 13px;font-size:11px}.hero-assurance{gap:9px 12px;font-size:8px}.hero-assurance svg.icon{width:12px;height:12px}.social-panel{padding:18px}.hero-platform-grid{gap:8px}.hero-platform-tile{padding:12px 8px;gap:7px}.platform-symbol{width:27px;height:29px}.platform-icon{width:21px;height:21px}.hero-platform-tile strong{font-size:10px}.hero-platform-tile small{font-size:8px}.social-panel-footer{gap:11px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.ghost-platform{animation:none}}
/* Decorative rings stay within the layout; desktop navigation has no drawer-close control. */
.social-orbit{transform:none;inset:-18px -10px}.orbit-two{inset:4px -18px}
@media(min-width:768px){.public-nav .drawer-close{display:none}}
@media(max-width:767px){.hero-assurance{font-size:10px;gap:10px 18px}}
@media(max-width:380px){.hero-assurance{font-size:9px;gap:10px 15px}}

/* Official full-colour artwork stays sharp and separate from the studio accent. */
.platform-icon{object-fit:contain}.hero-platform-tile{justify-content:center;min-height:84px;padding:17px}.hero-platform-tile .platform-symbol{width:50px;height:50px;background:transparent;border-radius:0}.hero-platform-tile .platform-icon{width:48px;height:48px}.hero-platform-tile[aria-label="And more"] .platform-symbol{color:var(--blue)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ghost-platform{opacity:.12}.ghost-0{transform:none}.ghost-platform .platform-icon{width:70px;height:70px}
.branded-platform-strip{padding:22px 0;gap:25px}.branded-platform-strip>span{font-size:10px;letter-spacing:.6px}.platform-logo-row{display:flex;align-items:center;justify-content:space-around;gap:35px;flex:1}.strip-platform-logo{display:grid;place-items:center;min-width:54px;padding:5px}.strip-platform-logo .platform-icon{width:40px;height:40px}
.catalog-platform-logo{display:grid;place-items:center;flex-shrink:0;width:38px!important}.catalog-platform-logo .platform-icon{width:34px;height:34px}.platform-card .catalog-platform-logo{color:var(--ink)}
html[data-theme="dark"] .hero-platform-tile .platform-symbol{background:transparent}.hero-platform-tile[aria-label="TikTok"] .platform-icon,.strip-platform-logo[aria-label="TikTok"] .platform-icon{border-radius:8px}
@media(max-width:767px){.hero-platform-tile{min-height:80px;padding:15px}.hero-platform-tile .platform-symbol{width:46px;height:46px}.hero-platform-tile .platform-icon{width:44px;height:44px}.branded-platform-strip{flex-direction:column;align-items:flex-start;gap:14px}.platform-logo-row{width:100%;gap:12px;justify-content:space-between}.strip-platform-logo{min-width:42px;padding:4px}.strip-platform-logo .platform-icon{width:36px;height:36px}.catalog-platform-logo .platform-icon{width:30px;height:30px}}
@media(max-width:380px){.platform-logo-row{gap:5px}.strip-platform-logo{min-width:38px}.hero-platform-tile .platform-icon{width:42px;height:42px}}

/* Preserve the official YouTube icon clear space while matching the other marks visually. */
.hero-platform-tile[aria-label="YouTube"] .platform-icon{width:68px;height:68px}.strip-platform-logo[aria-label="YouTube"] .platform-icon{width:58px;height:58px}.catalog-platform-logo img[src*="youtube"]{width:49px;height:49px}

/* Shared admin controls: readable labels, calm surfaces and a consistent touch target. */
.admin-body .workspace .container,.admin-body .workspace .container-fluid{width:100%;max-width:100%}.admin-body .workspace .row{margin-left:-8px;margin-right:-8px}.admin-body .workspace .panel-body{padding:22px;min-width:0}
.admin-body .workspace form{max-width:100%;min-width:0}.admin-body .workspace .form-group{margin-bottom:20px;min-width:0}.admin-body .workspace label{line-height:1.5;overflow-wrap:anywhere}.admin-body .workspace .form-control{height:auto;min-height:44px;line-height:1.5}.admin-body .workspace textarea.form-control{min-height:112px;resize:vertical}.admin-body .workspace input[type=file]{width:100%;max-width:100%;overflow:hidden;font-size:13px}
.admin-body .workspace .btn,.admin-body .modal .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;line-height:1.4}.admin-body .workspace .btn-xs{min-height:40px}.admin-body .workspace .checkbox label,.admin-body .workspace .radio label{min-height:44px;display:flex;align-items:center;gap:10px}.admin-body .workspace .checkbox input,.admin-body .workspace .radio input{position:static;margin:0;width:18px;height:18px;flex-shrink:0}
.admin-body .workspace .alert[style]:not(.alert-danger):not(.alert-success):not(.alert-warning){background:var(--panel2)!important;color:var(--ink)!important;border:1px solid var(--border)!important}.admin-body .workspace .alert[style] label{color:var(--ink)!important}.admin-body .workspace .input-group{max-width:100%}.admin-body .workspace [class*=col-]{min-width:0}.admin-body .workspace .img-thumbnail{max-width:100%;height:auto}
.settings-navigation{display:none}.admin-body .settings-sidebar .nav-pills>li>a{min-height:44px}.admin-body .modal .modal-dialog{width:min(900px,calc(100vw - 24px));margin:20px auto}.admin-body .modal .modal-body{max-height:calc(100dvh - 165px);overflow-y:auto;overscroll-behavior:contain;padding:20px}.admin-body .modal .modal-content{overflow-wrap:anywhere}.admin-body .modal .form-group{min-width:0;margin-bottom:18px}.admin-body .modal .form-control{width:100%;max-width:100%;height:auto;min-height:44px}.admin-body .modal textarea{min-height:112px}.admin-body .modal .modal-header{padding:16px 20px;display:flex;align-items:center;gap:12px}.admin-body .modal .modal-header .close{order:2;margin-left:auto;width:40px;height:40px;flex-shrink:0}.admin-body .modal .modal-title{font-size:17px;line-height:1.4}.admin-body .modal .modal-footer{display:flex;gap:10px;flex-wrap:wrap;padding:16px 20px}.admin-body .modal .modal-footer .btn{margin:0}.admin-body .modal .bootstrap-select{width:100%!important;max-width:100%}.admin-body .modal .bootstrap-select>.btn{width:100%;max-width:100%;text-align:left;justify-content:flex-start}.admin-body .popover{max-width:calc(100vw - 24px)}
.studio-floating-menu{z-index:2050!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--panel)!important;box-shadow:var(--shadow);padding:7px!important;margin:0!important}.studio-floating-menu>li>a{display:flex;align-items:center;white-space:normal;overflow-wrap:anywhere;min-height:44px;padding:10px 13px!important;color:var(--ink)!important;border-radius:8px}.studio-floating-menu>li>a:hover{background:var(--panel2)!important;color:var(--blue)!important}.studio-floating-menu .text-danger{color:#ba3c57!important}
.service-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.service-search{min-width:180px;flex:1;margin:0!important}.service-batch-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;margin-bottom:20px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.service-select-all{display:flex;align-items:center;gap:10px;min-height:44px;margin:0!important}.service-select-all input,.service-select input{width:20px;height:20px;accent-color:var(--blue)}.selection-count{font-size:12px;color:var(--muted)}.service-batch-bar>[data-service-collapse-all]{margin-left:auto}
.service-category{border:1px solid var(--border);border-radius:15px;margin-bottom:22px;background:var(--panel);min-width:0}.service-category-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--panel2);border-radius:15px 15px 0 0}.service-category-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.service-category-title h2{margin:0;font-size:16px;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere}.service-category-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.category-handle,.service-drag{cursor:grab;color:var(--muted);font-size:21px;letter-spacing:-4px;padding-right:6px;touch-action:none}.service-table-shell{max-width:100%;overflow-x:auto;border-radius:0 0 15px 15px;-webkit-overflow-scrolling:touch}.admin-services-table{min-width:1160px;width:100%;table-layout:auto}.admin-services-table th,.admin-services-table td{padding:14px 12px;vertical-align:middle;font-size:12px}.admin-services-table th{font-size:10px}.service-block__service{min-width:210px;max-width:340px;white-space:normal;overflow-wrap:anywhere}.service-block__service strong{font-size:12px;font-weight:650;line-height:1.6;display:block}.service-average,.provider-service-id{display:block;color:var(--muted);font-size:10px;margin-top:5px}.service-block__provider{min-width:120px}.service-block__checker{white-space:nowrap}.service-select{display:inline-flex;align-items:center;justify-content:center;width:40px;min-height:44px;margin:0!important}.service-row-actions{display:flex;gap:6px;align-items:center;min-width:220px}.service-row-actions .btn{min-width:58px}.service-status{display:inline-block;border-radius:6px;padding:4px 8px;white-space:nowrap;font-size:11px;background:var(--panel2);border:1px solid var(--border)}.service-status.enabled{color:#247756}.service-status.disabled{color:var(--muted)}html[data-theme=dark] .service-status.enabled{color:#8bd5b7}.service-block__refill>a,.service-block__cancel>a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;color:var(--blue)}.service-record[hidden],.service-category[hidden]{display:none!important}.service-category-content[hidden]{display:none!important}
.google-button{min-height:46px!important;border:1px solid #747775!important;border-radius:9px!important;background:#fff!important;color:#1f1f1f!important;gap:10px!important;font-size:14px!important;font-weight:500!important;padding:12px!important;box-shadow:none!important;transform:none!important}.google-button:hover{background:#f8faff!important;border-color:#607087!important;box-shadow:0 2px 7px #203b6410!important}.google-button:active{background:#f1f4f9!important}.google-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0}.google-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:#fff;border-radius:3px}
@media(max-width:991px){.admin-body .sidebar{height:calc(100dvh - 70px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.admin-body .sidebar .drawer-close{position:sticky;top:0;z-index:3;margin:-40px -4px 6px auto;flex-shrink:0;width:44px;height:44px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.admin-body .sidebar .side-nav a{min-height:44px}.admin-body .menu-toggle[aria-expanded=true] .hamburger i:first-child{transform:translateY(6px) rotate(45deg)}.admin-body .menu-toggle[aria-expanded=true] .hamburger i:nth-child(2){opacity:0}.admin-body .menu-toggle[aria-expanded=true] .hamburger i:last-child{transform:translateY(-6px) rotate(-45deg)}.admin-body .app-topbar{height:66px}.admin-body .drawer-overlay,.admin-body .sidebar{top:66px}.admin-body .sidebar{height:calc(100dvh - 66px)}}
@media(max-width:767px){.admin-body .app-topbar .topbar-right{display:none}.admin-body .workspace{padding:22px 14px 42px}.admin-body .workspace .row{margin:0}.admin-body .workspace [class*=col-],.admin-body .modal [class*=col-]{width:100%!important;max-width:100%;margin-left:0!important;float:none!important;padding-left:0;padding-right:0}.admin-body .workspace .panel-body{padding:18px}.admin-body .workspace .form-horizontal .form-group{margin:0 0 20px}.admin-body .workspace .form-group label,.admin-body .modal .form-group label{display:block;text-align:left;margin-bottom:8px;color:var(--ink);line-height:1.5}.admin-body .workspace input:not([type=checkbox]):not([type=radio]),.admin-body .workspace select,.admin-body .workspace textarea,.admin-body .modal input:not([type=checkbox]):not([type=radio]),.admin-body .modal select,.admin-body .modal textarea{max-width:100%!important;font-size:16px!important;min-height:44px}.admin-body .workspace .form-group>.form-control,.admin-body .modal .form-control{width:100%!important}.admin-body .workspace form .input-group{display:flex;flex-wrap:wrap;gap:8px;width:100%}.admin-body .workspace form .input-group>.form-control{width:100%!important;flex:1 1 100%;border-radius:9px}.admin-body .workspace .input-group-btn{width:auto;max-width:100%;display:flex;gap:8px}.admin-body .workspace .form-inline{display:flex;flex-wrap:wrap;gap:10px}.admin-body .workspace .form-inline>*{max-width:100%}.admin-body .workspace .bootstrap-select{width:100%!important;max-width:100%}.admin-body .workspace .bootstrap-select .dropdown-toggle{width:100%;min-height:44px}.admin-body .workspace .nav-tabs{gap:6px;margin-bottom:18px}.admin-body .workspace .nav-tabs>li>a{min-height:44px;display:flex;align-items:center;padding:11px 13px}.admin-body .workspace .settings-sidebar .nav-pills{display:none}.settings-navigation{display:block;margin-bottom:20px}.settings-navigation label{font-size:12px;margin-bottom:8px}.admin-body .workspace .panel{padding:18px}.admin-body .workspace .btn-group{display:flex;flex-wrap:wrap;gap:5px}.admin-body .workspace .pagination{gap:4px}.admin-body .workspace .pagination>li>a{min-width:40px;min-height:44px;display:flex;align-items:center;justify-content:center}.admin-body .workspace .note-toolbar{display:flex;flex-wrap:wrap;gap:4px}.admin-body .workspace .note-editable{font-size:16px!important}.admin-body .workspace .table-shell{overscroll-behavior-x:contain}.admin-body .modal .modal-footer>.btn{flex:1;min-width:100px}.service-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-toolbar .service-search{grid-column:1/-1;min-width:0}.service-batch-bar{gap:10px;padding:12px}.service-batch-bar .selection-count{margin-left:auto}.service-batch-bar .dropdown,.service-batch-bar>[data-service-collapse-all]{width:calc(50% - 5px);margin-left:0}.service-batch-bar .dropdown>.btn,.service-batch-bar>[data-service-collapse-all]{width:100%;font-size:12px}.service-category{border:0;background:none;margin-bottom:24px}.service-category-header{border:1px solid var(--border);border-radius:12px;padding:15px;align-items:flex-start;flex-direction:column;gap:12px}.service-category-title{width:100%}.service-category-title h2{font-size:15px;flex:1;min-width:120px}.service-category-title .pill{font-size:10px}.service-category-actions{width:100%;display:flex;flex-wrap:wrap;gap:7px}.service-category-actions .btn{flex:1;min-width:80px;font-size:11px;padding:9px}.service-table-shell{overflow:visible;border-radius:0}.admin-services-table,.admin-services-table tbody{display:block;width:100%;min-width:0}.admin-services-table thead{display:none}.admin-services-table .service-record{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;padding:16px;margin-top:13px;background:var(--panel);border:1px solid var(--border);border-radius:14px;position:relative}.admin-services-table .service-record>td{display:block;min-width:0!important;max-width:none!important;width:auto!important;padding:11px 0;border:0;border-bottom:1px solid var(--border);font-size:12px;overflow-wrap:anywhere;white-space:normal}.admin-services-table .service-record>td:before{content:attr(data-label);display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:550}.admin-services-table .service-record>.service-block__checker{grid-column:1;grid-row:1;display:flex;align-items:center;padding:0;border:0;min-height:44px}.admin-services-table .service-record>.service-block__checker:before{display:none}.admin-services-table .service-record>.service-block__id{grid-column:2;grid-row:1;text-align:right;border:0;padding:3px 0 0}.admin-services-table .service-record>.service-block__service{grid-column:1/-1;grid-row:2;padding:8px 0 15px}.admin-services-table .service-record>.service-block__service:before{display:none}.service-block__service strong{font-size:14px;line-height:1.7}.service-block__type{grid-column:1/-1}.service-block__provider{grid-column:1/-1}.service-block__visibility{grid-column:1/-1}.admin-services-table .service-record>.service-block__action{grid-column:1/-1;border:0;padding-bottom:0}.service-row-actions{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-row-actions .btn,.service-row-actions .dropdown,.service-row-actions .dropdown>.btn{width:100%;min-width:0;font-size:12px}.service-block__refill>a,.service-block__cancel>a{min-height:40px}.admin-body .service-table-shell .studio-table td{font-size:12px}}
@media(max-width:359px){.service-row-actions{gap:6px}.service-batch-bar{padding:10px}.service-batch-bar .btn{padding:9px 10px}.service-toolbar>.btn{font-size:12px;padding:10px}.admin-body .workspace{padding-left:12px;padding-right:12px}}

.admin-body .card-header,.admin-body .card-body,.admin-body .card-footer{padding:18px;min-width:0}.admin-body .card-header{font-weight:650;border-bottom:1px solid var(--border)}.admin-body .card-footer{border-top:1px solid var(--border)}.admin-body .form-label{display:block;font-size:13px;margin-bottom:8px}.admin-body .ts-wrapper,.admin-body .ts-control{max-width:100%;min-width:0}.admin-body .ts-control{min-height:44px;background:var(--panel);color:var(--ink);border-color:var(--border);padding:10px 12px}.admin-body .ts-dropdown{max-width:calc(100vw - 24px);background:var(--panel);color:var(--ink);border-color:var(--border)}.admin-body .ts-dropdown .option{min-height:44px;white-space:normal;overflow-wrap:anywhere;padding:11px}.admin-body .ts-dropdown .active{background:var(--panel2);color:var(--blue)}.admin-body .modal.show,.admin-body .modal-backdrop.show{opacity:1}.admin-body .modal.show .modal-dialog{transform:none}.admin-body .btn-close{min-width:40px;min-height:40px;background:transparent;color:var(--ink);border:0}.admin-body .btn-close:before{content:'×';font-size:25px}.admin-body .float-end{float:right}.admin-body .category-handle{min-height:44px;display:flex;align-items:center}.admin-body .service-drag{min-height:44px;display:inline-flex;align-items:center;padding:8px}
@media(max-width:767px){.admin-body .card-header,.admin-body .card-body,.admin-body .card-footer{padding:16px}.admin-body .float-end{float:none}.admin-body .ts-control,.admin-body .ts-control input{font-size:16px!important}.admin-body .form-group>select{width:100%;min-height:44px;background:var(--panel);color:var(--ink);border:1px solid var(--border);padding:10px 12px;border-radius:9px}.admin-body .btn-group-vertical{width:100%}}
/* Filters stay in the viewport; scrolling is reserved for data tables. */
.admin-body .workspace .clients-table{width:100%;max-width:100%;overflow-x:auto}
@media(max-width:991px){.admin-body .workspace .nav-tabs{display:flex;flex-wrap:wrap;overflow:visible;gap:8px}.admin-body .workspace .nav-tabs>li{float:none!important;flex:0 1 auto;min-width:0;max-width:100%;margin:0}.admin-body .workspace .nav-tabs>.custom-search,.admin-body .workspace .nav-tabs>form{flex:1 1 100%;width:100%;min-width:0;margin:8px 0 0}.admin-body .workspace .nav-tabs>form{display:flex;flex-wrap:wrap;gap:12px}.admin-body .workspace .nav-tabs>form>li{list-style:none;float:none!important;flex:1 1 100%;min-width:0;max-width:100%;margin:0}.admin-body .workspace .nav-tabs .bootstrap-select{width:100%!important;max-width:100%}.admin-body .workspace .nav-tabs .bootstrap-select>.btn{width:100%;max-width:100%;text-align:left;justify-content:flex-start}.admin-body .workspace .bootstrap-select .filter-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.admin-body .workspace .nav-tabs .input-group{width:100%;max-width:100%}.admin-body .workspace .nav-tabs .input-group>.form-control{max-width:100%;min-width:0}.admin-body .workspace .nav-tabs .pull-right{float:none!important}.admin-body .workspace .nav-tabs .search-select-wrap{white-space:normal}}
.admin-body .bootstrap-select>select{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}