:root{--navy:#0b2d6b;--navy2:#071d47;--blue:#2563eb;--light:#eaf4ff;--text:#10294e;--muted:#64748b;--border:#dfebfa;--shadow:0 18px 52px rgba(15,58,125,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font:15px/1.65 Inter,system-ui,-apple-system,"Noto Sans Thai",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:#fff}.ico{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.topbar{background:#071d47;color:#d7e9ff;font-size:12px}.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between}.topbar-inner span,.topbar-inner a{display:flex;gap:8px;align-items:center}.topbar .ico{width:14px;height:14px}.site-header{position:sticky;top:0;z-index:50;background:#ffffffee;border-bottom:1px solid #edf3fb;backdrop-filter:blur(16px)}.navwrap{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand span{display:flex;flex-direction:column;line-height:1.13}.brand b{font-size:22px;letter-spacing:-1px;color:#082453}.brand small{font-size:14px;font-weight:650;color:#173766}.brand em{font-style:normal;color:var(--blue)}nav{display:flex;align-items:center;gap:17px}nav a{font-size:13px;font-weight:650;color:#405979}nav a.active,nav a:hover{color:var(--blue)}.nav-action{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:12px 22px;border:1px solid transparent;border-radius:13px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1b84ff);box-shadow:0 12px 30px #2563eb38}.btn-outline{color:var(--navy);border-color:#bcd5fc;background:#fff}.btn-sm{font-size:12px;min-height:40px;padding:9px 14px;border-radius:9px}.btn-white{background:white;color:var(--navy)}.btn-glass{background:#ffffff22;color:white;border-color:#ffffff65}.menu-button{display:none;background:white;border:1px solid var(--border);color:var(--navy);border-radius:9px;width:42px;height:42px}.hero{background:radial-gradient(circle at 80% 35%,#d5eaff 0,transparent 37%),linear-gradient(115deg,#fff 28%,#f1f7ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-height:590px;align-items:center}.hero-content{padding:72px 0}.eyebrow,.kicker{font-size:12px;font-weight:850;letter-spacing:1.6px;color:#2563eb}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:19px}.pulse{width:8px;height:8px;background:#2b90ec;border-radius:50%;box-shadow:0 0 0 5px #dceeff}h1{font-size:clamp(36px,4vw,58px);color:var(--navy2);line-height:1.23;letter-spacing:-1.8px;margin-bottom:21px}h1 span{color:var(--blue)}.lead{color:#576e8e;font-size:16px;max-width:550px;margin-bottom:28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 19px;color:#5a7190;font-size:12px}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.hero-trust .ico{color:var(--blue);width:18px;height:18px}.hero-art{height:470px;position:relative;isolation:isolate}.orb{position:absolute;border-radius:50%;z-index:-1}.orb-1{width:460px;height:460px;left:2%;top:2%;background:radial-gradient(#cce6ff,#f7fbff 65%,transparent 72%)}.orb-2{width:200px;height:200px;right:5%;top:18%;filter:blur(70px);background:#82c8ff}.product-platform{position:absolute;left:13%;bottom:8%;width:76%;height:60px;background:linear-gradient(90deg,#c9e8ff,#fff,#c5e7ff);border:1px solid #e0f1ff;border-radius:50%;box-shadow:0 20px 35px #184eac35;transform:perspective(130px) rotateX(15deg)}.device-laptop{position:absolute;left:16%;bottom:21%;width:65%;transform:rotate(-5deg);filter:drop-shadow(0 22px 21px #123d7b35)}.device-laptop .screen{height:230px;border:10px solid #183454;border-radius:14px;background:linear-gradient(145deg,#082453,#206ce3,#8cd4ff);position:relative;overflow:hidden}.device-laptop .screen:before{content:"";position:absolute;width:260px;height:240px;border:48px solid #ffffff18;border-radius:50%;top:-70px;right:0}.screen-line{margin:18px;width:46px;height:5px;background:#bde7ff;border-radius:4px}.screen-icon{font-size:100px;font-style:italic;font-weight:950;text-align:center;color:#ffffffbb;margin-top:-10px;line-height:1.3}.screen-grid{position:absolute;bottom:15px;left:22px;display:flex;gap:8px}.screen-grid i{width:57px;height:7px;border-radius:6px;background:#ffffff48}.device-laptop .keyboard{height:17px;margin:-2px -25px 0;background:linear-gradient(#d5e5f9,#98b3d2);border-radius:0 0 24px 24px;transform:perspective(160px) rotateX(35deg)}.device-phone{position:absolute;z-index:2;right:3%;bottom:19%;height:285px;width:139px;border:7px solid #21385c;border-radius:26px;background:#0b2d6b;transform:rotate(10deg);box-shadow:0 20px 25px #08245344}.camera{position:absolute;top:8px;left:38%;height:8px;width:34px;background:#10254a;border-radius:9px;z-index:2}.phone-inner{height:100%;border-radius:17px;background:linear-gradient(150deg,#062254,#2d7bfa,#a1dcff);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.logo-screen{font-size:90px;font-weight:950;font-style:italic;line-height:1}.phone-inner small{font-size:8px}.device-router{position:absolute;z-index:3;left:6%;bottom:17%;height:78px;width:150px;background:linear-gradient(135deg,#fff,#d8e8fa);border:1px solid #cadcf0;border-radius:13px;transform:rotate(7deg);box-shadow:0 16px 25px #224d8a35;display:flex;align-items:center;justify-content:center;gap:8px}.device-router:before,.device-router:after{content:"";position:absolute;top:-60px;height:75px;width:4px;background:#274772;border-radius:4px}.device-router:before{left:24px;transform:rotate(-11deg)}.device-router:after{right:24px;transform:rotate(11deg)}.device-router .ico{height:40px;width:40px;color:#3074cb}.device-router small{position:absolute;bottom:8px;left:22px;font-size:8px;color:#58799f}.device-router span{height:4px;width:4px;margin-top:15px;background:#31ae80;border-radius:50%}.floating-chip{position:absolute;padding:10px;border:1px solid #e0efff;border-radius:12px;background:#ffffffea;color:#164276;display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px #16458c22;font-size:12px;font-weight:700}.floating-chip-a{top:10%;right:1%}.floating-chip-b{top:26%;left:4%}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:25px 0}.feature-grid>div{display:grid;grid-template-columns:35px 1fr;gap:4px 9px}.feature-grid .ico{grid-row:span 2;height:29px;width:29px;color:var(--blue)}.feature-grid b{font-size:13px}.feature-grid span{font-size:11px;color:var(--muted)}.section{padding:80px 0}.tinted{background:#f5f9ff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2,.split-promo h2,.cta-card h2{font-size:clamp(27px,3vw,37px);letter-spacing:-.8px;line-height:1.3;color:var(--navy2);margin:5px 0 10px}.section-heading p,.split-promo p{color:var(--muted);margin:0}.text-link{color:#1c63d9;font-weight:750;font-size:13px;display:inline-flex;align-items:center;gap:6px}.text-link .ico{width:16px;height:16px}.service-grid,.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.service-card,.detail-card,.product-card,.article-card,.form-panel,.help-panel,.contact-card,.placeholder-panel{background:#fff;border:1px solid var(--border);border-radius:19px;box-shadow:var(--shadow)}.service-card{padding:26px}.service-icon{height:61px;width:61px;flex-shrink:0;border-radius:15px;background:linear-gradient(135deg,#e2f0ff,#f8fbff);color:#2269d6;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.service-icon .ico{width:30px;height:30px}.service-card h3{font-size:18px;margin-bottom:8px}.service-card p{font-size:13px;color:var(--muted);min-height:64px;margin-bottom:17px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.step{background:white;border:1px solid var(--border);border-radius:17px;padding:22px}.step-no{font-weight:900;font-size:28px;color:#3c80eb}.step h3{font-size:16px;margin:8px 0}.step p{font-size:13px;color:var(--muted);margin:0}.center-action{text-align:center;margin-top:30px}.split-promo{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.split-promo p{margin-bottom:25px}.promo-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;max-width:350px;margin:auto;transform:rotate(-5deg)}.promo-icons .ico{height:136px;width:136px;padding:33px;color:#2876e9;background:linear-gradient(145deg,#e6f2ff,#f8fbff);border:1px solid #dbeafe;border-radius:22px}.cta-section{padding-top:20px}.cta-card{border-radius:23px;background:linear-gradient(115deg,#09285f,#1d69d6);color:white;padding:38px 45px;display:flex;align-items:center;justify-content:space-between;gap:26px}.cta-card h2{color:white}.cta-card p{color:#cee0ff;margin:0}.cta-card .kicker{color:#8dbaff}.inner-hero{background:radial-gradient(circle at 90% 40%,#cde6ff,transparent 38%),linear-gradient(135deg,#fafcff,#edf6ff);padding:70px 0;border-bottom:1px solid #e0edfa}.inner-hero h1{font-size:clamp(35px,4vw,52px);margin:9px 0}.inner-hero p{color:#607795;max-width:720px}.detail-grid,.articles-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-card{padding:26px;display:flex;gap:20px}.detail-card h2{font-size:20px}.detail-card p,.detail-card li{font-size:13px;color:var(--muted)}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:23px}.filter-btn{border:1px solid #d5e5fb;background:white;color:#55708d;border-radius:25px;padding:9px 18px;font-size:13px;font-weight:700}.filter-btn.active{color:white;background:var(--blue);border-color:var(--blue)}[hidden]{display:none!important}.product-card{overflow:hidden}.product-icon{height:168px;background:linear-gradient(140deg,#e2efff,#f8fbff);display:flex;align-items:center;justify-content:center}.product-icon .ico{height:75px;width:75px;color:#2672e5}.product-content{padding:21px}.product-content p{color:var(--muted);font-size:13px;min-height:47px}.price-tag{display:block;color:#59728c;font-size:12px;background:#f0f6ff;border-radius:9px;padding:9px;margin-bottom:14px}.mini-tag{font-size:11px;font-weight:700;color:var(--blue);background:#eaf3ff;border-radius:8px;padding:4px 9px}.notice{background:#fff7ea;border:1px solid #ffdfad;border-radius:11px;color:#916221;padding:15px;margin-top:22px;font-size:12px}.form-layout{display:grid;grid-template-columns:1.35fr .75fr;gap:25px;align-items:start}.form-panel,.help-panel,.contact-card,.placeholder-panel{padding:28px}.form-panel label{display:block;font-size:13px;font-weight:750;margin:16px 0 7px}.form-panel input,.form-panel textarea,.form-panel select{width:100%;border:1px solid #c9dbf0;border-radius:9px;padding:12px 14px;color:var(--text);background:white}.form-panel :is(input,textarea,select):focus{outline:2px solid #2563eb50}.form-note{font-size:12px;color:var(--muted);margin:17px 0}.help-panel p,.contact-card p{color:var(--muted)}#repairResult{color:#136942;font-weight:750;font-size:13px;margin-top:14px}.narrow{max-width:760px}.placeholder-panel{text-align:center;padding:55px}.placeholder-panel>.ico{height:60px;width:60px;color:var(--blue)}.placeholder-panel p{color:var(--muted);max-width:570px;margin:0 auto 20px}.placeholder-panel small{display:block;margin-top:19px;color:var(--muted)}.article-card{padding:27px}.article-number{font-size:35px;font-weight:900;color:#3b82f6}.article-card p,.prose p{color:var(--muted)}.prose p{margin-bottom:20px}.contact-card>.ico{height:38px;width:38px;color:var(--blue)}footer{background:#061a40;color:#d4e4ff;padding-top:58px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:32px}.brand-light b{color:white}.brand-light small{color:#d3e3ff}footer h4{color:white;margin:4px 0 16px}footer p,footer a:not(.brand){color:#acc4e1;font-size:13px}footer a:not(.brand){display:block;margin-bottom:10px}footer .footer-line{color:#bfe2ff!important;font-weight:800}footer .foot-note{color:#7e9cbe;font-size:12px}.copyright{border-top:1px solid #204069;margin-top:35px;padding:21px 0;display:flex;justify-content:space-between;font-size:12px;color:#7597bb}.floating-line{position:fixed;bottom:22px;right:21px;display:flex;align-items:center;gap:9px;color:white;background:#1dbd6c;padding:12px 18px;border-radius:99px;font-size:13px;font-weight:800;box-shadow:0 12px 28px #007f5245;z-index:65}
@media(max-width:1080px){nav{gap:10px}nav a{font-size:12px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.container{width:min(720px,calc(100% - 34px))}nav{display:none;position:absolute;top:79px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:3px;padding:14px 20px 22px;box-shadow:0 17px 30px #0b2d6b19}nav.open{display:flex}nav a{padding:10px;font-size:14px}.menu-button{display:flex;align-items:center;justify-content:center}.hero-grid{grid-template-columns:1fr}.hero-content{padding:60px 0 4px}.hero-art{max-width:560px;width:100%;margin:auto;transform:scale(.9)}.service-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.split-promo{grid-template-columns:1fr}.cta-card{flex-direction:column;align-items:start}.footgrid{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}}@media(max-width:560px){.container{width:calc(100% - 32px)}.topbar-inner span{display:none}.topbar-inner a{margin-left:auto}.navwrap{min-height:70px}.brand b{font-size:19px}.brand small{font-size:13px}.brand img{width:43px}nav{top:70px}.nav-action .btn-sm{display:none}.hero h1{font-size:39px;letter-spacing:-1.2px}.hero-content{padding:43px 0 3px}.lead{font-size:14px}.hero-art{height:320px;min-height:320px;transform:scale(.73);transform-origin:top center;margin-bottom:-60px}.actions{flex-direction:column}.actions .btn{width:100%}.feature-grid{grid-template-columns:1fr 1fr;gap:16px}.feature-grid>div{grid-template-columns:25px 1fr}.feature-grid .ico{width:22px;height:22px}.feature-grid b{font-size:11px}.feature-grid span{font-size:10px}.section{padding:55px 0}.section-heading{display:block}.section-heading .text-link{margin-top:15px}.service-grid,.detail-grid,.products-grid,.articles-grid,.contact-grid{grid-template-columns:1fr}.service-card p{min-height:0}.detail-card{flex-direction:column}.steps-grid{gap:12px}.step{padding:16px}.step p{font-size:11px}.promo-icons .ico{width:110px;height:110px;padding:26px}.cta-card{padding:28px 22px}.inner-hero{padding:50px 0}.inner-hero h1{font-size:33px}.form-panel,.help-panel{padding:21px}.footgrid{grid-template-columns:1fr 1fr;gap:22px}.footgrid>div:first-child{grid-column:span 2}.copyright{display:block}.copyright span{display:block}.floating-line span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}