:root{--bg:#0b0f14;--bg-soft:#111823;--card:#ffffff14;--card-border:#ffffff29;--text:#f8fafc;--muted:#cbd5e1;--faint:#8b94a7;--gold:#f5b84b;--gold-deep:#d99218;--gold-soft:#ffe0a2;--line:#f5b84b59;--shadow:0 26px 80px #00000061;--radius:28px;--radius-sm:16px;--good:#4ade80;--bad:#f87171;--maxw:1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 20% 10%,#f5b84b33,#0000 30%),radial-gradient(circle at 80% 0,#5a78b429,#0000 28%),linear-gradient(145deg,#080b10 0%,#101722 52%,#080b10 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;font-family:Noto Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{width:min(var(--maxw), calc(100% - 40px));margin:0 auto}.glass{border:1px solid var(--card-border);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:var(--radius);background:linear-gradient(#ffffff1a,#ffffff0e)}.site-header{padding:24px 0 8px}.site-header .wrap{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:12px;width:auto;height:46px;padding:6px 12px;box-shadow:0 12px 30px #00000047}.nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.93rem;font-weight:600}.nav a:hover{color:var(--gold-soft);background:#ffffff0f}.nav a.cta{color:#0b0f14;background:linear-gradient(135deg, var(--gold), var(--gold-soft));font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 28px #f5b84b38}.nav a.cta:hover{color:#0b0f14;transform:translateY(-2px);box-shadow:0 16px 36px #f5b84b52}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:stretch;gap:28px;padding:20px 0 0;display:grid}.hero-copy{padding:clamp(28px,4vw,54px);position:relative;overflow:hidden}.hero-copy:after{content:"";filter:blur(4px);pointer-events:none;background:#f5b84b29;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;right:-90px}.eyebrow{color:var(--gold-soft);border:1px solid var(--line);background:#f5b84b1f;border-radius:999px;align-items:center;gap:9px;margin-bottom:20px;padding:7px 13px;font-size:.9rem;font-weight:700;display:inline-flex}.dot{background:var(--gold);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #f5b84b29}h1{letter-spacing:-.045em;font-size:clamp(1.9rem,4.6vw,3.6rem);font-weight:900;line-height:1.12}.company-en{color:var(--gold);letter-spacing:.035em;text-transform:uppercase;margin-top:14px;font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:800;display:block}.lead{color:var(--muted);max-width:58ch;margin:22px 0 0;font-size:clamp(1rem,1.5vw,1.18rem)}.actions{z-index:1;flex-wrap:wrap;gap:12px;margin-top:30px;display:flex;position:relative}.btn{border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#101318;background:linear-gradient(135deg, var(--gold), var(--gold-soft));border-color:#0000}.btn-secondary{color:var(--text);background:#ffffff12}.hero-media{min-height:460px;position:relative;overflow:hidden}.hero-media img{object-fit:cover;filter:saturate(1.05)contrast(1.03);width:100%;height:100%;display:block}.hero-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#00000075);position:absolute;inset:0}.media-badge{z-index:1;backdrop-filter:blur(14px);background:#080b10ad;border:1px solid #fff3;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.media-badge strong{font-size:1rem;line-height:1.35;display:block}.media-badge span{color:var(--muted);font-size:.9rem}section.block{padding:34px 0 0}.block-head{margin-bottom:18px}.block-head h2{letter-spacing:-.03em;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:900}.block-head h2 em{color:var(--gold);font-style:normal}.block-head p{color:var(--muted);max-width:640px;margin-top:6px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--card-border);backdrop-filter:blur(14px);border-radius:var(--radius-sm);color:var(--text);background:linear-gradient(#ffffff16,#ffffff0b);flex-direction:column;gap:6px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}a.tool-card:hover{border-color:var(--line);transform:translateY(-3px);box-shadow:0 18px 44px #f5b84b21}.tool-card h3{letter-spacing:-.01em;font-size:1rem;font-weight:800;line-height:1.4}.tool-card p{color:var(--muted);flex:1;font-size:.87rem}.tool-card .tag{border-radius:999px;align-self:flex-start;padding:3px 11px;font-size:.74rem;font-weight:800}.tag.live{background:linear-gradient(135deg, var(--gold), var(--gold-soft));color:#101318}.tag.soon{color:var(--faint);border:1px solid var(--card-border);background:#ffffff14}.corp-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.info-card{border-radius:var(--radius);padding:24px}.info-card h2,.info-card h3{letter-spacing:-.02em;margin-bottom:10px;font-size:1.16rem;line-height:1.35}.info-card p{color:var(--muted);font-size:.96rem}.info-card a{color:var(--gold-soft)}.icon{color:#111318;background:linear-gradient(135deg, var(--gold), var(--gold-soft));border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-weight:900;display:inline-flex}.tool-head{padding:26px 0 4px}.breadcrumb{color:var(--faint);margin-bottom:14px;font-size:.85rem}.breadcrumb a:hover{color:var(--gold-soft)}.tool-head h1{font-size:clamp(1.4rem,3.4vw,2.1rem)}.tool-head .lead{max-width:680px;margin-top:10px;font-size:1rem}.tool-panel{border-radius:var(--radius);border:1px solid var(--card-border);box-shadow:var(--shadow);backdrop-filter:blur(18px);background:linear-gradient(#ffffff1a,#ffffff0e);margin:24px 0;padding:clamp(20px,3vw,30px)}label.f-label{color:var(--gold-soft);margin:18px 0 8px;font-size:.93rem;font-weight:700;display:block}label.f-label:first-child{margin-top:0}input[type=text],input[type=url],textarea{border:1px solid var(--card-border);width:100%;font:inherit;color:var(--text);background:#080b108c;border-radius:12px;padding:12px 15px}input:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f5b84b26}::placeholder{color:var(--faint)}textarea{resize:vertical;min-height:220px}.hint{color:var(--faint);margin-top:6px;font-size:.83rem}.hint b.ok{color:var(--good)}.hint b.over{color:var(--bad)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:20px;display:grid}.stat{border:1px solid var(--card-border);background:#080b1073;border-radius:14px;padding:14px 16px}.stat .v{letter-spacing:-.02em;color:var(--gold-soft);font-size:1.6rem;font-weight:900}.stat .l{color:var(--muted);font-size:.8rem}.serp-box{background:#fff;border-radius:14px;margin-top:18px;padding:20px;box-shadow:0 14px 40px #00000059}.serp-box .s-url{color:#202124;align-items:center;gap:6px;font-family:arial,sans-serif;font-size:12px;display:flex}.serp-box .s-url .fav{background:#f1f3f4;border:1px solid #dadce0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:inline-flex}.serp-box .s-title{color:#1a0dab;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-family:arial,sans-serif;font-size:20px;line-height:1.3;overflow:hidden}.serp-box .s-desc{color:#474747;margin-top:3px;font-family:arial,sans-serif;font-size:14px;line-height:1.58}.serp-box.mobile{max-width:400px}.serp-box.mobile .s-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.serp-mode{gap:8px;margin-top:20px;display:flex}.serp-mode button{font:inherit;border:1px solid var(--card-border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 18px;font-size:.85rem;font-weight:700}.serp-mode button.on{background:linear-gradient(135deg, var(--gold), var(--gold-soft));color:#101318;border-color:#0000}.tool-content{max-width:760px;padding-bottom:24px}.tool-content h2{color:var(--gold-soft);letter-spacing:-.01em;margin:34px 0 10px;font-size:1.2rem;font-weight:800}.tool-content p,.tool-content li{color:var(--muted);font-size:.96rem}.tool-content ul,.tool-content ol{margin:10px 0;padding-left:22px}.site-footer{padding:34px 0 44px}.footer-card{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;font-size:.93rem;display:flex}.footer-card strong{color:var(--text)}.footer-brand{align-items:center;gap:14px;min-width:0;display:flex}.footer-logo{object-fit:contain;opacity:.92;background:#fff;border-radius:14px;flex:none;width:min(190px,42vw);height:auto;max-height:54px;padding:8px 14px}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a:hover{color:var(--gold-soft)}.page-pad{padding-bottom:10px}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.hero-media{min-height:340px}.corp-grid{grid-template-columns:1fr}.footer-card{flex-direction:column;align-items:flex-start}}@media (width<=560px){.wrap{width:calc(100% - 28px)}.brand img{height:40px}.nav a:not(.cta){display:none}.hero-copy{padding:26px 20px}.hero-media{min-height:280px}.media-badge{flex-direction:column;align-items:flex-start;bottom:14px;left:14px;right:14px}.btn{width:100%}}.run-row{align-items:stretch;gap:10px;display:flex}.run-row input{flex:1}.run-btn{font:inherit;cursor:pointer;color:#101318;background:linear-gradient(135deg, var(--gold), var(--gold-soft));border:none;border-radius:12px;padding:0 26px;font-weight:800;transition:transform .15s}.run-btn:disabled{opacity:.55;cursor:wait}.run-btn:not(:disabled):hover{transform:translateY(-1px)}.res{margin-top:22px}.res-msg{color:var(--muted);padding:10px 2px;font-size:.95rem}.res-msg.err{color:var(--bad)}.kv{border-collapse:collapse;width:100%;font-size:.92rem}.kv th,.kv td{text-align:left;border-bottom:1px solid var(--card-border);vertical-align:top;padding:9px 12px}.kv th{color:var(--gold-soft);white-space:nowrap;width:190px;font-weight:700}.kv td{color:var(--muted);word-break:break-word}.kv code{color:var(--text);background:#080b1099;border-radius:6px;padding:2px 7px;font-size:.85em}.b{border-radius:999px;margin-right:6px;padding:2px 10px;font-size:.76rem;font-weight:800;display:inline-block}.b-ok{color:var(--good);background:#4ade8026}.b-warn{color:var(--gold);background:#f5b84b2e}.b-bad{color:var(--bad);background:#f8717126}.hop{border-bottom:1px solid var(--card-border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.hop .st{text-align:center;border-radius:10px;min-width:52px;padding:4px 0;font-size:.9rem;font-weight:900}.hop .u{color:var(--muted);word-break:break-all;font-size:.9rem}.hop .lat{color:var(--faint);white-space:nowrap;margin-left:8px;font-size:.8rem}.og-card{background:#fff;border:1px solid #dadde1;border-radius:10px;max-width:500px;margin-top:14px;font-family:Helvetica,Arial,sans-serif;overflow:hidden}.og-card img{aspect-ratio:1.91;object-fit:cover;background:#f0f2f5;width:100%;display:block}.og-card .og-body{background:#f0f2f5;padding:10px 12px}.og-card .og-host{color:#65676b;text-transform:uppercase;font-size:12px}.og-card .og-title{color:#050505;margin-top:2px;font-size:16px;font-weight:700;line-height:1.3}.og-card .og-desc{color:#65676b;margin-top:2px;font-size:14px;line-height:1.35}