@import url('./fonts/poppins.css');
@import url('./dropdown-motion.css');
/* HaloRanking: shared dark system. Rem dimensions inherit the requested80% scale. */
/* The supplied white mark keeps its contrast in light admin previews too. */
img[src*="/assets/halo-360-logo.gif"]{object-fit:contain;flex-shrink:0;background-color:#101622;border-radius:20%}
@media(prefers-reduced-motion:reduce){img[src*="/assets/halo-360-logo.gif"]{content:url('/assets/halo-360-logo-still.png')}.owner-notifications #nt-preview>.nt-tag::before{background-image:url('/assets/halo-360-logo-still.png')}}
:root{
 color-scheme:dark;
 --ui-scale:.8;--halo-site-scale:var(--ui-scale);--halo-viewport-height:calc(100vh / var(--halo-site-scale));
 --halo-blue:#2563eb;--halo-blue-hover:#2d68e8;--halo-blue-pressed:#1d4ed8;--halo-blue-text:#93c5fd;
 --halo-canvas:#080b12;--halo-surface:#101622;--halo-elevated:#172033;--halo-inset:#0c111c;
 --halo-ink:#edf2fc;--halo-muted:#a8b4cb;--halo-subtle:#8695b0;--halo-line:#27344b;--halo-line-strong:#3a4d6d;--halo-navy:#0c1425;
 --halo-success:#6ee7b7;--halo-warning:#fcd34d;--halo-danger:#fda4af;
 --text-xs:.875rem;--text-sm:1rem;--text-body:1rem;--text-lead:1.25rem;
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;
 --radius-control:.5rem;--radius-panel:.875rem;--radius-feature:1.25rem;--halo-radius:var(--radius-panel);
 --shadow-panel:0 1.5rem 4rem #0005;--glow-blue:0 0 2.5rem #2563eb24;
 --ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--motion-fast:140ms;--motion-base:220ms;--motion-reveal:420ms;
 --brand:var(--halo-blue);--brand-dark:var(--halo-blue-pressed);--ink:var(--halo-ink);--muted:var(--halo-muted);--canvas:var(--halo-canvas);--surface:var(--halo-surface);--line:var(--halo-line);--tint:#152541;
}
html{font-size:80%;background:var(--halo-canvas);scrollbar-color:#3a4d6d #0c111c}
body{font-family:var(--font-halo);color:var(--halo-ink);background:var(--halo-canvas);font-size:var(--text-body);line-height:1.6;zoom:var(--halo-site-scale)}
button,input,textarea,select{font:inherit}
code,kbd,pre,samp,svg text{font-family:var(--font-halo)}button,a,input,summary{touch-action:manipulation}
input,textarea,select{caret-color:var(--halo-blue-text);color-scheme:dark}
::selection{background:#2563eb88;color:#fff}
:focus-visible{outline:2px solid var(--halo-blue-text);outline-offset:3px}
.skip,.skip-link{background:var(--halo-elevated);color:var(--halo-ink)}
button,a,summary{transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease}
button:active,a.button:active{box-shadow:inset 0 0 0 1px #a5c8ff55}
button:disabled{cursor:not-allowed;opacity:.55}
.halo-system-state{width:min(42rem,calc(100% - 3rem));margin:12vh auto;padding:2rem 0;color:var(--halo-ink)}
.halo-system-state img{margin-bottom:3rem}.halo-system-state h1{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.15;letter-spacing:-.035em;margin:1rem 0}.halo-system-state p{font-size:1.25rem;color:var(--halo-muted)}
.halo-system-state a{display:inline-flex;align-items:center;gap:2rem;margin-top:2rem;padding:1rem 1.5rem;border-radius:var(--radius-control);background:var(--halo-blue);color:#fff;font-weight:600;text-decoration:none}
@keyframes halo-arrive{from{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}
@keyframes halo-skeleton{50%{opacity:.42}}
.halo-skeleton{background:#21314b;border-radius:var(--radius-control);animation:halo-skeleton 1.6s ease-in-out infinite}
@media(hover:hover) and (pointer:fine){a:hover{color:var(--halo-blue-text)}.halo-system-state a:hover{background:var(--halo-blue-hover);color:#fff}}
@media(pointer:coarse){input,select,textarea{font-size:16px}button,[role=button],summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Upcoming membership tools stay distinct from currently available features. */
:is(.checkout-order,.shared-inclusions,.plan) .included-platforms{margin:1.5rem 0;padding-top:1.25rem;border-top:1px solid var(--halo-line)}
:is(.checkout-order,.shared-inclusions,.plan) .included-platforms-title{margin:0 0 .9rem;font-size:.95rem;line-height:1.5;font-weight:600;color:var(--halo-ink)}
:is(.checkout-order,.shared-inclusions,.plan) .included-platforms ul{display:grid;grid-template-columns:1fr;gap:.85rem;list-style:none;margin:0;padding:0}
:is(.checkout-order,.shared-inclusions,.plan) .included-platforms li{display:flex;align-items:center;gap:.65rem;margin:0;padding:0;font-size:.95rem;line-height:1.5;color:var(--halo-ink)}
.included-platforms img{display:block;width:1.35rem;height:1.35rem;object-fit:contain;flex:none}
.included-platforms li>span{flex:1}
.included-platforms small{flex:none;font-size:.75rem;line-height:1.5;padding:.15rem .4rem;border:1px solid var(--halo-line);border-radius:.3rem;color:var(--halo-muted);white-space:nowrap}
:is(.checkout-order,.shared-inclusions,.plan) .included-platforms-note{margin:1rem 0 0;padding:0;border:0;font-size:.9rem;line-height:1.75;color:var(--halo-muted)}
/* Platform identity uses platform colors; Halo blue remains the action color. */
.platform-name{display:inline!important;white-space:nowrap;font:inherit;letter-spacing:inherit}
.platform-name--youtube{color:#ff6268!important}
.platform-name--reddit{color:#ff784d!important}
.platform-name--tiktok{color:#25f4ee!important}
.platform-name--google{color:#73a8ff!important}
.google-letter{display:inline!important;font:inherit}
.google-letter--0,.google-letter--3{color:#73a8ff!important}.google-letter--1,.google-letter--5{color:#ff756b!important}.google-letter--2{color:#fbbc05!important}.google-letter--4{color:#55c879!important}
/* Platform colors identify labels and the dedicated showcase; other prose stays neutral. */
:is(h1,h2,h4,p,blockquote,.testimonial-card footer,.shared-inclusions>ul) :is(.platform-name,.google-letter):not(.platform-roadmap *){color:inherit!important}
.planned-platforms img{width:1.2rem;height:1.2rem;object-fit:contain;flex:none}
.included-platforms .platform-name{flex:1}

@supports(height:100dvh){:root{--halo-viewport-height:calc(100dvh / var(--halo-site-scale))}}
/* Preserve the compact visual scale while making touch controls forgiving. */
@media(max-width:760px),(pointer:coarse){
 body :is(button,[role=button],summary,input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,.button,.text-link,.account-link,.workspace-profile,.workspace-menu,[role=option]){min-height:calc(44px / var(--halo-site-scale))!important}
 body :is(.icon-button,.workspace-profile,.workspace-menu,button[aria-label="Remove thumbnail"]){min-width:calc(44px / var(--halo-site-scale))!important}
 body :is(.workspace-toolstrip,.dashboard-navigation,.dashboard-admin-subnav,.footer-columns) a{min-height:calc(44px / var(--halo-site-scale));display:flex;align-items:center}
 body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){font-size:16px}
}