/* PROprostu — Frosted Midnight experimental skin
   Built from the user-provided AuthKit style reference.
   Brand adaptation: PROprostu yellow remains the single functional accent.
   Loaded last; no content, routing, SEO or business logic changes. */

:root{
  --ak-bg:#05060f;
  --ak-bg-soft:#080b14;
  --ak-surface:rgba(186,214,247,.035);
  --ak-surface-strong:rgba(10,13,24,.88);
  --ak-surface-deep:rgba(5,6,15,.97);
  --ak-text:#d8ecf8;
  --ak-body:#d1e4fa;
  --ak-muted:#9da7ba;
  --ak-soft:#c7d3ea;
  --ak-line:rgba(186,215,247,.12);
  --ak-line-strong:rgba(186,215,247,.24);
  --ak-blue:#98c0ef;
  --ak-blueprint:#b6d9fc;
  --ak-accent:#ffd400;
  --ak-accent-soft:#ffe76a;
  --ak-card-radius:16px;
  --ak-input-radius:6px;
  --ak-pill:999px;
  --ak-shadow-card:inset 0 1px 1px rgba(216,236,248,.17),inset 0 24px 48px rgba(168,216,245,.045),0 24px 54px rgba(0,0,0,.30);
  --ak-shadow-float:inset 0 1px 1px rgba(216,236,248,.20),inset 0 24px 48px rgba(168,216,245,.06),0 28px 70px rgba(0,0,0,.42);
  --ak-display:"Space Grotesk","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ak-ui:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ak-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;

  /* Map old design tokens into the new system. */
  --bg:var(--ak-bg);
  --bg2:var(--ak-bg-soft);
  --panel:#0b0e17;
  --panel2:#101521;
  --panel3:#161c28;
  --text:var(--ak-text);
  --soft:var(--ak-body);
  --muted:var(--ak-muted);
  --line:var(--ak-line);
  --line2:var(--ak-line-strong);
  --yellow:var(--ak-accent);
  --yellow2:var(--ak-accent-soft);
  --blue:var(--ak-blueprint);
  --r:var(--ak-card-radius);
  --r2:var(--ak-card-radius);
  --max:1200px;
  --shadow:var(--ak-shadow-float);
  --b22-bg:var(--ak-bg);
  --b22-card:#0b0e17;
  --b22-card2:#101521;
  --b22-line:var(--ak-line);
  --b22-yellow:var(--ak-accent);
  --b22-cyan:var(--ak-blueprint);
  --b22-muted:var(--ak-muted);
  --b22-white:var(--ak-text);
  --pro-yellow:var(--ak-accent);
  --pro-bg:var(--ak-bg);
  --pro-panel:#0b0e17;
  --pro-line:var(--ak-line);
  --pro-text:var(--ak-text);
  --pro-muted:var(--ak-soft);
}

html{background:var(--ak-bg);scroll-behavior:smooth}
body{
  color:var(--ak-body)!important;
  background:
    radial-gradient(ellipse 52% 32% at 50% -8%,rgba(124,145,182,.28),transparent 68%),
    radial-gradient(circle at 85% 10%,rgba(152,192,239,.075),transparent 25rem),
    radial-gradient(circle at 12% 18%,rgba(255,212,0,.035),transparent 24rem),
    var(--ak-bg)!important;
  font-family:var(--ak-ui)!important;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(186,215,247,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(186,215,247,.045) 1px,transparent 1px)!important;
  background-size:80px 80px!important;
  -webkit-mask-image:radial-gradient(ellipse 85% 68% at 50% 10%,#000 15%,transparent 80%)!important;
  mask-image:radial-gradient(ellipse 85% 68% at 50% 10%,#000 15%,transparent 80%)!important;
  opacity:.78;
}
body:after{
  content:"";
  position:fixed;
  inset:-15vh -10vw auto;
  height:65vh;
  z-index:-1;
  pointer-events:none;
  background:conic-gradient(from 180deg at 50% 0%,transparent 43%,rgba(152,192,239,.08) 48%,rgba(152,192,239,.19) 50%,rgba(152,192,239,.08) 52%,transparent 57%);
  filter:blur(30px);
  opacity:.8;
}
::selection{background:var(--ak-accent);color:#080910}
a{transition:color .18s ease,opacity .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
img{border-radius:inherit}
.wrap,.b22-wrap{width:min(1200px,calc(100% - 42px))!important}

/* Typography */
h1,h2,h3,.stitle,.b22-hero h1,.b22-section-head h2,.article-hero h1,.knowledge-hero h1,.category-hero h1,.pro20-hero-copy h1,.pro20-price-card h3{
  font-family:var(--ak-display)!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
  color:var(--ak-text)!important;
}
h1,.article-hero h1,.knowledge-hero h1,.category-hero h1,.b22-hub-hero h1{
  background:linear-gradient(180deg,#eef8ff 0%,#d8ecf8 38%,#98c0ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
h1 em,.article-hero h1 em,.b22-hero h1 em,.yellow{color:var(--ak-accent)!important;-webkit-text-fill-color:var(--ak-accent)!important;background:none!important}
p,.sdesc,.hero-copy,.pro14-lead,.b22-lead{color:var(--ak-soft)}
.eyebrow,.kicker,.pro15-kicker,.pro20-kicker,.b22-eyebrow,.b22-section-head>span,.pro20-step-label,[class*="eyebrow"]{
  font-family:var(--ak-mono)!important;
  text-transform:uppercase;
  letter-spacing:.10em!important;
}
.kicker,.pro15-kicker,.pro20-kicker,.b22-section-head>span{color:var(--ak-soft)!important}

/* Header / navigation */
header,.pro14-header{
  background:rgba(5,6,15,.72)!important;
  border-bottom:1px solid var(--ak-line)!important;
  backdrop-filter:blur(26px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(140%)!important;
  box-shadow:inset 0 -1px 0 rgba(216,236,248,.025)!important;
}
.nav,.pro14-nav{height:72px!important}
.logo{font-family:var(--ak-display)!important;font-weight:600!important;letter-spacing:-.055em!important;color:#f3f9ff!important}
.logo span{color:var(--ak-accent)!important}
.navlinks,.pro14-navlinks{gap:8px!important}
.navlinks a,.pro14-navlinks a{
  color:var(--ak-soft)!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:-.01em;
  padding:8px 11px!important;
  border-radius:var(--ak-pill)!important;
}
.navlinks a:hover,.pro14-navlinks a:hover,.navlinks a.active,.pro14-navlinks a.active{
  color:#fff!important;
  background:rgba(186,214,247,.065)!important;
  box-shadow:inset 0 0 0 1px var(--ak-line)!important;
}
.navlinks a.active:after,.pro14-navlinks a.active:after{display:none!important}
.round-btn,.club,.btn,.b22-btn,.search-go,.pro20-form-nav button,.pro20-style-grid button,.pro20-billing-grid button,.pro20-modal-x{
  border-radius:var(--ak-pill)!important;
}
.round-btn{
  border:0!important;background:rgba(186,214,247,.05)!important;color:var(--ak-text)!important;
  box-shadow:inset 0 0 0 1px var(--ak-line)!important;
}
.round-btn:hover{background:rgba(186,214,247,.11)!important;box-shadow:inset 0 0 0 1px var(--ak-line-strong),0 0 24px rgba(152,192,239,.08)!important}
.club,.btn-primary,.b22-btn.primary,.search-go{
  background:var(--ak-accent)!important;color:#090a0e!important;border-color:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 10px 32px rgba(255,212,0,.10)!important;
  font-weight:700!important;
}
.club:hover,.btn-primary:hover,.b22-btn.primary:hover,.search-go:hover{background:#ffe35c!important;transform:translateY(-1px)}
.btn,.b22-btn{
  min-height:42px;
  border:0!important;
  background:rgba(186,214,247,.055)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px var(--ak-line)!important;
  font-weight:600!important;
}
.btn:hover,.b22-btn:hover{background:rgba(186,214,247,.11)!important;box-shadow:inset 0 0 0 1px var(--ak-line-strong),0 12px 30px rgba(0,0,0,.22)!important;transform:translateY(-2px)}
.btn-primary,.b22-btn.primary{background:var(--ak-accent)!important;color:#090a0e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 34px rgba(255,212,0,.10)!important}

/* Search */
.searchbox{
  border:0!important;
  border-radius:var(--ak-pill)!important;
  background:rgba(199,211,234,.055)!important;
  box-shadow:inset 0 0 0 1px var(--ak-line),inset 0 18px 42px rgba(168,216,245,.025),0 18px 54px rgba(0,0,0,.22)!important;
  padding:7px 7px 7px 17px!important;
}
.searchbox:focus-within{box-shadow:inset 0 0 0 1px var(--ak-line-strong),0 0 0 4px rgba(152,192,239,.055),0 18px 54px rgba(0,0,0,.24)!important}
.searchbox input{color:#fff!important}.searchbox input::placeholder{color:rgba(199,211,234,.52)!important}
.results,.pro14-search-dialog{
  background:rgba(5,6,15,.95)!important;
  border:0!important;border-radius:var(--ak-card-radius)!important;
  box-shadow:var(--ak-shadow-float),inset 0 0 0 1px var(--ak-line)!important;
  backdrop-filter:blur(28px) saturate(130%)!important;
}
.result:hover{background:rgba(186,214,247,.065)!important}.ricon{background:rgba(186,214,247,.07)!important;color:var(--ak-accent)!important}
.pro14-search-backdrop{background:rgba(2,3,8,.72)!important;backdrop-filter:blur(10px)!important}
.pro14-search-shortcuts a{border-radius:var(--ak-pill)!important;background:rgba(186,214,247,.045)!important;box-shadow:inset 0 0 0 1px var(--ak-line)!important}

/* Global section rhythm */
.section,.b22-section{padding-top:96px!important;padding-bottom:96px!important}
body[data-cms-page="/"] .section{background:transparent!important}
body[data-cms-page="/"] .section:before{background:linear-gradient(90deg,transparent,var(--ak-line),transparent)!important;opacity:.6}
.head{margin-bottom:34px!important}

/* Hero — homepage */
.pro14-home-hero{
  padding:100px 0 88px!important;
  background:
    radial-gradient(ellipse 45% 35% at 70% 45%,rgba(152,192,239,.075),transparent 70%),
    transparent!important;
  border-bottom:1px solid rgba(186,215,247,.055);
}
.pro14-home-hero:before{
  background-image:linear-gradient(rgba(186,215,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(186,215,247,.04) 1px,transparent 1px)!important;
  background-size:80px 80px!important;
  mask-image:linear-gradient(to bottom,#000 25%,transparent 96%)!important;
}
.pro14-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;gap:74px!important}
.pro14-hero h1{font-size:clamp(54px,6vw,82px)!important;line-height:.99!important;margin:22px 0 24px!important;max-width:820px}
.pro14-lead{font-size:18px!important;line-height:1.62!important;max-width:650px!important}
.eyebrow{
  display:inline-flex!important;width:auto!important;
  color:var(--ak-soft)!important;font-size:12px!important;font-weight:500!important;
  padding:7px 11px;border-radius:6px;background:rgba(199,211,234,.055);
  box-shadow:inset 0 0 0 1px var(--ak-line);
}
.pulse{background:var(--ak-accent)!important;box-shadow:0 0 0 0 rgba(255,212,0,.35)!important}
.pro14-query-row a{
  color:var(--ak-soft)!important;border-radius:var(--ak-pill)!important;
  background:rgba(186,214,247,.035)!important;box-shadow:inset 0 0 0 1px rgba(186,215,247,.085)!important;
  padding:6px 10px!important;font-size:11px!important
}
.pro14-query-row a:hover{color:#fff!important;background:rgba(186,214,247,.08)!important}

/* Hero navigator transformed into floating frosted UI */
.pro14-navigator{
  min-height:560px!important;
  border:0!important;
  border-radius:28px!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(152,192,239,.11),transparent 35%),
    rgba(186,214,247,.018)!important;
  box-shadow:inset 0 0 0 1px rgba(186,215,247,.07),inset 0 70px 120px rgba(168,216,245,.025)!important;
  perspective:1000px;
}
.pro14-navigator:after{
  content:"";position:absolute;inset:8%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(152,192,239,.105),transparent 62%);filter:blur(20px)
}
.pro19-tech-navigator:before{content:"PRO / DECISION SYSTEM"!important;color:rgba(199,211,234,.42)!important;left:22px!important;top:19px!important;font-family:var(--ak-mono)!important;letter-spacing:.14em!important}
.pro14-nav-center{
  width:176px!important;height:176px!important;border-radius:22px!important;
  border:0!important;background:rgba(5,6,15,.94)!important;
  box-shadow:var(--ak-shadow-float),inset 0 0 0 1px var(--ak-line)!important;
  z-index:5!important;transform:translate(-50%,-50%) rotate(-1deg)!important;
  backdrop-filter:blur(24px)!important;
}
.pro14-nav-center b{font-family:var(--ak-display)!important;font-weight:500!important;font-size:26px!important;letter-spacing:-.05em!important;color:#f1f8ff!important}
.pro14-nav-center small{font-family:var(--ak-mono)!important;color:var(--ak-muted)!important;letter-spacing:.11em!important;margin-top:8px}
.pro14-nav-tile{
  width:190px!important;min-height:112px!important;
  border:0!important;border-radius:16px!important;
  background:rgba(11,14,25,.76)!important;
  box-shadow:var(--ak-shadow-card),inset 0 0 0 1px var(--ak-line)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  padding:17px!important;
  transform-style:preserve-3d;
}
.pro14-nav-tile span{font-family:var(--ak-mono)!important;color:var(--ak-blueprint)!important;font-size:9px!important;letter-spacing:.12em}
.pro14-nav-tile b{font-family:var(--ak-display)!important;font-weight:500!important;color:var(--ak-text)!important;font-size:17px!important}
.pro14-nav-tile small{color:var(--ak-muted)!important;font-size:10px!important;line-height:1.4}
.pro14-nav-tile:hover{border:0!important;box-shadow:inset 0 0 0 1px var(--ak-line-strong),inset 0 24px 48px rgba(168,216,245,.065),0 24px 70px rgba(0,0,0,.38)!important;z-index:10}
.pro14-nav-dom{left:4%!important;top:10%!important;transform:rotate(-4deg)!important}.pro14-nav-dom:hover{transform:rotate(-2deg) translateY(-7px)!important}
.pro14-nav-online{right:4%!important;top:11%!important;transform:rotate(4deg)!important}.pro14-nav-online:hover{transform:rotate(2deg) translateY(-7px)!important}
.pro14-nav-business{left:9%!important;top:40%!important;transform:rotate(2deg)!important}.pro14-nav-business:hover{transform:rotate(1deg) translateY(-7px)!important}
.pro14-nav-tools{left:5%!important;bottom:8%!important;transform:rotate(3deg)!important}.pro14-nav-tools:hover{transform:rotate(1deg) translateY(-7px)!important}
.pro14-nav-knowledge{right:5%!important;bottom:8%!important;transform:rotate(-3deg)!important}.pro14-nav-knowledge:hover{transform:rotate(-1deg) translateY(-7px)!important}
.pro14-nav-shop{right:7%!important;top:42%!important;width:172px!important;transform:rotate(-2deg)!important}.pro14-nav-shop:hover{transform:rotate(-1deg) translateY(-7px)!important}
.pro14-nav-ring{border-color:rgba(186,215,247,.08)!important}.pro14-nav-ring.r1{width:330px!important;height:330px!important}.pro14-nav-ring.r2{width:470px!important;height:470px!important}
.pro19-scanline{background:linear-gradient(90deg,transparent,rgba(182,217,252,.25),transparent)!important;box-shadow:0 0 24px rgba(182,217,252,.10)!important;opacity:.7}

/* Frosted card language — homepage/general */
.pro14-quick-card,.pro14-world,.pro14-help-grid>a,.pro15-home-business,.pro15-home-mini>a,.pro21-growth-box,.pro21-growth-plans>a,.pro21-proof-row>span,
.pro14-dna-grid>div,.pro14-club-panel,.pro14-contact-card,.pro14-service-price,.pro14-online-map,.pro14-bundle,.pro14-proof-ui,.pro14-video-panel,.pro14-final-card,
.world,.card,.tool-card,.product-card,.service-card,.knowledge-card,.cat-card,.pro15-card,.pro15-company,.pro15-empty,.pro19-card{
  border:0!important;
  background:linear-gradient(180deg,rgba(186,214,247,.04),rgba(186,214,247,.018))!important;
  box-shadow:var(--ak-shadow-card),inset 0 0 0 1px var(--ak-line)!important;
  border-radius:var(--ak-card-radius)!important;
  backdrop-filter:blur(15px) saturate(115%);
}
.pro14-quick-card:hover,.pro14-world:hover,.pro14-help-grid>a:hover,.pro15-home-mini>a:hover,.pro21-growth-plans>a:hover,.knowledge-card:hover,.pro19-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:inset 0 0 0 1px var(--ak-line-strong),inset 0 26px 56px rgba(168,216,245,.055),0 26px 70px rgba(0,0,0,.34)!important;
}
.pro14-chip,.badge,.tag,.b22-tag,.article-meta span,.footer-badges a,.pro19-card-code{
  border:0!important;border-radius:6px!important;
  background:rgba(199,211,234,.075)!important;color:var(--ak-body)!important;
  box-shadow:inset 0 0 0 1px rgba(186,215,247,.09)!important;
  font-family:var(--ak-mono)!important;
}
.pro14-chip.blue{color:var(--ak-blueprint)!important}
.pro14-world-visual,.pro14-club-logo{
  border:0!important;border-radius:20px!important;background:rgba(5,6,15,.58)!important;
  box-shadow:inset 0 0 0 1px var(--ak-line),inset 0 30px 60px rgba(168,216,245,.04)!important;
}
.pro14-world-visual span{background:linear-gradient(180deg,#d8ecf8,#7aa6d9);-webkit-background-clip:text;background-clip:text;color:transparent!important;opacity:.45}
.pro14-dna-grid>div b{color:var(--ak-blueprint)!important;font-family:var(--ak-mono)!important}
.pro14-dna-grid>div p,.pro14-help-grid p,.pro15-home-business p{color:var(--ak-muted)!important}

/* Product / store / tools generic content */
[class*="product"] [class*="price"],.price,.amount{color:var(--ak-text)}
[class*="product"] strong,[class*="service"] strong{color:var(--ak-text)}

/* Articles — keep reading surfaces calm, not overly glassy */
.article-hero{
  background:radial-gradient(ellipse 48% 38% at 72% 8%,rgba(152,192,239,.10),transparent 72%),transparent!important;
  border-bottom:1px solid rgba(186,215,247,.07)!important;
}
.article-hero-panel{
  border:0!important;border-radius:20px!important;background:rgba(186,214,247,.035)!important;
  box-shadow:var(--ak-shadow-card),inset 0 0 0 1px var(--ak-line)!important;
}
.article-layout-section{background:transparent!important}
.article-toc,.answer-box,.article-note,.article-callout,.related-guides,.article-body table{
  border:0!important;border-radius:16px!important;background:rgba(186,214,247,.028)!important;
  box-shadow:inset 0 0 0 1px var(--ak-line)!important;
}
.article-body{color:#d7e4f3!important;font-size:17px!important;line-height:1.76!important}
.article-body p,.article-body li{color:#c5d1e0!important}.article-body h2,.article-body h3{color:#edf7ff!important}
.article-body a{color:#b8d9ff!important;text-decoration-color:rgba(184,217,255,.35)!important}.article-body a:hover{color:#fff!important}
.article-toc a,.related-guides a{color:var(--ak-soft)!important}.article-toc a:hover,.related-guides a:hover{color:#fff!important}
.article-meta span{padding:7px 11px!important}

/* 750 industry pages */
.b22-main{background:transparent!important;color:var(--ak-body)!important}
.b22-hero{padding-top:74px!important}
.b22-breadcrumb,.b22-breadcrumb a{color:var(--ak-muted)!important}
.b22-eyebrow{
  border:0!important;border-radius:6px!important;background:rgba(199,211,234,.055)!important;color:var(--ak-soft)!important;
  box-shadow:inset 0 0 0 1px var(--ak-line)!important;
}
.b22-dot{background:var(--ak-accent)!important;box-shadow:0 0 14px rgba(255,212,0,.35)!important}
.b22-lead,.b22-section-head p,.b22-card p,.b22-step p,.b22-price p,.b22-faq p,.b22-cta p{color:var(--ak-muted)!important}
.b22-browser,.b22-card,.b22-step,.b22-local-box,.b22-price,.b22-faq details,.b22-related a,.b22-cta,.b22-cat-card,.b22-list a,.b22-search{
  border:0!important;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(186,214,247,.04),rgba(186,214,247,.018))!important;
  box-shadow:var(--ak-shadow-card),inset 0 0 0 1px var(--ak-line)!important;
}
.b22-browser{transform:rotate(1deg) translateY(-3px)!important;box-shadow:var(--ak-shadow-float),inset 0 0 0 1px var(--ak-line)!important}
.b22-browser-top{border-bottom:1px solid var(--ak-line)!important}.b22-browser-line{background:rgba(199,211,234,.12)!important}
.b22-browser-kicker,.b22-section-head span,.b22-step span,.b22-card .num,.b22-cat-card span{color:var(--ak-blueprint)!important}
.b22-browser-cta{background:var(--ak-accent)!important;color:#08090d!important;border-radius:var(--ak-pill)!important}
.b22-price.featured{box-shadow:inset 0 0 0 1px rgba(255,212,0,.30),inset 0 24px 48px rgba(255,212,0,.025),0 28px 70px rgba(0,0,0,.35)!important}
.b22-badge{background:var(--ak-accent)!important;color:#090a0e!important;border-radius:6px!important}
.b22-section{border-top:1px solid rgba(186,215,247,.055)!important}
.b22-tag{border-radius:6px!important}
.b22-note{border-left:0!important;border-radius:12px!important;background:rgba(255,212,0,.045)!important;box-shadow:inset 0 0 0 1px rgba(255,212,0,.12)!important;color:var(--ak-soft)!important}
.b22-search input{background:rgba(199,211,234,.05)!important;color:#fff!important;border-radius:var(--ak-input-radius)!important;box-shadow:inset 0 0 0 1px var(--ak-line)!important}

/* Subscription / forms */
.pro20-page,.pro20-main{background:transparent!important;color:var(--ak-body)!important}
.pro20-price-card,.pro20-benefit-grid>article,.pro20-steps>article,.pro20-compare-grid article,.pro20-own-note,.pro20-creator-main,.pro20-creator-summary,.pro20-faq details,.pro20-crosssell-box,.pro20-www-choice-box,.pro20-business-entry-box,.pro20-modal-dialog{
  border:0!important;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(186,214,247,.04),rgba(186,214,247,.018))!important;
  box-shadow:var(--ak-shadow-card),inset 0 0 0 1px var(--ak-line)!important;
}
.pro20-price-card.featured,.pro20-compare-grid article.featured{box-shadow:inset 0 0 0 1px rgba(255,212,0,.27),var(--ak-shadow-card)!important;background:linear-gradient(180deg,rgba(255,212,0,.035),rgba(186,214,247,.018))!important}
.pro20-recommended{background:var(--ak-accent)!important;color:#090a0e!important;border-radius:6px!important}
.pro20-fields input,.pro20-fields select,.pro20-note textarea,.pro20-modal-dialog textarea{
  border:0!important;border-radius:var(--ak-input-radius)!important;background:rgba(199,211,234,.055)!important;color:#fff!important;
  box-shadow:inset 0 0 0 1px var(--ak-line)!important;
}
.pro20-fields input:focus,.pro20-fields select:focus,.pro20-note textarea:focus,.pro20-modal-dialog textarea:focus{box-shadow:inset 0 0 0 1px var(--ak-line-strong),0 0 0 4px rgba(152,192,239,.05)!important}
.pro20-check-grid span,.pro20-style-grid button,.pro20-billing-grid button{
  border:0!important;background:rgba(199,211,234,.035)!important;box-shadow:inset 0 0 0 1px var(--ak-line)!important;
}
.pro20-check-grid input:checked+span,.pro20-style-grid button.selected,.pro20-billing-grid button.selected{
  background:rgba(255,212,0,.045)!important;box-shadow:inset 0 0 0 1px rgba(255,212,0,.30)!important;color:#fff!important;
}
.pro20-progress span{border:0!important;box-shadow:inset 0 0 0 1px var(--ak-line)!important}.pro20-progress span.active{background:var(--ak-accent)!important;color:#090a0e!important;box-shadow:none!important}.pro20-progress i{background:var(--ak-line)!important}
.pro20-modal-bg{background:rgba(2,3,8,.78)!important;backdrop-filter:blur(14px)!important}.pro20-modal-dialog{background:rgba(5,6,15,.97)!important;box-shadow:var(--ak-shadow-float),inset 0 0 0 1px var(--ak-line)!important}

/* Footer */
.footer,.pro14-footer{
  background:linear-gradient(180deg,rgba(5,6,15,.3),#04050b)!important;
  border-top:1px solid var(--ak-line)!important;
}
.pro14-footgrid h4{color:var(--ak-text)!important;font-weight:600!important}.pro14-footgrid a,.footbrand p,.bottom{color:var(--ak-muted)!important}.pro14-footgrid a:hover{color:#fff!important}
.footer-badges a{border-radius:6px!important}

/* Fine component details */
hr{border:0;border-top:1px solid var(--ak-line)}
input,select,textarea{font-family:var(--ak-ui)!important}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid rgba(255,212,0,.78)!important;outline-offset:3px!important}
details{transition:background-color .18s ease,box-shadow .18s ease}details[open]{background:rgba(186,214,247,.05)!important}

/* Ambient motion additions; existing PROprostu animations stay active. */
.ak-reveal{opacity:0;transform:translateY(18px) scale(.995);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}
.ak-reveal.ak-visible{opacity:1;transform:none}
.ak-float{animation:akFloat 8s ease-in-out infinite}.ak-float:nth-child(2n){animation-delay:-2.4s}.ak-float:nth-child(3n){animation-delay:-4.6s}
@keyframes akFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}

/* Responsive */
@media(max-width:1120px){.pro14-hero-grid{grid-template-columns:1fr 420px!important;gap:44px!important}.navlinks,.pro14-navlinks{gap:4px!important}.navlinks a,.pro14-navlinks a{padding:7px 8px!important}}
@media(max-width:1000px){
  .pro14-hero-grid{grid-template-columns:1fr!important}.pro14-navigator{max-width:720px!important;width:100%!important;margin:12px auto 0!important}
  .section,.b22-section{padding-top:78px!important;padding-bottom:78px!important}
}
@media(max-width:700px){
  .wrap,.b22-wrap{width:min(100% - 28px,1200px)!important}
  .pro14-home-hero{padding:62px 0 54px!important}.pro14-hero h1{font-size:clamp(44px,12vw,62px)!important}
  .pro14-navigator{min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important;border-radius:22px!important;overflow:hidden!important}
  .pro14-nav-center,.pro14-nav-ring,.pro19-scanline{display:none!important}.pro14-nav-tile{position:static!important;width:auto!important;min-height:112px!important;transform:none!important}.pro14-nav-tile:hover{transform:translateY(-3px)!important}.pro14-nav-shop{grid-column:1/-1!important}
  .section,.b22-section{padding-top:62px!important;padding-bottom:62px!important}
  .article-body{font-size:16px!important;line-height:1.72!important}
}
@media(max-width:460px){.pro14-navigator{grid-template-columns:1fr!important}.pro14-nav-shop{grid-column:auto!important}.nav,.pro14-nav{height:66px!important}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .ak-reveal{opacity:1!important;transform:none!important}.ak-float{animation:none!important}
}
.pro14-home-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--ak-x,72%) var(--ak-y,44%),rgba(152,192,239,.075),transparent 25rem);transition:background-position .15s linear;z-index:0}.pro14-home-hero>.wrap{position:relative;z-index:1}