:root{--primary:#1769ff;--text:#172033;--muted:#6f7a8b;--soft:#f4f7fb;--border:#e6ebf2;--green:#16a34a;--yellow:#f4b400;--red:#ea4335;--blue:#4285f4}
html{scroll-behavior:smooth}body{color:var(--text);background:#fff;font-family:Arial,Helvetica,sans-serif}.navbar{min-height:72px}.section-pad{padding:88px 0}.bg-soft{background:var(--soft)}.eyebrow{display:inline-block;color:var(--primary);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.eyebrow-light{color:#a9c7ff}.section-heading{max-width:760px}.hero-section{padding:94px 0 82px;background:radial-gradient(circle at 10% 10%,rgba(66,133,244,.11),transparent 32%),radial-gradient(circle at 90% 20%,rgba(234,67,53,.08),transparent 28%),linear-gradient(180deg,#fff 0%,#f7faff 100%)}.hero-badge{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:#eaf2ff;color:var(--primary);font-size:.82rem;font-weight:800}.flow-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:800;font-size:.9rem}.flow-line span:not(.arrow){padding:8px 12px;background:#fff;border:1px solid var(--border);border-radius:10px}.flow-line .arrow{color:var(--primary)}.hero-card{border-radius:28px;padding:20px;background:#101827;box-shadow:0 25px 60px rgba(15,23,42,.2)}.google-frame{text-align:center;background:#fff;border-radius:24px;padding:36px 28px 28px;position:relative;overflow:hidden;border:12px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--blue),var(--red) 45%,var(--yellow) 70%,var(--green)) border-box}.google-logo{width:84px;height:84px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;color:var(--blue);background:#fff;border:8px solid #eef2f7}.stars{color:#f4b400;font-size:1.35rem;letter-spacing:3px}.qr-box{width:170px;height:170px;background:#fff;border:2px solid #111;display:flex;align-items:center;justify-content:center;padding:10px}.qr-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#111;font-weight:900;font-size:2.2rem;background:repeating-linear-gradient(0deg,#111 0 6px,#fff 6px 12px),repeating-linear-gradient(90deg,#111 0 6px,#fff 6px 12px);mix-blend-mode:multiply}.problem-card,.step-card,.testimonial-card,.price-card,.solution-panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.problem-card h5,.step-card h4{font-weight:800}.icon-circle,.step-number{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary),#61a1ff);margin-bottom:18px}.compare-box{border-radius:18px;padding:22px;border:1px solid var(--border)}.old-way{background:#fff4f4;border-color:#ffd9d6}.new-way{background:#edf9f1;border-color:#cdeed8}.compare-label{font-size:.78rem;text-transform:uppercase;font-weight:900;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.clean-list,.price-list{list-style:none;padding:0;margin:0}.clean-list li,.price-list li{position:relative;padding-left:28px;margin-bottom:12px}.clean-list li::before,.price-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}.value-table-wrap{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.value-table{--bs-table-bg:transparent;--bs-table-color:#fff;--bs-table-border-color:rgba(255,255,255,.12)}.value-table thead th{background:rgba(255,255,255,.08);padding:16px}.value-table td{padding:15px 16px}.dynamic-box{border-radius:28px;padding:38px;background:linear-gradient(135deg,#f7faff,#eef4ff);border:1px solid #dfe8f7}.link-demo{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;text-align:center;box-shadow:0 12px 28px rgba(15,23,42,.05)}.link-demo code{display:block;padding:10px;margin:8px 0;background:#f6f8fb;border-radius:10px;word-break:break-all}.arrow-down{font-size:1.6rem;color:var(--primary);margin:4px 0}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.analytics-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 12px 25px rgba(15,23,42,.05)}.analytics-card span{display:block;color:var(--muted);font-size:.8rem;font-weight:800;text-transform:uppercase;margin-bottom:10px}.analytics-card strong{display:block;font-size:2.3rem}.business-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.business-tags span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-weight:700;box-shadow:0 8px 18px rgba(15,23,42,.04)}.demo-section{background:linear-gradient(135deg,#0b1b38,#164ea8 55%,#1769ff)}.demo-box{max-width:820px;margin:0 auto}.demo-copy{max-width:680px}.price-card{position:relative;padding:30px}.price-card.featured{border:2px solid var(--primary);transform:translateY(-8px);box-shadow:0 22px 50px rgba(23,105,255,.16)}.popular-badge{position:absolute;top:-14px;right:20px;background:var(--primary);color:#fff;padding:7px 12px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.06em}.price-title{font-size:1.1rem;font-weight:800;margin-bottom:10px}.price{font-size:2.2rem;font-weight:900;margin-bottom:20px}.price-list{margin-bottom:26px}.testimonial-card p{font-size:1.03rem;line-height:1.7}.faq-accordion{max-width:880px}.accordion-item{border:1px solid var(--border);border-radius:14px!important;overflow:hidden;margin-bottom:12px}.accordion-button{font-weight:800}.final-cta{padding:74px 0;color:#fff;background:linear-gradient(135deg,#111827,#1f5fd3)}.btn{border-radius:12px;font-weight:700}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:#0d57de;border-color:#0d57de}@media(max-width:991.98px){.section-pad{padding:68px 0}.hero-section{padding:70px 0 64px}.price-card.featured{transform:none}}@media(max-width:767.98px){.section-pad{padding:56px 0}.hero-section{padding:56px 0 50px}.hero-section .display-4{font-size:2.35rem}.analytics-grid{grid-template-columns:1fr}.dynamic-box{padding:26px}.flow-line{gap:8px}}@media(max-width:575.98px){.hero-section .display-4{font-size:2rem}.google-frame{padding:28px 18px 22px}.qr-box{width:150px;height:150px}.section-heading h2{font-size:1.7rem}}