.cc .cc-account-entry{max-width:610px}.cc .cc-account-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.cc .cc-account-entry label{display:block}.cc .cc-account-entry label>input:not([type=checkbox]){margin-top:6px}.cc .cc-account-entry .cc-account-check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.cc .cc-account-check input[type=checkbox]{appearance:auto;-webkit-appearance:auto;flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:3px 0 0;padding:0;accent-color:#baff79}.cc .cc-account-check button,.cc .cc-account-note button{display:inline;min-height:0;background:none!important;border:0;border-radius:0;padding:0;box-shadow:none!important;color:#d9ff9e;text-decoration:underline;font:inherit;cursor:pointer}.cc .cc-account-note{font-size:12px;margin:16px 0}.cc .cc-account-legal-links{display:flex;flex-wrap:wrap;gap:8px}.cc .cc-legal-modal{max-width:760px}.cc .cc-legal-modal h2{font-size:27px}.cc .cc-legal-modal h3{font-size:18px;margin-top:24px}.cc .cc-legal-modal p,.cc .cc-legal-modal li{font-size:14px;color:#d5dfed}.cc .cc-legal-modal a{color:#daff9e}.cc .cc-legal-modal>button:first-child{position:sticky;top:0;z-index:1}.cc .cc-account-footer button{font-size:11px}.cc .cc-account-entry form>button{width:100%}
.cc .cc-account-tabs button{flex:1 1 auto}
/* WordPress block themes force auto margins with !important; keep the existing full-width phone layout. */
@media(max-width:600px){.cc[data-djc]{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}}
/* Entry only: presentation takes 3/4, account form 1/4 when the actual container is wide enough. */
.cc.cc-has-landing{container-type:inline-size}
.cc .cc-landing{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "auth" "paths" "steps";gap:24px;margin-top:26px}
.cc .cc-landing-intro{grid-area:intro;position:relative;overflow:hidden;border:1px solid #6c8757;border-radius:16px;background:#13221e;min-height:410px;isolation:isolate}
.cc .cc-landing-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85)}
.cc .cc-landing-intro::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#091410f7 5%,#0c1915d9 48%,#111b2270),linear-gradient(0deg,#0b141eee,transparent 65%);z-index:0}
.cc .cc-landing-story{position:relative;z-index:1;padding:30px}
.cc .cc-landing-intro h2{font-size:clamp(36px,4.5vw,58px);line-height:1.06;letter-spacing:-1.5px;margin:17px 0 20px;font-weight:850;color:#f8fff4;text-shadow:0 3px 20px #0007}
.cc .cc-landing-intro h2 em{font-style:normal;color:#cfff85}
.cc .cc-landing-intro p{max-width:48ch;color:#e0e9e3;font-size:15px;line-height:1.7}
.cc .cc-landing-facts{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}
.cc .cc-landing-facts span{font-size:10px;font-weight:650;border:1px solid #c9ff7938;border-radius:20px;padding:4px 9px;color:#e0eecf;background:#0a1618a6}
.cc .cc-landing-story>button{min-width:210px}
.cc .cc-auth-box{grid-area:auth;align-self:start;padding:18px;border:1px solid #57708a;border-radius:14px;background:linear-gradient(145deg,#26384a,#152130);box-shadow:inset 0 3px 0 #bafa78,0 12px 28px #0003;scroll-margin-top:16px}
.cc .cc-auth-box>.cc-eyebrow{font-size:9px;letter-spacing:.9px}
.cc .cc-auth-box h3{font-size:22px;margin:10px 0}
.cc .cc-auth-box .cc-account-tabs{gap:6px;margin:16px 0}
.cc .cc-auth-box .cc-account-tabs button{font-size:12px;padding:9px 5px;min-height:42px}
.cc .cc-auth-box form{display:grid;gap:13px;margin:18px 0 14px}
.cc .cc-auth-box label{display:block;font-size:12px;font-weight:700}
.cc .cc-auth-box label>input:not([type=checkbox]){margin-top:6px;padding:10px;min-height:46px}
.cc .cc-auth-box .cc-account-check{display:flex;align-items:flex-start;gap:8px;font-size:11px;font-weight:400;line-height:1.6}
.cc .cc-auth-box .cc-account-note{font-size:11px;margin:12px 0;line-height:1.65}
.cc .cc-auth-box form>button,.cc .cc-auth-box>[data-auth-view],.cc .cc-auth-box>[data-auth-logout]{width:100%;font-size:12px;padding:10px 8px}
.cc .cc-auth-box .cc-account-legal-links{gap:6px}
.cc .cc-auth-box .cc-account-legal-links button{font-size:10px;min-height:36px;padding:7px 8px;flex:1}
.cc .cc-auth-box .cc-information{font-size:11px;margin-top:16px;padding-top:14px}
.cc .cc-auth-box .cc-information ul{padding-left:16px}
.cc .cc-auth-box .cc-feedback{font-size:12px;padding:10px}
.cc .cc-landing-paths{grid-area:paths}
.cc .cc-landing-paths>h3{margin:7px 0 8px;font-size:24px}
.cc .cc-landing-paths>p{font-size:13px}
.cc .cc-landing-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cc .cc-landing-path-grid article{border:1px solid #4b637c;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#233548,#162431)}
.cc .cc-landing-path-grid article>img{display:block;width:100%;height:112px;object-fit:cover}
.cc .cc-landing-path-grid article>div{padding:16px}
.cc .cc-landing-path-grid h4{font-size:18px;margin-bottom:8px}
.cc .cc-landing-path-grid p{font-size:13px;margin-bottom:12px}
.cc .cc-landing-path-grid strong{font-size:12px;color:#dcffa5}
.cc .cc-landing-steps{grid-area:steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:1px solid #425769;padding-top:20px}
.cc .cc-landing-steps span{display:block;color:#bdff7866;font-size:27px;font-weight:850;line-height:1.2;margin-bottom:8px}
.cc .cc-landing-steps strong{display:block;color:#e4eedc;font-size:13px;margin-bottom:7px}
.cc .cc-landing-steps p{font-size:12px;margin:0}
@container(min-width:850px){.cc .cc-landing{grid-template-columns:minmax(0,3fr) minmax(0,1fr);grid-template-areas:"intro auth" "paths auth" "steps auth";align-items:start}}
@media(max-width:600px){
 .cc .cc-landing{margin-top:16px;gap:18px}
 .cc .cc-landing-intro{min-height:0}
 .cc .cc-landing-story{padding:22px 18px}
 .cc .cc-landing-intro h2{font-size:38px;letter-spacing:-1px}
 .cc .cc-landing-intro p{font-size:13px;line-height:1.65}
 .cc .cc-landing-story>.cc-eyebrow{font-size:9px}
 .cc .cc-auth-box{padding:18px}
 .cc .cc-landing-path-grid{gap:10px}
 .cc .cc-landing-path-grid article>img{height:90px}
 .cc .cc-landing-path-grid article>div{padding:12px}
 .cc .cc-landing-path-grid h4{font-size:15px}
 .cc .cc-landing-path-grid p,.cc .cc-landing-path-grid strong{font-size:11px}
 .cc .cc-landing-steps{gap:10px}
 .cc .cc-landing-steps strong{font-size:12px}.cc .cc-landing-steps p{font-size:11px}
}

.cc .cc-auth-box .cc-reward-mail-check span{overflow-wrap:normal;word-break:normal}.cc .cc-auth-box #cc-reward-mail-detail{margin:0;font-size:11px;line-height:1.5}

/* Public, server-rendered information; visible and expandable for everyone. */
.cc-discovery{box-sizing:border-box;margin:12px auto;padding:12px 16px;border:1px solid #354d68;background:#101d2e;color:#d3deeb;font:14px/1.65 system-ui,sans-serif}.cc-discovery summary{cursor:pointer;font-weight:600;color:#bded91}.cc-discovery h2{font-size:20px;line-height:1.35}.cc-discovery h3{font-size:16px}.cc-discovery p{color:#d3deeb}

/* Manual, local 16:9 trailer fills the previously unused hero area. */
.cc .cc-landing-story{display:grid;gap:22px}.cc .cc-landing-copy{min-width:0}.cc .cc-landing-copy>button{min-width:0}
.cc .cc-landing-trailer{margin:0;min-width:0;padding:12px;border:1px solid #729256;background:#091725e6;box-shadow:3px 3px 0 #03091488}
.cc .cc-landing-trailer figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;margin-bottom:10px;color:#e7f7dc;font-size:13px;line-height:1.4}.cc .cc-landing-trailer figcaption span{font-size:11px;color:#bdcedd}
.cc .cc-landing-trailer video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#030913;border:1px solid #3e5974}
.cc .cc-landing-trailer>button{width:100%;margin-top:10px;padding:11px 8px;font-size:12px;min-height:44px}.cc .cc-landing-trailer>small{display:block;margin-top:8px;color:#c5d3df;font-size:11px;line-height:1.5}
.cc .cc-trailer-description{margin-top:8px;font-size:11px;color:#bbccdc}.cc .cc-trailer-description summary{cursor:pointer}.cc .cc-trailer-description p{font-size:11px;line-height:1.5;margin:8px 0 0}
@container(min-width:850px){.cc .cc-landing-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}.cc .cc-landing-intro h2{font-size:40px}.cc .cc-landing-intro p{font-size:13px}.cc .cc-landing-facts{gap:5px}.cc .cc-landing-facts span{font-size:9px}}
@container(min-width:1200px){.cc .cc-landing-intro h2{font-size:48px}}
@media(max-width:600px){.cc .cc-landing-trailer{padding:10px}.cc .cc-landing-trailer figcaption{font-size:12px}}