/* Responsive refinements for the landing only; no cabinet styles are changed. */
.preview-hint-mobile{display:none}

/* Keep light surfaces distinct without the dark theme's black halos. */
:root[data-theme=light]{--line:#c3d6d0;--cyan:#007672;--green:#08754b;--blue:#126fa0;--glow:color-mix(in srgb,var(--cyan) 8%,transparent)}
:root[data-theme=light] .cabinet-showcase,
:root[data-theme=light] .workspace{box-shadow:0 18px 55px #234f3f12}
:root[data-theme=light] .cloud-core{box-shadow:0 12px 30px #234f3f12,0 0 45px var(--glow)}
:root[data-theme=light] #features .report-visual{box-shadow:6px 7px 0 var(--surface2),0 12px 28px #234f3f10}
:root[data-theme=light] #features .server-visual>div{box-shadow:4px 6px 0 var(--surface2),0 10px 18px #234f3f0d}
:root[data-theme=light] .archive-file{box-shadow:0 12px 28px #234f3f14}
:root[data-theme=light] .preview-items img,
:root[data-theme=light] .farm-pulse img,
:root[data-theme=light] #features .money-flow .flow-item img{filter:drop-shadow(0 10px 12px #234f3f20)}
:root[data-theme=light] .workspace-tabs button[aria-selected=true],
:root[data-theme=light] .showcase-scenes button[aria-pressed=true]{background:var(--soft);color:var(--cyan)}
:root[data-theme=light] .prepare-watermark{opacity:.32}
:root[data-theme=light] .closing-mark{opacity:.06}

@media(max-width:900px){
  .feature-grid>*,.steps>*,.workspace-status-strip>div,.preview-items article,
  .subscription-visual>div,.split-values>div,.telegram-note>div{min-width:0}
  .section-heading h2,.workspace-heading h2,.terms h2,.closing h2{overflow-wrap:break-word}
}

@media(max-width:800px){
  html{scroll-padding-top:104px}
  .header{width:calc(100% - 24px);padding-inline:12px;gap:8px;top:8px}
  .header-actions{gap:4px;flex:none}
  .header .motion-button,.header .theme-button,.header .menu-button{width:44px;height:44px;min-height:44px;flex:none;padding:0}
  .header .menu-button{font-size:0;display:grid;place-items:center}
  .header .menu-button>span{font-size:20px}
  .header nav{top:calc(100% + 8px);border:1px solid var(--line);border-radius:14px;padding:8px;max-height:calc(100dvh - 116px);overflow-y:auto;box-shadow:var(--shadow)}
  .header nav a{min-height:48px;padding:14px 16px;font-size:14px}
  .header-actions .button{min-height:44px;font-size:12px}
  .section{padding-block:64px}
  .section-heading>p:last-child,.workspace-heading p:last-child{font-size:15px;line-height:1.75}
  .eyebrow{line-height:1.65;letter-spacing:.1em}
  .workspace-tabs button{min-width:0;min-height:48px;font-size:13px;justify-content:center}
  .workspace-tabs button:after{display:none}
  .workspace-tabs button span{min-width:0}
  .terms-card select{font-size:16px;min-height:50px;margin-bottom:16px}
  .terms-card label{font-size:13px;line-height:1.6}
  .split-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .split-values strong{font-size:clamp(23px,4vw,32px);overflow-wrap:anywhere;line-height:1.3}
  .split-values small{font-size:12px;line-height:1.5}
  .terms-card p,.calculation-note,.terms-footnote{font-size:13px!important;line-height:1.75}
  .trust-grid{grid-template-columns:1fr}
  .trust-grid article,.trust-grid article:first-child,.trust-grid article:last-child{padding:24px 0;border:0;border-bottom:1px solid var(--line)}
  .trust-grid article:last-child{border-bottom:0}
  .trust-grid article>span{float:left;margin:0 16px 12px 0;width:44px;height:44px}
  .trust-grid h3{font-size:23px;margin:9px 0 22px}
  .trust-grid p{font-size:14px;clear:both;line-height:1.75}
  .faq summary{min-height:60px;font-size:15px;line-height:1.55;padding:22px 12px}
  .faq details p{font-size:14px;line-height:1.8;padding:0 22px 24px 40px}
  .faq-support{min-height:64px}.faq-support span{font-size:14px}.faq-support small{font-size:12px}
  .footer>div a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
  .footer>p{font-size:11px;line-height:1.7}
}

@media(max-width:650px){
  .wrap{width:calc(100% - 32px)}
  .hero{padding-block:36px 42px;gap:28px;overflow-clip-margin:0}
  .hero-description{font-size:15px;line-height:1.8}
  .hero-actions{gap:8px 18px}.hero-actions .text-link{min-height:44px;font-size:13px}
  .hero-notes{font-size:11px;line-height:1.6;gap:8px 16px}
  .hero .art-caption{font-size:12px;line-height:1.7;margin-top:14px;padding-inline:4px}
  .preview-hint-desktop{display:none}.preview-hint-mobile{display:inline}
  /* Phones already render the native mobile cabinet at 1:1 scale. */
  #hero-zoom-toggle{display:none}
  .showcase-chrome{height:auto;min-height:42px;gap:6px;flex-wrap:wrap;padding:9px 12px;font-size:10px}
  .showcase-chrome .demo-badge{font-size:9px;white-space:normal}
  .showcase-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .showcase-scenes button{font-size:12px;min-height:48px;padding:12px 4px}
  .showcase-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}
  .showcase-step{font-size:10px}#showcase-title{font-size:15px;line-height:1.45}#showcase-description{font-size:12px;line-height:1.65}
  .showcase-controls #hero-tour-toggle{min-height:46px;font-size:13px;width:100%;white-space:normal}
  .benefit-strip{padding-block:22px}.benefit-strip .wrap{gap:18px 12px}
  .benefit-strip span{display:flex;align-items:baseline;gap:8px;line-height:1.55}
  .benefit-strip b{margin:0;font-size:12px}
  .section-index{gap:12px;margin:0 0 28px;font-size:9px;letter-spacing:.03em}
  .section-index>span:last-child{max-width:145px;font-size:8px}
  #features .section-heading h2,.workspace-heading h2,#start .section-heading h2,
  .terms-intro h2,.trust .section-heading h2,.faq h2,.closing h2{font-size:clamp(30px,8.3vw,43px);line-height:1.13}
  #features .feature-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  #features .feature{padding:24px;border-radius:18px}
  #features .feature-large{grid-row:auto}
  #features .feature-wide{grid-column:auto;flex-direction:column;align-items:stretch;gap:24px}
  #features .feature h3{font-size:28px;line-height:1.2}
  #features .feature p{font-size:14px;line-height:1.8}
  #features .feature-number{font-size:10px;margin-bottom:24px;line-height:1.6}
  #features .feature-large>small{font-size:12px;line-height:1.7}
  .infrastructure-orbit{margin:18px 0 0;height:210px}
  .orbit-label{font-size:9px;padding:8px}.orbit-label-a{top:12px}.orbit-label-b{bottom:12px}
  #features .server-visual{max-width:330px;width:100%;margin:0 auto;transform:rotate(-2deg);padding:16px 4px 28px}
  #features .status-visual{width:100%;max-width:none;margin:4px 0 28px}
  .visual-caption{font-size:10px;line-height:1.6}
  #features .status-visual>div{font-size:13px;padding:16px 12px}
  #features .report-visual{width:calc(100% - 12px);max-width:330px;margin:4px auto 32px;transform:rotate(-2deg)}
  #features .report-visual>span{font-size:10px;flex-wrap:wrap}.report-visual small{font-size:9px}
  #features .report-formats b{font-size:10px;padding:7px 10px}
  #features .feature-wide .money-flow{width:100%;max-width:360px;margin:auto;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;padding:0}
  #features .money-flow small{font-size:9px;white-space:normal;line-height:1.5}
  #features .money-flow .flow-item b{font-size:12px}
  .farm-cycle{padding:24px;gap:26px;margin-top:24px}
  .cycle-intro h3{font-size:29px}.cycle-intro p:not(.eyebrow){font-size:14px}
  .cycle-intro .button{width:100%;min-height:48px;font-size:13px}
  .cycle-track{gap:8px}.cycle-track span{font-size:9px;line-height:1.6}
  .cycle-display{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:18px;min-height:0}
  .cycle-orb{width:54px;height:54px;margin:0}.cycle-orb img{width:34px;height:34px}
  .cycle-copy{grid-column:1/-1;max-width:none;padding:0;min-width:0}
  .cycle-copy small{font-size:9px;line-height:1.6;overflow-wrap:anywhere}
  .cycle-copy strong{font-size:23px}.cycle-copy p{font-size:13px;min-height:0;padding:0}
  .cycle-item{top:8px;right:18px;bottom:auto;width:64px;height:64px}
  [data-cycle=drop] .cycle-item{transform:rotate(-8deg);opacity:1}
  .cycle-note{font-size:12px;line-height:1.7}
  .workspace-heading{margin-bottom:28px}.workspace-bar{gap:10px;flex-wrap:wrap}
  .workspace-bar>span:nth-child(2){font-size:11px}.workspace-bar .demo-badge{font-size:10px}
  .workspace-tabs{gap:4px;padding:8px}.workspace-tabs button{font-size:12px;padding:10px 6px;gap:6px}
  .workspace-content{padding:22px 14px;min-height:0}
  .preview-heading{align-items:start;flex-wrap:wrap;gap:8px}
  .preview-heading h3{font-size:24px}.preview-heading>span{max-width:none;font-size:11px;text-align:left;line-height:1.5}
  .workspace-status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .workspace-status-strip>div{display:block;position:relative;padding:12px 8px}
  .workspace-status-strip i{position:absolute;right:8px;top:18px;width:5px;height:5px}
  .workspace-status-strip span{font-size:24px;min-width:0}.workspace-status-strip small{font-size:10px;line-height:1.6;overflow-wrap:anywhere}
  .account-table>div{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;font-size:12px}
  .account-table>div>span:last-child{display:none}
  .account-table strong{overflow-wrap:anywhere}.account-table .status{font-size:11px;padding:7px;white-space:normal;max-width:100%}
  .account-table .table-labels{font-size:10px;letter-spacing:.04em}
  .preview-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .preview-items article{padding:14px 10px}.preview-items img{height:140px}
  .preview-items .item-index,.preview-items small{font-size:9px}.preview-items strong{font-size:13px;line-height:1.6;overflow-wrap:break-word}
  .preview-note{font-size:12px;line-height:1.75}.workspace-link{font-size:13px;line-height:1.6}
  .balance-preview{grid-template-columns:1fr;gap:10px;padding:0}
  .balance-preview>div{display:grid;grid-template-columns:26px minmax(0,1fr) auto;min-height:78px;gap:10px;padding:14px}
  .balance-glyph{font-size:24px;margin:0}.balance-preview small{font-size:12px;line-height:1.5}.balance-preview strong{font-size:24px;margin:0}
  .steps{gap:18px;margin-top:28px}.steps article{display:flex;flex-direction:column;padding:24px}
  .steps article>span{align-self:start;margin-bottom:22px;font-size:12px}.steps article>span:after{font-size:10px}
  .steps .step-art{width:100%;max-width:310px;align-self:center;height:220px}
  .step-telegram{padding:16px;min-height:220px;height:auto!important;transform:rotate(-1deg)}
  .step-chat-head>span{font-size:14px}.step-chat-head small{font-size:9px}.chat-command{font-size:13px}
  .chat-reply{font-size:12px;line-height:1.6}.chat-reply span{font-size:12px}
  .archive-file{padding:20px;width:86%}.archive-file>b{font-size:18px}.archive-file small{font-size:11px;line-height:1.7}
  .archive-limit,.step-farm-track{font-size:11px;line-height:1.6}
  .steps h3{font-size:27px;margin:28px 0 14px}.steps p{font-size:14px;line-height:1.8}
  .prepare-card,.week-card{padding:24px}.onboarding{gap:18px;padding-bottom:64px}
  .onboarding h2{font-size:34px}.prepare-list li{gap:14px}.prepare-list h3{font-size:17px}.prepare-list p{font-size:13px;line-height:1.75}
  .week-clock{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 16px;justify-content:initial}
  .week-clock-face{grid-row:1/3}.week-clock strong{font-size:27px;white-space:normal}
  .week-clock>span{margin:0;max-width:none;font-size:10px;letter-spacing:.04em}
  .week-days{gap:5px}.week-days li{height:40px;font-size:12px}
  .week-card>p:not(.eyebrow),.telegram-note p{font-size:14px;line-height:1.75}.telegram-note strong{font-size:15px}
  .terms{gap:28px}.terms-intro{padding-top:0}.terms-intro>p:not(.eyebrow){font-size:15px}
  .terms-card{padding:24px}.terms-card-caption{font-size:10px;line-height:1.6}
  #payment-description h3{font-size:28px;line-height:1.2}
  .subscription-visual{gap:22px}.subscription-visual>strong{flex:none;font-size:76px}
  .subscription-visual b{font-size:15px}.subscription-visual>div>span{font-size:13px;line-height:1.7}
  .faq-orbit{float:none;width:64px;height:64px;margin:0 0 22px}.faq-intro>p:not(.eyebrow){font-size:14px}
  .faq .eyebrow{font-size:10px}.faq summary{gap:10px;padding-inline:8px;font-size:14px}
  .faq summary:before{font-size:10px}.faq summary>span{width:28px;height:28px}
  .faq details p{padding:0 14px 24px 32px}
  .closing{padding:28px 24px;gap:24px;margin-bottom:40px}
  .closing .eyebrow{font-size:10px}.closing>div:last-child>p{font-size:14px}
  .closing>div:last-child{width:100%}.closing .button{width:100%;gap:18px;font-size:14px}
  .support-link{font-size:13px;min-height:44px;display:flex;align-items:center;line-height:1.6}
  .footer{padding-block:28px;gap:16px}.footer>div{gap:8px 20px}
}

@media(max-width:420px){
  /* Two rows keep all header actions comfortably tappable, even at 320px. */
  html{scroll-padding-top:144px}
  .header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px 12px;height:auto;padding:10px 12px;margin-top:8px}
  .header .logo{min-width:0;gap:8px}.header .logo>span{font-size:12px}.header .logo img{width:28px;height:28px}
  .header .menu-button{grid-column:2;grid-row:1;margin:0}
  .header-actions{grid-column:1/-1;justify-content:end;gap:8px}
  .header-actions .button{flex:1;font-size:13px;min-width:0}
  .header nav{max-height:calc(100dvh - 160px)}
  .section{padding-block:52px}.onboarding{padding-bottom:52px}
  .section-index>span:last-child{max-width:100px}.section-index{font-size:8px}
  #features .feature,.steps article,.prepare-card,.week-card,.terms-card,.farm-cycle{padding:20px}
  .hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%;font-size:14px}.hero-actions .text-link{justify-content:center}
  .preview-items{grid-template-columns:1fr}.preview-items img{height:180px}
  .split-values{grid-template-columns:1fr;gap:0;margin-bottom:16px}
  .split-values>div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:16px 0}
  .split-values small{flex:1}.split-values strong{flex:1;text-align:right;font-size:24px;margin:0}
  .balance-preview>div{grid-template-columns:24px minmax(0,1fr);gap:6px 12px}
  .balance-glyph{grid-row:1/3}.balance-preview strong{grid-column:2}
  .week-clock{column-gap:12px}.week-clock strong{font-size:24px}
  .subscription-visual{gap:16px}.subscription-visual>strong{font-size:64px}
}

/* Keep touch scrolling steady: no hover tilt or bouncing text. */
@media(hover:none),(pointer:coarse){
  .button:hover,.preview-items article:hover img{transform:none}
  #features .feature{transform:none}
  .reveal{--reveal-delay:0ms!important;transition-duration:.4s}
  :root:not([data-motion=off]) .week-card.in-view .week-reset{animation:none}
}
@media(max-width:650px) and (prefers-reduced-motion:no-preference){
  :root:not([data-motion=off]) .feature.in-view .cloud-core,
  :root:not([data-motion=off]) .steps article.in-view .archive-file,
  :root:not([data-motion=off]) .steps article.in-view .farm-pulse img{animation-name:mobile-section-float;animation-duration:7s}
  :root:not([data-motion=off]) .steps article.in-view .farm-pulse i{animation-name:mobile-section-pulse}
}
@keyframes mobile-section-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes mobile-section-pulse{0%,100%{opacity:.55;scale:.97}50%{opacity:1;scale:1}}