/* CTL Commercial Home V4 — additive marketing layer only. No data hooks are changed. */
:root{--c4-ink:#102830;--c4-paper:#f6f5ed;--c4-gold:#edd76e;--c4-green:#597b71;--c4-blue:#0e2b42;--c4-line:#d3dcd5;--c4-soft:#ecefe7}
.community-header{position:sticky;top:0;z-index:50;background:rgba(246,245,237,.94);backdrop-filter:blur(14px)}
.community-header nav a:first-child{font-weight:800;color:var(--c4-green)}
.community-hero{min-height:820px}
.hero-copy{max-width:610px;position:relative;z-index:3}.hero-copy h1{max-width:610px}.hero-copy .hero-lead{font-size:27px}.hero-copy .hero-description{max-width:470px;font-size:16px}
.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.hero-actions .button{min-width:190px}.hero-actions .button-dark-outline{border:1px solid #bcd0dc;color:#fff;background:#081b2caa}.hero-actions .button-dark-outline:hover{background:#15364c}
.hero-proof-card{position:absolute;right:max(40px,calc((100vw - 1232px)/2));top:150px;width:min(390px,34vw);z-index:3;background:rgba(4,18,30,.86);border:1px solid #ffffff45;box-shadow:0 24px 70px #0007;backdrop-filter:blur(15px);border-radius:18px;padding:24px;color:#fff;transform:rotate(1deg)}
.hero-proof-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #ffffff2e;padding-bottom:15px}.hero-proof-top span{font-size:9px;letter-spacing:1.7px;color:#c4d7e4;font-weight:800}.hero-proof-top b{font-size:10px;background:var(--c4-gold);color:var(--c4-ink);border-radius:999px;padding:7px 9px}.hero-proof-players{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin:24px 0 18px}.hero-proof-player small{display:block;font-size:8px;letter-spacing:1.2px;color:#96adbb}.hero-proof-player strong{display:block;font-size:23px;margin-top:6px;line-height:1.05}.hero-proof-vs{font-size:11px;color:#90a7b7;padding-bottom:4px}.hero-proof-open strong{color:#dbea85}.hero-proof-format{font-size:16px;font-weight:800;border-top:1px solid #ffffff28;padding-top:15px}.hero-proof-meta{font-size:11px;color:#b8c8d3;line-height:1.65;margin-top:7px}.hero-proof-card a{margin-top:17px;width:100%}.hero-proof-hint{font-size:9px;text-align:center;color:#8fa7b7;margin:10px 0 0}
.commercial-proof-strip{background:var(--c4-ink);color:#fff;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22}.commercial-proof-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.proof-item{padding:26px 24px;border-right:1px solid #ffffff1f}.proof-item:last-child{border-right:0}.proof-item small{display:block;color:#9fb5c3;font-size:9px;letter-spacing:1.5px;font-weight:800}.proof-item strong{display:block;font-size:19px;margin-top:8px}.proof-item span{display:block;font-size:11px;color:#bccbd4;line-height:1.45;margin-top:5px}
.freedom-section{padding:86px 0}.freedom-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:7%;align-items:start}.freedom-copy h2{font-size:clamp(48px,5vw,73px);line-height:.94;letter-spacing:-3px;margin:0 0 23px}.freedom-copy p{font-size:15px;line-height:1.7;color:var(--muted);max-width:430px}.freedom-copy .button{margin-top:18px}.format-builder-demo{background:var(--c4-ink);border-radius:20px;padding:24px;color:#fff;box-shadow:0 24px 55px #122a3120}.format-demo-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #ffffff28}.format-demo-head small{font-size:9px;letter-spacing:1.5px;color:#aec2ce}.format-demo-head b{font-size:11px;color:var(--c4-gold)}.format-demo-row{display:grid;grid-template-columns:135px 1fr;gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid #ffffff1d}.format-demo-row:last-child{border-bottom:0}.format-demo-label{font-size:9px;color:#8fa7b7;letter-spacing:1.2px;font-weight:800}.format-options{display:flex;flex-wrap:wrap;gap:8px}.format-options span{padding:9px 11px;border:1px solid #ffffff35;border-radius:8px;font-size:10px;color:#d6e2e9}.format-options span.selected{background:var(--c4-gold);color:var(--c4-ink);border-color:var(--c4-gold);font-weight:800}.format-result{margin-top:18px;background:#0c3541;border:1px solid #557982;border-radius:13px;padding:18px}.format-result small{font-size:8px;letter-spacing:1.3px;color:#a9bfcb}.format-result strong{display:block;font-size:24px;margin-top:7px}.format-result p{font-size:11px;color:#c1d0d7;margin:6px 0 0}
.problem-section{background:#e8ece4;padding:72px 0}.problem-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.problem-copy h2{font-size:clamp(44px,4.7vw,67px);line-height:.95;letter-spacing:-2.7px;margin:0 0 20px}.problem-copy p{font-size:15px;line-height:1.7;color:var(--muted);max-width:500px}.problem-prompt{background:var(--c4-card,#fffdf7);border:1px solid var(--c4-line);border-radius:18px;padding:28px;box-shadow:0 18px 42px #122a3111}.problem-prompt span{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:800}.problem-prompt blockquote{font-size:29px;line-height:1.08;letter-spacing:-1px;margin:18px 0 24px;font-weight:700}.problem-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.problem-actions a{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:9px;font-size:12px;font-weight:800}.problem-actions a:first-child{background:var(--c4-gold)}.problem-actions a:last-child{background:var(--c4-ink);color:#fff}
.feature-section{padding:78px 0}.feature-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:32px}.feature-heading h2{font-size:clamp(43px,4.6vw,67px);line-height:.95;letter-spacing:-2.7px;margin:0}.feature-heading p{max-width:440px;color:var(--muted);line-height:1.7;font-size:14px}.feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{border:1px solid var(--c4-line);background:#fffdf7;border-radius:14px;padding:24px;min-height:230px;display:flex;flex-direction:column}.feature-card .number{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.feature-card h3{font-size:23px;letter-spacing:-.7px;margin:35px 0 10px}.feature-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.feature-card a{font-size:11px;font-weight:800;margin-top:auto;padding-top:23px}.feature-card.is-play{background:var(--c4-gold);border-color:var(--c4-gold)}.feature-card.is-play p,.feature-card.is-play .number{color:#43504a}.feature-card.is-mental{background:#112d3a;color:#fff;border-color:#112d3a}.feature-card.is-mental p,.feature-card.is-mental .number{color:#b7c9d3}
.mental-commercial{background:var(--c4-ink);color:#fff;padding:76px 0}.mental-commercial .section-heading h2{color:#fff}.mental-commercial .section-heading>p{color:#bccbd4}.mental-grid-home{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mental-home-card{border:1px solid #ffffff30;border-radius:13px;padding:22px;background:#ffffff08}.mental-home-card small{font-size:8px;letter-spacing:1.3px;color:#9fb5c2}.mental-home-card h3{font-size:18px;margin:25px 0 8px;color:#fff}.mental-home-card p{font-size:11px;line-height:1.6;color:#b8c9d2}.mental-home-card b{display:block;font-size:10px;color:var(--c4-gold);margin-top:18px}.mental-commercial .button{margin-top:25px}
.share-section{padding:78px 0}.share-box{display:grid;grid-template-columns:1.05fr .95fr;border-radius:20px;overflow:hidden;background:#dfe9e2;border:1px solid #c6d4cb}.share-copy{padding:50px}.share-copy h2{font-size:clamp(43px,4.4vw,64px);line-height:.94;letter-spacing:-2.6px;margin:0 0 20px}.share-copy p{font-size:14px;color:var(--muted);line-height:1.7;max-width:450px}.share-network{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.share-network span{font-size:10px;font-weight:800;padding:9px 11px;border:1px solid #9eb1a5;border-radius:999px;background:#f5f7f1}.share-preview{background:var(--c4-ink);color:#fff;padding:45px;display:flex;align-items:center}.social-match-card{width:100%;background:#0e3540;border:1px solid #5e7f87;border-radius:16px;padding:24px;box-shadow:0 25px 55px #0004}.social-match-card small{font-size:8px;color:#aec2cc;letter-spacing:1.3px}.social-match-card h3{font-size:26px;margin:16px 0 7px}.social-match-card p{font-size:11px;color:#bed0d7;line-height:1.6}.social-match-card strong{display:block;color:var(--c4-gold);font-size:12px;margin-top:17px}
.opportunities-section{background:#f0efe8}.opportunities-section .section-heading h2{max-width:650px}.activity-tabs button:first-child{background:var(--c4-ink);color:#fff;border-color:var(--c4-ink)}
.ranking-commercial{padding:80px 0;background:#fffdf7;border-top:1px solid var(--c4-line);border-bottom:1px solid var(--c4-line)}.ranking-commercial .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.ranking-copy h2{font-size:clamp(44px,4.7vw,67px);line-height:.94;letter-spacing:-2.7px;margin:0 0 20px}.ranking-copy p{font-size:14px;color:var(--muted);line-height:1.7}.ranking-board-demo{border:1px solid var(--c4-line);border-radius:16px;background:var(--c4-paper);padding:13px}.rank-demo-row{display:grid;grid-template-columns:55px 1fr 80px 120px;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--c4-line);font-size:12px}.rank-demo-row:last-child{border-bottom:0}.rank-demo-row.you{background:#e9eddf;border-radius:9px}.rank-demo-row strong{font-size:13px}.rank-demo-row b{text-align:right}.rank-demo-row a{text-align:center;padding:9px 8px;background:var(--c4-ink);color:#fff;border-radius:7px;font-size:9px;font-weight:800}.rank-demo-row.you a{background:transparent;color:var(--muted);pointer-events:none}
@media(max-width:1050px){.hero-proof-card{width:350px;right:24px;top:165px}.commercial-proof-strip .wrap{grid-template-columns:repeat(2,1fr)}.proof-item:nth-child(2){border-right:0}.freedom-grid,.problem-layout,.ranking-commercial .wrap{grid-template-columns:1fr;gap:38px}.feature-cards,.mental-grid-home{grid-template-columns:repeat(2,1fr)}.share-box{grid-template-columns:1fr}.format-builder-demo{max-width:760px}}
@media(max-width:700px){.community-header{position:relative}.community-hero{padding-bottom:0}.hero-copy{padding-bottom:20px}.hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch}.hero-proof-card{position:relative;top:auto;right:auto;width:auto;margin:5px 20px 20px;transform:none;order:2}.hero-world-image{order:3}.hero-network{order:4}.commercial-proof-strip .wrap{grid-template-columns:1fr 1fr;width:100%}.proof-item{padding:20px 18px}.proof-item strong{font-size:16px}.freedom-section,.feature-section,.share-section,.ranking-commercial{padding:55px 0}.freedom-grid,.problem-layout,.ranking-commercial .wrap{gap:28px}.format-demo-row{grid-template-columns:1fr;gap:9px}.problem-actions{grid-template-columns:1fr}.feature-heading{grid-template-columns:1fr;gap:15px}.feature-cards,.mental-grid-home{grid-template-columns:1fr}.feature-card{min-height:190px}.mental-commercial{padding:55px 0}.share-copy,.share-preview{padding:28px}.rank-demo-row{grid-template-columns:35px 1fr 58px}.rank-demo-row a{grid-column:2/4}.ranking-board-demo{padding:7px}}