:root{font-family:DM Sans,-apple-system,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#f5f5f7;background:linear-gradient(180deg,#0d0f1e,#121428);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text: #f5f5f7;--color-text-muted: rgba(255, 255, 255, .72);--color-body: #cbd5e0;--color-bg: #0d0f1e;--color-bg-elevated: rgba(255, 255, 255, .06);--color-bg-card: rgba(255, 255, 255, .06);--color-panel-bg: #161c28;--color-border: rgba(255, 255, 255, .1);--color-panel-border: rgba(99, 179, 237, .22);--color-accent: #0a84ff;--color-accent-hover: #409cff;--color-heading: #63b3ed;--color-accent-soft: rgba(99, 179, 237, .15);--space-unit: .25rem;--space-1: calc(var(--space-unit) * 2);--space-2: calc(var(--space-unit) * 4);--space-3: calc(var(--space-unit) * 6);--space-4: calc(var(--space-unit) * 8);--space-5: calc(var(--space-unit) * 12);--space-6: calc(var(--space-unit) * 16);--radius-sm: 8px;--radius-md: 12px;--radius-app: 14px;--radius-lg: 16px;--touch-min: 44px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-width:320px;min-height:100vh}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;top:var(--space-1);left:var(--space-1);z-index:100;padding:var(--space-1) var(--space-2);background:var(--color-text);color:var(--color-bg);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);text-decoration:none;transform:translateY(-120%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}a{color:var(--color-accent);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}::selection{background:var(--color-accent-soft);color:var(--color-text)}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.site-header{position:sticky;top:0;z-index:10;background:#0d0f1eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.site-header-inner{max-width:960px;margin:0 auto;padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.site-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em;text-decoration:none}.site-logo:hover{color:var(--color-text);text-decoration:none}.site-logo img{display:block;width:32px;height:32px;object-fit:contain;border-radius:8px}.site-nav{display:flex;align-items:center;gap:var(--space-4)}.site-nav a{font-size:.9375rem;color:var(--color-text-muted);text-decoration:none;padding:var(--space-1) 0}.site-nav a:hover{color:var(--color-text);text-decoration:none}.main{flex:1;display:flex;flex-direction:column}.how,.values{scroll-margin-top:4rem}.hero{padding:var(--space-6) var(--space-3) var(--space-5);text-align:center;max-width:640px;margin:0 auto}.hero-brand{display:inline-flex;align-items:center;justify-content:center;gap:16px;margin-bottom:var(--space-4)}.hero-logo{display:block;width:60px;height:60px;object-fit:contain;flex-shrink:0}.hero-brand h1{font-size:clamp(1.75rem,4vw,2rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em;line-height:1.2}.hero .tagline{font-size:1.125rem;color:var(--color-text-muted);margin:0 0 var(--space-4);line-height:1.6;max-width:42ch;margin-left:auto;margin-right:auto}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:54px;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-app);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease,transform .1s ease;text-decoration:none}.cta-primary{background:var(--color-accent);color:#fff}.cta-primary:hover{background:var(--color-accent-hover);text-decoration:none}.cta-primary:active{transform:scale(.98)}.cta-secondary{background:#ffffff0f;color:var(--color-heading);border:1px solid var(--color-panel-border)}.cta-secondary:hover{background:#63b3ed1a;border-color:#63b3ed59;color:var(--color-heading);text-decoration:none}.cta-secondary:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.cta{transition:none}.cta:active{transform:none}}.feature-section{padding:var(--space-6) var(--space-3)}.feature-section.how{background:linear-gradient(180deg,#0f1119,#0d0f1e);border-top:1px solid var(--color-border)}.feature-section.how .feature-section-inner{max-width:720px;margin:0 auto}.feature-section-inner{max-width:960px;margin:0 auto}.section-label{font-size:.75rem;font-weight:600;color:var(--color-heading);text-transform:uppercase;letter-spacing:.08em;text-align:center;margin:0 0 var(--space-2);opacity:.95}.section-title{font-size:1.75rem;font-weight:700;color:var(--color-text);text-align:center;margin:0 0 var(--space-2);letter-spacing:-.02em}.section-intro{font-size:1.0625rem;color:var(--color-body);text-align:center;margin:0 0 var(--space-5);line-height:1.65;max-width:52ch;margin-left:auto;margin-right:auto}.feature-panel{padding:2.5rem 2rem;background:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:20px;margin-top:var(--space-5);box-shadow:0 4px 24px #00000040}.feature-grid{display:grid;gap:2.5rem}.feature-grid-how{grid-template-columns:1fr 1fr;margin-bottom:2.5rem}@media(max-width:640px){.feature-grid-how{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.feature-panel{padding:1.75rem 1.5rem;border-radius:16px}}.feature-block h3{font-size:1.0625rem;font-weight:600;color:var(--color-heading);margin:0 0 var(--space-2);letter-spacing:-.01em}.feature-block p{font-size:.9375rem;color:var(--color-body);margin:0;line-height:1.7;max-width:65ch}.feature-block-full{margin-bottom:0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.feature-block-full p{max-width:none}.feature-list{margin:0;padding:0;list-style:none;font-size:.9375rem;color:var(--color-body);line-height:1.7}.feature-list li{position:relative;padding-left:1.5rem;margin-bottom:1rem;max-width:60ch}.feature-list li:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--color-heading);opacity:.8}.feature-list li:last-child{margin-bottom:0}.feature-list strong{color:var(--color-text);font-weight:600}.feature-cta-wrap{margin:2.5rem 0 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}.feature-section.values{background:var(--color-bg);border-top:1px solid var(--color-border)}.feature-grid-values{grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}@media(max-width:768px){.feature-grid-values{grid-template-columns:1fr}}.value-card{padding:2rem;background:var(--color-panel-bg);border-radius:16px;border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:flex-start}.value-card:hover{background:#1a2232;border-color:var(--color-panel-border);box-shadow:0 4px 20px #0003}@media(prefers-reduced-motion:reduce){.value-card{transition:none}}.value-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-3);color:var(--color-heading);background:var(--color-accent-soft);border-radius:var(--radius-md)}.value-icon svg{width:24px;height:24px}.value-card h3{font-size:1.0625rem;font-weight:600;color:var(--color-heading);margin:0 0 var(--space-2);letter-spacing:-.01em}.value-card p{font-size:.9375rem;color:var(--color-body);margin:0;line-height:1.65}.footer{margin-top:auto;padding:var(--space-5) var(--space-3);text-align:center;font-size:.875rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.footer p{margin:0 0 var(--space-2)}.back-to-top{display:inline-block;font-size:.875rem;color:var(--color-text-muted);text-decoration:none;min-height:var(--touch-min);line-height:var(--touch-min);padding:0 var(--space-2)}.back-to-top:hover{color:var(--color-accent);text-decoration:none}@media(max-width:480px){.site-header-inner{padding:var(--space-2) var(--space-2)}.hero-brand{gap:12px}.hero-logo{width:48px;height:48px}.hero{padding:var(--space-5) var(--space-2) var(--space-4)}.how,.values{padding:var(--space-5) var(--space-2)}.value-card{padding:var(--space-3)}}