@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css");:root{--color-bg:#fdf9f6;--color-surface:#f5eee8;--color-surface-deep:#ede0d4;--color-brand:#c0644a;--color-brand-hover:#a8513b;--color-text-primary:#3b1f15;--color-text-secondary:#6b3d2b;--color-text-tertiary:#9c6b58;--color-border:#e0cebd;--color-border-strong:#c8a896;--color-tag-fill:#f0c9b5;--color-tag-text:#6b3d2b;--color-success:#2d6a4f;--color-success-bg:#d8f3dc;--color-warning:#9c6000;--color-warning-bg:#fff3cd;--color-danger:#a32d2d;--color-danger-bg:#fcebeb;--color-sos-bg:#1a0a05;--color-sos-surface:#2e1408;--color-sos-accent:#ff6b47;--color-sos-text:#fdf9f6;--color-sos-text-secondary:#d4a898;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--font-display:"DM Serif Display",Georgia,serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--color-bg);font-family:var(--font-body);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2{color:var(--color-text-primary)}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.15}h1{font-size:2.75rem}h2{font-size:2rem;line-height:1.2}h3{font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1.4;color:var(--color-text-primary)}p{margin:0}a{color:inherit;text-decoration:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--color-brand);color:var(--color-bg);border:none;border-radius:var(--radius-pill);padding:12px 24px;font-family:var(--font-body);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:var(--color-brand-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background:transparent;color:var(--color-brand);border:1.5px solid var(--color-brand);border-radius:var(--radius-pill);padding:11px 24px;font-family:var(--font-body);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.btn-secondary:hover{background:#faece7}.btn-sos{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--color-sos-accent);color:var(--color-sos-bg);border:none;border-radius:var(--radius-pill);padding:18px 32px;font-family:var(--font-body);font-size:1.0625rem;font-weight:500;letter-spacing:.02em;cursor:pointer}.card{background:var(--color-bg);border:.5px solid var(--color-border)}.card,.card-surface{border-radius:var(--radius-md);padding:20px}.card-surface{background:var(--color-surface)}input,select,textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-primary);outline:none;width:100%;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(192,100,74,.15)}input::-moz-placeholder{color:var(--color-text-tertiary)}input::placeholder{color:var(--color-text-tertiary)}.tag{padding:var(--space-xs) var(--space-sm);background:var(--color-tag-fill);color:var(--color-tag-text);border-radius:var(--radius-pill)}.badge,.tag{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:500;letter-spacing:.04em}.badge{padding:2px 8px;border-radius:var(--radius-sm)}.badge-demo{background:var(--color-tag-fill);color:var(--color-tag-text)}.badge-mvp{background:var(--color-success-bg);color:var(--color-success)}.badge-simulated{background:var(--color-warning-bg);color:var(--color-warning)}.badge-future{background:var(--color-border);color:var(--color-text-secondary)}.badge-safe{background:var(--color-success-bg);color:var(--color-success)}.badge-risk{background:var(--color-danger-bg);color:var(--color-danger)}.pill{display:inline-flex;align-items:center;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:14px;color:var(--color-text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.pill.selected{background:var(--color-brand);color:var(--color-bg);border-color:var(--color-brand)}.pill:hover:not(.selected){background:var(--color-surface-deep)}.nav-sticky{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:.5px solid var(--color-border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);height:64px;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:var(--space-sm);font-weight:500;color:var(--color-text-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-size:14px;color:var(--color-text-secondary);transition:color .15s ease}.nav-link.active,.nav-link:hover{color:var(--color-brand)}.nav-link.active{font-weight:500}.nav-cta{display:flex;align-items:center;gap:var(--space-sm)}.nav-cta .btn-primary,.nav-cta .btn-secondary{padding:8px 16px;font-size:14px}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.nav-drawer{display:none;position:fixed;top:64px;left:0;right:0;background:var(--color-bg);border-bottom:.5px solid var(--color-border);padding:var(--space-lg);flex-direction:column;gap:var(--space-md)}.nav-drawer.open{display:flex}.nav-drawer .nav-link{font-size:16px;padding:var(--space-sm) 0}.nav-drawer-cta{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);border-top:.5px solid var(--color-border);margin-top:var(--space-sm)}@media (max-width:639px){.nav-links{display:none}.nav-hamburger{display:block}.nav-cta{display:none}h1{font-size:2rem}h2{font-size:1.5rem}}.section,.section-surface{padding:var(--space-3xl) 0}.section-surface{background:var(--color-surface)}.section-deep{background:var(--color-surface-deep);padding:var(--space-3xl) 0}@media (max-width:639px){.section{padding:var(--space-2xl) 0}}.container{max-width:1200px}.container,.container-narrow{margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:680px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2,.grid-3{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width:1023px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){.grid-2,.grid-3{grid-template-columns:1fr}}.icon-container{width:44px;height:44px;background:var(--color-tag-fill);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.icon-container i{font-size:20px;color:var(--color-brand)}.icon-28{font-size:28px}.icon-22{font-size:22px}.icon-16{font-size:16px}.footer{background:var(--color-text-primary);color:var(--color-sos-text-secondary);padding:var(--space-2xl) 0}.footer a{color:var(--color-tag-fill);transition:color .15s ease}.footer a:hover{color:var(--color-bg)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-col h4{color:var(--color-bg);font-weight:500;margin-bottom:var(--space-md)}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:var(--space-sm);font-size:14px}.footer-bottom{border-top:1px solid var(--color-text-secondary);padding-top:var(--space-lg);font-size:12px;color:var(--color-text-tertiary)}@media (max-width:639px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.app-shell{min-height:100vh}.app-shell,.app-topbar{background:var(--color-bg)}.app-topbar{height:52px;border-bottom:.5px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);position:sticky;top:0;z-index:50}.app-topbar-title{font-size:15px;font-weight:500;color:var(--color-text-primary)}.app-bottomnav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--color-bg);border-top:.5px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;z-index:50}.app-bottomnav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);color:var(--color-text-tertiary);cursor:pointer;min-width:44px;min-height:44px;justify-content:center}.app-bottomnav-item i{font-size:20px}.app-bottomnav-item span{font-size:11px}.app-bottomnav-item.active{color:var(--color-brand)}.app-content{padding-bottom:calc(64px + var(--space-lg))}@media (max-width:639px){.app-content{padding:var(--space-md);padding-bottom:calc(64px + var(--space-lg))}}.demo-banner{background:var(--color-warning-bg);color:var(--color-warning);font-size:12px;text-align:center;padding:8px var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.sos-active{background:var(--color-sos-bg);color:var(--color-sos-text)}.sos-surface{background:var(--color-sos-surface);border-radius:var(--radius-lg);padding:var(--space-lg)}.sos-text{color:var(--color-sos-text)}.sos-text-secondary{color:var(--color-sos-text-secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.status-safe{background:var(--color-success-bg);color:var(--color-success)}.status-caution,.status-safe{font-size:11px;padding:2px 8px;border-radius:var(--radius-sm)}.status-caution{background:var(--color-warning-bg);color:var(--color-warning)}.ti{vertical-align:middle}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}::-moz-selection{background:var(--color-tag-fill);color:var(--color-text-primary)}::selection{background:var(--color-tag-fill);color:var(--color-text-primary)}.privacy-notice{background:var(--color-bg);border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}