:root{--primary: #0066FF;--text-primary: #111;--text-secondary: #333;--text-muted: #6B6B6B;--surface-primary: #FFFFFF;--surface-secondary: #F7F7F8;--border: #EAEAEA;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--container-max: 1120px;--radius: 16px;--radius-small: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:16svh}body{font-family:var(--font-system);font-size:16px;line-height:1.6;color:var(--text-secondary);background-color:var(--surface-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;text-wrap:balance;color:var(--text-primary)}h1{font-size:clamp(34px,8.5vw,48px);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(28px,5vw,36px);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(20px,4vw,24px);font-weight:600}p{line-height:1.6;max-width:65ch}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}@media (min-width: 768px){.container{padding:0 var(--space-xl)}}.section-title{text-align:center;margin-bottom:clamp(48px,8vw,64px);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:var(--radius);border:1px solid transparent;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:44px;box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 14px #0066ff40}@media (hover: hover){.btn-primary:hover{background-color:#0052cc;border-color:#0052cc;transform:translateY(-1px);box-shadow:0 6px 20px #0066ff4d}}.btn-outline{background-color:transparent;color:var(--primary);border-color:var(--border);box-shadow:var(--shadow-sm)}@media (hover: hover){.btn-outline:hover{background-color:var(--surface-secondary);border-color:var(--primary);transform:translateY(-1px)}}.btn-small{padding:12px 24px;font-size:14px;min-height:40px}.btn-full{width:100%}.hero{min-height:100svh;padding:var(--space-lg) 0;display:flex;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(0,102,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,102,255,.06) 0%,transparent 50%),linear-gradient(135deg,rgba(0,102,255,.02) 0%,transparent 50%),var(--surface-primary);text-align:center;position:relative;overflow:hidden;padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px))}@media (min-width: 768px){.hero{min-height:85svh;padding:var(--space-xl) 0}}.hero-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.hero-headline{max-width:800px;color:var(--text-primary);margin-bottom:8px;font-size:clamp(36px,8.5vw,64px);line-height:1.1;font-weight:800;letter-spacing:-.02em}.hero-subhead{font-size:clamp(18px,4vw,24px);color:var(--text-secondary);max-width:45ch;line-height:1.5;margin:0 auto 8px}.hero-proof{color:var(--text-muted);font-size:16px;font-weight:500;margin-bottom:16px}.hero-cta{margin:0 0 var(--space-xl) 0;font-size:18px;padding:18px 36px}@media (min-width: 768px){.hero-cta{width:auto}}.hero-assurances{font-size:14px;color:var(--text-muted);text-align:center;font-weight:500}.compare-demo{width:100%;max-width:600px;margin:0 0 var(--space-lg) 0}.compare-container{position:relative;width:100%;height:300px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);cursor:ew-resize;-webkit-user-select:none;user-select:none;background:var(--surface-primary);border:1px solid var(--border)}.compare-slider{position:relative;width:100%;height:100%}.compare-before,.compare-after{position:absolute;top:0;left:0;width:100%;height:100%}.compare-after{clip-path:polygon(50% 0%,100% 0%,100% 100%,50% 100%)}.compare-label{position:absolute;top:var(--space-sm);background:var(--surface-primary);padding:6px 12px;border-radius:var(--radius-small);font-size:12px;font-weight:600;z-index:10;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.compare-before .compare-label{left:var(--space-sm);color:var(--text-muted)}.compare-after .compare-label{right:var(--space-sm);color:var(--primary)}.compare-handle{position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:var(--primary);z-index:20;cursor:ew-resize}.handle-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:3px solid var(--surface-primary)}.handle-bar:before,.handle-bar:after{content:"";position:absolute;width:8px;height:2px;background:#fff;border-radius:1px}.handle-bar:before{transform:translate(-3px)}.handle-bar:after{transform:translate(3px)}.demo-content{width:100%;height:100%;padding:var(--space-lg);position:relative}.demo-messy{background:#f8f8f8}.demo-clean{background:var(--surface-primary)}.demo-header{height:40px;border-radius:var(--radius-small);margin-bottom:var(--space-md)}.demo-header.misaligned{background:#ddd;transform:rotate(-.5deg);margin-left:5px}.demo-header.aligned{background:var(--primary)}.demo-blocks{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.demo-block{height:30px;border-radius:var(--radius-small)}.demo-block.uneven{background:#eee;width:85%;transform:rotate(.3deg)}.demo-block.uneven-2{background:#e8e8e8;width:92%;margin-left:8px}.demo-block.uneven-3{background:#f0f0f0;width:78%;transform:rotate(-.2deg);margin-left:3px}.demo-block.aligned{background:var(--surface-secondary);width:100%}.demo-cta{height:40px;border-radius:var(--radius-small)}.demo-cta.tiny-grey{background:#ccc;width:60%}.demo-cta.strong-primary{background:var(--primary);width:100%}.promo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:red;color:#fff;padding:8px 16px;font-size:12px;font-weight:700;border:2px dashed white;border-radius:var(--radius-small)}.cookie-bar{position:absolute;bottom:0;left:0;right:0;background:#000000e6;color:#fff;padding:var(--space-sm);font-size:12px}.compare-helper{text-align:center;font-size:14px;color:var(--text-muted);margin-top:var(--space-md);font-weight:500}.wins{padding:clamp(48px,8vw,88px) 0;background:var(--surface-secondary)}.wins-grid{display:grid;gap:var(--space-lg);margin-bottom:var(--space-3xl)}@media (min-width: 768px){.wins-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.wins-grid{grid-template-columns:repeat(3,1fr)}}.win-card{background:var(--surface-primary);border-radius:var(--radius);padding:var(--space-xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;position:relative;border:1px solid var(--border);background-image:linear-gradient(135deg,#0066ff1a,#0066ff0d);background-size:100% 4px;background-repeat:no-repeat;background-position:top}.win-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (hover: hover){.win-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}@media (prefers-reduced-motion: reduce){.win-card{transition:none}.win-card:hover{transform:none}}.win-location{font-size:18px;font-weight:700;color:var(--primary);margin-bottom:var(--space-md)}.win-problem,.win-fix,.win-outcome{margin-bottom:var(--space-md);line-height:1.6}.win-problem strong,.win-fix strong,.win-outcome strong{color:var(--text-primary);font-weight:600}.trustpilot-cta{text-align:center}.benefits{padding:clamp(48px,8vw,88px) 0}.benefits-grid{display:grid;gap:var(--space-lg)}@media (min-width: 768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{background:var(--surface-primary);border-radius:var(--radius);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .2s ease;background-image:linear-gradient(135deg,#0066ff1a,#0066ff0d);background-size:100% 4px;background-repeat:no-repeat;background-position:top}@media (hover: hover){.benefit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.benefit-icon{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-bottom:var(--space-md)}.benefit-card h3{color:var(--text-primary);margin-bottom:var(--space-sm)}.benefit-card p{color:var(--text-muted);line-height:1.5}.process{padding:clamp(48px,8vw,88px) 0;background:var(--surface-secondary)}.timeline{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-3xl);position:relative}@media (min-width: 768px){.timeline{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.timeline:before{content:"";position:absolute;top:30px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--border) 0%,var(--primary) 50%,var(--border) 100%);z-index:1}}.timeline-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}@media (min-width: 768px){.timeline-step{flex:1;max-width:200px}}.step-number{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:var(--space-md);box-shadow:var(--shadow-md);border:4px solid var(--surface-primary)}.step-content h3{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:18px}.step-content p{color:var(--text-muted);font-size:14px;font-weight:500}.process-cta{text-align:center}.faq{padding:clamp(48px,8vw,88px) 0}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-sm)}.faq-item{background:var(--surface-primary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.faq-question{width:100%;padding:var(--space-lg);border:none;background:none;font-size:18px;font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px}.faq-question:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.faq-icon{font-size:20px;color:var(--primary);transition:transform .2s ease;font-weight:300;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.faq-item[data-open=true] .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer p{padding:0 var(--space-lg) var(--space-lg);color:var(--text-secondary);line-height:1.6}@media (prefers-reduced-motion: reduce){.faq-answer,.faq-icon{transition:none}}.form-section{padding:clamp(48px,8vw,88px) 0;background:var(--surface-secondary);scroll-margin-top:16svh}.form-card{max-width:600px;width:95%;margin:0 auto;background:var(--surface-primary);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}@media (min-width: 768px){.form-card{width:100%}}.contact-form{padding:24px}@media (min-width: 768px){.contact-form{padding:var(--space-3xl)}}.form-group{margin-bottom:var(--space-lg)}.form-group label,.form-group legend{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:20px;border:1px solid var(--border);border-radius:var(--radius-small);font-size:16px;font-family:var(--font-system);transition:all .2s ease;background:var(--surface-primary);min-height:44px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}@media (min-width: 768px){.radio-group{flex-direction:row;gap:var(--space-lg)}}.radio-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-small);transition:background-color .2s ease;min-height:44px;flex:1}.radio-label:hover{background-color:var(--surface-secondary)}.radio-label input[type=radio]{width:20px;height:20px;margin-right:var(--space-sm);accent-color:var(--primary)}.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:var(--surface-primary);border-top:1px solid var(--border);padding:var(--space-md);box-shadow:0 -4px 20px #0000001a;transform:translateY(100%);transition:transform .3s ease;z-index:100;padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px))}.sticky-cta.visible{transform:translateY(0)}.sticky-cta.hidden{transform:translateY(100%)}.sticky-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:var(--container-max);margin:0 auto;padding:0}.sticky-text{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.sticky-cta .btn{width:100%}.sticky-dismiss{position:absolute;top:12px;right:16px;background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.sticky-dismiss:hover{background:var(--surface-secondary);color:var(--text-primary)}.sticky-dismiss:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (min-width: 768px){.sticky-cta{padding:20px var(--space-md);padding-bottom:20px}.sticky-content{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-lg)}.sticky-text{font-size:16px;text-align:left;flex:1}.sticky-cta .btn{width:auto;flex-shrink:0}}@media (prefers-reduced-motion: reduce){.sticky-cta{transition:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.visible{opacity:1;visibility:visible}.modal{background:var(--surface-primary);border-radius:var(--radius);box-shadow:var(--shadow-xl);max-width:500px;width:100%;transform:scale(.9);transition:transform .3s ease;border:1px solid var(--border)}.modal-overlay.visible .modal{transform:scale(1)}.modal-content{padding:var(--space-3xl);text-align:center}.modal-content h3{color:var(--text-primary);margin-bottom:var(--space-lg);font-size:24px}.modal-steps{text-align:left;margin-bottom:var(--space-xl)}.modal-steps p{margin-bottom:var(--space-md);font-weight:600;color:var(--text-primary)}.modal-steps ol{margin-left:var(--space-lg);color:var(--text-secondary)}.modal-steps li{margin-bottom:var(--space-sm);line-height:1.5}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal{transition:none}}.footer{background:var(--primary);color:#fff;padding:var(--space-xl) 0;padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px))}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left}}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease;padding:8px 0}@media (hover: hover){.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}}.footer-links a:focus-visible{outline:2px solid white;outline-offset:2px;border-radius:4px}.footer-copyright{font-size:14px;color:#fffc;margin:0}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media print{.sticky-cta,.modal-overlay{display:none!important}}