/* SAS APP HUB: storefront presentation, isolated from the admin catalog. */
.sas-brand {
  --sas-bg: #080e18; --sas-ink:#eef6ff; --sas-muted:#9cacc4;
  --sas-line:rgba(181,212,244,.16); --sas-cyan:#79c5ff;
  --sas-surface:#101b2b; --text:var(--sas-ink); --muted:var(--sas-muted);
  --line:var(--sas-line); --accent:#79c5ff;
  background:radial-gradient(ellipse at 78% 10%,rgba(36,88,128,.17),transparent 40%),#080e18;
  color:var(--sas-ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
.sas-brand .shell {width:min(1392px,calc(100% - 80px));padding:0}
.sas-brand a,.sas-brand button {outline-offset:4px}
.sas-brand .sas-header {padding:22px 0;align-items:center;margin:0;border-bottom:1px solid var(--sas-line)}
.sas-wordmark {display:inline-flex;align-items:center;gap:13px;font-weight:820;font-size:21px;letter-spacing:-.055em;white-space:nowrap;text-decoration:none;color:#f2fcff}
.sas-wordmark strong {font-weight:420;color:#c2d3e3}
.sas-mark {width:37px;height:37px;border:1px solid rgba(143,233,232,.42);border-radius:11px;display:flex;gap:3px;align-items:center;justify-content:center;background:rgba(143,233,232,.07);transform:rotate(-9deg)}
.sas-mark span {width:5px;height:17px;border-radius:4px;background:var(--sas-cyan);transform:skew(-20deg)}
.sas-mark span:nth-child(2){height:24px;background:#b7b4f6}
.sas-mark span:nth-child(3){height:12px}
.sas-primary-nav {display:flex;gap:30px;align-items:center}
.sas-primary-nav a {color:#a6b6c9;font-size:13px;text-decoration:none}
.sas-primary-nav a:hover,.sas-brand .user-bar a:hover{color:#fff}
.sas-brand .user-bar {gap:12px;font-size:12px}
.sas-brand .user-bar a,.sas-brand .user-bar-name,.sas-brand .user-bar .link-button {color:#b1c7d5}
.sas-brand .user-bar-cta {background:#b6deff;color:#07141d!important;border-radius:999px;padding:9px 15px}
.sas-brand .user-bar .link-button {font-size:12px}
.sas-intro {position:relative;isolation:isolate;min-height:540px;padding:100px 0 83px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:25px;border-bottom:1px solid var(--sas-line);overflow:hidden}
.sas-intro::before {content:"";position:absolute;right:0;top:0;width:62%;height:100%;background:radial-gradient(circle at 60% 50%,rgba(35,121,137,.16),transparent 46%);pointer-events:none}
.sas-kicker,.sas-eyebrow {font-size:11px;font-weight:750;letter-spacing:.18em;color:#83bdf6}
.sas-live-dot {display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#7abfff;box-shadow:0 0 0 5px rgba(140,232,203,.09)}
.sas-intro h1 {font-size:clamp(64px,7.5vw,118px);letter-spacing:-.085em;line-height:.93;white-space:nowrap;margin:25px 0 22px;font-weight:760}
.sas-period {color:var(--sas-cyan)}
.sas-lead {font-size:clamp(25px,3vw,38px);font-weight:430;letter-spacing:-.035em;margin:0 0 15px;color:#e9f8fa}
.sas-description {max-width:560px;color:#a9b9cc;font-size:17px;line-height:1.7;margin:0 0 30px}
.sas-actions,.sas-feature-actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sas-button {display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:9px;padding:14px 20px;text-decoration:none;font-weight:720;font-size:13px;line-height:1.3;transition:transform .18s,background .18s;min-height:45px;text-align:center}
.sas-button:hover {transform:translateY(-2px)}
.sas-button-primary {background:#b6deff;color:#071622!important}
.sas-button-primary:hover {background:#e0ffff}
.sas-button-outline {background:rgba(255,255,255,.025);border:1px solid rgba(180,216,236,.35);color:#e2edf6!important}
.sas-button-outline:hover {background:rgba(255,255,255,.09)}
.sas-orbit-art {height:420px;position:relative;display:grid;place-items:center;transform:translateX(8%)}
.sas-orbit {position:absolute;border:1px solid rgba(137,232,236,.24);border-radius:50%;transform:rotateX(64deg) rotate(-26deg);box-shadow:0 0 45px rgba(26,134,154,.06)}
.sas-orbit-one {width:260px;height:260px}
.sas-orbit-two {width:410px;height:410px;border-color:rgba(137,232,236,.14);transform:rotateX(62deg) rotate(29deg)}
.sas-orbit-three {width:540px;height:540px;border-color:rgba(169,159,234,.13);transform:rotateX(62deg) rotate(-68deg)}
.sas-orbit-core {width:176px;height:176px;display:grid;place-items:center;border-radius:50%;font-size:60px;font-weight:780;letter-spacing:-.12em;background:radial-gradient(circle at 35% 20%,#255878,#102c46 45%,#07111e 78%);box-shadow:0 0 0 1px rgba(126,210,233,.28),0 0 100px rgba(29,147,175,.22),inset 0 0 45px rgba(116,225,234,.16)}
.sas-orbit-core span {color:#8abfff;font-size:31px;margin-left:-49px;margin-top:45px}
.sas-orbit-label {position:absolute;font-size:10px;letter-spacing:.2em;color:#8dabc7}
.sas-orbit-label-a {top:65px;left:13%}.sas-orbit-label-b {right:11%;top:43%}.sas-orbit-label-c {bottom:61px;left:16%}
.sas-featured {padding:76px 0 76px;scroll-margin-top:26px}
.sas-section-heading {display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.sas-section-heading h2 {font-size:clamp(32px,4.1vw,53px);letter-spacing:-.055em;margin:9px 0 7px;line-height:1.12}
.sas-section-heading p {color:#99aec2;max-width:660px;margin:0;font-size:14px;line-height:1.6}
.sas-carousel-controls {display:flex;gap:9px;flex-shrink:0}
.sas-carousel-button {width:44px;height:44px;border-radius:50%;background:#101b2b;color:#e6ffff;border:1px solid rgba(173,206,231,.2);cursor:pointer;font-size:23px}
.sas-carousel-button:hover {background:#244258}
.sas-carousel {display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:3px}
.sas-carousel::-webkit-scrollbar{display:none}
.sas-feature-card {flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1.08fr .92fr;min-height:370px;scroll-snap-align:start;border:1px solid rgba(184,209,235,.17);background:#111b2a;border-radius:19px;overflow:hidden}
.sas-feature-visual {--visual-hue:#91e0e2;position:relative;min-height:370px;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,rgba(98,214,218,.21),transparent 49%),linear-gradient(145deg,#152b3f,#0b1929)}
.sas-feature-card.theme-violet .sas-feature-visual{--visual-hue:#bcb0fb;background:radial-gradient(ellipse at 60% 45%,rgba(151,109,230,.24),transparent 50%),linear-gradient(135deg,#242343,#0b1929)}
.sas-feature-card.theme-sky .sas-feature-visual{--visual-hue:#96c8ff;background:radial-gradient(ellipse at 50% 45%,rgba(59,139,232,.28),transparent 53%),linear-gradient(140deg,#152c50,#0b1929)}
.sas-feature-card.theme-coral .sas-feature-visual{--visual-hue:#ffb3b3;background:radial-gradient(ellipse at 55% 45%,rgba(238,112,133,.20),transparent 53%),linear-gradient(145deg,#42243e,#0b1929)}
.sas-feature-card.theme-amber .sas-feature-visual{--visual-hue:#edce91;background:radial-gradient(ellipse at 55% 45%,rgba(213,153,63,.23),transparent 53%),linear-gradient(145deg,#3a2c20,#0b1929)}
.sas-feature-grid {position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(194,226,244,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(194,226,244,.09) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,black)}
.sas-feature-badge {position:absolute;top:24px;left:28px;z-index:2;letter-spacing:.14em;font-size:10px;color:#b9d0e6}
.sas-visual-center {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;gap:7px;transform:translateY(-3px)}
.sas-visual-diamond {display:block;width:115px;height:115px;border:1px solid var(--visual-hue);transform:rotate(45deg);position:absolute;opacity:.6;box-shadow:0 0 65px color-mix(in srgb,var(--visual-hue),transparent 80%),inset 0 0 35px color-mix(in srgb,var(--visual-hue),transparent 85%)}
.sas-visual-diamond::after {content:"";position:absolute;inset:17px;border:1px solid var(--visual-hue);opacity:.65}
.sas-visual-app {font-weight:800;letter-spacing:-.055em;font-size:clamp(30px,3.6vw,53px);text-shadow:0 8px 30px #091522;color:#efffff}
.sas-visual-caption {font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--visual-hue)}
.sas-visual-bottom {position:absolute;bottom:23px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.15em;color:#bacbd6}
.sas-visual-bottom i {flex:1;max-width:100px;height:1px;background:rgba(206,223,238,.25)}
.sas-feature-detail {display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,64px)}
.sas-feature-label {font-weight:730;letter-spacing:.1em;font-size:10px;color:#87c3ff}
.sas-feature-label span {padding:0 9px;color:#7891a7}
.sas-feature-detail h3 {font-size:clamp(27px,3vw,43px);letter-spacing:-.05em;line-height:1.1;margin:24px 0 17px}
.sas-feature-detail p {color:#a7b9cc;font-size:15px;line-height:1.65;margin:0 0 29px}
.sas-text-link {color:#c8e8f1;font-weight:660;font-size:12px;text-decoration:none}
.sas-text-link:hover{text-decoration:underline}
.sas-carousel-footer {display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px;color:#8ea5ba;font-size:12px}
.sas-carousel-footer p{margin:0}
.sas-carousel-counter{font-variant-numeric:tabular-nums;letter-spacing:.07em}
.sas-carousel-counter strong{color:#e1f7fa}
.sas-carousel-dots {display:flex;gap:7px;align-items:center}
.sas-carousel-dots button {height:7px;width:7px;border-radius:99px;border:0;padding:0;background:#52677d;cursor:pointer}
.sas-carousel-dots button[aria-current=true]{width:26px;background:#91c9ff}
.sas-process {display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;padding:56px 0 69px;border-top:1px solid var(--sas-line);border-bottom:1px solid var(--sas-line)}
.sas-process h2 {margin:12px 0 0;font-size:35px;line-height:1.15;letter-spacing:-.05em}
.sas-process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sas-process-steps div {border-top:1px solid rgba(165,203,231,.25);padding-top:13px}
.sas-process-steps span{font-size:12px;color:#88c3ff;display:block;margin-bottom:24px}
.sas-process-steps strong{display:block;font-size:16px;margin-bottom:9px}
.sas-process-steps p{font-size:13px;color:#9bacbf;line-height:1.6;margin:0}
.sas-directory{padding:72px 0 70px;scroll-margin-top:20px}
.sas-directory-caption{color:#8ca4b9;font-size:10px;letter-spacing:.16em}
.sas-brand .groups{padding-top:5px}
.sas-brand .group-section{margin-bottom:27px}
.sas-brand .group-heading-title{font-size:21px}
.sas-brand .group-collapse-btn{color:#e5f2fc}
.sas-brand .group-section .group-collapse-btn:hover{background:rgba(143,233,232,.05)}
.sas-brand .group-heading-desc,.sas-brand .group-count,.sas-brand .group-chevron{color:#8fa8be}
.sas-brand .app-grid{gap:13px}
.sas-brand .app-card{min-height:168px;border-radius:14px;background:#101b2a;border-color:rgba(184,209,235,.14);box-shadow:none}
.sas-brand .app-card:hover{background:#192a3b;box-shadow:0 15px 35px rgba(0,0,0,.16)}
.sas-brand .app-card:not(.has-background) .icon-wrap{background:#183349;border-color:#2d4d63}
.sas-brand .app-card .fallback-icon{background:#1b3549;color:#a6e8e4}
.sas-brand .app-card .app-copy p{color:#99afc4}
.sas-brand .app-card .app-url{color:#8daabf}
.sas-brand .app-card.has-background {background-color:#132a3b;color:#121d25}
.sas-brand .app-card.has-background .app-copy p{color:#192832}
.sas-brand .app-card.has-background .app-url{color:#405b68}
.sas-network-tools{border:1px solid var(--sas-line);border-radius:11px;margin-bottom:21px;padding:12px 15px}
.sas-network-tools summary{cursor:pointer;color:#9cb4c9;font-size:12px}
.sas-network-tools .port-status{display:inline-block;vertical-align:middle;margin:0 0 0 10px}
.sas-brand .address-panel{margin:13px 0 0;background:#122335;border-color:var(--sas-line);box-shadow:none}
.sas-brand .address-panel label,.sas-brand .scheme-preview{color:#b4c7d8}
.sas-brand .address-row input{color:#eef6ff}
.sas-brand .ghost-button{color:#9ed0ff;background:transparent}
.sas-auth-notice{padding:18px 20px;margin-bottom:24px;border-radius:13px;background:#11283a;border:1px solid #2b485b;display:flex;justify-content:space-between;align-items:center;gap:18px}
.sas-auth-notice p{margin:0;color:#b6c9d9}
.sas-auth-notice .sas-button{white-space:nowrap}
.sas-brand .empty-catalog{border-color:var(--sas-line);background:#142337;color:#d7e7f3}
.sas-brand .empty-catalog p{color:#96afc4}
.sas-footer {padding:30px 0 41px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--sas-line);color:#8299b0;font-size:12px}
.sas-footer-wordmark{font-weight:800;letter-spacing:-.045em;font-size:18px;color:#dfeff8}
.sas-footer p{margin:3px 0 0}.sas-footer a{color:#b4d8e1;text-decoration:none}
@media(max-width:1150px){
  .sas-primary-nav{gap:15px}.sas-intro h1{font-size:clamp(50px,6vw,87px)}
  .sas-brand .user-bar-name{display:none}
}
@media(max-width:900px){
  .sas-brand .shell{width:min(100% - 36px,1392px)}
  .sas-primary-nav{display:none}
  .sas-intro{grid-template-columns:1fr;padding:80px 0 40px;min-height:0}
  .sas-orbit-art{position:absolute;opacity:.18;right:-160px;top:10px;transform:none;z-index:-1}
  .sas-intro-content{position:relative;z-index:2}
  .sas-feature-card{grid-template-columns:1fr}
  .sas-feature-visual{min-height:285px}
  .sas-feature-detail{padding:32px}
  .sas-process{grid-template-columns:1fr;gap:27px}
}
@media(max-width:620px){
  .sas-brand .shell{width:calc(100% - 28px)}
  .sas-brand .sas-header{padding:18px 0;flex-direction:column;align-items:flex-start;gap:15px}
  .sas-brand .user-bar{justify-content:flex-start}
  .sas-wordmark{font-size:20px}
  .sas-intro{padding:61px 0 50px}
  .sas-intro h1{white-space:normal;font-size:clamp(48px,13vw,70px)}
  .sas-lead{font-size:26px}.sas-description{font-size:15px}
  .sas-featured,.sas-directory{padding:48px 0}
  .sas-section-heading{align-items:end}
  .sas-section-heading h2{font-size:34px}
  .sas-section-heading p{font-size:13px}
  .sas-feature-visual{min-height:240px}
  .sas-feature-detail{padding:25px}
  .sas-feature-detail h3{font-size:29px}
  .sas-feature-detail p{font-size:14px}
  .sas-feature-actions .sas-button{width:100%}
  .sas-process-steps{grid-template-columns:1fr;gap:18px}
  .sas-process-steps span{margin-bottom:9px}
  .sas-auth-notice{flex-direction:column;align-items:flex-start}
  .sas-footer{flex-wrap:wrap}
  .sas-carousel-footer>p{display:none}
}
@media(prefers-reduced-motion:reduce){.sas-carousel{scroll-behavior:auto}.sas-button{transition:none}}

/* Photoshop-approved source artwork; preserve all three bars. */
.sas-wordmark{display:inline-flex;align-items:center;flex-shrink:0;gap:0;line-height:0;text-decoration:none}
.sas-brand-lockup{display:block;width:clamp(180px,20vw,235px);height:auto;max-width:100%;object-fit:contain}
.sas-brand .sas-kicker,.sas-brand .sas-eyebrow,.sas-brand .sas-period{color:#83bdf6}
.sas-brand .sas-live-dot{background:#79c5ff;box-shadow:0 0 0 5px rgba(105,175,255,.1)}
.sas-brand .sas-button-primary,.sas-brand .user-bar-cta{background:#b6deff;color:#071523!important}
.sas-brand .sas-button-primary:hover{background:#daedff}
@media(max-width:620px){.sas-brand-lockup{width:190px}}