:root{
  --ink:#0c1831;--muted:#62708a;--blue:#2363f0;--blue2:#3c6df8;--pale:#f5f8ff;--line:#e4eaf4;
  --green:#0aa57a;--orange:#ef8a1f;--purple:#7257e7;--shadow:0 18px 60px rgba(28,54,112,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Noto Sans Thai","Leelawadee UI","Tahoma",system-ui,-apple-system,sans-serif;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(35,99,240,.38);outline-offset:3px}.preview-bar{background:#07152d;color:#dce8ff;text-align:center;padding:8px 16px;font-size:13px;letter-spacing:.015em}
.site-header{height:82px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(231,236,246,.7)}
.brand{display:flex;align-items:center;gap:8px;min-width:185px}.brand-mark{width:39px;height:39px;object-fit:cover;object-position:12% 12%;border-radius:9px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:21px;letter-spacing:.11em}.brand-copy small{font-size:10px;color:#53627b;margin-top:5px;letter-spacing:.03em}
.desktop-nav{display:flex;gap:29px;font-size:14px}.desktop-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:16px;font-size:13px;white-space:nowrap}.link-btn{border:0;background:none;color:var(--blue);cursor:pointer;min-height:44px;display:inline-flex;align-items:center}.primary-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d63ef,#2e6af4);color:#fff;border-radius:9px;padding:14px 24px;font-weight:700;box-shadow:0 9px 25px rgba(35,99,240,.22);min-height:44px}.primary-btn.small{padding:11px 21px;font-size:13px}
.hero{max-width:1240px;margin:auto;min-height:420px;padding:66px 32px 45px;display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;overflow:hidden}.eyebrow{color:var(--blue);font-size:13px;letter-spacing:.18em;font-weight:800;margin:0 0 17px}.hero h1{font-size:56px;line-height:1.1;letter-spacing:-.04em;margin:0 0 19px}.hero h1 span{color:var(--blue)}.hero-sub{font-size:21px;line-height:1.55;color:#33415b;margin:0 0 29px}.url-checker{display:flex;max-width:625px;border:1px solid #d5deec;border-radius:10px;background:#fff;padding:4px;box-shadow:0 10px 35px rgba(43,75,145,.05)}.url-checker input{flex:1;min-width:0;border:0;outline:0;padding:13px 16px;color:#1d2941;background:transparent;font-size:15px}.url-checker input[aria-invalid="true"]{box-shadow:inset 0 0 0 2px #d35b5b;border-radius:7px}.url-checker button{border:0;background:var(--blue);color:#fff;padding:0 29px;border-radius:8px;font-weight:750;cursor:pointer;font-size:15px;min-height:44px}.url-checker button:hover{background:#1554d7}.url-checker button:disabled{cursor:wait;opacity:.72}.hero-trust{display:flex;gap:26px;margin-top:14px;color:#5f6f88;font-size:14px;flex-wrap:wrap}.hero-trust span::first-letter{color:var(--blue)}.checker-message{font-size:14px;min-height:24px;margin:13px 0 0;color:var(--blue)}
.hero-visual{position:relative;min-height:290px}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:.98}.hero-visual-copy{position:absolute;right:1%;top:22%;display:flex;flex-direction:column;gap:10px;max-width:190px}.hero-visual-copy strong{font-size:17px;line-height:1.4}.hero-visual-copy small{font-size:10px;letter-spacing:.13em;color:#8090ab}
.snapshot-shell{max-width:1240px;margin:0 auto 48px;padding:28px 30px 30px;border:1px solid #edf1f8;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:var(--shadow);scroll-margin-top:16px}.snapshot-shell[aria-busy="true"]{cursor:progress}.snapshot-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.mini-label{font-size:12px;font-weight:800;letter-spacing:.1em;color:#4772cc;margin:0 0 4px}.snapshot-topline h2{font-size:30px;margin:0}.muted{color:#6f7d91;font-size:14px;margin:4px 0 0}.evidence-badge{font-size:12px;font-weight:800;color:#2457b7;border:1px solid #cddcff;padding:8px 11px;border-radius:999px;background:#f4f8ff}
.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.score-card{border-radius:14px;padding:17px 18px 16px;min-height:148px;border:1px solid rgba(0,0,0,.035);position:relative;overflow:hidden}.score-card span{position:absolute;right:13px;top:12px;font-weight:900;font-size:12px;opacity:.7}.score-card p{font-size:14px;margin:3px 0 13px;font-weight:700}.score-card strong{display:block;font-size:33px;line-height:1;margin:0 0 12px}.score-card small{font-size:12px;line-height:1.45}.score-card.blue{background:#f3f7ff;color:#245cc4}.score-card.purple{background:#f7f3ff;color:#6249c9}.score-card.green{background:#effaf7;color:#078b69}.score-card.orange{background:#fff7ee;color:#d57916}
.decision-grid{display:grid;grid-template-columns:.9fr 1.25fr 1fr;gap:14px;margin-top:14px}.panel{border:1px solid #e5eaf2;border-radius:14px;background:#fff;padding:18px}.panel h3{font-size:18px;margin:0 0 15px}.overview-panel dl{margin:0}.overview-panel dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f6;font-size:13px}.overview-panel dl div:last-child{border-bottom:0}.overview-panel dt{color:#687891}.overview-panel dd{margin:0;font-weight:700}.actions-panel ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}.actions-panel li{display:flex;gap:12px;align-items:center;border:1px solid #edf1f7;border-radius:10px;padding:11px 12px}.actions-panel li.is-loading{opacity:.72}.actions-panel b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:12px;flex:0 0 auto}.actions-panel span{display:flex;flex-direction:column}.actions-panel strong{font-size:14px}.actions-panel small{color:#6f7c90;font-size:12px;line-height:1.45}.panel-title-row{display:flex;justify-content:space-between;gap:10px}.panel-title-row span{font-size:11px;color:#75839a}.empty-state{border:1px dashed #ccd8e9;border-radius:10px;padding:15px 13px;color:#6f7c90}.empty-state strong{font-size:14px;color:#34425a}.empty-state p,.opportunity p{font-size:12px;line-height:1.5;margin:4px 0 0}.opportunity{margin-top:12px;padding:12px;border-radius:10px;background:#effaf6;color:#16785e}.opportunity strong{font-size:13px}
.technical-evidence{margin-top:14px;border:1px solid #dfe9f7;border-radius:14px;background:linear-gradient(180deg,#fafdff 0%,#f6faff 100%);padding:18px}.technical-evidence[hidden]{display:none}.technical-evidence-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.technical-evidence-header h3{margin:0;font-size:18px}.live-evidence-badge{font-size:11px;font-weight:800;letter-spacing:.03em;color:#087b60;border:1px solid #bce8dc;background:#ecfaf6;padding:7px 10px;border-radius:999px;white-space:nowrap}.technical-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.technical-evidence-item{min-width:0;border:1px solid #e6ecf5;border-radius:10px;background:#fff;padding:12px 13px}.technical-evidence-item span{display:block;color:#6f7d93;font-size:11px;letter-spacing:.01em;margin-bottom:5px}.technical-evidence-item strong{display:block;color:#25344f;font-size:13px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.technical-evidence-item.evidence-ok{border-color:#cfece3;background:#f8fdfa}.technical-evidence-item.evidence-ok strong{color:#08785c}.technical-evidence-item.evidence-warn{border-color:#f0ddc5;background:#fffaf4}.technical-evidence-item.evidence-warn strong{color:#a45d11}.technical-evidence-note{margin:12px 2px 0;color:#63728a;font-size:12px;line-height:1.55}
.proof-section{max-width:1240px;margin:0 auto 55px;padding:35px 32px;display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;background:linear-gradient(100deg,#f3f8ff,#edf6ff 55%,#f8fbff);border-radius:18px}.proof-copy h2{font-size:29px;margin:0 0 10px}.proof-copy p:not(.mini-label){color:#52627b;font-size:15px;max-width:390px}.secondary-btn{display:inline-flex;margin-top:12px;border:1px solid #8fb1ff;color:#245fd4;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:750;background:#fff;min-height:44px;align-items:center}.proof-chart{background:#fff;border:1px solid #e5ebf5;border-radius:13px;padding:17px}.chart-head{display:flex;justify-content:space-between;gap:14px;font-size:12px}.chart-head span{color:#7a879a}.chart-stage{position:relative;height:185px;margin-top:13px;border-left:1px solid #d9e0ec;border-bottom:1px solid #d9e0ec;background:repeating-linear-gradient(to top,#fff 0,#fff 45px,#edf1f7 46px)}.path-line{position:absolute;left:10%;bottom:17%;width:82%;height:3px;background:var(--blue);transform:rotate(-14deg);transform-origin:left center;border-radius:5px}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #fff}.dot span{position:absolute;font-size:11px;color:#455672;white-space:nowrap;bottom:15px;left:-15px}.d1{left:10%;bottom:15%}.d2{left:37%;bottom:43%}.d3{left:63%;bottom:63%}.d4{right:6%;bottom:78%}.axis-label{position:absolute;left:-28px;font-size:10px;color:#8b96a8}.a100{bottom:0}.a50{bottom:46%}.a10{bottom:80%}.a1{top:-4px}.proof-note{font-size:12px;line-height:1.55;color:#78869a;margin:10px 0 0}
.value-section{max-width:1240px;margin:0 auto 55px;padding:0 32px}.value-section h2{font-size:25px;margin-bottom:22px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.value-grid article{padding:3px 4px}.value-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf4ff;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:12px}.value-grid h3{font-size:16px;margin:0 0 7px}.value-grid p{font-size:14px;line-height:1.55;color:#66758d;margin:0}
.foundation-note{max-width:1176px;margin:0 auto 55px;padding:25px 28px;border:1px solid #dbe6fb;background:#f7faff;border-radius:16px;display:flex;justify-content:space-between;gap:35px;align-items:center}.foundation-note h2{font-size:22px;margin:0}.foundation-note>p{margin:0;max-width:570px;color:#566780;font-size:14px;line-height:1.55}
.cta-section{max-width:1240px;margin:0 auto;padding:48px 32px 55px;border-top:1px solid #edf1f7;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{font-size:34px;line-height:1.18;margin:0}
.proof-section,.value-section,.foundation-note,.cta-section,footer{content-visibility:auto;contain-intrinsic-size:auto 420px}
footer{border-top:1px solid #edf1f7;max-width:1240px;margin:auto;padding:31px 32px 38px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;color:#65748b;font-size:13px}.footer-brand{display:flex;align-items:center;gap:7px;color:var(--ink)}.footer-brand img{width:33px;height:33px;object-fit:cover;border-radius:8px}.footer-brand span{display:flex;flex-direction:column}.footer-brand strong{letter-spacing:.12em}.footer-brand small{font-size:10px}footer nav{display:flex;gap:18px;justify-self:end}footer>small{grid-column:1/-1;border-top:1px solid #f0f2f6;padding-top:18px;font-size:12px}
@media(max-width:900px){.desktop-nav{display:none}.site-header{padding:0 20px}.hero{grid-template-columns:1fr;padding:48px 22px 35px}.hero h1{font-size:45px}.hero-visual{min-height:250px;order:-1}.hero-visual-copy{right:5%}.snapshot-shell{margin:0 18px 35px;padding:22px}.score-grid{grid-template-columns:repeat(2,1fr)}.decision-grid{grid-template-columns:1fr}.technical-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-section{margin:0 18px 42px;grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,1fr)}.foundation-note{margin:0 18px 42px;flex-direction:column;align-items:flex-start}.cta-section{margin:0 18px;padding-left:0;padding-right:0}footer{grid-template-columns:1fr;align-items:flex-start}footer nav{justify-self:start;flex-wrap:wrap}}
@media(max-width:580px){.preview-bar{font-size:12px;line-height:1.45}.site-header{height:69px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:9px}.brand-mark{width:34px;height:34px}.primary-btn.small{padding:9px 13px;font-size:12px}.link-btn{display:none}.hero{padding-top:34px}.hero-visual{display:none}.hero h1{font-size:39px}.hero-sub{font-size:18px}.eyebrow{font-size:12px}.url-checker input,.url-checker button{font-size:16px}.url-checker{flex-direction:column;gap:4px;border:0;box-shadow:none;padding:0}.url-checker input{border:1px solid #d6deeb;border-radius:9px;min-height:51px}.url-checker button{min-height:50px}.hero-trust{gap:8px;flex-direction:column;font-size:13px}.snapshot-shell{margin:0 12px 30px;padding:18px 14px}.mini-label{font-size:11px}.muted{font-size:13px}.evidence-badge{font-size:11px}.score-grid{grid-template-columns:1fr 1fr;gap:8px}.score-card{padding:14px 12px;min-height:136px}.score-card p{font-size:13px}.score-card small{font-size:11px}.score-card strong{font-size:28px}.overview-panel dl div{font-size:13px}.actions-panel strong{font-size:13px}.actions-panel small{font-size:12px}.snapshot-topline{flex-direction:column}.technical-evidence{padding:14px 12px}.technical-evidence-header{flex-direction:column}.technical-evidence-grid{grid-template-columns:1fr}.live-evidence-badge{align-self:flex-start;font-size:11px}.technical-evidence-item span{font-size:11px}.technical-evidence-item strong{font-size:13px}.technical-evidence-note{font-size:12px}.proof-section{margin:0 12px 35px;padding:27px 18px}.proof-copy p:not(.mini-label){font-size:14px}.proof-chart{padding:13px}.chart-head{flex-direction:column;font-size:12px}.proof-note{font-size:12px}.value-section{padding:0 18px}.value-grid{grid-template-columns:1fr}.value-grid p{font-size:14px}.foundation-note{margin:0 12px 35px;padding:20px}.foundation-note>p{font-size:14px}.cta-section{margin:0 18px;flex-direction:column;align-items:flex-start}.cta-section h2{font-size:29px}footer{padding:25px 20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}