/* Final visual consistency pass, scoped to the public landing. */
.sector-mobile-title,.sector-mobile-picker{display:none}
.landing .button{border-radius:10px;box-shadow:0 6px 16px #6046ed1a;font-size:15px;min-height:50px}
.landing .button:focus-visible,.landing a:focus-visible{outline:3px solid #9276ef;outline-offset:4px}
.landing .price-offer .button{background:#6046ed;color:#fff;box-shadow:none}
.landing .price-offer .button:hover{background:#7158f5}
.landing .mechanic-card,.landing .dashboard-mock{box-shadow:0 8px 24px #211a3d0a}
.landing .postit{opacity:.9}
.landing .step-copy p{font-size:13px;line-height:1.5}
.landing .step-copy h3{line-height:1.18}
.landing .section-copy{color:#625f70;line-height:1.7}
.landing .wallet-inner .section-copy{color:#c5c0d5}
.landing .mechanic-sub,.landing .balance-label{font-size:13px}
.landing .push-example-note{font-size:12px;line-height:1.6;color:#666071}
.panel-example-label{width:min(1180px,100%);margin:0 auto 14px;font-size:12px;color:#655e76;text-align:left}
.landing .mock-sidebar,.landing .metric span,.landing .mock-row,.landing .mock-program,.landing .mock-heading>span{font-size:13px;color:#625c6e}
.landing .mock-program small{font-size:12px}
.landing .mock-section-title h4,.landing .mock-signals h4,.landing .mock-feed h4{font-size:14px}
.landing .footer-links{gap:20px;flex-wrap:wrap}
.landing .footer-links a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.landing .final-footer{flex-wrap:wrap;gap:16px;padding-top:20px;padding-bottom:20px}
.sector-scroll-hint{display:none}
.landing .sector-story{min-height:400px}
@media(min-width:1081px){
 .landing .hero h1{font-size:clamp(52px,4.5vw,66px);line-height:1.04;max-width:630px}
 .landing .how-section>.section-title,.landing .panel-section>.section-title{font-size:48px;line-height:1.12;max-width:1000px;margin-left:auto;margin-right:auto}
 .landing .section-copy{font-size:16px}
 .landing .panel-section{padding-top:64px;padding-bottom:64px}
 .landing .step-copy{height:auto}
}
@media(max-width:760px){
 .landing .hero-copy>p:not(.eyebrow){order:4}
 .landing .hero .button{order:5;margin-bottom:0}
 .landing .hero .hero-art{order:3;margin-bottom:20px}
 .landing .how-grid{gap:14px}
 .landing .how-step{aspect-ratio:auto;min-height:218px;border-radius:18px;background:var(--note-bg);padding:20px 16px;transform:none!important;box-shadow:0 4px 12px #211a3d08}
 .landing .how-step .postit,.landing .how-step .step-mini-visual{display:none}
 .landing .step-copy{position:static;display:block;height:auto}
 .landing .step-copy .number{display:block;font-size:24px;line-height:1;margin:0 0 22px;letter-spacing:-.03em}
 .landing .step-copy h3{font-size:17px!important;margin:0 0 9px;max-width:none}
 .landing .step-copy p{font-size:13px;line-height:1.5;max-width:none}
 .landing .section-copy{font-size:14px}
 .landing .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .landing .metric{min-height:90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 9px}
 .landing .metric span{font-size:11px;line-height:1.35;max-width:100%;overflow-wrap:anywhere;hyphens:auto}
 .landing .metric strong{font-size:21px;letter-spacing:-.6px}
 .landing .mock-main{padding:16px}
 .landing .chart-bars{height:105px}
 .landing .mock-program{font-size:13px;line-height:1.6}
 .landing .hand-note{font-size:23px;line-height:1.2}
 .landing .faq-answer p{font-size:14px}
 .landing .price-feature li,.landing .price-feature p{font-size:13px}
 .landing .final-footer{padding:24px 0}
}
@media(max-width:640px){
 .landing .price-offer{border-radius:16px}
 .sector-scroll-hint{display:block;margin:0 0 10px;font-size:12px;line-height:1.5;color:#625c6e}
 .landing .sector-heading h2{font-size:32px}
 .landing .sector-story{min-height:370px}
 .landing .sector-example-label{font-size:11px}
 .landing .hero-copy>p:not(.eyebrow){font-size:14px!important;line-height:1.6!important}
}
@media(prefers-reduced-motion:reduce){.landing .button{transition:none}}
@media(max-width:640px){
 .landing .sector-section{padding:44px 20px!important}
 .sector-desktop-title{display:none}
 .sector-mobile-title{display:block}
 .landing .sector-heading h2{font-size:34px;line-height:1.12;letter-spacing:-1.3px}
 .landing .sector-heading .eyebrow{font-size:10px;margin-bottom:16px}
 .landing .sector-heading{margin-bottom:24px}
 .landing .sector-heading>p{font-size:14px;line-height:1.65;margin-top:16px}
 .landing .sector-scroll-hint{display:none}
 .landing .sector-picker-label{display:block;font-size:10px;letter-spacing:.07em;margin-bottom:12px}
 .landing .sector-picker-label span{display:none}
 .landing .sector-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
 .landing .sector-tabs button{width:100%;min-height:44px;padding:10px 12px;border:1px solid #dcd5e7;border-radius:10px;background:#fff9;color:#62576f;font-size:13px;line-height:1.3;justify-content:center;text-align:center;transition:background .18s,color .18s,border-color .18s}
 .landing .sector-tabs button[aria-selected=true]{background:#6046ed;border-color:#6046ed;color:#fff}
 .landing .sector-tabs .sector-arrow,.landing .sector-tabs .sector-number{display:none}
 .landing .sector-story{min-height:0;padding:24px;margin-top:14px!important;border-radius:16px}
 .landing .sector-story-top{font-size:10px;letter-spacing:.05em}
 .landing .sector-story-top>span:last-child{display:none}
 .landing .sector-story h3{font-size:26px;line-height:1.17;letter-spacing:-.7px;margin:22px 0 14px}
 .landing .sector-story h3 em{font:inherit;color:#6046d3}
 .landing .sector-description{font-size:13px;line-height:1.6;margin-bottom:22px}
 .landing .sector-example{background:#ffffff85;padding:16px;border:0;border-radius:10px;margin:0;display:block}
 .landing .sector-example-label{font-size:10px;color:#61536f}
 .landing .sector-example p{font-size:15px;font-weight:700;line-height:1.5;margin-top:8px}
 .landing .sector-footer{border:0;margin-top:18px;padding:0;font-size:12px}
 .landing .sector-footer span{display:none}
}
@media(max-width:760px){
 .landing .wallet-inner{height:auto;min-height:0;padding:28px 20px;display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:18px;align-items:center}
 .landing .wallet-inner>div:first-child{width:auto;margin:0;grid-column:2;grid-row:1}
 .landing .wallet-inner .eyebrow{margin-bottom:10px;font-size:10px}
 .landing .wallet-inner .section-title{font-size:25px;line-height:1.1;margin-bottom:14px;max-width:none;letter-spacing:-.8px}
 .landing .wallet-inner .section-copy{font-size:13px;line-height:1.6;max-width:none}
 .landing .wallet-inner .wallet-phone-mini{position:relative;grid-column:1;grid-row:1;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:145px;height:auto;aspect-ratio:2/3;justify-self:center}
 .landing .wallet-phone-mini img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
 .landing .wallet-phone-mini .wallet-glow{width:110%;height:auto;aspect-ratio:1;left:-5%;top:18%}
}
/* Mobile steps: use the existing product illustrations to anchor each card. */
@media(max-width:760px){
 .landing .how-section>.section-copy{display:none}
 .landing .how-board{display:flex;flex-direction:column;margin-top:20px}
 .landing .how-board .hand-note{order:-1;width:100%;margin:0 0 22px;justify-content:center;gap:8px;font-size:22px;line-height:1.15;transform:none;opacity:1}
 .landing .how-board .hand-note br{display:none}
 .landing .how-board .hand-note>span:last-child{max-width:280px}
 .landing .how-grid{margin-top:0}
 .landing .how-step{min-height:195px;padding:16px 15px 54px}
 .landing .step-copy .number{margin-bottom:10px}
 .landing .how-step .step-mini-visual{display:block;position:absolute;left:auto;right:13px;bottom:12px;width:62px;height:34px;object-fit:contain;object-position:right bottom;opacity:1;transform:none!important}
 .landing .how-step:nth-of-type(3) .step-mini-visual{width:28px;height:41px;right:18px;bottom:10px}
 .landing .how-step:nth-of-type(4) .step-mini-visual{width:62px;height:35px}
 .landing .how-section{padding-bottom:32px}
}

/* Keep Wallet compatibility marks closer to the introductory copy. */
@media(min-width:761px){.landing .hero .desktop-wallet-badges{bottom:66px}}
@media(max-width:640px){.landing .hero{padding-bottom:16px}}