@font-face{font-family:BenefitfolioFallback;src:local("Apple SD Gothic Neo");font-display:swap}
#benefitfolio-app{--ink:#152437;--muted:#637184;--blue:#2c54df;--line:#e4e8ed;--paper:#f6f8fa;--lime:#d9ee91;font-family:BenefitfolioFallback,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.65;letter-spacing:-.035em;isolation:isolate;overflow-x:clip}
#benefitfolio-app *{box-sizing:border-box}#benefitfolio-app [hidden]{display:none!important}#benefitfolio-app h1,#benefitfolio-app h2,#benefitfolio-app h3,#benefitfolio-app h4,#benefitfolio-app p{margin:0;color:inherit;font-family:inherit}#benefitfolio-app button,#benefitfolio-app input,#benefitfolio-app select{font:inherit;letter-spacing:inherit}#benefitfolio-app button,#benefitfolio-app a,#benefitfolio-app input,#benefitfolio-app select{outline-offset:4px}#benefitfolio-app :focus-visible{outline:3px solid #3159e7}#benefitfolio-app button,#benefitfolio-app a{touch-action:manipulation}#benefitfolio-app button{cursor:pointer;border:0;background:none;color:inherit}#benefitfolio-app a{color:inherit;text-decoration:none}#benefitfolio-app .hp-wrap{width:min(1200px,calc(100% - 80px));margin:0 auto}#benefitfolio-app .hp-skip{position:fixed;top:-100px;z-index:100;padding:12px;background:#fff}#benefitfolio-app .hp-skip:focus{top:0}
#benefitfolio-app .hp-preview{background:#eff3fd;color:#485b88;text-align:center;font-size:12px;padding:8px 20px;letter-spacing:-.02em}#benefitfolio-app .hp-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5d7ae1;vertical-align:middle;margin-right:7px}#benefitfolio-app .hp-preview-note{margin-left:18px;color:#637593}#benefitfolio-app .hp-header{border-bottom:1px solid var(--line);background:#fff}#benefitfolio-app .hp-header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:32px}#benefitfolio-app .hp-brand{display:inline-flex;gap:10px;align-items:center;font-size:23px;font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:-.07em}#benefitfolio-app .hp-brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:5px;font-weight:600}#benefitfolio-app .hp-brand-icon{width:29px;height:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-7deg)}#benefitfolio-app .hp-brand-icon i{background:var(--blue);border-radius:3px}#benefitfolio-app .hp-brand-icon i:nth-child(2){background:var(--lime);border-radius:3px 8px 3px 3px}#benefitfolio-app .hp-brand-icon i:nth-child(3){opacity:.35}#benefitfolio-app nav{display:flex;gap:34px;align-items:center;font-size:15px;font-weight:650}#benefitfolio-app nav a,#benefitfolio-app nav button{padding:14px 0;white-space:nowrap}#benefitfolio-app nav a:hover,#benefitfolio-app nav button:hover{color:var(--blue)}#benefitfolio-app #hp-nav-count{font-size:11px;background:#edf1ff;color:var(--blue);border-radius:50%;padding:2px 6px;margin-left:4px}#benefitfolio-app .hp-header-about{font-size:12px;color:var(--muted);white-space:nowrap}#benefitfolio-app .hp-header-about span{margin-left:9px}
#benefitfolio-app .hp-hero{display:grid;grid-template-columns:1.07fr 1fr;gap:44px;align-items:center;padding:66px 0 54px}#benefitfolio-app .hp-eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--blue);margin-bottom:14px}#benefitfolio-app .hp-hero-copy .hp-eyebrow{font-size:12px;letter-spacing:.01em;color:#51615e;display:flex;align-items:center;gap:8px}#benefitfolio-app .hp-hero-copy .hp-eyebrow span{width:16px;height:4px;background:#a8c954}#benefitfolio-app h1{font-size:58px;line-height:1.22;font-weight:850;letter-spacing:-.075em}#benefitfolio-app h1 em{font-style:normal;color:var(--blue)}#benefitfolio-app .hp-hero-text{color:var(--muted);font-size:17px;line-height:1.8;margin-top:24px}#benefitfolio-app .hp-hero-buttons{display:flex;gap:24px;align-items:center;margin-top:30px}#benefitfolio-app .hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:12px 21px;border-radius:8px;font-weight:700;font-size:14px;text-align:center;line-height:1.4;transition:transform .15s,background .15s}#benefitfolio-app .hp-btn:hover{transform:translateY(-2px)}#benefitfolio-app .hp-primary{color:#fff;background:var(--blue);border:1px solid var(--blue)}#benefitfolio-app .hp-primary:hover{background:#1f40bd}#benefitfolio-app .hp-text-link{font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:14px;white-space:nowrap}#benefitfolio-app .hp-hero-meta{display:flex;gap:18px;font-size:11px;color:#72808d;margin-top:29px}#benefitfolio-app .hp-hero-meta span+span{border-left:1px solid #d5dce3;padding-left:18px}#benefitfolio-app .hp-hero-meta b{color:var(--ink)}
#benefitfolio-app .hp-hero-art{position:relative;height:372px;border-radius:22px;background:#eff3ef;overflow:hidden}#benefitfolio-app .hp-art-grid{position:absolute;inset:0;background-image:linear-gradient(#dbe3da70 1px,transparent 1px),linear-gradient(90deg,#dbe3da70 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}#benefitfolio-app .hp-art-label{position:absolute;top:24px;left:26px;font-size:9px;line-height:1.8;letter-spacing:.12em;color:#6d7e6c}#benefitfolio-app .hp-art-label strong{font-size:10px;font-weight:750;color:#4c6047}#benefitfolio-app .hp-orbit{position:absolute;width:360px;height:360px;border:1px solid #bdceac;border-radius:50%;right:-72px;top:35px}#benefitfolio-app .hp-orbit-two{width:285px;height:285px;right:-30px;top:75px}#benefitfolio-app .hp-visual-card{position:absolute;width:188px;height:258px;border-radius:15px;padding:21px;box-shadow:0 18px 32px #203b2c25}#benefitfolio-app .hp-visual-card>span{font-size:7px;letter-spacing:.15em;display:block}#benefitfolio-app .hp-visual-card>b{font-size:27px;font-weight:650;line-height:1.3;display:block;letter-spacing:-.065em}#benefitfolio-app .hp-visual-back{left:90px;top:64px;background:var(--lime);transform:rotate(-19deg);color:#304625}#benefitfolio-app .hp-visual-back>b{margin-top:54px}#benefitfolio-app .hp-visual-back i{position:absolute;bottom:25px;width:29px;height:23px;border:1px solid #87a44f;border-radius:5px;background:linear-gradient(90deg,transparent 40%,#91ad5d 41%,transparent 44%,transparent 60%,#91ad5d 61%,transparent 64%)}#benefitfolio-app .hp-visual-front{left:220px;top:50px;background:#243db5;transform:rotate(13deg);color:#fff;overflow:hidden}#benefitfolio-app .hp-visual-front>b{margin-top:46px;position:relative;z-index:1}#benefitfolio-app .hp-visual-front small{position:absolute;bottom:22px;font-size:6px;letter-spacing:.11em}#benefitfolio-app .hp-visual-symbol{position:absolute;right:-10px;bottom:17px;font-size:168px;line-height:1;font-weight:300;color:#6b88ef80}#benefitfolio-app .hp-art-pill{position:absolute;bottom:30px;left:30px;background:#fff;border:1px solid #e1e7df;border-radius:9px;padding:11px 17px;box-shadow:0 8px 20px #32492c0a;font-size:11px;font-weight:650;display:flex;gap:11px;align-items:center}#benefitfolio-app .hp-check{background:#eaf4d5;color:#607f1d;width:19px;height:19px;border-radius:50%;text-align:center;font-size:11px}#benefitfolio-app .hp-art-caption{position:absolute;bottom:8px;right:15px;font-size:8px;color:#667961}
#benefitfolio-app .hp-purpose{display:flex;gap:44px;align-items:center;background:var(--paper);border:1px solid #edf0f2;border-radius:14px;padding:24px 30px;margin-bottom:70px}#benefitfolio-app .hp-purpose-intro{min-width:126px;border-right:1px solid #dfe5e9;padding-right:28px}#benefitfolio-app .hp-purpose-intro .hp-eyebrow{font-size:9px;margin-bottom:5px;display:block}#benefitfolio-app .hp-purpose h2{font-size:19px;line-height:1.4;letter-spacing:-.055em}#benefitfolio-app .hp-purpose-items{display:grid;grid-template-columns:repeat(7,1fr);gap:19px;width:100%}#benefitfolio-app .hp-purpose-items button{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;white-space:nowrap;padding:2px}#benefitfolio-app .hp-purpose-items button>span:first-child{height:43px;width:43px;border-radius:13px;background:#fff;color:#52658a;display:grid;place-items:center;border:1px solid #e6eaf0;transition:background .15s,transform .15s}#benefitfolio-app .hp-purpose-items button:hover>span:first-child{background:#e7edff;transform:translateY(-3px)}#benefitfolio-app svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#benefitfolio-app .hp-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}#benefitfolio-app h2{font-size:29px;line-height:1.4;font-weight:760;letter-spacing:-.06em}#benefitfolio-app .hp-section-top .hp-eyebrow{margin-bottom:8px;font-size:10px}#benefitfolio-app .hp-section-desc{font-size:13px;color:var(--muted);margin-top:8px}#benefitfolio-app .hp-source-badge{font-size:10px;color:#6c7a89;white-space:nowrap;border:1px solid var(--line);border-radius:5px;padding:7px 11px;display:flex;gap:9px}#benefitfolio-app .hp-source-badge b{font-weight:550;color:#34465b;font-variant-numeric:tabular-nums}#benefitfolio-app .hp-catalogue{padding-bottom:70px;scroll-margin-top:25px}#benefitfolio-app .hp-find-layout{display:grid;grid-template-columns:224px 1fr;gap:26px}#benefitfolio-app .hp-filters{background:var(--paper);padding:23px 21px;border-radius:10px;align-self:start}#benefitfolio-app .hp-filters h3{display:flex;justify-content:space-between;font-size:15px;align-items:center;margin-bottom:22px}#benefitfolio-app .hp-filters h3 button{font-size:10px;color:#788494;text-decoration:underline;padding:5px}#benefitfolio-app .hp-filters label:not(.hp-checkbox){display:block;font-size:11px;font-weight:650;margin:16px 0 7px}#benefitfolio-app input,#benefitfolio-app select{min-width:0}#benefitfolio-app .hp-filters select,#benefitfolio-app .hp-search-box{width:100%;border:1px solid #dce2e9;border-radius:6px;background:#fff;height:41px;font-size:11px}#benefitfolio-app .hp-filters select{padding:0 10px;color:#3c4f65}#benefitfolio-app .hp-search-box{display:flex;align-items:center;padding:0 9px;gap:5px}#benefitfolio-app .hp-search-box>span{font-size:21px;color:#8c98a6}#benefitfolio-app .hp-search-box input{width:100%;border:0;background:none;height:35px;font-size:11px;color:var(--ink);padding:0}#benefitfolio-app .hp-checkbox{display:flex;gap:8px;align-items:flex-start;font-size:11px;margin-top:18px;cursor:pointer}#benefitfolio-app .hp-checkbox input{accent-color:var(--blue);width:15px;height:15px;flex:0 0 15px;margin:2px 0 0}#benefitfolio-app .hp-filter-hint{font-size:10px;color:#758396;margin:9px 0 0;padding-left:23px;line-height:1.6}#benefitfolio-app .hp-filter-note{border-top:1px solid #e0e5ea;padding-top:21px;margin-top:24px;font-size:11px;color:#65768c}#benefitfolio-app .hp-filter-note b{color:#44556b;display:block;margin:9px 0 5px}#benefitfolio-app .hp-small-mark{display:inline-grid;place-items:center;background:#e0e9f7;color:#496eb7;border-radius:6px;width:25px;height:25px;font-size:18px}#benefitfolio-app .hp-results{min-width:0}#benefitfolio-app .hp-category-tabs{display:flex;gap:6px;flex-wrap:wrap}#benefitfolio-app .hp-category-tabs button{border:1px solid #e0e6ec;border-radius:6px;padding:6px 13px;font-size:11px;color:#66768a;background:#fff}#benefitfolio-app .hp-category-tabs button[aria-pressed=true]{background:#182a43;color:#fff;border-color:#182a43}#benefitfolio-app .hp-results-top{display:flex;align-items:center;justify-content:space-between;margin:21px 0 13px;font-size:11px;color:#718094}#benefitfolio-app .hp-results-top b{color:var(--blue);font-size:14px}#benefitfolio-app .hp-sort{display:flex;gap:9px;align-items:center;font-size:10px}#benefitfolio-app .hp-sort select{border:0;background:none;color:#34465e;font-size:11px;padding:6px;max-width:140px}#benefitfolio-app .hp-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#benefitfolio-app .hp-product{border:1px solid var(--line);padding:22px;border-radius:10px;transition:border-color .15s,box-shadow .15s;background:#fff;display:flex;flex-direction:column}#benefitfolio-app .hp-product:hover{border-color:#b5c4ee;box-shadow:0 6px 16px #20365e08}#benefitfolio-app .hp-product-top{display:flex;justify-content:space-between;align-items:start;gap:15px;min-height:100px}#benefitfolio-app .hp-product-issuer{font-size:10px;color:#718298;margin-bottom:6px}#benefitfolio-app .hp-product h3{font-size:17px;font-weight:750;line-height:1.4;max-width:210px;word-break:keep-all;overflow-wrap:anywhere}#benefitfolio-app .hp-product h3 button{text-align:left;padding:0;font:inherit}#benefitfolio-app .hp-product h3 button:hover{color:var(--blue)}#benefitfolio-app .hp-product-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}#benefitfolio-app .hp-product-tags span{font-size:9px;color:#617287;background:#f2f5f8;padding:2px 6px;border-radius:3px}#benefitfolio-app .hp-card-art{position:relative;width:61px;height:87px;border-radius:6px;flex:0 0 auto;overflow:hidden;box-shadow:0 3px 6px #263e4c20;padding:10px 7px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:#2e4b9e;transform:rotate(8deg)}#benefitfolio-app .hp-card-art:after{content:"";position:absolute;width:82px;height:82px;border:1px solid #ffffff50;border-radius:50%;right:-27px;bottom:-30px}#benefitfolio-app .hp-card-art span{font-size:5px;letter-spacing:.04em;opacity:.8}#benefitfolio-app .hp-card-art b{font-size:10px;line-height:1.1;letter-spacing:-.03em;z-index:1;overflow-wrap:anywhere}#benefitfolio-app .hp-card-art i{width:13px;height:10px;background:#fff5;border:1px solid #fff7;border-radius:2px;position:relative}#benefitfolio-app .hp-card-art.hp-coral{background:linear-gradient(155deg,#e4b5ad,#d27d6a);color:#532c28}#benefitfolio-app .hp-card-art.hp-silver{background:linear-gradient(130deg,#f5f4ef,#c9c9c7);color:#292f30}#benefitfolio-app .hp-card-art.hp-violet{background:linear-gradient(145deg,#c4a8e1,#805fab)}#benefitfolio-app .hp-card-art.hp-mint{background:linear-gradient(160deg,#b5d2b2,#638b72);color:#203b2a}#benefitfolio-app .hp-card-art.hp-navy{background:linear-gradient(145deg,#4a637b,#1e344b)}#benefitfolio-app .hp-card-art.hp-amber{background:linear-gradient(145deg,#d6b373,#8f6b2b)}#benefitfolio-app .hp-product-headline{font-size:12px;font-weight:600;color:#344961;margin:17px 0 13px;min-height:20px}#benefitfolio-app .hp-product-facts{border-top:1px solid #edf0f3;padding-top:12px;display:flex;gap:20px;font-size:10px;color:#7b8795;margin-top:auto}#benefitfolio-app .hp-product-facts b{display:block;font-size:12px;color:#33475f;margin-top:2px;font-weight:600}#benefitfolio-app .hp-product-spend{font-size:10px;color:#5e6e82;margin-top:9px;min-height:33px}#benefitfolio-app .hp-product-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #edf0f3;gap:10px}#benefitfolio-app .hp-product-bottom>button{font-size:11px;font-weight:650;padding:5px 0}#benefitfolio-app .hp-product-bottom .hp-add{border:1px solid #dbe2ec;border-radius:5px;padding:6px 10px;color:#465e7a}#benefitfolio-app .hp-product-bottom .hp-add[aria-pressed=true]{background:#eff3ff;border-color:#acbdf4;color:#2c54df}#benefitfolio-app .hp-catalogue-note{font-size:10px;color:#7c8794;margin-top:16px}#benefitfolio-app .hp-no-results{grid-column:1/-1;background:var(--paper);padding:55px 20px;border-radius:10px;text-align:center}#benefitfolio-app .hp-no-results p{font-size:12px;color:var(--muted);margin:9px 0 15px}
#benefitfolio-app .hp-calc-section{background:#f2f5fa;border-block:1px solid #e7ecf4;padding:56px 0 60px;scroll-margin-top:20px}#benefitfolio-app .hp-calc-tag{background:#e5eddf;color:#4f6841;padding:6px 11px;border-radius:5px;font-size:10px;white-space:nowrap}#benefitfolio-app .hp-calc-layout{display:grid;grid-template-columns:360px 1fr;gap:24px}#benefitfolio-app .hp-calc-input{background:#fff;border-radius:12px;padding:27px;border:1px solid #e1e7f0}#benefitfolio-app .hp-calc-layout h3{font-size:15px;font-weight:700}#benefitfolio-app .hp-calc-layout h3>span{font-size:10px;color:var(--blue);margin-right:9px;font-weight:800}#benefitfolio-app .hp-calc-input>p:first-of-type{font-size:11px;color:#748197;margin:7px 0 21px}#benefitfolio-app .hp-calc-input>label:not(.hp-checkbox){display:block;font-size:11px;font-weight:650;margin:15px 0 7px}#benefitfolio-app .hp-calc-input label small{font-size:9px;color:#8993a1;margin-left:5px;font-weight:400}#benefitfolio-app .hp-money-input{display:flex;align-items:center;gap:10px;background:#f9fafc;border:1px solid #dae1ec;border-radius:6px;padding:0 13px;height:46px;font-size:12px;color:#728096}#benefitfolio-app .hp-money-input input{width:100%;height:41px;border:0;background:none;color:#253e67;font-size:18px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}#benefitfolio-app .hp-calc-consent{margin:19px 0 8px;font-size:10px}#benefitfolio-app .hp-fine{font-size:10px;color:#758399;line-height:1.7}#benefitfolio-app .hp-calc-input .hp-btn{width:100%;margin-top:20px;font-size:12px;min-height:44px}#benefitfolio-app .hp-input-error{color:#b23335;font-size:11px;margin-top:8px}#benefitfolio-app .hp-calc-output{min-width:0;padding:21px 25px;background:#fff8;border:1px solid #e1e7f0;border-radius:12px}#benefitfolio-app .hp-calc-output-title{display:flex;justify-content:space-between;gap:12px;align-items:center}#benefitfolio-app .hp-calc-output-title>span{font-size:10px;color:#8490a0}#benefitfolio-app .hp-calc-empty{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#71829b}#benefitfolio-app .hp-calc-empty>span{font-size:45px;color:#aabce3;font-weight:300;margin-bottom:10px}#benefitfolio-app .hp-calc-empty h4{font-size:18px;font-weight:650;color:#3a4f70}#benefitfolio-app .hp-calc-empty p{font-size:12px;margin-top:10px;line-height:1.8}#benefitfolio-app .hp-method{font-size:10px;color:#758398;border-top:1px solid #e0e6ef;padding-top:14px}#benefitfolio-app .hp-method summary{cursor:pointer;color:#526784;font-size:11px}#benefitfolio-app .hp-method p{margin-top:9px;line-height:1.9}#benefitfolio-app .hp-calc-row{padding:22px 0;border-bottom:1px solid #e1e7f0;display:grid;grid-template-columns:1fr auto;gap:10px}#benefitfolio-app .hp-calc-row:last-of-type{border-bottom:0}#benefitfolio-app .hp-calc-row h4{font-size:14px;font-weight:700;margin-top:5px}#benefitfolio-app .hp-calc-row small{font-size:10px;color:#6f8098}#benefitfolio-app .hp-calc-row strong{color:var(--blue);font-size:27px;font-weight:750;display:block;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}#benefitfolio-app .hp-calc-row strong small{font-size:12px;color:var(--blue);font-weight:500}#benefitfolio-app .hp-calc-row>div:last-child{text-align:right}#benefitfolio-app .hp-calc-breakdown{grid-column:1/-1;font-size:10px;color:#6d7b90}#benefitfolio-app .hp-calc-output-note{font-size:10px;color:#7b8799;margin:12px 0 18px!important}
#benefitfolio-app .hp-guides{padding:64px 0;scroll-margin-top:20px}#benefitfolio-app .hp-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#benefitfolio-app .hp-guide-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column;text-align:left;padding:0;transition:transform .15s}#benefitfolio-app .hp-guide-card:hover{transform:translateY(-3px)}#benefitfolio-app .hp-guide-art{height:125px;position:relative;display:flex;align-items:center;padding:26px 29px;overflow:hidden;background:#e9eef9}#benefitfolio-app .hp-guide-art span{font-size:39px;letter-spacing:-.08em;font-weight:700;color:#5170b3;z-index:1;line-height:1.1}#benefitfolio-app .hp-guide-art:after{content:"";position:absolute;right:-17px;bottom:-85px;width:220px;height:220px;border:29px solid #b9c9e388;border-radius:50%}#benefitfolio-app .hp-guide-art.green{background:#edf1e4}#benefitfolio-app .hp-guide-art.green span{color:#687b38}#benefitfolio-app .hp-guide-art.green:after{border-color:#cad7aa88}#benefitfolio-app .hp-guide-art.sand{background:#f4ede5}#benefitfolio-app .hp-guide-art.sand span{color:#aa8052}#benefitfolio-app .hp-guide-art.sand:after{border-color:#e3ccb388}#benefitfolio-app .hp-guide-copy{padding:21px 23px}#benefitfolio-app .hp-guide-copy>small{font-size:9px;letter-spacing:.05em;color:#7b8899}#benefitfolio-app .hp-guide-copy h3{font-size:17px;line-height:1.55;font-weight:700;margin:6px 0 10px;word-break:keep-all}#benefitfolio-app .hp-guide-copy p{font-size:11px;color:#738196;line-height:1.8}#benefitfolio-app .hp-guide-copy>span{display:block;font-size:11px;font-weight:600;margin-top:18px;color:#3f5879}#benefitfolio-app .hp-principles{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:38px 40px;background:#f7f8f6;border:1px solid #e8ece5;border-radius:13px;margin-bottom:70px}#benefitfolio-app .hp-principles h2{font-size:25px}#benefitfolio-app .hp-principle-list article{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #dfe5dc}#benefitfolio-app .hp-principle-list article:first-child{padding-top:0}#benefitfolio-app .hp-principle-list article:last-child{border-bottom:0;padding-bottom:0}#benefitfolio-app .hp-principle-list article>span{font-size:10px;color:#839965;padding-top:2px;font-weight:650}#benefitfolio-app .hp-principle-list h3{font-size:13px;font-weight:650}#benefitfolio-app .hp-principle-list p{font-size:11px;color:#758073;margin-top:4px}
#benefitfolio-app .hp-footer{border-top:1px solid var(--line);padding:34px 0 25px;background:#fff}#benefitfolio-app .hp-footer-top{display:flex;align-items:center;gap:30px;justify-content:space-between}#benefitfolio-app .hp-footer .hp-brand{font-size:19px}#benefitfolio-app .hp-footer .hp-brand-icon{width:24px;height:25px}#benefitfolio-app .hp-footer-top p{font-size:11px;color:#778495;margin-right:auto}#benefitfolio-app .hp-footer-top>div{display:flex;gap:20px;font-size:10px;color:#637186}#benefitfolio-app .hp-footer-note{font-size:10px;color:#8590a0;margin:23px 0!important;max-width:1010px;line-height:1.9}#benefitfolio-app .hp-footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0f3;padding-top:16px;font-size:9px;letter-spacing:.04em;color:#909ba8}
#benefitfolio-app .hp-compare-tray{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:#182a43;color:#fff;border-radius:12px;box-shadow:0 10px 35px #13253a40;width:min(1120px,calc(100% - 40px));z-index:20;padding:13px 22px}#benefitfolio-app .hp-compare-tray>.hp-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%}#benefitfolio-app #hp-compare-selected{display:flex;gap:10px;flex-wrap:wrap}#benefitfolio-app .hp-selected-chip{font-size:11px;background:#ffffff12;border-radius:5px;padding:7px 10px;display:flex;align-items:center;gap:10px;line-height:1.3;max-width:230px}#benefitfolio-app .hp-selected-chip button{padding:0 3px;font-size:16px;color:#c7d3e2}#benefitfolio-app .hp-tray-actions{display:flex;gap:15px;align-items:center;flex:0 0 auto}#benefitfolio-app .hp-tray-actions>button:first-child{font-size:11px;color:#bdcada;white-space:nowrap}#benefitfolio-app .hp-tray-actions .hp-btn{font-size:12px;min-height:42px;padding:9px 15px;gap:8px}#benefitfolio-app .hp-toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);border-radius:8px;background:#182a43;color:#fff;font-size:12px;padding:10px 20px;z-index:50;box-shadow:0 5px 20px #0002;max-width:90vw;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s}#benefitfolio-app .hp-toast.visible{opacity:1}
#benefitfolio-app #hp-dialog{padding:0;width:min(920px,calc(100% - 36px));max-height:90dvh;border:1px solid #dae1ea;border-radius:15px;color:var(--ink);background:#fff;box-shadow:0 25px 80px #0d203940;margin:auto;overscroll-behavior:contain}#benefitfolio-app #hp-dialog::backdrop{background:#14283f80;backdrop-filter:blur(4px)}#benefitfolio-app .hp-dialog-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:15px 27px;border-bottom:1px solid #edf0f4;background:#fff;z-index:2}#benefitfolio-app .hp-dialog-top>span{font-size:9px;letter-spacing:.2em;color:#8592a4}#benefitfolio-app .hp-dialog-top>button{font-size:26px;line-height:1;width:32px;height:32px;color:#6d7c90}#benefitfolio-app #hp-dialog-content{padding:30px 32px 35px}#benefitfolio-app #hp-dialog-title{font-size:26px;font-weight:750;line-height:1.45;letter-spacing:-.055em;margin-bottom:12px}#benefitfolio-app .hp-detail-header{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:20px}#benefitfolio-app .hp-detail-header .hp-card-art{width:84px;height:120px;transform:rotate(6deg);padding:13px 10px}#benefitfolio-app .hp-detail-header .hp-card-art b{font-size:15px}#benefitfolio-app .hp-detail-header .hp-card-art span{font-size:6px}#benefitfolio-app .hp-detail-summary{font-size:13px;color:#64778f}#benefitfolio-app .hp-detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;background:#f5f7fa;border-radius:8px;padding:18px 21px;margin:22px 0}#benefitfolio-app .hp-detail-meta dt{font-size:11px;color:#76869a}#benefitfolio-app .hp-detail-meta dd{font-size:13px;margin:4px 0 0;font-weight:650}#benefitfolio-app .hp-detail-section{border-top:1px solid #e6eaf0;padding:19px 0 2px}#benefitfolio-app .hp-detail-section h3{font-size:14px;font-weight:700;margin-bottom:9px}#benefitfolio-app .hp-detail-section p,#benefitfolio-app .hp-detail-section li{font-size:12px;color:#5d718a;line-height:1.9}#benefitfolio-app .hp-detail-section ul{padding-left:19px;margin:0}#benefitfolio-app .hp-detail-section .hp-source-links{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}#benefitfolio-app .hp-source-links a{font-size:11px;border:1px solid #d9e2f2;padding:7px 11px;border-radius:5px;color:var(--blue)}#benefitfolio-app .hp-detail-actions{display:flex;gap:12px;margin-top:23px}#benefitfolio-app .hp-secondary{border:1px solid #d7e1f1;background:#f2f6fd;color:#365d9a}#benefitfolio-app .hp-detail-disclaimer{font-size:10px;color:#7f8da0;margin-top:16px!important}#benefitfolio-app .hp-table-scroll{overflow:auto;margin-top:20px;border:1px solid var(--line);border-radius:8px}#benefitfolio-app .hp-compare-table{width:100%;min-width:570px;border-collapse:collapse;font-size:11px;text-align:left}#benefitfolio-app .hp-compare-table th,#benefitfolio-app .hp-compare-table td{padding:15px;vertical-align:top;border-bottom:1px solid #e5eaf0;min-width:160px}#benefitfolio-app .hp-compare-table th:first-child{min-width:105px;width:105px;background:#f5f7fb;position:sticky;left:0;z-index:1;color:#5b6e88}#benefitfolio-app .hp-compare-table thead th{font-size:13px;background:#f7f9fc;font-weight:700}#benefitfolio-app .hp-compare-table ul{padding-left:15px;margin:0}#benefitfolio-app .hp-compare-table .hp-source-links a{display:inline-block}#benefitfolio-app .hp-article{max-width:690px;margin:auto}#benefitfolio-app .hp-article p{font-size:14px;line-height:1.95;margin:17px 0;color:#52687f}#benefitfolio-app .hp-article h3{font-size:18px;margin:27px 0 10px;font-weight:700}#benefitfolio-app .hp-article .hp-source-links{margin-top:24px}#benefitfolio-app .hp-loan-form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}#benefitfolio-app .hp-loan-form label{font-size:11px;color:#667b95}#benefitfolio-app .hp-loan-form input{display:block;border:1px solid #dce3ed;border-radius:6px;width:100%;padding:11px;margin-top:7px;color:#223b5f}#benefitfolio-app .hp-loan-form .hp-btn{grid-column:1/-1;justify-self:start}#benefitfolio-app .hp-loan-result{padding:20px;background:#f1f5fd;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;font-size:11px;color:#72849b}#benefitfolio-app .hp-loan-result strong{display:block;font-size:18px;color:#3255af;margin-top:6px}
@media(min-width:1400px){#benefitfolio-app .hp-hero{gap:65px}#benefitfolio-app .hp-hero-art{height:395px}#benefitfolio-app .hp-visual-back{left:105px;top:77px}#benefitfolio-app .hp-visual-front{left:240px;top:61px}}
@media(max-width:1100px){#benefitfolio-app .hp-wrap{width:calc(100% - 48px)}#benefitfolio-app .hp-header-inner{gap:20px}#benefitfolio-app nav{gap:22px;font-size:13px}#benefitfolio-app .hp-header-about{display:none}#benefitfolio-app h1{font-size:49px}#benefitfolio-app .hp-hero{gap:25px}#benefitfolio-app .hp-hero-buttons{gap:15px;flex-wrap:wrap}#benefitfolio-app .hp-visual-back{left:45px;top:70px}#benefitfolio-app .hp-visual-front{left:155px;top:57px}#benefitfolio-app .hp-purpose{gap:25px;padding:22px}#benefitfolio-app .hp-purpose-items{gap:10px}#benefitfolio-app .hp-find-layout{grid-template-columns:200px 1fr;gap:20px}#benefitfolio-app .hp-product{padding:18px}#benefitfolio-app .hp-product h3{font-size:15px}#benefitfolio-app .hp-product-facts{gap:13px}#benefitfolio-app .hp-product-headline{font-size:11px}#benefitfolio-app .hp-card-art{width:49px;height:74px}#benefitfolio-app .hp-calc-layout{grid-template-columns:320px 1fr}#benefitfolio-app .hp-calc-output{padding:20px}#benefitfolio-app .hp-calc-output-title{align-items:start;flex-direction:column;gap:5px}}
@media(max-width:760px){#benefitfolio-app .hp-wrap{width:calc(100% - 36px)}#benefitfolio-app .hp-preview{font-size:10px;padding:7px 12px}#benefitfolio-app .hp-preview-note{display:none}#benefitfolio-app .hp-header-inner{height:auto;min-height:110px;flex-direction:column;align-items:start;padding:18px 0 0;gap:15px}#benefitfolio-app .hp-brand{font-size:22px}#benefitfolio-app .hp-brand small{font-size:7px}#benefitfolio-app nav{width:100%;gap:0;justify-content:space-between;font-size:12px}#benefitfolio-app nav a,#benefitfolio-app nav button{padding:8px 0 13px}#benefitfolio-app .hp-hero{grid-template-columns:1fr;padding:33px 0 28px;gap:25px}#benefitfolio-app .hp-hero-copy .hp-eyebrow{font-size:10px;margin-bottom:15px}#benefitfolio-app h1{font-size:43px;line-height:1.25}#benefitfolio-app .hp-hero-text{font-size:14px;margin-top:17px;line-height:1.85}#benefitfolio-app .hp-hero-buttons{gap:19px;margin-top:23px}#benefitfolio-app .hp-hero-buttons .hp-btn{font-size:12px;padding:12px 15px;min-height:46px;gap:15px}#benefitfolio-app .hp-hero-buttons .hp-text-link{font-size:11px;gap:7px}#benefitfolio-app .hp-hero-meta{font-size:9px;gap:12px;margin-top:20px}#benefitfolio-app .hp-hero-meta span+span{padding-left:12px}#benefitfolio-app .hp-hero-art{height:285px;border-radius:13px}#benefitfolio-app .hp-art-label{top:19px;left:18px;font-size:7px}#benefitfolio-app .hp-art-label strong{font-size:8px}#benefitfolio-app .hp-visual-card{width:145px;height:202px;padding:17px;border-radius:12px}#benefitfolio-app .hp-visual-card>span{font-size:5px}#benefitfolio-app .hp-visual-card>b{font-size:23px}#benefitfolio-app .hp-visual-back{left:calc(50% - 119px);top:52px}#benefitfolio-app .hp-visual-back>b{margin-top:43px}#benefitfolio-app .hp-visual-front{left:calc(50% - 13px);top:35px}#benefitfolio-app .hp-visual-front>b{margin-top:31px}#benefitfolio-app .hp-visual-front small{font-size:5px;bottom:17px}#benefitfolio-app .hp-visual-symbol{font-size:135px;bottom:0}#benefitfolio-app .hp-art-pill{left:16px;bottom:24px;font-size:9px;padding:8px 11px;gap:7px}#benefitfolio-app .hp-art-caption{font-size:6px;right:9px;bottom:6px}#benefitfolio-app .hp-purpose{display:block;padding:19px 14px;margin-bottom:40px}#benefitfolio-app .hp-purpose-intro{border:0;display:flex;align-items:center;gap:12px;padding:0 5px;margin-bottom:19px}#benefitfolio-app .hp-purpose-intro .hp-eyebrow{margin:0;font-size:8px}#benefitfolio-app .hp-purpose-intro h2{font-size:15px}#benefitfolio-app .hp-purpose-intro h2 br{display:none}#benefitfolio-app .hp-purpose-items{grid-template-columns:repeat(4,1fr);gap:15px 8px}#benefitfolio-app .hp-purpose-items button{font-size:10px;gap:5px}#benefitfolio-app .hp-purpose-items button>span:first-child{width:36px;height:36px;border-radius:10px}#benefitfolio-app .hp-purpose-items svg{width:19px;height:19px}#benefitfolio-app h2{font-size:23px;line-height:1.5}#benefitfolio-app .hp-section-top{display:block;margin-bottom:22px}#benefitfolio-app .hp-section-top .hp-eyebrow{font-size:9px;margin-bottom:5px}#benefitfolio-app .hp-section-desc{font-size:11px;margin-top:6px}#benefitfolio-app .hp-source-badge{width:fit-content;margin-top:14px;font-size:9px;padding:5px 8px}#benefitfolio-app .hp-find-layout{display:block}#benefitfolio-app .hp-filters{padding:17px;margin-bottom:21px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#benefitfolio-app .hp-filters h3{grid-column:1/-1;margin-bottom:4px;font-size:13px}#benefitfolio-app .hp-filters label[for=hp-search]{grid-column:1/-1;margin-top:8px}#benefitfolio-app .hp-search-box{grid-column:1/-1}#benefitfolio-app .hp-filters label[for=hp-issuer]{grid-column:1;grid-row:4}#benefitfolio-app .hp-filters label[for=hp-fee]{grid-column:2;grid-row:4}#benefitfolio-app .hp-filters select{grid-row:5;font-size:11px}#benefitfolio-app .hp-filters .hp-checkbox,#benefitfolio-app .hp-filter-hint{grid-column:1/-1}#benefitfolio-app .hp-filters label:not(.hp-checkbox){font-size:10px;margin-top:12px}#benefitfolio-app .hp-filter-note{display:none}#benefitfolio-app .hp-category-tabs{gap:5px}#benefitfolio-app .hp-category-tabs button{font-size:10px;padding:5px 10px}#benefitfolio-app .hp-results-top{margin-top:14px;font-size:10px}#benefitfolio-app .hp-card-grid{grid-template-columns:1fr;gap:12px}#benefitfolio-app .hp-product{padding:19px}#benefitfolio-app .hp-product-top{min-height:85px}#benefitfolio-app .hp-product h3{font-size:17px;max-width:240px}#benefitfolio-app .hp-card-art{width:59px;height:85px}#benefitfolio-app .hp-product-headline{font-size:12px;margin-top:9px}#benefitfolio-app .hp-product-spend{min-height:0;margin-bottom:13px}#benefitfolio-app .hp-product-facts{gap:35px}#benefitfolio-app .hp-product-bottom>button{font-size:12px}#benefitfolio-app .hp-catalogue-note{font-size:9px;line-height:1.9}#benefitfolio-app .hp-catalogue{padding-bottom:37px}#benefitfolio-app .hp-calc-section{padding:33px 0 35px}#benefitfolio-app .hp-calc-tag{display:inline-block;margin-top:12px;font-size:9px}#benefitfolio-app .hp-calc-layout{grid-template-columns:1fr;gap:15px}#benefitfolio-app .hp-calc-input{padding:22px}#benefitfolio-app .hp-calc-output{padding:21px}#benefitfolio-app .hp-calc-output-title{flex-direction:row;gap:10px;align-items:center}#benefitfolio-app .hp-calc-output-title>span{font-size:8px}#benefitfolio-app .hp-calc-layout h3{font-size:13px}#benefitfolio-app .hp-calc-empty{min-height:220px}#benefitfolio-app .hp-calc-row h4{font-size:12px;max-width:150px}#benefitfolio-app .hp-calc-row strong{font-size:23px}#benefitfolio-app .hp-calc-row small{font-size:9px}#benefitfolio-app .hp-guides{padding:37px 0}#benefitfolio-app .hp-guides .hp-section-top>.hp-text-link{margin-top:14px;font-size:11px}#benefitfolio-app .hp-guide-grid{grid-template-columns:1fr;gap:14px}#benefitfolio-app .hp-guide-card{display:grid;grid-template-columns:98px 1fr}#benefitfolio-app .hp-guide-art{height:100%;min-height:170px;padding:18px 11px;align-items:start;padding-top:34px}#benefitfolio-app .hp-guide-art span{font-size:25px}#benefitfolio-app .hp-guide-art:after{width:140px;height:140px;bottom:-40px;right:-80px;border-width:19px}#benefitfolio-app .hp-guide-copy{padding:17px}#benefitfolio-app .hp-guide-copy h3{font-size:15px;line-height:1.6}#benefitfolio-app .hp-guide-copy p{font-size:10px}#benefitfolio-app .hp-guide-copy>span{margin-top:12px;font-size:10px}#benefitfolio-app .hp-principles{display:block;padding:25px;margin-bottom:35px}#benefitfolio-app .hp-principles h2{font-size:22px}#benefitfolio-app .hp-principle-list{margin-top:24px}#benefitfolio-app .hp-principle-list article{gap:13px}#benefitfolio-app .hp-principle-list h3{font-size:12px}#benefitfolio-app .hp-principle-list p{font-size:10px}#benefitfolio-app .hp-footer{padding:27px 0 24px}#benefitfolio-app .hp-footer-top{flex-wrap:wrap;gap:16px}#benefitfolio-app .hp-footer-top p{font-size:10px}#benefitfolio-app .hp-footer-top>div{width:100%;gap:20px;font-size:10px}#benefitfolio-app .hp-footer-note{font-size:9px;margin:17px 0!important}#benefitfolio-app .hp-footer-bottom{font-size:8px}#benefitfolio-app .hp-compare-tray{bottom:8px;width:calc(100% - 16px);padding:12px;border-radius:9px}#benefitfolio-app .hp-compare-tray>.hp-wrap{display:block}#benefitfolio-app #hp-compare-selected{gap:5px;margin-bottom:9px}#benefitfolio-app .hp-selected-chip{font-size:9px;max-width:calc(50% - 3px);padding:5px 7px;gap:5px}#benefitfolio-app .hp-tray-actions{justify-content:space-between}#benefitfolio-app .hp-tray-actions .hp-btn{min-height:36px;font-size:11px;padding:8px 12px}#benefitfolio-app #hp-dialog{width:calc(100% - 20px);max-height:93dvh;border-radius:11px}#benefitfolio-app .hp-dialog-top{padding:12px 17px}#benefitfolio-app #hp-dialog-content{padding:22px 19px 25px}#benefitfolio-app #hp-dialog-title{font-size:22px}#benefitfolio-app .hp-detail-header{gap:16px}#benefitfolio-app .hp-detail-header .hp-card-art{width:64px;height:94px}#benefitfolio-app .hp-detail-header .hp-card-art b{font-size:10px}#benefitfolio-app .hp-detail-meta{display:block;padding:15px 18px}#benefitfolio-app .hp-detail-meta>div+div{margin-top:13px}#benefitfolio-app .hp-detail-meta dd{font-size:12px}#benefitfolio-app .hp-detail-actions{flex-wrap:wrap}#benefitfolio-app .hp-detail-actions .hp-btn{font-size:11px;padding:11px 14px}#benefitfolio-app .hp-article p{font-size:13px}#benefitfolio-app .hp-loan-form{grid-template-columns:1fr;gap:12px}#benefitfolio-app .hp-loan-result{grid-template-columns:1fr;gap:17px}#benefitfolio-app .hp-toast{font-size:11px;bottom:140px}}
@media(prefers-reduced-motion:reduce){#benefitfolio-app *,#benefitfolio-app *:before,#benefitfolio-app *:after{scroll-behavior:auto!important;transition:none!important}}
/* Guided discovery and independently rendered content. */
#benefitfolio-app a{color:inherit}
#benefitfolio-app .hp-product h3 a{text-decoration:none}
#benefitfolio-app .hp-product-bottom>a{font-size:11px;font-weight:700;color:#255de0;text-decoration:none}
#benefitfolio-app .hp-product-advice{font-size:12px;line-height:1.7;background:#f3f7ff;padding:12px;border-radius:8px;color:#3d526e}
#benefitfolio-app .hp-product-reviewed{font-size:10px;color:#6b7e96;margin:12px 0}
#benefitfolio-app .hp-card-art>span{font-size:8px;letter-spacing:0;overflow-wrap:anywhere}
#benefitfolio-app .hp-discovery{padding-top:35px;padding-bottom:55px;scroll-margin-top:95px}
#benefitfolio-app .hp-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
#benefitfolio-app .hp-collection-card{display:block;text-decoration:none;border:1px solid #dce5f1;border-radius:14px;padding:23px;background:linear-gradient(140deg,#f7faff,#fff)}
#benefitfolio-app .hp-collection-card>span{font-size:12px;color:#255de0;font-weight:700}
#benefitfolio-app .hp-collection-card h3{font-size:19px;line-height:1.5;margin:12px 0}
#benefitfolio-app .hp-collection-card p{font-size:13px;line-height:1.8;color:#62748a}
#benefitfolio-app .hp-collection-card b{font-size:12px;display:block;margin-top:18px;color:#255de0}
#benefitfolio-app .hp-recommend-box{padding:27px;border-radius:16px;background:#f0f5fc}
#benefitfolio-app .hp-recommend-box h3{font-size:20px;margin:0 0 10px}
#benefitfolio-app .hp-recommend-box p{line-height:1.8;font-size:13px;color:#51647f}
#benefitfolio-app #hp-recommend-form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;margin:20px 0}
#benefitfolio-app #hp-recommend-form label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:8px}
#benefitfolio-app #hp-recommend-form select{width:100%;height:46px;padding:10px;border:1px solid #c8d5e7;border-radius:8px;background:white;font:inherit}
#benefitfolio-app #hp-recommend-result:not(:empty){padding-top:25px;margin-top:25px;border-top:1px solid #d3ddec}
#benefitfolio-app .hp-recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}
#benefitfolio-app .hp-guide-card{text-decoration:none;display:block}
#benefitfolio-app .hp-advice{padding:25px;background:#f2f6fc;border-radius:14px;margin:30px 0}
#benefitfolio-app .hp-advice h2,#benefitfolio-app .hp-advice>h3{font-size:22px;margin:0 0 20px}
#benefitfolio-app .hp-advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#benefitfolio-app .hp-advice-grid h3,#benefitfolio-app .hp-advice-grid h4{font-size:14px;color:#255de0;margin:0 0 9px}
#benefitfolio-app .hp-advice p,#benefitfolio-app .hp-advice li{font-size:14px;line-height:1.85;color:#445a78}
#benefitfolio-app .hp-advice small{font-size:11px;color:#6a7e98}
#benefitfolio-app .hp-decision{border-top:1px solid #d8e2ef;padding-top:18px;margin-top:20px}
#benefitfolio-app .hp-route-view{padding-top:25px;padding-bottom:65px;max-width:1050px}
#benefitfolio-app .hp-breadcrumb{font-size:12px;color:#6c7f97;margin:8px 0 35px;line-height:1.8;display:block}
#benefitfolio-app .hp-route-view h1{font-size:38px;letter-spacing:-1.3px;line-height:1.4;margin:14px 0 18px;overflow-wrap:anywhere}
#benefitfolio-app .hp-route-view h2{font-size:23px;line-height:1.5;margin:26px 0 12px}
#benefitfolio-app .hp-route-view p,#benefitfolio-app .hp-route-view li{font-size:15px;line-height:1.9}
#benefitfolio-app .hp-route-view li+li{margin-top:8px}
#benefitfolio-app .hp-route-title{display:flex;gap:35px;align-items:center;justify-content:space-between}
#benefitfolio-app .hp-route-title>div:first-child{min-width:0}
#benefitfolio-app .hp-route-title .hp-card-art{width:120px;height:182px;flex:0 0 120px;transform:rotate(6deg)}
#benefitfolio-app .hp-review-tag{display:inline-block;padding:7px 10px;border-radius:6px;background:#ebf2ff;font-size:12px;color:#255de0}
#benefitfolio-app .hp-data-note{font-size:12px!important;color:#708198!important;line-height:1.8}
#benefitfolio-app .hp-route-view .hp-detail-section{margin:32px 0}
#benefitfolio-app .hp-route-view .hp-detail-disclaimer{font-size:12px;line-height:1.8}
#benefitfolio-app .hp-candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
#benefitfolio-app .hp-candidate{border:1px solid #dae4f0;border-radius:12px;padding:23px;min-width:0}
#benefitfolio-app .hp-candidate h3{font-size:19px;line-height:1.5;margin:9px 0}
#benefitfolio-app .hp-candidate h3 a{text-decoration:none}
#benefitfolio-app .hp-candidate p{font-size:13px}
#benefitfolio-app .hp-candidate small{display:block;font-size:11px;line-height:1.9;color:#6c7f97;margin:12px 0}
#benefitfolio-app .hp-condition-table{border-collapse:collapse;width:100%;font-size:14px;min-width:460px}
#benefitfolio-app .hp-condition-table caption{text-align:left;font-weight:700;font-size:18px;margin:12px 0}
#benefitfolio-app .hp-condition-table th,#benefitfolio-app .hp-condition-table td{border:1px solid #dce4ef;padding:14px;text-align:left;line-height:1.8}
#benefitfolio-app .hp-condition-table th{background:#f2f6fc}
body.hp-content-page #benefitfolio-app #hp-main>section:not(.hp-route-view){display:none}
body.hp-content-page #benefitfolio-app #hp-main>article.hp-route-view{display:block}
@media(max-width:1000px){#benefitfolio-app .hp-header nav{gap:12px}#benefitfolio-app .hp-header-about{display:none}}
@media(max-width:760px){
 #benefitfolio-app .hp-header-inner{flex-wrap:wrap}#benefitfolio-app .hp-header nav{justify-content:space-between;gap:10px;flex:1;font-size:11px;flex-wrap:wrap}
 #benefitfolio-app .hp-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #benefitfolio-app .hp-collection-card{padding:18px}#benefitfolio-app .hp-collection-card h3{font-size:16px}
 #benefitfolio-app .hp-recommend-box{padding:20px}#benefitfolio-app #hp-recommend-form{grid-template-columns:1fr 1fr;gap:12px}#benefitfolio-app #hp-recommend-form button{grid-column:1/-1}
 #benefitfolio-app .hp-route-view h1{font-size:29px}#benefitfolio-app .hp-route-title .hp-card-art{width:80px;height:124px;flex-basis:80px}
 #benefitfolio-app .hp-advice-grid{grid-template-columns:1fr;gap:16px}#benefitfolio-app .hp-route-view .hp-detail-meta{display:block}
 #benefitfolio-app .hp-guided-filter{grid-row:11!important}#benefitfolio-app .hp-filter-hint{grid-row:12!important}
}
@media(max-width:480px){
 #benefitfolio-app .hp-discovery{padding-top:20px;padding-bottom:35px}
 #benefitfolio-app .hp-collection-grid,#benefitfolio-app .hp-recommend-grid,#benefitfolio-app .hp-candidate-grid{grid-template-columns:1fr}
 #benefitfolio-app .hp-collection-card{padding:19px}#benefitfolio-app .hp-collection-card h3{font-size:18px;margin:9px 0}#benefitfolio-app .hp-collection-card p{font-size:13px}
 #benefitfolio-app .hp-product-advice{font-size:12px}#benefitfolio-app .hp-product-reviewed{font-size:10px}
 #benefitfolio-app .hp-route-view h1{font-size:27px}#benefitfolio-app .hp-route-view h2{font-size:20px}#benefitfolio-app .hp-route-view p,#benefitfolio-app .hp-route-view li{font-size:14px}
 #benefitfolio-app .hp-route-title{gap:17px}#benefitfolio-app .hp-route-title .hp-card-art{width:65px;height:102px;flex-basis:65px}
 #benefitfolio-app .hp-advice{padding:20px}#benefitfolio-app .hp-breadcrumb{margin-bottom:24px}
 #benefitfolio-app .hp-header nav{width:100%;flex:auto}#benefitfolio-app .hp-header-inner{height:auto;padding-top:12px;padding-bottom:12px}
}
/* Catalogue growth: issuer navigation and reward/fee variants. */
#benefitfolio-app .hp-issuer-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
#benefitfolio-app .hp-issuer-tabs button{border:1px solid #dce4ef;border-radius:7px;padding:8px 11px;font-size:11px;background:#f8faff;color:#3c506d;display:flex;align-items:center;gap:6px}
#benefitfolio-app .hp-issuer-tabs small{font-size:9px;opacity:.7}
#benefitfolio-app .hp-issuer-tabs button[aria-pressed=true]{color:#fff;background:#255de0;border-color:#255de0}
#benefitfolio-app .hp-product-facts>span{min-width:0;flex:1}
#benefitfolio-app .hp-product-facts small{display:block;font-size:9px;color:#718298;margin-top:4px;font-weight:400}
#benefitfolio-app .hp-card-art b{overflow-wrap:anywhere}
#benefitfolio-app .hp-official-card{margin:0;width:100px;flex:0 0 100px;min-width:0;text-align:center}
#benefitfolio-app .hp-official-card img{display:block;width:100%;height:130px;object-fit:contain;background:#f8fafc;border-radius:8px}
#benefitfolio-app .hp-official-card img[hidden]{display:none}
#benefitfolio-app .hp-official-card>.hp-card-art{display:none}
#benefitfolio-app .hp-official-card.is-fallback>.hp-card-art{display:flex;width:100%;height:130px;transform:none;box-sizing:border-box}
#benefitfolio-app .hp-official-card figcaption{font-size:9px;color:#6b7e91;margin-top:6px;line-height:1.5}
#benefitfolio-app .hp-route-title>.hp-official-card{width:180px;flex-basis:180px}
#benefitfolio-app .hp-route-title .hp-official-card img{height:220px}
#benefitfolio-app .hp-fee-details{margin:22px 0;border:1px solid #dce5f0;border-radius:10px;padding:16px 20px}
#benefitfolio-app .hp-fee-details summary{cursor:pointer;font-size:13px;font-weight:650}
#benefitfolio-app .hp-fee-details .hp-table-scroll{margin-top:15px}
#benefitfolio-app .hp-data-coverage{font-size:11px;color:#6b7e91;margin:10px 0 20px}
@media(max-width:600px){
 #benefitfolio-app .hp-official-card{width:76px;flex-basis:76px}
 #benefitfolio-app .hp-official-card img,#benefitfolio-app .hp-official-card.is-fallback>.hp-card-art{height:100px}
 #benefitfolio-app .hp-route-title>.hp-official-card{width:90px;flex-basis:90px}
 #benefitfolio-app .hp-route-title .hp-official-card img{height:125px}
 #benefitfolio-app .hp-fee-details{padding:14px 12px}
}
#benefitfolio-app .hp-load-more{text-align:center;margin:24px 0 10px}
#benefitfolio-app #hp-more[hidden]{display:none}
#benefitfolio-app #hp-result-count small{font-size:10px;color:#718094}
@media(max-width:760px){
  #benefitfolio-app .hp-filters label[for=hp-issuer]{grid-row:4;grid-column:1}
  #benefitfolio-app .hp-filters #hp-issuer{grid-row:5;grid-column:1}
  #benefitfolio-app .hp-filters label[for=hp-type]{grid-row:4;grid-column:2}
  #benefitfolio-app .hp-filters #hp-type{grid-row:5;grid-column:2}
  #benefitfolio-app .hp-filters label[for=hp-reward]{grid-row:6;grid-column:1}
  #benefitfolio-app .hp-filters #hp-reward{grid-row:7;grid-column:1}
  #benefitfolio-app .hp-filters label[for=hp-fee]{grid-row:6;grid-column:2}
  #benefitfolio-app .hp-filters #hp-fee{grid-row:7;grid-column:2}
  #benefitfolio-app .hp-filters label[for=hp-status]{grid-row:8;grid-column:1/-1}
  #benefitfolio-app .hp-filters #hp-status{grid-row:9;grid-column:1/-1}
  #benefitfolio-app .hp-filters .hp-checkbox{grid-row:10}
  #benefitfolio-app .hp-filter-hint{grid-row:11}
  #benefitfolio-app .hp-issuer-tabs{gap:6px}
  #benefitfolio-app .hp-issuer-tabs button{font-size:10px;padding:7px 9px}
  #benefitfolio-app .hp-product-facts{gap:16px}
}
/* Keep the three annual-fee columns visible on narrow screens. */
#benefitfolio-app .hp-fee-details .hp-condition-table{min-width:0;width:100%;table-layout:fixed}
#benefitfolio-app .hp-fee-details th:first-child{width:40%}
#benefitfolio-app .hp-fee-details th:nth-child(2){width:30%}
#benefitfolio-app .hp-fee-details td{overflow-wrap:anywhere}
#benefitfolio-app .hp-fee-details td:last-child{text-align:right;white-space:nowrap}
@media(max-width:600px){#benefitfolio-app .hp-fee-details th,#benefitfolio-app .hp-fee-details td{padding:9px 5px;font-size:11px}}

#benefitfolio-app .hp-compare-table thead .hp-official-card{width:85px;margin:12px auto 0}
#benefitfolio-app .hp-compare-table thead .hp-official-card img{height:105px}
#benefitfolio-app .hp-compare-table thead .hp-card-art{margin:12px auto 0;width:73px;height:103px;transform:none}
#benefitfolio-app .hp-compare-table thead .hp-official-card .hp-card-art{margin:0 auto}

/* Keep benefit/condition relationships readable in narrow detail views. */
#benefitfolio-app .hp-service-conditions .hp-condition-table{min-width:0;table-layout:fixed}
#benefitfolio-app .hp-service-conditions th:nth-child(1){width:25%}
#benefitfolio-app .hp-service-conditions th:nth-child(2){width:22%}
#benefitfolio-app .hp-service-conditions td{overflow-wrap:anywhere;vertical-align:top}
@media(max-width:600px){#benefitfolio-app .hp-service-conditions .hp-condition-table{font-size:12px}#benefitfolio-app .hp-service-conditions td,#benefitfolio-app .hp-service-conditions th{padding:9px 7px}}