/* ============================================================
   ARTEMIDA V154 — responsive density + soft optical depth.
   Scope is deliberately narrow: visual shadow/glow tuning and landing-page
   responsive composition. No payments, account, subscription or API logic.
   ============================================================ */

:root{
  /* Low-opacity, wide-enough diffusion: depth without a black fog bank. */
  --v154-shadow-panel:0 8px 24px rgba(0,0,0,.115),0 2px 6px rgba(0,0,0,.035);
  --v154-shadow-panel-hover:0 10px 28px rgba(0,0,0,.14),0 3px 7px rgba(0,0,0,.045);
  --v154-shadow-floating:0 10px 30px rgba(0,0,0,.15),0 3px 8px rgba(0,0,0,.05);
  --v154-shadow-control:0 4px 13px rgba(0,0,0,.075),0 1px 4px rgba(0,0,0,.03);
  --v154-shadow-topbar:0 7px 24px rgba(0,0,0,.095),0 2px 6px rgba(0,0,0,.025);

  /* Feed the older surface system so legacy components inherit the same depth. */
  --shadow:var(--v154-shadow-floating);
  --shadow-soft:var(--v154-shadow-panel);
  --lg-shadow:var(--v154-shadow-panel);
  --lg-shadow-hover:var(--v154-shadow-panel-hover);
  --v153-shadow-panel:var(--v154-shadow-panel);
  --v153-shadow-panel-hover:var(--v154-shadow-panel-hover);
  --v153-shadow-floating:var(--v154-shadow-floating);
  --v153-shadow-control:var(--v154-shadow-control);
}

html[data-theme="pearl"]{
  --v154-shadow-panel:0 8px 23px rgba(66,49,72,.065),0 2px 6px rgba(66,49,72,.02);
  --v154-shadow-panel-hover:0 10px 27px rgba(66,49,72,.085),0 3px 7px rgba(66,49,72,.025);
  --v154-shadow-floating:0 10px 28px rgba(66,49,72,.095),0 3px 8px rgba(66,49,72,.03);
  --v154-shadow-control:0 4px 12px rgba(66,49,72,.045),0 1px 4px rgba(66,49,72,.018);
  --v154-shadow-topbar:0 7px 22px rgba(66,49,72,.052),0 2px 6px rgba(66,49,72,.018);
}

/* ---- Shadow normalization ------------------------------------------------ */
/* Match/highen specificity of the old overrides that still won over V153. */
.glass-panel,
.glass-card,
.glass-mini,
[data-liquid-glass="panel"],
[data-liquid-glass="popover"],
[data-liquid-glass="floating"],
.admin-kpi-card,
.admin-accounts-card,
.admin-reviews-card,
.admin-review-card,
.admin-traffic-card,
.admin-maintenance-card,
.checkout-card,
.developer-panel,
.developer-doc-card,
.developer-trial-card,
.device-custom-panel,
.diagnostic-card,
.empty-card,
.faq-side-card,
.featured-review-card,
.handoff-card,
.hero-card,
.cabinet-card,
.key-card,
.legal-card,
.maintenance-card,
.my-review-card,
.own-vpn-coming-card,
.own-vpn-price-card,
.profile-identity-card,
.public-review-card,
.referral-card,
.review-kind-card,
.review-page-card,
.telegram-profile-panel,
.vpn-server-card{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(255,255,255,.018),var(--v154-shadow-panel)!important;
}

.landing-nav,
.page-topbar,
.legal-topbar,
.site-top-hub,
body[data-page="faq"] .faq-top-hub,
.sidebar{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.105),inset 0 -1px 0 rgba(255,255,255,.018),var(--v154-shadow-topbar)!important;
}

.site-top-hub:hover,
body[data-page="faq"] .faq-top-hub:hover,
.sidebar:hover,
.sidebar:focus-within,
.sidebar.is-open{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.02),var(--v154-shadow-panel-hover)!important;
}

.own-vpn-float,
.purchase-auto-note,
.network-float,
.legal-hub nav,
.modal,
.admin-modal,
.profile-modal,
.review-modal,
.landing-auth-panel,
.theme-popover,
.appearance-popover,
.shader-popover,
.toast,
.admin-purchase-tooltip,
.payment-pending-notice{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.105),inset 0 -1px 0 rgba(255,255,255,.018),var(--v154-shadow-floating)!important;
}

/* These selectors previously kept 80–100px shadows because of specificity. */
.modal-layer>.modal,
.landing-page .legal-hub[open] nav,
.legal-hub[open] nav{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.105),inset 0 -1px 0 rgba(255,255,255,.018),var(--v154-shadow-floating)!important;
}

.network-float[open],
.network-float:hover,
.featured-review-card.is-active,
.profile-setting-card:hover,
.profile-action:hover:not(:disabled),
.developer-doc-card[open],
.network-chip:hover,
.legal-hub nav a:hover,
.theme-popover .theme-grid>button:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),var(--v154-shadow-panel-hover)!important;
}

.network-float-body{box-shadow:none!important}

.legal-hub summary,
.own-vpn-support-float,
.theme-control-floating,
[data-liquid-glass="control"],
.account-button,
.soft-action,
.os-picker button,
.app-option,
.install-key-option,
.developer-topup-presets button{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),var(--v154-shadow-control)!important;
}

/* Remove the last visible neon-like blobs without flattening the brand. */
html[data-theme] .brand-mark{
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.16)) drop-shadow(0 0 8px rgb(var(--theme-rgb)/.12))!important;
}
.brand-mark::before,
.handoff-mark.brand-mark::before,
.site-login-avatar.guest-logo::before,
.account-button .avatar.guest-logo::before{
  filter:drop-shadow(0 0 6px rgb(var(--theme-rgb)/.18))!important;
}
.landing-page .landing-logo:hover .brand-mark::before,
.side-brand:hover .brand-mark::before,
.mobile-brand:hover .brand-mark::before{
  filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.22))!important;
}

/* The hero shield had a large black + pink double halo; keep only a soft lift. */
.landing-page .guardian-shield{
  filter:drop-shadow(0 9px 17px rgba(0,0,0,.22)) drop-shadow(0 0 12px rgb(var(--theme-rgb)/.14))!important;
}
.landing-page .guardian-logo{
  filter:drop-shadow(0 0 6px rgb(var(--theme-rgb)/.42)) drop-shadow(0 0 13px rgb(var(--theme-rgb-2)/.14))!important;
}
.landing-page .guardian-aura{
  opacity:.58!important;
  filter:blur(18px)!important;
}

/* The promo itself should not have a bright radial stain under its border. */
.landing-page .own-vpn-float::after{
  background:radial-gradient(circle at 12% 0%,rgb(var(--theme-rgb)/.055),transparent 44%)!important;
  opacity:.72!important;
}

/* CTA depth is intentionally compact and diffuse. */
.btn.primary,
.site-login-button.is-ready,
.landing-cabinet.is-ready,
.landing-buy,
#buyButton,
.hero-actions .btn.primary[href="#tariff"]{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.50),0 7px 20px rgb(var(--theme-rgb-2)/.075),0 2px 6px rgba(0,0,0,.045)!important;
}
.btn.primary:hover,
.landing-buy:hover,
#buyButton:hover,
.hero-actions .btn.primary[href="#tariff"]:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 9px 23px rgb(var(--theme-rgb-2)/.10),0 2px 7px rgba(0,0,0,.05)!important;
}

html[data-theme="pearl"] .glass-panel,
html[data-theme="pearl"] .glass-card,
html[data-theme="pearl"] .glass-mini,
html[data-theme="pearl"] .landing-nav,
html[data-theme="pearl"] .page-topbar,
html[data-theme="pearl"] .legal-topbar,
html[data-theme="pearl"] .site-top-hub,
html[data-theme="pearl"] .sidebar,
html[data-theme="pearl"] .own-vpn-float,
html[data-theme="pearl"] .network-float,
html[data-theme="pearl"] .legal-hub nav,
html[data-theme="pearl"] .modal,
html[data-theme="pearl"] .landing-auth-panel,
html[data-theme="pearl"] .theme-popover,
html[data-theme="pearl"] .appearance-popover,
html[data-theme="pearl"] .toast{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80),inset 0 -1px 0 rgba(72,54,80,.018),var(--v154-shadow-panel)!important;
}

/* ---- Landing composition ------------------------------------------------- */
/* The promo now lives between hero and network controls in the DOM. On wide
   screens it remains the draggable fixed card. On narrower/short screens it
   becomes a designed compact row and therefore stays visible without overlap. */
@media(max-width:1579px), (max-height:720px){
  .landing-page{overflow-x:hidden!important;overflow-y:auto!important}
  .landing-page .landing-main{
    justify-content:center!important;
    align-content:center!important;
  }
  .landing-page .own-vpn-float:not([hidden]){
    position:relative!important;
    inset:auto!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
    width:min(620px,calc(100% - 24px))!important;
    margin:clamp(8px,1.25vh,12px) auto 0!important;
    padding:9px 10px!important;
    border-radius:15px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"head actions" "desc actions"!important;
    column-gap:12px!important;
    row-gap:2px!important;
    align-items:center!important;
    cursor:default!important;
    touch-action:auto!important;
  }
  .landing-page .own-vpn-float-head{grid-area:head!important;cursor:default!important;touch-action:auto!important}
  .landing-page .own-vpn-float-handle{cursor:default!important}
  .landing-page .own-vpn-float>p{grid-area:desc!important;margin:2px 0 0!important;font-size:.58rem!important;line-height:1.3!important}
  .landing-page .own-vpn-float-actions{grid-area:actions!important;align-self:center!important}
  .landing-page .own-vpn-float-actions a{min-height:31px!important}
  .landing-page .own-vpn-float + .network-floats{margin-top:clamp(8px,1.4vh,14px)!important}
}

/* Laptop density: reduce empty hero air before reducing typography. */
@media(max-height:800px){
  .landing-page .landing-shell{padding-top:6px!important;padding-bottom:10px!important}
  .landing-page .landing-nav{min-height:56px!important}
  .landing-page .landing-main{padding:10px 0 14px!important;min-height:calc(100svh - 72px)!important}
  .landing-page .landing-hero>.landing-constellation{
    height:clamp(118px,18.5vh,154px)!important;
    margin:0 auto clamp(8px,1.7vh,14px)!important;
  }
  .landing-page .guardian-shield{width:clamp(82px,12vh,104px)!important;height:clamp(91px,13.2vh,115px)!important}
  .landing-page .guardian-logo{width:clamp(43px,6.3vh,56px)!important;height:clamp(49px,7.1vh,63px)!important}
  .landing-page .landing-hero h1 span{font-size:clamp(3.15rem,7.15vw,5.35rem)!important}
  .landing-page .landing-hero h1 em{font-size:.57rem!important}
  .landing-page .landing-hero-actions{margin-top:6px!important}
  .landing-page .landing-hero-actions>.btn{min-height:42px!important;padding-inline:16px!important}
  .landing-page .network-summary{height:56px!important;min-height:56px!important;max-height:56px!important}
}

/* Medium/narrow landing: preserve hierarchy but use less chrome. */
@media(max-width:820px){
  .landing-page .landing-shell{padding-inline:8px!important}
  .landing-page .landing-main{padding-inline:2px!important}
  .landing-page .landing-nav{min-height:54px!important;border-radius:16px!important}
  .landing-page .landing-logo>span{width:38px!important;height:38px!important}
  .landing-page .landing-hero{width:100%!important}
  .landing-page .own-vpn-float:not([hidden]){width:min(600px,calc(100% - 4px))!important}
}

/* Phones: compact the promo as a deliberate card, not a squeezed desktop ad. */
@media(max-width:639px){
  .landing-page .own-vpn-float:not([hidden]){
    width:calc(100% - 4px)!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"head" "desc" "actions"!important;
    gap:5px!important;
    padding:8px 9px 9px!important;
    margin-top:8px!important;
  }
  .landing-page .own-vpn-float-actions{justify-content:flex-start!important}
  .landing-page .own-vpn-float>p{margin:0!important}
  .landing-page .own-vpn-float + .network-floats{margin-top:8px!important}
}

@media(max-width:520px){
  .landing-page .landing-shell{padding:6px 7px 10px!important}
  .landing-page .landing-main{padding:8px 1px 10px!important}
  .landing-page .landing-nav{min-height:52px!important;padding:5px 6px 5px 7px!important;border-radius:15px!important}
  .landing-page .landing-logo>span{width:36px!important;height:36px!important}
  .landing-page .landing-logo b{font-size:.66rem!important}
  .landing-page .landing-hero>.landing-constellation{
    width:min(390px,90vw)!important;
    height:clamp(92px,16vh,126px)!important;
    margin:0 auto 6px!important;
  }
  .landing-page .guardian-shield{width:72px!important;height:82px!important}
  .landing-page .guardian-logo{width:37px!important;height:43px!important}
  .landing-page .landing-hero h1 span{font-size:clamp(2.75rem,14.2vw,3.8rem)!important;line-height:.9!important}
  .landing-page .landing-hero h1 em{font-size:.49rem!important}
  .landing-page .landing-hero-actions{margin-top:7px!important;gap:7px!important;width:min(326px,100%)!important}
  .landing-page .landing-hero-actions>.btn{min-height:40px!important;padding-inline:13px!important}
  .landing-page .network-floats{width:calc(100% - 2px)!important;gap:7px!important;margin-top:8px!important}
  .landing-page .network-summary{height:53px!important;min-height:53px!important;max-height:53px!important;padding:7px 9px!important}
}

/* Tiny widths and short landscapes need density, not clipping. */
@media(max-width:400px), (max-height:600px){
  .landing-page .own-vpn-float>p{display:none!important}
  .landing-page .own-vpn-float:not([hidden]){padding:7px 8px!important;gap:4px!important}
  .landing-page .own-vpn-float-copy small{font-size:.45rem!important}
  .landing-page .own-vpn-float-copy b{font-size:.66rem!important}
  .landing-page .own-vpn-float-actions a{min-height:28px!important;padding-inline:8px!important;font-size:.53rem!important}
}

@media(max-height:600px){
  .landing-page .landing-shell{padding-top:5px!important;padding-bottom:6px!important}
  .landing-page .landing-nav{min-height:50px!important;height:50px!important;padding-block:4px!important}
  .landing-page .landing-logo>span{width:34px!important;height:34px!important}
  .landing-page .landing-main{padding:5px 0 7px!important;min-height:auto!important;justify-content:flex-start!important}
  .landing-page .landing-hero>.landing-constellation{
    height:clamp(68px,20vh,105px)!important;
    width:min(340px,58vw)!important;
    margin:0 auto 2px!important;
  }
  .landing-page .guardian-shield{width:58px!important;height:66px!important}
  .landing-page .guardian-logo{width:30px!important;height:35px!important}
  .landing-page .landing-hero h1 span{font-size:clamp(2.35rem,8vw,3.45rem)!important;line-height:.88!important}
  .landing-page .landing-hero h1 em{font-size:.45rem!important}
  .landing-page .landing-hero-actions{margin-top:5px!important;gap:6px!important}
  .landing-page .landing-hero-actions>.btn{min-height:37px!important;padding-inline:12px!important;font-size:.58rem!important}
  .landing-page .own-vpn-float:not([hidden]){
    margin-top:6px!important;
    width:min(610px,calc(100% - 4px))!important;
  }
  .landing-page .own-vpn-float + .network-floats{margin-top:6px!important}
  .landing-page .network-summary{height:49px!important;min-height:49px!important;max-height:49px!important;padding:6px 8px!important}
}

/* Landscape phones/tablets: use their horizontal room. */
@media(min-width:440px) and (max-width:1024px) and (max-height:600px){
  .landing-page .own-vpn-float:not([hidden]){
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"head actions"!important;
    column-gap:10px!important;
    width:min(620px,calc(100% - 12px))!important;
  }
  .landing-page .own-vpn-float-actions{justify-self:end!important}
  .landing-page .network-floats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:340px){
  .landing-page .landing-shell{padding-inline:5px!important}
  .landing-page .landing-nav{min-height:48px!important;height:48px!important;border-radius:14px!important}
  .landing-page .landing-logo>span{width:32px!important;height:32px!important}
  .landing-page .landing-logo b{font-size:.60rem!important;letter-spacing:.11em!important}
  .landing-page .landing-hero h1 span{font-size:clamp(2.35rem,14.5vw,3rem)!important}
  .landing-page .landing-hero-actions{width:100%!important}
  .landing-page .landing-hero-actions>.btn{min-height:38px!important;font-size:.55rem!important;padding-inline:10px!important}
  .landing-page .own-vpn-float-head{grid-template-columns:25px minmax(0,1fr) 24px!important;gap:6px!important}
  .landing-page .own-vpn-float-handle{width:25px!important;height:25px!important}
  .landing-page .own-vpn-float-close{width:24px!important;height:24px!important}
  .landing-page .own-vpn-float-actions{gap:5px!important}
  .landing-page .network-summary{height:50px!important;min-height:50px!important;max-height:50px!important}
}

@media(prefers-reduced-motion:reduce){
  .landing-page .guardian-logo,
  .landing-page .guardian-shield,
  .landing-page .guardian-aura{animation:none!important}
}

/* V154.1 optical cleanup: the shield SVG frame had its own late !important
   filter, so softening the wrapper alone did not remove the visible halo. */
.landing-page .guardian-shield-frame{
  filter:drop-shadow(0 7px 13px rgba(0,0,0,.17)) drop-shadow(0 0 7px rgb(var(--theme-rgb)/.095))!important;
}
.landing-page .guardian-logo{
  filter:drop-shadow(0 0 4px rgb(var(--theme-rgb)/.24)) drop-shadow(0 0 9px rgb(var(--theme-rgb-2)/.075))!important;
}
.landing-page .landing-hero h1 span{
  filter:drop-shadow(0 7px 18px rgba(0,0,0,.105))!important;
}
.landing-page .landing-hero h1 em{
  text-shadow:0 0 11px rgb(var(--theme-rgb)/.10)!important;
}
.landing-page .landing-hero>.landing-constellation::before{
  background:radial-gradient(ellipse,rgb(var(--theme-rgb)/.07),rgb(var(--theme-rgb-2)/.016) 45%,transparent 74%)!important;
  filter:blur(31px)!important;
  opacity:.76!important;
}
.landing-page .landing-hero>.landing-constellation::after{
  opacity:.52!important;
  filter:blur(46px)!important;
}
.landing-page .background-glow{
  opacity:.062!important;
  filter:blur(154px)!important;
}
.landing-page .guardian-impact{
  box-shadow:0 0 8px rgb(var(--theme-rgb)/.24)!important;
}
.landing-page .guardian-threat{
  filter:drop-shadow(0 0 4px rgb(var(--theme-rgb)/.34)) drop-shadow(0 0 9px rgb(var(--theme-rgb-2)/.10))!important;
}

/* The fixed service hub used to occupy the same bottom-right pixels as the
   second network card on short landscape displays. Reserve a small utility
   gutter instead of letting two interactive surfaces overlap. */
@media(min-width:440px) and (max-width:1024px) and (max-height:600px){
  .landing-page .network-floats{
    width:calc(100% - 56px)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  .landing-page .legal-hub{right:7px!important;bottom:7px!important}
  .landing-page .legal-hub summary{width:42px!important;min-width:42px!important;height:42px!important;border-radius:14px!important}
}

/* Very short viewports get one more density step. This is scaling of spacing
   and controls, not a transform/zoom, so text stays crisp and accessible. */
@media(max-height:420px){
  .landing-page .landing-shell{padding-top:4px!important;padding-bottom:4px!important}
  .landing-page .landing-nav{min-height:46px!important;height:46px!important}
  .landing-page .landing-main{padding-top:3px!important;padding-bottom:5px!important}
  .landing-page .landing-hero>.landing-constellation{
    height:clamp(56px,18vh,76px)!important;
    margin-bottom:0!important;
  }
  .landing-page .guardian-shield{width:52px!important;height:59px!important}
  .landing-page .guardian-logo{width:27px!important;height:31px!important}
  .landing-page .landing-hero h1 span{font-size:clamp(2.12rem,7.3vw,3rem)!important}
  .landing-page .landing-hero h1 em{font-size:.42rem!important;margin-top:.30em!important}
  .landing-page .landing-hero-actions{margin-top:3px!important}
  .landing-page .landing-hero-actions>.btn{min-height:34px!important;padding-inline:10px!important}
  .landing-page .own-vpn-float:not([hidden]){margin-top:4px!important;padding:6px 7px!important}
  .landing-page .own-vpn-float-actions a{min-height:26px!important}
  .landing-page .own-vpn-float + .network-floats{margin-top:4px!important}
  .landing-page .network-summary{height:45px!important;min-height:45px!important;max-height:45px!important;padding:5px 7px!important}
}

/* Final glow pass: ambient light stays atmospheric, never a visible colored
   fog behind the UI. Brand/icon accents keep identity without neon edges. */
.background-glow{
  opacity:.064!important;
  filter:blur(152px)!important;
}
html[data-theme="pearl"] .background-glow{opacity:.045!important}
html[data-theme] .brand-mark{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 5px 14px rgba(0,0,0,.065),0 0 10px rgb(var(--theme-rgb)/.045)!important;
}
.landing-page .network-custom-icon{
  box-shadow:0 0 12px rgba(98,243,170,.055)!important;
}
.landing-page .network-custom-icon.bypass{
  box-shadow:0 0 12px rgb(var(--theme-rgb)/.055)!important;
}

/* Legacy 320×480-class screens: leave a deliberate utility zone for the
   service button instead of covering the second network row. */
@media(max-width:439px) and (max-height:520px){
  .landing-page .landing-shell{padding-top:4px!important;padding-bottom:4px!important}
  .landing-page .landing-nav{min-height:46px!important;height:46px!important}
  .landing-page .landing-main{padding-top:3px!important;padding-bottom:3px!important;justify-content:flex-start!important}
  .landing-page .landing-hero>.landing-constellation{height:62px!important;width:min(250px,72vw)!important;margin-bottom:0!important}
  .landing-page .guardian-shield{width:50px!important;height:57px!important}
  .landing-page .guardian-logo{width:26px!important;height:30px!important}
  .landing-page .landing-hero h1 span{font-size:clamp(2.05rem,13.5vw,2.7rem)!important}
  .landing-page .landing-hero h1 em{font-size:.41rem!important}
  .landing-page .landing-hero-actions{margin-top:3px!important}
  .landing-page .landing-hero-actions>.btn{min-height:33px!important}
  .landing-page .own-vpn-float:not([hidden]){margin-top:4px!important;padding:5px 6px!important;gap:3px!important}
  .landing-page .own-vpn-float-actions a{min-height:25px!important}
  .landing-page .own-vpn-float + .network-floats{margin-top:4px!important;margin-bottom:48px!important}
  .landing-page .network-floats{gap:5px!important}
  .landing-page .network-summary{height:43px!important;min-height:43px!important;max-height:43px!important;padding:4px 6px!important}
  .landing-page .legal-hub{right:5px!important;bottom:5px!important}
  .landing-page .legal-hub summary{width:40px!important;min-width:40px!important;height:40px!important;border-radius:13px!important}
}

/* Theme bootstrap is intentionally optional: even before JS restores the saved
   theme, brand surfaces use the same quiet depth instead of the legacy halo. */
.brand-mark{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 5px 14px rgba(0,0,0,.065),0 0 10px rgb(var(--theme-rgb)/.045)!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.13)) drop-shadow(0 0 6px rgb(var(--theme-rgb)/.08))!important;
}
.device-counter-stage,
.faq-item{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),var(--v154-shadow-panel)!important;
}