@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Patrick+Hand&family=Inter:wght@400;500;600;700&display=swap";:root{--paper: #faf8f5;--paper-dark: #f0ede6;--paper-lines: #e8e5dd;--ink-dark: #2d3436;--ink-medium: #4a5568;--ink-light: #718096;--pen-blue: #3182ce;--pen-blue-light: #63b3ed;--highlighter: #fef3c7;--highlighter-green: #d1fae5;--eraser-pink: #fed7e2;--pencil-gray: #a0aec0;--font-sketch: "Caveat", cursive;--font-handwriting: "Patrick Hand", cursive;--font-body: "Inter", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sketch: 2px 2px 0 rgba(45, 52, 54, .1);--shadow-paper: 0 4px 20px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--paper);color:var(--ink-dark);line-height:1.6;min-height:100vh;background-image:linear-gradient(var(--paper-lines) 1px,transparent 1px);background-size:100% 28px;background-position:0 60px}h1,h2,h3,h4{font-family:var(--font-sketch);font-weight:700;line-height:1.2;color:var(--ink-dark)}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{color:var(--ink-medium);max-width:65ch}.sketch-underline{position:relative;display:inline-block}.sketch-underline:after{content:"";position:absolute;left:-5%;bottom:-4px;width:110%;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10'%3E%3Cpath d='M0,5 Q25,0 50,5 T100,5' stroke='%233182ce' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;background-size:100% 100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.header{padding:var(--space-lg) 0;background:var(--paper);position:sticky;top:0;z-index:100;border-bottom:2px dashed var(--paper-lines)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-sketch);font-size:2.25rem;font-weight:700;color:var(--ink-dark);text-decoration:none;display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{font-size:2rem}.header .btn{font-size:1.1rem;padding:.5rem 1rem;box-shadow:3px 3px 0 var(--ink-dark)}.hero{padding:var(--space-3xl) 0;text-align:center;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--highlighter);border-radius:50px;font-family:var(--font-handwriting);font-size:1.1rem;color:var(--ink-dark);margin-bottom:var(--space-lg);transform:rotate(-1deg)}.hero h1{margin-bottom:var(--space-lg)}.hero-subtitle{font-size:1.25rem;color:var(--ink-medium);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-price{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-lg) var(--space-2xl);background:#fff;border:3px solid var(--ink-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-sketch);margin-bottom:var(--space-xl);transform:rotate(1deg)}.price-label{font-family:var(--font-handwriting);font-size:1.1rem;color:var(--ink-light)}.price-value{font-family:var(--font-sketch);font-size:3.5rem;font-weight:700;color:var(--pen-blue)}.price-note{font-size:.9rem;color:var(--ink-light)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-sketch);font-size:1.5rem;font-weight:600;text-decoration:none;border-radius:var(--radius-md);border:3px solid var(--ink-dark);cursor:pointer;transition:all .2s ease;position:relative}.btn-primary{background:var(--pen-blue);color:#fff;box-shadow:4px 4px 0 var(--ink-dark)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink-dark)}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink-dark)}.btn-secondary{background:#fff;color:var(--ink-dark);box-shadow:3px 3px 0 var(--ink-dark)}.features{padding:var(--space-3xl) 0}.features-title{text-align:center;margin-bottom:var(--space-2xl)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.feature-card{background:#fff;padding:var(--space-xl);border:2px solid var(--ink-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-sketch);position:relative}.feature-card:before{content:"";position:absolute;top:-8px;left:20px;width:60px;height:16px;background:var(--highlighter);transform:rotate(-2deg)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.feature-card h3{margin-bottom:var(--space-sm)}.steps{padding:var(--space-3xl) 0;background:var(--paper-dark);margin:var(--space-3xl) 0;border-top:3px dashed var(--ink-dark);border-bottom:3px dashed var(--ink-dark)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.step{text-align:center;position:relative}.step-number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--pen-blue);color:#fff;font-family:var(--font-sketch);font-size:2rem;font-weight:700;border-radius:50%;border:3px solid var(--ink-dark);margin-bottom:var(--space-md)}.step h3{margin-bottom:var(--space-sm)}.sample{padding:var(--space-3xl) 0}.sample-card{background:#fff;border:2px solid var(--ink-dark);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-paper)}.sample-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--paper-dark);border-bottom:2px solid var(--ink-dark)}.sample-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink-dark)}.sample-dot.red{background:#e53e3e}.sample-dot.yellow{background:#ecc94b}.sample-dot.green{background:#48bb78}.sample-content{padding:var(--space-xl);font-family:Times New Roman,serif;font-size:.95rem;line-height:1.8;max-height:400px;overflow-y:auto}.sample-content h4{font-family:Times New Roman,serif;text-align:center;text-transform:uppercase;margin-bottom:var(--space-lg)}.guarantees{padding:var(--space-3xl) 0}.guarantee-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.guarantee-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--highlighter-green);border-radius:var(--radius-md);border-left:4px solid var(--pen-blue)}.guarantee-icon{font-size:1.5rem;flex-shrink:0}.faq{padding:var(--space-3xl) 0}.faq-list{max-width:800px;margin:var(--space-xl) auto 0}.faq-item{border-bottom:2px dashed var(--paper-lines);padding:var(--space-lg) 0}.faq-question{font-family:var(--font-sketch);font-size:1.25rem;font-weight:600;color:var(--ink-dark);margin-bottom:var(--space-sm)}.faq-answer{color:var(--ink-medium)}.footer{padding:var(--space-2xl) 0;background:var(--ink-dark);color:#fff;text-align:center;margin-top:var(--space-3xl)}.footer p{color:#ffffffb3;max-width:100%}.footer a{color:var(--pen-blue-light)}.generator-container{max-width:800px;margin:var(--space-2xl) auto;padding:0 var(--space-lg)}.form-card{background:#fff;padding:var(--space-2xl);border:3px solid var(--ink-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-sketch)}.form-title{text-align:center;margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-family:var(--font-handwriting);font-size:1.1rem;color:var(--ink-dark);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:var(--space-md);font-size:1rem;border:2px solid var(--pencil-gray);border-radius:var(--radius-md);background:var(--paper);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--pen-blue)}.form-input::placeholder{color:var(--pencil-gray)}textarea.form-input{min-height:120px;resize:vertical}.progress-container{display:none;margin-top:var(--space-xl)}.progress-container.active{display:block}.progress-bar{height:24px;background:var(--paper-dark);border:2px solid var(--ink-dark);border-radius:50px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--pen-blue);width:0%;transition:width .5s ease}.progress-text{text-align:center;font-family:var(--font-handwriting);font-size:1.1rem;margin-top:var(--space-sm);color:var(--ink-medium)}.results-container{display:none;margin-top:var(--space-2xl)}.results-container.active{display:block}.section-preview{background:#fff;border:2px solid var(--pencil-gray);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.section-title{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--paper-dark);border-bottom:1px solid var(--pencil-gray);cursor:pointer}.section-content{padding:var(--space-lg);font-family:Times New Roman,serif;line-height:1.8;display:none}.section-content.expanded{display:block}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.alert-error{background:var(--eraser-pink);border:2px solid #e53e3e;color:#c53030}.alert-success{background:var(--highlighter-green);border:2px solid #48bb78;color:#276749}@media (max-width: 768px){.hero-price{padding:var(--space-md) var(--space-lg)}.price-value{font-size:2.5rem}.btn{width:100%;justify-content:center}.header-content{flex-direction:column;gap:var(--space-md)}}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.wiggle{animation:wiggle 3s ease-in-out infinite}@keyframes draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media print{body{background:#fff;background-image:none}.header,.footer,.btn{display:none}}.pencil-trail{position:fixed;pointer-events:none;z-index:9999;width:6px;height:6px;border-radius:50%;background:#a0aec066;transform:translate(-50%,-50%);animation:pencil-fade .8s ease-out forwards}@keyframes pencil-fade{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}