*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background-color:#fff;border:10px solid #000;margin:0;font-family:Courier New,Courier,monospace;line-height:1.5}.container{max-width:900px;margin:0 auto;padding:0 20px}section,header,footer{text-align:left;border-bottom:2px solid #000;padding:40px 20px}header{border-top:2px solid #000}section:last-of-type{border-bottom:none}h1,h2,h3,h4{color:#000;text-transform:uppercase;margin-bottom:15px;font-weight:700;line-height:1.2}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}p{margin-bottom:15px}strong,b{font-weight:700}a{color:#000;font-weight:700;text-decoration:underline}a:hover{color:#ff0;background-color:#000}.cta-button{color:#000;text-transform:uppercase;background-color:#ff0;border:2px solid #000;margin-top:10px;padding:12px 25px;font-size:1.2em;font-weight:700;text-decoration:none;transition:transform .1s ease-out,box-shadow .1s ease-out;display:inline-block;box-shadow:4px 4px #000}.cta-button:hover,.cta-button:focus{color:#ff0;background-color:#000;transform:translate(2px,2px);box-shadow:2px 2px #000}.cta-button.secondary{color:#fff;background-color:#000}.cta-button.secondary:hover,.cta-button.secondary:focus{color:#000;background-color:#ff0}nav ul{list-style-type:none}nav ul li{margin-right:15px;display:inline-block}nav ul li a{border:1px solid #000;padding:5px 10px;display:block}.hero-section{text-align:center;background-color:#fff}.hero-section h1{margin-bottom:20px;font-size:3em}.hero-section p{font-size:1.2em}.how-it-works-steps{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:20px;display:flex}.step-item{text-align:center;border:2px solid #000;flex-basis:calc(33.333% - 14px);padding:20px}.step-item h3{margin-top:0}.step-item .icon-placeholder{border:1px dashed #000;min-height:50px;margin-bottom:10px;padding:10px;font-size:2em;line-height:50px;display:block}.feature-item,.testimonial-item,.faq-item{border:2px solid #000;margin-bottom:20px;padding:20px}.feature-item h3,.faq-item h3{margin-top:0}.metrics p{text-align:center;border:1px dashed #000;margin-bottom:10px;padding:10px;font-size:1.1em;font-weight:700}.pricing-tiers{flex-wrap:wrap;justify-content:space-around;gap:20px;margin-top:20px;display:flex}.pricing-tier{text-align:center;background-color:#fff;border:2px solid #000;width:100%;padding:20px}.pricing-tier h3{font-size:1.8em}.pricing-tier h4{color:#fff;background-color:#000;margin-top:0;margin-bottom:15px;padding:5px;font-size:1.3em}.pricing-tier ul{text-align:left;margin-bottom:20px;padding-left:20px;list-style-type:"✓ "}.pricing-tier ul li{margin-bottom:8px}.pricing-tier.highlighted{background-color:#ff0;border:4px solid #000;position:relative}.pricing-tier.highlighted:before{content:"POPULAR!";color:#ff0;background-color:#000;border:2px solid #000;padding:5px 10px;font-size:.8em;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-tier .yearly-discount{color:#333;margin-top:5px;margin-bottom:15px;font-size:.9em}.pricing-tier .yearly-discount a{font-weight:400}.site-footer{color:#fff;text-align:center;background-color:#000;border-top:2px solid #000;padding:40px 20px}.site-footer h2{color:#fff}.site-footer p{color:#e0e0e0}.site-footer a{color:#ff0}.site-footer a:hover,.site-footer .cta-button{color:#000;background-color:#ff0}.site-footer .cta-button:hover{color:#000;background-color:#fff}@media (width<=768px){body{border-width:5px}h1{font-size:2em}.hero-section h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.3em}.how-it-works-steps,.pricing-tiers{flex-direction:column}.step-item,.pricing-tier{flex-basis:100%;width:100%;margin-bottom:20px}.pricing-tier.highlighted:before{font-size:.7em;top:-12px}}