*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f3ec;color:#232d3c;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.35}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #736064;outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,dt,.choices>button{font-family:'Times New Roman',Times,serif;font-weight:400}h1{font-size:clamp(52px,7.4vw,106px);line-height:.96;letter-spacing:-.055em}h2{font-size:clamp(35px,5vw,66px);line-height:.95;letter-spacing:-.055em}h3{font-size:30px;line-height:1.1;letter-spacing:-.04em}em{font-weight:400}.wrap{width:90%;max-width:1320px;margin-inline:auto}.section{padding-block:44px}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:.13em;margin-bottom:20px}.small{font-size:12px}.brand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px}.button{background:#232d3c;color:white;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 17px;border-radius:2px;text-decoration:none;font-size:12px;line-height:1.2;box-shadow:inset 0 0 0 1px #ffffff20}.button:hover{background:#3c4653}.text-link{font-family:Arial,Helvetica,sans-serif;font-size:11px;background:none;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.actions{display:flex;align-items:center;gap:23px}.short-rule{display:block;width:42px;border-top:1px solid #8c949b;margin-top:17px}.hero{position:relative;overflow:hidden;background:#e8e5df url('assets/hero.png') center center/cover no-repeat;min-height:477px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f3ec30,transparent 75%);pointer-events:none}header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-block:26px}header nav{display:flex;gap:25px;font-size:9px}header nav a{text-decoration:none}.header-check{font-size:10px;padding:10px 15px}.menu-toggle{display:none}.hero-content{position:relative;z-index:1;padding-top:24px;padding-bottom:33px}.hero-content .eyebrow{margin-bottom:17px}.hero-tagline{font-family:'Times New Roman',Times,serif;font-size:clamp(23px,3vw,38px);line-height:1.1;letter-spacing:-.025em;margin-top:22px;max-width:68%}.hero-description{margin-top:18px;max-width:66%;font-size:14px}.hero-content .actions{margin-top:18px}.hero-note{margin-top:13px;font-size:10px}.hero-circle{position:absolute;width:160px;height:160px;background:#f0e4e4;border-radius:50%;bottom:-113px;left:50%}.reassurance{display:grid;grid-template-columns:44% 56%;padding-top:39px;padding-bottom:37px}.reassurance-copy{border-left:1px solid #9b9d9f;padding-left:28px}.reassurance dl{margin:0}.reassurance dl>div{display:grid;grid-template-columns:51% 49%;gap:8px;padding:0 0 22px;margin-bottom:17px;border-bottom:1px solid #a9a5a1}.reassurance dl>div:last-child{border:0;margin-bottom:13px}dt{font-size:16px;line-height:1.1;letter-spacing:-.025em}dd{margin:0;font-size:9px;color:#5d6571}.reassurance .actions{gap:28px}.start-section{background:#f0e4e4;position:relative;padding-top:34px;padding-bottom:34px}.start-grid{display:grid;grid-template-columns:39% 61%}.start-note{margin-top:14px}.choices{align-self:center;position:relative;z-index:1}.choices>button{width:100%;text-align:left;padding:10px 15px;background:#f7f3ec;display:block;border-top:1px solid #a4a09e;font-size:20px;line-height:1.1;letter-spacing:-.035em}.choices>button:first-child{border-radius:0 42px 0 0}.choices>button span{float:right}.choices>button.selected{background:#e7d0cf}.choices small{display:block;font:11px Arial,sans-serif;letter-spacing:0;margin-top:4px}.thread{position:absolute;bottom:-26px;left:0;width:60%;height:115px;pointer-events:none;overflow:visible}.thread path{fill:none;stroke:#59616d;stroke-width:.8}.journey{display:grid;grid-template-columns:38% 62%;gap:0;padding-top:29px;padding-bottom:28px}.journey h2{font-size:44px}.steps{list-style:none;padding:0 0 0 9px;margin:17px 0 0}.steps li{border-left:1px solid #a0a5a9;padding:0 0 0 20px;position:relative}.steps li:last-child{border-color:transparent}.steps button{display:flex;gap:17px;align-items:center;background:none;text-align:left;padding:7px 0;font-size:11px}.steps button:before{content:'';position:absolute;left:-7px;top:8px;width:12px;height:12px;border:1px solid #929ca5;background:#f7f3ec;border-radius:50%}.steps button[aria-current]{font-weight:bold}.steps button[aria-current]:before{background:#232d3c;border-color:#232d3c}.steps button span{font-weight:400;color:#6b7180}.step-card{background:#eddddc;min-height:280px;border-radius:12px 100px 0 0;padding:25px 22px;position:relative;overflow:hidden}.step-card .eyebrow{font-size:9px;margin-bottom:9px}.step-card h3{font-size:30px;position:relative;z-index:2}.responsibilities{display:grid;grid-template-columns:1fr 1fr;width:67%;margin-top:28px;position:relative;z-index:2;gap:17px}.responsibilities>div+div{border-left:1px solid #b7aba9;padding-left:18px}.responsibilities h4{font-size:11px;text-transform:uppercase;margin:0 0 7px}.responsibilities p{font-size:10px}.missing{display:flex;align-items:center;gap:12px;background:#f7eee3;border-radius:12px;padding:17px 14px;width:70%;margin-top:33px;position:relative;z-index:2;font-size:12px}.missing>span{font-size:29px;background:white;border-radius:10px;padding:3px 7px}.missing p{font-size:11px;margin-top:6px}.documents{position:absolute;right:-8px;bottom:0;width:35%;height:80%;object-fit:cover;mix-blend-mode:multiply}.step-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.step-bottom p{font-size:9px;color:#687180}.people{display:grid;grid-template-columns:34% 66%;border-top:1px solid #ddd7d0;padding-top:23px;padding-bottom:28px}.people h2{font-size:38px}.people-right{padding-top:0}.team-link{display:block;text-align:right;margin-bottom:29px}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.team img{width:100%;height:110px;object-fit:cover}.team article:first-child img{border-radius:70px 70px 0 0}.team h3{font-family:Arial,sans-serif;font-size:11px;letter-spacing:-.035em;line-height:1.3}.team p{font-size:10px;color:#687180;line-height:1.15}.illustrative{text-align:right;font-size:8px;margin-top:11px;color:#687180}.faq{background:#f0e4e4;padding-block:26px}.faq-grid{display:grid;grid-template-columns:35% 65%}.faq h2{font-size:49px}.faq-grid>div+div{padding-left:15px;border-left:1px solid #999}.faq details{background:#f7f3ec77;border-bottom:1px solid #a9a2a2;padding:8px 11px;font-size:11px}.faq summary{list-style:none;cursor:pointer;position:relative;padding-right:25px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:20px;top:-6px;font-weight:300}.faq details[open] summary:after{content:'×'}.faq details p{font-size:10px;margin-top:9px;line-height:1.35}.closing{display:grid;grid-template-columns:41% 59%;position:relative;padding-top:24px;padding-bottom:24px;min-height:125px}.closing h2{font-size:43px}.closing-copy{border-left:1px solid #aaa;padding-left:20px;position:relative;z-index:1}.closing-copy>p{font-size:11px;line-height:1.5}.closing .actions{margin-top:23px;gap:18px}.closing .button{font-size:10px;padding:10px}.closing .text-link{font-size:9px}.tea{position:absolute;right:0;top:0;width:26%;height:85px;object-fit:cover;border-radius:50%;transform:rotate(-9deg);z-index:0}.closing-copy>p{position:relative;max-width:65%}footer{display:flex;align-items:center;justify-content:space-between;padding-block:18px 25px;gap:15px}footer .brand{font-size:21px}footer nav{display:flex;gap:16px;font-size:9px}footer nav a{text-decoration:none}footer nav button{background:none;padding:0;font-size:9px}footer>p{text-align:right;font-size:8px;border-left:1px solid #c0b9b5;padding-left:20px}dialog{border:1px solid #c2aaa8;background:#f7f3ec;color:#232d3c;border-radius:5px;padding:35px;width:min(92%,570px);max-height:85vh}dialog::backdrop{background:#232d3c99}dialog h2{font-size:38px;margin-bottom:20px}dialog p{margin:15px 0;font-size:16px}dialog .close{position:absolute;right:12px;top:8px;background:none;font-size:28px}dialog .dialog-choices{display:grid;gap:10px;margin-top:20px}dialog .dialog-choices button{padding:14px;background:#f0e4e4;text-align:left;border:1px solid #c9b7b6}dialog .dialog-actions{margin-top:20px;display:flex;gap:20px}dialog ol{padding-left:22px}dialog li{margin:15px 0}.skip{position:absolute;left:10px;top:-100px;z-index:9;background:white;padding:10px}.skip:focus{top:10px}.legal{max-width:850px;padding-block:70px}.legal h1{font-size:65px}.legal h2{font-size:30px;margin:30px 0 15px}.legal p{font-size:17px;margin:16px 0}.legal ul{font-size:17px;line-height:1.7}
@media(min-width:1050px){.section{padding-block:65px}.hero{min-height:650px}.hero-content{padding-top:58px;padding-bottom:65px}.hero-description{font-size:18px}.eyebrow{font-size:11px}.button{font-size:15px}.text-link{font-size:14px}header nav{font-size:13px}.brand{font-size:30px}.brand img{width:50px;height:50px}.reassurance-copy{padding-left:40px}dt{font-size:24px}dd{font-size:14px}.choices>button{font-size:28px;padding:17px 22px}.choices small{font-size:14px}.small{font-size:15px}.journey h2{font-size:60px}.steps button{font-size:15px;padding:10px 0}.steps button:before{top:14px}.step-card{min-height:375px;padding:35px}.step-card h3{font-size:40px}.responsibilities p{font-size:14px}.responsibilities h4{font-size:14px}.missing{font-size:15px}.missing p{font-size:14px}.step-bottom p{font-size:12px}.people h2{font-size:48px}.team img{height:175px}.team h3{font-size:15px}.team p{font-size:13px}.illustrative{font-size:11px}.faq h2{font-size:65px}.faq details{font-size:15px;padding:13px}.faq details p{font-size:14px}.closing h2{font-size:58px}.closing-copy>p{font-size:15px}.closing .button{font-size:14px}.closing .text-link{font-size:12px}.tea{height:125px;top:25px}footer nav,footer nav button{font-size:12px}footer>p{font-size:11px}}
@media(max-width:650px){body{font-size:16px}.wrap{width:88%}.section{padding-block:48px}header{padding-block:18px;flex-wrap:wrap}.brand{font-size:23px}.brand img{width:34px;height:40px}.header-check{display:none}.menu-toggle{display:block;background:#f7f3ec;padding:9px 11px;border:1px solid #a49d98;font-size:14px}header nav{display:none;width:100%;padding:18px;background:#f7f3ec;gap:20px;flex-wrap:wrap;font-size:15px}header nav.open{display:flex}.hero{background-position:62% center;min-height:720px}.hero:before{background:linear-gradient(90deg,#f7f3eced 0%,#f7f3ecd9 50%,#f7f3ec28 100%)}.hero-content{padding-top:55px;padding-bottom:60px}.hero-content .eyebrow{max-width:70%;font-size:10px}h1{font-size:clamp(46px,11.4vw,70px);max-width:100%;line-height:1.02}.hero-tagline{font-size:28px;max-width:92%;margin-top:26px}.hero-description{max-width:90%;font-size:16px;margin-top:24px}.desktop-break{display:none}.hero .actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:28px}.button{font-size:15px;padding:15px 18px}.text-link{font-size:14px}.hero-note{font-size:12px;max-width:85%;margin-top:23px}.eyebrow{font-size:11px;margin-bottom:22px}h2,.journey h2,.people h2,.closing h2{font-size:43px;line-height:1}.reassurance,.start-grid,.journey,.people,.faq-grid,.closing{grid-template-columns:1fr;gap:30px}.reassurance-copy{border-left:0;padding-left:0}.reassurance dl>div{grid-template-columns:1fr;gap:12px;padding-bottom:22px;margin-bottom:22px}dt{font-size:24px}dd{font-size:16px}.reassurance .actions{flex-wrap:wrap;gap:22px}.small{font-size:15px}.choices>button{font-size:24px;padding:17px 15px}.choices small{font-size:14px;line-height:1.4;margin-top:8px;max-width:92%}.thread{height:80px;bottom:-10px}.steps{margin-top:25px}.steps button{font-size:15px;padding:12px 0}.steps button:before{top:15px}.step-card{padding:26px 20px;min-height:345px;border-top-right-radius:70px}.step-card h3{font-size:31px;max-width:90%}.step-card .eyebrow{font-size:11px}.responsibilities{width:100%;gap:14px;margin-top:30px}.responsibilities h4{font-size:13px}.responsibilities p{font-size:15px}.documents{opacity:.16;width:48%}.missing{width:100%;margin-top:25px;padding:17px 12px;font-size:14px}.missing p{font-size:14px}.step-bottom{align-items:flex-start;flex-direction:column;gap:16px}.step-bottom p{font-size:12px}.people{border-top:1px solid #ddd7d0}.team-link{text-align:left;margin-bottom:25px}.team{grid-template-columns:1fr 1fr;gap:25px 17px}.team img{height:170px}.team h3{font-size:16px;margin-top:8px}.team p{font-size:13px;line-height:1.4}.illustrative{font-size:11px;text-align:left;margin-top:24px}.faq-grid>div+div{padding-left:0;border-left:0}.faq details{font-size:16px;padding:17px 10px}.faq details p{font-size:15px}.closing{padding-bottom:115px}.closing-copy{border-left:0;padding-left:0}.closing-copy>p{max-width:100%;font-size:16px}.closing .actions{flex-wrap:wrap;margin-top:25px}.closing .button{font-size:15px;padding:15px}.closing .text-link{font-size:14px}.tea{top:auto;bottom:4px;right:0;width:48%;height:85px}footer{flex-direction:column;align-items:flex-start;padding-block:25px;gap:24px}footer .brand{font-size:25px}footer nav{gap:25px}footer nav,footer nav button{font-size:14px}footer>p{text-align:left;border-left:0;padding-left:0;font-size:12px}.legal{padding-block:40px}.legal h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Reference-width calibration: preserve the mockup's compact editorial letterforms. */
h1,h2,h3,.brand,dt,.choices>button,.hero-tagline{font-family:'Times New Roman',Times,serif}
@media(min-width:651px) and (max-width:1049px){h1{font-size:64px;line-height:.9;letter-spacing:-.06em}.hero{height:477px;min-height:477px;background-position:right center}.hero-content{padding-top:24px;padding-bottom:25px}.hero-tagline{font-size:25px;max-width:69%;margin-top:24px}.hero-description{font-size:13px;margin-top:17px}.hero-content .actions{margin-top:17px}.hero-note{font-size:9px}.reassurance{height:263px}.reassurance h2{font-size:47px;line-height:.91}.reassurance dl>div{padding-bottom:17px;margin-bottom:17px}.start-section{min-height:233px}.start-grid{grid-template-columns:40% 60%}.start-section h2{font-size:47px}.journey{min-height:355px;grid-template-columns:38% 62%}.journey h2{font-size:43px;letter-spacing:-.055em}.journey h2 em{white-space:nowrap}.step-card{height:280px}.step-card h3{font-size:30px}.people{min-height:243px;grid-template-columns:34% 66%}.people h2{font-size:35px;letter-spacing:-.07em;white-space:nowrap}.team-link{margin-bottom:29px}.faq{min-height:170px}.closing{min-height:120px}.closing h2{font-size:42px;white-space:nowrap;letter-spacing:-.065em}footer{min-height:65px;padding-top:6px}.brand{font-size:22px}.brand img{width:40px}}
.team h3{font-family:Arial,Helvetica,sans-serif}
@media(min-width:651px) and (max-width:1049px){
.hero-tagline{margin-top:17px;max-width:66%;font-size:24px}.hero-description{margin-top:15px}.hero-content .actions{margin-top:16px}
.start-section h2{font-size:45px}.start-section .eyebrow{margin-bottom:13px}.start-note{font-size:11px;margin-top:11px}.start-section{padding-block:31px}
.journey .eyebrow{margin-bottom:13px}.journey h2{font-size:42px}.steps{margin-top:13px}.steps button{padding-block:5px}.step-bottom .text-link{white-space:nowrap}.step-bottom p{font-size:8px}
.people{padding-top:22px;padding-bottom:24px}.team-link{margin-bottom:26px}.team img{display:block;height:110px}.team h3{font-size:10px}.team p{font-size:9px}.illustrative{font-size:7px;margin-top:8px}
.faq{padding-block:24px}.faq h2{font-size:47px}.faq details{padding-block:7px;font-size:10px}.faq details p{font-size:9px}
.closing{padding-block:19px}.closing h2{font-size:40px}.closing .actions{margin-top:12px}.closing-copy>p{font-size:10px}
footer{padding-block:3px 10px;min-height:55px}
}
@media(min-width:651px) and (max-width:1049px){
h1{font-weight:600}.hero-tagline{letter-spacing:-.035em}
.start-section{padding-block:23px 22px}
.journey{padding-bottom:19px}
.people{padding-bottom:8px}
.step-card .responsibilities{margin-top:22px}.step-card .missing{margin-top:22px;padding-block:13px}
footer{padding-bottom:3px;min-height:48px}
}
/* Match the stronger editorial type and softened button corners in the approved mockup. */
h1,h2,h2 em,.brand,dt,.choices>button,.step-card h3{font-weight:700}
.button{border-radius:4px}
/* The wordmark is more restrained than the display headings in the reference. */
.brand{font-weight:400}
/* Refinement: motion uses opacity and transforms, so the page never reflows. */
.button{transition:background-color .22s ease,box-shadow .22s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.button:hover{transform:translateY(-1px);box-shadow:0 5px 13px #232d3c23,inset 0 0 0 1px #ffffff20}
.button:active{transform:translateY(0)}
.text-link{transition:color .2s ease,text-decoration-color .2s ease}
.text-link:hover{color:#5e5660;text-decoration-color:#5e5660}
.choices>button{transition:background-color .25s ease,color .25s ease}
.choices>button:hover:not(.selected){background:#fbf8f3}
.team img{display:block;image-rendering:auto}
.steps button{font-weight:400;transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1),color .42s ease}
.steps button[aria-current]{font-weight:400;color:#232d3c;transform:scale(1.035)}
.steps button:not([aria-current]){color:#697280}
.steps button:before{transition:box-shadow .36s ease}
.steps button[aria-current]:before{box-shadow:0 0 0 3px #232d3c13}
.faq-answer{overflow:hidden}
.faq details:not([open]) .faq-answer{height:0;opacity:0}
.faq summary:after{transition:transform .28s cubic-bezier(.22,1,.36,1);transform-origin:center center}
.faq details[open] summary:after{content:'+';transform:rotate(45deg)}
.faq details[data-closing] summary:after{transform:rotate(0)}
.faq summary:hover{color:#4b5362}
body.motion-ready .reveal{opacity:0;transform:translate3d(0,-11px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
body.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){
.steps button,.steps button[aria-current],.button,.text-link,.choices>button,.faq summary:after{transition:none;transform:none}
body.motion-ready .reveal{opacity:1;transform:none;transition:none}
}
/* Broader State Pension service, in the established editorial palette. */
.hero-content .actions>.button{font-size:14px;padding:15px 23px;min-height:45px;gap:19px}
.choices>a{color:inherit;text-decoration:none}
.choices>button,.choices>a{width:100%;text-align:left;padding:13px 15px;background:#f7f3ec;display:block;border-top:1px solid #a4a09e;font-family:'Times New Roman',Times,serif;font-size:20px;font-weight:700;line-height:1.1;letter-spacing:-.035em;transition:background-color .25s ease}
.choices>button:hover,.choices>a:hover{background:#fbf8f3}
.choices>button:first-child{border-radius:0 42px 0 0}
.choices>button span,.choices>a span{float:right}
.choices small{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:0;line-height:1.35;margin-top:7px;max-width:90%;color:#59616d}
.choices .choice-call{border-bottom:1px solid #a4a09e}
.choices .choice-call small strong{color:#232d3c;font-weight:700}
.reasons{border-top:1px solid #e2d9d4}
.reasons-intro{display:grid;grid-template-columns:45% 55%;align-items:end;gap:20px;margin-bottom:32px}
.reasons-intro h2{font-size:clamp(34px,4.5vw,59px)}
.reasons-intro>div+div{border-left:1px solid #ada5a0;padding-left:25px;color:#4b5362;max-width:530px}
.reasons-intro p:not(.eyebrow){font-size:13px;line-height:1.55;margin-top:11px}
.reasons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bfb6b0;border-left:1px solid #bfb6b0}
.reasons-grid article{border-right:1px solid #bfb6b0;border-bottom:1px solid #bfb6b0;padding:20px 20px 23px;min-height:150px}
.reasons-grid article>span,.outcomes-list article>span{font-size:9px;letter-spacing:.13em;color:#657080}
.reasons-grid h3{font-size:23px;line-height:1.1;margin:19px 0 11px}
.reasons-grid p{font-size:11px;line-height:1.5;color:#5c6570}
.outcomes{background:#f0e4e4}
.outcomes-grid{display:grid;grid-template-columns:42% 58%;gap:25px}
.outcomes h2{font-size:clamp(36px,4.8vw,63px)}
.outcomes-grid>div:first-child>p:last-child{font-size:12px;line-height:1.55;max-width:320px;margin-top:22px}
.outcomes-list article{display:grid;grid-template-columns:38px 1fr;gap:12px;border-top:1px solid #aa9c9c;padding:15px 0}
.outcomes-list article:last-child{border-bottom:1px solid #aa9c9c}
.outcomes-list h3{font-size:23px;line-height:1.1;margin-bottom:7px}
.outcomes-list p{font-size:11px;line-height:1.45;color:#58606d}
.faq-intro{font-size:11px;line-height:1.5;max-width:170px;margin-top:18px;color:#59616d}
.faq .faq-answer a,.fees-faq .faq-answer a{text-decoration:underline;text-underline-offset:3px}
.steps button:before{display:none}
.steps li:before{content:'';position:absolute;left:-7px;top:8px;width:12px;height:12px;border:1px solid #929ca5;background:#f7f3ec;border-radius:50%;z-index:1;pointer-events:none}
.steps li.is-active:before{background:#232d3c;border-color:#232d3c;box-shadow:0 0 0 3px #232d3c13}
.steps li{min-height:25px}
/* Fees page: same colour, typography and personal tone as the home page. */
.fees-top{background:linear-gradient(125deg,#f7f3ec 0%,#f7f3ec 46%,#f0e4e4 100%);position:relative;overflow:hidden}
.fees-top:after{content:'';position:absolute;right:-85px;top:-150px;width:440px;height:440px;border:1px solid #bda9a8;border-radius:50%;opacity:.55;pointer-events:none}
.fees-page header{position:relative;z-index:3}
.fees-page header nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.fees-hero{display:grid;grid-template-columns:57% 43%;min-height:385px;gap:0;padding-block:45px 55px;position:relative;z-index:1;align-items:center}
.fees-hero-copy{padding-right:42px}
.fees-hero .eyebrow{margin-bottom:23px}
.fees-hero h1{font-size:clamp(55px,7vw,100px)}
.fees-lead{font-size:16px;line-height:1.45;max-width:440px;margin:23px 0 25px}
.fees-hero .actions{gap:18px;flex-wrap:wrap}
.fees-rate{background:#f7f3ec;border:1px solid #c7b7b0;border-radius:125px 125px 3px 3px;padding:40px 33px 31px;max-width:350px;min-height:297px;box-shadow:0 14px 45px #3a30301a;justify-self:end;width:100%}
.fees-rate .eyebrow{margin-bottom:13px}
.fees-rate>strong{font:700 99px/1 'Times New Roman',Times,serif;letter-spacing:-.07em}
.fees-rate>strong span{font-size:.47em;vertical-align:top;margin-left:5px}
.fees-rate>p:not(.eyebrow){font-size:15px;max-width:220px;line-height:1.4;margin-top:7px}
.fees-rate .short-rule{margin-block:23px 14px}
.fees-rate small{font-size:11px;color:#59616d}
.fees-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.fees-principles article{padding:20px 24px 25px;border-left:1px solid #b9b0ac}
.fees-principles article:first-child{padding-left:0;border-left:0}
.fees-principles article>span{font-size:10px;letter-spacing:.1em;color:#677080}
.fees-principles h2{font-size:27px;line-height:1.05;margin:19px 0 10px}
.fees-principles p{font-size:12px;line-height:1.5;max-width:250px;color:#59616d}
.fees-example{background:#f0e4e4}
.fees-example-grid{display:grid;grid-template-columns:45% 55%;align-items:center;gap:30px}
.fees-example h2{font-size:clamp(39px,5vw,65px);margin-bottom:25px}
.fees-example-grid>div:first-child>p:not(.eyebrow){font-size:14px;line-height:1.55;max-width:450px;margin-bottom:13px}
.fees-example-grid .fees-fine{font-size:11px!important;color:#616a76}
.fees-calculation{background:#f7f3ec;padding:25px 28px;border-radius:3px 65px 3px 3px;box-shadow:0 13px 34px #473d3d12}
.fees-calculation>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:19px 0;border-bottom:1px solid #bfb8b2}
.fees-calculation span{font-size:12px}
.fees-calculation strong{font:700 28px 'Times New Roman',Times,serif;white-space:nowrap}
.fees-calculation .fees-total{border-bottom:0}
.fees-calculation .fees-total strong{font-size:39px}
.fees-calculation small{font-size:10px;color:#667080}
.fees-after{display:grid;grid-template-columns:42% 58%;gap:25px}
.fees-after h2{font-size:clamp(38px,5vw,62px)}
.fees-after>div+div{padding-left:25px;border-left:1px solid #ada5a0}
.fees-after>div+div p{font-size:14px;line-height:1.6;margin:0 0 18px}
.fees-choice{background:#efe6e0}
.fees-choice-grid{display:grid;grid-template-columns:43% 57%;gap:22px}
.fees-choice h2{font-size:clamp(38px,5vw,62px)}
.fees-choice-grid>div+div p{font-size:13px;line-height:1.6;margin:0 0 16px}
.fees-choice .actions{margin-top:25px;flex-wrap:wrap}
.fees-faq{display:grid;grid-template-columns:35% 65%;gap:10px}
.fees-faq h2{font-size:clamp(36px,5vw,60px)}
.fees-faq>div+div{border-left:1px solid #a6a1a1;padding-left:20px}
.fees-faq details{border-bottom:1px solid #b1aaa5;padding:14px 8px 13px;font-size:13px}
.fees-faq summary{list-style:none;cursor:pointer;padding-right:25px;position:relative}
.fees-faq summary::-webkit-details-marker{display:none}
.fees-faq summary:after{content:'+';position:absolute;right:0;top:-6px;font-size:22px;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.fees-faq details[open] summary:after{transform:rotate(45deg)}
.fees-faq details[data-closing] summary:after{transform:rotate(0)}
.fees-faq .faq-answer{overflow:hidden}
.fees-faq details:not([open]) .faq-answer{height:0;opacity:0}
.fees-faq .faq-answer p{font-size:12px;color:#5c6570;line-height:1.55;padding-top:12px}
.fees-page footer{border-top:1px solid #e1d8d1}
@media(min-width:1050px){
.hero-content .actions>.button{font-size:18px;padding:18px 27px}
.reasons-grid article{min-height:195px;padding:27px}.reasons-grid h3{font-size:31px}.reasons-grid p{font-size:15px}
.reasons-intro p:not(.eyebrow),.outcomes-grid>div:first-child>p:last-child,.outcomes-list p{font-size:16px}
.choices>button,.choices>a{font-size:28px;padding:18px 22px}.choices small{font-size:14px}
.fees-hero{min-height:530px}.fees-lead{font-size:20px}
.fees-principles h2{font-size:37px}.fees-principles p,.fees-after>div+div p,.fees-choice-grid>div+div p{font-size:17px}
.fees-faq details{font-size:18px}.fees-faq .faq-answer p{font-size:15px}
}
@media(max-width:650px){
.hero-content .actions>.button{font-size:16px;padding:17px 20px}
.choices>button,.choices>a{font-size:24px;padding:18px 15px}.choices small{font-size:14px;max-width:94%;line-height:1.4;margin-top:9px}
.reasons-intro,.outcomes-grid,.fees-hero,.fees-example-grid,.fees-after,.fees-choice-grid,.fees-faq{grid-template-columns:1fr;gap:28px}
.reasons-intro{margin-bottom:27px}.reasons-intro h2,.outcomes h2{font-size:42px}
.reasons-intro>div+div,.fees-after>div+div,.fees-faq>div+div{border-left:0;padding-left:0}
.reasons-intro p:not(.eyebrow),.outcomes-grid>div:first-child>p:last-child,.fees-choice-grid>div+div p{font-size:16px}
.reasons-grid{grid-template-columns:1fr 1fr}.reasons-grid article{padding:17px 12px;min-height:215px}.reasons-grid h3{font-size:22px;margin:13px 0 9px}.reasons-grid p{font-size:13px}
.outcomes-list article{grid-template-columns:34px 1fr}.outcomes-list h3{font-size:27px}.outcomes-list p{font-size:15px}
.faq-intro{font-size:15px;max-width:270px}
.steps li:before{top:15px}
.fees-top:after{right:-170px;top:80px}
.fees-hero{padding-top:35px;min-height:0}.fees-hero-copy{padding-right:0}.fees-hero h1{font-size:58px}.fees-lead{font-size:17px}
.fees-rate{max-width:none;min-height:0;padding:35px 27px 28px;border-radius:100px 100px 3px 3px}.fees-rate>strong{font-size:95px}
.fees-principles{grid-template-columns:1fr}.fees-principles article,.fees-principles article:first-child{border-left:0;border-top:1px solid #b9b0ac;padding:21px 0}.fees-principles article:last-child{border-bottom:1px solid #b9b0ac}.fees-principles h2{font-size:34px}.fees-principles p{font-size:15px}
.fees-example h2,.fees-after h2,.fees-choice h2,.fees-faq h2{font-size:43px}.fees-example-grid>div:first-child>p:not(.eyebrow){font-size:16px}.fees-example-grid .fees-fine{font-size:13px!important}
.fees-calculation{padding:19px 20px}.fees-calculation span{font-size:13px}.fees-calculation strong{font-size:24px}.fees-calculation .fees-total strong{font-size:34px}
.fees-after>div+div p{font-size:16px}.fees-faq details{font-size:16px}.fees-faq .faq-answer p{font-size:15px}
}
@media(max-width:370px){.reasons-grid{grid-template-columns:1fr}.reasons-grid article{min-height:0}.fees-calculation span{font-size:12px}}
/* A warmer reading experience, while keeping the editorial display type. */
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.5}
p,dd,small{color:#49525d}
.hero-content{padding-top:10px}
header .brand{transform:translateY(-5px)}
header nav{font-size:12px;font-weight:600;gap:17px}
header nav a{padding-block:7px;transition:color .25s ease}
header nav a:hover{color:#6e6570}
.button{border-radius:10px;font-weight:650}
.header-check{font-size:20px;padding:15px 19px;border-radius:10px;gap:12px;white-space:nowrap}
.hero-content .actions>.button{font-size:28px;font-weight:700;padding:24px 28px;min-height:76px;border-radius:12px;gap:20px}
.hero-description{color:#354252;line-height:1.5}
.hero-note{color:#3e4855}
dd{font-size:12px;line-height:1.5}
.reasons-intro p:not(.eyebrow),.outcomes-grid>div:first-child>p:last-child,.outcomes-list p{line-height:1.65}
.reasons-grid{border:0;gap:13px}
.reasons-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:209px;padding:24px 22px 27px;border:1px solid #dacbca;border-radius:8px 61px 8px 8px;background:#f4e9e5;box-shadow:0 10px 24px #6251520b;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}
.reasons-grid article:nth-child(3n+2){background:#f7ecea;border-radius:58px 8px 8px 8px}
.reasons-grid article:nth-child(3n){background:#eee3e0;border-radius:8px 8px 58px 8px}
.reasons-grid article:after{content:'';position:absolute;z-index:-1;right:-40px;top:-42px;width:134px;height:134px;border-radius:50%;border:1px solid #c8b8b78c;background:#fff8f544}
.reasons-grid article:hover{transform:translateY(-4px);box-shadow:0 17px 34px #6251521c;border-color:#c3abaa}
.reasons-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #b6a6a7;border-radius:50%;font-size:11px;color:#46505e;background:#fbf6f0}
.reasons-grid h3{margin:20px 0 12px}
.reasons-grid p{font-size:13px;line-height:1.58;color:#49525d}
.reassurance{height:auto}
.reassurance dd,.responsibilities p,.missing p,.step-bottom p,.faq details p,.team p,.closing-copy>p,footer>p{line-height:1.5}
.reassurance dd{min-width:0}
.team p,.faq details p{color:#49525d}
body.motion-ready .reveal{transition-duration:1.4s,1.4s}
@media(min-width:1050px){
header nav{font-size:17px;gap:28px}
.header-check{font-size:20px;padding:18px 25px}
.hero-content{padding-top:34px}
.hero-content .actions>.button{font-size:32px;padding:25px 32px;min-height:83px}
dd{font-size:17px}
.reasons-grid article{min-height:250px;padding:30px}
.reasons-grid p{font-size:17px}
}
@media(min-width:651px) and (max-width:1049px){
header nav{font-size:11px;gap:15px}
.header-check{font-size:16px;padding:14px 16px;gap:8px}
.brand{font-size:21px}.brand img{width:39px}
.hero-content{padding-top:3px}
.hero-description{font-size:14px}
.hero-content .actions>.button{font-size:23px;padding:18px 22px;min-height:64px}
.reasons-grid article{min-height:208px}
.reasons-grid h3{font-size:25px}
.reasons-grid p{font-size:12px}
.reassurance dd{font-size:12px}
}
@media(max-width:650px){
header nav{font-size:17px;gap:16px}
.hero-content{padding-top:25px}
.hero-content .actions>.button{font-size:21px;padding:20px 21px;min-height:67px;gap:10px;max-width:100%}
.reasons-grid{grid-template-columns:1fr;gap:14px}
.reasons-grid article,.reasons-grid article:nth-child(n){min-height:0;padding:22px 23px 25px;border-radius:8px 56px 8px 8px}
.reasons-grid article:nth-child(even){border-radius:56px 8px 8px 8px}
.reasons-grid h3{font-size:28px;margin:16px 0 10px}
.reasons-grid p{font-size:15px}
.reassurance dd{font-size:16px}
.hero-description{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.reasons-grid article{transition:none}}
.closing .button{font-size:20px;padding:16px 20px;min-height:55px;border-radius:11px;font-weight:700}
@media(min-width:1050px){.closing .button{font-size:27px;padding:20px 27px;min-height:70px}}
@media(min-width:651px) and (max-width:1049px){
.hero{height:535px;min-height:535px}
header nav{font-size:12px;gap:12px}
.header-check{font-size:18px}
.hero-content .actions{flex-direction:column;align-items:flex-start;gap:10px}
.hero-note{font-size:11px;margin-top:12px}
.reasons-grid p{font-size:13px}
}
@media(max-width:650px){.closing .button{font-size:22px;padding:18px 23px;min-height:65px}}
@media(min-width:651px) and (max-width:1049px){
header{gap:9px}
header nav{gap:9px}
header .brand{font-size:20px}
}
@media(min-width:1050px) and (max-width:1240px){
header nav{font-size:14px;gap:16px}
header .brand{font-size:25px}
.header-check{font-size:18px;padding:16px 19px}
}
@media(min-width:651px) and (max-width:800px){
.menu-toggle{display:block;background:#f7f3ec;padding:10px 14px;border:1px solid #b9aaa8;border-radius:8px;font-size:14px;margin-left:auto}
header nav{display:none;position:absolute;top:calc(100% - 3px);left:0;width:100%;padding:20px;background:#f7f3ec;box-shadow:0 15px 25px #232d3c1c;gap:24px;font-size:16px;border-radius:8px}
header nav.open{display:flex}
}
/* ===== Hampton & Rowe content-depth expansion ===== */
:root{--ink:#232d3c;--paper:#f7f3ec;--blush:#f0e4e4;--muted:#626b77;--line:#bdb5af;--soft:#eee6dc}
.header-check{white-space:nowrap}.site-header-light{background:var(--paper);border-bottom:1px solid #ded7d1}.site-header-light header{padding-block:22px}.site-header-light header nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.trust-strip{border-bottom:1px solid #d7cfc9;border-top:1px solid #d7cfc9;background:#f7f3ec}.trust-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:16px 18px;border-left:1px solid #d7cfc9;font-size:11px;line-height:1.4}.trust-item:first-child{border-left:0;padding-left:0}.trust-item strong{display:block;font-family:'Times New Roman',Times,serif;font-size:18px;margin-bottom:3px}.trust-item a{text-underline-offset:3px}
.reassurance-company{margin-top:8px;padding:17px 18px;background:#f0e4e47d;border-left:3px solid #9d8586}.reassurance-company strong{font-family:'Times New Roman',Times,serif;font-size:19px}.reassurance-company p{font-size:12px;line-height:1.55;margin-top:7px}.reassurance-company .text-link{display:inline-block;margin-top:10px}
.reasons-grid article{display:flex;flex-direction:column}.reasons-grid article .reason-link{margin-top:auto;padding-top:14px;font-size:10px;text-decoration:underline;text-underline-offset:4px}
.explainer-band{background:#f0e4e4}.explainer-grid,.service-grid,.department-grid,.guide-feature-grid,.legal-callout-grid{display:grid;grid-template-columns:42% 58%;gap:42px;align-items:start}.explainer-grid h2,.service-grid h2,.department-grid h2{font-size:clamp(39px,5vw,66px)}.explainer-copy>p,.service-copy>p{font-size:15px;line-height:1.65;margin-bottom:16px}.explainer-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid #aa9d9d;border-left:1px solid #aa9d9d}.explainer-facts div{padding:18px;border-right:1px solid #aa9d9d;border-bottom:1px solid #aa9d9d}.explainer-facts strong{display:block;font-family:'Times New Roman',Times,serif;font-size:27px}.explainer-facts span{display:block;font-size:10px;line-height:1.45;margin-top:4px;color:#5f6671}
.service-section{border-top:1px solid #ded6cf}.service-list{list-style:none;padding:0;margin:0;border-top:1px solid #b9b0aa}.service-list li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #b9b0aa}.service-list span{font-size:9px;letter-spacing:.1em;color:#6d7480}.service-list strong{font-family:'Times New Roman',Times,serif;font-size:23px;font-weight:700}.service-list p{font-size:12px;line-height:1.5;margin-top:5px;color:#59616d}
.timeline-note{margin-top:16px;padding:16px 18px;border:1px solid #c8bbb4;background:#fbf8f3;font-size:12px;line-height:1.55}.timeline-note strong{font-family:'Times New Roman',Times,serif;font-size:18px}
.departments{background:#232d3c;color:#f7f3ec}.department-grid>div:first-child p:last-child{margin-top:20px;font-size:13px;line-height:1.6;max-width:390px;color:#dcdfe3}.department-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.department-card{border:1px solid #ffffff40;padding:25px;min-height:260px;background:#ffffff09}.department-card .eyebrow{color:#f0e4e4}.department-card h3{font-size:36px}.department-card p{font-size:13px;line-height:1.6;margin-top:16px;color:#e2e3e6}.department-card ul{padding-left:18px;font-size:12px;line-height:1.7;color:#e2e3e6}.department-foot{grid-column:1/-1;border-top:1px solid #ffffff35;padding-top:15px;font-size:11px;color:#d4d7dc}
.outcomes-list article{grid-template-columns:38px 1fr}.outcomes-list .outcome-quiet{opacity:.9}.outcomes-list .outcome-quiet h3{font-size:20px}
.team-role-card{position:relative}.team-role-card img{filter:saturate(.75);opacity:.92}.team-role-card h3{margin-top:8px}.team-note{font-size:11px!important;line-height:1.45!important;color:#657080!important;margin-top:3px}.team-disclosure{font-size:10px;line-height:1.5;color:#687180;margin-top:15px;text-align:right}.team-link{margin-bottom:18px}
.guides-section{border-top:1px solid #ddd5cf}.guide-feature-grid{grid-template-columns:30% 70%;align-items:end}.guide-feature-grid>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid #bcb3ae;border-top:1px solid #bcb3ae}.guide-card{display:flex;flex-direction:column;min-height:180px;padding:22px;border-right:1px solid #bcb3ae;border-bottom:1px solid #bcb3ae;text-decoration:none;transition:background-color .2s ease,transform .25s ease}.guide-card:hover{background:#f0e4e4;transform:translateY(-2px)}.guide-card span{font-size:9px;letter-spacing:.12em;color:#6d7480}.guide-card h3{font-size:25px;margin:22px 0 10px}.guide-card p{font-size:11px;line-height:1.5;color:#5e6671}.guide-card b{font-size:11px;margin-top:auto;padding-top:18px;text-decoration:underline;text-underline-offset:4px}
.faq-more{margin-top:20px}.closing .button{white-space:nowrap}
.site-footer{border-top:1px solid #d4ccc6;background:#f7f3ec}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.5fr;gap:35px;padding-block:43px 28px}.footer-col h3{font-family:Arial,Helvetica,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.footer-col a{display:block;text-decoration:none;font-size:11px;line-height:1.6;margin:6px 0}.footer-col a:hover{text-decoration:underline;text-underline-offset:3px}.footer-col p{font-size:11px;line-height:1.6;color:#59616d}.footer-brand .brand{margin-bottom:15px}.footer-brand p{max-width:290px}.footer-bottom{border-top:1px solid #d4ccc6;padding:18px 0 26px;display:flex;justify-content:space-between;gap:30px}.footer-bottom p{font-size:9px;line-height:1.55;color:#626b77;max-width:730px}.footer-identifiers{text-align:right}.footer-check{margin-top:13px;width:max-content}
/* Internal pages */
.page-body{background:#f7f3ec}.page-hero{background:linear-gradient(125deg,#f7f3ec 0%,#f7f3ec 55%,#f0e4e4 100%);padding:75px 0 70px;border-bottom:1px solid #ddd4ce}.page-hero-grid{display:grid;grid-template-columns:62% 38%;gap:35px;align-items:end}.page-hero h1{font-size:clamp(53px,7vw,94px)}.page-hero .lead{font-family:'Times New Roman',Times,serif;font-size:clamp(22px,2.7vw,34px);line-height:1.15;letter-spacing:-.025em;margin-top:23px;max-width:720px}.page-hero .page-side{border-left:1px solid #a9a09c;padding-left:28px}.page-hero .page-side p{font-size:12px;line-height:1.6;color:#56606d}.page-hero .page-side .button{margin-top:20px}
.content-shell{max-width:1080px;margin:0 auto;padding:66px 5%}.content-grid{display:grid;grid-template-columns:29% 71%;gap:45px;align-items:start}.content-nav{position:sticky;top:25px}.content-nav p{font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.content-nav a{display:block;border-top:1px solid #c8c0bb;padding:10px 0;font-size:11px;text-decoration:none}.content-nav a:last-child{border-bottom:1px solid #c8c0bb}.content-main{min-width:0}.prose h2{font-size:clamp(34px,4.5vw,54px);margin:3px 0 22px}.prose h3{font-size:27px;margin:34px 0 12px}.prose h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:26px 0 9px}.prose p,.prose li{font-size:15px;line-height:1.72;color:#3f4956}.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 24px;padding-left:23px}.prose li{margin-bottom:8px}.prose a{text-underline-offset:4px}.prose .callout{background:#f0e4e4;padding:24px 27px;margin:28px 0;border-radius:3px 48px 3px 3px}.prose .callout h3{margin-top:0}.prose .note{border-left:3px solid #9e8888;padding:14px 18px;background:#fbf8f3;margin:24px 0}.prose .smallprint{font-size:11px;color:#687180}.prose hr{border:0;border-top:1px solid #c8c0bb;margin:42px 0}.prose table{width:100%;border-collapse:collapse;margin:22px 0 30px}.prose th,.prose td{text-align:left;padding:13px 12px;border-bottom:1px solid #c8c0bb;font-size:13px;vertical-align:top}.prose th{font-family:'Times New Roman',Times,serif;font-size:16px}.prose .button{color:white;text-decoration:none}.prose .button+ .button{margin-left:8px}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #bdb5b0;border-left:1px solid #bdb5b0;margin:25px 0}.info-card{padding:22px;border-right:1px solid #bdb5b0;border-bottom:1px solid #bdb5b0}.info-card h3{font-size:27px;margin:8px 0 12px}.info-card p{font-size:13px}.info-card .eyebrow{font-size:9px;margin-bottom:8px}.info-card a{font-size:11px}
.guide-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdb5b0;border-left:1px solid #bdb5b0}.guide-list .guide-card{border-right:1px solid #bdb5b0;border-bottom:1px solid #bdb5b0;min-height:230px}
.identity-panel{background:#232d3c;color:#f7f3ec;padding:31px;border-radius:3px 70px 3px 3px;margin:30px 0}.identity-panel h3{color:white;margin-top:0}.identity-panel p{color:#e3e5e8;margin-bottom:8px}.identity-panel code{font-family:Arial,sans-serif;font-size:12px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #bdb5b0;border-top:1px solid #bdb5b0;margin:30px 0}.contact-card{padding:25px;border-right:1px solid #bdb5b0;border-bottom:1px solid #bdb5b0}.contact-card strong{font-family:'Times New Roman',Times,serif;font-size:25px}.contact-card p,.contact-card a{font-size:13px;line-height:1.55}.contact-form{background:#f0e4e4;padding:28px;margin-top:30px}.contact-form label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin:15px 0 7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b9aaa7;background:#fffaf5;padding:12px 13px;font:15px Arial,sans-serif;color:#232d3c}.contact-form textarea{min-height:150px;resize:vertical}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form .button{margin-top:18px}.form-note{font-size:11px!important;color:#666f79!important;margin-top:12px!important}
.legal-warning{background:#fff8df;border:1px solid #d8c98d;padding:15px 18px;margin-bottom:25px;font-size:12px;line-height:1.55}.legal-warning strong{font-family:Arial,sans-serif}
@media(max-width:1049px){header nav{gap:15px}.trust-strip .wrap{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(3){border-left:0}.explainer-grid,.service-grid,.department-grid,.guide-feature-grid,.legal-callout-grid{grid-template-columns:1fr;gap:28px}.guide-feature-grid>div:last-child{border-left:1px solid #bcb3ae}.footer-grid{grid-template-columns:1fr 1fr}.page-hero-grid{grid-template-columns:1fr}.page-hero .page-side{border-left:0;padding-left:0;max-width:580px}.guide-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.trust-strip .wrap{grid-template-columns:1fr}.trust-item,.trust-item:nth-child(3){border-left:0;border-top:1px solid #d7cfc9;padding-left:0}.trust-item:first-child{border-top:0}.explainer-facts{grid-template-columns:1fr}.department-cards{grid-template-columns:1fr}.department-foot{grid-column:auto}.guide-feature-grid>div:last-child{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;padding-top:32px}.footer-bottom{flex-direction:column}.footer-identifiers{text-align:left}.page-hero{padding:48px 0 45px}.page-hero h1{font-size:49px}.content-shell{padding:44px 6%}.content-grid{grid-template-columns:1fr}.content-nav{position:static}.card-grid,.guide-list,.contact-grid{grid-template-columns:1fr}.contact-form .form-row{grid-template-columns:1fr}.prose p,.prose li{font-size:16px}.prose table{display:block;overflow-x:auto}.team-disclosure{text-align:left}}
/* Final overrides for expanded footer and internal FAQs. */
.site-footer{display:block;width:100%;max-width:none;margin:0;padding:0;align-items:initial;justify-content:initial;gap:0}
.site-footer .footer-grid{width:90%;max-width:1320px;margin-inline:auto}
.site-footer .footer-bottom{width:90%;max-width:1320px;margin-inline:auto}
.prose details{background:#f0e4e45c;border-bottom:1px solid #b9b0ac;padding:15px 16px;margin:0;font-size:15px}
.prose details:first-of-type{border-top:1px solid #b9b0ac}
.prose details summary{list-style:none;cursor:pointer;position:relative;padding-right:32px;font-family:'Times New Roman',Times,serif;font-size:20px;line-height:1.25}
.prose details summary::-webkit-details-marker{display:none}
.prose details summary:after{content:'+';position:absolute;right:0;top:-4px;font-family:Arial,sans-serif;font-size:24px;font-weight:300;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.prose details[open] summary:after{transform:rotate(45deg)}
.prose details[data-closing] summary:after{transform:rotate(0)}
.prose details .faq-answer{overflow:hidden}
.prose details:not([open]) .faq-answer{height:0;opacity:0}
.prose details .faq-answer p{font-size:14px;line-height:1.65;margin:12px 0 2px}
@media(max-width:650px){.site-footer .footer-grid,.site-footer .footer-bottom{width:88%}.prose details summary{font-size:21px}.prose details .faq-answer p{font-size:16px}}
/* ===== Hero + reassurance refinement (Sep 2026) ===== */
.hero-content{transform:translateY(-13%)}
.hero header .brand{transform:translateY(-15%)}
.trust-strip{
border:0;
background:linear-gradient(180deg,#faf6f0 0%,#f7f3ec 100%);
padding:17px 0 20px;
}
.trust-strip .wrap{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.trust-item,
.trust-item:first-child,
.trust-item:nth-child(3){
padding:16px 18px 17px;
border:1px solid #e7ddd7;
border-radius:15px;
background:rgba(255,255,255,.38);
box-shadow:0 5px 18px rgba(65,52,49,.035);
color:#68717c;
font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
font-size:12px;
line-height:1.55;
}
.trust-item strong{
display:block;
margin-bottom:5px;
color:#354252;
font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
font-size:14px;
font-weight:600;
line-height:1.3;
letter-spacing:-.01em;
}
.trust-item a{
color:#55606d;
text-decoration-color:#a9a0a0;
text-underline-offset:3px;
}
.trust-item a:hover{color:#303b49;text-decoration-color:#6f747c}
@media(min-width:1050px){
.hero-content{transform:translateY(-13%)}
}
@media(min-width:651px) and (max-width:1049px){
.hero-content{transform:translateY(-11%)}
.trust-strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
.hero-content{transform:translateY(-6%)}
.hero header .brand{transform:translateY(-15%)}
.trust-strip{padding:12px 0 16px}
.trust-strip .wrap{grid-template-columns:1fr;gap:9px}
.trust-item,
.trust-item:first-child,
.trust-item:nth-child(3){
border:1px solid #e7ddd7;
padding:15px 16px;
}
.trust-item strong{font-size:15px}
.trust-item{font-size:13px}
}
/* ===== Sep 28 polish: hero positioning + rebuilt footer ===== */
.hero header .brand{transform:translateY(-25%)}
.hero-content{transform:translateY(-5%)}
@media(min-width:1050px){.hero-content{transform:translateY(-5%)}}
@media(min-width:651px) and (max-width:1049px){.hero-content{transform:translateY(-3%)}}
@media(max-width:650px){
.hero-content{transform:none}
.hero header .brand{transform:translateY(-20%)}
}
/* Footer - spacious, editorial, contained and resistant to overflow. */
.site-footer{
display:block;
width:100%;
overflow:hidden;
margin:0;
padding:0;
border-top:1px solid #d8d0c9;
background:linear-gradient(180deg,#f8f4ee 0%,#f4efe8 100%);
}
.site-footer .footer-grid{
width:min(90%,1320px);
margin:0 auto;
padding:64px 0 54px;
display:grid;
grid-template-columns:minmax(260px,1.35fr) minmax(145px,.72fr) minmax(165px,.86fr) minmax(255px,1.25fr);
column-gap:clamp(34px,4vw,72px);
row-gap:34px;
align-items:start;
}
.site-footer .footer-col{min-width:0}
.site-footer .footer-brand{padding-right:12px}
.site-footer .footer-brand .brand{
display:inline-flex;
align-items:center;
gap:12px;
margin:0 0 22px;
font-family:'Times New Roman',Times,serif;
font-size:25px;
line-height:1;
letter-spacing:-.035em;
}
.site-footer .footer-brand .brand img{
flex:0 0 auto;
width:50px;
height:50px;
}
.site-footer .footer-brand>p{
max-width:285px;
margin:0;
color:#66707b;
font-size:13px;
line-height:1.7;
}
.site-footer .footer-col h3{
margin:3px 0 20px;
color:#394453;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:600;
line-height:1.2;
letter-spacing:.14em;
text-transform:uppercase;
}
.site-footer .footer-col>a:not(.button),
.site-footer .footer-col p a{
display:block;
width:max-content;
max-width:100%;
margin:0 0 11px;
color:#3f4a59;
font-size:13px;
line-height:1.5;
text-decoration:none;
}
.site-footer .footer-col>a:not(.button):hover,
.site-footer .footer-col p a:hover{
color:#202b3a;
text-decoration:underline;
text-underline-offset:4px;
}
.site-footer .footer-col>p:not(.footer-brand p){
margin:26px 0 0;
color:#66707b;
font-size:12px;
line-height:1.72;
}
.site-footer .footer-col>p a{margin-bottom:6px}
.site-footer .footer-check{
display:inline-flex;
width:auto;
margin-top:24px;
padding:13px 19px;
border-radius:8px;
font-size:12px;
}
.site-footer .footer-bottom{
width:min(90%,1320px);
margin:0 auto;
padding:25px 0 32px;
border-top:1px solid #d8d0c9;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:48px;
align-items:start;
}
.site-footer .footer-bottom>p{
max-width:none;
margin:0;
padding:0;
border:0;
color:#737b85;
font-size:10px;
line-height:1.65;
text-align:left;
}
.site-footer .footer-identifiers{
min-width:225px;
white-space:normal;
text-align:right!important;
}
@media(max-width:1049px){
.site-footer .footer-grid{
grid-template-columns:1.2fr 1fr 1fr;
padding:50px 0 42px;
column-gap:38px;
}
.site-footer .footer-brand{grid-column:1/-1;padding:0 0 8px}
.site-footer .footer-brand>p{max-width:560px}
.site-footer .footer-bottom{grid-template-columns:1fr;gap:16px}
.site-footer .footer-identifiers{min-width:0;text-align:left!important}
}
@media(max-width:650px){
.site-footer .footer-grid,
.site-footer .footer-bottom{width:88%}
.site-footer .footer-grid{
grid-template-columns:1fr;
padding:42px 0 34px;
row-gap:34px;
}
.site-footer .footer-brand{grid-column:auto}
.site-footer .footer-brand .brand{font-size:25px}
.site-footer .footer-brand>p{font-size:14px;line-height:1.65}
.site-footer .footer-col h3{margin-bottom:16px}
.site-footer .footer-col>a:not(.button),
.site-footer .footer-col p a{font-size:14px}
.site-footer .footer-col>p:not(.footer-brand p){font-size:13px}
.site-footer .footer-bottom{padding:22px 0 28px}
.site-footer .footer-bottom>p{font-size:10px;line-height:1.65}
}
/* ===== Sep 28 refinement: header mark, hero note and compact footer ===== */
.hero header .brand{transform:none!important;align-items:center}
.hero header .brand img{transform:translateY(-20%)}
.hero-note{
display:inline-block;
width:auto;
max-width:min(610px,92%);
margin-top:15px;
padding:8px 12px;
border:1px solid rgba(91,92,96,.13);
border-radius:8px;
background:rgba(247,243,236,.82);
box-shadow:0 2px 10px rgba(35,45,60,.045);
color:#46515f;
font-size:11px!important;
line-height:1.45;
backdrop-filter:blur(2px);
}
.site-footer .footer-grid{
padding-top:42px;
padding-bottom:24px;
grid-template-columns:minmax(290px,1.35fr) minmax(145px,.7fr) minmax(165px,.8fr) minmax(230px,1fr);
column-gap:clamp(28px,3.5vw,58px);
}
.site-footer .footer-brand .brand{
margin-bottom:15px;
gap:13px;
font-family:Georgia,'Times New Roman',Times,serif;
font-size:31px;
font-weight:400;
line-height:1;
letter-spacing:-.045em;
}
.site-footer .footer-brand .brand img{width:54px;height:54px}
.site-footer .footer-brand>p{font-size:12px;line-height:1.55;max-width:330px}
.site-footer .footer-col h3{margin-bottom:14px}
.site-footer .footer-col>a:not(.button){margin-bottom:8px;line-height:1.4}
.site-footer .footer-contactline{
width:min(90%,1320px);
margin:0 auto;
padding:16px 0 17px;
border-top:1px solid #ded6cf;
display:flex;
align-items:center;
gap:10px;
flex-wrap:nowrap;
color:#66707b;
font-size:11px;
line-height:1.4;
white-space:nowrap;
}
.site-footer .footer-contactline a{color:#3f4a59;text-decoration:none}
.site-footer .footer-contactline a:hover{text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-contactline span:last-child{overflow:hidden;text-overflow:ellipsis}
.site-footer .footer-bottom{padding-top:17px;padding-bottom:20px;gap:34px}
.site-footer .footer-bottom>p{font-size:9px;line-height:1.5}
.site-footer .footer-identifiers{min-width:200px}
@media(max-width:1049px){
.site-footer .footer-grid{padding-top:36px;padding-bottom:22px}
.site-footer .footer-contactline{flex-wrap:wrap;white-space:normal;gap:7px 10px}
.site-footer .footer-contactline span:last-child{overflow:visible;text-overflow:clip}
}
@media(max-width:650px){
.hero header .brand img{transform:translateY(-20%)}
.hero-note{max-width:100%;font-size:12px!important;padding:9px 11px}
.site-footer .footer-grid{padding-top:34px;padding-bottom:20px;row-gap:27px}
.site-footer .footer-brand .brand{font-size:29px}
.site-footer .footer-brand .brand img{width:50px;height:50px}
.site-footer .footer-contactline{width:88%;padding:15px 0;display:grid;grid-template-columns:1fr;gap:6px;font-size:12px}
.site-footer .footer-contactline>span[aria-hidden="true"]{display:none}
}
/* ===== Sep 28 refinement: cleaner reassurance copy and matched footer wordmark ===== */
.site-footer .footer-brand .brand{
font-family:'Times New Roman',Times,serif;
font-size:30px;
font-weight:400;
line-height:1;
letter-spacing:-.035em;
gap:9px;
}
.site-footer .footer-brand .brand img{width:50px;height:50px}
@media(max-width:650px){
.site-footer .footer-brand .brand{font-size:23px}
.site-footer .footer-brand .brand img{width:34px;height:40px}
}
.reassurance-stat-note{
max-width:360px;
margin-top:30px;
padding:18px 20px;
background:#f0e4e4;
border:1px solid #ddcdca;
border-radius:14px 42px 14px 14px;
box-shadow:0 8px 24px rgba(35,45,60,.045);
}
.reassurance-stat-note p{
font-size:13px;
line-height:1.48;
color:#515b69;
margin:0;
}
.reassurance-stat-note p+p{margin-top:9px}
.reassurance-stat-note strong{color:#232d3c;font-weight:700}
.reassurance-stat-note{display:none!important}
@media(min-width:1050px){
.reassurance-stat-note p{font-size:14px}
}
@media(max-width:650px){
.reassurance-stat-note{max-width:none;margin-top:26px;padding:17px 18px;border-radius:12px 34px 12px 12px}
.reassurance-stat-note p{font-size:14px}
}
/* ===== Sep 28 readability pass: older audience ===== */
.site-footer .footer-brand .brand{
font-family:'Times New Roman',Times,serif!important;
font-size:30px!important;
font-weight:400!important;
line-height:1!important;
letter-spacing:-.035em!important;
gap:9px!important;
}
.site-footer .footer-brand .brand img{
width:50px!important;
height:50px!important;
}
.trust-strip{padding:24px 0 28px!important}
.trust-strip .wrap{gap:16px!important}
.trust-item,
.trust-item:first-child,
.trust-item:nth-child(3){
min-height:142px;
padding:25px 24px 27px!important;
border-radius:18px!important;
font-size:16px!important;
line-height:1.58!important;
color:#596572!important;
}
.trust-item strong{
margin-bottom:9px!important;
font-size:20px!important;
line-height:1.24!important;
font-weight:650!important;
color:#2f3b4a!important;
}
.trust-item a{font-size:inherit!important}
@media(max-width:1049px){
.trust-strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.trust-item{min-height:132px}
}
@media(max-width:650px){
.site-footer .footer-brand .brand{font-size:23px!important}
.site-footer .footer-brand .brand img{width:34px!important;height:40px!important}
.trust-strip{padding:18px 0 21px!important}
.trust-strip .wrap{grid-template-columns:1fr!important;gap:11px!important}
.trust-item,
.trust-item:first-child,
.trust-item:nth-child(3){min-height:0;padding:21px 20px 23px!important;font-size:16px!important}
.trust-item strong{font-size:20px!important}
}
/* ===== Evidence panel — single clean implementation ===== */
.evidence.evidence-story{
display:block;
position:relative;
margin-top:36px;
padding:clamp(28px,3.4vw,48px) clamp(26px,3.8vw,58px) clamp(24px,2.8vw,38px);
background:#f2e7e5;
border:1px solid #e0cfcb;
border-radius:18px;
box-shadow:0 10px 28px rgba(53,45,45,.05);
overflow:hidden;
}
.evidence.evidence-story .eyebrow{
margin:0 0 24px;
font-size:11px;
letter-spacing:.16em;
color:#6a7480;
}
.evidence.evidence-story .evidence-facts-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
border-top:1px solid rgba(122,101,100,.18);
border-bottom:1px solid rgba(122,101,100,.18);
}
.evidence.evidence-story .evidence-fact,
.evidence.evidence-story .evidence-fact + .evidence-fact{
min-width:0;
padding:26px 0;
border:0;
background:none;
}
.evidence.evidence-story .evidence-fact + .evidence-fact{
padding-left:clamp(22px,2.6vw,38px);
border-left:1px solid rgba(122,101,100,.18);
}
.evidence.evidence-story .evidence-fact:not(:last-child){
padding-right:clamp(22px,2.6vw,38px);
}
.evidence.evidence-story .evidence-kicker{
display:block;
margin:0 0 8px;
font-size:16px;
line-height:1.2;
color:#5f6975;
font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
}
.evidence.evidence-story .evidence-inline-number{
display:block;
margin:0 0 14px;
font:700 clamp(44px,4.8vw,68px)/1 'Times New Roman',Times,serif;
letter-spacing:-.03em;
color:#232d3c;
font-variant-numeric:tabular-nums;
}
.evidence.evidence-story .evidence-inline-number.compact{
font-size:clamp(44px,4.8vw,68px);
}
.evidence.evidence-story .evidence-ratio-fact strong{
display:block;
margin:0 0 14px;
font:700 clamp(36px,4.2vw,56px)/1 'Times New Roman',Times,serif;
letter-spacing:-.03em;
color:#232d3c;
}
.evidence.evidence-story .evidence-fact p{
margin:0;
max-width:32ch;
font-size:16px;
line-height:1.5;
color:#4d5765;
}
.evidence.evidence-story .evidence-research{
margin:28px 0 0;
max-width:80ch;
font-size:17px;
line-height:1.55;
color:#56616e;
}
.evidence.evidence-story .evidence-research strong{
color:#232d3c;
font-weight:700;
}
.evidence.evidence-story .evidence-outcome{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:clamp(24px,3vw,48px);
align-items:center;
margin-top:clamp(26px,3vw,36px);
padding-top:clamp(24px,2.8vw,32px);
border:0;
border-top:1px solid rgba(122,101,100,.18);
}
.evidence.evidence-story .evidence-outcome > div{
padding:0;
border:0;
}
.evidence.evidence-story .evidence-outcome .eyebrow{
margin:0 0 12px;
}
.evidence.evidence-story .evidence-outcome-copy{
margin:0 0 8px;
font-size:22px;
line-height:1.4;
color:#3f4b59;
}
.evidence.evidence-story .evidence-outcome-note{
margin:0;
font-size:16px;
line-height:1.5;
color:#6a7480;
}
.evidence.evidence-story .evidence-money{
display:block;
margin:0;
font:700 clamp(80px,8.5vw,120px)/.85 'Times New Roman',Times,serif;
letter-spacing:-.02em;
color:#232d3c;
white-space:nowrap;
font-variant-numeric:tabular-nums;
}
.evidence.evidence-story .evidence-source{
display:inline-block;
margin:clamp(22px,2.6vw,32px) 0 0;
font-size:12px;
line-height:1.4;
color:#717b87;
text-decoration:none;
border-bottom:1px solid rgba(113,123,135,.4);
padding-bottom:2px;
transition:color .2s ease,border-color .2s ease;
}
.evidence.evidence-story .evidence-source:hover{
color:#303a48;
border-bottom-color:#303a48;
}
@media(max-width:900px){
.evidence.evidence-story .evidence-facts-row{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.evidence.evidence-story .evidence-ratio-fact{
grid-column:1/-1;
padding-left:0;
border-left:0;
border-top:1px solid rgba(122,101,100,.18);
}
.evidence.evidence-story .evidence-ratio-fact p{max-width:52ch}
}
@media(max-width:560px){
.evidence.evidence-story{
margin-top:28px;
padding:24px 20px 26px;
border-radius:14px;
}
.evidence.evidence-story .eyebrow{margin-bottom:18px}
.evidence.evidence-story .evidence-facts-row{grid-template-columns:1fr}
.evidence.evidence-story .evidence-fact,
.evidence.evidence-story .evidence-fact + .evidence-fact{
padding:20px 0;
border-left:0;
border-top:1px solid rgba(122,101,100,.18);
}
.evidence.evidence-story .evidence-fact:first-child{border-top:0}
.evidence.evidence-story .evidence-fact p{max-width:none}
.evidence.evidence-story .evidence-inline-number,
.evidence.evidence-story .evidence-inline-number.compact{font-size:46px}
.evidence.evidence-story .evidence-ratio-fact strong{font-size:38px}
.evidence.evidence-story .evidence-research{font-size:16px}
.evidence.evidence-story .evidence-outcome{
grid-template-columns:1fr;
gap:16px;
}
.evidence.evidence-story .evidence-outcome-copy{font-size:20px}
.evidence.evidence-story .evidence-money{font-size:78px}
.evidence.evidence-story .evidence-source{font-size:11px}
}
/* ===== Sep 28 polish pass: readability, internal pages, visual rhythm ===== */
/* Footer wordmark: keep the mark anchored, lift the wording itself slightly. */
.site-footer .footer-brand .brand span{
display:inline-block;
transform:translateY(-10%);
}
/* Evidence outcome: keep the £8,377 visually attached to its sentence. */
.evidence.evidence-story .evidence-outcome{
display:block!important;
margin-top:clamp(26px,3vw,36px)!important;
padding-top:clamp(24px,2.8vw,32px)!important;
}
.evidence.evidence-story .evidence-outcome .eyebrow{margin-bottom:10px!important}
.evidence.evidence-story .evidence-outcome-copy{
margin:0 0 2px!important;
font-size:22px!important;
}
.evidence.evidence-story .evidence-money{
margin:0 0 4px!important;
line-height:.92!important;
}
.evidence.evidence-story .evidence-outcome-note{
margin-top:0!important;
}
/* Give the middle of the homepage a deliberate visual pause instead of an uninterrupted wall of copy. */
.visual-pause{
position:relative;
min-height:clamp(300px,34vw,500px);
display:flex;
align-items:flex-end;
overflow:hidden;
background:#d7d2cb url('assets/hero.png') center 72% / cover no-repeat;
border-block:1px solid #ded5ce;
}
.visual-pause-shade{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(35,45,60,.68) 0%,rgba(35,45,60,.38) 42%,rgba(35,45,60,.05) 75%);
}
.visual-pause-copy{
position:relative;
z-index:1;
padding-block:clamp(42px,6vw,78px);
color:#fffaf5;
}
.visual-pause-copy .eyebrow{color:#f7eee8;margin-bottom:14px}
.visual-pause-copy h2{
max-width:780px;
font-size:clamp(42px,5.7vw,78px);
line-height:.98;
color:#fffaf5;
text-wrap:balance;
}
.visual-pause-copy p:last-child{
max-width:650px;
margin-top:20px;
font-size:clamp(17px,1.6vw,22px);
line-height:1.5;
color:#f5eee8;
}
/* Let the human-support imagery do more visual work lower down the page. */
@media(min-width:1050px){
.people{grid-template-columns:27% 73%!important;padding-block:78px!important}
.team{gap:18px!important}
.team img{height:clamp(230px,18vw,330px)!important;border-radius:6px 52px 6px 6px;box-shadow:0 14px 30px rgba(52,45,45,.08)}
.team article:nth-child(even) img{border-radius:52px 6px 6px 6px}
.team h3{font-size:18px!important;margin-top:12px!important}
.team p{font-size:15px!important}
}
/* Internal/auxiliary pages: use the desktop canvas instead of a narrow article column. */
@media(min-width:1050px){
.page-body .site-header-light header,
.page-body .page-hero > .wrap,
.page-body .content-shell,
.page-body .site-footer .footer-grid,
.page-body .site-footer .footer-contactline,
.page-body .site-footer .footer-bottom{
width:calc(100vw - 96px)!important;
max-width:none!important;
margin-inline:auto!important;
}
.page-body .page-hero{
padding:92px 0 84px!important;
}
.page-body .page-hero-grid{
grid-template-columns:minmax(0,1.7fr) minmax(320px,.65fr)!important;
gap:clamp(48px,6vw,110px)!important;
align-items:end!important;
}
.page-body .page-hero h1{
font-size:clamp(76px,7.7vw,132px)!important;
line-height:.91!important;
max-width:1200px!important;
}
.page-body .page-hero .lead{
font-size:clamp(28px,2.4vw,40px)!important;
max-width:980px!important;
margin-top:30px!important;
}
.page-body .page-hero .page-side p{font-size:17px!important;line-height:1.7!important}
.page-body .content-shell{padding:82px 0 96px!important}
.page-body .content-grid{
grid-template-columns:minmax(220px,18%) minmax(0,1fr)!important;
gap:clamp(48px,5vw,96px)!important;
}
.page-body .content-nav p{font-size:12px!important}
.page-body .content-nav a{font-size:15px!important;padding:14px 0!important}
.page-body .prose h2{font-size:clamp(52px,4.5vw,76px)!important;line-height:.98!important}
.page-body .prose h3{font-size:36px!important;line-height:1.08!important}
.page-body .prose h4{font-size:15px!important}
.page-body .prose p,
.page-body .prose li{font-size:18px!important;line-height:1.78!important}
.page-body .prose .smallprint{font-size:14px!important}
.page-body .info-card p,
.page-body .contact-card p,
.page-body .contact-card a{font-size:16px!important}
.page-body .info-card h3{font-size:34px!important}
.page-body .guide-card h3{font-size:32px!important}
.page-body .guide-card p{font-size:15px!important}
}
/* Auxiliary-page header brand should be exactly the same treatment as the home-page header. */
.site-header-light header .brand{
font-family:'Times New Roman',Times,serif!important;
font-weight:400!important;
letter-spacing:-.035em!important;
}
@media(min-width:1050px){
.site-header-light header .brand{font-size:30px!important;transform:translateY(-15%)!important}
.site-header-light header .brand img{width:50px!important;height:50px!important}
}
@media(min-width:651px) and (max-width:1049px){
.site-header-light header .brand{font-size:21px!important;transform:translateY(-15%)!important}
.site-header-light header .brand img{width:39px!important;height:auto!important}
}
@media(max-width:650px){
.site-header-light header .brand{font-size:23px!important;transform:none!important}
.site-header-light header .brand img{width:34px!important;height:40px!important}
.visual-pause{min-height:440px;background-position:64% center}
.visual-pause-shade{background:linear-gradient(90deg,rgba(35,45,60,.76),rgba(35,45,60,.42) 70%,rgba(35,45,60,.18))}
.visual-pause-copy{padding-block:48px}
.visual-pause-copy h2{font-size:44px;max-width:92%}
.visual-pause-copy p:last-child{font-size:17px;max-width:88%}
}
/* ===== Sept 2026 refinement round ===== */
.site-footer .footer-brand .brand span{transform:translateY(-20%)!important;}
.evidence.evidence-story .evidence-money{letter-spacing:.025em!important;}
/* New breathing image */
.visual-pause{background:#d7d2cb url('assets/garden-breathing.png') center center / cover no-repeat!important;min-height:clamp(340px,36vw,540px)!important;}
.visual-pause-shade{background:linear-gradient(90deg,rgba(35,45,60,.70) 0%,rgba(35,45,60,.44) 44%,rgba(35,45,60,.10) 76%)!important;}
.visual-pause-copy{padding-block:clamp(48px,6vw,84px)!important;}
.visual-pause-copy h2{max-width:820px!important;}
/* Rebuild the outcome section using the calmer two-column departmental layout. */
.outcomes-feature{background:#232d3c!important;color:#f7f3ec!important;}
.outcomes-feature .department-grid>div:first-child p:not(.eyebrow){margin-top:18px;font-size:16px;line-height:1.65;max-width:420px;color:#dce0e4;}
.outcomes-feature .department-card{min-height:0!important;}
.outcomes-feature .department-card h3{font-size:32px!important;line-height:1.05!important;}
.outcomes-feature .department-card p{font-size:14px!important;line-height:1.62!important;color:#e4e6e8!important;}
.outcomes-feature .department-foot{color:#d4d9de!important;}
/* Human support section: cleaner without the extra text-link/disclosure clutter. */
.people-right{padding-top:6px;}
/* Closing section image placement and quality */
.closing{grid-template-columns:39% 61%!important;align-items:center!important;gap:20px!important;min-height:0!important;padding-block:38px 46px!important;}
.closing-copy{padding-left:26px!important;min-height:172px;display:flex;flex-direction:column;justify-content:center;}
.closing-copy>p{max-width:72%!important;font-size:18px!important;line-height:1.5!important;}
.closing .actions{align-items:center;flex-wrap:wrap;}
.closing .text-link{font-size:18px!important;text-underline-offset:6px!important;}
.closing .button{font-size:24px!important;padding:18px 25px!important;min-height:70px!important;}
.tea{right:0!important;top:12px!important;width:25%!important;height:150px!important;object-fit:cover!important;object-position:center center!important;border-radius:999px!important;transform:none!important;box-shadow:0 18px 36px rgba(53,47,47,.12)!important;border:1px solid rgba(206,194,188,.9)!important;}
/* Auxiliary pages - even wider and larger title/content on desktop. */
@media(min-width:1050px){
.page-body .site-header-light header,
.page-body .page-hero > .wrap,
.page-body .content-shell,
.page-body .site-footer .footer-grid,
.page-body .site-footer .footer-contactline,
.page-body .site-footer .footer-bottom{width:calc(100vw - 72px)!important;}
.page-body .content-grid{grid-template-columns:minmax(240px,18%) minmax(0,1fr)!important;gap:clamp(56px,6vw,112px)!important;}
.page-body .page-hero h1{font-size:clamp(84px,8.5vw,142px)!important;}
.page-body .page-hero .lead{font-size:clamp(31px,2.7vw,44px)!important;}
.page-body .prose h2{font-size:clamp(58px,5vw,82px)!important;}
.page-body .prose h3{font-size:40px!important;}
.page-body .prose p,.page-body .prose li{font-size:19px!important;}
.site-header-light header .brand{font-size:30px!important;transform:none!important;align-items:baseline!important;}
.site-header-light header .brand img{width:50px!important;height:50px!important;transform:translateY(-20%)!important;}
}
@media(min-width:651px) and (max-width:1049px){
.site-header-light header .brand{transform:none!important;align-items:baseline!important;}
.site-header-light header .brand img{transform:translateY(-18%)!important;}
.closing-copy>p{max-width:78%!important;}
.tea{width:28%!important;height:130px!important;}
}
@media(max-width:650px){
.visual-pause{background-position:68% center!important;}
.closing{padding-bottom:34px!important;}
.closing-copy{min-height:0;padding-left:0!important;}
.closing-copy>p{max-width:100%!important;font-size:17px!important;}
.closing .text-link{font-size:16px!important;}
.tea{position:relative!important;top:auto!important;right:auto!important;width:100%!important;height:180px!important;margin-top:22px;border-radius:28px!important;}
}
/* ===== Parallax refinement ===== */
.parallax-break{position:relative;overflow:hidden;background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;border-block:1px solid #ddd2cc;}
.parallax-break-1{background-image:url('assets/break1.png')!important;}
.parallax-break-2{background-image:url('assets/break2.png')!important;min-height:260px;display:flex;align-items:flex-end;}
.parallax-break-2 .parallax-break-inner{position:relative;z-index:1;padding:34px 0 30px;color:#fffaf4;}
.parallax-break-2 .eyebrow{color:#f6efe8;margin-bottom:12px;}
.parallax-break-2 h2{max-width:680px;color:#fffaf4;font-size:clamp(34px,4.4vw,64px);line-height:.98;}
.parallax-break-2::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,45,60,.68) 0%,rgba(35,45,60,.36) 48%,rgba(35,45,60,.08) 78%);}
@media(min-width:1050px){
.parallax-break,.visual-pause{background-attachment:fixed!important;}
.parallax-break-2{min-height:320px;}
}
@media(max-width:1049px){
.parallax-break,.visual-pause{background-attachment:scroll!important;}
}
/* Make the 'If a review finds an issue' block feel like the two-departments section layout. */
.outcomes-feature{background:#232d3c!important;color:#f7f3ec!important;padding-block:68px!important;}
.outcomes-feature .department-grid{display:grid;grid-template-columns:42% 58%;gap:42px;align-items:start;}
.outcomes-feature .department-grid>div:first-child p:last-child{margin-top:20px;font-size:13px;line-height:1.6;max-width:390px;color:#dcdfe3;}
.outcomes-feature .department-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.outcomes-feature .department-card{border:1px solid #ffffff40;padding:25px;min-height:240px;background:#ffffff09!important;}
.outcomes-feature .department-card .eyebrow{color:#f0e4e4;}
.outcomes-feature .department-card h3{font-size:36px!important;line-height:1.02!important;color:#f7f3ec!important;}
.outcomes-feature .department-card p{font-size:13px!important;line-height:1.6!important;margin-top:16px;color:#e2e3e6!important;}
.outcomes-feature .department-foot{grid-column:1/-1;border-top:1px solid #ffffff35;padding-top:15px;font-size:11px;color:#d4d7dc!important;}
/* Closing section: cleaner composition now that the image lives in a parallax band. */
.closing{grid-template-columns:minmax(0,1fr) minmax(380px,520px)!important;gap:52px!important;align-items:center!important;padding-block:54px 60px!important;min-height:0!important;}
.closing h2{font-size:clamp(52px,6vw,92px)!important;line-height:.93!important;}
.closing-copy{border-left:1px solid #b9b0aa!important;padding-left:28px!important;min-height:0!important;display:block!important;}
.closing-copy>p{font-size:18px!important;line-height:1.5!important;max-width:100%!important;color:#56606d!important;}
.closing .actions{margin-top:26px!important;gap:20px!important;align-items:center!important;flex-wrap:wrap!important;}
.closing .button{font-size:22px!important;padding:18px 26px!important;min-height:74px!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(35,45,60,.10)!important;}
.closing .text-link{font-size:18px!important;text-underline-offset:6px!important;}
.tea{display:none!important;}
@media(max-width:1049px){
.outcomes-feature .department-grid{grid-template-columns:1fr!important;}
.closing{grid-template-columns:1fr!important;gap:24px!important;}
}
@media(max-width:650px){
.parallax-break-2{min-height:220px;}
.parallax-break-2 h2{font-size:40px;}
.closing h2{font-size:48px!important;}
.closing-copy{border-left:0!important;padding-left:0!important;}
}
/* ===== Premium editorial polish pass ===== */
:root{
--hr-ink:#232d3c;
--hr-muted:#5d6875;
--hr-paper:#f7f3ec;
--hr-blush:#f0e4e4;
--hr-line:#d7ccc5;
--hr-soft:#fbf7f1;
}
/* More deliberate vertical rhythm on desktop without making mobile feel endless. */
@media(min-width:1050px){
.section{padding-block:88px!important;}
.wrap{width:min(92%,1440px)!important;max-width:1440px!important;}
}
/* Eyebrows should read as editorial section markers rather than tiny utility text. */
.eyebrow{font-weight:650;letter-spacing:.16em;color:#68727e;}
@media(min-width:1050px){.eyebrow{font-size:12px!important;}}
/* Reassurance: stronger hierarchy, softer dividing rules. */
.reassurance{align-items:start;gap:clamp(42px,5vw,86px)!important;}
.reassurance-copy{border-left:1px solid #d0c5bf!important;padding-left:clamp(28px,3vw,48px)!important;}
.reassurance dl>div{padding-bottom:24px!important;margin-bottom:24px!important;border-color:#d8cec8!important;}
.reassurance dt{font-size:clamp(24px,2vw,31px)!important;line-height:1.08!important;}
.reassurance dd{font-size:clamp(16px,1.25vw,19px)!important;line-height:1.65!important;color:#56616e!important;}
/* Parallax break after reassurance: more cinematic, less like a banner. */
.parallax-break-1{min-height:clamp(390px,38vw,590px)!important;border:0!important;}
.parallax-break-1 .visual-pause-shade{background:linear-gradient(90deg,rgba(35,45,60,.72) 0%,rgba(35,45,60,.45) 38%,rgba(35,45,60,.10) 72%)!important;}
.parallax-break-1 .visual-pause-copy{padding-block:clamp(64px,8vw,110px)!important;}
.parallax-break-1 .visual-pause-copy h2{max-width:900px!important;font-size:clamp(48px,5.9vw,86px)!important;line-height:.95!important;}
.parallax-break-1 .visual-pause-copy p:last-child{max-width:700px!important;font-size:clamp(18px,1.65vw,24px)!important;}
/* Reasons: turn the grid into a premium editorial card system. */
.reasons{padding-top:96px!important;}
.reasons-intro{gap:clamp(40px,5vw,90px)!important;margin-bottom:46px!important;align-items:start!important;}
.reasons-intro>div+div{border-left:1px solid #d5cac4!important;padding-left:34px!important;max-width:650px!important;}
.reasons-intro p:not(.eyebrow){font-size:18px!important;line-height:1.72!important;color:#56616e!important;}
.reasons-grid{gap:18px!important;}
.reasons-grid article{background:linear-gradient(145deg,#f7ece8,#f1e5e1)!important;border:1px solid #dfd2cc!important;border-radius:10px 66px 10px 10px!important;box-shadow:0 16px 38px rgba(66,52,52,.055)!important;}
.reasons-grid article:nth-child(even){border-radius:66px 10px 10px 10px!important;}
.reasons-grid article:hover{transform:translateY(-5px)!important;box-shadow:0 22px 45px rgba(66,52,52,.09)!important;}
.reasons-grid h3{font-size:clamp(28px,2vw,34px)!important;}
.reasons-grid p{font-size:17px!important;line-height:1.62!important;}
.reason-link{font-size:14px!important;font-weight:600!important;text-underline-offset:5px!important;}
/* Evidence: make it feel like one considered editorial panel. */
.evidence.evidence-story{border:1px solid #decfca!important;border-radius:28px!important;padding:clamp(30px,4vw,58px)!important;box-shadow:0 20px 55px rgba(61,47,47,.055)!important;}
.evidence.evidence-story .evidence-facts-row{gap:0!important;}
.evidence.evidence-story .evidence-fact{padding:8px 30px 8px 0!important;}
.evidence.evidence-story .evidence-fact + .evidence-fact{padding-left:30px!important;}
.evidence.evidence-story .evidence-inline-number{font-size:clamp(48px,4.1vw,70px)!important;}
.evidence.evidence-story .evidence-ratio-fact strong{font-size:clamp(34px,3vw,50px)!important;}
.evidence.evidence-story .evidence-fact p,.evidence.evidence-story .evidence-research{font-size:17px!important;line-height:1.55!important;}
.evidence.evidence-story .evidence-outcome{border-top:1px solid #daccc7!important;margin-top:34px!important;padding-top:30px!important;}
.evidence.evidence-story .evidence-outcome-copy{font-size:24px!important;}
.evidence.evidence-story .evidence-money{font-size:clamp(88px,9vw,150px)!important;letter-spacing:.035em!important;}
.evidence.evidence-story .evidence-outcome-note{font-size:17px!important;}
/* HRP explainer: stronger editorial contrast and whitespace. */
.explainer-band{background:linear-gradient(135deg,#efe0df 0%,#f5e9e6 58%,#f7f3ec 100%)!important;}
.explainer-grid{gap:clamp(50px,6vw,100px)!important;align-items:center!important;}
.explainer-copy>p{font-size:18px!important;line-height:1.72!important;}
.explainer-facts{margin-top:34px!important;border-color:#cdbfba!important;}
.explainer-facts div{padding:24px!important;border-color:#cdbfba!important;background:rgba(255,255,255,.18);}
.explainer-facts strong{font-size:31px!important;}
.explainer-facts span{font-size:14px!important;line-height:1.55!important;}
/* Service section: cleaner timeline/list treatment. */
.service-section{background:#fbf8f3!important;border-top:0!important;}
.service-grid{gap:clamp(50px,6vw,100px)!important;}
.service-copy>p{font-size:19px!important;line-height:1.7!important;}
.service-list{border-top:1px solid #cfc4bd!important;}
.service-list li{grid-template-columns:58px 1fr!important;padding:25px 0!important;border-color:#d4cac3!important;}
.service-list span{font-size:12px!important;letter-spacing:.14em!important;padding-top:5px;}
.service-list strong{font-size:29px!important;}
.service-list p{font-size:16px!important;line-height:1.6!important;}
/* Journey: more space, more tactile card, easier elderly reading. */
.journey{grid-template-columns:34% 66%!important;gap:42px!important;padding-block:90px!important;}
.journey h2{font-size:clamp(54px,5.2vw,78px)!important;}
.steps button{font-size:17px!important;padding:13px 0!important;}
.step-card{border-radius:18px 112px 18px 18px!important;padding:42px!important;min-height:430px!important;box-shadow:0 20px 48px rgba(65,49,49,.08)!important;background:linear-gradient(145deg,#ebd9d8,#f2e5e2)!important;}
.step-card h3{font-size:44px!important;max-width:82%!important;}
.responsibilities{width:72%!important;gap:24px!important;margin-top:34px!important;}
.responsibilities h4{font-size:14px!important;letter-spacing:.1em;}
.responsibilities p{font-size:17px!important;line-height:1.55!important;}
.missing{width:72%!important;padding:19px 18px!important;margin-top:28px!important;}
.missing strong{font-size:17px!important;}
.missing p{font-size:16px!important;}
.timeline-note{font-size:16px!important;line-height:1.6!important;border-radius:14px!important;padding:20px 22px!important;margin-top:18px!important;}
/* Outcome section: polished dark editorial block. */
.outcomes-feature{padding-block:90px!important;}
.outcomes-feature .department-grid{gap:clamp(50px,6vw,100px)!important;}
.outcomes-feature .department-grid>div:first-child p:last-child{font-size:17px!important;line-height:1.7!important;max-width:480px!important;}
.outcomes-feature .department-cards{gap:18px!important;}
.outcomes-feature .department-card{padding:30px!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;min-height:250px!important;}
.outcomes-feature .department-card h3{font-size:38px!important;}
.outcomes-feature .department-card p{font-size:16px!important;line-height:1.65!important;}
.outcomes-feature .department-foot{font-size:14px!important;line-height:1.55!important;padding-top:20px!important;}
/* Human support: let portraits feel like editorial photography, not cards. */
.people{border-top:0!important;}
.team{gap:22px!important;}
.team-role-card{background:transparent!important;}
.team img{height:clamp(270px,19vw,360px)!important;border-radius:12px 72px 12px 12px!important;box-shadow:0 18px 42px rgba(61,49,49,.09)!important;}
.team article:nth-child(even) img{border-radius:72px 12px 12px 12px!important;}
.team h3{font-family:'Times New Roman',Times,serif!important;font-size:25px!important;margin-top:16px!important;}
.team p{font-size:16px!important;line-height:1.5!important;}
.team-note{font-size:14px!important;color:#6b7480!important;}
/* Guides: soften the grid, preserve discoverability. */
.guides-section{background:#fbf8f3!important;border-top:0!important;}
.guide-feature-grid{gap:48px!important;align-items:start!important;}
.guide-feature-grid>div:last-child{border:0!important;gap:16px!important;}
.guide-card{border:1px solid #ddd2cc!important;border-radius:12px 56px 12px 12px!important;min-height:230px!important;background:#f7f3ec!important;box-shadow:0 12px 32px rgba(65,50,50,.045)!important;padding:28px!important;}
.guide-card:nth-child(even){border-radius:56px 12px 12px 12px!important;}
.guide-card:hover{background:#f0e4e4!important;transform:translateY(-4px)!important;}
.guide-card span{font-size:11px!important;font-weight:700!important;}
.guide-card h3{font-size:31px!important;margin:25px 0 12px!important;}
.guide-card p,.guide-card b{font-size:15px!important;line-height:1.55!important;}
/* FAQ: more comfortable target sizes and less compressed text. */
.faq{padding-block:82px!important;}
.faq-grid{gap:48px!important;}
.faq-grid>div+div{border-left:0!important;padding-left:0!important;}
.faq details{padding:20px 20px!important;margin-bottom:9px!important;border:1px solid #d8cbc5!important;border-radius:12px!important;background:rgba(255,255,255,.34)!important;}
.faq summary{font-size:18px!important;line-height:1.35!important;font-weight:600!important;}
.faq details p{font-size:17px!important;line-height:1.65!important;margin-top:14px!important;}
/* Closing parallax and CTA: upscale and spacious. */
.parallax-break-2{min-height:360px!important;}
.parallax-break-2 .parallax-break-inner{padding:50px 0 42px!important;}
.closing{padding-block:72px 76px!important;}
.closing-copy>p{font-size:19px!important;}
.closing .button{font-size:24px!important;padding:19px 28px!important;}
/* Subtle link motion that feels intentional. */
.reason-link,.text-link,.guide-card b{transition:opacity .2s ease,transform .2s ease;}
.reason-link:hover,.text-link:hover{opacity:.72;}
@media(max-width:1049px){
.section{padding-block:60px!important;}
.journey{grid-template-columns:1fr!important;gap:34px!important;padding-block:64px!important;}
.responsibilities,.missing{width:100%!important;}
.step-card h3{max-width:100%!important;}
.reasons-intro{grid-template-columns:1fr!important;}
.reasons-intro>div+div{border-left:0!important;padding-left:0!important;}
}
@media(max-width:650px){
.section{padding-block:52px!important;}
.reassurance{gap:28px!important;}
.reassurance-copy{border-left:0!important;padding-left:0!important;}
.parallax-break-1{min-height:470px!important;}
.evidence.evidence-story{border-radius:20px!important;padding:24px 20px!important;}
.service-list li{grid-template-columns:42px 1fr!important;}
.step-card{padding:28px 22px!important;border-radius:16px 70px 16px 16px!important;min-height:0!important;}
.step-card h3{font-size:34px!important;}
.team img{height:220px!important;}
.guide-card{min-height:0!important;}
.faq details{padding:18px 16px!important;}
}
/* ===== Premium readability revamp - Sep 2026 ===== */
.home-page{font-size:18px;line-height:1.62;}
.home-page .wrap{width:min(90%,1480px);max-width:1480px;}
.home-page .section{padding-block:clamp(72px,7vw,112px);}
.home-page .eyebrow{font-size:14px!important;line-height:1.3;letter-spacing:.12em;margin-bottom:24px!important;color:#5e6875;}
.home-page h2{font-size:clamp(54px,5.8vw,92px);line-height:.96;}
.home-page h3{font-size:clamp(28px,2.3vw,39px);}
/* Header/hero remain spacious, but everything is easier to read. */
.home-page header nav{font-size:18px!important;}
.home-page .header-check{font-size:20px!important;min-height:64px;padding:18px 27px!important;}
.home-page .hero-description{font-size:19px!important;line-height:1.55;max-width:720px!important;}
.home-page .hero-tagline{font-size:clamp(34px,3.4vw,54px)!important;max-width:760px!important;}
/* Four key reassurance cards */
.home-page .trust-strip{padding:26px 0 30px!important;}
.home-page .trust-strip .wrap{gap:18px!important;}
.home-page .trust-item{padding:26px 27px 28px!important;font-size:18px!important;line-height:1.5!important;min-height:170px!important;}
.home-page .trust-item strong{font-size:27px!important;line-height:1.05!important;margin-bottom:12px!important;}
.home-page .trust-item a{font-size:18px!important;}
/* Reassurance */
.home-page .reassurance{grid-template-columns:42% 58%!important;gap:48px!important;}
.home-page .reassurance h2{font-size:clamp(62px,6.2vw,96px)!important;}
.home-page .reassurance-copy{padding-left:42px!important;}
.home-page .reassurance dl>div{grid-template-columns:47% 53%!important;gap:28px!important;padding:0 0 28px!important;margin-bottom:28px!important;}
.home-page .reassurance dt{font-size:27px!important;line-height:1.15!important;}
.home-page .reassurance dd{font-size:19px!important;line-height:1.6!important;}
/* Reasons */
.home-page .reasons-intro{gap:56px!important;margin-bottom:48px!important;}
.home-page .reasons-intro h2{font-size:clamp(58px,5.8vw,88px)!important;}
.home-page .reasons-intro p:not(.eyebrow){font-size:19px!important;line-height:1.65!important;}
.home-page .reasons-grid{gap:18px!important;}
.home-page .reasons-grid article{padding:30px 30px 32px!important;min-height:280px!important;}
.home-page .reasons-grid article>span{width:42px!important;height:42px!important;font-size:14px!important;}
.home-page .reasons-grid h3{font-size:31px!important;}
.home-page .reasons-grid p{font-size:18px!important;line-height:1.58!important;}
.home-page .reasons-grid .reason-link{font-size:16px!important;padding-top:20px!important;}
/* Evidence - nothing tiny. */
.home-page .evidence.evidence-story{padding:clamp(42px,5vw,72px)!important;}
.home-page .evidence.evidence-story .evidence-inline-number{font-size:clamp(58px,5vw,84px)!important;}
.home-page .evidence.evidence-story .evidence-ratio-fact strong{font-size:clamp(45px,4vw,68px)!important;}
.home-page .evidence.evidence-story .evidence-fact p{font-size:18px!important;line-height:1.55!important;}
.home-page .evidence.evidence-story .evidence-kicker{font-size:17px!important;}
.home-page .evidence.evidence-story .evidence-research{font-size:20px!important;line-height:1.6!important;}
.home-page .evidence.evidence-story .evidence-outcome-copy{font-size:25px!important;}
.home-page .evidence.evidence-story .evidence-outcome-note{font-size:18px!important;}
.home-page .evidence.evidence-story .evidence-money{font-size:clamp(100px,9vw,155px)!important;}
.home-page .evidence.evidence-story .evidence-source{font-size:14px!important;}
/* HRP explainer */
.home-page .explainer-grid{grid-template-columns:40% 60%!important;gap:64px!important;}
.home-page .explainer-grid h2{font-size:clamp(58px,5.5vw,88px)!important;}
.home-page .explainer-copy>p{font-size:19px!important;line-height:1.75!important;margin-bottom:22px!important;}
.home-page .explainer-copy>.button{font-size:19px!important;padding:18px 24px!important;}
.home-page .explainer-facts{margin-top:34px!important;}
.home-page .explainer-facts div{padding:24px!important;}
.home-page .explainer-facts strong{font-size:30px!important;}
.home-page .explainer-facts span{font-size:16px!important;line-height:1.5!important;}
/* Service section */
.home-page .service-grid{grid-template-columns:40% 60%!important;gap:64px!important;}
.home-page .service-grid h2{font-size:clamp(60px,5.8vw,92px)!important;}
.home-page .service-copy>p{font-size:19px!important;line-height:1.7!important;}
.home-page .service-list li{grid-template-columns:52px 1fr!important;gap:18px!important;padding:23px 0!important;}
.home-page .service-list span{font-size:14px!important;}
.home-page .service-list strong{font-size:28px!important;}
.home-page .service-list p{font-size:17px!important;line-height:1.6!important;}
/* Journey */
.home-page .journey{grid-template-columns:34% 66%!important;gap:30px!important;}
.home-page .journey h2{font-size:clamp(60px,5.8vw,90px)!important;}
.home-page .steps button{font-size:19px!important;padding:13px 0!important;}
.home-page .steps button span{font-size:17px!important;}
.home-page .step-card{min-height:520px!important;padding:42px!important;}
.home-page .step-card h3{font-size:clamp(38px,3.2vw,54px)!important;max-width:80%;}
.home-page .responsibilities h4{font-size:16px!important;}
.home-page .responsibilities p{font-size:18px!important;line-height:1.55!important;}
.home-page .missing{font-size:18px!important;padding:22px 20px!important;}
.home-page .missing p{font-size:17px!important;}
.home-page .timeline-note{font-size:17px!important;line-height:1.6!important;padding:22px 24px!important;}
.home-page .timeline-note strong{font-size:24px!important;}
/* Outcome section */
.home-page .outcomes-feature{padding-block:90px!important;}
.home-page .outcomes-feature .department-grid{grid-template-columns:36% 64%!important;gap:70px!important;}
.home-page .outcomes-feature .department-grid>div:first-child p:last-child{font-size:18px!important;line-height:1.65!important;max-width:500px!important;}
.home-page .outcomes-feature .department-card{padding:32px!important;min-height:280px!important;}
.home-page .outcomes-feature .department-card h3{font-size:38px!important;}
.home-page .outcomes-feature .department-card p{font-size:17px!important;line-height:1.6!important;}
.home-page .outcomes-feature .department-foot{font-size:15px!important;line-height:1.5!important;}
/* Human support */
.home-page .people{grid-template-columns:25% 75%!important;gap:38px!important;}
.home-page .people h2{font-size:clamp(54px,5vw,78px)!important;}
.home-page .team{gap:22px!important;}
.home-page .team img{height:clamp(260px,19vw,360px)!important;}
.home-page .team h3{font-size:22px!important;}
.home-page .team p{font-size:17px!important;line-height:1.5!important;}
.home-page .team-note{font-size:16px!important;}
/* Guides */
.home-page .guide-feature-grid{grid-template-columns:28% 72%!important;gap:48px!important;}
.home-page .guide-feature-grid h2{font-size:clamp(60px,5.6vw,88px)!important;}
.home-page .faq-intro{font-size:18px!important;line-height:1.55!important;max-width:310px!important;}
.home-page .faq-more .text-link{font-size:18px!important;}
.home-page .guide-card{min-height:260px!important;padding:30px!important;}
.home-page .guide-card span{font-size:14px!important;}
.home-page .guide-card h3{font-size:32px!important;}
.home-page .guide-card p{font-size:17px!important;line-height:1.55!important;}
.home-page .guide-card b{font-size:16px!important;}
/* FAQ */
.home-page .faq{padding-block:88px!important;}
.home-page .faq-grid{grid-template-columns:31% 69%!important;gap:42px!important;}
.home-page .faq h2{font-size:clamp(64px,6vw,92px)!important;}
.home-page .faq details{font-size:20px!important;padding:19px 18px!important;}
.home-page .faq details p{font-size:18px!important;line-height:1.62!important;}
.home-page .faq summary:after{font-size:27px!important;top:-3px!important;}
/* More frequent visual breathing spaces. */
.home-page .parallax-break{min-height:clamp(340px,33vw,520px)!important;display:flex;align-items:center;background-size:cover!important;background-repeat:no-repeat!important;position:relative;}
.home-page .parallax-break-1{background-image:url('assets/break1.png')!important;background-position:center 45%!important;}
.home-page .parallax-break-2{background-image:url('assets/break2.png')!important;background-position:center 48%!important;}
.home-page .parallax-break-3{background-image:url('assets/hero.png')!important;background-position:center 52%!important;}
.home-page .parallax-overlay,.home-page .visual-pause-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,45,60,.72) 0%,rgba(34,45,60,.42) 48%,rgba(34,45,60,.08) 78%)!important;}
.home-page .parallax-copy,.home-page .visual-pause-copy{position:relative;z-index:1;color:#fffaf4;padding-block:58px!important;}
.home-page .parallax-copy h2,.home-page .visual-pause-copy h2{font-size:clamp(50px,5vw,82px)!important;line-height:.96!important;max-width:860px!important;color:#fffaf4!important;}
.home-page .parallax-copy p:last-child,.home-page .visual-pause-copy p:last-child{font-size:21px!important;line-height:1.55!important;max-width:720px!important;color:#fffaf4!important;margin-top:20px!important;}
.home-page .parallax-copy .eyebrow,.home-page .visual-pause-copy .eyebrow{color:#fffaf4!important;}
.home-page .parallax-copy-right{margin-left:auto;text-align:left;max-width:760px;}
@media(min-width:1050px){.home-page .parallax-break{background-attachment:fixed!important;}}
/* Stronger closing CTA - the part the user liked. */
.home-page .closing{grid-template-columns:55% 45%!important;gap:64px!important;padding-block:90px 98px!important;}
.home-page .closing h2{font-size:clamp(72px,7vw,118px)!important;line-height:.90!important;letter-spacing:-.055em!important;}
.home-page .closing-copy{padding-left:38px!important;}
.home-page .closing-copy>p{font-size:23px!important;line-height:1.5!important;max-width:540px!important;}
.home-page .closing .actions{margin-top:34px!important;gap:28px!important;}
.home-page .closing .button{font-size:29px!important;padding:22px 31px!important;min-height:84px!important;border-radius:15px!important;}
.home-page .closing .text-link{font-size:22px!important;}
/* Footer - no tiny type. */
.home-page .site-footer .footer-grid{padding-block:56px 40px!important;gap:48px!important;}
.home-page .site-footer .footer-brand .brand{font-size:34px!important;}
.home-page .site-footer .footer-brand>p{font-size:16px!important;line-height:1.65!important;max-width:380px!important;}
.home-page .site-footer .footer-col h3{font-size:15px!important;letter-spacing:.11em!important;}
.home-page .site-footer .footer-col a{font-size:16px!important;line-height:1.55!important;margin:9px 0!important;}
.home-page .footer-contactline{font-size:15px!important;gap:14px!important;padding-block:20px!important;}
.home-page .footer-bottom{padding-block:24px 30px!important;}
.home-page .footer-bottom p{font-size:13px!important;line-height:1.55!important;max-width:940px!important;}
.home-page .footer-identifiers{font-size:13px!important;}
@media(max-width:1049px){
.home-page .reassurance,.home-page .journey,.home-page .people,.home-page .faq-grid,.home-page .closing,.home-page .explainer-grid,.home-page .service-grid,.home-page .outcomes-feature .department-grid,.home-page .guide-feature-grid{grid-template-columns:1fr!important;}
.home-page .trust-strip .wrap{grid-template-columns:1fr 1fr!important;}
.home-page .reassurance-copy,.home-page .closing-copy{border-left:0!important;padding-left:0!important;}
.home-page .team{grid-template-columns:1fr 1fr!important;}
.home-page .parallax-break{background-attachment:scroll!important;}
}
@media(max-width:650px){
.home-page{font-size:17px;}
.home-page .trust-strip .wrap{grid-template-columns:1fr!important;}
.home-page .trust-item{min-height:0!important;font-size:17px!important;}
.home-page .reassurance dt{font-size:25px!important;}
.home-page .reassurance dd{font-size:17px!important;}
.home-page .reasons-grid{grid-template-columns:1fr!important;}
.home-page .reasons-grid p{font-size:17px!important;}
.home-page .evidence.evidence-story .evidence-fact p{font-size:17px!important;}
.home-page .journey h2,.home-page .closing h2{font-size:54px!important;}
.home-page .step-card{min-height:0!important;padding:28px 22px!important;}
.home-page .step-card h3{max-width:100%!important;font-size:38px!important;}
.home-page .responsibilities{width:100%!important;grid-template-columns:1fr!important;}
.home-page .responsibilities>div+div{border-left:0!important;padding-left:0!important;border-top:1px solid #b7aba9;padding-top:18px!important;}
.home-page .team{grid-template-columns:1fr!important;}
.home-page .team img{height:auto!important;aspect-ratio:1/1;}
.home-page .guide-feature-grid>div:last-child{grid-template-columns:1fr!important;}
.home-page .closing .button{font-size:23px!important;}
.home-page .closing .text-link{font-size:19px!important;}
.home-page .site-footer .footer-grid{grid-template-columns:1fr!important;}
.home-page .footer-contactline{font-size:14px!important;line-height:1.7!important;}
.home-page .footer-bottom p{font-size:12.5px!important;}
}
/* ===== HOMEPAGE V5 STYLES (merged from former home-v5.css) ===== */
/* Hampton & Rowe homepage visual rebuild - matches the approved editorial mockup */
body.home-v5{margin:0;overflow-x:hidden;background:#f7f3ec;color:#202b3b;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.5}
body.home-v5 *{box-sizing:border-box}
body.home-v5 h1,body.home-v5 h2,body.home-v5 h3{font-family:'Times New Roman',Times,serif;font-weight:400;color:#202b3b;margin:0}
body.home-v5 p{margin:0}
body.home-v5 a{color:inherit}
body.home-v5 .v5-wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}
body.home-v5 .v5-kicker{font-size:14px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#6b7380;margin:0 0 18px}
body.home-v5 .v5-kicker.light{color:#fff9f1}
body.home-v5 .v5-rule{display:block;width:40px;border-top:1px solid #8f969e;margin-top:22px}
body.home-v5 .v5-btn{display:inline-flex;align-items:center;gap:16px;background:#202b3b;color:#fff;text-decoration:none;font-weight:700;font-size:20px;line-height:1;padding:19px 25px;border-radius:8px;box-shadow:0 8px 22px rgba(32,43,59,.12)}
body.home-v5 .v5-btn:hover{background:#344255}
body.home-v5 .v5-btn-small{font-size:16px;padding:14px 20px}
body.home-v5 .v5-phone{font-size:19px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;white-space:nowrap}
body.home-v5 .v5-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
body.home-v5 .v5-text-link{display:inline-block;margin-top:24px;font-size:17px;text-decoration:underline;text-underline-offset:5px}
/* Header */
body.home-v5 .v5-header{background:#f7f3ec;border-bottom:1px solid #e5ddd6;position:relative;z-index:20}
body.home-v5 .v5-header-inner{height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
body.home-v5 .v5-brand{display:inline-flex;align-items:baseline;gap:9px;text-decoration:none;font-family:'Times New Roman',Times,serif;font-size:29px;line-height:1;white-space:nowrap}
body.home-v5 .v5-brand img{width:47px;height:47px;transform:translateY(8px)}
body.home-v5 .v5-nav{display:flex;justify-content:center;align-items:center;gap:34px}
body.home-v5 .v5-nav a{font-size:16px;text-decoration:none;font-weight:600}
body.home-v5 .menu-toggle{display:none}
/* Hero */
body.home-v5 .v5-hero{position:relative;min-height:520px;background:#e8e5df url('assets/hero.png') center 50%/cover no-repeat;overflow:hidden;border-bottom:1px solid #e2dad3}
body.home-v5 .v5-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,236,.42) 0%,rgba(247,243,236,.15) 50%,rgba(247,243,236,0) 75%)}
body.home-v5 .v5-hero-copy{position:relative;z-index:1;padding-top:38px;padding-bottom:38px}
body.home-v5 .v5-hero h1{font-size:clamp(64px,6.3vw,94px);line-height:.9;letter-spacing:-.045em;max-width:780px}
body.home-v5 .v5-hero-lead{font-family:'Times New Roman',Times,serif;font-size:clamp(28px,2.6vw,42px);line-height:1.08;letter-spacing:-.025em;margin-top:18px;max-width:760px;color:#394353}
body.home-v5 .v5-hero-body{font-size:17px;line-height:1.45;margin-top:14px;max-width:730px;color:#344052}
body.home-v5 .v5-hero .v5-actions{margin-top:20px}
/* Trust cards */
body.home-v5 .v5-trust{background:#f7f3ec;padding:18px 0 24px}
body.home-v5 .v5-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.home-v5 .v5-trust-card{display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:start;padding:19px 20px;background:#fbf8f4;border:1px solid #e4d8d2;border-radius:15px;box-shadow:0 8px 24px rgba(53,44,44,.035)}
body.home-v5 .v5-icon{width:46px;height:46px;display:grid;place-items:center;background:#f2dede;border-radius:50%;font-family:'Times New Roman',Times,serif;font-size:26px;color:#51404a}
body.home-v5 .v5-icon svg{width:24px;height:24px;fill:none;stroke:#51404a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.home-v5 .v5-trust-card h3{font-size:23px;line-height:1.05;margin:2px 0 6px;font-weight:700}
body.home-v5 .v5-trust-card p{font-size:16px;line-height:1.45;color:#5d6674}
body.home-v5 .v5-trust-card a{text-underline-offset:4px}
/* Shared sections */
body.home-v5 .v5-section{padding:64px 0}
body.home-v5 .v5-split{display:grid;grid-template-columns:35% 65%;gap:42px;align-items:start}
body.home-v5 .v5-heading-block h2{font-size:clamp(52px,5.2vw,78px);line-height:.92;letter-spacing:-.04em}
body.home-v5 .v5-heading-block em{font-weight:400}
/* Reassurance */
body.home-v5 .v5-reassurance{padding-top:42px;padding-bottom:55px}
body.home-v5 .v5-reassurance-list{border-left:1px solid #c9c1ba;padding-left:34px}
body.home-v5 .v5-reassurance-row{display:grid;grid-template-columns:32% 1fr 38px;gap:24px;align-items:start;padding:15px 0;border-bottom:1px solid #d2cac3}
body.home-v5 .v5-reassurance-row:first-child{padding-top:0}
body.home-v5 .v5-reassurance-row h3{font-size:22px;line-height:1.15;font-weight:700}
body.home-v5 .v5-reassurance-row p{font-size:16px;line-height:1.5;color:#5d6674}
body.home-v5 .v5-plus{width:30px;height:30px;border:1px solid #afb1b4;border-radius:50%;display:grid;place-items:center;font-size:19px;color:#47505d}
/* Parallax breaks */
body.home-v5 .v5-parallax{position:relative;display:flex;align-items:center;min-height:330px;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}
body.home-v5 .v5-parallax-garden{background-image:url('assets/break1.png');background-position:center 52%}
body.home-v5 .v5-parallax-tea{background-image:url('assets/break2.png');min-height:360px;background-position:center 55%}
body.home-v5 .v5-parallax-hero{background-image:url('assets/hero.png');min-height:340px;background-position:center 44%}
body.home-v5 .v5-parallax-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,38,51,.68) 0%,rgba(29,38,51,.38) 47%,rgba(29,38,51,.05) 76%)}
body.home-v5 .v5-parallax-copy{position:relative;z-index:1;color:#fff;padding-block:40px}
body.home-v5 .v5-parallax-copy h2{font-size:clamp(44px,4.7vw,68px);line-height:.95;letter-spacing:-.035em;color:#fff;max-width:900px}
body.home-v5 .v5-parallax-copy p:last-child{font-size:20px;line-height:1.45;margin-top:20px;color:#fff;max-width:780px}
@media(min-width:1050px){body.home-v5 .v5-parallax{background-attachment:fixed}}
/* Reasons */
body.home-v5 .v5-reasons{background:#f7f3ec}
body.home-v5 .v5-section-intro{display:grid;grid-template-columns:40% 60%;gap:42px;align-items:end;margin-bottom:28px}
body.home-v5 .v5-section-intro h2{font-size:clamp(46px,4.4vw,66px);line-height:.95;letter-spacing:-.04em}
body.home-v5 .v5-intro-copy{border-left:1px solid #c6beb8;padding-left:32px;padding-bottom:8px}
body.home-v5 .v5-intro-copy p{font-size:17px;line-height:1.55;color:#5a6471;max-width:760px}
body.home-v5 .v5-intro-copy p+p{margin-top:12px}
body.home-v5 .v5-reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.home-v5 .v5-reason-grid article{position:relative;min-height:260px;padding:24px 22px 22px;background:#f5e7e6;border:1px solid #e3cfcc;border-radius:13px;overflow:hidden;box-shadow:0 8px 24px rgba(60,48,48,.035);display:flex;flex-direction:column}
body.home-v5 .v5-reason-grid article:after{content:'';position:absolute;width:92px;height:92px;border:1px solid #ddcac8;border-radius:50%;right:-26px;top:-32px}
body.home-v5 .v5-number{width:38px;height:38px;border:1px solid #c9bab7;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#5f6875;margin-bottom:18px}
body.home-v5 .v5-reason-grid h3{font-size:25px;line-height:1.08;margin-bottom:12px;position:relative;z-index:1}
body.home-v5 .v5-reason-grid p{font-size:15px;line-height:1.5;color:#5a6471;position:relative;z-index:1}
body.home-v5 .v5-reason-grid a{font-size:14px;margin-top:auto;padding-top:18px;text-underline-offset:5px;font-weight:600;position:relative;z-index:1}
/* Evidence */
body.home-v5 .v5-evidence{margin-top:30px;padding:30px 30px 24px;background:#f2dfdf;border:1px solid #e2cccc;border-radius:18px;box-shadow:0 14px 36px rgba(60,48,48,.045)}
body.home-v5 .v5-evidence-grid{display:grid;grid-template-columns:1.05fr .9fr 1.1fr 1.2fr}
body.home-v5 .v5-stat{padding:0 24px;border-left:1px solid #d2bfc0}
body.home-v5 .v5-stat:first-child{padding-left:0;border-left:0}
body.home-v5 .v5-stat:last-child{padding-right:0}
body.home-v5 .v5-stat strong{display:block;font-family:'Times New Roman',Times,serif;font-size:clamp(52px,4.7vw,74px);line-height:.92;letter-spacing:-.035em;font-weight:400}
body.home-v5 .v5-stat .v5-ratio{font-size:clamp(42px,3.7vw,60px);line-height:.98;margin-top:25px}
body.home-v5 .v5-stat-money strong{font-size:clamp(62px,5.2vw,84px)}
body.home-v5 .v5-stat p{font-size:16px;line-height:1.45;color:#5d6674;margin-top:12px}
body.home-v5 .v5-stat-overline{margin-top:0!important;margin-bottom:8px;font-family:'Times New Roman',Times,serif;font-size:20px!important;color:#5d6674!important}
body.home-v5 .v5-stat-money .v5-kicker{margin-bottom:12px}
body.home-v5 .v5-evidence-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid #d7c5c5;margin-top:25px;padding-top:20px}
body.home-v5 .v5-evidence-bottom p{font-size:16px;color:#58616f}
body.home-v5 .v5-evidence-bottom a{font-size:13px;color:#69717c;white-space:nowrap;text-underline-offset:4px}
/* HRP */
body.home-v5 .v5-hrp{background:#f2e2e3}
body.home-v5 .v5-hrp-grid{align-items:center}
body.home-v5 .v5-copy-column>p{font-size:18px;line-height:1.65;color:#58616f;margin-bottom:18px}
body.home-v5 .v5-btn-inline{font-size:16px;padding:17px 20px;margin-top:4px}
body.home-v5 .v5-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cdbdbb;margin-top:28px}
body.home-v5 .v5-mini-grid>div{padding:22px 20px;border-left:1px solid #cdbdbb}
body.home-v5 .v5-mini-grid>div:first-child{border-left:0}
body.home-v5 .v5-mini-grid strong{display:block;font-family:'Times New Roman',Times,serif;font-size:27px;font-weight:700;margin-bottom:8px}
body.home-v5 .v5-mini-grid span{font-size:14px;line-height:1.45;color:#67717e}
/* Service */
body.home-v5 .v5-service{background:#f7f3ec}
body.home-v5 .v5-service-intro{font-size:18px;line-height:1.6;color:#58616f;padding-bottom:18px;border-bottom:1px solid #d5cec8}
body.home-v5 .v5-service-list{list-style:none;padding:0;margin:0}
body.home-v5 .v5-service-list li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #d5cec8}
body.home-v5 .v5-service-list li>span{font-size:14px;color:#7c8490;padding-top:4px}
body.home-v5 .v5-service-list h3{font-size:26px;font-weight:700;margin-bottom:6px}
body.home-v5 .v5-service-list p{font-size:16px;line-height:1.5;color:#616b78}
body.home-v5 .v5-control{font-size:16px;line-height:1.6;color:#525d69;padding-top:14px}
/* Journey */
body.home-v5 .v5-journey{background:#f7f3ec;padding-top:56px;padding-bottom:64px}
body.home-v5 .v5-journey-grid{display:grid;grid-template-columns:34% 66%;gap:38px;align-items:start}
body.home-v5 .v5-journey h2{font-family:'Times New Roman',Times,serif;font-size:clamp(54px,5vw,74px);line-height:.94;letter-spacing:-.04em;margin:0 0 26px}
body.home-v5 .v5-steps{margin:0;padding:0 0 0 8px;list-style:none}
body.home-v5 .v5-steps li{position:relative;border-left:1px solid #bcc0c4;padding-left:22px}
body.home-v5 .v5-steps li:last-child{border-left-color:transparent}
body.home-v5 .v5-steps button{display:flex;gap:16px;align-items:center;width:100%;background:none;border:0;padding:9px 0;font-size:16px;color:#637080;text-align:left}
body.home-v5 .v5-steps button:before{content:'';position:absolute;left:-7px;top:15px;width:12px;height:12px;background:#f7f3ec;border:1px solid #a7aeb4;border-radius:50%}
body.home-v5 .v5-steps button[aria-current]{color:#202b3b;font-weight:700}
body.home-v5 .v5-steps button[aria-current]:before{background:#202b3b;border-color:#202b3b}
body.home-v5 .v5-steps button span{font-size:14px;color:#727d8a}
body.home-v5 .v5-step-card{position:relative;overflow:hidden;min-height:430px;background:#efdede;border-radius:18px 96px 18px 18px;padding:34px 37px;box-shadow:0 12px 30px rgba(50,40,40,.035)}
body.home-v5 .v5-step-card h3{font-size:40px;line-height:1.05;position:relative;z-index:2;max-width:82%}
body.home-v5 .v5-responsibilities{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:67%;margin-top:30px;position:relative;z-index:2}
body.home-v5 .v5-responsibilities>div+div{border-left:1px solid #c9b8b7;padding-left:22px}
body.home-v5 .v5-responsibilities h4{font-size:15px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
body.home-v5 .v5-responsibilities p{font-size:15px;line-height:1.5;color:#5a6573}
body.home-v5 .v5-missing{display:flex;align-items:center;gap:14px;width:68%;margin-top:30px;padding:18px 18px;background:#f9f1e7;border-radius:12px;position:relative;z-index:2}
body.home-v5 .v5-missing>span{font-size:28px;background:#fff;border-radius:9px;padding:5px 9px}
body.home-v5 .v5-missing strong{font-size:16px}
body.home-v5 .v5-missing p{font-size:15px;line-height:1.45;color:#5e6874;margin-top:3px}
body.home-v5 .v5-step-card .documents{position:absolute;right:0;bottom:0;width:34%;height:72%;object-fit:cover;opacity:.78;mix-blend-mode:multiply}
body.home-v5 .v5-timeline-note{margin-top:14px;padding:18px 22px;border:1px solid #d9cec7;background:#fbf8f4;font-size:15px;line-height:1.5}
body.home-v5 .v5-timeline-note strong{font-family:'Times New Roman',Times,serif;font-size:20px}
/* Outcomes */
body.home-v5 .v5-outcomes{background:#202b3b;color:#f7f3ec;padding:70px 0}
body.home-v5 .v5-outcomes-grid{display:grid;grid-template-columns:38% 62%;gap:54px}
body.home-v5 .v5-outcomes h2,body.home-v5 .v5-outcomes h3{color:#f7f3ec}
body.home-v5 .v5-outcomes-intro h2{font-size:clamp(54px,5vw,78px);line-height:.95;letter-spacing:-.035em}
body.home-v5 .v5-outcomes-intro>p:last-child{font-size:17px;line-height:1.65;margin-top:24px;max-width:470px;color:#e0e4e8}
body.home-v5 .dark-label{color:#b5bdc7}
body.home-v5 .v5-outcome-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body.home-v5 .v5-outcome-cards article{padding:28px 28px;min-height:230px;border:1px solid #596575;background:#ffffff09;border-radius:4px}
body.home-v5 .v5-outcome-cards article>span{display:block;font-size:14px;letter-spacing:.08em;color:#dfe5eb;margin-bottom:20px}
body.home-v5 .v5-outcome-cards h3{font-size:31px;line-height:1.06;margin-bottom:14px}
body.home-v5 .v5-outcome-cards p{font-size:15px;line-height:1.55;color:#e4e7ea}
body.home-v5 .v5-outcome-foot{grid-column:1/-1;border-top:1px solid #536071;padding-top:14px;font-size:13px;color:#dce1e6}
/* People */
body.home-v5 .v5-people{background:#f7f3ec}
body.home-v5 .v5-people-grid{display:grid;grid-template-columns:28% 72%;gap:32px;align-items:start}
body.home-v5 .v5-people .v5-heading-block h2{font-size:clamp(48px,4vw,64px)}
body.home-v5 .v5-team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.home-v5 .v5-team article{min-width:0}
body.home-v5 .v5-team img{width:100%;height:240px;object-fit:cover;border-radius:8px 44px 8px 8px;box-shadow:0 10px 26px rgba(45,40,40,.06)}
body.home-v5 .v5-team article:nth-child(even) img{border-radius:44px 8px 8px 8px}
body.home-v5 .v5-team h3{font-size:21px;margin-top:12px}
body.home-v5 .v5-team p{font-size:15px;line-height:1.45;color:#667180;margin-top:3px}
/* Guides */
body.home-v5 .v5-guides{background:#fbf8f3;border-top:1px solid #e5ddd6}
body.home-v5 .v5-guides-grid{display:grid;grid-template-columns:31% 69%;gap:42px;align-items:center}
body.home-v5 .v5-guides .v5-heading-block h2{font-size:clamp(54px,4.8vw,74px)}
body.home-v5 .v5-guides .v5-heading-block>p:not(.v5-kicker){font-size:16px;line-height:1.55;color:#627080;margin-top:22px;max-width:300px}
body.home-v5 .v5-guide-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8d0c9;border-radius:12px;overflow:hidden}
body.home-v5 .v5-guide-card{min-height:210px;padding:24px 24px;text-decoration:none;border-right:1px solid #d8d0c9;border-bottom:1px solid #d8d0c9;background:#fbf8f3;display:flex;flex-direction:column}
body.home-v5 .v5-guide-card:nth-child(2n){border-right:0}
body.home-v5 .v5-guide-card:nth-child(n+3){border-bottom:0}
body.home-v5 .v5-guide-card>span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#76808b;font-weight:700}
body.home-v5 .v5-guide-card h3{font-size:27px;line-height:1.1;margin:18px 0 10px}
body.home-v5 .v5-guide-card p{font-size:15px;line-height:1.5;color:#66717e}
body.home-v5 .v5-guide-card b{font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:auto;padding-top:18px}
/* FAQ */
body.home-v5 .v5-faq{background:#f2e2e3}
body.home-v5 .v5-faq-grid{display:grid;grid-template-columns:31% 69%;gap:42px;align-items:start}
body.home-v5 .v5-faq .v5-heading-block h2{font-size:clamp(54px,5vw,78px)}
body.home-v5 .v5-faq .v5-heading-block>p:not(.v5-kicker){font-size:16px;line-height:1.55;color:#617080;margin-top:24px;max-width:270px}
body.home-v5 .v5-faq-list details{background:#f8eded;border:1px solid #e0d0cf;border-radius:10px;margin-bottom:10px;padding:0 20px;overflow:hidden}
body.home-v5 .v5-faq-list summary{list-style:none;padding:18px 28px 18px 0;font-size:17px;font-weight:700;cursor:pointer;position:relative}
body.home-v5 .v5-faq-list summary::-webkit-details-marker{display:none}
body.home-v5 .v5-faq-list summary:after{content:'+';position:absolute;right:0;top:14px;font-size:25px;font-weight:300}
body.home-v5 .v5-faq-list details[open] summary:after{content:'×'}
body.home-v5 .v5-faq-list .faq-answer{padding-bottom:18px}
body.home-v5 .v5-faq-list .faq-answer p{font-size:16px;line-height:1.55;color:#5b6674}
/* CTA */
body.home-v5 .v5-cta{background:#f7f3ec;padding:72px 0;border-top:1px solid #e5ddd6}
body.home-v5 .v5-cta-grid{display:grid;grid-template-columns:58% 42%;gap:42px;align-items:center}
body.home-v5 .v5-cta h2{font-size:clamp(64px,6.5vw,100px);line-height:.9;letter-spacing:-.045em}
body.home-v5 .v5-cta-grid>div{border-left:1px solid #cbc3bd;padding-left:34px}
body.home-v5 .v5-cta-grid>div>p{font-size:20px;line-height:1.45;color:#5b6674;margin-bottom:26px}
/* Footer */
body.home-v5 .v5-footer{background:#f7f3ec;border-top:1px solid #e5ddd6;padding:48px 0 26px}
body.home-v5 .v5-footer-grid{display:grid;grid-template-columns:1.45fr .85fr .9fr 1fr;gap:50px}
body.home-v5 .v5-footer-brand .v5-brand{font-size:29px}
body.home-v5 .v5-footer-brand>p{font-size:15px;line-height:1.55;color:#66717e;margin-top:18px;max-width:360px}
body.home-v5 .v5-footer-grid h3{font-family:Arial,Helvetica,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin:0 0 16px}
body.home-v5 .v5-footer-grid>div:not(.v5-footer-brand) a{display:block;font-size:15px;text-decoration:none;margin:10px 0;color:#56616e}
body.home-v5 .v5-footer-contact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #ded6d0;border-bottom:1px solid #ded6d0;padding:18px 0;margin-top:34px;font-size:14px;color:#607080}
body.home-v5 .v5-footer-contact a{text-decoration:none}
body.home-v5 .v5-footer-legal{display:grid;grid-template-columns:1fr auto;gap:35px;padding-top:22px}
body.home-v5 .v5-footer-legal p{font-size:12px;line-height:1.55;color:#7a8390;max-width:980px}
body.home-v5 .v5-footer-legal p:last-child{text-align:right;white-space:nowrap}
/* Remove legacy home styling interference */
body.home-v5 .hero,body.home-v5 .trust-strip,body.home-v5 .site-footer,body.home-v5 .closing,body.home-v5 .visual-pause,body.home-v5 .parallax-break{display:none!important}
body.home-v5 .reveal{opacity:1!important;transform:none!important}
body.home-v5 .motion-ready .reveal{opacity:1!important;transform:none!important}
@media(max-width:1100px){
body.home-v5 .v5-wrap{width:min(100% - 40px,980px)}
body.home-v5 .v5-header-inner{grid-template-columns:auto auto;justify-content:space-between}
body.home-v5 .v5-nav{display:none;position:absolute;top:72px;left:20px;right:20px;background:#f7f3ec;padding:18px;border:1px solid #ddd4cd;border-radius:10px;box-shadow:0 12px 25px rgba(30,30,30,.08);flex-direction:column;align-items:flex-start;z-index:50}
body.home-v5 .v5-nav.open{display:flex}
body.home-v5 .menu-toggle{display:block;background:none;border:0;font-size:16px;font-weight:700}
body.home-v5 .v5-header .v5-btn-small{display:none}
body.home-v5 .v5-hero{min-height:560px;background-position:60% center}
body.home-v5 .v5-trust-grid{grid-template-columns:1fr 1fr}
body.home-v5 .v5-split,body.home-v5 .v5-section-intro,body.home-v5 .v5-journey-grid,body.home-v5 .v5-outcomes-grid,body.home-v5 .v5-people-grid,body.home-v5 .v5-guides-grid,body.home-v5 .v5-faq-grid,body.home-v5 .v5-cta-grid{grid-template-columns:1fr;gap:30px}
body.home-v5 .v5-reassurance-list{border-left:0;padding-left:0}
body.home-v5 .v5-reason-grid{grid-template-columns:1fr 1fr}
body.home-v5 .v5-evidence-grid{grid-template-columns:1fr 1fr;gap:24px}
body.home-v5 .v5-stat{border-left:0!important;padding:0!important;border-top:1px solid #d2bfc0;padding-top:18px!important}
body.home-v5 .v5-stat:nth-child(-n+2){border-top:0;padding-top:0!important}
body.home-v5 .v5-team{grid-template-columns:1fr 1fr}
body.home-v5 .v5-footer-grid{grid-template-columns:1.4fr 1fr 1fr}
body.home-v5 .v5-footer-brand{grid-column:1/-1}
}
@media(max-width:700px){
body.home-v5{font-size:17px}
body.home-v5 .v5-wrap{width:calc(100% - 32px)}
body.home-v5 .v5-header-inner{height:64px}
body.home-v5 .v5-brand{font-size:24px}
body.home-v5 .v5-brand img{width:38px;height:38px}
body.home-v5 .v5-hero{min-height:640px;background-position:66% center}
body.home-v5 .v5-hero:before{background:linear-gradient(90deg,rgba(247,243,236,.76) 0%,rgba(247,243,236,.56) 58%,rgba(247,243,236,.15) 100%)}
body.home-v5 .v5-hero h1{font-size:58px;max-width:92%}
body.home-v5 .v5-hero-lead{font-size:30px;max-width:90%}
body.home-v5 .v5-hero-body{font-size:17px;max-width:88%}
body.home-v5 .v5-hero br{display:none}
body.home-v5 .v5-trust-grid{grid-template-columns:1fr}
body.home-v5 .v5-trust-card{grid-template-columns:48px 1fr}
body.home-v5 .v5-section{padding:48px 0}
body.home-v5 .v5-heading-block h2{font-size:50px}
body.home-v5 .v5-reassurance-row{grid-template-columns:1fr 32px;gap:12px}
body.home-v5 .v5-reassurance-row h3{grid-column:1}
body.home-v5 .v5-reassurance-row p{grid-column:1}
body.home-v5 .v5-reassurance-row .v5-plus{grid-column:2;grid-row:1}
body.home-v5 .v5-parallax{min-height:380px;background-attachment:scroll}
body.home-v5 .v5-parallax-copy h2{font-size:44px}
body.home-v5 .v5-parallax-copy br{display:none}
body.home-v5 .v5-reason-grid{grid-template-columns:1fr}
body.home-v5 .v5-reason-grid article{min-height:0}
body.home-v5 .v5-evidence-grid{grid-template-columns:1fr}
body.home-v5 .v5-stat:nth-child(n){border-top:1px solid #d2bfc0;padding:20px 0 0!important}
body.home-v5 .v5-stat:first-child{border-top:0;padding-top:0!important}
body.home-v5 .v5-evidence-bottom{flex-direction:column;align-items:flex-start}
body.home-v5 .v5-evidence-bottom a{white-space:normal}
body.home-v5 .v5-mini-grid{grid-template-columns:1fr}
body.home-v5 .v5-mini-grid>div{border-left:0;border-top:1px solid #cdbdbb}
body.home-v5 .v5-mini-grid>div:first-child{border-top:0}
body.home-v5 .v5-step-card{min-height:560px;padding:28px 24px}
body.home-v5 .v5-step-card h3{font-size:34px;max-width:100%}
body.home-v5 .v5-responsibilities{grid-template-columns:1fr;width:100%}
body.home-v5 .v5-responsibilities>div+div{border-left:0;padding-left:0;border-top:1px solid #c9b8b7;padding-top:16px}
body.home-v5 .v5-missing{width:100%}
body.home-v5 .v5-step-card .documents{width:55%;height:42%;opacity:.42}
body.home-v5 .v5-outcome-cards{grid-template-columns:1fr}
body.home-v5 .v5-team{grid-template-columns:1fr 1fr;gap:14px}
body.home-v5 .v5-team img{height:190px}
body.home-v5 .v5-guide-grid{grid-template-columns:1fr}
body.home-v5 .v5-guide-card{border-right:0!important;border-bottom:1px solid #d8d0c9!important}
body.home-v5 .v5-guide-card:last-child{border-bottom:0!important}
body.home-v5 .v5-cta h2{font-size:58px}
body.home-v5 .v5-cta-grid>div{border-left:0;padding-left:0}
body.home-v5 .v5-footer-grid{grid-template-columns:1fr 1fr;gap:32px}
body.home-v5 .v5-footer-brand{grid-column:1/-1}
body.home-v5 .v5-footer-legal{grid-template-columns:1fr}
body.home-v5 .v5-footer-legal p:last-child{text-align:left;white-space:normal}
}
/* ===== HOMEPAGE SINGLE-CSS / FULL-BLEED HERO FIX =====
The header now sits inside .v5-hero, so the beach image runs behind
the logo, navigation and Check Now button with no cream banner. */
body.home-v5 .v5-hero{
min-height:650px;
background-position:center 50%;
}
body.home-v5 .v5-hero .v5-header{
position:relative!important;
z-index:20!important;
display:block!important;
background:transparent!important;
border-bottom:0!important;
padding:0!important;
align-items:initial!important;
justify-content:initial!important;
gap:0!important;
}
body.home-v5 .v5-hero .v5-header-inner{
height:92px;
}
body.home-v5 .v5-hero-copy{
padding-top:22px;
padding-bottom:56px;
}
body.home-v5 .v5-hero:before{
z-index:0;
background:linear-gradient(90deg,rgba(247,243,236,.52) 0%,rgba(247,243,236,.23) 48%,rgba(247,243,236,.02) 78%);
}
body.home-v5 .v5-hero .v5-brand,
body.home-v5 .v5-hero .v5-nav a{
color:#202b3b;
}
body.home-v5 .v5-hero .v5-header .v5-btn-small{
box-shadow:0 7px 18px rgba(32,43,59,.12);
}
body.home-v5 > .v5-footer{
display:block!important;
align-items:initial!important;
justify-content:initial!important;
gap:0!important;
}
@media(max-width:1100px){
body.home-v5 .v5-hero .v5-header-inner{height:78px;}
body.home-v5 .v5-hero .v5-nav{top:70px;}
}
@media(max-width:700px){
body.home-v5 .v5-hero{min-height:720px;}
body.home-v5 .v5-hero .v5-header-inner{height:70px;}
body.home-v5 .v5-hero-copy{padding-top:36px;}
}
/* ===== Micro-interactions: CTA arrows + top navigation ===== */
body.home-v5 .v5-btn span{
display:inline-block;
transform:translate3d(0,0,0);
transform-origin:center;
}
@keyframes v5-arrow-bounce{
0%{transform:translate3d(0,0,0)}
42%{transform:translate3d(4px,-4px,0)}
68%{transform:translate3d(2px,-1px,0)}
100%{transform:translate3d(0,0,0)}
}
body.home-v5 .v5-btn:hover span,
body.home-v5 .v5-btn:focus-visible span{
animation:v5-arrow-bounce .55s cubic-bezier(.22,1,.36,1) 1;
}
body.home-v5 .v5-hero .v5-nav a{
display:inline-block;
transform:none!important;
transition:font-size .16s ease,color .18s ease,font-weight .18s ease;
text-rendering:geometricPrecision;
-webkit-font-smoothing:antialiased;
}
body.home-v5 .v5-hero .v5-nav a:hover,
body.home-v5 .v5-hero .v5-nav a:focus-visible{
transform:none!important;
font-size:17px;
font-weight:700;
}
@media(prefers-reduced-motion:reduce){
body.home-v5 .v5-btn span{animation:none!important;transform:none!important}
body.home-v5 .v5-hero .v5-nav a{transition:none;font-size:16px!important;transform:none!important}
}
/* ===== Premium hover + scroll choreography ===== */
/* A slow, continuous, constant-speed arrow bounce while the CTA is hovered. */
@keyframes v5-arrow-hover-loop{
0%{transform:translate3d(0,0,0)}
50%{transform:translate3d(4px,-4px,0)}
100%{transform:translate3d(0,0,0)}
}
body.home-v5 .v5-btn:hover span{
animation:v5-arrow-hover-loop 1.25s linear infinite;
}
/* Premium reveal motion. Content stays visible unless JS explicitly prepares it. */
body.home-v5 .v5-premium-reveal{
opacity:0;
transform:translate3d(0,28px,0) scale(.995);
transition:
opacity 1.35s cubic-bezier(.22,1,.36,1),
transform 1.35s cubic-bezier(.22,1,.36,1);
transition-delay:var(--v5-reveal-delay,0ms);
will-change:opacity,transform;
}
body.home-v5 .v5-premium-reveal.v5-reveal-visible{
opacity:1;
transform:translate3d(0,0,0) scale(1);
}
/* Headings lead the composition with a slightly longer, calmer entrance. */
body.home-v5 .v5-premium-reveal.v5-reveal-lead{
transform:translate3d(0,34px,0) scale(.993);
transition-duration:1.5s;
}
body.home-v5 .v5-premium-reveal.v5-reveal-lead.v5-reveal-visible{
transform:translate3d(0,0,0) scale(1);
}
@media(prefers-reduced-motion:reduce){
body.home-v5 .v5-btn:hover span{animation:none!important;transform:none!important}
body.home-v5 .v5-premium-reveal,
body.home-v5 .v5-premium-reveal.v5-reveal-lead{
opacity:1!important;
transform:none!important;
transition:none!important;
}
}
/* ===== 29 Sep refinement: calmer spacing, larger parallax, darker copy ===== */
/* Reassurance rows no longer use decorative + controls. */
body.home-v5 .v5-reassurance-row{
grid-template-columns:32% 1fr;
gap:28px;
}
body.home-v5 .v5-plus{display:none!important;}
/* Give every visual pause substantially more presence (+40%) and scale the copy with it. */
body.home-v5 .v5-parallax{
min-height:462px;
}
body.home-v5 .v5-parallax-tea{
min-height:504px;
}
body.home-v5 .v5-parallax-hero{
min-height:476px;
}
body.home-v5 .v5-parallax-copy{
padding-block:72px;
}
body.home-v5 .v5-parallax-copy h2{
font-size:clamp(50px,5.15vw,76px);
line-height:.96;
max-width:960px;
}
body.home-v5 .v5-parallax-copy p:last-child{
font-size:22px;
line-height:1.5;
margin-top:24px;
max-width:820px;
}
/* Centre the explanatory paragraph in the visual breathing room between the
parallax above and the first row of reason cards below. */
body.home-v5 .v5-reasons{
padding-top:56px;
}
body.home-v5 .v5-section-intro{
align-items:center;
margin-bottom:34px;
}
body.home-v5 .v5-intro-copy{
align-self:center;
padding-top:0;
padding-bottom:0;
transform:translateY(-12px);
}
/* Darker, clearer supporting copy throughout the customer-facing homepage. */
body.home-v5 .v5-trust-card p,
body.home-v5 .v5-reassurance-row p,
body.home-v5 .v5-intro-copy p,
body.home-v5 .v5-reason-grid p,
body.home-v5 .v5-stat p,
body.home-v5 .v5-evidence-bottom p,
body.home-v5 .v5-copy-column>p,
body.home-v5 .v5-mini-grid span,
body.home-v5 .v5-service-intro,
body.home-v5 .v5-service-list p,
body.home-v5 .v5-control,
body.home-v5 .v5-responsibilities p,
body.home-v5 .v5-missing p,
body.home-v5 .v5-outcomes-intro>p:last-child,
body.home-v5 .v5-team p,
body.home-v5 .v5-guides .v5-heading-block>p:not(.v5-kicker),
body.home-v5 .v5-guide-card p,
body.home-v5 .v5-faq .v5-heading-block>p:not(.v5-kicker),
body.home-v5 .v5-faq-list .faq-answer p,
body.home-v5 .v5-cta-grid>div>p{
color:#46515f;
}
/* Slow, deliberate premium reveals. */
body.home-v5 .v5-premium-reveal{
transition-duration:1.85s,1.85s;
transition-timing-function:cubic-bezier(.18,.84,.26,1),cubic-bezier(.18,.84,.26,1);
}
body.home-v5 .v5-premium-reveal.v5-reveal-lead{
transition-duration:2.05s,2.05s;
}
@media(max-width:1100px){
body.home-v5 .v5-intro-copy{transform:none;}
}
@media(max-width:700px){
body.home-v5 .v5-reassurance-row{grid-template-columns:1fr;}
body.home-v5 .v5-parallax,
body.home-v5 .v5-parallax-tea,
body.home-v5 .v5-parallax-hero{min-height:532px;}
body.home-v5 .v5-parallax-copy{padding-block:60px;}
body.home-v5 .v5-parallax-copy h2{font-size:48px;}
body.home-v5 .v5-parallax-copy p:last-child{font-size:19px;}
}
/* ===== 29 Sep reason-card polish + reassurance spacing ===== */
/* Keep the reassurance content optically centred between the trust cards and first parallax. */
body.home-v5 .v5-reassurance{
padding-top:72px!important;
padding-bottom:72px!important;
}
body.home-v5 .v5-reassurance .v5-split{align-items:center!important;}
body.home-v5 .v5-reassurance-list{padding-top:2px;padding-bottom:2px;}
/* More premium, tactile reason cards with topic icons and clearer separation. */
body.home-v5 .v5-reason-grid{
gap:22px!important;
}
body.home-v5 .v5-reason-grid article{
min-height:292px!important;
padding:26px 24px 24px!important;
border:1px solid #e1d1cd!important;
border-radius:18px!important;
background:linear-gradient(180deg,#f8ecea 0%,#f3e4e2 100%)!important;
box-shadow:0 16px 36px rgba(69,54,54,.10),0 2px 8px rgba(69,54,54,.05)!important;
transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease!important;
}
body.home-v5 .v5-reason-grid article:nth-child(4n+2){background:linear-gradient(180deg,#f7eeeb 0%,#f1e2df 100%)!important;}
body.home-v5 .v5-reason-grid article:nth-child(4n+3){background:linear-gradient(180deg,#f4e8e6 0%,#ecddda 100%)!important;}
body.home-v5 .v5-reason-grid article:nth-child(4n){background:linear-gradient(180deg,#f8efec 0%,#f2e5e2 100%)!important;}
body.home-v5 .v5-reason-grid article:after{
width:118px!important;height:118px!important;right:-46px!important;top:-48px!important;
border-color:rgba(190,164,161,.38)!important;background:rgba(255,255,255,.16)!important;
}
body.home-v5 .v5-reason-grid article:hover{
transform:translateY(-6px)!important;
box-shadow:0 24px 48px rgba(69,54,54,.15),0 4px 12px rgba(69,54,54,.06)!important;
border-color:#d4bbb8!important;
}
body.home-v5 .v5-reason-top{
display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;position:relative;z-index:2;
}
body.home-v5 .v5-number{
margin-bottom:0!important;
width:42px!important;height:42px!important;
background:rgba(255,250,247,.62);
}
body.home-v5 .v5-reason-icon{
width:52px;height:52px;display:grid;place-items:center;border-radius:50%;
background:rgba(255,250,247,.72);border:1px solid rgba(185,157,154,.55);
box-shadow:0 6px 14px rgba(79,57,57,.06);
}
body.home-v5 .v5-reason-icon svg{
width:27px;height:27px;fill:none;stroke:#5a4f58;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
}
body.home-v5 .v5-reason-grid h3{font-size:27px!important;margin-bottom:13px!important;}
body.home-v5 .v5-reason-grid p{font-size:16px!important;line-height:1.56!important;}
body.home-v5 .v5-reason-grid a{font-size:15px!important;padding-top:20px!important;font-weight:700!important;}
@media(max-width:1100px){
body.home-v5 .v5-reason-grid{gap:18px!important;}
}
@media(max-width:700px){
body.home-v5 .v5-reassurance{padding-top:56px!important;padding-bottom:56px!important;}
body.home-v5 .v5-reason-grid{gap:16px!important;}
body.home-v5 .v5-reason-grid article{min-height:0!important;}
}
/* ===== 29 Sep mockup-match: reasons + evidence ===== */
/* Compact four-column editorial cards, matching the approved mockup while retaining hover/reveal motion. */
body.home-v5 .v5-reason-grid{
gap:14px!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.home-v5 .v5-reason-grid article{
min-height:232px!important;
padding:20px 20px 18px!important;
border:1px solid #e3d1cf!important;
border-radius:13px!important;
background:#f6e9e8!important;
box-shadow:0 7px 18px rgba(63,49,49,.045)!important;
overflow:hidden!important;
display:flex!important;
flex-direction:column!important;
transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,border-color .42s ease!important;
}
body.home-v5 .v5-reason-grid article:nth-child(n){background:#f6e9e8!important;}
body.home-v5 .v5-reason-grid article:after{display:none!important;}
body.home-v5 .v5-reason-grid article:hover{
transform:translateY(-5px)!important;
box-shadow:0 17px 32px rgba(63,49,49,.10)!important;
border-color:#d8bfbc!important;
}
body.home-v5 .v5-reason-icon{
width:44px!important;height:44px!important;
display:grid!important;place-items:center!important;
margin:0 0 12px!important;
border-radius:50%!important;
background:#f2dada!important;
border:1px solid #dcbfbd!important;
box-shadow:none!important;
color:#4e4248!important;
font-family:'Times New Roman',Times,serif!important;
font-size:17px!important;
line-height:1!important;
font-weight:400!important;
position:relative!important;z-index:2!important;
}
body.home-v5 .v5-reason-icon svg{
width:26px!important;height:26px!important;
fill:none!important;stroke:#51434a!important;stroke-width:1.35!important;
stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.home-v5 .v5-reason-icon-text{font-size:17px!important;letter-spacing:-.02em!important;}
body.home-v5 .v5-reason-grid h3{
font-size:24px!important;line-height:1.05!important;
margin:0 0 7px!important;letter-spacing:-.035em!important;
}
body.home-v5 .v5-reason-grid p{
font-size:15px!important;line-height:1.42!important;
color:#4c5664!important;margin:0!important;
}
body.home-v5 .v5-reason-grid a{
font-size:14px!important;line-height:1.3!important;
margin-top:auto!important;padding-top:14px!important;
font-weight:500!important;text-underline-offset:4px!important;
}
/* One blush evidence panel, with the same hierarchy and lower pill strip as the mockup. */
body.home-v5 .v5-evidence{
margin-top:26px!important;
padding:28px 28px 20px!important;
background:#f2dede!important;
border:1px solid #ead3d1!important;
border-radius:18px!important;
box-shadow:0 11px 28px rgba(64,49,49,.055)!important;
}
body.home-v5 .v5-evidence-top{
display:grid!important;
grid-template-columns:1fr 1fr 1.18fr!important;
align-items:end!important;
}
body.home-v5 .v5-evidence-top .v5-stat{
min-height:154px!important;
padding:0 34px!important;
border-left:1px solid #d4c1c0!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-end!important;
}
body.home-v5 .v5-evidence-top .v5-stat:first-child{
padding-left:14px!important;border-left:0!important;
}
body.home-v5 .v5-evidence-top .v5-stat:last-child{padding-right:12px!important;}
body.home-v5 .v5-evidence .v5-kicker{
font-size:12px!important;letter-spacing:.15em!important;
margin-bottom:12px!important;color:#667080!important;
}
body.home-v5 .v5-evidence-top .v5-stat strong{
font-family:'Times New Roman',Times,serif!important;
font-size:clamp(54px,4.4vw,70px)!important;
line-height:.87!important;letter-spacing:-.04em!important;font-weight:400!important;
color:#202b3b!important;
}
body.home-v5 .v5-evidence-top .v5-stat .v5-ratio{
font-size:clamp(46px,3.8vw,62px)!important;
margin-top:0!important;white-space:nowrap!important;
}
body.home-v5 .v5-evidence-top .v5-stat-overline{
margin:0 0 2px!important;font-family:'Times New Roman',Times,serif!important;
font-size:19px!important;color:#5f6876!important;
}
body.home-v5 .v5-evidence-top .v5-stat p:not(.v5-kicker):not(.v5-stat-overline){
font-size:15px!important;line-height:1.38!important;color:#55606e!important;
margin-top:10px!important;max-width:260px!important;
}
body.home-v5 .v5-evidence-research{
border-top:1px solid #d8c6c5!important;
margin:18px 12px 0!important;
padding:17px 0 16px!important;
font-size:15px!important;line-height:1.45!important;color:#535d6a!important;
}
body.home-v5 .v5-evidence-research strong{color:#202b3b!important;}
body.home-v5 .v5-evidence-payout{
display:grid!important;
grid-template-columns:1.28fr .72fr 1.15fr .9fr!important;
gap:20px!important;align-items:center!important;
padding:15px 26px!important;
background:#faf3eb!important;
border-radius:999px!important;
}
body.home-v5 .v5-payout-copy .v5-kicker{
margin-bottom:5px!important;font-size:10px!important;
}
body.home-v5 .v5-payout-copy>p:last-child{
font-family:'Times New Roman',Times,serif!important;
font-size:21px!important;line-height:1.1!important;color:#4f5865!important;
}
body.home-v5 .v5-payout-money{
font-family:'Times New Roman',Times,serif!important;
font-size:clamp(58px,4.8vw,76px)!important;
line-height:.9!important;letter-spacing:-.04em!important;font-weight:400!important;
color:#202b3b!important;white-space:nowrap!important;
}
body.home-v5 .v5-payout-note{
font-size:13px!important;line-height:1.35!important;color:#596472!important;
}
body.home-v5 .v5-payout-source{
justify-self:end!important;
font-size:11px!important;line-height:1.4!important;color:#69727e!important;
text-underline-offset:3px!important;
}
@media(max-width:1100px){
body.home-v5 .v5-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
body.home-v5 .v5-reason-grid article{min-height:225px!important;}
body.home-v5 .v5-evidence-top{grid-template-columns:1fr 1fr!important;gap:0!important;}
body.home-v5 .v5-evidence-top .v5-stat:nth-child(3){grid-column:1/-1;border-left:0!important;border-top:1px solid #d4c1c0!important;padding:24px 14px 0!important;margin-top:20px!important;min-height:0!important;}
body.home-v5 .v5-evidence-payout{grid-template-columns:1fr auto!important;border-radius:24px!important;}
body.home-v5 .v5-payout-note{grid-column:1!important;}
body.home-v5 .v5-payout-source{grid-column:2!important;grid-row:2!important;}
}
@media(max-width:700px){
body.home-v5 .v5-reason-grid{grid-template-columns:1fr!important;}
body.home-v5 .v5-reason-grid article{min-height:0!important;padding:20px!important;}
body.home-v5 .v5-evidence{padding:24px 20px 18px!important;}
body.home-v5 .v5-evidence-top{grid-template-columns:1fr!important;}
body.home-v5 .v5-evidence-top .v5-stat,
body.home-v5 .v5-evidence-top .v5-stat:first-child,
body.home-v5 .v5-evidence-top .v5-stat:nth-child(3){
grid-column:auto!important;border-left:0!important;border-top:1px solid #d4c1c0!important;
padding:20px 0!important;margin:0!important;min-height:0!important;
}
body.home-v5 .v5-evidence-top .v5-stat:first-child{border-top:0!important;padding-top:0!important;}
body.home-v5 .v5-evidence-top .v5-stat .v5-ratio{white-space:normal!important;}
body.home-v5 .v5-evidence-research{margin-inline:0!important;}
body.home-v5 .v5-evidence-payout{grid-template-columns:1fr!important;gap:10px!important;padding:20px!important;border-radius:22px!important;}
body.home-v5 .v5-payout-source,body.home-v5 .v5-payout-note{grid-column:auto!important;grid-row:auto!important;justify-self:start!important;}
}
/* ===== 29 Sep hero proof row + reassurance position restore ===== */
/* Restore the reassurance section to its earlier, tighter position. */
body.home-v5 .v5-reassurance{
padding-top:42px!important;
padding-bottom:55px!important;
}
body.home-v5 .v5-reassurance .v5-split{align-items:start!important;}
body.home-v5 .v5-reassurance-list{padding-top:0!important;padding-bottom:0!important;}
/* Mockup-matched proof points directly under the hero CTA. */
body.home-v5 .v5-hero-benefits{
display:flex;
align-items:center;
gap:0;
margin-top:24px;
width:max-content;
max-width:100%;
}
body.home-v5 .v5-hero-benefit{
display:flex;
align-items:center;
gap:12px;
min-width:145px;
padding:0 22px;
font-size:13px;
line-height:1.32;
font-weight:600;
color:#202b3b;
}
body.home-v5 .v5-hero-benefit:first-child{padding-left:0;}
body.home-v5 .v5-hero-benefit + .v5-hero-benefit{border-left:1px solid rgba(32,43,59,.28);}
body.home-v5 .v5-hero-benefit-icon{
flex:0 0 auto;
width:34px;
height:34px;
display:grid;
place-items:center;
color:#5d3f48;
}
body.home-v5 .v5-hero-benefit-icon svg{
width:28px;
height:28px;
fill:none;
stroke:currentColor;
stroke-width:1.55;
stroke-linecap:round;
stroke-linejoin:round;
}
body.home-v5 .v5-hero-benefits-note{
margin-top:14px!important;
font-size:10px!important;
line-height:1.4!important;
color:#35404e!important;
}
@media(max-width:1100px){
body.home-v5 .v5-hero-benefit{min-width:132px;padding-inline:17px;font-size:12px;}
}
@media(max-width:700px){
body.home-v5 .v5-reassurance{padding-top:48px!important;padding-bottom:48px!important;}
body.home-v5 .v5-hero-benefits{flex-wrap:wrap;row-gap:16px;width:100%;}
body.home-v5 .v5-hero-benefit{min-width:0;width:33.333%;padding-inline:10px;font-size:11px;align-items:flex-start;}
body.home-v5 .v5-hero-benefit:first-child{padding-left:0;}
body.home-v5 .v5-hero-benefit-icon{width:29px;height:29px;}
body.home-v5 .v5-hero-benefit-icon svg{width:25px;height:25px;}
body.home-v5 .v5-hero-benefits-note{font-size:9px!important;margin-top:12px!important;}
}
/* ===== 29 Sep refinement: evidence hierarchy + HRP three-step flow ===== */
/* Remove the retired hero disclaimer if an older cached HTML copy still contains it. */
body.home-v5 .v5-hero-benefits-note{display:none!important;}
/* Evidence: heading and research statement lead the panel, followed by the figures. */
body.home-v5 .v5-evidence{
padding:38px 40px 28px!important;
}
body.home-v5 .v5-evidence-heading{
padding:0 8px 26px!important;
border-bottom:1px solid #d8c6c5!important;
}
body.home-v5 .v5-evidence-heading .v5-kicker{
margin:0 0 14px!important;
}
body.home-v5 .v5-evidence-heading .v5-evidence-research{
border:0!important;
margin:0!important;
padding:0!important;
font-size:clamp(18px,1.36vw,21px)!important;
line-height:1.35!important;
letter-spacing:-.012em!important;
color:#3f4957!important;
white-space:nowrap!important;
max-width:none!important;
}
body.home-v5 .v5-evidence-top{
padding-top:30px!important;
padding-bottom:30px!important;
}
body.home-v5 .v5-evidence-top .v5-stat{
min-height:165px!important;
padding-inline:40px!important;
}
body.home-v5 .v5-evidence-top .v5-stat:first-child{padding-left:8px!important;}
body.home-v5 .v5-evidence-top .v5-stat:last-child{padding-right:8px!important;}
body.home-v5 .v5-evidence-payout{
margin-top:4px!important;
padding:20px 30px!important;
}
/* HRP: three clear stages connected by arrows, with the possible-payment outcome emphasised. */
body.home-v5 .v5-mini-grid.v5-hrp-flow{
display:grid!important;
grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr)!important;
align-items:stretch!important;
gap:0!important;
border:0!important;
margin-top:34px!important;
overflow:visible!important;
}
body.home-v5 .v5-hrp-flow .v5-hrp-step{
position:relative!important;
min-height:205px!important;
padding:26px 24px!important;
border:1px solid #cdbdbb!important;
border-radius:16px!important;
background:#f8eeee!important;
box-shadow:0 10px 24px rgba(64,49,49,.055)!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
}
body.home-v5 .v5-hrp-flow .v5-hrp-step-number{
display:inline-grid!important;
place-items:center!important;
width:34px!important;
height:34px!important;
margin-bottom:20px!important;
border:1px solid #c6afad!important;
border-radius:50%!important;
font-size:12px!important;
line-height:1!important;
letter-spacing:.08em!important;
color:#66707c!important;
}
body.home-v5 .v5-hrp-flow .v5-hrp-step strong{
display:block!important;
margin:0 0 12px!important;
font-family:'Times New Roman',Times,serif!important;
font-size:29px!important;
line-height:1.03!important;
color:#202b3b!important;
}
body.home-v5 .v5-hrp-flow .v5-hrp-step>span:last-child{
font-size:15px!important;
line-height:1.52!important;
color:#46515f!important;
}
body.home-v5 .v5-hrp-arrow{
display:grid!important;
place-items:center!important;
align-self:center!important;
font-family:'Times New Roman',Times,serif!important;
font-size:34px!important;
color:#806f74!important;
transform:translateY(-2px)!important;
}
body.home-v5 .v5-hrp-flow .v5-hrp-step-emphasis{
background:#202b3b!important;
border-color:#202b3b!important;
box-shadow:0 16px 34px rgba(32,43,59,.17)!important;
}
body.home-v5 .v5-hrp-flow .v5-hrp-step-emphasis .v5-hrp-step-number{
border-color:rgba(255,255,255,.42)!important;
color:#f7f3ec!important;
}
body.home-v5 .v5-hrp-flow .v5-hrp-step-emphasis strong,
body.home-v5 .v5-hrp-flow .v5-hrp-step-emphasis>span:last-child{
color:#f7f3ec!important;
}
@media(max-width:1200px){
body.home-v5 .v5-evidence-heading .v5-evidence-research{white-space:normal!important;}
}
@media(max-width:1100px){
body.home-v5 .v5-evidence{padding:32px 28px 24px!important;}
body.home-v5 .v5-evidence-top{padding-top:24px!important;padding-bottom:24px!important;}
body.home-v5 .v5-mini-grid.v5-hrp-flow{
grid-template-columns:1fr!important;
gap:14px!important;
}
body.home-v5 .v5-hrp-arrow{
height:32px!important;
transform:rotate(90deg)!important;
}
body.home-v5 .v5-hrp-flow .v5-hrp-step{min-height:0!important;}
}
@media(max-width:700px){
body.home-v5 .v5-evidence{padding:28px 20px 22px!important;}
body.home-v5 .v5-evidence-heading{padding:0 0 22px!important;}
body.home-v5 .v5-evidence-heading .v5-evidence-research{font-size:17px!important;}
body.home-v5 .v5-evidence-top .v5-stat{padding-inline:0!important;}
body.home-v5 .v5-hrp-flow .v5-hrp-step{padding:22px 20px!important;}
}
/* ===== 29 Sep refinement: centred evidence, softer parallax type, journey alignment ===== */
/* Keep the three headline figures visually balanced and centred inside equal columns. */
body.home-v5 .v5-evidence-top{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;
}
body.home-v5 .v5-evidence-top .v5-stat,
body.home-v5 .v5-evidence-top .v5-stat:first-child,
body.home-v5 .v5-evidence-top .v5-stat:last-child{
padding:18px 34px!important;
min-height:182px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
body.home-v5 .v5-evidence-top .v5-stat p:not(.v5-kicker):not(.v5-stat-overline){
max-width:300px!important;
margin-inline:auto!important;
text-align:center!important;
}
body.home-v5 .v5-evidence-top .v5-stat:first-child>strong{
font-size:clamp(66px,5.7vw,92px)!important;
}
body.home-v5 .v5-evidence-top .v5-stat-overline{
width:100%!important;
text-align:center!important;
margin-bottom:6px!important;
}
/* Payout strip: four evenly spaced, centred pieces of information. */
body.home-v5 .v5-evidence-payout{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:0!important;
align-items:center!important;
justify-items:center!important;
padding:24px 28px!important;
}
body.home-v5 .v5-evidence-payout>*{
width:100%!important;
min-width:0!important;
text-align:center!important;
justify-self:stretch!important;
padding-inline:18px!important;
}
body.home-v5 .v5-evidence-payout>*+*{
border-left:1px solid #dfd2ca!important;
}
body.home-v5 .v5-payout-copy>p:last-child{
font-family:Arial,Helvetica,sans-serif!important;
font-size:18px!important;
line-height:1.35!important;
font-weight:500!important;
color:#3e4957!important;
}
body.home-v5 .v5-payout-note{
font-size:18px!important;
font-weight:500!important;
color:#3e4957!important;
}
body.home-v5 .v5-payout-source{
font-size:15px!important;
font-weight:600!important;
line-height:1.3!important;
color:#53606d!important;
white-space:nowrap!important;
}
/* Slightly softer, more human display face for the large parallax statements. */
body.home-v5 .v5-parallax-copy h2{
font-family:Georgia,'Times New Roman',Times,serif!important;
font-weight:400!important;
letter-spacing:-.028em!important;
line-height:1.01!important;
}
/* Align journey numbers/labels with the centre of their timeline circles. */
body.home-v5 .v5-steps li{
min-height:39px!important;
}
body.home-v5 .v5-steps button{
position:relative!important;
align-items:center!important;
padding:5px 0 10px!important;
line-height:1.25!important;
}
body.home-v5 .v5-steps button:before{
top:50%!important;
transform:translateY(-62%)!important;
}
body.home-v5 .v5-steps button span{
display:inline-block!important;
transform:translateY(-1px)!important;
line-height:1!important;
}
@media(max-width:1100px){
body.home-v5 .v5-evidence-payout{
grid-template-columns:1fr 1fr!important;
border-radius:28px!important;
row-gap:0!important;
}
body.home-v5 .v5-evidence-payout>*{padding-block:15px!important;}
body.home-v5 .v5-evidence-payout>*+*{border-left:0!important;}
body.home-v5 .v5-evidence-payout>*:nth-child(even){border-left:1px solid #dfd2ca!important;}
body.home-v5 .v5-evidence-payout>*:nth-child(n+3){border-top:1px solid #dfd2ca!important;}
}
@media(max-width:700px){
body.home-v5 .v5-evidence-top{grid-template-columns:1fr!important;}
body.home-v5 .v5-evidence-top .v5-stat,
body.home-v5 .v5-evidence-top .v5-stat:first-child,
body.home-v5 .v5-evidence-top .v5-stat:last-child{
padding:24px 0!important;
min-height:0!important;
}
body.home-v5 .v5-evidence-top .v5-stat+ .v5-stat{border-top:1px solid #d4c1c0!important;border-left:0!important;}
body.home-v5 .v5-evidence-payout{grid-template-columns:1fr!important;border-radius:24px!important;}
body.home-v5 .v5-evidence-payout>*{padding:16px 8px!important;}
body.home-v5 .v5-evidence-payout>*:nth-child(n){border-left:0!important;}
body.home-v5 .v5-evidence-payout>*+*{border-top:1px solid #dfd2ca!important;}
body.home-v5 .v5-payout-source{white-space:normal!important;}
}
/* ===== 29 Sep refinement v8: journey timer + aligned evidence + taller parallax ===== */
/* Evidence headline figures: reserve a shared row for the optional overline,
a shared number row, and a shared description row so all three columns line up. */
body.home-v5 .v5-evidence-top{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;
}
body.home-v5 .v5-evidence-top .v5-stat,
body.home-v5 .v5-evidence-top .v5-stat:first-child,
body.home-v5 .v5-evidence-top .v5-stat:last-child{
display:grid!important;
grid-template-rows:34px 96px minmax(64px,auto)!important;
align-content:start!important;
align-items:start!important;
justify-items:center!important;
min-height:220px!important;
padding:22px 34px 18px!important;
text-align:center!important;
}
body.home-v5 .v5-evidence-top .v5-stat>strong{
grid-row:2!important;
align-self:end!important;
justify-self:center!important;
margin:0!important;
padding:0 0 8px!important;
white-space:nowrap!important;
}
body.home-v5 .v5-evidence-top .v5-stat:first-child>strong{
font-size:clamp(74px,6.25vw,102px)!important;
}
body.home-v5 .v5-evidence-top .v5-stat .v5-ratio{
font-size:clamp(48px,4.15vw,66px)!important;
}
body.home-v5 .v5-evidence-top .v5-stat-overline{
grid-row:1!important;
align-self:start!important;
justify-self:center!important;
margin:0!important;
transform:translateY(-10px)!important;
line-height:1!important;
}
body.home-v5 .v5-evidence-top .v5-stat>p:not(.v5-stat-overline){
grid-row:3!important;
align-self:start!important;
justify-self:center!important;
margin:0!important;
padding-top:10px!important;
max-width:320px!important;
text-align:center!important;
line-height:1.42!important;
}
/* Payout strip: clean horizontal sentence, no vertical dividers, report pushed right. */
body.home-v5 .v5-evidence-payout{
display:grid!important;
grid-template-columns:max-content auto max-content minmax(160px,1fr)!important;
align-items:center!important;
justify-items:start!important;
gap:28px!important;
padding:24px 30px!important;
}
body.home-v5 .v5-evidence-payout>*{
width:auto!important;
min-width:0!important;
padding:0!important;
border:0!important;
text-align:left!important;
justify-self:start!important;
}
body.home-v5 .v5-evidence-payout>*+*{
border-left:0!important;
border-top:0!important;
}
body.home-v5 .v5-payout-copy>p:last-child{
white-space:nowrap!important;
font-size:18px!important;
}
body.home-v5 .v5-payout-money{
white-space:nowrap!important;
}
body.home-v5 .v5-payout-note{
white-space:nowrap!important;
}
body.home-v5 .v5-payout-source{
justify-self:end!important;
text-align:right!important;
white-space:nowrap!important;
display:inline-flex!important;
align-items:center!important;
gap:8px!important;
}
body.home-v5 .v5-payout-source span{
display:inline-block;
font-size:1.05em;
transform:translateY(-1px);
}
/* Give every parallax another 15% vertical presence. */
body.home-v5 .v5-parallax{min-height:531px!important;}
body.home-v5 .v5-parallax-tea{min-height:580px!important;}
body.home-v5 .v5-parallax-hero{min-height:547px!important;}
body.home-v5 .v5-parallax-copy{padding-block:83px!important;}
/* Journey list alignment: the index and label sit on the visual centre of the node. */
body.home-v5 .v5-steps li{min-height:40px!important;}
body.home-v5 .v5-steps button{
display:grid!important;
grid-template-columns:26px 1fr!important;
column-gap:14px!important;
align-items:center!important;
padding:4px 0 11px!important;
line-height:1.2!important;
}
body.home-v5 .v5-steps button:before{
top:14px!important;
transform:translateY(-50%)!important;
}
body.home-v5 .v5-steps .v5-step-index,
body.home-v5 .v5-steps .v5-step-label{
transform:translateY(-3px)!important;
line-height:1.15!important;
}
body.home-v5 .v5-steps .v5-step-index{
font-size:14px!important;
color:#727d8a!important;
}
body.home-v5 .v5-steps .v5-step-label{
font-size:16px!important;
}
/* Circular journey countdown. JS updates --journey-progress from 0 to 1. */
body.home-v5 .v5-step-card{isolation:isolate;}
body.home-v5 .v5-step-timer{
--journey-progress:0;
position:absolute;
top:26px;
right:34px;
z-index:5;
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
color:#5d6674;
}
body.home-v5 .v5-step-timer-ring{
width:58px;
height:58px;
border-radius:50%;
display:grid;
place-items:center;
background:conic-gradient(#202b3b calc(var(--journey-progress) * 1turn),rgba(32,43,59,.13) 0);
position:relative;
box-shadow:0 5px 16px rgba(45,39,39,.06);
}
body.home-v5 .v5-step-timer-ring:before{
content:'';
position:absolute;
inset:4px;
border-radius:50%;
background:#f8eeee;
}
body.home-v5 .v5-step-timer-ring span{
position:relative;
z-index:1;
font-family:Arial,Helvetica,sans-serif;
font-weight:700;
font-size:15px;
line-height:1;
color:#202b3b;
}
body.home-v5 .v5-step-timer-label{
font-size:9px;
line-height:1;
letter-spacing:.14em;
font-weight:700;
color:#717987;
}
body.home-v5 .v5-step-timer.is-paused .v5-step-timer-ring{
background:conic-gradient(#7f6e74 calc(var(--journey-progress) * 1turn),rgba(32,43,59,.13) 0);
}
body.home-v5 .v5-step-card .v5-step-animate-target{
will-change:opacity,transform;
}
@media(max-width:1100px){
body.home-v5 .v5-evidence-payout{
grid-template-columns:max-content auto max-content 1fr!important;
gap:18px!important;
}
body.home-v5 .v5-payout-copy>p:last-child{font-size:16px!important;}
body.home-v5 .v5-payout-source{justify-self:end!important;}
}
@media(max-width:700px){
body.home-v5 .v5-evidence-top .v5-stat,
body.home-v5 .v5-evidence-top .v5-stat:first-child,
body.home-v5 .v5-evidence-top .v5-stat:last-child{
display:flex!important;
flex-direction:column!important;
min-height:0!important;
padding:26px 0!important;
}
body.home-v5 .v5-evidence-top .v5-stat>strong,
body.home-v5 .v5-evidence-top .v5-stat>p:not(.v5-stat-overline),
body.home-v5 .v5-evidence-top .v5-stat-overline{
transform:none!important;
padding:0!important;
margin:0!important;
}
body.home-v5 .v5-evidence-top .v5-stat>p:not(.v5-stat-overline){margin-top:12px!important;}
body.home-v5 .v5-evidence-top .v5-stat-overline{margin-bottom:10px!important;}
body.home-v5 .v5-evidence-payout{
grid-template-columns:1fr!important;
gap:14px!important;
}
body.home-v5 .v5-evidence-payout>*{justify-self:start!important;text-align:left!important;}
body.home-v5 .v5-payout-copy>p:last-child{white-space:normal!important;}
body.home-v5 .v5-payout-source{justify-self:start!important;}
body.home-v5 .v5-parallax,
body.home-v5 .v5-parallax-tea,
body.home-v5 .v5-parallax-hero{min-height:612px!important;}
body.home-v5 .v5-parallax-copy{padding-block:72px!important;}
body.home-v5 .v5-step-timer{top:20px;right:22px;}
body.home-v5 .v5-step-timer-ring{width:52px;height:52px;}
}
@media(prefers-reduced-motion:reduce){
body.home-v5 .v5-step-card .v5-step-animate-target{will-change:auto;}
}
@media(max-width:1100px){
body.home-v5 .v5-evidence-payout>*:nth-child(n){border:0!important;}
}
/* ===== V9: hero copy + isolated crisp nav hover ===== */
@media(min-width:1101px){
body.home-v5 .v5-hero .v5-nav{
gap:18px!important;
}
body.home-v5 .v5-hero .v5-nav a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:30px!important;
line-height:1!important;
font-size:16px!important;
font-weight:600!important;
white-space:nowrap!important;
transform:none!important;
transition:font-size .18s ease,color .18s ease,font-weight .18s ease!important;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
body.home-v5 .v5-hero .v5-nav a:nth-child(1){width:100px!important;}
body.home-v5 .v5-hero .v5-nav a:nth-child(2){width:108px!important;}
body.home-v5 .v5-hero .v5-nav a:nth-child(3){width:68px!important;}
body.home-v5 .v5-hero .v5-nav a:nth-child(4){width:84px!important;}
body.home-v5 .v5-hero .v5-nav a:nth-child(5){width:80px!important;}
body.home-v5 .v5-hero .v5-nav a:nth-child(6){width:74px!important;}
body.home-v5 .v5-hero .v5-nav a:hover,
body.home-v5 .v5-hero .v5-nav a:focus-visible{
font-size:17px!important;
font-weight:700!important;
transform:none!important;
}
body.home-v5 .v5-hero h1{
font-size:clamp(58px,5.25vw,82px)!important;
line-height:.94!important;
max-width:850px!important;
}
body.home-v5 .v5-hero-lead{
margin-top:18px!important;
}
}
@media(max-width:700px){
body.home-v5 .v5-hero h1{font-size:48px!important;line-height:.98!important;max-width:94%!important;}
body.home-v5 .v5-hero-lead{font-size:30px!important;}
}
/* ===== 29 Sep refinement v10: cleaner hero + simplified evidence ===== */
/* Slightly reduce the new hero headline without changing its line structure. */
@media(min-width:1101px){
body.home-v5 .v5-hero h1{
font-size:clamp(54px,4.85vw,76px)!important;
line-height:.95!important;
max-width:820px!important;
}
}
@media(max-width:700px){
body.home-v5 .v5-hero h1{font-size:44px!important;line-height:1!important;}
}
/* Two-stat evidence row: clean, balanced and easier to scan. */
body.home-v5 .v5-evidence-top.v5-evidence-top-two{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:22px!important;
padding:28px 0 30px!important;
align-items:stretch!important;
}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat,
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat:first-child,
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat:last-child{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
min-height:250px!important;
padding:34px 42px!important;
border:1px solid rgba(118,94,96,.16)!important;
border-radius:18px!important;
background:rgba(255,250,246,.42)!important;
box-shadow:0 14px 30px rgba(56,43,45,.045)!important;
}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat>strong{
display:block!important;
margin:0!important;
padding:0!important;
transform:none!important;
align-self:auto!important;
font-size:clamp(72px,6vw,98px)!important;
line-height:.92!important;
letter-spacing:-.045em!important;
}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat:first-child>strong{
font-size:clamp(82px,6.65vw,108px)!important;
}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat-overline{
order:-1!important;
margin:0 0 14px!important;
padding:0!important;
transform:none!important;
font-size:18px!important;
line-height:1!important;
color:#4d5867!important;
}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat>p:not(.v5-stat-overline){
margin:20px auto 0!important;
padding:0!important;
transform:none!important;
max-width:380px!important;
font-size:17px!important;
line-height:1.45!important;
text-align:center!important;
color:#3f4a59!important;
}
/* Make the average-underpayment panel a single centred statement with the amount as the focal point. */
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
min-height:190px!important;
margin-top:22px!important;
padding:34px 40px!important;
border:1px solid #ded2ca!important;
border-radius:22px!important;
background:#fffaf5!important;
box-shadow:0 14px 32px rgba(60,48,48,.055)!important;
text-align:center!important;
}
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple>*{
width:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
justify-self:auto!important;
text-align:center!important;
}
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple p{
font-family:'Times New Roman',Times,serif!important;
font-size:clamp(24px,2vw,31px)!important;
line-height:1.15!important;
color:#414b59!important;
white-space:normal!important;
}
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple .v5-payout-money{
display:block!important;
font-family:'Times New Roman',Times,serif!important;
font-size:clamp(78px,7.5vw,118px)!important;
line-height:.9!important;
letter-spacing:-.05em!important;
color:#202b3b!important;
}
@media(max-width:700px){
body.home-v5 .v5-evidence-top.v5-evidence-top-two{grid-template-columns:1fr!important;gap:16px!important;}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat,
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat:first-child,
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat:last-child{
min-height:0!important;
padding:30px 22px!important;
}
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple{min-height:0!important;padding:30px 22px!important;}
}
/* ===== 29 Sep refinement v11: wider reasons intro, compact evidence, static premium claim timeline ===== */
@media(min-width:1101px){
body.home-v5 .v5-section-intro{grid-template-columns:minmax(0,56%) minmax(0,44%)!important;gap:54px!important;align-items:center!important;}
body.home-v5 .v5-section-intro>div:first-child{min-width:0!important;}
body.home-v5 .v5-section-intro h2{max-width:760px!important;font-size:clamp(48px,4.25vw,66px)!important;line-height:.96!important;}
body.home-v5 .v5-intro-copy{justify-self:end!important;width:min(100%,390px)!important;padding-left:30px!important;padding-bottom:0!important;align-self:center!important;}
body.home-v5 .v5-intro-copy p{font-size:17px!important;line-height:1.62!important;}
}
@media(min-width:1101px){
body.home-v5 .v5-evidence{margin-top:28px!important;padding:24px 28px 22px!important;border-radius:17px!important;}
body.home-v5 .v5-evidence-heading{padding:0 0 18px!important;}
body.home-v5 .v5-evidence-heading .v5-kicker{margin-bottom:10px!important;font-size:13px!important;}
body.home-v5 .v5-evidence-heading .v5-evidence-research{max-width:none!important;margin:0!important;font-size:18px!important;line-height:1.35!important;}
body.home-v5 .v5-evidence-top.v5-evidence-top-two{gap:18px!important;padding:18px 0!important;}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat,
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat:first-child,
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat:last-child{min-height:176px!important;padding:22px 30px!important;border-radius:15px!important;}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat>strong{font-size:clamp(58px,4.7vw,76px)!important;}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat:first-child>strong{font-size:clamp(64px,5.25vw,84px)!important;}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat-overline{margin-bottom:7px!important;font-size:15px!important;}
body.home-v5 .v5-evidence-top.v5-evidence-top-two .v5-stat>p:not(.v5-stat-overline){margin-top:12px!important;max-width:440px!important;font-size:15px!important;line-height:1.38!important;}
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple{min-height:132px!important;margin-top:14px!important;gap:4px!important;padding:22px 32px!important;border-radius:17px!important;}
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple p{font-size:clamp(20px,1.55vw,25px)!important;}
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple .v5-payout-money{font-size:clamp(66px,5.5vw,88px)!important;}
}
body.home-v5 .v5-journey{padding-top:68px!important;padding-bottom:76px!important;overflow:hidden;}
body.home-v5 .v5-journey-header{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:50px;}
body.home-v5 .v5-journey-header .v5-kicker{margin:0 0 8px;flex:0 0 auto;}
body.home-v5 .v5-journey-header h2{margin:0;max-width:940px;font-family:'Times New Roman',Times,serif;font-size:clamp(54px,5vw,78px);line-height:.94;letter-spacing:-.045em;text-align:right;font-weight:400;}
body.home-v5 .v5-claim-timeline{--timeline-line:#c8c0ba;position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px;}
body.home-v5 .v5-claim-timeline:before{content:'';position:absolute;left:calc(100% / 14);right:calc(100% / 14);top:28px;height:1px;background:linear-gradient(90deg,rgba(200,192,186,.35),var(--timeline-line) 10%,var(--timeline-line) 90%,rgba(200,192,186,.35));}
body.home-v5 .v5-claim-timeline li{position:relative;z-index:1;min-width:0;text-align:center;padding:0 5px;}
body.home-v5 .v5-claim-node{width:56px;height:56px;margin:0 auto 23px;display:grid;place-items:center;border:1px solid #aeb2b6;border-radius:50%;background:#f7f3ec;box-shadow:0 7px 20px rgba(45,40,40,.055),0 0 0 7px #f7f3ec;font-family:'Times New Roman',Times,serif;font-size:20px;line-height:1;color:#202b3b;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;}
body.home-v5 .v5-claim-timeline li:hover .v5-claim-node{background:#202b3b;color:#f7f3ec;border-color:#202b3b;box-shadow:0 9px 24px rgba(32,43,59,.14),0 0 0 7px #f7f3ec;transform:translateY(-2px);}
body.home-v5 .v5-claim-timeline h3{margin:0 auto 10px;max-width:170px;font-size:20px;line-height:1.08;letter-spacing:-.025em;font-weight:700;}
body.home-v5 .v5-claim-timeline p{margin:0 auto;max-width:168px;font-size:13px;line-height:1.48;color:#4d5866;}
@media(max-width:1100px){
body.home-v5 .v5-journey-header{display:block;margin-bottom:38px;}
body.home-v5 .v5-journey-header h2{text-align:left;margin-top:10px;}
body.home-v5 .v5-claim-timeline{grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto;padding:0 4px 18px;scroll-snap-type:x proximity;}
body.home-v5 .v5-claim-timeline:before{left:75px;right:75px;}
body.home-v5 .v5-claim-timeline li{scroll-snap-align:start;}
}
@media(max-width:700px){
body.home-v5 .v5-journey{padding-top:52px!important;padding-bottom:56px!important;}
body.home-v5 .v5-journey-header h2{font-size:50px!important;}
body.home-v5 .v5-claim-timeline{gap:14px;grid-template-columns:repeat(7,minmax(145px,1fr));}
body.home-v5 .v5-claim-timeline h3{font-size:19px;}
body.home-v5 .v5-claim-timeline p{font-size:13px;}
}
/* ===== 29 Sep refinement v12: service flow cards + animated claim timeline ===== */
body.home-v5 .v5-service .v5-split{
grid-template-columns:30% 70%!important;
gap:46px!important;
}
body.home-v5 .v5-service-copy{min-width:0;}
body.home-v5 .v5-service-intro{
max-width:980px;
margin-bottom:26px;
}
body.home-v5 .v5-service-list{
position:relative;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:24px!important;
margin:0!important;
padding:0!important;
list-style:none!important;
overflow:visible;
}
body.home-v5 .v5-service-list li{
position:relative;
display:block!important;
min-height:245px;
padding:28px 24px 26px!important;
border:1px solid rgba(133,112,112,.18)!important;
border-radius:20px!important;
background:linear-gradient(145deg,#fffaf6 0%,#f4e7e5 100%)!important;
box-shadow:0 18px 42px rgba(54,45,47,.09),0 2px 8px rgba(54,45,47,.035)!important;
overflow:visible;
transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease!important;
}
body.home-v5 .v5-service-list li:hover{
transform:translateY(-7px);
border-color:rgba(109,87,90,.28)!important;
box-shadow:0 26px 54px rgba(54,45,47,.13),0 5px 14px rgba(54,45,47,.055)!important;
}
body.home-v5 .v5-service-list li>span{
display:grid;
place-items:center;
width:46px;
height:46px;
margin:0 0 22px;
padding:0!important;
border:1px solid rgba(90,80,82,.25);
border-radius:50%;
background:#f7f3ec;
font-family:'Times New Roman',Times,serif;
font-size:17px!important;
color:#202b3b!important;
box-shadow:0 7px 18px rgba(45,40,40,.055);
}
body.home-v5 .v5-service-list h3{
margin:0 0 12px!important;
font-size:26px!important;
line-height:1.04!important;
letter-spacing:-.025em!important;
}
body.home-v5 .v5-service-list p{
margin:0!important;
font-size:15px!important;
line-height:1.55!important;
color:#3f4a59!important;
}
body.home-v5 .v5-service-list li:not(:last-child)::after{
content:'→';
position:absolute;
top:50%;
right:-22px;
z-index:4;
display:grid;
place-items:center;
width:40px;
height:40px;
border:1px solid #d6c8c4;
border-radius:50%;
background:#f7f3ec;
color:#505a67;
font-size:22px;
line-height:1;
transform:translate(50%,-50%);
box-shadow:0 8px 20px rgba(45,40,40,.08);
}
body.home-v5 .v5-control{
margin-top:24px!important;
padding-top:0!important;
border:0!important;
}
/* Timeline automatically moves through one step every six seconds. */
body.home-v5 .v5-claim-timeline li{
transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease;
}
body.home-v5 .v5-claim-timeline .v5-claim-node{
position:relative;
overflow:visible;
transition:background-color .65s ease,color .65s ease,border-color .65s ease,box-shadow .65s ease,transform .65s cubic-bezier(.22,1,.36,1)!important;
}
body.home-v5 .v5-claim-timeline .v5-claim-node::after{
content:'';
position:absolute;
inset:-8px;
border-radius:50%;
border:2px solid rgba(32,43,59,.13);
opacity:0;
transform:scale(.88);
}
body.home-v5 .v5-claim-timeline li.is-active{
transform:translateY(-5px);
}
body.home-v5 .v5-claim-timeline li.is-active .v5-claim-node{
background:#202b3b!important;
color:#f7f3ec!important;
border-color:#202b3b!important;
box-shadow:0 13px 30px rgba(32,43,59,.18),0 0 0 7px #f7f3ec!important;
transform:scale(1.08);
}
body.home-v5 .v5-claim-timeline li.is-active .v5-claim-node::after{
opacity:1;
animation:v5TimelineHalo 6s linear forwards;
}
body.home-v5 .v5-claim-timeline li.is-active h3{color:#202b3b;}
body.home-v5 .v5-claim-timeline li:not(.is-active) h3,
body.home-v5 .v5-claim-timeline li:not(.is-active) p{transition:color .65s ease,opacity .65s ease;}
body.home-v5 .v5-claim-timeline li:not(.is-active) p{opacity:.78;}
@keyframes v5TimelineHalo{
0%{transform:scale(.88);opacity:0}
10%{opacity:1}
100%{transform:scale(1.24);opacity:0}
}
/* FAQ becomes the next section after the streamlined journey. */
body.home-v5 .v5-faq .v5-heading-block h2{font-size:clamp(62px,5.4vw,86px)!important;}
@media(max-width:1100px){
body.home-v5 .v5-service .v5-split{grid-template-columns:1fr!important;}
body.home-v5 .v5-service-list{grid-template-columns:1fr 1fr!important;gap:22px!important;}
body.home-v5 .v5-service-list li:not(:last-child)::after{display:none;}
}
@media(max-width:700px){
body.home-v5 .v5-service-list{grid-template-columns:1fr!important;}
body.home-v5 .v5-service-list li{min-height:0;}
}
@media(prefers-reduced-motion:reduce){
body.home-v5 .v5-claim-timeline li,
body.home-v5 .v5-claim-timeline .v5-claim-node{transition:none!important;transform:none!important;}
body.home-v5 .v5-claim-timeline li.is-active .v5-claim-node::after{animation:none!important;}
}
/* ===== 29 Sep refinement v13: vertical service flow, simplified footer, viewport hero ===== */
/* 01. What we do: premium vertical flow */
body.home-v5 .v5-service .v5-split{
grid-template-columns:31% 69%!important;
gap:58px!important;
}
body.home-v5 .v5-service-copy{min-width:0;}
body.home-v5 .v5-service-list{
display:grid!important;
grid-template-columns:1fr!important;
gap:30px!important;
overflow:visible!important;
max-width:900px;
}
body.home-v5 .v5-service-list li{
position:relative;
display:grid!important;
grid-template-columns:68px 1fr!important;
align-items:start;
gap:24px!important;
min-height:0!important;
padding:30px 34px!important;
border:1px solid rgba(118,99,101,.17)!important;
border-radius:20px!important;
background:linear-gradient(135deg,#fffaf6 0%,#f6ece8 58%,#f1dfdf 100%)!important;
box-shadow:0 18px 46px rgba(54,45,47,.085),0 3px 10px rgba(54,45,47,.035)!important;
overflow:visible!important;
}
body.home-v5 .v5-service-list li:hover{
transform:translateY(-4px)!important;
box-shadow:0 25px 58px rgba(54,45,47,.12),0 5px 14px rgba(54,45,47,.045)!important;
}
body.home-v5 .v5-service-list li>span{
width:58px!important;
height:58px!important;
margin:0!important;
font-size:20px!important;
background:#f7f3ec!important;
border:1px solid rgba(83,74,77,.25)!important;
box-shadow:0 8px 22px rgba(45,40,40,.065)!important;
}
body.home-v5 .v5-service-list h3{
font-size:29px!important;
margin:1px 0 9px!important;
line-height:1.05!important;
}
body.home-v5 .v5-service-list p{
max-width:720px;
font-size:16px!important;
line-height:1.58!important;
}
body.home-v5 .v5-service-list li:not(:last-child)::after{
content:'↓'!important;
top:auto!important;
right:auto!important;
left:50%!important;
bottom:-25px!important;
width:38px!important;
height:38px!important;
transform:translate(-50%,50%)!important;
border-color:#d8cbc6!important;
background:#f7f3ec!important;
color:#4d5764!important;
font-size:20px!important;
box-shadow:0 8px 20px rgba(45,40,40,.075)!important;
}
body.home-v5 .v5-control{max-width:900px;}
/* 02. Footer: legal paragraph removed, and remove the line that sat directly above it. */
body.home-v5 .v5-footer-contact{
border-bottom:0!important;
padding-bottom:4px!important;
}
body.home-v5 .v5-footer-legal{display:none!important;}
/* 03. Desktop hero occupies the entire first viewport without stretching the image. */
@media(min-width:1101px){
body.home-v5 .v5-hero{
height:100vh!important;
min-height:720px!important;
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:center center!important;
}
@supports(height:100svh){
body.home-v5 .v5-hero{height:100svh!important;}
}
body.home-v5 .v5-hero-copy{
min-height:calc(100vh - 92px);
display:flex;
flex-direction:column;
justify-content:center;
padding-top:0!important;
padding-bottom:70px!important;
}
@supports(height:100svh){
body.home-v5 .v5-hero-copy{min-height:calc(100svh - 92px);}
}
}
@media(max-width:1100px){
body.home-v5 .v5-service .v5-split{grid-template-columns:1fr!important;gap:34px!important;}
body.home-v5 .v5-service-list{grid-template-columns:1fr!important;max-width:none;}
body.home-v5 .v5-service-list li:not(:last-child)::after{display:grid!important;}
}
@media(max-width:700px){
body.home-v5 .v5-service-list li{
grid-template-columns:52px 1fr!important;
gap:18px!important;
padding:24px 20px!important;
}
body.home-v5 .v5-service-list li>span{width:48px!important;height:48px!important;font-size:17px!important;}
body.home-v5 .v5-service-list h3{font-size:24px!important;}
body.home-v5 .v5-service-list li:not(:last-child)::after{bottom:-24px!important;}
}
/* ===== 29 Sep refinement v14: tighter service flow, 4s journey, hero placement ===== */
/* 01. Keep the service flow vertical, but make it more compact and keep connectors visible. */
body.home-v5 .v5-service-list{
gap:28px!important;
max-width:860px!important;
}
body.home-v5 .v5-service-list li{
grid-template-columns:58px 1fr!important;
gap:20px!important;
padding:19px 28px!important;
border-radius:17px!important;
z-index:1;
}
body.home-v5 .v5-service-list li:hover{z-index:3;}
body.home-v5 .v5-service-list li>span{
width:50px!important;
height:50px!important;
font-size:17px!important;
}
body.home-v5 .v5-service-list h3{
font-size:26px!important;
margin:0 0 7px!important;
}
body.home-v5 .v5-service-list p{
font-size:15.5px!important;
line-height:1.48!important;
}
body.home-v5 .v5-service-list li:not(:last-child)::after{
display:grid!important;
place-items:center;
left:50%!important;
bottom:-14px!important;
transform:translate(-50%,50%)!important;
width:30px!important;
height:30px!important;
z-index:5!important;
pointer-events:none;
border:1px solid #d8cbc6!important;
background:#f7f3ec!important;
box-shadow:0 6px 16px rgba(45,40,40,.09)!important;
}
body.home-v5 .v5-service-intro{padding-bottom:14px!important;}
body.home-v5 .v5-control{padding-top:10px!important;}
/* 02. Push the main hero message slightly lower, while preserving the full-screen hero. */
@media(min-width:1101px){
body.home-v5 .v5-hero-copy{transform:translateY(24px);}
body.home-v5 .v5-hero-copy > .v5-actions .v5-btn{
font-size:22px!important;
padding:21px 28px!important;
min-height:56px;
}
}
@media(max-width:1100px){
body.home-v5 .v5-service-list{gap:26px!important;}
}
@media(max-width:700px){
body.home-v5 .v5-service-list li{
grid-template-columns:48px 1fr!important;
gap:16px!important;
padding:18px 18px!important;
}
body.home-v5 .v5-service-list li>span{width:44px!important;height:44px!important;font-size:16px!important;}
body.home-v5 .v5-service-list li:not(:last-child)::after{bottom:-13px!important;width:28px!important;height:28px!important;}
}
/* ======================================================================
Hampton & Rowe V15 - editorial refinement
Main-page process redesign + full auxiliary-page visual system
====================================================================== */
/* ---------- Main page: a calmer, wider four-stage service flow ---------- */
body.home-v5 .v5-service{
padding:82px 0 88px!important;
background:linear-gradient(180deg,#f8f5ef 0%,#f7f3ec 100%)!important;
}
body.home-v5 .v15-service-head{
display:grid;
grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
gap:72px;
align-items:end;
margin-bottom:30px;
}
body.home-v5 .v15-service-head .v5-heading-block h2{
max-width:520px;
font-size:clamp(58px,5.4vw,82px)!important;
line-height:.92!important;
}
body.home-v5 .v15-service-intro-wrap{
border-left:1px solid #c9c0b9;
padding:6px 0 7px 38px;
}
body.home-v5 .v15-service-intro-wrap .v5-service-intro{
border:0!important;
padding:0!important;
margin:0!important;
max-width:860px;
font-size:18px!important;
line-height:1.62!important;
color:#485462!important;
}
body.home-v5 .v5-service-list{
position:relative;
display:grid!important;
grid-template-columns:1fr!important;
gap:16px!important;
max-width:none!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
body.home-v5 .v5-service-list li{
position:relative;
display:grid!important;
grid-template-columns:56px minmax(0,1fr)!important;
gap:22px!important;
align-items:center!important;
min-height:96px!important;
padding:16px 28px 16px 20px!important;
margin:0!important;
border:1px solid rgba(110,94,96,.16)!important;
border-radius:15px!important;
background:linear-gradient(100deg,#fffaf6 0%,#fbf5f1 52%,#f3e4e4 100%)!important;
box-shadow:0 11px 30px rgba(50,43,44,.065),0 2px 6px rgba(50,43,44,.025)!important;
overflow:visible!important;
transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .4s ease!important;
}
body.home-v5 .v5-service-list li:nth-child(even){
background:linear-gradient(100deg,#fbf7f2 0%,#f8efeb 56%,#f0dfdf 100%)!important;
}
body.home-v5 .v5-service-list li:hover{
transform:translateY(-3px)!important;
border-color:rgba(92,76,78,.25)!important;
box-shadow:0 18px 42px rgba(50,43,44,.095),0 3px 8px rgba(50,43,44,.035)!important;
z-index:4;
}
body.home-v5 .v5-service-list li>span{
display:grid!important;
place-items:center!important;
width:44px!important;
height:44px!important;
margin:0!important;
padding:0!important;
border:1px solid #cfc3be!important;
border-radius:50%!important;
background:#f7f3ec!important;
box-shadow:none!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:14px!important;
letter-spacing:.08em!important;
color:#576270!important;
}
body.home-v5 .v5-service-list li>div{
display:grid;
grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);
gap:40px;
align-items:center;
min-width:0;
}
body.home-v5 .v5-service-list h3{
margin:0!important;
font-size:27px!important;
line-height:1.08!important;
letter-spacing:-.025em!important;
}
body.home-v5 .v5-service-list p{
margin:0!important;
max-width:none!important;
font-size:16px!important;
line-height:1.5!important;
color:#4e5967!important;
}
body.home-v5 .v5-service-list li:not(:last-child)::after{
content:'↓'!important;
position:absolute!important;
left:31px!important;
right:auto!important;
top:auto!important;
bottom:-19px!important;
display:grid!important;
place-items:center!important;
width:28px!important;
height:22px!important;
transform:none!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#8b7e7b!important;
font-size:18px!important;
line-height:1!important;
z-index:9!important;
pointer-events:none!important;
}
body.home-v5 .v5-control{
margin:20px 0 0 78px!important;
padding:0!important;
max-width:none!important;
border:0!important;
font-size:15px!important;
line-height:1.55!important;
color:#5b6572!important;
}
/* ---------- Shared auxiliary-page header ---------- */
.page-body,.fees-page{background:#f7f3ec;color:#202b3b;}
.page-body .site-header-light,.fees-page .fees-top>header{background:transparent;}
.page-body .site-header-light{
background:#f7f3ec;
border-bottom:1px solid rgba(118,104,101,.13);
}
.page-body .site-header-light header,
.fees-page .fees-top>header{
width:min(92%,1480px)!important;
max-width:1480px!important;
margin-inline:auto!important;
padding:18px 0!important;
min-height:88px;
}
.page-body .site-header-light header nav,
.fees-page header nav{gap:28px!important;align-items:center;}
.page-body .site-header-light header nav a,
.fees-page header nav a{
position:relative;
font-size:15px!important;
font-weight:600;
text-decoration:none!important;
white-space:nowrap;
}
.page-body .site-header-light header nav a::after,
.fees-page header nav a::after{
content:'';
position:absolute;
left:0;right:100%;bottom:-7px;
height:1px;
background:#202b3b;
transition:right .35s cubic-bezier(.22,1,.36,1);
}
.page-body .site-header-light header nav a:hover::after,
.fees-page header nav a:hover::after,
.page-body .site-header-light header nav a[aria-current]::after,
.fees-page header nav a[aria-current]::after{right:0;}
.page-body .site-header-light .header-check,
.fees-page .header-check{
font-size:15px!important;
padding:15px 21px!important;
border-radius:9px!important;
}
/* ---------- Editorial page heroes ---------- */
.page-body .page-hero{
position:relative;
isolation:isolate;
overflow:hidden;
min-height:520px;
padding:76px 0 78px!important;
border-bottom:1px solid rgba(119,103,100,.12)!important;
background:
radial-gradient(circle at 15% 10%,rgba(240,228,228,.74) 0 13%,transparent 13.2%),
linear-gradient(130deg,#f7f3ec 0%,#f7f3ec 52%,#efe2e1 100%)!important;
}
.page-body .page-hero.hr-image-hero{
background:
linear-gradient(90deg,#f7f3ec 0%,rgba(247,243,236,.98) 43%,rgba(247,243,236,.86) 55%,rgba(247,243,236,.24) 79%,rgba(247,243,236,.04) 100%),
var(--page-image) right center/58% 100% no-repeat!important;
}
.page-body .page-hero::before{
content:'';
position:absolute;
width:560px;height:560px;
right:-220px;top:-280px;
border:1px solid rgba(137,113,116,.18);
border-radius:50%;
z-index:-1;
}
.page-body .page-hero > .wrap{
width:min(92%,1480px)!important;
max-width:1480px!important;
}
.page-body .page-hero-grid{
display:grid!important;
grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr)!important;
gap:74px!important;
align-items:center!important;
}
.page-body .page-hero-grid>div:first-child{max-width:930px;}
.page-body .page-hero .eyebrow{
margin-bottom:22px!important;
font-size:12px!important;
letter-spacing:.15em!important;
font-weight:700;
color:#687383;
}
.page-body .page-hero h1{
font-size:clamp(68px,6.6vw,108px)!important;
line-height:.9!important;
letter-spacing:-.05em!important;
max-width:920px!important;
text-wrap:balance;
}
.page-body .page-hero .lead{
margin-top:28px!important;
max-width:790px!important;
font-size:clamp(25px,2.35vw,36px)!important;
line-height:1.18!important;
color:#46515f!important;
text-wrap:balance;
}
.page-body .page-hero .page-side{
border:1px solid rgba(120,103,101,.17)!important;
border-left:1px solid rgba(120,103,101,.17)!important;
border-radius:18px 70px 18px 18px;
padding:30px 31px!important;
background:rgba(251,248,243,.88);
box-shadow:0 20px 55px rgba(54,44,45,.09);
backdrop-filter:blur(8px);
}
.page-body .page-hero .page-side p{
font-size:17px!important;
line-height:1.65!important;
color:#45515f!important;
}
.page-body .page-hero .page-side .button{
margin-top:24px!important;
font-size:17px!important;
padding:17px 22px!important;
border-radius:9px!important;
}
.page-body.hr-legal-page .page-hero{
min-height:390px;
background:linear-gradient(135deg,#f7f3ec 0%,#f7f3ec 58%,#f0e4e4 100%)!important;
}
.page-body.hr-legal-page .page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr)!important;}
.page-body.hr-legal-page .page-hero h1{font-size:clamp(62px,5.8vw,94px)!important;}
/* ---------- Editorial article layout ---------- */
.page-body .content-shell{
width:min(92%,1480px)!important;
max-width:1480px!important;
margin:0 auto!important;
padding:92px 0 110px!important;
}
.page-body .content-grid{
display:grid!important;
grid-template-columns:260px minmax(0,1fr)!important;
gap:72px!important;
align-items:start!important;
}
.page-body .content-nav{
position:sticky!important;
top:28px!important;
padding:20px 22px 16px;
border:1px solid #e0d6d0;
border-radius:15px 48px 15px 15px;
background:#fbf8f3;
box-shadow:0 12px 34px rgba(55,45,46,.055);
}
.page-body .content-nav p{
margin:0 0 13px!important;
font-size:12px!important;
letter-spacing:.13em!important;
font-weight:700;
color:#6d7784;
}
.page-body .content-nav a{
display:block!important;
padding:13px 0!important;
border-top:1px solid #ddd4ce!important;
font-size:15px!important;
line-height:1.35!important;
color:#44505e!important;
text-decoration:none!important;
transition:padding-left .25s ease,color .25s ease;
}
.page-body .content-nav a:hover{padding-left:6px!important;color:#202b3b!important;}
.page-body .content-nav a:last-child{border-bottom:1px solid #ddd4ce!important;}
.page-body .content-main{
width:100%;
max-width:1000px;
min-width:0;
}
.page-body .prose>h2:first-child,
.page-body .prose>h2{
margin:0 0 25px!important;
font-size:clamp(50px,4.5vw,72px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
max-width:900px;
}
.page-body .prose>h2+p{
margin-top:0!important;
margin-bottom:34px!important;
max-width:870px;
font-size:20px!important;
line-height:1.7!important;
color:#46515f!important;
}
.page-body .prose p,
.page-body .prose li{
font-size:18px!important;
line-height:1.75!important;
color:#414c5a!important;
}
.page-body .prose ul,.page-body .prose ol{padding-left:25px!important;}
.page-body .prose li{margin-bottom:10px!important;}
.page-body .prose li::marker{color:#9b777b;}
.page-body .hr-content-card{
position:relative;
margin:20px 0!important;
padding:28px 32px 30px!important;
border:1px solid rgba(124,106,104,.16);
border-radius:16px 54px 16px 16px;
background:linear-gradient(135deg,#fffaf6 0%,#fbf6f2 62%,#f6eaea 100%);
box-shadow:0 13px 34px rgba(56,46,47,.055);
}
.page-body .hr-content-card:nth-of-type(even){border-radius:54px 16px 16px 16px;}
.page-body .hr-content-card h3{
margin:0 0 13px!important;
font-size:31px!important;
line-height:1.1!important;
letter-spacing:-.025em!important;
}
.page-body .hr-content-card p:last-child,
.page-body .hr-content-card ul:last-child,
.page-body .hr-content-card ol:last-child{margin-bottom:0!important;}
.page-body .identity-panel{
margin:32px 0!important;
padding:34px 38px!important;
border-radius:18px 76px 18px 18px!important;
background:#202b3b!important;
box-shadow:0 20px 48px rgba(32,43,59,.16)!important;
}
.page-body .identity-panel h3{font-size:33px!important;color:#fff!important;margin:0 0 18px!important;}
.page-body .identity-panel p{font-size:17px!important;line-height:1.65!important;color:#edf0f3!important;}
.page-body .prose .callout{
margin:30px 0!important;
padding:30px 34px!important;
border:1px solid #e2cecd;
border-radius:17px 64px 17px 17px!important;
background:linear-gradient(135deg,#f4e4e4 0%,#efe0e0 100%)!important;
box-shadow:0 14px 36px rgba(61,47,49,.055);
}
.page-body .prose .callout h3{margin:0 0 12px!important;font-size:31px!important;}
.page-body .prose .note{
margin:28px 0!important;
padding:22px 25px!important;
border:0!important;
border-left:4px solid #a18184!important;
border-radius:0 14px 14px 0;
background:#fbf7f2!important;
box-shadow:0 8px 24px rgba(50,42,43,.04);
}
.page-body .prose .smallprint{font-size:14px!important;line-height:1.65!important;color:#69737f!important;}
.page-body .prose .button{
display:inline-flex;
margin-top:5px;
font-size:16px!important;
padding:16px 20px!important;
border-radius:9px!important;
}
.page-body .prose .text-link{font-size:16px!important;}
/* Page-specific grid/card components */
.page-body .card-grid,
.page-body .guide-list,
.page-body .contact-grid{
display:grid!important;
gap:18px!important;
margin:30px 0!important;
border:0!important;
}
.page-body .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.page-body .guide-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.page-body .contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.page-body .info-card,
.page-body .guide-list .guide-card,
.page-body .contact-card{
border:1px solid #dfd3cd!important;
border-radius:15px 48px 15px 15px!important;
background:#fbf8f3!important;
box-shadow:0 12px 32px rgba(55,45,46,.055)!important;
padding:26px!important;
}
.page-body .info-card:nth-child(even),
.page-body .guide-list .guide-card:nth-child(even),
.page-body .contact-card:nth-child(even){border-radius:48px 15px 15px 15px!important;}
.page-body .info-card h3,
.page-body .guide-list .guide-card h3{font-size:30px!important;line-height:1.08!important;margin:14px 0 12px!important;}
.page-body .info-card p,
.page-body .guide-list .guide-card p,
.page-body .contact-card p,
.page-body .contact-card a{font-size:16px!important;line-height:1.6!important;color:#505c69!important;}
.page-body .guide-list .guide-card{min-height:280px!important;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease!important;}
.page-body .guide-list .guide-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 42px rgba(55,45,46,.09)!important;}
.page-body .contact-card strong{display:block;font-size:28px!important;margin-bottom:10px;}
.page-body .contact-form{
margin-top:34px!important;
padding:32px 34px!important;
border:1px solid #e0cecd;
border-radius:18px 60px 18px 18px;
background:linear-gradient(135deg,#f3e4e4 0%,#efe0e0 100%)!important;
box-shadow:0 14px 38px rgba(58,45,46,.06);
}
.page-body .contact-form label{font-size:13px!important;font-weight:700!important;}
.page-body .contact-form input,
.page-body .contact-form textarea{
border:1px solid #cdbfba!important;
border-radius:9px!important;
background:#fffaf6!important;
padding:15px 16px!important;
font-size:17px!important;
}
.page-body .form-note{font-size:14px!important;line-height:1.55!important;}
/* FAQ page and all article accordions */
.page-body .prose details{
margin:10px 0!important;
padding:0 22px!important;
border:1px solid #dfd3cd!important;
border-radius:12px!important;
background:#fbf8f3!important;
box-shadow:0 7px 20px rgba(55,45,46,.035);
}
.page-body .prose details:first-of-type{border-top:1px solid #dfd3cd!important;}
.page-body .prose details summary{
padding:19px 36px 19px 0!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:18px!important;
line-height:1.35!important;
font-weight:700!important;
}
.page-body .prose details .faq-answer p{font-size:17px!important;line-height:1.65!important;margin:0 0 20px!important;}
/* Legal/reference pages: less decoration, maximum readability. */
.page-body.hr-legal-page .content-grid{grid-template-columns:245px minmax(0,1fr)!important;}
.page-body.hr-legal-page .content-main{max-width:1040px;}
.page-body.hr-legal-page .prose>h2{font-size:clamp(44px,4vw,62px)!important;}
.page-body.hr-legal-page .prose h3{
margin:46px 0 14px!important;
padding-top:26px;
border-top:1px solid #ddd4ce;
font-size:29px!important;
line-height:1.15!important;
}
.page-body.hr-legal-page .prose p,
.page-body.hr-legal-page .prose li{font-size:17px!important;line-height:1.75!important;}
.page-body.hr-legal-page .prose table{
overflow:hidden;
border:1px solid #ded5cf;
border-radius:12px;
background:#fbf8f3;
}
.page-body.hr-legal-page .prose th,.page-body.hr-legal-page .prose td{font-size:15px!important;padding:16px!important;}
/* ---------- Fees page: bring the special layout up to homepage quality ---------- */
.fees-page .fees-top{
overflow:hidden;
background:linear-gradient(125deg,#f7f3ec 0%,#f7f3ec 54%,#f0e4e4 100%)!important;
}
.fees-page .fees-top:after{width:620px!important;height:620px!important;right:-180px!important;top:-280px!important;opacity:.35!important;}
.fees-page .fees-hero{
width:min(92%,1480px)!important;
max-width:1480px!important;
min-height:520px!important;
grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr)!important;
gap:72px!important;
padding:70px 0 82px!important;
}
.fees-page .fees-hero h1{font-size:clamp(72px,7vw,112px)!important;line-height:.9!important;}
.fees-page .fees-lead{max-width:650px!important;font-size:20px!important;line-height:1.65!important;color:#46515f!important;}
.fees-page .fees-rate{
max-width:430px!important;
min-height:360px!important;
padding:46px 40px 38px!important;
border:1px solid #d6c6c1!important;
border-radius:190px 190px 18px 18px!important;
background:#fbf8f3!important;
box-shadow:0 22px 58px rgba(59,47,48,.1)!important;
}
.fees-page .fees-rate>strong{font-size:118px!important;}
.fees-page .fees-rate>p:not(.eyebrow){font-size:18px!important;max-width:290px!important;}
.fees-page .fees-rate small{font-size:14px!important;line-height:1.55!important;}
.fees-page .section{padding-block:86px!important;}
.fees-page .fees-principles{
width:min(92%,1480px)!important;
max-width:1480px!important;
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:18px!important;
}
.fees-page .fees-principles article{
border:1px solid #dfd4cd!important;
border-radius:16px 56px 16px 16px!important;
padding:28px 30px!important;
background:#fbf8f3!important;
box-shadow:0 13px 34px rgba(55,45,46,.055)!important;
}
.fees-page .fees-principles article:nth-child(even){border-radius:56px 16px 16px 16px!important;}
.fees-page .fees-principles article>span{font-size:13px!important;font-weight:700!important;}
.fees-page .fees-principles h2{font-size:36px!important;margin:22px 0 12px!important;}
.fees-page .fees-principles p{font-size:17px!important;line-height:1.6!important;max-width:none!important;}
.fees-page .fees-example{background:#f0e4e4!important;}
.fees-page .fees-example-grid,
.fees-page .fees-after,
.fees-page .fees-choice-grid,
.fees-page .fees-faq{
width:min(92%,1480px)!important;
max-width:1480px!important;
margin-inline:auto!important;
}
.fees-page .fees-example-grid{grid-template-columns:44% 56%!important;gap:65px!important;}
.fees-page .fees-example h2,
.fees-page .fees-after h2,
.fees-page .fees-choice h2,
.fees-page .fees-faq h2{font-size:clamp(48px,4.5vw,72px)!important;line-height:.96!important;}
.fees-page .fees-example-grid>div:first-child>p:not(.eyebrow),
.fees-page .fees-after>div+div p,
.fees-page .fees-choice-grid>div+div p{font-size:18px!important;line-height:1.7!important;color:#46515f!important;}
.fees-page .fees-calculation{
padding:34px 38px!important;
border:1px solid #ddcec8;
border-radius:18px 70px 18px 18px!important;
background:#fbf8f3!important;
box-shadow:0 18px 46px rgba(54,44,45,.08)!important;
}
.fees-page .fees-calculation span{font-size:16px!important;}
.fees-page .fees-calculation strong{font-size:34px!important;}
.fees-page .fees-calculation .fees-total strong{font-size:48px!important;}
.fees-page .fees-calculation small{display:block;margin-top:12px;font-size:13px!important;line-height:1.5!important;}
.fees-page .fees-after,
.fees-page .fees-choice-grid{grid-template-columns:40% 60%!important;gap:56px!important;}
.fees-page .fees-after>div+div{padding-left:40px!important;border-left:1px solid #cec3bd!important;}
.fees-page .fees-choice{background:#efe5df!important;}
.fees-page .fees-faq{grid-template-columns:31% 69%!important;gap:55px!important;}
.fees-page .fees-faq>div+div{padding-left:0!important;border-left:0!important;}
.fees-page .fees-faq details{
margin:9px 0!important;
padding:0 20px!important;
border:1px solid #d9cfca!important;
border-radius:11px!important;
background:#fbf8f3!important;
font-size:17px!important;
}
.fees-page .fees-faq summary{padding:18px 32px 18px 0!important;font-weight:700!important;}
.fees-page .fees-faq .faq-answer p{font-size:16px!important;line-height:1.6!important;}
/* ---------- Shared footer refinement for all non-home pages ---------- */
.page-body .site-footer,.fees-page .site-footer{border-top:1px solid #e0d7d0!important;background:#f7f3ec!important;}
.page-body .site-footer .footer-grid,.fees-page .site-footer .footer-grid,
.page-body .site-footer .footer-contactline,.fees-page .site-footer .footer-contactline{
width:min(92%,1480px)!important;
max-width:1480px!important;
}
.page-body .site-footer .footer-grid,.fees-page .site-footer .footer-grid{padding-top:48px!important;padding-bottom:28px!important;gap:54px!important;}
.page-body .site-footer .footer-brand>p,.fees-page .site-footer .footer-brand>p{font-size:14px!important;line-height:1.6!important;max-width:390px!important;}
.page-body .site-footer .footer-col h3,.fees-page .site-footer .footer-col h3{font-size:13px!important;}
.page-body .site-footer .footer-col>a:not(.button),.fees-page .site-footer .footer-col>a:not(.button){font-size:14px!important;margin-bottom:10px!important;}
.page-body .site-footer .footer-contactline,.fees-page .site-footer .footer-contactline{
padding:19px 0 24px!important;
border-top:1px solid #dfd6cf!important;
border-bottom:0!important;
font-size:13px!important;
color:#566270!important;
}
/* Slower, more deliberate reveals on secondary pages. */
.page-body.motion-ready .reveal,
.fees-page.motion-ready .reveal{
opacity:0;
transform:translate3d(0,18px,0);
transition:opacity 1.15s cubic-bezier(.22,1,.36,1),transform 1.15s cubic-bezier(.22,1,.36,1)!important;
transition-delay:var(--reveal-delay,0ms)!important;
}
.page-body.motion-ready .reveal.is-visible,
.fees-page.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0);}
/* ---------- Responsive ---------- */
@media(max-width:1180px){
body.home-v5 .v15-service-head{grid-template-columns:1fr;gap:26px;}
body.home-v5 .v15-service-intro-wrap{border-left:0;border-top:1px solid #d1c7c1;padding:24px 0 0;}
body.home-v5 .v5-service-list li>div{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:26px;}
.page-body .page-hero-grid{grid-template-columns:1fr!important;gap:34px!important;}
.page-body .page-hero.hr-image-hero{
background:
linear-gradient(90deg,#f7f3ec 0%,rgba(247,243,236,.96) 58%,rgba(247,243,236,.56) 100%),
var(--page-image) right center/75% cover no-repeat!important;
}
.page-body .page-hero .page-side{max-width:650px;}
.page-body .content-grid{grid-template-columns:220px minmax(0,1fr)!important;gap:45px!important;}
.page-body .guide-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.fees-page .fees-hero{grid-template-columns:1fr!important;gap:36px!important;}
.fees-page .fees-rate{justify-self:start!important;max-width:430px!important;}
.fees-page .fees-example-grid,.fees-page .fees-after,.fees-page .fees-choice-grid,.fees-page .fees-faq{grid-template-columns:1fr!important;gap:30px!important;}
.fees-page .fees-after>div+div{border-left:0!important;padding-left:0!important;}
}
@media(max-width:820px){
body.home-v5 .v5-service{padding:62px 0!important;}
body.home-v5 .v5-service-list li{grid-template-columns:48px 1fr!important;gap:16px!important;padding:17px 18px!important;}
body.home-v5 .v5-service-list li>div{grid-template-columns:1fr;gap:7px;}
body.home-v5 .v5-service-list h3{font-size:24px!important;}
body.home-v5 .v5-service-list p{font-size:15px!important;}
body.home-v5 .v5-service-list li:not(:last-child)::after{left:25px!important;bottom:-18px!important;}
body.home-v5 .v5-control{margin-left:64px!important;}
.page-body .site-header-light header,.fees-page .fees-top>header{width:88%!important;min-height:74px;}
.page-body .page-hero{min-height:0;padding:58px 0 62px!important;}
.page-body .page-hero.hr-image-hero{
background:
linear-gradient(90deg,rgba(247,243,236,.97),rgba(247,243,236,.86)),
var(--page-image) center/cover no-repeat!important;
}
.page-body .page-hero > .wrap,.page-body .content-shell{width:88%!important;}
.page-body .page-hero h1{font-size:clamp(50px,10vw,72px)!important;}
.page-body .page-hero .lead{font-size:24px!important;}
.page-body .content-shell{padding:62px 0 76px!important;}
.page-body .content-grid{grid-template-columns:1fr!important;gap:34px!important;}
.page-body .content-nav{position:static!important;border-radius:14px!important;}
.page-body .prose>h2{font-size:46px!important;}
.page-body .prose p,.page-body .prose li{font-size:17px!important;}
.page-body .hr-content-card{padding:24px!important;border-radius:14px 42px 14px 14px;}
.page-body .hr-content-card h3{font-size:27px!important;}
.page-body .card-grid,.page-body .guide-list,.page-body .contact-grid{grid-template-columns:1fr!important;}
.page-body .contact-form .form-row{grid-template-columns:1fr!important;}
.fees-page .fees-hero,.fees-page .fees-principles,.fees-page .fees-example-grid,.fees-page .fees-after,.fees-page .fees-choice-grid,.fees-page .fees-faq{width:88%!important;}
.fees-page .fees-hero{padding:48px 0 58px!important;min-height:0!important;}
.fees-page .fees-hero h1{font-size:62px!important;}
.fees-page .fees-rate{max-width:none!important;min-height:0!important;border-radius:110px 110px 16px 16px!important;}
.fees-page .fees-principles{grid-template-columns:1fr!important;}
.fees-page .section{padding-block:62px!important;}
.fees-page .fees-example h2,.fees-page .fees-after h2,.fees-page .fees-choice h2,.fees-page .fees-faq h2{font-size:46px!important;}
.page-body .site-footer .footer-grid,.fees-page .site-footer .footer-grid{width:88%!important;grid-template-columns:1fr 1fr!important;gap:32px!important;}
.page-body .site-footer .footer-brand,.fees-page .site-footer .footer-brand{grid-column:1/-1;}
.page-body .site-footer .footer-contactline,.fees-page .site-footer .footer-contactline{width:88%!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
.page-body .site-footer .footer-contactline>span[aria-hidden='true'],.fees-page .site-footer .footer-contactline>span[aria-hidden='true']{display:none!important;}
}
@media(max-width:560px){
.page-body .site-footer .footer-grid,.fees-page .site-footer .footer-grid{grid-template-columns:1fr!important;}
.page-body .site-footer .footer-brand,.fees-page .site-footer .footer-brand{grid-column:auto;}
.page-body .page-hero .page-side{padding:24px!important;border-radius:14px 44px 14px 14px;}
.page-body .prose>h2{font-size:42px!important;}
.page-body .hr-content-card h3,.page-body .prose .callout h3{font-size:25px!important;}
.page-body .identity-panel{padding:27px!important;border-radius:15px 48px 15px 15px!important;}
}
@media(prefers-reduced-motion:reduce){
.page-body.motion-ready .reveal,.fees-page.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important;}
}
/* V15 final header/wordmark calibration on secondary pages. */
.page-body .site-header-light header .brand,
.fees-page header .brand{
display:flex!important;
align-items:center!important;
gap:11px!important;
transform:none!important;
font-size:30px!important;
line-height:1!important;
font-weight:400!important;
}
.page-body .site-header-light header .brand img,
.fees-page header .brand img{
width:48px!important;
height:48px!important;
transform:none!important;
}
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{
display:flex!important;
align-items:center!important;
gap:10px!important;
font-size:29px!important;
transform:none!important;
}
.page-body .site-footer .footer-brand .brand span,
.fees-page .site-footer .footer-brand .brand span{transform:none!important;}
@media(max-width:820px){
.page-body .site-header-light header .brand,
.fees-page header .brand{font-size:24px!important;}
.page-body .site-header-light header .brand img,
.fees-page header .brand img{width:40px!important;height:40px!important;}
}
/* ======================================================================
Hampton & Rowe V16 - targeted layout corrections
====================================================================== */
/* 1) Secondary-page header: move only the arch mark upward, not the wordmark. */
.page-body .site-header-light header .brand,
.fees-page header .brand{
transform:none!important;
align-items:center!important;
}
.page-body .site-header-light header .brand img,
.fees-page header .brand img{
transform:translateY(-15%)!important;
}
/* 2-3) Fees hero alignment and hard horizontal-overflow guard. */
html{max-width:100%;overflow-x:hidden;}
body.fees-page{
width:100%;
max-width:100%;
overflow-x:hidden!important;
}
.fees-page main,
.fees-page .fees-top,
.fees-page .site-footer{
width:100%;
max-width:100%;
overflow-x:hidden;
}
.fees-page .fees-hero,
.fees-page .fees-principles,
.fees-page .fees-example-grid,
.fees-page .fees-after,
.fees-page .fees-choice-grid,
.fees-page .fees-faq,
.fees-page .site-footer .footer-grid,
.fees-page .site-footer .footer-contactline{
box-sizing:border-box!important;
max-width:min(1480px,92vw)!important;
}
@media(min-width:1181px){
.fees-page .fees-rate{
justify-self:end!important;
position:relative!important;
left:22px!important;
}
}
@media(max-width:1180px){
.fees-page .fees-rate{left:0!important;position:relative!important;}
}
/* 5) Repair the homepage service/process section after the V15 redesign. */
body.home-v5 .v5-service > .v5-wrap{
display:block!important;
}
body.home-v5 .v15-service-head{
width:100%!important;
display:grid!important;
grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
gap:clamp(54px,6vw,96px)!important;
align-items:end!important;
margin:0 0 34px!important;
}
body.home-v5 .v15-service-head .v5-heading-block,
body.home-v5 .v15-service-intro-wrap{
min-width:0!important;
}
body.home-v5 .v15-service-head .v5-heading-block h2{
max-width:600px!important;
text-wrap:balance;
}
body.home-v5 .v15-service-intro-wrap{
border-left:1px solid #c9c0b9!important;
border-top:0!important;
padding:7px 0 8px 38px!important;
}
body.home-v5 .v15-service-intro-wrap .v5-service-intro{
max-width:820px!important;
font-size:18px!important;
line-height:1.62!important;
}
body.home-v5 .v5-service-list{
width:100%!important;
max-width:none!important;
margin:0!important;
gap:14px!important;
}
body.home-v5 .v5-service-list li{
width:100%!important;
min-height:88px!important;
padding:14px 26px 14px 18px!important;
}
body.home-v5 .v5-service-list li>div{
grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;
gap:36px!important;
}
body.home-v5 .v5-service-list li:not(:last-child)::after{
left:27px!important;
bottom:-17px!important;
z-index:10!important;
}
body.home-v5 .v5-control{
margin:18px 0 0 74px!important;
}
@media(max-width:1180px){
body.home-v5 .v15-service-head{
grid-template-columns:1fr!important;
gap:24px!important;
}
body.home-v5 .v15-service-intro-wrap{
border-left:0!important;
border-top:1px solid #d1c7c1!important;
padding:22px 0 0!important;
}
}
@media(max-width:820px){
body.home-v5 .v5-service-list li>div{
grid-template-columns:1fr!important;
gap:7px!important;
}
}
/* ======================================================================
Hampton & Rowe V17 - positioning refinements
====================================================================== */
/* Fees: nudge the total-success-fee panel left, while shifting its label
and headline figure slightly right within the panel. */
@media (min-width: 1181px){
.fees-page .fees-rate{
transform:translateX(-34px)!important;
}
.fees-page .fees-rate > .eyebrow,
.fees-page .fees-rate > strong{
position:relative;
left:18px;
}
/* Fees example: bring the calculation card further into the composition. */
.fees-page .fees-calculation{
transform:translateX(-42px)!important;
}
/* Main page service intro: vertically centre it against the large heading. */
body.home-v5 .v15-service-head{
align-items:center!important;
}
}
/* V18 contact details: phone number removed site-wide. */
.page-body .contact-grid.contact-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:760px){.page-body .contact-grid.contact-grid-two{grid-template-columns:1fr;}}
/* V19: Evanshaw-inspired hero typography + five-step journey */
body.home-v5 .v5-hero h1{
font-family:Arial,Helvetica,sans-serif!important;
font-weight:800!important;
font-size:clamp(56px,5.5vw,82px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
max-width:850px!important;
text-wrap:balance;
}
body.home-v5 .v5-hero-lead{
font-family:Georgia,'Times New Roman',serif!important;
font-style:italic!important;
font-weight:700!important;
color:#8b4450!important;
font-size:clamp(34px,3.2vw,50px)!important;
line-height:1.02!important;
letter-spacing:-.025em!important;
margin-top:22px!important;
text-shadow:0 1px 0 rgba(255,255,255,.38);
}
body.home-v5 .v5-claim-timeline{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:30px!important;
}
body.home-v5 .v5-claim-timeline:before{
left:10%!important;
right:10%!important;
}
body.home-v5 .v5-claim-timeline h3{max-width:205px!important;}
body.home-v5 .v5-claim-timeline p{max-width:205px!important;}
@media(max-width:1100px){
body.home-v5 .v5-claim-timeline{grid-template-columns:repeat(5,minmax(170px,1fr))!important;}
body.home-v5 .v5-claim-timeline:before{left:85px!important;right:85px!important;}
}
@media(max-width:700px){
body.home-v5 .v5-hero h1{font-size:46px!important;line-height:1!important;max-width:96%!important;}
body.home-v5 .v5-hero-lead{font-size:34px!important;}
body.home-v5 .v5-claim-timeline{grid-template-columns:repeat(5,minmax(155px,1fr))!important;gap:16px!important;}
}
/* ===== V20: Personal Tax Account, fee page and brand cleanup ===== */
/* More room for the extra Personal Tax Account navigation item. */
.home-v5 .v5-nav{gap:24px!important;}
.home-v5 .v5-nav a{font-size:15px!important;}
.page-body .site-header-light header nav,.fees-page header nav{gap:20px!important;}
.page-body .site-header-light header nav a,.fees-page header nav a{font-size:14.5px!important;}
/* Contact image: use cover rather than forcing an image to 58% x 100%. */
.contact-page .page-hero.hr-image-hero{
background:
linear-gradient(90deg,rgba(247,243,236,.98) 0%,rgba(247,243,236,.92) 38%,rgba(247,243,236,.58) 58%,rgba(247,243,236,.16) 82%,rgba(247,243,236,.04) 100%),
var(--page-image) center center/cover no-repeat!important;
}
/* Personal Tax Account */
.pta-page .pta-hero{min-height:500px;background:linear-gradient(135deg,#f7f3ec 0%,#f7f3ec 58%,#f0e4e4 100%)!important;}
.pta-page .pta-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:22px;}
.pta-reader-section{padding:88px 0 110px;background:#f4ebe8;}
.pta-reader-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:70px;align-items:end;margin-bottom:34px;}
.pta-reader-intro h2{font-family:'Times New Roman',Times,serif;font-size:clamp(54px,5vw,82px);line-height:.95;letter-spacing:-.04em;margin:0;}
.pta-reader-intro>p{font-size:18px;line-height:1.7;color:#46515f;max-width:720px;margin:0;}
.pta-pdf-shell{background:#fbf8f4;border:1px solid rgba(118,101,102,.18);border-radius:20px;box-shadow:0 24px 70px rgba(42,35,38,.12);overflow:hidden;}
.pta-pdf-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid rgba(118,101,102,.15);background:#fffaf6;font-size:15px;font-weight:700;}
.pta-pdf-topbar a{text-underline-offset:4px;color:#202b3b;}
.pta-pdf{display:block;width:100%;height:min(82vh,980px);min-height:720px;border:0;background:#e9e5df;}
.pta-fallback{padding:60px;text-align:center;}
.pta-fallback h3{font-family:'Times New Roman',Times,serif;font-size:36px;margin-bottom:22px;}
/* Fees page V20 */
.fees-page .fees-scope{background:#fbf8f3;}
.fees-page .fees-scope-grid{width:min(92%,1480px);max-width:1480px;margin:auto;display:grid;grid-template-columns:38% 62%;gap:64px;align-items:start;}
.fees-page .fees-scope-grid h2,.fees-page .fees-money-flow h2,.fees-page .fees-summary h2,.fees-page .fees-docs h2,.fees-page .fees-contact h2{font-size:clamp(50px,4.7vw,74px);line-height:.95;letter-spacing:-.04em;margin:0;}
.fees-page .fees-scope-copy>p{font-size:19px;line-height:1.7;color:#46515f;margin-top:0;}
.fees-scope-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.fees-scope-tags span{padding:12px 16px;border:1px solid #ded1cb;border-radius:999px;background:#f7f0ec;font-size:15px;color:#3f4a58;}
.fees-page .fees-money-flow{background:#202b3b;color:#f7f3ec;}
.fees-page .fees-money-flow .wrap{width:min(92%,1480px);max-width:1480px;margin:auto;}
.fees-page .fees-money-flow h2{color:#f7f3ec;margin-bottom:36px;}
.fees-page .fees-money-flow .eyebrow{color:#c7cdd4;}
.fees-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.fees-flow-grid article{position:relative;min-height:260px;padding:30px 28px;border:1px solid #596575;border-radius:16px;background:rgba(255,255,255,.045);}
.fees-flow-grid article>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #778292;border-radius:50%;font-size:14px;margin-bottom:24px;}
.fees-flow-grid h3{font-family:'Times New Roman',Times,serif;color:#f7f3ec;font-size:31px;line-height:1.05;margin:0 0 15px;}
.fees-flow-grid p{font-size:16px;line-height:1.65;color:#e1e5e8;margin:0;}
.fees-page .fees-success{background:#f0e4e4;}
.fees-page .fees-calculation-detailed>div{padding:17px 0!important;}
.fees-page .fees-calculation-detailed>div+div{border-top:1px solid rgba(117,101,102,.14);}
.fees-page .fees-summary{display:grid!important;grid-template-columns:36% 64%!important;gap:60px!important;align-items:start;}
.fees-summary-table{border:1px solid #ddcfca;border-radius:18px;overflow:hidden;background:#fbf8f4;box-shadow:0 18px 50px rgba(54,44,45,.07);}
.fees-summary-table>div{display:grid;grid-template-columns:1.2fr .9fr;gap:22px;align-items:center;padding:22px 24px;border-bottom:1px solid #e3d8d3;}
.fees-summary-table>div:last-child{border-bottom:0;}
.fees-summary-table span{font-size:16px;color:#4f5a68;}
.fees-summary-table strong{font-family:'Times New Roman',Times,serif;font-size:27px;line-height:1.05;}
.fees-summary-table small{grid-column:2;font-size:13px;line-height:1.45;color:#697481;}
.fees-page .fees-notes{background:#efe5df;}
.fees-page .fees-docs{display:grid!important;grid-template-columns:37% 63%!important;gap:62px!important;align-items:start;}
.fees-doc-links{display:grid;gap:13px;}
.fees-doc-links a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #ddd1ca;border-radius:14px;background:#fbf8f4;text-decoration:none;box-shadow:0 10px 28px rgba(54,44,45,.045);transition:transform .35s ease,box-shadow .35s ease;}
.fees-doc-links a:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(54,44,45,.08);}
.fees-doc-links span{font-family:'Times New Roman',Times,serif;font-size:24px;}
.fees-doc-links b{font-size:14px;white-space:nowrap;}
.fees-page .fees-contact{background:#f0e4e4;padding-block:70px!important;}
.fees-contact-card{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:42px 46px;border:1px solid #dcc8c7;border-radius:18px 78px 18px 18px;background:#fbf8f4;box-shadow:0 18px 50px rgba(54,44,45,.08);}
.fees-contact-card p{font-size:18px;line-height:1.65;color:#46515f;}
@media(max-width:1100px){
.home-v5 .v5-nav{gap:16px!important;}
.pta-reader-intro,.fees-page .fees-scope-grid,.fees-page .fees-summary,.fees-page .fees-docs{grid-template-columns:1fr!important;gap:30px!important;}
.fees-flow-grid{grid-template-columns:1fr!important;}
.fees-contact-card{align-items:flex-start;flex-direction:column;}
}
@media(max-width:700px){
.pta-reader-section{padding:58px 0 72px;}
.pta-pdf{height:72vh;min-height:560px;}
.pta-reader-intro{grid-template-columns:1fr;gap:20px;}
.fees-page .fees-scope-grid,.fees-page .fees-money-flow .wrap{width:88%;}
.fees-summary-table>div{grid-template-columns:1fr;gap:8px;}
.fees-summary-table small{grid-column:auto;}
.fees-contact-card{padding:30px 24px;border-radius:14px 48px 14px 14px;}
}
/* ======================================================================
Hampton & Rowe V21 - navigation cleanup, PTA focus and hero polish
====================================================================== */
/* Match auxiliary footer wordmark to the homepage footer wordmark. */
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{
font-size:29px!important;
line-height:1!important;
}
@media(max-width:700px){
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{font-size:24px!important;}
}
/* Personal Tax Account: let the document be the visual focus. */
.page-body.pta-page .pta-hero-simple{padding:76px 0 58px!important;}
.page-body.pta-page .pta-hero-simple-inner{max-width:900px;margin:0 auto;text-align:center;}
.page-body.pta-page .pta-hero-simple h1{max-width:900px;margin-inline:auto;}
.page-body.pta-page .pta-reader-intro-simple{display:block!important;text-align:center!important;max-width:900px!important;}
.page-body.pta-page .pta-reader-intro-simple>div{max-width:none!important;}
.page-body.pta-page .pta-pdf-topbar{justify-content:center!important;}
/* Hero: bold Evanshaw-like hierarchy, but finished in Hampton & Rowe's palette. */
body.home-v5 .v21-hero-title{
font-size:clamp(54px,5.15vw,78px)!important;
line-height:.96!important;
letter-spacing:-.048em!important;
max-width:900px!important;
text-wrap:balance;
}
body.home-v5 .v21-hero-title .v21-hero-pop{font-weight:900;}
body.home-v5 .v21-hero-title .v21-hero-key{
position:relative;
display:inline-block;
z-index:0;
}
body.home-v5 .v21-hero-title .v21-hero-key:after{
content:'';
position:absolute;
left:-1%;right:-2%;bottom:.02em;
height:.18em;
background:rgba(139,68,80,.18);
border-radius:999px;
z-index:-1;
transform:rotate(-.5deg);
}
body.home-v5 .v21-hero-question{
display:inline-block;
width:auto!important;
margin-top:24px!important;
padding:6px 16px 9px 2px;
color:#9a4e5c!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(38px,3.5vw,54px)!important;
font-style:italic!important;
font-weight:700!important;
letter-spacing:-.035em!important;
line-height:1!important;
text-shadow:0 1px 0 rgba(255,255,255,.5);
}
@media(max-width:700px){
body.home-v5 .v21-hero-title{font-size:43px!important;line-height:1!important;}
body.home-v5 .v21-hero-title br{display:none!important;}
body.home-v5 .v21-hero-question{font-size:34px!important;}
}
/* ===== V23: main navigation spacing fix ===== */
@media (min-width:1101px){
body.home-v5 .v5-header-inner{
grid-template-columns:auto minmax(0,1fr) auto!important;
column-gap:28px!important;
}
body.home-v5 .v5-hero .v5-nav{
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:clamp(16px,1.65vw,28px)!important;
min-width:0!important;
width:100%!important;
}
body.home-v5 .v5-hero .v5-nav a{
width:auto!important;
min-width:0!important;
flex:0 0 auto!important;
padding:7px 0!important;
white-space:nowrap!important;
font-size:15px!important;
}
body.home-v5 .v5-hero .v5-nav a:hover,
body.home-v5 .v5-hero .v5-nav a:focus-visible{
font-size:16px!important;
}
}
/* Give the nav a little more breathing room before switching to the mobile menu. */
@media (min-width:1101px) and (max-width:1280px){
body.home-v5 .v5-header-inner{column-gap:18px!important;}
body.home-v5 .v5-hero .v5-nav{gap:14px!important;}
body.home-v5 .v5-hero .v5-nav a{font-size:14px!important;}
body.home-v5 .v5-hero .v5-nav a:hover,
body.home-v5 .v5-hero .v5-nav a:focus-visible{font-size:15px!important;}
body.home-v5 .v5-brand{font-size:27px!important;}
body.home-v5 .v5-brand img{width:44px!important;height:44px!important;}
body.home-v5 .v5-btn-small{font-size:15px!important;padding:13px 17px!important;}
}
/* ===== V24: five-item navigation, evenly spaced ===== */
@media (min-width:1101px){
body.home-v5 .v5-hero .v5-nav{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
align-items:center!important;
justify-content:stretch!important;
gap:0!important;
width:min(100%,720px)!important;
max-width:720px!important;
justify-self:center!important;
}
body.home-v5 .v5-hero .v5-nav a{
width:100%!important;
min-width:0!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
padding:7px 10px!important;
white-space:nowrap!important;
}
.page-body .site-header-light header nav,
.fees-page header nav{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:0!important;
align-items:center!important;
width:min(49vw,720px)!important;
max-width:720px!important;
flex:0 1 720px!important;
}
.page-body .site-header-light header nav a,
.fees-page header nav a{
width:100%!important;
min-width:0!important;
text-align:center!important;
padding:7px 8px!important;
}
}
@media (min-width:1101px) and (max-width:1280px){
body.home-v5 .v5-hero .v5-nav{width:min(100%,620px)!important;}
.page-body .site-header-light header nav,
.fees-page header nav{width:min(47vw,600px)!important;flex-basis:600px!important;}
.page-body .site-header-light header nav a,
.fees-page header nav a{font-size:13.5px!important;padding-inline:5px!important;}
}
/* ===== Sep 29: evenly spaced home-page navigation ===== */
@media(min-width:1101px){
body.home-v5 .v5-hero .v5-nav{
width:100%;
gap:0!important;
justify-content:space-evenly!important;
}
body.home-v5 .v5-hero .v5-nav a,
body.home-v5 .v5-hero .v5-nav a:nth-child(n){
flex:1 1 0!important;
width:auto!important;
min-width:0!important;
text-align:center!important;
}
}
/* ===== V26: equal visible gaps between all five home-page nav links ===== */
@media (min-width:1101px){
body.home-v5 .v5-hero .v5-nav{
display:flex!important;
width:auto!important;
max-width:none!important;
justify-self:center!important;
justify-content:center!important;
align-items:center!important;
gap:clamp(26px,2.6vw,44px)!important;
}
body.home-v5 .v5-hero .v5-nav a,
body.home-v5 .v5-hero .v5-nav a:nth-child(n){
flex:0 0 auto!important;
width:auto!important;
min-width:0!important;
padding:7px 0!important;
text-align:center!important;
white-space:nowrap!important;
font-size:15px!important;
}
body.home-v5 .v5-hero .v5-nav a:hover,
body.home-v5 .v5-hero .v5-nav a:focus-visible{
font-size:15px!important;
}
}
@media (min-width:1101px) and (max-width:1280px){
body.home-v5 .v5-hero .v5-nav{
gap:clamp(18px,2vw,26px)!important;
}
body.home-v5 .v5-hero .v5-nav a,
body.home-v5 .v5-hero .v5-nav a:hover,
body.home-v5 .v5-hero .v5-nav a:focus-visible{
font-size:14px!important;
}
}
/* Final page refinements */
/* Preserve the original photograph proportions in editorial page heroes. */
.page-body .page-hero.hr-image-hero{
background:
linear-gradient(90deg,#f7f3ec 0%,rgba(247,243,236,.98) 43%,rgba(247,243,236,.86) 55%,rgba(247,243,236,.24) 79%,rgba(247,243,236,.04) 100%),
var(--page-image) right center/auto 100% no-repeat!important;
}
@media(max-width:1180px){
.page-body .page-hero.hr-image-hero{background:
linear-gradient(90deg,#f7f3ec 0%,rgba(247,243,236,.96) 58%,rgba(247,243,236,.56) 100%),
var(--page-image) right center/cover no-repeat!important;}
}
@media(max-width:820px){
.page-body .page-hero.hr-image-hero{background:
linear-gradient(90deg,rgba(247,243,236,.97),rgba(247,243,236,.86)),
var(--page-image) center/cover no-repeat!important;}
}
/* Match the auxiliary footer signature to the homepage. */
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{font-size:29px!important;}
@media(max-width:700px){
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{font-size:29px!important;}
}
/* Bring the fee figure into the visual centre of the rounded card. */
@media(min-width:1181px){
.fees-page .fees-rate > .eyebrow,
.fees-page .fees-rate > strong{position:static!important;left:auto!important;display:block;text-align:center;}
}
/* Keep fees layouts and cards away from the viewport edge. */
.fees-page .fees-scope-grid, .fees-page .fees-summary, .fees-page .fees-docs{
box-sizing:border-box; width:min(92%,1480px)!important; max-width:1480px!important;
padding-right:24px!important; grid-template-columns:minmax(0,37%) minmax(0,1fr)!important; gap:clamp(30px,4vw,64px)!important;
}
.fees-page .fees-money-flow .wrap, .fees-page .fees-contact .wrap{box-sizing:border-box;padding-right:24px!important;}
.fees-page .fees-scope-grid > *, .fees-page .fees-summary > *, .fees-page .fees-docs > *,
.fees-page .fees-flow-grid > *, .fees-page .fees-contact-card > *{min-width:0;}
.fees-page .fees-contact-card p:last-child{margin-top:24px!important;}
@media(max-width:1180px){
.fees-page .fees-scope-grid, .fees-page .fees-summary, .fees-page .fees-docs{grid-template-columns:minmax(0,1fr)!important;padding-right:0!important;}
.fees-page .fees-money-flow .wrap,.fees-page .fees-contact .wrap{padding-right:0!important;}
}
/* Calm, readable headline over the beach photograph. */
body.home-v5 .v21-hero-title{
max-width:760px!important;font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(44px,4.1vw,64px)!important;font-weight:500!important;
line-height:1.08!important;letter-spacing:-.032em!important;color:#202b3b!important;
text-wrap:balance;
}
body.home-v5 .v21-hero-title .v21-hero-pop{font-weight:600!important;color:#202b3b!important;}
body.home-v5 .v21-hero-title .v21-hero-key{color:#202b3b!important;}
body.home-v5 .v21-hero-title .v21-hero-key:after{display:none!important;}
body.home-v5 .v21-hero-question{
margin-top:16px!important;padding:0!important;color:#755969!important;
font-size:clamp(27px,2.6vw,38px)!important;font-weight:400!important;
text-shadow:none!important;
}
@media(max-width:700px){body.home-v5 .v21-hero-title{font-size:clamp(40px,9vw,54px)!important;max-width:96%!important;}}
.pta-purpose{max-width:700px;margin:20px auto 0;font-size:18px;line-height:1.6;color:#46515f;}
/* V27: one brand signature and readable homepage hero */
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{
display:inline-flex!important;align-items:baseline!important;gap:9px!important;
font-family:'Times New Roman',Times,serif!important;font-size:29px!important;
line-height:1!important;letter-spacing:normal!important;font-weight:400!important;
white-space:nowrap;
}
.page-body .site-footer .footer-brand .brand img,
.fees-page .site-footer .footer-brand .brand img{
width:47px!important;height:47px!important;transform:translateY(8px)!important;
}
.page-body .site-footer .footer-brand .brand span,
.fees-page .site-footer .footer-brand .brand span{transform:none!important;}
@media(min-width:1101px) and (max-width:1280px){
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{font-size:27px!important;}
.page-body .site-footer .footer-brand .brand img,
.fees-page .site-footer .footer-brand .brand img{width:44px!important;height:44px!important;}
}
@media(max-width:700px){
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{font-size:24px!important;}
.page-body .site-footer .footer-brand .brand img,
.fees-page .site-footer .footer-brand .brand img{width:38px!important;height:38px!important;}
}
/* Keep the same five nav items, spacing, and legibility on every page. */
@media(min-width:1101px){
.page-body .site-header-light header nav, .fees-page header nav{
display:flex!important;justify-content:center!important;align-items:center!important;
width:auto!important;max-width:none!important;flex:0 1 auto!important;
gap:clamp(26px,2.6vw,44px)!important;
}
.page-body .site-header-light header nav a, .fees-page header nav a{
flex:0 0 auto!important;width:auto!important;padding:7px 0!important;
font-size:15px!important;white-space:nowrap!important;text-align:center!important;
}
}
@media(min-width:1101px) and (max-width:1280px){
.page-body .site-header-light header nav, .fees-page header nav{gap:clamp(18px,2vw,26px)!important;}
.page-body .site-header-light header nav a, .fees-page header nav a{font-size:14px!important;}
}
/* A lighter, quieter headline over the photograph; keep the whole decision row in view. */
body.home-v5 .v5-hero h1.v21-hero-title{
max-width:670px!important; font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(40px,3.5vw,52px)!important;font-weight:400!important;
line-height:1.12!important;letter-spacing:-.025em!important;
color:#202b3b!important;text-wrap:pretty;
}
body.home-v5 .v21-hero-title .v21-hero-pop{font-weight:400!important;color:inherit!important;}
body.home-v5 .v21-hero-title .v21-hero-key{color:inherit!important;}
body.home-v5 .v21-hero-question{
margin-top:16px!important;padding:0!important;
font-family:Georgia,'Times New Roman',serif!important;font-style:normal!important;
font-size:clamp(24px,2.1vw,31px)!important;font-weight:400!important;
line-height:1.18!important;letter-spacing:-.015em!important;color:#5c4953!important;
}
body.home-v5 .v5-hero .v5-actions{margin-top:22px!important;}
body.home-v5 .v5-hero-benefits{margin-top:22px!important;}
@media(min-width:1101px){
body.home-v5 .v5-hero-copy{transform:none!important;padding-bottom:28px!important;}
}
@media(max-width:700px){
body.home-v5 .v5-hero h1.v21-hero-title{font-size:clamp(35px,8vw,43px)!important;line-height:1.1!important;max-width:100%!important;}
body.home-v5 .v21-hero-question{font-size:25px!important;margin-top:14px!important;}
body.home-v5 .v5-hero-copy{padding-bottom:32px!important;}
}
/* V28: match the homepage header colour and give the hero a clear hierarchy. */
.page-body .site-footer .footer-brand .brand,
.fees-page .site-footer .footer-brand .brand{color:#202b3b!important;}
.page-body .site-footer .footer-brand .brand span,
.fees-page .site-footer .footer-brand .brand span{color:inherit!important;}
body.home-v5 .v5-hero h1.v21-hero-title{
max-width:735px!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(46px,4.2vw,64px)!important;
font-weight:400!important;line-height:1.06!important;
letter-spacing:-.037em!important;color:#202b3b!important;
text-wrap:balance;
}
body.home-v5 .v5-hero h1.v21-hero-title em{
color:#79535f!important;font-weight:400!important;font-style:italic!important;
}
body.home-v5 .v5-hero-lead.v21-hero-question{
display:block;max-width:590px!important;margin-top:24px!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:clamp(18px,1.5vw,23px)!important;font-weight:400!important;
font-style:normal!important;line-height:1.5!important;letter-spacing:0!important;
color:#344354!important;
}
body.home-v5 .v5-hero .v5-actions{margin-top:28px!important;}
@media(max-width:700px){
body.home-v5 .v5-hero h1.v21-hero-title{font-size:clamp(39px,8.8vw,49px)!important;max-width:100%!important;}
body.home-v5 .v5-hero-lead.v21-hero-question{font-size:18px!important;line-height:1.42!important;max-width:95%!important;margin-top:18px!important;}
body.home-v5 .v5-hero .v5-actions{margin-top:22px!important;}
}
/* V29: preserve the original hero copy with a restrained editorial treatment. */
body.home-v5 .v5-hero h1.v21-hero-title{
max-width:710px!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(43px,3.65vw,56px)!important;
font-weight:400!important;line-height:1.12!important;
letter-spacing:-.031em!important;color:#202b3b!important;
text-wrap:balance;
}
body.home-v5 .v21-hero-title .v21-hero-pop{
color:#79535f!important;font-weight:400!important;
}
body.home-v5 .v21-hero-title .v21-hero-key{
color:#202b3b!important;font-weight:400!important;
}
body.home-v5 .v5-hero-lead.v21-hero-question{
display:block;max-width:650px!important;margin-top:20px!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(26px,2.1vw,33px)!important;font-weight:400!important;
font-style:italic!important;line-height:1.2!important;letter-spacing:-.02em!important;
color:#79535f!important;
}
body.home-v5 .v5-hero .v5-actions{margin-top:25px!important;}
@media(max-width:700px){
body.home-v5 .v5-hero h1.v21-hero-title{font-size:clamp(36px,8vw,45px)!important;max-width:100%!important;}
body.home-v5 .v5-hero-lead.v21-hero-question{font-size:26px!important;margin-top:16px!important;}
body.home-v5 .v5-hero .v5-actions{margin-top:21px!important;}
}
/* V30: stronger hero hierarchy with the original message. */
body.home-v5 .v5-hero h1.v21-hero-title{
max-width:880px!important;
font-size:clamp(49px,4vw,64px)!important;
line-height:1.08!important;letter-spacing:-.035em!important;
color:#202b3b!important;
}
body.home-v5 .v5-hero h1.v21-hero-title .v21-hero-pop{
display:inline-block;font-size:1.18em!important;font-weight:600!important;
line-height:.9;color:#202b3b!important;letter-spacing:-.045em;
}
body.home-v5 .v5-hero h1.v21-hero-title .v21-hero-key{color:#202b3b!important;}
body.home-v5 .v5-hero-lead.v21-hero-question{
margin-top:19px!important;max-width:700px!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:clamp(25px,2vw,32px)!important;
line-height:1.25!important;font-style:normal!important;font-weight:600!important;
letter-spacing:-.025em!important;color:#202b3b!important;
}
body.home-v5 .v5-hero .v5-actions{margin-top:23px!important;}
@media(max-width:700px){
body.home-v5 .v5-hero h1.v21-hero-title{font-size:clamp(39px,8.5vw,48px)!important;line-height:1.08!important;max-width:100%!important;}
body.home-v5 .v5-hero h1.v21-hero-title .v21-hero-pop{font-size:1.13em!important;}
body.home-v5 .v5-hero-lead.v21-hero-question{font-size:23px!important;margin-top:16px!important;}
}
/* V32: keep the original laptop position and lift wide desktop monitors. */
@media (min-width:1600px){
body.home-v5 .v5-hero-copy{
transform:translateY(-76px)!important;
}
}
/* V33: clearer mobile hero over the photograph. */
@media (max-width:700px){
body.home-v5 .v5-hero:before{
background:linear-gradient(180deg,
rgba(255,255,255,.28) 0%,
rgba(255,255,255,.75) 18%,
rgba(255,255,255,.84) 48%,
rgba(255,255,255,.75) 72%,
rgba(255,255,255,.20) 100%)!important;
}
body.home-v5 .v5-hero-copy{
padding-top:64px!important;
padding-bottom:42px!important;
}
body.home-v5 .v5-hero-benefits{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr));
width:100%!important;
gap:0!important;
margin-top:26px!important;
align-items:start!important;
}
body.home-v5 .v5-hero-benefit{
width:auto!important;min-width:0!important;
flex-direction:column;align-items:flex-start!important;
gap:8px!important;padding:0 12px!important;
font-size:13px!important;line-height:1.4!important;
font-weight:600!important;color:#202b3b!important;
}
body.home-v5 .v5-hero-benefit:first-child{padding-left:0!important;}
body.home-v5 .v5-hero-benefit br{display:initial!important;}
body.home-v5 .v5-hero-benefit-icon{width:28px;height:28px;}
}
/* V34: mobile timeline clearance and centred end steps. */
@media(max-width:700px){
body.home-v5 .v5-claim-timeline{
grid-template-columns:repeat(5,155px)!important;
gap:16px!important;
width:100%;
padding:32px calc(50% - 77.5px) 28px!important;
overflow-x:auto;
scroll-snap-type:x proximity;
overscroll-behavior-x:contain;
}
body.home-v5 .v5-claim-timeline li{scroll-snap-align:center!important;}
body.home-v5 .v5-claim-timeline:before{
left:50%!important;right:auto!important;top:60px!important;
width:684px;
}
}
/* V35: progress ring synced with each timeline step's dwell time. */
body.home-v5 .v5-claim-timer{
position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);
overflow:visible;pointer-events:none;transform:rotate(-90deg);
}
body.home-v5 .v5-claim-timer circle{fill:none;stroke-width:2.5;}
body.home-v5 .v5-claim-timer-track{stroke:#d8d1cb;}
body.home-v5 .v5-claim-timer-progress{
stroke:#202b3b;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;
}
body.home-v5 .v5-claim-timeline li.is-active .v5-claim-node::after{display:none!important;}
@media(prefers-reduced-motion:reduce){
body.home-v5 .v5-claim-timer-progress{display:none;}
}
/* V36: a warmer, more deliberate mobile footer. */
@media(max-width:700px){
body.home-v5 .v5-footer{
background:linear-gradient(155deg,#f0e4e4 0%,#f7f3ec 68%)!important;
border-top:1px solid #dfcfca!important;
padding:42px 0 28px!important;
}
body.home-v5 .v5-footer .v5-wrap{width:calc(100% - 40px)!important;}
body.home-v5 .v5-footer-grid{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:28px 22px!important;
}
body.home-v5 .v5-footer-brand{
grid-column:1/-1;
padding-bottom:26px;
border-bottom:1px solid rgba(117,89,88,.18);
}
body.home-v5 .v5-footer-brand>p{
margin-top:18px!important;max-width:370px!important;
font-size:16px!important;line-height:1.65!important;color:#505b68!important;
}
body.home-v5 .v5-footer-grid h3{
margin:0 0 13px!important;font-size:12px!important;
letter-spacing:.14em!important;color:#715b63!important;
}
body.home-v5 .v5-footer-grid>div:not(.v5-footer-brand) a{
margin:0!important;padding:9px 0!important;
font-size:16px!important;line-height:1.45!important;color:#202b3b!important;
text-decoration:none;text-underline-offset:4px;
}
body.home-v5 .v5-footer-grid>div:not(.v5-footer-brand) a:hover{
text-decoration:underline;
}
body.home-v5 .v5-footer-grid>div:last-child{
grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;
gap:0 22px;border-top:1px solid rgba(117,89,88,.18);padding-top:22px;
}
body.home-v5 .v5-footer-grid>div:last-child h3{grid-column:1/-1;}
body.home-v5 .v5-footer-contact{
display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px!important;
margin-top:28px!important;padding:24px!important;
border:1px solid #e0d3cc!important;border-bottom:1px solid #e0d3cc!important;
border-radius:18px!important;background:rgba(255,255,255,.62);
font-size:15px!important;line-height:1.6!important;color:#505b68!important;
}
body.home-v5 .v5-footer-contact>a{
font-size:17px!important;font-weight:600;color:#202b3b;
overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;
}
body.home-v5 .v5-footer-contact>span:nth-child(2),
body.home-v5 .v5-footer-contact>span:nth-child(4){display:none;}
}
/* V37: the new circular timer belongs to the mobile timeline only. */
@media(min-width:701px){
body.home-v5 .v5-claim-timer{display:none!important;}
body.home-v5 .v5-claim-timeline li.is-active .v5-claim-node::after{display:block!important;}
}
/* V38: a contained, comfortably spaced mobile navigation panel. */
@media(max-width:700px){
body.home-v5 .v5-hero .v5-nav,
.page-body .site-header-light header #navigation,
.fees-page header #navigation{
position:absolute!important;top:76px!important;left:0!important;right:0!important;
width:auto!important;min-width:0!important;max-width:100%!important;
margin:0!important;padding:10px!important;box-sizing:border-box;
grid-template-columns:minmax(0,1fr)!important;gap:4px!important;
background:#fcf9f5!important;border:1px solid #ded1ca!important;
border-radius:18px!important;box-shadow:0 18px 45px rgba(32,43,59,.18)!important;
max-height:calc(100svh - 110px);overflow-y:auto;
transform-origin:top right;z-index:60!important;
}
body.home-v5 .v5-hero .v5-nav{left:20px!important;right:20px!important;max-width:calc(100% - 40px)!important;}
body.home-v5 .v5-hero .v5-nav.open,
.page-body .site-header-light header #navigation.open,
.fees-page header #navigation.open{display:grid!important;}
body.home-v5 .v5-hero .v5-nav a,
.page-body .site-header-light header #navigation a,
.fees-page header #navigation a{
display:flex!important;align-items:center!important;justify-content:space-between!important;
width:100%!important;min-width:0!important;margin:0!important;
padding:15px 16px!important;border-radius:10px;
font-size:17px!important;line-height:1.35!important;font-weight:600!important;
color:#202b3b!important;text-align:left!important;white-space:normal!important;
text-decoration:none!important;transform:none;transition:background-color .18s ease;
}
body.home-v5 .v5-hero .v5-nav a:after,
.page-body .site-header-light header #navigation a:after,
.fees-page header #navigation a:after{content:'→';font-size:19px;margin-left:12px;color:#795f68;}
body.home-v5 .v5-hero .v5-nav a:hover,
.page-body .site-header-light header #navigation a:hover,
.fees-page header #navigation a:hover{background:#f0e4e4;}
.menu-toggle{min-height:44px;min-width:54px;}
}
/* V39: consistent mobile menus on every auxiliary page. */
@media(max-width:700px){
.page-body .site-header-light header #navigation a::after,
.fees-page header #navigation a::after{
content:'→'!important;position:static!important;
inset:auto!important;width:auto!important;height:auto!important;
background:none!important;border:0!important;transform:none!important;
flex:0 0 auto;line-height:1!important;transition:none!important;
margin-left:12px!important;color:#795f68!important;
}
.page-body .site-header-light header #navigation a[aria-current='page'],
.fees-page header #navigation a[aria-current='page']{
background:#f0e4e4!important;
}
.page-body .site-header-light header .menu-toggle,
.fees-page header .menu-toggle{
display:block!important;background:transparent!important;
border:0!important;border-radius:10px!important;
box-shadow:none!important;padding:10px 12px!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:16px!important;font-weight:700!important;line-height:1.2!important;
color:#202b3b!important;min-height:44px;flex-shrink:0;
}
.page-body .site-header-light header .menu-toggle[aria-expanded='true'],
.fees-page header .menu-toggle[aria-expanded='true']{background:#f0e4e4!important;}
.page-body .site-header-light{position:relative;z-index:40;}
.fees-page .fees-top{overflow:visible!important;}
.fees-page .fees-top>header{z-index:40!important;}
}
/* V40: additional mobile entry points after key reassurance and evidence. */
body.home-v5 .v5-btn.v5-mobile-cta{display:none!important;}
@media(max-width:700px){
body.home-v5 .v5-btn.v5-mobile-cta{
display:inline-flex!important;grid-column:1/-1;justify-self:start;
width:max-content!important;max-width:100%;
margin-top:14px!important;padding:19px 25px!important;
font-size:20px!important;line-height:1!important;
}
body.home-v5 .v5-evidence-payout.v5-evidence-payout-simple>.v5-btn.v5-mobile-cta{
padding:19px 25px!important;margin:20px 0 0!important;
}
}
/* V41: centre the reassurance CTA below the final divider on mobile. */
@media(max-width:700px){
body.home-v5 .v5-reassurance-list>.v5-btn.v5-mobile-cta{
display:flex!important;margin:28px auto 0!important;
}
}
/* V42: centre the three hero promises on mobile. */
@media(max-width:700px){
body.home-v5 .v5-hero-benefit{
align-items:center!important;
text-align:center!important;
padding:0 6px!important;
}
body.home-v5 .v5-hero-benefit:first-child{padding-left:6px!important;}
}