fix(landing): fit split-screen layout to single viewport

Use vh-based sizing so all content fits without scrolling
when window is in split-screen / square aspect ratio.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Glazlk

deploy/landing/index.html

@@ -118,39 +118,37 @@
 .bottom-links a:hover{color:#FF6600;text-shadow:0 0 0.5vw rgba(255,102,0,.8),0 0 1.5vw rgba(255,102,0,.4),0 0 3vw rgba(255,102,0,.15)}
 
 /* ── RESPONSIVE: split-screen (JS-driven via .narrow class) ── */
-html.narrow,html.narrow body{height:auto;overflow:auto}
-html.narrow .page{display:flex;flex-direction:column;height:auto;min-height:100vh}
-html.narrow .left,html.narrow .right{display:block;border-right:none}
+html.narrow,html.narrow body{height:100%;overflow:hidden}
+html.narrow .page{display:flex;flex-direction:column;height:100vh;overflow:hidden}
+html.narrow .left,html.narrow .right{display:flex;flex-direction:column;border-right:none;flex:1;min-height:0}
 html.narrow .left{border-bottom:1px solid var(--rule)}
-html.narrow .left-top,html.narrow .right-top{padding:28px 24px 16px;display:flex;flex-direction:column;grid-column:unset;grid-row:unset;border-right:none}
-html.narrow .label{margin-bottom:20px;font-size:15px;letter-spacing:4px}
-html.narrow .wm{font-size:clamp(40px,9vw,80px);letter-spacing:-2px;margin-bottom:16px}
-html.narrow .left-desc{font-size:14px;margin-bottom:18px;max-width:none}
-html.narrow .left-cta{font-size:13px;padding:12px 24px;gap:8px;letter-spacing:2px;margin-bottom:18px}
-html.narrow .left-cta svg{width:14px;height:14px}
-html.narrow .right-cta{font-size:13px;padding:12px 24px;letter-spacing:1px;margin-bottom:18px}
-html.narrow .cmds,html.narrow .pkgs{display:block}
+html.narrow .left-top,html.narrow .right-top{padding:1.2vh 20px 0.8vh;display:flex;flex-direction:column;grid-column:unset;grid-row:unset;border-right:none;flex:1;min-height:0}
+html.narrow .label{margin-bottom:auto;font-size:1.4vh;letter-spacing:3px}
+html.narrow .wm{font-size:clamp(28px,5.5vh,64px);letter-spacing:-1px;margin-bottom:0.8vh}
+html.narrow .left-desc{font-size:1.4vh;margin-bottom:0.8vh;max-width:none;line-height:1.4}
+html.narrow .left-cta{font-size:1.3vh;padding:0.6vh 16px;gap:6px;letter-spacing:1px;margin-bottom:0.6vh}
+html.narrow .left-cta svg{width:12px;height:12px}
+html.narrow .right-cta{font-size:1.3vh;padding:0.6vh 16px;letter-spacing:1px;margin-bottom:0.6vh}
+html.narrow .cmds,html.narrow .pkgs{display:block;flex-shrink:0}
 html.narrow .cmd,html.narrow .pkg{grid-column:unset;grid-row:unset;display:grid;border-top:1px solid var(--rule);border-right:none}
-html.narrow .cmd{grid-template-columns:160px 1fr}
-html.narrow .pkg{grid-template-columns:130px 1fr}
+html.narrow .cmd{grid-template-columns:130px 1fr}
+html.narrow .pkg{grid-template-columns:110px 1fr}
 html.narrow .cmd-empty{display:none}
-html.narrow .cmd-n{padding:0 16px;height:34px;font-size:13px;border-right:1px solid var(--rule)}
-html.narrow .cmd-d{padding:0 16px;height:34px;font-size:13px}
-html.narrow .pkg-n{padding:0 16px;height:34px;font-size:12px;letter-spacing:1px;border-right:1px solid var(--rule)}
-html.narrow .pkg-d{padding:0 16px;height:34px;font-size:13px}
-html.narrow .mid-title{grid-column:unset;grid-row:unset;padding:10px 20px;font-size:12px;letter-spacing:3px;border-top:1px solid var(--rule)}
-html.narrow .mid-bar{grid-column:unset;grid-row:unset;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule)}
-html.narrow .mid-cell{padding:10px 14px;font-size:11px;letter-spacing:1px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
-html.narrow .mid-cell:last-child{border-right:1px solid var(--rule)}
-html.narrow .mid-cell:nth-child(3n){border-right:none}
-html.narrow .mid-cell:nth-child(n+4){border-bottom:none}
-html.narrow .mid-val{font-size:14px;margin-bottom:2px}
-html.narrow .bottom{grid-column:unset;grid-row:unset;padding:0 20px;height:44px}
-html.narrow .bottom-brand{font-size:12px;gap:8px;letter-spacing:1px}
-html.narrow .bottom-brand img{width:18px;height:18px;border-radius:4px}
-html.narrow .bottom-slogan{display:none}
-html.narrow .bottom-links{gap:20px}
-html.narrow .bottom-links a{font-size:12px;letter-spacing:2px}
+html.narrow .cmd-n{padding:0 12px;height:2.8vh;font-size:1.3vh;border-right:1px solid var(--rule)}
+html.narrow .cmd-d{padding:0 12px;height:2.8vh;font-size:1.3vh}
+html.narrow .pkg-n{padding:0 12px;height:2.8vh;font-size:1.2vh;letter-spacing:1px;border-right:1px solid var(--rule)}
+html.narrow .pkg-d{padding:0 12px;height:2.8vh;font-size:1.3vh}
+html.narrow .mid-title{grid-column:unset;grid-row:unset;padding:0.5vh 16px;font-size:1.1vh;letter-spacing:3px;border-top:1px solid var(--rule);flex-shrink:0}
+html.narrow .mid-bar{grid-column:unset;grid-row:unset;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--rule);flex-shrink:0}
+html.narrow .mid-cell{padding:0.6vh 10px;font-size:1.1vh;letter-spacing:0;border-right:1px solid var(--rule)}
+html.narrow .mid-cell:last-child{border-right:none}
+html.narrow .mid-val{font-size:1.3vh;margin-bottom:1px}
+html.narrow .bottom{grid-column:unset;grid-row:unset;padding:0 16px;height:3.5vh;flex-shrink:0}
+html.narrow .bottom-brand{font-size:1.2vh;gap:6px;letter-spacing:1px}
+html.narrow .bottom-brand img{width:1.6vh;height:1.6vh;border-radius:3px}
+html.narrow .bottom-slogan{font-size:1.2vh;letter-spacing:1px}
+html.narrow .bottom-links{gap:16px}
+html.narrow .bottom-links a{font-size:1.2vh;letter-spacing:1px}
 
 /* ── RESPONSIVE: tablet ── */
 @media(max-width:1100px){