body #landing{
  --pg-primary: var(--nf-ctl-on-bg); --pg-primary-ink: var(--nf-ctl-on-fg);
  --pg-danger: #C2271D; --pg-danger-ink: #FFFFFF; --pg-success: #2E9E5B; --pg-warn: #B26A00;
  --pg-r: var(--nf-panel-r); --pg-r-sm: var(--nf-ctl-r);
  --pg-card-shadow: var(--nf-n1-shadow); --pg-card-shadow-hover: var(--nf-n1-shadow-hover);
  --pg-input-h: 44px; --pg-btn-h: 40px;
  --pg-skeleton: color-mix(in srgb, var(--nf-ink) 8%, transparent);
  margin: 0; background: var(--nf-paper); color: var(--nf-ink);
  font: 15px/1.5 var(--nf-font-ui); -webkit-font-smoothing: antialiased;
}
body.theme-netfold #landing{ --pg-primary: #2F45FF; --pg-primary-ink: #FFFFFF; --pg-card-shadow: 0 0 0 1.5px #16181D, 4px 4px 0 1.5px #16181D; --pg-card-shadow-hover: 0 0 0 1.5px #16181D, 6px 6px 0 1.5px #16181D; }
body.theme-midnight #landing{ --pg-danger: #FF8A80; --pg-danger-ink: #2A0D0B; --pg-success: #5EEAA0; --pg-warn: #FFD166; --pg-card-shadow: 0 0 0 1px #27324F; --pg-card-shadow-hover: 0 0 0 1px #6EE7FF; }
@media (pointer: coarse){body #landing{ --pg-btn-h: 48px; --pg-input-h: 48px; }}
#landing, #landing *{ box-sizing: border-box; }
#landing :focus-visible{ outline: 2px solid var(--nf-focus); outline-offset: 2px; }
#landing svg.i{ width: 20px; height: 20px; flex: none; }
#landing .btn{
  height: var(--pg-btn-h); padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border-radius: var(--pg-r-sm); border: 1px solid transparent; font: 600 14px/1 var(--nf-font-ui); cursor: pointer;
  text-decoration: none; white-space: nowrap; transition: transform var(--nf-dur) var(--nf-ease), box-shadow var(--nf-dur), background var(--nf-dur);
  color: var(--nf-ink); background: transparent;
}
#landing .btn svg{ width: 18px; height: 18px; }
#landing .btn-lg{ height: 52px; padding: 0 24px; font-size: 16px; border-radius: calc(var(--pg-r-sm) + 4px); }
#landing .btn-sm{ height: 32px; padding: 0 12px; font-size: 13px; }
#landing .btn-icon{ width: var(--pg-btn-h); padding: 0; }
#landing .btn-primary{ background: var(--pg-primary); color: var(--pg-primary-ink); }
#landing .btn-secondary{ background: var(--nf-card); border-color: var(--nf-line); }
#landing .btn-ghost:hover, #landing .btn-secondary:hover{ background: var(--nf-ctl-bg-hover); }
#landing .btn-danger{ background: var(--pg-danger); color: var(--pg-danger-ink); }
#landing .btn:disabled, #landing .btn.is-disabled{ opacity: .45; cursor: default; }
#landing .btn.is-loading{ color: transparent !important; position: relative; }
#landing .btn.is-loading::after{ content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--pg-primary-ink); border-right-color: transparent; animation: pg-spin .8s linear infinite; }
@keyframes nfl-pg-spin{ to { transform: rotate(360deg); } }
body.theme-netfold #landing .btn-primary, body.theme-netfold #landing .btn-secondary, body.theme-netfold #landing .btn-danger{ border: 1.5px solid #16181D; box-shadow: 3px 3px 0 #16181D; }
body.theme-netfold #landing .btn-primary:hover, body.theme-netfold #landing .btn-secondary:hover{ transform: translate(-1px,-1px); box-shadow: 4px 4px 0 #16181D; }
body.theme-netfold #landing .btn-primary:active, body.theme-netfold #landing .btn-secondary:active{ transform: translate(2px,2px); box-shadow: 1px 1px 0 #16181D; }
body.theme-botanical #landing .btn{ border-radius: 999px; }
body.theme-midnight #landing .btn-primary:hover{ box-shadow: 0 0 0 1px #6EE7FF, 0 0 18px rgba(110,231,255,.35); }
#landing .seg{ display: inline-flex; gap: 2px; padding: 3px; border-radius: calc(var(--pg-r-sm) + 3px); background: var(--nf-ctl-bg); box-shadow: inset 0 0 0 1px var(--nf-ctl-line); }
#landing .seg button{ height: 34px; padding: 0 14px; border: 0; border-radius: var(--pg-r-sm); background: transparent; font: 600 13px var(--nf-font-ui); color: var(--nf-muted); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
#landing .seg button[aria-pressed="true"], #landing .seg button[aria-selected="true"]{ background: var(--nf-card); color: var(--nf-ink); box-shadow: 0 0 0 1px var(--nf-line); }
body.theme-netfold #landing .seg button[aria-pressed="true"], body.theme-netfold #landing .seg button[aria-selected="true"]{ box-shadow: 0 0 0 1.5px #16181D, 2px 2px 0 1.5px #16181D; }
#landing .seg svg{ width: 17px; height: 17px; }
#landing .chip{ height: 32px; padding: 0 12px; display: inline-flex; align-items: center; gap: 7px; border-radius: 999px; border: 1px solid var(--nf-line); background: var(--nf-card); font: 500 13px var(--nf-font-ui); color: var(--nf-ink); cursor: pointer; white-space: nowrap; }
#landing .chip .dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
#landing .chip[aria-pressed="true"]{ background: var(--nf-ctl-on-bg); color: var(--nf-ctl-on-fg); border-color: transparent; }
#landing .chip small{ font: 500 11px var(--nf-font-mono); opacity: .65; }
#landing .badge{ display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 999px; font: 600 11px var(--nf-font-mono); letter-spacing: .03em; background: var(--nf-ctl-bg); color: var(--nf-ink); }
#landing .badge.pro{ background: var(--nf-accent-2); color: #16181D; }
#landing .tag{ display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 6px; font: 500 12px var(--nf-font-ui); background: color-mix(in srgb, var(--c) 16%, transparent); color: var(--nf-ink); }
#landing .tag::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c); }
#landing .logo{ display: inline-flex; align-items: center; color: var(--nf-ink); }
#landing .logo svg{ height: 26px; width: auto; }
@media (max-width: 700px){#landing .modal-foot{ flex-direction: column-reverse; align}}
#landing .wrap{ width: min(1200px, 100% - 48px); margin: 0 auto; }
#landing section{ padding: 96px 0; }
body #landing{ overflow-x: clip; }
#landing main, #landing section, #landing footer{ overflow-x: clip; }
#landing .eyebrow{ font: 600 12px var(--nf-font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--pg-primary); }
body.theme-netfold #landing .eyebrow{ color: #2F45FF; }
body.theme-midnight #landing .eyebrow{ color: #6EE7FF; }
#landing h2.h{ margin: 10px 0 14px; font: var(--nf-title-weight) clamp(28px, 3.4vw, 46px)/1.08 var(--nf-title-font); letter-spacing: -.025em; max-width: 20ch; text-wrap: balance; }
#landing .sub{ margin: 0; font-size: 18px; color: var(--nf-muted); max-width: 56ch; text-wrap: pretty; }
#landing .hdr{ position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--nf-paper) 90%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid transparent; }
#landing .hdr.scrolled{ border-color: var(--nf-line); }
#landing .hdr .wrap{ display: flex; align-items: center; gap: 28px; height: 72px; }
#landing .hdr .logo svg{ height: 26px; }
#landing .hdr nav{ display: flex; gap: 24px; }
#landing .hdr nav a{ color: var(--nf-ink); text-decoration: none; font-weight: 500; font-size: 15px; padding: 10px 0; }
#landing .hdr nav a:hover{ color: var(--pg-primary); }
#landing .hdr .right{ margin-left: auto; display: flex; align-items: center; gap: 8px; }
#landing .lang{ display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 10px; border-radius: var(--pg-r-sm); border: 1px solid var(--nf-line); background: var(--nf-card); font: 600 13px var(--nf-font-ui); color: var(--nf-ink); }
#landing .lang svg{ width: 17px; height: 17px; }
#landing .burger{ display: none; }
#landing .hero{ padding: 56px 0 72px; }
#landing .hero .wrap{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 48px; align-items: center; }
#landing .hero h1{ margin: 16px 0 18px; font: var(--nf-n0-weight) clamp(40px, 5.4vw, 76px)/1.0 var(--nf-n0-font); letter-spacing: -.035em; text-wrap: balance; }
body.theme-midnight #landing .hero h1{ font-weight: 600; letter-spacing: -.04em; }
#landing .hero .sub{ font-size: 19px; }
#landing .cta{ display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
#landing .trust{ display: flex; gap: 18px; flex-wrap: wrap; margin-top: 26px; font-size: 14px; color: var(--nf-muted); }
#landing .trust span{ display: inline-flex; gap: 7px; align-items: center; }
#landing .trust svg{ width: 18px; height: 18px; color: var(--pg-success); }
#landing .stage{ position: relative; aspect-ratio: 1 / .92; border-radius: 28px; background: radial-gradient(circle, color-mix(in srgb, var(--nf-ink) 14%, transparent) 1.2px, transparent 1.5px) 0 0/22px 22px, var(--nf-card); box-shadow: var(--pg-card-shadow); overflow: hidden; }
body.theme-netfold #landing .stage{ box-shadow: 0 0 0 1.5px #16181D, 10px 10px 0 1.5px #16181D; }
#landing .stage .nl-center{ position: absolute; left: 50%; top: 50%; width: 30%; transform: translate(-50%, -50%); padding: 0 !important; }
#landing .stage .nl-center .n-title{ font-size: clamp(15px, 1.6vw, 21px) !important; }
#landing .stage .nl-center .n-text{ display: none; }
#landing .stage .nl-center .lm-sum{ font-size: 10px; }
#landing .stage .lm-wheel{ inset: -16%; width: 132%; height: 132%; }
#landing .stage .pill{ position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px 8px 8px; border-radius: 14px; transform: translate(-50%, -50%);
  background: color-mix(in srgb, var(--sp) 8%, var(--nf-card)); font: 600 13px var(--nf-font-ui); white-space: nowrap; box-shadow: 0 0 0 1px color-mix(in srgb, var(--sp) 45%, transparent);
  animation: nfl-pop .5s var(--nf-ease) both; }
body.theme-netfold #landing .stage .pill{ box-shadow: 0 0 0 1.5px #16181D, 3px 3px 0 1.5px var(--sp); }
#landing .stage .pill i{ width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, var(--sp) 15%, transparent); color: var(--sp); }
#landing .stage .pill i svg{ width: 18px; height: 18px; }
#landing .stage .pill .st{ width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
#landing .stage svg.edges{ position: absolute; inset: 0; width: 100%; height: 100%; }
#landing .stage svg.edges line{ stroke-dasharray: 200; stroke-dashoffset: 200; animation: nfl-draw .8s var(--nf-ease) forwards; }
@keyframes nfl-pop{ from { opacity: 0; transform: translate(-50%, -50%) scale(.85); } }
@keyframes nfl-draw{ to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce){#landing .stage .pill, #landing .stage svg.edges line{ animation: none; stroke-dashoffset: 0; }}
body.shot #landing .stage .pill, body.shot #landing .stage svg.edges line{ animation: none; stroke-dashoffset: 0; }
#landing .benefits{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 40px; }
#landing .bf{ padding: 26px; border-radius: var(--pg-r); background: var(--nf-card); box-shadow: var(--pg-card-shadow); }
#landing .bf .ic{ width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; background: var(--nf-surface-3); color: var(--pg-primary); margin-bottom: 18px; }
body.theme-netfold #landing .bf .ic{ color: #2F45FF; }
body.theme-midnight #landing .bf .ic{ color: #6EE7FF; }
#landing .bf .ic svg{ width: 28px; height: 28px; }
#landing .bf h3{ margin: 0 0 8px; font: 600 20px/1.25 var(--nf-font-ui); }
#landing .bf p{ margin: 0; color: var(--nf-muted); }
#landing .shots .tabs{ margin: 32px 0 26px; }
#landing .device{ position: relative; }
#landing .laptop{ border-radius: 18px 18px 6px 6px; padding: 14px 14px 0; background: #16181D; box-shadow: 0 30px 60px rgba(13,18,32,.18); }
#landing .laptop img{ display: block; width: 100%; border-radius: 6px 6px 0 0; }
#landing .laptop::after{ content: ""; display: block; height: 18px; margin: 0 -60px; border-radius: 0 0 16px 16px; background: linear-gradient(#2A2D35, #16181D); }
#landing .phone{ position: absolute; right: -18px; bottom: -36px; width: 22%; border-radius: 30px; padding: 8px; background: #16181D; box-shadow: 0 24px 48px rgba(13,18,32,.28); }
#landing .phone img{ display: block; width: 100%; border-radius: 23px; }
#landing .shot-cap{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 60px; }
#landing .shot-cap div{ padding-top: 14px; border-top: 2px solid var(--nf-line); font-size: 14px; color: var(--nf-muted); }
#landing .shot-cap div.on{ border-color: var(--pg-primary); color: var(--nf-ink); }
#landing .shot-cap b{ display: block; color: var(--nf-ink); font-size: 15px; margin-bottom: 4px; }
#landing .tplhead{ display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
#landing .cats{ display: flex; gap: 8px; flex-wrap: wrap; margin: 28px 0 24px; }
#landing .tgrid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
#landing .tc{ display: flex; flex-direction: column; border-radius: var(--pg-r); background: var(--nf-card); box-shadow: var(--pg-card-shadow); overflow: hidden; }
#landing .tc .pv{ height: 132px; position: relative; background: radial-gradient(circle, color-mix(in srgb, var(--nf-ink) 12%, transparent) 1px, transparent 1.3px) 0 0/14px 14px, color-mix(in srgb, var(--c) 8%, var(--nf-card)); display: grid; place-items: center; }
body.theme-netfold #landing .tc .pv{ border-bottom: 1.5px solid #16181D; }
#landing .tc .pv .ic{ width: 58px; height: 58px; border-radius: 17px; display: grid; place-items: center; background: color-mix(in srgb, var(--c) 15%, var(--nf-card)); color: var(--c); }
#landing .tc .pv .ic svg{ width: 30px; height: 30px; }
#landing .tc .pv .badge{ position: absolute; top: 10px; right: 10px; }
#landing .tc .bd{ padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; }
#landing .tc h3{ margin: 0; font: 600 17px var(--nf-font-ui); }
#landing .tc p{ margin: 0; font-size: 14px; color: var(--nf-muted); }
#landing .tc .meta{ margin-top: 6px; font: 500 12px var(--nf-font-mono); color: var(--nf-muted); }
#landing .life{ background: var(--nf-n0-bg); color: var(--nf-n0-fg); }
#landing .life .wrap{ display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; align-items: center; }
#landing .life .eyebrow{ color: var(--nf-accent-2) !important; }
body.theme-midnight #landing .life .eyebrow{ color: #04202A !important; }
#landing .life .sub{ color: inherit; opacity: .78; }
#landing .life ul{ list-style: none; padding: 0; margin: 28px 0 32px; display: flex; flex-direction: column; gap: 16px; }
#landing .life li{ display: flex; gap: 14px; }
#landing .life li svg{ width: 24px; height: 24px; flex: none; margin-top: 2px; }
#landing .life li b{ display: block; font-size: 16px; }
#landing .life li span{ opacity: .75; font-size: 15px; }
#landing .life img{ width: 100%; border-radius: 18px; display: block; box-shadow: 0 30px 60px rgba(0,0,0,.35); }
body.theme-netfold #landing .life .btn-primary{ background: #FFB547; color: #16181D; border-color: #FFFFFF; box-shadow: 3px 3px 0 #FFFFFF; }
body.theme-midnight #landing .life .btn-primary{ background: #04202A; color: #6EE7FF; }
#landing .trustgrid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 36px; }
#landing .ti{ display: flex; gap: 16px; padding: 22px; border-radius: var(--pg-r); background: var(--nf-surface-3); }
#landing .ti svg{ width: 26px; height: 26px; flex: none; color: var(--pg-primary); }
body.theme-netfold #landing .ti svg{ color: #2F45FF; }
body.theme-midnight #landing .ti svg{ color: #6EE7FF; }
#landing .ti b{ display: block; margin-bottom: 4px; font-size: 16px; }
#landing .ti span{ font-size: 14.5px; color: var(--nf-muted); }
#landing .price-head{ text-align: center; display: flex; flex-direction: column; align-items: center; }
#landing .price-head .h, #landing .price-head .sub{ margin-left: auto; margin-right: auto; }
#landing .period{ margin-top: 24px; }
#landing .period .save{ font: 600 11px var(--nf-font-mono); padding: 3px 6px; border-radius: 6px; background: var(--nf-accent-2); color: #16181D; }
#landing .plans{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 36px; align-items: stretch; }
#landing .plan{ display: flex; flex-direction: column; gap: 14px; padding: 28px; border-radius: var(--pg-r); background: var(--nf-card); box-shadow: var(--pg-card-shadow); }
#landing .plan.hot{ box-shadow: 0 0 0 2px var(--pg-primary), var(--pg-card-shadow); }
body.theme-netfold #landing .plan.hot{ box-shadow: 0 0 0 2px #2F45FF, 8px 8px 0 2px #2F45FF; }
#landing .plan .nm{ display: flex; justify-content: space-between; align-items: center; font: var(--nf-title-weight) 20px var(--nf-title-font); }
#landing .plan .pr{ font: var(--nf-n0-weight) 40px/1 var(--nf-n0-font); letter-spacing: -.03em; }
#landing .plan .pr small{ display: block; margin-top: 6px; }
#landing .plan .pr small{ font: 500 15px var(--nf-font-ui); color: var(--nf-muted); letter-spacing: 0; }
#landing .plan .old{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font: 500 14px var(--nf-font-ui); color: var(--nf-muted); letter-spacing: 0; }
#landing .plan .old s{ text-decoration-thickness: 1.5px; }
#landing .promo-tag{ display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 999px; background: var(--pg-danger); color: var(--pg-danger-ink); font: 700 12px var(--nf-font-ui); }
#landing .plan .ds{ color: var(--nf-muted); font-size: 14.5px; min-height: 44px; }
#landing .plan ul{ list-style: none; padding: 0; margin: 4px 0 0; display: flex; flex-direction: column; gap: 10px; font-size: 14.5px; }
#landing .plan li{ display: flex; gap: 10px; }
#landing .plan li svg{ width: 18px; height: 18px; flex: none; margin-top: 2px; color: var(--pg-success); }
#landing .plan .btn{ margin-top: auto; }
#landing .cmp{ margin-top: 28px; border-radius: var(--pg-r); background: var(--nf-card); box-shadow: 0 0 0 1px var(--nf-line); overflow-x: auto; }
#landing .cmp table{ width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 640px; }
#landing .cmp th, #landing .cmp td{ padding: 14px 18px; text-align: left; border-top: 1px solid var(--nf-line); }
#landing .cmp thead th{ border-top: 0; font: 600 12px var(--nf-font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--nf-muted); }
#landing .cmp th:first-child, #landing .cmp td:first-child{ position: sticky; left: 0; background: var(--nf-card); font-weight: 500; }
#landing .cmp td svg{ width: 18px; height: 18px; color: var(--pg-success); }
#landing .cmp td .no{ color: var(--nf-muted); }
#landing .faq{ max-width: 820px; margin: 32px auto 0; display: flex; flex-direction: column; gap: 10px; }
#landing .faq details{ border-radius: var(--pg-r-sm); background: var(--nf-card); box-shadow: 0 0 0 1px var(--nf-line); }
#landing .faq summary{ list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 20px; font-weight: 600; font-size: 16.5px; cursor: pointer; }
#landing .faq summary::-webkit-details-marker{ display: none; }
#landing .faq summary svg{ width: 20px; height: 20px; color: var(--nf-muted); transition: transform var(--nf-dur); flex: none; }
#landing .faq details[open] summary svg{ transform: rotate(45deg); }
#landing .faq details p{ margin: 0; padding: 0 20px 20px; color: var(--nf-muted); max-width: 68ch; }
#landing .final{ margin: 0 auto; padding: 56px; border-radius: 32px; background: var(--pg-primary); color: var(--pg-primary-ink); display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap; }
body.theme-netfold #landing .final{ box-shadow: 0 0 0 2px #16181D, 10px 10px 0 2px #16181D; }
#landing .final h2{ margin: 0; font: var(--nf-title-weight) clamp(26px, 3vw, 40px)/1.1 var(--nf-title-font); letter-spacing: -.02em; max-width: 18ch; }
#landing .final .btn{ background: var(--nf-accent-2); color: #16181D; }
body.theme-midnight #landing .final .btn{ background: #04202A; color: #6EE7FF; }
#landing footer{ padding: 56px 0 40px; border-top: 1px solid var(--nf-line); }
#landing footer .cols{ display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; }
#landing footer h4{ margin: 0 0 12px; font: 600 12px var(--nf-font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--nf-muted); }
#landing footer a{ display: block; padding: 6px 0; color: var(--nf-ink); text-decoration: none; font-size: 14.5px; }
#landing footer .base{ display: flex; justify-content: space-between; gap: 16px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--nf-line); font-size: 13.5px; color: var(--nf-muted); flex-wrap: wrap; }
#landing .soc{ display: flex; gap: 8px; margin-top: 16px; }
#landing .soc a{ width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; border: 1px solid var(--nf-line); font: 600 11px var(--nf-font-mono); color: var(--nf-muted); }
@media (max-width: 1100px){#landing .hdr nav{ display: none; }
#landing .burger{ display: inline-flex; }
#landing .hero .wrap, #landing .life .wrap{ grid-template-columns: 1fr; }
#landing .benefits, #landing .trustgrid, #landing .plans{ grid-template-columns: 1fr; max-width: 560px; }
#landing .tgrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
#landing footer .cols{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 700px){#landing .wrap{ width: calc(100% - 32px); }
#landing section{ padding: 64px 0; }
#landing .hdr .wrap{ height: 60px; gap: 10px; }
#landing .hdr .logo svg{ height: 22px; }
#landing .hdr .lang, #landing .hdr .theme-btn, #landing .hdr .btn-primary{ display: none; }
#landing .hero{ padding: 24px 0 48px; }
#landing .hero .sub{ font-size: 17px; }
#landing .cta .btn{ flex: 1 1 100%; }
#landing .stage .pill span.nm{ display: none; }
#landing .stage .pill{ padding: 6px; }
#landing .sub{ font-size: 16px; }
#landing .shots .tabs{ overflow-x: auto; max-width: 100%; }
#landing .seg button{ white-space: nowrap; flex: none; }
#landing .shot-cap{ display: none !important; }
#landing .cats{ flex-wrap: nowrap; overflow-x: auto; margin-right: -16px; padding-right: 16px; scrollbar-width: none; }
#landing .cats .chip{ flex: none; }
#landing .phone{ width: 34%; right: -6px; bottom: -24px; border-radius: 22px; padding: 6px; }
#landing .phone img{ border-radius: 17px; }
#landing .laptop{ padding: 8px 8px 0; border-radius: 12px 12px 4px 4px; }
#landing .laptop::after{ height: 10px; margin: 0 -20px; }
#landing .shot-cap{ grid-template-columns: 1fr 1fr; margin-top: 40px; }
#landing .tgrid{ grid-template-columns: 1fr; }
#landing .final{ padding: 32px 24px; border-radius: 24px; }
#landing .final .btn{ width: 100%; }
#landing footer .cols{ grid-template-columns: 1fr; }}
/* ── интеграция с приложением ── */
body #landing { padding: 0; }
#landing { scroll-behavior: auto; }
#landing .wrap { width: min(1200px, 100% - 48px); }
#landing select.lang { appearance: none; -webkit-appearance: none; padding: 0 12px; cursor: pointer; text-align: center; min-width: 58px; }
#landing .hdr .right .btn { white-space: nowrap; }
#landing #landing-login-secondary { display: none !important; }
#landing #landing-guest { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 52px; padding: 0 24px; font: 600 16px var(--nf-font-ui); border-radius: calc(var(--pg-r-sm) + 4px); background: var(--nf-card); color: var(--nf-ink); border: 1px solid var(--nf-line); cursor: pointer; margin: 0; min-height: 0; box-shadow: none; }
#landing #landing-guest:hover { background: var(--nf-ctl-bg-hover); }
#landing .nl-tpl-link { background: transparent; border-color: transparent; }
#landing .nl-linkbtn { display: block; padding: 6px 0; background: none; border: 0; color: var(--nf-ink); font: inherit; font-size: 14.5px; cursor: pointer; text-align: left; }
#landing .nl-linkbtn:hover, #landing footer a:hover { color: var(--pg-primary); }
#landing .nl-tagline { margin: 14px 0 0; color: var(--nf-muted); font-size: 14.5px; max-width: 30ch; }
#landing .tc { cursor: pointer; }
#landing .logo { text-decoration: none; }
#landing .hdr { margin: 0; }
@media (max-width: 1100px) {
  #landing .hdr nav { display: none; }
  #landing .hdr.menu-open nav { display: flex; flex-direction: column; gap: 0; position: absolute; left: 0; right: 0; top: 100%; padding: 8px 24px 16px; background: var(--nf-card); border-bottom: 1px solid var(--nf-line); box-shadow: 0 18px 30px -22px rgba(0,0,0,.35); }
  #landing .hdr.menu-open nav a { padding: 14px 0; border-bottom: 1px solid var(--nf-line); font-size: 17px; }
}
@media (max-width: 700px) {
  #landing .hdr .lang { display: inline-flex; }
  #landing .hdr .btn-primary { display: none; }
  #landing #landing-guest { flex: 1 1 100%; }
  #landing .hdr .right { gap: 6px; }
  #landing .hdr #landing-login { padding: 0 10px; }
}

#landing .stage .nl-center { aspect-ratio: 1; border-radius: 50%; background: var(--nf-n0-bg, #16181D); color: var(--nf-n0-fg, #fff); display: grid; place-content: center; text-align: center; gap: 6px; z-index: 1; box-shadow: 0 0 0 2px var(--nf-n0-bg, #16181D); }
body.theme-midnight #landing .stage .nl-center { box-shadow: 0 0 0 1px #6EE7FF, 0 0 32px rgba(110,231,255,.35); }
#landing .stage .nl-center .n-title { font: var(--nf-n0-weight) clamp(15px, 1.6vw, 21px)/1.1 var(--nf-n0-font); letter-spacing: -.02em; position: relative; }
#landing .stage .nl-center .lm-sum { position: relative !important; justify-self: center; bottom: auto; left: auto; transform: none; width: auto; margin: 0; padding: 3px 8px; border-radius: 999px; background: color-mix(in srgb, currentColor 18%, transparent); font: 500 10px var(--nf-font-mono); }
#landing .stage .nl-center .lm-wheel { position: absolute; z-index: 1; overflow: visible; pointer-events: none; }
#landing .nl-tpl-link { box-shadow: none !important; border: 0; }
#landing .nl-tpl-link:hover { background: var(--nf-ctl-bg-hover); }
body #landing .nl-tpl-link, body.theme-netfold #landing .nl-tpl-link, body.theme-midnight #landing .nl-tpl-link { box-shadow: none !important; border: 0 !important; background: transparent !important; }
body #landing .nl-tpl-link:hover { background: var(--nf-ctl-bg-hover) !important; }