/* Saved site appearance and account navigation. */
.account-menu{position:relative;z-index:60}.account-menu>summary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid #d7e0f0;border-radius:10px;background:#fff;color:#4059bc;font-size:13px;font-weight:700;cursor:pointer;list-style:none;white-space:nowrap}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:after{content:'⌄';font-size:14px}.account-menu[open]>summary:after{content:'⌃'}.account-menu-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(320px,calc(100vw - 28px));padding:8px 16px;border:1px solid #dce4f1;border-radius:15px;background:#fff;box-shadow:0 18px 45px #182b481c;color:#263953}.account-menu-panel section{padding:12px 0;border-bottom:1px solid #e8edf4}.account-menu-panel section:last-child{border-bottom:0}.account-menu-panel strong,.account-menu-panel section>span{display:block;font-size:12px;font-weight:750;color:#71819a;margin:0 0 7px}.account-menu-panel a{display:flex;align-items:center;min-height:42px;padding:7px 9px;border-radius:8px;font-size:14px;color:#2b3d59;text-decoration:none}.account-menu-panel a:hover{background:#f1f4fc;color:#415bd0}.site-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.site-theme-options button{min-height:44px;border:1px solid #dce4f1;border-radius:9px;background:#f8faff;color:#33455f;font-size:14px;cursor:pointer}.site-theme-options button[aria-pressed=true]{border-color:#687ee8;background:#edf1ff;color:#354fca;font-weight:700}.account-menu :is(summary,button,a):focus-visible{outline:3px solid #6379e5;outline-offset:2px}

@media(min-width:701px){.account-menu-panel{min-width:270px}}
@media(max-width:700px){.account-menu-panel{right:-46px}.account-menu>summary{padding-inline:9px;font-size:12px}.account-menu-panel{max-height:min(70vh,520px);overflow:auto}}
/* Homepage feedback fixes. */
.buyer-page .hero-line-primary,html[lang=th] .buyer-page .hero-line-primary{font-size:clamp(48px,4.2vw,60px);line-height:1.24;letter-spacing:-1.6px}
.buyer-page .hero h1 .accent{font-size:clamp(54px,4.8vw,68px);line-height:1.12;letter-spacing:-2px}
.buyer-page .buyer-benefits .time-visual{gap:12px;padding:18px 20px;background:#edf2fa}
.buyer-page .reset-native-preview{width:100%;height:auto;max-height:84px;object-fit:contain;object-position:center;flex:0 1 auto;padding:8px 10px;border:1px solid #d9e2f0;border-radius:10px;background:#fff;box-shadow:0 5px 14px #263d6010}
.buyer-page .buyer-showcase{align-items:center}
.buyer-page .clean-stage #hero-widget,.buyer-page .showcase-stage #playground-widget{width:min(100%,260px)!important;max-width:260px!important}
.buyer-page .showcase-options{align-self:center;width:100%;max-width:410px;min-height:0}
.buyer-page .testimonial-ticker{position:relative;isolation:isolate;contain:paint;overflow:hidden;border:1px solid #e0e7f2;background:#f4f7fc}
.buyer-page .ticker-controls{display:none}
.buyer-page .ticker-track .buyer-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:100%;padding:14px;margin:0;box-sizing:border-box}
.buyer-page .ticker-track .buyer-quotes figure{width:auto;min-width:0;max-width:100%;min-height:0;flex:initial;overflow:hidden}
.buyer-page .ticker-track .buyer-quotes .use-case-product{height:150px;min-width:0}.buyer-page .ticker-track .buyer-quotes .use-case-product img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.release-price-free{display:inline-flex;align-items:center;min-height:30px;margin-top:12px;padding:5px 11px;border:1px solid #bfe7d7;border-radius:999px;background:#eaf8f2;color:#147d58;font-size:14px;font-weight:750;letter-spacing:.01em}
.focus-visual .focus-lines{width:44%;gap:13px}.focus-visual .focus-lines i{height:7px;background:linear-gradient(90deg,#cfd8e6,#e0e6ef)}
.fall-card-stack{position:relative;display:block;width:46%;height:110px;perspective:500px}.fall-card{position:absolute;left:0;right:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;min-height:59px;padding:8px 10px;border:1px solid #cbd7e8;border-radius:10px;background:linear-gradient(145deg,#fff,#f4f7fd);box-shadow:0 8px 18px #243a5c1c;color:#344965;font-style:normal}.fall-card b{font-size:10px;font-weight:700}.fall-card em{font-size:11px;font-style:normal;font-weight:800;color:#14875f}.fall-card>span{grid-column:1/-1;height:5px;border-radius:9px;background:linear-gradient(90deg,#46c99b 72%,#dfe8f1 72%)}.fall-card small{grid-column:1/-1;font-size:8px;color:#74859c}.fall-card-back{z-index:1;transform:translate(13px,18px) rotate(7deg)}.fall-card-mid{z-index:2;transform:translate(7px,8px) rotate(3deg)}.fall-card-front{z-index:3;transform:translateY(0) rotate(-2deg)}
.benefit-motion.benefit-loop-ready .fall-card-back{animation:fall-card-back 6.8s ease-in-out infinite both;animation-play-state:paused}.benefit-motion.benefit-loop-ready .fall-card-mid{animation:fall-card-mid 6.8s ease-in-out infinite both;animation-play-state:paused}.benefit-motion.benefit-loop-ready .fall-card-front{animation:fall-card-front 6.8s cubic-bezier(.2,.8,.2,1) infinite both;animation-play-state:paused}.benefit-motion.benefit-loop-active .fall-card{animation-play-state:running}.benefit-motion:hover .fall-card,.benefit-motion:focus-within .fall-card{animation-play-state:paused}
@keyframes fall-card-back{0%,8%{opacity:0;transform:translate(23px,-34px) rotate(13deg)}20%,78%{opacity:.78;transform:translate(13px,18px) rotate(7deg)}90%,100%{opacity:0;transform:translate(22px,36px) rotate(12deg)}}@keyframes fall-card-mid{0%,16%{opacity:0;transform:translate(13px,-28px) rotate(10deg)}29%,78%{opacity:.9;transform:translate(7px,8px) rotate(3deg)}90%,100%{opacity:0;transform:translate(14px,28px) rotate(8deg)}}@keyframes fall-card-front{0%,23%{opacity:0;transform:translateY(-42px) rotate(-9deg)}35%{opacity:1;transform:translateY(5px) rotate(-3deg)}40%,76%{opacity:1;transform:translateY(0) rotate(-2deg)}84%{opacity:1;transform:translate(42px,1px) scale(.72);transform-origin:center}95%,100%{opacity:0;transform:translate(125px,1px) scale(.58)}}

@media(max-width:930px){.buyer-page .hero-line-primary,html[lang=th] .buyer-page .hero-line-primary{font-size:clamp(43px,6vw,56px)}.buyer-page .hero h1 .accent{font-size:clamp(48px,7vw,62px)}.buyer-page .showcase-options{max-width:none}}
@media(max-width:700px){.buyer-page .hero-line-primary,html[lang=th] .buyer-page .hero-line-primary{font-size:clamp(34px,9vw,44px);letter-spacing:-.7px}.buyer-page .hero h1 .accent{font-size:clamp(40px,10vw,50px);letter-spacing:-1px}.buyer-page .buyer-showcase{align-items:stretch}.buyer-page .showcase-options{max-width:none}.buyer-page .clean-stage #hero-widget,.buyer-page .showcase-stage #playground-widget{width:min(100%,252px)!important;max-width:252px!important}.buyer-page .ticker-track .buyer-quotes{grid-template-columns:1fr;padding:10px}.buyer-page .ticker-track .buyer-quotes .use-case-product{height:160px}.fall-card-stack{width:49%;height:105px}.fall-card{min-height:55px;padding:7px 8px}.fall-card b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.fall-card,.fall-card-back,.fall-card-mid,.fall-card-front{animation:none!important;opacity:1!important;transform:none!important}.fall-card-stack{perspective:none}}

/* Tighten the desktop preview grid and keep its controls centered beside it. */
@media(min-width:701px){.buyer-page .buyer-showcase{align-items:center!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.buyer-page .showcase-stage{height:max-content;min-height:0!important}.buyer-page .showcase-options{align-self:center!important;height:max-content!important}}
@media(max-width:700px){.buyer-page .showcase-stage{min-height:0!important;height:max-content}.buyer-page .showcase-options{height:max-content!important}}
@keyframes fall-card-back{0%,8%{opacity:0;transform:translate(23px,-34px) rotate(13deg)}20%,40%{opacity:.78;transform:translate(13px,18px) rotate(7deg)}48%,100%{opacity:0;transform:translate(36px,16px) scale(.72) rotate(10deg)}}
@keyframes fall-card-mid{0%,16%{opacity:0;transform:translate(13px,-28px) rotate(10deg)}29%,40%{opacity:.9;transform:translate(7px,8px) rotate(3deg)}48%,100%{opacity:0;transform:translate(32px,8px) scale(.72) rotate(7deg)}}
@keyframes fall-card-front{0%,23%{opacity:0;transform:translateY(-42px) rotate(-9deg)}35%,42%{opacity:1;transform:translateY(0) rotate(-2deg)}49%,100%{opacity:0;transform:translate(42px,1px) scale(.68)}}