.landing{max-width:1440px;margin:0 auto;padding:0 48px}.landing-nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--np-card-border)}.landing-brand{display:inline-flex;gap:12px;align-items:center;color:var(--np-heading);font-weight:700;font-size:17px;text-decoration:none;letter-spacing:-.4px}.landing-nav-links{display:flex;align-items:center;gap:24px;font-size:13px}.landing-nav-links>a:not(.landing-button){color:var(--np-muted);text-decoration:none}.landing-button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:15px 24px;border-radius:8px;background:var(--np-accent);color:#211600;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}.landing-button:hover{background:#fbbf24;color:#211600;transform:translateY(-1px)}.landing-button-small{padding:10px 18px;font-size:14px}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid var(--np-accent);outline-offset:4px}.landing-intro{padding:68px 0 42px;position:relative}.landing h1{margin:0;max-width:22ch;font:600 clamp(32px,3.9vw,52px)/1.14 var(--font-ui);letter-spacing:-1.4px;color:var(--np-heading);text-wrap:balance}.landing h1 span{color:var(--np-accent)}.landing-replay{border:1px solid var(--np-card-border);border-radius:16px;background:var(--np-board-panel-bg);box-shadow:0 24px 65px #0000001f;padding:28px 28px 0;overflow:hidden}.landing-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.landing h2{font:600 23px/1.3 var(--font-ui);letter-spacing:-.6px;margin:0;color:var(--np-heading)}.landing-chart-meta{font-size:12px;color:var(--np-muted);margin:9px 0 0}.landing-window{display:flex;padding:4px;gap:4px;border:1px solid var(--np-control-border);background:var(--np-chip-bg);border-radius:9px;flex-shrink:0}.landing-window button{border:1px solid transparent;border-radius:6px;padding:8px 15px;background:transparent;color:var(--np-muted);cursor:pointer;font:500 13px var(--font-ui)}.landing-window button[aria-pressed=true]{color:var(--np-accent);background:var(--np-accent-soft);border-color:var(--np-accent)}.landing .area-selector-panel{margin:25px 0 0;padding:16px 0;border:0;border-top:1px solid var(--np-card-border);border-bottom:1px solid var(--np-card-border);border-radius:0;background:transparent;box-shadow:none}.landing .area-selector-head,.landing .area-group-actions{display:none}.landing .area-selector-groups{grid-template-columns:1.5fr .6fr 1fr .45fr;gap:20px}.landing .area-group{padding:0;border:0;background:transparent}.landing .area-group-head{margin-bottom:8px}.landing .area-btn{min-height:30px;padding:5px 8px;font-size:11px}.landing-state{margin:14px 0 0;min-height:17px;font-size:12px;color:var(--np-muted)}.landing-mobile-area{display:none}.landing-chart{height:350px;width:100%}.landing-results{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px 64px;padding:23px 0;border-top:1px solid var(--np-card-border);text-align:center}.landing-results>div{display:flex;flex-direction:column;gap:7px}.landing-results span{font-size:11px;color:var(--np-muted)}.landing-results strong{font:400 19px var(--font-display);color:var(--np-heading)}.landing-invitation{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:52px 0}.landing-invitation h2{font-size:30px}.landing-invitation p:last-child{margin:12px 0 0;color:var(--np-muted);font-size:14px;line-height:1.6;max-width:600px}.landing-footer{border-top:1px solid var(--np-card-border);padding:24px 0 32px;display:flex;justify-content:space-between;gap:20px;color:var(--np-muted);font-size:11px}.landing-footer nav{display:flex;gap:22px}.landing-footer a{color:var(--np-muted);text-decoration:none}@media (max-width: 900px){.landing{padding:0 24px}.landing .area-selector-groups{grid-template-columns:1.6fr 1fr}}@media (max-width: 600px){.landing{padding:0 16px}.landing-nav{min-height:74px}.landing-brand{font-size:14px;gap:8px}.landing-nav-links{gap:12px;font-size:11px}.landing-nav-links .landing-button{gap:8px}.landing-brand img{width:26px;height:26px}.landing-button-small{padding:9px 13px;font-size:12px}.landing-intro{padding:40px 0 28px}.landing h1{letter-spacing:-1.5px}.landing-replay{padding:19px 14px 0;border-radius:12px}.landing-chart-heading{align-items:flex-start;flex-direction:column;gap:14px}.landing h2{font-size:20px}.landing-window button{padding:6px 17px}.landing .area-selector-panel{display:none}.landing-mobile-area{display:flex;align-items:center;gap:15px;padding:16px 0;margin-top:16px;border-top:1px solid var(--np-card-border);border-bottom:1px solid var(--np-card-border);font-size:12px;color:var(--np-muted)}.landing-mobile-area select{min-width:0;flex:1;padding:10px;border-radius:6px;border:1px solid var(--np-control-border);color:var(--np-text);background:var(--np-control-surface);font:13px var(--font-ui)}.landing .area-selector-groups{gap:14px}.landing .area-group-grid{gap:4px}.landing-chart{height:300px}.landing-results{gap:14px 28px;padding:18px 0}.landing-results strong{font-size:15px}.landing-results span{font-size:10px}.landing-invitation{padding:34px 0;flex-direction:column;align-items:flex-start;gap:23px}.landing-invitation h2{font-size:27px}.landing-footer{flex-direction:column;gap:14px;line-height:1.6}}