/* Mobile home behaves as a compact app surface; desktop remains untouched. */

@media(max-width:1024px){
  body:has([data-home-v3]){padding-bottom:0;background:#080c0e}
  body:has(.hp3-member){padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  body:has([data-home-v3]) .site-header{position:relative;z-index:920;margin-bottom:0!important}
  body:has([data-home-v3]) .site-footer-v4{margin-top:38px}
  .hp3{--mobile-card:#10181c;--mobile-line:#314048;gap:0;padding-top:10px}
  .hp3 .shell{width:calc(100% - 20px);max-width:680px}
  .hp3 [data-reveal]{opacity:1;transform:none}

  .hp3-hero{display:flex!important;min-height:0!important;flex-direction:column;gap:18px;margin-top:0!important;padding:20px 17px 18px!important;overflow:hidden;border:1px solid #b8ff002d;border-radius:25px!important;background:radial-gradient(circle at 90% 0,#b8ff001b,transparent 32%),linear-gradient(155deg,#142019,#0c1316 62%,#0a1013)!important;box-shadow:0 22px 60px #0008,inset 0 1px #ffffff0c}
  .hp3-hero-light{right:-150px!important;top:-160px!important;width:350px!important;height:350px!important;opacity:.72}
  .hp3-offer{position:relative!important;inset:auto!important;order:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 12px!important;width:100%!important;min-height:72px!important;margin:0!important;padding:12px 13px!important;border:1px solid color-mix(in srgb,var(--member-plan-color,var(--lime)),transparent 66%)!important;border-radius:16px!important;background:linear-gradient(105deg,color-mix(in srgb,var(--member-plan-color,var(--lime)),transparent 88%),#ffffff03)!important;box-shadow:inset 0 1px #ffffff0b!important}
  .hp3-offer>span:first-child{grid-column:1;display:flex!important;align-items:center;gap:7px!important}
  .hp3-offer>span:first-child i{padding:5px 7px!important;border-radius:7px!important;font-size:7px!important}
  .hp3-offer>span:first-child b{font-size:10px!important}
  .hp3-offer>span:not(:first-child){grid-row:2;color:#829087!important;font-size:7px!important}
  .hp3-offer>span:nth-of-type(3),.hp3-offer>span:nth-of-type(4){display:none!important}
  .hp3-offer>a{grid-column:2;grid-row:1/3;align-self:center;min-height:38px!important;padding:0 12px!important;border:1px solid color-mix(in srgb,var(--member-plan-color,var(--lime)),transparent 72%)!important;border-radius:11px!important;background:color-mix(in srgb,var(--member-plan-color,var(--lime)),transparent 86%)!important;color:color-mix(in srgb,var(--member-plan-color,var(--lime)),#fff 18%)!important;font-size:8px!important;white-space:nowrap}
  .hp3-offer-member{min-height:68px!important;padding:10px 12px!important;overflow:hidden;background:radial-gradient(circle at 16% 120%,color-mix(in srgb,var(--member-plan-color),transparent 69%),transparent 43%),linear-gradient(105deg,color-mix(in srgb,var(--member-plan-color),#10151a 88%),#10171a 68%)!important}
  .hp3-offer-member>span:first-child{align-self:end}
  .hp3-offer-member>span:first-child b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hp3-offer-member>span:nth-of-type(2),.hp3-offer-member>span:nth-of-type(3){display:none!important}
  .hp3-offer-member>span:nth-of-type(4){grid-column:1;grid-row:2;display:flex!important;align-items:center;gap:4px;color:#aab3b6!important;white-space:nowrap}
  .hp3-offer-member>span:nth-of-type(4) strong{color:#f2f6f7!important;font-size:8px!important}

  .hp3-copy{order:1;width:100%!important;padding:2px 0 0!important}
  .hp3-eyebrow{gap:8px!important;font-size:8px!important;letter-spacing:.14em!important}
  .hp3-copy h1{margin:15px 0 14px!important;font-size:clamp(42px,11.7vw,66px)!important;line-height:.88!important;letter-spacing:-.065em!important}
  .hp3-copy h1 br{display:none}
  .hp3-copy h1 em{display:block;margin-top:11px;font-size:.54em!important;line-height:1!important;letter-spacing:-.045em!important}
  .hp3-lead{max-width:none!important;margin:0!important;color:#9ba8ad!important;font-size:12px!important;line-height:1.6!important}
  .hp3-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:19px!important}
  .hp3-button{width:100%!important;min-height:50px!important;padding:0 16px!important;border-radius:14px!important;font-size:11px!important}
  .hp3-button.secondary{justify-content:space-between!important;background:#0b1216a8!important}
  .hp3-proof{display:flex!important;gap:7px 13px!important;margin-top:14px!important;overflow-x:auto;padding:0 0 3px!important;scrollbar-width:none}
  .hp3-proof::-webkit-scrollbar{display:none}
  .hp3-proof span{flex:none;font-size:7px!important;white-space:nowrap}
  .hp3-workflow{order:2;width:100%!important;height:auto!important;min-height:315px!important;margin-top:0!important;border-radius:19px!important;transform:none!important}

  .hp3-signal{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:10px!important;padding:10px!important;border-radius:19px!important;background:#0d1418!important}
  .hp3-signal>i{display:none!important}
  .hp3-signal>div{min-height:84px!important;padding:12px!important;border:1px solid #2c3940!important;border-radius:13px!important;background:#11191d!important}
  .hp3-signal strong{font-size:21px!important}
  .hp3-signal .featured{border-color:#b8ff003b!important;background:#b8ff0009!important}

  .hp3-tools,.hp3-steps,.hp3-ecosystem,.hp3-results,.hp3-pricing,.hp3-product-story,.hp3-final{margin-top:46px!important}
  .hp3-section-head,.hp3-tools>.hp3-section-head{display:block!important}
  .hp3-section-head h2,.hp3-steps h2,.hp3-ecosystem h2,.hp3-results h2,.hp3-pricing h2,.hp3-story-copy h2,.hp3-final h2{margin:11px 0 12px!important;font-size:clamp(32px,9vw,43px)!important;line-height:.95!important;letter-spacing:-.055em!important}
  .hp3-section-head>div:last-child{display:grid!important;gap:8px!important;margin-top:14px!important}
  .hp3-section-head>div:last-child p{font-size:10px!important;line-height:1.55!important}
  .hp3-carousel-head{margin-top:20px!important}
  .hp3-carousel-head>div:last-child{display:none!important}
  .hp3-tool-viewport{width:calc(100% + 10px)!important;max-width:none!important;margin-right:-10px!important;overflow-x:scroll!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;scrollbar-width:none;touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch}
  .hp3-tool-viewport::-webkit-scrollbar{display:none}
  .hp3-tool-track{display:flex!important;width:max-content!important;min-width:max-content!important;gap:10px!important;transform:none!important}
  .hp3-tool-card{width:min(78vw,300px)!important;min-height:210px!important;flex:none!important;padding:19px!important;scroll-snap-align:start;border-radius:19px!important;touch-action:pan-x pan-y!important}
  .hp3-tool-card h3{font-size:22px!important}
  .hp3-carousel-progress{margin-top:12px!important}

  .hp3-steps{display:flex!important;min-height:0!important;flex-direction:column;gap:18px!important;padding:22px 17px!important;border-radius:23px!important}
  .hp3-step-benefits{grid-template-columns:1fr!important;gap:7px!important;margin:18px 0!important}
  .hp3-step-benefits>span{min-height:54px!important;padding:9px 11px!important}
  .hp3-steps ol{gap:8px!important}
  .hp3-steps li{grid-template-columns:31px 38px minmax(0,1fr)!important;gap:8px!important;padding:12px!important;border-radius:14px!important}
  .hp3-steps li>em{display:none!important}
  .hp3-steps li p{font-size:8px!important}

  .hp3-ecosystem>header{align-items:flex-start!important;text-align:left!important}
  .hp3-ecosystem>header .hp3-eyebrow{margin-inline:0!important}
  .hp3-ecosystem>header>p:last-child{margin-inline:0!important;text-align:left!important;font-size:10px!important}
  .hp3-ecosystem>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hp3-ecosystem>div>a{min-height:178px!important;padding:15px!important;border-radius:17px!important}
  .hp3-ecosystem a>span{width:38px!important;height:38px!important}
  .hp3-ecosystem h3{margin:10px 0 6px!important;font-size:16px!important}
  .hp3-ecosystem a>p{display:none!important}
  .hp3-ecosystem a>b{font-size:8px!important}
  .hp3-ecosystem .eco-mock{opacity:.24!important;transform:scale(.72);transform-origin:right bottom}

  .hp3-product-story,.hp3-drive-story{display:flex!important;min-height:0!important;flex-direction:column!important;gap:15px!important;padding:22px 17px!important;border-radius:23px!important}
  .hp3-story-copy{order:1!important}
  .hp3-community-stage,.hp3-drive-stage,.hp3-drive-story .hp3-drive-stage{order:2!important;width:100%;height:285px!important}
  .hp3-story-copy>p:not(.hp3-eyebrow){font-size:10px!important}
  .hp3-story-points{gap:6px!important;margin:17px 0!important}
  .hp3-story-points>span{padding:8px 9px!important}
  .hp3-story-points>span:nth-child(3){display:none!important}
  .story-post{width:88%!important}.story-art{height:155px!important}
  .drive-window{width:100%!important}

  .hp3-results>header>p:last-child{font-size:10px!important}
  .hp3-results>div{display:flex!important;gap:10px!important;margin-right:-10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .hp3-results>div::-webkit-scrollbar{display:none}
  .hp3-result-card{width:min(84vw,330px)!important;min-width:min(84vw,330px)!important;flex:none;scroll-snap-align:start;border-radius:20px!important}

  .hp3-pricing .px-section-head{display:block!important}
  .hp3-pricing .px-section-head>p{margin-top:10px!important;font-size:10px!important}
  .hp3-pricing .px-plan-grid{display:flex!important;gap:10px!important;margin:-10px -10px -18px 0!important;padding:10px 0 18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-top:10px;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
  .hp3-pricing .px-plan-grid::-webkit-scrollbar{display:none}
  .hp3-pricing .px-plan{width:min(88vw,360px)!important;min-width:min(88vw,360px)!important;flex:none;scroll-snap-align:start}
  .hp3-pricing .px-plan:hover,.hp3-pricing .px-plan:active,.hp3-pricing .px-plan:focus,.hp3-pricing .px-plan:focus-within{transform:none!important}
  .hp3-pricing-proof{display:grid!important;gap:7px!important}

  .hp3-final{min-height:0!important;padding:34px 18px!important;border-radius:24px!important}
  .hp3-final>p:not(.hp3-eyebrow){font-size:11px!important}
  .hp3-final-note{line-height:1.6!important}

}

@media(max-width:430px){
  .hp3 .shell{width:calc(100% - 12px)}
  .hp3-hero{padding:14px 13px 15px!important;border-radius:21px!important}
  .hp3-offer{grid-template-columns:minmax(0,1fr) auto!important;padding:10px!important}
  .hp3-offer-guest>span:not(:first-child){display:none!important}
  .hp3-offer-member>span:nth-of-type(4){display:flex!important}
  .hp3-copy h1{font-size:clamp(39px,12vw,50px)!important}
  .hp3-workflow{min-height:285px!important}
  .hp3-signal{grid-template-columns:1fr 1fr!important}
  .hp3-ecosystem>div{grid-template-columns:1fr 1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .hp3 *{scroll-behavior:auto!important}
}