*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:IBM Plex Sans,-apple-system,sans-serif;background:#10141a;color:#dfe2eb;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}:root{--bg: #10141a;--surface: #1c2026;--surface-hi: #262a31;--surface-low: #181c22;--teal: #70d8c8;--teal-deep: #32a192;--teal-dark: #005048;--gold: #eec058;--text: #dfe2eb;--text-sec: #bcc9c5;--text-dim: #879390;--outline: rgba(223,226,235,.08);--radius: 24px;--radius-sm: 16px;--max: 1200px}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#10141acc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #0000004d;padding:16px 32px}.nav-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:24px}.nav-logo{height:34px;width:auto}.nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin-left:24px;flex:1 1 auto}.nav-links a{color:var(--text);font-size:.875rem;font-weight:500;position:relative;transition:color .15s}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:center;transition:transform .15s ease-out}.nav-links a:hover{color:var(--teal)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.is-active{color:var(--teal)}.nav-links a.is-active:after{transform:scaleX(1)}.nav-cta{background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:var(--teal-dark);font-weight:700;font-size:.875rem;padding:10px 24px;border-radius:999px;transition:transform .15s ease-out,box-shadow .15s ease-out}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 15px #70d8c866}.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--outline);border-radius:12px;background:#1c2026b8;color:var(--text);cursor:pointer;padding:0;transition:border-color .15s,background .15s,transform .15s}.nav-toggle:hover{border-color:#70d8c859;background:#262a31d6;transform:translateY(-1px)}.nav-toggle-lines{display:flex;flex-direction:column;gap:4px}.nav-toggle-lines span{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease;transform-origin:center}main{flex:1;padding-top:96px;position:relative;z-index:1}footer{background:var(--bg);border-top:1px solid var(--outline);padding:56px 32px 36px;position:relative;z-index:1}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px}.footer-logo{height:28px;width:auto;margin-bottom:12px}.footer-tagline{font-size:.85rem;color:var(--text-sec);line-height:1.6;font-style:italic}.footer-links-row{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.footer-links-row a{font-size:.82rem;color:var(--text-dim);transition:color .15s}.footer-links-row a:hover{color:var(--teal)}.footer-copy{font-size:.75rem;color:#4a4f5a}.footer-right{text-align:right}.footer-app-link{font-size:.85rem;color:var(--text-sec)}.footer-app-link a{color:var(--teal);font-weight:600}.footer-app-link a:hover{text-decoration:underline}@media (max-width: 768px){nav{position:sticky;top:0;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px}.nav-inner{gap:12px;flex-wrap:wrap}.nav-logo{height:28px}.nav-cta{padding:8px 12px;font-size:.78rem}.nav-actions{margin-left:auto}.nav-toggle{display:inline-flex}.nav-links{display:none;flex:0 0 100%;margin:0;padding:14px 2px 6px;flex-direction:column;align-items:flex-start;gap:14px}nav[data-menu-open=true] .nav-links{display:flex}nav[data-menu-open=true] .nav-toggle-lines span:nth-child(1){transform:translateY(6px) rotate(45deg)}nav[data-menu-open=true] .nav-toggle-lines span:nth-child(2){opacity:0}nav[data-menu-open=true] .nav-toggle-lines span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}main{padding-top:0}.footer-inner{flex-direction:column}.footer-right{text-align:left}}
