:root{--navy:#061938;--blue:#0b63f6;--cyan:#35c9f5;--ink:#10233f;--muted:#61708a;--line:#dfe8f5;--surface:#f5f9ff;--white:#fff;--radius:22px;--shadow:0 18px 55px rgba(15,56,120,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Thai",system-ui,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:80px;display:flex;align-items:center;gap:30px;max-width:1240px;margin:auto;padding:0 24px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;color:var(--navy)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-size:.8rem;box-shadow:0 9px 22px rgba(11,99,246,.3)}nav{display:flex;gap:22px;align-items:center;margin-left:auto}nav a{font-size:.88rem;color:#42536e;font-weight:500;white-space:nowrap}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;background:linear-gradient(135deg,#0860ef,#1683ff);color:#fff;border-radius:12px;font-weight:700;box-shadow:0 10px 26px rgba(11,99,246,.24);transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,99,246,.3)}.button.secondary{color:var(--navy);background:#fff;border:1px solid #cddbf0;box-shadow:none}.button.small{padding:10px 16px;font-size:.88rem}.menu-toggle{display:none}.hero{min-height:650px;display:grid;grid-template-columns:46% 54%;align-items:center;max-width:1440px;margin:auto;background:radial-gradient(circle at 20% 20%,#e8f4ff 0,transparent 35%),linear-gradient(145deg,#f8fbff 0,#edf6ff 52%,#e5f3ff 100%);border-radius:0 0 42px 42px;overflow:hidden}.hero-copy{padding:80px 20px 80px max(5vw,72px);position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:700;font-size:.82rem;letter-spacing:.02em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(53,201,245,.15)}h1{font-size:clamp(2.65rem,4.5vw,4.65rem);line-height:1.14;letter-spacing:-.045em;margin:22px 0;color:var(--navy);max-width:700px}h1::after{content:"";display:block;width:92px;height:7px;border-radius:9px;background:linear-gradient(90deg,var(--blue),var(--cyan));margin-top:22px}.hero-copy p{font-size:1.1rem;color:#52647e;max-width:600px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{height:100%;position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf6ff 0,transparent 23%);z-index:1}.hero-visual img{width:115%;height:100%;object-fit:cover;object-position:center right;display:block}.trust-strip{max-width:1200px;margin:-30px auto 40px;position:relative;z-index:3;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(6,1fr);padding:20px}.trust-strip span{text-align:center;color:#354965;font-size:.82rem;font-weight:600;padding:4px 10px;border-right:1px solid var(--line)}.trust-strip span:last-child{border:0}
@media(max-width:1100px){nav{display:none;position:absolute;top:72px;left:20px;right:20px;background:#fff;padding:18px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}nav.open{display:flex}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font:inherit}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:70px 7vw 20px}.hero-visual{height:430px}.trust-strip{grid-template-columns:repeat(3,1fr);margin:20px}.trust-strip span:nth-child(3){border:0}}
@media(max-width:620px){.site-header{height:68px;padding:0 16px}.header-cta{display:none}.hero-copy{padding:55px 22px 15px}h1{font-size:2.55rem}.hero-copy p{font-size:1rem}.hero-visual{height:270px}.trust-strip{grid-template-columns:1fr 1fr;padding:12px}.trust-strip span{padding:10px 4px;border-bottom:1px solid var(--line)}.trust-strip span:nth-child(even){border-right:0}.trust-strip span:nth-last-child(-n+2){border-bottom:0}}
.section,.pricing-section{max-width:1240px;margin:auto;padding:100px 24px}.section-heading{max-width:720px;margin:0 auto 48px;text-align:center}.section-heading h2,.cloud-intro h2,.compare-copy h2,.cta h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1.2;letter-spacing:-.03em;color:var(--navy);margin:10px 0 15px}.section-heading p,.cloud-intro p,.compare-copy p{color:var(--muted);margin:0;font-size:1.05rem}.kicker{font-size:.78rem;letter-spacing:.15em;color:var(--blue);font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:white;box-shadow:0 10px 35px rgba(24,68,133,.07);overflow:hidden}.service-card.featured{background:linear-gradient(145deg,#0b2a5a,#071b3c);color:white;transform:translateY(-10px)}.service-card.featured h3,.service-card.featured a{color:white}.service-card.featured p{color:#c2d2ea}.service-card .icon{font-size:1.55rem;width:50px;height:50px;display:grid;place-items:center;color:var(--blue);background:#eaf3ff;border-radius:14px;margin-bottom:26px}.service-no{position:absolute;right:24px;top:22px;color:#b7c7dd;font-weight:800}.service-card h3{color:var(--navy);font-size:1.35rem;margin:0 0 10px}.service-card p{color:var(--muted);min-height:132px}.service-card a{color:var(--blue);font-weight:700}.pricing-section{max-width:none;background:#f6f9fe}.pricing-section>.section-heading,.pricing-section>.pricing-grid,.pricing-section>.note,.pricing-section>.addons{max-width:1200px;margin-left:auto;margin-right:auto}.pricing-grid{display:grid;gap:18px}.pricing-grid.four{grid-template-columns:repeat(4,1fr)}.pricing-grid.three{grid-template-columns:repeat(3,1fr);max-width:980px}.price-card{background:white;border:1px solid var(--line);border-radius:20px;padding:28px 24px;position:relative;box-shadow:0 8px 30px rgba(34,70,118,.06)}.price-card.recommended{border:2px solid var(--blue);box-shadow:0 18px 48px rgba(11,99,246,.16);transform:translateY(-12px)}.badge{position:absolute;right:18px;top:18px;color:var(--blue);background:#e7f1ff;border-radius:99px;padding:5px 10px;font-size:.75rem;font-weight:800}.price-card h3{font-size:1.2rem;margin:0}.fit,.annual{color:var(--muted);font-size:.85rem;margin:3px 0 16px}.annual{color:var(--blue);font-weight:600}.price{display:flex;align-items:baseline;gap:7px;margin:14px 0}.price strong{font-size:2.25rem;color:var(--navy);line-height:1}.price span{font-size:.8rem;color:var(--muted)}.quota{display:flex;justify-content:space-between;background:var(--surface);border-radius:10px;padding:10px 12px;font-size:.83rem;margin-bottom:16px}.quota b{color:var(--blue)}.price-card>.button{width:100%;margin-bottom:20px}.features{list-style:none;margin:0;padding:0}.features li{font-size:.8rem;color:#52647e;padding:5px 0 5px 22px;position:relative}.features li:before{content:'✓';position:absolute;left:0;color:#12a66a;font-weight:900}.note{margin-top:28px!important;text-align:center;color:#718098;font-size:.8rem}.pricing-section.alt{background:white}.addons{margin-top:42px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}.addons h3{margin:0 0 15px}.addons>div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.addons span{display:flex;flex-direction:column}.addons small{color:var(--muted)}.cloud-section{background:radial-gradient(circle at 80% 10%,#0c4383,transparent 38%),#061a3a;color:white;padding:100px max(24px,calc((100vw - 1200px)/2));}.cloud-intro{max-width:690px;margin-bottom:40px}.cloud-intro h2{color:white}.cloud-intro p{color:#b9cce6}.kicker.light{color:#58d8ff}.cloud-specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.cloud-specs span{font-size:.8rem;border:1px solid #315077;background:#0b2b57;padding:7px 12px;border-radius:99px}.cloud-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cloud-plans article{position:relative;background:#0b2853;border:1px solid #244773;border-radius:18px;padding:22px}.cloud-plans article.hot{background:linear-gradient(160deg,#0b63f6,#12417a);border-color:#54cfff}.cloud-plans article>div{display:flex;justify-content:space-between;align-items:center}.cloud-plans h3{margin:0;font-size:1.2rem}.cloud-plans b{font-size:1.5rem}.cloud-plans small{font-size:.7rem;font-weight:500}.cloud-plans dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #315077;margin:18px 0;padding-top:12px;font-size:.82rem}.cloud-plans dt{color:#8fa9ca}.cloud-plans dd{text-align:right;margin:0;font-weight:700}.cloud-plans a{color:#61dcff;font-weight:700;font-size:.85rem}.cloud-note{font-size:.78rem;color:#91a9c8;text-align:center;margin:28px auto 0}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.reason-grid article{background:white;padding:30px}.reason-grid b{color:#bfd0e7;font-size:1.4rem}.reason-grid h3{margin:10px 0 5px;color:var(--navy)}.reason-grid p{color:var(--muted);margin:0;font-size:.9rem}.compare-section{max-width:1200px;margin:auto;padding:30px 24px 100px;display:grid;grid-template-columns:34% 66%;gap:60px;align-items:start}.compare-table{border:1px solid var(--line);border-radius:18px;overflow:hidden}.tr{display:grid;grid-template-columns:2fr 1fr;gap:15px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:.88rem}.tr:last-child{border:0}.tr.head{background:var(--navy);color:white;font-weight:700}.tr b{color:var(--blue)}.faq-section{padding-top:70px}.faq-list{max-width:860px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:700;color:var(--navy);display:flex;justify-content:space-between}.faq-list summary i{font-style:normal;color:var(--blue);font-size:1.3rem}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list p{color:var(--muted);margin:12px 40px 0 0}.cta{max-width:1200px;margin:0 auto 100px;background:linear-gradient(135deg,#0760ef,#0a3d93);border-radius:28px;padding:54px 60px;color:white;display:flex;justify-content:space-between;align-items:center;gap:40px;box-shadow:0 22px 60px rgba(11,99,246,.25)}.cta h2{color:white;margin:5px 0;font-size:2.3rem}.cta p{color:#d6e7ff;max-width:650px;margin:0}.cta>div>span{font-size:.8rem;color:#69dcff;font-weight:700}.cta-actions{display:flex;gap:10px;flex-shrink:0}.button.white{background:white;color:var(--blue)}.button.ghost{background:transparent;border:1px solid #78a8e5;box-shadow:none}.anchor{display:block}footer{background:#05152f;color:#a9bbd4;padding:70px 24px 20px}.footer-main{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.light-brand{color:white}.footer-brand p{color:#fff}.footer-brand small{color:#8499b7}.footer-main h3{color:white;font-size:.9rem}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-main a:not(.brand){font-size:.85rem}.footer-bottom{max-width:1200px;margin:45px auto 0;padding-top:20px;border-top:1px solid #1d3150;font-size:.8rem}
@media(max-width:1000px){.pricing-grid.four,.cloud-plans{grid-template-columns:repeat(2,1fr)}.addons>div{grid-template-columns:1fr 1fr}.compare-section{grid-template-columns:1fr;gap:25px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{grid-column:2}.cta{margin-left:20px;margin-right:20px}}
@media(max-width:760px){.section,.pricing-section{padding:72px 20px}.service-grid,.pricing-grid.three,.reason-grid{grid-template-columns:1fr}.service-card.featured,.price-card.recommended{transform:none}.cloud-section{padding:72px 20px}.cloud-plans{grid-template-columns:1fr}.compare-section{padding:20px 20px 72px}.tr{grid-template-columns:1fr}.tr.head span:last-child{display:none}.cta{padding:38px 25px;flex-direction:column;align-items:flex-start;margin-bottom:70px}.cta-actions{flex-wrap:wrap}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.pricing-grid.four,.addons>div{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-brand,.footer-main>div:last-child{grid-column:auto}.cta-actions{width:100%;flex-direction:column}.cta-actions a{width:100%}.section-heading{text-align:left}.section-heading h2{font-size:2rem}}
.service-grid{grid-template-columns:repeat(2,1fr)}.service-card.featured{transform:none}.mail-card{grid-column:1/-1;display:grid;grid-template-columns:60px 1fr 1.1fr auto;gap:0 26px;align-items:start;background:linear-gradient(135deg,#f7fbff,#eaf5ff)}.mail-card .icon{grid-row:1/4}.mail-card .service-no{top:24px}.mail-card h3{grid-column:2}.mail-card>p{grid-column:2;min-height:0;margin:5px 0}.mail-card .service-points{grid-column:3;grid-row:1/4;margin:0;list-style:none;padding:0}.mail-card .service-points li{font-size:.82rem;color:#52647e;padding:3px 0 3px 20px;position:relative}.mail-card .service-points li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.mail-card>a{grid-column:4;grid-row:2;align-self:center;white-space:nowrap}.mail-section{background:linear-gradient(180deg,#f3f8ff,#fff)}.mail-uses{max-width:1200px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mail-uses article{padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff}.mail-uses span{color:#a6bad5;font-weight:800}.mail-uses h3{color:var(--navy);margin:7px 0}.mail-uses p{color:var(--muted);font-size:.88rem;margin:0}.mail-policy{max-width:1200px;margin:22px auto 0;background:#071c3f;color:#fff;border-radius:17px;padding:24px 28px}.mail-policy b{color:#65dcff}.mail-policy p{color:#b8c9e1;font-size:.82rem;margin:8px 0 0}.mail-features li{padding-top:4px;padding-bottom:4px}
@media(max-width:1000px){.mail-card{grid-template-columns:55px 1fr 1fr}.mail-card>a{grid-column:2;grid-row:3;margin-top:16px}.mail-uses{grid-template-columns:1fr}.site-header{gap:18px}nav{gap:14px}}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}.mail-card{display:block;grid-column:auto}.mail-card .service-points{margin:16px 0 20px}.mail-card>a{white-space:normal}}
.policy-page{background:#f7faff}.policy-page .site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);max-width:none;padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2));position:sticky;top:0;backdrop-filter:blur(14px)}.policy-nav{margin-left:auto}.policy-hero{background:radial-gradient(circle at 78% 20%,rgba(53,201,245,.18),transparent 34%),linear-gradient(135deg,#061938,#0a326b);color:white;text-align:center;padding:88px 24px}.policy-hero h1{color:white;margin:12px auto 10px;font-size:clamp(2.4rem,5vw,4.2rem)}.policy-hero h1:after{margin:20px auto 0}.policy-hero p{color:#c0d2eb;font-size:1.08rem;margin:0}.policy-hero small{display:block;color:#86a3c8;margin-top:16px}.policy-tabs{max-width:1100px;margin:-32px auto 55px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;padding:0 24px}.policy-tabs>a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.policy-tabs b{font-size:1.4rem;color:#bed0e7}.policy-tabs span{font-weight:700;color:var(--navy)}.policy-tabs small{display:block;color:var(--muted);font-weight:500}.policy-document{max-width:960px;margin:0 auto;padding:0 24px 100px}.policy-chapter{scroll-margin-top:100px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:50px 58px;margin-bottom:30px;box-shadow:0 12px 40px rgba(23,63,120,.06)}.chapter-title{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:22px}.chapter-title>span{font-size:2.2rem;font-weight:800;color:#c4d4e9}.chapter-title small{color:var(--blue);font-weight:800;letter-spacing:.12em}.chapter-title h2{font-size:2rem;color:var(--navy);margin:2px 0}.policy-notice{background:#edf6ff;border-left:4px solid var(--blue);border-radius:10px;padding:16px 18px;color:#395574;font-size:.9rem;margin-bottom:25px}.policy-chapter h3{color:#173c6e;font-size:1.08rem;margin:28px 0 7px}.policy-chapter p,.policy-chapter li{color:#53657f;font-size:.94rem}.policy-chapter p{margin:8px 0}.policy-chapter ul{padding-left:22px}.policy-chapter li{margin:9px 0}.policy-footer{background:#05152f;color:#9fb2cd;padding:25px}.policy-footer>div{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.policy-footer nav{display:flex;margin:0;gap:20px}.policy-footer nav a{color:#b9c8dc}
@media(max-width:850px){.policy-page .site-header .button{display:none}.policy-tabs{grid-template-columns:1fr;margin-top:25px}.policy-chapter{padding:34px 26px}.policy-footer>div{align-items:flex-start;gap:20px;flex-direction:column}.policy-footer nav{align-items:flex-start}.policy-hero{padding:65px 20px}}
@media(max-width:620px){.policy-page .policy-nav{display:none}.policy-page .site-header{padding:0 18px}.policy-chapter{border-radius:16px}.chapter-title h2{font-size:1.55rem}.policy-footer nav{display:flex;flex-direction:column}.policy-hero h1{font-size:2.35rem}}
.footer-brand address{display:flex;flex-direction:column;gap:3px;margin-top:18px;font-style:normal;font-size:.8rem}.footer-brand address b{color:#d8e5f5}.footer-brand address a{color:#91afd2!important}.policy-chapter a{color:var(--blue);font-weight:600}