/* A responsive composition in the same site, using the original dashboard UI. */
:root{--header-offset:var(--nav-height);--mobile-safe-bottom:env(safe-area-inset-bottom,20px)}
body.menu-open{position:fixed;width:100%}
html{scroll-padding-top:calc(var(--header-offset) + 16px)}
section{scroll-margin-top:0}
.mobile-menu-close,.mobile-hero-headline,.mobile-scroll-guide,.mobile-hero-followup{display:none}
.dashboard-failure{padding:40px;min-height:260px;color:var(--ink);background:var(--surface)}
.dashboard-noscript{width:100%;height:auto}
.dashboard-image:not([src]){display:none}
/* Sparse ambient image patches follow the grid; pointer reveal stays independent. */
.hero-stage.ambient-paused,.hero-stage.ambient-paused .hero-atmosphere i{animation-play-state:paused}
@media(max-width:900px){
 :root{--nav-height:calc(64px + env(safe-area-inset-top))}
 .site-header,.site-header.is-scrolled,.site-header.is-hidden{height:var(--nav-height);padding-top:env(safe-area-inset-top);background:var(--paper);border-bottom:1px solid var(--line);transform:none;opacity:1;pointer-events:auto;backdrop-filter:none;z-index:120}
 .header-inner{height:64px;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right));gap:16px}
 .site-header .brand{width:132px;display:flex;align-items:center;min-height:44px}
 .site-header .brand img{max-height:60px;width:100%;object-fit:contain}
 .mobile-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;flex:none;border:1px solid var(--line);border-radius:8px}
 .mobile-toggle svg{stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round}
 .site-nav{top:100%;height:calc(100dvh - var(--nav-height));max-height:none;padding:12px max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:none}
 .site-nav .mobile-menu-close{display:flex;align-items:center;justify-content:space-between;align-self:flex-end;min-width:88px;min-height:44px;padding:8px 12px;margin-bottom:8px;background:transparent;border:1px solid var(--line);border-radius:8px;font-size:14px}
 .mobile-menu-close span{font-size:24px}
 .site-nav a,.site-nav summary{min-height:44px}
 .site-nav .assets-links>a{white-space:normal}
 .offer-ribbon:not([hidden]){display:block;top:var(--nav-height);z-index:119;font-size:10px;min-height:30px;padding:6px 12px}
 .appearance-control{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}
 .appearance-trigger,.appearance-menu button,.plan-arrow{min-width:44px;min-height:44px}
 .appearance-menu button{font-size:14px}
 .dashboard-active .back-to-top{opacity:0;pointer-events:none}
 .plan-chooser button,.plan-cash-toggle,.plan-select,.faq-tabs button{min-height:44px}
 .plan-rules-box{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .plan-rules-box table{min-width:540px}
 .plan-addon,.plan-total,.payout-explainer,.faq-list{min-width:0}
 .plan-addon input{width:22px;height:22px;flex-shrink:0}
 .faq-item summary{min-height:56px}
}
@media(max-width:767px){
 .hero-story{height:auto;min-height:0}
 .hero-stage{position:relative;height:auto;min-height:0;overflow:clip;padding-bottom:0}
 .hero-copy,.motion-static .hero-copy{width:calc(100% - 40px);max-width:520px;padding-top:calc(var(--nav-height) + clamp(28px,6svh,64px));padding-bottom:32px;will-change:auto}
 .hero-copy h1{font-size:clamp(34px,8.5vw,54px);line-height:1.1;letter-spacing:-.04em}
 .hero-copy h1 em{margin-top:10px;font-size:1.08em}
 .mobile-hero-headline{display:none}
 .hero-trade-line{display:flex;align-items:center;height:clamp(40px,10vw,64px)}
 .hero-copy>p{display:block;font-size:14px;line-height:1.65;margin:18px auto;max-width:42ch}.hero-copy .secondary{display:inline-flex}
 .hero-copy .hero-actions{margin-top:18px;gap:8px}
 .hero-copy .button{min-height:46px;padding:12px 14px;font-size:12px;gap:8px}.hero-copy .button svg{width:14px;height:14px}
 .mobile-scroll-guide{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:12px;font-size:11px;color:var(--muted)}
 .mobile-scroll-guide a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
 .dashboard-plane{animation:none;opacity:1;translate:none;position:relative;left:auto;top:auto;width:calc(100% - 40px);max-width:none;transform:none;margin:0 auto;border-radius:12px;border:0}
 .hero-story.motion-portrait{height:var(--mobile-story-height);min-height:0}
 .motion-portrait .hero-stage{position:sticky;top:0;height:var(--mobile-stage-height);min-height:0;overflow:clip}
 .motion-portrait .hero-copy{transform:translate3d(0,var(--mobile-copy-y,0px),0)!important;opacity:var(--mobile-copy-opacity,1)!important}
 .motion-portrait .dashboard-plane{position:absolute;left:50%;top:0!important;margin:0;max-width:none;width:calc(100% - 24px);height:var(--mobile-panel-height);border:0;background:var(--paper);transform:var(--mobile-dashboard-transform)!important;transform-origin:50% 0;animation:dashboard-arrive 1.2s var(--entrance-ease) 1s both;translate:none;will-change:transform;box-shadow:var(--shadow-card)}
 .motion-portrait .dashboard-image{position:absolute;top:0;left:50%;width:var(--mobile-image-width);height:var(--mobile-image-height);max-width:none;transform:translateX(var(--mobile-image-offset));object-fit:contain}
 .motion-portrait .hero-grid{inset:8% 0 0;height:auto}
 .hero-atmosphere i{filter:none;background:radial-gradient(ellipse,#b7cce41b,transparent 66%);animation:none}
 .hero-stage{animation:none}.hero-grid::after{mask-image:none;-webkit-mask-image:none;opacity:.28;animation:mobile-grid-breathe 5s ease-in-out infinite}
 .hero-stage .peripheral-reveal{display:grid!important}.hero-stage .pointer-light{display:block!important}
 .peripheral-layout{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;padding:calc(var(--nav-height) + 16px) 16px 24px;height:100%;--reveal-inset:0px}
 .reveal-tile{translate:none;transform:none;align-self:center;max-height:180px}
 .tile-chart{grid-area:1/1;align-self:start}.tile-fed{grid-area:1/2;align-self:start}.tile-certificate{grid-area:2/1;align-self:end;translate:none}.tile-calendar{grid-area:2/2;align-self:end}
 .tile-orders,.tile-watch{display:none}
 .peripheral-reveal{mask-image:radial-gradient(ellipse 170px 145px at var(--pointer-x,-600px) var(--pointer-y,-600px),#0008, #0004 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 170px 145px at var(--pointer-x,-600px) var(--pointer-y,-600px),#0008,#0004 30%,transparent 80%);transition:opacity .55s ease}
 .pointer-light{background:radial-gradient(ellipse 190px 160px at var(--pointer-x,-600px) var(--pointer-y,-600px),#c4dfff18,transparent 75%);transition:opacity .55s ease}
 .mobile-hero-followup{display:block;padding-block:12px 16px;text-align:center;background:var(--paper)}
 .mobile-hero-followup p,.mobile-hero-followup .button{display:none}
 .mobile-hero-followup .hero-actions{margin-top:24px;flex-direction:column;gap:12px}
 .mobile-hero-followup .text-link{font-size:13px;margin:0;min-height:44px}
 .process-grid{gap:32px 22px}.process-step p,.policy-section p,.faq-answer{font-size:14px;line-height:1.75}
 .plan-checkout{flex-wrap:wrap}.plan-checkout-button{min-height:48px}.plan-total small{max-width:none}
 .footer-nav a,.footer-nav summary{display:inline-flex;align-items:center;min-height:44px}
 .footer-nav .assets-links{max-width:calc(100vw - 40px)}
 .footer-legal{overflow-wrap:anywhere}
}
@media(max-width:375px){.hero-copy h1{font-size:34px}.hero-copy h1 em{font-size:1em}.mobile-scroll-guide{gap:12px}.plan-card{padding-inline:18px}.process-grid{grid-template-columns:1fr}.plan-sale-price{font-size:clamp(30px,16cqi,44px)}}
@media(max-width:900px) and (max-height:540px){.hero-copy,.motion-static .hero-copy{padding-top:calc(var(--nav-height) + 24px);padding-bottom:28px}.hero-copy h1{font-size:36px}.hero-copy .hero-actions{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.hero-stage .peripheral-reveal,.hero-stage .pointer-light{display:none!important}.hero-atmosphere{display:none}.hero-stage{animation:none}}

@keyframes mobile-grid-breathe{0%,100%{opacity:.06}50%{opacity:.62}}
.hero-stage.ambient-paused .hero-grid::after{animation-play-state:paused}
@media(max-width:767px){
 .dashboard-plane{animation:dashboard-arrive 1.2s var(--entrance-ease) 1s both}
 .is-process-animated .process-section{padding-block:16px;margin:0;align-items:stretch}
 .is-process-animated .process-section>.container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(220px,1fr);gap:16px;align-items:stretch}
 .is-process-animated .section-intro{max-width:none}
 .is-process-animated .section-intro .eyebrow{font-size:10px;margin-bottom:10px}
 .is-process-animated .section-intro h2{font-size:28px;line-height:1.12}
 .is-process-animated .process-funded{margin-top:12px;min-height:44px;padding:10px 18px;font-size:12px}
 .is-process-animated .process-grid{height:auto;min-height:220px;margin:0}
 .is-process-animated .process-step{padding:4px 0;justify-content:center}
 .is-process-animated .process-step h3{font-size:20px;max-width:none;margin-bottom:8px}
 .is-process-animated .process-step p{font-size:14px;line-height:1.6;margin:0;max-width:45ch}
 .is-process-animated .step-number{width:28px;height:28px;margin-bottom:12px;font-size:12px}
 .is-process-animated .stat-strip{padding-block:20px}
 .is-process-animated .stat-grid{gap:12px 20px}
 .is-process-animated .stat-grid strong{font-size:28px}
 .is-process-animated .stat-grid span{font-size:8px;line-height:1.35;margin-top:5px}
 .process-complete .process-section>.container{display:block}
 .process-complete .process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}
 .mobile-rise-pending{opacity:0;transform:translateY(var(--entrance-distance))}
 .benefit-grid>.benefit-item{display:contents}
 .benefit-grid .rule-footnote{order:1;grid-column:1/-1}
 .platform-strip{padding-block:20px}
 .platform-names{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:32px;overflow-x:auto;max-width:100%;margin-top:20px;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}
 .platform-names::-webkit-scrollbar{display:none}
 .platform-names>span{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
 .mobile-rise-visible{animation:mobile-section-rise var(--entrance-duration) var(--entrance-ease) both}
}
@keyframes mobile-section-rise{from{opacity:0;transform:translateY(var(--entrance-distance))}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-rise-pending{opacity:1;transform:none}.mobile-rise-visible,.hero-grid::after,.dashboard-plane,.motion-portrait .dashboard-plane{animation:none!important;opacity:1;translate:none}}

/* A compact, continuously rolling platform ribbon on phones. */
.platform-track,.platform-group{display:contents}
.platform-repeat,.platform-label-mobile{display:none}
@media(max-width:767px){
 .platform-strip>.container{display:flex;align-items:center;gap:20px}
 .platform-strip .eyebrow{flex:0 0 100px;text-align:left;margin:0;font-size:9px;line-height:1.6}
 .platform-label-desktop{display:none}
 .platform-label-mobile{display:inline}
 .platform-names{flex:1;min-width:0;overflow:hidden;margin:0;padding:0;display:block;scroll-snap-type:none}
 .platform-track{display:flex;width:max-content;animation:platform-roll 18s linear infinite}
 .platform-group{display:flex;align-items:center;gap:32px;padding-right:32px;flex:none}
 .platform-group>span{white-space:nowrap;flex:none}
 .platform-group>span:nth-child(2){font-weight:500}
 .platform-names:active .platform-track{animation-play-state:paused}
}
@keyframes platform-roll{to{transform:translateX(-50%)}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
 .platform-track{animation:none}
 .platform-repeat{display:none}
 .platform-names{overflow-x:auto}
}

@media(max-width:767px){
 .motion-portrait .hero-stage>.hero-actions{position:absolute;left:20px;right:20px;z-index:8;display:flex;justify-content:center;gap:8px;margin:0;pointer-events:auto}
 .motion-portrait .hero-stage>.hero-actions .button{min-height:46px;padding:12px 14px;font-size:12px;gap:8px}
 .motion-portrait .hero-stage>.hero-actions .button svg{width:14px;height:14px}
}
/* Keep mobile plan controls and the complete card within a compact view. */
@media(max-width:767px){
 .plan-selectors .market-chooser{margin-bottom:8px;padding:4px}
 .plan-selectors .plan-chooser button{padding-block:8px;min-height:44px}
 .framework-controls{gap:4px;margin-bottom:0;min-height:0}
 .framework-chooser{padding:4px}
 .plan-cash-toggle{padding-block:0;min-height:44px}
 .plan-grid{padding-block:18px 12px}
 .plan-card{padding:20px 20px 16px}
 .plan-card-heading{min-height:76px}
 .plan-account{padding-top:0}
 .plan-account h3{margin:10px 0 12px}
 .plan-promo-code{margin-top:6px}
 .plan-card ul{padding-top:12px;margin:12px 0;line-height:1.45}
 .plan-card li{margin-bottom:7px}
 .plan-card li:last-child{margin-bottom:0}
 .plan-select{padding-block:10px;min-height:44px}
 .plan-discount-badge{top:-8px;right:-8px}
}
@media(min-width:768px){
 .platform-strip>.container{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:clamp(12px,2vw,32px)}
 .platform-strip .eyebrow{flex:0 0 auto;white-space:nowrap;text-align:left;margin:0;line-height:1.6;font-size:clamp(8px,.85vw,12px)}
 .platform-names{display:contents;font-size:clamp(14px,1.8vw,27px)}
 .platform-group>span{white-space:nowrap}
}

.hero-stage .peripheral-breathe .reveal-tile{opacity:var(--ambient-visibility,0);transition:opacity .8s ease}
.peripheral-breathe img{filter:blur(2px);--ambient-patches:radial-gradient(ellipse 25% 22% at var(--spot-x,35%) var(--spot-y,40%),#000b,transparent 100%),radial-gradient(ellipse 17% 26% at var(--spot-x2,65%) var(--spot-y2,60%),#0007,transparent 100%);-webkit-mask-image:var(--ambient-patches);mask-image:var(--ambient-patches);mask-composite:add}
@media(max-width:767px){
 .hero-stage .peripheral-breathe{mask-image:none;-webkit-mask-image:none;animation:mobile-image-breathe 5s ease-in-out infinite}
 .hero-stage.ambient-paused .peripheral-breathe{animation-play-state:paused}
}
@keyframes mobile-image-breathe{0%,100%{opacity:0}50%{opacity:.12}}

/* Full-width mobile platform selection, above checkout. */
@media(max-width:767px){
 .plan-checkout-actions{width:100%;flex-direction:column;align-items:stretch}
 .plan-checkout-actions .plan-platform-label,.plan-checkout-actions .plan-checkout-button{width:100%;flex:none}
 #plan-platform{width:100%;max-width:none;flex-wrap:nowrap;overflow-x:auto}
}