@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Sora:wght@400;500;600;700&display=swap";:root{--bg-1:#050f20;--bg-2:#0c1e3b;--paper:#0f2242;--text-main:#eaf2ff;--text-soft:#9bb5da;--line:#224068;--brand:#ff6a2a;--brand-soft:#ff6a2a2e;--accent:#2fd5ff;--success:#2fc38f;--radius-lg:22px;--radius-md:14px;--shadow-soft:0 28px 60px #020a1973}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--text-main);background:radial-gradient(circle at 12% 15%, #ff6a2a38 0%, transparent 30%), radial-gradient(circle at 87% 12%, #2fd5ff33 0%, transparent 34%), linear-gradient(160deg, var(--bg-1), var(--bg-2));margin:0;font-family:Kanit,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.02em;font-family:Sora,sans-serif}.site-shell{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, black 6%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(1120px,100% - 2rem);box-shadow:var(--shadow-soft);border-radius:28px;margin:1.2rem auto;position:relative;overflow:hidden}.site-shell:before{content:"";filter:blur(32px);pointer-events:none;background:#ff6a2a33;border-radius:50%;width:320px;height:320px;position:absolute;inset:-30% auto auto -15%}.site-header{border-bottom:1px solid var(--line);z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071429db;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;display:inline-flex}.brand img{width:auto;height:34px}.lang-switch{align-items:center;gap:.45rem;display:inline-flex}.lang-button{border:1px solid var(--line);color:var(--text-soft);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:.3rem .7rem;font-size:.82rem}.lang-button.active,.lang-button:hover{border-color:var(--accent);color:var(--text-main)}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.nav-link{color:var(--text-soft);border-radius:999px;padding:.5rem .9rem;font-weight:500;transition:all .18s}.nav-link:hover,.nav-link.is-active{color:var(--text-main);background:var(--brand-soft)}.page-wrap{gap:2rem;padding:2rem 1.5rem 5.5rem;animation:.45s fadeUp;display:grid}.site-footer{border-top:1px solid var(--line);color:var(--text-soft);justify-content:space-between;gap:1rem;padding:1rem 1.5rem;font-size:.95rem;display:flex}.hero-grid,.contact-grid,.policy-grid{gap:1rem;display:grid}.hero-grid{grid-template-columns:1.3fr 1fr;align-items:stretch}.home-hero{align-items:start}.hero-copy{gap:1rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--brand);margin-bottom:.55rem;font-size:.82rem}h1{margin-bottom:.9rem;font-size:clamp(2rem,4vw,3.2rem)}h2{margin-bottom:.7rem;font-size:clamp(1.3rem,2.6vw,2rem)}h3{margin-bottom:.4rem;font-size:1.1rem}.lead{color:var(--text-soft);max-width:70ch}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.cta-group{margin-top:.2rem}.hero-kpi{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.kpi-item{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffbd;padding:.8rem}.kpi-item h3{margin-bottom:.15rem}.kpi-item p{color:var(--text-soft);font-size:.86rem}.btn{border:1px solid var(--brand);background:var(--brand);color:#fefefe;cursor:pointer;border-radius:999px;padding:.62rem 1.1rem;font-family:Sora,sans-serif;transition:transform .12s,box-shadow .18s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ff6a2a59}.btn.ghost{color:var(--text-main);background:0 0;border-color:#9fb5da99}.btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.highlight-card,.product-card,.info-card,.contact-form,.policy-card{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 86%, #142d53 14%);border-radius:var(--radius-lg);padding:1.15rem}.highlight-card{background:linear-gradient(135deg,#ff6a2a29,#2fd5ff24)}.hero-highlight{position:relative;overflow:hidden}.hero-highlight:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff6a2a66,#0000 68%);border-radius:50%;width:170px;height:170px;position:absolute;bottom:-48px;right:-48px}.hero-media-panel{gap:.8rem;display:grid}.hero-video-wrap{border:1px solid #9fb5da66;border-radius:18px;min-height:260px;position:relative;overflow:hidden}.hero-video,.hero-poster{object-fit:cover;width:100%;height:100%;display:block}.hero-poster{mix-blend-mode:screen;opacity:.42;pointer-events:none;position:absolute;inset:0}.hero-orb{filter:blur(2px);opacity:.8;border-radius:50%;position:absolute}.orb-a{background:var(--brand);width:18px;height:18px;animation:4s ease-in-out infinite orbFloatA;top:16px;right:18px}.orb-b{background:var(--accent);width:14px;height:14px;animation:4.6s ease-in-out infinite orbFloatB;bottom:20px;left:20px}.bullet-list{color:var(--text-soft);gap:.4rem;margin:.7rem 0 0;padding-left:1rem;display:grid}.section-head{gap:.65rem;display:grid}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card{transition:transform .17s,box-shadow .17s}.value-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.product-card{gap:.45rem;display:grid}.product-card p{color:var(--text-soft)}.text-link{color:var(--brand);width:fit-content;font-weight:500}.text-link:hover{text-decoration:underline}.pill{width:fit-content;color:var(--brand);background:var(--brand-soft);border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.78rem;display:inline-flex}.price{font-family:Sora,sans-serif;font-weight:600;color:var(--text-main)!important}.sku{font-size:.82rem}.contact-grid{grid-template-columns:1fr 1.2fr}.info-card{gap:.45rem;display:grid}.info-card p{color:var(--text-soft)}.contact-form{gap:.8rem;display:grid}.contact-form label{color:var(--text-soft);gap:.35rem;font-size:.95rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);border-radius:var(--radius-md);font:inherit;color:var(--text-main);background:#081932cc;padding:.62rem .75rem}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid color-mix(in srgb, var(--brand) 45%, white 55%);border-color:#0000}.form-feedback{border-radius:var(--radius-md);padding:.6rem .8rem;font-size:.92rem}.form-feedback.success{color:var(--success);background:color-mix(in srgb, var(--success) 10%, white 90%);border:1px solid color-mix(in srgb, var(--success) 35%, white 65%)}.form-feedback.error{color:#ab3a21;background:#fde8e1;border:1px solid #efb6a8}.policy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.policy-card{gap:.5rem;display:grid}.policy-card p{color:var(--text-soft)}.maintenance-page{place-items:center;min-height:calc(100vh - 16rem);display:grid}.maintenance-card{border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 100% 0,#2fd5ff2e,#0000 28%),linear-gradient(145deg,#142c54f5,#0a182efa);border-radius:28px;gap:1rem;padding:2rem;display:grid}.maintenance-badge{width:fit-content;color:var(--accent);background:#2fd5ff1f;border:1px solid #2fd5ff59;border-radius:999px;padding:.38rem .78rem;font-family:Sora,sans-serif;font-size:.8rem}.maintenance-lead{max-width:58ch}.maintenance-actions{margin-top:.2rem}.maintenance-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.maintenance-info-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#09162bb3;gap:.4rem;padding:1rem;display:grid}.maintenance-label,.maintenance-note{color:var(--text-soft)}.maintenance-info-card a{word-break:break-word;font-family:Sora,sans-serif}.about-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(120deg,#142c54e6,#0e2242f2);padding:1.2rem}.tagline-strip{gap:.6rem;display:grid}.tagline-strip p{border:1px dashed var(--line);text-align:center;background:#0c1d38e0;border-radius:999px;padding:.62rem .92rem;font-family:Sora,sans-serif}.cta-banner{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff6a2a33,#2fd5ff33);gap:.7rem;padding:1.2rem;display:grid}.cta-banner p{color:var(--text-soft)}.cookie-settings{z-index:8;border:1px solid var(--line);color:var(--text-main);cursor:pointer;background:#0a192ff2;border-radius:999px;padding:.4rem .8rem;position:fixed;bottom:1rem;right:1rem}.cookie-banner{border:1px solid var(--line);width:min(760px,100% - 2rem);box-shadow:var(--shadow-soft);z-index:10;background:#0a192ff7;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.cookie-title{margin-bottom:.25rem;font-family:Sora,sans-serif}.cookie-text,.cookie-status{color:var(--text-soft)}.cookie-actions{flex-wrap:wrap;gap:.5rem;display:flex}.cookie-status{border:1px solid var(--line);background:#0a192ff7;border-radius:999px;margin:0;padding:.25rem .6rem;font-size:.78rem;position:fixed;bottom:1rem;left:1rem}.slide-up-enter-active,.slide-up-leave-active{transition:all .22s}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translate(-50%,15px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloatA{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@media (width<=900px){.hero-grid,.contact-grid,.policy-grid,.card-grid,.maintenance-info-grid,.hero-kpi,.value-grid{grid-template-columns:1fr}.site-header{flex-direction:column;align-items:flex-start}.site-nav,.lang-switch{justify-content:flex-start;width:100%}.site-footer{flex-direction:column}.cookie-banner{flex-direction:column;align-items:flex-start}.cookie-status{bottom:4.3rem}}
