.loansRepaymentPlanningContainer{display:block}.loansRepaymentPlanningContainer .featurePage{display:flex;flex-direction:column;gap:80px;margin:0 auto;max-width:1284px;padding:108px 0 80px;position:relative}.loansRepaymentPlanningContainer .featurePage p,.loansRepaymentPlanningContainer .featurePage h1,.loansRepaymentPlanningContainer .featurePage h2,.loansRepaymentPlanningContainer .featurePage h3,.loansRepaymentPlanningContainer .featurePage figure{margin:0}.loansRepaymentPlanningContainer .featurePage p{color:var(--colour-muted);font-size:16px;line-height:26px}.loansRepaymentPlanningContainer .featurePage h1,.loansRepaymentPlanningContainer .featurePage h2,.loansRepaymentPlanningContainer .featurePage h3{font-family:var(--font-display);font-weight:400}.loansRepaymentPlanningContainer .featurePage #featureTitle{font-size:64px;line-height:68px;max-width:600px}.loansRepaymentPlanningContainer .featurePage h2{font-size:40px;line-height:48px}.loansRepaymentPlanningContainer .featurePage h3{font-size:30px;line-height:38px}.loansRepaymentPlanningContainer .featurePage .featureEyebrow{color:var(--colour-accent);font-size:11px;font-weight:500;letter-spacing:1.1px;line-height:16px;text-transform:uppercase}.loansRepaymentPlanningContainer .featurePage a:focus-visible{outline:2px solid var(--colour-text);outline-offset:5px}.loansRepaymentPlanningContainer .featurePage .featureHero{display:grid;grid-template-columns:minmax(0, 610fr) minmax(0, 626fr);gap:48px;align-items:center}.loansRepaymentPlanningContainer .featurePage .featureHeroCopy{display:flex;flex-direction:column;gap:24px}.loansRepaymentPlanningContainer .featurePage .featureLead{max-width:570px;font-size:18px;line-height:29px}.loansRepaymentPlanningContainer .featurePage .featureNote{font-size:13px;line-height:21px}.loansRepaymentPlanningContainer .featurePage .featureHeroVisual{display:flex;align-items:center;justify-content:center;min-height:460px}.loansRepaymentPlanningContainer .featurePage .featureHeroVisual img{width:438px;height:auto}.loansRepaymentPlanningContainer .featurePage .featureActions{display:flex;flex-wrap:wrap;gap:16px}.loansRepaymentPlanningContainer .featurePage .featureAction{align-items:center;background:var(--colour-background);border:1px solid var(--colour-border);border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:16px;justify-content:space-between;line-height:20px;min-height:52px;padding:12px 20px;width:224px;max-width:100%;transition:background 150ms ease}.loansRepaymentPlanningContainer .featurePage .featureAction:hover{background:#150e1c}.loansRepaymentPlanningContainer .featurePage .featureAction>span{font-size:18px}.loansRepaymentPlanningContainer .featurePage .featureAction.featureDownload{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-background)}.loansRepaymentPlanningContainer .featurePage .featureAction.featureDownload:hover{background:#cfa0ff}.loansRepaymentPlanningContainer .featurePage .featureAtAGlance,.loansRepaymentPlanningContainer .featurePage .featureControlGrid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:32px}.loansRepaymentPlanningContainer .featurePage .featureAtAGlance>div{border-top:1px solid var(--colour-border);display:flex;flex-direction:column;gap:12px;padding-top:16px}.loansRepaymentPlanningContainer .featurePage .featureAtAGlance>div h2{font-size:30px;line-height:38px}.loansRepaymentPlanningContainer .featurePage .featureAtAGlance>div p:not(.featureEyebrow){font-size:15px;line-height:24px}.loansRepaymentPlanningContainer .featurePage .featureSectionIntro{display:grid;gap:16px}.loansRepaymentPlanningContainer .featurePage .featureHow{display:grid;gap:32px}.loansRepaymentPlanningContainer .featurePage .featureHow h2{font-size:44px;line-height:52px}.loansRepaymentPlanningContainer .featurePage .featureSteps{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px;list-style:none;padding:0;margin:0}.loansRepaymentPlanningContainer .featurePage .featureSteps>li{background:var(--colour-surface);border-radius:24px;display:flex;flex-direction:column;gap:16px;padding:24px}.loansRepaymentPlanningContainer .featurePage .featureSteps p:not(.featureEyebrow){font-size:15px;line-height:24px}.loansRepaymentPlanningContainer .featurePage .featureFeature{display:grid;grid-template-columns:minmax(0, 532fr) minmax(0, 704fr);grid-template-areas:"copy visual";align-items:center;gap:48px}.loansRepaymentPlanningContainer .featurePage .featureFeature.featureFeatureReversed{grid-template-columns:minmax(0, 704fr) minmax(0, 532fr);grid-template-areas:"visual copy"}.loansRepaymentPlanningContainer .featurePage .featureFeature .featureCopy{grid-area:copy}.loansRepaymentPlanningContainer .featurePage .featureFeature .featurePreviewVisual{grid-area:visual;container-type:inline-size;position:relative;min-width:0;width:100%}.loansRepaymentPlanningContainer .featurePage .featureCopy{display:flex;flex-direction:column;gap:24px;min-width:0}.loansRepaymentPlanningContainer .featurePage .featureTextLink{align-self:start;color:var(--colour-accent);font-size:14px;line-height:22px;padding:5px 0}.loansRepaymentPlanningContainer .featurePage .featureTextLink:hover{text-decoration:underline;text-underline-offset:4px}.loansRepaymentPlanningContainer .featurePage .featureConnectionsVisual{grid-area:visual;display:flex;justify-content:center}.loansRepaymentPlanningContainer .featurePage .featureConnectionsVisual img{width:100%;max-width:560px;height:auto}.loansRepaymentPlanningContainer .featurePage .featureControls,.loansRepaymentPlanningContainer .featurePage .featureClosing{background:#150e1c;border:1px solid rgba(0,0,0,0);border-radius:24px;padding:32px}.loansRepaymentPlanningContainer .featurePage .featureControls{display:grid;gap:24px}.loansRepaymentPlanningContainer .featurePage .featureControlGrid>div{display:flex;flex-direction:column;gap:12px}.loansRepaymentPlanningContainer .featurePage .featureControlGrid>div h3{font-family:var(--font-body);font-size:18px;font-weight:500;line-height:26px}.loansRepaymentPlanningContainer .featurePage .featureControlGrid>div p:not(.featureEyebrow){font-size:15px;line-height:24px}.loansRepaymentPlanningContainer .featurePage .featureFaq{display:grid;grid-template-columns:minmax(0, 400fr) minmax(0, 836fr);gap:48px;align-items:start}.loansRepaymentPlanningContainer .featurePage .featureFaq h2{font-size:48px;line-height:56px}.loansRepaymentPlanningContainer .featurePage .featureFaqItem{border-top:1px solid var(--colour-border);display:grid;gap:12px;padding:24px 0}.loansRepaymentPlanningContainer .featurePage .featureFaqItem h3{font-family:var(--font-body);font-size:16px;font-weight:500;line-height:24px}.loansRepaymentPlanningContainer .featurePage .featureFaqItem p{font-size:15px;line-height:25px}.loansRepaymentPlanningContainer .featurePage .featureClosing{display:flex;align-items:center;justify-content:space-between;gap:32px}.loansRepaymentPlanningContainer .featurePage .featureClosing>div{display:grid;gap:12px}.loansRepaymentPlanningContainer .featurePage .featureClosing h2{font-size:32px;line-height:40px}.loansRepaymentPlanningContainer .featurePage .featureClosing p{font-size:15px;line-height:24px}.loansRepaymentPlanningContainer .featurePage .featureClosing .featureAction{flex-shrink:0}@media(max-width: 1100px){.loansRepaymentPlanningContainer .featurePage .featureHero,.loansRepaymentPlanningContainer .featurePage .featureFeature,.loansRepaymentPlanningContainer .featurePage .featureFaq{gap:32px}.loansRepaymentPlanningContainer .featurePage .featureSteps>li{padding:20px}}@media(max-width: 900px){.loansRepaymentPlanningContainer .featurePage{gap:64px}.loansRepaymentPlanningContainer .featurePage .featureHero,.loansRepaymentPlanningContainer .featurePage .featureFeature,.loansRepaymentPlanningContainer .featurePage .featureFeature.featureFeatureReversed,.loansRepaymentPlanningContainer .featurePage .featureFaq{grid-template-columns:minmax(0, 1fr);gap:40px}.loansRepaymentPlanningContainer .featurePage .featureFeature,.loansRepaymentPlanningContainer .featurePage .featureFeature.featureFeatureReversed{grid-template-areas:"copy" "visual"}.loansRepaymentPlanningContainer .featurePage .featureHeroVisual{min-height:0;padding:16px 0}.loansRepaymentPlanningContainer .featurePage .featureSteps{grid-template-columns:minmax(0, 1fr)}.loansRepaymentPlanningContainer .featurePage .featureControlGrid{grid-template-columns:minmax(0, 1fr);gap:24px}.loansRepaymentPlanningContainer .featurePage .featureClosing{align-items:start;flex-direction:column}}@media(max-width: 720px){.loansRepaymentPlanningContainer .featurePage{padding:92px 0 48px}.loansRepaymentPlanningContainer .featurePage #featureTitle{font-size:48px;line-height:52px}.loansRepaymentPlanningContainer .featurePage h2,.loansRepaymentPlanningContainer .featurePage .featureHow h2,.loansRepaymentPlanningContainer .featurePage .featureFaq h2{font-size:36px;line-height:42px}.loansRepaymentPlanningContainer .featurePage .featureHeroCopy,.loansRepaymentPlanningContainer .featurePage .featureCopy{gap:20px}.loansRepaymentPlanningContainer .featurePage .featureLead{font-size:16px;line-height:26px}.loansRepaymentPlanningContainer .featurePage .featureAtAGlance{grid-template-columns:minmax(0, 1fr);gap:24px}.loansRepaymentPlanningContainer .featurePage .featureControls,.loansRepaymentPlanningContainer .featurePage .featureClosing{padding:24px}.loansRepaymentPlanningContainer .featurePage .featureHeroVisual img{max-width:360px;width:100%}}@media(max-width: 480px){.loansRepaymentPlanningContainer .featurePage .featureActions{flex-direction:column;gap:12px}.loansRepaymentPlanningContainer .featurePage .featureActions .featureAction{width:100%}.loansRepaymentPlanningContainer .featurePage .featureClosing .featureAction{width:100%}.loansRepaymentPlanningContainer .featurePage .featureEyebrow{font-size:10px;letter-spacing:.9px}}@media(prefers-reduced-motion: reduce){.loansRepaymentPlanningContainer .featurePage .featureAction{transition:none}}.loansRepaymentPlanningContainer .featurePage .featureHeroCopy,.loansRepaymentPlanningContainer .featurePage .featureHeroArt,.loansRepaymentPlanningContainer .featurePage .featureFaqList{min-width:0}.loansRepaymentPlanningContainer .featurePage .featureHeroArt{align-items:center;container-type:inline-size;display:flex;min-height:460px}.loansRepaymentPlanningContainer .featurePage .featureHeroArt .featureVisual{container-type:inline-size;min-width:0;width:100%}.loansRepaymentPlanningContainer .featurePage .featureComparisonGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}.loansRepaymentPlanningContainer .featurePage .featureDesktopImage{align-items:center;display:flex;min-height:440px}.loansRepaymentPlanningContainer .featurePage .featureDesktopImage picture,.loansRepaymentPlanningContainer .featurePage .featureDesktopImage img{border-radius:12px;height:auto;width:100%}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel{background:var(--colour-surface);border-radius:24px;padding:32px}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel>div{display:grid;gap:24px}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel h3{font-size:32px;line-height:40px}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel .featureDetailColumns{display:grid;gap:24px 48px;grid-template-columns:repeat(2, minmax(0, 1fr))}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel .featureDetailColumns>div{display:grid;gap:12px;min-width:0}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel .featureDetailColumns h3{font-size:26px;line-height:34px}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel .featureDetailColumns p:not(.featureEyebrow){font-size:14px;line-height:22px}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel .featureRecordedTotal{background:#150e1c;border-radius:24px;display:grid;gap:12px;padding:24px}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel .featureRecordedTotal h3{font-size:40px;line-height:48px}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundRow{align-items:center;background:rgba(241,238,243,.02);border-radius:6px;display:grid;font-size:16px;gap:8px;grid-template-columns:minmax(0, 1fr) auto auto;padding:12px}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundRow small{font-size:11px}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundRow small span{color:var(--colour-muted);margin-inline:5px}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundTrack{background:#191919;border-radius:10px;grid-column:1/-1;height:5px}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundTrack>span{border-radius:inherit;display:block;height:100%}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundTrack .featureHolidayProgress{background:#7dff96;width:52.8%}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundTrack .featureHomeProgress{background:#cd7c37;width:25.6%}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundSelected{border-top:1px solid var(--colour-border);display:grid;gap:12px;padding-top:24px}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundSelected h3{font-size:28px;line-height:36px}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundSelected p{font-size:14px;line-height:22px}@media(max-width: 900px){.loansRepaymentPlanningContainer .featurePage .featureHeroArt{min-height:0}.loansRepaymentPlanningContainer .featurePage .featureDesktopImage{min-height:0}.loansRepaymentPlanningContainer .featurePage .featureComparisonGrid{grid-template-columns:minmax(0, 1fr)}}@media(max-width: 720px){.loansRepaymentPlanningContainer .featurePage .featureDetailPanel{padding:24px}.loansRepaymentPlanningContainer .featurePage .featureDetailPanel .featureDetailColumns{gap:24px}}@media(max-width: 480px){.loansRepaymentPlanningContainer .featurePage .featureDetailPanel .featureDetailColumns{grid-template-columns:minmax(0, 1fr)}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundRow{font-size:13px;padding:8px}.loansRepaymentPlanningContainer .featurePage .featureFundsDetail .featureFundRow small{font-size:9px}}.loansRepaymentPlanningContainer .featurePage .featureLoans img{border-radius:12px;display:block;height:auto;width:100%}
