:root { --info-green:#b7dc69; --info-panel:rgba(20,23,18,.91); --info-border:rgba(183,220,105,.17); --info-muted:#858c80; }
.info-body { min-width:320px; overflow-x:hidden; background:#0d0f0c; }
.info-body .dash-bg { filter:grayscale(.65) saturate(.58); opacity:.72; }
.info-page { width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:118px 0 72px; }
.info-kicker { margin:0; color:var(--info-green); font-size:.68rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.info-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:25px; }
.info-button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:26px; padding:0 20px; border-radius:999px; color:#172016; background:var(--info-green); font-size:.72rem; font-weight:850; text-decoration:none; }
.info-button--secondary { color:#c4c9c0; border:1px solid rgba(255,255,255,.11); background:rgba(10,12,9,.54); }
.info-button--disabled { color:#7e8777; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); cursor:default; }

.info-hero { position:relative; min-height:470px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); align-items:center; gap:48px; overflow:hidden; padding:clamp(32px,6vw,72px); border:1px solid var(--info-border); border-radius:26px; background:radial-gradient(circle at 75% 20%,rgba(183,220,105,.14),transparent 32%),linear-gradient(135deg,rgba(24,29,20,.97),rgba(10,12,9,.95)); box-shadow:0 28px 85px rgba(0,0,0,.32); }
.info-hero::before { content:''; position:absolute; inset:0; opacity:.09; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,transparent,#000); }
.info-hero__copy { position:relative; z-index:1; }
.info-hero h1 { max-width:770px; margin:12px 0 18px; color:#f3f6ef; font-size:clamp(3rem,6vw,6.3rem); line-height:.91; letter-spacing:-.068em; }
.about-hero h1 { font-size:clamp(3rem,5vw,4.7rem); line-height:.94; }
.info-hero__copy > p:not(.info-kicker) { max-width:680px; margin:0; color:#a1a89d; font-size:clamp(.9rem,1.45vw,1.08rem); line-height:1.65; }
.about-portrait { position:relative; z-index:1; min-height:340px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; }
.about-portrait__ring { position:absolute; top:2%; left:50%; width:280px; height:280px; border:1px solid rgba(183,220,105,.26); border-radius:50%; background:radial-gradient(circle,rgba(183,220,105,.14),transparent 67%); transform:translateX(-50%); }
.about-portrait img { position:relative; z-index:1; width:min(100%,310px); max-height:305px; object-fit:contain; filter:drop-shadow(0 24px 25px rgba(0,0,0,.52)); }
.about-portrait div { position:relative; z-index:2; width:min(100%,300px); display:grid; gap:3px; margin-top:-20px; padding:16px 18px; border:1px solid rgba(183,220,105,.2); border-radius:14px; background:rgba(14,17,12,.88); backdrop-filter:blur(10px); }
.about-portrait strong { color:#e9eee5; font-size:.78rem; }
.about-portrait span:last-child { color:#788173; font-size:.65rem; }
.info-section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:44px 0 16px; }
.info-section-heading h2 { margin:7px 0 0; color:#eff2ec; font-size:clamp(1.7rem,3vw,2.6rem); letter-spacing:-.045em; }
.info-section-heading > p { max-width:500px; margin:0; color:#7e8679; font-size:.73rem; line-height:1.65; text-align:right; }
.about-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.about-values article { min-height:245px; padding:27px; border:1px solid rgba(255,255,255,.075); border-radius:19px; background:linear-gradient(145deg,rgba(183,220,105,.05),transparent 45%),var(--info-panel); }
.about-values article > span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:var(--info-green); background:rgba(183,220,105,.09); font-size:.66rem; font-weight:850; }
.about-values h2 { margin:46px 0 10px; color:#edf1e9; font-size:1.2rem; letter-spacing:-.035em; }
.about-values p { margin:0; color:#7f877a; font-size:.72rem; line-height:1.62; }
.about-story { display:grid; grid-template-columns:.72fr 1.28fr; gap:48px; margin-top:14px; padding:clamp(28px,5vw,52px); border:1px solid var(--info-border); border-radius:21px; background:var(--info-panel); }
.about-story h2 { max-width:350px; margin:8px 0 0; color:#edf1e9; font-size:clamp(1.8rem,3.6vw,3.2rem); line-height:1; letter-spacing:-.055em; }
.about-story > div:last-child > p { margin:0 0 15px; color:#8c9388; font-size:.76rem; line-height:1.72; }
.about-story__links { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.about-story__links a { display:inline-flex; align-items:center; gap:18px; padding:11px 14px; border:1px solid rgba(255,255,255,.08); border-radius:11px; color:#b8beb4; font-size:.69rem; font-weight:750; text-decoration:none; }
.about-story__links a:hover { color:#172016; border-color:var(--info-green); background:var(--info-green); }

.about-results-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.about-results-grid figure { position:relative; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:22px; background:#11140f; }
.about-results-grid img { display:block; width:100%; height:100%; aspect-ratio:1; object-fit:cover; }
.about-results-grid figcaption { position:absolute; left:16px; bottom:16px; padding:8px 14px; border-radius:999px; color:#eef2ea; background:rgba(8,10,7,.72); font-size:.66rem; font-weight:800; backdrop-filter:blur(8px); }

.about-coach { display:grid; grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr); align-items:center; gap:48px; margin-top:14px; padding:clamp(28px,5vw,52px); border:1px solid var(--info-border); border-radius:21px; background:var(--info-panel); }
.about-coach__visual { overflow:hidden; border-radius:18px; aspect-ratio:1; }
.about-coach__visual img { width:100%; height:100%; object-fit:cover; }
.about-coach__copy h2 { margin:9px 0 14px; color:#edf1e9; font-size:clamp(1.8rem,3.6vw,3rem); line-height:.98; letter-spacing:-.05em; }
.about-coach__copy > p:not(.info-kicker) { max-width:600px; margin:0; color:#8c9388; font-size:.79rem; line-height:1.7; }
.about-coach-points { display:grid; gap:9px; margin-top:22px; }
.about-coach-points article { display:flex; align-items:flex-start; gap:13px; padding:14px; border:1px solid rgba(255,255,255,.065); border-radius:13px; background:rgba(255,255,255,.022); }
.about-coach-points b { flex:0 0 auto; color:var(--info-green); font-size:.8rem; font-style:normal; }
.about-coach-points strong { display:block; color:#e9ede5; font-size:.75rem; }
.about-coach-points small { display:block; margin-top:3px; color:#858d80; font-size:.67rem; line-height:1.5; }

.roadmap-hero { max-width:780px; margin:30px auto 44px; text-align:center; }
.roadmap-hero h1 { margin:10px 0 12px; color:#f3f6ef; font-size:clamp(3.4rem,7vw,6.5rem); line-height:.9; letter-spacing:-.07em; }
.roadmap-hero > p:last-child { max-width:650px; margin:0 auto; color:#8f978b; font-size:clamp(.87rem,1.5vw,1.06rem); line-height:1.62; }
.roadmap-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.roadmap-column { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:21px; background:rgba(17,20,15,.82); }
.roadmap-column > header { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:0 20px; border-bottom:1px solid rgba(255,255,255,.075); color:#d8ddd4; font-size:.7rem; font-weight:780; }
.roadmap-column > header span { display:flex; align-items:center; gap:9px; }
.roadmap-column > header i { width:7px; height:7px; border-radius:50%; background:#777f73; box-shadow:0 0 0 4px rgba(119,127,115,.08); }
.roadmap-column--progress > header i { background:var(--info-green); box-shadow:0 0 0 4px rgba(183,220,105,.1),0 0 17px rgba(183,220,105,.45); }
.roadmap-column--shipped > header i { background:#f1f4ee; }
.roadmap-column > header strong { color:#66705f; font-size:.66rem; font-weight:700; }
.roadmap-stack { display:grid; align-content:start; gap:12px; padding:15px; }
.roadmap-stack article { min-width:0; padding:21px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:linear-gradient(145deg,rgba(183,220,105,.035),transparent 48%),rgba(22,25,20,.92); transition:transform .2s,border-color .2s; }
.roadmap-stack article:hover { border-color:rgba(183,220,105,.3); transform:translateY(-2px); }
.roadmap-card__top { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#7c8477; font-size:.59rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.roadmap-card__top time { color:#626a5f; font-weight:650; letter-spacing:0; text-transform:none; }
.roadmap-stack h2 { margin:22px 0 9px; color:#edf1e9; font-size:1.05rem; line-height:1.2; letter-spacing:-.03em; }
.roadmap-stack p { margin:0; color:#838a7f; font-size:.7rem; line-height:1.6; }
.roadmap-stack footer { display:flex; flex-wrap:wrap; gap:6px; margin-top:18px; }
.roadmap-stack footer span { padding:5px 8px; border-radius:999px; color:#8d9d7e; background:rgba(183,220,105,.065); font-size:.55rem; font-weight:750; }
.roadmap-note { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:18px; padding:19px 22px; border-left:2px solid var(--info-green); border-radius:0 14px 14px 0; background:rgba(183,220,105,.045); }
.roadmap-note p { margin:0; color:#798175; font-size:.67rem; line-height:1.55; }
.roadmap-note a { flex:none; display:inline-flex; align-items:center; gap:16px; color:var(--info-green); font-size:.67rem; font-weight:800; text-decoration:none; }

.resource-hero { max-width:860px; margin:30px auto 42px; text-align:center; }
.resource-hero h1 { margin:10px 0 15px; color:#f3f6ef; font-size:clamp(3rem,6.4vw,6rem); line-height:.92; letter-spacing:-.065em; }
.resource-hero > p:last-child { max-width:680px; margin:0 auto; color:#8f978b; font-size:clamp(.87rem,1.45vw,1.04rem); line-height:1.65; }
.resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.resource-card { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:var(--info-panel); }
.resource-card__visual { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; }
.resource-card__visual::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,12,9,.8),transparent 60%); }
.resource-card__visual img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s ease; }
.resource-card:hover .resource-card__visual img { transform:scale(1.035); }
.resource-card__visual span { position:absolute; z-index:1; left:15px; bottom:13px; padding:5px 9px; border:1px solid rgba(183,220,105,.25); border-radius:999px; color:#c7e98a; background:rgba(12,15,10,.76); font-size:.58rem; font-weight:800; text-transform:uppercase; }
.resource-card > div { padding:23px; }
.resource-card h2 { margin:18px 0 9px; color:#edf1e9; font-size:1.25rem; letter-spacing:-.04em; }
.resource-card > div > p:not(.info-kicker) { min-height:66px; margin:0; color:#81897d; font-size:.72rem; line-height:1.58; }
.resource-card > div > a { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; padding-top:15px; border-top:1px solid rgba(255,255,255,.07); color:var(--info-green); font-size:.68rem; font-weight:800; text-decoration:none; }

.program-catalog { display:grid; gap:18px; }
.program-product { min-height:470px; display:grid; grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr); overflow:hidden; border:1px solid var(--info-border); border-radius:24px; background:var(--info-panel); }
.program-product__visual { position:relative; display:flex; align-items:flex-end; justify-content:center; overflow:hidden; padding:30px; background:radial-gradient(circle at 50% 36%,rgba(183,220,105,.22),transparent 42%),linear-gradient(145deg,#1b2117,#0b0d0a); }
.program-product__visual::before { content:''; position:absolute; inset:0; opacity:.09; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:36px 36px; }
.program-product__visual > span { position:absolute; z-index:2; top:25px; left:25px; padding:6px 10px; border:1px solid rgba(183,220,105,.25); border-radius:999px; color:#cae995; background:rgba(8,10,7,.68); font-size:.6rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.program-product__visual img { position:relative; z-index:1; width:min(100%,470px); max-height:410px; object-fit:contain; filter:drop-shadow(0 26px 28px rgba(0,0,0,.48)); }
.program-product--growth .program-product__visual { background:radial-gradient(circle at 50% 35%,rgba(183,220,105,.19),transparent 38%),linear-gradient(145deg,#171c14,#0b0d0a); }
.program-product--growth .program-product__visual img { width:min(78%,300px); }
.program-product__content { display:flex; flex-direction:column; justify-content:center; padding:clamp(30px,5vw,65px); }
.program-product__top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.program-product__top strong { color:var(--info-green); font-size:1.1rem; }
.program-product h2 { margin:13px 0 12px; color:#f1f4ee; font-size:clamp(2.4rem,5vw,4.8rem); line-height:.92; letter-spacing:-.065em; }
.program-product__content > p { margin:0; color:#939b8f; font-size:.84rem; line-height:1.62; }
.program-product ul { display:grid; grid-template-columns:1fr 1fr; gap:9px 20px; margin:25px 0 30px; padding:0; list-style:none; }
.program-product li { position:relative; padding-left:18px; color:#858d80; font-size:.68rem; }
.program-product li::before { content:'✓'; position:absolute; left:0; color:var(--info-green); font-weight:900; }
.program-product .info-button { align-self:flex-start; }
.catalog-note { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:18px; padding:27px 30px; border:1px solid var(--info-border); border-radius:18px; background:rgba(183,220,105,.045); }
.catalog-note h2 { margin:6px 0 0; color:#edf1e9; font-size:1.5rem; letter-spacing:-.04em; }

/* Legal and contact pages */
.legal-page { width:min(940px,calc(100% - 40px)); }
.legal-hero { margin:24px 0 22px; padding:clamp(28px,5vw,54px); border:1px solid var(--info-border); border-radius:24px; background:linear-gradient(145deg,rgba(25,30,21,.96),rgba(11,14,10,.96)); }
.legal-hero h1 { margin:10px 0 12px; color:#f3f6ef; font-size:clamp(2.7rem,6vw,5.4rem); line-height:.92; letter-spacing:-.065em; }
.legal-hero p:last-child { max-width:690px; margin:0; color:#90988c; font-size:.79rem; line-height:1.7; }
.legal-document { display:grid; gap:13px; }
.legal-document section,.contact-card { padding:clamp(23px,4vw,36px); border:1px solid rgba(255,255,255,.08); border-radius:18px; background:var(--info-panel); }
.legal-document h2,.contact-card h2 { margin:0 0 12px; color:#edf1e9; font-size:1.15rem; letter-spacing:-.03em; }
.legal-document h3 { margin:22px 0 8px; color:#dce2d8; font-size:.85rem; }
.legal-document p,.legal-document li,.contact-card p { color:#8c9488; font-size:.74rem; line-height:1.75; }
.legal-document p { margin:0 0 11px; }
.legal-document p:last-child { margin-bottom:0; }
.legal-document ul { display:grid; gap:6px; margin:10px 0 0; padding-left:20px; }
.legal-document a,.contact-card a { color:var(--info-green); }
.legal-meta { margin-top:17px; color:#6f786b; font-size:.64rem; }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.contact-card { min-height:180px; }
.contact-card strong { display:block; margin-bottom:7px; color:#edf1e9; font-size:.78rem; }
.contact-card address { color:#8c9488; font-size:.74rem; font-style:normal; line-height:1.75; }

@media (max-width:1000px) {
  .info-hero { grid-template-columns:1fr .65fr; gap:20px; padding:42px; }
  .roadmap-board { grid-template-columns:1fr 1fr; }
  .roadmap-column--shipped { grid-column:1 / -1; }
  .roadmap-column--shipped .roadmap-stack { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .resource-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
  .info-page { width:min(100% - 24px,620px); padding-top:104px; padding-bottom:52px; }
  .info-hero { grid-template-columns:1fr; min-height:0; padding:30px 24px; border-radius:20px; }
  .about-portrait { min-height:285px; margin-top:10px; }
  .about-portrait__ring { width:235px; height:235px; }
  .about-portrait img { max-height:250px; }
  .info-section-heading { align-items:start; flex-direction:column; margin-top:34px; }
  .info-section-heading > p { text-align:left; }
  .about-values,.roadmap-board { grid-template-columns:1fr; }
  .about-values article { min-height:210px; }
  .about-values h2 { margin-top:34px; }
  .about-story { grid-template-columns:1fr; gap:24px; }
  .about-results-grid { gap:10px; }
  .about-coach { grid-template-columns:1fr; text-align:left; }
  .about-coach__visual { max-width:260px; }
  .roadmap-hero { margin:18px auto 30px; text-align:left; }
  .roadmap-hero > p:last-child { margin:0; }
  .roadmap-column--shipped { grid-column:auto; }
  .roadmap-column--shipped .roadmap-stack { grid-template-columns:1fr; }
  .roadmap-note { align-items:flex-start; flex-direction:column; }
  .resource-hero { margin-top:18px; text-align:left; }
  .resource-hero > p:last-child { margin:0; }
  .resource-grid { grid-template-columns:1fr; }
  .program-product { grid-template-columns:1fr; }
  .program-product__visual { min-height:360px; }
  .program-product__content { padding:30px 24px 34px; }
  .program-product ul { grid-template-columns:1fr; }
  .catalog-note { align-items:flex-start; flex-direction:column; }
  .legal-page { width:min(100% - 24px,620px); }
  .contact-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .roadmap-stack article { transition:none; } }

/* Branded 404 */
.error-body { min-height:100vh; }
.error-page { position:relative; z-index:2; display:grid; place-items:center; min-height:calc(100vh - 150px); padding:140px 24px 70px; }
.error-card { position:relative; isolation:isolate; width:min(1040px,100%); min-height:460px; overflow:hidden; display:grid; grid-template-columns:minmax(180px,.58fr) minmax(0,1.42fr); align-items:center; gap:50px; padding:58px clamp(30px,6vw,76px); border:1px solid rgba(183,220,105,.22); border-radius:30px; background:radial-gradient(circle at 10% 50%,rgba(183,220,105,.12),transparent 36%),linear-gradient(145deg,rgba(25,29,21,.97),rgba(11,14,10,.98)); box-shadow:0 35px 90px rgba(0,0,0,.42); }
.error-code { color:rgba(183,220,105,.12); font-size:clamp(8rem,17vw,14rem); font-weight:950; line-height:.75; letter-spacing:-.11em; text-shadow:0 0 45px rgba(183,220,105,.08); user-select:none; }
.error-copy { position:relative; z-index:2; }
.error-copy h1 { max-width:680px; margin:12px 0 18px; color:#f4f7f0; font-size:clamp(2.6rem,5.6vw,5.5rem); line-height:.88; letter-spacing:-.065em; }
.error-copy > p:last-of-type { max-width:610px; margin:0; color:#899185; font-size:clamp(.88rem,1.35vw,1.02rem); line-height:1.65; }
.error-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:32px; }
.error-link { display:inline-flex; align-items:center; gap:12px; padding:13px 8px; color:#b7dc69; font-size:.72rem; font-weight:800; text-decoration:none; }
.error-link span { transition:transform .2s ease; }
.error-link:hover span { transform:translateX(4px); }
.error-mark { position:absolute; right:-75px; bottom:-120px; z-index:0; width:330px; opacity:.055; transform:rotate(-10deg); pointer-events:none; }
@media (max-width:760px) {
  .error-page { min-height:calc(100vh - 90px); padding:105px 16px 46px; }
  .error-card { min-height:0; grid-template-columns:1fr; gap:24px; padding:38px 25px 42px; border-radius:23px; }
  .error-code { font-size:7rem; line-height:.72; }
  .error-copy h1 { font-size:clamp(2.55rem,13vw,4rem); }
  .error-actions { align-items:stretch; flex-direction:column; }
  .error-actions .info-button,.error-link { justify-content:center; width:100%; }
  .error-mark { right:-65px; bottom:-70px; width:230px; }
}
