:root{
  color-scheme:dark;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#02050b;
  color:#f4fbff
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#02050b}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 16% 16%,rgba(255,26,58,.2),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(0,174,255,.22),transparent 30%),
    radial-gradient(circle at 50% 92%,rgba(44,118,255,.13),transparent 38%),
    linear-gradient(180deg,#050814 0%,#02050b 72%,#030711 100%);
  overflow-x:hidden
}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;opacity:.42;
  background-image:
    radial-gradient(circle at 15% 32%,#fff 0 1px,transparent 1.4px),
    radial-gradient(circle at 64% 11%,#fff 0 1px,transparent 1.4px),
    radial-gradient(circle at 84% 48%,#68d7ff 0 1px,transparent 1.5px),
    radial-gradient(circle at 37% 76%,#ff6174 0 1px,transparent 1.5px);
  background-size:170px 170px,230px 230px,290px 290px,310px 310px
}
.pricing-shell{
  width:min(1120px,calc(100% - 28px));
  margin:0 auto;
  padding:34px 0 56px;
  position:relative
}
.back-link{
  display:inline-block;
  color:#dff9ff;
  text-decoration:none;
  font:800 .74rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.22em;
  margin:0 0 20px;
  text-shadow:0 0 12px rgba(96,214,255,.35)
}
.brand-head{text-align:center;padding:8px 18px 22px}
.brand-logo{width:min(310px,52vw);max-height:230px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(171,231,255,.2))}
.brand-name{
  margin:4px 0 0;
  font-weight:900;
  letter-spacing:.34em;
  font-size:clamp(1rem,3vw,2rem);
  background:linear-gradient(105deg,#51616b,#fff 19%,#94aab6 34%,#fff 49%,#607681 65%,#dcf8ff 81%,#fff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 2px 2px rgba(0,0,0,.4)
}
.brand-tag{margin:8px 0 22px;font-size:.68rem;letter-spacing:.48em;color:#c9d5dc}
h1{
  margin:0;
  font-size:clamp(2rem,6vw,4.35rem);
  line-height:1;
  letter-spacing:-.04em;
  background:linear-gradient(90deg,#fff 8%,#bac9d3 24%,#fff 43%,#9db4c1 58%,#fff 78%,#d6edf6);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 3px 2px rgba(0,0,0,.65),0 0 22px rgba(105,205,255,.25)
}
.subhead{
  margin:14px auto 0;
  color:#e5edf2;
  font-size:clamp(.58rem,1.5vw,.82rem);
  letter-spacing:.36em;
  line-height:1.7
}
.price-panel{
  position:relative;
  margin:16px 0;
  padding:26px 30px 20px;
  border:1px solid rgba(199,243,255,.56);
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);
  background:linear-gradient(180deg,rgba(7,18,31,.9),rgba(4,10,20,.92));
  box-shadow:
    inset 0 0 0 1px rgba(255,69,82,.24),
    0 0 22px rgba(0,188,255,.16),
    0 0 22px rgba(255,42,62,.1)
}
.price-panel::before,.price-panel::after{
  content:"";position:absolute;top:0;bottom:0;width:3px;filter:blur(.2px)
}
.price-panel::before{left:0;background:#48dcff;box-shadow:0 0 16px #24cfff}
.price-panel::after{right:0;background:#ff4055;box-shadow:0 0 16px #ff263e}
.panel-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  padding-bottom:12px;border-bottom:1px solid rgba(194,221,235,.22)
}
.panel-head>div{display:flex;align-items:center;gap:13px}
.panel-head h2{margin:0;font-size:clamp(1.3rem,3vw,2.05rem);font-weight:700;letter-spacing:-.02em}
.panel-head p{margin:0;font-size:.62rem;letter-spacing:.34em;color:#d5dee4;white-space:nowrap}
.icon{
  display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  border:1px solid #67e3ff;color:#fff;
  box-shadow:0 0 14px rgba(0,209,255,.45),inset 0 0 12px rgba(255,54,72,.26)
}
.price-list{display:grid}
.price-list>div{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;
  min-height:44px;padding:0 8px;
  border-bottom:1px solid rgba(216,235,245,.16);
  font-size:clamp(.88rem,2vw,1.08rem)
}
.price-list>div:last-child{border-bottom:0}
.price-list strong{font-weight:800;color:#eefcff;text-shadow:0 0 10px rgba(113,222,255,.26)}
.benefits{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
  margin:26px 0 18px;padding:0 10px
}
.benefits span{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;
  min-height:62px;padding:0 16px;border-right:1px solid rgba(196,228,242,.24);
  font-size:1.7rem;color:#dff9ff;text-shadow:0 0 13px rgba(64,208,255,.38)
}
.benefits span:last-child{border-right:0}
.benefits b{font-size:.66rem;line-height:1.55;letter-spacing:.24em;color:#f0f5f8;text-shadow:none}
.promise{text-align:center;letter-spacing:.36em;font-size:.7rem;color:#d4dde3;margin:20px 0}
.cta{
  display:flex;align-items:center;justify-content:center;gap:16px;
  width:min(430px,92%);height:56px;margin:22px auto 0;
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);
  border:1px solid #96efff;
  background:linear-gradient(90deg,rgba(16,37,60,.9),rgba(20,26,44,.98),rgba(78,12,25,.7));
  color:#fff;text-decoration:none;font:900 .85rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.25em;
  box-shadow:0 0 20px rgba(62,216,255,.2),0 0 20px rgba(255,42,61,.13)
}
.cta span{font-size:1.5rem;color:#ff9dab}
@media(max-width:720px){
  .pricing-shell{width:min(100% - 18px,720px);padding-top:18px}
  .brand-head{padding-inline:8px}
  .brand-logo{width:min(240px,62vw)}
  .brand-tag{letter-spacing:.34em}
  .price-panel{padding:20px 14px 14px}
  .panel-head{align-items:flex-start;flex-direction:column}
  .panel-head p{white-space:normal;line-height:1.6}
  .price-list>div{gap:12px;padding-inline:2px;min-height:48px}
  .price-list strong{text-align:right}
  .benefits{grid-template-columns:1fr 1fr}
  .benefits span{border-right:0;border-bottom:1px solid rgba(196,228,242,.18)}
}
@media(max-width:460px){
  .price-list>div{grid-template-columns:1fr;gap:4px;padding-block:10px}
  .price-list strong{text-align:left}
  .benefits{grid-template-columns:1fr}
  .benefits span{min-height:52px}
  .promise{line-height:1.7}
}