*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:inherit;font-size:inherit;line-height:inherit}:root{--space-xs: 8px;--space-s: 16px;--space-m: 24px;--space-l: 48px;--space-xl: 96px;--font-s: 14px;--font-m: 16px;--font-l: 24px;--font-xl: 40px}body{margin:0;background-color:var(--surface-primary);color:var(--text-context);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--font-m);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-command);font-weight:500;margin:0}h1{font-size:clamp(40px,4.5vw,60px);line-height:1.05;letter-spacing:-.025em;margin-bottom:var(--space-m)}h2{font-size:1.4rem;line-height:1.2;margin-bottom:.75rem}h3{font-size:1.1rem;line-height:1.3;margin-bottom:.5rem}p,li,span{color:var(--text-context)}p,li{margin:0 0 var(--space-s);max-width:720px;line-height:1.6}a{color:var(--accent-commit);text-decoration:none}main,section,.page,.container{background-color:transparent}ul,ol{padding-left:1.2em}#app{display:block}.system-bar{height:56px;border-bottom:1px solid var(--border-muted);background:linear-gradient(180deg,#0b0c0e,var(--surface-primary));display:flex;align-items:center}.site-header{position:sticky;top:0;z-index:1000;isolation:isolate;background:linear-gradient(180deg,#0b0c0ef2,#0b0c0ed9);-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #ffffff0a,0 12px 24px #00000059}.header-inner{max-width:1200px;margin:0 auto;padding:10px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.brand a{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-command);font-weight:600;text-decoration:none}.brand{font-weight:600;letter-spacing:.08em;color:var(--text-command);white-space:nowrap}.main-nav{display:flex;justify-content:center;gap:24px}.main-nav a{font-size:13px;color:#fff9;text-decoration:none;padding-bottom:2px;position:relative}.main-nav a:hover{color:var(--text-command);text-decoration:none}.main-nav a:hover:after{content:none}.main-nav a.active{color:var(--text-command);box-shadow:inset 0 -1px 0 var(--accent-commit)}.lang-switch{display:flex;gap:12px}.lang-switch a{font-size:14px;color:var(--text-annotation);text-decoration:none}.lang-switch a:hover{color:var(--text-command)}.lang-switch button{background:none;border:none;font-size:12px;letter-spacing:.08em;padding:2px 4px;color:var(--text-annotation);cursor:pointer}.lang-switch button:hover{color:var(--text-command);text-decoration:underline}.lang-switch button.active{color:var(--accent-commit)}.system-bar .lang-switch a{background:transparent;border:none;color:var(--text-annotation);font-size:13px;padding:4px 6px;cursor:pointer}.system-bar .lang-switch a:hover{color:var(--text-command);text-decoration:underline}.system-bar .lang-switch a.active{color:var(--accent-commit)}.system-bar a{color:var(--text-annotation);text-decoration:none;font-size:14px;letter-spacing:.02em}.system-bar a:hover{color:var(--text-command)}.system-bar a.active{color:var(--accent-commit)}.brand strong{font-weight:500;letter-spacing:.02em;color:var(--text-command)}.site-footer{padding:var(--space-m);border-top:1px solid var(--border-muted);border-bottom:none;margin-top:auto;background:var(--surface-secondary)}.footer-nav a{margin-right:var(--space-s);font-size:var(--font-s);color:var(--text-context)}.footer-nav a:hover{color:var(--text-command)}.system-definition{font-size:17px;line-height:1.5;font-weight:500;margin-top:8px;margin-bottom:20px;background:linear-gradient(180deg,#e6ecf5,#9fb4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.system-statement{font-size:14px;line-height:1.6;color:#ffffff8c;letter-spacing:.02em}.page{padding:48px var(--space-m) 56px;background:linear-gradient(180deg,#ffffff05,#fff0);animation:page-enter .18s ease-out}.page-header{max-width:1200px;margin:0 auto 32px;padding:48px 0 32px;position:relative;border-bottom:1px solid rgba(255,255,255,.04)}.page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 300px at 20% 0%,rgba(90,120,255,.12),transparent 60%);pointer-events:none;z-index:-1}.page-header h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.15;margin-bottom:12px;background:linear-gradient(90deg,#fff,#c7d2fe 40%,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.page-header p,.page-header .hero-subtext{font-size:1.05rem;line-height:1.55;color:#c7d2fe;max-width:720px;margin-bottom:12px}.home-orientation{max-width:720px;margin-bottom:28px}.home-decisions{display:grid;gap:16px;margin-top:32px}.decision-block{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);padding:20px 24px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff05,0 0 #0000;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.decision-block.primary{background:#4c7cff0f;border-color:#4c7cff59}.decision-block.active{background:linear-gradient(180deg,#4c7cff24,#4c7cff0f),var(--surface-inset);border-color:var(--accent-commit)}.decision-block:hover{background:#4c7cff1a;border-color:var(--accent-commit);transform:translateY(-1px)}.decision-block:hover,.decision-block.active{box-shadow:inset 0 0 0 1px #ffffff0a,0 6px 16px #00000059}.decision-block h2{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin-bottom:6px;color:#f1f5ff}.decision-block p{font-size:14.5px;line-height:1.45;color:var(--text-context);margin:0}.decision-block a{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;font-size:14px;font-weight:500;color:#cfe0ff;text-decoration:none;border-radius:6px;border:1px solid rgba(76,124,255,.35);background:linear-gradient(180deg,#4c7cff1f,#4c7cff0a);box-shadow:0 0 #4c7cff00;transition:background .2s ease,box-shadow .25s ease,transform .15s ease}.decision-block a:hover{background:linear-gradient(180deg,#4c7cff2e,#4c7cff14);box-shadow:0 0 12px #4c7cff59;transform:translateY(-1px)}.decision-block a:active{transform:translateY(0);box-shadow:0 0 6px #4c7cff40}.decision-block>*+*{margin-top:6px}.case-card{background:linear-gradient(180deg,#ffffff05,#fff0),var(--surface-inset);border:1px solid rgba(255,255,255,.06);padding:20px 24px;border-radius:8px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.case-card:hover{border-color:var(--accent-commit);background:linear-gradient(180deg,#4c7cff0f,#4c7cff05),var(--surface-inset);transform:translateY(-1px)}.case-card.active{border-color:var(--accent-commit);background:linear-gradient(180deg,#4c7cff1f,#4c7cff0a),var(--surface-inset)}.case-card h2{font-size:1rem;font-weight:600;margin-bottom:6px;letter-spacing:-.01em;color:var(--text-command)}.case-card p{font-size:.9rem;line-height:1.55;color:#ffffffa6;margin:0}.case-card>*+*{margin-top:6px}.cases-list{display:grid;gap:16px}#app{min-height:100vh;display:block;position:relative;z-index:0}.app-content{position:relative;z-index:1;display:block}.site-header{position:sticky;top:0;z-index:5}.page,.home-orientation,.home-decisions{position:relative;z-index:1}@media(hover:hover)and (pointer:fine){.decision-block:hover{background:#4c7cff1a;border-color:var(--accent-commit);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff0a,0 6px 16px #00000059}.decision-block a:hover{background:linear-gradient(180deg,#4c7cff2e,#4c7cff14);box-shadow:0 0 12px #4c7cff59;transform:translateY(-1px)}.case-card:hover{border-color:var(--accent-commit);background:linear-gradient(180deg,#4c7cff0f,#4c7cff05),var(--surface-inset);transform:translateY(-1px)}}@media(hover:none),(pointer:coarse){.decision-block:hover{background:linear-gradient(180deg,#ffffff08,#ffffff03)!important;border-color:#ffffff0f!important;transform:none!important;box-shadow:inset 0 0 0 1px #ffffff05,0 0 #0000!important}.decision-block a:hover{background:linear-gradient(180deg,#4c7cff1f,#4c7cff0a)!important;box-shadow:0 0 #4c7cff00!important;transform:none!important}.case-card:hover{background:linear-gradient(180deg,#ffffff05,#fff0),var(--surface-inset)!important;border-color:#ffffff0f!important;transform:none!important}}.home-orientation:after{content:"";display:block;height:1px;margin:24px 0 32px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}@keyframes page-enter{0%{opacity:.96;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}body{background:radial-gradient(1200px 600px at 20% -10%,rgba(76,124,255,.06),transparent 40%),linear-gradient(180deg,#0b0c0e,#0e1116);min-height:100vh;margin:0}@media(max-width:768px){.header-inner{padding:10px 16px;gap:16px}.brand{font-size:12px;letter-spacing:.12em}.main-nav{display:none}.lang-switch{gap:8px}.page-header{margin-bottom:20px;padding:32px 0 24px}.page-header h1{font-size:28px;line-height:1.15;margin-bottom:12px}.page-header p{font-size:14px;line-height:1.45;max-width:90%;margin-bottom:20px}.home-decisions{gap:16px}.decision-block{padding:16px}.decision-block h2{font-size:18px;margin-bottom:6px}.decision-block p{font-size:14px;line-height:1.4}.decision-block a{padding:6px 12px;font-size:13px}.page{padding:24px 16px 32px}.case-card{padding:16px}.case-card h2{font-size:16px;margin-bottom:4px}.case-card p{font-size:13px;line-height:1.4}.system-bar{height:48px;padding:0 16px}.site-footer{padding:20px 16px}.decision-block:hover,.case-card:hover{transform:none!important}.home-orientation:after{margin:20px 0 24px}}@media(max-width:480px){.page-header h1{font-size:26px}.decision-block h2{font-size:16px}.decision-block p{font-size:13px}.brand,.lang-switch a,.lang-switch button{font-size:11px}}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-command);font-size:12px;letter-spacing:.14em;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s ease}.mobile-menu-toggle:hover{background-color:#ffffff0d}@media(max-width:768px){.mobile-menu-toggle{display:block}.main-nav{display:none;flex-direction:column;gap:16px;padding:16px 0;position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#0b0c0efa,#0b0c0eeb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 12px 24px #00000059;z-index:1001}.main-nav.is-open{display:flex}.main-nav a{font-size:14px;padding:12px 24px;color:#ffffffb3;transition:color .2s ease,background-color .2s ease}.main-nav a:hover{color:var(--text-command);background-color:#ffffff08}.main-nav a.active{color:var(--text-command);background-color:#4c7cff14;box-shadow:inset 4px 0 0 var(--accent-commit)}.header-inner{grid-template-columns:auto 1fr auto;align-items:center}.main-nav:not(.is-open){display:none}}@media(max-width:480px){.mobile-menu-toggle{font-size:11px;padding:6px 10px}.main-nav a{font-size:13px;padding:10px 20px}}:root{--surface-primary: #0e0f11;--surface-secondary: #161a20;--surface-inset: #1a1d22;--border-muted: rgba(255,255,255,.08);--border-active: rgba(255,255,255,.24);--text-command: #ffffff;--text-context: rgba(255,255,255,.82);--text-annotation: rgba(255,255,255,.58);--accent-commit: #4c7cff;--bg-main: var(--surface-primary);--bg-soft: var(--surface-secondary);--text-main: var(--text-command);--text-muted: var(--text-context);--accent: var(--accent-commit);--border-soft: var(--border-muted);--color-accent: var(--accent);--color-accent-soft: rgba(95, 140, 255, .1)}p{color:var(--text-context);margin-top:0;margin-bottom:1em}a{color:var(--accent-commit);text-decoration:none;transition:text-decoration .2s ease}a:hover{text-decoration:underline}.page-footer a,.case-actions a{font-weight:500}.case-card,.decision-block,.platform-block,.contact-option{border:1px solid var(--border-muted);background:var(--surface-secondary);border-radius:8px;padding:1.5rem;transition:background-color .2s ease,border-color .2s ease}.case-card:hover,.decision-block:hover{background:#5f8cff0d;border-color:var(--accent-commit)}.site-header{background:var(--surface-primary);border-bottom:1px solid var(--border-muted);position:sticky;top:0;z-index:20;padding:1rem 0}.brand{font-weight:600;letter-spacing:.02em;color:var(--text-command);font-size:1.25rem}.site-footer{background:var(--surface-primary);border-top:1px solid var(--border-muted);padding:2rem 0}h1,h2,h3,h4,h5,h6{color:var(--text-command);font-weight:600;margin-top:0;margin-bottom:.5em;line-height:1.2}h1{letter-spacing:-.01em;font-size:2.5rem;max-width:900px}h2{letter-spacing:-.01em;font-size:2rem}.page-header p{max-width:640px;font-size:1.125rem;line-height:1.6;color:var(--text-context)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:3rem 0}.section-sm{padding:1.5rem 0}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;text-align:center;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--accent-commit);color:#fff}.btn-primary:hover{background-color:#4066d9;text-decoration:none}.btn-outline{background-color:transparent;border-color:var(--border-muted);color:var(--text-command)}.btn-outline:hover{background-color:#4c7cff1a;border-color:var(--accent-commit);text-decoration:none}ul,ol{color:var(--text-context);padding-left:1.5rem}li{margin-bottom:.5rem}blockquote{border-left:4px solid var(--accent-commit);padding-left:1.5rem;margin-left:0;font-style:italic;color:var(--text-command)}hr{border:none;height:1px;background-color:var(--border-muted);margin:2rem 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.section{padding:2rem 0}.case-card,.decision-block,.platform-block,.contact-option{padding:1rem}}.page-header h1{font-size:2rem;margin-bottom:.5rem}.page-header p{color:var(--text-context)}.case-card,.platform-section{background:var(--surface-secondary);border-radius:6px}.hero,.home-orientation{max-width:720px;margin-left:0;margin-right:auto}.hero.centered,.home-orientation.centered{max-width:720px;margin-left:80px}.hero h1{max-width:720px}.hero p{max-width:560px;margin-top:24px;font-size:18px;line-height:1.5;color:#b8c0cc}
