/* Compact marketing layout: shared by zh / vi / en. Original evidence images stay intact. */
:root{--light:#e4ebf7;--soft:#eaf0f7;--line:#d1dbe9}
html{scroll-padding-top:86px}
.wrap{width:min(1120px,calc(100% - 80px))}
h2{font-size:clamp(28px,3.1vw,38px);letter-spacing:-1px;line-height:1.3}
h3{font-size:20px}
p{line-height:1.65}
.nav-wrap{max-width:1240px;min-height:68px;padding:12px 40px}
.logo{width:148px}.footer-logo{width:140px}
.hero{padding-top:72px;padding-bottom:68px}
.hero h1{font-size:clamp(42px,5.5vw,66px);letter-spacing:-2px}
.hero-sub{font-size:18px;margin-top:22px}.hero-detail{font-size:16px}
.actions{margin-top:24px;gap:12px}.button{min-height:44px;padding:10px 20px;font-size:14px;border-radius:6px}
.section{padding-block:72px}.section-heading{margin-bottom:28px}
.section-heading p{font-size:17px;margin-top:14px;max-width:760px}
.math-section{padding-block:56px}.math-grid{margin:24px 0 16px}
.math-step{padding-top:16px;padding-bottom:20px}.math-step h3{font-size:19px}
.math-step p{font-size:14px;margin-bottom:14px}.math-step strong{font-size:clamp(34px,3.8vw,50px)}
.math-step span{font-size:13px;margin-top:8px}
.probability{margin-top:24px;padding-top:24px}.probability h3{font-size:22px}.probability>p:not(.note){font-size:16px}
#cases{max-width:920px}.brand-group{margin-top:28px}
.brand-head{margin-bottom:12px;gap:16px}.brand-head h3{font-size:21px}.brand-head span{font-size:13px}
.video-grid{gap:14px}.video-grid a{border-radius:6px}
.account-section,.commerce-pricing,.commerce-order,.august{background:var(--soft)}
.account-grid{grid-template-columns:repeat(2,minmax(0,350px));gap:32px;margin-top:28px}
.account-shot{border-radius:7px}.account-shot figcaption{padding:14px 18px;gap:3px}.account-shot strong{font-size:20px}
.frequency-layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:40px}
.frequency-frames{gap:14px}.frequency-frames img{border-radius:6px}
.frequency-copy .case-name{margin-bottom:16px}.frequency-stat strong{font-size:72px;letter-spacing:-3px}
.frequency-copy .formula{font-size:16px;margin:14px 0}.frequency-copy>p{font-size:15px}
.august{padding:24px;gap:28px;margin-top:28px;border-radius:7px}.august p{font-size:15px;margin:8px 0}
.features{gap:28px;margin-bottom:32px}.features h3{font-size:19px}.features p{font-size:15px;margin-top:8px}
.editor{max-width:960px;margin-inline:auto}.editor img{border-radius:7px;box-shadow:0 8px 24px rgb(35 68 130 / 7%)}
.matrix-demo{border-radius:8px;box-shadow:0 6px 20px rgb(35 68 130 / 5%)}
.matrix-demo-head{padding:14px 22px;background:var(--soft)}.matrix-demo-head strong{font-size:18px}
.matrix-tabs button{min-height:60px;padding:12px;font-size:14px}.matrix-panel{padding:24px}
.matrix-panel h3{font-size:24px}.matrix-panel-intro{font-size:15px;margin:10px 0 20px}
.matrix-panel th,.matrix-panel td{padding:14px 12px}
.matrix-panel thead,.matrix-next,.matrix-metrics{background:var(--soft)}
.matrix-next{margin-top:20px;font-size:14px}.matrix-content-grid img{height:160px}
.matrix-content-grid{gap:18px}.matrix-content-grid figcaption{padding-top:12px}.matrix-content-grid strong{font-size:16px}
.matrix-boundary{padding-top:26px}.matrix-boundary h3{font-size:21px}.matrix-boundary>div{gap:32px;margin-top:18px}
.pricing-grid{gap:20px}.price-card{padding:24px}.price-featured{padding:23px}.price-card h3{font-size:23px}
.plan-audience{font-size:14px;min-height:44px}.plan-price{margin:20px 0}.plan-price>strong{font-size:44px}
.plan-price .price-tbd{font-size:25px;min-height:53px}.price-card ul{font-size:14px;margin-bottom:24px}.price-card li{padding:10px 0}
.credit-explanation{margin-top:28px;padding-top:24px}.credit-explanation h3{font-size:22px}.credit-explanation>p{font-size:15px}
.download-grid{gap:22px}.download-card{padding:26px}.platform-name{gap:12px;margin-bottom:12px}.platform-name h3{font-size:25px}
.download-card>p{font-size:15px}.download-card .platform-details{margin:14px 0 22px}.download-prep{margin-top:28px;padding-top:22px;gap:28px}
.order-layout{gap:40px}.order-preview{padding:26px}.order-preview>select{padding:10px 12px}
.order-summary h3{font-size:19px;margin-top:22px}.order-summary dl>div{padding:12px 0;font-size:14px;gap:16px}
.order-flow h3{font-size:23px;margin-bottom:24px}.order-flow strong{font-size:16px}.order-flow li{padding-bottom:24px}.order-flow li p{font-size:14px;margin-top:6px}
.closing{padding-block:72px}.closing h2{font-size:clamp(32px,4vw,48px)}.closing>p{font-size:17px;margin:18px 0 24px}
@media(min-width:701px) and (max-width:900px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){
 .wrap{width:calc(100% - 48px)}.section{padding-block:56px}.hero{padding-block:60px}.hero h1{font-size:54px}
 .frequency-layout{grid-template-columns:1fr;gap:28px}.frequency-frames{max-width:500px}.account-grid{grid-template-columns:repeat(2,minmax(0,350px));gap:20px}
 .price-card{padding:24px}.price-featured{padding:23px}.plan-audience{min-height:0}.plan-price .price-tbd{min-height:0}.order-layout{gap:30px}
}
@media(max-width:600px){
 html{scroll-padding-top:124px}.wrap{width:calc(100% - 36px)}.nav-wrap{min-height:60px;padding:10px 18px;gap:8px 12px}.logo{width:132px}
 .commerce-nav{padding-top:6px}.hero{padding-block:46px}.hero h1{font-size:38px;letter-spacing:-1.4px}.hero-sub{font-size:17px;margin-top:20px}.hero-detail{font-size:15px}
 h2{font-size:28px;letter-spacing:-.7px}.section{padding-block:46px}.section-heading{margin-bottom:24px}.section-heading p{font-size:16px;margin-top:12px}
 .math-section{padding-block:40px}.math-step,.math-step+.math-step{padding:18px 0}.math-step strong{font-size:32px}.math-step h3{font-size:17px}
 .brand-group{margin-top:24px}.brand-head h3{font-size:20px}.brand-head{margin-bottom:10px}
 .video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.video-grid a{border-radius:5px}
 .account-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;gap:10px;align-items:start}
 .account-shot{min-width:0}.account-shot figcaption{padding:10px 9px;min-height:76px;justify-content:space-between}
 .account-shot figcaption span{font-size:11px;line-height:1.4}.account-shot strong{font-size:17px}
 .frequency-stat strong{font-size:64px}
 .august{padding:20px 18px}.august h3{font-size:20px}.features{gap:22px}.features h3{font-size:19px}
 .matrix-demo-head{padding:12px 16px}.matrix-tabs button{min-height:56px;padding:10px;font-size:13px}
 .matrix-panel{padding:20px 16px}.matrix-panel h3{font-size:21px}.matrix-content-grid img{height:180px}.matrix-boundary h3{font-size:20px}
 .price-card h3{font-size:22px}.price-card{padding:22px}.price-featured{padding:21px}.plan-price>strong{font-size:40px}
 .download-card{padding:22px}.platform-name h3{font-size:24px}.order-preview{padding:22px 18px}.order-flow h3{font-size:21px}
 .closing{padding-block:48px}.closing h2{font-size:32px}
}

/* One compact row on phones; keep readable cards and a visible next-card edge. */
@media(max-width:700px){
 .video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pricing-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 2px 14px;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#9baecb transparent}
 .pricing-grid:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
 .price-card{padding:18px;scroll-snap-align:start}.price-featured{padding:17px}
 .price-card h3{font-size:20px;line-height:1.35;min-height:54px}
 .plan-audience{font-size:13px;line-height:1.5;min-height:40px;margin-top:6px}
 .plan-price{margin:14px 0}.plan-price>strong,.plan-price>strong.price-live{font-size:30px;letter-spacing:-1px;white-space:nowrap}
 .plan-price>strong small{font-size:17px}.plan-price>span,.plan-period{font-size:12px}
 .price-card ul{font-size:13px;line-height:1.6;margin-bottom:16px}.price-card li{padding:8px 0}
 .price-card .button{width:100%;min-width:0;font-size:13px;line-height:1.5;padding:10px 12px;white-space:normal}
}
@media(min-width:480px) and (max-width:700px){
 .pricing-grid{grid-auto-columns:44%}
}

/* Keep pricing choices and order details side by side on tablet/desktop widths. */
@media(min-width:701px){
 .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
 .price-card{padding:20px}.price-featured{padding:19px}.price-card h3{font-size:21px}
 .plan-audience{font-size:13px;min-height:40px;margin-top:6px}
 .plan-price{margin:16px 0}.plan-price>strong,.plan-price>strong.price-live{font-size:32px;letter-spacing:-1.1px}
 .plan-price>span,.plan-period{font-size:12px}.price-card ul{font-size:13px;margin-bottom:18px}.price-card li{padding:9px 0}
 .price-card .button{width:100%;min-width:0;padding:9px 12px;font-size:13px}
 .order-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;align-items:start}
 .order-preview{padding:22px}.order-summary h3{font-size:18px;margin-top:20px}.order-summary dl{margin:16px 0 20px}
 .order-summary dl>div{grid-template-columns:82px minmax(0,1fr);gap:14px;font-size:13px;padding:11px 0}
 .order-total dd{font-size:20px}.order-flow h3{font-size:21px;margin:0 0 22px}.order-flow strong{font-size:15px}
 .order-flow li{padding-left:32px;padding-bottom:23px}.order-flow li p{font-size:13px;line-height:1.6}
}

/* Footer: separate brand context, evidence links and site utilities. */
.site-footer{padding-top:36px;padding-bottom:28px}
.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:32px 56px}
.footer-brand{min-width:0;max-width:540px}
.site-footer .footer-logo{display:block;width:140px}
.site-footer .footer-note{margin:16px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.footer-sources{flex-shrink:0;padding-top:4px}
.footer-label{display:block;font-size:12px;font-weight:600;line-height:1.5;color:var(--muted);margin-bottom:10px}
.site-footer nav{gap:6px 22px;font-size:13px;line-height:1.5}
.site-footer nav a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none;text-underline-offset:4px;color:var(--ink)}
.site-footer a:hover{text-decoration:underline}
.site-footer a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}
.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;border-top:1px solid var(--line);margin-top:28px;padding-top:16px}
.footer-privacy{display:block;max-width:740px;font-size:12px;line-height:1.75;color:var(--muted)}
.footer-admin{display:inline-flex;align-items:center;min-height:40px;flex-shrink:0;font-size:12px;line-height:1.5;color:var(--muted);text-decoration:none}
@media(max-width:900px){.footer-main{gap:28px;flex-wrap:wrap}.footer-brand{max-width:560px}.footer-sources{padding-top:0}}
@media(max-width:600px){
 .site-footer{padding-top:28px;padding-bottom:96px}
 .footer-main{gap:22px;display:grid;grid-template-columns:minmax(0,1fr)}
 .site-footer .footer-logo{width:128px}
 .site-footer .footer-note{font-size:12px;line-height:1.8;margin-top:14px}
 .footer-label{margin-bottom:4px}
 .site-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:12px}
 .site-footer nav a{min-height:44px}
 .footer-meta{align-items:flex-start;flex-direction:column;gap:6px;margin-top:18px;padding-top:18px}
 .footer-privacy{font-size:11px;line-height:1.8}
 .footer-admin{min-height:44px}
}

/* One catalog rail, matching the current application purchase layout. */
.pricing-browser{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}
.pricing-browser p{font-size:13px;color:var(--muted)}
.pricing-arrows{display:flex;gap:8px}
.pricing-arrows button{width:44px;height:44px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:21px;cursor:pointer}
.pricing-arrows button:disabled{opacity:.4;cursor:default}
.pricing-arrows button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.pricing-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:3px 2px 14px;scrollbar-width:thin;scrollbar-color:#9baecb transparent}
.pricing-grid:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.price-card{scroll-snap-align:start;padding:22px}
.price-card h3{font-size:21px;min-height:59px}
.plan-audience{min-height:50px;font-size:14px}
.price-card .plan-price{margin:18px 0}
.price-card .plan-price>strong.price-live{font-size:32px;letter-spacing:-1px}
.price-card .plan-period{min-height:40px;line-height:1.5}
.price-card .button{min-width:0;align-self:stretch;width:100%}
@media(max-width:1000px) and (min-width:701px){.pricing-grid{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:700px){.pricing-grid{grid-auto-columns:78%;gap:12px}.price-card{padding:18px}.price-card h3{font-size:20px;min-height:56px}.plan-audience{font-size:13px;min-height:44px}.price-card .plan-price>strong.price-live{font-size:30px}}
@media(min-width:480px) and (max-width:700px){.pricing-grid{grid-auto-columns:44%}}

@media(max-width:700px){
 .pricing-grid{grid-auto-columns:54.6%;gap:10px}
 .price-card{padding:13px;border-radius:7px}
 .price-card h3{font-size:17px;min-height:48px;line-height:1.4;letter-spacing:-.3px}
 .price-card .plan-audience{font-size:12px;line-height:1.5;min-height:36px;margin-top:4px}
 .price-card .plan-price{margin:12px 0}
 .price-card .plan-price>strong.price-live{font-size:25px;letter-spacing:-.9px}
 .price-card .plan-price>strong small{font-size:14px}
 .price-card .plan-period{font-size:11px;line-height:1.5;min-height:33px;margin-top:6px}
 .price-card ul{font-size:12px;line-height:1.5;margin-bottom:14px}
 .price-card li{padding:7px 0}
 .price-card .button{font-size:12px;padding:8px 6px;min-height:44px;line-height:1.4}
}
@media(min-width:480px) and (max-width:700px){.pricing-grid{grid-auto-columns:36%}}

@media(min-width:601px){.footer-meta{padding-right:190px}}

.order-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);overflow-y:auto;box-shadow:0 20px 70px #17243d26}
.order-dialog::backdrop{background:rgb(23 36 61 / 42%)}
.order-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.order-dialog-header h2{font-size:16px;letter-spacing:0;line-height:1.4;color:var(--muted)}
.order-close{width:44px;height:44px;flex-shrink:0;border:0;background:transparent;color:var(--muted);font-size:26px;cursor:pointer}
.order-dialog .order-summary h3{font-size:24px;margin:14px 0 0}
.order-dialog .order-summary dl{margin:18px 0 22px}
.order-dialog .order-summary dl>div{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:12px 0;font-size:13px}
.order-dialog .order-total dd{font-size:24px}.order-dialog .note{font-size:12px;line-height:1.7;margin-top:14px}
.order-change{display:block;background:none;border:0;color:var(--muted);font:inherit;font-size:13px;min-height:44px;padding:8px 0;margin-top:10px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.order-close:focus-visible,.order-change:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:600px){.order-dialog{padding:18px}.order-dialog .order-summary h3{font-size:21px}.order-dialog .order-summary dl>div{font-size:12px;grid-template-columns:65px minmax(0,1fr);gap:10px}}
/* Footer content follows one left edge on all screen sizes. */
.site-footer{padding-top:24px;padding-bottom:24px;text-align:left}
.footer-main{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-brand{max-width:760px}
.site-footer .footer-note{margin-top:10px;line-height:1.65}
.footer-sources{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;padding-top:0}
.footer-label{margin:0}
.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 20px}
.site-footer nav a{min-height:36px}
.footer-meta{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;margin-top:12px;padding:10px 0 0}
.footer-privacy{max-width:900px;line-height:1.65}
.footer-admin{min-height:36px;margin-top:2px}
@media(max-width:600px){.site-footer{padding-top:22px;padding-bottom:80px}.footer-main{gap:8px}.footer-sources{display:block}.footer-label{margin-bottom:0}.site-footer nav{gap:0 16px}.site-footer nav a,.footer-admin{min-height:44px}.footer-meta{margin-top:8px;padding-top:10px}.site-footer .footer-note{margin-top:8px}}