:root{--pri:#ff5b3a;--pri2:#ff8a5c;--pri-soft:#fff0ea;--ink:#1f1b2d;--muted:#7b768a;--line:#efeaf4;--bg:#fff8f3;--card:#fff;--lilac:#7c6cf0;--lilac-soft:#eeebff;--mint:#12b886;--mint-soft:#e3f8f0;--sun:#ffb020;--sun-soft:#fff4d9;--green:#0f9d6b;--red:#e5484d;--gray:#d9d4e6;--shadow:0 6px 24px #1f1b2d12;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:28px;--fs-2xl:40px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{color:var(--ink);font:var(--fs-base)/1.5 "Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(900px 500px at 10% -10%,#ffe3d6 0,#0000 60%),radial-gradient(800px 500px at 100% 0,#e9e4ff 0,#0000 55%),#f7f3ee;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--pri);cursor:pointer;font-weight:600;text-decoration:none}#app{background:var(--bg);max-width:430px;min-height:100vh;margin:0 auto;padding:16px 0 40px;position:relative;box-shadow:0 0 60px #1f1b2d1a}#app.app-main{padding-bottom:112px}#app.wide{max-width:860px}.pad{padding:0 18px}h1,h2,h3{letter-spacing:-.3px;margin:0}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-base)}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1}.mt{margin-top:14px}.mt2{margin-top:24px}.card{background:var(--card);box-shadow:var(--shadow);border-radius:22px;margin:12px 16px;padding:16px}.btn{background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;border:0;border-radius:16px;width:100%;padding:14px 18px;font-weight:700;box-shadow:0 8px 18px #ff5b3a47}.btn.sec{background:var(--pri-soft);color:var(--pri);box-shadow:none}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.btn.google{color:var(--ink);background:#fff;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 6px 20px #1f1b2d1f}.btn.sm{width:auto;font-size:var(--fs-sm);box-shadow:none;border-radius:12px;padding:8px 14px}.chip{min-height:44px;font-size:var(--fs-base);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;margin:0 6px 8px 0;padding:8px 14px;font-weight:500;display:inline-flex}.chip.on{background:var(--ink);color:#fff;box-shadow:none}.chip.off{opacity:.5;cursor:default}.chip.add{color:var(--pri);box-shadow:inset 0 0 0 1.5px var(--pri);background:var(--pri-soft)}input[type=text],input[type=email],input[type=date],input[type=time],input:not([type]),textarea,select{width:100%;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border:0;border-radius:14px;outline:none;padding:12px 14px}input:focus,textarea:focus,select:focus{box-shadow:inset 0 0 0 2px var(--pri)}label.l{font-size:var(--fs-sm);color:var(--muted);margin:14px 0 6px;font-weight:600;display:block}.top{justify-content:space-between;align-items:center;padding:6px 18px 4px;display:flex}.brand{align-items:center;gap:9px;display:flex}.wm{font-weight:800;font-size:var(--fs-lg);letter-spacing:-.5px}.wm b{color:var(--pri);margin-left:2px;font-weight:800}.avatar{background:linear-gradient(135deg,var(--lilac),#a99bff);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.banner{background:var(--sun-soft);font-size:var(--fs-sm);border-radius:18px;margin:10px 16px 0;padding:12px 14px}.banner button{margin-top:8px}.seg{box-shadow:var(--shadow);background:#fff;border-radius:16px;margin:12px 16px 0;padding:4px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;padding:8px 0;font-weight:600}.seg button.on{background:var(--ink);color:#fff}.nav{z-index:20;background:#fff;border-radius:26px;width:calc(100% - 24px);max-width:406px;padding:6px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 36px #1f1b2d2e}.nav button{font-size:var(--fs-xs);color:var(--muted);background:0 0;border:0;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 6px;font-weight:600;display:flex}.nav button.on{color:var(--pri);background:var(--pri-soft)}.fabwrap{pointer-events:none;z-index:25;justify-content:flex-end;width:100%;max-width:430px;padding-right:18px;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.fab{pointer-events:auto;background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:13px 20px 13px 16px;font-weight:700;display:flex;box-shadow:0 10px 24px #ff5b3a66}.big{font-size:var(--fs-xl);letter-spacing:-1px;font-weight:800;line-height:1.15}.up{color:var(--green);font-weight:700}.down{color:var(--red);font-weight:700}.kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 16px;display:grid}.kpi{box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:12px}.kpi .v{font-weight:800;font-size:var(--fs-base);letter-spacing:-.3px}.chart{width:100%;height:auto;display:block}.chart text{font-size:var(--fs-xs)}.cta{background:var(--ink);color:#fff;border-radius:24px;padding:22px 18px}.cta .muted{color:#cfc9de}.legend{font-size:var(--fs-xs);color:var(--muted);gap:14px;margin-top:4px;display:flex}.dot{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.hb{margin:10px 0}.hb .bar{background:#f1edf7;border-radius:6px;height:10px;margin-top:5px;overflow:hidden}.hb .bar i{background:var(--pri);border-radius:6px;height:100%;display:block}.tip{background:var(--lilac-soft);font-size:var(--fs-base);border-radius:18px;margin:12px 16px;padding:12px 14px}.hero-card{color:#fff;background:linear-gradient(135deg,#ff5b3a 0,#ff7a59 45%,#ff9a6c 100%);border-radius:26px;margin:12px 16px 0;padding:20px;position:relative;overflow:hidden;box-shadow:0 14px 30px #ff5b3a59}.hero-card:after{content:"";background:#ffffff29;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.hero-card.neg{background:linear-gradient(135deg,#5b4fd6,#7c6cf0)}.hero-card .pill{font-size:var(--fs-sm);background:#ffffff38;border-radius:999px;margin-top:6px;padding:3px 10px;font-weight:600;display:inline-block}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line);font-size:var(--fs-sm);padding:9px 4px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600;font-size:var(--fs-sm)}tr:last-child td{border-bottom:0}.li{align-items:center;gap:12px;padding:12px 16px;display:flex}.li+.li{border-top:1px solid var(--line)}.list{box-shadow:var(--shadow);background:#fff;border-radius:22px;margin:8px 16px;overflow:hidden}.li .t{flex:1;min-width:0}.li .t div:first-child{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ic{background:var(--pri-soft);width:40px;height:40px;color:var(--pri);font-size:var(--fs-lg);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.badge{font-size:var(--fs-xs);background:var(--mint-soft);color:#0b7a55;white-space:nowrap;border-radius:999px;padding:3px 10px;font-weight:700;display:inline-block}.badge.no{color:#c0262b;background:#ffe5e5}.badge.st{background:var(--lilac-soft);color:#5646d6}.dayh{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:14px 20px 2px;font-weight:700}.sheet-bg{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f1b2d73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#fff;border-radius:28px 28px 0 0;width:100%;max-width:430px;max-height:90vh;padding:20px 18px 24px;overflow:hidden auto}.sheet.legal{max-height:86vh}.grab{background:var(--gray);border-radius:2px;width:40px;height:4px;margin:-8px auto 14px}.step{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.step button{background:var(--pri-soft);width:44px;height:44px;color:var(--pri);font-size:var(--fs-md);border:0;border-radius:12px;font-weight:700;line-height:1}.toast{background:var(--ink);color:#fff;z-index:60;font-size:var(--fs-base);border-radius:16px;max-width:90%;padding:11px 18px;position:fixed;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.check{cursor:pointer;align-items:center;gap:12px;padding:10px 0;display:flex}.tick{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--gray);font-size:var(--fs-sm);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.tick.ok{background:var(--mint);box-shadow:none}.stack{border-radius:7px;gap:2px;height:14px;margin:10px 0;display:flex;overflow:hidden}.funnel div{margin:7px 0}.funnel .bar{background:linear-gradient(90deg,var(--pri),var(--pri2));color:#fff;height:24px;font-size:var(--fs-xs);white-space:nowrap;border-radius:8px;padding:3px 10px;font-weight:600}.grid2{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 16px;display:grid}@media (width<=600px){.grid2{grid-template-columns:repeat(2,1fr)}}.scroll{overflow-x:auto}.wl{padding:20px 20px 0}.wl h1,.hero-text h1{font-size:var(--fs-xl);margin-top:20px;font-weight:800;line-height:1.18}.hl{background:linear-gradient(#0000 60%,#ffd9cc 60%);padding:0 2px}.wl p.lead,.hero-text p.lead{color:var(--muted);font-size:var(--fs-md);margin:12px 0 20px}.pills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pills span{font-size:var(--fs-sm);box-shadow:var(--shadow);background:#fff;border-radius:999px;padding:6px 12px;font-weight:600}.sec{padding:30px 20px 0}.sec h2{font-size:var(--fs-lg);margin-bottom:12px}.tile-g{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{font-size:var(--fs-sm);border-radius:20px;padding:14px}.tile b{font-size:var(--fs-base);margin:6px 0 2px;display:block}.tile .e{font-size:var(--fs-lg)}.stepcard{box-shadow:var(--shadow);background:#fff;border-radius:20px;align-items:flex-start;gap:14px;margin-bottom:10px;padding:14px;display:flex}.num{font-size:var(--fs-sm);background:var(--ink);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}details.faq{box-shadow:var(--shadow);background:#fff;border-radius:18px;margin-bottom:8px;padding:13px 16px}details.faq summary{cursor:pointer;font-weight:600}details.faq p{color:var(--muted);font-size:var(--fs-base);margin:8px 0 0}.pledge{background:var(--ink);color:#fff;border-radius:24px;padding:18px}.pledge .check{cursor:default}.foot{text-align:center;font-size:var(--fs-sm);color:var(--muted);padding:28px 20px 10px}.foot a{margin:0 8px}.preview{background:#fff;border-radius:22px;margin:6px 4px 0;padding:14px;transform:rotate(-1.5deg);box-shadow:0 14px 34px #1f1b2d24}.legal h2{font-size:var(--fs-lg)}.legal h3{font-size:var(--fs-base);margin:16px 0 4px}.legal p,.legal li{font-size:var(--fs-base);color:#3b3650;margin:4px 0}.legal ul{margin:4px 0;padding-left:20px}.ph{background:#fff1b8;border-radius:5px;padding:0 4px}.tabs{gap:8px;margin:10px 0 4px;display:flex}.hero-visual .preview-order{max-width:380px;margin:0 4px 16px;transform:rotate(1.5deg)}.nav button{position:relative}.nav-badge{background:var(--red);color:#fff;font-size:var(--fs-xs);border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-weight:700;line-height:18px;position:absolute;top:2px;right:calc(50% - 24px)}.newbanner{background:var(--ink);color:#fff;cursor:pointer;border-radius:16px;margin:10px 16px 0;padding:12px 14px;font-weight:600}.newcard{box-shadow:0 0 0 2px var(--pri-soft),var(--shadow)}.sw{background:var(--gray);cursor:pointer;border-radius:999px;flex:none;width:46px;height:28px;display:inline-block;position:relative}.sw i{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.sw.on{background:var(--mint)}.sw.on i{left:21px}.linkbox{background:var(--pri-soft);color:var(--pri);word-break:break-all;border-radius:14px;margin-top:6px;padding:12px 14px;font-weight:600}.qr{box-shadow:var(--shadow);border-radius:12px;flex:none}.cust{padding:0 0 20px}.chead{align-items:center;gap:12px;padding:18px 18px 8px;display:flex}.prod{box-shadow:var(--shadow);background:#fff;border-radius:20px;align-items:center;gap:12px;margin:8px 16px;padding:12px;display:flex}.prod.off{opacity:.55}.pe{background:var(--pri-soft);width:52px;height:52px;font-size:var(--fs-lg);border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}.qb{background:var(--pri-soft);width:34px;height:34px;color:var(--pri);font-size:var(--fs-md);border:0;border-radius:12px;font-weight:700}.topbar{padding:12px 20px 0}.hero{padding:0 20px}.hero-visual{margin-top:22px;padding:0 4px}.steps,.faq-g,.shell,.dgrid{display:block}.content{min-width:0}.mid-cta{padding-top:8px}@media (width>=900px){#app.page-narrow,#app.page-text{border-radius:28px;min-height:0;margin:40px auto;padding:32px 36px 40px;box-shadow:0 20px 60px #1f1b2d1f}#app.page-narrow{max-width:560px}#app.page-text{max-width:780px}.home-empty{max-width:640px;margin:24px auto}#app.landing{max-width:1120px;box-shadow:none;background:0 0;padding:24px 32px 40px}.topbar{padding:0 0 12px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding:36px 0 20px;display:grid}.hero-text h1{font-size:var(--fs-2xl)}.hero-text .btn.google{max-width:380px}.hero-text .small{text-align:left!important;margin-left:0!important}.hero-visual{margin-top:0}.preview{max-width:380px;margin:0 auto;padding:22px;transform:rotate(-2deg)}.sec{padding:60px 0 0}.steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stepcard{margin-bottom:0}.mid-cta{max-width:380px;margin:0 auto;padding-top:24px}.tile-g{grid-template-columns:repeat(3,1fr);gap:14px}.faq-g{grid-template-columns:1fr 1fr;align-items:start;gap:10px 14px;display:grid}details.faq{margin-bottom:0}.cta{text-align:center;padding:44px 24px}.cta .btn.google{max-width:380px;margin:0 auto}.foot{padding:44px 0 0}#app.app-main{max-width:1100px;padding:24px 28px 40px}.top{padding:0 0 18px}.shell{grid-template-columns:210px 1fr;align-items:start;gap:28px;display:grid}.shell .nav{border-radius:24px;flex-direction:column;width:auto;max-width:none;padding:10px;position:sticky;top:70px;bottom:auto;left:auto;transform:none}.shell .nav button{font-size:var(--fs-base);flex-direction:row;justify-content:flex-start;gap:12px;padding:13px 16px}.content{max-width:820px}.dgrid{grid-template-columns:1fr 1fr;display:grid}.dgrid .span2{grid-column:span 2}.fabwrap{max-width:1100px;padding-right:32px;bottom:28px}.toast{bottom:90px}.sheet-bg{align-items:center}.sheet{border-radius:28px;max-width:520px}}.alert-error{color:#c0262b;background:#ffe5e5}.linklike{color:var(--pri);cursor:pointer;background:0 0;border:0;padding:6px 4px;font-weight:600}.linklike:disabled{color:var(--muted);cursor:default}.otp-input{font-size:var(--fs-lg);letter-spacing:.3em;text-align:center;font-weight:700}.chip-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 16px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip-row .chip{white-space:nowrap;flex:none;margin:0}.sheet-foot{z-index:1;background:#fff;margin:16px -18px -24px;padding:12px 18px 24px;position:sticky;bottom:0;box-shadow:0 -10px 14px -10px #1f1b2d2e}.banner.compact{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.banner.compact button{margin-top:0}.rowmain{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-items:flex-start;gap:12px;padding:0;display:flex}.more-toggle{background:var(--pri-soft);color:var(--pri);cursor:pointer;border-radius:14px;padding:12px 14px;font-weight:600;list-style:none;display:block}.more-toggle::-webkit-details-marker{display:none}.btn.sm{white-space:nowrap}.dayh.plain{text-transform:none;letter-spacing:0;font-weight:700}.check{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;min-height:44px}table.cmp{border-collapse:collapse;width:100%;font-size:var(--fs-base);margin-top:8px}table.cmp th{font-size:var(--fs-sm);color:var(--muted);text-align:right;padding:6px 4px;font-weight:600}table.cmp th:first-child,table.cmp td:first-child{text-align:left}table.cmp td{text-align:right;vertical-align:baseline;border-top:1px solid #f1edf7;padding:9px 4px}.rank-list,.stack-list{margin:0;padding:0;list-style:none}.rank-list li{align-items:center;gap:10px;min-width:0;padding:7px 0;display:flex}.rank-name{overflow-wrap:anywhere;flex:1;min-width:0}.stack-row{min-width:0;font-size:var(--fs-sm);justify-content:space-between;gap:10px;padding:3px 0;display:flex}.stack-row span{overflow-wrap:anywhere;min-width:0}table.cmp th,table.cmp td:nth-child(n+2){white-space:nowrap}table.cmp td:last-child .muted{font-size:var(--fs-xs)}.cmp-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.seg button{min-height:44px}.banner.danger{color:#c0262b;background:#ffe5e5}