body{letter-spacing:0;color:var(--ink);background:var(--page-soft-bg);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:15px;line-height:1.95}.landing{place-items:center;width:min(1120px,100% - 36px);min-height:100vh;margin-inline:auto;padding:clamp(30px,6vw,64px) 0;display:grid}.login-shell{gap:clamp(22px,3.5vw,38px);width:100%;display:grid}.landing-top{grid-template-columns:minmax(0,.95fr) minmax(320px,.82fr);align-items:center;gap:clamp(22px,4vw,44px);display:grid}.brand-block{text-align:left;justify-items:start;gap:10px;display:grid}.meta-label{color:var(--accent-dark);letter-spacing:0;text-transform:none;margin:0;font-size:11px;font-weight:500;line-height:1.4}.brand-block h1{color:var(--ink);letter-spacing:0;word-break:keep-all;margin:0;font-size:clamp(52px,8vw,92px);font-weight:500;line-height:.95}.brand-tagline{max-width:38rem;color:var(--ink);margin:0;font-size:clamp(17px,2.2vw,24px);font-weight:500;line-height:1.65}.trust-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.trust-row span{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));border-radius:var(--radius-sm);background:var(--accent-soft);min-height:32px;color:var(--accent-dark);align-items:center;padding:.35rem .7rem;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.product-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-bg) 96%, transparent), var(--panel-bg)), var(--panel-bg);box-shadow:var(--shadow-lg);gap:16px;padding:clamp(18px,3vw,28px);display:grid;position:relative;overflow:hidden}.product-preview:before{content:"";border-top:4px solid var(--accent);pointer-events:none;position:absolute;inset:0}.preview-topline,.preview-cues{color:var(--muted);letter-spacing:0;align-items:center;gap:.6rem;font-size:12px;font-weight:500;display:flex;position:relative}.preview-topline strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-size:22px}.live-dot{background:var(--clock-danger);width:9px;height:9px;box-shadow:0 0 0 4px var(--danger-soft);border-radius:50%}.preview-clock{place-items:center;min-height:272px;display:grid;position:relative}.preview-ring{aspect-ratio:1;background:conic-gradient(var(--clock-warn) 0 72%, var(--line) 72% 100%);width:min(250px,72vw);box-shadow:inset 0 0 0 16px color-mix(in srgb, var(--panel-bg) 92%, transparent);border-radius:50%;position:absolute}.preview-clock strong,.preview-clock small{position:relative}.preview-clock strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,72px);font-weight:600;line-height:1}.preview-clock small{color:var(--muted);font-size:13px;font-weight:500}.preview-cues{flex-wrap:wrap}.preview-cues span{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--pale);color:var(--ink);padding:.42rem .65rem;line-height:1.4}.login-card-note{color:var(--muted);margin:-4px 0 0;font-size:12px;line-height:1.6}.login-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;display:grid}.login-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-raised);min-height:100%;box-shadow:var(--shadow-sm);gap:16px;padding:26px;display:grid}.featured-card{border-color:color-mix(in srgb, var(--accent) 26%, var(--line))}.card-heading{gap:4px;display:grid}.login-card h2{color:var(--ink);letter-spacing:0;margin:0;font-size:20px;font-weight:500;line-height:1.55}.login-card label{gap:8px}.login-card label>span{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px;font-weight:500;line-height:1.4}.login-card input{border-radius:var(--radius-sm);height:62px;min-height:62px;padding-block:0;font-size:16px}.login-card input::placeholder{color:#9aa6b5;opacity:1}.login-card button{border-radius:var(--radius-sm);min-height:62px;padding:10px 20px;font-weight:500;transition:background .18s,border-color .18s,color .18s}#viewer-form{gap:18px;padding:30px}#viewer-form h2{font-size:22px}#viewer-form input,#viewer-form button{min-height:68px}#viewer-code{text-align:center;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:38px;font-weight:500;line-height:1}.status{min-height:1.4em;color:var(--muted);font-size:13px;line-height:1.7}.demo-link-wrap{text-align:left;margin:-8px 0 0}.demo-link-wrap a{color:var(--accent-dark);font-size:13px;font-weight:500;text-decoration:none}.demo-link-wrap a:hover{color:var(--accent-dark);text-decoration:underline}.usage-guide{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--panel-bg) 90%, transparent);box-shadow:var(--shadow-sm);gap:16px;margin-top:-16px;padding:24px 26px;display:grid}.usage-guide h2{color:var(--ink);margin:0;font-size:17px;font-weight:500;line-height:1.55}.usage-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.usage-steps article{align-content:start;gap:8px;min-width:0;display:grid}.usage-steps span{background:var(--solid-bg);width:26px;height:26px;color:var(--solid-fg);border-radius:999px;place-items:center;font-size:12px;font-weight:500;line-height:1;display:grid}.usage-steps h3{color:var(--ink);margin:0;font-size:14px;font-weight:500;line-height:1.55}.usage-steps p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}@media (width<=720px){.landing{width:min(100%,100% - 28px)}.login-shell{flex-direction:column;display:flex}.landing-top,.login-grid{display:contents}.brand-block{text-align:center;order:1;justify-items:center}.trust-row{justify-content:center}.product-preview{order:3}#viewer-form{order:2}#login-form{order:4}.demo-link-wrap{order:5}.usage-guide{order:6}.theme-toggle-wrap{order:7}.preview-clock{min-height:224px}.login-grid{grid-template-columns:1fr}.login-card{padding:22px}.login-card button{white-space:normal;width:100%}.demo-link-wrap{text-align:center;margin-top:-8px}.usage-guide{padding:22px}.usage-steps{grid-template-columns:1fr}}.theme-toggle-wrap{text-align:center;margin:-12px 0 0}