:root{--color-ink: #0D1117;--color-ink-soft: #3D4852;--color-ink-muted: #6B7280;--color-paper: #FEFDFB;--color-paper-warm: #FAF8F5;--color-paper-cool: #F4F6F8;--color-accent: #1D4ED8;--color-accent-light: #DBEAFE;--color-green: #059669;--color-green-light: #D1FAE5;--color-amber: #D97706;--color-amber-light: #FEF3C7;--color-red: #DC2626;--color-red-light: #FEE2E2;--color-border: #E5E7EB;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-logo: "Arvo", "Fraunces", serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:120px 0}@media(max-width:768px){.section{padding:80px 0}}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fefdfbd9;backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:transform .3s var(--ease-out-expo)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{font-family:var(--font-logo);font-size:1.5rem;font-weight:600;color:var(--color-ink);text-decoration:none;display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;background:var(--color-ink);border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:18px;height:18px;color:var(--color-paper)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--color-ink-soft);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-ink)}.nav-cta{background:var(--color-ink);color:var(--color-paper)!important;padding:10px 20px;border-radius:8px;transition:transform .2s,box-shadow .2s!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d111726}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-ink);z-index:1002}.menu-toggle svg{width:24px;height:24px}.mobile-overlay{position:fixed;inset:0;background:#0006;z-index:1999;opacity:0;visibility:hidden;transition:all .3s;backdrop-filter:blur(2px)}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-menu{display:none}@media(max-width:768px){.menu-toggle{display:flex;align-items:center;justify-content:center}.nav-links{display:none}.mobile-menu{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:80%;max-width:320px;background-color:var(--color-paper);padding:100px 32px 32px;box-shadow:-4px 0 24px #0000001a;transform:translate(100%);transition:transform .4s var(--ease-out-expo);z-index:2000;align-items:flex-start;gap:24px}.mobile-menu.active{transform:translate(0)}.mobile-menu a{color:var(--color-ink);text-decoration:none;width:100%;font-size:1.1rem;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.mobile-menu a:hover{color:var(--color-accent)}.mobile-menu a:last-child{border-bottom:none;margin-top:auto;text-align:center;padding:12px 20px;width:100%}body.menu-open{overflow:hidden}}.hero{padding-top:160px;padding-bottom:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(29,78,216,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(5,150,105,.05),transparent);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--color-green-light);color:var(--color-green);padding:6px 14px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:24px;animation:fadeInUp .8s var(--ease-out-expo) both}.hero-badge:before{content:"";width:8px;height:8px;background:var(--color-green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.5rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px;animation:fadeInUp .8s var(--ease-out-expo) .1s both}.hero h1 span{color:var(--color-accent)}.hero-subtitle{font-size:1.25rem;color:var(--color-ink-soft);max-width:600px;line-height:1.7;margin-bottom:40px;animation:fadeInUp .8s var(--ease-out-expo) .2s both}.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;animation:fadeInUp .8s var(--ease-out-expo) .3s both}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s var(--ease-out-expo);cursor:pointer;border:none}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0d111733}.btn-secondary{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-ink-muted);background:var(--color-paper-warm)}.btn svg{width:18px;height:18px}.hero-trust{font-size:.9rem;color:var(--color-ink-muted);animation:fadeInUp .8s var(--ease-out-expo) .4s both}.hero-trust svg{width:16px;height:16px;vertical-align:middle;margin-right:6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-preview{margin-top:80px;position:relative;animation:fadeInUp .8s var(--ease-out-expo) .5s both}.preview-window{background:var(--color-paper);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 4px 6px #00000005,0 12px 24px #0000000a,0 24px 48px #0000000f;overflow:hidden}.preview-header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-paper-cool)}.preview-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border)}.preview-dot:nth-child(1){background:#fe5f57}.preview-dot:nth-child(2){background:#febc2e}.preview-dot:nth-child(3){background:#28c840}.preview-content{padding:32px}.preview-report{display:grid;grid-template-columns:1fr 280px;gap:32px}@media(max-width:900px){.preview-report{grid-template-columns:1fr}}.preview-main h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:8px}.preview-meta{font-size:.85rem;color:var(--color-ink-muted);margin-bottom:24px}.risk-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9rem;margin-bottom:20px}.risk-badge.red{background:var(--color-red-light);color:var(--color-red)}.risk-badge.amber{background:var(--color-amber-light);color:var(--color-amber)}.risk-badge.green{background:var(--color-green-light);color:var(--color-green)}.preview-issues{display:flex;flex-direction:column;gap:12px}.preview-issue{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-paper-warm);border-radius:10px;border-left:3px solid var(--color-red)}.preview-issue.amber{border-left-color:var(--color-amber)}.issue-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-red)}.preview-issue.amber .issue-icon{color:var(--color-amber)}.issue-content h4{font-size:.95rem;font-weight:600;margin-bottom:4px}.issue-content p{font-size:.85rem;color:var(--color-ink-soft)}.preview-sidebar{padding:24px;background:var(--color-paper-cool);border-radius:12px}.sidebar-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);margin-bottom:16px}.risk-meter{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.meter-row{display:flex;align-items:center;gap:12px}.meter-label{font-size:.85rem;width:60px}.meter-bar{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.meter-fill{height:100%;border-radius:4px;transition:width 1s var(--ease-out-expo)}.meter-fill.red{background:var(--color-red)}.meter-fill.amber{background:var(--color-amber)}.meter-fill.green{background:var(--color-green)}.meter-count{font-size:.85rem;font-weight:600;width:24px;text-align:right}.how-it-works{background:var(--color-paper-warm)}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-label{display:inline-block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--color-ink-soft)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative}@media(max-width:900px){.steps{grid-template-columns:1fr;gap:40px}}.step{position:relative}.step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-ink);color:var(--color-paper);border-radius:12px;font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:20px}.step h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin-bottom:12px}.step p{color:var(--color-ink-soft);font-size:1rem;line-height:1.7}.step-arrow{position:absolute;top:24px;right:-24px;width:48px;height:48px;color:var(--color-border)}@media(max-width:900px){.step-arrow{display:none}}.features{background:var(--color-paper)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:32px;background:var(--color-paper);border:1px solid var(--color-border);border-radius:16px;transition:all .3s var(--ease-out-expo)}.feature-card:hover{border-color:var(--color-ink-muted);box-shadow:0 8px 24px #0000000a;transform:translateY(-4px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-accent-light);color:var(--color-accent);border-radius:12px;margin-bottom:20px}.feature-icon svg{width:24px;height:24px}.feature-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:12px}.feature-card p{color:var(--color-ink-soft);font-size:.95rem;line-height:1.7;margin-bottom:16px}.feature-checks{display:flex;flex-wrap:wrap;gap:8px}.check-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-paper-cool);border-radius:6px;font-size:.8rem;color:var(--color-ink-soft)}.check-tag svg{width:12px;height:12px;color:var(--color-green)}.audience{background:var(--color-ink);color:var(--color-paper)}.audience .section-label{color:var(--color-accent-light)}.audience .section-subtitle{color:#ffffffb3}.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:768px){.audience-grid{grid-template-columns:1fr}}.audience-card{padding:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px}.audience-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:24px}.audience-list{list-style:none;display:flex;flex-direction:column;gap:16px}.audience-list li{display:flex;align-items:flex-start;gap:12px;color:#ffffffd9;font-size:1rem;line-height:1.6}.audience-list svg{width:20px;height:20px;flex-shrink:0;color:var(--color-green);margin-top:2px}.privacy{background:var(--color-paper-cool)}.privacy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:900px){.privacy-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.privacy-grid{grid-template-columns:1fr}}.privacy-item{text-align:center;padding:32px 24px}.privacy-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 20px;background:var(--color-paper);border:1px solid var(--color-border);border-radius:14px}.privacy-icon svg{width:28px;height:28px;color:var(--color-ink)}.privacy-item h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:8px}.privacy-item p{font-size:.9rem;color:var(--color-ink-soft);line-height:1.6}.pricing{background:var(--color-paper)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.pricing-grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.pricing-grid-2{grid-template-columns:1fr;max-width:460px;margin:0 auto}}.pricing-card{padding:40px 32px;background:var(--color-paper);border:1px solid var(--color-border);border-radius:20px;position:relative;transition:all .3s var(--ease-out-expo)}.pricing-card:hover{box-shadow:0 12px 32px #0000000f}.pricing-card.featured{border-color:var(--color-ink);border-width:2px}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-ink);color:var(--color-paper);padding:4px 16px;border-radius:100px;font-size:.8rem;font-weight:600}.pricing-grid.pricing-grid-2{align-items:stretch}.pricing-card{display:flex;flex-direction:column;height:100%}.pricing-features{flex:1}.pricing-cta{margin-top:auto}.pricing-name{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin-bottom:8px}.pricing-desc{font-size:.9rem;color:var(--color-ink-soft);margin-bottom:24px}.pricing-price{margin-bottom:24px}.pricing-amount{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1}.pricing-period{font-size:.95rem;color:var(--color-ink-muted)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.pricing-features li{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--color-ink-soft)}.pricing-features svg{width:18px;height:18px;flex-shrink:0;color:var(--color-green);margin-top:2px}.pricing-cta{width:100%;text-align:center;justify-content:center}.testimonial{background:var(--color-paper-warm)}.testimonial-content{max-width:800px;margin:0 auto;text-align:center}.testimonial-quote{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;font-style:italic;line-height:1.5;margin-bottom:32px;color:var(--color-ink)}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:16px}.author-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-light),var(--color-green-light));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:var(--color-accent)}.author-info{text-align:left}.author-name{font-weight:600;font-size:1rem}.author-role{font-size:.9rem;color:var(--color-ink-muted)}.cta-section{background:linear-gradient(180deg,var(--color-paper) 0%,var(--color-paper-warm) 100%)}.cta-content{max-width:700px;margin:0 auto;text-align:center}.cta-content h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:600;margin-bottom:16px}.cta-content p{font-size:1.15rem;color:var(--color-ink-soft);margin-bottom:32px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}footer{background:var(--color-ink);color:var(--color-paper);padding:80px 0 40px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px;margin-bottom:48px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-brand{max-width:300px}.footer-brand .logo{color:var(--color-paper);margin-bottom:16px}.footer-brand .logo-icon{background:var(--color-paper)}.footer-brand .logo-icon svg{color:var(--color-ink)}.footer-brand p{color:#fff9;font-size:.95rem;line-height:1.7}.footer-col h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:20px}.footer-col a{display:block;color:#fffc;text-decoration:none;font-size:.95rem;margin-bottom:12px;transition:color .2s}.footer-col a:hover{color:var(--color-paper)}.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-legal{font-size:.85rem;color:#ffffff80}.footer-disclaimer{font-size:.8rem;color:#fff6;max-width:600px;line-height:1.6}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:480px){.container{padding:0 16px}.section{padding:60px 0}.hero{padding-top:130px;padding-bottom:64px}.hero h1{font-size:clamp(1.75rem,8vw,2.5rem);margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:1rem;margin-bottom:36px;line-height:1.7}.hero-badge{font-size:.75rem;padding:5px 12px;margin-bottom:20px}.hero-ctas{margin-bottom:28px}.hero-trust{margin-top:8px}.btn{padding:12px 20px;font-size:.9rem;width:100%;justify-content:center}.hero-ctas{flex-direction:column;gap:12px}.hero-trust{font-size:.8rem;line-height:1.5}.hero-preview{margin-top:120px}.preview-content{padding:16px}.preview-main h3{font-size:1.1rem;word-break:break-word}.preview-meta{font-size:.75rem}.risk-badge{font-size:.8rem;padding:6px 12px}.preview-issue{padding:12px}.issue-content h4{font-size:.85rem}.issue-content p{font-size:.8rem}.preview-sidebar{padding:16px}.sidebar-title{font-size:.7rem}.meter-label{font-size:.75rem;width:50px}.meter-count{font-size:.75rem}.section-header{margin-bottom:40px}.section-label{font-size:.75rem;margin-bottom:12px}.section-title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:12px}.section-subtitle{font-size:.95rem}.steps{gap:32px}.step-number{width:40px;height:40px;font-size:1.1rem;margin-bottom:16px}.step h3{font-size:1.15rem}.step p{font-size:.9rem}.feature-card{padding:24px}.feature-icon{width:40px;height:40px;margin-bottom:16px}.feature-icon svg{width:20px;height:20px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.85rem}.check-tag{font-size:.7rem;padding:3px 8px}.audience-card{padding:28px 20px}.audience-card h3{font-size:1.25rem;margin-bottom:20px}.audience-list{gap:14px}.audience-list li{font-size:.9rem;gap:10px}.audience-list svg{width:18px;height:18px}.privacy-item{padding:24px 16px}.privacy-icon{width:48px;height:48px;margin-bottom:16px}.privacy-icon svg{width:24px;height:24px}.privacy-item h3{font-size:1rem}.privacy-item p{font-size:.85rem}.pricing-card{padding:28px 20px}.pricing-name{font-size:1.15rem}.pricing-desc{font-size:.85rem}.pricing-amount{font-size:2.25rem}.pricing-period,.pricing-features li{font-size:.85rem}.pricing-fineprint{font-size:.85rem!important}.cta-content h2{font-size:clamp(1.5rem,6vw,2rem)}.cta-content p{font-size:.95rem;margin-bottom:24px}.cta-buttons{flex-direction:column;gap:12px}footer{padding:48px 0 32px}.footer-grid{gap:32px}.footer-brand{max-width:100%}.footer-brand p{font-size:.85rem}.footer-col h4{font-size:.8rem;margin-bottom:16px}.footer-col a{font-size:.85rem;margin-bottom:10px}.footer-bottom{padding-top:24px;flex-direction:column;text-align:center}.footer-legal{font-size:.8rem}.footer-disclaimer{font-size:.75rem;text-align:center}}@media(max-width:360px){.hero h1{font-size:1.6rem}.section-title{font-size:1.35rem}.pricing-amount{font-size:2rem}.btn{padding:10px 16px;font-size:.85rem}}@media(max-width:768px){body{overflow-x:hidden}.preview-main h3{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.preview-issue,.issue-content h4,.issue-content p,.audience-list li,.pricing-features li{overflow-wrap:break-word;word-wrap:break-word}}
