/* ThaiDNS 2026 visual system. The original page content and forms remain intact. */
:root{--navy-900:#12236f;--navy-800:#1a2c82;--navy-700:#263d9d;--navy-600:#354db5;--blue-500:#465dca;--blue-400:#667be0;--gold-500:#f7cb61;--gold-400:#ffe19b;--text:#243150;--text-muted:#607096;--bg:#f5f8ff;--shadow-sm:0 3px 16px #172b7720;--shadow-md:0 16px 38px #182d8024;--shadow-lg:0 25px 55px #172b8031;--radius:14px;--radius-md:18px;--radius-lg:24px;--maxw:1240px}
html{scroll-behavior:smooth}body.theme-2026{background:#f7f9ff;color:var(--text)}.theme-2026 a:focus-visible,.theme-2026 button:focus-visible,.theme-2026 summary:focus-visible{outline:3px solid #ffd063;outline-offset:3px}
.theme-2026 .nav{background:linear-gradient(105deg,#192a7a,#4656b5);box-shadow:0 6px 24px #14257532}.theme-2026 .nav-inner{padding:9px 22px}.theme-2026 .brand-logo{height:55px;max-width:225px}.theme-2026 .menu{gap:0}.theme-2026 .menu a{font-size:.89rem;padding:9px 11px;border-radius:8px}.theme-2026 .menu a:hover,.theme-2026 .menu a.active{background:#ffffff20}.theme-2026 .nav-right{gap:11px}.theme-2026 .nav-login{display:inline-flex;align-items:center;color:#fff;border:1px solid #ffffff66;padding:9px 12px;border-radius:6px;white-space:nowrap;font-size:.82rem;font-weight:700}.theme-2026 .nav-login:hover{color:#fff;background:#ffffff22}.theme-2026 .lang-switch{background:#ffffff13;border-color:#ffffff28;gap:2px}.theme-2026 .lang-switch a{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;font-size:.7rem}.theme-2026 .lang-switch img{width:22px;height:15px;border-radius:2px;box-shadow:0 1px 4px #08175d55}.theme-2026 .nav-right .btn-primary{background:#dbeeff;color:#1b2e82;border-radius:6px;font-size:.8rem;font-weight:800;padding:10px 14px;box-shadow:none}.theme-2026 .menu .dropdown{border:1px solid #d5e0ff;box-shadow:0 18px 45px #14257836}.theme-2026 .menu .dropdown a:hover{background:#eaf1ff;color:#243c9e}
.theme-2026 .breadcrumb{background:#142574;border-top:1px solid #ffffff20}.theme-2026 .breadcrumb .current{color:#dceaff}.theme-2026 .hero{position:relative;padding:80px 0 95px;background:radial-gradient(circle at 80% 35%,#6c70d2 0%,#4459bd 30%,transparent 60%),linear-gradient(110deg,#172974 0%,#2c43a2 55%,#5c63c8 100%)}.theme-2026 .hero::before{background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000)}.theme-2026 .hero::after{content:"";position:absolute;right:1%;top:9%;width:min(43vw,530px);height:82%;background-image:var(--hero-image);background-repeat:no-repeat;background-size:contain;background-position:center;opacity:.25;pointer-events:none}.theme-2026 .hero-inner{position:relative;z-index:1}.theme-2026 .hero h1{background:none;color:#fff;-webkit-text-fill-color:#fff;font-size:clamp(2.5rem,4.3vw,4.25rem);line-height:1.2;letter-spacing:-.05em}.theme-2026 .hero h1 .accent{-webkit-text-fill-color:#cceaff;color:#cceaff}.theme-2026 .hero-eyebrow{background:#ffffff13;border:1px solid #c0d3ff5e;color:#d9e9ff;font-size:.75rem;letter-spacing:.05em}.theme-2026 .hero p.lead,.theme-2026 .hero .hero-lead{color:#e0e9ff}.theme-2026 .hero-card{background:#ffffff16;border:1px solid #e1eaff54;backdrop-filter:blur(15px);box-shadow:0 22px 45px #07135433}.theme-2026 .hero-badge{background:#f8d275;color:#1b2c77}.theme-2026 .stat .n{color:#e8f3ff}.theme-2026 .btn-primary{background:#dceeff;color:#1d3289;border-radius:7px;box-shadow:0 7px 20px #102e8021}.theme-2026 .btn-primary:hover{background:#fff;color:#1d3289;box-shadow:0 10px 27px #12246432}.theme-2026 .btn-outline{border-color:#445dca;color:#344eae;border-radius:7px}.theme-2026 .btn-outline:hover{background:#445dca;color:#fff}.theme-2026 .hero .btn-outline{color:#fff;border-color:#d6e7ff}.theme-2026 .hero .btn-outline:hover{background:#ffffff24}
.theme-2026 .section{padding:88px 0}.theme-2026 .section.alt-bg,.theme-2026 .alt-bg{background:#eaf2ff}.theme-2026 .section-head{margin-bottom:43px}.theme-2026 .section-head .eyebrow{color:#556cca;letter-spacing:.15em}.theme-2026 .section-head h2{color:#1c2d81;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.045em;line-height:1.3}.theme-2026 .section-head h2::before{content:"";display:block;width:34px;height:5px;border-radius:5px;background:linear-gradient(90deg,#4862ca,#92b9ff);margin:0 auto 18px}.theme-2026 .section-head p{color:#5c6c93}.theme-2026 .svc-card,.theme-2026 .price-card,.theme-2026 .who,.theme-2026 .trust-item,.theme-2026 .faq-item{border-color:#dce5fa;box-shadow:0 10px 30px #2e4b9210;border-radius:17px}.theme-2026 .svc-card:hover,.theme-2026 .price-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px #243e9630}.theme-2026 .svc-blue .svc-head,.theme-2026 .svc-green .svc-head,.theme-2026 .svc-purple .svc-head,.theme-2026 .svc-orange .svc-head{background:linear-gradient(120deg,#223a98,#6371d3)}.theme-2026 .svc-card > .svc-icon,.theme-2026 .svc-card > .icon,.theme-2026 .benefit .ico,.theme-2026 .who .ico{background:linear-gradient(135deg,#3149ad,#7c8be6);color:#fff}.theme-2026 .price-card.popular{border-color:#879be8;box-shadow:0 20px 40px #203e9a22}.theme-2026 .price-card.popular::before,.theme-2026 .price-card .popular-tag{background:#ffe29a;color:#1b2d80;box-shadow:none}.theme-2026 .price-amount .num,.theme-2026 .price-card .price .amount{color:#304bb1}.theme-2026 .cta-band{background:linear-gradient(110deg,#1c318f,#5669c9);border-radius:22px;box-shadow:0 22px 48px #1f378c28}.theme-2026 .faq-item[open]{border-color:#9baee8}.theme-2026 .faq-item summary{color:#243985}
.theme-2026 .footer{margin-top:0;padding-top:70px;background:#172669}.theme-2026 .footer::before{height:1px;background:#9fb7ff69}.theme-2026 .footer h5::before{background:#a5c6ff}.theme-2026 .footer a:hover{color:#fff}.theme-2026 .footer-col + .footer-col::before{background:#ffffff1c}.theme-2026 .footer-bottom{background:#0f1d59}.theme-2026 .footer .brand-logo{height:64px}.theme-2026 .tdns-cookie{background:#1d2d78}
@media(max-width:1280px){.theme-2026 .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#1b2c82;padding:12px;gap:0;max-height:75vh;overflow:auto}.theme-2026 .menu.open{display:flex}.theme-2026 .menu a{display:block;padding:12px 14px}.theme-2026 .menu-toggle{display:block}.theme-2026 .menu .dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none}.theme-2026 .menu li.has-dropdown.open>.dropdown{display:block}}
@media(max-width:960px){.theme-2026 .hero::after{width:65%;right:-12%;opacity:.13}.theme-2026 .hero{padding:65px 0 80px}.theme-2026 .section{padding:66px 0}.theme-2026 .footer-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.theme-2026 .nav-inner{padding:9px 14px}.theme-2026 .brand-logo{height:44px;max-width:155px}.theme-2026 .nav-right{gap:5px}.theme-2026 .nav-login{font-size:.68rem;padding:7px}.theme-2026 .lang-switch a{font-size:0;padding:4px}.theme-2026 .lang-switch img{width:21px;height:14px}.theme-2026 .nav-right .btn-primary{display:none}.theme-2026 .hero h1{font-size:clamp(2.2rem,8vw,3rem)}.theme-2026 .hero::after{display:none}.theme-2026 .footer-inner{grid-template-columns:1fr}.theme-2026 .section-head h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.theme-2026 *{transition:none!important}}
.theme-2026 .hero-inner:has(> :only-child):not(.solo){max-width:var(--maxw);grid-template-columns:minmax(0,1fr) minmax(0,.7fr);text-align:left}.theme-2026 .hero-inner:has(> :only-child):not(.solo) .hero-eyebrow{margin-left:0}.theme-2026 .hero-inner:has(> :only-child):not(.solo) .hero-lead{margin-left:0}.theme-2026 .hero-inner:has(> :only-child):not(.solo) h1{max-width:760px}.theme-2026 .hero-inner:has(> :only-child):not(.solo) p{max-width:640px}.theme-2026 .hero:has(.hero-inner:has(> :only-child):not(.solo))::after{opacity:.42;right:2%;width:40%}
@media(max-width:760px){.theme-2026 .hero-inner:has(> :only-child):not(.solo){display:block}.theme-2026 .hero:has(.hero-inner:has(> :only-child):not(.solo))::after{display:none}}

/* Keep the illustration in its own visual column on all interior pages. */
.theme-2026 .hero{overflow:hidden;min-height:440px;display:flex;align-items:center;padding:78px 0 86px}
.theme-2026 .hero .hero-inner.solo,.theme-2026 .hero .hero-inner:has(> :only-child){width:100%;max-width:1240px;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);text-align:left;gap:5%}
.theme-2026 .hero .hero-inner.solo>div:first-child,.theme-2026 .hero .hero-inner:has(> :only-child)>div:first-child{max-width:650px;grid-column:1}
.theme-2026 .hero .hero-inner.solo .hero-eyebrow,.theme-2026 .hero .hero-inner:has(> :only-child) .hero-eyebrow,.theme-2026 .hero .hero-inner.solo .hero-lead,.theme-2026 .hero .hero-inner:has(> :only-child) .hero-lead,.theme-2026 .hero .hero-inner.solo .hero-card,.theme-2026 .hero .hero-inner:has(> :only-child) .hero-card{margin-left:0;margin-right:0}
.theme-2026 .hero::after,.theme-2026 .hero:has(.hero-inner:has(> :only-child):not(.solo))::after{right:4%;top:12%;width:41%;height:76%;opacity:.82}
.theme-2026 .hero h1{font-size:clamp(2.4rem,3.4vw,3.55rem);line-height:1.17}
.theme-2026 .tdns-cookie{left:22px;right:auto;width:min(390px,calc(100% - 44px));padding:14px 16px;transform:translateY(20px)}
.theme-2026 .tdns-cookie.show{transform:translateY(0)}
.theme-2026 .tdns-cookie-inner{grid-template-columns:1fr;gap:12px}
.theme-2026 .tdns-cookie-actions{width:100%}.theme-2026 .tdns-cookie-actions button{flex:1}
@media(max-width:960px){.theme-2026 .hero .hero-inner.solo,.theme-2026 .hero .hero-inner:has(> :only-child){display:block;text-align:left;max-width:760px}.theme-2026 .hero::after,.theme-2026 .hero:has(.hero-inner:has(> :only-child):not(.solo))::after{display:none}.theme-2026 .hero{min-height:0;padding:58px 0 65px}}
@media(max-width:600px){.theme-2026 .hero h1{font-size:clamp(2rem,8vw,2.7rem)}.theme-2026 .tdns-cookie{left:8px;width:calc(100% - 16px);bottom:8px;padding:14px}.theme-2026 .tdns-cookie-text strong{font-size:.92rem}.theme-2026 .tdns-cookie-text p{font-size:.78rem}}

/* Center interior hero copy within the same content frame as the homepage. */
.theme-2026 .hero .hero-inner.solo,.theme-2026 .hero .hero-inner:has(> :only-child){display:block;width:min(100%,1000px);max-width:1000px;margin-inline:auto;text-align:center}
.theme-2026 .hero .hero-inner.solo>div:first-child,.theme-2026 .hero .hero-inner:has(> :only-child)>div:first-child{max-width:900px;margin-inline:auto}
.theme-2026 .hero .hero-inner.solo .hero-eyebrow,.theme-2026 .hero .hero-inner:has(> :only-child) .hero-eyebrow,.theme-2026 .hero .hero-inner.solo .hero-lead,.theme-2026 .hero .hero-inner:has(> :only-child) .hero-lead,.theme-2026 .hero .hero-inner.solo .lead,.theme-2026 .hero .hero-inner:has(> :only-child) .lead{margin-left:auto;margin-right:auto}
.theme-2026 .hero .hero-inner.solo .hero-card,.theme-2026 .hero .hero-inner:has(> :only-child) .hero-card{margin-left:auto;margin-right:auto}
.theme-2026 .hero::after,.theme-2026 .hero:has(.hero-inner:has(> :only-child):not(.solo))::after{right:-7%;top:16%;width:21%;height:68%;opacity:.62}
.theme-2026 .hero::after{right:0!important;top:18%!important;width:20%!important;height:64%!important;opacity:.55!important}
@media(max-width:960px){.theme-2026 .hero .hero-inner.solo,.theme-2026 .hero .hero-inner:has(> :only-child){text-align:center;max-width:760px}.theme-2026 .hero::after,.theme-2026 .hero:has(.hero-inner:has(> :only-child):not(.solo))::after{display:none}}
.theme-2026 .service-intro{padding:54px 0}
.theme-2026 .service-intro .container{max-width:1000px}
.theme-2026 .service-intro h2{margin:0 0 14px;color:#1c2d81;line-height:1.3}
.theme-2026 .service-intro p{max-width:850px;margin:0;color:#485b7e;line-height:1.75;font-size:1.04rem}
@media(max-width:600px){.theme-2026 .service-intro{padding:42px 0}}