@font-face{font-family:CL Inter;src:url('./inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
#cl-landing{--cl-bg:#080a0c;--cl-ink:#f2f2ef;--cl-muted:#a6aaa9;--cl-gold:#e7c795;--cl-line:#30302e;--cl-offset:0px;background:var(--cl-bg);color:var(--cl-ink);font:400 16px/1.65 'CL Inter',sans-serif;position:relative;isolation:isolate;overflow:clip;width:100%;text-align:left;color-scheme:dark}
#cl-landing *,#cl-landing *:before,#cl-landing *:after{box-sizing:border-box}
#cl-landing :where(h1,h2,h3,h4,p,figure){margin:0}
#cl-landing :where(h1,h2,h3,h4){font-family:inherit;color:inherit;text-transform:none;letter-spacing:-.065em;font-weight:550;line-height:1.03}
#cl-landing :where(a){color:inherit;text-decoration:none}
#cl-landing :where(button,input){font:inherit}
#cl-landing em{color:var(--cl-gold);font-style:normal}
#cl-landing :is(a,button,input,summary,[role=tabpanel]):focus-visible{outline:2px solid var(--cl-gold);outline-offset:5px}
#cl-landing [hidden]{display:none!important}
#cl-landing .cl-shell{width:calc(100% - 40px);max-width:1400px;margin-inline:auto}
#cl-landing .cl-kicker{font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.7;color:var(--cl-gold);display:flex;align-items:center;gap:10px}
#cl-landing .cl-kicker i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cl-gold);flex-shrink:0}
#cl-landing h2{font-size:clamp(37px,8vw,92px)}
#cl-landing .cl-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:16px;border-bottom:1px solid #cabb8c22;position:relative;z-index:4;font-size:11px;color:#bac0bd}
#cl-landing .cl-topline>a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
#cl-landing .cl-topline>span{display:none}
#cl-landing .cl-motion{border:1px solid #4e4b40;background:#10141190;color:#d4d9d5;font-size:11px;min-height:44px;padding:10px 14px;cursor:pointer;border-radius:2px}
#cl-landing .cl-motion span{margin-left:15px}
#cl-landing .cl-hero{position:relative;min-height:920px;background:radial-gradient(ellipse at 90% 72%,#3e332326,transparent 64%);border-bottom:1px solid #36342d}
#cl-landing .cl-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#cl-landing .cl-hero-inner{position:relative;min-height:inherit;display:flex;flex-direction:column}
#cl-landing .cl-hero-copy{position:relative;z-index:2;padding-top:52px;pointer-events:none}
#cl-landing .cl-hero-copy>a{pointer-events:auto}
#cl-landing h1{font-size:clamp(45px,8.1vw,128px);line-height:1.02;font-weight:580;letter-spacing:-.07em;margin-top:26px}
#cl-landing h1 em{color:transparent;-webkit-text-stroke:1px #e7c795;display:inline-block}
#cl-landing .cl-hero-copy>p:not(.cl-kicker){font-size:17px;line-height:1.7;color:#b6bbb7;margin-top:27px}
#cl-landing .cl-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;font-size:13px;padding:15px 22px;margin-top:30px;border:1px solid #e7c795;transition:background .25s,color .25s}
#cl-landing .cl-primary{background:var(--cl-gold);color:#14150f;font-weight:600}
#cl-landing .cl-link>span{font-size:20px;line-height:1}
#cl-landing .cl-member-orbit{position:relative;height:370px;max-width:520px;width:100%;margin:10px auto 0;pointer-events:none;transform:translateY(var(--cl-hero-shift,0px));will-change:auto}
#cl-landing .cl-member-card{position:absolute;left:50%;top:52%;width:236px;height:245px;padding:23px 25px;border:1px solid #e8c88c68;border-radius:9px;background:linear-gradient(135deg,#3b382ac9,#191c17dd 48%,#343026cf);box-shadow:0 22px 75px #0007;transform:translate(-50%,-50%) rotate(-9deg) rotateY(-12deg);backdrop-filter:blur(8px);color:#f1dec0}
#cl-landing .cl-member-card>span{font-size:7px;letter-spacing:.14em;display:flex;justify-content:space-between;align-items:center}
#cl-landing .cl-member-card>span b{font-weight:400;font-size:6px;color:#bdb69f}
#cl-landing .cl-member-card svg{width:50px;height:50px;fill:none;stroke:var(--cl-gold);stroke-width:1.3;display:block;margin:21px 0 13px}
#cl-landing .cl-member-card>strong{font-size:24px;line-height:1.1;letter-spacing:-.045em;font-weight:500;display:block}
#cl-landing .cl-member-card>div{border-top:1px solid #d6c39738;margin-top:21px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:.18em}
#cl-landing .cl-member-card>div i{font-size:14px;font-style:normal}
#cl-landing .cl-orbit-ring{position:absolute;inset:12% -6%;border:1px solid #c7aa702b;border-radius:50%;transform:rotate(-28deg) scaleY(.78)}
#cl-landing .cl-orbit-ring-two{inset:4% 8%;transform:rotate(40deg) scaleY(.8);border-color:#c7aa703c}
#cl-landing .cl-orbit-label{position:absolute;color:#bda982;font-size:7px;letter-spacing:.16em}
#cl-landing .cl-orbit-label-one{left:0;top:18%}#cl-landing .cl-orbit-label-two{right:0;top:50%}#cl-landing .cl-orbit-label-three{left:15%;bottom:8%}
#cl-landing .cl-hero-foot{position:relative;z-index:3;margin-top:auto;border-top:1px solid #cabb8c22;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;letter-spacing:.09em;color:#bcbbaa}
#cl-landing .cl-hero-foot>span:nth-child(2){display:none}
#cl-landing .cl-hero-foot>a{min-height:44px;display:flex;align-items:center;font-size:7px;white-space:nowrap}
#cl-landing .cl-intro{padding-block:90px}
#cl-landing .cl-intro h2{margin-top:28px;font-size:clamp(43px,7.5vw,112px)}
#cl-landing .cl-intro-bottom{display:grid;gap:25px;margin-top:34px}
#cl-landing .cl-large-plus{display:none;color:#625943;font-size:76px;font-weight:200;line-height:1}
#cl-landing .cl-intro-bottom p{color:var(--cl-muted);max-width:550px;font-size:16px;line-height:1.8}
#cl-landing .cl-intro-bottom p:last-child{color:var(--cl-gold);font-size:13px}
#cl-landing .cl-chapter{position:relative;border-top:1px solid #2f302b;padding:70px 0 55px;background:radial-gradient(ellipse at 80% 50%,#cbb37807,transparent 70%)}
#cl-landing .cl-chapter-grid{display:grid;gap:35px}
#cl-landing .cl-chapter-copy{padding-top:8px}
#cl-landing .cl-chapter-copy h2{margin:26px 0 28px;font-size:clamp(38px,5.9vw,85px)}
#cl-landing .cl-chapter-copy>p:not(.cl-kicker){color:#b3b7b2;font-size:16px;max-width:440px;line-height:1.8}
#cl-landing .cl-detail{margin-top:35px;padding-top:21px;border-top:1px solid var(--cl-line);max-width:390px}
#cl-landing .cl-detail>span{font-size:9px;color:var(--cl-gold);letter-spacing:.12em}
#cl-landing .cl-detail p{font-size:14px;line-height:1.8;color:var(--cl-muted);margin-top:12px}
#cl-landing .cl-text-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #6f654e;font-size:12px;min-height:48px;margin-top:24px;padding-block:12px}
#cl-landing .cl-text-link span{color:var(--cl-gold);font-size:17px}
#cl-landing .cl-chapter-copy>.cl-small-note{font-size:12px!important;margin-top:22px;color:#8c968e!important}
#cl-landing .cl-visual{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;perspective:1300px}
#cl-landing .cl-scene-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}
#cl-landing .cl-demo{position:relative;width:100%;max-width:480px;background:linear-gradient(120deg,#19201cee,#111915f5);border:1px solid #555945;border-radius:8px;box-shadow:0 25px 65px #0005;transform:translateY(var(--cl-art-y,0px)) rotateX(var(--cl-art-r,0deg));transform-origin:center}
#cl-landing .cl-demo-bar{padding:18px 18px;border-bottom:1px solid #3c4539;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.11em;color:#b9c4b2}
#cl-landing .cl-demo-bar i{width:4px;height:4px;background:var(--cl-gold);border-radius:50%;display:inline-block;margin-right:5px}
#cl-landing .cl-product-line{display:flex;gap:20px;align-items:center;padding:25px 18px}
#cl-landing .cl-product-art{width:70px;height:90px;display:flex;justify-content:center;align-items:center;background:#252d24;border:1px solid #58624a66;border-radius:4px;flex-shrink:0}
#cl-landing .cl-product-art svg{width:41px;height:65px;fill:#a5b19b12;stroke:#9aa78f;stroke-width:1.6}
#cl-landing .cl-product-line>div>span{font-size:8px;letter-spacing:.1em;color:#9ba794}
#cl-landing .cl-product-line h3{font-size:19px;letter-spacing:-.04em;margin:10px 0;color:#e7eadf;line-height:1.2}
#cl-landing .cl-product-line p{font-size:11px;color:#a6b39e;line-height:1.6}
#cl-landing .cl-order-amount{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #3c4539;margin-inline:18px;padding:20px 0;font-size:12px;color:#b5c0ac}
#cl-landing .cl-order-amount output{font-size:30px;letter-spacing:-.05em;color:#eef2e7;font-weight:500;line-height:1}
#cl-landing .cl-range-label{display:block;margin:22px 18px 4px;color:#cbd1c4;font-size:12px}
#cl-landing input[type=range]{display:block;width:calc(100% - 36px);height:44px;margin:0 18px;accent-color:var(--cl-gold);cursor:ew-resize;background:transparent}
#cl-landing .cl-range-ends{display:flex;justify-content:space-between;font-size:10px;color:#94a48b;margin:0 18px}
#cl-landing .cl-earn-result{display:flex;align-items:end;gap:18px;margin:24px 18px 0;padding:22px 0 20px;border-top:1px solid #3c4539;position:relative}
#cl-landing .cl-earn-result>div>span{display:block;font-size:8px;letter-spacing:.1em;color:#c4c8b4;margin-bottom:7px}
#cl-landing .cl-earn-result output{font-size:72px;letter-spacing:-.08em;font-weight:500;line-height:1;color:var(--cl-gold);font-variant-numeric:tabular-nums}
#cl-landing .cl-earn-result>span{font-size:10px;color:#bcc6b3;padding-bottom:5px}
#cl-landing .cl-earn-result>svg{position:absolute;width:37px;height:42px;right:2px;bottom:26px;fill:#e7c7951c;stroke:var(--cl-gold);stroke-width:1}
#cl-landing .cl-demo-note{font-size:10px!important;line-height:1.65!important;color:#a2aa98!important;letter-spacing:0}
#cl-landing .cl-calculator>.cl-demo-note{border-top:1px solid #3c4539;padding:14px 18px}
#cl-landing .cl-level-showcase{position:relative;width:100%;max-width:490px;text-align:center;padding:35px 0;transform:translateY(var(--cl-art-y,0px))}
#cl-landing .cl-level-showcase>.cl-demo-note:first-child{letter-spacing:.12em;color:#a59c83!important}
#cl-landing .cl-level-emblem{width:190px;height:215px;position:relative;margin:22px auto 15px;display:flex;align-items:center;justify-content:center}
#cl-landing .cl-level-emblem:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#c5aa4d28,transparent 64%)}
#cl-landing .cl-level-emblem svg{width:180px;fill:#d5bc6d0b;stroke:var(--cl-gold);stroke-width:.8;filter:drop-shadow(0 0 8px #b6995240)}
#cl-landing .cl-level-emblem svg .cl-badge-star{fill:#e7c7952b;stroke-width:1.1}
#cl-landing .cl-current-level{font-size:8px;letter-spacing:.17em;color:#aca88d}
#cl-landing .cl-level-showcase h3{font-size:60px;color:#f5e3bf;margin:14px 0 13px;letter-spacing:-.065em}
#cl-landing .cl-level-rate{font-size:13px;color:#b0b5a2}
#cl-landing .cl-level-rate strong{font-weight:550;color:var(--cl-gold)}
#cl-landing .cl-tier-buttons{display:flex;border:1px solid #514b3b;border-radius:4px;margin:28px auto 15px;max-width:420px;overflow:hidden;background:#111611b5}
#cl-landing .cl-tier-buttons button{flex:1;min-height:62px;padding:10px 5px;border:0;border-right:1px solid #514b3b;color:#a5ac9e;font-size:12px;background:transparent;cursor:pointer;transition:color .2s,background .2s}
#cl-landing .cl-tier-buttons button:last-child{border-right:0}
#cl-landing .cl-tier-buttons button span{display:block;font-size:8px;margin-bottom:3px;color:#808974}
#cl-landing .cl-tier-buttons button[aria-pressed=true]{background:#e7c795;color:#1c2115}
#cl-landing .cl-tier-buttons button[aria-pressed=true] span{color:#5e644e}
#cl-landing .cl-ticket-stack{position:relative;width:100%;max-width:470px;height:530px;transform:translateY(var(--cl-art-y,0px))}
#cl-landing .cl-ticket{position:absolute;left:50%;top:57px;width:240px;height:365px;transform:translateX(-50%) rotate(-6deg);padding:25px 23px;border:1px solid #e7c79570;border-radius:7px;background:linear-gradient(140deg,#514a35,#24291e 85%);color:#ecddbd;box-shadow:0 32px 50px #0006}
#cl-landing .cl-ticket-back{transform:translateX(-43%) translateY(-25px) rotate(10deg);background:#151c15;border-color:#5c645040;color:#76846d}
#cl-landing .cl-ticket-back>span{font-size:8px;letter-spacing:.15em}
#cl-landing .cl-ticket-back>strong{font-size:28px!important;margin-top:75px!important}
#cl-landing .cl-ticket-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em}
#cl-landing .cl-ticket-top svg{width:30px;height:30px;fill:none;stroke:#e7c795;stroke-width:1}
#cl-landing .cl-ticket-label{font-size:8px;letter-spacing:.14em;display:block;margin-top:28px;color:#bbb99e}
#cl-landing .cl-ticket>strong{font-size:61px;letter-spacing:-.06em;display:block;line-height:1;margin-top:13px;font-weight:550}
#cl-landing .cl-ticket>strong em{font-size:28px;font-weight:400}
#cl-landing .cl-ticket>p:not(.cl-demo-note){font-size:13px;color:#bec5ab;line-height:1.7;margin-top:17px}
#cl-landing .cl-ticket-rule{border-top:1px dashed #c9be8e66;margin:33px -23px 20px;position:relative}
#cl-landing .cl-ticket-rule:before,#cl-landing .cl-ticket-rule:after{content:'';position:absolute;top:-9px;width:18px;height:18px;border-radius:50%;background:#080d0a;left:-9px;border:1px solid #e7c79566}
#cl-landing .cl-ticket-rule:after{left:auto;right:-9px}
#cl-landing .cl-ticket-bottom{display:flex;justify-content:space-between;align-items:center}
#cl-landing .cl-ticket-bottom b{font-size:13px;font-weight:500}
#cl-landing .cl-ticket-bottom span{font-size:7px;letter-spacing:.07em}
#cl-landing .cl-ticket-stack>.cl-demo-note{position:absolute;bottom:32px;left:0;right:0;text-align:center}
#cl-landing .cl-member-section{padding:90px 0 80px;border-block:1px solid #30332a;background:radial-gradient(ellipse at 50% 60%,#45533c22,transparent 75%)}
#cl-landing .cl-section-heading{text-align:left;margin-bottom:40px}
#cl-landing .cl-section-heading h2{margin-top:23px}
#cl-landing .cl-section-heading>p:last-child{max-width:590px;color:#adb8a6;line-height:1.8;margin-top:25px;font-size:16px}
#cl-landing .cl-member-workspace{--demo-accent:#e7c795;--demo-panel:#151c18;--demo-bg:#0e1511;border:1px solid #4f594b;border-radius:7px;background:var(--demo-panel);overflow:hidden;box-shadow:0 35px 100px #0005;color:#f1f3ed;transition:--demo-accent .2s}
#cl-landing .cl-workspace-header{padding:22px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #77866b35}
#cl-landing .cl-workspace-brand{font-size:12px;letter-spacing:.07em;font-weight:600;line-height:1.6}
#cl-landing .cl-workspace-brand span{display:block;font-size:7px;font-weight:400;letter-spacing:.12em;color:#b1bcab}
#cl-landing .cl-sample-label{display:none;font-size:8px;letter-spacing:.09em;color:#9da993}
#cl-landing .cl-swatches{display:flex;gap:2px}
#cl-landing .cl-swatches button{width:44px;height:44px;border:0;border-radius:50%;background:none;cursor:pointer;position:relative}
#cl-landing .cl-swatches button:before{content:'';position:absolute;inset:12px;border-radius:50%;background:#e7c795}
#cl-landing .cl-swatches button[data-palette=mint]:before{background:#91e2c3}#cl-landing .cl-swatches button[data-palette=violet]:before{background:#c7b6f5}
#cl-landing .cl-swatches button[aria-pressed=true]:after{content:'';position:absolute;inset:6px;border:1px solid var(--demo-accent);border-radius:50%}
#cl-landing .cl-workspace-body{display:grid;min-height:560px}
#cl-landing .cl-account-sidebar{padding:24px 18px 0}
#cl-landing .cl-avatar{display:none;width:52px;height:52px;border:1px solid #68745d;background:#aebd9c16;color:var(--demo-accent);place-items:center;font-size:20px;margin-bottom:18px}
#cl-landing .cl-account-sidebar>p{font-size:13px;color:#b4c0ac;line-height:1.6}
#cl-landing .cl-account-sidebar>p strong{font-size:23px;color:#eef1e9;font-weight:500;letter-spacing:-.05em;margin-left:8px}
#cl-landing .cl-account-tabs{display:flex;gap:3px;border-bottom:1px solid #77866b35;padding-block:18px 0}
#cl-landing .cl-account-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:48px;font-size:12px;border:0;background:none;padding:10px 5px;border-bottom:1px solid transparent;cursor:pointer;color:#adb9a2}
#cl-landing .cl-account-tabs button[aria-selected=true]{border-bottom-color:var(--demo-accent);color:var(--demo-accent);background:#ffffff06}
#cl-landing .cl-account-tabs button span{font-size:16px}
#cl-landing .cl-member-id{display:none}
#cl-landing .cl-account-content{padding:25px 18px 35px;background:var(--demo-bg)}
#cl-landing .cl-account-title{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:30px}
#cl-landing .cl-account-title>div>span{font-size:8px;color:#aab79f;letter-spacing:.1em}
#cl-landing .cl-account-title h3{font-size:28px;line-height:1.14;letter-spacing:-.04em;margin-top:10px}
#cl-landing .cl-insider-pill{display:none;white-space:nowrap;border:1px solid #637052;border-radius:30px;padding:7px 13px;font-size:11px;color:var(--demo-accent)}
#cl-landing .cl-balance-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-block:1px solid #77866b35;padding:25px 0}
#cl-landing .cl-balance-row>div>span{font-size:8px;letter-spacing:.08em;display:block;color:#b4c1a9}
#cl-landing .cl-balance-row strong{font-weight:500;font-size:43px;line-height:1.2;color:var(--demo-accent);letter-spacing:-.065em;display:block;margin-top:10px}
#cl-landing .cl-balance-row strong>span{font-size:10px;letter-spacing:0;margin-left:7px;color:#acb5a2;font-weight:400}
#cl-landing .cl-progress-card{padding:25px 0;border-bottom:1px solid #77866b35}
#cl-landing .cl-progress-card>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center}
#cl-landing .cl-progress-card h4{font-size:13px;line-height:1.4;letter-spacing:-.02em}
#cl-landing .cl-progress-card>div>span{font-size:9px;white-space:nowrap;color:#b1bea7}
#cl-landing .cl-progress-track{height:3px;background:#3c4733;margin-top:20px;overflow:hidden}
#cl-landing .cl-progress-track i{display:block;background:var(--demo-accent);height:100%;width:56.667%;transform-origin:left;transform:scaleX(var(--cl-meter,1));transition:background .3s}
#cl-landing .cl-progress-card p{font-size:10px;color:#aab79e;margin-top:11px}
#cl-landing .cl-activity{margin-top:24px}
#cl-landing .cl-activity>h4{font-size:13px;letter-spacing:-.02em;margin-bottom:12px}
#cl-landing .cl-activity>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}
#cl-landing .cl-activity>div>span{font-size:10px;color:#a8b39e;line-height:1.9}
#cl-landing .cl-activity b{display:block;color:#d6dece;font-size:12px;font-weight:400}
#cl-landing .cl-activity strong{font-size:12px;color:var(--demo-accent);white-space:nowrap;font-weight:500}
#cl-landing .cl-mini-reward{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;padding:19px 0;border-bottom:1px solid #77866b35}
#cl-landing .cl-reward-glyph{display:grid;place-items:center;width:48px;height:48px;border:1px solid #77866b50;background:#bcc8a509;font-size:25px;color:var(--demo-accent)}
#cl-landing .cl-mini-reward h4{font-size:14px;line-height:1.4;letter-spacing:-.025em}
#cl-landing .cl-mini-reward p{font-size:11px;color:#b1bda5;margin-top:5px}
#cl-landing .cl-eligible,#cl-landing .cl-more-points{grid-column:2;font-size:10px;color:var(--demo-accent)}
#cl-landing .cl-more-points{color:#b0b8a7}
#cl-landing .cl-panel-note{font-size:11px;color:#aeb7a5;margin-top:26px;line-height:1.7}
#cl-landing .cl-referral-numbers{display:flex;align-items:center;gap:16px;padding:35px 0;border-block:1px solid #77866b35}
#cl-landing .cl-referral-numbers>div{flex:1}
#cl-landing .cl-referral-numbers strong{font-size:43px;letter-spacing:-.065em;font-weight:500;color:var(--demo-accent);line-height:1}
#cl-landing .cl-referral-numbers>div>span{font-size:8px;color:#b4c1a9;display:block;letter-spacing:.06em;margin-top:15px}
#cl-landing .cl-referral-numbers>span{color:#6d785f;font-size:25px}
#cl-landing .cl-referral-copy{font-size:13px;color:#c1ccb8;margin:25px 0;line-height:1.8}
#cl-landing .cl-referral-link{font-size:10px;word-break:break-word;background:#93a2760a;border:1px solid #77866b35;padding:15px;color:var(--demo-accent)}
#cl-landing .cl-referral-link span{display:block;font-size:7px;color:#b4bcaa;margin-top:10px;letter-spacing:.1em}
#cl-landing .cl-workspace-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px;font-size:7px;letter-spacing:.1em;color:#abb79f;border-top:1px solid #77866b35}
#cl-landing .cl-workspace-bottom>span:last-child{display:none}
#cl-landing .cl-surface-notes{display:grid;gap:27px;margin-top:36px}
#cl-landing .cl-surface-notes p{font-size:14px;color:#a7b19f;line-height:1.85;max-width:430px}
#cl-landing .cl-surface-notes b{display:block;font-size:16px;color:#d4dacb;margin-bottom:10px;font-weight:500}
#cl-landing .cl-connections{padding-block:90px}
#cl-landing .cl-connections h2{margin-top:24px}
#cl-landing .cl-connection-list{margin-top:50px}
#cl-landing .cl-connection-list article{border-top:1px solid var(--cl-line);display:grid;grid-template-columns:20px 1fr;gap:18px;padding:31px 0}
#cl-landing .cl-connection-list article>span{font-size:10px;color:var(--cl-gold);padding-top:5px}
#cl-landing .cl-connection-list h3{font-size:25px;line-height:1.12;letter-spacing:-.045em}
#cl-landing .cl-connection-list p{font-size:14px;color:var(--cl-muted);line-height:1.85;margin-top:16px;max-width:620px}
#cl-landing .cl-connection-list svg{display:none;width:120px;height:90px;fill:none;stroke:var(--cl-gold);stroke-width:.65}
#cl-landing .cl-program{border-block:1px solid #34382c;background:#11170f;padding:85px 0}
#cl-landing .cl-program-grid{display:grid;gap:40px}
#cl-landing .cl-program-copy h2{margin-top:25px;font-size:clamp(49px,6.6vw,97px)}
#cl-landing .cl-program-copy>p:last-child{font-size:16px;line-height:1.8;color:#aebaa2;max-width:380px;margin-top:30px}
#cl-landing details{border-top:1px solid #4e574144}
#cl-landing summary{list-style:none;min-height:78px;cursor:pointer;display:flex;gap:17px;align-items:center;font-size:15px;line-height:1.4;color:#e7ebdf;padding:21px 0}
#cl-landing summary::-webkit-details-marker{display:none}
#cl-landing summary>span{font-size:9px;color:#a69e77;flex-shrink:0}
#cl-landing summary>b{margin-left:auto;font-size:25px;font-weight:300;color:#c8c59e;transition:transform .25s}
#cl-landing details[open] summary>b{transform:rotate(45deg)}
#cl-landing details>p{font-size:14px;line-height:1.9;color:#b0b9a6;margin:0 0 25px}
#cl-landing .cl-faq{padding-block:85px;display:grid;gap:38px}
#cl-landing .cl-faq h2{margin-top:24px;font-size:clamp(42px,5.7vw,73px)}
#cl-landing .cl-closing{border-top:1px solid var(--cl-line);text-align:center;padding:95px 0 30px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#77653a20,transparent 60%)}
#cl-landing .cl-closing>.cl-shell{position:relative}
#cl-landing .cl-closing .cl-kicker{justify-content:center}
#cl-landing .cl-closing h2{font-size:clamp(42px,7.5vw,114px);margin:30px 0 25px}
#cl-landing .cl-closing p:not(.cl-kicker){color:#b2b9a8;font-size:16px;max-width:440px;margin-inline:auto}
#cl-landing .cl-back-link{display:table;margin:25px auto 0;font-size:12px;border-bottom:1px solid #665e47;padding-block:12px;min-height:44px}
#cl-landing .cl-build-note{font-size:7px;letter-spacing:.12em;color:#929784;display:block;border-top:1px solid #cabb8c22;padding-top:28px;margin-top:85px}
#cl-landing .cl-closing-orbit{position:absolute;width:1100px;height:800px;left:50%;top:-40%;border:1px solid #c7aa7010;border-radius:50%;transform:translateX(-50%) rotate(-20deg);pointer-events:none}
#cl-landing.cl-enhanced .cl-reveal{opacity:.25;transform:translateY(32px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
#cl-landing.cl-enhanced .cl-reveal.cl-visible{opacity:1;transform:none}
#cl-landing :is(section,[id]){scroll-margin-top:calc(var(--cl-offset) + 30px)}
@media(min-width:700px){
 #cl-landing .cl-shell{width:calc(100% - 80px)}
 #cl-landing .cl-topline>span{display:block;font-size:8px;letter-spacing:.11em}
 #cl-landing .cl-hero-copy{padding-top:75px}
 #cl-landing .cl-hero-copy>p:not(.cl-kicker){font-size:20px}
 #cl-landing .cl-hero{min-height:1120px}
 #cl-landing .cl-member-orbit{height:460px;margin-top:10px;margin-right:0}
 #cl-landing .cl-member-card{width:300px;height:310px;padding:30px}
 #cl-landing .cl-member-card svg{width:68px;height:68px;margin-top:26px}
 #cl-landing .cl-member-card>strong{font-size:32px}
 #cl-landing .cl-member-card>div{margin-top:24px;padding-top:19px}
 #cl-landing .cl-member-card>span{font-size:8px}
 #cl-landing .cl-member-card>span b{font-size:7px}
 #cl-landing .cl-intro{padding-block:125px}
 #cl-landing .cl-intro-bottom{grid-template-columns:1.5fr 1fr;gap:50px;margin-top:50px;align-items:end}
 #cl-landing .cl-intro-bottom p:last-child{justify-self:end}
 #cl-landing .cl-chapter{padding-block:90px}
 #cl-landing .cl-visual{min-height:650px}
 #cl-landing .cl-demo-bar{padding:22px 30px;font-size:9px}
 #cl-landing .cl-product-line{padding:30px;gap:26px}
 #cl-landing .cl-product-art{width:90px;height:110px}
 #cl-landing .cl-product-art svg{width:50px;height:80px}
 #cl-landing .cl-product-line h3{font-size:23px}
 #cl-landing .cl-order-amount{margin-inline:30px}
 #cl-landing .cl-range-label{margin-inline:30px}
 #cl-landing input[type=range]{margin-inline:30px;width:calc(100% - 60px)}
 #cl-landing .cl-range-ends,#cl-landing .cl-earn-result{margin-inline:30px}
 #cl-landing .cl-calculator>.cl-demo-note{padding:16px 30px}
 #cl-landing .cl-ticket{width:300px;height:420px;padding:30px}
 #cl-landing .cl-ticket>strong{font-size:80px}
 #cl-landing .cl-ticket-rule{margin:38px -30px 22px}
 #cl-landing .cl-ticket-stack{height:560px}
 #cl-landing .cl-ticket>p:not(.cl-demo-note){font-size:16px}
 #cl-landing .cl-ticket-stack>.cl-demo-note{bottom:10px}
 #cl-landing .cl-level-emblem{width:250px;height:280px}
 #cl-landing .cl-level-emblem svg{width:235px}
 #cl-landing .cl-level-showcase h3{font-size:78px}
 #cl-landing .cl-level-rate{font-size:16px}
 #cl-landing .cl-tier-buttons{margin-top:36px}
 #cl-landing .cl-section-heading{text-align:center;margin-bottom:65px}
 #cl-landing .cl-section-heading .cl-kicker{justify-content:center}
 #cl-landing .cl-section-heading>p:last-child{margin-inline:auto}
 #cl-landing .cl-member-section{padding-block:120px 100px}
 #cl-landing .cl-workspace-header{padding:20px 30px}
 #cl-landing .cl-sample-label{display:block}
 #cl-landing .cl-workspace-body{grid-template-columns:180px 1fr}
 #cl-landing .cl-account-sidebar{padding:30px 20px;border-right:1px solid #77866b35}
 #cl-landing .cl-avatar{display:grid}
 #cl-landing .cl-account-sidebar>p strong{display:block;margin-left:0}
 #cl-landing .cl-account-tabs{display:block;border:0;padding-top:30px}
 #cl-landing .cl-account-tabs button{width:100%;margin-bottom:5px;text-align:left;justify-content:flex-start;padding:12px;font-size:12px;gap:12px;border:0;border-radius:3px}
 #cl-landing .cl-account-tabs button[aria-selected=true]{background:#e5d5a516}
 #cl-landing .cl-member-id{display:block;font-size:7px;letter-spacing:.11em;color:#909b81;margin-top:60px}
 #cl-landing .cl-account-content{padding:32px}
 #cl-landing .cl-account-title h3{font-size:32px}
 #cl-landing .cl-balance-row strong{font-size:58px}
 #cl-landing .cl-balance-row>div>span{font-size:9px}
 #cl-landing .cl-balance-row strong>span{font-size:12px}
 #cl-landing .cl-mini-reward{grid-template-columns:auto 1fr auto;gap:18px;padding-block:25px}
 #cl-landing .cl-eligible,#cl-landing .cl-more-points{grid-column:auto}
 #cl-landing .cl-referral-numbers strong{font-size:64px}
 #cl-landing .cl-referral-numbers>span{padding-inline:12px}
 #cl-landing .cl-workspace-bottom{padding-inline:30px}
 #cl-landing .cl-workspace-bottom>span:last-child{display:block}
 #cl-landing .cl-surface-notes{grid-template-columns:1fr 1fr;gap:70px;margin-top:42px}
 #cl-landing .cl-connections{padding-block:125px}
 #cl-landing .cl-connection-list{margin-top:60px}
 #cl-landing .cl-connection-list article{grid-template-columns:45px 1fr 130px;gap:25px;padding-block:40px;align-items:center}
 #cl-landing .cl-connection-list h3{font-size:32px}
 #cl-landing .cl-connection-list p{font-size:16px}
 #cl-landing .cl-connection-list svg{display:block}
 #cl-landing .cl-program{padding-block:120px}
 #cl-landing .cl-faq{padding-block:115px}
 #cl-landing .cl-closing{padding-top:130px}
}
@media(min-width:1100px){
 #cl-landing .cl-shell{width:calc(100% - 120px)}
 #cl-landing .cl-hero{min-height:950px;height:100svh;max-height:1200px}
 #cl-landing .cl-hero-inner{height:100%;min-height:0}
 #cl-landing .cl-hero-copy{padding-top:clamp(85px,11vh,150px)}
 #cl-landing .cl-hero-copy>p:not(.cl-kicker){margin-top:37px}
 #cl-landing .cl-member-orbit{position:absolute;width:480px;height:470px;right:-25px;bottom:74px;margin:0}
 #cl-landing .cl-member-card{width:275px;height:300px}
 #cl-landing .cl-member-card>strong{font-size:29px}
 #cl-landing .cl-member-card>div{margin-top:20px}
 #cl-landing .cl-hero-foot>span:nth-child(2){display:block}
 #cl-landing .cl-intro-bottom{grid-template-columns:.45fr 1.35fr .85fr;gap:70px;margin-top:65px}
 #cl-landing .cl-large-plus{display:block}
 #cl-landing .cl-chapter-grid{grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:760px}
 #cl-landing .cl-chapter{padding-block:65px}
 #cl-landing .cl-chapter-copy{padding-bottom:30px}
 #cl-landing .cl-chapter-copy>p:not(.cl-kicker){font-size:17px}
 #cl-landing .cl-detail p{font-size:14px}
 #cl-landing .cl-member-workspace{max-width:1160px;margin-inline:auto}
 #cl-landing .cl-workspace-body{grid-template-columns:230px 1fr;min-height:610px}
 #cl-landing .cl-account-sidebar{padding:40px 28px}
 #cl-landing .cl-account-content{padding:40px 50px}
 #cl-landing .cl-account-title h3{font-size:39px}
 #cl-landing .cl-insider-pill{display:inline-block}
 #cl-landing .cl-balance-row{padding-block:30px}
 #cl-landing .cl-balance-row strong{font-size:77px}
 #cl-landing .cl-account-tabs button{font-size:13px}
 #cl-landing .cl-progress-card h4{font-size:15px}
 #cl-landing .cl-activity b{font-size:13px}
 #cl-landing .cl-activity>div>span{font-size:11px}
 #cl-landing .cl-activity strong{font-size:13px}
 #cl-landing .cl-surface-notes{max-width:1160px;margin-inline:auto;gap:150px}
 #cl-landing .cl-connections{display:grid;grid-template-columns:.85fr 1.25fr;gap:70px;align-items:start}
 #cl-landing .cl-connections h2{font-size:clamp(48px,5.4vw,75px)}
 #cl-landing .cl-connection-list{margin-top:0}
 #cl-landing .cl-connection-list article{grid-template-columns:20px 1fr 80px;gap:18px;padding-block:35px}
 #cl-landing .cl-connection-list svg{width:80px}
 #cl-landing .cl-connection-list h3{font-size:28px}
 #cl-landing .cl-connection-list p{font-size:14px}
 #cl-landing .cl-program-grid{grid-template-columns:1fr 1fr;gap:100px;align-items:center}
 #cl-landing summary{font-size:19px;min-height:91px}
 #cl-landing .cl-control-list details>p{margin-left:34px}
 #cl-landing .cl-faq{grid-template-columns:.8fr 1.2fr;gap:100px}
 #cl-landing .cl-faq summary{font-size:16px}
}
@media(min-width:1100px) and (min-height:800px){
 #cl-landing .cl-chapter-grid{min-height:110svh;align-items:start}
 #cl-landing .cl-chapter-copy{position:sticky;top:calc(var(--cl-offset) + 95px);padding-top:25px}
 #cl-landing .cl-visual{position:sticky;top:calc(var(--cl-offset) + 55px);height:min(750px,90svh)}
}
@media(hover:hover){
 #cl-landing .cl-primary:hover{background:#f3dec0}
 #cl-landing .cl-text-link:hover,#cl-landing .cl-back-link:hover{color:var(--cl-gold)}
 #cl-landing .cl-tier-buttons button:not([aria-pressed=true]):hover{background:#e7c79512;color:#f0dfb8}
}
@media(prefers-reduced-motion:reduce){
 #cl-landing *,#cl-landing *:before,#cl-landing *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #cl-landing.cl-enhanced .cl-reveal{opacity:1;transform:none}
}
#cl-landing[data-motion=off] .cl-reveal{opacity:1;transform:none;transition:none}
#cl-landing[data-motion=off] .cl-member-orbit,#cl-landing[data-motion=off] :is(.cl-demo,.cl-level-showcase,.cl-ticket-stack){transform:none}

/* Covert Loyalty — cinematic chapter and investment. Scoped to the WordPress page. */
#cl-landing :is(#cl-story,#cl-journey,#cl-member-demo,#cl-program,#cl-pricing){scroll-margin-top:calc(var(--cl-offset) + 20px)}
#cl-landing .cl-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;pointer-events:auto;margin-top:30px}
#cl-landing .cl-hero-actions .cl-link{margin:0}
#cl-landing .cl-hero-price{display:flex;flex-direction:column;justify-content:center;min-height:54px;gap:3px;font-size:11px;color:#b0b4ae}
#cl-landing .cl-hero-price strong{font-size:19px;font-weight:500;color:#f0dfc0;letter-spacing:-.035em}
#cl-landing .cl-hero-price strong span{font-size:11px;font-weight:400;letter-spacing:0}
#cl-landing .cl-member-card{overflow:hidden}
#cl-landing .cl-member-card:after{content:'';position:absolute;inset:-20% -100%;background:linear-gradient(105deg,transparent 40%,#f9e3b91c 48%,#fff8e038 50%,transparent 57%);transform:translateX(-35%);animation:cl-foil 7s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
#cl-landing .cl-playing .cl-member-card:after{animation-play-state:running}
#cl-landing .cl-playing .cl-member-card{animation:cl-hover-card 8s ease-in-out infinite}
#cl-landing .cl-playing .cl-badge-shine{position:absolute;inset:5%;border:1px solid #e7c79528;border-radius:50%;animation:cl-badge-ripple 4s ease-out infinite}
#cl-landing .cl-ticket-stack.cl-playing .cl-ticket:not(.cl-ticket-back){animation:cl-ticket-drift 6s ease-in-out infinite}
#cl-landing .cl-ticket-stack.cl-playing .cl-ticket-back{animation:cl-ticket-drift-back 6s ease-in-out infinite}
#cl-landing .cl-cinema{position:relative;background:#080b0e;border-block:1px solid #39392f}
#cl-landing .cl-cinema-stage{position:relative;display:flex;flex-direction:column;padding:0 0 20px;overflow:hidden;background:radial-gradient(ellipse at 60% 54%,#75633712,transparent 64%)}
#cl-landing .cl-cinema-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;border-bottom:1px solid #b9a67d26;font-size:8px;letter-spacing:.1em;color:#9eaa9e;order:0;position:relative;z-index:2}
#cl-landing .cl-cinema-top>span:first-child{color:#dac9a0;font-weight:600;display:flex;align-items:center;gap:8px}
#cl-landing .cl-cinema-top i{width:4px;height:4px;flex:none;background:#d9b979;border-radius:50%;box-shadow:0 0 9px #e2c28080}
#cl-landing .cl-cinema-top>span:nth-child(2){display:none}
#cl-landing .cl-cinema-top>a{font-size:10px;letter-spacing:0;min-height:44px;display:flex;align-items:center}
#cl-landing .cl-cinema-copy{order:1;padding-top:25px;position:relative;z-index:2}
#cl-landing .cl-story-panel{padding-bottom:35px}
#cl-landing .cl-story-panel h2{font-size:clamp(39px,7.7vw,94px);line-height:1.02;margin:20px 0 15px}
#cl-landing .cl-story-panel>p:not(.cl-kicker){max-width:415px;color:#a7b0ac;font-size:16px;line-height:1.65}
#cl-landing .cl-story-stat{display:flex;align-items:center;gap:17px;margin-top:22px}
#cl-landing .cl-story-stat>strong{font-size:clamp(35px,8vw,70px);letter-spacing:-.07em;color:#ebdbb4;line-height:1;white-space:nowrap;font-weight:500}
#cl-landing .cl-story-stat>strong small{font-size:.52em;font-weight:300;color:#8b8268}
#cl-landing .cl-story-stat>span{font-size:8px;line-height:1.8;color:#a2aa9f;letter-spacing:.015em;border-left:1px solid #6c6142;padding-left:15px}
#cl-landing .cl-cinema-art{position:relative;height:300px;order:2;pointer-events:none}
#cl-landing .cl-morph-canvas{display:block;width:100%;height:100%}
#cl-landing .cl-object-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.22em;color:#c1b28b80}
#cl-landing .cl-cinema-cross{position:absolute;color:#c9b9946b;font:200 19px/1 monospace}
#cl-landing .cl-cross-one{left:10%;top:23%}#cl-landing .cl-cross-two{right:10%;bottom:20%}
#cl-landing .cl-cinema-bottom{position:relative;z-index:2;order:3;margin-top:auto;padding-top:8px}
#cl-landing .cl-story-controls{display:none;gap:4px;justify-content:space-between}
#cl-landing .cl-story-controls button{background:transparent;color:#9da599;border:0;cursor:pointer;min-height:48px;padding:8px 10px;font-size:12px;transition:color .22s,background-color .22s;flex:1;text-align:left;white-space:nowrap}
#cl-landing .cl-story-controls button>span{font-size:8px;color:#808777;margin-right:8px}
#cl-landing .cl-story-controls button[aria-pressed=true]{color:#f3dfb5;background:#e7c7950b}
#cl-landing .cl-story-controls button[aria-pressed=true]>span{color:#ead2a1}
#cl-landing .cl-story-line{height:1px;background:#514c3b;margin-top:8px;overflow:hidden}
#cl-landing .cl-story-line i{display:block;width:100%;height:100%;background:#e6c796;transform:scaleX(0);transform-origin:left}
#cl-landing .cl-story-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;font-size:7px;letter-spacing:.065em;color:#b2b8a9}
#cl-landing .cl-story-foot>span:last-child{display:none;color:#e0c897}
#cl-landing .cl-cinema-ready{height:430svh}
#cl-landing .cl-cinema-ready .cl-cinema-stage{position:sticky;top:var(--cl-offset);height:calc(100svh - var(--cl-offset));min-height:610px}
#cl-landing .cl-cinema-ready .cl-cinema-copy{height:290px;flex-shrink:0}
#cl-landing .cl-cinema-ready .cl-story-panel{position:absolute;top:25px;left:0;right:0;opacity:0;transform:translateY(23px);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .4s;pointer-events:none;padding:0}
#cl-landing .cl-cinema-ready .cl-story-panel.is-current{opacity:1;transform:translateY(0);pointer-events:auto}
#cl-landing .cl-cinema-ready .cl-cinema-art{flex:1;height:auto;min-height:100px}
#cl-landing .cl-cinema-ready .cl-story-controls{display:flex}
#cl-landing .cl-demo-balance{font-size:inherit!important;letter-spacing:inherit;color:inherit!important;margin:0!important}
#cl-landing .cl-demo-redeem{min-height:44px;padding:10px 16px;font-size:12px;border:1px solid var(--demo-accent);background:var(--demo-accent);color:#132016;border-radius:3px;cursor:pointer;grid-column:2}
#cl-landing .cl-demo-redeem:disabled{opacity:.6;cursor:default}
#cl-landing .cl-demo-redemption{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:24px 0;border-bottom:1px solid #66704e40}
#cl-landing .cl-redemption-check{width:30px;height:30px;border:1px solid var(--demo-accent);border-radius:50%;color:var(--demo-accent);display:grid;place-items:center}
#cl-landing .cl-demo-redemption strong{font-size:16px;color:#e9ecdf;font-weight:500}
#cl-landing .cl-demo-redemption p{font-size:12px;color:#b4bea8;margin-top:5px}
#cl-landing .cl-demo-redemption code{display:block;max-width:280px;padding:12px;margin-top:16px;border:1px dashed #a5aa8255;background:#afc1930c;font-size:15px;letter-spacing:.025em;color:var(--demo-accent);overflow-wrap:anywhere}
#cl-landing .cl-demo-redemption div>span{font-size:8px;color:#a6b193;display:block;margin-top:8px}
#cl-landing .cl-demo-reset{grid-column:2;justify-self:start;min-height:44px;background:transparent;color:#c5d0b9;font-size:12px;border:0;border-bottom:1px solid #81926655;cursor:pointer;padding:5px 0}
#cl-landing .cl-pricing{position:relative;padding:85px 0;background:#10110d;border-block:1px solid #71644155;isolation:isolate;overflow:hidden}
#cl-landing .cl-price-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65}
#cl-landing .cl-pricing-grid{position:relative;display:grid;gap:48px;align-items:center}
#cl-landing .cl-price-copy h2{margin:24px 0;font-size:clamp(45px,7vw,92px)}
#cl-landing .cl-price-copy>p:not(.cl-kicker){max-width:440px;color:#b3b5a6;font-size:16px;line-height:1.8}
#cl-landing .cl-included{list-style:none;padding:0;margin:30px 0 0;max-width:470px;border-top:1px solid #a58f552e}
#cl-landing .cl-included li{border-bottom:1px solid #a58f552e;padding:16px 0;display:flex;gap:18px;font-size:13px;line-height:1.4;color:#d4d6c5}
#cl-landing .cl-included li span{font-size:9px;letter-spacing:.1em;color:#b3a079;line-height:1.8}
#cl-landing .cl-price-pass{position:relative;isolation:isolate;overflow:hidden;max-width:510px;width:100%;margin-inline:auto;padding:28px;border:1px solid #e2c3827a;border-radius:13px;background:linear-gradient(130deg,#343126ed,#1e2217f5 50%,#4a4130f0);box-shadow:0 30px 80px #0005;color:#ead7ac}
#cl-landing .cl-price-pass:after{content:'';position:absolute;inset:9px;border:1px solid #e5c78728;border-radius:7px;pointer-events:none}
#cl-landing .cl-pass-shine{position:absolute;inset:-50%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#edcf962a 49%,transparent 64%);transform:translateX(-50%);animation:cl-foil 9s ease-in-out infinite;animation-play-state:paused}
#cl-landing .cl-price-pass.cl-playing .cl-pass-shine{animation-play-state:running}
#cl-landing .cl-pass-top{display:flex;align-items:center;justify-content:space-between;letter-spacing:.14em;font-size:10px}
#cl-landing .cl-pass-top svg{width:43px;height:48px;stroke:#e8cd93;fill:none;stroke-width:1}
#cl-landing .cl-pass-name{font-size:13px;font-weight:550;letter-spacing:.14em;margin-top:40px}
#cl-landing .cl-pass-description{display:block;color:#b8b5a2;font-size:12px;margin-top:6px}
#cl-landing .cl-price-amount{font-size:clamp(92px,23vw,155px);line-height:1;letter-spacing:-.075em;margin-top:30px;font-weight:450;color:#f4e0b5;white-space:nowrap}
#cl-landing .cl-price-amount>span{font-size:.48em;vertical-align:top;display:inline-block;margin:12px 6px 0 0;font-weight:350}
#cl-landing .cl-price-period{font-size:13px;letter-spacing:.08em;margin-top:10px;color:#e4c88f}
#cl-landing .cl-price-period>span{font-size:16px;letter-spacing:0;color:#c1bbaa;margin-left:6px}
#cl-landing .cl-price-divider{height:1px;background:linear-gradient(90deg,#e8ce994f,#e8ce9912);margin:30px 0 24px}
#cl-landing .cl-pass-platform{font-size:8px;letter-spacing:.11em;color:#c1b89c}
#cl-landing .cl-price-pass .cl-link{display:flex;position:relative;z-index:1;margin-top:18px;font-size:14px}
#cl-landing .cl-price-note{font-size:11px;text-align:center;line-height:1.7;color:#b1b29c;margin-top:14px}
#cl-landing .cl-pass-serial{display:block;font-size:7px;letter-spacing:.15em;margin-top:35px;color:#b9ad8680}
#cl-landing .cl-closing .cl-primary{font-size:12px;gap:20px;max-width:100%}
@keyframes cl-foil{0%,15%{transform:translateX(-45%)}65%,100%{transform:translateX(45%)}}
@keyframes cl-hover-card{0%,100%{transform:translate(-50%,-50%) rotate(-9deg) rotateY(-12deg)}50%{transform:translate(-50%,-54%) rotate(-4deg) rotateY(9deg)}}
@keyframes cl-ticket-drift{0%,100%{transform:translateX(-50%) rotate(-6deg)}50%{transform:translateX(-50%) translateY(-12px) rotate(-3deg)}}
@keyframes cl-ticket-drift-back{0%,100%{transform:translateX(-43%) translateY(-25px) rotate(10deg)}50%{transform:translateX(-40%) translateY(-36px) rotate(14deg)}}
@keyframes cl-badge-ripple{0%{transform:scale(.9);opacity:0}30%{opacity:.6}100%{transform:scale(1.3);opacity:0}}
@media(min-width:600px){
 #cl-landing .cl-cinema-top{font-size:9px}
 #cl-landing .cl-cinema-ready .cl-cinema-copy{height:350px}
 #cl-landing .cl-story-panel h2{font-size:62px}
 #cl-landing .cl-story-stat{margin-top:26px}
 #cl-landing .cl-story-foot>span:last-child{display:block}
 #cl-landing .cl-story-controls button{text-align:center;font-size:14px}
 #cl-landing .cl-story-stat>span{font-size:10px}
 #cl-landing .cl-cinema-ready .cl-cinema-stage{padding-bottom:30px}
 #cl-landing .cl-demo-redeem{grid-column:auto}
 #cl-landing .cl-price-pass{padding:40px 45px}
 #cl-landing .cl-pass-name{font-size:17px}
 #cl-landing .cl-included li{font-size:15px}
 #cl-landing .cl-pricing{padding-block:115px}
}
@media(min-width:1000px) and (min-height:630px){
 #cl-landing .cl-cinema-ready .cl-cinema-copy{position:relative;z-index:2;flex:1;height:auto;padding:0}
 #cl-landing .cl-cinema-ready .cl-story-panel{top:50%;transform:translateY(calc(-50% + 28px));left:0;right:auto;width:46%;padding-bottom:20px}
 #cl-landing .cl-cinema-ready .cl-story-panel.is-current{transform:translateY(-50%)}
 #cl-landing .cl-story-panel h2{font-size:clamp(64px,6.1vw,94px);margin-block:24px}
 #cl-landing .cl-story-panel>p:not(.cl-kicker){font-size:17px;line-height:1.8}
 #cl-landing .cl-story-stat{display:block;margin-top:35px}
 #cl-landing .cl-story-stat>span{display:block;margin-top:20px;padding-left:0;border-left:0}
 #cl-landing .cl-cinema-ready .cl-cinema-art{position:absolute;inset:12% 0 14% 40%;height:auto;min-height:0;flex:none}
 #cl-landing .cl-cinema-top>span:nth-child(2){display:block}
 #cl-landing .cl-cinema-top{min-height:85px}
 #cl-landing .cl-cinema-bottom{padding-top:0}
 #cl-landing .cl-story-controls{max-width:640px;margin-left:auto}
 #cl-landing .cl-story-foot{font-size:8px}
 #cl-landing .cl-cinema-ready{height:440svh}
 #cl-landing .cl-pricing-grid{grid-template-columns:1fr 1fr;gap:100px}
 #cl-landing .cl-included{margin-top:38px}
 #cl-landing .cl-price-pass{transform:perspective(1400px) rotateY(-7deg) rotateZ(2deg)}
 #cl-landing .cl-price-pass.cl-visible{transform:perspective(1400px) rotateY(-7deg) rotateZ(2deg)}
}
@media(hover:hover) and (pointer:fine){
 #cl-landing .cl-story-controls button:hover{color:#ead2a1;background:#e7c79512}
 #cl-landing .cl-hero-price:hover strong{color:#fff1d9}
 #cl-landing .cl-price-pass{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .7s}
 #cl-landing .cl-price-pass:hover{transform:perspective(1400px) rotateY(0) rotateZ(0)}
}
@media(max-height:629px){
 #cl-landing .cl-cinema-ready{height:auto}
 #cl-landing .cl-cinema-ready .cl-cinema-stage{position:relative;height:auto;min-height:0}
 #cl-landing .cl-cinema-ready .cl-cinema-copy{height:auto;padding-block:35px}
 #cl-landing .cl-cinema-ready .cl-story-panel{position:relative;opacity:1;transform:none;margin-bottom:40px}
 #cl-landing .cl-cinema-ready .cl-cinema-art{height:300px;flex:none}
 #cl-landing .cl-story-controls,#cl-landing .cl-story-foot>span:last-child{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 #cl-landing .cl-cinema-ready{height:auto}
 #cl-landing .cl-cinema-ready .cl-cinema-stage{position:relative;height:auto;min-height:0}
 #cl-landing .cl-cinema-ready .cl-cinema-copy{height:auto;padding-block:35px}
 #cl-landing .cl-cinema-ready .cl-story-panel{position:relative;top:auto;width:auto;opacity:1;transform:none;margin-bottom:40px}
 #cl-landing .cl-cinema-ready .cl-cinema-art{position:relative;inset:auto;height:300px;flex:none}
 #cl-landing .cl-story-controls,#cl-landing .cl-story-foot>span:last-child{display:none!important}
 #cl-landing .cl-price-pass{transform:none!important}
}
#cl-landing[data-motion=off] *,#cl-landing[data-motion=off] *:before,#cl-landing[data-motion=off] *:after{animation-play-state:paused!important;transition:none!important}

/* Additional real-product galleries. Existing landing sections are unchanged. */
#cl-landing .cl-real-section{padding:85px 0;border-top:1px solid #3c382c;background:radial-gradient(ellipse at 75% 50%,#e7c79506,transparent 65%);scroll-margin-top:calc(var(--cl-offset) + 20px)}
#cl-landing .cl-real-heading>div{display:grid;gap:25px;margin-top:25px}
#cl-landing .cl-real-heading h2{font-size:clamp(40px,6.6vw,90px)}
#cl-landing .cl-real-heading>div>p{font-size:16px;line-height:1.8;color:#abb1aa;max-width:420px}
#cl-landing .cl-capture-gallery{margin-top:42px}
#cl-landing .cl-capture-tabs{display:flex;align-items:center;gap:4px;border-block:1px solid #56503e;margin-bottom:32px;flex-wrap:wrap}
#cl-landing .cl-capture-tab{display:flex;align-items:center;gap:12px;min-height:60px;padding:13px 18px;font-size:13px;border-bottom:2px solid transparent;transition:background-color .2s,color .2s;color:#acb3a7}
#cl-landing .cl-capture-tab>span{font-size:9px;color:#8c967f}
#cl-landing .cl-capture-tab[aria-selected=true]{color:#f1ddb3;border-color:#e7c795;background:#e7c7950a}
#cl-landing .cl-capture-tab[aria-selected=true]>span{color:#d6c08e}
#cl-landing .cl-capture-authentic{display:none;font-size:8px;letter-spacing:.12em;color:#b9b8a5;margin-left:auto;align-items:center;gap:9px;padding-right:5px}
#cl-landing .cl-capture-authentic i{display:block;width:4px;height:4px;border-radius:50%;background:#d5c08c}
#cl-landing .cl-gallery-panel{display:grid;gap:30px;margin-bottom:55px}
#cl-landing .cl-gallery-panel:last-child{margin-bottom:0}
#cl-landing .cl-gallery-ready .cl-gallery-panel{margin-bottom:0}
#cl-landing .cl-capture-number{display:block;font-size:9px;letter-spacing:.13em;color:#b8a77e;margin:0 0 20px}
#cl-landing .cl-gallery-copy h3{font-size:34px;letter-spacing:-.055em;line-height:1.12;margin-bottom:20px}
#cl-landing .cl-gallery-copy>p{color:#a7b0a8;font-size:16px;line-height:1.75;max-width:420px}
#cl-landing .cl-capture-features{display:grid;gap:18px;margin-top:28px}
#cl-landing .cl-capture-features>div{border-top:1px solid #4d4b3a7d;padding-top:15px}
#cl-landing .cl-capture-features b{font-size:13px;font-weight:550;color:#d4d8c8}
#cl-landing .cl-capture-features p{font-size:13px;line-height:1.7;color:#a0aa9d;margin-top:6px}
#cl-landing .cl-capture-frame{border:1px solid #82714b85;border-radius:6px;overflow:hidden;background:#111711;box-shadow:0 30px 70px #0004;align-self:start;min-width:0}
#cl-landing .cl-capture-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;background:#131810;border-bottom:1px solid #6a604333}
#cl-landing .cl-capture-frame figcaption b{display:block;font-size:8px;letter-spacing:.07em;line-height:1.7;color:#e5d3a5;font-weight:550}
#cl-landing .cl-capture-frame figcaption small{display:block;font-size:8px;color:#9fa58f;margin-top:3px}
#cl-landing .cl-capture-frame figcaption>a{display:flex;align-items:center;gap:7px;min-height:44px;font-size:10px;white-space:nowrap;color:#ded1b0}
#cl-landing .cl-capture-image{display:block;position:relative;overflow:hidden;cursor:zoom-in}
#cl-landing .cl-capture-image img{display:block;width:100%;height:auto;max-width:none;margin:0;transition:transform .55s cubic-bezier(.22,1,.36,1)}
#cl-landing .cl-capture-enlarge{position:absolute;right:14px;bottom:14px;padding:10px 14px;background:#0a100ded;border:1px solid #e7c79570;border-radius:3px;box-shadow:0 4px 15px #0004;color:#eeddbb;font-size:10px;pointer-events:none}
#cl-landing .cl-capture-note{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #6a604333;font-size:9px;line-height:1.7;color:#a6ac98}
#cl-landing .cl-capture-note>span:last-child{display:none;white-space:nowrap;font-size:7px;letter-spacing:.08em;color:#c9bc9a}
#cl-landing .cl-capture-dialog{width:calc(100vw - 20px);max-width:1550px;height:calc(100svh - 20px);max-height:none;position:fixed;inset:0;margin:auto;border:1px solid #86734f;border-radius:6px;padding:0;overflow:hidden;background:#0c110e;color:#e7eade;box-shadow:0 25px 100px #0008}
#cl-landing .cl-capture-dialog[open]{display:flex;flex-direction:column}
#cl-landing .cl-capture-dialog::backdrop{background:#020504ed}
#cl-landing .cl-capture-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #554e39;background:#121810;flex-shrink:0}
#cl-landing .cl-capture-dialog-bar>div:first-child{min-width:0}
#cl-landing .cl-capture-dialog-bar b{font-size:14px;font-weight:500}
#cl-landing .cl-capture-dialog-bar span{display:block;font-size:8px;line-height:1.6;color:#a9b19c;margin-top:3px}
#cl-landing .cl-capture-dialog-bar>div:last-child{display:flex;gap:8px;flex-shrink:0}
#cl-landing .cl-capture-dialog button{min-height:44px;padding:8px 12px;border:1px solid #6e644a;background:transparent;color:#e5d6ae;font-size:11px;border-radius:3px;cursor:pointer}
#cl-landing .cl-capture-dialog .cl-capture-close{background:#e7c795;color:#141c12;border-color:#e7c795}
#cl-landing .cl-capture-scroll{flex:1;overflow:auto;overscroll-behavior:contain;min-height:0;touch-action:pan-x pan-y pinch-zoom;background:#0b100d;scrollbar-color:#968052 #171c16}
#cl-landing .cl-capture-scroll img{display:block;width:100%;height:auto;max-width:none;margin:0 auto}
#cl-landing .cl-capture-dialog[data-zoom=true] .cl-capture-scroll img{width:1520px;max-width:none;margin:0}
@media(min-width:700px){
 #cl-landing .cl-real-section{padding-block:120px}
 #cl-landing .cl-real-heading>div{grid-template-columns:1.4fr 1fr;gap:45px;align-items:end}
 #cl-landing .cl-capture-authentic{display:flex}
 #cl-landing .cl-capture-tab{padding:19px 24px;font-size:14px}
 #cl-landing .cl-capture-gallery{margin-top:60px}
 #cl-landing .cl-capture-features{grid-template-columns:repeat(3,1fr);gap:25px}
 #cl-landing .cl-gallery-copy>p{max-width:650px}
 #cl-landing .cl-capture-frame figcaption{padding:17px 22px}
 #cl-landing .cl-capture-frame figcaption b{font-size:10px}
 #cl-landing .cl-capture-frame figcaption small{font-size:10px}
 #cl-landing .cl-capture-frame figcaption>a{font-size:12px;gap:16px}
 #cl-landing .cl-capture-note{padding:17px 22px;font-size:10px}
 #cl-landing .cl-capture-note>span:last-child{display:block}
 #cl-landing .cl-capture-dialog{width:calc(100vw - 70px);height:calc(100svh - 50px)}
 #cl-landing .cl-capture-dialog-bar{padding:14px 22px}
 #cl-landing .cl-capture-dialog-bar b{font-size:17px}
 #cl-landing .cl-capture-dialog-bar span{font-size:10px}
 #cl-landing .cl-capture-dialog button{font-size:12px;padding-inline:20px}
}
@media(min-width:1100px){
 #cl-landing .cl-gallery-panel{grid-template-columns:.68fr 1.65fr;gap:55px;align-items:start}
 #cl-landing .cl-gallery-copy{padding-top:20px}
 #cl-landing .cl-gallery-copy h3{font-size:40px}
 #cl-landing .cl-capture-features{grid-template-columns:1fr;gap:18px;margin-top:34px}
 #cl-landing .cl-capture-features p{font-size:13px}
 #cl-landing .cl-real-heading>div{grid-template-columns:1.6fr 1fr;gap:100px}
 #cl-landing .cl-gallery-copy>p{font-size:15px}
}
@media(hover:hover) and (pointer:fine){
 #cl-landing .cl-capture-image:hover img{transform:scale(1.014)}
 #cl-landing .cl-capture-tab:hover{background:#e7c7950b;color:#e7d4a7}
}
@media(prefers-reduced-motion:reduce){#cl-landing .cl-capture-image img{transition:none}#cl-landing .cl-capture-image:hover img{transform:none}}