@import"https://fonts.googleapis.com/css2?family=Bangers&family=Public+Sans:wght@400;700;900&display=swap";:root{--comic-black: #000000;--comic-white: #ffffff;--comic-yellow: #FFD700;--comic-blue: #38bdf8;--comic-red: #ef4444;--comic-purple: #a855f7;--comic-border: 3px solid var(--comic-black);--comic-shadow: 6px 6px 0px var(--comic-black);--comic-shadow-hover: 2px 2px 0px var(--comic-black)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Public Sans,sans-serif;color:var(--comic-black);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(var(--comic-black) 1px,transparent 1px);background-size:20px 20px;background-color:#f0f9ff}h1,h2,h3,h4,h5,h6{font-family:Bangers,cursive;letter-spacing:2px;line-height:1.2}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;background:var(--comic-yellow);color:var(--comic-black);position:relative;overflow:hidden;border-bottom:var(--comic-border)}.hero:before{content:"";position:absolute;top:50%;left:70%;width:250vmax;height:250vmax;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.4) 0deg 10deg,transparent 10deg 20deg);animation:spin 60s linear infinite;pointer-events:none;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-inner{max-width:900px;position:relative;z-index:1;text-align:center;background:#fff;padding:40px;border:var(--comic-border);box-shadow:var(--comic-shadow);transform:rotate(-1deg)}.intro-block{display:flex;align-items:center;gap:20px;margin-top:32px;border-top:3px dashed var(--comic-black);padding-top:32px;text-align:left}.profile-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:var(--comic-border);background:#fff}.hero .intro-name{font-size:1.1rem;color:var(--comic-black);margin-top:0;font-weight:500}.hero h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1;margin-bottom:24px;color:var(--comic-black);text-shadow:2px 2px 0px #fff}.hero h1 .hero-headline{white-space:nowrap;display:block;color:var(--comic-black);-webkit-text-stroke:0;text-shadow:2px 2px 0px #fff;font-size:clamp(1.5rem,3.5vw,2.5rem)}.hero h1 span{color:var(--comic-blue);display:block;white-space:nowrap;-webkit-text-stroke:1px var(--comic-black);text-shadow:4px 4px 0px var(--comic-black)}.hero p{font-size:1.3rem;color:var(--comic-black);margin-bottom:32px;max-width:100%;font-weight:600}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.primary-btn{display:inline-block;background:var(--comic-red);color:#fff;font-family:Bangers,cursive;font-size:1.5rem;letter-spacing:1px;padding:16px 40px;border:var(--comic-border);box-shadow:var(--comic-shadow);text-decoration:none;transition:all .1s;text-transform:uppercase;transform:rotate(1deg)}.primary-btn:hover{transform:translate(4px,4px) rotate(1deg);box-shadow:var(--comic-shadow-hover)}.hero-note{font-size:1rem;color:var(--comic-black);font-weight:700;background:#fff;padding:4px 12px;border:2px solid var(--comic-black);transform:rotate(-2deg)}section{padding:100px 24px;position:relative}.container{max-width:1000px;margin:0 auto}.section-label{font-family:Bangers,cursive;font-size:1.5rem;color:var(--comic-black);margin-bottom:16px;display:inline-block;background:var(--comic-blue);padding:8px 16px;border:var(--comic-border);box-shadow:4px 4px 0 var(--comic-black);transform:rotate(-2deg);text-transform:uppercase;letter-spacing:2px}h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:48px;color:var(--comic-black);text-shadow:2px 2px 0px #fff}.text-content p{font-size:1.2rem;color:var(--comic-black);margin-bottom:24px;max-width:700px;font-weight:500}.combined-section{position:relative;background:#fff;overflow:hidden;isolation:isolate}.about-section{position:relative}.about-section .container{position:relative;z-index:2}.halftone-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#fff;filter:contrast(30);pointer-events:none;opacity:.3;mix-blend-mode:multiply}.halftone-dots{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:radial-gradient(circle,#000 50%,transparent 50%);background-size:72px 72px;filter:blur(8px);transform:rotate(45deg);mask-image:linear-gradient(to right,#000,#0000001a);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.1) 100%)}.about-section h2{position:relative;display:inline-block;background:var(--comic-yellow);padding:12px 32px;border:var(--comic-border);box-shadow:var(--comic-shadow);transform:rotate(-1deg);z-index:2;margin-bottom:48px}.why-free h2{position:relative;display:inline-block;background:#fff;padding:12px 32px;border:var(--comic-border);box-shadow:var(--comic-shadow);transform:rotate(1deg);z-index:2;margin-bottom:48px}.about-section .text-content,.why-free .text-content{background:#fff;padding:40px;border:var(--comic-border);box-shadow:var(--comic-shadow);position:relative;z-index:2}.about-section .section-label,.why-free .section-label{background:var(--comic-black);color:#fff;box-shadow:4px 4px 0 var(--comic-yellow)}.how-it-works{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:48px}.step-card{background:#fff;border:var(--comic-border);padding:32px;box-shadow:var(--comic-shadow);transition:transform .2s}.step-card:hover{transform:translateY(-5px)}.step-number{font-size:4rem;font-family:Bangers,cursive;color:var(--comic-yellow);-webkit-text-stroke:2px var(--comic-black);margin-bottom:8px;line-height:1;letter-spacing:2px}.step-card h3{font-size:1.8rem;margin-bottom:12px;color:var(--comic-black)}.step-card p{font-size:1.1rem;color:var(--comic-black);line-height:1.6}.highlight-box{background:var(--comic-blue);border:var(--comic-border);padding:32px;font-size:1.5rem;color:var(--comic-black);font-weight:900;font-family:Public Sans,sans-serif;box-shadow:var(--comic-shadow);text-align:center;transform:rotate(1deg);line-height:1.5}.quotes-section{background-color:#f0f9ff}.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.quote-card{background:#fff;border:var(--comic-border);border-radius:20px;padding:32px;position:relative;box-shadow:var(--comic-shadow);margin-bottom:20px}.quote-card:after{content:"";position:absolute;bottom:-20px;left:40px;border-width:20px 20px 0;border-style:solid;border-color:var(--comic-black) transparent;display:block;width:0}.quote-card:before{content:"";position:absolute;bottom:-14px;left:43px;border-width:17px 17px 0;border-style:solid;border-color:#fff transparent;display:block;width:0;z-index:1}.quote-icon{margin-bottom:16px;height:60px;width:60px;display:flex;align-items:center;justify-content:center;background:var(--comic-yellow);border:2px solid var(--comic-black);border-radius:50%}.quote-icon img{height:32px;width:auto}.quote-card p{font-family:Public Sans,sans-serif;font-weight:600;font-size:1.2rem;color:var(--comic-black);margin:0;line-height:1.4}.why-different{background:var(--comic-purple);color:#fff;border-top:var(--comic-border);border-bottom:var(--comic-border)}.why-different h2,.why-different .section-label{color:#fff;text-shadow:2px 2px 0px var(--comic-black)}.why-different p{color:#fff;text-shadow:none;font-weight:500;font-size:1.35rem;line-height:1.6;max-width:800px}.why-different .section-label{background:var(--comic-black);color:var(--comic-yellow);box-shadow:4px 4px #fff}.why-free{position:relative;z-index:2;background:transparent}.cta-section{background:var(--comic-black);color:#fff;text-align:center;padding:120px 24px;position:relative;overflow:hidden}.cta-section h2{color:#fff;font-size:4rem;margin-bottom:16px;text-shadow:none;letter-spacing:3px;text-transform:uppercase}.cta-section .subtitle{font-size:1.5rem;color:#fff;margin-bottom:48px;font-family:Public Sans,sans-serif}.cta-btn{display:inline-block;background:var(--comic-blue);color:var(--comic-black);font-family:Bangers,cursive;font-size:1.8rem;letter-spacing:1px;padding:20px 60px;border:3px solid #fff;box-shadow:6px 6px #fff;text-decoration:none;transition:all .1s;text-transform:uppercase}.cta-btn:hover{transform:translate(4px,4px);box-shadow:2px 2px #fff}.cta-note{margin-top:32px;font-size:1.1rem;color:#94a3b8}@media (max-width: 768px){.hero{padding-top:100px}.hero-inner{transform:none;padding:24px 20px}.hero h1{font-size:clamp(2rem,8vw,3rem);word-wrap:break-word;line-height:1.2}.hero h1 .hero-headline,.hero h1 span{white-space:normal;display:inline;-webkit-text-stroke:0;text-shadow:none}.hero-cta-group{flex-direction:column;gap:16px}.primary-btn{width:100%;text-align:center;font-size:1.2rem;padding:14px 24px}.hero-note{transform:rotate(0)}.intro-block{flex-direction:column;text-align:center;gap:16px}.hero .intro-name{text-align:center}.section-label{transform:none}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:all .3s ease;background:transparent}.navbar.scrolled{background:#fff;border-bottom:3px solid #000;padding:16px 0}.navbar-container{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-family:Bangers,cursive;font-size:1.8rem;color:#000;letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px 0px #fff;background:var(--comic-yellow);padding:4px 12px;border:2px solid #000;box-shadow:3px 3px #000;transform:rotate(-2deg)}.navbar-links{display:flex;gap:32px;align-items:center}.navbar-links a{color:#000;text-decoration:none;font-size:1.1rem;font-weight:700;font-family:Public Sans,sans-serif;transition:color .2s;text-transform:uppercase}.navbar-links a:hover{color:var(--comic-blue);text-decoration:underline;text-decoration-thickness:3px}.navbar-cta .nav-btn{background:var(--comic-red);color:#fff;padding:10px 24px;border:2px solid #000;box-shadow:3px 3px #000;text-decoration:none;font-size:1rem;font-weight:700;font-family:Bangers,cursive;letter-spacing:1px;transition:all .1s;text-transform:uppercase}.navbar-cta .nav-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px #000}@media (max-width: 768px){.navbar-links{display:none}.navbar-container{padding:0 16px}.navbar-logo{font-size:1.4rem;padding:4px 8px}.navbar-cta .nav-btn{padding:8px 16px;font-size:.9rem}}.site-footer{background:var(--comic-black);color:#fff;padding:64px 24px 32px;font-size:1rem;border-top:4px solid var(--comic-yellow)}.site-footer .container{max-width:1000px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:60px}.footer-brand h3{color:var(--comic-yellow);font-family:Bangers,cursive;font-size:2rem;margin-bottom:12px;letter-spacing:2px;text-transform:uppercase}.footer-brand p{max-width:300px;color:#cbd5e1}.footer-links{display:flex;gap:60px}.footer-col h4{color:var(--comic-blue);font-family:Bangers,cursive;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.footer-col a{display:block;color:#fff;text-decoration:none;margin-bottom:12px;transition:color .2s;font-weight:600}.footer-col a:hover{color:var(--comic-yellow);text-decoration:underline;text-decoration-thickness:2px}.footer-bottom{border-top:2px dashed rgba(255,255,255,.2);padding-top:32px;text-align:center;font-size:.9rem;color:#94a3b8}@media (max-width: 600px){.footer-content{flex-direction:column}.footer-links{flex-direction:column;gap:32px}}
