*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#09264a;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 1px 12px rgba(0,0,0,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand img{width:145px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700}.nav-links a:not(.btn):hover{color:#4dbb3f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#4fbe42;color:#fff;border:2px solid #4fbe42;border-radius:28px;padding:12px 23px;font-weight:800;box-shadow:0 8px 18px rgba(79,190,66,.18);transition:.2s}.btn:hover{transform:translateY(-2px);background:#43ad37}.btn-outline{background:transparent;color:#fff;border-color:#fff;box-shadow:none}.btn-outline:hover{background:#fff;color:#09264a}.btn-small{padding:9px 18px}.menu-toggle{display:none;border:0;background:none;font-size:26px;color:#09264a}.hero{background:linear-gradient(115deg,#061f3d 0%,#0b345d 58%,#eaf7e9 58%,#fff 100%);color:#fff;padding:75px 0 65px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:900;color:#4fbe42;margin:0 0 9px}.hero .eyebrow{color:#d8f5d3}.hero h1{font-size:clamp(38px,5vw,61px);line-height:1.05;margin:0 0 22px;letter-spacing:-2px}.hero h1 span,.why h2 span{color:#50c442}.hero-text{font-size:18px;max-width:630px;color:#dbe7f2}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0;font-size:13px;font-weight:700}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.availability{font-size:12px;color:#c9d8e7;margin-top:18px}.hero-card{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}.laptop{width:min(500px,100%);background:#b8c0c9;border-radius:16px;padding:12px;box-shadow:0 25px 50px rgba(0,0,0,.28);transform:rotate(-2deg)}.screen{height:285px;border-radius:9px;background:linear-gradient(135deg,#f5f8fa,#fff);display:flex;align-items:center;justify-content:center;gap:25px;color:#09264a}.screen img{width:175px}.screen p{font-size:22px;line-height:1.2}.keyboard{height:18px;margin:8px 50px 0;background:repeating-linear-gradient(90deg,#dfe3e7 0 14px,#aeb7c0 14px 16px);border-radius:5px}.coffee{position:absolute;bottom:5px;left:5px;background:#fff;color:#173452;padding:14px 18px;border-radius:10px;box-shadow:0 12px 25px rgba(0,0,0,.2);font-size:13px;text-align:center;line-height:1.1}.trust-strip{border-bottom:1px solid #edf1f4}.trust-items{display:flex;justify-content:space-around;gap:20px;padding:15px;font-weight:800;font-size:14px}.trust-items span{color:#36536d}.platforms{padding:25px 0;border-bottom:1px solid #eef2f4}.center{text-align:center}.platform-row{display:flex;justify-content:space-between;align-items:center;gap:25px;color:#6d7d8d;font-size:22px;font-weight:800;flex-wrap:wrap;margin-top:18px}.section{padding:82px 0}.section-title{text-align:center;font-size:38px;line-height:1.15;margin:0 auto 8px;letter-spacing:-1px}.section-subtitle{text-align:center;color:#66788a;max-width:700px;margin:0 auto 35px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:27px;border:1px solid #e8eef3;border-radius:12px;box-shadow:0 8px 25px rgba(15,43,72,.05);background:#fff}.icon{width:44px;height:44px;border-radius:50%;background:#e8f5ff;color:#0875c9;display:grid;place-items:center;font-size:21px;margin-bottom:17px}.feature h3{margin:0 0 7px;font-size:18px}.feature p{margin:0;color:#607286;font-size:14px}.why{background:#f4f8fb}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.why h2{font-size:42px;line-height:1.1;margin:0 0 17px}.why p{color:#5e7183}.check-list{border-left:1px solid #dbe4eb;padding-left:38px}.check-list p{margin:10px 0;font-weight:700;color:#263f59}.stats{padding:28px 0;background:#fff;border-bottom:1px solid #eef2f5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats strong{display:block;font-size:29px}.stats span{display:block;color:#738396;font-size:13px}.pricing{background:#fbfcfd}.pricing-grid{display:grid;grid-template-columns:repeat(2,360px);justify-content:center;gap:22px}.price-card{position:relative;background:#fff;border:1px solid #e1e8ee;border-radius:13px;padding:32px;box-shadow:0 10px 30px rgba(10,40,70,.06)}.price-card.popular{border:2px solid #4fbe42}.badge{position:absolute;top:-14px;right:25px;background:#4fbe42;color:#fff;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:900}.price-card h3{text-align:center;margin:0}.price{text-align:center;font-size:40px;font-weight:900;margin:8px 0 18px}.price small{font-size:13px;font-weight:600;color:#758496}.price-card ul{padding:0;list-style:none;color:#53677b}.price-card li{margin:10px 0}.price-card li:before{content:"✓";color:#4fbe42;font-weight:900;margin-right:10px}.full{width:100%}.pricing-note{text-align:center;color:#7b8997;font-size:13px;margin-top:20px}.testimonials{background:#fff}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-grid blockquote{margin:0;background:#f5f8fb;border-radius:10px;padding:25px;font-size:16px;color:#304b65}.quote-grid cite{display:block;margin-top:18px;font-style:normal;font-weight:800;color:#09264a}.quote-grid small{display:block;font-weight:500;color:#8491a0;font-size:11px;margin-top:6px}.contact{padding:45px 0}.contact-box{background:#062545;color:#fff;border-radius:15px;padding:40px;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.contact-box h2{font-size:38px;margin:0 0 10px}.contact-box p{color:#d3e0ec}.email{font-weight:800}.email a{color:#9be891}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea{width:100%;border:0;border-radius:7px;padding:13px;font:inherit;margin-bottom:12px}textarea{resize:vertical}.form-note{font-size:13px;margin:8px 0 0}.footer{padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner img{width:145px}.footer-links{display:flex;gap:22px;font-size:13px;font-weight:700}.copyright{border-top:1px solid #e7edf1;margin-top:20px;padding-top:15px;color:#8b98a5;font-size:11px;display:flex;justify-content:space-between}.copyright span{color:#5f778d}@media(max-width:850px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px 4%;flex-direction:column;align-items:stretch;box-shadow:0 10px 20px rgba(0,0,0,.08)}.nav-links.open{display:flex}.nav-links .btn{text-align:center}.hero{background:#092d51}.hero-grid,.two-col,.contact-box{grid-template-columns:1fr}.hero-card{display:none}.feature-grid,.quote-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:auto}.platform-row{justify-content:center}.check-list{border-left:0;padding-left:0}}@media(max-width:560px){.hero{padding:55px 0}.hero h1{font-size:40px}.feature-grid,.quote-grid{grid-template-columns:1fr}.section{padding:60px 0}.section-title{font-size:30px}.why h2{font-size:34px}.trust-items{flex-wrap:wrap;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.contact-box{padding:27px}.footer-inner,.copyright{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.brand img{width:130px}}

/* EcomAssist UK refinements */
.site-header { overflow: visible; }
.nav { height: 100px; }
.brand img { width: 100px; height: auto; display: block; }
.pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.price-card { display: flex; flex-direction: column; }
.price-card ul { flex: 1; }
.trial-card { border: 2px solid #4fbe42; }
.trial-intro { color: #64748b; font-size: 15px; line-height: 1.6; margin: 18px 0; }
.contact-details { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.contact-details .email { display: inline-block; }
.whatsapp-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; color: #9be891; }
.whatsapp-icon { width: 22px !important; height: 22px !important; flex: 0 0 22px; display: inline-block; }
.whatsapp-link:hover { text-decoration: underline; }
.testimonial-carousel { position: relative; max-width: 820px; margin: 35px auto 0; overflow: hidden; }
.testimonial-track { display: flex; transition: transform .45s ease; }
.testimonial-slide { min-width: 100%; padding: 0 58px; }
.testimonial-card { background: #f5f8fb; border: 1px solid #e3ebf1; border-radius: 14px; padding: 34px 44px; text-align: center; box-shadow: 0 10px 30px rgba(10,40,70,.06); }
.stars { color: #4fbe42; letter-spacing: 3px; font-size: 18px; margin-bottom: 16px; }
.testimonial-placeholder { color: #526a80; font-size: 18px; line-height: 1.7; margin: 0 auto 20px; max-width: 650px; }
.testimonial-author { display: flex; flex-direction: column; gap: 3px; }
.testimonial-author span { color: #8491a0; font-size: 13px; }
.testimonial-prev, .testimonial-next { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 0; border-radius: 50%; background: #4fbe42; color: #fff; font-size: 21px; cursor: pointer; box-shadow: 0 6px 16px rgba(79,190,66,.2); }
.testimonial-prev { left: 4px; }
.testimonial-next { right: 4px; }
.testimonial-dots { display: flex; justify-content: center; gap: 8px; margin-top: 18px; }
.testimonial-dot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: #cbd5e1; cursor: pointer; }
.testimonial-dot.active { background: #4fbe42; }
@media (max-width: 950px) { .pricing-grid { grid-template-columns: 1fr; max-width: 430px; margin: 0 auto; } }
@media (max-width: 850px) { .nav { height: 72px; } .nav-links { top: 72px; } .brand img { width: 78px; } }
@media (max-width: 560px) { .testimonial-slide { padding: 0 36px; } .testimonial-card { padding: 28px 22px; } .testimonial-placeholder { font-size: 16px; } .testimonial-prev, .testimonial-next { width: 36px; height: 36px; font-size: 18px; } }
