@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap');

/* Shared public shell: same visual language as the home page. */
body.public-unified{--shell-bg:var(--bg,#06070b);--shell-surface:var(--surface,var(--panel,rgba(18,20,30,.72)));--shell-solid:var(--solid,var(--panel-solid,#12141e));--shell-line:var(--line,rgba(255,255,255,.1));--shell-text:var(--text,#f7f7fb);--shell-muted:var(--muted,#969aaa);--shell-purple:var(--purple,var(--brand,#8d70ff));--shell-cyan:var(--cyan,#60d9ff);--shell-green:var(--green,#61e6ac);font-family:Manrope,Inter,system-ui,sans-serif;background:var(--shell-bg)}
body.public-unified h1,body.public-unified h2{font-family:Unbounded,Manrope,sans-serif}

/* Cosmic background used on every public page. */
.public-cosmos{position:fixed;z-index:-2;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(102,76,215,.16),transparent 40%),linear-gradient(180deg,var(--shell-bg),color-mix(in srgb,var(--shell-bg) 86%,#12172a 14%) 55%,var(--shell-bg))}
.public-cosmos:after{position:absolute;inset:0;content:"";opacity:.2;background-image:radial-gradient(circle,rgba(255,255,255,.72) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
html[data-theme=light] .public-cosmos:after{opacity:.08}.public-aurora{position:absolute;width:54vw;height:54vw;border-radius:50%;filter:blur(110px);opacity:.13}.public-aurora.one{top:8%;left:-28%;background:#835fff}.public-aurora.two{top:38%;right:-31%;background:#3bd5ff}.public-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:var(--o);animation:publicTwinkle var(--d) ease-in-out infinite alternate}.public-meteor{position:absolute;top:-180px;width:1px;height:145px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.22) 48%,#fff);filter:drop-shadow(0 0 7px rgba(132,176,255,.85));animation:publicStarfall 6.8s linear infinite;opacity:0}.public-meteor:after{position:absolute;right:-2px;bottom:-2px;width:5px;height:5px;border-radius:50%;background:#fff;content:"";box-shadow:0 0 14px #fff}.public-meteor.m1{left:13%;animation-delay:.4s}.public-meteor.m2{left:39%;animation-delay:2.7s}.public-meteor.m3{left:68%;animation-delay:4.2s}.public-meteor.m4{left:88%;animation-delay:5.5s}@keyframes publicTwinkle{to{opacity:.12;transform:scale(.55)}}@keyframes publicStarfall{0%{opacity:0;transform:translateY(-12vh)}8%{opacity:1}54%{opacity:.85}70%,100%{opacity:0;transform:translateY(125vh)}}

/* One header everywhere. Controls intentionally sit before Profile. */
body.public-unified .site-header{position:fixed;z-index:100;top:0;right:0;left:0;padding:0;border-bottom:1px solid var(--shell-line);background:color-mix(in srgb,var(--shell-bg) 70%,transparent);backdrop-filter:blur(22px) saturate(1.15);pointer-events:auto}
body.public-unified .nav-wrap{display:flex;width:min(1240px,calc(100% - 48px));height:82px;align-items:center;justify-content:space-between;gap:24px;margin:auto}
body.public-unified .brand{display:inline-flex;align-items:center;gap:11px;color:var(--shell-text);font-size:inherit;letter-spacing:normal}
body.public-unified .brand-logo{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(145deg,#9c8aff,#6a4ee1);box-shadow:0 10px 28px rgba(100,69,220,.34)}
body.public-unified .brand-logo img{width:100%;height:100%;object-fit:cover}.public-unified .brand-word{font-family:Unbounded,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.06em}.public-unified .brand-word span{color:var(--shell-purple)}
body.public-unified .desktop-nav{display:flex;align-items:center;gap:30px;margin:0;color:var(--shell-muted);font-size:14px;font-weight:700}
body.public-unified .desktop-nav a{position:relative;padding:0;color:inherit;background:none;transition:color .2s}.public-unified .desktop-nav a:after{position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:2px;background:var(--shell-purple);content:"";transform:scaleX(0);transition:transform .2s}.public-unified .desktop-nav a:hover{color:var(--shell-text)}.public-unified .desktop-nav a:hover:after{transform:scaleX(1)}
body.public-unified .header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.public-unified .profile-link{padding:8px 4px;color:var(--shell-muted);font-size:12px;font-weight:750;white-space:nowrap}.public-unified .profile-link:hover{color:var(--shell-text)}
.public-unified .profile-controls{display:flex;align-items:center;gap:7px}.public-unified .language-toggle{display:flex;min-height:38px;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--shell-line);border-radius:12px;color:var(--shell-muted);background:var(--shell-surface);font-size:11px;font-weight:850;cursor:pointer}.public-unified .language-toggle span:first-child{color:var(--shell-text)}html[lang=en] .public-unified .language-toggle span:first-child{color:var(--shell-muted)}html[lang=en] .public-unified .language-toggle span:last-child{color:var(--shell-text)}
.public-unified .theme-toggle,.public-unified .menu-button{display:grid;border:0;color:var(--shell-text);background:none;cursor:pointer}.public-unified .theme-toggle{place-items:center;padding:4px}.public-unified .theme-track{position:relative;width:54px;height:30px;border:1px solid var(--shell-line);border-radius:99px;background:var(--shell-surface)}.public-unified .theme-thumb{position:absolute;top:3px;left:3px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:#30275a;background:#f5e692;box-shadow:0 3px 8px rgba(0,0,0,.2);transition:transform .35s,background .35s}.public-unified .theme-thumb span{position:absolute;font-size:13px}.public-unified .moon{opacity:0}html[data-theme=light] .public-unified .theme-thumb{transform:translateX(24px);color:#fff;background:#5c45bb}html[data-theme=light] .public-unified .sun{opacity:0}html[data-theme=light] .public-unified .moon{opacity:1}
.public-unified .profile-button{display:inline-flex;min-height:42px!important;align-items:center;justify-content:center;padding:0 16px!important;border:1px solid var(--shell-line)!important;border-radius:14px!important;color:var(--shell-text)!important;background:var(--shell-surface)!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important;white-space:nowrap;transition:transform .2s,border-color .2s,background .2s}.public-unified .profile-button:hover{border-color:color-mix(in srgb,var(--shell-purple) 45%,var(--shell-line))!important;transform:translateY(-2px)}
.public-unified .menu-button{position:relative;display:none;width:42px;height:42px;place-items:center;border:1px solid var(--shell-line);border-radius:12px;background:var(--shell-surface)}.public-unified .menu-button span{position:absolute;width:17px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s}.public-unified .menu-button span:first-child{transform:translateY(-4px)}.public-unified .menu-button span:last-child{transform:translateY(4px)}.public-unified .menu-button[aria-expanded=true] span:first-child{transform:rotate(45deg)}.public-unified .menu-button[aria-expanded=true] span:last-child{transform:rotate(-45deg)}
.public-unified .mobile-menu{display:none}

/* Secondary pages receive header clearance without changing their internal grids. */
.public-unified:not(.home-page):not(.service-page) main{margin-top:82px}.public-unified .legal-main{padding-top:58px}.public-unified .store-main{padding-top:58px}.public-unified .updates-main,.public-unified .documents-main,.public-unified .wizard-main{padding-top:64px}
.public-unified .legal-top{display:none!important}.public-unified .store-header,.public-unified .updates-header,.public-unified .docs-header,.public-unified .guide-header{display:none!important}

/* Home/service header order and compact controls. */
.home-page .profile-controls,.service-page .profile-controls{order:3}.home-page .profile-button,.service-page .profile-button{order:4}.home-page .menu-button,.service-page .menu-button{order:5}

/* Shared premium depth for internal cards. */
.public-unified .legal-card,.public-unified .store-hero,.public-unified .product-card,.public-unified .company-card,.public-unified .updates-feed article,.public-unified .document-view,.public-unified .documents-sidebar,.public-unified .wizard-step,.public-unified .instruction-summary,.public-unified .instruction-card,.public-unified .device-choice-grid button,.public-unified .app-choice-grid button,.public-unified .document-card{transform-style:preserve-3d;backdrop-filter:blur(18px);transition:transform .14s ease-out,border-color .25s,box-shadow .25s}
.public-unified .product-card:hover,.public-unified .company-card:hover,.public-unified .updates-feed article:hover,.public-unified .document-card:hover{border-color:color-mix(in srgb,var(--shell-purple) 42%,var(--shell-line));box-shadow:0 30px 70px rgba(0,0,0,.24)}
.public-unified .legal-card:after,.public-unified .store-hero:before{pointer-events:none}

/* Language curtain reused on all secondary pages. */
.public-language-curtain{position:fixed;z-index:10001;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none}.public-language-curtain:before,.public-language-curtain:after{position:absolute;top:0;bottom:0;width:51%;content:"";background:color-mix(in srgb,var(--shell-bg) 92%,#dce6ff 8%);transition:transform .42s cubic-bezier(.76,0,.24,1)}.public-language-curtain:before{left:0;transform:translateX(-102%)}.public-language-curtain:after{right:0;transform:translateX(102%)}.public-language-curtain.run:before,.public-language-curtain.run:after{transform:none}.public-language-curtain.done:before{transform:translateX(-102%)}.public-language-curtain.done:after{transform:translateX(102%)}.public-language-curtain span{z-index:1;padding:13px 18px;border:1px solid var(--shell-line);border-radius:999px;opacity:0;color:var(--shell-text);background:var(--shell-surface);font:800 12px/1 Manrope,sans-serif;letter-spacing:.16em;transform:translateY(10px);transition:.2s .2s}.public-language-curtain.run span{opacity:1;transform:none}.public-language-curtain.done span{opacity:0;transition-delay:0s}.public-language-curtain i{margin:0 8px;color:var(--shell-cyan);font-style:normal}

@media(max-width:1120px){.public-unified .profile-link{display:none}.public-unified .desktop-nav{gap:20px}}
@media(max-width:860px){body.public-unified .nav-wrap{width:min(100% - 28px);height:70px}.public-unified .desktop-nav,.public-unified .profile-button{display:none}.public-unified .menu-button{display:grid}.public-unified .mobile-menu{position:fixed;z-index:99;top:70px;right:0;left:0;display:grid;gap:8px;padding:18px 20px 28px;border-bottom:1px solid var(--shell-line);background:color-mix(in srgb,var(--shell-bg) 88%,transparent);backdrop-filter:blur(24px);transform:translateY(-130%);transition:transform .3s}.public-unified .mobile-menu.open{transform:none}.public-unified .mobile-menu>a:not(.button){padding:13px 4px;border-bottom:1px solid var(--shell-line);color:var(--shell-text);font-weight:700}.public-unified .mobile-menu .button{display:flex;min-height:48px;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#9a7cff,#6d50e8);font-weight:800}.public-unified:not(.home-page):not(.service-page) main{margin-top:70px}.public-unified .documents-main,.public-unified .updates-main,.public-unified .wizard-main,.public-unified .store-main,.public-unified .legal-main{padding-top:42px}}
@media(max-width:520px){body.public-unified .brand-logo{width:37px;height:37px;border-radius:12px}.public-unified .brand-word{font-size:17px}.public-unified .profile-controls{gap:4px}.public-unified .language-toggle{min-height:34px;padding:0 8px}.public-unified .language-toggle b{display:none}.public-unified .theme-track{width:50px}.public-unified .theme-thumb{width:22px}.public-unified .footer-socials{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.public-meteor,.public-star{animation:none!important}}
