.home-icon.suite-card i{background:linear-gradient(#12192a,#12192a) padding-box,linear-gradient(125deg,#fff3a7,#8ef3df 30%,#91caff 58%,#e7adff 82%,#ffb7d2) border-box}
.home-icon.suite-card.revenue i:before{background:linear-gradient(145deg,#12373d,#15233a 58%,#292248)}
.home-icon.suite-card.success i:before{background:linear-gradient(145deg,#392b2c,#20213b 58%,#302345)}
.home-icon.suite-card small{color:#b9efff}.home-icon.suite-card i svg{filter:drop-shadow(0 0 8px #9fefff77)}
.phone-home{max-width:760px}
.phone-home .app-grid{display:flex;gap:0;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding:8px 0 6px}
.phone-home .app-grid::-webkit-scrollbar{display:none}
.app-section{position:relative;isolation:isolate;flex:0 0 100%;min-width:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #9fefff26;border-radius:28px;padding:0 10px 18px;background:#101526bb;box-shadow:inset 0 1px #fff1,0 20px 60px #0004}
.section-atmosphere{position:absolute;z-index:-1;inset:0 0 auto;height:188px;overflow:hidden;background:radial-gradient(circle at 82% 12%,var(--section-glow),transparent 42%),linear-gradient(135deg,var(--section-deep),#12182b 72%);border-bottom:1px solid #ffffff12}
.section-atmosphere:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,#ffffff05 7px),radial-gradient(circle at 18% 24%,#fff8 0 1px,transparent 2px);background-size:100% 100%,90px 90px;opacity:.7}
.section-atmosphere b{position:absolute;right:-.04em;bottom:-.23em;color:#fff;opacity:.055;font-size:clamp(68px,22vw,130px);font-weight:800;letter-spacing:-.1em}.section-atmosphere i{position:absolute;right:8%;top:18%;width:76px;height:76px;border:1px solid #fff4;border-radius:50%;box-shadow:0 0 38px var(--section-glow),inset 0 0 22px var(--section-glow)}
.section-connect{--section-glow:#72efd5aa;--section-deep:#11303b}.section-grow{--section-glow:#9e9bffaa;--section-deep:#211b46}.section-play{--section-glow:#ff83c9aa;--section-deep:#38162f}.section-work{--section-glow:#ffd16faa;--section-deep:#342a18}
.section-header{position:relative;z-index:2;min-height:154px;padding:20px 14px 32px;color:#f9f4e8}.section-header span{display:block;color:#aef5eb;font:700 10px 'DM Mono',monospace;letter-spacing:.16em}.section-header h2{margin:8px 0 3px;font-size:clamp(38px,11vw,62px);line-height:.86;letter-spacing:-.075em}.section-header p{max-width:36ch;margin:10px 0 0;color:#d5dbea;font-size:13px;line-height:1.4}
.section-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(138px,auto));gap:22px 10px;align-content:start}
.section-grid .home-icon{min-width:0;justify-content:flex-start}.section-grid .home-icon small{max-width:145px;min-height:38px;font-size:12px;line-height:1.35;color:#a9eaff}
.section-grid .hq-app{grid-column:1/-1;justify-self:center;width:calc(50% - 5px);border:1px solid #a8baff55;border-radius:20px;background:linear-gradient(145deg,#202b43,#20233f 56%,#2b2144);box-shadow:inset 0 1px #fff2,0 12px 30px #080d1c45}
.section-play .slakman-app{grid-column:1/-1;display:grid;grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:14px;justify-self:stretch;min-height:94px;padding:9px 16px;border:1px solid #d8a9e780;border-radius:19px;background:linear-gradient(105deg,#30213f,#1c2938);text-align:left;box-shadow:inset 0 1px #fff2,0 10px 25px #09081755}.section-play .slakman-app i{grid-row:1/3;margin:0!important}.section-play .slakman-app .app-name{align-self:end}.section-play .slakman-app small{align-self:start;max-width:none;min-height:0}.section-play .slakman-app.reordering{grid-column:auto;display:flex}
html[data-squad-theme=light] .section-play .slakman-app{background:linear-gradient(105deg,#eee8fa,#e6f5f0);border-color:#7565a48c}html[data-squad-theme=light] .section-play .slakman-app small{color:#365769!important}
.launcher-controls{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;margin:15px 0 2px}.launcher-pager{display:flex;align-items:center;gap:6px;max-width:100%}.launcher-page-button{flex:0 0 auto;width:36px;height:36px;padding:0;border:1px solid #8ef3df55;border-radius:50%;background:#111727dd;color:#bafcff;font-size:17px;box-shadow:0 7px 22px #0005;transition:transform .2s,opacity .2s,background .2s}.launcher-page-button:not(:disabled):active{transform:scale(.9);background:#20304a}.launcher-page-button:disabled{opacity:.2;cursor:default}
.reorder-toggle{min-height:38px;padding:8px 14px;border:1px solid #9fefff66;border-radius:999px;background:#111727;color:#b9efff;font:500 11px 'DM Mono';letter-spacing:.06em;text-transform:uppercase}.reorder-toggle[aria-pressed=true]{background:#b9efff;color:#10131f;box-shadow:0 0 18px #82dfff88}
.launcher-dots{display:flex;gap:4px;padding:5px;border:1px solid #34394b;border-radius:999px;background:#111727aa;overflow:auto;scrollbar-width:none}.launcher-dots::-webkit-scrollbar{display:none}.launcher-dots button{display:grid;place-items:center;gap:1px;min-width:46px;height:31px;padding:3px 7px;border:0;border-radius:999px;background:transparent;color:#7f8b9d;font:700 7px 'DM Mono',monospace;letter-spacing:.05em;transition:.25s}.launcher-dots button i{width:6px;height:6px;border-radius:50%;background:currentColor}.launcher-dots button.active{min-width:64px;color:#10131f;background:linear-gradient(90deg,#8ef3df,#91caff,#e7adff);box-shadow:0 0 12px #9fefff}.launcher-swipe{color:#7f95a8;font:700 8px 'DM Mono',monospace;letter-spacing:.13em}
.app-movers{display:flex;gap:6px;margin-top:2px}.app-movers [data-move]{display:grid;place-items:center;width:34px;height:30px;border:1px solid #9fefff66;border-radius:10px;background:#111727;color:#b9efff;font-size:16px;cursor:pointer}.home-icon.reordering i{animation:appReorderWiggle .55s ease-in-out infinite alternate;box-shadow:0 0 0 2px #9fefff66,0 0 26px #82dfff66}@keyframes appReorderWiggle{from{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}
html[data-squad-theme=light] .app-section{background:#f4f8fc;border-color:#57758b55;box-shadow:inset 0 1px #fff,0 20px 55px #36546c24}html[data-squad-theme=light] .section-header{color:#f8fbff;text-shadow:0 1px 1px #07152666}html[data-squad-theme=light] .section-header span{color:#aaf8e8}html[data-squad-theme=light] .section-header p{color:#e4eef5}html[data-squad-theme=light] .section-atmosphere{border-bottom-color:#d9f5ff22}html[data-squad-theme=light] .section-atmosphere b{color:#fff;opacity:.075}html[data-squad-theme=light] .launcher-swipe{color:#334e63}html[data-squad-theme=light] .launcher-page-button{background:#fff;color:#18364a;border-color:#496a825e;box-shadow:0 7px 20px #38576f29}html[data-squad-theme=light] .launcher-page-button:disabled{color:#6b7e8d;opacity:.55}html[data-squad-theme=light] .launcher-dots button{color:#52697b}html[data-squad-theme=light] .section-grid .hq-app{background:linear-gradient(112deg,#e7fbf6,#edf3ff 55%,#f4eaff);border-color:#6d79b84f;box-shadow:inset 0 1px #fff,0 12px 28px #38597722}html[data-squad-theme=light] .section-grid .hq-app small{color:#35536a!important}
@media(max-width:450px){.app-section{border-radius:24px;padding-inline:8px}.section-header{padding-inline:12px}.section-grid{grid-template-rows:repeat(2,minmax(130px,auto));gap:20px 8px}.section-grid .home-icon small{max-width:130px;font-size:11.5px}.launcher-controls{margin-top:12px}.launcher-dots button{min-width:40px;padding-inline:5px}.launcher-dots button.active{min-width:56px}.launcher-page-button{width:32px;height:32px}}
@media(max-width:899px){.section-play .slakman-app{grid-column:1/-1;justify-self:center;width:calc(50% - 3px);min-height:104px!important;padding:5px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:4px}.section-play .slakman-app i{margin:0 auto!important}.section-play .slakman-app .app-name{align-self:center;justify-content:center}.section-play .slakman-app small{align-self:center;max-width:132px!important;min-height:27px!important}.section-play .slakman-app.reordering{grid-column:auto;width:auto}}
/* The launcher is a one-screen controller on phones, not a desktop hero stacked above apps. */
@media(max-width:899px){
  .phone-home{min-height:100svh!important;padding:max(8px,env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom))!important;grid-template-rows:auto auto auto auto auto!important;align-content:start;overflow-x:hidden!important}
  .phone-status{min-height:22px;padding:2px 2px 7px!important;font-size:10px!important;line-height:1}
  .squad-header{align-items:center!important;gap:12px;padding:3px 2px 11px!important}
  .squad-header>div{min-width:0;flex:1}
  .mini-brand{font-size:9px!important;letter-spacing:.09em!important}
  .squad-header h1{margin:8px 0 7px!important;font-size:clamp(1.9rem,8vw,2.5rem)!important;line-height:1!important}
  .squad-header p{max-width:290px!important;font-size:12px!important;line-height:1.25!important}
  .install-icon{flex:0 0 auto;width:38px!important;height:38px!important;border-radius:12px!important;font-size:20px!important}
  .phone-home .app-grid{margin:0!important;padding:2px 0 3px!important}
  .app-section{border-radius:20px!important;padding:0 7px 9px!important}
  .section-atmosphere{height:104px!important}
  .section-atmosphere b{bottom:-.18em;font-size:clamp(60px,19vw,84px)!important}
  .section-atmosphere i{top:17%;width:52px;height:52px}
  .section-header{min-height:100px!important;padding:13px 10px 9px!important}
  .section-header span{font-size:8px!important;letter-spacing:.15em}
  .section-header h2{margin:6px 0 2px!important;font-size:clamp(32px,10vw,42px)!important;line-height:.82!important}
  .section-header p{max-width:34ch;margin:7px 0 0!important;font-size:11.5px!important;line-height:1.28!important}
  .section-grid{grid-template-rows:repeat(2,minmax(104px,auto))!important;gap:9px 5px!important}
  .section-play{display:flex;flex-direction:column}
  .section-play .section-grid{flex:1;align-content:space-evenly;justify-items:stretch}
  .section-play .section-grid .home-icon{align-items:center;justify-content:flex-start;text-align:center}
  .section-grid .hq-app{width:calc(50% - 3px)!important}
  .section-grid .home-icon{gap:4px!important}
  .section-grid .home-icon i,.section-grid .home-icon.ice i,.section-grid .home-icon.levelup i,.section-grid .home-icon.crowned i{width:58px!important;height:58px!important;padding:4px!important;border-radius:17px!important}
  .section-grid .home-icon i:before{border-radius:14px!important}
  .section-grid .app-name{min-height:22px!important}
  .section-grid .app-name b{font-size:10.5px!important;line-height:1.12!important}
  .section-grid .home-icon small{max-width:132px!important;min-height:27px!important;font-size:10px!important;line-height:1.22!important}
  .launcher-controls{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:'pager pager' 'reorder swipe';width:100%;gap:5px 8px!important;margin:7px 0 0!important}
  .launcher-pager{grid-area:pager;justify-self:center}
  .reorder-toggle{grid-area:reorder;min-height:30px!important;padding:5px 10px!important;font-size:8px!important}
  .launcher-swipe{grid-area:swipe;justify-self:end;align-self:center;font-size:7px!important}
  .launcher-page-button{width:29px!important;height:29px!important;font-size:14px!important}
  .launcher-dots{padding:3px!important}
  .launcher-dots button{min-width:39px!important;height:27px!important;padding:2px 4px!important;font-size:6px!important}
  .launcher-dots button.active{min-width:52px!important}
  .launcher-dots button i{width:5px;height:5px}
  .phone-footer{margin-top:8px!important;font-size:8px!important}
}
@media(max-width:450px) and (max-height:740px){
  .squad-header{padding-bottom:8px!important}
  .squad-header h1{font-size:1.9rem!important}
  .squad-header p{font-size:11px!important}
  .section-header{min-height:91px!important;padding-top:11px!important}
  .section-atmosphere{height:95px!important}
  .section-grid{grid-template-rows:repeat(2,minmax(96px,auto))!important;gap:6px 4px!important}
  .section-grid .home-icon i,.section-grid .home-icon.ice i,.section-grid .home-icon.levelup i,.section-grid .home-icon.crowned i{width:53px!important;height:53px!important}
  .section-grid .home-icon small{min-height:24px!important;font-size:9.5px!important}
  .phone-footer{display:none!important}
}
@media(prefers-reduced-motion:reduce){.home-icon.reordering i{animation:none}.launcher-dots button{transition:none}}
/* Recognition is a deliberate full-width Connect shortcut; keep the launcher's columns balanced. */
.section-connect .high-five-app{grid-column:1/-1;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:15px;justify-self:stretch;min-height:88px;padding:9px 18px;border:1px solid #aaf6db88;border-radius:19px;background:linear-gradient(105deg,#1e3f46,#302443);text-align:left;box-shadow:inset 0 1px #fff3,0 10px 27px #07161e77}.section-connect .high-five-app i{grid-row:1/3;margin:0!important}.section-connect .high-five-app .app-name{align-self:end}.section-connect .high-five-app small{align-self:start;max-width:none;min-height:0}.section-connect .high-five-app.reordering{grid-column:auto;display:flex}html[data-squad-theme=light] .section-connect .high-five-app{background:linear-gradient(105deg,#e0f7ef,#f0e7fb);border-color:#5c8e8277}html[data-squad-theme=light] .section-connect .high-five-app small{color:#365769!important}