/* PLANKHO Homepage V2 — scoped to .home-page to keep all legal routes unchanged. */
.home-page main{max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.home-page{--ink:#163a3d;--deep:#0d6971;--aqua:#34a9a8;--mint:#a2cfc7;--cream:#f7f3ef;--muted:#627c7c;--line:#dce9e4;margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}
.home-page *{box-sizing:border-box}
.home-page img{max-width:100%;height:auto}
.home-page a{color:inherit}
.home-page button,.home-page a{-webkit-tap-highlight-color:transparent}
.home-page :focus-visible{outline:3px solid #34a9a8;outline-offset:4px}
.home-page .wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.home-page .section-pad{padding:112px 0}
.home-page h1,.home-page h2,.home-page h3,.home-page p{margin-top:0}
.home-page h1,.home-page h2,.home-page h3{line-height:1.17;letter-spacing:-.052em}
.home-page h1{font-size:clamp(3.1rem,5.5vw,5.8rem);font-weight:800}
.home-page h2{font-size:clamp(2.25rem,4.2vw,4.25rem);font-weight:800}
.home-page h3{font-size:1.27rem;font-weight:800;letter-spacing:-.035em}
.home-page p{font-size:1.02rem}
.home-page .teal-text{color:var(--deep)}
.home-page .eyebrow{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.15em;font-size:.73rem;color:var(--deep);margin-bottom:26px}
.home-page .eyebrow-light{color:#b5ece3}
.home-page .eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(52,169,168,.12)}
.home-page .skip-link{position:absolute;top:-100px;left:10px;padding:12px 20px;background:#fff;color:var(--deep);z-index:99}
.home-page .skip-link:focus{top:8px}
.home-page .site-header{background:#f7f3efed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:0;border-bottom:1px solid #dfece6;position:relative;z-index:20}
.home-page .nav-shell{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}
.home-page .site-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--deep)}
.home-page .site-brand img{width:55px;height:55px;object-fit:contain;filter:none}
.home-page .brand-word{font-weight:800;font-size:1.3rem;letter-spacing:.04em}
.home-page .primary-nav{display:flex;align-items:center;gap:33px}
.home-page .primary-nav a{text-decoration:none;font-size:.83rem;font-weight:800;color:#335b5c;white-space:nowrap}
.home-page .primary-nav a:not(.nav-link-cta):hover{color:#0d6971}
.home-page .primary-nav .nav-link-cta{background:var(--deep);color:#fff;padding:13px 17px;border-radius:50px}
.home-page .nav-link-cta span{margin-left:12px}
.home-page .menu-toggle{display:none}
.home-page .hero{position:relative;isolation:isolate;background:radial-gradient(ellipse 51% 70% at 80% 51%,#deede7 0%,transparent 100%),linear-gradient(120deg,#f7f3ef,#f9f7f2);overflow:hidden}
.home-page .hero-grid{min-height:698px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px;padding-top:42px;padding-bottom:55px;position:relative}
.home-page .hero-content{position:relative;z-index:4;padding:18px 0}
.home-page .hero h1{margin-bottom:26px}
.home-page .hero h1 em{font-style:normal;color:var(--deep)}
.home-page .lead{font-size:1.12rem;max-width:540px;color:#4a6969;line-height:1.85;margin-bottom:33px}
.home-page .hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.home-page .button{border-radius:48px;padding:15px 24px;text-decoration:none;font-weight:800;font-size:.87rem;display:inline-flex;align-items:center;justify-content:center;gap:25px;transition:transform .2s,box-shadow .2s}
.home-page .button:hover{transform:translateY(-2px)}
.home-page .button-primary{color:#fff;background:var(--deep);box-shadow:0 14px 28px #0d697125}
.home-page .button-primary:hover{box-shadow:0 18px 32px #0d697139}
.home-page .text-link{font-weight:800;text-decoration:none;color:var(--deep);font-size:.9rem}
.home-page .text-link span{margin-left:8px}
.home-page .text-link:hover{text-decoration:underline}
.home-page .hero-footnote{font-size:.85rem;font-weight:700;color:#6b8582;margin-top:48px}
.home-page .tiny-spark{color:var(--aqua);margin-right:8px}
.home-page .hero-art{height:550px;position:relative;display:grid;place-items:center}
.home-page .art-halo{position:absolute;width:105%;aspect-ratio:1;background:radial-gradient(circle,#a2cfc755 0 23%,#a2cfc723 24% 42%,transparent 43%);border-radius:50%;right:-7%}
.home-page .art-panel{position:relative;width:89%;padding:35px 30px 25px;border:1px solid #ffffffd0;background:linear-gradient(150deg,#fffdfae8,#e6f3edec);border-radius:34px;box-shadow:0 35px 80px #0d697123;transform:rotate(-3deg)}
.home-page .art-kicker{font-size:.75rem;letter-spacing:.12em;color:var(--deep);font-weight:800}
.home-page .art-kicker-mark{font-size:1.4rem;vertical-align:middle;margin-right:7px}
.home-page .art-mountain{padding:12px 0 0}
.home-page .art-mountain svg{width:100%;height:auto;display:block}
.home-page .art-bottom{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:#577a78;gap:12px;border-top:1px solid #d5e5df;padding-top:22px}
.home-page .art-bottom strong{color:var(--deep)}
.home-page .art-arrow{color:var(--aqua);font-size:1.5rem}
.home-page .float-label{position:absolute;background:#fff;border:1px solid #deede7;border-radius:50px;box-shadow:0 16px 40px #0d697120;padding:13px 19px;font-size:.76rem;font-weight:800;color:#255a59;white-space:nowrap;z-index:3}
.home-page .float-label span{color:var(--aqua);font-size:1.1rem;margin-right:8px}
.home-page .float-one{top:13%;right:-5%;transform:rotate(6deg)}
.home-page .float-two{bottom:16%;left:-5%;transform:rotate(4deg)}
.home-page .hero-orbit{position:absolute;border:1px solid #a2cfc760;border-radius:50%;z-index:-1}
.home-page .hero-orbit-one{width:340px;height:340px;top:-260px;left:-120px}
.home-page .hero-orbit-two{width:250px;height:250px;right:-175px;bottom:-130px}
.home-page .hero-bottom-line{height:5px;background:linear-gradient(90deg,#0d6971,#34a9a8,#a2cfc7)}
.home-page .section-intro{max-width:670px;margin-bottom:51px}
.home-page .section-intro p:last-child{color:var(--muted);line-height:1.85}
.home-page .center{text-align:center;margin-left:auto;margin-right:auto}
.home-page .center .eyebrow{justify-content:center}
.home-page .challenge{background:#fff}
.home-page .challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.home-page .challenge-card{background:#f7faf8;border:1px solid #e6eeea;padding:36px 32px 39px;border-radius:22px;min-height:300px;transition:transform .2s,box-shadow .2s}
.home-page .challenge-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #0d69710f}
.home-page .card-index{color:#a0b4ad;font-size:.76rem;font-weight:800;letter-spacing:.1em}
.home-page .challenge-icon{height:62px;width:62px;border-radius:19px;background:#e3f0eb;color:var(--deep);font-size:2rem;display:grid;place-items:center;margin:22px 0 24px}
.home-page .challenge-card h3{margin-bottom:13px}
.home-page .challenge-card p{color:var(--muted);font-size:.92rem;line-height:1.8;margin:0}
.home-page .features{background:var(--cream)}
.home-page .features-grid{display:grid;grid-template-columns:.95fr 1fr;gap:10%;align-items:center}
.home-page .features-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9}
.home-page .check-list{padding:0;margin:31px 0 0;list-style:none}
.home-page .check-list li{position:relative;padding:10px 0 10px 34px;font-size:.93rem;font-weight:700;border-bottom:1px solid #e2e8e2}
.home-page .check-list li:before{content:'✓';position:absolute;left:0;top:10px;color:var(--deep);font-weight:800}
.home-page .feature-showcase{background:linear-gradient(155deg,#fff 20%,#e6f2ec);border-radius:32px;box-shadow:0 30px 65px #0d697117;padding:44px;position:relative;border:1px solid #ffffff;transform:rotate(1deg)}
.home-page .showcase-topline{font-size:.73rem;color:var(--deep);font-weight:800;letter-spacing:.12em;margin-bottom:46px}
.home-page .circle-mark{font-size:1.3rem;margin-right:10px}
.home-page .showcase-heading{font-size:clamp(1.6rem,2.8vw,2.9rem);font-weight:800;line-height:1.2;letter-spacing:-.045em;max-width:350px}
.home-page .showcase-heading em{color:var(--deep);font-style:normal}
.home-page .showcase-rows{margin:32px 0}
.home-page .showcase-rows>div{display:flex;align-items:center;gap:13px;border-top:1px solid #d9e8e0;padding:16px 0;font-size:.9rem;font-weight:800;color:#3c6461}
.home-page .showcase-rows>div:last-child{border-bottom:1px solid #d9e8e0}
.home-page .row-symbol{font-size:1.3rem;color:var(--deep);width:30px}
.home-page .row-line{flex:1;border-bottom:2px dotted #b9d5cb}
.home-page .showcase-note{font-size:.72rem!important;color:#6d8680;line-height:1.7;margin-bottom:0}
.home-page .opportunity{background:linear-gradient(130deg,#075b63,#0d6971 60%,#0b7880);color:#fff;position:relative;overflow:hidden}
.home-page .opportunity:before{content:'';position:absolute;width:650px;height:650px;border:1px solid #ffffff15;border-radius:50%;top:-350px;right:-110px;box-shadow:0 0 0 90px #ffffff06,0 0 0 190px #ffffff04}
.home-page .opportunity-layout{display:grid;grid-template-columns:1fr .9fr;gap:13%;align-items:center;position:relative}
.home-page .opportunity h2 em{color:#b3ebe0;font-style:normal}
.home-page .opportunity p:not(.eyebrow){color:#d0e8e6;line-height:1.9;max-width:520px}
.home-page .opportunity p strong{color:#fff}
.home-page .button-light{background:#f4fbf8;color:#0d6971;margin-top:20px}
.home-page .opportunity-graphic{border:1px solid #ffffff45;background:#ffffff12;backdrop-filter:blur(7px);border-radius:30px;padding:35px}
.home-page .op-step{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:15px 18px;border:1px solid #ffffff2c;background:#ffffff15;border-radius:15px}
.home-page .op-step>span{grid-row:span 2;font-weight:800;color:#afebe1;font-size:1.15rem}
.home-page .op-step strong{font-size:.95rem}
.home-page .op-step small{font-size:.75rem;color:#c5e4df}
.home-page .op-connector{text-align:center;color:#9cd4d1;font-size:1.1rem;padding:5px}
.home-page .journey{text-align:center;background:#edf5f0}
.home-page .journey-inner>p:not(.eyebrow){max-width:650px;margin:0 auto;color:var(--muted);line-height:1.9}
.home-page .journey .eyebrow{justify-content:center}
.home-page .journey-path{display:flex;align-items:center;justify-content:center;margin-top:62px;gap:12px}
.home-page .journey-node{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.84rem;font-weight:800;color:#3c6867}
.home-page .journey-node span{display:grid;place-items:center;width:66px;height:66px;background:#fff;border:2px solid #c1dfd5;border-radius:50%;color:var(--deep);box-shadow:0 7px 20px #0d697112}
.home-page .journey-node:last-child span{background:var(--deep);color:#fff;border-color:var(--deep)}
.home-page .journey-dash{width:min(10vw,100px);border-top:2px dashed #8cbeb5;margin-bottom:30px}
.home-page .how{background:#fff}
.home-page .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.home-page .step-card{padding:30px 23px;background:#f7faf8;border-radius:18px;border:1px solid #e1ebe5}
.home-page .step-card>span{font-size:2.8rem;color:#a5d2c8;font-weight:800;letter-spacing:-.09em;display:block;margin-bottom:50px}
.home-page .step-card h3{color:var(--deep);margin-bottom:12px}
.home-page .step-card p{font-size:.9rem;line-height:1.85;color:var(--muted);margin:0}
.home-page .trust{background:#f7f3ef}
.home-page .trust-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%}
.home-page .trust-content>p{color:#536d6a;line-height:1.9}
.home-page .trust-points{margin:32px 0}
.home-page .trust-points>div{border-top:1px solid #dce5dd;display:grid;gap:8px;padding:19px 0}
.home-page .trust-points strong{font-size:.98rem;color:var(--deep)}
.home-page .trust-points span{font-size:.9rem;color:#617b78}
.home-page .faq{background:#fff}
.home-page .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:12%}
.home-page .faq-layout>div:first-child>p:last-child{color:var(--muted);font-size:.93rem}
.home-page .faq-layout a{color:var(--deep)}
.home-page .faq-items details{border-bottom:1px solid #dae7df;padding:22px 4px}
.home-page .faq-items details:first-child{border-top:1px solid #dae7df}
.home-page .faq-items summary{list-style:none;cursor:pointer;font-weight:800;color:#224747;position:relative;padding-right:30px}
.home-page .faq-items summary::-webkit-details-marker{display:none}
.home-page .faq-items summary:after{content:'+';position:absolute;right:3px;top:-3px;font-weight:500;font-size:1.5rem;color:var(--deep)}
.home-page .faq-items details[open] summary:after{content:'−'}
.home-page .faq-items details p{color:var(--muted);font-size:.92rem;line-height:1.85;margin:17px 0 0}
.home-page .availability{background:linear-gradient(115deg,#0b5b62,#0d6971);color:#fff;padding:90px 0}
.home-page .availability-inner{display:grid;grid-template-columns:1.45fr .55fr;gap:9%;align-items:center}
.home-page .availability h2{font-size:clamp(2.25rem,3.7vw,3.8rem)}
.home-page .availability p:not(.eyebrow){color:#c9e6e2;max-width:550px;line-height:1.9}
.home-page .availability-mark{border:1px solid #ffffff3b;background:#ffffff14;border-radius:28px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:15px}
.home-page .availability-mark img{max-width:180px;max-height:110px;object-fit:contain}
.home-page .availability-mark span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#b4e4dc;text-align:center;font-weight:800}
.home-page .site-footer{background:#123c40;color:#fff;padding:66px 0 0;text-align:left;border:0}
.home-page .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding-bottom:55px}
.home-page .footer-brand strong{font-size:1.7rem;letter-spacing:.04em}
.home-page .footer-brand p{color:#bfd3d2;margin:10px 0 20px;font-size:.87rem}
.home-page .footer-brand>a{color:#dbf4f0;font-size:.85rem;text-decoration:none}
.home-page .footer-links{display:flex;flex-direction:column;gap:13px}
.home-page .footer-links a{color:#cde1de;text-decoration:none;font-size:.86rem;font-weight:600}
.home-page .footer-links a:hover{text-decoration:underline}
.home-page .footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff29;padding:24px 0 29px;color:#a9c7c3;font-size:.73rem;gap:20px}
@media(max-width:1050px){.home-page .primary-nav{gap:18px}.home-page .hero-grid{gap:15px}.home-page .hero h1{font-size:clamp(3rem,5vw,4.7rem)}.home-page .float-one{right:-2%}.home-page .float-two{left:0}}
@media(max-width:820px){.home-page .section-pad{padding:76px 0}.home-page .nav-shell{min-height:74px}.home-page .site-brand img{width:48px;height:48px}.home-page .menu-toggle{width:43px;height:43px;border:1px solid #b7d3cd;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;cursor:pointer}.home-page .menu-toggle span{height:2px;background:#0d6971;border-radius:2px;width:100%}.home-page .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f7f3ef;box-shadow:0 14px 22px #0d697120;padding:23px 24px 28px;flex-direction:column;align-items:stretch;gap:19px}.home-page .primary-nav.is-open{display:flex}.home-page .primary-nav .nav-link-cta{display:inline-flex;align-self:flex-start}.home-page .hero-grid{grid-template-columns:1fr;min-height:0;padding-top:70px;gap:5px}.home-page .hero-content{max-width:680px}.home-page .hero-art{height:470px;max-width:570px;width:100%;margin-inline:auto}.home-page .hero-footnote{margin-top:30px}.home-page .features-grid,.home-page .opportunity-layout,.home-page .trust-layout,.home-page .faq-layout{grid-template-columns:1fr;gap:45px}.home-page .feature-showcase{max-width:630px}.home-page .challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .challenge-card{padding:25px 20px}.home-page .steps-grid{grid-template-columns:repeat(2,1fr)}.home-page .availability-inner{grid-template-columns:1fr;gap:30px}.home-page .availability-mark{max-width:330px}}
@media(max-width:600px){.home-page .wrap{width:min(100% - 34px,1180px)}.home-page .section-pad{padding:65px 0}.home-page h1{font-size:clamp(2.8rem,11vw,4rem)}.home-page h2{font-size:clamp(2rem,8vw,3.2rem)}.home-page .hero-grid{padding-top:55px;padding-bottom:20px}.home-page .lead{font-size:1rem}.home-page .hero-art{height:365px}.home-page .art-panel{width:91%;padding:23px 17px 18px;border-radius:24px}.home-page .art-kicker{font-size:.57rem}.home-page .art-bottom{font-size:.64rem;padding-top:13px}.home-page .float-label{font-size:.62rem;padding:9px 11px}.home-page .float-one{right:-2%;top:8%}.home-page .float-two{bottom:11%;left:0}.home-page .challenge-grid,.home-page .steps-grid{grid-template-columns:1fr}.home-page .challenge-card{min-height:0}.home-page .challenge-icon{margin:14px 0 17px}.home-page .step-card>span{margin-bottom:27px}.home-page .feature-showcase{padding:29px}.home-page .opportunity-graphic{padding:19px}.home-page .journey-path{gap:5px;margin-top:37px}.home-page .journey-node{font-size:.66rem}.home-page .journey-node span{width:49px;height:49px}.home-page .journey-dash{width:5vw;margin-bottom:23px}.home-page .footer-top{grid-template-columns:1fr 1fr;row-gap:37px}.home-page .footer-brand{grid-column:span 2}.home-page .footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}.home-page .hero-actions{gap:18px}.home-page .button{padding:13px 19px;gap:12px}.home-page .site-footer{padding-top:51px}}
@media(prefers-reduced-motion:reduce){.home-page *, .home-page *:before,.home-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V2 desktop readability and viewport-density refinement */
.home-page .opportunity h2,
.home-page .availability h2{color:#fff}
.home-page .opportunity h2 em{color:#b3ebe0}
@media (min-width:821px){
  .home-page .section-pad{padding-top:76px;padding-bottom:76px}
  .home-page .section-intro{margin-bottom:34px}
  .home-page h2{font-size:clamp(2.1rem,3.35vw,3.45rem);line-height:1.18}
  .home-page .hero-grid{min-height:min(690px,calc(100svh - 88px));padding-top:26px;padding-bottom:28px}
  .home-page .hero h1{font-size:clamp(3rem,4.9vw,5rem);line-height:1.16}
  .home-page .hero-art{height:min(530px,65svh)}
  .home-page .hero-footnote{margin-top:27px}
  .home-page .challenge-card{min-height:240px;padding:24px 26px}
  .home-page .challenge-icon{margin:14px 0 16px;height:52px;width:52px}
  .home-page .features-grid{gap:7%}
  .home-page .features-copy h2{font-size:clamp(2.1rem,3.25vw,3.45rem)}
  .home-page .feature-showcase{padding:31px}
  .home-page .showcase-topline{margin-bottom:20px}
  .home-page .showcase-rows{margin:21px 0}
  .home-page .showcase-rows>div{padding:11px 0}
  .home-page .opportunity-graphic{padding:25px}
  .home-page .op-step{padding:11px 15px}
  .home-page .journey-path{margin-top:35px}
  .home-page .step-card{padding:24px 21px}
  .home-page .step-card>span{margin-bottom:23px}
  .home-page .trust-points{margin:20px 0}
  .home-page .trust-points>div{padding:13px 0}
  .home-page .faq-items details{padding:17px 4px}
  .home-page .availability{padding:62px 0}
  .home-page .site-footer{padding-top:45px}
  .home-page .footer-top{padding-bottom:35px}
}
@media (max-width:820px){
  .home-page .opportunity h2,.home-page .availability h2{color:#fff}
}

/* Authentic app hero screenshot in a lightweight CSS device frame */
.home-page .hero-product{isolation:isolate;display:flex;align-items:center;justify-content:center;padding:22px 0 34px;height:auto;min-height:590px}
.home-page .hero-product .art-halo{z-index:-1;width:105%;right:-12%;top:50%;transform:translateY(-50%)}
.home-page .device-shell{position:relative;width:min(310px,76%);height:540px;background:#142c31;border:8px solid #163b40;border-radius:42px;box-shadow:0 28px 75px rgba(11,77,79,.23),inset 0 0 0 2px #4f7271;overflow:hidden;transform:rotate(5deg);z-index:2}
.home-page .device-shell:after{content:"";pointer-events:none;position:absolute;inset:0;border:2px solid rgba(255,255,255,.5);border-radius:34px}
.home-page .device-speaker{position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);width:61px;height:12px;border-radius:20px;background:#163b40}
.home-page .device-screen{display:block;width:100%;height:100%;object-fit:cover;object-position:top;background:#f7f3ef}
.home-page .hero-product .float-one{top:15%;right:-4%;transform:rotate(2deg)}
.home-page .hero-product .float-two{bottom:19%;left:-3%;transform:rotate(-2deg)}
.home-page .hero-preview-note{position:absolute;bottom:6px;right:7%;font-size:.73rem!important;color:#607e79;text-align:center;z-index:3}
@media(min-width:821px){.home-page .hero-product{min-height:540px;height:min(560px,70svh)}.home-page .device-shell{height:min(510px,61svh);width:min(290px,70%)}}
@media(max-width:600px){.home-page .hero-product{min-height:390px;height:430px;padding:12px 0 38px}.home-page .device-shell{height:365px;width:211px;border-width:6px;border-radius:32px}.home-page .device-shell:after{border-radius:26px}.home-page .device-speaker{top:5px;height:9px}.home-page .hero-product .float-one{top:14%;right:0}.home-page .hero-product .float-two{bottom:20%;left:0}.home-page .hero-preview-note{bottom:0;right:0;left:0}}

/* Product-true Financial Portfolio showcase */
.home-page .portfolio-showcase{position:relative;isolation:isolate;min-height:545px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #fff;background:linear-gradient(145deg,#e5f1eb,#fcfcf9 65%,#d5e9e4);border-radius:32px;box-shadow:0 28px 60px #0d697114;padding:50px 25px 28px}
.home-page .portfolio-backdrop{position:absolute;z-index:-1;width:490px;height:490px;border:1px solid #a2cfc780;box-shadow:0 0 0 55px #a2cfc71b,0 0 0 110px #a2cfc710;border-radius:50%;top:55px;right:-130px}
.home-page .portfolio-caption{position:absolute;top:26px;left:30px;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#0d6971;display:flex;align-items:center;gap:8px}
.home-page .portfolio-device{position:relative;z-index:1;width:260px;height:465px;overflow:hidden;background:#fff;border:7px solid #173f43;border-radius:34px;box-shadow:0 25px 48px #0d69712b;transform:rotate(-5deg)}
.home-page .portfolio-device img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}
.home-page .portfolio-device-top{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:55px;height:10px;background:#173f43;border-radius:12px}
.home-page .portfolio-label{position:absolute;z-index:3;right:12px;bottom:74px;padding:13px 17px;border-radius:30px;border:1px solid #d4e6df;background:#fff;box-shadow:0 12px 25px #0d697123;color:#0d6971;font-size:.72rem;font-weight:800}
.home-page .portfolio-label span{margin-left:12px}
.home-page .portfolio-note{position:absolute;bottom:20px;left:22px;right:22px;text-align:center;color:#587872;font-size:.7rem!important;margin:0}
@media(min-width:821px){.home-page .portfolio-showcase{min-height:510px}.home-page .portfolio-device{height:420px;width:242px}.home-page .portfolio-label{bottom:57px}}
@media(max-width:600px){.home-page .portfolio-showcase{min-height:450px;padding:52px 15px 35px}.home-page .portfolio-device{width:218px;height:362px}.home-page .portfolio-caption{top:18px;left:18px;font-size:.62rem}.home-page .portfolio-label{font-size:.64rem;bottom:60px;right:5px;padding:10px 12px}.home-page .portfolio-note{bottom:12px}}

/* Financial Portfolio visual QA: prevent labels and disclosure from covering the app */
.home-page .portfolio-showcase{padding-bottom:42px}
.home-page .portfolio-device{transform:rotate(-3deg) translateY(-8px)}
.home-page .portfolio-label{right:16px;bottom:64px;max-width:210px;padding:11px 14px;line-height:1.35}
.home-page .portfolio-note{bottom:12px;left:24px;right:24px;z-index:4;background:#eaf4efed;border-radius:20px;padding:3px 7px;font-size:.68rem!important}
@media(min-width:821px){
 .home-page .portfolio-showcase{min-height:540px}
 .home-page .portfolio-device{height:425px}
 .home-page .portfolio-label{bottom:64px}
}
@media(max-width:600px){
 .home-page .portfolio-showcase{padding-bottom:43px}
 .home-page .portfolio-label{bottom:57px;right:6px;max-width:155px;font-size:.62rem}
 .home-page .portfolio-note{bottom:8px}
}

/* Portfolio caption final placement — outside screenshot panel */
.home-page .portfolio-block{min-width:0}
.home-page .portfolio-block .portfolio-showcase{min-height:510px;padding:42px 25px 28px}
.home-page .portfolio-block .portfolio-note{position:static;display:block;background:transparent;border-radius:0;padding:0;margin:12px 0 0;text-align:center;color:#587872;font-size:.73rem!important}
.home-page .portfolio-block .portfolio-device{transform:rotate(-3deg);height:425px}
@media(max-width:600px){
  .home-page .portfolio-block .portfolio-showcase{min-height:420px;padding:45px 15px 25px}
  .home-page .portfolio-block .portfolio-device{width:218px;height:350px}
}

/* Authentic Opportunity simulation product showcase */
.home-page .opportunity-product{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;padding:14px 25px 0;min-width:0}
.home-page .opportunity-product:before{content:"";position:absolute;z-index:0;width:440px;height:440px;top:12%;left:50%;transform:translateX(-50%);border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 55px #ffffff0a,0 0 0 110px #ffffff06}
.home-page .opportunity-phone{position:relative;z-index:1;width:min(315px,100%);height:540px;background:#153b40;border:8px solid #153b40;border-radius:40px;overflow:hidden;box-shadow:0 26px 60px #002f3590;transform:rotate(3deg)}
.home-page .opportunity-phone img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;background:#f7f3ef}
.home-page .opportunity-phone-speaker{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);height:11px;width:60px;border-radius:20px;background:#153b40}
.home-page .opportunity-product figcaption{position:relative;z-index:1;max-width:390px;text-align:center;color:#c5e9e2;font-size:.73rem;line-height:1.6}
@media(min-width:821px){.home-page .opportunity-product{padding:0 20px}.home-page .opportunity-phone{height:min(535px,65svh)}}
@media(max-width:600px){.home-page .opportunity-product{padding:8px 10px 0}.home-page .opportunity-phone{width:242px;height:425px;border-width:6px;border-radius:31px}.home-page .opportunity-phone-speaker{top:5px;height:9px}.home-page .opportunity-product figcaption{font-size:.7rem}}

/* Freedom Journey: authentic achievements screen */
.home-page .journey-feature-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:7%;align-items:center}
.home-page .journey-feature-grid .journey-copy{text-align:left}
.home-page .journey-feature-grid .eyebrow{justify-content:flex-start}
.home-page .journey-feature-grid .journey-copy>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.9;max-width:560px}
.home-page .journey-feature-grid h2{font-size:clamp(2.15rem,3.45vw,3.55rem)}
.home-page .journey-feature-grid .journey-path{justify-content:flex-start;margin-top:40px;gap:8px}
.home-page .journey-feature-grid .journey-node span{height:51px;width:51px}
.home-page .journey-feature-grid .journey-dash{width:min(4vw,40px)}
.home-page .journey-product{position:relative;margin:0;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px 12px 0;border-radius:30px;background:radial-gradient(circle at center,#d6e9e2 0,#eaf4ee 55%,transparent 78%)}
.home-page .journey-phone{position:relative;width:275px;height:465px;max-width:88%;overflow:hidden;border:7px solid #173f43;border-radius:36px;box-shadow:0 22px 52px #0d69712b;background:#f7f3ef;transform:rotate(3deg)}
.home-page .journey-phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.home-page .journey-speaker{z-index:2;position:absolute;top:7px;left:50%;transform:translateX(-50%);width:54px;height:10px;background:#173f43;border-radius:10px}
.home-page .journey-product figcaption{color:#53746d;font-size:.72rem;line-height:1.6;text-align:center}
@media(max-width:820px){
.home-page .journey-feature-grid{grid-template-columns:1fr;gap:24px}
.home-page .journey-feature-grid .journey-path{justify-content:center}
.home-page .journey-product{min-height:470px}
.home-page .journey-phone{height:410px;width:242px}
}
@media(max-width:600px){
.home-page .journey-feature-grid .journey-path{gap:5px}
.home-page .journey-feature-grid .journey-dash{width:4vw}
.home-page .journey-feature-grid .journey-node span{width:47px;height:47px}
.home-page .journey-product{min-height:425px}
.home-page .journey-phone{height:360px;width:215px}
}

/* Official header identity: larger circular symbol + transparent wordart */
.home-page .site-brand{gap:10px;flex-shrink:0}
.home-page .site-brand .brand-symbol{display:block;width:78px;height:78px;object-fit:contain;filter:none;flex-shrink:0}
.home-page .site-brand .brand-wordart{display:block;width:235px;height:auto;max-height:78px;object-fit:contain;filter:none}
.home-page .nav-shell{min-height:104px}
@media(min-width:821px) and (max-width:1100px){
 .home-page .site-brand .brand-symbol{width:65px;height:65px}
 .home-page .site-brand .brand-wordart{width:195px}
 .home-page .primary-nav{gap:14px}
 .home-page .nav-shell{min-height:90px}
}
@media(max-width:820px){
 .home-page .nav-shell{min-height:88px}
 .home-page .site-brand .brand-symbol{width:62px;height:62px}
 .home-page .site-brand .brand-wordart{width:205px;max-height:66px}
}
@media(max-width:380px){
 .home-page .site-brand{gap:6px}
 .home-page .site-brand .brand-symbol{width:52px;height:52px}
 .home-page .site-brand .brand-wordart{width:160px}
 .home-page .nav-shell{min-height:75px}
}

/* Mobile QA consolidation — product clarity, comfortable spacing, no overlays */
@media (max-width:600px){
  .home-page .section-pad{padding-top:52px;padding-bottom:52px}
  .home-page .section-intro{margin-bottom:32px}
  .home-page .hero-grid{padding-top:42px;padding-bottom:18px}
  .home-page .hero-content .eyebrow{margin-bottom:20px}
  .home-page .hero-content h1{margin-bottom:19px}
  .home-page .lead{line-height:1.75;margin-bottom:26px}
  .home-page .hero-footnote{margin-top:24px}
  .home-page .hero-product{height:430px;min-height:405px}
  .home-page .hero-product .float-label{display:none}
  .home-page .device-shell{width:220px;height:375px}
  .home-page .hero-preview-note{bottom:3px}
  .home-page .challenge-card{padding:22px}
  .home-page .challenge-grid{gap:14px}
  .home-page .portfolio-block .portfolio-showcase{min-height:435px}
  .home-page .portfolio-block .portfolio-device{width:230px;height:367px}
  .home-page .opportunity-product{padding-inline:0}
  .home-page .opportunity-phone{width:min(268px,90%);height:465px}
  .home-page .journey-product{min-height:460px}
  .home-page .journey-phone{height:395px;width:230px}
  .home-page .steps-grid{gap:12px}
  .home-page .step-card{padding:21px}
  .home-page .step-card>span{margin-bottom:14px}
}
@media (max-width:380px){
  .home-page .opportunity-phone{width:240px;height:425px}
  .home-page .journey-phone{width:215px;height:370px}
  .home-page .portfolio-block .portfolio-device{width:216px;height:350px}
}

/* Official footer wordart (tagline embedded in the original artwork) */
.home-page .footer-wordart{display:block;width:min(270px,100%);height:auto;background:#f7f3ef;border-radius:12px;padding:9px 12px;margin:0 0 20px;object-fit:contain}
.home-page .footer-brand>a{display:inline-block}
@media(max-width:600px){
  .home-page .footer-wordart{width:min(265px,100%);padding:9px 12px;margin-bottom:20px}
}