/* Site 6.0.6. Scoped to the public landing; the guide and CMS stay independent. */
html[data-route="site"] {background:#101216;color-scheme:dark;scroll-behavior:smooth}
html[data-route="site"] body {margin:0;background:#101216;color:#f0f1f4;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-route="site"] #landingView {--ls-muted:#aeb4bf;--ls-line:#ffffff16;--ls-accent:#ddc9ab;display:block;width:100%;max-width:1280px;margin:0 auto;padding:0 40px 28px;background:transparent;overflow:visible}
#landingView,#landingView *,#landingView *::before,#landingView *::after {box-sizing:border-box}
#landingView :is(h1,h2,h3,p,figure,ol,ul) {margin:0}
#landingView :is(h1,h2,h3) {font-family:inherit;color:#f0f1f4;text-transform:none;text-shadow:none;background:none;-webkit-text-fill-color:currentColor}
#landingView a {color:inherit;text-decoration:none}
#landingView svg {display:block;flex:0 0 auto;width:22px;height:22px}
#landingView :is(a,select,summary):focus-visible {outline:2px solid #ddc9ab !important;outline-offset:5px}
#landingView .ls-skip {position:absolute;z-index:5;top:8px;left:24px;padding:12px;transform:translateY(-180%);background:#f0f1f4;color:#101216;border-radius:8px}
#landingView .ls-skip:focus {transform:none}
#landingView .ls-header {display:flex;align-items:center;gap:32px;min-height:104px}
#landingView .ls-brand {display:flex;align-items:center;gap:12px;font-size:25px;font-weight:600;letter-spacing:-.045em;line-height:1.2;white-space:nowrap}
#landingView .ls-brand img {width:40px;height:40px;object-fit:contain}
#landingView .ls-brand small {display:block;margin-top:5px;font-size:8px;color:#9da4af;font-weight:500;letter-spacing:.22em}
#landingView .ls-nav {display:flex;justify-content:center;gap:32px;margin-left:auto;font-size:13px;color:#b8bec8}
#landingView .ls-nav a {padding:12px 0;transition:color .18s}
#landingView .ls-nav a:hover {color:#fff}
#landingView .ls-language {flex:0 0 auto;width:70px;min-height:40px;padding:0 10px;border:1px solid var(--ls-line);border-radius:10px;background:#191c22;color:#e9ebef;font-size:12px;cursor:pointer}
#landingView .ls-hero {position:relative;display:flex;align-items:center;min-height:590px;padding:64px 48px;overflow:hidden;isolation:isolate;border:1px solid var(--ls-line);border-radius:24px;background:#15171d}
#landingView .ls-hero-photo {position:absolute;z-index:-1;inset:0}
#landingView .ls-hero-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:66% center}
#landingView .ls-hero-photo::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#12151af5 0%,#12151ae8 25%,#12151a95 45%,#12151a00 70%),linear-gradient(0deg,#10121670,transparent 35%)}
#landingView .ls-hero-photo figcaption {position:absolute;z-index:1;bottom:28px;right:28px;color:#f5f5f7;font-size:11px;letter-spacing:.04em}
#landingView .ls-hero-copy {max-width:530px}
#landingView .ls-eyebrow {display:block;margin-bottom:18px;color:var(--ls-accent);font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.17em;text-transform:uppercase}
#landingView h1 {max-width:520px;font-size:clamp(40px,4.8vw,64px);font-weight:550;line-height:1.06;letter-spacing:-.055em;text-wrap:balance}
#landingView .ls-lead {max-width:410px;margin-top:24px;color:#c4c9d1;font-size:16px;line-height:1.7}
#landingView .ls-actions {display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}
#landingView .ls-button {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:15px 20px;border:1px solid #f0f0ed;border-radius:12px;background:#f0f0ed;color:#14171d;font-size:14px;font-weight:600;line-height:1.3;box-shadow:0 3px 12px #0002;transition:background .18s,border-color .18s,transform .18s}
#landingView .ls-button svg {width:19px;height:19px}
#landingView .ls-button svg:last-child {width:17px;margin-left:5px}
#landingView .ls-button:hover {background:#fff;border-color:#fff;transform:translateY(-1px)}
#landingView .ls-text-link {display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#e0d2bd;font-size:13px;line-height:1.4}
#landingView .ls-text-link svg {width:17px;height:17px}
#landingView .ls-text-link:hover {color:#fff}
#landingView .ls-bot-hint {margin-top:13px;max-width:350px;color:#aeb4bf;font-size:11px;line-height:1.6}
#landingView .ls-intro-bar {display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:27px 12px;border-bottom:1px solid var(--ls-line)}
#landingView .ls-intro-bar>span {display:flex;align-items:center;gap:9px;color:#b3bac5;font-size:12px}
#landingView .ls-intro-bar svg {width:15px;height:15px;color:#bdcbbf}
#landingView .ls-section {padding:80px 0;border-bottom:1px solid var(--ls-line);scroll-margin-top:32px}
#landingView .ls-title {max-width:440px;font-size:clamp(30px,3.1vw,42px);font-weight:500;line-height:1.16;letter-spacing:-.045em;text-wrap:balance}
#landingView .ls-description {margin-top:20px;color:var(--ls-muted);font-size:14px;line-height:1.8}
#landingView :is(.ls-how,.ls-income,.ls-questions) {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start}
#landingView .ls-route {display:flex;align-items:center;gap:9px;max-width:290px;margin-top:34px;color:#ddc9ab;font-size:10px;font-variant-numeric:tabular-nums}
#landingView .ls-route span {display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border:1px solid #ddc9ab30;border-radius:50%}
#landingView .ls-route i {height:1px;flex:1;background:#ddc9ab30}
#landingView .ls-route-note {margin-top:12px;color:#8f98a6;font-size:11px;line-height:1.6}
#landingView .ls-roadmap {list-style:none;padding:0;border:1px solid var(--ls-line);border-radius:18px;background:#181b21;overflow:hidden}
#landingView .ls-roadmap li {display:flex;align-items:flex-start;gap:20px;padding:24px;border-bottom:1px solid var(--ls-line)}
#landingView .ls-roadmap li:last-child {border-bottom:0;background:#ddc9ab06}
#landingView .ls-step-number {padding-top:2px;color:#ddc9ab;font-size:13px;font-variant-numeric:tabular-nums}
#landingView .ls-roadmap h3 {font-size:16px;font-weight:550;line-height:1.4;letter-spacing:-.015em}
#landingView .ls-roadmap p {margin-top:6px;color:#aab2be;font-size:13px;line-height:1.65}
#landingView .ls-roadmap svg {margin-left:auto;color:#ddc9ab;width:18px;height:18px}
#landingView .ls-format {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:72px;padding:80px 0;border-bottom:1px solid var(--ls-line)}
#landingView .ls-format-visual {position:relative;align-self:stretch;min-height:460px;overflow:hidden;border:1px solid var(--ls-line);border-radius:20px;background:#191c22}
#landingView .ls-format-visual>img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:61% center;filter:saturate(.65)}
#landingView .ls-format-visual::after {content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#11151de0)}
#landingView .ls-format-caption {display:flex;align-items:center;gap:10px;position:absolute;bottom:28px;left:28px;right:28px;z-index:1;font-size:14px;line-height:1.5}
#landingView .ls-format-list {list-style:none;display:grid;gap:22px;margin-top:28px;padding:0}
#landingView .ls-format-list li {display:flex;align-items:start;gap:12px}
#landingView .ls-format-list svg {width:17px;height:17px;margin-top:3px;color:#bfcdbf}
#landingView .ls-format-list h3 {font-size:14px;font-weight:550;line-height:1.6;letter-spacing:0}
#landingView .ls-format-list p {margin-top:3px;color:var(--ls-muted);font-size:13px;line-height:1.7}
#landingView .ls-money-flow {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;padding:8px 0 0}
#landingView .ls-money-flow li {position:relative}
#landingView .ls-money-icon {display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border:1px solid #ddc9ab26;border-radius:13px;background:#ddc9ab08;color:#ddc9ab}
#landingView .ls-money-flow li>svg {position:absolute;top:15px;right:8px;width:17px;height:17px;color:#707987}
#landingView .ls-money-flow h3 {font-size:15px;font-weight:550;line-height:1.5;letter-spacing:0}
#landingView .ls-money-flow p {margin-top:8px;color:var(--ls-muted);font-size:12px;line-height:1.7}
#landingView .ls-terms {margin-top:28px;padding-top:22px;border-top:1px solid var(--ls-line);color:#939eac;font-size:11px;line-height:1.8}
#landingView .ls-questions .ls-text-link {margin-top:22px}
#landingView .ls-faq details {border-bottom:1px solid var(--ls-line)}
#landingView .ls-faq details:first-child {border-top:1px solid var(--ls-line)}
#landingView .ls-faq summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:21px 0;cursor:pointer;color:#e5e8ee;font-size:15px;line-height:1.5}
#landingView .ls-faq summary::-webkit-details-marker {display:none}
#landingView .ls-faq summary svg {color:#aeb4bf;width:18px;height:18px;transition:transform .18s}
#landingView .ls-faq details[open] summary svg {transform:rotate(45deg)}
#landingView .ls-faq details>p {padding:0 30px 24px 0;color:var(--ls-muted);font-size:13px;line-height:1.8}
#landingView .ls-start {display:flex;align-items:center;justify-content:space-between;gap:60px;margin:64px 0;padding:40px;border:1px solid #ddc9ab20;border-radius:20px;background:linear-gradient(110deg,#25272c,#191c22)}
#landingView .ls-start .ls-title {font-size:34px}
#landingView .ls-start .ls-description {max-width:480px;margin-top:14px}
#landingView .ls-start-action {flex:0 0 auto}
#landingView .ls-footer {display:flex;align-items:center;gap:36px;border-top:1px solid var(--ls-line);padding-top:28px}
#landingView .ls-footer .ls-brand {font-size:21px}
#landingView .ls-footer .ls-brand img {width:34px;height:34px}
#landingView .ls-footer p {max-width:450px;margin-left:auto;color:#909aa8;font-size:10px;line-height:1.8}
#landingView .ls-footer>a:last-child {display:flex;align-items:center;gap:10px;color:#b6beca;font-size:11px;white-space:nowrap}
#landingView .ls-footer>a:last-child svg {width:14px;height:14px}
@media(min-width:1700px) {html[data-route="site"] #landingView {max-width:1400px}}
@media(max-width:1000px) {
  html[data-route="site"] #landingView {padding-inline:28px}
  #landingView .ls-hero {min-height:560px;padding:40px 32px}
  #landingView .ls-hero-copy {max-width:430px}
  #landingView .ls-hero-photo::after {background:linear-gradient(90deg,#12151af5,#12151ad6 30%,#12151a55 65%,transparent),linear-gradient(0deg,#10121680,transparent 40%)}
  #landingView .ls-actions {flex-direction:column;align-items:flex-start;gap:12px}
  #landingView :is(.ls-how,.ls-income,.ls-questions) {gap:40px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  #landingView .ls-format {gap:40px}
  #landingView .ls-intro-bar {justify-content:center}
  #landingView .ls-start {gap:24px;padding:32px}
  #landingView .ls-start .ls-title {font-size:30px}
  #landingView .ls-footer {flex-wrap:wrap}
  #landingView .ls-footer p {max-width:360px}
}
@media(max-width:680px) {
  html[data-route="site"] #landingView {padding:0 20px 24px}
  #landingView .ls-header {min-height:84px;gap:16px}
  #landingView .ls-brand {font-size:23px;gap:10px}
  #landingView .ls-brand img {width:36px;height:36px}
  #landingView .ls-nav {display:none}
  #landingView .ls-language {margin-left:auto;width:62px;min-height:40px}
  #landingView .ls-hero {display:flex;flex-direction:column-reverse;align-items:stretch;min-height:0;padding:0;border-radius:18px;background:#171a20}
  #landingView .ls-hero-photo {position:relative;z-index:0;height:auto;aspect-ratio:1.8;width:100%}
  #landingView .ls-hero-photo img {position:absolute;object-position:76% center}
  #landingView .ls-hero-photo::after {background:linear-gradient(0deg,#171a20 0%,#171a2000 50%)}
  #landingView .ls-hero-photo figcaption {bottom:22px;left:24px;right:24px;font-size:10px}
  #landingView .ls-hero-copy {max-width:none;padding:26px 24px 0}
  #landingView .ls-eyebrow {margin-bottom:15px;font-size:9px}
  #landingView h1 {max-width:440px;font-size:clamp(34px,8.9vw,49px);line-height:1.1;letter-spacing:-.045em}
  #landingView .ls-lead {margin-top:18px;font-size:14px;line-height:1.75}
  #landingView .ls-actions {gap:8px;margin-top:24px;align-items:stretch}
  #landingView .ls-button {min-height:54px;padding-inline:14px;gap:10px;font-size:13px}
  #landingView .ls-button svg:last-child {margin-left:auto}
  #landingView .ls-text-link {font-size:12px;justify-content:flex-start}
  #landingView .ls-actions .ls-text-link {justify-content:center}
  #landingView .ls-bot-hint {margin-top:2px;font-size:10px}
  #landingView .ls-intro-bar {justify-content:flex-start;gap:12px 20px;padding:24px 0}
  #landingView .ls-intro-bar>span {font-size:11px}
  #landingView .ls-section {padding:44px 0;scroll-margin-top:24px}
  #landingView :is(.ls-how,.ls-income,.ls-questions) {grid-template-columns:1fr;gap:28px}
  #landingView .ls-title {font-size:31px}
  #landingView .ls-description {margin-top:14px;font-size:13px}
  #landingView .ls-route {display:none}
  #landingView .ls-route-note {margin-top:12px}
  #landingView .ls-roadmap {border-radius:15px}
  #landingView .ls-roadmap li {padding:20px 18px;gap:16px}
  #landingView .ls-roadmap h3 {font-size:15px}
  #landingView .ls-roadmap p {font-size:12px}
  #landingView .ls-format {grid-template-columns:1fr;gap:28px;padding:44px 0}
  #landingView .ls-format-visual {min-height:0;aspect-ratio:1.3;border-radius:15px}
  #landingView .ls-format-visual>img {object-position:62% center}
  #landingView .ls-format-caption {bottom:22px;left:22px;right:22px;font-size:13px}
  #landingView .ls-format-list {gap:18px;margin-top:24px}
  #landingView .ls-money-flow {gap:18px}
  #landingView .ls-money-flow h3 {font-size:13px}
  #landingView .ls-money-flow p {font-size:11px}
  #landingView .ls-money-flow li>svg {right:0;width:14px}
  #landingView .ls-money-icon {width:42px;height:42px;margin-bottom:16px}
  #landingView .ls-terms {margin-top:24px;font-size:10px}
  #landingView .ls-faq summary {min-height:66px;padding:19px 0;font-size:14px}
  #landingView .ls-faq details>p {padding-right:0;font-size:12px}
  #landingView .ls-questions .ls-text-link {margin-top:12px}
  #landingView .ls-start {flex-direction:column;align-items:stretch;gap:24px;margin:40px 0;padding:26px 22px;border-radius:16px}
  #landingView .ls-start .ls-title {font-size:29px}
  #landingView .ls-start-action .ls-button {display:flex}
  #landingView .ls-start-action .ls-bot-hint {margin-top:12px}
  #landingView .ls-footer {align-items:flex-start;justify-content:space-between;gap:24px 16px;padding-top:24px}
  #landingView .ls-footer .ls-brand {font-size:20px}
  #landingView .ls-footer p {order:3;max-width:none;margin:0}
  #landingView .ls-footer>a:last-child {max-width:130px;min-height:40px;font-size:10px;white-space:normal}
}
@media(max-width:360px) {#landingView .ls-button svg:last-child {display:none}}
@media(prefers-reduced-motion:reduce) {html[data-route="site"] {scroll-behavior:auto} #landingView *,#landingView *::before,#landingView *::after {transition:none !important;animation:none !important}}