.temporary-landing{--ont-bg:#f5f2ea;--ont-surface:#faf8f1;--ont-surface-muted:#efebdd;--ont-border:#e1dcce;--ont-accent:#36496b;--ont-accent-soft:#b4c3e0;--ont-ink:#15181e;--ont-muted:#5a6170;--ont-danger:#b04a4a;--ont-success:#2f5d4a;--mono:"IBM Plex Mono", ui-monospace, monospace;--serif:"Fraunces", Georgia, serif;--sans:"Space Grotesk", system-ui, sans-serif;background:var(--ont-bg);color:var(--ont-ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100dvh;display:flex}@media (prefers-color-scheme:dark){.temporary-landing{--ont-bg:#0f1319;--ont-surface:#151a22;--ont-surface-muted:#1c2230;--ont-border:#2a3142;--ont-accent:#8ca3ce;--ont-accent-soft:#6b85b8;--ont-ink:#e7e2d3;--ont-muted:#8a93a3;--ont-danger:#e08080;--ont-success:#8ccab0}}.temporary-landing,.temporary-landing *,.temporary-landing :before,.temporary-landing :after{box-sizing:border-box}.temporary-landing .page-container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.temporary-landing .site-header{border-bottom:1px solid var(--ont-border);padding:28px 0}.temporary-landing main{flex:1;align-items:center;padding:80px 0;display:flex}.temporary-landing .site-footer{border-top:1px solid var(--ont-border);font-family:var(--mono);color:var(--ont-muted);text-transform:uppercase;letter-spacing:.06em;padding:24px 0;font-size:12px}.temporary-landing .ont-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.temporary-landing .ont-logo__word{font-family:var(--sans);letter-spacing:-.02em;color:var(--ont-ink);font-size:18px;font-weight:600;line-height:1}.temporary-landing .ont-logo__punctum{font-family:var(--serif);color:var(--ont-accent);margin-left:.02em;font-style:italic;font-weight:400}.temporary-landing .hero-inner{grid-template-columns:1.25fr 1fr;align-items:center;gap:56px;width:100%;display:grid}.temporary-landing .hero-text{flex-direction:column;gap:20px;display:flex}.temporary-landing .kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ont-muted);align-items:center;gap:10px;margin:0;font-size:12px;display:inline-flex}.temporary-landing .kicker .dot{background:var(--ont-accent);border-radius:999px;width:8px;height:8px;animation:2s ease-in-out infinite temporary-landing-pulse;display:inline-block;box-shadow:0 0 #36496b99}@keyframes temporary-landing-pulse{0%{box-shadow:0 0 #36496b8c}70%{box-shadow:0 0 0 12px #36496b00}to{box-shadow:0 0 #36496b00}}.temporary-landing .hero-title{font-family:var(--serif);color:var(--ont-ink);letter-spacing:-.01em;margin:0;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;line-height:1.08}.temporary-landing .hero-title .accent{color:var(--ont-accent);font-style:italic}.temporary-landing .hero-subtitle{color:var(--ont-muted);max-width:560px;margin:0;font-size:17px;line-height:1.6}.temporary-landing .hero-callout{font-family:var(--mono);color:var(--ont-muted);letter-spacing:.04em;margin:8px 0 0;font-size:12px}.temporary-landing .status-list{font-family:var(--mono);color:var(--ont-muted);flex-direction:column;gap:10px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.temporary-landing .status-list li{align-items:center;gap:12px;display:flex}.temporary-landing .status-list .tick{border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.temporary-landing .status-list .done .tick{background:var(--ont-success);color:#fff}.temporary-landing .status-list .doing .tick{background:var(--ont-surface-muted);border:2px solid var(--ont-accent)}.temporary-landing .status-list .doing .tick:after{content:"";background:var(--ont-accent);border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite temporary-landing-pulse-tiny}.temporary-landing .status-list .todo .tick{border:2px solid var(--ont-border);background:0 0}@keyframes temporary-landing-pulse-tiny{0%,to{opacity:.4}50%{opacity:1}}.temporary-landing .status-list .label-strong{color:var(--ont-ink)}.temporary-landing .hero-visual{justify-content:center;align-items:center;display:flex}.temporary-landing .hero-card{background:var(--ont-surface);border:1px solid var(--ont-border);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f}.temporary-landing .hero-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 14px,#36496b0a 14px 16px);position:absolute;inset:0}.temporary-landing .hc-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.temporary-landing .hc-kicker{font-family:var(--mono);color:var(--ont-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.temporary-landing .hc-stamp{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ont-accent);border:1.5px dashed var(--ont-accent);border-radius:6px;padding:4px 8px;font-size:10px;transform:rotate(-2deg)}.temporary-landing .hc-divider{background:repeating-linear-gradient(to right, var(--ont-border) 0 6px, transparent 6px 12px);height:1px}.temporary-landing .hc-title{font-family:var(--serif);color:var(--ont-ink);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.temporary-landing .hc-progress{flex-direction:column;gap:6px;display:flex}.temporary-landing .hc-progress-label{font-family:var(--mono);color:var(--ont-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-size:11px;display:flex}.temporary-landing .hc-bar{background:var(--ont-surface-muted);border-radius:999px;height:6px;overflow:hidden}.temporary-landing .hc-bar-fill{background:var(--ont-accent);border-radius:999px;width:68%;height:100%;animation:2.6s ease-in-out infinite alternate temporary-landing-grow}@keyframes temporary-landing-grow{0%{width:58%}to{width:78%}}.temporary-landing .hc-meta{font-family:var(--mono);color:var(--ont-muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-size:11px;display:flex}@media (width<=900px){.temporary-landing main{padding:56px 0}.temporary-landing .hero-inner{grid-template-columns:1fr;gap:40px}.temporary-landing .hero-visual{order:-1}}@media (width<=520px){.temporary-landing .hero-card{padding:22px}}@media (prefers-reduced-motion:reduce){.temporary-landing .kicker .dot,.temporary-landing .status-list .doing .tick:after,.temporary-landing .hc-bar-fill{animation:none}}
