/* NecoCloud Liquid Glass — public experience */
:root{
  --neco-blue:#0867ff;--neco-cyan:#31b8ff;--neco-deep:#041b4d;
  --neco-ink:#081b3a;--neco-muted:#5e718e;--neco-line:rgba(69,126,205,.2);
  --neco-glass:rgba(255,255,255,.66);--neco-glass-strong:rgba(255,255,255,.86);
  --neco-shadow:0 24px 70px rgba(18,66,140,.13),inset 0 1px 0 rgba(255,255,255,.9);
}
html{scroll-padding-top:110px}
body.neco-liquid{background:#f5faff;color:var(--neco-ink)}
.neco-liquid :focus-visible{outline:3px solid rgba(8,103,255,.42);outline-offset:3px}
.neco-liquid main{position:relative;z-index:1}
.ambient-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(145deg,#fbfdff 0%,#eef7ff 48%,#f7fbff 100%)}
.ambient-layer span{position:absolute;border-radius:999px;filter:blur(2px);opacity:.54;animation:ambient-drift 18s ease-in-out infinite alternate}
.ambient-layer span:nth-child(1){width:42vw;height:42vw;left:-16vw;top:12vh;background:radial-gradient(circle,rgba(47,163,255,.22),transparent 67%)}
.ambient-layer span:nth-child(2){width:48vw;height:48vw;right:-18vw;top:-16vw;background:radial-gradient(circle,rgba(8,103,255,.2),transparent 68%);animation-delay:-7s}
.ambient-layer span:nth-child(3){width:34vw;height:34vw;right:16vw;bottom:-15vw;background:radial-gradient(circle,rgba(104,207,255,.18),transparent 65%);animation-delay:-12s}
.site-header{position:fixed;top:14px;transition:top .3s,transform .3s}
.site-header.is-scrolled{top:8px}
.nav-shell{height:76px;border-color:rgba(255,255,255,.88);background:rgba(255,255,255,.68);box-shadow:0 18px 55px rgba(19,67,137,.12),inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}
.nav-shell::before{content:"";position:absolute;inset:1px;border-radius:22px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.52),transparent 38%,rgba(83,176,255,.08))}
.brand,.site-nav,.nav-auth-actions,.user-nav-menu,.menu-toggle{position:relative;z-index:1}
.brand img{filter:drop-shadow(0 5px 12px rgba(7,87,255,.12))}
.site-nav>a,.nav-dropdown>button{position:relative}
.site-nav>a{padding:20px 0}
.site-nav>a::after,.nav-dropdown>button::after{content:"";position:absolute;left:0;right:100%;bottom:11px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--neco-blue),var(--neco-cyan));transition:right .25s}
.site-nav>a:hover::after,.nav-dropdown>button:hover::after{right:0}
.dropdown-panel,.user-account-dropdown{border:1px solid rgba(255,255,255,.82)!important;background:rgba(249,252,255,.82)!important;box-shadow:var(--neco-shadow)!important;backdrop-filter:blur(28px) saturate(150%)}
.nav-login,.button,.nav-create-account{transition:transform .25s,box-shadow .25s,background .25s}
.nav-login:hover,.nav-create-account:hover{transform:translateY(-2px)}
.button{border:1px solid rgba(255,255,255,.28);border-radius:16px;background:linear-gradient(135deg,#0874ff,#0754e8);box-shadow:0 14px 32px rgba(8,103,255,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.button::after{content:"";position:absolute;inset:1px;border-radius:14px;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 46%);pointer-events:none}
.button{position:relative;overflow:hidden}
.button-outline{background:rgba(255,255,255,.72);border-color:rgba(8,103,255,.2);color:var(--neco-blue);box-shadow:0 12px 30px rgba(18,70,145,.09),inset 0 1px 0 #fff}
.hero,.service-hero,.inner-hero{background:transparent}
.hero{min-height:820px;padding-top:155px}
.hero::before{opacity:.7;background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.hero-copy h1,.service-hero h1{color:var(--neco-deep);text-wrap:balance}
.hero h1 span,.split-heading h2 span{background:linear-gradient(110deg,var(--neco-blue),#239fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{padding:8px 12px;border:1px solid rgba(8,103,255,.13);border-radius:999px;background:rgba(255,255,255,.5);backdrop-filter:blur(12px)}
.server-scene,.art-frame{border:1px solid rgba(255,255,255,.92);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(194,225,255,.44));box-shadow:0 35px 90px rgba(12,68,150,.18),inset 0 1px 0 #fff;backdrop-filter:blur(20px)}
.server-scene::after,.art-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.55),transparent 34%);pointer-events:none}
.metric-card{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.72);box-shadow:0 18px 45px rgba(16,69,143,.16),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
.cloud-core{background:linear-gradient(145deg,#168dff,#064cdb);box-shadow:0 28px 75px rgba(8,103,255,.4),inset 0 2px 1px rgba(255,255,255,.34)}
.logo-strip{position:relative;z-index:2;border-color:rgba(69,126,205,.14);background:rgba(255,255,255,.52);backdrop-filter:blur(18px)}
.section{position:relative}
.section-heading,.split-heading,.inner-hero .container{animation:surface-in .7s cubic-bezier(.2,.75,.25,1) both}
.services-section,.featured-section,.plan-section,.promise-section,.faq-section,.legal-section{background:transparent}
.service-card,.compact-plan,.plan-card,.promise-grid,.legal-layout aside,.legal-content,.knowledge-card,.blog-card,.support-card{
  border:1px solid rgba(255,255,255,.85)!important;background:var(--neco-glass)!important;
  box-shadow:var(--neco-shadow);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)
}
.service-card{border-radius:30px;transform-style:preserve-3d}
.service-card:hover,.compact-plan:hover,.plan-card:hover{transform:translateY(-8px);box-shadow:0 30px 85px rgba(18,67,140,.18),inset 0 1px 0 #fff}
.service-card-art{margin:12px;border-radius:21px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.service-card-body{padding-left:24px}
.compact-plan,.plan-card{overflow:hidden;position:relative}
.compact-plan::before,.plan-card::before,.promise-grid::before{content:"";position:absolute;width:160px;height:160px;right:-75px;top:-75px;border-radius:50%;background:radial-gradient(circle,rgba(52,166,255,.18),transparent 70%);pointer-events:none}
.why-section{background:linear-gradient(145deg,#031536 0%,#062660 58%,#041a45 100%)}
.why-section::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(77,142,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(77,142,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent)}
.why-section>.container{position:relative;z-index:1}
.feature-bento article{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(20px)}
.cta-card{border:1px solid rgba(255,255,255,.32);background:linear-gradient(120deg,rgba(9,108,255,.96),rgba(4,63,177,.94));box-shadow:0 30px 80px rgba(7,87,255,.27),inset 0 1px 0 rgba(255,255,255,.4);backdrop-filter:blur(20px)}
.site-footer{position:relative;z-index:1;background:linear-gradient(145deg,#03122f,#061f50)}
.floating-support{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.75);backdrop-filter:blur(22px);box-shadow:0 18px 45px rgba(7,40,94,.2);transition:transform .25s}
.floating-support:hover{transform:translateY(-4px) scale(1.02)}
.billing-toggle{border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.46);box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(15px)}
.billing-toggle button.active{background:rgba(255,255,255,.9)}
.faq-list details{padding:22px 18px;border:1px solid transparent;border-bottom-color:var(--neco-line);border-radius:14px;transition:background .25s,border-color .25s}
.faq-list details[open]{border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.6);box-shadow:0 16px 38px rgba(18,66,140,.08)}
.inner-hero{padding-top:170px}

/* Game identities */
.theme-minecraft{--neco-blue:#43a047;--neco-cyan:#8bc34a;--neco-deep:#17351c}
.theme-minecraft .ambient-layer{background:linear-gradient(145deg,#f8fbf1,#e7f1da)}
.theme-minecraft .service-hero{background:linear-gradient(rgba(237,247,226,.78),rgba(225,239,210,.7))}
.theme-minecraft .service-backdrop{opacity:.95;background-image:linear-gradient(rgba(49,93,35,.075) 2px,transparent 2px),linear-gradient(90deg,rgba(49,93,35,.075) 2px,transparent 2px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.theme-minecraft .art-frame{border-radius:6px;box-shadow:14px 14px 0 rgba(41,91,40,.15),0 35px 80px rgba(25,73,30,.18)}
.theme-minecraft .button,.theme-minecraft .plan-badge{border-radius:4px;background:linear-gradient(#54b856,#298b39);box-shadow:0 7px 0 #176127,0 16px 30px rgba(32,112,48,.22)}
.theme-minecraft .plan-card{border-radius:8px}
.theme-minecraft .plan-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-top:5px solid rgba(85,156,68,.38)}
.theme-hytale{--neco-blue:#20c9c3;--neco-cyan:#7de0d9;--neco-deep:#f4fbff;color:#eef8fb}
.theme-hytale .ambient-layer{background:linear-gradient(145deg,#04111f,#062535 55%,#071624)}
.theme-hytale .service-hero{background:rgba(3,19,30,.45)}
.theme-hytale .site-header .nav-shell{background:rgba(7,26,39,.7);border-color:rgba(144,226,225,.2);color:#eefcff}
.theme-hytale .site-header .brand img{filter:none}
.theme-hytale .menu-toggle span{background:#fff}
.theme-hytale .hero-copy h1,.theme-hytale .plan-heading h2,.theme-hytale .faq-grid h2{color:#f2fbff}
.theme-hytale .hero-copy>p,.theme-hytale .plan-heading p,.theme-hytale .faq-grid p,.theme-hytale .plan-title p,.theme-hytale .plan-note{color:#a9c2cc}
.theme-hytale .plan-card,.theme-hytale .promise-grid,.theme-hytale .faq-list details[open]{border-color:rgba(125,224,217,.17)!important;background:rgba(8,37,50,.66)!important;box-shadow:0 25px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08)}
.theme-hytale .plan-card,.theme-hytale .plan-card h3,.theme-hytale .plan-price,.theme-hytale .promise-grid h3{color:#f3fbff}
.theme-hytale .plan-features,.theme-hytale .faq-list details{border-color:rgba(152,207,211,.16)}
.theme-hytale .promise-section,.theme-hytale .plan-section,.theme-hytale .faq-section{background:transparent}
.theme-hytale .billing-toggle{border-color:rgba(125,224,217,.18);background:rgba(5,28,39,.65)}
.theme-hytale .billing-toggle button{color:#a9cbd0}.theme-hytale .billing-toggle button.active{background:rgba(31,201,195,.18);color:#fff}
.theme-hytale .site-footer{border-top:1px solid rgba(125,224,217,.15)}

@keyframes ambient-drift{to{transform:translate3d(4vw,3vh,0) scale(1.08)}}
@keyframes surface-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1000px){.hero{min-height:auto}.service-card-art{margin:8px}.nav-shell{height:72px}.site-header{top:8px}}
@media(max-width:820px){.nav-shell{background:rgba(255,255,255,.86)}.site-nav{border:1px solid rgba(255,255,255,.92);background:rgba(248,252,255,.92);box-shadow:var(--neco-shadow);backdrop-filter:blur(24px)}.site-nav>a{padding:9px 0}.site-nav>a::after,.nav-dropdown>button::after{bottom:0}.theme-hytale .site-nav{background:rgba(5,27,39,.96);border-color:rgba(125,224,217,.17)}.theme-hytale .site-nav a,.theme-hytale .nav-dropdown>button{color:#fff}.logo-strip .container{overflow:auto;gap:35px}.logo-strip .container>div{min-width:max-content}.service-card-art{margin:0;border-radius:0}.cta-card{padding:42px 28px}}
@media(max-width:560px){.ambient-layer span{opacity:.35}.site-header{top:6px}.nav-shell{width:calc(100% - 20px);padding-inline:14px;border-radius:19px}.nav-shell::before{border-radius:18px}.brand img{width:138px}.hero{padding-top:125px}.hero h1{font-size:42px}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.trust-row{gap:18px;justify-content:space-between}.server-scene{border-radius:25px}.section{padding-block:78px}.service-card{border-radius:22px}.cta-card{border-radius:24px}.floating-support strong{display:none}}