/* ADAPT HPI · About Mission · V3.4 */
.hpi-about{--hpi-bg:#040a10;--hpi-ink:#f5f9fc;--hpi-muted:#adbdc8;--hpi-stroke:#304654;--hpi-accent:#8bddea;color:var(--hpi-ink);background:var(--hpi-bg);overflow:hidden;font-family:Inter,Arial,sans-serif}
.hpi-about *{box-sizing:border-box}
.hpi-about .hpi-shell{width:min(100% - 84px,1540px);margin-inline:auto}
.hpi-about .hpi-kicker,.hpi-about .hpi-overline{font-weight:750;font-size:11px;letter-spacing:.23em;line-height:1.6;text-transform:uppercase;color:#adcbd9}
.hpi-about .hpi-kicker span{color:var(--hpi-accent)}
.hpi-about h1,.hpi-about h2,.hpi-about h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.055em;font-weight:900;margin:0;color:#f5f8fa}
.hpi-about h1 em,.hpi-about h2 em{font-style:normal;color:#b7c2cb}
.hpi-about p{margin:0}
.hpi-about .hpi-button{font:700 13px Inter,Arial,sans-serif;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 21px;min-height:50px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.hpi-about .hpi-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.3)}
.hpi-about .hpi-button-primary{background:#f5f8fa;color:#0a1119}
.hpi-about .hpi-button svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}
.hpi-hero{position:relative;min-height:690px;overflow:hidden;isolation:isolate;display:flex;align-items:center}
.hpi-hero-visual{position:absolute;inset:0;z-index:-3;background:#050b10 url('/assets/hpi-about-hero-v5.webp') 62% center/cover no-repeat}
.hpi-hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#03090ffb 0%,#03090ff1 25%,#03090fba 43%,#03090f48 68%,#03090f21 100%),linear-gradient(0deg,#030a10d9 0%,transparent 20%)}
.hpi-hero-layout{padding-block:88px 94px;position:relative}
.hpi-hero .hpi-shell>h1{font-size:clamp(60px,6.1vw,105px);line-height:.91;margin:25px 0 26px;max-width:770px;text-wrap:balance}
.hpi-hero-deck{font-size:clamp(18px,1.6vw,24px);line-height:1.43;font-weight:670;max-width:650px}
.hpi-hero-sub{color:#b7c6d0;line-height:1.65;font-size:14px;max-width:510px;margin:16px 0 24px!important}
.hpi-hero-tag{font-size:10px;letter-spacing:.18em;color:#b5c3ce;margin-top:20px!important}
.hpi-scroll{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;display:flex;align-items:center;gap:17px;color:#b4c6d1;text-decoration:none}
.hpi-scroll span{font-size:17px}
.hpi-mission{border-top:1px solid #253845;border-bottom:1px solid #253845;padding-block:88px 94px;background:linear-gradient(140deg,#08151d,#050b10)}
.hpi-mission-grid{display:grid;grid-template-columns:210px 1fr;gap:clamp(35px,6vw,125px)}
.hpi-mission .hpi-overline{padding-top:10px}
.hpi-mission-copy{max-width:1020px}
.hpi-mission h2{font-size:clamp(34px,3.25vw,52px);line-height:1.01;margin-bottom:28px;max-width:840px}
.hpi-mission h2 span{color:#91aab9}
.hpi-mission-copy p{color:#c9d6df;font-size:clamp(15px,1.18vw,18px);line-height:1.78;margin-bottom:21px;max-width:890px}
.hpi-mission-copy strong{font-size:14px;color:var(--hpi-accent);letter-spacing:.035em;display:inline-block;margin-top:3px}
.hpi-section,.hpi-digital,.hpi-future{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #263946}
.hpi-section h2,.hpi-digital h2,.hpi-future h2,.hpi-closing h2{font-size:clamp(44px,4.8vw,78px);line-height:.96;margin:17px 0 26px}
.hpi-section p:not(.hpi-overline),.hpi-digital p:not(.hpi-overline),.hpi-future p:not(.hpi-overline){color:#c0ced8;line-height:1.7;font-size:16px;max-width:625px;margin-bottom:15px}
.hpi-problem{min-height:590px;display:flex;align-items:center}
.hpi-section-art{position:absolute;inset:0;z-index:-3;background:url('/assets/hpi-about-data.webp') right center/min(52vw,840px) auto no-repeat}
.hpi-section-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030a10fc 0%,#030a10f0 28%,#030a10b0 51%,#030a1019 90%),linear-gradient(0deg,#030a10c9,transparent 25%)}
.hpi-section-copy{padding-block:110px}
.hpi-emphasis{margin-top:35px;max-width:580px;border-left:2px solid var(--hpi-accent);padding:10px 20px;color:#c7d8e1;font-size:17px}
.hpi-emphasis strong{color:#f3f8fb}
.hpi-answer{padding-block:100px 105px;background:#051018}
.hpi-answer-head{max-width:960px}
.hpi-answer-head>p:not(.hpi-overline){font-size:16px;line-height:1.73;color:#b8ccd8;max-width:790px}
.hpi-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:49px}
.hpi-step{border:1px solid #334c5c;border-radius:13px;background:linear-gradient(140deg,#102330,#07121a);padding:30px 24px;min-height:245px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.hpi-step:hover{transform:translateY(-5px);border-color:#72b2c2;box-shadow:0 16px 45px #0004}
.hpi-step span{color:var(--hpi-accent);font-size:11px;letter-spacing:.15em}
.hpi-step h3{font-size:clamp(24px,2.3vw,36px);line-height:.98;margin:50px 0 14px}
.hpi-step p{font-size:13px!important;color:#a7bdc9!important;line-height:1.62!important}
.hpi-qualifier{font-size:11px!important;color:#8da3b1!important;margin-top:24px!important;letter-spacing:.03em}
.hpi-digital{display:flex;min-height:590px;align-items:center}
.hpi-digital-art{z-index:-3;position:absolute;inset:0;background:url('/assets/hpi-about-intelligence.webp') right center/min(53vw,860px) auto no-repeat}
.hpi-digital-shade{z-index:-2;position:absolute;inset:0;background:linear-gradient(90deg,#030a10fd 0%,#030a10e9 28%,#030a108d 52%,#030a100e 100%),linear-gradient(0deg,#030a10b8,transparent 24%)}
.hpi-digital-copy{padding-block:98px}
.hpi-questions{padding-block:102px;background:radial-gradient(ellipse at 84% 10%,#123041a0,transparent 55%),#040b10}
.hpi-questions-top{display:flex;align-items:end;justify-content:space-between;gap:28px}
.hpi-questions-top>p{max-width:260px!important;color:#adbfcc!important;font-size:14px!important}
.hpi-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}
.hpi-question-grid article{min-height:140px;padding:26px 30px;border-radius:13px;border:1px solid #314a59;background:linear-gradient(150deg,#10202ad4,#09151db8)}
.hpi-question-grid article span{font-size:11px;color:var(--hpi-accent);letter-spacing:.15em}
.hpi-question-grid article p{font-size:19px!important;font-weight:680;line-height:1.45!important;color:#e5eef3!important;margin:17px 0 0!important;max-width:660px!important}
.hpi-question-end{font-size:12px!important;color:#a2b6c3!important;margin-top:27px!important;max-width:900px!important}
.hpi-future{min-height:620px;display:flex;align-items:center}
.hpi-future-art{position:absolute;inset:0;z-index:-3;background:url('/assets/hpi-about-future.webp') right center/min(56vw,920px) auto no-repeat}
.hpi-future-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#03090ffc 0%,#03090fdc 32%,#03090f76 56%,#03090f12 100%),linear-gradient(0deg,#03090fbb,transparent 24%)}
.hpi-future-inner{padding-block:100px}
.hpi-future-actions{display:flex;align-items:center;gap:28px;margin-top:29px;flex-wrap:wrap}
.hpi-text-link{color:#e2f5fa;font-size:13px;text-decoration:none;border-bottom:1px solid #7dabb9;padding-bottom:7px}
.hpi-text-link span{margin-left:7px}
.hpi-closing{text-align:center;border-top:1px solid #2b414e;padding:92px 0 84px;background:#050a0e}
.hpi-closing h2{font-size:clamp(44px,5.7vw,96px);margin:20px auto 25px}
.hpi-closing h2 span{color:#b4c2cc}
.hpi-closing p:not(.hpi-overline){font-size:16px;color:#adbec8;margin-bottom:35px}
.hpi-closing-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px}
.hpi-closing-links a{font-size:13px;white-space:nowrap;border-bottom:1px solid #5e8494;padding-bottom:9px;text-decoration:none;color:#f6fbfd}
.hpi-closing-links span{padding-left:12px;color:#89d8e3}
.hpi-coming{background:#08151c;border-top:1px solid #263b49;padding-block:40px}
.hpi-coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.hpi-coming-grid div{scroll-margin-top:130px}
.hpi-coming-grid span{font-size:11px;letter-spacing:.13em;color:#8dd1dd}
.hpi-coming-grid p{margin-top:9px;color:#b8c8d3;font-size:13px;line-height:1.55}
.hpi-about section[id]{scroll-margin-top:88px}
@media(min-width:1600px){.hpi-hero{min-height:750px}.hpi-hero .hpi-shell>h1{font-size:105px}}
@media(max-width:1020px){.hpi-about .hpi-shell{width:min(100% - 48px,1540px)}.hpi-hero{min-height:680px}.hpi-hero-visual{background-position:58% center}.hpi-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.hpi-step{min-height:205px}.hpi-step h3{margin-top:35px}.hpi-mission-grid{grid-template-columns:1fr;gap:18px}.hpi-section-art{background-position:57% center}}
@media(max-width:680px){
 .hpi-about .hpi-shell{width:calc(100% - 38px)}
 .hpi-hero{min-height:835px;align-items:flex-start}
 .hpi-hero-visual{background-size:auto 59%;background-position:66% bottom;background-repeat:no-repeat}
 .hpi-hero-overlay{background:linear-gradient(180deg,#030a10fc 0%,#030a10ed 37%,#030a1074 62%,#030a1045 83%,#030a10c7 100%)}
 .hpi-hero-layout{padding-top:55px;padding-bottom:60px}
 .hpi-hero .hpi-shell>h1{font-size:clamp(43px,11.7vw,66px);line-height:.91;max-width:100%;letter-spacing:-.016em;margin:19px 0 22px}
 .hpi-hero-deck{font-size:16px;line-height:1.48;max-width:340px}
 .hpi-hero-sub{font-size:12px;line-height:1.65;max-width:350px;margin:11px 0 19px!important}
 .hpi-hero-tag{max-width:285px;line-height:1.6;font-size:9px;margin-top:17px!important}
 .hpi-scroll{display:none}
 .hpi-mission{padding-block:58px 62px}
 .hpi-mission h2{font-size:clamp(34px,8.7vw,50px)}
 .hpi-mission-copy p{font-size:14px;line-height:1.74}
 .hpi-problem{min-height:820px;align-items:flex-start}
 .hpi-section-art{background-size:auto 65%;background-position:62% bottom;background-repeat:no-repeat}
 .hpi-section-shade{background:linear-gradient(180deg,#030a10fa 0%,#030a10fa 27%,#030a10a0 50%,#030a104d 83%,#030a10c9 100%)}
 .hpi-section-copy{padding-top:66px;padding-bottom:280px}
 .hpi-section h2,.hpi-digital h2,.hpi-future h2,.hpi-closing h2{font-size:clamp(42px,10.6vw,61px);line-height:.96;margin:17px 0 24px}
 .hpi-section p:not(.hpi-overline),.hpi-digital p:not(.hpi-overline),.hpi-future p:not(.hpi-overline){font-size:14px;line-height:1.7}
 .hpi-emphasis{font-size:14px;margin-top:24px}
 .hpi-answer,.hpi-questions{padding-block:70px}
 .hpi-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}
 .hpi-step{padding:20px 16px;min-height:203px}
 .hpi-step h3{font-size:24px;margin:32px 0 12px}
 .hpi-step p{font-size:11px!important}
 .hpi-digital{min-height:760px;align-items:flex-start}
 .hpi-digital-art{background-size:auto 58%;background-position:56% bottom;background-repeat:no-repeat}
 .hpi-digital-shade{background:linear-gradient(180deg,#030a10fb 0%,#030a10f2 26%,#030a1086 53%,#030a1021 85%,#030a10ae 100%)}
 .hpi-digital-copy{padding-top:70px;padding-bottom:340px}
 .hpi-questions-top{display:block}
 .hpi-question-grid{grid-template-columns:1fr;gap:10px;margin-top:27px}
 .hpi-question-grid article{min-height:98px;padding:18px 21px}
 .hpi-question-grid article p{font-size:16px!important;margin-top:12px!important}
 .hpi-future{min-height:780px;align-items:flex-start}
 .hpi-future-art{background-size:auto 62%;background-position:49% bottom;background-repeat:no-repeat}
 .hpi-future-overlay{background:linear-gradient(180deg,#030a10fa 0%,#030a10ed 28%,#030a1080 53%,#030a1026 85%,#030a10cf 100%)}
 .hpi-future-inner{padding-top:67px;padding-bottom:290px}
 .hpi-future-actions{gap:20px;align-items:flex-start}
 .hpi-closing{padding:73px 0 63px}
 .hpi-closing-links{gap:20px}
 .hpi-coming-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:375px){.hpi-hero{min-height:880px}.hpi-hero .hpi-shell>h1{font-size:clamp(39px,11.4vw,49px)}.hpi-step h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hpi-about .hpi-button,.hpi-about .hpi-step{transition:none!important;transform:none!important}}

.hpi-legacy-anchor{position:absolute;top:0;left:0;width:0;height:0;scroll-margin-top:90px}


/* ADAPT HPI V3.5 — about hero and visual balance refinements */
.hpi-hero-deck{max-width:680px}
.hpi-hero-sub{max-width:540px}
.hpi-mission-copy{max-width:980px}
.hpi-section-copy,.hpi-digital-copy,.hpi-future-inner{position:relative;z-index:2}
@media(max-width:1020px){
  .hpi-hero-visual{background-position:64% center}
  .hpi-section-art{background-size:min(58vw,760px) auto}
  .hpi-digital-art{background-size:min(58vw,760px) auto}
  .hpi-future-art{background-size:min(60vw,820px) auto}
}
@media(max-width:680px){
 .hpi-hero{min-height:800px;align-items:flex-start}
 .hpi-hero-visual{background-size:auto 56%;background-position:68% bottom;background-repeat:no-repeat}
 .hpi-hero-layout{padding-top:56px;padding-bottom:58px}
 .hpi-problem{min-height:760px;align-items:flex-start}
 .hpi-section-art{background-size:auto 56%;background-position:68% bottom;background-repeat:no-repeat}
 .hpi-section-copy{padding-top:66px;padding-bottom:250px}
 .hpi-digital{min-height:720px;align-items:flex-start}
 .hpi-digital-art{background-size:auto 54%;background-position:64% bottom;background-repeat:no-repeat}
 .hpi-digital-copy{padding-top:70px;padding-bottom:300px}
 .hpi-future{min-height:730px;align-items:flex-start}
 .hpi-future-art{background-size:auto 58%;background-position:52% bottom;background-repeat:no-repeat}
 .hpi-future-inner{padding-top:67px;padding-bottom:260px}
}

/* V3.5.1 — Match Home's display-heading system on About. */
.hpi-about h1,.hpi-about h2,.hpi-about h3{font-family:var(--display)!important;font-weight:900!important;letter-spacing:-.055em!important}
.hpi-hero .hpi-shell>h1{font-size:clamp(48px,5.4vw,86px);line-height:.97;overflow-wrap:normal}
.hpi-section h2,.hpi-digital h2,.hpi-future h2,.hpi-closing h2{font-size:clamp(43px,4.35vw,73px);line-height:.98}
.hpi-mission h2{font-size:clamp(33px,3vw,49px);line-height:1.02}
.hpi-step h3{letter-spacing:-.035em!important}
@media(max-width:680px){
 .hpi-hero .hpi-shell>h1{font-size:clamp(37px,9.4vw,55px);line-height:.99;letter-spacing:-.06em!important}
 .hpi-section h2,.hpi-digital h2,.hpi-future h2,.hpi-closing h2{font-size:clamp(37px,9.1vw,54px);line-height:1}
 .hpi-mission h2{font-size:clamp(33px,8.2vw,45px)}
}
@media(max-width:375px){.hpi-hero .hpi-shell>h1{font-size:clamp(35px,9.1vw,41px)}}