
.system-subscription{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:66px 0 48px;color:#101820}
.system-intro{max-width:750px;margin-bottom:46px}.system-eyebrow{text-transform:uppercase;font-size:11px!important;letter-spacing:.13em;color:#0e7c66!important;font-weight:750;margin:0 0 14px!important}
.system-intro h1{font-size:clamp(30px,3.4vw,44px);font-weight:750;line-height:1.15;letter-spacing:-.035em;margin:0 0 18px;max-width:none}
.system-intro>p:last-child{font-size:17px;line-height:1.75;color:#69776f;max-width:690px;margin:0}
.trade-process{border-top:1px solid #d9e2e1}.process-step{display:flex;align-items:center;gap:24px;padding:27px 0;border-bottom:1px solid #d9e2e1}.step-index{align-self:flex-start;padding-top:4px;color:#98a39c;font-size:12px;min-width:24px}.process-step>div{flex:1;max-width:700px}.process-step h2{font-size:22px;line-height:1.3;letter-spacing:-.02em;font-weight:750;margin:0 0 8px}.process-step p{font-size:15px;line-height:1.7;color:#69776f;margin:0;max-width:620px}.step-action{margin-left:auto;font-size:11px;letter-spacing:.06em;font-weight:750;white-space:nowrap;min-width:170px;text-align:right}.step-action.buy{color:#008778}.step-action.add{color:#3772cf}.step-action.risk{color:#a67422}.step-action.sell{color:#ba4842}
.capital-discipline{display:flex;gap:64px;align-items:start;padding:44px 0 38px}.capital-discipline>div{flex:0 0 30%}.capital-discipline h2{font-size:23px;line-height:1.3;letter-spacing:-.02em;font-weight:750;margin:0}.capital-discipline>p{font-size:15px;line-height:1.85;color:#69776f;margin:0;max-width:650px;padding-top:3px}
.subscription-delivery{border-top:1px solid #d9e2e1;padding:32px 0}.subscription-delivery h2{font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px}.subscription-delivery>p{font-size:15px;line-height:1.7;color:#69776f;margin:0 0 24px}.subscription-cta{display:flex;align-items:center;gap:20px}.subscription-cta button{font:700 14px/1.5 inherit;min-width:140px;min-height:44px;border-radius:8px}.subscription-cta button:disabled{opacity:.6;cursor:not-allowed}.subscription-cta>span{font-size:12px;color:#829087}
.system-example{border-top:1px solid #d9e2e1;padding-top:22px;margin-top:8px}.system-example summary{font-size:13px;color:#52655a;cursor:pointer}.system-example summary span{font-size:11px;color:#8a968e;margin-left:14px}.system-example figure{max-width:760px;margin:28px auto 0}.system-example img{display:block;width:100%;height:auto}.system-example figcaption{font-size:11px;line-height:1.7;color:#8a968e;margin-top:12px}
@media(max-width:700px){.system-subscription{padding-top:38px}.system-intro{margin-bottom:30px}.process-step{gap:14px;flex-wrap:wrap;padding:23px 0}.process-step>div{flex-basis:calc(100% - 40px)}.step-action{margin-left:38px;text-align:left;min-width:0}.capital-discipline{flex-direction:column;gap:18px;padding:30px 0}.subscription-cta{flex-wrap:wrap;gap:12px}.system-example summary span{display:block;margin:6px 0 0 17px}}
@media(max-width:620px){.system-subscription{width:calc(100% - 28px)}}

.process-step .step-index{font-size:24px;font-weight:750;line-height:1.2;color:#28594c;min-width:38px;padding-top:1px}

/* Airy desktop overview: three parallel topics instead of stacked rows. */
@media (min-width: 900px) {
  body.subscription-page {min-height:100svh;display:flex;flex-direction:column;}
  .subscription-page .system-subscription {box-sizing:border-box;flex:1;padding:32px 0;display:flex;flex-direction:column;justify-content:center;}
  .subscription-page .system-intro {max-width:none;margin-bottom:clamp(46px,8vh,80px);}
  .subscription-page .system-intro h1 {font-size:clamp(30px,3.2vw,44px);margin-bottom:0;}
  .subscription-page .system-eyebrow {margin-bottom:14px!important;}
  .subscription-page .trade-process {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:0;}
  .subscription-page .process-step {display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:22px 0 0;border-top:1px solid #d9e2e1;border-bottom:0;}
  .subscription-page .process-step .step-index {font-size:14px;line-height:1.3;padding:0;margin-bottom:24px;min-width:0;}
  .subscription-page .process-step>div {flex:1;max-width:none;}
  .subscription-page .process-step h2 {font-size:22px;margin:0 0 14px;}
  .subscription-page .process-step p {font-size:15px;line-height:1.7;max-width:340px;}
  .subscription-page .step-action {margin:28px 0 0;min-width:0;text-align:left;font-size:10px;}
  .subscription-page .system-example {margin-top:36px;padding-top:18px;}
  body.subscription-page .site-footer {padding-top:18px;padding-bottom:18px;}
}
@media (min-width:900px) and (max-height:700px) {
  .subscription-page .system-subscription {padding-top:20px;padding-bottom:20px;}
  .subscription-page .system-intro {margin-bottom:44px;}
  .subscription-page .process-step .step-index {margin-bottom:16px;}
  .subscription-page .system-example {margin-top:24px;}
}
