/* Lynzz Cloud public presentation. Functional portal controls remain in styles.css. */
:root {
  --ui-bg:#080e1b; --ui-surface:#111c30; --ui-surface-raised:#182642;
  --ui-border:rgba(168,190,230,.14); --ui-text:#eff3ff; --ui-muted:#aab9d2;
  --ui-accent:#94a5ff; --ui-max:1160px;
}
* { box-sizing:border-box; }
body { background:var(--ui-bg); color:var(--ui-text); }
.hidden { display:none!important; }
button,a,summary { touch-action:manipulation; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid #b7c4ff; outline-offset:3px; }
#landing.marketing-site { min-width:0; overflow-x:clip; background:var(--ui-bg)!important; color:var(--ui-text); }
#landing .site-header { height:70px!important; background:rgba(8,14,27,.94)!important; border-bottom:1px solid var(--ui-border); backdrop-filter:blur(14px); }
#landing .site-header-inner { width:min(var(--ui-max),calc(100% - 48px)); height:100%; padding:0!important; margin:auto; max-width:none; }
#landing .site-brand-name { font-size:17px!important; letter-spacing:-.035em; }
#landing .site-nav-links a,#landing .site-login-link { color:#c4cee3; font-size:14px; }
#landing .site-nav-links a:hover,#landing .site-login-link:hover { color:#fff; }
#landing .site-cta-small { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border:1px solid #a0afff!important; border-radius:10px; color:#0b1732!important; background:#a0afff!important; box-shadow:none!important; font-size:13px!important; font-weight:700; text-decoration:none; }
#landing .site-cta-small:hover { background:#bdc7ff; }
#landing .mobile-nav-primary { display:flex; align-items:center; justify-content:center; background:#94a5ff!important; border-color:#94a5ff!important; box-shadow:none!important; color:#0b1730!important; text-decoration:none; }
#landing .site-menu-toggle span { background:#e6ecff!important; }
#landing-home,#public-catalog-page { overflow:clip; }
.marketing-hero { position:relative; width:min(var(--ui-max),calc(100% - 48px)); margin:auto; min-height:545px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.86fr); align-items:center; gap:clamp(28px,5vw,80px); padding:52px 0 58px; }
.marketing-hero:before { content:""; position:absolute; width:520px; height:400px; top:-160px; right:0; pointer-events:none; background:radial-gradient(ellipse,rgba(82,105,202,.1),transparent 70%); }
.marketing-hero-copy { position:relative; z-index:1; }
.brand-overline { display:flex; align-items:center; gap:10px; margin-bottom:20px; color:#aabaf3; font-size:12px; font-weight:650; letter-spacing:.04em; }
.brand-overline span { width:22px; height:2px; border-radius:2px; background:var(--ui-accent); }
.marketing-hero h1 { margin:0; max-width:610px; color:#f7f8ff; font-size:clamp(45px,5vw,66px); line-height:1.06; letter-spacing:-.055em; font-weight:675; }
.marketing-hero h1 em { font-style:normal; color:#a4b3ff; }
.marketing-hero-copy>p { max-width:490px; margin:23px 0 0; color:#bdc9df; font-size:16px; line-height:1.65; }
.hero-actions { display:flex; gap:11px; align-items:center; flex-wrap:wrap; margin-top:29px; }
.button-market { display:inline-flex; justify-content:center; align-items:center; gap:13px; min-height:46px; padding:0 18px; border-radius:11px; font-size:14px; font-weight:675; text-decoration:none; cursor:pointer; transition:background .2s,border-color .2s,transform .2s; }
.button-market:hover { transform:translateY(-2px); }
.button-market:active { transform:translateY(0); }
.button-market-primary { background:#94a5ff; border:1px solid #94a5ff; color:#0b1730!important; }
.button-market-primary:hover { background:#b3bfff; }
.button-market-secondary { background:#151f33; border:1px solid #425476; color:#ecf1ff; }
.button-market-secondary:hover { background:#202e4b; }
.hero-assurance { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:27px; color:#acbad6; font-size:13px; }
.hero-assurance span { position:relative; padding-left:14px; }
.hero-assurance span:before { content:""; position:absolute; left:0; top:5px; width:6px; height:6px; border-radius:50%; background:#9aaaff; }
.hosting-console { position:relative; min-width:0; border:1px solid rgba(163,183,243,.22); border-radius:17px; background:#111d32; overflow:hidden; box-shadow:0 24px 56px rgba(1,5,16,.3); animation:console-appear .5s both; }
.hosting-console-top { display:flex; align-items:center; gap:12px; min-height:49px; padding:0 20px; border-bottom:1px solid var(--ui-border); color:#d9e3f8; font-size:12px; }
.hosting-console-top>span:last-child { margin-left:auto; color:#9eb0ce; }
.console-dots { display:flex; gap:5px; }
.console-dots i { width:6px; height:6px; border-radius:50%; background:#4c5f83; }
.console-dots i:first-child { background:#879afa; }
.hosting-console-body { padding:18px 24px 20px; }
.console-main { display:flex; align-items:center; justify-content:space-between; padding:5px 0 16px; }
.console-main small { display:block; color:#a8b8d3; font-size:13px; }
.console-main strong { display:block; margin-top:5px; font-size:22px; letter-spacing:-.03em; }
.hero-service-list{border-top:1px solid var(--ui-border)}
.hero-service-row{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;width:100%;min-height:70px;padding:12px 0;border:0;border-bottom:1px solid var(--ui-border);background:transparent;color:#eef2ff;text-align:left;cursor:pointer;transition:color .18s,transform .18s}
.hero-service-row:hover{color:#afbcff;transform:translateX(3px)}
.hero-service-row strong{font-size:16px;font-weight:630}
.hero-service-row span{color:#aebdd5;font-size:13px}
.hero-service-row b{color:#a9baff;font-size:19px;font-weight:400}
.hero-service-footer{display:flex;align-items:center;justify-content:space-between;min-height:47px;color:#b8c7ff;font-size:13px;font-weight:650;text-decoration:none}
.hero-service-footer:hover{color:#fff}
.market-section { width:min(var(--ui-max),calc(100% - 48px)); margin:auto; padding:57px 0; border-top:1px solid rgba(160,184,236,.11); }
.marketing-site .reveal{opacity:1;transform:translateY(12px);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.marketing-site .reveal.is-visible{transform:none}
.market-section-head { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:27px; }
.market-section-head>p { max-width:330px; margin:0 0 3px; color:var(--ui-muted); font-size:14px; line-height:1.6; }
.section-index { display:block; margin-bottom:13px; color:#96a8d4; font-size:11px; font-weight:700; letter-spacing:.095em; }
.market-section h2 { margin:0; color:#f1f4ff; font-size:clamp(27px,3vw,39px); font-weight:660; letter-spacing:-.04em; line-height:1.17; }
.market-section p { color:var(--ui-muted); }
.market-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; border:0; background:none; padding:0; color:#bdc8ff; font-size:14px; font-weight:650; text-decoration:none; cursor:pointer; }
.market-link:hover { color:#fff; }
.process-track { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.process-track:before { content:""; position:absolute; left:20px; right:20px; top:20px; height:1px; background:#36466c; }
.process-track li { position:relative; min-width:0; padding:0 12px 0 0; }
.process-track li>span { display:grid; place-items:center; width:40px; height:40px; margin-bottom:17px; border:1px solid #5368a1; border-radius:50%; background:#172440; color:#b9c6ff; font-size:12px; font-weight:700; }
.process-track h3 { margin:0 0 6px; font-size:17px; }
.process-track p { max-width:285px; margin:0; font-size:14px; line-height:1.5; }
.market-pricing .catalog-categories,.public-catalog-page .catalog-categories { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; padding:0; }
.market-pricing .category-button,.public-catalog-page .category-button { min-height:42px; padding:0 15px; background:#141f35; border:1px solid var(--ui-border); border-radius:10px; color:#becbe2; font-size:13px; cursor:pointer; }
.market-pricing .category-button.active,.public-catalog-page .category-button.active { color:#f8f9ff; background:#28395f; border-color:#7689de; }
#landing .market-pricing .pricing-grid,#landing .public-catalog-list { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:13px!important; padding:0!important; overflow:visible!important; }
#landing .public-catalog-list { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
#landing .pricing-card { display:flex!important; flex-direction:column; width:auto!important; max-width:none!important; min-width:0!important; min-height:0!important; flex:none!important; padding:20px!important; background:#121f34!important; border:1px solid var(--ui-border)!important; border-radius:14px!important; box-shadow:none!important; transform:none!important; }
#landing .pricing-card:hover { border-color:#8c9ef5!important; background:#182743!important; }
#landing .pricing-card.featured { box-shadow:none!important; }
#landing .pricing-card-top { display:flex; justify-content:space-between; align-items:start; gap:12px; }
#landing .pricing-card-title h3 { margin:0; color:#f3f5ff; font-size:19px; line-height:1.25; letter-spacing:-.025em; }
#landing .pricing-price { display:flex; flex-direction:column; align-items:end; gap:1px; margin:0; flex:none; }
#landing .pricing-price strong { color:#f4f6ff; font-size:19px!important; line-height:1.15; white-space:nowrap; }
#landing .pricing-price span { color:#aebfda; font-size:12px; white-space:nowrap; }
#landing .pricing-description { margin:10px 0 0; color:#b4c3da; font-size:14px; line-height:1.45; min-height:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#landing .pricing-specs { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0 0; }
#landing .pricing-specs span { padding:6px 9px; border-radius:7px; background:#22324e; color:#dce5f7; font-size:12px; }
#landing .pricing-benefit { margin:10px 0 0; color:#a7dabb; font-size:13px; line-height:1.4; }
#landing .pricing-cta { width:100%; min-height:44px; margin-top:auto; padding:0 13px; background:#293e69; border:1px solid #496193; border-radius:9px; color:#f1f5ff; font-size:13px; font-weight:650; cursor:pointer; }
#landing .pricing-card .pricing-cta { margin-top:16px; }
#landing .pricing-cta:hover { background:#364e80; }
.pricing-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; }
.pricing-footer p { margin:0; font-size:12px; }
.community-channels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.community-channels a { position:relative; min-width:0; min-height:95px; padding:16px; border:1px solid var(--ui-border); border-radius:12px; color:#f2f5ff; background:#101b2d; text-decoration:none; transition:border-color .2s,transform .2s; }
.community-channels a:hover { border-color:#8092eb; transform:translateY(-2px); }
.community-channels span,.community-channels b { display:block; }
.community-channels span { font-size:15px; font-weight:650; }
.community-channels b { margin-top:8px; color:#a8b8d3; font-size:12px; font-weight:500; }
.community-channels i { position:absolute; top:14px; right:14px; color:#a4b5e8; font-size:18px; font-style:normal; }
.market-faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:65px; }
.market-faq>div:first-child p { margin:13px 0 0; font-size:14px; }
.market-faq-list { border-top:1px solid var(--ui-border); }
.market-faq-list details { border-bottom:1px solid var(--ui-border); }
.market-faq-list summary { display:block; min-height:53px; padding:16px 27px 16px 0; color:#ebeffb; font-size:14px; cursor:pointer; list-style:none; position:relative; }
.market-faq-list summary:after { content:"+"; position:absolute; right:1px; top:13px; color:#aabbff; font-size:20px; }
.market-faq-list details[open] summary:after { content:"−"; }
.market-faq-list details p { margin:0 20px 17px 0; font-size:13px; line-height:1.55; }
.market-final { width:min(var(--ui-max),calc(100% - 48px)); display:flex; align-items:center; justify-content:space-between; gap:25px; margin:10px auto 62px; padding:30px 34px; border:1px solid #34466f; border-radius:15px; background:#172440; }
.market-final strong { font-size:22px; letter-spacing:-.03em; }
.market-final p { margin:5px 0 0; color:#b3c2db; font-size:13px; }
#landing .market-footer.site-footer { background:#0b1322!important; border-top:1px solid var(--ui-border); }
.market-footer-main { width:min(var(--ui-max),calc(100% - 48px)); margin:auto; padding:43px 0 34px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); gap:50px; }
.market-footer-brand p { max-width:260px; margin:12px 0 0; color:#a8b8d1; font-size:13px; line-height:1.55; }
.market-footer .footer-logo { gap:10px; font-size:16px; text-transform:none; }
.market-footer-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.market-footer-links>div { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.market-footer-links strong { margin-bottom:5px; color:#eef2ff; font-size:13px; }
.market-footer-links a,.market-footer-links button { padding:0; border:0; background:none; color:#adbed9; font-size:13px; text-align:left; text-decoration:none; cursor:pointer; }
.market-footer-links a:hover,.market-footer-links button:hover { color:white; }
.market-footer-bottom { width:min(var(--ui-max),calc(100% - 48px)); display:flex; justify-content:space-between; gap:10px 20px; flex-wrap:wrap; margin:auto; padding:17px 0 22px; border-top:1px solid var(--ui-border); color:#93a8c8; font-size:12px; }
.public-catalog-page { width:min(var(--ui-max),calc(100% - 48px)); min-height:65vh; margin:auto; padding:35px 0 70px; }
.public-catalog-head { max-width:640px; }
.public-catalog-head .market-link { margin-bottom:24px; }
.public-catalog-head h1 { margin:0; font-size:clamp(35px,4vw,54px); letter-spacing:-.05em; }
.public-catalog-head p { margin:13px 0 0; color:#b4c3dc; font-size:15px; line-height:1.55; }
.public-catalog-toolbar { margin:27px 0 25px; padding:17px 0 0; border-top:1px solid var(--ui-border); }
.public-catalog-toolbar>span { display:block; margin-bottom:13px; color:#b8c7df; font-size:13px; }
.public-catalog-caption { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:18px; }
.public-catalog-caption h2 { margin:0; font-size:25px; letter-spacing:-.03em; }
.public-catalog-caption p { margin:5px 0 0; color:#aebdd6; font-size:13px; }
.public-catalog-caption>span { color:#a7b8d4; font-size:13px; white-space:nowrap; }
.catalog-tools{display:flex;gap:12px;align-items:end;margin:0 0 16px}
.catalog-tools label{display:grid;gap:7px;color:#afbfda;font-size:13px}
.catalog-search{flex:1;max-width:420px}
.catalog-sort{width:195px}
.catalog-tools input,.catalog-tools select{width:100%;height:44px;padding:0 13px;border:1px solid #334564;border-radius:10px;background:#121e31;color:#edf2ff;font:inherit;outline:none}
.catalog-tools input:focus,.catalog-tools select:focus{border-color:#94a6f8}
#landing .public-catalog-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
#landing .public-catalog-list .pricing-card{display:flex!important;flex-direction:column;align-items:stretch;gap:9px;width:100%;min-height:242px;padding:18px!important;border-radius:13px!important}
#landing .public-catalog-list .pricing-card-top{display:block;min-width:0}
#landing .public-catalog-list .pricing-card-title h3{font-size:17px}
#landing .public-catalog-list .pricing-description{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
#landing .public-catalog-list .pricing-specs{margin:3px 0 0}
#landing .public-catalog-list .pricing-benefit{display:none}
#landing .public-catalog-list .pricing-price{align-items:start;margin-top:4px}
#landing .public-catalog-list .pricing-price strong{font-size:16px!important}
#landing .public-catalog-list .pricing-cta{margin:auto 0 0;min-height:44px}
.public-catalog-next { display:flex; justify-content:space-between; gap:15px; margin-top:28px; padding-top:20px; border-top:1px solid var(--ui-border); color:#aebdd4; font-size:13px; }
.public-catalog-next strong { color:#e7edfa; font-weight:550; }
/* Google's fallback button is rendered as DOM when its iframe cannot paint. */
#google-signin-button [role="button"]{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%!important;padding:0 16px;border:1px solid #56698c;border-radius:10px;background:#17243b;color:#f1f4ff;cursor:pointer}
#google-signin-button [role="button"]>div:nth-child(2){display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;font-size:14px;font-weight:600}
#google-signin-button [role="button"] svg{display:block;width:19px;height:19px}
#google-signin-button [role="button"] .L6cTce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#google-signin-button [role="button"]:hover{background:#203253;border-color:#8295d0}
@keyframes console-appear { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@media(max-width:950px){#landing .public-catalog-list .pricing-card{grid-template-columns:minmax(0,1fr) 165px}#landing .public-catalog-list .pricing-specs{grid-column:1;grid-row:3}#landing .public-catalog-list .pricing-cta{grid-column:2;grid-row:1/4}}
@media (max-width:960px) {
  .marketing-hero { min-height:0; grid-template-columns:1fr; gap:34px; padding:60px 0 70px; }
  .marketing-hero h1 { max-width:720px; }
  .hosting-console { max-width:680px; transform:none; }
  .community-channels { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  #landing .site-header { height:62px!important; }
  #landing .site-header-inner { width:calc(100% - 32px); }
  #landing .site-brand-name { font-size:14px!important; }
  #landing .site-menu-toggle { display:block!important; width:40px!important; height:40px!important; }
  #landing .site-cta-small { min-height:38px; padding:0 12px; font-size:12px; }
  #landing .site-nav { background:#111b2d; }
  .marketing-hero,.market-section,.market-final,.market-footer-main,.market-footer-bottom,.public-catalog-page { width:calc(100% - 36px); }
  .marketing-hero { gap:28px; padding:42px 0 48px; }
  .brand-overline { margin-bottom:17px; }
  .marketing-hero h1 { font-size:clamp(37px,10vw,48px); letter-spacing:-.055em; }
  .marketing-hero-copy>p { margin-top:16px; font-size:14px; line-height:1.55; }
  .hero-actions { gap:8px; margin-top:22px; }
  .button-market { min-height:44px; padding:0 13px; font-size:13px; }
  .hero-assurance { gap:8px 13px; margin-top:22px; line-height:1.3; }
  .hosting-console-body { padding:17px; }
  .hosting-console-top { padding:0 15px; min-height:43px; }
  .console-main { padding:17px 0; }
  .console-main strong { font-size:20px; }
  .market-section { padding:43px 0; }
  .market-section-head { display:block; margin-bottom:18px; }
  .market-section-head>p { margin:10px 0 0; font-size:13px; }
  .market-section h2 { font-size:29px; }
  .process-track { display:block; }
  .process-track:before { left:19px; right:auto; top:19px; bottom:20px; width:1px; height:auto; }
  .process-track li { display:grid; grid-template-columns:40px 1fr; gap:13px; padding:0 0 22px; }
  .process-track li:last-child { padding-bottom:0; }
  .process-track li>span { margin:0; }
  .process-track h3 { font-size:15px; }
  .process-track p { font-size:13px; }
  .market-pricing .catalog-categories,.public-catalog-page .catalog-categories { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .market-pricing .category-button,.public-catalog-page .category-button { flex:none; }
  #landing .market-pricing .pricing-grid,#landing .public-catalog-list { grid-template-columns:1fr!important; gap:10px!important; }
  #landing .pricing-card { padding:16px!important; }
  #landing .pricing-card-title h3 { font-size:17px; }
  #landing .pricing-price strong { font-size:17px!important; }
  .pricing-footer { align-items:start; }
  .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:8px}
  .catalog-search,.catalog-sort{width:auto;max-width:none}
  #landing .public-catalog-list .pricing-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px!important}
  #landing .public-catalog-list .pricing-card-top{display:contents}
  #landing .public-catalog-list .pricing-card-title{grid-column:1;grid-row:1}
  #landing .public-catalog-list .pricing-price{grid-column:2;grid-row:1;align-items:end;margin:0}
  #landing .public-catalog-list .pricing-description{grid-column:1/-1;grid-row:2}
  #landing .public-catalog-list .pricing-specs{grid-column:1/-1;grid-row:3}
  #landing .public-catalog-list .pricing-cta{grid-column:1/-1;grid-row:4;margin:3px 0 0}
  .market-faq { grid-template-columns:1fr; gap:20px; }
  .market-faq>div:first-child p { margin-top:9px; }
  .market-final { padding:21px; margin-bottom:48px; }
  .market-final strong { font-size:20px; }
  .market-footer-main { grid-template-columns:1fr; gap:25px; padding:34px 0 25px; }
  .market-footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
  .market-footer-links>div:last-child { grid-column:1/-1; flex-direction:row; flex-wrap:wrap; gap:8px 15px; }
  .market-footer-links>div:last-child strong { flex-basis:100%; margin:0; }
  .public-catalog-page { padding:29px 0 60px; }
  .public-catalog-head h1 { font-size:36px; }
  .public-catalog-toolbar { margin-top:28px; }
  .public-catalog-next { display:block; }
  .public-catalog-next strong { display:block; margin-top:5px; }
}
@media (max-width:420px) {
  .marketing-hero h1 { font-size:39px; }
  .hero-actions { align-items:stretch; }
  .hero-actions .button-market { min-width:0; }
  .community-channels { gap:8px; }
  .community-channels a { min-height:84px; padding:12px; }
  .community-channels span { font-size:13px; }
  .market-final { align-items:start; flex-direction:column; gap:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .hosting-console { animation:none; transform:none; }
  .button-market,.community-channels a { transition:none; }
  .reveal { opacity:1; transform:none; transition:none; }
}


/* Portal workspace */
#dashboard.app-shell{background:#080e1b!important;color:var(--ui-text)}
#dashboard .sidebar{width:258px!important;background:#0d1627!important;border-right:1px solid var(--ui-border);box-shadow:none}
#dashboard .sidebar-head{height:76px;padding:0 22px}
#dashboard .sidebar-brand-copy{font-size:16px!important;font-weight:700;letter-spacing:-.035em}
#dashboard .sidebar-brand-copy b{color:#aabaf4;font-weight:500}
#dashboard .sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:4px 13px 18px}
#dashboard .nav-section-label{margin:19px 11px 6px;color:#8194b4!important;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
#dashboard .nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:45px;padding:0 11px;border:1px solid transparent!important;border-radius:9px;background:none;color:#b8c6df!important;font-size:14px;text-align:left}
#dashboard .nav-item:hover{color:#fff;background:#16243b}
#dashboard .nav-item.active{color:#fff!important;background:#203356!important;border-color:#3b5282!important;box-shadow:none!important}
#dashboard .nav-item.active:before{display:none}
#dashboard .nav-icon{flex:none;display:grid;place-items:center;width:20px;height:20px;color:#a6b7e7;font-size:20px;line-height:1}
#dashboard .sidebar-foot{border-top:1px solid var(--ui-border);padding:14px}
#dashboard .sidebar-profile-copy{min-width:0}
#dashboard .sidebar-profile-copy strong,#dashboard .sidebar-profile-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboard .app-frame{min-width:0;margin-left:258px;background:#080e1b!important}
#dashboard .topbar{height:66px;padding:0 clamp(20px,3vw,44px);border-bottom:1px solid var(--ui-border);background:rgba(10,17,31,.96)}
#dashboard .breadcrumb,#dashboard .breadcrumb strong{color:#dce6fb;font-size:13px}
#dashboard .topbar .icon-button{min-width:44px;min-height:44px}
#dashboard .app-content{width:100%;max-width:1290px;margin:auto;padding:36px clamp(21px,3vw,46px) 80px;background:transparent!important}
#dashboard .view-panel{min-width:0}
#dashboard .view-panel.active{animation:workspace-enter .25s ease-out both}
#dashboard .page-heading,#dashboard .portal-heading{margin-bottom:23px;min-width:0}
#dashboard .page-heading h1,#dashboard .portal-heading h1{color:#f0f4ff;font-size:clamp(26px,2.7vw,32px)!important;line-height:1.2;letter-spacing:-.035em;font-weight:660;overflow-wrap:normal;word-break:normal}
#dashboard .page-description{color:#aebdd6;font-size:14px;line-height:1.5}
#dashboard .button{min-height:44px;border-radius:10px;font-size:13px;box-shadow:none;transition:background .2s,transform .2s}
#dashboard .button:hover{transform:translateY(-1px)}
#dashboard .button-primary{background:#91a2fa;color:#0a1731}
#dashboard .button-secondary{background:#1d2d4a;border-color:#40577f;color:#edf1ff}
.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.workspace-heading h1,.shop-heading h1{margin:0;color:#f3f5ff;font-size:clamp(30px,3vw,38px);line-height:1.13;letter-spacing:-.044em;font-weight:675}
.workspace-heading p,.shop-heading p{margin:8px 0 0;color:#acbdd8;font-size:14px}
.workspace-heading>.button{flex:none}
.workspace-overview{max-width:1100px}
.account-summary{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:20px;align-items:stretch}
.workspace-balance{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:5px 14px;min-height:168px;padding:22px 24px;background:#172743;border:1px solid #33466f;border-radius:16px}
.workspace-balance>span{grid-column:1/-1;color:#b7c7e1;font-size:13px}
.workspace-balance>strong{grid-column:1;color:#f5f7ff;font-size:clamp(33px,3.4vw,43px);line-height:1.1;letter-spacing:-.05em;font-weight:650;overflow-wrap:anywhere}
.workspace-balance>p{grid-column:1;margin:4px 0 0;color:#adbed8;font-size:12px;line-height:1.4}
.workspace-balance>.button{grid-column:2;grid-row:2/4;align-self:center;white-space:nowrap}
.workspace-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:16px 10px;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
.workspace-kpis>div{min-width:0;padding:13px 16px}
.workspace-kpis>div+div{border-left:1px solid var(--ui-border)}
.workspace-kpis span{display:block;min-height:32px;color:#adbed7;font-size:13px;line-height:1.25}
.workspace-kpis strong{display:block;margin-top:8px;color:#f2f5ff;font-size:30px;line-height:1;font-weight:650}
.workspace-services,.workspace-feed{margin-top:34px}
.workspace-section-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:12px}
.workspace-section-heading h2{margin:0;color:#f0f3ff;font-size:21px;letter-spacing:-.025em;font-weight:650}
.workspace-section-heading button{min-height:42px;padding:0 2px;border:0;background:none;color:#afbefa;font-size:13px;cursor:pointer;white-space:nowrap}
.workspace-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#dashboard .resource-preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:72px;padding:13px 16px;background:#121f34;border:1px solid var(--ui-border);border-radius:12px;text-align:left;cursor:pointer}
#dashboard .resource-preview-row:hover{border-color:#7186d9}
.resource-preview-name{min-width:0}
.resource-preview-name strong,.resource-preview-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-preview-name strong{color:#f1f4ff;font-size:15px}
.resource-preview-name small{margin-top:4px;color:#a8b8d3;font-size:12px}
.workspace-service-empty{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;grid-column:1/-1;min-height:118px;padding:21px;border:1px dashed #405273;border-radius:13px;color:#e7edfb}
.workspace-empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#1e3152;color:#afbeff;font-size:23px}
.workspace-service-empty strong{font-size:16px}
.workspace-service-empty p{flex:1 1 100%;margin:0;color:#adbed7;font-size:13px}
.workspace-service-empty .button{margin-left:auto}
.workspace-feed{max-width:800px}
.workspace-feed .activity-row{min-height:66px;padding:12px 0;border:0;border-bottom:1px solid var(--ui-border);background:none}
.workspace-telegram{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-top:27px;padding:15px 18px;background:#141f34;border:1px solid var(--ui-border);border-radius:12px}
.workspace-telegram h2{margin:0;font-size:16px}
.workspace-telegram p{margin:4px 0 0;color:var(--ui-muted);font-size:13px}
#overview-link-action{display:none!important}
.shop-heading{margin-bottom:25px}.shop-heading p{max-width:550px}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,350px);gap:22px;align-items:start}
.shop-browser,.order-panel{min-width:0}
.shop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.shop-section-heading>div{display:flex;align-items:center;gap:11px}
.shop-section-heading span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#253858;color:#b7c4ff;font-size:12px;font-weight:700}
.shop-section-heading h2{margin:0;color:#f0f3ff;font-size:20px;font-weight:650}
.shop-section-heading>b{color:#afbed8;font-size:12px;font-weight:500}
.package-heading{margin-top:31px;padding-top:22px;border-top:1px solid var(--ui-border)}
.package-list-heading{margin-top:18px;padding-top:0;border-top:0}
.shop-browser>.catalog-categories{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}
.shop-browser .category-button{flex:none;min-height:44px;padding:0 15px;background:#17243b;border:1px solid var(--ui-border);border-radius:10px;color:#c0cee7;font-size:13px;cursor:pointer}
.shop-browser .category-button.active{color:#f5f6ff;background:#283b64;border-color:#8499ef}
#dashboard .shop-browser .catalog-grid{display:flex!important;gap:12px!important;padding:4px 2px 14px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6477ad transparent}
#dashboard .package-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 20px;min-width:0;min-height:104px;padding:15px 18px;background:#121f34;border:1px solid var(--ui-border);border-radius:11px;transition:border-color .2s,background .2s,transform .2s}
#dashboard .package-choice:hover{border-color:#7389d5;transform:translateY(-2px)}
#dashboard .package-choice.selected{background:#1a2a49;border-color:#93a7ff;box-shadow:0 0 0 1px rgba(147,167,255,.24),0 14px 30px rgba(42,72,154,.19)}
.package-choice-head{display:flex;justify-content:space-between;align-items:start;gap:10px;grid-column:1;grid-row:1}
.package-choice-title{min-width:0}
.package-choice-title strong{color:#f0f3ff;font-size:18px;line-height:1.25}
.package-choice-price{text-align:right;flex:none}
.package-choice-price strong{display:block;color:#f4f6ff;font-size:18px;white-space:nowrap}
.package-choice-price small{display:block;margin-top:2px;color:#acbdd7;font-size:12px}
.package-choice-description{grid-column:1;grid-row:2;margin:0;color:#adbed7;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.package-choice-specs{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 0}
.package-choice-specs span{display:inline-flex;align-items:center;min-height:25px;padding:3px 7px;border-radius:7px;background:#233450;color:#dce5f5;font-size:12px}
#dashboard .package-choice-button{grid-column:2;grid-row:1/4;width:112px;min-height:44px;margin:0;padding:0 10px;background:#23385c;border:1px solid #48608b;border-radius:9px;color:#eff3ff;font-size:13px}
#dashboard .package-choice.selected .package-choice-button{background:#91a3fb;border-color:#91a3fb;color:#0a1730}
#dashboard .package-choice-description+.package-choice-button,#dashboard .package-choice-specs+.package-choice-button{margin-top:0}
#dashboard .order-panel{position:sticky;top:87px;padding:20px;background:#192844;border:1px solid #3b4f79;border-radius:15px;box-shadow:0 18px 40px rgba(0,0,0,.16)}
#dashboard .order-panel:not(.has-selection) #checkout-form{display:none}
#dashboard .order-panel.has-selection #checkout-empty{display:none}
#dashboard .order-panel .checkout-empty{padding:5px 0;color:#aebed7}
#dashboard .order-panel .checkout-empty strong{color:#f0f3ff;font-size:15px}
#dashboard .order-panel .checkout-empty p{margin:7px 0 0;font-size:13px;line-height:1.55}
#dashboard .order-panel .checkout-form{padding:0!important;gap:11px}
#dashboard .order-panel .checkout-catalog-field{display:none}
#dashboard .order-panel .advanced-toggle{min-height:44px;font-size:13px}
#dashboard .order-panel .checkout-summary{margin:9px 0 14px;padding:15px;background:#101b2f;border:1px solid var(--ui-border);border-radius:10px}
#dashboard .order-panel .checkout-summary>div{font-size:13px}
#dashboard .order-panel .checkout-summary strong{color:#f1f4ff}
@keyframes workspace-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1060px){.account-summary{grid-template-columns:1fr}.shop-layout{grid-template-columns:1fr}#dashboard .order-panel{position:static}}
@media(max-width:860px){#dashboard .sidebar{width:min(84vw,320px)!important;transform:translateX(-100%);transition:transform .22s ease}#dashboard .sidebar.open{transform:translateX(0)}#dashboard .app-frame{margin-left:0}}
@media(max-width:620px){
 #dashboard .topbar{height:58px;padding:0 16px}
 #dashboard .breadcrumb>span,#dashboard .breadcrumb-separator,#dashboard #refresh-top{display:none!important}
 #dashboard .breadcrumb strong{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
 #dashboard .app-content{padding:23px 17px 75px!important}
 .workspace-heading{align-items:start;gap:14px;margin-bottom:20px}
 .workspace-heading h1,.shop-heading h1{font-size:27px}
 .workspace-heading p{font-size:13px}
 .workspace-heading>.button{margin-top:21px;min-width:99px;padding:0 10px;white-space:nowrap}
 .workspace-balance{min-height:131px;padding:17px}
 .workspace-balance>strong{font-size:34px}
 .workspace-balance>.button{padding:0 11px}
 .workspace-kpis{padding:4px 0;margin-top:16px}
 .workspace-kpis>div{padding:10px 8px}
 .workspace-kpis>div:first-child{padding-left:0}
 .workspace-kpis span{min-height:30px;font-size:12px}
 .workspace-kpis strong{font-size:23px}
 .workspace-services,.workspace-feed{margin-top:26px}
 .workspace-section-heading h2{font-size:19px}
 .workspace-section-heading button{font-size:12px}
 .workspace-service-list{grid-template-columns:1fr;gap:8px}
 .workspace-service-empty{gap:8px;padding:16px}
 .workspace-service-empty p{flex:1 1 calc(100% - 55px)}
 .workspace-telegram{align-items:start;flex-direction:column}
 .shop-heading{margin-bottom:16px}
 .shop-heading p{font-size:13px;line-height:1.5}
 .shop-browser>.catalog-categories{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 #dashboard .shop-browser .catalog-grid{scroll-padding-inline:2px}
 #dashboard .package-choice{min-height:112px;padding:14px;gap:5px 11px}
 #dashboard .package-choice-button{grid-column:1/-1;grid-row:4;width:100%;margin-top:7px}
 .package-choice-title strong,.package-choice-price strong{font-size:17px}
 .package-choice-specs{margin-top:12px}
 #dashboard .order-panel{padding:17px;margin-top:6px}
}
@media(max-width:390px){.workspace-heading{flex-wrap:wrap}.workspace-heading>.button{margin-top:0}.workspace-balance>strong{font-size:30px}.workspace-balance>.button{grid-column:1/-1;grid-row:auto;justify-self:start;margin-top:7px}#dashboard .package-choice-button{grid-column:1/-1;grid-row:4;width:100%;margin-top:5px}}
@media(prefers-reduced-motion:reduce){#dashboard .view-panel.active{animation:none}#dashboard .sidebar,#dashboard .button,#dashboard .package-choice{transition:none}}


/* Main app pages use selective grouped surfaces. */
#dashboard .wallet-overview { margin-bottom: 25px; }.wallet-balance-card { min-height: 0; padding: 25px; background: #172642; border: 1px solid rgba(153,176,239,.2); border-radius: 18px; box-shadow: none; }.wallet-balance-glow { display: none; }.wallet-balance-value { margin: 12px 0; color: #f4f6ff; font-size: clamp(34px,4vw,48px); letter-spacing: -.04em; }.wallet-balance-actions { margin-top: 16px; }.wallet-topup-open { display: inline-flex; width: auto; min-height: 44px; padding: 0 14px; background: #8296f6; border: 0; border-radius: 10px; }.wallet-topup-open strong { color: #0b1731; font-size: 13px; }#dashboard .wallet-topup-open small,.wallet-topup-arrow { display: none; }.wallet-updated { margin: 9px 0 0; color: var(--ui-muted); font-size: 12px; }
#dashboard .activity-center-section,#dashboard .wallet-history-section,#dashboard .service-surface,#dashboard .transaction-surface { background: var(--ui-surface)!important; border: 1px solid var(--ui-border)!important; border-radius: 16px!important; box-shadow: none!important; overflow: hidden; }.activity-center-head,.wallet-history-head { padding: 18px 18px 0; }.activity-center-head h2,.wallet-history-head h2 { font-size: 18px; }.activity-center-tabs,.wallet-filter-tabs,.content-tabs { display: flex; overflow-x: auto; scrollbar-width: none; gap: 4px; padding: 0 14px; border-bottom: 1px solid var(--ui-border); }.activity-center-tabs button,.wallet-filter-tabs button,.content-tab { flex: none; min-height: 44px; padding: 0 10px; color: var(--ui-muted); background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; font-size: 13px; }.activity-center-tabs button.active,.wallet-filter-tabs button.active,.content-tab.active { color: #f4f6ff; border-bottom-color: #91a1f9; }.activity-center-row,.wallet-history-row,.transaction-row,.list-row { min-width: 0; padding: 13px 18px; background: none; border: 0; border-bottom: 1px solid var(--ui-border); border-radius: 0; }.activity-center-summary { display: flex; gap: 0; margin: 0 0 18px; padding: 0; }.activity-center-summary article { flex: 1; min-width: 0; padding: 10px 15px; border: 0; border-right: 1px solid var(--ui-border); background: none; }.activity-center-summary article:first-child { padding-left: 0; }.activity-center-summary article:last-child { border-right: 0; }.activity-center-summary strong { font-size: 22px; }.activity-center-summary small { font-size: 12px; }
#dashboard .settings-shell { width: min(900px,100%); background: transparent!important; border: 0!important; border-radius: 0!important; box-shadow: none!important; overflow: visible!important; }.settings-profile-header { padding: 0 0 19px; background: none; border: 0; }.settings-group { margin: 0 0 13px; padding: 17px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 16px; }.settings-group-title { display: block; padding: 0 0 8px; }.settings-group-title h2 { font-size: 18px; }.settings-table,.integration-row,.security-list { margin: 0; background: transparent; border: 0; box-shadow: none; }.settings-table-row,.security-list>div { min-height: 50px; padding: 11px 0; border: 0; border-bottom: 1px solid var(--ui-border); }.settings-table-row:last-child,.security-list>div:last-child { border-bottom: 0; }.integration-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; }.settings-actions-row { padding: 15px 0 0; display: flex; gap: 10px; flex-wrap: wrap; }
#dashboard .settings-group { margin: 0 0 13px!important; padding: 17px!important; background: var(--ui-surface)!important; border: 1px solid var(--ui-border)!important; border-radius: 16px!important; box-shadow: none!important; }
#dashboard .settings-group-title { padding: 0 0 8px!important; }.settings-group-title h2 { font-size: 18px!important; }
#dashboard .settings-table,#dashboard .integration-row,#dashboard .security-list { margin: 0!important; background: transparent!important; border: 0!important; border-radius: 0!important; box-shadow: none!important; }
#dashboard .integration-row { padding: 10px 0!important; }
#dashboard .settings-actions-row { padding: 15px 0 0!important; }
#dashboard .guide-hero { padding: 20px!important; background: var(--ui-surface)!important; border: 1px solid var(--ui-border); border-radius: 16px; }.guide-steps { border: 0; background: none; }.guide-step { min-height: 61px; padding: 10px 0; border-bottom: 1px solid var(--ui-border); }.guide-grid { display: none; }.guide-faq { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 16px; }.guide-optional-link { margin: 13px 0 0; }
#dashboard [data-view-panel="help"] { display: flex; flex-direction: column; }.view-panel[data-view-panel="help"]:not(.active) { display: none!important; }.support-grid { order: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 0; }.support-card { min-height: 69px; padding: 13px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 13px; }.support-status { order: 2; margin-top: 17px; padding: 15px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 13px; }.help-actions { order: 3; margin-top: 17px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 13px; }
#dashboard .admin-portal-heading { display: block; width: 100%; min-width: 0; }.admin-portal-heading h1 { width: 100%; white-space: normal; overflow-wrap: normal; word-break: keep-all; }.admin-heading-actions { display: flex; gap: 10px; align-items: center; }.admin-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding: 4px 10px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 16px; }.admin-summary-grid>div { min-width: 0; padding: 15px; border: 0; }.admin-summary-grid strong { display: block; font-size: 23px; overflow-wrap: anywhere; word-break: normal; }.admin-summary-grid small { font-size: 12px; }.admin-browser { padding: 16px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 16px; }.admin-tabs { max-width: 100%; overflow-x: auto; }.admin-tab { min-height: 44px; }.admin-filter-form { min-width: 0; }.admin-data-row { min-width: 0; padding: 14px 0; background: transparent; border-bottom: 1px solid var(--ui-border); border-radius: 0; }.admin-data-metrics .admin-amount { color: #f1f4ff; font-size: 14px; }
#dashboard .admin-browser { padding: 16px!important; }

/* Activity, billing, support and owner are task surfaces within the portal. */
#dashboard .activity-totals{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;margin:0 0 20px;padding:0;color:#aebdd6;font-size:13px}
#dashboard .activity-totals span{display:inline-flex;gap:5px;align-items:baseline}
#dashboard .activity-totals strong{color:#eef2ff;font-size:16px}
#dashboard .activity-center-head,#dashboard .wallet-history-head{padding:19px 20px 3px}
#dashboard .activity-center-head h2,#dashboard .wallet-history-head h2{font-size:19px}
#dashboard .activity-center-head p,#dashboard .wallet-history-head p{font-size:13px}
#dashboard .wallet-onboarding-note{min-width:0;padding:13px 16px;background:#111e31;border:1px solid var(--ui-border);border-radius:11px}
#dashboard .wallet-onboarding-note strong{font-size:13px}
#dashboard .wallet-onboarding-note span{font-size:12px}
#dashboard .billing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:14px}
#dashboard .billing-toolbar .content-tabs{border:0;padding:0}
#dashboard .billing-toolbar .status-filters{display:flex;gap:5px;overflow-x:auto}
#dashboard .billing-toolbar .status-filter{min-height:44px;padding:0 10px;border-radius:8px;font-size:12px}
#dashboard .transaction-surface,#dashboard .service-surface{min-width:0}
#dashboard .service-surface .data-list,#dashboard .transaction-surface .data-list{min-width:0}
#dashboard .guide-hero{padding:25px!important}
#dashboard .guide-hero-copy h2{font-size:21px}
#dashboard .guide-hero-copy p{font-size:14px}
#dashboard .guide-steps{margin-top:19px}
#dashboard .guide-step{min-height:66px;padding:11px 0}
#dashboard .guide-step strong{font-size:14px}
#dashboard .guide-step small{font-size:12px}
#dashboard .guide-faq{padding:21px}
#dashboard .guide-faq h2{font-size:19px}
#dashboard .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#dashboard .support-card{min-width:0;min-height:83px;padding:15px;background:#121f34}
#dashboard .support-card strong{font-size:14px}
#dashboard .support-card small{font-size:12px}
#dashboard .support-status,#dashboard .help-actions{padding:17px}
#dashboard .support-status{order:2;margin-top:16px}
#dashboard .help-actions{order:3;margin-top:16px}
#dashboard .owner-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}
#dashboard .owner-header .portal-heading{margin:0}
#dashboard .owner-header h1{white-space:normal;word-break:normal;overflow-wrap:normal}
#dashboard .admin-heading-actions{display:flex;align-items:center;gap:9px;flex:none}
#dashboard .admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:5px 10px;background:#121f34;border:1px solid var(--ui-border);border-radius:14px}
#dashboard .admin-summary-grid>div{min-width:0;padding:15px;border:0}
#dashboard .admin-summary-grid strong{font-size:25px;overflow-wrap:anywhere}
#dashboard .admin-summary-grid small{font-size:12px}
#dashboard .admin-browser{min-width:0;padding:17px!important}
#dashboard .admin-tabs{max-width:100%;overflow-x:auto}
#dashboard .admin-tab{min-height:44px}
#dashboard .admin-filter-form{min-width:0}
#dashboard .admin-filter-form input,#dashboard .admin-filter-form select{min-width:0}
#dashboard .admin-data-row{min-width:0;padding:14px 0;background:transparent;border-bottom:1px solid var(--ui-border);border-radius:0}
#dashboard .admin-data-main strong,#dashboard .admin-data-main small{overflow-wrap:anywhere}
#dashboard .settings-group{padding:20px!important}
#dashboard .settings-group-title h2{font-size:18px}
#dashboard .settings-table-row,#dashboard .security-list>div{min-width:0;min-height:55px}
#dashboard .settings-table-row strong,#dashboard .settings-table-row code{overflow-wrap:anywhere}
#dashboard .wallet-balance-card{background:#192945;border-color:#384f7a}
#dashboard .wallet-balance-value{font-weight:650}
#dashboard .auth-dialog,#dashboard .notification-drawer,#dashboard .service-detail-dialog,#dashboard .wallet-topup-dialog{max-height:min(92dvh,800px)}
@media(max-width:720px){
 #dashboard .billing-toolbar{display:block}
 #dashboard .billing-toolbar .status-filters{margin-top:9px}
 #dashboard .activity-center-head,#dashboard .wallet-history-head{padding:16px 15px 2px}
 #dashboard .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #dashboard .support-card{min-height:76px;padding:11px}
 #dashboard .support-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #dashboard .owner-header{align-items:flex-start;flex-wrap:wrap;gap:9px}
 #dashboard .owner-header h1{font-size:27px!important;white-space:nowrap}
 #dashboard .admin-heading-actions{width:100%;justify-content:space-between}
 #dashboard .admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:3px 7px}
 #dashboard .admin-summary-grid>div{padding:12px 9px}
 #dashboard .admin-summary-grid strong{font-size:20px}
 #dashboard .admin-summary-grid small{display:none}
 #dashboard .admin-browser{padding:12px!important}
 #dashboard .admin-filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #dashboard .admin-filter-form .admin-search{grid-column:1/-1}
 #dashboard .admin-filter-form .button{grid-column:1/-1}
 #dashboard .admin-data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
 #dashboard .admin-data-main{grid-column:1;min-width:0}
 #dashboard .admin-data-side{grid-column:2}
 #dashboard .admin-data-metrics{grid-column:1/-1;grid-row:2;min-width:0;flex-wrap:wrap;overflow:visible}
 #dashboard .guide-hero{padding:17px!important}
 #dashboard .guide-faq{padding:16px}
 #dashboard .settings-group{padding:16px!important}
}
@media(max-width:390px){
 #dashboard .admin-filter-form{grid-template-columns:1fr}
 #dashboard .admin-filter-form .admin-search,#dashboard .admin-filter-form .button{grid-column:1}
 #dashboard .support-card .support-icon{width:27px;height:27px}
 #dashboard .support-card{gap:6px}
}
@media(prefers-reduced-motion:no-preference){
 .marketing-hero:before{animation:hero-breathe 8s ease-in-out infinite alternate}
 .reveal:not(.is-visible){transform:translateY(12px)}
 #dashboard .sidebar.open,#landing .site-nav.open{transition:transform .21s ease,opacity .21s ease}
}
@keyframes hero-breathe{from{opacity:.55;transform:translateY(-10px)}to{opacity:1;transform:translateY(12px)}}


@media (max-width: 620px) {
  #dashboard .activity-center-section,#dashboard .wallet-history-section,#dashboard .service-surface,#dashboard .transaction-surface { border-radius:13px; }
  #dashboard .activity-center-row,#dashboard .wallet-history-row,#dashboard .transaction-row,#dashboard .list-row { padding:11px 13px; }
  #dashboard .wallet-balance-card { padding:19px; }
  #dashboard .wallet-balance-value { font-size:38px; }
  #dashboard .admin-browser-head { display:block; }
  #dashboard .admin-filter-form select { width:100%;min-width:0; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms!important; transition-duration: .01ms!important; scroll-behavior: auto!important; }
}

/* Interaction and depth share the existing presentation layer. */
.language-switch{flex:none;min-width:58px;min-height:40px;padding:0 9px;border:1px solid rgba(163,183,243,.26);border-radius:9px;background:#18243b;color:#dbe4ff;font:600 12px/1 inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .18s}
.language-switch:hover,.language-switch:focus-visible{background:#263858;border-color:#9daeff}
.language-switch:active{transform:scale(.96)}
.language-switch-portal{min-height:40px}
/* Google's hidden accessibility label and zero-size helper iframe must stay off-canvas. */
.google-signin-button .L6cTce{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}
.google-signin-button iframe{position:absolute!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;overflow:hidden!important}
.google-signin-button .nsm7Bb-HzV7m-LgbsSe{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid #64759b;border-radius:10px;background:#1c2a45;color:#f4f6ff;cursor:pointer}
.google-signin-button .nsm7Bb-HzV7m-LgbsSe:hover{background:#253757;border-color:#9cadfa}
.google-signin-button .nsm7Bb-HzV7m-LgbsSe-Bz112c svg{width:20px;height:20px}
.mobile-nav-actions .language-switch{align-self:flex-start;margin-bottom:8px}
@media(max-width:620px){#landing .site-header-actions>.language-switch{min-width:53px;padding:0 5px;font-size:11px}#dashboard .language-switch-portal{min-width:53px;padding:0 4px;font-size:11px}}

.marketing-hero:before{background:radial-gradient(ellipse,rgba(111,135,255,.17),transparent 72%);filter:blur(9px)}
.marketing-hero:after{content:"";position:absolute;inset:8% 35% 20% -12%;pointer-events:none;background:radial-gradient(ellipse,rgba(65,89,179,.12),transparent 65%);animation:ambient-drift 16s ease-in-out infinite alternate}
.marketing-hero-copy{z-index:2}
.hosting-console{box-shadow:0 28px 65px rgba(0,3,17,.45),0 0 35px rgba(88,112,215,.08)}
.button-market-primary,#dashboard .button-primary{box-shadow:0 5px 23px rgba(94,113,238,.2);transition:background .2s,transform .2s,box-shadow .2s}
.button-market-primary:hover,#dashboard .button-primary:hover{box-shadow:0 8px 30px rgba(111,137,250,.32)}
.button-market:active,#dashboard .button:active,.hero-service-row:active,#dashboard .nav-item:active{transform:scale(.98)}
.hosting-console,.pricing-card,.community-channels a,.hero-service-row,#dashboard .resource-preview-row{transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .22s,background .22s}
@media(hover:hover){.hosting-console:hover,.community-channels a:hover,#dashboard .resource-preview-row:hover{transform:translateY(-3px);border-color:rgba(160,179,255,.5);box-shadow:0 14px 35px rgba(0,4,23,.25)}#landing .pricing-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 38px rgba(0,4,23,.28)!important}}
#landing .site-nav.open .site-nav-links>*{animation:menu-item-in .27s both}
#landing .site-nav.open .site-nav-links>*:nth-child(2){animation-delay:40ms}
#landing .site-nav.open .site-nav-links>*:nth-child(3){animation-delay:80ms}
#landing .site-nav.open .site-nav-links>*:nth-child(4){animation-delay:120ms}
.marketing-hero-copy>*{animation:hero-content-in .48s both}
.marketing-hero-copy>*:nth-child(2){animation-delay:65ms}
.marketing-hero-copy>*:nth-child(3){animation-delay:125ms}
.marketing-hero-copy>*:nth-child(4){animation-delay:175ms}
.marketing-hero-copy>*:nth-child(5){animation-delay:220ms}
.marketing-site .reveal{opacity:1;transform:none}
.marketing-site .reveal.is-visible{animation:section-appear .55s cubic-bezier(.2,.7,.2,1) both}
.marketing-site .reveal.is-visible .process-track>li,.marketing-site .reveal.is-visible .community-channels>a{animation:section-appear .45s both}
.marketing-site .reveal.is-visible .process-track>li:nth-child(2),.marketing-site .reveal.is-visible .community-channels>a:nth-child(2){animation-delay:70ms}
.marketing-site .reveal.is-visible .process-track>li:nth-child(3),.marketing-site .reveal.is-visible .community-channels>a:nth-child(3){animation-delay:140ms}
.marketing-site .reveal.is-visible .community-channels>a:nth-child(4){animation-delay:210ms}
#landing .market-faq-list details[open] summary::after{transform:rotate(45deg)}
#landing .market-faq-list details summary::after{transition:transform .2s}
#landing .market-faq-list details[open] p{animation:section-appear .22s both}
#dashboard .sidebar{box-shadow:inset -1px 0 rgba(168,190,230,.08)}
#dashboard .nav-item{position:relative;transition:background .2s,color .2s,transform .16s}
#dashboard .nav-item.active{background:linear-gradient(90deg,rgba(83,108,215,.22),rgba(57,79,143,.08))!important;border-color:transparent!important;box-shadow:inset 0 1px rgba(187,200,255,.09)!important}
#dashboard .nav-item.active:before{display:block;content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:#9eaefb;box-shadow:0 0 13px rgba(135,158,255,.46)}
#dashboard .nav-icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dashboard .sidebar.open .nav-item{animation:menu-item-in .3s both}
#dashboard .sidebar.open .nav-item:nth-of-type(2n){animation-delay:40ms}
#dashboard .sidebar.open .nav-item:nth-of-type(3n){animation-delay:80ms}
#dashboard .workspace-balance{position:relative;overflow:hidden;background:linear-gradient(122deg,#1a2c4a,#14223a 75%);border-color:rgba(155,178,243,.3);box-shadow:0 18px 42px rgba(0,4,20,.2)}
#dashboard .workspace-balance:after{content:"";position:absolute;width:260px;height:240px;right:-145px;top:-130px;pointer-events:none;background:radial-gradient(circle,rgba(134,156,255,.17),transparent 70%)}
#dashboard .workspace-balance>*{position:relative;z-index:1}
#dashboard .workspace-kpis{background:#101b2d;border:1px solid rgba(153,177,231,.13);border-radius:13px}
#dashboard .workspace-services,#dashboard .workspace-feed{margin-top:25px}
#dashboard .workspace-service-empty{min-height:88px;padding:15px 17px;background:#111d30;border-style:solid}
#dashboard .workspace-feed:empty{display:none}
#dashboard .resource-preview-row:focus-visible,#dashboard .package-choice.selected{box-shadow:0 0 0 3px rgba(139,160,255,.14),0 12px 25px rgba(3,8,25,.18)}
#dashboard .package-choice.selected{border-color:#9dadff;background:#1b2b4a}
#dashboard input:focus-visible,#dashboard select:focus-visible{outline:2px solid #9caefe;outline-offset:2px;box-shadow:0 0 0 5px rgba(123,146,246,.12)}
#dashboard .status-dot.is-active,#dashboard .status-badge.active:before{box-shadow:0 0 0 4px rgba(72,211,149,.12),0 0 13px rgba(72,211,149,.34)}
.auth-shell:not(.hidden) .auth-dialog,.modal-layer:not(.hidden) [role="dialog"],.notification-layer:not(.hidden) .notification-drawer{animation:dialog-in .23s cubic-bezier(.2,.7,.2,1) both}
.auth-shell:not(.hidden) .auth-backdrop,.modal-layer:not(.hidden) .modal-backdrop{animation:backdrop-in .2s both}

/* Owner workspace: one compact management surface, with list states in place. */
#dashboard .owner-header{margin-bottom:14px}
#dashboard .owner-header h1{line-height:1.2}
#dashboard .admin-heading-actions .admin-readonly-badge{font-size:12px}
#dashboard .admin-summary-grid{padding:0 6px;border-radius:12px;background:#111e32}
#dashboard .admin-summary-grid>div{padding:11px 14px;border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
#dashboard .admin-summary-grid>div:nth-child(3n){border-right:0}
#dashboard .admin-summary-grid>div:nth-last-child(-n+3){border-bottom:0}
#dashboard .admin-summary-grid span{font-size:12px;color:#b9c7df}
#dashboard .admin-summary-grid strong{margin-top:3px;font-size:22px;line-height:1.16}
#dashboard .admin-summary-grid small{color:#8ea3c0}
#dashboard .admin-browser{margin-top:14px;padding:0!important;border-radius:12px;overflow:hidden}
#dashboard .admin-browser-head{display:block;padding:0;border-bottom:1px solid var(--ui-border)}
#dashboard .admin-tabs{display:flex;gap:0;padding:0 12px;border-bottom:1px solid var(--ui-border)}
#dashboard .admin-tab{height:47px;min-height:47px;padding:0 14px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#aebdd5;font-size:13px;font-weight:600;box-shadow:none}
#dashboard .admin-tab.active{background:none;border-color:#a3b1ff;color:#f1f4ff;box-shadow:none}
#dashboard .admin-tab:hover{color:#fff}
#dashboard .admin-filter-form{display:grid;grid-template-columns:minmax(0,1fr) 135px 145px auto;gap:8px;padding:12px}
#dashboard .admin-search{min-width:0;height:44px;display:flex;align-items:center;gap:8px;border-color:#344665;background:#0c192b}
#dashboard .admin-search input{width:100%;min-width:0;font-size:14px;color:#f1f5ff}
#dashboard .admin-search input::placeholder{color:#91a4c2}
#dashboard .admin-filter-form select{height:44px;min-width:0;font-size:13px;border-color:#344665;background:#0c192b;color:#dae3f4}
#dashboard .admin-filter-form .button{height:44px;min-height:44px}
#dashboard .admin-table-meta{min-height:34px;padding:0 15px;font-size:12px;color:#a7b6d1}
#dashboard .admin-data-row{min-height:72px;padding:12px 15px}
#dashboard .admin-data-main strong{font-size:14px;color:#f1f4ff}
#dashboard .admin-data-main small,#dashboard .admin-data-metrics>span{font-size:12px;color:#a5b5cf}
#dashboard .admin-data-side .status-badge{font-size:11px!important}
#dashboard .admin-pagination{min-height:50px}
#dashboard .admin-pagination>span{font-size:12px}
#dashboard .admin-pagination .button:disabled{opacity:.43;cursor:not-allowed}
.admin-inline-error{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 16px;color:#e6ecfb}
.admin-inline-error strong{font-size:14px}
.admin-inline-error p{flex:1;min-width:140px;margin:0;color:#acbbd5;font-size:13px}
.admin-inline-error .button{min-width:88px}
.admin-loading-row{height:62px;margin:1px 15px;border-bottom:1px solid var(--ui-border);background:linear-gradient(90deg,transparent 10%,rgba(147,168,231,.07) 45%,transparent 75%);background-size:220% 100%;animation:loading-wave 1.5s ease-in-out infinite}
@media(max-width:720px){
 #dashboard .owner-header{display:flex;align-items:center;flex-wrap:nowrap;gap:8px}
 #dashboard .owner-header h1{font-size:25px!important;white-space:nowrap}
 #dashboard .admin-heading-actions{width:auto;min-width:0;gap:6px;margin-left:auto}
 #dashboard .admin-heading-actions .admin-readonly-badge{display:none}
 #dashboard .admin-heading-actions .button{padding:0 10px}
 #dashboard .admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #dashboard .admin-summary-grid>div{min-height:67px;padding:9px 8px}
 #dashboard .admin-summary-grid>div:nth-child(3n){border-right:0}
 #dashboard .admin-summary-grid>div:nth-child(-n+3){border-bottom:1px solid var(--ui-border)}
 #dashboard .admin-summary-grid span{display:block;min-height:27px;font-size:10px;line-height:1.25}
 #dashboard .admin-summary-grid strong{font-size:18px;white-space:nowrap;letter-spacing:-.03em}
 #dashboard .admin-summary-grid small{display:none}
 #dashboard .admin-browser{padding:0!important}
 #dashboard .admin-browser-head{display:block}
 #dashboard .admin-tabs{gap:0;padding:0 6px}
 #dashboard .admin-tab{padding:0 11px;font-size:12px}
 #dashboard .admin-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px;gap:7px;padding:11px}
 #dashboard .admin-filter-form .admin-search{grid-column:1/-1}
 #dashboard .admin-filter-form select{width:100%;padding:0 5px;font-size:12px}
 #dashboard .admin-filter-form .button{grid-column:3;padding:0 5px;font-size:12px}
 #dashboard .admin-data-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 12px}
 #dashboard .admin-data-main{grid-column:1;min-width:0}
 #dashboard .admin-data-side{grid-column:2;grid-row:1}
 #dashboard .admin-data-metrics{grid-column:1/-1;grid-row:2;gap:8px;overflow:visible;flex-wrap:wrap}
 #dashboard .admin-table-meta{padding:0 12px}
 #dashboard .admin-pagination{padding:8px 11px}
}
@media(max-width:390px){#dashboard .admin-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 74px}#dashboard .admin-filter-form .admin-search{grid-column:1/-1}#dashboard .admin-filter-form .button{grid-column:3}#dashboard .admin-summary-grid strong{font-size:16px}#dashboard .admin-tab{padding:0 9px}}
@keyframes hero-content-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes section-appear{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
@keyframes menu-item-in{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}
@keyframes dialog-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes ambient-drift{from{transform:translate(-4%,0);opacity:.55}to{transform:translate(6%,5%);opacity:1}}
@keyframes loading-wave{from{background-position:180% 0}to{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){.marketing-hero-copy>*,.marketing-hero:after,.marketing-site .reveal.is-visible,.marketing-site .reveal.is-visible .process-track>li,.marketing-site .reveal.is-visible .community-channels>a,#dashboard .sidebar.open .nav-item,.admin-loading-row,.auth-shell:not(.hidden) .auth-dialog{animation:none!important}}

/* Product browser and operational surfaces */
.infrastructure-strip,.market-availability{display:flex;align-items:center;gap:10px;min-height:46px;color:#bbc9e1;font-size:13px}
.infrastructure-strip{margin:-9px 0 18px;padding:0 14px;border:1px solid rgba(143,166,215,.16);border-radius:10px;background:#111d30}
.market-availability{width:min(var(--ui-max),calc(100% - 48px));margin:-10px auto 8px;padding:0 4px;border-top:1px solid rgba(144,169,222,.15)}
.infrastructure-strip a,.market-availability a{margin-left:auto;color:#b0bfff;text-decoration:none;white-space:nowrap}
.infrastructure-light{flex:none;width:8px;height:8px;border-radius:50%;background:#8b9bb8}
.is-online .infrastructure-light{background:#62d5ab;box-shadow:0 0 0 4px rgba(70,215,157,.1)}
.shop-browser{min-width:0}
.package-toolbar{display:flex;gap:10px;align-items:end;margin:13px 0}
.package-toolbar label{display:grid;gap:5px;color:#adbed8;font-size:12px}
.package-search{flex:1;min-width:0}.package-sort{width:min(150px,38%)}
.package-toolbar input,.package-toolbar select{width:100%;height:44px;min-width:0;padding:0 11px;border:1px solid #39496a;border-radius:10px;background:#111d31;color:#eff2fc;font:inherit}
.performance-tiers{display:flex;gap:8px;overflow-x:auto;margin:0 0 11px;padding-bottom:3px;scrollbar-width:none}
.performance-tab{flex:none;min-height:42px;padding:0 12px;border:1px solid #354667;border-radius:9px;background:#111e32;color:#bfcbe1;cursor:pointer}
.performance-tab.active{border-color:#91a4ef;background:#26395e;color:#f5f6ff}
#dashboard .shop-browser .catalog-grid{max-width:100%;scroll-behavior:smooth}
#dashboard .package-choice{flex:0 0 clamp(250px,30%,300px);min-height:222px;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px;scroll-snap-align:start;border-radius:14px;background:linear-gradient(154deg,#192943,#111d31 78%)}
#dashboard .package-choice-head{display:flex;justify-content:space-between;min-height:60px}
#dashboard .package-choice-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px}
#dashboard .package-choice-title strong{font-size:18px}
.package-tier{color:#b6c5f5;font-size:12px}
#dashboard .package-choice-price{display:grid;justify-items:end;align-content:start;gap:2px;text-align:right;margin:0}
#dashboard .package-choice-price strong{font-size:19px}
#dashboard .package-choice-description{display:-webkit-box;-webkit-line-clamp:2;min-height:18px;flex:none;font-size:13px}
#dashboard .package-choice-specs{margin:0;gap:6px}
#dashboard .package-choice-specs span{font-size:12px}
#dashboard .package-choice-button{flex:none;width:100%;margin:auto 0 0;min-height:44px}
.package-none{padding:20px 10px;color:#bcc9e0;font-size:14px}
.package-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:3px 0 0;color:#bac8e2;font-size:13px}
.package-carousel-swipe{margin-right:auto;color:#aebddd;font-size:12px}
.package-carousel-controls button{width:44px;height:44px;border:1px solid #405477;border-radius:9px;background:#1a2a45;color:#edf2ff;font-size:25px;line-height:1;cursor:pointer}
.package-carousel-controls button:disabled{opacity:.35;cursor:default}
.public-carousel-controls{display:none}
@media(min-width:721px) and (max-width:1050px){#landing .public-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}#landing .public-catalog-list .pricing-card{display:flex!important;flex-direction:column}}
.checkout-sheet-close{display:none;min-width:44px;min-height:44px;border:0;background:none;color:#eef2ff;font-size:26px;cursor:pointer}
.checkout-sheet-backdrop{display:none}
.checkout-sticky{display:none}
.purchase-progress-summary{display:none;margin:0 0 12px;color:#bbcafa;font-size:13px;font-weight:650}
.checkout-configuration{display:grid;gap:5px;padding:13px 0;border-top:1px solid var(--ui-border);color:#b6c5e0;font-size:13px}
.checkout-configuration strong{color:#f0f3ff;font-size:15px}.checkout-configuration p{margin:0;font-size:12px;line-height:1.45}
#dashboard .order-panel .checkout-summary{background:#15243a}
#dashboard .workspace-balance{min-height:125px;padding:17px 19px}
#dashboard .workspace-empty-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#dashboard .workspace-balance>strong{font-size:clamp(29px,3vw,38px)}
#dashboard .workspace-kpis{gap:0;padding:8px 4px;background:linear-gradient(140deg,#132139,#101b2d)}
#dashboard .workspace-kpis>div{padding:10px 13px}
#dashboard .workspace-kpis strong{font-size:26px}
.settings-account-id{min-height:44px;padding:11px 0;border-bottom:1px solid var(--ui-border)}
.settings-account-id summary{display:flex;justify-content:space-between;gap:12px;list-style:none;color:#afbed5;cursor:pointer}
.settings-account-id summary::-webkit-details-marker{display:none}.settings-account-id summary span{color:#aebefa;font-size:13px}
.settings-account-id code{display:block;margin-top:9px;overflow-wrap:anywhere;color:#d7e2fa;font-size:13px}
.wallet-topup-validation{display:block;min-height:17px;color:#ffaaa7;font-size:12px}.wallet-topup-input-wrap:has(input[aria-invalid="true"]){border-color:#e38d92}
#wallet-topup-current-balance{color:#f0f4ff!important;font-size:21px!important}
.wallet-topup-label,.wallet-topup-custom>span{font-size:13px;color:#becae0;font-weight:600}
.wallet-topup-preset{min-height:44px;font-size:13px;font-weight:650}
.wallet-topup-custom #wallet-topup-limit{display:block;color:#a9bad6;font-size:12px}
.wallet-topup-custom #wallet-topup-validation{display:block;color:#ffa6a6;font-size:12px}
#wallet-topup-amount{height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.wallet-topup-info p{color:#b0bfd9;font-size:12px;line-height:1.45}
.checkout-sheet-active .checkout-sticky{display:none}
.technical-hint{grid-column:1/-1;margin:0;color:#b2c0db;font-size:12px;line-height:1.45}
.wallet-topup-custom.custom-active .wallet-topup-input-wrap{border-color:#8fa4f3;box-shadow:0 0 0 3px rgba(141,165,250,.13)}
#dashboard [data-view-panel="wallet"] .wallet-balance-card{background:linear-gradient(120deg,#1a2b49,#14243d 72%);box-shadow:inset 0 1px rgba(197,211,255,.07),0 15px 32px rgba(0,4,17,.15)}
#dashboard [data-view-panel="account"] .settings-profile-header{padding:18px 19px;margin-bottom:15px;border:1px solid rgba(151,174,231,.18);border-radius:13px;background:linear-gradient(130deg,#182944,#131f33)}
#dashboard [data-view-panel="account"] .integration-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px 10px;min-height:0;margin:0;padding:7px 0}
#dashboard [data-view-panel="account"] .integration-state-wrap{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:5px}
#dashboard [data-view-panel="account"] .integration-state-wrap .button{flex:none;min-width:105px;padding:0 10px}
#dashboard [data-view-panel="account"] .security-list>div{display:flex;align-items:center;gap:10px;min-height:55px;padding:7px 0}
#dashboard [data-view-panel="account"] .security-list>div>div{flex:1;min-width:0}
#dashboard [data-view-panel="account"] .security-state{margin-left:auto;white-space:nowrap}
#dashboard #admin-card{display:flex;align-items:center;min-height:68px;padding:13px 17px;border-radius:12px}
#dashboard #admin-card.hidden{display:none}
#dashboard #admin-card .surface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:0;border:0}
#dashboard #admin-card h2{font-size:16px}
#dashboard .admin-filter-form{display:flex;gap:8px;padding:12px}
#dashboard .admin-filter-form .admin-search{flex:1}
#dashboard .admin-search{padding:0 12px;gap:9px;border:1px solid #394b6d;border-radius:10px}
#dashboard .admin-search input{flex:1;width:100%;height:40px!important;min-height:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0}
#dashboard .admin-search input:focus-visible{outline:0;box-shadow:none!important}
#dashboard .admin-search:focus-within{border-color:#93a6f5;box-shadow:0 0 0 3px rgba(132,155,247,.13)}
.admin-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:85px;min-height:44px;border:1px solid #405477;border-radius:9px;background:#1a2943;color:#e7ecfa;cursor:pointer}
#dashboard .admin-filter-extra{display:none;position:absolute;z-index:20;top:calc(100% - 2px);right:12px;width:min(355px,calc(100% - 24px));padding:12px;gap:9px;border:1px solid #42567b;border-radius:12px;background:#192943;box-shadow:0 19px 35px rgba(0,0,0,.3)}
#dashboard .admin-filter-extra.open{display:grid;grid-template-columns:1fr 1fr}
#dashboard .admin-filter-extra .button{grid-column:1/-1}
#dashboard .admin-browser-head{position:relative}
@media(max-width:1060px){
 #dashboard .package-choice{flex-basis:min(90%,410px)}
 .checkout-sheet-active{overflow:hidden}
 #dashboard #shop-order{position:fixed!important;z-index:151;inset:auto 0 0;max-height:min(88dvh,730px);margin:0;padding:20px max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom));overflow-y:auto;visibility:hidden;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.7,.2,1),visibility .24s;border-radius:18px 18px 0 0}
 #dashboard #shop-order.sheet-open{visibility:visible;transform:translateY(0);background:#17263f!important;border:1px solid #44577c!important;box-shadow:0 -20px 45px rgba(0,5,20,.45)!important}
 #dashboard #shop-order .checkout-sheet-close{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
 .checkout-sheet-backdrop.open{position:fixed;z-index:150;inset:0;display:block;background:rgba(0,3,13,.65);animation:backdrop-in .2s both}
 .checkout-sticky:not(.hidden){position:fixed;z-index:90;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px max(16px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid #45597d;background:rgba(16,28,48,.96);backdrop-filter:blur(18px)}
 .checkout-sticky>span{display:flex;align-items:baseline;min-width:0;gap:5px;white-space:nowrap}.checkout-sticky strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f2f5ff;font-size:14px}.checkout-sticky small{flex:none;color:#b7c7e0;font-size:13px}.checkout-sticky small::before{content:'· '}
 #dashboard .order-panel:not(.sheet-open){display:none}
 #dashboard .purchase-progress{display:none}
 #dashboard .purchase-progress-summary{display:block}
 #dashboard [data-view-panel="shop"].active{padding-bottom:85px}
 body.checkout-sheet-active #dashboard [data-view-panel="shop"].active{animation:none!important;transform:none!important}
 body.checkout-sheet-active #checkout-sticky{display:none!important}
}

/* Purchase flow: one decision per step, with software sourced from the bot's Pterodactyl route. */
#dashboard .purchase-progress{display:flex;gap:6px;margin:0 0 14px;padding:0 0 4px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
#dashboard .purchase-progress li{flex:1;min-width:0;padding:9px 4px;border-bottom:2px solid #34455f;color:#aebbd1;font-size:12px;text-align:center}
#dashboard .purchase-progress li.active{border-color:#9eaeff;color:#f2f5ff;font-weight:650}
#dashboard .purchase-progress li{flex:0 0 auto;min-width:68px;white-space:nowrap;font-size:12px;padding-inline:6px;scroll-snap-align:center}
#dashboard .purchase-package-price{font-size:22px!important;color:#e8edff!important;font-weight:700}
#dashboard #checkout-promo-step .field{display:grid;gap:7px;margin:0 0 12px;color:#dbe5f7;font-size:13px}
#dashboard #checkout-promo-code{width:100%;min-height:46px;padding:11px 13px;border-radius:10px;border:1px solid #405173;background:#101d31;color:#f5f7ff;font:inherit}
#dashboard #checkout-promo-code:focus-visible{outline:2px solid #9eaeff;outline-offset:2px}
#dashboard #checkout-promo-apply{min-height:44px;margin-bottom:12px}
#dashboard .purchase-step{min-width:0;animation:purchase-enter .22s ease-out both}
#dashboard .purchase-step.hidden{display:none}
#dashboard .purchase-step h3{margin:0 0 10px;color:#f1f4ff;font-size:19px;line-height:1.3}
#dashboard .purchase-step p{margin:0 0 12px;color:#becae0;font-size:14px;line-height:1.5}
#dashboard .purchase-step .purchase-helper{color:#aebcd4;font-size:13px}
#dashboard .purchase-software-options{display:grid;gap:15px;max-height:43dvh;overflow-y:auto}
#dashboard .purchase-software-group h4{margin:0 0 8px;font-size:13px;color:#acbde0;font-weight:600}
#dashboard .purchase-software-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#dashboard .purchase-billing-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:8px;margin:10px 0}
#dashboard .purchase-billing-options .purchase-software-option{width:100%}
#dashboard #checkout-username-step .field,#dashboard #checkout-password-step .field{display:grid;gap:8px;color:#dbe5f7;font-size:14px}
#dashboard #checkout-panel-username,#dashboard #checkout-panel-password{width:100%;min-height:48px;padding:11px 13px;border:1px solid #405173;border-radius:10px;background:#101d31;color:#f5f7ff;font-size:16px}
#dashboard #checkout-panel-username:focus-visible,#dashboard #checkout-panel-password:focus-visible{outline:2px solid #9eaeff;outline-offset:2px}
#dashboard .purchase-software-option{min-width:0;min-height:48px;padding:9px 12px;border:1px solid #405173;border-radius:10px;background:#1a2940;color:#e9eefa;text-align:left;font:inherit;font-size:14px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
#dashboard .purchase-software-option:hover,#dashboard .purchase-software-option:focus-visible{border-color:#899df0;background:#213453}
#dashboard .purchase-software-option:active{transform:scale(.98)}
#dashboard .purchase-software-option.selected{border-color:#a4b3ff;background:#2a3c61;box-shadow:0 0 0 3px rgba(133,153,245,.12)}
#dashboard .purchase-software-option.selected::after{content:'✓';float:right;color:#c2cbff}
#dashboard .purchase-review-rows{display:grid;gap:0;margin:0}
#dashboard .purchase-review-rows>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(149,172,215,.13);font-size:13px}
#dashboard .purchase-review-rows dt{color:#acbbd4}
#dashboard .purchase-review-rows dd{margin:0;color:#f1f4fc;text-align:right;overflow-wrap:anywhere}
#dashboard .purchase-review-rows>div:last-child dd{font-size:17px;font-weight:700}
#dashboard .purchase-payment-methods{display:grid;gap:8px;border:0;padding:12px 0 0;margin:12px 0 4px}
#dashboard .purchase-payment-methods legend{font-size:14px;font-weight:650;color:#edf1ff}
#dashboard .purchase-payment-methods label{display:flex;align-items:center;gap:12px;min-height:60px;padding:11px 13px;border:1px solid #405173;border-radius:11px;background:#17243a;cursor:pointer}
#dashboard .purchase-payment-methods label:has(input:checked){border-color:#98a8f0;background:#213152;box-shadow:0 0 0 3px rgba(141,157,244,.10)}
#dashboard .purchase-payment-methods input{accent-color:#a7b4ff;width:19px;height:19px;flex:none}
#dashboard .purchase-payment-methods label span{display:grid;gap:2px;min-width:0}
#dashboard .purchase-payment-methods label strong{color:#f1f4ff;font-size:14px}
#dashboard .purchase-payment-methods label small{font-size:12px;color:#b9c8e1;line-height:1.4}
#dashboard .purchase-actions{display:flex;gap:9px}
#dashboard .purchase-actions .button-primary{flex:1}
#dashboard .purchase-actions .button-secondary{min-width:88px}
@keyframes purchase-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:390px){#dashboard .purchase-software-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#dashboard .purchase-step{animation:none}#dashboard .purchase-software-option{transition:none}}
#service-detail-layer .purchase-software-options{display:grid;gap:14px;max-height:40dvh;overflow:auto}
#service-detail-layer .purchase-software-group h4{margin:0 0 8px;color:#afbed9;font-size:13px}
#service-detail-layer .purchase-software-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#service-detail-layer .purchase-software-option{min-height:46px;padding:9px 12px;border:1px solid #405173;border-radius:10px;background:#1a2940;color:#eff2ff;text-align:left;font:inherit;cursor:pointer}
#service-detail-layer .purchase-software-option.selected{border-color:#a4b3ff;background:#2a3c61}
@media(max-width:390px){#service-detail-layer .purchase-software-list{grid-template-columns:1fr}}
@media(max-width:720px){
 .package-toolbar{gap:8px}
 #dashboard .admin-filter-form{display:flex;align-items:center;gap:8px;padding:10px}
 #dashboard .admin-filter-form .admin-search{grid-column:auto;min-width:0}
 #dashboard .admin-filter-extra{top:calc(100% - 2px)}
 #dashboard .admin-filter-extra select{font-size:13px;padding:0 8px}
 #dashboard .admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #dashboard .admin-summary-grid>div{min-height:63px;border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
 #dashboard .admin-summary-grid>div:nth-child(2n){border-right:0}
 #dashboard .admin-summary-grid>div:nth-last-child(-n+2){border-bottom:0}
 #dashboard .admin-summary-grid span{min-height:0;font-size:12px}
 #dashboard .admin-summary-grid strong{font-size:19px;overflow-wrap:normal;word-break:normal}
 #dashboard #admin-summary-wallet{font-size:clamp(15px,4vw,19px);white-space:nowrap}
 #dashboard .workspace-heading{align-items:center;margin-bottom:16px}
 #dashboard .workspace-heading h1{font-size:25px}
 #dashboard .workspace-heading>.button{padding:0 10px;font-size:12px}
 #dashboard .workspace-kpis{padding:3px}
 #dashboard .workspace-kpis>div{padding:10px 7px}
 #dashboard .workspace-kpis span{font-size:12px;min-height:30px}
 #dashboard .workspace-kpis strong{font-size:23px}
 #dashboard .workspace-service-empty{min-height:78px;padding:12px}
 #dashboard .workspace-service-empty p{font-size:12px}
 #landing .public-catalog-list{display:flex!important;flex-direction:row;overflow-x:auto!important;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;gap:10px!important;padding:3px 2px 15px!important}
 .public-carousel-controls{display:flex}
 #landing .public-catalog-list .pricing-card{flex:0 0 min(76vw,288px);width:auto;min-height:225px;scroll-snap-align:start;display:flex!important;flex-direction:column;align-items:stretch}
 #landing .public-catalog-list .pricing-card-top{display:block}
 #landing .public-catalog-list .pricing-card-title,#landing .public-catalog-list .pricing-price,#landing .public-catalog-list .pricing-description,#landing .public-catalog-list .pricing-specs,#landing .public-catalog-list .pricing-cta{grid-column:auto;grid-row:auto}
 #landing .public-catalog-list .pricing-cta{margin-top:auto}
}
@media(max-width:390px){#dashboard .workspace-heading{flex-wrap:nowrap}#dashboard .workspace-balance>.button{grid-column:2;grid-row:2/4;margin:0;white-space:nowrap}#dashboard .workspace-balance>strong{font-size:28px}#dashboard .package-choice-head{display:flex}#dashboard .package-choice-price{text-align:right}}
@media(prefers-reduced-motion:reduce){#dashboard .shop-browser .catalog-grid{scroll-behavior:auto}#dashboard #shop-order{transition:none}.checkout-sheet-backdrop.open{animation:none}}
.motion-ready .marketing-site .reveal:not(.is-visible){opacity:0;transform:translateY(17px)}
.motion-ready .marketing-site .reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.motion-ready .marketing-site .reveal:not(.is-visible){opacity:1;transform:none}}

/* v301: readable package rail + restrained portal depth. */
#dashboard .shop-browser .catalog-grid{scroll-padding-inline:2px 30px}
#dashboard .package-choice{flex:0 0 min(88vw,420px);scroll-snap-align:start;scroll-snap-stop:always}
#dashboard{position:relative;isolation:isolate;background:
  radial-gradient(circle at 78% 8%,rgba(99,113,238,.09),transparent 29rem),
  radial-gradient(circle at 18% 72%,rgba(47,178,201,.055),transparent 25rem),
  #07101f}
#dashboard::before{content:"";position:fixed;z-index:-1;inset:-22%;pointer-events:none;opacity:.72;background:
  radial-gradient(circle at 28% 30%,rgba(101,89,238,.11),transparent 22%),
  radial-gradient(circle at 70% 58%,rgba(46,147,196,.075),transparent 24%);
  filter:blur(26px);transform:translate3d(0,0,0);animation:portal-aurora-drift 22s ease-in-out infinite alternate}
@keyframes portal-aurora-drift{0%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(2%,-1.5%,0) scale(1.04)}100%{transform:translate3d(0,2%,0) scale(1.02)}}
#dashboard .workspace-balance,#dashboard .wallet-balance-card,#dashboard .order-panel,#dashboard .settings-group{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#dashboard .status-dot-success,.wallet-status-pill:not(.locked) i{box-shadow:0 0 0 0 rgba(72,211,154,.32);animation:portal-status-pulse 2.8s ease-out infinite}
@keyframes portal-status-pulse{0%,55%{box-shadow:0 0 0 0 rgba(72,211,154,.3)}100%{box-shadow:0 0 0 7px rgba(72,211,154,0)}}
@media(max-width:620px){#dashboard .package-choice{flex-basis:calc(100% - 30px);max-width:none}.package-carousel-swipe{display:inline-flex;align-items:center;gap:5px}}
@media(prefers-reduced-motion:reduce){#dashboard::before{animation:none}.wallet-status-pill i,#dashboard .status-dot-success{animation:none}}

/* V302 portal polish: clearer surface hierarchy, compact profile, mobile admin filters. */
#dashboard{
  --v302-surface-soft:rgba(12,23,40,.72);
  --v302-surface-raised:rgba(20,34,57,.88);
  --v302-surface-strong:rgba(28,45,73,.94);
  --v302-accent-glow:rgba(132,146,255,.16);
}
#dashboard .workspace-balance,
#dashboard .wallet-balance-card{background:linear-gradient(135deg,var(--v302-surface-raised),rgba(13,27,48,.82));border-color:rgba(154,174,225,.16);box-shadow:0 18px 45px rgba(1,6,18,.16)}
#dashboard .workspace-kpis,#dashboard .admin-summary-grid{background:var(--v302-surface-soft);border-color:rgba(154,174,225,.12)}
#dashboard .order-panel,#dashboard .admin-browser{background:var(--v302-surface-soft);border-color:rgba(154,174,225,.12)}
#dashboard [data-view-panel="account"] .settings-shell{max-width:820px}
#dashboard [data-view-panel="account"] .settings-profile-header{background:linear-gradient(135deg,rgba(29,45,74,.76),rgba(14,27,47,.58));box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 42px rgba(1,7,20,.12)}
#dashboard [data-view-panel="account"] .settings-group{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#dashboard [data-view-panel="account"] .settings-group-title{padding:16px 2px 7px!important}
#dashboard [data-view-panel="account"] .settings-group-title h2{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:#91a3c2}
#dashboard [data-view-panel="account"] .settings-table,
#dashboard [data-view-panel="account"] .integration-row,
#dashboard [data-view-panel="account"] .security-list{padding:0 16px;border:1px solid rgba(154,174,225,.12);border-radius:13px;background:var(--v302-surface-soft)}
#dashboard [data-view-panel="account"] .integration-row{min-height:74px}
#dashboard [data-view-panel="account"] .settings-actions-row{padding:12px 0 0}
#dashboard .admin-filter-form{position:relative;background:var(--v302-surface-soft);border:1px solid rgba(154,174,225,.12);border-radius:13px}
#dashboard .admin-search{background:rgba(7,16,30,.58);border-color:rgba(154,174,225,.16)}
#dashboard .admin-filter-toggle{background:var(--v302-surface-raised);border-color:rgba(154,174,225,.2)}
#dashboard .admin-filter-extra{background:rgba(18,31,52,.98);border-color:rgba(154,174,225,.18);box-shadow:0 22px 55px rgba(0,0,0,.34)}
#dashboard .admin-data-row{transition:background .18s ease,transform .18s ease}
#dashboard .admin-data-row:hover{background:rgba(142,158,242,.055)}
@media(max-width:600px){
  #dashboard .admin-filter-form{padding:8px;gap:7px}
  #dashboard .admin-filter-toggle{min-width:76px;padding:0 10px}
  #dashboard .admin-filter-extra{position:fixed;z-index:120;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:min(62dvh,430px);padding:15px;border-radius:17px;grid-template-columns:1fr!important;box-shadow:0 24px 80px rgba(0,0,0,.52)}
  #dashboard .admin-filter-extra.open{display:grid}
  #dashboard .admin-filter-extra .button{grid-column:1!important;width:100%}
  #dashboard [data-view-panel="account"] .settings-profile-header{padding:15px 14px}
  #dashboard [data-view-panel="account"] .settings-table,#dashboard [data-view-panel="account"] .integration-row,#dashboard [data-view-panel="account"] .security-list{padding-left:13px;padding-right:13px}
}
@media(prefers-reduced-motion:reduce){#dashboard .admin-data-row{transition:none}}

/* V303 operations polish: truthful live account activity + shared catalog owner view. */
#dashboard .live-account-strip{display:flex;align-items:center;gap:8px 18px;margin:-4px 0 16px;padding:10px 13px;border:1px solid rgba(128,151,213,.13);border-radius:12px;background:linear-gradient(90deg,rgba(11,23,41,.72),rgba(24,32,59,.55));color:#9eb0ce;font-size:12px;overflow-x:auto;scrollbar-width:none}
#dashboard .live-account-strip::-webkit-scrollbar{display:none}
#dashboard .live-account-strip>span{white-space:nowrap}
#dashboard .live-account-strip b{color:#f3f6ff;font-size:13px;font-variant-numeric:tabular-nums}
#dashboard .live-account-label{display:inline-flex;align-items:center;gap:7px;color:#83e6b8;font-size:10px;font-weight:800;letter-spacing:.09em}
#dashboard .live-account-label i{width:7px;height:7px;border-radius:50%;background:#52d89a;box-shadow:0 0 12px rgba(82,216,154,.55);animation:liveMetricPulse 2.6s ease-out infinite}
#dashboard .live-metric-flash{animation:liveMetricValue .52s ease-out}
@keyframes liveMetricPulse{0%,55%{box-shadow:0 0 0 0 rgba(82,216,154,.38)}100%{box-shadow:0 0 0 7px rgba(82,216,154,0)}}
@keyframes liveMetricValue{0%{opacity:.4;transform:translateY(3px)}100%{opacity:1;transform:none}}
#dashboard .admin-products-note{display:flex;align-items:flex-start;gap:8px 16px;margin:0 0 12px;padding:11px 13px;border:1px solid rgba(139,157,225,.13);border-radius:11px;background:rgba(18,30,52,.56);font-size:12px;color:#9badc9}
#dashboard .admin-products-note strong{color:#e9eeff;white-space:nowrap}
#dashboard .admin-product-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.9fr) auto;gap:16px;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(144,163,213,.1)}
#dashboard .admin-product-main,#dashboard .admin-product-side{display:grid;gap:4px}
#dashboard .admin-product-main strong,#dashboard .admin-product-side strong{color:#f1f4ff}
#dashboard .admin-product-main small,#dashboard .admin-product-side small{color:#8295b4}
#dashboard .admin-product-specs{display:flex;flex-wrap:wrap;gap:6px}
#dashboard .admin-product-specs span{padding:5px 7px;border-radius:7px;background:rgba(125,143,204,.08);color:#b9c7df;font-size:11px}
#dashboard .admin-product-side{text-align:right}
@media(max-width:720px){#dashboard .live-account-strip{margin-top:-7px;padding:9px 10px;gap:14px}#dashboard .admin-products-note{display:grid}#dashboard .admin-products-note strong{white-space:normal}#dashboard .admin-product-row{grid-template-columns:1fr auto;gap:9px 12px}.admin-product-specs{grid-column:1/-1}.admin-product-side{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){#dashboard .live-account-label i,#dashboard .live-metric-flash{animation:none}}
#dashboard .admin-product-edit{min-height:36px;padding:7px 11px;border-radius:9px;border:1px solid rgba(143,160,225,.2);background:rgba(93,111,181,.1);color:#dce5ff;cursor:pointer}
.product-editor{width:min(520px,calc(100vw - 24px));border:1px solid rgba(146,163,225,.2);border-radius:18px;background:#0d1527;color:#eef3ff;padding:0;box-shadow:0 28px 90px rgba(0,0,0,.55)}.product-editor::backdrop{background:rgba(2,6,15,.72);backdrop-filter:blur(8px)}.product-editor form{display:grid;gap:14px;padding:20px}.product-editor-head{display:flex;align-items:flex-start;justify-content:space-between}.product-editor-head small{color:#8496b7;font-size:10px;letter-spacing:.12em}.product-editor-head h3{margin:3px 0 0}.product-editor label{display:grid;gap:6px;font-size:12px;color:#aab9d3}.product-editor input:not([type=checkbox]){width:100%;min-height:44px;border:1px solid rgba(145,162,218,.16);border-radius:10px;background:#101c31;color:#f2f5ff;padding:0 12px}.product-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-editor-toggle{display:flex!important;align-items:center;gap:9px}.product-editor-actions{display:flex;justify-content:space-between;gap:10px}.product-editor .muted{margin:0;color:#7f91b0;font-size:11px;line-height:1.5}@media(max-width:520px){.product-editor{margin:auto 12px 12px}.product-editor-grid{grid-template-columns:1fr}.product-editor-actions{display:grid}.product-editor form{padding:16px}}

/* v305 owner product merchandising */
.product-editor textarea{width:100%;resize:vertical;min-height:68px;font:inherit}
.product-editor-section-label{margin:14px 0 8px;color:#dfe7fb;font-size:11px;font-weight:800;letter-spacing:.02em}.product-editor-section-label small{display:block;margin-top:3px;color:#7283a5;font-size:9px;font-weight:500}.product-editor-toggles{display:grid;gap:8px;margin-top:12px}.product-editor-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:520px){.product-editor-price-grid{grid-template-columns:1fr 1fr}.product-editor textarea{min-height:62px}}

/* v307 owner software policy */
.product-editor .field-help{display:block;margin-top:7px;color:var(--muted,#8fa0bd);font-size:12px;line-height:1.5}.product-editor .field-help b{color:#d9e3ff;font-weight:700}

/* V309 live visual polish: cloud command surface, varied depth and restrained motion. */
#dashboard{
  --v309-base:#070c16;
  --v309-surface-cool:rgba(15,28,49,.78);
  --v309-surface-warm:rgba(31,27,48,.62);
  --v309-surface-neutral:rgba(17,23,34,.76);
  --v309-line:rgba(171,188,232,.12);
  --v309-violet:rgba(145,112,255,.16);
  --v309-cyan:rgba(76,199,221,.11);
}
#dashboard::after{content:"";position:fixed;z-index:-2;inset:-18%;pointer-events:none;background:radial-gradient(42% 34% at 16% 16%,var(--v309-violet),transparent 72%),radial-gradient(38% 32% at 82% 28%,var(--v309-cyan),transparent 72%),radial-gradient(30% 26% at 60% 86%,rgba(78,92,184,.08),transparent 75%);filter:blur(18px);animation:v309AuroraDrift 22s ease-in-out infinite alternate}
@keyframes v309AuroraDrift{0%{transform:translate3d(-1.5%,0,0) scale(1)}50%{transform:translate3d(1%,1.2%,0) scale(1.035)}100%{transform:translate3d(2%,-.8%,0) scale(1.01)}}
#dashboard .cloud-command-strip{display:grid;grid-template-columns:minmax(190px,1.45fr) repeat(3,minmax(96px,.65fr)) auto;align-items:stretch;gap:1px;margin:-5px 0 19px;border:1px solid var(--v309-line);border-radius:15px;background:rgba(4,10,20,.7);overflow:hidden;box-shadow:0 18px 48px rgba(0,3,12,.16)}
#dashboard .cloud-command-item{min-width:0;min-height:62px;padding:11px 14px;display:flex;flex-direction:column;justify-content:center;background:var(--v309-surface-neutral)}
#dashboard .cloud-command-item:not(:first-child){border-left:1px solid rgba(171,188,232,.08)}
#dashboard .cloud-command-item small{color:#7485a3;font-size:9px;font-weight:750;letter-spacing:.075em}
#dashboard .cloud-command-item strong{margin-top:4px;color:#f4f7ff;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}
#dashboard .cloud-command-health{flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;background:linear-gradient(115deg,rgba(18,35,54,.88),rgba(22,27,48,.76))}
#dashboard .cloud-command-health b{display:block;margin-top:3px;color:#b9c5d9;font-size:12px;font-weight:650}
#dashboard .cloud-command-health.is-online b{color:#bff1d8}
#dashboard .cloud-command-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(70,206,151,.08);border:1px solid rgba(89,215,164,.13)}
#dashboard .cloud-command-icon i{width:8px;height:8px;border-radius:50%;background:#4fd99a;box-shadow:0 0 15px rgba(79,217,154,.5);animation:liveMetricPulse 2.6s ease-out infinite}
#dashboard .cloud-command-link{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0 14px;color:#aebcf1;text-decoration:none;font-size:11px;background:rgba(35,35,64,.62);border-left:1px solid rgba(171,188,232,.08);transition:background .18s ease,color .18s ease}
#dashboard .cloud-command-link:hover{background:rgba(66,59,104,.68);color:#eef1ff}
#dashboard .infrastructure-strip-compat,#dashboard .live-account-strip-compat{display:none!important}
#dashboard .account-summary{gap:13px}
#dashboard .workspace-balance{background:linear-gradient(135deg,rgba(20,37,59,.88),rgba(15,25,42,.82) 62%,rgba(32,27,49,.72));border-color:rgba(157,177,222,.14)}
#dashboard .workspace-kpis{background:linear-gradient(135deg,rgba(17,24,37,.82),rgba(24,27,45,.72));border-color:rgba(171,188,232,.1)}
#dashboard .workspace-services{padding:1px 0}
#dashboard .workspace-feed{padding:17px 18px;border:1px solid rgba(171,188,232,.09);border-radius:15px;background:linear-gradient(145deg,rgba(13,23,36,.58),rgba(29,24,42,.46))}
#dashboard .workspace-services,#dashboard .workspace-feed,#dashboard .account-summary{animation:v309SectionEnter .48s cubic-bezier(.2,.75,.25,1) both}
#dashboard .workspace-services{animation-delay:.04s}#dashboard .workspace-feed{animation-delay:.08s}
@keyframes v309SectionEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
#dashboard .resource-preview-row,#dashboard .activity-row{transition:transform .18s ease,background .18s ease,border-color .18s ease}
#dashboard .resource-preview-row:hover{transform:translateY(-1px);border-color:rgba(146,166,222,.18)}
#dashboard .activity-row:hover{background:rgba(129,143,205,.035)}
@media(max-width:760px){#dashboard .cloud-command-strip{grid-template-columns:minmax(175px,1.35fr) repeat(3,minmax(92px,.7fr));overflow-x:auto;scrollbar-width:none}#dashboard .cloud-command-strip::-webkit-scrollbar{display:none}#dashboard .cloud-command-link{display:none}#dashboard .cloud-command-item{min-height:58px}}
@media(max-width:430px){#dashboard .cloud-command-strip{margin:-7px -2px 16px;grid-template-columns:180px repeat(3,100px);overflow-x:auto;scroll-snap-type:x proximity}#dashboard .cloud-command-item{scroll-snap-align:start;padding:10px 12px}#dashboard .cloud-command-item strong{font-size:18px}#dashboard .workspace-feed{padding:14px 13px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){#dashboard::after,#dashboard .cloud-command-icon i,#dashboard .workspace-services,#dashboard .workspace-feed,#dashboard .account-summary{animation:none!important}#dashboard .resource-preview-row,#dashboard .activity-row,#dashboard .cloud-command-link{transition:none!important}}

/* =========================================================
   V310 — VISUAL EXPERIENCE PASS
   More depth, live motion and differentiated surfaces without fake metrics.
   ========================================================= */
:root{--v310-cyan:#61d8e8;--v310-violet:#9b83ff;--v310-indigo:#758dff;--v310-mint:#63d7a6;--v310-warm:#f2a96b}
#landing.marketing-site{position:relative;background:
 radial-gradient(circle at 82% 7%,rgba(104,82,226,.14),transparent 28%),
 radial-gradient(circle at 8% 20%,rgba(41,158,204,.09),transparent 24%),
 linear-gradient(180deg,#060b16 0%,#08101f 42%,#070d19 100%)!important}
#landing.marketing-site:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(126,151,211,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,151,211,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
#landing .site-header{background:rgba(5,11,23,.78)!important;box-shadow:0 12px 40px rgba(0,0,0,.12)}
.marketing-hero{min-height:620px;padding:72px 0 76px}
.marketing-hero:before{width:720px;height:560px;top:-160px;right:-150px;background:radial-gradient(ellipse,rgba(122,92,255,.22),rgba(62,158,218,.09) 38%,transparent 70%);filter:blur(12px);animation:v310Aurora 9s ease-in-out infinite alternate}
.marketing-hero:after{content:"";position:absolute;left:-20%;bottom:-2px;width:140%;height:1px;background:linear-gradient(90deg,transparent,rgba(117,141,255,.4),rgba(97,216,232,.28),transparent)}
.brand-overline{color:#c4caff}.brand-overline span{box-shadow:0 0 18px rgba(148,165,255,.75)}
.marketing-hero h1{font-weight:720;text-shadow:0 8px 35px rgba(0,0,0,.28)}
.marketing-hero h1 em{background:linear-gradient(110deg,#aeb9ff,#8f9fff 42%,#6ed7e6);-webkit-background-clip:text;background-clip:text;color:transparent}
.button-market-primary{background:linear-gradient(110deg,#91a2ff,#9d8cff 52%,#72b9ef);border-color:rgba(187,197,255,.65);box-shadow:0 12px 30px rgba(100,112,237,.18),inset 0 1px rgba(255,255,255,.35)}
.button-market-primary:hover{background:linear-gradient(110deg,#a9b6ff,#b19fff 52%,#85c8f5);box-shadow:0 16px 38px rgba(100,112,237,.28)}
.hero-live-rail{display:flex;align-items:center;gap:8px;margin-top:19px;width:max-content;max-width:100%;color:#7183a6;font-size:9px;font-weight:760;letter-spacing:.07em;text-transform:uppercase}
.hero-live-rail span{display:flex;align-items:center;gap:5px}.hero-live-rail span i{width:5px;height:5px;border-radius:50%;background:var(--v310-mint);box-shadow:0 0 9px rgba(99,215,166,.65);animation:v310Pulse 2.2s ease-out infinite}.hero-live-rail span:nth-of-type(2) i{animation-delay:.5s}.hero-live-rail span:nth-of-type(3) i{animation-delay:1s}.hero-live-rail>b{width:24px;height:1px;background:linear-gradient(90deg,rgba(117,141,255,.15),rgba(117,141,255,.5),rgba(117,141,255,.15));position:relative;overflow:hidden}.hero-live-rail>b:after{content:"";position:absolute;width:7px;height:1px;background:#a9b7ff;animation:v310Packet 2s linear infinite}
.hero-visual-wrap{position:relative;min-width:0;isolation:isolate}.hero-orbit{position:absolute;pointer-events:none;border:1px solid rgba(130,151,255,.12);border-radius:50%;z-index:-1}.hero-orbit-one{width:420px;height:420px;right:-90px;top:-70px;animation:v310Spin 26s linear infinite}.hero-orbit-two{width:310px;height:310px;right:-15px;top:-20px;border-style:dashed;border-color:rgba(97,216,232,.1);animation:v310Spin 20s linear infinite reverse}
.hosting-console{background:linear-gradient(145deg,rgba(18,31,54,.96),rgba(11,20,38,.96));border-color:rgba(155,171,241,.28);box-shadow:0 30px 80px rgba(0,3,16,.46),0 0 55px rgba(92,88,220,.08),inset 0 1px rgba(255,255,255,.04);animation:console-appear .55s both,v310Float 6s ease-in-out 1s infinite}
.hosting-console:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.025) 40%,transparent 62%);transform:translateX(-100%);animation:v310Sheen 7s ease-in-out 2s infinite}
.console-dots i:first-child{box-shadow:0 0 10px rgba(135,154,250,.7)}.console-dots i:nth-child(2){background:#5ed6e7}.console-dots i:nth-child(3){background:#5ed49d}
.console-signal{display:flex;align-items:end;gap:3px;height:18px}.console-signal i{display:block;width:3px;border-radius:3px;background:linear-gradient(#72d7e5,#758dff);animation:v310Bars 1.5s ease-in-out infinite}.console-signal i:nth-child(1){height:6px}.console-signal i:nth-child(2){height:13px;animation-delay:.2s}.console-signal i:nth-child(3){height:9px;animation-delay:.4s}.console-signal i:nth-child(4){height:17px;animation-delay:.6s}
.hero-service-row{position:relative}.hero-service-row:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,var(--v310-indigo),var(--v310-cyan));transition:width .3s ease}.hero-service-row:hover:after{width:100%}
.hero-float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;border:1px solid rgba(149,169,238,.2);background:rgba(9,18,36,.78);backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(0,0,0,.28);color:#aebbd5;font-size:9px;border-radius:10px;padding:8px 10px;animation:v310FloatChip 5s ease-in-out infinite}.hero-float-chip-a{right:-22px;top:22px}.hero-float-chip-a>i{width:6px;height:6px;border-radius:50%;background:var(--v310-mint);box-shadow:0 0 11px rgba(99,215,166,.7)}.hero-float-chip-a b{color:#75dcb1;font-size:8px;letter-spacing:.07em}.hero-float-chip-b{left:-25px;bottom:28px;animation-delay:-2s}.hero-float-chip-b div{display:flex;align-items:end;gap:2px}.hero-float-chip-b i{width:2px;height:5px;background:#7d91f6;border-radius:2px;animation:v310Bars 1.2s ease-in-out infinite}.hero-float-chip-b i:nth-child(2){height:9px}.hero-float-chip-b i:nth-child(3){height:6px}.hero-float-chip-b i:nth-child(4){height:12px}.hero-float-chip-b i:nth-child(5){height:8px}
.market-availability{position:relative;background:linear-gradient(90deg,rgba(16,31,50,.68),rgba(18,24,47,.54));border-top-color:rgba(91,215,166,.12)!important;border-bottom-color:rgba(112,139,221,.13)!important}.infrastructure-light{box-shadow:0 0 0 5px rgba(79,217,154,.05),0 0 16px rgba(79,217,154,.45)}
.live-flow-band{width:min(var(--ui-max),calc(100% - 48px));margin:24px auto 4px;padding:17px 20px;border:1px solid rgba(131,151,222,.13);border-radius:15px;background:linear-gradient(110deg,rgba(17,31,53,.72),rgba(24,22,49,.58));display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 45px rgba(0,0,0,.13)}.live-flow-copy{display:grid;gap:4px}.live-flow-copy strong{font-size:13px;color:#dfe6f8}.live-kicker{display:flex;align-items:center;gap:6px;color:#7d8fb0;font-size:8px;font-weight:800;letter-spacing:.12em}.live-kicker i{width:6px;height:6px;border-radius:50%;background:var(--v310-mint);box-shadow:0 0 12px rgba(99,215,166,.6);animation:v310Pulse 2s infinite}.live-flow-track{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;color:#8393b0;font-size:9px;font-weight:700}.live-flow-track span{display:flex;align-items:center;gap:5px;white-space:nowrap}.live-flow-track span i{width:5px;height:5px;border-radius:50%;background:#748bff;box-shadow:0 0 9px rgba(116,139,255,.45)}.live-flow-track span:last-child i{background:var(--v310-mint)}.live-flow-track b{position:relative;width:24px;height:1px;background:rgba(119,141,209,.18);overflow:hidden}.live-flow-track b:after{content:"";position:absolute;width:7px;height:1px;background:#8fa2ff;animation:v310Packet 1.8s linear infinite}.live-flow-track b:nth-of-type(2):after{animation-delay:.35s}.live-flow-track b:nth-of-type(3):after{animation-delay:.7s}.live-flow-track b:nth-of-type(4):after{animation-delay:1.05s}
.market-section{position:relative}.market-process{background:radial-gradient(circle at 12% 35%,rgba(73,145,192,.055),transparent 28%)}.market-pricing{background:radial-gradient(circle at 85% 30%,rgba(123,91,230,.07),transparent 31%)}.market-community{background:radial-gradient(circle at 20% 40%,rgba(73,187,164,.055),transparent 26%)}
.process-track li>span{background:linear-gradient(145deg,#1a2949,#17213a);box-shadow:0 0 0 5px rgba(88,111,200,.035)}
#landing .pricing-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#121f34,#101a2d)!important;box-shadow:0 16px 38px rgba(0,0,0,.12)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}#landing .pricing-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#778eff,#7fd2e1,transparent);opacity:.35}#landing .pricing-card:nth-child(even):before{background:linear-gradient(90deg,transparent,#9b83ff,#d07ccf,transparent)}#landing .pricing-card:hover{transform:translateY(-4px)!important;box-shadow:0 24px 52px rgba(0,0,0,.22),0 0 35px rgba(102,112,232,.08)!important}
.community-channels a:nth-child(1){background:linear-gradient(145deg,#151d33,#101a2c)}.community-channels a:nth-child(2){background:linear-gradient(145deg,#121f36,#0e1d31)}.community-channels a:nth-child(3){background:linear-gradient(145deg,#1c1932,#131a2e)}.community-channels a:nth-child(4){background:linear-gradient(145deg,#10252c,#101c2d)}
.market-final{background:linear-gradient(120deg,rgba(31,45,82,.95),rgba(39,31,75,.9));box-shadow:0 24px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)}
@keyframes v310Aurora{0%{transform:translate3d(-2%,0,0) scale(.95);opacity:.65}100%{transform:translate3d(4%,5%,0) scale(1.08);opacity:1}}
@keyframes v310Pulse{0%,100%{transform:scale(.82);opacity:.55}45%{transform:scale(1.2);opacity:1;box-shadow:0 0 14px currentColor}}
@keyframes v310Packet{from{left:-8px}to{left:100%}}
@keyframes v310Spin{to{transform:rotate(360deg)}}
@keyframes v310Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes v310FloatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes v310Sheen{0%,68%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
@keyframes v310Bars{0%,100%{transform:scaleY(.65);opacity:.6}50%{transform:scaleY(1);opacity:1}}
@media(max-width:960px){.marketing-hero{min-height:0}.hero-visual-wrap{max-width:680px}.hero-float-chip-a{right:12px}.hero-float-chip-b{left:12px}.live-flow-band{align-items:flex-start;flex-direction:column}.live-flow-track{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}}
@media(max-width:720px){.marketing-hero{padding-top:50px}.hero-orbit{display:none}.hero-float-chip{display:none}.hosting-console{animation:console-appear .5s both}.live-flow-band{width:calc(100% - 36px);margin-top:18px;padding:14px}.live-flow-track{gap:6px}.live-flow-track b{width:15px}.live-flow-copy strong{font-size:12px}#landing .pricing-card:hover{transform:none!important}.hero-live-rail{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.marketing-hero:before,.hosting-console,.hosting-console:after,.hero-orbit,.hero-float-chip,.hero-live-rail i,.hero-live-rail b:after,.console-signal i,.live-kicker i,.live-flow-track b:after{animation:none!important}#landing .pricing-card{transition:none!important}}

/* V311 — CLOUD MOTION COMPOSITION */
#landing-home{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 9%,rgba(77,92,220,.12),transparent 24%),radial-gradient(circle at 90% 44%,rgba(41,180,211,.07),transparent 25%),#060d1b}
#landing-home:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(132,153,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(132,153,220,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 42%)}
.cloud-stage{min-height:430px;display:grid;align-items:center;perspective:900px}
.cloud-node-grid{position:absolute;inset:-28px -35px;z-index:-1;overflow:hidden;border-radius:50%;transform:rotate(-8deg);background:radial-gradient(circle,rgba(112,140,255,.14) 1px,transparent 1.5px);background-size:36px 36px;mask-image:radial-gradient(circle,#000 10%,transparent 68%)}
.cloud-node-grid i{position:absolute;width:9px;height:9px;border:2px solid #7c96ff;border-radius:50%;background:#0b1426;box-shadow:0 0 0 5px rgba(113,143,255,.07),0 0 24px rgba(91,127,255,.55);animation:v311Node 3.4s ease-in-out infinite}.cloud-node-grid i:nth-child(1){left:16%;top:25%}.cloud-node-grid i:nth-child(2){left:72%;top:17%;animation-delay:-.8s}.cloud-node-grid i:nth-child(3){left:85%;top:58%;animation-delay:-1.7s}.cloud-node-grid i:nth-child(4){left:23%;top:74%;animation-delay:-2.3s}.cloud-node-grid i:nth-child(5){left:51%;top:9%;animation-delay:-1.2s}.cloud-node-grid i:nth-child(6){left:55%;top:84%;animation-delay:-2.8s}
.cloud-node-grid span{position:absolute;height:1px;width:46%;left:22%;top:49%;background:linear-gradient(90deg,transparent,rgba(105,137,255,.52),transparent);transform:rotate(25deg);overflow:hidden}.cloud-node-grid span:after{content:"";position:absolute;inset:0;width:22%;background:linear-gradient(90deg,transparent,#86d8ff,transparent);animation:v311Beam 2.8s linear infinite}.cloud-node-grid span:nth-of-type(2){transform:rotate(-35deg);animation-delay:-1s}.cloud-node-grid span:nth-of-type(3){transform:rotate(72deg);animation-delay:-2s}
.hosting-console{transform-style:preserve-3d;border:1px solid rgba(137,160,255,.34)!important;background:linear-gradient(145deg,rgba(17,31,56,.94),rgba(8,18,35,.98))!important;box-shadow:0 34px 90px rgba(0,0,0,.5),-18px -15px 70px rgba(78,95,220,.08),18px 15px 70px rgba(51,189,218,.05)!important}
.infra-marquee{position:relative;z-index:2;width:100%;overflow:hidden;border-block:1px solid rgba(113,140,215,.13);background:rgba(7,15,29,.72);backdrop-filter:blur(12px)}.infra-marquee>div{display:flex;width:max-content;gap:42px;padding:10px 0;color:#7084a8;font-size:9px;font-weight:800;letter-spacing:.12em;animation:v311Ticker 24s linear infinite}.infra-marquee span{display:flex;align-items:center;gap:7px}.infra-marquee i{width:5px;height:5px;border-radius:50%;background:#61d9a7;box-shadow:0 0 10px #61d9a7}
.live-flow-band{border-color:rgba(127,151,235,.2);background:linear-gradient(115deg,rgba(13,31,53,.9),rgba(26,23,61,.72),rgba(9,38,48,.65));box-shadow:0 25px 65px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)}
.process-command,.community-signal{display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:10px 13px;border:1px solid rgba(120,145,218,.14);border-radius:10px;background:rgba(10,20,38,.68);color:#788aa9;font-size:9px;font-weight:800;letter-spacing:.12em}.process-command b{position:relative;flex:1;height:1px;background:rgba(116,142,221,.16);overflow:hidden}.process-command b i{position:absolute;width:22%;height:1px;background:linear-gradient(90deg,transparent,#85a1ff,transparent);animation:v311Beam 2.3s linear infinite}.process-command em,.community-signal em{color:#68d9ad;font-style:normal}.process-track li{padding:18px!important;border:1px solid rgba(113,138,208,.13);border-radius:14px;background:linear-gradient(145deg,rgba(16,31,54,.7),rgba(9,19,36,.45));box-shadow:0 18px 45px rgba(0,0,0,.09)}.process-track:before{display:none}
#landing .pricing-card{border-color:rgba(119,143,218,.2)!important;background:linear-gradient(150deg,rgba(18,34,59,.98),rgba(11,22,42,.98))!important}.market-pricing:before{content:"";position:absolute;inset:10% -15% 0 45%;pointer-events:none;background:radial-gradient(circle,rgba(110,80,224,.09),transparent 55%)}
.community-signal{margin-bottom:12px}.community-signal span{display:flex;align-items:center;gap:7px}.community-signal span i{width:6px;height:6px;border-radius:50%;background:#65ddb0;box-shadow:0 0 11px #65ddb0;animation:v311Node 2.4s infinite}.community-signal b{width:4px;border-radius:4px;background:#758dff;animation:v310Bars 1.3s infinite}.community-signal b:nth-of-type(1){height:5px}.community-signal b:nth-of-type(2){height:10px;animation-delay:-.3s}.community-signal b:nth-of-type(3){height:15px;animation-delay:-.6s}.community-signal b:nth-of-type(4){height:8px;animation-delay:-.9s}.community-signal em{margin-left:auto}
.community-channels a{overflow:hidden}.community-channels a:after{content:"";position:absolute;width:80px;height:80px;right:-35px;bottom:-45px;border-radius:50%;background:var(--social-glow,rgba(115,139,255,.15));filter:blur(5px);transition:transform .3s}.community-channels a:hover:after{transform:scale(1.5)}.community-channels a:nth-child(1){--social-glow:rgba(255,84,104,.16)}.community-channels a:nth-child(2){--social-glow:rgba(77,176,255,.17)}.community-channels a:nth-child(3){--social-glow:rgba(206,85,226,.17)}.community-channels a:nth-child(4){--social-glow:rgba(62,220,158,.15)}
.market-final{position:relative;overflow:hidden}.market-final:after{content:"";position:absolute;width:240px;height:240px;right:-60px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(110,194,255,.18),transparent 66%);animation:v311Node 5s ease-in-out infinite}
@keyframes v311Beam{from{left:-24%}to{left:110%}}
@keyframes v311Node{0%,100%{transform:scale(.78);opacity:.55}50%{transform:scale(1.18);opacity:1}}
@keyframes v311Ticker{to{transform:translateX(-50%)}}
@media(max-width:720px){.cloud-stage{min-height:0}.cloud-node-grid{inset:-15px;opacity:.65}.infra-marquee>div{gap:28px}.process-command{margin-bottom:14px}.process-track li{padding:14px!important;margin-bottom:10px}.community-signal{overflow:hidden}.community-signal em{display:none}}
@media(prefers-reduced-motion:reduce){.cloud-node-grid i,.cloud-node-grid span:after,.infra-marquee>div,.process-command b i,.community-signal i,.community-signal b,.market-final:after{animation:none!important}}


/* =========================================================
   V312 — AMBIENT CLOUD INFRASTRUCTURE
   Replaces the scrolling ticker with quiet cloud/network motion.
   ========================================================= */
#landing-home{position:relative;isolation:isolate;overflow:hidden}
#landing-home>.ambient-cloud-field{position:absolute;z-index:-1;inset:0;pointer-events:none;overflow:hidden;opacity:.9}
.ambient-cloud-field>i{position:absolute;border-radius:50%;filter:blur(54px);will-change:transform,opacity;animation:v312CloudDrift 20s ease-in-out infinite alternate}
.ambient-cloud-field>i:nth-child(1){width:430px;height:280px;left:-190px;top:6%;background:radial-gradient(circle,rgba(83,113,255,.17),rgba(64,102,223,.06) 48%,transparent 72%)}
.ambient-cloud-field>i:nth-child(2){width:520px;height:320px;right:-260px;top:28%;background:radial-gradient(circle,rgba(64,190,221,.12),rgba(79,94,213,.05) 52%,transparent 74%);animation-delay:-7s;animation-duration:25s}
.ambient-cloud-field>i:nth-child(3){width:460px;height:300px;left:18%;top:66%;background:radial-gradient(circle,rgba(136,94,238,.12),rgba(58,109,209,.045) 54%,transparent 75%);animation-delay:-13s;animation-duration:28s}
.ambient-cloud-field>span{position:absolute;width:48vw;max-width:680px;height:1px;opacity:.22;background:linear-gradient(90deg,transparent,rgba(104,144,255,.55),rgba(93,217,222,.32),transparent);transform:rotate(-13deg);overflow:hidden}
.ambient-cloud-field>span:nth-of-type(1){top:19%;right:-8%}.ambient-cloud-field>span:nth-of-type(2){top:58%;left:-12%;transform:rotate(16deg)}
.ambient-cloud-field>span:after{content:"";position:absolute;top:0;left:-18%;width:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(184,220,255,.9),transparent);animation:v312DataPulse 6.5s linear infinite}
.ambient-cloud-field>span:nth-of-type(2):after{animation-delay:-3.2s;animation-duration:8s}
.ambient-cloud-field>b{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(103,220,183,.9);box-shadow:0 0 0 5px rgba(90,203,179,.035),0 0 18px rgba(83,216,181,.38);animation:v312NodeBreath 4.2s ease-in-out infinite}
.ambient-cloud-field>b:nth-of-type(1){top:17%;right:14%}.ambient-cloud-field>b:nth-of-type(2){top:47%;left:7%;animation-delay:-1.4s}.ambient-cloud-field>b:nth-of-type(3){top:72%;right:9%;animation-delay:-2.7s}
#landing .market-section,#landing .live-flow-band,#landing .market-availability{position:relative;z-index:1}
#landing .market-section:before{content:"";position:absolute;z-index:-1;inset:4% -8%;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,rgba(72,106,194,.035),transparent 62%)}
@keyframes v312CloudDrift{0%{transform:translate3d(-2%,0,0) scale(.96);opacity:.58}50%{transform:translate3d(3%,2%,0) scale(1.06);opacity:.92}100%{transform:translate3d(-1%,5%,0) scale(1.01);opacity:.68}}
@keyframes v312DataPulse{from{transform:translateX(0)}to{transform:translateX(650%)}}
@keyframes v312NodeBreath{0%,100%{opacity:.4;transform:scale(.78)}50%{opacity:1;transform:scale(1.18)}}
@media(max-width:720px){.ambient-cloud-field>i{filter:blur(46px);opacity:.78}.ambient-cloud-field>span{width:75vw;opacity:.16}.ambient-cloud-field>b{opacity:.7}}
@media(prefers-reduced-motion:reduce){.ambient-cloud-field>i,.ambient-cloud-field>span:after,.ambient-cloud-field>b{animation:none!important}}

/* =========================================================
   V313 — VISIBLE CLOUD DEPTH
   Stronger cloud atmosphere, still quiet and content-safe.
   ========================================================= */
#landing-home>.ambient-cloud-field{z-index:0;opacity:1;mix-blend-mode:screen}
#landing-home>.ambient-cloud-field:before,#landing-home>.ambient-cloud-field:after{content:"";position:absolute;pointer-events:none;border-radius:50%;will-change:transform,opacity}
#landing-home>.ambient-cloud-field:before{width:92vw;height:38vw;min-height:260px;left:-24vw;top:18%;background:radial-gradient(ellipse at center,rgba(77,151,255,.18) 0%,rgba(88,103,235,.13) 34%,rgba(35,118,183,.055) 58%,transparent 74%);filter:blur(32px);animation:v313CloudFloat 18s ease-in-out infinite alternate}
#landing-home>.ambient-cloud-field:after{width:88vw;height:42vw;min-height:280px;right:-30vw;top:53%;background:radial-gradient(ellipse at center,rgba(84,214,225,.13) 0%,rgba(112,82,235,.13) 36%,rgba(51,90,183,.05) 60%,transparent 76%);filter:blur(38px);animation:v313MistShift 23s ease-in-out -7s infinite alternate}
.ambient-cloud-field>i{filter:blur(38px);opacity:1!important;mix-blend-mode:screen}
.ambient-cloud-field>i:nth-child(1){width:620px;height:390px;left:-210px;top:2%;background:radial-gradient(ellipse,rgba(95,116,255,.27),rgba(61,121,226,.12) 46%,transparent 73%)}
.ambient-cloud-field>i:nth-child(2){width:680px;height:420px;right:-250px;top:31%;background:radial-gradient(ellipse,rgba(68,202,225,.20),rgba(81,95,230,.10) 50%,transparent 74%)}
.ambient-cloud-field>i:nth-child(3){width:640px;height:400px;left:4%;top:67%;background:radial-gradient(ellipse,rgba(151,93,245,.20),rgba(55,132,218,.09) 52%,transparent 75%)}
.ambient-cloud-field>span{height:1px;opacity:.34;filter:drop-shadow(0 0 5px rgba(101,160,255,.22))}
.ambient-cloud-field>b{width:6px;height:6px;box-shadow:0 0 0 7px rgba(90,203,179,.045),0 0 24px rgba(83,216,181,.55)}
#landing .marketing-hero,#landing .market-section,#landing .live-flow-band,#landing .market-availability,#landing .market-footer{position:relative;z-index:2}
#landing .market-section{background:linear-gradient(180deg,rgba(6,13,26,.12),rgba(8,17,32,.24));border-radius:2px}
#landing .market-section:before{inset:-5% -12%;background:radial-gradient(ellipse at 15% 25%,rgba(65,137,211,.075),transparent 45%),radial-gradient(ellipse at 88% 70%,rgba(120,85,225,.065),transparent 44%)}
@keyframes v313CloudFloat{0%{transform:translate3d(-5%,0,0) scale(.94);opacity:.62}45%{transform:translate3d(5%,3%,0) scale(1.08);opacity:1}100%{transform:translate3d(12%,-2%,0) scale(1.02);opacity:.76}}
@keyframes v313MistShift{0%{transform:translate3d(8%,1%,0) scale(1.02);opacity:.55}50%{transform:translate3d(-3%,-4%,0) scale(1.12);opacity:.92}100%{transform:translate3d(-10%,3%,0) scale(.98);opacity:.68}}
@media(max-width:720px){#landing-home>.ambient-cloud-field:before{width:150vw;height:90vw;left:-65vw;top:13%;filter:blur(27px)}#landing-home>.ambient-cloud-field:after{width:155vw;height:96vw;right:-78vw;top:56%;filter:blur(30px)}.ambient-cloud-field>i{filter:blur(30px)}.ambient-cloud-field>i:nth-child(1){left:-300px}.ambient-cloud-field>i:nth-child(2){right:-350px}.ambient-cloud-field>i:nth-child(3){left:-170px}.marketing-hero{padding-bottom:48px}.market-section{padding-top:48px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){#landing-home>.ambient-cloud-field:before,#landing-home>.ambient-cloud-field:after{animation:none!important}/* v313 reduced motion */}

/* =========================================================
   V314 — CLOUDSCAPE BACKGROUND
   Readable atmospheric cloud banks instead of barely-visible glows.
   ========================================================= */
#landing-home{background:
  radial-gradient(ellipse at 50% -8%,rgba(68,92,180,.20),transparent 34%),
  linear-gradient(180deg,#071022 0%,#06101e 42%,#07111f 100%)}
#landing-home>.ambient-cloud-field{mix-blend-mode:normal;opacity:1;z-index:0}
#landing-home>.ambient-cloud-field:before{width:120vw;height:460px;left:-35vw;top:9%;border-radius:48% 52% 44% 56%/55% 45% 55% 45%;background:
 radial-gradient(ellipse at 18% 62%,rgba(103,142,255,.28) 0 16%,transparent 38%),
 radial-gradient(ellipse at 43% 42%,rgba(76,127,238,.24) 0 19%,transparent 42%),
 radial-gradient(ellipse at 68% 61%,rgba(77,191,226,.17) 0 17%,transparent 40%),
 radial-gradient(ellipse at 82% 40%,rgba(127,99,235,.14) 0 15%,transparent 38%);
 filter:blur(28px);animation:v314CloudBankA 24s ease-in-out infinite alternate}
#landing-home>.ambient-cloud-field:after{width:125vw;height:500px;right:-44vw;top:48%;border-radius:52% 48% 58% 42%/48% 58% 42% 52%;background:
 radial-gradient(ellipse at 20% 48%,rgba(69,205,219,.18) 0 17%,transparent 40%),
 radial-gradient(ellipse at 42% 62%,rgba(69,116,221,.22) 0 20%,transparent 44%),
 radial-gradient(ellipse at 66% 43%,rgba(140,91,235,.20) 0 18%,transparent 42%),
 radial-gradient(ellipse at 84% 62%,rgba(79,145,232,.16) 0 16%,transparent 39%);
 filter:blur(32px);animation:v314CloudBankB 29s ease-in-out -8s infinite alternate}
.ambient-cloud-field>i{border-radius:44% 56% 48% 52%/54% 46% 54% 46%;filter:blur(22px);opacity:.72!important;mix-blend-mode:screen}
.ambient-cloud-field>i:nth-child(1){width:52vw;height:210px;left:-14vw;top:25%;background:radial-gradient(ellipse at 50% 55%,rgba(94,129,238,.22) 0 32%,rgba(62,102,196,.09) 52%,transparent 72%)}
.ambient-cloud-field>i:nth-child(2){width:58vw;height:230px;right:-18vw;top:38%;background:radial-gradient(ellipse at 50% 50%,rgba(67,184,215,.17) 0 30%,rgba(77,93,205,.10) 54%,transparent 73%)}
.ambient-cloud-field>i:nth-child(3){width:62vw;height:240px;left:8vw;top:73%;background:radial-gradient(ellipse at 50% 50%,rgba(131,88,224,.18) 0 30%,rgba(55,119,201,.09) 55%,transparent 74%)}
.ambient-cloud-field>span{opacity:.12!important}.ambient-cloud-field>b{opacity:.45}
#landing .marketing-hero:before{content:"";position:absolute;pointer-events:none;z-index:-1;width:620px;height:620px;right:-250px;top:-180px;background:radial-gradient(circle,rgba(78,146,255,.14),rgba(86,74,218,.07) 38%,transparent 68%);filter:blur(8px);animation:v314HeroHalo 12s ease-in-out infinite alternate}
#landing .market-section,#landing .live-flow-band{backdrop-filter:blur(2px)}
@keyframes v314CloudBankA{0%{transform:translate3d(-5%,0,0) scale(.98);opacity:.72}50%{transform:translate3d(2%,18px,0) scale(1.06);opacity:1}100%{transform:translate3d(8%,-8px,0) scale(1.02);opacity:.82}}
@keyframes v314CloudBankB{0%{transform:translate3d(7%,0,0) scale(1);opacity:.68}50%{transform:translate3d(-2%,-20px,0) scale(1.08);opacity:.96}100%{transform:translate3d(-9%,10px,0) scale(1.01);opacity:.78}}
@keyframes v314HeroHalo{from{transform:translate3d(-2%,0,0) scale(.96);opacity:.55}to{transform:translate3d(4%,4%,0) scale(1.08);opacity:1}}
@media(max-width:720px){
 #landing-home>.ambient-cloud-field:before{width:190vw;height:360px;left:-72vw;top:8%;filter:blur(20px)}
 #landing-home>.ambient-cloud-field:after{width:205vw;height:390px;right:-92vw;top:43%;filter:blur(22px)}
 .ambient-cloud-field>i{filter:blur(18px);opacity:.82!important}
 .ambient-cloud-field>i:nth-child(1){width:125vw;height:180px;left:-52vw;top:22%}
 .ambient-cloud-field>i:nth-child(2){width:135vw;height:200px;right:-64vw;top:37%}
 .ambient-cloud-field>i:nth-child(3){width:140vw;height:210px;left:-28vw;top:70%}
 #landing .marketing-hero:before{width:115vw;height:115vw;right:-62vw;top:-12vw}
}
@media(prefers-reduced-motion:reduce){#landing-home>.ambient-cloud-field:before,#landing-home>.ambient-cloud-field:after,#landing .marketing-hero:before{animation:none!important}}

/* V317 — FINAL DEPTH / CLOUD INFRASTRUCTURE PASS
   Purpose: make the public site feel like a premium cloud product, not a flat admin template. */
#landing-home{position:relative;isolation:isolate;overflow:hidden;background:
 radial-gradient(ellipse 90% 32% at 50% -4%,rgba(75,106,255,.17),transparent 68%),
 linear-gradient(180deg,#030711 0%,#061226 20%,#050b18 43%,#08152a 64%,#050b18 82%,#030711 100%)}
#landing-home:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(120,151,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,151,220,.028) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 0,transparent 34%,#000 56%,transparent 100%)}
#landing-home:after{content:"";position:absolute;z-index:0;pointer-events:none;width:1200px;height:1200px;left:50%;top:420px;transform:translateX(-50%);border-radius:50%;background:conic-gradient(from 180deg,transparent 0 15%,rgba(67,126,255,.06) 24%,transparent 34% 48%,rgba(92,61,226,.07) 59%,transparent 70% 82%,rgba(48,199,226,.055) 91%,transparent);filter:blur(22px);animation:v317CoreRotate 42s linear infinite}
.cloud-atmosphere{z-index:0!important;opacity:1!important}
.cloud-mesh{mix-blend-mode:screen!important;filter:blur(70px)!important}
.cloud-mesh-a{opacity:.78!important}.cloud-mesh-b{opacity:.68!important}.cloud-mesh-c{opacity:.62!important}
.cloud-particles{opacity:.62!important;background-size:72px 72px!important}
.cloud-particles i{width:3px!important;height:3px!important;box-shadow:0 0 18px 5px rgba(91,178,255,.5)!important}
#landing .marketing-hero{min-height:660px;z-index:2;padding-top:76px;padding-bottom:84px}
#landing .marketing-hero-copy{max-width:650px}
#landing .brand-overline{color:#a9b9ff;letter-spacing:.13em}
#landing .marketing-hero h1{font-size:clamp(48px,5.35vw,72px);line-height:1.015;letter-spacing:-.062em;text-wrap:balance}
#landing .marketing-hero h1 em{background:linear-gradient(100deg,#aeb7ff 0%,#8f9cff 38%,#64d9ea 86%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 26px rgba(83,113,255,.16))}
#landing .marketing-hero-copy>p{font-size:17px;max-width:540px;color:#b6c2d8}
#landing .button-market-primary{box-shadow:0 12px 38px rgba(74,93,238,.22),inset 0 1px rgba(255,255,255,.32);position:relative;overflow:hidden}
#landing .button-market-primary:before{content:"";position:absolute;inset:-2px;width:34%;transform:translateX(-160%) skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:v317ButtonSheen 6.5s ease-in-out infinite}
#landing .hero-visual-wrap{perspective:1000px}
#landing .hosting-console{position:relative;transform:rotateY(-2deg) rotateX(1deg);background:linear-gradient(145deg,rgba(14,30,59,.92),rgba(7,17,36,.9));border-color:rgba(128,157,255,.25);box-shadow:0 40px 100px rgba(0,0,0,.52),0 0 0 1px rgba(113,145,255,.045),0 0 95px rgba(55,118,255,.16),0 0 140px rgba(47,206,224,.06);backdrop-filter:blur(20px)}
#landing .hosting-console:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(139,164,255,.22),transparent 30%,transparent 68%,rgba(70,214,225,.16));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;mask-composite:exclude}
#landing .hosting-console:after{content:"";position:absolute;width:180px;height:180px;right:-55px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(91,124,255,.23),transparent 70%);filter:blur(12px);animation:v317ConsolePulse 7s ease-in-out infinite}
#landing .hero-service-list>*{transition:background .25s ease,border-color .25s ease,transform .25s ease}
#landing .hero-service-list>*:hover{background:rgba(90,117,220,.075);transform:translateX(4px)}
#landing .market-availability{border:1px solid rgba(112,142,221,.12);border-left:0;border-right:0;background:linear-gradient(90deg,transparent,rgba(11,28,54,.76) 16%,rgba(12,29,54,.76) 84%,transparent);backdrop-filter:blur(12px)}
#landing .live-flow-band{background:linear-gradient(110deg,rgba(14,31,61,.72),rgba(15,25,55,.64),rgba(8,39,48,.5));border-color:rgba(103,148,230,.18);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.16)}
#landing .market-section{position:relative;border-top:1px solid rgba(124,148,210,.10)}
#landing .market-section:after{content:"";position:absolute;pointer-events:none;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(112,150,255,.18),transparent)}
#landing .market-section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em}
#landing .process-track li{background:linear-gradient(145deg,rgba(13,27,53,.72),rgba(8,18,37,.58));border:1px solid rgba(105,136,207,.13);box-shadow:inset 0 1px rgba(255,255,255,.022),0 20px 50px rgba(0,0,0,.10);backdrop-filter:blur(8px)}
#landing .process-track li:nth-child(2){background:linear-gradient(145deg,rgba(18,25,59,.75),rgba(9,18,38,.58))}
#landing .process-track li:nth-child(3){background:linear-gradient(145deg,rgba(8,38,49,.62),rgba(8,18,37,.58))}
#landing .pricing-grid{gap:18px}
#landing .pricing-card{background:linear-gradient(155deg,rgba(17,34,66,.9),rgba(8,18,38,.88));border-color:rgba(112,145,225,.18);box-shadow:0 22px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
#landing .pricing-card:nth-child(even){background:linear-gradient(155deg,rgba(25,28,67,.88),rgba(9,18,39,.9))}
#landing .pricing-card:hover{transform:translateY(-5px);border-color:rgba(127,156,255,.35);box-shadow:0 30px 70px rgba(0,0,0,.26),0 0 45px rgba(75,111,255,.08)}
#landing .community-channels a{background:linear-gradient(145deg,rgba(14,28,55,.82),rgba(8,18,37,.72));border-color:rgba(107,139,209,.15);min-height:122px}
#landing .community-channels a:nth-child(2){background:linear-gradient(145deg,rgba(12,33,57,.85),rgba(8,19,38,.72))}
#landing .community-channels a:nth-child(3){background:linear-gradient(145deg,rgba(37,24,61,.8),rgba(10,18,39,.72))}
#landing .community-channels a:nth-child(4){background:linear-gradient(145deg,rgba(10,43,47,.74),rgba(8,20,38,.72))}
#landing .market-faq-list details{background:rgba(9,20,40,.42);border-color:rgba(108,137,203,.11);transition:background .2s ease,border-color .2s ease}
#landing .market-faq-list details[open]{background:rgba(15,29,57,.72);border-color:rgba(118,149,225,.2)}
#landing .market-final{background:linear-gradient(115deg,rgba(36,48,104,.86),rgba(29,31,82,.9) 55%,rgba(19,55,72,.8));box-shadow:0 26px 70px rgba(0,0,0,.22),0 0 70px rgba(74,97,255,.07)}
#landing .market-footer{background:linear-gradient(180deg,rgba(6,13,28,.75),#050b17 35%);border-top-color:rgba(112,139,202,.12)}
@keyframes v317CoreRotate{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes v317ButtonSheen{0%,62%{transform:translateX(-180%) skewX(-18deg);opacity:0}70%{opacity:1}86%,100%{transform:translateX(430%) skewX(-18deg);opacity:0}}
@keyframes v317ConsolePulse{0%,100%{transform:scale(.88);opacity:.45}50%{transform:scale(1.12);opacity:.9}}
@media(max-width:720px){
 #landing-home{background:radial-gradient(ellipse 125% 22% at 50% 1%,rgba(76,100,255,.20),transparent 70%),linear-gradient(180deg,#030711 0%,#07142b 25%,#050b18 48%,#09142c 70%,#030711 100%)}
 #landing-home:before{background-size:44px 44px;opacity:.42}
 #landing-home:after{width:780px;height:780px;top:520px;opacity:.7}
 #landing .marketing-hero{padding-top:46px;padding-bottom:56px;gap:34px}
 #landing .marketing-hero h1{font-size:clamp(42px,12vw,55px);line-height:1.02}
 #landing .marketing-hero-copy>p{font-size:15px;line-height:1.65}
 #landing .hero-visual-wrap{display:block!important;margin-top:4px}
 #landing .hosting-console{transform:none;box-shadow:0 28px 70px rgba(0,0,0,.46),0 0 60px rgba(63,114,255,.13)}
 #landing .hosting-console-top{padding:15px 16px}
 #landing .hosting-console-body{padding:18px 16px}
 #landing .hero-service-list{max-height:210px;overflow:hidden}
 #landing .market-availability{margin-top:2px}
 #landing .live-flow-band{background:linear-gradient(145deg,rgba(15,31,62,.8),rgba(10,25,49,.72));padding:16px}
 #landing .live-flow-track{display:grid;grid-template-columns:repeat(5,auto);width:100%;overflow:hidden;gap:4px}
 #landing .live-flow-track b{display:none}
 #landing .live-flow-track span{font-size:9px;justify-content:center}
 #landing .market-section{padding-top:58px;padding-bottom:58px}
 #landing .market-section h2{font-size:38px}
 #landing .process-track li{padding:20px 18px}
 #landing .pricing-card:hover{transform:none}
 #landing .community-channels{gap:12px}
 #landing .community-channels a{min-height:112px}
}
@media(prefers-reduced-motion:reduce){#landing-home:after,#landing .button-market-primary:before,#landing .hosting-console:after{animation:none!important}}