:root {
  --color-bg: #ffffff;
  --color-text: #1d1d1f;
  --color-text-secondary: #6e6e73;
  --color-accent: #0071e3;
  --color-accent-hover: #0077ed;
  --color-section-alt: #f5f5f7;
  --color-border: #d2d2d7;
  --max-width: 1060px;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 5rem;
  --space-xl: 5rem;
  --space-2xl: 7rem;
  --radius: 14px;
  --radius-sm: 8px;
}
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-accent);text-decoration:none}
a:hover{color:var(--color-accent-hover)}
.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}
.section{padding:var(--space-xl) 0}
.section-alt{background:var(--color-section-alt)}
.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-sm)}
.section-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--color-text-secondary);max-width:640px;line-height:1.6}
.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:50px;font-size:1rem;font-weight:500;transition:all .2s;cursor:pointer;border:2px solid transparent}
.btn-primary{background:var(--color-accent);color:#fff}
.btn-primary:hover{background:var(--color-accent-hover);color:#fff}
.btn-outline{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}
.btn-outline:hover{background:var(--color-accent);color:#fff}
.text-center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}
@media(max-width:768px){body{font-size:16px}.section{padding:var(--space-lg) 0}}
.header{position:sticky;top:0;z-index:100;background:#ffffffdb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:48px}
.logo{display:flex;align-items:center}
.logo:hover{color:var(--color-text)}
.logo-img{display:block;height:48px;width:auto}
.nav-links{display:flex;gap:var(--space-md);list-style:none}
.nav-links a{font-size:.85rem;color:var(--color-text-secondary);transition:color .2s;letter-spacing:.01em}
.nav-links a:hover{color:var(--color-text)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.hamburger span{display:block;width:20px;height:1.5px;background:var(--color-text);border-radius:1px;transition:.3s}
@media(max-width:768px){.hamburger{display:flex}.nav-links{position:fixed;top:48px;left:0;right:0;background:#fffffffa;flex-direction:column;padding:var(--space-md);gap:var(--space-sm);transform:translateY(-120%);opacity:0;transition:.3s ease;pointer-events:none;border-bottom:1px solid var(--color-border)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{font-size:1.05rem;padding:var(--space-xs) 0}}
.footer{background:var(--color-section-alt);padding:var(--space-lg) 0 var(--space-md);border-top:1px solid var(--color-border)}
.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap}
.footer-logo{margin-bottom:6px}
.footer-logo-img{display:block;height:36px;width:auto}
.footer-tagline{font-size:.85rem;color:var(--color-text-secondary)}
.footer-links{display:flex;gap:var(--space-lg);flex-wrap:wrap}
.footer-links a{font-size:.82rem;color:var(--color-text-secondary);transition:color .2s}
.footer-links a:hover{color:var(--color-text)}
.footer-bottom{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-size:.78rem;color:var(--color-text-secondary)}
@media(max-width:480px){.footer-links{gap:var(--space-md)}.footer-grid{flex-direction:column}}