/* StratoHost / brand system 2026.10 */
:root{--sh-blue:#3c64b1;--sh-bg:#090e18;--sh-panel:#121b2b;--sh-border:#253249;--sh-text:#f5f7fc;--sh-muted:#a0adc2}
body.sh-v4{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#090e18!important;color:#f5f7fc;line-height:1.65;-webkit-font-smoothing:antialiased}body.sh-v4 :focus-visible{outline:2px solid #95b6ff;outline-offset:4px}body.sh-v4 ::selection{background:#4169b9;color:#fff}
.sh-v4 .bg-white,.sh-v4 .dark\:bg-gray-800,.sh-v4 .dark\:bg-slate-800{background-color:#121b2b!important}.sh-v4 .bg-gray-50,.sh-v4 .bg-gray-100,.sh-v4 .dark\:bg-gray-900{background-color:#090e18!important}.sh-v4 header{background:#090e18f5!important;border-color:#233047!important;box-shadow:none!important}.sh-v4 header nav{min-height:54px}.sh-v4 header nav a{transition:color .18s}.sh-v4 header nav a:hover{color:#aac6ff!important}.sh-v4 .sh-official-brand{display:flex;align-items:center;gap:10px;color:#f7f9ff!important;font-size:20px;font-weight:760;letter-spacing:-.7px;text-decoration:none}.sh-official-brand img{width:43px!important;height:43px!important;object-fit:contain;background:none!important}.sh-v4 .sh-official-brand span{color:#f5f7ff}.sh-v4 .sh-official-brand em{font-style:normal;color:#8faeef}.sh-v4 .bg-blue-600{background:#3c64b1!important}.sh-v4 .text-blue-600{color:#9ebeff!important}.sh-v4 button,.sh-v4 a[class*="bg-blue"],.sh-v4 input,.sh-v4 select,.sh-v4 textarea{font-family:inherit}.sh-v4 input:not([type=checkbox]):not([type=radio]),.sh-v4 select,.sh-v4 textarea{border-color:#32415c!important;background:#0c1422!important;border-radius:10px!important;color:#eef3ff!important;min-height:43px}.sh-v4 input:focus,.sh-v4 select:focus,.sh-v4 textarea:focus{border-color:#80a5ef!important;box-shadow:0 0 0 3px #4b74c629!important}.sh-v4 .rounded-xl,.sh-v4 .rounded-2xl{border-radius:14px}.sh-v4 .border-gray-200,.sh-v4 .border-gray-300{border-color:#29364d!important}.sh-v4 footer{background:#0c1321!important;border-color:#233147!important}.sh-v4 table thead{background:#182235}.sh-v4 table td{border-color:#263247}.sh-v4 a, .sh-v4 button{touch-action:manipulation}
/* Editorial storefront */
.sh-v4 .sx{background:#090e18;--sx-muted:#a0aec5;--sx-line:#2a374d}.sh-v4 .sx-wrap{max-width:1240px;padding-inline:32px}.sh-v4 .sx-hero{padding:85px 0 75px;background:radial-gradient(ellipse at 85% 30%,#233c6d55,transparent 45%),#090e18;border-bottom:1px solid #253047}.sh-v4 .sx-hero-grid{grid-template-columns:1.1fr 1fr;gap:65px}.sh-v4 .sx h1{font-size:clamp(45px,5.6vw,72px);font-weight:750;letter-spacing:-.06em;line-height:1.07;margin-bottom:25px}.sh-v4 .sx h1 span{color:#8fb2fc}.sh-v4 .sx-lead{font-size:16px;line-height:1.9;max-width:510px}.sh-v4 .sx-eyebrow{font-size:10px;letter-spacing:.18em;color:#96b5ee;margin-bottom:24px}.sh-v4 .sx-dot{background:#89adea;box-shadow:0 0 0 5px #3c64b11f}.sh-v4 .sx-btn{border-radius:9px;border-color:#334462;background:#18253d;font-size:13px;font-weight:650;min-height:49px;box-shadow:none}.sh-v4 .sx-btn-primary{background:#426bb9;border-color:#6288d1}.sh-v4 .sx-btn-primary:hover{background:#517bca}.sh-v4 .sx-trust{font-size:11px;gap:20px;color:#94a4bc;margin-top:27px}.sh-v4 .sx-trust span:before{color:#84aca5}.sh-v4 .sx-feature{border-radius:18px;padding:0;background:#111c30;border-color:#354b71;box-shadow:0 30px 75px #0003;overflow:hidden}.sh-v4 .sx-feature:before{display:none}.sh-screen-bar{display:flex;align-items:center;gap:6px;padding:14px 20px;border-bottom:1px solid #2a3b57;background:#17243b}.sh-screen-bar i{width:6px;height:6px;border-radius:50%;background:#5d769f}.sh-screen-bar span{margin-left:auto;color:#8ea3c2;font-size:10px}.sh-screen-body{padding:26px}.sh-screen-label{font-size:10px;letter-spacing:.15em;color:#87a8de;margin-bottom:12px}.sh-v4 .sx-feature h2{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:680}.sh-v4 .sx-feature p{font-size:12px;color:#93a8c7;line-height:1.8}.sh-v4 .sx-feature .sx-price{font-size:36px;margin-top:21px}.sh-v4 .sx-feature .sx-price-note{font-size:10px;color:#8ea6c9;margin-bottom:20px}.sh-v4 .sx-feature-foot{margin-top:18px;color:#849bbc;font-size:10px}.sh-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.sh-rack>span{padding:12px 8px;background:#192943;border:1px solid #2d4263;border-radius:7px;text-align:center}.sh-rack b{display:block;color:#abc7f7;font-size:12px;font-weight:600}.sh-rack small{display:block;font-size:9px;color:#839bbb;margin-top:3px}.sh-v4 .sx-section{padding:68px 0;border-color:#253047}.sh-v4 .sx-kicker{font-size:10px;color:#88a9e4;letter-spacing:.18em}.sh-v4 .sx-title{font-size:36px!important;font-weight:680!important}.sh-v4 .sx-card{background:#111a2b;border:1px solid #28364c;padding:26px;border-radius:13px}.sh-v4 .sx-card:first-child{background:#14233c;border-color:#416296}.sh-v4 .sx-card:hover{border-color:#6b8bc3;transform:translateY(-4px)}.sh-v4 .sx-card-index{width:35px;height:35px;border:1px solid #3d5479;border-radius:9px;display:grid;place-items:center;color:#a9c5f5;margin-bottom:23px;font-size:10px}.sh-v4 .sx-card h3{font-size:25px;font-weight:700}.sh-v4 .sx-card small{color:#8aa9dc}.sh-v4 .sx-card .sx-price{font-size:29px}.sh-v4 .sx-card .sx-btn{font-size:11px;background:#1b2c48;border-color:#3a506f}.sh-v4 .sx-step{border-color:#415779}.sh-v4 .sx-step b{color:#8daeea}.sh-v4 .sx-help{background:#13233c;border:1px solid #344b72;box-shadow:none;border-radius:13px}.sh-v4 .sx-hero canvas,.sh-v4 .sx-hero .particles,.sh-v4 .sx-hero #particles-js{opacity:.2!important}.sh-v4 .sh-network{background:#0d1421}.sh-v4 .sh-network:before{opacity:.2}
/* Account, store and information pages */
.sh-v4 .sh-secondary{background:#090e18}.sh-v4 .sp-shell{padding-top:35px}.sh-v4 .sp-hero{padding-bottom:50px}.sh-v4 .sp-feature{background:#15233a;border-color:#354866;box-shadow:none;border-radius:14px}.sh-v4 .sp-card{background:#121d2e;border-color:#2c3b54;border-radius:13px}.sh-v4 .sp-button.primary{background:#3c64b1;border-color:#6389ce}.sh-v4 .sp-shell h1{font-weight:720;letter-spacing:-.045em}.sh-v4 .sp-shell h1 span{color:#93b3ef}.sh-v4 .sp-kicker,.sh-v4 .sp-number{color:#8daeea}.sh-v4 .sp-callout{background:#15243d;border-color:#354d73}.sh-v4 .sh-legal{background:#0b1321}.sh-v4 .sh-auth>div>div:first-child{background:radial-gradient(ellipse at 0 0,#34538188,transparent 60%),#111e33!important}.sh-v4 .sh-auth .bg-gradient-to-br{background:#14233c!important}.sh-v4 .sh-auth h2{font-size:38px;letter-spacing:-1.3px;line-height:1.2}.sh-v4 .sh-auth-card{border:1px solid #2d3d58;border-radius:17px;box-shadow:0 25px 65px #0002}.sh-v4 .shadow-lg,.sh-v4 .shadow-xl{box-shadow:0 8px 35px #0002}.sh-v4 .text-gray-700,.sh-v4 .text-gray-600,.sh-v4 .text-gray-500{color:#a2afc4!important}
@media(max-width:900px){.sh-v4 .sx-hero-grid{gap:30px}.sh-v4 .sx-wrap{padding-inline:24px}.sh-v4 .sx-hero{padding-block:55px}.sh-v4 .sx h1{font-size:48px}.sh-v4 .sx-trust{gap:12px}}
@media(max-width:700px){.sh-v4 .sx-hero-grid{grid-template-columns:1fr;gap:35px}.sh-v4 .sx-hero{padding-block:40px}.sh-v4 .sx h1{font-size:46px}.sh-v4 .sx-lead{font-size:14px}.sh-v4 .sx-wrap{padding-inline:20px}.sh-v4 .sx-feature h2{font-size:26px}.sh-screen-body{padding:22px}.sh-v4 .sx-title{font-size:29px!important}.sh-v4 .sx-section{padding-block:48px}.sh-v4 .sh-official-brand{font-size:17px}.sh-official-brand img{width:34px!important;height:34px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body.sh-v4{background:white!important;color:#111!important}.sh-v4 .bg-white,.sh-v4 table,.sh-v4 td{background:white!important;color:#111!important}}
@media(min-width:640px){.sh-v4 header .hs-overlay{background:transparent!important}}.sh-v4 .particles-js-canvas-el{opacity:.22!important}.sh-v4.sh-auth form button[type=submit]{background:#3c64b1!important;border-color:#6488cf!important}.sh-v4.sh-auth .from-blue-700{background:radial-gradient(ellipse at 0 0,#34538166,transparent 60%),#111e33!important}
.sh-store{background:#090e18;min-height:60vh}.sh-store-head{max-width:1240px;margin:auto;padding:55px 32px 42px;border-bottom:1px solid #25364e}.sh-store-head>a{font-size:11px;color:#8fa4c4}.sh-store-head>span{display:block;color:#8face0;font-size:10px;letter-spacing:.18em;margin:23px 0 12px}.sh-store-head h1{font-size:43px;letter-spacing:-1.5px;font-weight:700;margin:0 0 12px}.sh-store-head p{color:#9eb0c8;font-size:14px;max-width:660px;line-height:1.9}.sh-store-head nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sh-store-head nav a{font-size:11px;color:#c1d3f2;background:#17263e;border:1px solid #334a6b;padding:8px 13px;border-radius:8px}.sh-store-card{background:#121e31!important;border-color:#30415d!important;border-radius:13px!important;box-shadow:none!important}.sh-store-image{height:130px!important;background:linear-gradient(145deg,#253c61,#17253b)!important;border-radius:12px 12px 0 0!important}.sh-store-image img{max-height:85px;max-width:100%;object-fit:contain}.sh-store-card h3{font-size:22px;letter-spacing:-.5px}.sh-store-product-head{background:#1b2e4b!important;border-bottom:1px solid #355073}.sh-store-card:hover{border-color:#6483b7!important}.sh-store .grid:has(>.sh-store-card){grid-template-columns:repeat(4,minmax(0,1fr));max-width:1240px}.sh-store .grid:has(>.sh-store-card):has(>.sh-store-card:nth-child(3)):not(:has(>.sh-store-card:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}.sh-store .grid:has(>.sh-store-card):not(:has(>.sh-store-card:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}.sh-store .sh-store-card .text-4xl{font-size:32px;font-weight:650;letter-spacing:-1px}.sh-store .sh-store-card .p-6{padding:23px}.sh-store .sh-store-card .text-sm{font-size:12px;line-height:1.9}.sh-store .sh-store-card .group\/btn{display:flex;flex-wrap:wrap;gap:8px;border-radius:9px;background:#1c2e4a!important;border-color:#3c5375!important}.sh-store .sh-store-card .group\/btn span{font-size:11px}@media(max-width:1050px){.sh-store .grid:has(>.sh-store-card){grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:650px){.sh-store-head{padding:35px 20px 30px}.sh-store-head h1{font-size:32px}.sh-store .grid:has(>.sh-store-card){grid-template-columns:1fr!important;max-width:none}.sh-store-image{height:120px!important}}
