:root{--bg:#04101c;--navy:#0d1b2a;--blue:#0d3a65;--cyan:#8fb7d4;--silver:#d7dbe0;--muted:#9ba7b3;--white:#ffffff;--success:#10b981;--warning:#f59e0b;--error:#ef4444}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:radial-gradient(circle at 16% 0,rgba(185,199,211,.12),transparent 24rem),radial-gradient(circle at 86% 6%,rgba(10,48,82,.42),transparent 28rem),linear-gradient(180deg,#03101d,#061424 48%,#040c16);color:var(--white);font-family:Inter,Noto Sans Thai,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(3,13,24,.92);border-bottom:1px solid rgba(215,219,224,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{min-height:90px;justify-content:flex-start;gap:24px}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;min-width:0}.brand-header{padding-right:30px;border-right:1px solid rgba(203,211,219,.28)}.brand-logo{width:174px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.28)) drop-shadow(0 9px 10px rgba(0,0,0,.65))}.brand-lockup{--brand-emblem-width:48px;--brand-emblem-height:38px;--brand-separator-height:38px;--brand-gap:11px;--brand-title-size:1.14rem;--brand-title-space:0.08em;--brand-subtitle-size:0.68rem;--brand-subtitle-space:0.12em;--brand-small-size:0.48rem;--brand-small-space:0.34em;--brand-rule-width:44px;display:inline-grid;grid-template-columns:var(--brand-emblem-width) 1px auto;align-items:center;gap:var(--brand-gap);color:var(--silver);line-height:1;opacity:.96}.brand-lockup-wordmark-only{--brand-title-size:1.72rem;--brand-title-space:0.06em;--brand-subtitle-size:0.82rem;--brand-subtitle-space:0.34em;display:block}.brand-emblem,.brand-emblem-text{width:var(--brand-emblem-width);height:var(--brand-emblem-height)}.brand-emblem{object-fit:contain;filter:none}.brand-emblem-text{display:grid;place-items:center;color:#d6dde4;font-family:Georgia,Times New Roman,serif;font-size:1.38rem;font-style:italic;font-weight:800;letter-spacing:-.14em;background:rgba(215,219,224,.08);border:1px solid rgba(203,211,219,.42);border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transform:skewX(-7deg);text-shadow:0 1px 0 rgba(255,255,255,.1)}.brand-separator{width:1px;height:var(--brand-separator-height);background:rgba(203,211,219,.68);box-shadow:none}.brand-wordmark{display:grid;grid-gap:4px;gap:4px;transform:translateY(1px)}.brand-lockup-wordmark-only .brand-wordmark{gap:7px;transform:none}.brand-wordmark small,.brand-wordmark span,.brand-wordmark strong{display:block;color:#d8dee4;background:none;text-shadow:none}.brand-wordmark strong{font-size:var(--brand-title-size);font-weight:900;letter-spacing:var(--brand-title-space)}.brand-wordmark span{font-size:var(--brand-subtitle-size);font-weight:700;letter-spacing:var(--brand-subtitle-space);color:#aab5c0}.site-header .brand-wordmark small{display:none}.brand-wordmark small{display:flex;align-items:center;gap:10px;font-size:var(--brand-small-size);font-weight:800;letter-spacing:var(--brand-small-space);justify-self:center;color:#cbd3dc}.brand-wordmark small:after,.brand-wordmark small:before{content:"";width:var(--brand-rule-width);height:1px;background:rgba(203,211,219,.78);box-shadow:none}.brand-wordmark small:after{background:rgba(203,211,219,.78)}.brand-lockup-compact{--brand-emblem-width:44px;--brand-emblem-height:38px;--brand-separator-height:38px;--brand-gap:10px;--brand-title-size:0.95rem;--brand-title-space:0.16em;--brand-subtitle-size:0.58rem;--brand-subtitle-space:0.32em;--brand-small-size:0.44rem;--brand-small-space:0.28em;--brand-rule-width:26px}.brand-lockup-compact .brand-emblem-text{font-size:1.82rem}.footer .brand{margin-bottom:16px}.footer .brand-lockup-wordmark-only{--brand-title-size:1.28rem;--brand-title-space:0.12em;--brand-subtitle-size:0.62rem;--brand-subtitle-space:0.42em;opacity:.88}.footer .brand-wordmark{gap:6px}.brand-mark{width:48px;height:42px;display:grid;place-items:center;color:transparent;font-weight:950;font-size:1.45rem;font-style:italic;letter-spacing:-.08em;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(132,142,152,.8) 48%,rgba(255,255,255,.96));background-clip:text;-webkit-background-clip:text;text-shadow:0 1px 0 rgba(255,255,255,.5),0 3px 2px rgba(0,0,0,.85),0 12px 18px rgba(0,0,0,.55);filter:drop-shadow(0 7px 10px rgba(0,0,0,.48));position:relative}.brand-mark:before{content:none}.brand-copy{display:block}.brand-copy strong{display:block;font-size:.95rem}.brand-copy span{display:block;color:var(--muted);font-size:.72rem}.nav-links{display:flex;align-items:center;gap:20px;margin-left:auto;color:var(--silver);font-size:.86rem}.nav-links>a:not(.btn){color:rgba(231,235,239,.9);white-space:nowrap}.nav-links>a:not(.btn):hover{color:#ffffff}.lang-toggle{min-width:42px;height:34px;border:1px solid rgba(215,219,224,.22);border-radius:8px;color:var(--silver);background:rgba(255,255,255,.055);cursor:pointer;font-weight:800}.lang-toggle:hover{border-color:rgba(215,219,224,.55)}.btn{border:1px solid rgba(215,219,224,.24);border-radius:8px;padding:12px 16px;color:var(--white);background:rgba(255,255,255,.055);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(215,219,224,.55)}.btn-primary{background:linear-gradient(135deg,#f6f7f9,#b8c0c8 52%,#ffffff);color:#061426;border-color:transparent;font-weight:800;box-shadow:0 18px 38px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.8)}.btn-ai{min-height:40px;padding:10px 15px;color:#9bd6e5;border-color:rgba(116,176,197,.42);background:rgba(8,24,39,.58);font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.ai-icon{display:grid;place-items:center;color:#8fd2e3}.ai-icon,.ai-icon svg{width:24px;height:24px}.ai-icon svg{display:block}.ai-icon circle,.ai-icon path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ai-icon circle{fill:rgba(143,210,227,.06)}.btn-demo{min-height:40px;padding:10px 16px;border-color:rgba(126,153,202,.34);background:linear-gradient(135deg,rgba(45,91,158,.88),rgba(28,55,112,.92));color:#edf4ff;font-weight:800;box-shadow:0 10px 22px rgba(5,16,33,.3),inset 0 1px 0 rgba(255,255,255,.1)}.btn-ghost{background:transparent}.hero{position:relative;min-height:calc(100vh - 76px);display:grid;align-items:center;overflow:hidden;padding:76px 0 54px;background:linear-gradient(90deg,rgba(2,11,20,.98),rgba(3,12,22,.94) 34%,rgba(3,12,22,.54) 58%,rgba(3,12,22,.08)),linear-gradient(180deg,rgba(2,10,18,.12),rgba(2,10,18,.36)),url(/hero-glass-wall-optimized.jpg);background-size:auto,auto,cover;background-position:50%,50%,50%;background-repeat:no-repeat}.hero:before{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:178px 132px;opacity:.55;-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.6) 42%,transparent 74%);mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.6) 42%,transparent 74%)}.hero:after,.hero:before{content:"";position:absolute;inset:0}.hero:after{background:radial-gradient(circle at 70% 24%,rgba(255,255,255,.1),transparent 18rem),linear-gradient(180deg,transparent,rgba(2,10,18,.6));pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,590px) minmax(360px,1fr);grid-gap:56px;gap:56px;align-items:center}.eyebrow{color:#c9d2da;font-weight:800;letter-spacing:0;text-transform:uppercase;font-size:.8rem}h1,h2,h3{letter-spacing:0;margin:0}.hero h1{font-size:clamp(2.35rem,4.35vw,4.45rem);line-height:1.02;max-width:590px;margin:18px 0;text-shadow:0 18px 42px rgba(0,0,0,.45)}.hero p,.section-lead{color:var(--silver);font-size:1.08rem;line-height:1.8}.actions,.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.micro-text{color:var(--muted);margin-top:24px;font-size:.92rem}.brand-wall{border:1px solid rgba(215,219,224,.16);border-radius:8px;overflow:hidden;background:linear-gradient(90deg,rgba(3,13,24,.08),rgba(3,13,24,.35)),url(/logo-wall.png),linear-gradient(90deg,rgba(71,94,109,.28) 0 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 0 1px,transparent 1px),radial-gradient(circle at 26% 20%,rgba(122,158,181,.26),transparent 20rem),linear-gradient(135deg,#071724,#0a2033 45%,#06111d);background-size:auto,cover,154px 100%,100% 116px,auto,auto;background-position:50%,50%,50%,50%,50%,50%;box-shadow:0 42px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.14)}.brand-wall,.hero-brand-notes{position:relative;min-height:600px}.brand-wall:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.2),transparent 16%,transparent),linear-gradient(180deg,transparent,rgba(0,0,0,.34));pointer-events:none}.wall-glass{position:absolute;left:-8%;top:0;bottom:0;width:25%;background:linear-gradient(90deg,rgba(103,142,163,.34),rgba(160,186,202,.08)),linear-gradient(180deg,rgba(255,255,255,.1),transparent 45%);border-right:1px solid rgba(215,219,224,.2);transform:skewX(-8deg)}.wall-logo{position:absolute;left:34px;top:34px;width:268px;height:116px;display:grid;place-items:center;padding:0;opacity:0;pointer-events:none}.wall-logo img{width:100%;max-height:116px;object-fit:contain;filter:drop-shadow(0 4px 1px rgba(255,255,255,.28)) drop-shadow(0 22px 18px rgba(0,0,0,.75))}.wall-caption,.wall-plaque{position:absolute;border:1px solid rgba(215,219,224,.18);background:rgba(3,13,24,.66);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 18px 52px rgba(0,0,0,.32)}.wall-caption{left:auto;right:268px;bottom:0;padding:16px 18px}.wall-caption span,.wall-plaque small,.wall-plaque span{display:block;color:#b8c3cc;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.wall-caption strong,.wall-plaque strong{display:block;margin-top:6px;color:#f7f8f9;letter-spacing:.1em}.wall-plaque{right:0;bottom:0;min-width:220px;padding:18px;text-align:center}.section{padding:92px 0;content-visibility:auto;contain-intrinsic-size:720px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px}.section h2{font-size:clamp(2rem,4vw,3.9rem);line-height:1}.grid-1,.grid-2,.grid-3,.grid-4{display:grid;grid-gap:18px;gap:18px}.grid-1{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.about-story{margin-top:28px}.card,.panel{border:1px solid rgba(215,219,224,.14);background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.03)),linear-gradient(180deg,rgba(8,27,43,.9),rgba(5,15,27,.86));border-radius:8px;padding:22px;box-shadow:0 18px 52px rgba(0,0,0,.22)}.card h3{font-size:1.25rem;margin-bottom:10px}.card p,.muted,.panel p{color:var(--muted);line-height:1.65}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;margin-bottom:18px}.tag{color:var(--silver);border:1px solid rgba(203,213,225,.16);background:rgba(3,13,24,.52);border-radius:999px;padding:7px 10px;font-size:.84rem}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:18px;gap:18px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.chip{min-height:48px;border:1px solid rgba(203,213,225,.16);background:rgba(255,255,255,.05);color:var(--silver);border-radius:8px;cursor:pointer;padding:10px 12px;text-align:left}.chip.active{color:#061426;background:linear-gradient(135deg,#f6f7f9,#b8c0c8 52%,#ffffff);border-color:transparent;font-weight:800}.form{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--silver);font-size:.88rem}.field input,.field select,.field textarea{width:100%;color:var(--white);background:rgba(7,17,31,.72);border:1px solid rgba(203,213,225,.18);border-radius:8px;padding:12px 13px}.line-page .field label{color:#334155}.line-page .field input,.line-page .field select,.line-page .field textarea{color:#0f172a;background:#ffffff;border-color:#cbd5e1}.line-page .field input:focus,.line-page .field select:focus,.line-page .field textarea:focus{outline:2px solid rgba(37,99,235,.24);border-color:#2563eb}.field textarea{min-height:120px;resize:vertical}.hidden-field{display:none}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid rgba(203,213,225,.14);border-radius:8px;overflow:hidden}.metric{padding:24px;background:rgba(255,255,255,.045);border-right:1px solid rgba(203,213,225,.12)}.metric:last-child{border-right:0}.metric strong{display:block;font-size:2rem;color:#e7ebef;margin-bottom:8px}.map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.map button{min-height:84px}.line-page{min-height:100vh;background:#f8fafc;color:#0f172a;padding:18px 0 132px}.line-shell{width:min(520px,calc(100% - 24px));margin:0 auto}.line-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:18px;box-shadow:0 12px 38px rgba(15,23,42,.08)}.line-card .brand{min-width:0}.line-card .brand-logo{width:min(260px,100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 12px 18px rgba(15,23,42,.25))}.line-card .brand-logo-light{filter:drop-shadow(0 10px 18px rgba(15,23,42,.14))}.line-card .brand-mark{color:transparent;background:linear-gradient(135deg,#ffffff,#8c98a4 48%,#ffffff);background-clip:text;-webkit-background-clip:text}.line-stack{display:grid;grid-gap:12px;gap:12px}.line-card p,.line-page .muted{color:#475569}.line-quick{display:grid;grid-gap:10px;gap:10px}.line-quick a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:8px;background:#eef6ff;border:1px solid #dbeafe;font-weight:800}.line-page .btn{color:#0f172a;background:#ffffff;border-color:#cbd5e1}.line-page .btn-primary{color:#061426;background:linear-gradient(135deg,#f6f7f9,#b8c0c8 52%,#ffffff);border-color:transparent}.sticky-cta{position:fixed;left:0;right:0;bottom:0;padding:12px;background:rgba(248,250,252,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e2e8f0}.sticky-cta-inner{width:min(520px,calc(100% - 24px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.footer{border-top:1px solid rgba(203,213,225,.12);padding:42px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:24px;gap:24px}.success{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.1);color:#bbf7d0}.line-page .success{background:#dcfce7;color:#166534}.line-page .error{background:#fee2e2;color:#991b1b}.error{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.1);color:#fecaca}@media (max-width:900px){.nav{align-items:center;padding:12px 0}.nav-links{display:none}.builder-grid,.footer-grid,.grid-2,.grid-3,.grid-4,.hero-grid{grid-template-columns:1fr}.dashboard{min-height:380px}.brand-wall{min-height:430px}.hero-brand-notes{min-height:170px}.wall-caption{right:auto;left:0;bottom:0}.map,.metrics,.module-grid{grid-template-columns:1fr 1fr}.section-head{display:block}}@media (max-width:560px){.hero{padding-top:42px}.hero h1{font-size:2.8rem}.wall-caption,.wall-plaque{left:14px;right:14px;bottom:14px;min-width:0}.wall-caption{display:none}.hero-brand-notes{min-height:90px}.map,.metrics,.module-grid{grid-template-columns:1fr}}