@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-lg:.5rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--primary-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--surface-glass:#ffffffb3;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--success:#16a34a;--error:#dc2626;--warning:#d97706;--info:#0284c7;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 4px 6px #0000001a, 0 2px 4px #0000000f;--transition:.2s ease;--transition-fast:.15s ease;--transition-slow:.3s ease}html[data-theme=dark]{--primary:#3b82f6;--primary-hover:#60a5fa;--primary-light:#1e3a5f;--primary-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--background:#0f172a;--surface:#1e293b;--surface-hover:#334155;--surface-glass:#1e293bb3;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--success:#22c55e;--error:#f87171;--warning:#fbbf24;--info:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius)}.section{padding:96px 0}.section-title{text-align:center;letter-spacing:-.025em;margin-bottom:16px;font-size:2.25rem;font-weight:800}.section-subtitle{color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto 64px;font-size:1.125rem}.skip-link{z-index:9999;background:var(--primary);color:#fff;border-radius:var(--radius);transition:top var(--transition-fast);padding:12px 24px;font-weight:600;position:absolute;top:-100%;left:16px}.skip-link:focus{top:16px}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.navbar{z-index:100;background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.navbar-logo-icon{background:var(--primary-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.navbar-logo-subtitle{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:.65rem;font-weight:500;line-height:1;display:block}.navbar-links{align-items:center;gap:32px;list-style:none;display:flex}.navbar-links a{color:var(--text-muted);transition:color var(--transition);font-size:.9rem;font-weight:500}.navbar-links a:hover{color:var(--text)}.navbar-cta{align-items:center;gap:12px;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--text);background:0 0;border:none;padding:8px;display:none}@media (max-width:768px){.navbar-links{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding:24px;display:none;position:absolute;top:64px;left:0;right:0}.navbar-links.open{display:flex}.navbar-cta .btn{display:none}.mobile-menu-btn{display:block}}.hero{text-align:center;padding:80px 0 96px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb0f 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}html[data-theme=dark] .hero:before{background:radial-gradient(circle,#3b82f614 0%,#0000 50%)}.hero-badge{background:var(--primary-light);color:var(--primary);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.03em;max-width:800px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.hero-description{color:var(--text-muted);max-width:600px;margin:0 auto 40px;font-size:1.2rem;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:64px;display:flex}.hero-mockup{max-width:480px;margin:0 auto;position:relative}.mockup-window{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg), 0 20px 60px #00000014;overflow:hidden}.mockup-titlebar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.mockup-dot{background:var(--border);border-radius:50%;width:12px;height:12px}.mockup-dot:first-child{background:#ef4444}.mockup-dot:nth-child(2){background:#f59e0b}.mockup-dot:nth-child(3){background:#22c55e}.mockup-titlebar-text{color:var(--text-muted);margin-left:auto;font-size:.75rem;font-weight:500}.mockup-body{padding:24px}.mockup-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mockup-logo{align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.mockup-logo-icon{background:var(--primary-gradient);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mockup-badge-free{background:var(--primary-light);color:var(--primary);border-radius:100px;padding:2px 10px;font-size:.7rem;font-weight:600}.mockup-score{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.score-ring{width:120px;height:120px;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--border);stroke-width:8px}.score-ring-fill{fill:none;stroke:url(#scoreGradient);stroke-width:8px;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292px;transition:stroke-dashoffset 1.5s}.score-ring-fill.animated{stroke-dashoffset:47.5px}.score-value{font-size:2rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-label{color:var(--text-muted);margin-top:8px;font-size:.8rem}.mockup-violations{flex-direction:column;gap:8px;display:flex}.mockup-violation{background:var(--surface-hover);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.8rem;display:flex}.violation-severity{border-radius:50%;flex-shrink:0;width:8px;height:8px}.violation-severity.critical{background:var(--error)}.violation-severity.serious{background:var(--warning)}.violation-severity.moderate{background:var(--info)}.violation-text{flex:1;font-weight:500}.violation-tag{background:var(--primary-light);color:var(--primary);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);padding:32px}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-2px)}.feature-icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-card h3{margin-bottom:8px;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.how-it-works{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.steps{grid-template-columns:repeat(3,1fr);gap:48px;display:grid;position:relative}.steps:before{content:"";background:var(--border);height:2px;position:absolute;top:36px;left:15%;right:15%}@media (max-width:768px){.steps{grid-template-columns:1fr;gap:40px}.steps:before{display:none}}.step{text-align:center;position:relative}.step-number{background:var(--primary-gradient);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:1.5rem;font-weight:800;display:flex;position:relative}.step h3{margin-bottom:8px;font-size:1.2rem;font-weight:700}.step p{color:var(--text-muted);max-width:280px;margin:0 auto;font-size:.9rem}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:800px;margin:0 auto;display:grid}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);padding:40px 32px;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-card.featured{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-lg)}.pricing-popular{background:var(--primary-gradient);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:8px;font-size:1.25rem;font-weight:700}.pricing-price{margin-bottom:4px;font-size:2.5rem;font-weight:800}.pricing-price span{color:var(--text-muted);font-size:1rem;font-weight:500}.pricing-description{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.pricing-features{flex-direction:column;gap:12px;margin-bottom:32px;list-style:none;display:flex}.pricing-features li{align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.pricing-features li svg{color:var(--success);flex-shrink:0;margin-top:2px}.pricing-card .btn{justify-content:center;width:100%}.trust-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (max-width:640px){.trust-grid{grid-template-columns:1fr;gap:24px}}.trust-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.trust-icon{background:var(--primary-light);width:56px;height:56px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.trust-item h3{margin-bottom:4px;font-size:1.5rem;font-weight:800}.trust-item p{color:var(--text-muted);font-size:.9rem}.footer{border-top:1px solid var(--border);padding:48px 0 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-logo{align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.footer-logo-icon{background:var(--primary-gradient);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition);font-size:.85rem}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:24px;padding-top:24px;font-size:.8rem}.checkout-page{justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.checkout-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:48px}.checkout-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.checkout-icon.success{color:var(--success);background:#16a34a1a}.checkout-icon.cancel{background:var(--primary-light);color:var(--primary)}.checkout-card h1{margin-bottom:12px;font-size:1.75rem;font-weight:800}.checkout-card p{color:var(--text-muted);margin-bottom:8px;line-height:1.6}.checkout-instructions{background:var(--surface-hover);border-radius:var(--radius);color:var(--text);text-align:left;margin:24px 0;padding:16px 20px;font-size:.9rem}.checkout-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}@keyframes checkmark-circle{0%{stroke-dashoffset:166px}to{stroke-dashoffset:0}}@keyframes checkmark-check{0%{stroke-dashoffset:36px}to{stroke-dashoffset:0}}.checkmark-svg{width:56px;height:56px}.checkmark-circle{stroke:var(--success);stroke-dasharray:166;stroke-dashoffset:166px;fill:none;stroke-width:3px;stroke-linecap:round;animation:.6s forwards checkmark-circle}.checkmark-check{stroke:var(--success);stroke-dasharray:36;stroke-dashoffset:36px;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;animation:.3s .4s forwards checkmark-check}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(16px)}.stagger-children.visible>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.stagger-children.visible>:nth-child(2){opacity:1;transition-delay:80ms;transform:translateY(0)}.stagger-children.visible>:nth-child(3){opacity:1;transition-delay:.16s;transform:translateY(0)}.stagger-children.visible>:nth-child(4){opacity:1;transition-delay:.24s;transform:translateY(0)}.stagger-children.visible>:nth-child(5){opacity:1;transition-delay:.32s;transform:translateY(0)}.stagger-children.visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:translateY(0)}
