:root{color-scheme:dark light;--color-bg: #0a0c10;--color-bg-elevated: #12151c;--color-surface: #181c26;--color-border: #2a3140;--color-text: #f2f4f8;--color-text-muted: #a8b0c0;--color-primary: #b50d29;--color-primary-hover: #d41435;--color-primary-foreground: #ffffff;--color-accent: #c8a24e;--color-accent-hover: #ddb96a;--color-focus: #6eb5ff;--color-success: #3d9a6a;--color-error: #d45c5c;--font-display: "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans Thai", "Segoe UI", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 5.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--chamfer-md: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px) );--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-bg) 60%, transparent);--shadow-md: 0 16px 48px color-mix(in srgb, #000 45%, transparent);--shadow-primary-glow: 0 0 28px color-mix(in srgb, var(--color-primary) 40%, transparent);--motion-fast: .15s ease;--motion-normal: .28s ease;--motion-medium: .38s cubic-bezier(.22, 1, .36, 1);--stage-discover: #3d9a6a;--stage-evaluate: var(--color-accent);--stage-configure: var(--color-success);--stage-trust: #2e5f8a;--stage-convert: var(--color-text);--gradient-void: linear-gradient( 165deg, color-mix(in srgb, var(--color-primary) 14%, var(--color-bg)) 0%, var(--color-bg) 55% );--content-max: 76rem;--tap-min: 2.75rem}html.marketing{color-scheme:dark;--color-bg: #07080b;--color-bg-elevated: #0f1117;--color-surface: #151922;--color-border: #2a3140;--color-text: #f2f4f8;--color-text-muted: #9aa3b5}@media(prefers-color-scheme:light){html:not(.marketing){--color-bg: #f6f7f9;--color-bg-elevated: #ffffff;--color-surface: #eef0f4;--color-border: #cfd4de;--color-text: #12151c;--color-text-muted: #4a5568}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms}}html.marketing body{padding-bottom:5rem}html.marketing .eyebrow--brand{letter-spacing:.2em;color:color-mix(in srgb,var(--color-text) 72%,transparent)}html.marketing .display-xl{font-size:clamp(2.125rem,5.5vw,4rem);line-height:1.05;font-weight:700;max-width:16ch}html.marketing .page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--color-border)}html.marketing .page-hero--cinematic{padding:var(--space-3xl) 0 var(--space-2xl);background:linear-gradient(165deg,color-mix(in srgb,var(--color-primary) 12%,var(--color-bg)) 0%,var(--color-bg) 48%)}html.marketing .page-hero--standard{padding:var(--space-2xl) 0 var(--space-xl);background:linear-gradient(180deg,var(--color-bg-elevated) 0%,var(--color-bg) 100%)}html.marketing .page-hero__grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--color-border) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border) 40%,transparent) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,black 0%,transparent 88%);opacity:.28;pointer-events:none}html.marketing .page-hero__inner{position:relative}html.marketing .site-header{backdrop-filter:blur(16px);background:color-mix(in srgb,var(--color-bg) 78%,transparent)}html.marketing .brand{letter-spacing:.08em;text-transform:lowercase}html.marketing .nav-cta{margin-left:var(--space-xs)}html.marketing .btn,html.marketing .card{clip-path:var(--chamfer-md)}html.marketing .btn-primary{background:var(--color-primary);color:var(--color-primary-foreground);box-shadow:var(--shadow-primary-glow)}html.marketing .btn-primary:hover{background:var(--color-primary-hover);color:var(--color-primary-foreground)}html.marketing .card-interactive:hover{border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border));box-shadow:var(--shadow-md)}html.marketing .section{padding:var(--space-2xl) 0}html.marketing .section--band{background:var(--color-bg-elevated);border-block:1px solid var(--color-border)}html.marketing .utility-rail{position:fixed;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--color-bg-elevated) 88%,transparent);backdrop-filter:blur(14px)}html.marketing .site-footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border)}html.marketing .footer-heading{letter-spacing:.14em}html.marketing .product-grid{gap:var(--space-lg)}html.marketing .grid-utilities{display:flex;flex-wrap:wrap;gap:var(--space-md)}html.marketing .trust-rail{display:grid;gap:1px;overflow:hidden;list-style:none;margin:0;padding:0;border:1px solid var(--color-border);background:var(--color-border);clip-path:var(--chamfer-md)}@media(min-width:40rem){html.marketing .trust-rail{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){html.marketing .trust-rail{grid-template-columns:repeat(4,1fr)}}html.marketing .trust-rail__item{position:relative;min-height:7rem;padding:var(--space-lg);background:var(--color-bg);transition:background var(--motion-medium)}html.marketing .trust-rail__item:hover{background:color-mix(in srgb,var(--color-surface) 55%,var(--color-bg))}html.marketing .trust-rail__item:before{content:"";position:absolute;top:0;left:var(--space-lg);right:var(--space-lg);height:1px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-medium)}html.marketing .trust-rail__item:hover:before{transform:scaleX(1)}html.marketing .trust-rail__label{margin:0;font-family:var(--font-display);font-size:.875rem;font-weight:600;line-height:1.35}html.marketing .trust-rail__detail{margin:var(--space-sm) 0 0;font-size:.875rem;line-height:1.5;color:var(--color-text-muted)}html.marketing .journey-bento{display:grid;gap:var(--space-md)}@media(min-width:40rem){html.marketing .journey-bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){html.marketing .journey-bento{grid-template-columns:repeat(3,1fr)}}html.marketing .journey-bento__card{position:relative;display:flex;flex-direction:column;min-height:11rem;overflow:hidden;padding:var(--space-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);clip-path:var(--chamfer-md);transition:border-color var(--motion-medium),transform var(--motion-medium),box-shadow var(--motion-medium)}html.marketing .journey-bento__card--wide{grid-column:span 2}@media(max-width:39.99rem){html.marketing .journey-bento__card--wide{grid-column:span 1}}html.marketing .journey-bento__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}html.marketing .journey-bento__card--discover{--stage-accent: var(--stage-discover)}html.marketing .journey-bento__card--evaluate{--stage-accent: var(--stage-evaluate)}html.marketing .journey-bento__card--configure{--stage-accent: var(--stage-configure)}html.marketing .journey-bento__card--trust{--stage-accent: var(--stage-trust)}html.marketing .journey-bento__card--convert{--stage-accent: var(--stage-convert)}html.marketing .journey-bento__card:hover{border-color:color-mix(in srgb,var(--stage-accent) 54%,var(--color-border))}html.marketing .journey-bento__card:before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--stage-accent),transparent);opacity:.7}html.marketing .journey-bento__eyebrow{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}html.marketing .journey-bento__title{margin:var(--space-sm) 0 0;font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1.25}html.marketing .journey-bento__body{margin:var(--space-sm) 0 0;max-width:36ch;font-size:.875rem;line-height:1.55;color:var(--color-text-muted)}html.marketing .journey-bento__metric{margin:auto 0 0;padding-top:var(--space-md);font-family:var(--font-display);font-size:1.5rem;font-weight:600}html.marketing .section--craft{background:color-mix(in srgb,var(--color-bg-elevated) 80%,var(--color-bg));border-block:1px solid var(--color-border)}html.marketing .craft-stats{display:grid;gap:var(--space-md);list-style:none;margin:0;padding:0}@media(min-width:40rem){html.marketing .craft-stats{grid-template-columns:repeat(2,1fr)}}html.marketing .craft-stats__item{padding:var(--space-lg);border:1px solid var(--color-border);background:var(--color-bg);clip-path:var(--chamfer-md)}html.marketing .craft-stats__value{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-primary)}html.marketing .craft-stats__label{display:block;margin-top:var(--space-xs);font-size:.875rem;color:var(--color-text-muted)}html.marketing .craft-pillars{display:grid;gap:var(--space-md)}@media(min-width:48rem){html.marketing .craft-pillars{grid-template-columns:repeat(3,1fr)}}html.marketing .craft-pillar h3{font-size:1.125rem}html.marketing .section--cta-panel{padding-block:var(--space-3xl)}html.marketing .cta-panel{padding:var(--space-2xl);border:1px solid var(--color-border);background:var(--gradient-void);clip-path:var(--chamfer-md);box-shadow:var(--shadow-md)}html.marketing .category-hero{position:relative;overflow:hidden;padding:var(--space-3xl) 0 var(--space-2xl);border-bottom:1px solid var(--color-border);background:var(--gradient-void);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),0 100%)}html.marketing .category-hero__glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 0%,color-mix(in srgb,var(--color-primary) 22%,transparent),transparent 70%);pointer-events:none}html.marketing .category-hero__inner{position:relative}html.marketing .category-hero__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.08;max-width:18ch}html.marketing .category-hero__highlight{color:var(--color-primary)}html.marketing .category-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}html.marketing .page-hero__split{max-width:14ch}html.marketing .page-hero__highlight{color:var(--color-primary)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;min-height:100dvh}img,video{max-width:100%;height:auto}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{position:absolute;left:var(--space-md);top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transform:translateY(-200%);transition:transform var(--motion-fast);z-index:100}.skip-link:focus{transform:translateY(0)}.container{width:min(100% - 2rem,var(--content-max));margin-inline:auto}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack-lg{gap:var(--space-xl)}.muted{color:var(--color-text-muted)}.body-sm{font-size:.8125rem;line-height:1.5}.eyebrow{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.display-xl,.display{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,3rem);line-height:1.1;margin:0;font-weight:600}.display-md{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;margin:0;font-weight:600}.lead{font-size:1.0625rem;max-width:42rem;margin:0}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card-interactive{text-decoration:none;color:inherit;display:block;transition:border-color var(--motion-fast)}.card-interactive:hover{border-color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:0 var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:.9375rem;cursor:pointer;text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-bg)}.btn-secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.grid-utilities{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.hero{padding:var(--space-2xl) 0 var(--space-xl)}.page-hero{padding:var(--space-2xl) 0 var(--space-xl);border-bottom:1px solid var(--color-border)}.page-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.product-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-bg) 88%,transparent);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0}.brand{font-family:var(--font-display);font-weight:700;font-size:1.125rem;letter-spacing:.04em;color:var(--color-text);text-decoration:none}.nav{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md)}.nav a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem}.nav a:hover,.nav a[aria-current=page]{color:var(--color-text)}.section{padding:var(--space-xl) 0}.section-heading{margin:0 0 var(--space-lg)}.utility-rail{position:sticky;bottom:0;z-index:40;border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-elevated) 94%,transparent);backdrop-filter:blur(10px)}.utility-rail__inner{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) 0}.utility-rail__inner .btn{flex:1 1 auto;min-width:9rem;font-size:.8125rem;padding-inline:var(--space-md)}.form-grid{display:grid;gap:var(--space-md)}@media(min-width:40rem){.form-grid{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:span 2}}label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.875rem}select,input[type=text],input[type=tel],input[type=email]{min-height:var(--tap-min);padding:0 var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit}.status-banner{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.status-banner[data-tone=success]{border-color:var(--color-success)}.status-banner[data-tone=error]{border-color:var(--color-error)}.site-footer{padding:var(--space-xl) 0 var(--space-2xl);border-top:1px solid var(--color-border);font-size:.875rem}.site-footer__grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.site-footer__brand{grid-column:1 / -1;max-width:22rem}@media(min-width:48rem){.site-footer__brand{grid-column:auto}}.footer-heading{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-sm)}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem}.footer-links a:hover{color:var(--color-accent)}.site-footer__legal{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.faq details{border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:var(--space-sm) 0 0;color:var(--color-text-muted)}