:root{--color-primary:#2563eb;--color-green:#47f6ad;--color-black:#101620;--color-silver:#e6edf3;--color-azure:#61d0ff;--color-text:#101620;--color-text-secondary:#4e6a9a;--color-bg:#ffffff;--color-border:#e6edf3;--font-heading:'Space Grotesk', system-ui, sans-serif;--font-body:'Georgia', serif;--container-max-width:1100px}@import 'https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&display=swap';::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#2e3f5c}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:2px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 32px}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.05;color:var(--color-black);letter-spacing:-.05em}h1{font-size:64px;margin-bottom:2rem}h2{font-size:40px;margin-bottom:3rem}h3{font-size:24px;margin-bottom:1rem}h4{font-size:14px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:1.5rem}p{margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;padding:14px 28px;border-radius:0;transition:all .15s ease}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.btn-primary:hover{background:var(--color-green);border-color:var(--color-green);color:var(--color-black)}.btn-secondary{background:0 0;color:var(--color-black);border:1px solid var(--color-black)}.btn-secondary:hover{background:var(--color-black);color:#fff}section{padding:120px 0;border-bottom:1px solid var(--color-border)}.section-alt{background-color:var(--color-bg);border-bottom:1px solid var(--color-black)}header{border-bottom:1px solid var(--color-border);padding:16px 0;position:sticky;top:0;background:rgba(255,255,255,.98);backdrop-filter:blur(8px);z-index:1000}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--color-black);text-decoration:none;letter-spacing:-.02em}.logo img{height:40px;width:auto}.nav-toggle{display:none}.nav-toggle-label{display:none;cursor:pointer;padding:10px}.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{display:block;background:var(--color-black);height:2px;width:24px;border-radius:2px;position:relative;transition:all .3s ease-in-out}.nav-toggle-label span::before,.nav-toggle-label span::after{content:'';position:absolute}.nav-toggle-label span::before{bottom:8px}.nav-toggle-label span::after{top:8px}nav a{margin-left:32px;text-decoration:none;color:var(--color-black);font-family:var(--font-heading);font-size:14px;font-weight:500}nav a:hover{color:var(--color-primary)}.nav-github{color:var(--color-primary);font-size:20px;vertical-align:middle}.hero{padding:160px 0;background:var(--color-bg)}.hero h1{max-width:900px}.hero p{font-size:24px;color:var(--color-text-secondary);max-width:700px;margin-bottom:3rem;line-height:1.4}.curved-underline{position:relative;display:inline-block;color:inherit}.curved-underline::after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:10px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M3 5 Q 50 12 97 5' stroke='%2347f6ad' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;z-index:10;pointer-events:none}.definition-block{font-family:var(--font-body);font-size:32px;line-height:1.3;color:var(--color-black);max-width:900px;padding:60px 0;border-top:4px solid var(--color-green)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.grid-3>div{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:80px}.card{background:#fff;padding:48px;border:none;border-radius:0}.card:hover{background:#fafcfd}.card h3{font-size:20px;color:var(--color-black)}.badge{display:inline-block;background:var(--color-green);color:var(--color-black);padding:4px 12px;font-size:12px;font-weight:700;text-transform:uppercase;font-family:var(--font-heading);letter-spacing:.1em;margin-bottom:24px}footer{padding:100px 0;background:var(--color-black);color:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-logo-section .logo{color:#fff!important}.footer-logo-section p{margin-top:12px;color:var(--color-text-secondary);font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-heading);font-size:14px;font-weight:500}.footer-links a:hover{color:#fff}@media(max-width:1024px){.grid-3{grid-template-columns:1fr;border-left:none}.grid-3>div{border-left:1px solid var(--color-border)}}@media(max-width:768px){.grid-2{grid-template-columns:1fr}h1{font-size:40px}.hero{padding:100px 0}.definition-block{font-size:24px}.footer-inner{flex-direction:column;gap:40px;text-align:center}.footer-logo-section{display:flex;flex-direction:column;align-items:center}.footer-links{justify-content:center}.nav-toggle-label{display:flex;align-items:center;order:3}.logo{order:1}nav{position:absolute;top:100%;left:0;width:100%;background:#fff;border-bottom:1px solid var(--color-border);display:none;flex-direction:column;padding:20px 32px;z-index:1000;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}nav a{margin:12px 0;margin-left:0;font-size:18px}.nav-github{margin-top:8px}.nav-toggle:checked~nav{display:flex}.nav-toggle:checked~.nav-toggle-label span{background:0 0}.nav-toggle:checked~.nav-toggle-label span::before{transform:rotate(45deg);bottom:0}.nav-toggle:checked~.nav-toggle-label span::after{transform:rotate(-45deg);top:0}}