*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif;color:#102e51;background:linear-gradient(180deg,#f7fcff 0,#edf6fd 750px,#fff 1500px);font-size:17px;line-height:1.85}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ef781c;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}header{background:#f7fbfff2;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:86px;gap:24px}.brand{font-size:25px;font-weight:700;text-decoration:none;line-height:1.15}.brand span{display:block;letter-spacing:2px;font-size:11px;margin-top:9px;color:#577088}nav{display:flex;gap:28px;font-size:15px}nav a{text-decoration:none}nav a:hover{color:#b54c00}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:76px;align-items:center;padding-top:65px;padding-bottom:80px}.eyebrow{font-size:14px;color:#9d470a;font-weight:bold;margin:0 0 16px}h1{font-size:clamp(36px,4.7vw,60px);line-height:1.5;letter-spacing:-1.3px;margin:0 0 24px}em{font-style:normal;color:#d05d0b}.lead{font-size:19px;line-height:1.85;color:#38536e}.button{display:inline-flex;gap:30px;padding:12px 22px;background:#103c6b;color:white;border-radius:5px;text-decoration:none;margin-top:15px}.button:hover{background:#17538b}.small,figcaption{font-size:14px;color:#567085}.hero figure{margin:0}.hero img{width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 20px 50px #0b2d5120}figcaption{margin-top:12px;text-align:center}.intro{padding:50px 0 65px}.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}.two p:first-child{margin-top:0}h2{font-size:clamp(25px,3vw,36px);line-height:1.6;margin:0 0 28px}h3{font-size:27px;line-height:1.6;margin:0 0 14px}h4{font-size:18px;margin:0 0 10px}.section{padding-top:70px;padding-bottom:60px}.product{display:grid;grid-template-columns:76px 1fr;gap:20px;padding:48px 0}.number{font-size:40px;color:#d76315;line-height:1.3}.english{font-size:14px;letter-spacing:1.1px;font-weight:bold;color:#5b7085;margin:0 0 6px}.product .two{margin-top:25px;gap:40px}.product li{margin-bottom:9px}ul{padding-left:22px}.note{background:#edf5fb;padding:22px 26px;border-radius:4px;font-size:16px;margin-top:24px}.compare{background:#102f54;color:#fff}.compare .eyebrow{color:#ffb16d}.compare .small{color:#c3d8e9}.table-scroll{overflow-x:auto;margin-top:30px}table{width:100%;border-collapse:collapse;min-width:760px;text-align:left;font-size:16px}caption{text-align:left;font-size:14px;color:#c3d8e9;margin-bottom:18px}th,td{padding:20px 18px;vertical-align:top;border-bottom:1px solid #42617c}thead th{background:#234769;color:#fff}tbody th{width:17%;color:#ffbc88}td{width:27.6%;color:#e1edf6}.costs{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:35px}.costs div{font-weight:bold;font-size:18px;padding:18px 0}.costs small{display:block;font-weight:normal;color:#60778e;font-size:14px;margin-top:5px}.check li{margin-bottom:13px}details{padding:24px 0;border-bottom:1px solid #dce5ed}summary{font-size:19px;font-weight:bold;cursor:pointer}details p{max-width:920px;color:#38536e}.sources{padding:45px 0 70px;color:#5a6b7c;font-size:14px}.sources h3{font-size:20px}footer{background:#082744;color:#fff;padding:45px 0}.closing{font-size:24px;font-weight:bold;margin:0}footer p:last-child{font-size:14px;letter-spacing:1px;color:#c0d3e3}.skip{position:absolute;left:-9999px;top:8px;z-index:30}.skip:focus{left:10px;background:white;padding:12px}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{flex-wrap:wrap;padding:16px 0;gap:16px}nav{gap:18px;font-size:14px;flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:32px;padding-top:38px;padding-bottom:35px}.hero figure{max-width:420px;margin:0 auto}.two{grid-template-columns:1fr;gap:15px}.product{grid-template-columns:45px 1fr;gap:10px;padding:30px 0}.number{font-size:30px}.product .two{gap:10px}.section{padding-top:45px;padding-bottom:35px}.costs{grid-template-columns:1fr 1fr;gap:15px}.english{font-size:13px;letter-spacing:.2px}h3{font-size:24px}.intro{padding-top:35px}.lead{font-size:18px}}@media(max-width:430px){.wrap{width:calc(100% - 32px)}nav{gap:14px}h1{font-size:35px;letter-spacing:-.5px}.product{display:block}.number{margin-bottom:12px}.costs{grid-template-columns:1fr}.note{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Asinlife contact actions */
nav{align-items:center}nav .nav-contact{color:#a54408;font-weight:700}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:25px}
.hero-actions .button{margin-top:0}.text-link{font-size:16px}
.button-primary{background:#b94c08;color:#fff;font-weight:700;justify-content:center;text-align:center}
.button-primary:hover{background:#963b04}
.contact{margin-top:35px;padding:64px 0;background:linear-gradient(160deg,#eaf4fc,#dcecf8)}
.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:56px}
.contact h2{margin-bottom:16px}.contact p{margin-bottom:14px}
.contact-hint{font-size:14px;color:#435f79}
.contact-actions{display:flex;flex-direction:column;gap:14px;align-items:stretch}
.contact-actions .button{margin:0;min-height:52px;align-items:center;justify-content:center}
.button-outline{background:transparent;border:1px solid #103c6b;color:#103c6b;text-align:center}
.button-outline:hover{background:#103c6b;color:#fff}
.contact-website{text-align:center;font-size:16px;padding:5px}
@media(max-width:800px){.contact{padding:40px 0}.contact-layout{grid-template-columns:1fr;gap:20px}.contact-actions{max-width:420px;width:100%}.desktop-break{display:none}}
@media(max-width:430px){.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .text-link{text-align:center}.contact h2{font-size:27px}}