:root{--green: #4DC882;--green-600: #36B26C;--green-700: #258755;--green-dark: #2FA366;--green-edge: #2FA366;--ink: #1A1A1A;--secondary: #4A4A4A;--tertiary: #7A7A7A;--quaternary: #A8A8A2;--surface: #FFFFFF;--surface-1: #F8FAF9;--surface-2: #F0F4F2;--border-1: #D9E2DD;--border-2: #E8EDE9;--cyan: #06B6D4;--cyan-light: #67E8F9;--cyan-tint: rgba(6,182,212,.1);--indigo: #6366F1;--indigo-light: #A5B4FC;--indigo-tint: rgba(99,102,241,.1);--wash-green: #EDFDF4;--green-text: #1A6B40;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--font-display: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--shadow-card: 0 8px 32px rgba(0,0,0,.06);--shadow-pop: 0 18px 50px rgba(20,40,30,.16);--max: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-body);color:var(--secondary);background:var(--surface);font-size:16px;line-height:1.65}::selection{background:#4dc88238}.kc{-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1;cursor:pointer;font-family:var(--font-display);font-weight:700;border-style:solid;border-width:0 0 var(--kc-depth, 3px) 0;border-bottom-color:var(--kc-edge, transparent);background:var(--kc-bg, transparent);color:var(--kc-fg, inherit);-webkit-user-select:none;user-select:none;transition:transform 80ms ease-out,border-bottom-width 80ms ease-out,background-color .15s ease-out,box-shadow .15s ease-out;will-change:transform;text-decoration:none}.kc:focus{outline:none}.kc:hover{transform:translateY(-1px);border-bottom-width:calc(var(--kc-depth, 3px) + 1px);background:var(--kc-bg-hover, var(--kc-bg, transparent))}.kc:active{transform:translateY(2px);border-bottom-width:1px;background:var(--kc-bg-active, var(--kc-bg-hover, var(--kc-bg)));transition-duration:40ms,40ms,.15s,.15s}.kc:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--kc-ring, rgba(77,200,130,.5))}.kc-lg{--kc-depth: 4px;height:52px;padding:0 30px;font-size:16px;border-radius:12px}.kc-md{--kc-depth: 3px;height:44px;padding:0 22px;font-size:15px;border-radius:10px}.kc-primary{--kc-bg: #4DC882;--kc-bg-hover: #4DC882;--kc-bg-active: #36B26C;--kc-fg: #0F4D2D;--kc-edge: #2FA366;--kc-ring: rgba(47,163,102,.5)}.kc-secondary{--kc-bg: #FFFFFF;--kc-bg-hover: #F8FAF9;--kc-bg-active: #F0F4F2;--kc-fg: #1A1A1A;--kc-edge: #C4CCC7;--kc-ring: rgba(122,122,122,.35);box-shadow:inset 0 1.5px #d9e2dd,inset 1.5px 0 #d9e2dd,inset -1.5px 0 #d9e2dd}.field-label{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--secondary);margin-bottom:6px;display:block}.input,.select{width:100%;height:44px;font-family:var(--font-body);font-size:14px;color:var(--ink);background:#fff;border:1.5px solid var(--border-1);border-radius:var(--r-md);padding:0 14px;outline:none;transition:border-color .16s,box-shadow .16s}.input::placeholder{color:var(--quaternary)}.input:focus,.select:focus{border-color:var(--green);box-shadow:0 0 0 3px #4dc8822e}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237A7A7A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:40px}.bar-track{height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}.bar-fill{height:100%;width:0;border-radius:6px;transition:width .95s cubic-bezier(.16,1,.3,1)}.bar-cyan{background:linear-gradient(90deg,#06b6d4,#67e8f9)}.bar-indigo{background:linear-gradient(90deg,#6366f1,#a5b4fc)}.bar-neutral{background:linear-gradient(90deg,#aeb9b3,#d2dbd6)}.divider{display:flex;align-items:center;justify-content:center;gap:8px;padding:28px 0}.divider span{width:6px;height:6px;border-radius:50%;background:var(--border-1)}.reveal.armed{opacity:0;transform:translateY(22px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal.armed.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal.armed{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.hscroll::-webkit-scrollbar{height:6px}.hscroll::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:999px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.pricing-grid .pricing-card{margin-top:14px}@media (max-width: 900px){.hero-grid,.form-grid{grid-template-columns:1fr!important;gap:40px!important}.hero-grid>div:last-child,.form-grid>div:last-child{justify-self:stretch!important}.mat-grid{grid-template-columns:1fr!important}.pricing-grid{grid-template-columns:1fr!important;max-width:420px;margin:0 auto}.pricing-card--rec{order:-3}.pricing-grid .pricing-card:nth-child(2){order:-2}.pricing-grid .pricing-card:nth-child(1){order:-1}}@media (max-width: 768px){.stats-row{flex-direction:column!important;gap:28px!important}.stats-row .stat-div{width:60px!important;height:1px!important}.test-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin:0 -22px;padding:4px 22px 14px}.test-grid>figure{flex:0 0 84%;scroll-snap-align:start}.form-grid>div:last-child{max-width:100%!important}}:root{--blue: #3B82F6;--blue-tint: #EFF6FF;--violet: #8B5CF6;--violet-tint: #F3F0FF;--amber-bg: #FFFBEB;--amber-edge: #F5B400;--amber-text: #92400E;--red-bg: #FEF2F2;--red-edge: #EF4444;--red-text: #991B1B;--nav-h: 64px}html{scroll-padding-top:120px}.toc-bar{position:sticky;top:var(--nav-h);z-index:25;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-2)}.toc-link{position:relative;font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--tertiary);text-decoration:none;padding:15px 0;white-space:nowrap;transition:color .18s}.toc-link:hover,.toc-link.active{color:var(--green-700)}.toc-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green);border-radius:2px}.toc-dot{width:4px;height:4px;border-radius:50%;background:var(--border-1);flex:none}.tl{position:relative}.tl-spine{position:absolute;top:8px;bottom:30px;left:50%;width:2px;transform:translate(-50%);background:var(--border-1)}.tl-row{display:grid;grid-template-columns:1fr 56px 1fr;align-items:stretch}.tl-mid{position:relative;display:flex;justify-content:center}.tl-node{width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--green);margin-top:6px;z-index:2;box-shadow:0 0 0 5px #fff}.tl-card{background:#fff;border:1px solid var(--border-2);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-card);position:relative}.tl-card.left{border-left:3px solid var(--cyan)}.tl-card.right{border-left:3px solid var(--indigo)}.tl-connector{position:absolute;top:14px;height:2px;width:28px;background:var(--border-1)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);position:relative;flex:none}.pulse-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--green);animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(2.6);opacity:0}to{opacity:0}}@media (max-width: 860px){.tl-spine,.tl-mid{display:none}.tl-heads{display:none!important}.tl-row{display:flex!important;flex-direction:column;gap:14px}.tl-row>div{justify-content:stretch!important;padding:0 0 14px!important}.tl-row>div>div{max-width:100%!important}.tl-connector{display:none}.score-bar{flex-direction:column!important;height:auto!important}.score-bar>div{width:100%!important;height:44px!important}.scfacts{grid-template-columns:1fr 1fr!important}.step-row{gap:14px!important}.nav-links{display:none!important}}@media (max-width: 560px){.scfacts{grid-template-columns:1fr!important}.summary-bar{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.summary-bar .sb-div{display:none!important}}@keyframes spin{to{transform:rotate(360deg)}}
