/* Extends the approved OTO1 system; shared by Command Center and Agency. */
.wrap{max-width:1180px}
.hero{padding:38px 0 32px}
.hero-layout{display:grid;gap:30px;align-items:center}
.hero .kicker,.hero h1,.hero .say{text-align:left}
.hero h1{font-size:clamp(2rem,4.4vw,3.1rem);max-width:18ch}
.hero .say{font-size:1.1rem;line-height:1.5;margin:0 0 20px;max-width:48ch;font-weight:400}
.hero .kicker{font-size:.8rem;margin-bottom:15px;color:var(--ink)}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.hero-actions .btn{font-size:1rem;padding:15px 23px}
.btn{background:var(--ink);color:#fff}.btn:hover{background:var(--red);color:#000}
.text-link{font-size:1rem;font-weight:700;text-underline-offset:4px}
.hero-note{font-size:.875rem;color:var(--muted);margin-top:13px}
.hero-visual{min-width:0}
.hero-visual .screen-link{border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.hero-visual .screen-link picture{padding:10px 10px 0}
.hero-visual .screen-link img{aspect-ratio:16/10;object-fit:contain}
.hero-visual .screen-meta{padding:12px 14px;font-size:.8rem}
.hero-caption{font-size:.875rem;margin-top:10px;color:var(--muted);line-height:1.45}
.ribbon{padding:13px 0;color:#000}.ribbon ul{gap:8px 22px}.ribbon li{font-size:.875rem}
#features .feature-intro h2{max-width:24ch}
#features .feature-intro p{max-width:44ch;font-weight:400}
.feature-card .kind{font-size:.75rem;letter-spacing:.08em;color:var(--ink)}
.feature-card h3{font-size:1.05rem}
.feature-card .feature-description{font-size:1rem;line-height:1.5}
.feature-copy{padding:18px}
.feature-card .screen-meta{font-size:.75rem;min-height:43px}
.preview-note,.mobile-gallery-hint{font-size:.875rem}
.credits{padding:34px 0}
.credit-layout{display:grid;gap:28px;align-items:center}
.credit-total{border:1px solid #545461;padding:26px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.credit-total .label{color:var(--cyan);font-family:var(--disp);font-size:.875rem;text-transform:uppercase;letter-spacing:.08em}
.credit-number{font-family:var(--disp);font-weight:700;font-size:clamp(2.8rem,6vw,4.2rem);line-height:1.05;margin:9px 0}
.credit-total p:last-child{color:#d1d0d9;font-size:1rem}
.credit-steps{display:grid;gap:14px;margin-top:20px;list-style:none}
.credit-steps li{display:flex;gap:13px;align-items:flex-start;font-size:1rem;color:#d1d0d9}
.credit-steps b{display:block;color:#fff}.credit-step{font-family:var(--disp);color:var(--cyan);font-weight:700}
.credit-layout h2{margin-bottom:12px}.credit-layout>div>p{font-size:1rem;color:#d1d0d9}
.credit-fine{border-top:1px solid #545461;padding-top:16px;margin-top:22px;font-size:.875rem;color:#d1d0d9}
.boundary span{font-size:1rem;font-weight:400}.boundary b{font-size:.95rem}
.boundarygrid{gap:22px}.boundary-section h2{max-width:25ch}
.resource-grid{display:grid;gap:14px;list-style:none;margin-top:24px}
.resource-card{border-top:3px solid var(--red);background:#fff;padding:20px;display:flex;gap:12px;align-items:flex-start}
.resource-card .feature-icon{flex:0 0 42px;width:42px;height:42px;margin:0}.resource-card .feature-icon svg{width:38px;height:38px}
.resource-card h3{font-size:1rem;margin:0 0 8px;text-transform:uppercase}.resource-card p{font-size:1rem;line-height:1.5;color:var(--muted)}
.module-strip{display:grid;gap:12px;margin-top:22px}.module-strip p{border-left:3px solid var(--cyan);padding-left:14px;font-size:1rem;margin:0}
.module-strip b{font-family:var(--disp);display:block;font-size:.95rem;margin-bottom:5px}
.detail-note{font-size:.875rem;color:var(--muted);margin-top:17px}
.pricebox{max-width:980px}.pricebox .price{font-size:4.5rem}.pricebox .after{font-size:1rem}.pricebox .btn{font-size:1.18rem}.btn small{font-size:.875rem}
.price-list{display:flex;gap:10px 24px;justify-content:center;flex-wrap:wrap;list-style:none;margin:20px 0;font-size:1rem;font-weight:600}
.launch-check{border:1px solid var(--red);background:#fff;padding:18px 22px;margin:22px auto 0;max-width:980px;font-size:1rem;scroll-margin-top:24px}
.launch-check strong{display:block;color:var(--ink)}
.review-banner{background:var(--ink);color:#fff;padding:10px 22px;text-align:center;font-size:.875rem}
.review-banner a{color:var(--cyan);text-underline-offset:3px}
.btn.pending{background:#383843;color:#fff;cursor:not-allowed;opacity:1;border:1px solid #797986}
.video-note{border-top:1px solid var(--line);padding-top:12px;margin-top:15px;font-size:.875rem;color:var(--muted)}
.guarantee{display:flex;align-items:center;gap:26px;justify-content:center}.guarantee .bignum{font-size:4rem}.guarantee p{max-width:60ch;font-size:1rem}
.jvz-legal{max-width:1136px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
.proof-dialog .eyebrow,.proof-dialog-caption .proof-source{font-size:.875rem}
.proof-dialog .eyebrow,.proof-original{color:var(--ink)}
@media(min-width:820px){.hero-layout{grid-template-columns:1fr 1fr}.credit-layout{grid-template-columns:.85fr 1.4fr}.resource-grid{grid-template-columns:repeat(3,1fr)}.module-strip{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1040px){.feature-grid.three{grid-template-columns:repeat(3,1fr)}.feature-grid.four{grid-template-columns:repeat(4,1fr)}}
@media(max-width:819px){.hero h1{max-width:24ch}.hero{padding-top:26px}.hero-visual{max-width:620px}.hero-layout{gap:24px}.credit-total{max-width:560px}.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:619px){.resource-grid{grid-template-columns:1fr}.hero .say{font-size:1rem}.hero h1{font-size:2.1rem}.topbar .tag{font-size:.7rem;letter-spacing:.04em}.topbar .wrap{gap:8px}.guarantee{align-items:flex-start;gap:18px}.pricebox{padding:25px 18px}.credit-number{font-size:2.7rem}.hero-actions{gap:14px}.hero-visual .screen-meta{font-size:.75rem}.ribbon ul{justify-content:flex-start}.jvz-legal{padding:20px 22px}}