/* หน้า Landing: ธีม cyber security สีเข้มหลายชั้น (void > deep > panel > raise) ไม่ใช้ฟอนต์/ไฟล์จากภายนอกเลย */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.secland-page{overflow-x:hidden;overflow-x:clip}
body.secland-page .entry-title,body.secland-page .page-title,body.secland-page h1.wp-block-post-title{display:none}
body.secland-page .entry-content,body.secland-page .site-main,body.secland-page .content-area{max-width:none!important;padding-left:0!important;padding-right:0!important;margin-top:0!important}

.secland{--void:#040a12;--deep:#07111d;--panel:#0b1a2b;--raise:#112640;--line:#1c3550;--line2:#2a4d6e;
	--tx:#e4f0f8;--mute:#8fa9bd;--cyan:#22d3ee;--sky:#38bdf8;--mint:#34d399;--mint-d:#047857;--amber:#f0b24a;--ember:#ff7a1a;
	--glow:rgba(34,211,238,.35);
	color:var(--tx);background:var(--void);box-sizing:border-box;
	font:17px/1.65 system-ui,-apple-system,"Segoe UI","Noto Sans Thai","Sarabun",sans-serif;color-scheme:dark}
.secland *{box-sizing:border-box}
.secland h1,.secland h2,.secland h3{line-height:1.25;margin:0;letter-spacing:-.01em;color:inherit}
.secland p{margin:0}
.secland ul,.secland ol{margin:0;padding:0;list-style:none}
.secland .l-wrap{max-width:1040px;margin:0 auto;padding:0 1.25rem}
.secland .l-narrow{max-width:760px}
html.secland-invite .secland>:not(.secland-try){display:none}
html.secland-invite .secland-try{margin-top:0;padding-top:1.5rem}
html.secland-invite .l-trycard>h2,html.secland-invite .l-trycard>p{display:none}

/* ไอคอน (stroke) + กระเบื้องไอคอนสไตล์ cyber: กรอบมุมฉาก เรืองแสง */
.secland .l-i{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.22em}
.secland .l-ico{position:relative;display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:14px;color:var(--cyan);
	background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.28),rgba(34,211,238,.05) 70%),var(--deep);
	border:1px solid rgba(34,211,238,.38);box-shadow:0 0 22px rgba(34,211,238,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.secland .l-ico .l-i{width:28px;height:28px;filter:drop-shadow(0 0 5px rgba(34,211,238,.6))}
.secland .l-ico::before,.secland .l-ico::after{content:"";position:absolute;width:9px;height:9px;border:2px solid var(--cyan);opacity:.9}
.secland .l-ico::before{left:-3px;top:-3px;border-right:0;border-bottom:0;border-top-left-radius:6px}
.secland .l-ico::after{right:-3px;bottom:-3px;border-left:0;border-top:0;border-bottom-right-radius:6px}
.secland .l-ico.is-burn{color:var(--ember);background:radial-gradient(circle at 30% 20%,rgba(255,122,26,.32),rgba(255,122,26,.05) 70%),var(--deep);border-color:rgba(255,122,26,.5);box-shadow:0 0 24px rgba(255,122,26,.22),inset 0 1px 0 rgba(255,255,255,.08)}
.secland .l-ico.is-burn .l-i{filter:drop-shadow(0 0 6px rgba(255,122,26,.75))}
.secland .l-ico.is-burn::before,.secland .l-ico.is-burn::after{border-color:var(--ember)}

/* hero */
.secland .l-hero{color:#fff;padding:clamp(2.5rem,7vw,5rem) 0 clamp(6rem,11vw,8rem);position:relative;overflow:hidden;
	background:radial-gradient(60% 55% at 82% 22%,rgba(34,211,238,.20),transparent 70%),radial-gradient(55% 60% at 8% 95%,rgba(37,99,235,.22),transparent 70%),linear-gradient(180deg,#0a1b30 0%,#050d18 70%,var(--void) 100%)}
.secland .l-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
	background-image:linear-gradient(rgba(34,211,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.07) 1px,transparent 1px);background-size:44px 44px;
	-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 5%,transparent 72%);mask-image:radial-gradient(ellipse at 70% 30%,#000 5%,transparent 72%)}
.secland .l-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--cyan),var(--mint),transparent);opacity:.7}
.secland .l-hero>*{position:relative}
.secland .l-herogrid{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.secland .l-herogrid{grid-template-columns:1.15fr .85fr}}
.secland .l-eyebrow{display:inline-block;color:var(--cyan);font-weight:700;font-size:.95rem;margin-bottom:.9rem;padding:.2rem .8rem;border:1px solid rgba(34,211,238,.4);border-radius:999px;background:rgba(34,211,238,.08)}
.secland .l-hero h1{font-size:clamp(2.1rem,5.6vw,3.7rem);font-weight:800;letter-spacing:-.025em}
.secland .l-hl{color:var(--cyan);display:inline;text-shadow:0 0 28px rgba(34,211,238,.45)}
.secland .l-sub{margin-top:1.1rem;font-size:clamp(1.02rem,2.2vw,1.18rem);color:#b9cddc;max-width:34em}
.secland .l-cta{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.7rem}
.secland .l-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.4rem;border-radius:12px;font-weight:700;text-decoration:none;font-size:1rem;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}
.secland .l-btn-pri{background:linear-gradient(135deg,#22d3ee,#38bdf8);color:#03121f;box-shadow:0 0 0 1px rgba(34,211,238,.5),0 8px 26px rgba(34,211,238,.28)}
.secland .l-btn-pri:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(34,211,238,.8),0 10px 32px rgba(34,211,238,.4)}
.secland .l-btn-ghost{border-color:rgba(143,201,230,.4);color:#e4f0f8;background:rgba(255,255,255,.03)}
.secland .l-btn-ghost:hover{border-color:var(--cyan);background:rgba(34,211,238,.08)}
.secland .l-btn:focus-visible,.secland summary:focus-visible,.secland a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.secland .l-badges{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.5rem}
.secland .l-badges li{font-size:.86rem;font-weight:600;color:#d6e8f3;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.07);padding:.25rem .8rem;border-radius:999px;display:flex;gap:.45rem;align-items:center}
.secland .l-badges li::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.secland .l-artwrap{justify-self:center;width:min(100%,400px)}
.secland .l-art{display:block;width:100%;height:auto}
.secland .l-art .bub{animation:l-vanish 9s infinite}
.secland .l-art .b2{animation-delay:.9s}.secland .l-art .b3{animation-delay:1.8s}.secland .l-art .b4{animation-delay:2.7s}
@keyframes l-vanish{0%,48%{opacity:1;filter:none}68%,88%{opacity:0;filter:blur(5px)}100%{opacity:1;filter:none}}
.secland .l-art .ring{animation:l-ring 9s linear infinite}
@keyframes l-ring{from{stroke-dashoffset:0}to{stroke-dashoffset:214}}
@media (prefers-reduced-motion:reduce){.secland .l-art .bub,.secland .l-art .ring{animation:none}}

/* try card (ทับขอบ hero) + บังคับแชตที่ฝังให้เป็นโทนมืดเข้ากับหน้า */
.secland .secland-try{padding:0 1.25rem;margin-top:calc(-1 * clamp(4.2rem,8vw,5.5rem));position:relative;z-index:2;scroll-margin-top:1rem}
.secland .l-trycard{max-width:700px;margin:0 auto;background:linear-gradient(180deg,var(--raise),var(--panel));border:1px solid var(--line2);border-radius:20px;padding:1.4rem 1.2rem 1.2rem;
	box-shadow:0 0 0 1px rgba(34,211,238,.12),0 0 40px rgba(34,211,238,.12),0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.secland .l-trycard>h2{font-size:1.4rem}
.secland .l-trycard>p{color:var(--mute);font-size:.95rem;margin:.35rem 0 .6rem}
.secland .l-trycard .secchat{margin:.5rem auto 0}
.secland .l-trycard .sc-card{border:0;padding:.5rem 0;background:transparent}
.secland .secchat{--bg:#08121f;--panel:#0d1f33;--ink:#e4f0f8;--mute:#8fa9bd;--line:#1f3a55;--mine:#1b6a9c;--mine-ink:#fff;--other:#16304b;--sig:#f0b24a;--sig-bg:#3a2d12;--bad:#ff8a80;--ok:#6fd195;color-scheme:dark}

/* sections */
.secland .l-sec{padding:clamp(3rem,7vw,5rem) 0;background:var(--deep);border-top:1px solid rgba(34,211,238,.08)}
.secland .l-alt{background:linear-gradient(180deg,var(--panel),var(--deep) 60%)}
.secland .l-sec h2,.secland .l-end h2{font-size:clamp(1.6rem,3.6vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.6rem}
.secland .l-lead{font-size:1.06rem;color:var(--mute);max-width:42em;margin:-.9rem 0 1.8rem}
.secland .l-feat,.secland .l-step,.secland .l-node,.secland .l-lv,.secland .l-use li,.secland .l-faq details{
	background:linear-gradient(180deg,var(--raise),var(--panel));border:1px solid var(--line);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.35)}

/* features */
.secland .l-feats{display:grid;gap:1rem}
@media (min-width:640px){.secland .l-feats{grid-template-columns:1fr 1fr}.secland .l-big{grid-column:1/-1}}
@media (min-width:960px){.secland .l-feats{grid-template-columns:repeat(3,1fr)}.secland .l-big{grid-column:span 2}}
.secland .l-feat{padding:1.4rem 1.3rem;display:grid;gap:.7rem;align-content:start}
.secland .l-feat h3{font-size:1.15rem}
.secland .l-feat p{color:var(--mute);font-size:.97rem}
.secland .l-big{grid-template-columns:1fr;border-color:rgba(255,122,26,.4);background:radial-gradient(80% 120% at 100% 0%,rgba(255,122,26,.13),transparent 60%),linear-gradient(180deg,var(--raise),var(--panel))}
@media (min-width:640px){.secland .l-big{grid-template-columns:auto 1fr;column-gap:1.2rem;align-items:center}.secland .l-big .l-demo{grid-column:1/-1}}
@media (min-width:960px){.secland .l-big{grid-template-columns:auto 1fr minmax(0,.9fr)}.secland .l-big .l-demo{grid-column:auto}}
.secland .l-big h3{font-size:1.45rem}
.secland .l-demo{display:grid;gap:.5rem;justify-items:start}
.secland .l-bub{background:#16304b;border:1px solid var(--line2);border-radius:14px;padding:.6rem .9rem;font-weight:600}
.secland .l-bub .g{opacity:.16;filter:blur(1.5px)}
.secland .l-bub .h{color:var(--ember);text-shadow:0 0 10px rgba(255,122,26,.85)}
.secland .l-rcpt{display:flex;gap:.45rem;align-items:center;font-size:.8rem;color:var(--ember);font-weight:600}

/* steps */
.secland .l-steps{display:grid;gap:1rem}
@media (min-width:760px){.secland .l-steps{grid-template-columns:repeat(3,1fr);gap:1.4rem}}
.secland .l-step{position:relative;padding:1.5rem 1.3rem 1.4rem}
.secland .l-step .l-ico{margin-bottom:1rem}
.secland .l-num{position:absolute;right:1rem;top:1rem;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(34,211,238,.45);color:var(--cyan);font:700 .9rem ui-monospace,Menlo,Consolas,monospace;background:rgba(34,211,238,.08)}
.secland .l-step h3{font-size:1.2rem;margin-bottom:.4rem}
.secland .l-step p{color:var(--mute);font-size:.98rem}

/* flow diagram */
.secland .l-flow{display:grid;gap:.6rem;align-items:stretch}
@media (min-width:860px){.secland .l-flow{grid-template-columns:1fr 56px 1.15fr 56px 1fr}}
.secland .l-node{padding:1.1rem 1rem;display:grid;gap:.35rem;text-align:center;align-content:center;justify-items:center}
.secland .l-node b{font-size:1.05rem}
.secland .l-node small{color:var(--mute);font-size:.85rem}
.secland .l-nico{width:30px;height:30px;color:var(--cyan);filter:drop-shadow(0 0 5px rgba(34,211,238,.55))}
.secland .l-say{font-weight:700;font-size:1.1rem;color:var(--mint);background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);border-radius:10px;padding:.3rem .7rem}
.secland .l-server{border:1px dashed var(--amber);background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 4px),linear-gradient(180deg,#0b1626,var(--void))}
.secland .l-server .l-nico{color:var(--amber);filter:drop-shadow(0 0 5px rgba(240,178,74,.55))}
.secland .l-server code{font:700 1rem ui-monospace,Menlo,Consolas,monospace;color:var(--amber);letter-spacing:.04em;word-break:break-all}
.secland .l-arrow{display:grid;place-items:center;color:var(--cyan)}
.secland .l-arrow::before{content:"↓";font-size:1.7rem;font-weight:800;line-height:1;text-shadow:0 0 10px var(--glow)}
@media (min-width:860px){.secland .l-arrow::before{content:"→"}}
.secland .l-link{margin-top:1.6rem;font:600 clamp(.78rem,2.4vw,1rem)/1.5 ui-monospace,Menlo,Consolas,monospace;background:var(--void);border:1px solid var(--line);color:#b9cddc;border-radius:12px;padding:.9rem 1rem;overflow-wrap:anywhere}
.secland .l-frag{color:#03121f;background:var(--cyan);border-radius:6px;padding:.1rem .35rem;margin-left:.1rem;box-shadow:0 0 14px var(--glow)}
.secland .l-linkcap{margin:.7rem 0 2rem;color:var(--mute);font-size:.95rem}

/* compare */
.secland .l-cmp{display:grid;gap:1rem}
@media (min-width:760px){.secland .l-cmp{grid-template-columns:1fr 1fr}}
.secland .l-box{border-radius:16px;padding:1.3rem 1.3rem}
.secland .l-box h3{font-size:1.08rem;margin-bottom:.8rem;display:flex;gap:.5rem;align-items:center}
.secland .l-box li{padding:.3rem 0 .3rem 1.9rem;position:relative}
.secland .l-box li::before{position:absolute;left:0;top:.35rem;width:1.3rem;height:1.3rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800}
.secland .l-good{background:linear-gradient(180deg,rgba(52,211,153,.12),rgba(52,211,153,.04));border:1px solid rgba(52,211,153,.35);color:#c9f5e4}
.secland .l-good h3{color:var(--mint)}
.secland .l-good li::before{content:"✕";background:var(--mint);color:#03231a}
.secland .l-warn{background:linear-gradient(180deg,rgba(240,178,74,.12),rgba(240,178,74,.04));border:1px solid rgba(240,178,74,.35);color:#f6dcaa}
.secland .l-warn h3{color:var(--amber)}
.secland .l-warn li::before{content:"•";background:var(--amber);color:#1a1000;font-size:1.1rem}

/* ตรวจสอบเอง (พับเก็บไว้ ให้ผู้ใช้ทั่วไปไม่ต้องอ่าน) */
.secland .l-tech{margin-top:1.6rem;background:var(--void);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.secland .l-tech summary{cursor:pointer;list-style:none;padding:.95rem 1.2rem;font:700 .95rem ui-monospace,Menlo,Consolas,monospace;color:var(--cyan);display:flex;gap:.6rem;align-items:center}
.secland .l-tech summary::-webkit-details-marker{display:none}
.secland .l-tech summary::after{content:"+";margin-left:auto;font-size:1.3rem;line-height:1}
.secland .l-tech[open] summary::after{content:"−"}
.secland .l-tech[open] summary{border-bottom:1px solid var(--line)}
.secland .l-ver{display:grid;gap:1rem;counter-reset:v;padding:1.2rem}
@media (min-width:760px){.secland .l-ver{grid-template-columns:repeat(3,1fr)}}
.secland .l-ver li{counter-increment:v;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem;display:grid;gap:.4rem}
.secland .l-ver li::before{content:counter(v);width:1.8rem;height:1.8rem;border-radius:50%;background:var(--cyan);color:#03121f;font-weight:800;display:grid;place-items:center}
.secland .l-ver span{color:var(--mute);font-size:.95rem}
.secland .l-vernote{margin:0 1.2rem 1.2rem;color:#b9cddc;font-size:.92rem;border-left:3px solid var(--mint);padding-left:1rem}

/* levels */
.secland .l-lvs{display:grid;gap:1rem}
@media (min-width:860px){.secland .l-lvs{grid-template-columns:repeat(3,1fr)}}
.secland .l-lv{position:relative;padding:1.4rem 1.3rem}
.secland .l-lv.is-rec{border-color:rgba(34,211,238,.6);box-shadow:0 0 0 1px rgba(34,211,238,.25),0 0 34px rgba(34,211,238,.14),inset 0 1px 0 rgba(255,255,255,.06)}
.secland .l-rec{position:absolute;top:-.8rem;right:1rem;background:linear-gradient(135deg,var(--cyan),var(--sky));color:#03121f;font-weight:800;font-size:.78rem;padding:.2rem .75rem;border-radius:999px}
.secland .l-lvhead{display:flex;gap:.9rem;align-items:center;margin-bottom:1rem}
.secland .l-lvhead .l-ico{width:48px;height:48px}
.secland .l-meter{display:flex;gap:.3rem;margin-bottom:.9rem}
.secland .l-meter i{flex:1;height:.5rem;border-radius:99px;background:var(--line)}
.secland .l-meter i.on{background:linear-gradient(90deg,var(--cyan),var(--mint));box-shadow:0 0 10px rgba(34,211,238,.45)}
.secland .l-lv h3{font-size:1.3rem}
.secland .l-best{color:var(--mute);font-size:.92rem}
.secland .l-lv li{padding:.3rem 0 .3rem 1.5rem;position:relative;font-size:.97rem}
.secland .l-lv li::before{content:"✓";position:absolute;left:0;color:var(--mint);font-weight:800}
.secland .l-lvnote{margin-top:1.3rem;display:flex;gap:.5rem;align-items:center;justify-content:center;color:var(--ember);font-weight:600}

/* use cases */
.secland .l-use{display:grid;gap:1rem}
@media (min-width:760px){.secland .l-use{grid-template-columns:1fr 1fr}}
.secland .l-use li{display:flex;gap:1rem;padding:1.1rem;align-items:center}
.secland .l-use li>div{display:grid;gap:.15rem}
.secland .l-use span{color:var(--mute);font-size:.95rem}

/* limits */
.secland .l-limits{background:linear-gradient(180deg,rgba(240,178,74,.12),rgba(240,178,74,.04));border:1px solid rgba(240,178,74,.4);border-left:5px solid var(--amber);border-radius:14px;padding:1.5rem 1.4rem;color:#f6dcaa}
.secland .l-limits h2{font-size:1.25rem;margin-bottom:1rem;color:var(--amber);display:flex;gap:.6rem;align-items:center}
.secland .l-limits li{padding:.3rem 0 .3rem 1.3rem;position:relative}
.secland .l-limits li::before{content:"!";position:absolute;left:0;font-weight:900;color:var(--amber)}

/* faq */
.secland .l-faq{display:grid;gap:.6rem}
.secland .l-faq details{border-radius:12px;padding:.1rem 1.1rem}
.secland .l-faq summary{cursor:pointer;font-weight:700;padding:.9rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.secland .l-faq summary::-webkit-details-marker{display:none}
.secland .l-faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--cyan)}
.secland .l-faq details[open] summary::after{content:"−"}
.secland .l-faq details p{color:var(--mute);padding:0 0 1rem}

/* end */
.secland .l-end{color:#fff;text-align:center;padding:clamp(3rem,8vw,5rem) 0;border-top:1px solid rgba(34,211,238,.15);
	background:radial-gradient(60% 120% at 50% 100%,rgba(34,211,238,.2),transparent 70%),linear-gradient(180deg,var(--deep),var(--void))}
.secland .l-end h2{margin-bottom:.6rem}
.secland .l-end p{color:#b9cddc;margin-bottom:1.3rem}
.secland .l-end .l-btn{color:#03121f}

/* ขยายเต็มความกว้างจอ แม้ธีมจะบังคับ margin/max-width ของเนื้อหา (ธีมบล็อกใช้ !important)
   สำรองด้วย CSS; ตัว JS ในเทมเพลตจะวัดตำแหน่งจริงแล้วจัดให้ชิดขอบจอพอดีทุกโครงสร้างธีม (มี sidebar ก็ได้) */
html body .secland.secland{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;left:auto!important;position:relative}
.secland.secland :is(h1,h2,h3,p,li,a,summary,small,span,b,div,article,details,button){font-family:inherit}
.secland.secland :is(h1,h2,h3){font-weight:800;text-transform:none;letter-spacing:-.02em}
.secland.secland :is(.l-tech summary,.l-num,.l-server code,.l-link){font-family:ui-monospace,Menlo,Consolas,monospace}

/* ซ่อนส่วนหัว/ท้ายของธีม เพื่อไม่ให้ซ้อนกับเฮดเดอร์ของหน้านี้ (ปิดได้ด้วย clean="0") */
body.secland-clean :is(#masthead,.site-header,#site-header,header.wp-block-template-part,.wp-site-blocks>header,#colophon,.site-footer,#site-footer,footer.wp-block-template-part,.wp-site-blocks>footer){display:none!important}

/* เฮดเดอร์ติดขอบบน */
.secland .l-nav{position:sticky;top:0;z-index:60;background:rgba(4,10,18,.85);color:#fff;border-bottom:1px solid rgba(34,211,238,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body.admin-bar .secland .l-nav{top:32px}
@media (max-width:782px){body.admin-bar .secland .l-nav{top:46px}}
@media (max-width:600px){body.admin-bar .secland .l-nav{top:0}}
.secland .l-navin{display:flex;align-items:center;gap:1rem;min-height:64px}
.secland .l-brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:#fff;flex:none}
.secland .l-logo{display:block;line-height:0}
.secland .l-logo svg,.secland .l-logo img{width:40px;height:35px;object-fit:contain;display:block}
.secland .l-brand-txt{display:grid;line-height:1.15}
.secland .l-brand-txt b{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:#fff}
.secland .l-brand-txt small{font-size:.72rem;color:#8fa9bd;letter-spacing:.04em}
.secland .l-navlinks{display:none;gap:.2rem;margin-left:1.2rem}
@media (min-width:900px){.secland .l-navlinks{display:flex}}
.secland .l-navlinks a{display:block;padding:.45rem .8rem;border-radius:8px;color:#b9cddc;text-decoration:none;font-weight:600;font-size:.95rem}
.secland .l-navlinks a:hover{background:rgba(34,211,238,.1);color:#fff}
.secland .l-navr{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.secland .l-btn-sm{min-height:40px;padding:.4rem 1rem;font-size:.92rem;border-radius:10px}
@media (max-width:420px){.secland .l-navr .l-btn{display:none}}

/* สวิตช์ภาษา (ลิงก์ธรรมดา ใช้ได้โดยไม่ต้องมี JS และ Google เห็นทั้งสองภาษา) */
.secland .l-lang{display:inline-flex;border:1px solid rgba(143,201,230,.3);border-radius:999px;padding:2px;flex:none}
.secland .l-lang a{padding:.28rem .8rem;border-radius:999px;color:#b9cddc;text-decoration:none;font-weight:700;font-size:.85rem;min-height:32px;display:inline-flex;align-items:center}
.secland .l-lang a:hover{color:#fff}
.secland .l-lang a[aria-current]{background:var(--cyan);color:#03121f}
.secland [id^="secland-"]{scroll-margin-top:78px}

/* ฟุตเตอร์ */
.secland .l-footer{background:#02060c;color:#b9cddc;padding:1.4rem 0;border-top:1px solid rgba(34,211,238,.12)}
.secland .l-footin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.secland .l-footer .l-brand-txt b{font-size:1.1rem}
.secland .l-footer .l-logo svg,.secland .l-footer .l-logo img{width:32px;height:28px}

/* ชื่อแบรนด์ยาว/จอแคบ: ให้กล่องแบรนด์หดตัวได้ ไม่ดันสวิตช์ภาษาหลุดจอ */
.secland .l-brand{flex:0 1 auto;min-width:0}
.secland .l-logo{flex:none}
.secland .l-brand-txt{min-width:0}
.secland .l-nav .l-brand-txt b,.secland .l-nav .l-brand-txt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.secland .l-navr{flex:none}
.secland .l-footer .l-brand{flex:1 1 230px}
.secland .l-footer .l-brand-txt b,.secland .l-footer .l-brand-txt small{overflow-wrap:anywhere}

/* เอฟเฟกต์ตัวอักษรหายทีละตัวในหัวข้อ (assets/landing.js) */
.secland .l-hl .l-ch{display:inline;opacity:1;transition-property:opacity,filter;transition-timing-function:ease-out}
.secland .l-hl .l-ch.l-gone{opacity:0;filter:blur(3px)}
@media (prefers-reduced-motion:reduce){.secland .l-hl .l-ch{transition:none}}

html.sc-probing .secland-try{visibility:hidden}
.secland .secchat{--acc:#22d3ee;--acc-ink:#03121f}

/* โหมดเปิดลิงก์ (ข้อความ/สถานะ): พื้นทั้งหน้าสีเดียว กล่องอยู่กลางจอ ทั้งมือถือและเดสก์ท็อป */
html.secland-invite,html.secland-invite body{background:#040a12!important;min-height:100%}
html.secland-invite body{margin:0}
html.secland-invite .secland{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem 0}
html.secland-invite .secland .secland-try{margin:0;padding:0 1.25rem;width:100%}