
:root { --white:#fbf7ed; --white-off:#f5efdf; --black:#16243b; --black-soft:#344357; --gray-border:#d8cdb4; --column-max:900px; }
@font-face { font-family:'Canaan Local'; src:url('/fonts/canaanopt/noto-sans-subset.woff') format('woff'); font-weight:400; font-display:swap; }
:root { --font-main:'Canaan Local','Yu Gothic',sans-serif; --font-gothic:var(--font-main); }
html { scroll-behavior:smooth; }
body.canaanopt { background:#07142b; color:var(--black); }
body.canaanopt::before { background-image:url('/images/member/plan/canaanopt/bg.png'); background-color:#07142b; }
body.canaanopt #header { padding-top:24px; }
body.canaanopt #header .brand_logo { display:block; width:210px; margin:0 auto; filter:drop-shadow(0 4px 14px #000b) drop-shadow(0 1px 4px #0008); }
body.canaanopt #header .header_img { padding:0; }
body.canaanopt #header .header_img img { width:72%; max-width:1200px; }
body.canaanopt .main_column { background-color:#fbf7ed; background-image:url('/images/member/plan/canaanopt/cream-paper.png'); border-color:#c8a55c; }
body.canaanopt .sec { padding:64px 42px; }
body.canaanopt .copy-block p { padding:0; line-height:2.35!important; letter-spacing:.02em!important; margin:var(--p-before,0px) 0 var(--p-after,3px); }
body.canaanopt .main_column .blank { height:2.5rem; }
body.canaanopt .blue_band { background:#112941 url('/images/member/plan/canaanopt/black-linen.png'); border-top:2px solid #c8a55c; border-bottom:2px solid #c8a55c; }
body.canaanopt .full_band_main { max-width:1100px; margin:auto; color:#fff8e8; }
body.canaanopt .band_copy { display:inline-block; animation:canaan_copy_pop 3.5s ease-in-out infinite; }
@keyframes canaan_copy_pop { 0%,100%{transform:scale(1)} 45%{transform:scale(1.035)} 60%{transform:scale(.995)} 75%{transform:scale(1.015)} }
body.canaanopt .image_band { padding:32px 16px; }
body.canaanopt .image_band img { display:block; width:640px; max-width:100%; margin:auto; filter:drop-shadow(0 4px 12px #0008); animation:canaan_copy_pop 3.5s ease-in-out infinite; }
body.canaanopt .footer_band img { width:700px; }
body.canaanopt .main_column .gold_ink { color:#8b651c; text-shadow:0 1px 0 #fff9; }
body.canaanopt .portrait { margin:28px auto 0; max-width:260px; padding:0; }
body.canaanopt .portrait img { width:100%; }
body.canaanopt .form_wrap { padding:36px 32px; margin:0; background:#fbf7ed url('/images/member/plan/canaanopt/cream-paper.png'); }
body.canaanopt .form_frame { border:2px solid #c8a55c; box-shadow:0 8px 24px #07142b14; }
body.canaanopt .form_body { padding:32px; }
body.canaanopt .form_input { display:block; max-width:none; margin:16px 0 0; background:#fff; padding:18px; font-size:18px; }
body.canaanopt .submit_btn { color:#10243d; background:linear-gradient(115deg,#c69c4d,#f5df9f 50%,#c69c4d); border-color:#b68c3f; padding:22px 30px!important; letter-spacing:.04em; }
body.canaanopt .main_column .form_note { font-size:13px!important; color:#536075; line-height:1.8!important; margin-top:20px; }
body.canaanopt .float_cta { background:linear-gradient(135deg,#173552,#07142b); border-color:#c8a55c; }
body.canaanopt .float_cta__main { color:#f1d28a; }
body.canaanopt .lp_footer { color:#e4d7bb; padding:40px 16px 100px; background:#07142bd9; }
body.canaanopt .lp_footer a { color:#e4d7bb; }
body.canaanopt .lp_footer p { font-size:13px; }
body.canaanopt .lp_footer .text-center { text-align:center; }
body.canaanopt .lp_footer .footer-content--inline { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:24px; font-size:13px; line-height:1.8; }
body.canaanopt .lp_footer a { display:inline-block; white-space:nowrap; }
body.canaanopt dialog { margin:auto; max-width:calc(100vw - 40px); border:1px solid #c8a55c; padding:28px; color:#16243b; background:#fbf7ed; font-size:16px; }
body.canaanopt dialog::backdrop { background:#07142bbb; }
body.canaanopt dialog p { padding:0; line-height:1.8; }
body.canaanopt dialog button { margin-top:18px; padding:8px 25px; background:#173552; color:#fff; border:0; cursor:pointer; }
@media(max-width:768px) {
 body.canaanopt { font-size:24px; line-height:2.25; }
 body.canaanopt #header { padding-top:18px; }
 body.canaanopt #header .brand_logo { width:145px; }
 body.canaanopt #header .header_img img { width:96%; }
 body.canaanopt .sec { padding:40px 22px; }
 body.canaanopt .copy-block p { line-height:2.25!important; }
 body.canaanopt .full_band { padding:28px 18px; }
 body.canaanopt .main_column .full_band_main { font-size:27px!important; line-height:1.65!important; }
 body.canaanopt .image_band { padding:22px 12px; }
 body.canaanopt .form_wrap { padding:26px 16px; }
 body.canaanopt .form_body { padding:24px 16px; }
 body.canaanopt .submit_btn { font-size:19px!important; width:100%; padding:20px 8px!important; letter-spacing:0; }
 body.canaanopt .main_column .form_note { font-size:12px!important; }
 body.canaanopt .float_cta { display:none; }
 body.canaanopt .portrait { max-width:200px; }
 body.canaanopt .main_column .blank { height:2.5rem; }
}
@media(prefers-reduced-motion:reduce) { body.canaanopt *,body.canaanopt *::before { animation:none!important; scroll-behavior:auto!important; } }
body.canaanopt .main_column .fs12{font-size:20.0px!important;}
body.canaanopt .main_column .fs12_5{font-size:20.5px!important;}
body.canaanopt .main_column .fs13{font-size:21.0px!important;}
body.canaanopt .main_column .fs13_5{font-size:21.5px!important;}
body.canaanopt .main_column .fs14{font-size:22.0px!important;}
body.canaanopt .main_column .fs14_5{font-size:23.0px!important;}
body.canaanopt .main_column .fs15{font-size:24.0px!important;}
body.canaanopt .main_column .fs15_5{font-size:25.0px!important;}
body.canaanopt .main_column .fs16{font-size:26.0px!important;}
body.canaanopt .main_column .fs16_5{font-size:27.0px!important;}
body.canaanopt .main_column .fs17{font-size:28.0px!important;}
body.canaanopt .main_column .fs17_5{font-size:29.0px!important;}
body.canaanopt .main_column .fs18{font-size:30.0px!important;}
body.canaanopt .main_column .fs18_5{font-size:30.5px!important;}
body.canaanopt .main_column .fs19{font-size:31.0px!important;}
body.canaanopt .main_column .fs19_5{font-size:32.0px!important;}
body.canaanopt .main_column .fs21{font-size:34.0px!important;}
body.canaanopt .main_column .fs26_5{font-size:40.5px!important;}
body.canaanopt .main_column .fs28{font-size:42.0px!important;}
body.canaanopt .main_column .fs29{font-size:43.0px!important;}
body.canaanopt .main_column .fs39{font-size:57.0px!important;}
@media(max-width:768px){
body.canaanopt .main_column .fs12{font-size:17.0px!important;}
body.canaanopt .main_column .fs12_5{font-size:17.5px!important;}
body.canaanopt .main_column .fs13{font-size:18.0px!important;}
body.canaanopt .main_column .fs13_5{font-size:18.5px!important;}
body.canaanopt .main_column .fs14{font-size:19.0px!important;}
body.canaanopt .main_column .fs14_5{font-size:19.5px!important;}
body.canaanopt .main_column .fs15{font-size:20.0px!important;}
body.canaanopt .main_column .fs15_5{font-size:21.0px!important;}
body.canaanopt .main_column .fs16{font-size:22.0px!important;}
body.canaanopt .main_column .fs16_5{font-size:22.5px!important;}
body.canaanopt .main_column .fs17{font-size:23.0px!important;}
body.canaanopt .main_column .fs17_5{font-size:23.5px!important;}
body.canaanopt .main_column .fs18{font-size:24.0px!important;}
body.canaanopt .main_column .fs18_5{font-size:24.5px!important;}
body.canaanopt .main_column .fs19{font-size:25.0px!important;}
body.canaanopt .main_column .fs19_5{font-size:25.5px!important;}
body.canaanopt .main_column .fs21{font-size:27.0px!important;}
body.canaanopt .main_column .fs26_5{font-size:32.0px!important;}
body.canaanopt .main_column .fs28{font-size:32.0px!important;}
body.canaanopt .main_column .fs29{font-size:33.0px!important;}
body.canaanopt .main_column .fs39{font-size:43.0px!important;}
}

/* v4: retain the approved layout and run typography; restore sample components. */
body.canaanopt .full_band { animation:none; box-shadow:0 9px 22px #07142b35,inset 0 1px 0 #fff3; background-color:#102b47; }
body.canaanopt .full_band_main,body.canaanopt .full_band_main *,body.canaanopt .band_copy { animation:none!important; transform:none!important; }
body.canaanopt .full_band_main { font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif; font-weight:900; text-shadow:0 2px 2px #0009,0 0 16px #e6c78235; }
body.canaanopt .band_subcopy { color:#f8e7ba!important; text-align:center; font-size:20px!important; line-height:1.9!important; max-width:1000px; margin:18px auto 0; padding:0!important; letter-spacing:.02em; }
body.canaanopt .free_offer { margin:40px 34px 0; padding:10px; background:linear-gradient(135deg,#bd9446,#fff0b9 35%,#b98e39 70%,#f5dc91); box-shadow:0 9px 20px #07142b2a,inset 0 0 0 1px #fff8; border-radius:3px; }
body.canaanopt .free_offer_art { position:relative; aspect-ratio:1536/560; overflow:hidden; background:#10263d; }
body.canaanopt .free_offer_art img { display:block; position:absolute; top:-82.86%; left:0; width:100%; height:auto; max-width:none; filter:drop-shadow(0 3px 5px #0005); }
body.canaanopt .main_column .deco_red_under { border:0; padding-bottom:.12em; background:linear-gradient(transparent calc(100% - 5px),#b43132 0); font-weight:900; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
body.canaanopt .main_column .deco_darkred { color:#9c252c!important; font-weight:900; text-shadow:none; }
body.canaanopt .main_column .deco_gold_mark { background:linear-gradient(transparent 65%,#e8c9788c 65%,#e8c9788c 94%,transparent 94%); font-weight:900; padding:0 .04em; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
body.canaanopt .main_column .key_statement { font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif; font-weight:900; color:#102b47; }
body.canaanopt .main_column .feature_box.case_card { position:relative; margin:32px 0; padding:0 30px 30px; border:1px solid #b5bac2; border-left:7px solid #6a7c91; border-radius:2px; background:#f2f4f5; box-shadow:0 8px 18px #102b4712; color:#16243b; overflow:hidden; }
body.canaanopt .main_column .feature_box.case_card::before { display:none; }
body.canaanopt .main_column .feature_box.case_card p { color:#16243b!important; }
body.canaanopt .main_column .feature_box.case_card p.case_heading { margin:0 -30px 26px!important; padding:16px 30px!important; background:linear-gradient(100deg,#3e526a,#24394f); color:#fff!important; font-weight:900; border-bottom:1px solid #95a1ad; }
body.canaanopt .main_column .case_card .case_heading span { color:inherit!important; }
body.canaanopt .main_column .feature_box.case_b { border-color:#bc964b; border-left-color:#bc964b; background:linear-gradient(125deg,#fffdf6,#f7f0d8); box-shadow:0 9px 22px #9a75252b; }
body.canaanopt .main_column .feature_box.case_b p.case_heading { color:#132a43!important; background:linear-gradient(180deg,#f9e5a7,#dbb759); border-bottom-color:#b58a32; text-shadow:0 1px #fff9; }
body.canaanopt .main_column .blue_box.evidence_card { margin:32px 0; padding:30px; border:2px solid #b99348; border-radius:2px; background:linear-gradient(135deg,#fffdf8,#f3ebd7); color:#16243b; box-shadow:0 10px 24px #07142b1c,inset 0 0 0 5px #fff9; }
body.canaanopt .main_column .evidence_card p { color:#16243b!important; }
body.canaanopt .main_column .evidence_card [data-source-p="77"] { color:#956313!important; font-family:'Yu Mincho','Hiragino Mincho ProN',serif; font-variant-numeric:tabular-nums; font-weight:900; text-shadow:0 2px #fff,0 0 22px #d9af5140; }
body.canaanopt .main_column .hit_ticket.result_ticket { display:block; margin:28px 0; padding:28px 30px; border:2px solid #b99348; border-left:8px solid #b99348; border-radius:2px; background:linear-gradient(110deg,#183755,#071b30); color:#fff7dd; box-shadow:0 10px 24px #07142b24; }
body.canaanopt .main_column .result_ticket::before,body.canaanopt .main_column .result_ticket::after { display:none; }
body.canaanopt .main_column .result_ticket p,body.canaanopt .main_column .result_ticket span { color:#fff7dd!important; }
body.canaanopt .main_column .result_ticket [data-source-p="84"] { font-family:'Yu Mincho','Hiragino Mincho ProN',serif; color:#f1d28a!important; text-shadow:0 2px 4px #0009,0 0 20px #efcf8540; }
body.canaanopt .main_column .result_ticket [data-source-p="84"] span { color:inherit!important; }
body.canaanopt .registration_panel { padding-top:32px; padding-bottom:42px; }
body.canaanopt .registration_panel .form_frame { background:linear-gradient(145deg,#fffef9,#f3ebd5); border:1px solid #ad8233; border-radius:3px; padding:5px; box-shadow:0 10px 0 -6px #9f7933,0 15px 26px #07142b24,inset 0 0 0 2px #f8e9b8; }
body.canaanopt .registration_panel .form_body { border:1px solid #d9bf7d; padding:32px; background:none; }
body.canaanopt .registration_panel .form_title { font-weight:900; color:#132e49; font-size:23px; text-align:left; }
body.canaanopt .registration_panel .form_input { box-sizing:border-box; width:100%; border:1px solid #a8a18c; border-top-color:#7b817f; border-radius:3px; box-shadow:inset 0 3px 7px #07142b12,0 1px #fff; transition:border-color .2s,box-shadow .2s; }
body.canaanopt .registration_panel .form_input:focus { outline:2px solid #e0b84f; outline-offset:3px; border-color:#9c782d; box-shadow:inset 0 2px 6px #07142b10,0 0 0 5px #e0b84f15; }
body.canaanopt .registration_panel .submit_area { margin-top:30px; padding:0 0 8px; }
body.canaanopt .registration_panel .submit_btn { display:flex; align-items:center; justify-content:center; gap:20px; width:100%; box-sizing:border-box; position:relative; overflow:hidden; isolation:isolate; border:1px solid #9c7427; border-top-color:#fcecb5; border-radius:3px; padding:23px 18px!important; background:linear-gradient(180deg,#fff0b5 0%,#efd383 43%,#c59737 48%,#e2be64 100%); color:#102d49; text-shadow:0 1px 0 #fff9; font-weight:900; font-size:27px!important; box-shadow:0 6px 0 #8d6726,0 9px 1px #4c3a1d22,0 14px 22px #07142b28,inset 0 0 0 2px #fff4; animation:canaan_cta_light 3s ease-in-out infinite; transition:filter .2s,transform .2s; }
body.canaanopt .registration_panel .submit_btn::before { content:''; position:absolute; inset:-120% auto -120% -70%; width:24%; transform:skewX(-22deg); background:linear-gradient(90deg,transparent,#fff9,transparent); animation:canaan_cta_sheen 4s ease-in-out infinite; z-index:-1; pointer-events:none; }
body.canaanopt .registration_panel .submit_btn:hover { filter:brightness(1.09); transform:translateY(-2px); }
body.canaanopt .registration_panel .submit_btn:active { transform:translateY(4px); box-shadow:0 2px 0 #8d6726; }
body.canaanopt .button_arrow { font-size:1.5em; line-height:1; }
@keyframes canaan_cta_sheen { 0%,45%{left:-70%} 80%,100%{left:150%} }
@keyframes canaan_cta_light { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.07)} }
body.canaanopt .float_cta { display:block; position:fixed; left:auto!important; right:22px; bottom:24px; top:auto; width:244px!important; height:auto!important; padding:17px 20px; border:1px solid #c9a350; border-radius:3px; background:linear-gradient(180deg,#f6dc92,#d8ad4f); color:#132e49; box-shadow:0 5px 0 #886022,0 10px 24px #0004; transform:none!important; animation:none!important; z-index:120; }
body.canaanopt .float_cta__inner { display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.canaanopt .float_cta__main { color:#132e49!important; font-size:16px!important; line-height:1.7; font-weight:900; }
body.canaanopt .float_cta__arrow { font-size:30px; line-height:1; }
@media(max-width:768px) {
 body.canaanopt .full_band { padding:30px 20px; }
 body.canaanopt .main_column .full_band_main { font-size:27px!important; line-height:1.65!important; }
 body.canaanopt .band_subcopy { font-size:16px!important; line-height:1.9!important; margin-top:16px; }
 body.canaanopt .free_offer { margin:26px 16px 0; padding:5px; }
 body.canaanopt .free_offer_art { aspect-ratio:1536/580; }
 body.canaanopt .free_offer_art img { top:-80%; }
 body.canaanopt .main_column .feature_box.case_card { padding:0 15px 22px; margin:26px -7px; border-left-width:5px; }
 body.canaanopt .main_column .feature_box.case_card p.case_heading { margin:0 -15px 20px!important; padding:12px 15px!important; }
 body.canaanopt .main_column .blue_box.evidence_card,body.canaanopt .main_column .hit_ticket.result_ticket { margin:26px -7px; padding:23px 16px; }
 body.canaanopt .registration_panel .form_body { padding:24px 12px; }
 body.canaanopt .registration_panel .form_title { font-size:19px; }
 body.canaanopt .registration_panel .form_input { padding:16px 10px; font-size:16px; }
 body.canaanopt .registration_panel .submit_btn { font-size:19px!important; gap:7px; padding:21px 5px!important; letter-spacing:0; }
 body.canaanopt .float_cta { display:block; width:calc(100% - 32px)!important; box-sizing:border-box; left:16px!important; right:16px; bottom:14px; padding:12px 18px; }
 body.canaanopt .float_cta__main { font-size:16px!important; }
 body.canaanopt .lp_footer { padding-bottom:120px; }
}
@media(prefers-reduced-motion:reduce) { body.canaanopt .registration_panel .submit_btn,body.canaanopt .registration_panel .submit_btn::before { animation:none!important; } }

/* v5 additions to the original sample stylesheet; scoped to the requested parts. */
body.canaanopt { isolation:isolate; }
body.canaanopt::before { z-index:-2; }
body.canaanopt #header { padding-top:20px; }
body.canaanopt .cosmic_motion { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:-1; }
body.canaanopt .meteor { position:absolute; display:block; height:1px; width:150px; background:linear-gradient(90deg,transparent,#c3d8ff); opacity:0; transform:rotate(27deg); filter:drop-shadow(0 0 3px #c4deff); animation:opt_meteor 13s linear infinite; }
body.canaanopt .meteor::after { content:''; position:absolute; right:0; top:-1px; width:3px; height:3px; border-radius:50%; background:#e6edff; box-shadow:0 0 7px #aecfff; }
body.canaanopt .meteor_1 { left:3%; top:15%; animation-delay:1s; }
body.canaanopt .meteor_2 { left:75%; top:32%; animation-delay:5s; animation-duration:17s; }
body.canaanopt .meteor_3 { left:7%; top:70%; animation-delay:8s; animation-duration:19s; }
body.canaanopt .meteor_4 { left:68%; top:6%; animation-delay:11s; animation-duration:23s; }
@keyframes opt_meteor { 0%,78%{opacity:0;transform:translate(0,0) rotate(27deg)} 80%{opacity:.7} 85%{opacity:0;transform:translate(260px,132px) rotate(27deg)} 100%{opacity:0;transform:translate(260px,132px) rotate(27deg)} }
/* Text bands: deliberate two-line phrasing, no text distortion. */
body.canaanopt .main_column .full_band_main { max-width:1100px; padding:0 12px; font-size:46px!important; line-height:1.65!important; }
body.canaanopt .main_column .full_band_main .band_phrase { display:inline-block; max-width:100%; font-size:inherit!important; line-height:inherit!important; overflow-wrap:normal; word-break:normal; }
body.canaanopt .band_subcopy .band_phrase { display:inline-block; }
/* Transparent art directly on the paper, without frame, crop or coloured backing. */
body.canaanopt .main_column .free_offer.direct_art { background:none!important; border:0!important; outline:0!important; border-radius:0!important; box-shadow:none!important; padding:0!important; margin:44px 20px 28px!important; overflow:visible!important; }
body.canaanopt .main_column .direct_art img { display:block; position:static; width:96%; height:auto; max-width:820px; margin:auto; filter:drop-shadow(0 6px 4px #07142b60) drop-shadow(0 1px 2px #07142b60); transform-origin:center; animation:opt_art_pop 3s ease-in-out infinite; }
body.canaanopt .main_column .closing_art { margin-top:24px!important; margin-bottom:24px!important; }
@keyframes opt_art_pop { 0%,100%{transform:scale(1)} 40%{transform:scale(1.025)} 55%{transform:scale(.995)} 70%{transform:scale(1.012)} 85%{transform:scale(1)} }
/* A/B examples use the existing comment component and readable light surfaces. */
body.canaanopt .main_column .comment_box.case_card { background:#fffdf7!important; color:#162b42!important; border:1px solid #a5b2be!important; border-radius:3px!important; padding:0!important; margin:34px 0!important; text-align:left!important; overflow:hidden!important; box-shadow:0 6px 18px #142d4318!important; }
body.canaanopt .main_column .comment_box.case_card::before,body.canaanopt .main_column .comment_box.case_card::after { content:none!important; }
body.canaanopt .main_column .comment_box.case_card .case_heading { display:flex; align-items:center; gap:18px; background:linear-gradient(115deg,#29435e,#122a43)!important; color:#fff7df!important; margin:0!important; padding:19px 26px!important; border:0!important; font-size:27px!important; line-height:1.5!important; }
body.canaanopt .main_column .comment_box.case_b .case_heading { background:linear-gradient(115deg,#f1d58b,#d5ad4e)!important; color:#132e49!important; }
body.canaanopt .main_column .case_heading span { font-size:inherit!important; color:inherit!important; }
body.canaanopt .main_column .case_heading .case_monogram { display:inline-flex; align-items:center; justify-content:center; flex:0 0 46px; width:46px; height:46px; border:1px solid #ffffff70; background:#ffffff12; color:#fff7df!important; font-size:28px!important; font-weight:900; letter-spacing:0; }
body.canaanopt .main_column .case_b .case_heading .case_monogram { color:#132e49!important; border-color:#8b672e70; background:#fff4; }
body.canaanopt .main_column .case_card .comment_body { padding:28px 30px 30px!important; background:#fffdf7!important; }
body.canaanopt .main_column .case_card.case_b .comment_body { background:#fffcf0!important; }
body.canaanopt .main_column .comment_box.case_card .comment_body p { margin:0 0 18px!important; padding:0!important; font-size:25px!important; line-height:2.05!important; color:#162b42!important; text-align:left!important; }
body.canaanopt .main_column .comment_box.case_card .comment_body p:last-child { margin-bottom:0!important; }
body.canaanopt .main_column .comment_box.case_card .comment_body p span { color:inherit!important; font-size:inherit!important; }
body.canaanopt .main_column .comment_box.case_card .comment_body p .deco_darkred { color:#a1262c!important; }
/* The result ratio is a bright paper panel, with separate numeric hierarchy. */
body.canaanopt .main_column .blue_box.evidence_card { background:linear-gradient(135deg,#fffef9,#f3eddb)!important; color:#142d46!important; border:2px solid #be9d51!important; border-radius:3px!important; padding:32px!important; margin:32px 0!important; box-shadow:0 7px 22px #142d4318,inset 0 0 0 5px #fff9!important; }
body.canaanopt .main_column .blue_box.evidence_card::before,body.canaanopt .main_column .blue_box.evidence_card::after { content:none!important; }
body.canaanopt .main_column .blue_box.evidence_card p { color:#142d46!important; text-shadow:none!important; font-size:25px!important; line-height:2!important; }
body.canaanopt .main_column .blue_box.evidence_card p span { color:inherit!important; font-size:inherit!important; }
body.canaanopt .main_column .blue_box.evidence_card [data-source-p="76"] { border-bottom:1px solid #c8b681; padding-bottom:20px!important; margin-bottom:20px!important; }
body.canaanopt .main_column .blue_box.evidence_card [data-source-p="77"] { font-size:94px!important; font-weight:900; line-height:1.5!important; letter-spacing:-.025em!important; color:#986b16!important; text-align:center; text-shadow:0 2px #fff,0 0 18px #d4ae4b25!important; }
body.canaanopt .main_column .blue_box.evidence_card [data-source-p="78"] { font-size:28px!important; font-weight:900; }
body.canaanopt .main_column .blue_box.evidence_card [data-source-p="80"] { border-top:1px solid #d8caa5; padding-top:20px!important; font-size:21px!important; color:#36495d!important; }
body.canaanopt .main_column .blue_box.evidence_card .blank { height:18px!important; }
/* A true ticket-shaped SVG image with an animated illuminated amount. */
body.canaanopt .main_column .ticket_result { display:block; background:none!important; color:#142d46!important; border:0!important; border-radius:0!important; padding:0!important; margin:30px 0!important; box-shadow:none!important; }
body.canaanopt .main_column .ticket_figure { margin:0 0 26px; padding:0; }
body.canaanopt .main_column .ticket_figure img { display:block; width:100%; height:auto; filter:drop-shadow(0 8px 9px #142d432d); }
body.canaanopt .main_column .ticket_result [data-source-p="85"],body.canaanopt .main_column .ticket_result [data-source-p="85"] span { color:#142d46!important; }
body.canaanopt .source_only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
/* Full reset on this component prevents the sample's circular and vertical styles leaking in. */
body.canaanopt a.float_cta.opt_floating_register { all:initial!important; box-sizing:border-box!important; position:fixed!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; right:22px!important; bottom:24px!important; width:290px!important; height:64px!important; padding:0 20px!important; border:1px solid #9b7429!important; border-top-color:#fff0bc!important; border-radius:3px!important; background:linear-gradient(180deg,#fff0b6 0%,#efd17c 44%,#c99e40 49%,#e3c06b 100%)!important; box-shadow:0 5px 0 #896225,0 9px 20px #0005,inset 0 0 0 2px #fff3!important; color:#122d48!important; text-decoration:none!important; cursor:pointer!important; z-index:120!important; animation:opt_cta_breathe 3s ease-in-out infinite!important; }
body.canaanopt a.opt_floating_register > span { all:initial!important; display:block!important; color:#122d48!important; font-family:var(--font-gothic)!important; font-size:17px!important; font-weight:900!important; line-height:1.5!important; letter-spacing:0!important; text-shadow:0 1px #fff8!important; }
body.canaanopt a.opt_floating_register > .opt_floating_arrow { font-size:34px!important; flex:0 0 auto!important; }
body.canaanopt a.opt_floating_register:hover { filter:brightness(1.1)!important; }
body.canaanopt a.opt_floating_register:focus-visible { outline:3px solid #fff2ba!important; outline-offset:5px!important; }
@keyframes opt_cta_breathe { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.08)} }
body.canaanopt .registration_panel .submit_btn { flex-direction:row!important; }
@media(max-width:768px) {
 body.canaanopt #header { padding-top:8px; }
 body.canaanopt .main_column .full_band_main { font-size:27px!important; padding:0!important; line-height:1.7!important; }
 body.canaanopt .main_column .full_band_main .band_phrase { white-space:normal; }
 body.canaanopt .main_column .full_band[data-source-p="42"] .full_band_main { font-size:25px!important; }
 body.canaanopt .main_column .full_band[data-source-p="64"] .full_band_main { font-size:25px!important; }
 body.canaanopt .main_column .full_band[data-source-p="123"] .full_band_main { font-size:25px!important; }
 body.canaanopt .main_column .free_offer.direct_art { margin:28px 6px 22px!important; }
 body.canaanopt .main_column .direct_art img { width:96%; filter:drop-shadow(0 3px 3px #07142b66) drop-shadow(0 1px 1px #07142b55); }
 body.canaanopt .main_column .comment_box.case_card { margin:26px -5px!important; }
 body.canaanopt .main_column .comment_box.case_card .case_heading { gap:12px; padding:15px 17px!important; font-size:23px!important; }
 body.canaanopt .main_column .case_heading .case_monogram { flex-basis:38px; width:38px; height:38px; font-size:24px!important; }
 body.canaanopt .main_column .case_card .comment_body { padding:20px 17px!important; }
 body.canaanopt .main_column .comment_box.case_card .comment_body p { font-size:21px!important; line-height:2.05!important; }
 body.canaanopt .main_column .blue_box.evidence_card { margin:26px -5px!important; padding:24px 17px!important; }
 body.canaanopt .main_column .blue_box.evidence_card p { font-size:21px!important; line-height:2.05!important; }
 body.canaanopt .main_column .blue_box.evidence_card [data-source-p="77"] { font-size:64px!important; line-height:1.5!important; }
 body.canaanopt .main_column .blue_box.evidence_card [data-source-p="78"] { font-size:23px!important; }
 body.canaanopt .main_column .blue_box.evidence_card [data-source-p="80"] { font-size:18px!important; }
 body.canaanopt .main_column .ticket_result { margin:25px -5px!important; }
 body.canaanopt .main_column .ticket_result [data-source-p="85"],body.canaanopt .main_column .ticket_result [data-source-p="85"] span { font-size:23px!important; }
 body.canaanopt a.float_cta.opt_floating_register { left:16px!important; right:16px!important; bottom:14px!important; width:calc(100% - 32px)!important; max-width:none!important; height:56px!important; padding:0 18px!important; }
 body.canaanopt a.opt_floating_register > span { font-size:16px!important; }
 body.canaanopt a.opt_floating_register > .opt_floating_arrow { font-size:30px!important; }
}
@media(max-width:374px) {
 body.canaanopt .main_column .full_band_main { font-size:23px!important; }
 body.canaanopt .main_column .full_band[data-source-p="42"] .full_band_main,body.canaanopt .main_column .full_band[data-source-p="64"] .full_band_main,body.canaanopt .main_column .full_band[data-source-p="123"] .full_band_main { font-size:21px!important; }
}
@media(prefers-reduced-motion:reduce) { body.canaanopt .meteor,body.canaanopt .direct_art img,body.canaanopt a.float_cta.opt_floating_register { animation:none!important; } }
body.canaanopt .main_column .full_band_main .band_word { display:inline-block; white-space:nowrap; max-width:100%; font-size:inherit!important; line-height:inherit!important; }


/* v6: only results art and the excess whitespace before the final offer. */
body.canaanopt .main_column .closing_copy.sec { padding-bottom:0!important; }
body.canaanopt .main_column [data-source-p="160"],body.canaanopt .main_column [data-source-p="161"] { display:none!important; }
body.canaanopt .main_column .closing_art.direct_art { margin-top:12px!important; }
body.canaanopt .main_column .closing_art.direct_art img { margin-top:-5%!important; }
body.canaanopt .main_column .ticket_figure { position:relative; isolation:isolate; overflow:hidden; border-radius:3px; filter:drop-shadow(0 9px 10px #07142b38); }
body.canaanopt .main_column .ticket_figure img { filter:none; }
body.canaanopt .main_column .ticket_figure::after { content:''; position:absolute; pointer-events:none; inset:39% 5% 18% 22%; background:linear-gradient(112deg,transparent 36%,#fff6 49%,transparent 62%); background-size:300% 100%; mix-blend-mode:screen; animation:opt_result_sheen 5s ease-in-out infinite; }
@keyframes opt_result_sheen { 0%,45%{background-position:180% 0;opacity:0} 55%{opacity:.65} 85%,100%{background-position:-80% 0;opacity:0} }
@media(max-width:768px){ body.canaanopt .main_column .closing_art.direct_art { margin-top:8px!important; } }
@media(prefers-reduced-motion:reduce){body.canaanopt .main_column .ticket_figure::after{animation:none;display:none;}}

/* The accepted PC typography is left as display:contents. */
body.canaanopt .desktop_copy { display:contents; }
body.canaanopt .mobile_copy { display:none; }
@media(max-width:768px) {
 body.canaanopt .desktop_copy { display:none!important; }
 body.canaanopt .mobile_copy { display:contents!important; }
 body.canaanopt .mobile_phrase { display:inline-block; white-space:nowrap; vertical-align:baseline; max-width:none; }
 body.canaanopt .main_column .copy-block { --mobile-adjust:0px; }
 body.canaanopt .main_column .sec { padding:30px 20px; }
 body.canaanopt .main_column .copy-block p[data-source-p] { font-size:calc(var(--mobile-size,18px) + var(--mobile-adjust,0px))!important; line-height:1.95!important; letter-spacing:.02em!important; margin:min(var(--p-before,0px),16px) 0 min(var(--p-after,10px),14px)!important; text-wrap:wrap; overflow-wrap:normal; word-break:normal; }
 body.canaanopt .main_column .copy-block p .mobile_copy .mobile_phrase span { font-size:inherit!important; line-height:inherit!important; }
 body.canaanopt .main_column .copy-block .blank { height:22px!important; }
 body.canaanopt .main_column .comment_box.case_card .comment_body { padding:20px 17px!important; }
 body.canaanopt .main_column .comment_box.case_card .comment_body p[data-source-p] { font-size:calc(var(--mobile-size,18px) + var(--mobile-adjust,0px))!important; line-height:1.95!important; margin:0 0 14px!important; }
 body.canaanopt .main_column .comment_box.case_card .case_heading { font-size:21px!important; line-height:1.5!important; }
 body.canaanopt .main_column .blue_box.evidence_card p[data-source-p] { font-size:calc(var(--mobile-size,18px) + var(--mobile-adjust,0px))!important; line-height:1.9!important; }
 body.canaanopt .main_column .blue_box.evidence_card p[data-source-p="77"] { line-height:1.35!important; margin:12px 0!important; }
 body.canaanopt .main_column .blue_box.evidence_card p[data-source-p="80"] { line-height:1.85!important; }
 body.canaanopt .main_column .ticket_result p[data-source-p="85"] { font-size:calc(21px + var(--mobile-adjust,0px))!important; }
 body.canaanopt .main_column .ticket_result p[data-source-p="85"] .mobile_phrase span { font-size:inherit!important; }
 body.canaanopt .main_column .full_band { padding:25px 18px; }
 body.canaanopt .main_column .full_band .full_band_main { font-size:24px!important; line-height:1.65!important; }
 body.canaanopt .main_column .full_band[data-source-p="42"] .full_band_main,body.canaanopt .main_column .full_band[data-source-p="64"] .full_band_main,body.canaanopt .main_column .full_band[data-source-p="123"] .full_band_main { font-size:23px!important; }
 body.canaanopt .band_subcopy { font-size:14px!important; line-height:1.9!important; margin-top:12px; }
 body.canaanopt .registration_panel .form_title { font-size:18px; }
 body.canaanopt .registration_panel .submit_btn { font-size:17px!important; gap:10px; }
 body.canaanopt a.float_cta.opt_floating_register.mobile_cta_managed { visibility:hidden!important; opacity:0!important; pointer-events:none!important; transform:translateY(12px)!important; transition:opacity .18s ease,transform .18s ease,visibility .18s!important; animation:none!important; bottom:max(12px,env(safe-area-inset-bottom))!important; height:52px!important; }
 body.canaanopt a.float_cta.opt_floating_register.mobile_cta_managed.mobile_cta_visible { visibility:visible!important; opacity:1!important; pointer-events:auto!important; transform:translateY(0)!important; }
 body.canaanopt a.opt_floating_register.mobile_cta_managed > span { font-size:15px!important; }
 body.canaanopt a.opt_floating_register.mobile_cta_managed > .opt_floating_arrow { font-size:27px!important; }
}
@media(max-width:359px) {
 body.canaanopt .main_column .copy-block { --mobile-adjust:-1px; }
 body.canaanopt .main_column .sec { padding-right:16px; padding-left:16px; }
 body.canaanopt .main_column .full_band .full_band_main { font-size:22px!important; }
 body.canaanopt .main_column .full_band[data-source-p="42"] .full_band_main,body.canaanopt .main_column .full_band[data-source-p="64"] .full_band_main,body.canaanopt .main_column .full_band[data-source-p="123"] .full_band_main { font-size:21px!important; }
}
@media(min-width:430px) and (max-width:649px) { body.canaanopt .main_column .copy-block { --mobile-adjust:1px; } }
@media(min-width:650px) and (max-width:768px) { body.canaanopt .main_column .copy-block { --mobile-adjust:2px; } }
@media(prefers-reduced-motion:reduce) { body.canaanopt a.float_cta.opt_floating_register.mobile_cta_managed { transition:none!important; } }

body.canaanopt #header .header_img img { filter:none!important; }

/* v11: approved unified racing/cosmos artwork; PC horizontal / phone vertical navy fade. */
body.canaanopt #header { padding:0!important; margin:0!important; width:100%; }
body.canaanopt #header .header_img { padding:0!important; margin:0!important; line-height:0!important; }
body.canaanopt #header .header_img img { display:block!important; width:100%!important; max-width:none!important; height:auto!important; margin:0!important; padding:0!important; filter:none!important; animation:none!important; transform:none!important; }
body.canaanopt #header .pconly { display:block!important; }
body.canaanopt #header .sponly { display:none!important; }
@media(max-width:768px) { body.canaanopt #header .pconly { display:none!important; } body.canaanopt #header .sponly { display:block!important; } }


/* v12: desktop sizing only; keep the approved phone layout untouched. */
@media(min-width:769px) {
 body.canaanopt #header .pconly .header_img img {
  width:100%!important;
  height:auto!important;
  max-height:calc(100vh - 72px)!important;
  max-height:calc(100dvh - 72px)!important;
  object-fit:contain!important;
  object-position:center center!important;
 }
 body.canaanopt #header { background:#06172f; }
 body.canaanopt .scroll_guide {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:72px!important;
  min-height:0!important;
  padding:0 16px!important;
  margin:0!important;
 }
 body.canaanopt .scroll_guide_btn { font-size:20px!important; line-height:1.5!important; }
}

/* v13: desktop side-by-side FV. Mobile keeps its approved image and original form location. */
.pc_fv_form_slot { display:none; }
@media(min-width:769px) {
 body.canaanopt #header { background:transparent!important; }
 body.canaanopt #header .pconly {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(320px,24vw,440px);
  align-items:center;
  gap:clamp(14px,1.2vw,26px);
  padding:0 22px 0 0;
  width:100%;
 }
 body.canaanopt #header .pconly .header_img { min-width:0; align-self:center; }
 body.canaanopt #header .pconly .header_img img {
  width:100%!important;
  max-height:calc(100dvh - 72px)!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 97%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 97%,transparent 100%);
 }
 body.canaanopt .pc_fv_form_slot { display:block; width:100%; padding:22px 0; color:#fff7df; font-size:18px; line-height:1.7; }
 body.canaanopt .pc_fv_card {
  padding:28px 25px;
  background:linear-gradient(145deg,#071b31f5,#06142bec);
  border:1px solid #c2a25b;
  border-top:3px solid #eed79b;
  border-radius:3px;
  box-shadow:0 14px 34px #0004,inset 0 0 0 4px #dfc6830c;
 }
 body.canaanopt .pc_fv_card .pc_fv_offer { margin:0; padding:0; text-align:center; color:#fff7df; font-size:20px; line-height:1.8; letter-spacing:.02em; font-weight:700; }
 body.canaanopt .pc_fv_offer span { display:block; }
 body.canaanopt .pc_fv_offer strong { display:block; margin:9px 0 0; color:#f2d388; font-size:46px; line-height:1.35; font-weight:900; text-shadow:0 2px 3px #0006; }
 body.canaanopt .pc_fv_card .pc_fv_support { margin:19px 0 24px; padding:0 0 22px; border-bottom:1px solid #d6bb7650; font-size:16px; line-height:1.9; text-align:center; color:#e4e9ee; }
 body.canaanopt .pc_fv_card #register-1.form_wrap { background:none!important; padding:0!important; margin:0!important; width:100%; max-width:none; font-size:18px; }
 body.canaanopt .pc_fv_card #register-1 .form_frame { background:none!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; width:100%; max-width:none; }
 body.canaanopt .pc_fv_card #register-1 .form_body { background:none!important; padding:0!important; border:0!important; width:100%; }
 body.canaanopt .pc_fv_card #register-1 .form_title { display:block; text-align:left; font-size:17px; line-height:1.6; color:#fff7df; font-weight:700; }
 body.canaanopt .pc_fv_card #register-1 .form_input { width:100%; margin:10px 0 0; padding:16px 12px; font-size:16px; line-height:1.4; border:1px solid #b7b5aa; border-radius:3px; background:#fffef9; color:#142b43; }
 body.canaanopt .pc_fv_card #register-1 .submit_area { margin-top:22px; }
 body.canaanopt .pc_fv_card #register-1 .submit_btn { gap:9px; padding:20px 9px!important; font-size:18px!important; letter-spacing:0!important; line-height:1.5; }
 body.canaanopt .pc_fv_card #register-1 .form_note { margin:19px 0 0; padding:0; color:#b8c7d6; font-size:12px!important; line-height:1.8!important; text-align:left; }
}
@media(min-width:769px) and (max-width:1100px) {
 body.canaanopt #header .pconly { gap:12px; padding-right:14px; grid-template-columns:minmax(0,1fr) 310px; }
 body.canaanopt .pc_fv_card { padding:22px 18px; }
 body.canaanopt .pc_fv_card .pc_fv_offer { font-size:18px; }
 body.canaanopt .pc_fv_offer strong { font-size:38px; }
 body.canaanopt .pc_fv_card .pc_fv_support { font-size:14px; margin:15px 0 18px; padding-bottom:17px; }
 body.canaanopt .pc_fv_card #register-1 .submit_btn { font-size:17px!important; padding:17px 5px!important; }
}
@media(min-width:769px) and (max-height:660px) {
 body.canaanopt .pc_fv_form_slot { padding:10px 0; }
 body.canaanopt .pc_fv_card { padding-top:18px; padding-bottom:18px; }
 body.canaanopt .pc_fv_offer strong { font-size:36px; margin-top:4px; }
 body.canaanopt .pc_fv_card .pc_fv_support { margin:12px 0 15px; padding-bottom:14px; font-size:14px; }
 body.canaanopt .pc_fv_card #register-1 .form_input { padding:12px; }
 body.canaanopt .pc_fv_card #register-1 .submit_area { margin-top:16px; }
 body.canaanopt .pc_fv_card #register-1 .submit_btn { padding:16px 6px!important; }
}
