/* Pricing page — layout only */

/* Hero */
.price-hero{padding-bottom:72px}
.price-hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end}
.price-hero h1{max-width:13ch}
.price-ladder{display:flex;flex-direction:column;gap:12px;align-self:center}
.ladder-step{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;border:1px solid var(--sys-line-2);background:rgba(7,17,46,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ladder-step:nth-child(2){margin-left:28px}
.ladder-step:nth-child(3){margin-left:56px;border-color:var(--sys-line-gold);background:linear-gradient(120deg,rgba(201,168,76,.14),rgba(7,17,46,.8))}
.ladder-step .sys-mono{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--sys-gold);color:var(--sys-gold);font-size:13px}
.ladder-step b{font-size:20px;font-weight:600;letter-spacing:-.01em}
@media (max-width:960px){.price-hero-inner{grid-template-columns:1fr}.price-ladder{display:none}}

/* Sticky level tabs */
.price-levels{position:relative;padding-bottom:var(--sys-section-y)}
.price-tabs-wrap{position:sticky;top:var(--sys-header-h);z-index:20;padding:18px 0 0;background:linear-gradient(var(--sys-bg) 82%,rgba(2,1,19,0));}
.price-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.price-tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:16px;border:1px solid var(--sys-line-2);background:var(--sys-surface);transition:border-color .35s,background .35s,transform .35s var(--sys-ease-out)}
.price-tab:hover{transform:translateY(-3px);border-color:var(--sys-line-gold)}
.price-tab:focus-visible{outline:2px solid var(--sys-gold-hi);outline-offset:3px}
.price-tab.is-active{border-color:var(--sys-gold);background:linear-gradient(160deg,rgba(201,168,76,.16),var(--sys-surface) 70%)}
.price-tab-letter{font-size:11px;color:var(--sys-gold)}
.price-tab-name{font-size:clamp(19px,1.8vw,24px);font-weight:600;letter-spacing:-.015em;color:var(--sys-text)}
.price-tab-sum{font-size:13.5px;line-height:1.45;color:var(--sys-text-2)}
.price-rail{position:relative;height:3px;margin-top:14px;border-radius:3px;background:var(--sys-line)}
.price-rail i{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,var(--sys-gold),var(--sys-gold-hi));transform-origin:left;transform:scaleX(.333);transition:transform .7s var(--sys-ease-out)}
@media (max-width:760px){
  .price-tabs{gap:8px}
  .price-tab{padding:12px 10px;align-items:center;text-align:center;border-radius:12px}
  .price-tab-sum{display:none}
  .price-tab-name{font-size:14px;line-height:1.2}
}

/* Panels */
.price-panels{padding-top:40px}
.price-note{max-width:900px;margin-bottom:56px;font-size:14.5px;line-height:1.7;color:var(--sys-text-3)}
.price-note strong{color:var(--sys-text-2);font-weight:500}
.price-panel-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:28px}
.price-panel-head>div{display:flex;flex-direction:column;gap:14px}
@media (max-width:860px){.price-panel-head{grid-template-columns:1fr}}
@keyframes price-panel-in{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
.motion-ready .price-panel.is-entering .price-panel-head{animation:price-panel-in .7s var(--sys-ease-out) both}

/* Cards */
.price-card{min-height:440px}
.price-beam{display:flex;width:100%}
.price-beam>.price-card{flex:1}
.pc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 0 4px}
.pc-pre,.pc-post{font-size:13.5px;color:var(--sys-text-2)}
.pc-pre{flex-basis:100%;font-family:var(--sys-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sys-text-3)}
.pc-big{font-size:clamp(38px,3.4vw,46px);font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--sys-gold)}
.pc-big--word{font-size:clamp(26px,2.4vw,30px);letter-spacing:-.02em}
.price-card .sys-card-foot{gap:14px}

/* Scope */
.price-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.scope-panel{display:flex;flex-direction:column;gap:16px;padding:clamp(26px,3vw,40px);border-radius:var(--sys-radius-lg);border:1px solid var(--sys-line);background:var(--sys-surface)}
.scope-panel .sys-card-code{color:var(--sys-gold)}
.scope-panel p{color:var(--sys-text-2);line-height:1.75}
@media (max-width:860px){.price-scope-grid{grid-template-columns:1fr}}

/* CTA */
.price-cta{position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px,13vw,170px) 0;text-align:center;border-top:1px solid var(--sys-line);background-color:var(--sys-bg-alt)}
.price-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 50% 55%,rgba(201,168,76,.12),transparent 70%);pointer-events:none}
.price-cta .sys-neural{z-index:-2}
.price-cta-inner{display:flex;flex-direction:column;align-items:center;gap:30px}
.price-cta .sys-actions{justify-content:center}

/* Separated package rows */
.scope-rows{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:14px;perspective:1400px}
.scope-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 26px;border-radius:var(--sys-radius);border:1px solid var(--sys-line-2);background:var(--sys-surface);transition:border-color .35s,background .35s,transform .35s var(--sys-ease-out)}
.scope-row:hover{border-color:var(--sys-line-gold);background:var(--sys-surface-2);transform:translateX(6px)}
.scope-price{font-size:clamp(26px,2.4vw,34px);font-weight:600;letter-spacing:-.03em;color:var(--sys-gold);line-height:1}
.scope-what h3{font-size:clamp(19px,1.6vw,22px);margin-bottom:4px}
.scope-what p{color:var(--sys-text-2);font-size:15.5px}
.scope-cta{min-height:48px;font-size:14.5px;padding:0 22px}
.scope-foot{margin-top:18px;font-size:14px;color:var(--sys-text-3)}
.scope-managed{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px 40px;align-items:start;margin-top:48px;padding:clamp(26px,3.5vw,40px);border-radius:var(--sys-radius-lg);border:1px solid var(--sys-line-gold);background:radial-gradient(120% 140% at 0% 0%,rgba(201,168,76,.12),var(--sys-surface) 55%)}
.scope-managed .sys-card-code{color:var(--sys-gold)}
.scope-managed h3{margin-top:10px;font-size:clamp(22px,2vw,26px)}
.scope-managed p{color:var(--sys-text-2);line-height:1.7}
.scope-managed .btn{grid-column:2;justify-self:start}
@media (max-width:860px){.scope-row{grid-template-columns:1fr;gap:12px}.scope-cta{justify-self:start}.scope-managed{grid-template-columns:1fr}.scope-managed .btn{grid-column:1}}

/* hero video: deeper scrim so the ladder and copy stay readable over the busy footage */
.price-hero .sys-hero-scrim{background:linear-gradient(90deg,rgba(2,1,19,.95) 0%,rgba(2,1,19,.8) 50%,rgba(2,1,19,.62) 100%),linear-gradient(0deg,var(--sys-bg) 0%,rgba(2,1,19,0) 40%),linear-gradient(180deg,rgba(2,1,19,.8) 0%,rgba(2,1,19,0) 25%)}