html:has(body.landing-page){
      overflow:hidden;
      height:100%;
    }
    body[data-bg-mode="br-background-pageview"] .landing-board{
      background:#070605;
      box-shadow:inset 0 2px 6px rgba(255,255,255,.05);
    }
    body.landing-page,
    body.auth-page{
      font-family:"Questrial",sans-serif;
    }
    body.landing-page{
      --landing-wordmark-top:180px;
      --landing-wordmark-left:0px;
      --landing-wordmark-right:240px;
      --landing-wordmark-svg-scale:0.9;
      --landing-wordmark-ink-shift:-155px;
      --landing-rail-right:57px;
      --landing-rail-width:100px;
      --landing-rail-button-size:calc(var(--landing-rail-width) * 10 / 11);
      --landing-rail-button-radius:calc(10px * 10 / 11);
      --landing-rail-card-radius:calc(12px * 10 / 11);
      --landing-side-frame-inner-pad:clamp(10px, 1.6vw, 18px);
      --landing-scene-top:-22px;
      --landing-rail-card-step:120px;
      --landing-rail-card-base:118px;
      --landing-rail-card-right:108px;
      --landing-auth-strip-gap:6px;
      --landing-side-frame-width:calc(100vw - (var(--landing-frame-edge) * 2) - (var(--landing-main-scale) * var(--landing-board-width)));
      --landing-auth-chamber-width:max(0px, calc(var(--landing-side-frame-width) - 16px));
      min-height:0;
      height:100vh;
      height:100svh;
      overflow:hidden;
      background:#000;
    }
    body.landing-page .wrap{
      max-width:none;
      width:100%;
      margin:0;
      padding:0;
      position:relative;
      height:100vh;
      height:100svh;
      overflow:hidden;
    }
    body.landing-page .landing-emitter-map span::before{
      content:"";
      position:absolute;
      top:50%;
      left:50%;
      width:var(--skin-stamp-base-size, 42px);
      height:var(--skin-stamp-base-size, 42px);
      background:transparent;
      opacity:0;
      -webkit-mask-image:var(--skin-stamp-mask);
      mask-image:var(--skin-stamp-mask);
      -webkit-mask-position:center;
      mask-position:center;
      -webkit-mask-repeat:no-repeat;
      mask-repeat:no-repeat;
      -webkit-mask-size:contain;
      mask-size:contain;
      filter:
        drop-shadow(0 0 calc(var(--skin-stamp-spread, 0px) * .28) rgba(34,20,18,.16))
        blur(var(--skin-stamp-blur, .14px));
      transform:translate(-50%, -50%) scale(.76);
      mix-blend-mode:normal;
    }
    body.landing-page .landing-emitter-map span.is-running::before{
      animation:skinStampPulse var(--skin-stamp-duration, 5200ms) linear infinite;
      animation-delay:var(--skin-stamp-delay, 0ms);
      will-change:transform, opacity, filter;
    }
    body.landing-page[data-shell-ambient-mode="parked"] .landing-emitter-map span.is-running::before{
      animation:none;
      opacity:0;
      will-change:auto;
    }
    body.landing-page .landing-emitter-map span.has-stamp::before{
      background:rgba(72,45,41,.9);
    }
    body.landing-page .landing-emitter-map span[data-visual-tier="large"].has-stamp::before{
      background:rgba(64,39,35,.94);
    }
    body.landing-page .landing-emitter-map span[data-visual-tier="hero"].has-stamp::before{
      background:rgba(54,31,28,.96);
    }
    @keyframes skinStampPulse{
      0%{
        opacity:0;
        transform:translate(-50%, -50%) scale(.72);
        filter:
          drop-shadow(0 0 calc(var(--skin-stamp-spread, 0px) * .2) rgba(34,20,18,.14))
          blur(calc(var(--skin-stamp-blur, .14px) + .18px));
      }
      12%{
        opacity:var(--skin-stamp-alpha, .78);
        transform:translate(-50%, -50%) scale(1.02);
        filter:
          drop-shadow(0 0 calc(var(--skin-stamp-spread, 0px) * .34) rgba(34,20,18,.18))
          blur(var(--skin-stamp-blur, .14px));
      }
      24%{
        opacity:calc(var(--skin-stamp-alpha, .78) * .82);
        transform:translate(-50%, -50%) scale(var(--skin-stamp-scale, 1.14));
        filter:
          drop-shadow(0 0 calc(var(--skin-stamp-spread, 0px) * .45) rgba(34,20,18,.2))
          blur(calc(var(--skin-stamp-blur, .14px) + .04px));
      }
      52%{
        opacity:calc(var(--skin-stamp-alpha, .78) * .38);
        transform:translate(-50%, -50%) scale(calc(var(--skin-stamp-scale, 1.14) + var(--skin-stamp-growth, .18)));
        filter:
          drop-shadow(0 0 calc(var(--skin-stamp-spread, 0px) * .58) rgba(34,20,18,.16))
          blur(calc(var(--skin-stamp-blur, .14px) + .1px));
      }
      100%{
        opacity:0;
        transform:translate(-50%, -50%) scale(calc(var(--skin-stamp-scale, 1.14) + var(--skin-stamp-growth, .18) + .08));
        filter:
          drop-shadow(0 0 calc(var(--skin-stamp-spread, 0px) * .44) rgba(34,20,18,.12))
          blur(calc(var(--skin-stamp-blur, .14px) + .2px));
      }
    }
    body.landing-page .landing-auth-rail{
      position:absolute;
      top:59px;
      left:50%;
      transform:translateX(-50%);
      z-index:10;
      width:min(940px, calc(100% - 40px));
      margin:0;
      padding:0 4px;
      justify-content:flex-end;
      gap:0;
    }
    body.landing-page .landing-auth-rail.is-guest-rail{
      top:18px;
    }
    body.landing-page .landing-auth-rail .brand{display:none}
    body.landing-page .landing-auth-nav{
      display:none !important;
    }
    body.landing-page .landing-auth-rail.is-guest-rail .landing-auth-nav{
      display:flex !important;
      width:var(--landing-auth-chamber-width);
      margin-left:auto;
    }
    body.landing-page .landing-auth-rail.is-guest-rail .landing-auth-nav a{
      width:100%;
      min-height:38px;
      border:1px solid rgba(197,138,99,.24);
      background:rgba(22,16,14,.88);
      color:#f0e4db;
      border-radius:0;
      font-size:12px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
      text-align:center;
      padding:0 10px;
    }
    .header-nav-symbol{
      width:20px;
      height:20px;
      margin-right:8px;
      vertical-align:-3px;
      opacity:.92;
    }
    body.landing-page .landing-auth-rail.is-guest-rail .landing-auth-nav a:hover,
    body.landing-page .landing-auth-rail.is-guest-rail .landing-auth-nav a:focus-visible{
      text-decoration:none;
      border-color:rgba(217,178,154,.5);
      background:rgba(32,22,18,.96);
      color:#f0e4db;
    }
    body.landing-page .landing-auth-rail.is-guest-rail .landing-auth-nav a:hover .nav-label,
    body.landing-page .landing-auth-rail.is-guest-rail .landing-auth-nav a:focus-visible .nav-label{
      letter-spacing:.2em;
    }
    body.auth-page .wrap{max-width:560px;padding:32px 20px 24px}
    body.auth-page header{margin-bottom:28px}
    body.auth-page .card{
      background:rgba(20,15,14,.82);
      border-color:rgba(122,94,83,.24);
      color:var(--fg);
      box-shadow:none;
    }
    body.auth-page label,
    body.auth-page h2,
    body.auth-page p,
    body.auth-page .small{
      color:var(--fg);
    }
    body.auth-page input,
    body.auth-page select,
    body.auth-page textarea{
      background:rgba(16,12,12,.88);
      color:#f0e4db;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
    }
    body.auth-page input::placeholder,
    body.auth-page textarea::placeholder{
      color:#f0e4db;
    }
    body.auth-page nav a{color:rgba(197,138,99,.92)}
    .landing-board{
      --landing-title-size:318px;
      --landing-title-tracking:.145em;
      --comet-cycle:10s;
      --head-size:41;
      --head-outer-dash:22 978;
      --head-inner-dash:18 982;
      --ghost-tail-len:180;
      --ghost-gap:0.0008;
      --ghost-gap-inner:-0.0008;
      position:relative;
      min-height:var(--hero-board-min-height);
      border-radius:0;
      overflow:hidden;
      background:#050505;
      box-shadow:none;
      display:grid;
      place-items:center;
      padding:var(--hero-board-padding);
      transform-origin:center center;
      transform:translateY(18px);
    }
    .landing-board > *{
      position:relative;
      z-index:2;
    }
    body.landing-page .landing-scene{
      position:absolute;
      top:var(--landing-scene-top);
      left:0;
      width:var(--landing-scene-base-width);
      height:var(--landing-scene-base-height);
      transform-origin:top left;
      transform:none;
      z-index:1;
    }
    .visually-hidden{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0, 0, 0, 0);
      white-space:nowrap;
      border:0;
    }
    .landing-auth-overlay{
      width:100%;
      pointer-events:none;
    }
    .landing-auth-stage{
      width:var(--landing-auth-chamber-width);
      margin-left:auto;
      display:grid;
      gap:10px;
      pointer-events:none;
    }
    .landing-auth-panel{
      display:none;
      pointer-events:none;
    }
    .landing-auth-panel.is-active{
      display:block;
      animation:authChamberLift .16s ease;
      pointer-events:auto;
    }
    body.landing-page .landing-auth-panel.is-active{
      --landing-auth-panel-barycenter-height:178px;
      margin-top:calc(var(--landing-wordmark-barycenter-y) - (var(--landing-auth-panel-barycenter-height) / 2));
    }
    body.landing-page .landing-auth-panel[data-auth-panel="register"].is-active{
      --landing-auth-panel-barycenter-height:252px;
    }
    body.landing-page .landing-auth-panel[data-auth-panel="forgot-password"].is-active{
      --landing-auth-panel-barycenter-height:212px;
    }
    body.landing-page .landing-auth-panel[data-auth-panel="reset-password"].is-active{
      --landing-auth-panel-barycenter-height:244px;
    }
    body.landing-page .landing-auth-panel[data-auth-panel="account"].is-active{
      --landing-auth-panel-barycenter-height:318px;
    }
    .landing-auth-card-surface{
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      background:rgba(20,15,14,.985);
      color:#f0e4db;
      padding:18px 18px 16px;
      box-shadow:none;
    }
    .landing-auth-heading{
      display:grid;
      gap:8px;
      margin-bottom:16px;
    }
    .landing-auth-kicker{
      margin:0;
      color:#c58a63;
      font-family:"Questrial",sans-serif;
      font-size:10px;
      font-weight:700;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
    .landing-auth-title{
      margin:0;
      color:#f0e4db;
      font-family:"Questrial",sans-serif;
      font-size:24px;
      line-height:1;
      letter-spacing:var(--landing-title-tracking);
      text-transform:uppercase;
    }
    .landing-auth-copy{
      margin:0;
      color:#f0e4db;
      font-family:"Questrial",sans-serif;
      font-size:12px;
      line-height:1.5;
      max-width:28ch;
    }
    @keyframes authChamberLift{
      from{
        opacity:0;
        transform:translateY(10px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }
    .landing-auth-stage .flash,
    .landing-auth-stage .errs{
      margin:0;
      border-radius:8px;
      padding:12px 14px;
      border:1px solid rgba(197,138,99,.18);
    }
    .landing-auth-stage .flash.success{
      background:rgba(65,47,35,.92);
      color:#f0e4db;
    }
    .landing-auth-stage .flash.error,
    .landing-auth-stage .errs{
      background:rgba(55,31,28,.94);
      color:#f2cdc0;
    }
    .landing-auth-stage .field{
      max-width:none;
      margin:0 0 12px;
      gap:0;
    }
    .landing-auth-stage label.visually-hidden{
      position:absolute;
    }
    .landing-auth-stage input:not([type="checkbox"]){
      width:100%;
      min-height:48px;
      border-radius:8px;
      border:1px solid rgba(197,138,99,.28);
      background:rgba(240,220,200,.10);
      color:#f0e4db;
      padding:0 12px;
      font-size:12px;
      transition:border-color .18s ease, background-color .18s ease;
    }
    .landing-auth-stage input:not([type="checkbox"])::placeholder{
      color:#f0e4db;
    }
    .landing-auth-stage input:not([type="checkbox"]):focus{
      outline:none;
      border-color:rgba(197,138,99,.6);
      background:rgba(240,220,200,.15);
    }
    .landing-auth-stage input:not([type="checkbox"]):-webkit-autofill,
    .landing-auth-stage input:not([type="checkbox"]):-webkit-autofill:focus,
    .landing-auth-stage input:not([type="checkbox"]):-webkit-autofill:hover{
      -webkit-text-fill-color:#f0e4db !important;
      -webkit-box-shadow:0 0 0 1000px rgba(30,20,14,1) inset !important;
      caret-color:#f0e4db;
    }
    .landing-auth-actions{
      display:grid;
      gap:8px;
      margin-top:8px;
    }
    .landing-auth-actions button{
      width:100%;
      min-height:48px;
      border-radius:8px;
      font-family:"Questrial",sans-serif;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
      font-size:12px;
      background:rgba(197,138,99,.88);
      color:rgba(20,12,8,1);
      border:1px solid rgba(197,138,99,.95);
      box-shadow:none;
    }
    .landing-auth-actions button:hover,
    .landing-auth-actions button:focus-visible{
      background:rgba(197,138,99,1);
      border-color:rgba(230,165,100,1);
    }
    .landing-auth-actions .danger{
      background:rgba(38,18,18,.82);
      color:#f3d7d4;
      border-color:rgba(181,28,28,.24);
    }
    .landing-auth-meta{
      display:flex;
      justify-content:flex-start;
      gap:14px;
      flex-wrap:wrap;
      margin-top:14px;
      font-size:11px;
      line-height:1.4;
      color:#f0e4db;
    }
    .landing-auth-meta a{
      color:#f0e4db;
      font-family:"Questrial",sans-serif;
      text-decoration:none;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .landing-auth-meta a:hover,
    .landing-auth-meta a:focus-visible{
      text-decoration:underline;
    }
    .landing-auth-panel[data-auth-panel="account"] .field label:not(.visually-hidden){
      position:static;
      display:flex;
      align-items:center;
      gap:10px;
      color:#f0e4db;
      font-size:12px;
      line-height:1.4;
    }
    .landing-auth-panel[data-auth-panel="account"] input[type="checkbox"]{
      width:16px;
      height:16px;
      min-height:16px;
      margin:0;
      padding:0;
      flex:0 0 16px;
      accent-color:#c58a63;
    }
    .landing-board::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      background:#050505;
      pointer-events:none;
      z-index:0;
    }
    .landing-shell{
      position:fixed;
      inset:0;
      width:100%;
      height:100%;
      padding:0;
      overflow:hidden;
    }
    body.landing-page .landing-side-frame-surface{
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(12,11,10,.12), rgba(12,11,10,.04));
      pointer-events:none;
      z-index:0;
    }
    .landing-shell .landing-board{
      width:100%;
      max-width:var(--hero-board-max-width);
      margin-inline:auto;
      position:relative;
      z-index:2;
    }
    body.landing-page .landing-shell .landing-board{
      max-width:none;
      width:100%;
      margin-inline:0;
      height:100%;
      margin-block:0;
      aspect-ratio:unset;
      transform:none;
    }
    body.landing-page::after,
    body.editor-page::after,
    body.gallery-page::after{
      display:none;
    }
    .wrap::before{
      display:none;
    }
    body.editor-page .editor-app-shell::before{
      display:none;
    }
    .landing-board.is-pending .landing-logo-stage{opacity:1}
    .landing-board.is-pending .landing-comet-canvas{opacity:0}
    .landing-board.is-ready .landing-logo-stage,
    .landing-board.is-ready .landing-comet-canvas{opacity:1;transition:opacity .04s linear}
    /* Performance model:
       static neon base + animated accent layers via dash offset.
       Avoid JS per-frame geometry mutations to keep render cost predictable. */
    body.landing-page .landing-svg{width:100%;height:auto;display:block;overflow:visible}
    body.landing-page .landing-v2-wordmark .landing-svg{
      width:100%;
      max-width:none;
      transform:scale(var(--landing-wordmark-svg-scale)) translateX(var(--landing-wordmark-ink-shift));
      transform-origin:0 177.5px;
    }
    .landing-comet-canvas{
      position:absolute;
      inset:0 auto auto 0;
      width:0;
      height:0;
      pointer-events:none;
      z-index:3;
    }
    .landing-portrait-image{
      display:none;
    }
    .landing-poster-grade{
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:1;
      opacity:0;
      transition:opacity .18s ease;
    }
    body.landing-page .landing-board.has-poster-grade .landing-poster-grade{opacity:0;display:none}
    body.landing-page .landing-board.has-poster-grade .landing-portrait-image{filter:none}
    body.landing-page .landing-board{background:transparent}
    .landing-video-loop{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      z-index:1;
      object-fit:fill;
    }
    .landing-hero-figure{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      object-fit:cover;
      z-index:0;
    }
    body.landing-page .landing-board.has-code-pipeline .landing-logo-stage{position:absolute;z-index:9}
    body.landing-page .landing-logo-stage{filter:saturate(1)}
    body.landing-page .landing-board.has-code-pipeline .comet-accent{opacity:0}
    body.landing-page .landing-title{
      font-family:"Questrial",sans-serif;
      font-weight:400;
      font-size:var(--landing-title-size);
      letter-spacing:var(--landing-title-tracking);
      fill:none;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    body.landing-page .landing-title.comet-static-outer,
    body.landing-page .landing-title.comet-static-inner{
      display:block;
      filter:url(#neonBloomSoft);
      vector-effect:non-scaling-stroke;
    }
    body.landing-page .landing-title.comet-static-outer{
      stroke:var(--comet-static);
      stroke-opacity:.62;
      stroke-width:3.4;
    }
    body.landing-page .landing-title.comet-static-inner{
      stroke:var(--comet-inner);
      stroke-opacity:.28;
      stroke-width:2.9;
    }
    body.landing-page .landing-title.comet-accent{
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
      filter:url(#neonBloomSoft);
      will-change:stroke-dashoffset,opacity;
    }
    body.landing-page[data-shell-ambient-mode="parked"] .landing-title.comet-accent{
      animation:none !important;
      will-change:auto;
    }
    body.landing-page .landing-title.comet-head-outer{
      stroke:var(--comet-outer);
      stroke-opacity:1;
      stroke-width:calc(var(--head-size) * 1.24);
      stroke-dasharray:var(--head-outer-dash);
      filter:url(#neonBloomSoft);
      animation:cometFlowOuter var(--dur,var(--comet-cycle)) linear infinite;
      animation-delay:var(--phase-outer,0s);
    }
    body.landing-page .landing-title.comet-head-inner{
      stroke:var(--comet-inner);
      stroke-opacity:1;
      stroke-width:calc(var(--head-size) * 1.16);
      stroke-dasharray:var(--head-inner-dash);
      filter:url(#neonBloomSoft);
      animation:cometFlowInner var(--dur,var(--comet-cycle)) linear infinite;
      animation-delay:var(--phase-inner,0s);
    }
    body.landing-page .landing-title.comet-head-ghost{
      stroke-opacity:.14;
      stroke-width:calc(var(--head-size) * .49);
      stroke-dasharray:var(--ghost-tail-len) calc(1000 - var(--ghost-tail-len));
      stroke-linecap:round;
      filter:url(#neonBloomSoft);
    }
    #cometPointHalo stop:nth-child(1){stop-color:var(--comet-halo-core)}
    #cometPointHalo stop:nth-child(2){stop-color:var(--comet-outer)}
    #cometPointHalo stop:nth-child(3){stop-color:var(--comet-static)}
    body.landing-page .landing-title.comet-head-outer.comet-head-ghost{
      animation-name:cometFlowOuter;
      animation-duration:var(--dur,var(--comet-cycle));
      animation-timing-function:linear;
      animation-iteration-count:infinite;
      animation-delay:calc(
        var(--phase-outer,0s) +
        (
          var(--dur,var(--comet-cycle)) *
          (
            (var(--ghost-tail-len) / 1000) +
            var(--ghost-gap,0.004)
          ) *
          var(--ghost-sign,1)
        )
      );
    }
    body.landing-page .landing-title.comet-head-inner.comet-head-ghost{
      stroke-linecap:round;
      animation-name:cometFlowInner;
      animation-duration:var(--dur,var(--comet-cycle));
      animation-timing-function:linear;
      animation-iteration-count:infinite;
      animation-delay:calc(
        var(--phase-inner,0s) +
        (
          var(--dur,var(--comet-cycle)) *
          (
            (var(--ghost-tail-len) / 1000) +
            var(--ghost-gap-inner,var(--ghost-gap,0.004))
          ) *
          var(--ghost-sign,1)
        )
      );
    }

    @keyframes cometFlowOuter{
      from{stroke-dashoffset:0}
      to{stroke-dashoffset:-1000}
    }
    @keyframes cometFlowInner{
      from{stroke-dashoffset:999.5}
      to{stroke-dashoffset:-0.5}
    }
    @media (prefers-reduced-motion:reduce){
      body.landing-page .landing-title.comet-accent{animation:none;opacity:.55}
    }
    @media (max-width:1100px){
      body.landing-page .landing-auth-rail{
        top:27px;
        width:calc(100% - 40px);
        padding:0;
        transform:translateX(-50%);
      }
    }
    /* badge utente autenticato */
    .landing-user-badge{
      height:auto;
      min-height:203px;
    }
    body.landing-page .landing-side-frame .landing-user-badge{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      justify-content:center;
      gap:14px;
      pointer-events:none;
      z-index:2;
    }
    .landing-user-card,
    .landing-user-card-form{
      position:fixed;
      right:var(--landing-rail-card-right);
      width:110px;
      margin:0;
    }
    body.landing-page .landing-side-frame .landing-user-card,
    body.landing-page .landing-side-frame .landing-user-card-form{
      position:relative;
      right:auto;
      bottom:auto;
      width:110px;
      margin:0;
      pointer-events:auto;
    }
    .landing-user-card{
      height:110px;
      display:flex;
      align-items:flex-end;
      justify-content:center;
      padding:0 0 17px;
      background:#000;
      border:1px solid rgba(190,198,210,.24);
      border-radius:var(--landing-rail-card-radius);
      box-shadow:0 10px 24px rgba(8,10,18,.24), inset 0 2px 6px rgba(255,255,255,.05);
      text-decoration:none;
      color:#f0e4db;
      position:fixed;
      overflow:hidden;
      transform:none;
      transition:none;
      opacity:1;
      appearance:none;
      -webkit-appearance:none;
      cursor:pointer;
      font-family:"Questrial",sans-serif;
    }
    .landing-user-card-workspace{bottom:calc(var(--landing-rail-card-base) + var(--landing-rail-card-step) * 3)}
    .landing-user-card-gallery  {bottom:calc(var(--landing-rail-card-base) + var(--landing-rail-card-step) * 2)}
    .landing-user-card-account  {bottom:calc(var(--landing-rail-card-base) + var(--landing-rail-card-step) * 1)}
    .landing-user-card-form     {bottom:var(--landing-rail-card-base)}
    body.landing-page .landing-side-frame .landing-user-card-workspace,
    body.landing-page .landing-side-frame .landing-user-card-gallery,
    body.landing-page .landing-side-frame .landing-user-card-account,
    body.landing-page .landing-side-frame .landing-user-card-form{
      bottom:auto;
    }
    .landing-user-card-logout{
      width:110px;
      height:110px;
      border:1px solid rgba(190,198,210,.24);
    }
    .landing-user-card-icon-wrap{
      position:absolute;
      top:20px;
      left:50%;
      width:34px;
      height:34px;
      transform:translateX(-50%);
      display:flex;
      align-items:center;
      justify-content:center;
      pointer-events:none;
    }
    .landing-user-card-icon{
      width:100%;
      height:100%;
      display:block;
      object-fit:contain;
      object-position:center;
      opacity:.98;
    }
    .landing-user-card-icon-workspace,
    .landing-user-card-icon-gallery,
    .landing-user-card-icon-account,
    .landing-user-card-icon-logout{
      width:100%;
      height:100%;
      opacity:.98;
    }
    .landing-user-card-label{
      position:static;
      transform:none;
      padding:0;
      border:none;
      background:none;
      font-family:"Questrial",sans-serif;
      color:#c58a63;
      font-size:17px;
      font-weight:700;
      letter-spacing:.04em;
      line-height:1;
      text-align:center;
    }
    .landing-user-card:hover,
    .landing-user-card:focus-visible,
    .landing-user-card:active{
      transform:none;
      transition:none;
      opacity:1;
    }
    .landing-user-badge .landing-auth-btn{
      display:flex;
      align-items:flex-end;
      justify-content:center;
      padding-bottom:18px;
      position:relative;
      background:#000;
      border:1px solid rgba(190,198,210,.24);
      border-radius:var(--landing-rail-card-radius);
      box-shadow:0 10px 24px rgba(8,10,18,.24), inset 0 2px 6px rgba(255,255,255,.05);
    }
    .landing-user-badge .landing-auth-btn .nav-label{
      position:static;
      transform:none;
      padding:0;
      border:none;
      background:none;
      color:#c58a63;
      font-size:17px;
      font-weight:700;
      letter-spacing:.04em;
    }
    .landing-auth-btn-form{
      margin:0;
      padding:0;
      width:100%;
      display:flex;
      justify-content:center;
    }
    .landing-auth-btn-form .landing-auth-btn{
      width:100%;
      border:none;
      cursor:pointer;
      background:rgba(20,15,14,.82);
    }
    .landing-user-badge .landing-auth-btn-form{
      position:fixed;
      right:var(--landing-rail-card-right);
      bottom:var(--landing-rail-card-base);
      width:110px;
      justify-content:center;
    }
    .landing-user-badge .landing-auth-btn-form .landing-auth-btn{
      width:var(--landing-rail-button-size);
      height:var(--landing-rail-button-size);
      appearance:none;
      -webkit-appearance:none;
      background:#000;
      border:1px solid rgba(190,198,210,.24);
      border-radius:var(--landing-rail-card-radius);
      box-shadow:0 10px 24px rgba(8,10,18,.24), inset 0 2px 6px rgba(255,255,255,.05);
    }
    body.landing-page .landing-auth-btn,
    body.landing-page .landing-auth-geometry,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn .nav-label{
      transition:none;
    }
    body.landing-page .landing-auth-btn:hover,
    body.landing-page .landing-auth-btn:focus-visible,
    body.landing-page .landing-auth-btn:active{
      opacity:1;
      transform:none;
    }
    body.landing-page .landing-auth-btn:hover .landing-auth-geometry,
    body.landing-page .landing-auth-btn:focus-visible .landing-auth-geometry,
    body.landing-page .landing-auth-btn:active .landing-auth-geometry{
      transform:none;
    }
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:hover .nav-label,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:focus-visible .nav-label,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:active .nav-label{
      opacity:0;
      visibility:hidden;
      transform:translateY(-50%);
    }
    /* guest rail rebuilt as a static component */
    body.landing-page .landing-auth-badge:not(.landing-user-badge){
      gap:0;
    }
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn{
      position:fixed;
      right:calc(var(--landing-rail-right) + ((var(--landing-rail-width) - var(--landing-rail-button-size)) / 2) + 1px);
      width:var(--landing-rail-button-size);
      height:var(--landing-rail-button-size);
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:visible;
      appearance:none;
      -webkit-appearance:none;
      background:#000;
      border:1px solid rgba(190,198,210,.24);
      border-radius:var(--landing-rail-card-radius);
      box-shadow:0 10px 24px rgba(8,10,18,.24), inset 0 2px 6px rgba(255,255,255,.05);
      opacity:1;
      transform:none;
      transition:none;
    }
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn-login{
      bottom:calc(var(--landing-rail-card-base) + var(--landing-rail-card-step) * 2 + 39px);
    }
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn-register{
      bottom:calc(var(--landing-rail-card-base) + var(--landing-rail-card-step) * 1 + 39px);
    }
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:hover,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:focus-visible,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:active{
      opacity:1;
      transform:none;
      transition:none;
    }
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-geometry,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:hover .landing-auth-geometry,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:focus-visible .landing-auth-geometry,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:active .landing-auth-geometry{
      transform:none;
      transition:none;
    }
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn .nav-label,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:hover .nav-label,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:focus-visible .nav-label,
    body.landing-page .landing-auth-badge:not(.landing-user-badge) .landing-auth-btn:active .nav-label{
      display:none;
      opacity:0;
      visibility:hidden;
      transform:translateY(-50%);
      transition:none;
    }
    body.landing-page .landing-side-frame-surface{
      background:rgba(12,10,10,.72);
    }
    body.landing-page .landing-side-frame .landing-auth-badge,
    body.landing-page .landing-side-frame .landing-user-badge{
      inset:0;
      padding:var(--landing-side-frame-inner-pad);
      align-items:stretch;
      justify-content:flex-end;
      gap:10px;
      pointer-events:none;
    }
    body.landing-page .landing-auth-badge:not(.landing-user-badge){
      gap:10px;
    }
    body.landing-page .landing-side-frame .landing-auth-card-shell,
    body.landing-page .landing-side-frame .landing-user-card,
    body.landing-page .landing-side-frame .landing-user-card-form{
      position:relative;
      right:auto;
      left:auto;
      top:auto;
      bottom:auto;
      width:100%;
      margin:0;
      pointer-events:auto;
    }
    body.landing-page .landing-side-frame .landing-auth-card-shell{
      height:auto;
      padding:0;
      border:0;
      border-radius:0;
      box-shadow:none;
    }
    body.landing-page .landing-side-frame .landing-auth-card,
    body.landing-page .landing-side-frame .landing-user-card{
      width:100%;
      min-height:52px;
      height:auto;
      display:flex;
      align-items:center;
      justify-content:start;
      gap:12px;
      padding:0 14px;
      background:rgba(20,15,14,.82);
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      box-shadow:none;
      color:#f0e4db;
      text-decoration:none;
      overflow:hidden;
    }
    body.landing-page .landing-side-frame .landing-auth-card-icon-wrap,
    body.landing-page .landing-side-frame .landing-user-card-icon-wrap{
      position:static;
      top:auto;
      left:auto;
      width:20px;
      height:20px;
      transform:none;
      display:grid;
      place-items:center;
      flex:0 0 20px;
    }
    body.landing-page .landing-side-frame .landing-auth-card-label,
    body.landing-page .landing-side-frame .landing-user-card-label{
      position:static;
      display:block;
      padding:0;
      background:none;
      border:0;
      text-align:left;
      color:#f0e4db;
      font-size:14px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      line-height:1;
    }
    body.landing-page .landing-side-frame .landing-user-card-form{
      display:block;
    }
    body.landing-page .landing-side-frame .landing-user-card-logout{
      width:100%;
    }
    body.landing-page .landing-side-frame .landing-user-card-icon{
      opacity:.98;
    }
    body.landing-page .landing-side-frame .landing-auth-card-icon-login,
    body.landing-page .landing-side-frame .landing-auth-card-icon-register{
      opacity:0;
    }
    body.landing-page .landing-side-frame .landing-home-state{
      width:var(--landing-auth-chamber-width);
      max-width:100%;
      margin-left:auto;
      display:grid;
      gap:8px;
      pointer-events:auto;
    }
    body.landing-page .landing-side-frame .landing-home-state-panel{
      display:grid;
      gap:10px;
      padding:12px;
      background:rgba(20,15,14,.82);
      border:1px solid rgba(122,94,83,.24);
      border-radius:10px;
      box-shadow:none;
      color:#f0e4db;
    }
    body.landing-page .landing-side-frame .landing-home-state-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }
    body.landing-page .landing-side-frame .landing-home-state-title{
      color:#c58a63;
      font-size:13px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      line-height:1;
    }
    body.landing-page .landing-side-frame .landing-home-state-stamp{
      color:#f0e4db;
      font-size:10px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      line-height:1.2;
      text-align:right;
    }
    body.landing-page .landing-side-frame .landing-home-state-body{
      display:grid;
      gap:10px;
    }
    body.landing-page .landing-side-frame .landing-home-state-summary{
      color:#f0e4db;
      font-size:13px;
      line-height:1.4;
    }
    body.landing-page .landing-side-frame .landing-home-state-lines{
      display:grid;
      gap:6px;
    }
    body.landing-page .landing-side-frame .landing-home-state-line{
      display:grid;
      grid-template-columns:58px minmax(0, 1fr);
      gap:8px;
      align-items:start;
      color:#f0e4db;
      font-size:12px;
      line-height:1.4;
    }
    body.landing-page .landing-side-frame .landing-home-state-key{
      color:rgba(197,138,99,.88);
      font-size:11px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      line-height:1.4;
    }
    body.landing-page .landing-side-frame .landing-home-state-thumb-wrap{
      position:relative;
      width:100%;
      aspect-ratio:16 / 10;
      overflow:hidden;
      border:1px solid rgba(122,94,83,.16);
      border-radius:8px;
      background:rgba(23,18,18,.72);
    }
    body.landing-page .landing-side-frame .landing-home-state-thumb{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      background:#050505;
    }
    body.landing-page .landing-side-frame .landing-home-state-thumb-empty{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      padding:12px;
      color:#f0e4db;
      font-size:12px;
      line-height:1.4;
      text-align:center;
    }
    body.landing-page .landing-side-frame .landing-home-state-thumb[hidden],
    body.landing-page .landing-side-frame .landing-home-state-thumb-empty[hidden]{
      display:none !important;
    }
    body.landing-page{
      --landing-frame-edge:clamp(12px, 1.8vw, 24px);
      --landing-frame-top:clamp(10px, 2.4svh, 24px);
      --landing-frame-bottom:clamp(10px, 2.4svh, 24px);
      --landing-side-reserve:clamp(212px, 14vw, 248px);
      --landing-board-grade:transparent;
      --landing-board-module:60px;
      --landing-board-cols:24;
      --landing-board-rows:16;
      --landing-board-width:calc(var(--landing-board-cols) * var(--landing-board-module));
      --landing-board-height:calc(var(--landing-board-rows) * var(--landing-board-module));
      --landing-scene-width:1260px;
      --landing-scene-height:960px;
      --landing-scene-cols:21;
      --landing-main-scale:min(
        1,
        calc((100vw - (var(--landing-frame-edge) * 2) - var(--landing-side-reserve)) / var(--landing-board-width)),
        calc((100svh - var(--landing-frame-top) - var(--landing-frame-bottom)) / var(--landing-board-height))
      );
      --landing-scene-scale:var(--landing-main-scale);
      --landing-computed-top:max(
        0px,
        calc((100svh - var(--landing-frame-top) - var(--landing-frame-bottom) - var(--landing-main-scale) * var(--landing-board-height)) / 2)
      );
      --landing-wordmark-barycenter-y:calc(
        var(--landing-computed-top) +
        (var(--landing-main-scale) * (var(--landing-wordmark-top) + ((420px * var(--landing-wordmark-svg-scale)) / 2)))
      );
      --landing-skin-left-adjust:calc(var(--landing-board-module) / -10);
      --landing-skin-bottom-adjust:calc(var(--landing-board-module) / -4);
    }
    body.landing-page .landing-shell.landing-v2-shell{
      position:fixed;
      inset:0;
      width:100%;
      height:100%;
      padding:0;
      background:#000;
    }
    body.landing-page .landing-v2-main-frame{
      position:fixed;
      top:var(--landing-frame-top);
      bottom:var(--landing-frame-bottom);
      left:var(--landing-frame-edge);
      width:calc(var(--landing-main-scale) * var(--landing-board-width));
      background:#050505;
      overflow:hidden;
      z-index:5;
    }
    body.landing-page .landing-v2-main-frame::before{
      content:"";
      position:absolute;
      inset:0;
      background:#050505;
      z-index:0;
      pointer-events:none;
    }
    body.landing-page .landing-v2-main-frame::after{
      content:"";
      position:absolute;
      inset:0;
      background:var(--landing-board-grade);
      z-index:6;
      pointer-events:none;
    }
    body.landing-page .landing-v2-board{
      position:absolute;
      top:var(--landing-computed-top);
      left:0;
      width:var(--landing-board-width);
      height:var(--landing-board-height);
      min-height:0;
      padding:0;
      margin:0;
      display:block;
      transform:scale(var(--landing-main-scale));
      transform-origin:top left;
      background:transparent;
      overflow:hidden;
      box-shadow:none;
    }
    body.landing-page[data-landing-hero-mode="video"] .landing-v2-board{
      width:calc(var(--landing-main-scale) * var(--landing-board-width));
      height:calc(var(--landing-main-scale) * var(--landing-board-height));
      transform:none;
    }
    body.landing-page .landing-v2-board::before{
      display:none;
    }
    body.landing-page .landing-v2-board::after{
      display:none;
    }
    body.landing-page .landing-v2-intersections-overlay{
      position:fixed;
      left:var(--landing-frame-edge);
      top:calc(var(--landing-frame-top) + var(--landing-computed-top));
      width:calc(var(--landing-main-scale) * var(--landing-board-width));
      height:calc(var(--landing-main-scale) * var(--landing-board-height));
      pointer-events:none;
      z-index:100;
    }
    body.landing-page .landing-emitter-map{
      position:fixed;
      left:var(--landing-frame-edge);
      top:calc(var(--landing-frame-top) + var(--landing-computed-top));
      width:calc(var(--landing-main-scale) * var(--landing-board-width));
      height:calc(var(--landing-main-scale) * var(--landing-board-height));
      pointer-events:none;
      z-index:50;
    }
    body.landing-page[data-shell-ambient-mode="parked"] .landing-emitter-map{
      display:none;
    }
    body.landing-page .landing-emitter-map span{
      position:absolute;
      transform:translate(-50%,-50%);
      display:block;
      width:0;
      height:0;
      overflow:visible;
      color:rgba(123,212,255,.82);
    }
    body.landing-page .landing-emitter-map span::after{
      content:attr(data-col) "·" attr(data-row);
      position:absolute;
      transform:translate(-50%,-50%);
      font-family:"Questrial",sans-serif;
      font-size:0;
      font-weight:700;
      line-height:1;
      white-space:nowrap;
      pointer-events:none;
      opacity:0;
      transition:opacity 0.25s ease;
    }
    body.landing-page .landing-emitter-map span.is-running::after{
      opacity:0;
      transition:opacity 0.15s ease;
    }
    body.landing-page .landing-v2-scene{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:#050505;
      overflow:hidden;
      z-index:1;
      transform:none;
    }

    body.landing-page .landing-v2-scene::after{
      display:none;
    }
    body.landing-page .landing-v2-portrait-image{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center center;
      display:block;
      filter:none;
      z-index:1;
      transform:none;
    }
    body.landing-page .landing-v2-skin-layer{
      position:absolute;
      left:calc(var(--landing-board-module) * 12);
      right:auto;
      top:auto;
      bottom:var(--landing-skin-bottom-adjust);
      width:var(--landing-scene-width);
      height:var(--landing-scene-height);
      pointer-events:none;
      z-index:4;
    }
    body.landing-page .landing-v2-skin-grid{
      position:absolute;
      inset:0;
      display:grid;
      grid-template-columns:repeat(21, 1fr);
      grid-template-rows:repeat(16, 1fr);
    }
    body.landing-page .landing-v2-wordmark{
      position:absolute;
      top:var(--landing-wordmark-top);
      left:var(--landing-wordmark-left);
      right:var(--landing-wordmark-right);
      width:auto;
      height:auto;
      z-index:8;
      pointer-events:none;
      filter:saturate(1);
    }
    body.landing-page .landing-v2-board .landing-comet-canvas{
      opacity:1;
      filter:brightness(1.34) saturate(1.12);
    }
    body.landing-page .landing-v2-wordmark::before{
      display:none;
    }
    body.landing-page .landing-v2-board .comet-static-outer,
    body.landing-page .landing-v2-board .comet-static-inner{
      display:none;
    }
    body.landing-page .landing-v2-board .comet-accent{
      opacity:0 !important;
    }
    body.landing-page .landing-v2-video-wordmark{
      top:0;
      right:0;
      bottom:0;
      left:0;
      width:auto;
      height:auto;
      overflow:hidden;
    }
    body.landing-page .landing-v2-side-frame{
      position:fixed;
      top:var(--landing-frame-top);
      bottom:var(--landing-frame-bottom);
      left:calc(var(--landing-frame-edge) + (var(--landing-main-scale) * var(--landing-board-width)));
      right:var(--landing-frame-edge);
      width:auto;
      min-width:var(--landing-side-reserve);
      pointer-events:none;
      z-index:12;
    }
    body.landing-page .landing-v2-side-frame::before{
      display:none;
    }
    body.landing-page .landing-v2-side-frame .landing-side-frame-surface{
      position:absolute;
      inset:0;
      background:transparent;
      pointer-events:none;
      z-index:0;
    }
    body.landing-page .landing-v2-side-frame .landing-auth-badge,
    body.landing-page .landing-v2-side-frame .landing-user-badge{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      align-items:stretch;
      justify-content:flex-start;
      gap:10px;
      padding:clamp(10px, 1.6vw, 18px);
      pointer-events:none;
      z-index:2;
    }
    body.landing-page .landing-v2-side-frame .landing-user-badge{
      align-items:flex-end;
      padding:8px;
    }
    body.landing-page .landing-shell-side-view{
      position:absolute;
      inset:0;
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
      padding:60px 8px 8px;
      pointer-events:none;
      z-index:1;
    }
    body.landing-page .landing-shell-side-view > *{
      pointer-events:auto;
    }
    body.landing-page .landing-shell-side-ambient{
      position:absolute;
      inset:0;
      display:flex;
      align-items:flex-start;
      justify-content:flex-end;
      padding:0 8px 8px;
      pointer-events:none;
      z-index:3;
    }
    body.landing-page .landing-shell-side-ambient [data-shell-slot="side-ambient"]{
      width:var(--landing-auth-chamber-width);
      max-width:100%;
      margin-left:auto;
      pointer-events:auto;
    }
    body.landing-page .landing-v2-side-frame .landing-user-rail-expanded{
      display:flex;
      align-items:stretch;
      justify-content:flex-end;
      gap:4px;
      width:auto;
      max-width:100%;
      margin-left:auto;
      pointer-events:auto;
    }
    body.landing-page .landing-v2-side-frame .landing-auth-card-shell,
    body.landing-page .landing-v2-side-frame .landing-user-card,
    body.landing-page .landing-v2-side-frame .landing-user-card-form{
      position:relative;
      top:auto;
      right:auto;
      bottom:auto;
      left:auto;
      width:100%;
      margin:0;
      pointer-events:auto;
    }
    body.landing-page .landing-v2-side-frame .landing-user-card-form{
      width:auto;
      display:flex;
    }
    body.landing-page .landing-v2-side-frame .landing-auth-card-shell{
      padding:0;
      border:0;
      height:auto;
      width:100%;
    }
    body.landing-page .landing-v2-side-frame .landing-auth-card,
    body.landing-page .landing-v2-side-frame .landing-user-card{
      width:100%;
      min-height:52px;
      height:auto;
      display:flex;
      align-items:center;
      pointer-events:auto;
      justify-content:flex-start;
      gap:12px;
      padding:0 14px;
      border-radius:0;
      border:1px solid rgba(122,94,83,.24);
      background:rgba(16,12,12,.88);
      box-shadow:none;
      color:#f0e4db;
      text-decoration:none;
      overflow:hidden;
    }
    body.landing-page .landing-v2-side-frame .landing-user-card{
      width:46px;
      min-width:46px;
      min-height:46px;
      height:46px;
      flex-direction:column;
      justify-content:center;
      gap:3px;
      padding:5px 4px;
      border-color:rgba(122,94,83,.32);
      background:rgba(16,12,12,.88);
      color:#f0e4db;
    }
    body.landing-page .landing-v2-side-frame .landing-auth-card-icon-wrap,
    body.landing-page .landing-v2-side-frame .landing-user-card-icon-wrap{
      position:static;
      width:20px;
      height:20px;
      transform:none;
      display:grid;
      place-items:center;
      flex:0 0 20px;
    }
    body.landing-page .landing-v2-side-frame .landing-user-card-icon-wrap{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    body.landing-page .landing-v2-side-frame .landing-auth-card-label,
    body.landing-page .landing-v2-side-frame .landing-user-card-label{
      position:static;
      display:block;
      padding:0;
      border:0;
      background:none;
      color:#c58a63;
      font-size:14px;
      font-weight:700;
      letter-spacing:.08em;
      line-height:1;
      text-transform:uppercase;
      text-align:left;
    }
    body.landing-page .landing-v2-side-frame .landing-user-card-label{
      color:#c58a63;
      font-size:7px;
      line-height:1.05;
      letter-spacing:.04em;
      text-align:center;
      overflow-wrap:anywhere;
    }
    body.landing-page .landing-v2-side-frame .landing-user-card-form{
      display:flex;
    }
    @media (max-width: 900px){
      body.landing-page{
        --landing-board-grade:rgba(44, 31, 26, .42);
      }
    }
    @media (max-width: 820px){
      html:has(body.landing-page){
        overflow:auto;
        height:auto;
      }
      body.landing-page{
        height:auto;
        min-height:100vh;
        min-height:100svh;
        overflow:auto;
      }
      body.landing-page .wrap{
        height:auto;
        min-height:100vh;
        min-height:100svh;
        overflow:visible;
        padding:72px 0 16px;
      }
      body.landing-page .landing-auth-rail{
        position:sticky;
        top:12px;
        left:auto;
        transform:none;
        width:100%;
        padding:0 12px;
        justify-content:flex-end;
      }
      body.landing-page .landing-auth-rail.is-guest-rail .landing-auth-nav{
        width:100%;
      }
      body.landing-page .landing-shell.landing-v2-shell{
        position:relative;
        inset:auto;
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:auto auto;
        gap:12px;
        min-height:0;
        height:auto;
        padding:12px;
      }
      body.landing-page .landing-v2-main-frame,
      body.landing-page .landing-v2-side-frame{
        position:relative;
        top:auto;
        right:auto;
        bottom:auto;
        left:auto;
        width:100%;
        min-width:0;
      }
      body.landing-page[data-shell-view="landing"] .landing-v2-main-frame{
        min-height:0;
        aspect-ratio:3 / 2;
        width:100%;
        border-radius:12px;
        overflow:hidden;
      }
      body.landing-page .landing-v2-main-frame::before,
      body.landing-page .landing-v2-main-frame::after{
        border-radius:inherit;
      }
      body.landing-page .landing-v2-board,
      body.landing-page[data-landing-hero-mode="video"] .landing-v2-board{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        transform:none;
        overflow:hidden;
      }
      body.landing-page .landing-v2-side-frame{
        min-height:0;
        pointer-events:auto;
      }
      body.landing-page .landing-v2-side-frame .landing-side-frame-surface{
        display:none;
      }
      body.landing-page .landing-v2-side-frame .landing-auth-badge,
      body.landing-page .landing-v2-side-frame .landing-user-badge,
      body.landing-page .landing-shell-side-view,
      body.landing-page .landing-shell-side-ambient{
        position:relative;
        inset:auto;
        width:100%;
        max-width:none;
        padding:0;
      }
      body.landing-page .landing-shell-side-view{
        display:block;
        margin-top:12px;
      }
      body.landing-page .landing-shell-side-ambient{
        display:block;
        margin-top:12px;
      }
      body.landing-page .landing-auth-stage{
        width:100%;
        margin-left:0;
      }
      body.landing-page .landing-auth-panel.is-active{
        margin-top:0;
      }
      body.landing-page .landing-shell-side-view > *,
      body.landing-page .landing-shell-side-ambient [data-shell-slot="side-ambient"]{
        width:100%;
        max-width:none;
      }
      body.landing-page .landing-v2-side-frame .landing-user-badge{
        min-height:0;
        height:auto;
        margin-bottom:12px;
      }
      body.landing-page .landing-v2-side-frame .landing-user-rail-expanded{
        justify-content:flex-start;
        margin-left:0;
      }
      body.landing-page .landing-v2-intersections-overlay,
      body.landing-page .landing-emitter-map{
        display:none;
      }
    }
    body.landing-page .landing-v2-main-frame::after{display:none}
    /* GRID EVENTS LAYER */
    body.landing-page .landing-grid-events{
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:100;
      display:block;
    }
    body.landing-page[data-shell-ambient-mode="parked"] .landing-grid-events{
      display:none;
    }
    /* span base: positioned, centred */
    body.landing-page .landing-grid-events span{
      position:absolute;
      transform:translate(-50%,-50%);
      width:18px;
      height:18px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:0;
      font-family:"Questrial",sans-serif;
      line-height:1;
      white-space:nowrap;
    }
    /* dead zone: hidden */
    body.landing-page .landing-grid-events span[data-zone="dead"]{
      background:transparent;
      border:none;
      color:transparent;
    }
    /* bg zone: invisible at rest */
    body.landing-page .landing-grid-events span[data-zone="bg"]{
      background:transparent;
      border:none;
      color:transparent;
    }
    /* figure zone: cell hidden, emission (::before) stays active */
    body.landing-page .landing-grid-events span[data-zone="figure"]{
      background:transparent;
      border:none;
      color:transparent;
    }
    body.landing-page .landing-grid-events span[data-zone="figure"]::before{
      content:"";
      position:absolute;
      top:50%;
      left:50%;
      width:var(--tattoo-size,42px);
      height:var(--tattoo-size,42px);
      background:rgba(197,138,99,0.88);
      -webkit-mask-image:var(--tattoo-mask);
      mask-image:var(--tattoo-mask);
      -webkit-mask-size:contain;
      mask-size:contain;
      -webkit-mask-position:center;
      mask-position:center;
      -webkit-mask-repeat:no-repeat;
      mask-repeat:no-repeat;
      opacity:0;
      transform:translate(-50%,-50%) scale(0.72);
      filter:blur(.5px);
      will-change:transform,opacity,filter;
    }
    body.landing-page[data-shell-ambient-mode="parked"] .landing-grid-events span[data-zone="figure"]::before{
      animation:none;
      opacity:0;
      will-change:auto;
    }
    body.landing-page .landing-grid-events span[data-zone="figure"].sticker-active::before{
      animation:none;
    }
    /* bg glow: ::before holds fixed style, only opacity animates (compositor-only, no repaint) */
    /* --flash-peak/mid/tail customisable per video version via parent data attribute */
    body.landing-page .landing-board{
      --flash-mid:0.45;
      --flash-peak:0.62;
      --flash-tail:0.35;
    }
    body.landing-page .landing-grid-events span[data-zone="bg"]::before{
      content:"";
      position:absolute;
      inset:0;
      background-color:rgba(230,165,100,1);
      box-shadow:0 0 6px 2px rgba(230,160,80,0.6),0 0 0 1px rgba(197,138,99,0.8);
      opacity:0;
      will-change:opacity;
      animation:gridBgFlash3 var(--cell-period,84000ms) var(--cell-phase,0ms) infinite linear;
    }
    body.landing-page[data-shell-ambient-mode="parked"] .landing-grid-events span[data-zone="bg"]::before{
      animation:none;
      opacity:0;
      will-change:auto;
    }
    @keyframes gridBgFlash3{
      0%,8.5%   {opacity:0}
      9.5%      {opacity:var(--flash-mid,0.30)}
      11%       {opacity:var(--flash-peak,0.42)}
      12%       {opacity:var(--flash-tail,0.22)}
      13.5%,42% {opacity:0}
      43%       {opacity:var(--flash-mid,0.30)}
      44.5%     {opacity:var(--flash-peak,0.42)}
      45.5%     {opacity:var(--flash-tail,0.22)}
      47%,76%   {opacity:0}
      77%       {opacity:var(--flash-mid,0.30)}
      78.5%     {opacity:var(--flash-peak,0.42)}
      79.5%     {opacity:var(--flash-tail,0.22)}
      81%,100%  {opacity:0}
    }
    @keyframes gridBgFlash4{
      0%,7%     {opacity:0}
      8%        {opacity:var(--flash-mid,0.30)}
      9.5%      {opacity:var(--flash-peak,0.42)}
      10.5%     {opacity:var(--flash-tail,0.22)}
      12%,29%   {opacity:0}
      30%       {opacity:var(--flash-mid,0.30)}
      31.5%     {opacity:var(--flash-peak,0.42)}
      32.5%     {opacity:var(--flash-tail,0.22)}
      34%,56%   {opacity:0}
      57%       {opacity:var(--flash-mid,0.30)}
      58.5%     {opacity:var(--flash-peak,0.42)}
      59.5%     {opacity:var(--flash-tail,0.22)}
      61%,79%   {opacity:0}
      80%       {opacity:var(--flash-mid,0.30)}
      81.5%     {opacity:var(--flash-peak,0.42)}
      82.5%     {opacity:var(--flash-tail,0.22)}
      84%,100%  {opacity:0}
    }
    @keyframes gridBgFlash5{
      0%,5.5%   {opacity:0}
      6.5%      {opacity:var(--flash-mid,0.30)}
      7.5%      {opacity:var(--flash-peak,0.42)}
      8.5%      {opacity:var(--flash-tail,0.22)}
      9.5%,22.5%{opacity:0}
      23.5%     {opacity:var(--flash-mid,0.30)}
      24.5%     {opacity:var(--flash-peak,0.42)}
      25.5%     {opacity:var(--flash-tail,0.22)}
      26.5%,43.5%{opacity:0}
      44.5%     {opacity:var(--flash-mid,0.30)}
      45.5%     {opacity:var(--flash-peak,0.42)}
      46.5%     {opacity:var(--flash-tail,0.22)}
      47.5%,63.5%{opacity:0}
      64.5%     {opacity:var(--flash-mid,0.30)}
      65.5%     {opacity:var(--flash-peak,0.42)}
      66.5%     {opacity:var(--flash-tail,0.22)}
      67.5%,84.5%{opacity:0}
      85.5%     {opacity:var(--flash-mid,0.30)}
      86.5%     {opacity:var(--flash-peak,0.42)}
      87.5%     {opacity:var(--flash-tail,0.22)}
      88.5%,100%{opacity:0}
    }
    @keyframes gridBgFlash6{
      0%,6.5%   {opacity:0}
      7.5%      {opacity:var(--flash-mid,0.30)}
      8.5%      {opacity:var(--flash-peak,0.42)}
      9.5%      {opacity:var(--flash-tail,0.22)}
      10.5%,22.5%{opacity:0}
      23.5%     {opacity:var(--flash-mid,0.30)}
      24.5%     {opacity:var(--flash-peak,0.42)}
      25.5%     {opacity:var(--flash-tail,0.22)}
      26.5%,37.5%{opacity:0}
      38.5%     {opacity:var(--flash-mid,0.30)}
      39.5%     {opacity:var(--flash-peak,0.42)}
      40.5%     {opacity:var(--flash-tail,0.22)}
      41.5%,54.5%{opacity:0}
      55.5%     {opacity:var(--flash-mid,0.30)}
      56.5%     {opacity:var(--flash-peak,0.42)}
      57.5%     {opacity:var(--flash-tail,0.22)}
      58.5%,70.5%{opacity:0}
      71.5%     {opacity:var(--flash-mid,0.30)}
      72.5%     {opacity:var(--flash-peak,0.42)}
      73.5%     {opacity:var(--flash-tail,0.22)}
      74.5%,85.5%{opacity:0}
      86.5%     {opacity:var(--flash-mid,0.30)}
      87.5%     {opacity:var(--flash-peak,0.42)}
      88.5%     {opacity:var(--flash-tail,0.22)}
      89.5%,100%{opacity:0}
    }
    @keyframes gridBgFlash7{
      0%,5.5%   {opacity:0}
      6.5%      {opacity:var(--flash-mid,0.30)}
      7.5%      {opacity:var(--flash-peak,0.42)}
      8.5%      {opacity:var(--flash-tail,0.22)}
      9.5%,17.5%{opacity:0}
      18.5%     {opacity:var(--flash-mid,0.30)}
      19.5%     {opacity:var(--flash-peak,0.42)}
      20.5%     {opacity:var(--flash-tail,0.22)}
      21.5%,30.5%{opacity:0}
      31.5%     {opacity:var(--flash-mid,0.30)}
      32.5%     {opacity:var(--flash-peak,0.42)}
      33.5%     {opacity:var(--flash-tail,0.22)}
      34.5%,44.5%{opacity:0}
      45.5%     {opacity:var(--flash-mid,0.30)}
      46.5%     {opacity:var(--flash-peak,0.42)}
      47.5%     {opacity:var(--flash-tail,0.22)}
      48.5%,57.5%{opacity:0}
      58.5%     {opacity:var(--flash-mid,0.30)}
      59.5%     {opacity:var(--flash-peak,0.42)}
      60.5%     {opacity:var(--flash-tail,0.22)}
      61.5%,70.5%{opacity:0}
      71.5%     {opacity:var(--flash-mid,0.30)}
      72.5%     {opacity:var(--flash-peak,0.42)}
      73.5%     {opacity:var(--flash-tail,0.22)}
      74.5%,84.5%{opacity:0}
      85.5%     {opacity:var(--flash-mid,0.30)}
      86.5%     {opacity:var(--flash-peak,0.42)}
      87.5%     {opacity:var(--flash-tail,0.22)}
      88.5%,100%{opacity:0}
    }
    body.landing-page .landing-grid-events span[data-flash-count="4"]::before{animation-name:gridBgFlash4}
    body.landing-page .landing-grid-events span[data-flash-count="5"]::before{animation-name:gridBgFlash5}
    body.landing-page .landing-grid-events span[data-flash-count="6"]::before{animation-name:gridBgFlash6}
    body.landing-page .landing-grid-events span[data-flash-count="7"]::before{animation-name:gridBgFlash7}
    /* face tattoo one-shot: appear → hold → dissolve */
    @keyframes gridFaceTattoo{
      0%{
        opacity:0;
        transform:translate(-50%,-50%) scale(0.72);
        filter:blur(.5px);
      }
      10%{
        opacity:var(--tattoo-alpha,0.55);
        transform:translate(-50%,-50%) scale(1.02);
        filter:blur(0);
      }
      18%{
        opacity:calc(var(--tattoo-alpha,0.55) * .88);
        transform:translate(-50%,-50%) scale(var(--tattoo-scale,1.0));
        filter:blur(.06px);
      }
      78%{
        opacity:calc(var(--tattoo-alpha,0.55) * .88);
        transform:translate(-50%,-50%) scale(var(--tattoo-scale,1.0));
        filter:blur(.06px);
      }
      92%{
        opacity:0;
        transform:translate(-50%,-50%) scale(calc(var(--tattoo-scale,1.0) + .08));
        filter:blur(.28px);
      }
      100%{
        opacity:0;
        transform:translate(-50%,-50%) scale(0.72);
        filter:blur(.5px);
      }
    }
    body.landing-page .landing-debug-grid{display:none}
    body.landing-page .landing-debug-grid{
      --col:calc(100% / 24);
      --row:calc(100% / 16);
      position:absolute;
      inset:0;
      z-index:20;
      pointer-events:none;
    }
    body.landing-page .landing-debug-grid::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(90deg, rgba(226,212,202,.15) 0 1px, transparent 1px var(--col)),
        repeating-linear-gradient(180deg, rgba(226,212,202,.15) 0 1px, transparent 1px var(--row));
      border-right:1px solid rgba(226,212,202,.15);
      border-bottom:1px solid rgba(226,212,202,.15);
    }
    body.landing-page .landing-debug-grid::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(90deg, rgba(223,117,107,.22) 0 1px, transparent 1px calc(var(--col) * 4)),
        repeating-linear-gradient(180deg, rgba(223,117,107,.22) 0 1px, transparent 1px calc(var(--row) * 4));
    }
    @media (max-width:820px){
      .landing-auth-stage{
        width:100%;
        max-width:none;
      }
      body.landing-page .landing-auth-panel.is-active{
        margin-top:0;
      }
      .landing-auth-card-surface{
        padding:16px 14px 14px;
      }
    }