:root{--surely-blue-900: #0D1117;--surely-blue-500: #1C64F2;--surely-blue-300: #6B9BF7;--surely-blue-200: #C3DDFD;--surely-blue-50: #EBF2FF;--surely-gray-900: #0F172A;--surely-gray-700: #1E293B;--surely-gray-600: #475569;--surely-gray-500: #64748B;--surely-gray-300: #94A3B8;--surely-gray-200: #CBD5E1;--surely-gray-100: #E2E8F0;--surely-gray-50: #F7F8FA;--surely-gray-25: #FBFCFD;--surely-white: #FFFFFF;--surely-red-800: #D43831;--surely-red-600: #DC2626;--surely-red-100: #FEE2E2;--surely-green-800:#15803D;--surely-green-600:#16A34A;--surely-green-500:#10B981;--surely-green-150:#BBF7D0;--surely-green-100:#DCFCE7;--surely-amber-500:#A16207;--surely-purple-500:#7E3AF2;--surely-orange-600:#FF5A1F;--color-primary: var(--surely-blue-500);--color-primary-hover: #1558D6;--color-primary-active: #1246B0;--color-primary-fg: var(--surely-white);--color-primary-soft: var(--surely-blue-50);--color-primary-soft-fg: var(--surely-blue-500);--color-bg: var(--surely-gray-50);--color-surface: var(--surely-white);--color-surface-2: var(--surely-gray-50);--color-surface-inverse: var(--surely-blue-900);--color-fg: var(--surely-gray-900);--color-fg-muted: var(--surely-gray-600);--color-fg-subtle: var(--surely-gray-500);--color-fg-disabled: var(--surely-gray-200);--color-fg-on-inverse: var(--surely-white);--color-border: var(--surely-gray-100);--color-border-strong: var(--surely-gray-200);--color-border-subtle: var(--surely-gray-100);--color-divider: var(--surely-gray-100);--color-icon: var(--surely-gray-500);--color-icon-muted: var(--surely-gray-300);--color-icon-active: var(--surely-blue-500);--color-success: var(--surely-green-800);--color-success-soft: var(--surely-green-100);--color-warning: var(--surely-amber-500);--color-warning-soft: #FEF9C3;--color-danger: var(--surely-red-800);--color-danger-soft: var(--surely-red-100);--color-info: var(--surely-blue-500);--color-info-soft: var(--surely-blue-50);--status-pending: var(--surely-amber-500);--status-processing: var(--surely-blue-500);--status-review: var(--surely-purple-500);--status-gp-approval: var(--surely-orange-600);--status-completed: var(--surely-green-800);--status-rejected: var(--surely-red-800);--status-expired: var(--surely-gray-500);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--weight-extrabold: 800;--text-display: clamp(1.75rem, 1.4rem + 2vw, 2.75rem);--text-h1: clamp(2.375rem, 1.6rem + 3vw, 3.875rem);--text-h2: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);--text-h3: 1.125rem;--text-h4: 1rem;--text-body-lg: 1.0625rem;--text-body: 1rem;--text-body-sm: .875rem;--text-caption: .75rem;--text-overline: .625rem;--leading-tight: 1.1;--leading-snug: 1.3;--leading-base: 1.55;--leading-loose: 1.7;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .1em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-xs: 6px;--radius-sm: 7px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 18px;--radius-pill: 100px;--radius-full: 50%;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(28,100,242,.06);--shadow-sm: 0 4px 16px rgba(28,100,242,.07);--shadow-md: 0 6px 16px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(28,100,242,.35);--shadow-xl: 0 20px 48px rgba(15,23,42,.16);--shadow-focus: 0 0 0 3px rgba(28,100,242,.25);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: var(--surely-blue-500);--blue-dark: #1558D6;--blue-light: var(--surely-blue-50);--navy: var(--surely-blue-900);--body: var(--surely-gray-700);--muted: var(--color-fg-muted);--border: var(--surely-gray-100);--hero-bg: #EEF2FF;--teal-bg: #E8F7F4;--white: var(--surely-white);--gray-bg: var(--surely-gray-50);--green: var(--surely-green-500)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--body);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}nav{position:sticky;top:0;z-index:100;background:#eef2ffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(28,100,242,.08);padding:0 48px;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.nav-logo img{height:30px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:24px;list-style:none;position:absolute;left:50%;transform:translate(-50%)}.nav-links>li{position:relative}.nav-links a{color:var(--surely-gray-600);text-decoration:none;font-size:13.5px;font-weight:500;transition:color .2s;white-space:nowrap;display:flex;align-items:center;gap:4px}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--blue)}.nav-links>li>a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.nav-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(-6px);background:#fff;border-radius:8px;padding:4px 0;min-width:180px;box-shadow:0 6px 16px #00000014,0 3px 6px #0000000d,0 0 0 1px #0000000f;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1);z-index:200}.nav-links>li:hover .nav-dropdown,.nav-links>li:focus-within .nav-dropdown{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.nav-links>li>a:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px}.nav-dropdown-item{display:flex;align-items:center;gap:8px;padding:5px 12px;height:32px;font-size:14px;font-weight:400;color:#000000e0;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s;border-radius:0}.nav-dropdown-item:hover{background:#0000000a;color:#000000e0}.nav-dropdown-item:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.nav-dropdown-item.disabled{color:#00000040;cursor:not-allowed;pointer-events:none}.nav-dropdown-item.danger{color:#ff4d4f}.nav-dropdown-item.danger:hover{background:#fff1f0;color:#ff4d4f}.dropdown-caret{width:10px;height:10px;transition:transform .2s cubic-bezier(.23,1,.32,1);opacity:.45;flex-shrink:0}.nav-links>li:hover .dropdown-caret{transform:rotate(180deg);opacity:.88}.nav-cta{display:flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;padding:8px 18px;border-radius:7px;transition:background .2s,transform .2s;font-family:inherit;text-decoration:none;white-space:nowrap}.nav-cta:hover{background:var(--blue-dark);transform:translateY(-1px)}.nav-cta:active{transform:translateY(0)}.nav-cta:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn-primary{background:var(--blue);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;padding:13px 26px;border-radius:9px;transition:background .25s,transform .25s,box-shadow .25s;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #1c64f240}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px #1c64f24d}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #1c64f240}.btn-primary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn-ghost{background:#fff;color:var(--body);border:1.5px solid rgba(28,100,242,.2);font-size:14px;font-weight:500;cursor:pointer;padding:12px 22px;border-radius:9px;transition:border-color .2s,color .2s;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.btn-ghost:active{background:var(--blue-light)}.btn-ghost:focus-visible{outline:3px solid var(--blue);outline-offset:3px}footer{background:var(--hero-bg);border-top:1px solid rgba(28,100,242,.1);padding:72px 48px 40px}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(28,100,242,.1);margin-bottom:32px}.footer-logo{margin-bottom:16px;display:block}.footer-logo img{height:26px;width:auto;display:block}.footer-desc{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:24px}.footer-col h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);margin-bottom:20px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-col a{display:inline-block;padding:4px 0;font-size:13.5px;color:var(--muted);text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--blue)}.footer-col a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:12px;color:var(--color-fg-muted)}.nav-hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s}.nav-hamburger:hover{background:#1c64f214}.nav-hamburger:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--surely-gray-600);border-radius:2px;transition:transform .25s,opacity .25s;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#eef2fff7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(28,100,242,.1);padding:12px 24px 20px;flex-direction:column;gap:2px;z-index:99}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{display:block;color:var(--surely-gray-600);text-decoration:none;font-size:15px;font-weight:500;padding:11px 8px;border-radius:8px;transition:background .15s,color .15s}.nav-mobile-menu a:hover{background:#1c64f212;color:var(--blue)}.nav-mobile-menu .nav-mobile-divider{height:1px;background:#1c64f214;margin:6px 0}.nav-mobile-menu .nav-mobile-cta{margin-top:8px;background:var(--blue);color:#fff;text-align:center;font-weight:600;border-radius:9px;padding:13px}.nav-mobile-menu .nav-mobile-cta:hover{background:var(--blue-dark);color:#fff}.sticky-cta{position:fixed;bottom:24px;right:24px;z-index:90;display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:14px 22px;border-radius:100px;font-size:14px;font-weight:600;font-family:inherit;text-decoration:none;box-shadow:0 10px 30px #1c64f259;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),background .2s}.sticky-cta.visible{opacity:1;pointer-events:all;transform:translateY(0)}.sticky-cta:hover{background:var(--blue-dark)}.sticky-cta:active{transform:translateY(0) scale(.97)}.sticky-cta:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sticky-cta svg{width:14px;height:14px;flex-shrink:0}.section-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}.integration-card{background:#fff;border:1px solid rgba(28,100,242,.12);border-radius:12px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px;transition:border-color .2s,box-shadow .2s,transform .2s}.integration-card:hover{border-color:#1c64f24d;box-shadow:0 4px 16px #1c64f212;transform:translateY(-2px)}.integration-card.upcoming{border-style:dashed;opacity:.8}.integration-card.upcoming:hover{opacity:1}.int-icon{width:48px;height:48px;flex-shrink:0;background:#fff;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.int-icon img{width:40px;height:40px;object-fit:contain}.int-icon svg{width:20px;height:20px;color:var(--blue)}.int-body{display:flex;flex-direction:column;gap:3px;min-width:0}.int-name{font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.01em;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.int-badge{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:2px 6px;border-radius:100px;flex-shrink:0}.int-badge.live{background:#dcfce7;color:#15803d}.int-badge.upcoming{background:#fef9c3;color:#a16207}.int-badge.certified{background:var(--blue-light);color:var(--blue)}.int-desc{font-size:12.5px;line-height:1.55;color:var(--muted)}@media(max-width:1000px){nav{padding:0 24px}.nav-links{display:none}.nav-hamburger{display:flex}#navDesktopCta{display:none}footer{padding:60px 24px 32px}.footer-top{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:600px){.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.sticky-cta{bottom:16px;right:16px;min-width:44px;min-height:44px;padding:15px;justify-content:center}.sticky-cta .sticky-cta-label{display:none}}