@layer components{.tf-marketing{background:var(--paper);color:var(--ink)}.tf-marketing :is(h1,h2,h3){font-family:var(--font-display-stack);font-weight:900}.tf-marketing [lang=th],.tf-marketing .font-thai{font-family:var(--font-sarabun), sans-serif;line-height:1.5}.tf-marketing .tr{font-family:var(--font-translit-stack);font-size:max(14px,1em)}.tf-marketing-glyph{font-family:var(--font-sarabun), sans-serif;color:var(--hdr-glyph);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:800;line-height:1.5}.tf-marketing-text-link{color:var(--brand-text);-webkit-text-decoration-color:var(--brand-text);text-decoration-color:var(--brand-text)}.tf-marketing-key{--surface-outline:1px solid var(--field-border);font-family:var(--font-ui-stack);border-radius:10px}.tf-mobile-hero,.tf-mobile-final,.tf-extension-hero,.tf-extension-final{background:var(--hdr);color:var(--hdr-ink);border-bottom:var(--hdr-rule) solid var(--gold)}.tf-extension-guide{background:var(--card);color:var(--ink);box-shadow:var(--shadow-card);transition:transform var(--m-quick) var(--e-out), box-shadow var(--m-quick) var(--e-out);border-radius:24px;overflow:hidden}@media (hover:hover){.tf-extension-guide:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}}.tf-extension-guide:active{--brand-text:var(--press-brand-text);--muted:var(--press-muted);background-image:linear-gradient(var(--press-tint), var(--press-tint));box-shadow:var(--shadow-card);transform:scale(var(--press-scale-card))}@media (prefers-reduced-motion:reduce){.tf-extension-guide:is(:hover,:active){transform:none}}.tf-extension-guide__art{aspect-ratio:1.38}.tf-extension-guide__body{justify-content:space-between;align-items:center;gap:14px;padding:16px 20px 18px;display:flex}.tf-extension-guide__title{font-family:var(--font-display-stack);font-size:19px;font-weight:900;line-height:1.3}.tf-extension-guide__arrow{background:var(--sage-50);width:36px;height:36px;color:var(--brand-text);border-radius:50%;flex:none;place-items:center;display:grid}.tf-mobile-qr{background:var(--card);text-align:center;width:176px;box-shadow:var(--shadow-float);border-radius:22px;padding:14px 14px 12px}.tf-mobile-hero{border-radius:0 0 28px 28px}.tf-mobile-phone{border:1px solid var(--field-border);background:var(--foot);box-shadow:var(--shadow-card)}.tf-mobile-hero-phone>.tf-tilted-card__front{background:0 0;border:0;padding:0;line-height:0}.tf-mobile-hero-phone:before{background:var(--sage-200);border-radius:44px;inset:8px -10px 14px 14px}.tf-mobile-showcase--sage{background:var(--sage-50)}.tf-mobile-showcase--gold{background:var(--gold-50)}.tf-mobile-kicker{background:var(--card);color:var(--brand-text)}.tf-mobile-sync{background:var(--foot);color:var(--foot-ink)}.tf-mobile-sync-chip{background:var(--foot-line);color:var(--foot-ink)}.tf-mobile-store-link{border-radius:10px}.tf-extension-hero{border-radius:0 0 32px 32px;position:relative;overflow:hidden}.tf-extension-hero-glyph{font-size:clamp(240px,32vw,520px);position:absolute;top:-70px;right:-20px}.tf-extension-header-chip{background:var(--hdr-pill);color:var(--hdr-ink)}.tf-extension-muted{color:var(--muted)}.tf-marketing-strong{color:var(--ink)}.tf-extension-hero .tf-extension-muted{color:var(--hdr-sub)}.tf-extension-hero .tf-marketing-strong{color:var(--hdr-ink)}.tf-extension-panel{border-radius:22px}.tf-extension-final .tf-extension-muted{color:var(--hdr-sub)}.tf-extension-final .tf-marketing-text-link{color:var(--hdr-ink);-webkit-text-decoration-color:var(--hdr-ink);text-decoration-color:var(--hdr-ink)}.tf-home-extension-preview{--focus-ring:var(--gold)}}