:root{--bg:#f7f8fa;--card:#fff;--text:#17202a;--muted:#657080;--accent:#17803d;--accent2:#0f5d30;--line:#dce8df;--success:#c62828;--red:#c62828;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(92%,var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{display:flex;align-items:center}.brand img{display:block;width:auto;height:58px;object-fit:contain}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{font-size:.95rem;color:#344052}.nav-links a:hover{color:var(--red)}.btn{display:inline-block;background:var(--accent);color:white;padding:12px 18px;border-radius:10px;font-weight:700;border:0;cursor:pointer}.btn:hover{background:var(--accent2)}.btn.secondary{background:white;color:var(--red);border:1px solid var(--red)}.hero{padding:88px 0 68px;background:linear-gradient(135deg,#edf9f1,#fff8f7)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{display:inline-block;color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin-bottom:12px}.hero h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.05;margin:0 0 18px}.hero p{font-size:1.12rem;color:var(--muted);max-width:680px}.hero-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 14px 40px rgba(20,50,90,.08)}.hero-card h3{margin-top:0}.checks{padding:0;list-style:none}.checks li{margin:10px 0}.checks li:before{content:'✓';color:var(--success);font-weight:800;margin-right:9px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.section{padding:72px 0}.section h2{font-size:2rem;margin:0 0 12px}.section-intro{color:var(--muted);max-width:720px;margin-bottom:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}.card h3{margin-top:0}.icon{font-size:2rem;margin-bottom:10px}.band{background:#0d2d1d;color:#fff}.band p{color:#d5e5da}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:14px}.stat strong{display:block;font-size:1.6rem}.page-hero{padding:58px 0;background:#edf9f1}.page-hero h1{font-size:2.5rem;margin:0 0 10px}.page-hero p{color:var(--muted);max-width:700px}.location-card,.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#edf9f1;color:var(--accent);font-size:.78rem;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #cfd5dd;border-radius:10px;font:inherit;background:#fff}.field textarea{min-height:130px;resize:vertical}.full{grid-column:1/-1}.note{font-size:.9rem;color:var(--muted)}.footer{padding:34px 0;border-top:1px solid var(--line);background:#fff}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.small{font-size:.9rem;color:var(--muted)}.menu-btn{display:none;background:none;border:0;font-size:1.4rem}
.feature-list{display:grid;gap:14px;padding:0;list-style:none}.feature-list li{position:relative;padding-left:30px}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:800}.steps{counter-reset:smart-step}.step{position:relative;padding:28px 24px 24px}.step:before{counter-increment:smart-step;content:counter(smart-step);display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}.quote-band{text-align:center}.quote-band h2{max-width:850px;margin-left:auto;margin-right:auto}.cta-panel{background:linear-gradient(135deg,#edf9f1,#fff);border:1px solid #cfe6d6;border-radius:18px;padding:34px}.media-showcase{padding-top:42px}.smartmart-photo{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:20px;box-shadow:0 16px 45px rgba(20,50,90,.14)}.video-block{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;align-items:center;margin-top:42px}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#0d2d1d;box-shadow:0 14px 40px rgba(20,50,90,.14)}.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0d2d1d}
.easy-section{background:linear-gradient(135deg,#08271a,#153f29)}.step-heading{text-align:center;max-width:680px;margin:0 auto 38px}.step-heading h2{font-size:clamp(2.2rem,4vw,3.1rem)}.step-heading p{font-size:1.05rem}.steps-showcase{position:relative}.steps-showcase .step{min-height:260px;padding:32px;text-align:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#fff,#f1f6ff);box-shadow:0 18px 40px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.steps-showcase .step:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.28)}.steps-showcase .step:before{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:48px;height:48px;border:4px solid #123c27;box-shadow:0 5px 18px rgba(31,111,235,.35)}.steps-showcase .step-icon{display:grid;place-items:center;width:64px;height:64px;margin:22px auto 16px;border-radius:18px;background:#e8f7ed;color:var(--accent);font-size:2rem;font-weight:800}.steps-showcase h3{font-size:1.55rem;margin-bottom:8px}.steps-showcase p{color:var(--muted)}
.process-section{overflow:hidden;background:linear-gradient(180deg,#fff,#f3faf5)}.process-intro{text-align:center;max-width:680px;margin:0 auto 48px}.process-intro h2{font-size:clamp(2.15rem,4vw,3.25rem);line-height:1.1}.process-intro p{color:var(--muted);font-size:1.08rem}.process-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:22px;align-items:center}.process-item{min-height:230px;padding:30px;border:1px solid #cfe6d6;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 14px 35px rgba(31,72,125,.1)}.process-number{font-size:3.7rem;line-height:1;font-weight:900;letter-spacing:-.06em;color:#c7dfce}.process-label{display:block;margin-top:22px;color:var(--accent);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.process-item h3{margin:2px 0 5px;font-size:1.7rem}.process-item p{margin:0;color:var(--muted)}.process-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.45rem;font-weight:800;box-shadow:0 8px 20px rgba(31,111,235,.28)}
.process-art{height:168px;margin:8px 0 20px;display:flex;align-items:center;justify-content:center}.phone-art{position:relative;width:104px;height:168px;margin:8px auto 20px;border:7px solid #173f2a;border-radius:22px;background:#173f2a;box-shadow:0 15px 25px rgba(23,50,91,.22)}.phone-speaker{position:absolute;top:6px;width:31px;height:4px;border-radius:4px;background:#607c69}.phone-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;border-radius:14px;background:linear-gradient(150deg,#eaf4ff,#fff);color:#165b33}.phone-screen strong{font-size:.56rem;letter-spacing:.08em}.qr-shape{display:grid;place-items:center;width:58px;height:58px;border:4px solid var(--accent);border-radius:8px;background:#fff;color:var(--accent);font-size:2.7rem;line-height:1}.phone-home{position:absolute;bottom:4px;width:20px;height:3px;border-radius:4px;background:#789080}.product-art{position:relative;gap:14px;align-items:flex-end}.chip-bag{display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:128px;border-radius:12px 12px 18px 18px;background:linear-gradient(145deg,#ffca28,#ff8f00);color:#173f2a;box-shadow:0 14px 24px rgba(172,103,0,.22);transform:rotate(-6deg);clip-path:polygon(5% 0,95% 0,100% 8%,96% 92%,90% 100%,10% 100%,4% 92%,0 8%)}.chip-bag span{font-size:.9rem;font-weight:900}.chip-bag b{font-size:2.2rem;color:#fff}.soda-bottle{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:125px;border-radius:17px 17px 20px 20px;background:linear-gradient(90deg,#e53935,#ff6659,#c62828);color:#fff;box-shadow:0 14px 24px rgba(143,29,26,.2);transform:rotate(5deg)}.soda-bottle:before{content:'';position:absolute;top:-19px;width:29px;height:22px;border-radius:6px 6px 2px 2px;background:#e53935}.soda-bottle span{position:absolute;top:-24px;width:32px;height:7px;border-radius:3px;background:#25334a}.soda-bottle b{writing-mode:vertical-rl;font-size:.72rem;letter-spacing:.12em}.enjoy-art{position:relative}.enjoy-face{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:linear-gradient(145deg,#3ed18f,#159f69);box-shadow:0 16px 28px rgba(31,143,95,.25)}.enjoy-face span{display:grid;place-items:center;width:68px;height:68px;border:6px solid #fff;border-radius:50%;color:#fff;font-size:2.8rem;font-weight:900}.spark{position:absolute;color:#ffb300;font-size:1.7rem}.spark.one{top:4px;left:25px}.spark.two{right:20px;bottom:6px}.process-copy{text-align:center}
.process-arrow{width:48px;height:48px;border:3px solid #fff;background:linear-gradient(145deg,#20a450,#126e35);box-shadow:0 9px 22px rgba(18,110,53,.3)}.process-arrow svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.product-photo{width:auto;height:172px;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(20,35,55,.2))}
.location-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.location-grid .card{position:relative;overflow:hidden;min-height:220px;padding:26px;border-top:5px solid var(--accent);box-shadow:0 10px 28px rgba(18,74,39,.08);transition:transform .2s ease,box-shadow .2s ease}.location-grid .card:nth-child(-n+4){grid-column:span 3}.location-grid .card:nth-child(n+5){grid-column:span 3}.location-grid .card:nth-child(even){border-top-color:var(--red)}.location-grid .card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(18,74,39,.14)}.location-grid .icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#edf9f1;font-size:1.75rem}.location-grid .card:nth-child(even) .icon{background:#fff1f0}.location-grid h3{margin-top:14px}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:46px;align-items:start}.faq-intro{position:sticky;top:110px}.faq-intro p{color:var(--muted);margin-bottom:24px}.faq-list{display:grid;gap:14px}.faq-list details{overflow:hidden;background:#fff;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:14px;box-shadow:0 8px 24px rgba(18,74,39,.07)}.faq-list details:nth-child(even){border-left-color:var(--red)}.faq-list summary{position:relative;padding:20px 56px 20px 22px;cursor:pointer;list-style:none;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:20px;top:50%;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf9f1;color:var(--accent);font-size:1.25rem;transform:translateY(-50%)}.faq-list details[open] summary:after{content:'−';background:#fff1f0;color:var(--red)}.faq-list details p{margin:0;padding:0 22px 22px;color:var(--muted)}.faq-link{color:var(--accent);font-weight:800;text-decoration:underline;text-underline-offset:3px}.faq-link:hover{color:var(--red)}.faq-actions{justify-content:center}
@media(max-width:1000px){.location-grid{grid-template-columns:repeat(2,1fr)}.location-grid .card:nth-child(n){grid-column:auto}}
@media(max-width:850px){.hero-grid,.grid-3,.grid-2,.stats,.product-grid,.form-grid,.video-block,.faq-layout{grid-template-columns:1fr}.faq-intro{position:static}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 4%;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.hero{padding-top:58px}.hero h1{font-size:2.6rem}.full{grid-column:auto}.smartmart-photo{aspect-ratio:4/3}.steps-showcase{gap:34px}.process-flow{grid-template-columns:1fr;gap:14px}.process-item{min-height:auto}.process-arrow{transform:rotate(90deg);margin:auto}}
.instagram-link{display:inline-flex;align-items:center;gap:9px;margin-top:12px;color:var(--accent);font-size:.9rem;font-weight:800}.instagram-link:hover{color:var(--red)}.instagram-link svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.instagram-link .instagram-dot{fill:currentColor;stroke:none}
@media(max-width:600px){.location-grid{grid-template-columns:1fr}.location-grid .card:last-child{grid-column:auto;width:100%}}