:root{--color-bg:#0a0a0f;--color-surface:#13131a;--color-border:#ffffff14;--color-text:#f0f0f5;--color-text-muted:#8888a0;--color-accent:#3b6fe8;--color-accent-hover:#2f5fd4;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-jakarta:"Plus Jakarta Sans", system-ui, sans-serif;--font-pixel:"Pixelify Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--container-width:1200px;--container-narrow:680px;--nav-height:80px;--radius-sm:6px;--radius-md:12px;--radius-lg:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}img,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container-width);padding-inline:var(--space-md);margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:4rem}.section--compact{padding-block:var(--space-md)}#nav{z-index:100;position:fixed;inset-block-start:1rem;inset-inline:1.5rem}.nav-inner{max-width:var(--container-width);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:1.5rem;margin-inline:auto;padding:.625rem 1.25rem .625rem 1.5rem;display:flex;box-shadow:0 4px 24px #00000014}.nav-logo{font-family:var(--font-pixel);color:#1e1e1e;white-space:nowrap;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-logo-img{flex-shrink:0;width:28px;height:28px}.nav-links{flex:1;justify-content:center;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{font-family:var(--font-jakarta);color:#1e1e1e;border-radius:10px;padding:.375rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s;display:block}.nav-links a:hover{background:#f0f0f0}.btn{align-items:center;gap:var(--space-xs);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;text-align:center;border:1px solid #0000;border-radius:16px;font-weight:600;transition:background .2s,border-color .2s,opacity .2s;display:inline-flex}.btn--sm{padding:.375rem .875rem;font-size:.875rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover)}.btn--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn--ghost:hover{border-color:#ffffff40}#hero{min-height:100svh;padding-top:calc(var(--nav-height) + 2rem);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding-bottom:5rem;display:flex;position:relative}.hero-badge-wrap{flex-direction:column;align-items:center;display:flex}#hero-lottie{z-index:0;flex-shrink:0;width:120px;height:100px;margin-bottom:-35px;position:relative;overflow:hidden}#hero-lottie *{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.hero-badge{color:#303030;font-family:var(--font-jakarta);white-space:nowrap;z-index:1;background:#c1d5ff;border-radius:49px;justify-content:center;align-items:center;padding:5px 10px;font-size:1rem;font-weight:500;line-height:normal;display:inline-flex;position:relative}.hero-copy{max-width:860px;padding-inline:2rem}.hero-headline{font-family:var(--font-jakarta);letter-spacing:-.03em;color:#1e1e1e;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1}.hero-sub{font-family:var(--font-jakarta);color:#555;margin-top:1rem;font-size:clamp(1rem,1.5vw,1.375rem);font-weight:400;line-height:1.55}.hero-mascots{justify-content:center;align-items:flex-end;gap:clamp(1.5rem,3vw,4rem);width:100%;max-width:1600px;height:clamp(280px,28vw,380px);margin-top:-2rem;padding-inline:2rem;display:flex;overflow:hidden}.mascot-wrap{transform-origin:bottom;will-change:transform;cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:0;transition:transform .4s ease-in;display:flex}.hero-mascot-lg{aspect-ratio:2/3;width:clamp(200px,18vw,280px);display:block}.mascot-name{font-family:var(--font-jakarta);white-space:nowrap;opacity:0;background:linear-gradient(135deg, color-mix(in srgb, var(--mc) 80%, #000) 0%, var(--mc) 45%, color-mix(in srgb, var(--mc) 60%, #fff) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;line-height:1;transition:opacity .15s}@keyframes mascot-name-in{0%{opacity:0;letter-spacing:.2em;transform:translateY(10px)scale(.75)}to{opacity:1;letter-spacing:0;transform:translateY(0)scale(1)}}.mascot-wrap:hover .mascot-name{animation:.4s cubic-bezier(.22,1,.36,1) forwards mascot-name-in}.hero-cta-bar{background:#fff;border-radius:26px;width:min(636px,100% - 4rem);padding:1.625rem 2rem;box-shadow:0 6px 10px 4px #0000000d}.hero-cta-inner{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-cta-prompt{font-family:var(--font-jakarta);color:#595959;text-align:left;flex:1;min-width:0;font-size:1rem}.hero-cta-action{flex-shrink:0;padding:.75rem 1.25rem;font-size:.9375rem}.hero-tape{background-color:var(--color-accent);background-image:repeating-linear-gradient(-60deg,#0000 0 20px,#ffffff12 20px 24px);padding-block:.875rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -1px #ffffff40,0 -4px 16px #3b6fe838}.hero-tape-track{white-space:nowrap;will-change:transform;display:flex}.hero-tape-strip{font-family:var(--font-jakarta);text-transform:uppercase;letter-spacing:.09em;color:#fff;flex-shrink:0;align-items:center;gap:1.25rem;padding-inline:1.25rem;font-size:.8rem;font-weight:700;display:inline-flex}.tape-sep{opacity:.55;flex-shrink:0;font-size:.5rem}#about{color:#1e1e1e;background:#fff}.about-centered{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.about-pill{color:#303030;font-family:var(--font-jakarta);background:#fff;border-radius:49px;padding:5px 14px;font-size:.9rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f}.about-centered .about-title{color:#1e1e1e;margin-bottom:0}.about-desc{font-family:var(--font-jakarta);color:#555;margin:0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7}.about-stats{grid-template-columns:repeat(4,1fr);align-items:start;gap:2.5rem;margin-top:3.5rem;padding-block:1.5rem 3rem;display:grid}.about-stat-wrap{position:relative}.about-stat-card{z-index:1;background:#fff;border:none;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000014,0 8px 20px #00000014}.about-stat-card:before{content:"";background:var(--strip);flex-shrink:0;height:48px;display:block}.about-stat-card--yellow{--strip:#e8503b;--accent:#8c2e1a}.about-stat-card--blue{--strip:#e8a23b;--accent:#7a4b0d}.about-stat-card--green{--strip:#e8457a;--accent:#8b1a46}.about-stat-card--pink{--strip:#00c2a8;--accent:#005c4d}.about-stat-body{flex-direction:column;flex:1;gap:.25rem;padding:1.375rem 1.5rem 2rem;display:flex}.about-stat-value{font-family:var(--font-jakarta);letter-spacing:-.03em;color:#1e1e1e;font-size:clamp(2rem,3vw,2.75rem);font-weight:800;line-height:1;display:block}.about-stat-label{font-family:var(--font-jakarta);text-transform:uppercase;letter-spacing:.07em;color:#1e1e1e;margin-bottom:.875rem;font-size:.75rem;font-weight:700;display:block}.about-stat-desc{font-family:var(--font-jakarta);color:#555;margin:0;font-size:.875rem;line-height:1.6}@media (width<=900px){.about-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.about-stats{grid-template-columns:1fr}}.section-title{letter-spacing:-.02em;margin-bottom:var(--space-md);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.section-sub{color:var(--color-text-muted);margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-md)}.mascot-section{color:#1e1e1e;background:#fff}.mascot-section-inner{flex-direction:column;align-items:flex-start;gap:3rem;display:flex}.mascot-section-copy{flex-direction:column;gap:1.25rem;display:flex}.mascot-section-pill{font-family:var(--font-jakarta);border-radius:49px;align-self:flex-start;align-items:center;padding:5px 14px;font-size:.875rem;font-weight:700;display:inline-flex}.mascot-section-pill--aria{color:#e8503b;background:#fceae7}.mascot-section-pill--alto{color:#c47d18;background:#fcf4e7}.mascot-section-title{font-family:var(--font-jakarta);letter-spacing:-.03em;color:#1e1e1e;max-width:720px;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1}.mascot-section-body{align-items:flex-end;gap:3rem;width:100%;display:flex}.mascot-section-info{flex-direction:column;flex:1;gap:1.25rem;min-width:0;display:flex}.mascot-info-desc{font-family:var(--font-jakarta);color:#555;font-size:1rem;line-height:1.7}.mascot-info-label{font-family:var(--font-jakarta);color:#1e1e1e;font-size:.9rem;font-weight:700}.mascot-checks-table{border-collapse:collapse;width:100%;font-family:var(--font-jakarta);font-size:.875rem}.mascot-checks-table th,.mascot-checks-table td{text-align:left;color:#444;border-bottom:1px solid #ebebeb;padding:.5rem .875rem}.mascot-checks-table th{color:#1e1e1e;background:#f7f7f7;border-bottom-color:#e0e0e0;font-weight:700}.mascot-checks-table td:first-child,.mascot-checks-table th:first-child{color:#999;width:2rem}.mascot-checks-table td:last-child,.mascot-checks-table th:last-child{font-variant-numeric:tabular-nums;width:4rem}.mascot-checks-table code{font-family:var(--font-mono);color:#333;background:#f0f0f0;border-radius:4px;padding:.1em .35em;font-size:.8em}.mascot-section-blob{aspect-ratio:1;border-radius:62% 38% 46% 54%/44% 58% 42% 56%;flex-shrink:0;width:clamp(380px,42vw,560px);animation:8s ease-in-out infinite blob-morph;position:relative}@keyframes blob-morph{0%{border-radius:62% 38% 46% 54%/44% 58% 42% 56%}25%{border-radius:45% 55% 60% 40%/55% 40% 60% 45%}50%{border-radius:55% 45% 38% 62%/58% 44% 56% 42%}75%{border-radius:40% 60% 52% 48%/42% 56% 44% 58%}to{border-radius:62% 38% 46% 54%/44% 58% 42% 56%}}.mascot-section-blob--aria{background:#fad9d4}.mascot-section-blob--alto{background:#faebd4}.mascot-section-blob--alto .mascot-section-canvas{bottom:10%;left:42%}.mascot-section-body--reverse{flex-direction:row-reverse}.mascot-section-inner--sided{flex-direction:row;align-items:flex-end;gap:3rem}.mascot-section-side{flex-direction:column;flex:1;gap:2rem;min-width:0;display:flex}.mascot-section-canvas{aspect-ratio:2/3;width:75%;display:block;position:absolute;bottom:2%;left:60%;transform:translate(-50%)}.checks-section{color:#1e1e1e;background:#fff}.checks-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.checks-pill{color:#303030;font-family:var(--font-jakarta);background:#fff;border-radius:49px;padding:5px 14px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f}.checks-title{font-family:var(--font-jakarta);letter-spacing:-.03em;color:#1e1e1e;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:800;line-height:1.1}.checks-desc{font-family:var(--font-jakarta);color:#555;max-width:540px;margin:0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7}.checks-table{border-collapse:separate;border-spacing:0;width:100%;font-family:var(--font-jakarta);font-size:.9rem}.checks-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:#4a4a4a;background:#f7f7f7;border-bottom:none;padding:.625rem 1rem;font-size:.75rem;font-weight:700}.checks-table thead th:first-child{border-radius:8px 0 0 8px}.checks-table thead th:last-child{border-radius:0 8px 8px 0}.checks-table td{color:#2a2a2a;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:.625rem 1rem}.checks-table .checks-group:hover td{background:color-mix(in srgb, var(--gc) 14%, #fff)}.col-num{width:3rem}.col-wcag{font-variant-numeric:tabular-nums;width:5rem}.checks-table td:first-child,.checks-table td:last-child{color:#4a4a4a;font-size:.8rem}.checks-table code{font-family:var(--font-mono);color:#333;background:#f0f0f0;border-radius:4px;padding:.1em .35em;font-size:.8em}.checks-table tr:has(+.checks-group) td{border-bottom:none}.checks-group td{background:color-mix(in srgb, var(--gc) 8%, #fff);border-bottom:none;border-radius:8px;padding:.75rem 1rem}.checks-group-name{color:color-mix(in srgb, var(--gc) 55%, #000);font-size:.875rem;font-weight:700}.check-type{vertical-align:middle;white-space:nowrap;border-radius:4px;margin-right:.5em;padding:.15em .45em;font-size:.7rem;font-weight:700;display:inline-block}.check-type--warning{color:#c47d18;background:#e8a23b26}.check-type--info{color:#3b6fe8;background:#3b6fe81f}.checks-group-cat{color:#4a4a4a;margin-left:.625rem;font-size:.775rem;font-weight:500}.feedback-section{color:#1e1e1e;padding-bottom:var(--space-xl);background:#fff}.feedback-inner{flex-direction:column;align-items:center;display:flex}.feedback-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.feedback-pill{color:#303030;font-family:var(--font-jakarta);background:#fff;border-radius:49px;padding:5px 14px;font-size:.9rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f}.feedback-title{font-family:var(--font-jakarta);letter-spacing:-.03em;color:#1e1e1e;margin:0;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:800;line-height:1.1}.feedback-sub{font-family:var(--font-jakarta);color:#555;margin:0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7}.feedback-wrap{flex-direction:column;gap:2.5rem;width:100%;max-width:700px;display:flex}.feedback-form{flex-direction:column;gap:1.25rem;width:100%;display:flex}.feedback-form[hidden]{display:none}.feedback-field{flex-direction:column;gap:.5rem;display:flex}.feedback-field--hidden{display:none}.feedback-label-row{justify-content:space-between;align-items:center;display:flex}.feedback-label{font-family:var(--font-jakarta);color:#1e1e1e;font-size:.9375rem;font-weight:700}.feedback-input,.feedback-textarea{width:100%;font-family:var(--font-jakarta);color:#1e1e1e;background:#fafafa;border:1.5px solid #e2e2e2;border-radius:14px;outline:none;padding:.875rem 1rem;font-size:.9375rem;transition:border-color .15s,background .15s}.feedback-input::placeholder,.feedback-textarea::placeholder{color:#b0b0b0}.feedback-input:focus,.feedback-textarea:focus{background:#fff;border-color:silver}.feedback-textarea{resize:vertical;min-height:130px}.feedback-textarea-wrap{position:relative}.feedback-char-count{font-family:var(--font-jakarta);color:#767676;pointer-events:none;font-size:.75rem;position:absolute;bottom:.75rem;right:1rem}.feedback-stars{gap:.5rem;width:100%;display:flex}.star-card{cursor:pointer;background:#fff;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;height:68px;padding:0;transition:background .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.star-card:hover{transform:scale(1.06)}.star-card svg{fill:#d8d8d8;width:32px;height:32px;transition:fill .15s}.star-card.is-lit svg{fill:#f5a623}.feedback-type-toggle{background:#f2f2f2;border-radius:12px;gap:4px;padding:4px;display:flex}.feedback-type-opt{cursor:pointer;flex:1}.feedback-type-opt input[type=radio]{opacity:0;width:0;height:0;position:absolute}.feedback-type-opt span{font-family:var(--font-jakarta);color:#595959;-webkit-user-select:none;user-select:none;border-radius:9px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:flex}.feedback-type-opt input[type=radio]:checked+span{color:#1e1e1e;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.feedback-anon{cursor:pointer;align-items:center;gap:.625rem;display:flex}.feedback-anon input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #d0d0d0;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:border-color .15s,background .15s;position:relative}.feedback-anon input[type=checkbox]:checked{background:#3b6ff5;border-color:#3b6ff5}.feedback-anon input[type=checkbox]:checked:after{content:"";background:radial-gradient(circle,#fff 35%,#0000 36%);position:absolute;inset:0}.feedback-anon span{font-family:var(--font-jakarta);color:#1e1e1e;font-size:.9375rem}.feedback-actions{flex-direction:column;gap:.75rem;display:flex}.feedback-submit{border-radius:12px;justify-content:center;width:100%;padding:.75rem 1.75rem;font-size:.9375rem}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-status{font-family:var(--font-jakarta);margin:0;font-size:.875rem}.feedback-status--success{color:#00875a}.feedback-status--error{color:#c0392b}.feedback-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0 2rem;animation:.5s cubic-bezier(.22,1,.36,1) both feedback-in;display:flex}.feedback-success[hidden]{display:none}@keyframes feedback-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.feedback-success-img{object-fit:contain;width:200px;height:200px}.feedback-success-title{font-family:var(--font-jakarta);letter-spacing:-.02em;color:#1e1e1e;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800}.feedback-success-sub{font-family:var(--font-jakarta);color:#666;margin:0;font-size:1rem}.peep-mascot{z-index:200;pointer-events:none;width:clamp(220px,20vw,320px);height:clamp(330px,30vw,480px);position:fixed;bottom:0;right:6vw}#cta-banner{padding-top:var(--space-sm);padding-bottom:var(--space-xl);background:#fff}.cta-banner-inner{text-align:center;background-color:#fff;background-image:url(/banner_img.svg);background-position:bottom;background-repeat:no-repeat;background-size:100%;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;max-width:1260px;margin-inline:auto;padding:2rem 2rem 8%;display:flex;overflow:hidden;box-shadow:0 4px 32px #00000012}.cta-banner-body{z-index:1;flex-direction:column;align-items:center;gap:.875rem;max-width:640px;padding-bottom:1.25rem;display:flex;position:relative}.cta-banner-title{font-family:var(--font-jakarta);color:#1e1e1e;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.2}.cta-banner-sub{font-family:var(--font-jakarta);color:#555;margin:0;font-size:1rem;line-height:1.6}.cta-banner-action{padding:.75rem 1.25rem;font-size:.9375rem}#footer{padding-block:var(--space-sm);color:#767676;background:#fff;border-top:1px solid #e8e8e8;font-size:.875rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-logo{opacity:.45;align-items:center;gap:.375rem;text-decoration:none;transition:opacity .15s;display:flex}.footer-logo:hover{opacity:.7}.footer-logo-img{filter:grayscale();width:18px;height:18px}.footer-logo span{font-family:var(--font-pixel);color:#1e1e1e;white-space:nowrap;font-size:.9rem;font-weight:700;text-decoration:none}.footer-copy{margin:0}#footer a{color:#767676;text-decoration:underline}#footer .footer-logo{text-decoration:none}#footer a:hover{color:#1e1e1e}.nav-hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.nav-hamburger span{transform-origin:50%;background:#1e1e1e;border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .25s;display:block}.nav-hamburger[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-menu{background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:.25rem;margin-top:.5rem;padding:1rem;display:none;box-shadow:0 4px 24px #00000014}.nav-mobile-menu.is-open{display:flex}.nav-mobile-menu ul{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.nav-mobile-menu a{font-family:var(--font-jakarta);border-radius:10px;padding:.625rem .75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s;display:block}.nav-mobile-menu ul a{color:#1e1e1e}.nav-mobile-menu ul a:hover{background:#f0f0f0}.nav-mobile-menu .btn{justify-content:center;width:100%;margin-top:.5rem}@media (width>=769px) and (width<=1024px){.hero-mascots{gap:clamp(.5rem,1.5vw,2rem);height:clamp(180px,20vw,260px)}.hero-mascot-lg{width:clamp(120px,13vw,180px)}}@media (width<=768px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.hero-mascots{display:none}.hero-cta-inner{text-align:center;flex-direction:column;align-items:stretch}.hero-cta-prompt{text-align:center}.hero-cta-action{text-align:center;justify-content:center;width:100%}#cta-banner{display:none}}