@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-VariableFont_wght.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Italic-VariableFont_wght.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/Lora-VariableFont_wght.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/Lora-Italic-VariableFont_wght.woff2)format("woff2");font-weight:400 700;font-style:italic;font-display:swap}:root{--rgb-white:255 255 255;--rgb-black:0 0 0;--rgb-ink:42 38 34;--rgb-brand-red:161 0 11;--rgb-brand-red-dark:122 0 8;--rgb-brand-yellow:249 198 34;--rgb-nav-dark:24 20 20;--rgb-deep-red:68 0 6;--color-white:rgb(var(--rgb-white));--color-black:rgb(var(--rgb-black));--kkb-red:#a1000b;--kkb-red-dark:#7a0008;--kkb-red-light:#c8001a;--kkb-yellow:#f9c622;--kkb-yellow-dim:rgb(var(--rgb-brand-yellow) / .15);--kkb-amber:#f6a817;--kkb-orange:#ee5b1b;--hero-grainient-color-1:#f0b735;--hero-grainient-color-2:#e10d0d;--hero-grainient-color-3:var(--kkb-red);--art-hero-red-deep:#6f0008;--art-hero-orange:#f09a1a;--rgb-art-red-shadow:92 0 7;--rgb-art-red-overlay:62 0 8;--rgb-art-red-wash:45 0 0;--rgb-art-cream-light:255 239 218;--rgb-art-phone-shadow:52 5 7;--rgb-art-phone-shadow-deep:60 5 8;--rgb-art-community-surface:42 10 8;--rgb-art-community-shadow:70 0 6;--rgb-art-community-text-shadow:50 0 4;--rgb-art-brand-shadow:58 0 4;--rgb-art-image-overlay:22 15 12;--rgb-art-yellow-glow:255 224 93;--rgb-art-app-wash:52 10 3;--rgb-art-app-shadow:81 0 3;--rgb-art-copy:38 24 18;--rgb-art-dark-surface:35 30 27;--rgb-art-action-surface:20 17 15;--rgb-art-search-ink:36 27 10;--rgb-art-card-shadow:80 0 5;--rgb-art-article-shadow:76 0 0;--art-card-dark:#0c0c0c;--art-card-ink:#34302d;--art-card-red-deep:#710008;--art-card-brown:#7a4b24;--art-card-gold-dark:#9a6500;--art-card-red:#9e0015;--art-card-amber-dark:#a45d00;--art-card-muted:#aaa39d;--art-card-red-bright:#ce1225;--art-card-orange:#d94318;--art-card-tan:#d9bfa0;--art-card-light-muted:#ddd;--art-card-gold:#f4bd1b;--art-card-cream:#fff8e9;--mask-solid:#000;--bank-maya-dark:#121315;--bank-maya-green:#2fcb6c;--bank-gcash-blue:#0056d6;--bank-gcash-sky:#0a8cff;--bank-gotyme-ink:#1d1745;--bank-gotyme-pink:#ff5b8e;--bank-tonik-deep:#30165f;--bank-tonik-violet:#785aff;--bank-cimb-deep:#790000;--bank-cimb-red:#ed1c24;--bank-ownbank-blue:#3439ba;--bank-ownbank-violet:#6a36d8;--bank-seabank-red:#e44919;--bank-seabank-orange:#ff7a00;--art-hub-dark-1:#191715;--art-hub-dark-2:#1d1917;--art-hub-dark-3:#3b1d17;--art-hub-dark-red-1:#40110a;--art-hub-dark-red-2:#550005;--art-hub-dark-red-3:#5f100e;--art-hub-red-1:#720007;--art-hub-red-2:#790009;--art-hub-red-3:#c71914;--art-hub-red-4:#d82b16;--art-hub-orange-1:#e85818;--art-hub-orange-2:#e95018;--art-hub-orange-3:#ee7418;--art-hub-orange-4:#ef8d19;--art-hub-orange-5:#f06a17;--art-hub-amber:#f7a71a;--art-hub-yellow:#f8c623;--art-hub-cream:#fff6d8;--art-hub-neutral:#eee8df;--art-app-device:#282525;--art-app-red-deep:#520006;--art-app-red-mid:#590006;--art-app-red:#9a0010;--art-app-orange-1:#d93617;--art-app-orange-2:#ed6e16;--art-app-orange-3:#f04c17;--art-app-orange-4:#f59b18;--art-app-yellow-1:#ffc52e;--art-app-yellow-2:#ffc83d;--surface-article-warm:#fffaf0;--text-article:#39332e;--surface-comparison:#faf7f0;--surface-comparison-section:rgb(var(--rgb-brand-red) / .16);--surface-aside-dark:#171513;--text-aside-muted:#cec7c1;--bg-page:#f5f1e8;--bg-card:var(--color-white);--bg-promo-media:#eee9e0;--border-promo-empty:rgb(var(--rgb-brand-red) / .2);--bg-elevated:#fbf9f4;--bg-overlay:#f5f1e8eb;--bg-warm-highlight:#fff9e8;--bg-neutral-soft:#f4f4f4;--bg-tooltip:#211f1d;--bg-table-heading:#f3ede3;--bg-control-hover:#e8e8e8;--bg-control-muted:#eaeaea;--bg-overlay-dark:#080808;--text-primary:#2a2622;--text-muted:#6b6560;--text-on-red:var(--color-white);--text-on-dark-muted:#c8c1bb;--text-on-yellow:#3b2500;--text-disabled:#888;--border-subtle:rgb(var(--rgb-ink) / .08);--texture-opacity:.28;--content-wide:1180px;--content-reading:70ch;--radius-card:1rem;--radius-panel:1.5rem;--shadow-card:0 18px 42px rgb(var(--rgb-brand-red) / .08), 0 3px 10px rgb(var(--rgb-ink) / .06);--footer-bg:#0d0d0d;--footer-bg-elevated:#1a1a1a;--footer-text:#f0ece4;--footer-text-muted:#8a8580;--footer-border:rgb(var(--rgb-white) / .06);--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-heading:"Montserrat", sans-serif;--font-body:"Lora", serif;--type-label:clamp(.75rem, .73rem + .08vw, .8125rem);--type-eyebrow:clamp(.625rem, .58rem + .1vw, .75rem);--type-meta:clamp(.6875rem, .65rem + .1vw, .8125rem);--type-body-sm:clamp(.875rem, .84rem + .12vw, .9375rem);--type-body:clamp(1rem, .96rem + .15vw, 1.0625rem);--type-body-lg:clamp(1.125rem, 1.04rem + .28vw, 1.25rem);--type-card-title:clamp(1.125rem, 1.06rem + .25vw, 1.375rem);--type-h3:clamp(1.25rem, 1.08rem + .55vw, 1.625rem);--type-dialog-title:clamp(1.75rem, 1.55rem + .7vw, 2.25rem);--type-h2:clamp(2rem, 1.55rem + 1.65vw, 3.25rem);--type-detail-title-long:clamp(2rem, 1.72rem + 1.02vw, 2.75rem);--type-h1:clamp(3rem, 2.15rem + 3vw, 5rem);--gutter-page:clamp(1.25rem, .85rem + 1.5vw, 3.125rem);--section-space:clamp(4rem, 2.8rem + 3.5vw, 7rem);--section-space-compact:clamp(3rem, 2.3rem + 2vw, 4.5rem);--panel-space:clamp(1.25rem, 1rem + .8vw, 2rem);--control-height:2.875rem;--search-field-height:var(--space-16);--search-control-size:var(--space-12);--hero-search-desktop-width:36rem;--hero-search-desktop-font-size:var(--type-body-lg);--feature-cta-height:5.5rem;--feature-tile-min-height:10.5rem;--download-option-height:4rem;--download-artwork-mobile-width:28rem;--download-artwork-mobile-height:34rem;--download-artwork-mobile-top-offset:-20rem;--download-artwork-mobile-left-offset:-14rem;--download-artwork-mobile-image-width:25rem;--download-artwork-mobile-image-right:0rem;--download-artwork-mobile-mask-solid-stop:58%;--download-artwork-mobile-mask-fade-stop:90%;--download-dialog-mobile-offset:var(--space-16);--page-loader-logo-exit-duration:.56s;--page-loader-mobile-exit-scale:.48;--app-reveal-mobile-heading-gap:var(--space-5);--app-reveal-mobile-features-overlap:10rem;--app-reveal-feature-row-min-height:6.5rem;--app-reveal-desktop-artwork-min-height:32rem;--app-reveal-store-badge-height:3.5rem;--app-reveal-mobile-store-badge-width:9.5rem;--app-reveal-desktop-image-fade-depth:2rem;--app-reveal-desktop-image-scale-extension:24rem;--app-store-badge-radius:var(--radius-sm);--app-store-badge-ratio:688 / 181;--trust-stats-logo-gap:var(--space-2);--app-store-badge-padding:var(--space-1) var(--space-2);--app-reveal-fade-solid-stop:80%;--app-reveal-fade-end:100%;--mobile-tab-bar-height:4.25rem;--mobile-tab-bar-padding:var(--space-1);--mobile-tab-bar-item-gap:calc(var(--space-1) / 2);--mobile-tab-bar-item-padding:var(--space-2) var(--space-1) var(--space-1);--mobile-tab-bar-active-inset:0;--mobile-tab-bar-compact-scale:.82;--mobile-tab-bar-compact-item-size:calc(var(--control-height) + var(--space-2));--mobile-tab-bar-compact-icon-size:var(--space-6);--mobile-tab-bar-compact-active-inset-block:var(--mobile-tab-bar-active-inset);--mobile-tab-bar-compact-active-inset-inline:var(--mobile-tab-bar-active-inset);--mobile-tab-bar-compact-icon-offset:var(--space-2);--mobile-tab-bar-scroll-down-distance:1px;--mobile-tab-bar-scroll-up-distance:8px;--mobile-tab-bar-scroll-intent-distance:48px;--mobile-tab-bar-scroll-settle-duration:40ms;--mobile-tab-bar-motion-duration:.22s;--mobile-tab-bar-offset:var(--space-3);--promo-logo-size:5.5rem;--catalog-media-ratio:16 / 10;--card-media-ratio:85.6 / 53.98;--catalog-table-media-width:8rem;--catalog-table-media-height:5rem;--catalog-table-media-ratio:var(--card-media-ratio);--catalog-table-copy-width:18rem;--portrait-media-inset:var(--space-3);--control-padding-x:1.25rem;--card-padding:clamp(1.25rem, 1.05rem + .65vw, 1.75rem);--card-padding-compact-inline:clamp(1rem, .9rem + .25vw, 1.15rem);--card-padding-compact-block:clamp(1rem, .95rem + .35vw, 1.35rem);--card-gap:clamp(1rem, .85rem + .5vw, 1.5rem);--featured-card-mobile-min-height:25rem;--product-card-mobile-min-height:31.25rem;--slider-card-width:clamp(17rem, 26vw, 24rem);--article-badge-bg:var(--kkb-red);--article-badge-text:#fff;--header-height:4.25rem;--page-hero-min-height:clamp(20rem, 40svh, 26rem);--page-hero-featured-min-height:48rem;--page-hero-padding-top:clamp(9.5rem, 10vw, 10rem);--page-hero-padding-bottom:clamp(4rem, 5vw, 5rem);--page-hero-padding-top-mobile:calc(env(safe-area-inset-top) + var(--space-12));--page-hero-padding-bottom-mobile:var(--space-10);--page-detail-padding-top-mobile:var(--space-8);--page-hero-content-gap:var(--space-12);--page-hero-title-size:var(--type-h2);--radius-control:.75rem;--radius-card-system:1.25rem;--radius-panel-system:1.75rem;--radius-pill-system:999px;--radius-circle:50%;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-device-shell:3rem;--radius-device-screen:2.5rem;--radius-organic-artwork:28%;--radius-article-media:clamp(1.2rem, 5vw, 2rem);--button-border-secondary:rgb(var(--rgb-ink) / .16);--button-bg-secondary:rgb(var(--rgb-white) / .72);--button-bg-secondary-hover:rgb(var(--rgb-white) / .94);--button-shadow-secondary:none;--button-shadow-secondary-hover:none;--button-shadow-primary:none;--button-shadow-primary-hover:none;--field-focus-ring:0 0 0 3px rgb(var(--rgb-brand-red) / .16);--hero-search-focus-ring:0 0 0 3px rgb(var(--rgb-brand-red) / .42);--shadow-rest:0 1px 2px rgb(var(--rgb-ink) / .06);--shadow-raised:0 2px 6px rgb(var(--rgb-ink) / .08);--shadow-selection:0 7px 20px rgb(var(--rgb-brand-red) / .18);--shadow-floating-control:0 8px 22px rgb(var(--rgb-ink) / .06);--shadow-modal:0 8px 32px rgb(var(--rgb-brand-red) / .12), 0 32px 80px rgb(var(--rgb-ink) / .18);--modal-backdrop-color:rgb(var(--rgb-ink) / .58);--modal-backdrop-blur:10px;--shadow-dialog-control:0 6px 20px rgb(var(--rgb-ink) / .08);--shadow-glass-inset:inset 0 1px 0 rgb(var(--rgb-white) / .08);--shadow-glass-shell:inset 0 1px 0 rgb(var(--rgb-white) / .1), inset 0 -1px 0 rgb(var(--rgb-black) / .14), 0 14px 38px rgb(var(--rgb-deep-red) / .16);--shadow-glass-shell-scrolled:inset 0 1px 0 rgb(var(--rgb-white) / .11), inset 0 -1px 0 rgb(var(--rgb-black) / .16), 0 18px 42px rgb(var(--rgb-deep-red) / .2);--shadow-hero-device:0 1.5rem 2rem rgb(var(--rgb-art-phone-shadow) / .22);--shadow-hero-device-raised:0 1.25rem 1.5rem rgb(var(--rgb-art-phone-shadow-deep) / .28);--shadow-hero-device-soft:0 .8rem 1.1rem rgb(var(--rgb-art-phone-shadow-deep) / .18);--shadow-community-card:0 1.25rem 3rem rgb(var(--rgb-art-community-shadow) / .18);--shadow-community-title:0 1px 12px rgb(var(--rgb-art-community-text-shadow) / .3);--shadow-brand-mark:0 .75rem 1rem rgb(var(--rgb-art-brand-shadow) / .16);--shadow-product-cta:0 12px 30px rgb(var(--rgb-brand-red-dark) / .2);--shadow-product-cta-hover:0 16px 34px rgb(var(--rgb-brand-red-dark) / .25);--shadow-product-art:0 18px 40px rgb(var(--rgb-art-card-shadow) / .2);--shadow-product-orbit:0 25px 55px rgb(var(--rgb-brand-red-dark) / .22);--shadow-featured-offer:0 14px 32px rgb(var(--rgb-brand-red-dark) / .08), 0 2px 7px rgb(var(--rgb-ink) / .04);--shadow-product-card:0 15px 38px rgb(var(--rgb-brand-red-dark) / .06), 0 2px 8px rgb(var(--rgb-ink) / .04);--shadow-product-card-hover:0 20px 46px rgb(var(--rgb-brand-red-dark) / .09), 0 3px 10px rgb(var(--rgb-ink) / .05);--shadow-product-card-selected:0 0 0 2px rgb(var(--rgb-brand-red) / .1), var(--shadow-card);--shadow-product-art-inset:inset 0 1px 0 rgb(var(--rgb-white) / .28);--shadow-product-art-rings:0 0 0 2rem rgb(var(--rgb-white) / .05), 0 0 0 4rem rgb(var(--rgb-white) / .04);--shadow-product-art-ring-compact:0 0 0 1rem rgb(var(--rgb-white) / .05);--shadow-comparison-tray:0 22px 60px rgb(var(--rgb-black) / .26);--shadow-article-feature:0 35px 70px rgb(var(--rgb-art-article-shadow) / .3);--shadow-article-control:0 12px 30px rgb(var(--rgb-art-article-shadow) / .24);--shadow-article-card-soft:0 12px 30px rgb(var(--rgb-brand-red-dark) / .04);--shadow-article-card-hover:0 8px 18px rgb(var(--rgb-brand-red-dark) / .1);--shadow-article-tile:0 20px 50px rgb(var(--rgb-art-card-shadow) / .24);--shadow-directory-card-hover:0 20px 44px rgb(var(--rgb-brand-red-dark) / .1);--shadow-app-device:0 40px 80px rgb(var(--rgb-art-card-shadow) / .3);--shadow-app-screen-card:0 8px 20px rgb(var(--rgb-ink) / .08);--shadow-app-float:0 16px 30px rgb(var(--rgb-art-card-shadow) / .2);--shadow-bio-logo:0 14px 30px rgb(var(--rgb-art-card-shadow) / .25);--shadow-bio-link:0 16px 34px rgb(var(--rgb-art-card-shadow) / .12);--shadow-perk-cover:0 24px 55px rgb(var(--rgb-brand-red-dark) / .13);--shadow-hero-title-stroke:0 1px 0 rgb(var(--rgb-art-red-shadow) / .42);--shadow-home-card:0 18px 45px rgb(var(--rgb-brand-red-dark) / .08), 0 2px 8px rgb(var(--rgb-ink) / .04);--shadow-home-card-hover:0 22px 54px rgb(var(--rgb-brand-red-dark) / .12), 0 3px 9px rgb(var(--rgb-ink) / .06);--duration-fast:.15s;--duration-base:.22s;--duration-disclosure:.24s;--duration-slow:.4s;--motion-standard:cubic-bezier(.2, 0, 0, 1);--motion-disclosure:cubic-bezier(.2, .8, .2, 1);--motion-decelerate:cubic-bezier(0, 0, 0, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--line-display:1.04;--line-title:1.15;--line-heading:1.2;--line-label:1;--line-detail:1.5;--line-chat:1.6;--line-body:1.65;--line-emphasis:1.3;--weight-body:400;--weight-medium:650;--weight-title:700;--weight-heading:750;--weight-emphasis:800;--tracking-standard:0;--border-width:1px;--focus-width:2px;--focus-offset:3px;--focus-color:var(--kkb-red);--control-border:var(--text-muted);--control-surface:var(--bg-elevated);--control-text:var(--text-primary);--control-disabled-opacity:.55;--card-surface:var(--bg-card);--card-border:var(--border-subtle);--card-radius:var(--radius-card-system);--card-title-size:var(--type-card-title);--card-benefit-size:var(--type-h3);--status-surface:var(--kkb-yellow);--status-text:var(--text-primary);--status-radius:var(--radius-pill-system);--adviser-logo-size:4.75rem;--adviser-logo-mobile-size:var(--space-16);--card-front-mobile-max:22.5rem;--comparison-min-width:40rem;--comparison-row-label-width:10rem;--loading-card-min-height:18.75rem;--ask-width:calc(var(--space-16) * 7);--ask-height:calc(var(--space-16) * 10);--ask-backdrop:rgb(var(--rgb-ink) / .25);--kkb-nav-shell-bg:rgb(var(--rgb-nav-dark) / .72);--kkb-nav-shell-border:rgb(var(--rgb-white) / .14);--kkb-nav-shell-text:rgb(var(--rgb-white) / .76);--kkb-nav-shell-height:var(--header-height);--kkb-nav-shell-offset:var(--space-4);--kkb-nav-shell-bg-strong:rgb(var(--rgb-nav-dark) / .88);--kkb-nav-logo-size:calc(var(--header-height) * 2.7);--kkb-nav-gradient-start:calc(var(--kkb-nav-logo-size) / 2 + var(--space-2));--featured-card-art-width:calc(var(--space-16) * 4);--featured-card-width:40rem;--card-preview-art-width:calc(var(--space-16) * 3);--card-preview-min-height:calc(var(--space-16) * 4);--card-preview-mobile-art-width:calc(var(--space-16) * 2);--card-preview-mobile-min-height:calc(var(--card-preview-min-height) + var(--space-4))}.kkb-btn{min-height:var(--control-height);align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:var(--type-label);line-height:var(--line-label);letter-spacing:var(--tracking-standard);padding:var(--space-3) var(--control-padding-x);border-radius:var(--radius-pill-system);cursor:pointer;transition:transform var(--duration-fast) var(--motion-standard), background-color var(--duration-base) var(--motion-standard), border-color var(--duration-base) var(--motion-standard), box-shadow var(--duration-base) var(--motion-standard), color var(--duration-base) var(--motion-standard), opacity var(--duration-base) var(--motion-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.kkb-btn:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.kkb-btn:not(:disabled):active{transform:translateY(0)scale(.98)}.kkb-btn--primary{background:var(--kkb-red);color:var(--text-on-red);box-shadow:var(--button-shadow-primary)}.kkb-btn--primary:not(:disabled):hover{background:var(--kkb-red-light);box-shadow:var(--button-shadow-primary-hover);transform:translateY(-2px)}.kkb-btn--outline{background:var(--button-bg-secondary);color:var(--text-primary);border:1px solid var(--button-border-secondary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--button-shadow-secondary)}.kkb-btn--outline:not(:disabled):hover{border-color:rgb(var(--rgb-ink) / .24);background:var(--button-bg-secondary-hover);box-shadow:var(--button-shadow-secondary-hover);transform:translateY(-2px)}.kkb-btn--sm{font-size:var(--type-label);padding:var(--space-3) var(--control-padding-x)}*{box-sizing:border-box}html{scroll-padding-top:var(--space-8)}body{background:var(--bg-page);color:var(--text-primary);font:var(--type-body) / var(--line-body) var(--font-body);margin:0}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--line-heading);letter-spacing:var(--tracking-standard);text-wrap:balance;margin:0}h1{font-size:var(--type-h2);font-weight:var(--weight-heading);line-height:var(--line-display)}h1 span{color:var(--kkb-red)}h2{font-size:var(--type-h3);font-weight:var(--weight-emphasis)}h3{font-size:var(--type-card-title);font-weight:var(--weight-emphasis)}h4{font-size:var(--type-body);margin-top:var(--space-6)}p{max-width:var(--content-reading);text-wrap:pretty;margin:var(--space-3) 0 0}a{color:var(--kkb-red);text-underline-offset:var(--space-1)}button,input,select,summary,label{font-family:var(--font-heading)}button:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--space-1)}.skip-link{left:var(--gutter-page);top:var(--space-2);background:var(--bg-card);padding:var(--space-3);z-index:1;position:absolute;transform:translateY(-160%)}.skip-link:focus{transform:none}.app-header,.app-main,.app-footer{max-width:var(--content-wide);padding-inline:var(--gutter-page);margin-inline:auto}.app-header{padding-block:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.brand{align-items:center;gap:var(--space-4);color:var(--text-primary);font:var(--weight-heading) var(--type-body) var(--font-heading);text-decoration:none;display:flex}.brand img{width:var(--adviser-logo-size);height:var(--adviser-logo-size);object-fit:contain;display:block}.app-header nav{gap:var(--space-4);font:var(--weight-title) var(--type-body-sm) var(--font-heading);display:flex}.app-header nav a{min-width:var(--control-height);min-height:var(--control-height);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}#compare-count{margin-left:var(--space-2);background:var(--kkb-yellow);color:var(--text-primary);border-radius:var(--radius-pill-system);width:var(--space-6);height:var(--space-6);place-items:center;display:inline-grid}.intro{align-items:center;gap:var(--space-8);padding-block:var(--space-10);grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);display:grid}.intro>div>p:last-child{max-width:48ch;color:var(--text-muted)}.review-note{border:1px solid var(--border-subtle);border-radius:var(--radius-card-system);padding:var(--card-padding);background:var(--bg-elevated);font-size:var(--type-body-sm)}.review-note>strong{font-family:var(--font-heading)}#coverage{font:var(--weight-medium) var(--type-label) / var(--line-detail) var(--font-heading);color:var(--kkb-red)}.section-intro{margin-bottom:var(--space-8)}.section-intro p{font-size:var(--type-body-sm);color:var(--text-muted)}.filters{gap:var(--space-4);padding:var(--card-padding);background:var(--bg-card);border-radius:var(--radius-card-system);border:1px solid var(--border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;display:grid}.filters>div:first-child{grid-column:span 2}.filter-help{font-size:var(--type-label);color:var(--text-muted);grid-column:1/-1;margin:0}.filters>div{min-width:0}.filters label,.form-fields label{font-size:var(--type-label);font-weight:var(--weight-heading);margin-bottom:var(--space-2);display:block}.filters input,.filters select,.form-fields input,.form-fields select{width:100%;min-height:var(--control-height);padding:var(--space-3) var(--space-4);background:var(--bg-card);color:var(--control-text);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-control);font-size:var(--type-label);line-height:var(--line-detail)}input::placeholder{color:var(--text-muted);opacity:1}input:disabled,select:disabled,textarea:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--kkb-red)}.field-error{color:var(--kkb-red);font:var(--weight-title) var(--type-body-sm) / var(--line-detail) var(--font-heading)}:is(input,select,textarea):focus-visible{border-color:var(--kkb-red);box-shadow:var(--field-focus-ring)}#cards{margin-bottom:var(--space-10)}#result-status{font-size:var(--type-body-sm);color:var(--text-muted);margin-block:var(--space-5)}.card-list{align-items:start;gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-record{background:var(--card-surface);border:var(--border-width) solid var(--card-border);border-radius:var(--card-radius);min-width:0;padding:var(--card-padding-compact-block) var(--card-padding-compact-inline);box-shadow:var(--shadow-rest)}.card-overview{grid-template-columns:var(--card-preview-art-width) minmax(0,1fr);gap:var(--space-5);min-height:var(--card-preview-min-height);align-items:center;display:grid}.card-heading{margin-bottom:var(--space-3);font-size:var(--card-title-size);font-weight:var(--weight-title);line-height:var(--line-title);text-wrap:pretty}.card-visual{min-height:calc(var(--card-preview-art-width) / (85.6 / 53.98));align-items:center;display:flex}.card-art-slot{width:100%;aspect-ratio:var(--card-media-ratio);margin-inline:auto;position:relative}.card-front{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.card-front-pending{text-align:center;font:var(--weight-medium) var(--type-label) / var(--line-detail) var(--font-heading);color:var(--text-muted);place-items:center;margin:0;display:grid;position:absolute;inset:0}.card-content{min-width:0}.card-highlights{gap:var(--space-2);font:var(--weight-medium) var(--type-body-sm) / var(--line-detail) var(--font-heading);margin:0;padding:0;list-style:none;display:grid}.card-highlights strong{font-weight:var(--weight-emphasis);font-variant-numeric:tabular-nums}.preview-terms{margin-top:var(--space-3);color:var(--text-muted);font:var(--weight-body) var(--type-label) / var(--line-detail) var(--font-heading)}.preview-warning{margin:0 0 var(--space-2);color:var(--kkb-red);font:var(--weight-title) var(--type-label) / var(--line-detail) var(--font-heading)}.card-preview-footer{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.card-preview-footer>span{color:var(--text-muted);font:var(--weight-medium) var(--type-label) / var(--line-detail) var(--font-heading)}.card-preview-footer .compare-check{font-size:var(--type-label)}.card-details>summary{line-height:var(--line-detail);justify-content:space-between;align-items:center;list-style:none;display:flex}.card-details>summary::-webkit-details-marker{display:none}.card-details>summary span{font-size:var(--type-body-lg)}.card-details[open]>summary span{transform:rotate(45deg)}.card-details .detail-content>h4:first-child{margin-block:var(--space-4)}.card-list>.empty-state{grid-column:1/-1}.card-use{margin:0 0 var(--space-5);font:var(--weight-medium) var(--type-label) / var(--line-detail) var(--font-heading)}.card-use span{color:var(--text-muted)}.coverage-list{gap:var(--space-3);font-size:var(--type-body-sm);margin:0;display:grid}.coverage-list>div{justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.coverage-list dd{flex-shrink:0;margin:0}.coverage-list dt{min-width:0}#bank-coverage{margin-bottom:var(--space-8)}#bank-coverage>p{margin-block:var(--space-3) var(--space-5)}.record-meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-muted);font:600 var(--type-label) var(--font-heading);margin-block:var(--space-4);flex-wrap:wrap;display:flex}.draft-tag{padding:var(--space-2) var(--space-3);border-radius:var(--status-radius);background:var(--status-surface);color:var(--status-text);display:inline-flex}.benefits,.reward-limits{margin:0;padding:0;list-style:none}.benefits li{gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--type-body-sm);display:grid}.benefits strong{font:var(--weight-emphasis) var(--card-benefit-size) / var(--line-title) var(--font-heading);text-wrap:balance}.benefits strong em{font-size:var(--type-body);font-style:normal;font-weight:var(--weight-title)}.benefits span,.reward-limits span{max-width:var(--content-reading);display:block}.reward-limits{margin-bottom:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--type-body-sm)}.reward-limits strong{color:var(--kkb-red);font:var(--weight-heading) var(--type-body-lg) / var(--line-emphasis) var(--font-heading);margin-bottom:var(--space-2);display:block}.reward-limits em{font-style:normal}.summary-notice{margin:0 0 var(--space-5);font:var(--weight-title) var(--type-body-sm) / var(--line-detail) var(--font-heading);color:var(--kkb-red)}.card-summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.card-summary>div{gap:var(--space-1);font-family:var(--font-heading);flex:1;min-width:0;display:grid}.card-summary p{font-size:var(--type-body-sm);margin:0}.card-summary span{font-size:var(--type-label);color:var(--text-muted)}.card-summary strong{font-size:var(--type-body)}.card-summary strong,td{font-variant-numeric:tabular-nums}::selection{color:var(--text-on-red);background:var(--kkb-red)}input{caret-color:var(--kkb-red)}.compare-check{min-height:var(--control-height);align-items:center;gap:var(--space-2);font-size:var(--type-body-sm);font-weight:var(--weight-medium);cursor:pointer;display:inline-flex}.compare-check input{accent-color:var(--kkb-red);width:var(--space-5);height:var(--space-5)}.bank-details{border-top:1px solid var(--border-subtle)}summary{cursor:pointer;min-height:var(--control-height);padding-block:var(--space-3);color:var(--kkb-red);font-size:var(--type-body-sm);font-weight:var(--weight-title)}.detail-content{padding-bottom:var(--space-4);font-size:var(--type-body-sm);overflow-wrap:anywhere}.detail-content ul{padding-left:var(--space-5)}.detail-content li{margin-block:var(--space-3)}.fact-evidence{border-bottom:1px solid var(--border-subtle)}.fact-evidence summary{font-size:var(--type-label)}blockquote{margin:var(--space-3) 0;padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-control)}.comparison{margin-block:var(--space-12)}.table-scroll{border:1px solid var(--border-subtle);border-radius:var(--radius-card-system);background:var(--bg-card);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:var(--comparison-min-width);font-size:var(--type-body-sm)}caption{text-align:left;padding:var(--space-4);color:var(--text-muted)}th,td{padding:var(--space-4);text-align:left;vertical-align:top;border-top:1px solid var(--border-subtle)}th{font-family:var(--font-heading);font-weight:var(--weight-title)}thead th{background:var(--bg-elevated)}tbody th{min-width:var(--comparison-row-label-width)}.empty-state{padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card-system)}.empty-state button{margin-top:var(--space-5)}.loading-card{min-height:var(--loading-card-min-height);border-radius:var(--radius-card-system);background:var(--bg-elevated);border:1px solid var(--border-subtle)}.app-footer{border-top:1px solid var(--border-subtle);padding-block:var(--space-6);color:var(--text-muted);font-size:var(--type-body-sm)}@media (max-width:959px){.card-list{grid-template-columns:1fr}}@media (max-width:800px){.intro{gap:var(--space-6);grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters>div:first-child{grid-column:1/-1}}@media (max-width:480px){.card-overview{grid-template-columns:var(--card-preview-mobile-art-width) minmax(0,1fr);gap:var(--space-2) var(--space-3);min-height:var(--card-preview-mobile-min-height);padding-bottom:var(--space-3)}.card-content{display:contents}.card-heading{font-size:var(--type-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:1/2;margin:0;display:-webkit-box;overflow:hidden}.card-visual{min-height:calc(var(--card-preview-mobile-art-width) / (85.6 / 53.98));grid-area:1/1}.card-highlights,.card-overview .preview-terms,.card-overview .preview-warning,.card-preview-footer{grid-column:1/-1;margin:0}}@media (max-width:359px){.card-overview{grid-template-columns:var(--space-24) minmax(0,1fr)}.card-visual{min-height:calc(var(--space-24) / (85.6 / 53.98))}.card-overview .card-highlights li:nth-child(n+2){display:none}}@media (max-width:480px){.app-header{align-items:start}.brand{align-items:start;gap:var(--space-2);font-size:var(--type-label);flex-direction:column}.brand img{width:var(--adviser-logo-mobile-size);height:var(--adviser-logo-mobile-size)}.app-header nav{gap:var(--space-3)}.intro{padding-block:var(--space-8)}.filters{grid-template-columns:1fr}.record-meta{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:480px){.app-header nav{flex-wrap:wrap;justify-content:flex-end}}.kkb-select{width:100%;min-width:0;position:relative}.kkb-select.is-open{z-index:100}.kkb-select__native{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.kkb-select__trigger{width:100%;min-height:var(--control-height);grid-template-columns:minmax(0, 1fr) var(--space-4);gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--bg-card);color:var(--text-primary);font:650 var(--type-label)/1 var(--font-heading);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--motion-standard), background-color var(--duration-fast) var(--motion-standard), box-shadow var(--duration-fast) var(--motion-standard);align-items:center;display:grid}.kkb-select__trigger:hover{border-color:rgb(var(--rgb-brand-red) / .35)}.kkb-select__trigger:focus-visible{border-color:var(--kkb-red);box-shadow:var(--field-focus-ring);outline:0}.kkb-select.is-open .kkb-select__trigger{border-color:var(--kkb-red)}.kkb-select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kkb-select__indicator{width:var(--space-4);height:var(--space-4);transition:transform var(--duration-fast) var(--motion-standard);background:url(/icons/chevron-down.svg) 50%/contain no-repeat}.kkb-select.is-open .kkb-select__indicator{transform:rotate(180deg)}.kkb-select__listbox{z-index:10001;max-height:calc((var(--control-height) * 5) + var(--space-4));padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--bg-card);box-shadow:var(--shadow-floating-control);overscroll-behavior:contain;scrollbar-color:var(--kkb-red) transparent;scrollbar-width:thin;position:fixed;overflow-y:auto}.kkb-select__listbox::-webkit-scrollbar{width:var(--space-1)}.kkb-select__listbox::-webkit-scrollbar-track{background:0 0}.kkb-select__listbox::-webkit-scrollbar-thumb{border-radius:var(--radius-pill-system);background:var(--kkb-red)}.kkb-select__listbox::-webkit-scrollbar-thumb:hover{background:var(--kkb-red-dark)}.kkb-select__option{min-height:var(--control-height);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);color:var(--text-primary);font:650 var(--type-label)/1.3 var(--font-heading);cursor:pointer;align-items:center;display:flex}.kkb-select__option:is(:hover,.is-active){background:var(--kkb-yellow-dim)}.kkb-select__option[aria-selected=true]{background:var(--kkb-red);color:var(--text-on-red)}.kkb-select__option[aria-disabled=true]{color:var(--text-disabled);cursor:not-allowed}.kkb-select__listbox[hidden]{display:none}