:root{color-scheme:dark;--bg:#071529;--navy:#0c2040;--text:#f2f7ff;--muted:#a7bad2;--blue:#4f91ff;--cyan:#4cdbed;--line:rgba(179,210,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(70px);border-radius:50%}.ambient-one{width:430px;height:430px;background:rgba(34,111,230,.19);top:100px;right:-150px}.ambient-two{width:300px;height:300px;background:rgba(36,203,222,.10);top:470px;left:-160px}.header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:850;letter-spacing:.06em;line-height:1.15}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.19em;margin-top:6px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#2f76e8,#53d7e8);font-weight:900;color:white;letter-spacing:-.08em}.header nav{display:flex;gap:30px;align-items:center;font-size:14px;color:#c4d3e8}.header nav a:hover{color:white}.nav-cta{border:1px solid #4c82c9;border-radius:10px;padding:9px 17px;color:white!important}.hero{min-height:625px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:50px;padding-top:75px;padding-bottom:95px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#70caff}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(105,190,255,.22);border-radius:100px;background:rgba(41,116,207,.1)}.live-dot{width:7px;height:7px;background:#51e2c2;border-radius:50%;box-shadow:0 0 0 4px rgba(81,226,194,.12)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5vw,65px);letter-spacing:-.055em;line-height:1.13;margin:24px 0}h1 span{display:block;background:linear-gradient(100deg,#72b3ff,#55d6e5);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:17px;max-width:535px;color:var(--muted);line-height:1.85}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 23px;border-radius:11px;font-weight:800;font-size:13px;letter-spacing:.03em;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(115deg,#4384f5,#42c3e9);box-shadow:0 12px 28px rgba(47,123,228,.24)}.btn-secondary{border:1px solid #365373;background:rgba(255,255,255,.035)}.micro{font-size:12px;color:#91a8c6}.micro span{margin-left:12px}.preview{position:relative;background:linear-gradient(150deg,#122e52,#0b1d38);border:1px solid rgba(140,192,255,.25);border-radius:19px;box-shadow:0 30px 90px rgba(0,0,0,.28);transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em;color:#9cb6d7}.dots{color:#6682a8;letter-spacing:3px}.secure{color:#55d8ad;font-size:9px}.preview-body{padding:39px 36px 35px}.preview-label{font-size:10px;letter-spacing:.19em;color:#65c7f0;font-weight:800}.preview h2{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin:13px 0 25px}.fake-field{border:1px solid #315277;background:#0a1c35;color:#7d97b8;border-radius:9px;display:flex;justify-content:space-between;padding:13px 15px;font-size:12px}.fake-button{margin-top:12px;background:linear-gradient(100deg,#3678df,#3ba9cf);border-radius:9px;text-align:center;padding:13px;font-size:11px;font-weight:800;letter-spacing:.07em}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.preview-stats div{padding:12px 8px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:9px;text-align:center}.preview-stats b{display:block;font-size:20px;color:#8bc9ff}.preview-stats small{font-size:10px;color:#91aacb}.floating-tag{position:absolute;right:-22px;bottom:-20px;background:#163a5c;color:#9feaf2;border:1px solid #37688e;border-radius:10px;padding:12px 16px;font-size:12px;box-shadow:0 14px 30px #0004}.features{padding-top:45px;padding-bottom:100px}.section-intro{text-align:center;max-width:620px;margin:0 auto 43px}.section-intro h2{font-size:clamp(29px,3.5vw,42px);letter-spacing:-.04em;line-height:1.25;margin:12px 0}.section-intro p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:linear-gradient(145deg,#102744,#0c1e36);border:1px solid var(--line);padding:30px;border-radius:17px}.feature-icon{width:48px;height:48px;border-radius:12px;background:#183c62;display:grid;place-items:center;color:#72c7ff;font-size:25px;margin-bottom:20px}.feature-card h3,.step h3{font-size:18px;margin-bottom:8px}.feature-card p,.step p{color:var(--muted);font-size:14px;margin:0}.steps-section{background:#0b1d35;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 0 90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{padding:0 22px;border-left:1px solid #2a4a70}.step span{font-size:39px;font-weight:900;color:#4985cf;letter-spacing:-.05em}.step h3{margin-top:8px}.cta-section{padding-top:95px;padding-bottom:95px}.cta-panel{text-align:center;background:radial-gradient(circle at top right,#22528c,#12335b 45%,#102645);border:1px solid #3a638e;border-radius:22px;padding:65px 25px}.cta-panel h2{font-size:clamp(29px,4vw,43px);letter-spacing:-.04em;margin:10px 0}.cta-panel p{color:#b9cde4;margin-bottom:27px}.btn-light{background:#f0f8ff;color:#113c6c}.warning{color:#ffd29a!important;font-size:13px;margin-top:20px!important}.footer{border-top:1px solid var(--line);min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer>a{font-size:12px;color:#8fa6c5;margin:0}.footer-brand{font-size:14px}.footer-brand .brand-icon{width:37px;height:37px;font-size:13px}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:40px;padding-top:60px}.preview{max-width:560px;width:100%;margin:auto}.cards,.steps{grid-template-columns:1fr}.header nav{gap:15px}.header nav>a:not(.nav-cta){display:none}.footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.features{padding-bottom:70px}}@media(max-width:480px){.wrap{padding-left:19px;padding-right:19px}.header{height:78px}.brand{font-size:15px}.brand-icon{width:38px;height:38px}.nav-cta{font-size:11px;padding:8px 10px}.hero{padding-top:49px;padding-bottom:75px}h1{font-size:43px}.lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.micro span{margin-left:6px}.preview-body{padding:25px 19px}.preview h2{font-size:25px}.preview-top{padding:12px;font-size:8px}.floating-tag{right:-5px;bottom:-17px}.cta-panel{padding:45px 18px}.footer{flex-direction:column;align-items:flex-start}}

/* Logo brand uses the same shopping bag icon as the favicon */
img.brand-icon{display:block;object-fit:cover;background:none;letter-spacing:normal;flex-shrink:0;}

/* NGOC HAN - light blue refresh, 2026-11-06 */
:root{color-scheme:light;--bg:#f4f9ff;--navy:#eaf4ff;--text:#142c4c;--muted:#58718e;--blue:#2479e9;--cyan:#17a8d5;--line:rgba(45,104,166,.17)}
body{background:linear-gradient(125deg,#f8fbff 0%,#edf6ff 54%,#f6fbff 100%);color:var(--text)}
.ambient-one{background:rgba(75,159,255,.17)}.ambient-two{background:rgba(67,201,224,.14)}
.header nav{color:#365b83}.header nav a:hover{color:#1267c8}.brand small{color:#52799d}
.nav-cta{border-color:#a6c8ee;color:#1564b7!important;background:#ffffffb5}
.eyebrow{color:#1768b3;border-color:#b8d8f5;background:#e5f3ff}.kicker{color:#1672bf}
h1 span{background:linear-gradient(100deg,#2677e2,#16a6cc);background-clip:text;-webkit-background-clip:text;color:transparent}
.btn-primary{background:linear-gradient(115deg,#2777ed,#18b4d4);color:#fff;box-shadow:0 12px 25px rgba(36,117,213,.19)}
.btn-secondary{border-color:#b4d0eb;background:#fff;color:#244f7c}.micro{color:#607c9c}
.preview{background:linear-gradient(155deg,#ffffff,#eaf5ff);border-color:#c3dcf4;box-shadow:0 25px 65px rgba(45,100,165,.14)}
.preview-top{color:#6685a5;border-bottom-color:#d6e6f5}.dots{color:#7b9bbd}.secure{color:#159879}
.preview-label{color:#1682c5}.preview h2{color:#15375e}
.fake-field{background:#fff;border-color:#bfd7ef;color:#7a92aa}.fake-button{background:linear-gradient(100deg,#2878e7,#20a9d2);color:#fff}
.preview-stats div{background:#f3f9ff;border-color:#d4e5f5}.preview-stats b{color:#2579cb}.preview-stats small{color:#6485a5}
.floating-tag{background:#e2f5ff;color:#126a9d;border-color:#a9d6ed;box-shadow:0 12px 25px rgba(32,96,155,.13)}
.feature-card{background:#fff;border-color:#d4e5f5;box-shadow:0 12px 35px rgba(44,100,163,.07)}
.feature-icon{background:#e6f3ff;color:#2784ce}
.steps-section{background:#eaf4ff;border-color:#d2e5f7}.step{border-left-color:#b6d5f1}.step span{color:#3985d5}
.cta-panel{background:radial-gradient(circle at top right,#d3eaff,#e6f4ff 55%,#f5fbff);border-color:#b6d9f5;box-shadow:0 18px 45px rgba(54,115,176,.09)}
.cta-panel p{color:#54728e}.btn-light{background:linear-gradient(115deg,#2777ed,#18b4d4);color:#fff}
.warning{color:#a56618!important}.footer p,.footer>a{color:#617d99}