/* Visual proposals. The module order, content, widths and heights stay shared. */
body[data-look]{--ink:#262321;--muted:#706965;--brand:#35302d;--brand-dark:#252220;--tint:#f5f1ef;--line:#e8e2de;--paper:#fff;--radius:14px;background:#eae7e4}
body[data-look] .preview-note{background:#f2efed;color:#726862;letter-spacing:0}
body[data-look] .top-zone{background:#f5f2f0}
body[data-look] .member-pass{border-color:var(--line);box-shadow:none}
body[data-look] .tier{color:var(--brand);background:var(--tint);border-radius:5px;font-weight:500}
body[data-look] .scan-button{color:var(--brand);border-color:var(--line);border-radius:9px}
body[data-look] .pass-bottom{border-color:var(--line)}
body[data-look] .shortcuts a>span{color:var(--brand);background:var(--tint);border-color:var(--line)}
body[data-look] .menu-icon{background:var(--tint);color:var(--brand)}
body[data-look] .category-pills button{background:var(--tint);color:var(--muted)}
body[data-look] .category-pills button.selected{background:var(--brand);color:white}
body[data-look] .bottom-nav{background:#fff;border-color:var(--line);backdrop-filter:none}
body[data-look] .bottom-nav a{color:var(--muted)}
body[data-look] .bottom-nav a.active{color:var(--brand);font-weight:600}
body[data-look] .bottom-nav a.active:before{background:var(--brand)}
body[data-look] .welcome h1{font-weight:600;letter-spacing:.01em}
body[data-look] .feature-banner:after{background:linear-gradient(90deg,#211811d9,#2118111a)}
body[data-look] .feature-copy h2{font-weight:500}
body[data-look] .company-brand img{mix-blend-mode:multiply}
/* 01: Company palette; white surfaces, ink typography, a single coral accent. */
body[data-look=signature]{--brand:#994e51;--brand-dark:#262323;--tint:#fbefef;--line:#ece5e3;--radius:12px;background:#eeebea}
body[data-look=signature] .top-zone{background:#fff}
body[data-look=signature] .preview-note{background:#f6f3f2;color:#716562}
body[data-look=signature] .member-pass{background:#faf6f5;border-color:transparent;border-radius:12px}
body[data-look=signature] .balance strong{font-weight:500;letter-spacing:-2.5px}
body[data-look=signature] .tier{background:#f4e4e4;color:#8c484e}
body[data-look=signature] .shortcuts a>span{background:#fff;border-color:#e8ddda;border-radius:12px;color:#34302d}
body[data-look=signature] .shortcuts a:nth-child(2)>span{background:#fbefef;border-color:#f2dede;color:#994e51}
body[data-look=signature] .feature-banner{border-radius:12px}
body[data-look=signature] .section-heading h2{font-weight:600;letter-spacing:0}
body[data-look=signature] .menu-card{border-radius:12px}
/* 02: Warm paper; soft rounded cards and restrained serif headings. */
body[data-look=paper]{--brand:#675345;--brand-dark:#463a30;--tint:#f3ece1;--line:#e6dfd3;--paper:#fffdf8;--radius:23px;background:#e7e2d7}
body[data-look=paper] .top-zone{background:#eee7dc}
body[data-look=paper] .preview-note{background:#e5ddd0;color:#675b4f}
body[data-look=paper] .member-pass{background:#fffdf8;border-color:transparent;box-shadow:0 5px 16px #44321e08;border-radius:23px}
body[data-look=paper] .balance strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px}
body[data-look=paper] .welcome h1,body[data-look=paper] .section-heading h2,body[data-look=paper] .feature-copy h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:600}
body[data-look=paper] .tier{background:#f0e9dd;color:#66513d;border-radius:20px}
body[data-look=paper] .shortcuts a>span{background:#f2ece2;border-color:transparent;border-radius:17px;color:#675345}
body[data-look=paper] .feature-banner{border-radius:23px}
body[data-look=paper] .bottom-nav{background:#fffdf8}
body[data-look=paper] .menu-card,body[data-look=paper] .row-link{background:#fffdf8}
/* 03: Charcoal membership card; white canvas and firm typography. */
body[data-look=contrast]{--brand:#273e38;--brand-dark:#172923;--tint:#edf2ef;--line:#e2e6e3;--radius:15px;background:#e1e5e2}
body[data-look=contrast] .top-zone{background:#f3f5f2}
body[data-look=contrast] .preview-note{background:#e5e9e5;color:#536058}
body[data-look=contrast] .member-pass{background:#24332e;border-color:transparent;border-radius:15px}
body[data-look=contrast] .member-pass .balance strong,body[data-look=contrast] .member-pass .pass-bottom a{color:#fff}
body[data-look=contrast] .member-pass .pass-caption,body[data-look=contrast] .member-pass .balance>span{color:#d2dcd6}
body[data-look=contrast] .member-pass .tier{color:#f1e6c9;background:#ffffff13;border-radius:5px}
body[data-look=contrast] .member-pass .scan-button{color:#f3f4f0;background:#ffffff0a;border-color:#ffffff35}
body[data-look=contrast] .member-pass .pass-bottom{border-color:#ffffff2c}
body[data-look=contrast] .member-pass .history-link{color:#d2dcd6}
body[data-look=contrast] .balance strong{font-weight:600;letter-spacing:-1.7px}
body[data-look=contrast] .shortcuts a>span{background:white;border-color:#d9e0db;border-radius:12px;color:#314b40}
body[data-look=contrast] .shortcuts a:nth-child(2)>span{background:#edf2ed}
body[data-look=contrast] .feature-banner{border-radius:15px}
body[data-look=contrast] .feature-copy h2{font-weight:650}
body[data-look=contrast] .menu-card{border-color:#dce3dd;border-radius:15px}
body.comparison-frame .app-shell{max-width:100%;margin:0;border:0;border-radius:0;box-shadow:none;min-height:100vh}
body.comparison-frame .bottom-nav{max-width:100%}

/* 04: Apple-inspired web proposal. Shared structure, company identity. */
body[data-look=apple]{--ink:#1d1d1f;--muted:#68686d;--brand:#99515b;--brand-dark:#1d1d1f;--tint:#f4f4f6;--line:#e6e6e9;--paper:#fff;--radius:22px;background:#e8e8ed}
body[data-look=apple] .top-zone{background:#f5f5f7}
body[data-look=apple] .preview-note{background:#ececef;color:#65656b}
body[data-look=apple] .member-pass{background:#fff;border-color:transparent;border-radius:22px;box-shadow:0 3px 15px #00000005}
body[data-look=apple] .balance strong{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:650;letter-spacing:-2.5px;color:#1d1d1f}
body[data-look=apple] .tier{background:#f5f5f7;color:#626268;border-radius:20px}
body[data-look=apple] .scan-button{background:#f5f5f7;border-color:transparent;border-radius:13px;color:#1d1d1f}
body[data-look=apple] .welcome h1{font-weight:650;letter-spacing:-.025em}
body[data-look=apple] .shortcuts a>span{background:#f5f5f7;border-color:transparent;border-radius:16px;color:#333338}
body[data-look=apple] .shortcuts a:nth-child(2)>span{background:#faeff1;color:#99515b}
body[data-look=apple] .feature-banner{border-radius:22px}
body[data-look=apple] .feature-copy h2{font-weight:600;letter-spacing:-.025em}
body[data-look=apple] .menu-card{background:#f5f5f7;border-color:transparent;border-radius:22px}
body[data-look=apple] .menu-icon{background:#fff;color:#47474d;border-radius:12px}
body[data-look=apple] .section-heading h2{font-weight:650;letter-spacing:-.035em}
body[data-look=apple] .bottom-nav{background:#ffffffed;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border-color:#0000000c}
body[data-look=apple] .bottom-nav a.active:before{background:transparent}
body[data-look=apple] .bottom-nav a.active{color:#99515b}
body[data-look=apple] .row-link{background:#f5f5f7;border-color:transparent}
body[data-look=apple] .row-link>.icon:first-child{background:white;color:#47474d}
body[data-look=apple] .action{border-radius:14px}
body[data-look=apple] input,body[data-look=apple] select,body[data-look=apple] textarea{border-color:#d9d9de;border-radius:12px}
body[data-look=apple] .product-tag{color:#515158}
@media(prefers-reduced-transparency:reduce){body[data-look=apple] .bottom-nav{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}