:root{--ink:#17131c;--muted:#6f6975;--paper:#f7f6f8;--line:#e7e3e9;--true:#e51b45;--dtac:#00a7e5;--purple:#6b35e8;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,select{font:inherit}.topbar{height:78px;display:flex;align-items:center;gap:42px;padding:0 max(5vw,24px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand>span:last-child{display:flex;align-items:baseline;gap:2px;font-family:Manrope,sans-serif;letter-spacing:-.05em}.brand strong{font-size:1.15rem}.brand em{color:var(--dtac);font-style:normal;font-size:1.05rem}.brand small{margin-left:5px;font-size:.55rem;letter-spacing:.14em;color:var(--muted)}.brand-mark{position:relative;width:30px;height:28px;display:inline-block}.brand-mark i{position:absolute;left:0;top:3px;width:25px;height:9px;border-radius:2px;background:var(--true);transform:skew(-13deg)}.brand-mark i:after{content:"";position:absolute;left:8px;top:7px;width:9px;height:18px;background:var(--true);transform:skew(13deg);border-radius:2px}.brand-mark b{position:absolute;right:0;bottom:1px;width:8px;height:8px;border-radius:50%;background:var(--dtac)}nav{display:flex;gap:30px;margin-right:auto}nav a{font-weight:600;color:#4f4954}nav a:hover{color:var(--true)}.nav-cta,.primary{border-radius:999px;background:var(--ink);color:#fff;padding:12px 20px;font-weight:700}.menu-button{display:none;border:0;background:none;font-size:1.4rem}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;padding:70px max(6vw,28px) 80px;overflow:hidden;background:radial-gradient(circle at 90% 12%,#eee5ff 0,transparent 28%),linear-gradient(145deg,#fff 0%,#f7f6f8 60%)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-weight:700;font-size:.86rem;letter-spacing:.04em;color:#514a55}.eyebrow span{width:23px;height:3px;border-radius:9px;background:linear-gradient(90deg,var(--true),var(--dtac))}.hero h1{font-size:clamp(3.3rem,6vw,6.6rem);line-height:.94;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 span{background:linear-gradient(95deg,var(--true),#7b28d8 58%,var(--dtac));-webkit-background-clip:text;color:transparent}.lead{max-width:620px;font-size:1.18rem;color:var(--muted);margin:28px 0}.hero-actions{display:flex;align-items:center;gap:25px}.primary{display:inline-flex;gap:24px;align-items:center;padding:15px 23px}.primary span{color:#fff}.text-link{font-weight:700}.trust-row{display:flex;gap:32px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:.98rem}.trust-row span{font-size:.8rem;color:var(--muted)}.hero-visual{min-height:520px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:450px;height:450px;border-radius:48% 52% 58% 42%;background:linear-gradient(140deg,#f8dce4,#e5e9ff 52%,#d8f3ff);filter:drop-shadow(0 35px 65px #9a8ba933);transform:rotate(-9deg)}.phone-card{position:relative;width:290px;height:455px;border:9px solid #24202a;border-radius:42px;padding:26px 22px;background:#fff;box-shadow:0 35px 75px #2c1e4050;transform:rotate(4deg);z-index:2}.phone-card:before{content:"";position:absolute;width:85px;height:20px;background:#24202a;border-radius:20px;top:7px;left:50%;transform:translateX(-50%)}.phone-top{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:.8rem}.phone-top b{font-family:Manrope;color:var(--true)}.phone-offer{margin-top:55px}.phone-offer small{font-weight:700;color:var(--purple)}.phone-offer strong{display:block;font:800 5.4rem/1 Manrope,sans-serif;letter-spacing:-.08em}.phone-offer strong em{font-size:1rem;letter-spacing:0;font-style:normal}.phone-offer p{margin:0;color:var(--muted)}.phone-price{display:flex;align-items:baseline;gap:6px;border-top:1px solid var(--line);margin-top:35px;padding-top:22px}.phone-price span{font-size:.8rem}.phone-price strong{font:800 2.2rem Manrope;color:var(--true)}.phone-price em{font-style:normal}.phone-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px}.phone-pills span{font-size:.7rem;padding:6px 10px;border-radius:20px;background:#f1eff3}.floating-card{position:absolute;z-index:3;background:#fff;border:1px solid #ffffffaa;border-radius:18px;box-shadow:0 15px 35px #332b4430;padding:14px 18px;display:flex;flex-direction:column;backdrop-filter:blur(8px)}.floating-card span{font:800 1rem Manrope}.floating-card strong{font-size:.8rem}.true-card{left:2%;top:18%;transform:rotate(-7deg)}.true-card span{color:var(--true)}.dtac-card{right:0;bottom:18%;transform:rotate(7deg)}.dtac-card span{color:var(--dtac)}.signal-lines{position:absolute;right:5%;top:4%;display:flex;align-items:end;gap:5px}.signal-lines i{display:block;width:6px;border-radius:5px;background:#c9c0d1}.signal-lines i:nth-child(1){height:12px}.signal-lines i:nth-child(2){height:20px}.signal-lines i:nth-child(3){height:28px}.signal-lines i:nth-child(4){height:36px;background:var(--purple)}.finder{padding:90px max(6vw,28px);background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2,.guide h2,.faq h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:0}.section-heading>p{max-width:470px;color:var(--muted)}.carrier-switch{display:flex;gap:8px;margin:38px 0 18px}.carrier{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 22px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}.carrier.active{background:var(--ink);border-color:var(--ink);color:#fff}.carrier span{width:9px;height:9px;border-radius:50%}.all-dot{background:linear-gradient(90deg,var(--true) 50%,var(--dtac) 50%)}.true-dot{background:var(--true)}.dtac-dot{background:var(--dtac)}.filters{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;padding:14px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}.filters label{font-size:.75rem;font-weight:700;color:var(--muted);display:flex;flex-direction:column;padding:2px 10px}.filters select{border:0;background:transparent;color:var(--ink);font-weight:600;outline:none;padding-top:3px}.filters button,.empty-state button{border:0;border-radius:12px;padding:0 18px;background:#e9e5ec;font-weight:700;cursor:pointer}.result-bar{display:flex;justify-content:space-between;margin:30px 0 15px;color:var(--muted)}.result-bar strong{color:var(--ink)}.result-bar span{font-size:.85rem}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-card{border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:#fff;display:flex;flex-direction:column;min-height:330px;transition:.2s}.package-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #2a213014}.card-top{display:flex;justify-content:space-between;align-items:center}.network{font:800 .78rem Manrope;letter-spacing:.03em;padding:7px 10px;border-radius:8px}.network.true{color:var(--true);background:#fff0f3}.network.dtac{color:#007eb0;background:#e7f8ff}.tag{font-size:.74rem;color:var(--muted);background:var(--paper);padding:6px 9px;border-radius:8px}.package-card h3{font-size:1.3rem;line-height:1.25;margin:22px 0 10px}.benefit{color:var(--muted);margin:0 0 auto}.specs{display:flex;gap:18px;padding:18px 0;margin-top:22px;border-top:1px solid var(--line)}.specs span{font-size:.75rem;color:var(--muted);display:flex;flex-direction:column}.specs strong{font-size:.98rem;color:var(--ink)}.card-bottom{display:flex;align-items:end;justify-content:space-between}.price span{font-size:.75rem;color:var(--muted)}.price strong{display:block;font:800 2rem/1 Manrope}.price em{font:500 .85rem "IBM Plex Sans Thai";font-style:normal;margin-left:3px}.official-link{font-weight:700;font-size:.9rem;padding:10px 13px;border-radius:10px;background:var(--ink);color:#fff}.card-note{font-size:.68rem;color:#938c98;margin:9px 0 0}.empty-state{padding:50px;text-align:center;border:1px dashed #ccc4cf;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state button{padding:10px 20px;margin-top:8px}.guide{padding:90px max(6vw,28px);background:var(--ink);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.eyebrow.light{color:#cfc7d3}.steps article{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:28px 0;border-top:1px solid #ffffff20}.steps article>span{font:700 1rem Manrope;color:#887e8d}.steps h3{font-size:1.35rem;margin:0 0 6px}.steps p{margin:0;color:#bdb5c1}.source-strip{padding:26px max(6vw,28px);background:linear-gradient(100deg,var(--true),#8b25c8 55%,#1979ca);color:#fff;display:grid;grid-template-columns:1fr 1.7fr auto;gap:30px;align-items:center}.source-strip div{display:flex;flex-direction:column}.source-strip span{font-size:.75rem;opacity:.8}.source-strip p{font-size:.83rem;opacity:.9}.source-strip a{padding:10px 15px;border:1px solid #ffffff55;border-radius:10px;font-weight:700}.faq{padding:90px max(6vw,28px);background:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.accordion details{border-top:1px solid var(--line);padding:21px 0}.accordion summary{cursor:pointer;font-weight:700;font-size:1.08rem}.accordion p{color:var(--muted);max-width:720px}footer{background:#100d14;color:#d6cfd9;padding:60px max(6vw,28px) 25px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:35px}footer>div{display:flex;flex-direction:column;gap:8px}footer>div>strong{color:#fff;margin-bottom:6px}.inverse strong{color:#fff}.footer-brand p{max-width:310px;color:#8f8594}.codes span{display:flex;justify-content:space-between;max-width:180px}.codes b{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid #ffffff14;padding-top:20px;margin-top:20px;font-size:.8rem;color:#766d7a}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:480px}.package-grid{grid-template-columns:repeat(2,1fr)}.guide,.faq{grid-template-columns:1fr;gap:45px}.source-strip{grid-template-columns:1fr auto}.source-strip p{grid-column:1/-1;grid-row:2}.topbar nav{display:none}.nav-cta{margin-left:auto}.filters{grid-template-columns:repeat(3,1fr)}.filters button{grid-column:1/-1;padding:10px}.section-heading{align-items:start;flex-direction:column}footer{grid-template-columns:2fr repeat(3,1fr)}}@media(max-width:660px){.topbar{height:68px;padding:0 18px}.nav-cta{display:none}.menu-button{display:block;margin-left:auto}.topbar.open nav{display:flex;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.hero{padding:45px 20px 55px}.hero h1{font-size:3.4rem}.lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.trust-row{gap:18px;overflow-x:auto}.trust-row div{min-width:125px}.hero-visual{min-height:410px}.hero-visual:before{width:330px;height:330px}.phone-card{width:238px;height:375px;padding:22px 17px;border-width:7px;border-radius:34px}.phone-offer{margin-top:35px}.phone-offer strong{font-size:4.3rem}.phone-price{margin-top:24px}.floating-card{padding:10px 12px}.finder,.guide,.faq{padding:65px 20px}.carrier-switch{overflow-x:auto}.filters{grid-template-columns:1fr}.filters button{grid-column:auto}.result-bar{align-items:flex-start;flex-direction:column;gap:5px}.package-grid{grid-template-columns:1fr}.source-strip{grid-template-columns:1fr;padding:28px 20px}.source-strip p{grid-column:auto;grid-row:auto}.source-strip a{justify-self:start}footer{grid-template-columns:1fr 1fr;padding:50px 20px 25px}.footer-brand{grid-column:1/-1}.codes{grid-column:1/-1}.section-heading h2,.guide h2,.faq h2{font-size:2.45rem}}