/* CloudConsult-inspired visual direction: floating glass navigation,
   expressive type, blue-violet light, and asymmetric product panels. */
:root{--ink:#202834;--muted:#646c7c;--teal:#075ce8;--dark:#153ba5;--lime:#dcf5ff;--line:#dce3f0;--pale:#f0f4ff;--radius:24px;--blue:#1551f9;--violet:#7951b0;--aqua:#09aff5}
html{scroll-behavior:smooth;scroll-padding-top:120px}body{background:#f7f9fc;color:var(--ink);overflow-x:clip;font-family:Manrope,'Noto Sans Thai',sans-serif}body:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:1050px;pointer-events:none;background:radial-gradient(ellipse at 89% 29%,#becdff7a,transparent 33%),radial-gradient(ellipse at 5% 58%,#bdeff453,transparent 32%),radial-gradient(ellipse at 75% 76%,#e3d4ff5e,transparent 28%)}.wrap{width:min(1180px,calc(100% - 72px))}header{position:sticky;top:18px;z-index:30;border:0;height:74px;width:min(1208px,calc(100% - 48px));margin:18px auto 0;border-radius:50px;background:#ffffffb8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 35px #4d6cba0d,inset 0 1px 0 #fff}header .wrap{width:100%;padding:0 28px}header .brand img{width:145px;height:50px}header nav a{color:#485368}header nav a.active{color:#164de0}header nav a:hover{color:#164de0}header nav{gap:33px}.btn{border-radius:100px;background:linear-gradient(110deg,#234eff,#02acee);box-shadow:0 5px 17px #1574ed32,inset 0 1px 2px #ffffff85;padding:12px 25px;min-height:47px;border:1px solid #ffffff55;font-weight:600}.btn:hover{background:linear-gradient(110deg,#2446e0,#008bc6);box-shadow:0 7px 25px #1765ef40;transform:translateY(-2px)}.btn.light{background:#ffffffa6;border:1px solid #cdd7e9;color:#2d405d;box-shadow:0 4px 12px #25396805}.btn.light:hover{background:white;border-color:#809ef1}.btn.small{min-height:43px;padding:9px 22px}.gradient-text{color:#305dc0;background:linear-gradient(103deg,#0755f2 10%,#4361d1 52%,#874eab 98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-kicker{font-size:11px;letter-spacing:2.3px;font-weight:700;color:#768198;display:block;margin-bottom:13px}.hero-stage{display:grid;grid-template-columns:1.04fr 1fr;gap:12px;align-items:center;min-height:510px;padding:55px 0 42px;position:relative}.hero-message{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.7px;color:#526c91;border:1px solid #fff;padding:6px 13px;border-radius:40px;background:#ffffff80;box-shadow:0 3px 13px #506aa807}.hero-badge span{font-size:16px;color:#278ad2}.hero-message h1{font-size:clamp(40px,4.65vw,65px);line-height:1.38;letter-spacing:-1.9px;font-weight:600;margin:24px 0 18px}.hero-message>p{font-size:18px;color:#59687c;line-height:1.85;margin:0 0 25px}.hero-footnotes{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#64758a;margin-top:18px}.hero-product{position:relative;min-width:0;padding:20px 8px 18px;isolation:isolate}.hero-product:before{content:'';position:absolute;z-index:-1;inset:8% -6% 2%;border-radius:50%;background:radial-gradient(ellipse,#caebfc9e 0%,#d1d9ff6b 42%,transparent 71%);filter:blur(22px)}.hero-product img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 20px #506ca615);animation:float-soft 7s ease-in-out infinite}.hero-product-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#7390a2;padding:0 15px 6px}.hero-product-label span:last-child{font-size:18px;letter-spacing:0}.hero-product-caption{width:max-content;max-width:100%;margin:-2px auto 0;background:#ffffffae;border:1px solid white;backdrop-filter:blur(10px);padding:11px 22px;border-radius:14px;text-align:center;box-shadow:0 12px 32px #6c7fad15}.hero-product-caption b{display:block;font-size:14px;font-weight:500}.hero-product-caption span{display:block;font-size:12px;color:#77849b;margin-top:2px}.solutions-section{padding:35px 0 38px;position:relative}.solutions-section:before{content:'';position:absolute;pointer-events:none;z-index:-1;inset:150px -8vw -90px;background:radial-gradient(ellipse at 0% 15%,#b8cbff6b,transparent 30%),radial-gradient(ellipse at 90% 60%,#d9c9eb73,transparent 35%)}.center-heading{text-align:center;max-width:780px;margin:0 auto 32px}.center-heading h2{font-size:40px;font-weight:650;line-height:1.4;letter-spacing:-.9px;margin-bottom:10px}.center-heading p{font-size:18px;color:#667087;margin:0}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.showcase{position:relative;min-height:280px;border-radius:25px;overflow:hidden;isolation:isolate;border:1px solid #ffffffba;background:radial-gradient(ellipse at 92% 5%,#cbd9ff 0%,transparent 49%),radial-gradient(ellipse at 20% 110%,#e1d1ed 0%,transparent 62%),linear-gradient(135deg,#f5f7fa,#edf4f7);box-shadow:0 9px 30px #5d7bba07;transition:transform .25s,box-shadow .25s}.showcase:hover{transform:translateY(-5px);box-shadow:0 15px 34px #708cc327}.showcase:nth-child(1),.showcase:nth-child(4){grid-column:span 2}.showcase-copy{position:relative;z-index:2;padding:26px 28px;max-width:53%}.showcase h3{font-size:25px;line-height:1.48;font-weight:650;margin:7px 0 10px;letter-spacing:-.4px}.showcase p{font-size:14px;line-height:1.7;color:#5c6679;margin:0}.showcase-label{font-size:11px;letter-spacing:.4px;color:#67708c}.showcase-price{margin-top:22px;font-size:24px;font-weight:650;line-height:1.4;color:#274567}.showcase-price small{display:block;font-size:11px;color:#6b7890;font-weight:400}.showcase>img{position:absolute;width:47%;height:95%;right:9px;bottom:-7%;object-fit:contain;filter:drop-shadow(0 12px 16px #63718b0f);transition:transform .5s}.showcase:hover>img{transform:translateY(-7px) rotate(-1deg)}.showcase-arrow{position:absolute;right:19px;top:18px;border:1px solid #ffffffd6;background:#ffffff63;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;z-index:3;color:#365c9b}.showcase:nth-child(2) .showcase-copy,.showcase:nth-child(3) .showcase-copy{max-width:100%;padding:23px 25px 0}.showcase:nth-child(2) h3,.showcase:nth-child(3) h3{font-size:21px;margin-top:5px;margin-bottom:6px;padding-right:15px}.showcase:nth-child(2) p,.showcase:nth-child(3) p{max-width:97%;font-size:13px;line-height:1.6}.showcase:nth-child(2) .showcase-price,.showcase:nth-child(3) .showcase-price{position:absolute;left:25px;top:166px;font-size:23px;margin:0;max-width:35%}.showcase:nth-child(2)>img,.showcase:nth-child(3)>img{width:61%;height:59%;right:-7px;bottom:-3%}.showcase:nth-child(3){background:radial-gradient(ellipse at 90% 0%,#c4eaf2 0%,transparent 60%),radial-gradient(ellipse at 0% 100%,#e8d4ec 0%,transparent 60%),#f5f7fa}.showcase:nth-child(4){background:radial-gradient(ellipse at 95% 5%,#cacdfb 0%,transparent 60%),radial-gradient(ellipse at 25% 100%,#cbeff4 0%,transparent 60%),#f5f7fa}.all-templates{text-align:center;margin-top:25px}.start-section{padding:15px 0 38px}.start-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:32px 37px;border:1px solid #fff;border-radius:27px;background:radial-gradient(ellipse at 1% 100%,#d5dffc83,transparent 50%),radial-gradient(ellipse at 94% 20%,#d6e9f86e,transparent 50%),#ffffff8c;box-shadow:0 8px 30px #7188bb06}.start-panel h2{font-size:30px;line-height:1.55;font-weight:600;margin:0 0 20px}.start-panel .steps{gap:14px;color:#69748a;font-size:12px;margin-top:22px}.start-panel .steps b{color:#2666b4;font-size:12px}.testimonial{position:relative;border-left:1px solid #d8e2f1;padding:12px 0 12px 34px}.quote-mark{font-family:Georgia,serif;font-size:66px;line-height:.7;color:#839fe7;display:block;margin-bottom:10px}.testimonial blockquote{font-size:16px;line-height:1.95;margin:0 0 16px;color:#56637b}.testimonial .quote-person{font-size:14px;color:#344b76;font-weight:600}.testimonial .quote-person span{display:block;font-size:12px;color:#8993a6;font-weight:400;margin-top:3px}footer{position:relative;background:linear-gradient(120deg,#edf2ffbc,#f4f5fc,#eaf5ffb3);border-color:#e4eaf5;padding:24px 0 18px}footer .brand{color:#253b5d}footer .brand em{color:#3574cf}.footer-links a:hover{color:#1953df}.eyebrow{color:#5476af;letter-spacing:2px}.inner-page .page-head{text-align:center;padding:45px 0 28px}.page-head h1{font-size:43px;font-weight:650;background:linear-gradient(105deg,#1555ed,#7252ac);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-head p{color:#6b768c}.catalog-layout{gap:25px;padding-top:8px}.filters{background:#ffffff98;border:1px solid #fff;border-radius:21px;box-shadow:0 8px 25px #7d8eb20b;position:sticky;top:114px;padding:22px 18px}.filters h2{color:#425779}.filters label{color:#667794}.filters select{background:#ffffffb8;border-color:#dce4f0;border-radius:10px;padding:11px;font-size:13px}.reset{color:#416cbb}.search{background:#ffffffb0;border:1px solid white;border-radius:15px;box-shadow:0 6px 20px #5c7caf06;min-height:49px}.results-meta{color:#738199}.card{border:1px solid #ffffffc9;background:#ffffffb3;border-radius:21px;box-shadow:0 5px 22px #6a86b306;transition:box-shadow .2s,transform .2s}.card:hover{transform:translateY(-4px);border-color:#c5d6f9;box-shadow:0 14px 30px #6a86b319}.card-art,.card:nth-child(3n+2) .card-art,.card:nth-child(3n) .card-art{background:radial-gradient(ellipse at 100% 0%,#cbd9ff 0%,transparent 63%),radial-gradient(ellipse at 12% 100%,#e3d5ee 0%,transparent 70%),#eef3f8;height:160px}.card:nth-child(3n+2) .card-art{background:radial-gradient(ellipse at 100% 0%,#bfe4ed,transparent 60%),radial-gradient(ellipse at 0% 100%,#d9dafb,transparent 70%),#f0f6f9}.card:nth-child(3n) .card-art{background:radial-gradient(ellipse at 100% 0%,#d6d4f4,transparent 63%),radial-gradient(ellipse at 0% 100%,#cae8fb,transparent 70%),#f1f5f9}.card-art img{filter:drop-shadow(0 6px 8px #5478a71a)}.catalog-layout .card-art{height:148px;padding:9px}.catalog-layout .cards{gap:18px}.card h3{color:#263650}.tag{color:#6279a4}.card p{color:#718098}.price{color:#314d78}.price small{color:#8c98ac}.card-bottom{border-color:#e8edf5}.circle-link{color:#326ccc;border-color:#dce5f5;background:#f7faff}.pagination button{border-radius:50px;border-color:#dce5f6;background:#ffffffaa;color:#536b94}.pagination button[aria-current]{background:linear-gradient(120deg,#2856ff,#0f9ceb);border-color:transparent;box-shadow:0 4px 12px #4c7bf92b}.help-bar{background:radial-gradient(ellipse at 0% 50%,#e4ebff,transparent 60%),#ffffffad;border:1px solid #fff;border-radius:20px;padding:19px 25px;box-shadow:0 6px 20px #6b8abe05}.help-bar p{color:#5e7394}.product-hero{padding-top:25px;padding-bottom:34px;gap:45px}.product-image{border-radius:27px;background:radial-gradient(ellipse at 95% 10%,#c5d3fa 0%,transparent 58%),radial-gradient(ellipse at 5% 100%,#dec9e87d 0%,transparent 68%),#eff5f8;border:1px solid #ffffffde;box-shadow:0 15px 35px #6a8aad09;min-height:335px;overflow:hidden}.product-image img{height:300px;filter:drop-shadow(0 10px 12px #5771a016)}.product-hero h1{background:linear-gradient(110deg,#2455b8,#67558d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:37px;line-height:1.5}.product-hero .description{color:#687892}.product-price{color:#263e65}.product-price span{color:#7f8fa5}.inline-copy button{background:#ffffff90;border-color:#dce5f2;border-radius:20px;color:#6c7e9e}.product-subnav{background:#ffffff85;border:1px solid #fff;border-radius:100px;padding:14px 26px;color:#657a9d;width:max-content;max-width:100%;position:static;display:flex}.product-subnav a:hover{color:#285ddd}.feature-grid{gap:18px}.feature{background:#ffffff85;border:1px solid #fff;border-radius:19px;padding:19px 22px;box-shadow:0 6px 22px #718cb907}.feature .number{color:#6d8dcd}.feature h3{color:#344969;font-weight:600}.feature p{color:#73819a;font-size:14px}.support-box{background:linear-gradient(135deg,#e9f0ffb8,#f3f9fc);border:1px solid white;border-radius:22px}.support-box h2,.support-grid h2{color:#354b72}.support-grid{gap:40px}.support-box p{color:#73839c}.support-grid details{border-color:#dfe7f3}summary{color:#455b7e}summary:after{color:#6081ca}details p{color:#78879f}.guide-art{background:radial-gradient(ellipse at 100% 0%,#ced6fa,transparent 67%),radial-gradient(ellipse at 0% 90%,#dfd2ec,transparent 58%),#ecf4fa;position:relative;overflow:hidden}.guide-art span{font-size:13px;color:#617aa0}.guide-art b{font-size:48px;line-height:1;color:#517cc5;font-weight:500;letter-spacing:-2px}.article h1{background:linear-gradient(100deg,#1c57c4,#78529c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.article .intro{color:#73829a;border-color:#dce6f4}.article h2{color:#415d87}.article p{color:#586b88}.article .note{background:#eaf1ff;border:1px solid white;border-radius:19px}.contact-card{background:radial-gradient(ellipse at 100% 0%,#cdd8ff7a,transparent 65%),#ffffffa3;border:1px solid white;border-radius:24px;box-shadow:0 8px 26px #7189b008}.contact-card h2{color:#3c5d91}.contact-card p{color:#7085a3}.empty{border-color:#bacdf0;background:#ffffff73}.crumb{padding-top:29px;color:#8a98ae}.crumb a{color:#5c7dac}.text-link{color:#4776c5}.toast{background:linear-gradient(110deg,#2e5ab5,#526fc5)}
@keyframes float-soft{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(min-width:1500px){.wrap{width:min(1240px,calc(100% - 96px))}header{width:min(1268px,calc(100% - 72px))}.hero-message h1{font-size:68px}.hero-stage{min-height:540px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}header{width:calc(100% - 28px)}header .wrap{padding-inline:23px}.hero-message h1{font-size:48px}.hero-stage{gap:8px;min-height:450px;padding-top:37px}.hero-message>p{font-size:16px}.hero-footnotes{font-size:11px;gap:9px}.hero-product-caption{padding:9px 15px}.showcase{min-height:286px}.showcase-copy{padding:23px;max-width:57%}.showcase h3{font-size:23px}.showcase>img{width:47%}.showcase:nth-child(2) .showcase-copy,.showcase:nth-child(3) .showcase-copy{padding:21px 19px 0}.showcase:nth-child(2) h3,.showcase:nth-child(3) h3{font-size:19px}.showcase:nth-child(2) .showcase-price,.showcase:nth-child(3) .showcase-price{left:19px;top:185px;font-size:20px}.showcase:nth-child(2)>img,.showcase:nth-child(3)>img{height:47%;width:60%}.start-panel{padding:29px;gap:28px}.start-panel h2{font-size:27px}.testimonial{padding-left:25px}.catalog-layout{gap:20px}.product-hero{gap:28px}}
@media(max-width:700px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 32px)}header{top:10px;margin-top:10px;width:calc(100% - 20px);height:64px;border-radius:40px}header .wrap{padding:0 20px}header .brand img{width:128px;height:42px}header .mobile-menu{color:#48638d;padding:6px}header nav{top:71px;left:0;right:0;border:1px solid white;border-radius:21px;background:#f8fbfff2;box-shadow:0 12px 30px #617ba51a;padding:22px;gap:20px;backdrop-filter:blur(22px)}.hero-stage{grid-template-columns:1fr;min-height:0;gap:18px;padding-top:33px;padding-bottom:25px;text-align:center}.hero-badge{font-size:10px;letter-spacing:1.2px;padding:5px 12px}.hero-message h1{font-size:43px;line-height:1.42;margin-top:18px;margin-bottom:13px;letter-spacing:-1px}.hero-message>p{font-size:16px;margin-bottom:20px}.hero-message .actions{justify-content:center;gap:9px}.hero-message .btn{font-size:14px;padding:11px 19px}.hero-footnotes{justify-content:center;font-size:11px;gap:13px;margin-top:16px}.hero-product{width:min(430px,100%);margin:auto;padding-top:0}.hero-product img{max-height:250px;object-fit:contain}.hero-product-label{display:none}.hero-product-caption{margin-top:-5px;padding:8px 17px}.hero-product-caption b{font-size:13px}.hero-product-caption span{font-size:11px}.solutions-section{padding-top:26px;padding-bottom:23px}.section-kicker{font-size:10px;letter-spacing:1.5px;margin-bottom:11px}.center-heading{margin-bottom:23px}.center-heading h2{font-size:29px;line-height:1.5;letter-spacing:-.6px}.center-heading p{font-size:15px}.showcase-grid{grid-template-columns:1fr 1fr;gap:12px}.showcase:nth-child(1),.showcase:nth-child(4){grid-column:span 2;min-height:245px}.showcase:nth-child(2),.showcase:nth-child(3){grid-column:span 1;min-height:278px}.showcase{border-radius:21px}.showcase-copy{padding:21px;max-width:58%}.showcase-label{font-size:10px}.showcase h3{font-size:22px;line-height:1.5;margin:6px 0 9px}.showcase p{font-size:13px;line-height:1.7}.showcase-price{font-size:22px;margin-top:15px}.showcase-price small{font-size:10px}.showcase>img{width:46%;height:85%;right:0;bottom:-3%}.showcase-arrow{width:27px;height:27px;right:12px;top:12px;font-size:14px}.showcase:nth-child(2) .showcase-copy,.showcase:nth-child(3) .showcase-copy{padding:19px 15px 0}.showcase:nth-child(2) h3,.showcase:nth-child(3) h3{font-size:17px;line-height:1.5;padding-right:4px;margin-top:9px}.showcase:nth-child(2) p,.showcase:nth-child(3) p{font-size:12px;line-height:1.65}.showcase:nth-child(2) .showcase-label,.showcase:nth-child(3) .showcase-label{padding-right:17px;display:block}.showcase:nth-child(2) .showcase-price,.showcase:nth-child(3) .showcase-price{top:194px;left:15px;font-size:18px;max-width:43%}.showcase:nth-child(2)>img,.showcase:nth-child(3)>img{width:58%;height:40%;right:-3px;bottom:0}.showcase:nth-child(2) .showcase-price small,.showcase:nth-child(3) .showcase-price small{font-size:9px;max-width:65px}.all-templates{margin-top:20px}.start-section{padding-bottom:28px}.start-panel{grid-template-columns:1fr;padding:26px 23px;gap:25px}.start-panel h2{font-size:28px}.testimonial{border-left:0;border-top:1px solid #d8e2f1;padding:25px 0 0}.testimonial blockquote{font-size:15px}.quote-mark{font-size:52px}.start-panel .steps{gap:12px;font-size:11px}.footer-row{gap:17px}.footer-links{font-size:12px}.inner-page .page-head{padding-top:32px;padding-bottom:24px}.page-head h1{font-size:32px}.page-head p{font-size:14px}.catalog-layout{gap:15px;padding-bottom:30px}.filters{position:static;padding:19px;border-radius:18px}.filter-toggle{border-color:#dce6f5;background:#ffffffae;border-radius:30px;color:#5a77a8;padding:9px 17px}.search{font-size:14px;min-height:46px}.catalog-layout .card-art{height:125px}.catalog-layout .card h3{font-size:16px}.catalog-layout .card-body{padding:14px}.catalog-layout .cards{gap:12px}.catalog-layout .card p{font-size:12px}.card{border-radius:17px}.card-bottom{padding-top:12px}.product-hero{gap:22px;padding-bottom:27px}.product-image{min-height:255px;padding:15px;border-radius:24px}.product-image img{height:240px}.product-hero h1{font-size:30px}.product-price{font-size:32px}.product-subnav{gap:17px;padding:12px 17px;border-radius:25px;font-size:12px;display:flex}.product-subnav a{white-space:nowrap}.feature-grid{gap:12px}.feature{padding:15px;border-radius:16px}.feature h3{font-size:16px;line-height:1.6}.feature p{font-size:13px}.support-grid{gap:25px}.support-box{padding:24px}.article h1{font-size:30px}.article .intro{font-size:16px}.guide-art{height:110px;padding:17px}.guide-art b{font-size:35px}.guide-art span{font-size:12px}.help-bar{padding:19px}.help-bar p{font-size:14px}.copyright{font-size:11px}}
@media(max-width:380px){.hero-message h1{font-size:38px}.showcase:nth-child(2),.showcase:nth-child(3){grid-column:span 2;min-height:230px}.showcase:nth-child(2) .showcase-copy,.showcase:nth-child(3) .showcase-copy{max-width:59%;padding:22px}.showcase:nth-child(2) .showcase-price,.showcase:nth-child(3) .showcase-price{position:static;margin-top:15px;max-width:none}.showcase:nth-child(2)>img,.showcase:nth-child(3)>img{width:45%;height:72%}.showcase:nth-child(2) .showcase-price small,.showcase:nth-child(3) .showcase-price small{max-width:none;font-size:10px}.catalog-layout .cards{grid-template-columns:1fr}.catalog-layout .card-art{height:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-product img,.showcase:hover>img,.showcase:hover,.card:hover,.btn:hover{transform:none}}