:root{--primary:#8b5cf6;--primary-bright:#c084fc;--primary-deep:#4c1d95;--bg:#070711;--bg-soft:#0d0b1d;--surface:#121120c2;--surface-strong:#19162ceb;--surface-soft:#ffffff0b;--line:#c4b5fd29;--line-strong:#c4b5fd4d;--text:#f8fafc;--ink:#f8fafc;--muted:#a7a5ba;--muted-strong:#d6d3e5;--white:#fff;--shadow:0 30px 90px #0000005c;--soft-shadow:0 18px 54px #00000038;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{color:var(--text);background:radial-gradient(circle at 10% -8%,#8b5cf657,#0000 34%),radial-gradient(circle at 92% 8%,#c084fc29,#0000 30%),linear-gradient(#05050c 0%,#0b0918 46%,#06060d 100%);margin:0;font-family:Prompt,Noto Sans Thai,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:78px 78px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 72%);mask-image:linear-gradient(#000000b8,#0000 72%)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#ffffff09,#0000 18% 82%,#ffffff09),radial-gradient(circle at 50% 105%,#4c1d9552,#0000 42%);position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{width:min(var(--max), calc(100% - 40px));margin:0 auto;position:relative}.site-header{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090814c7;border-radius:24px;grid-template-columns:minmax(210px,auto) minmax(0,1fr) auto;align-items:center;gap:clamp(10px,1.4vw,18px);margin-top:14px;padding:12px 14px;display:grid;position:sticky;top:14px;box-shadow:0 18px 70px #00000057}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand img{border-radius:50%;flex:none;box-shadow:0 12px 30px #8b5cf642}.brand strong,.brand small{display:block}.brand strong{color:var(--white);font-size:1rem;font-weight:900;line-height:1.1}.brand small{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:.76rem;font-weight:700}nav{justify-content:center;gap:4px;min-width:0;display:flex}.mobile-nav{display:none}nav a,.nav-cta,.mobile-nav summary,.mobile-nav-cta,.button{border-radius:999px;font-weight:850}nav a{color:var(--muted);white-space:nowrap;padding:10px clamp(8px,.85vw,12px);font-size:.86rem;line-height:1;transition:color .2s,background .2s}nav a:hover{color:var(--white);background:#ffffff12}.nav-cta{color:var(--white);background:linear-gradient(135deg, var(--primary), var(--primary-bright));white-space:nowrap;justify-content:center;align-items:center;padding:12px 16px;display:inline-flex;box-shadow:0 14px 40px #8b5cf657}.section-pad{padding:104px 0}.compact-pad{padding-top:68px}.hero{grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;gap:70px;min-height:calc(100vh - 92px);padding-top:74px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at 14% 16%,#8b5cf624,#0000 34%),linear-gradient(135deg,#ffffff0b,#ffffff03);border:1px solid #c4b5fd14;border-radius:36px;position:absolute;inset:52px -34px 28px;box-shadow:inset 0 1px #ffffff0f}.eyebrow{color:#ddd6fe;letter-spacing:.06em;text-transform:uppercase;background:#8b5cf624;border:1px solid #c4b5fd38;border-radius:999px;width:fit-content;margin:0 0 18px;padding:8px 12px;font-size:.76rem;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--white);letter-spacing:0}h1{text-wrap:balance;max-width:790px;margin-bottom:24px;font-size:clamp(2.45rem,4.7vw,4.35rem);font-weight:920;line-height:1.1}h2{text-wrap:balance;margin-bottom:16px;font-size:clamp(2.05rem,4vw,3.45rem);font-weight:920;line-height:1.12}h3{margin-bottom:12px;font-size:1.12rem;font-weight:900;line-height:1.28}p{color:var(--muted);font-size:1rem;line-height:1.85}.lead{color:var(--muted-strong);font-size:clamp(1.1rem,1.75vw,1.3rem);line-height:1.75}.hero-copy>p:not(.eyebrow){max-width:720px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-points{flex-wrap:wrap;gap:10px;max-width:660px;margin-top:24px;display:flex}.hero-points span{color:#ede9fe;background:#ffffff0b;border:1px solid #c4b5fd29;border-radius:999px;align-items:center;min-height:36px;padding:7px 12px;font-size:.84rem;font-weight:800;display:inline-flex}.button{border:1px solid #0000;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-size:.95rem;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--white);background:linear-gradient(135deg, var(--primary), var(--primary-bright));box-shadow:0 18px 48px #8b5cf657}.button-primary:hover{box-shadow:0 22px 58px #8b5cf66b}.button-secondary{color:#ede9fe;border-color:var(--line-strong);background:#ffffff0f}.button-secondary:hover{background:#ffffff17}.hero-visual{place-items:center;min-height:530px;display:grid;position:relative}.hero-visual:before{content:"";background:linear-gradient(135deg,#8b5cf62e,#c084fc0d),#ffffff09;border:1px solid #c4b5fd24;border-radius:32px;position:absolute;inset:22px 22px 26px 44px;box-shadow:inset 0 1px #ffffff0d}.studio-panel{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff12,#ffffff08),#0a0916e0;border-radius:26px;padding:26px;position:relative}.panel-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:15px;padding-bottom:22px;display:flex}.panel-header img{border-radius:50%;box-shadow:0 12px 28px #8b5cf63d}.panel-header strong,.panel-header span{display:block}.panel-header strong{color:var(--white);font-size:1.08rem;font-weight:900}.panel-header span{max-width:380px;color:var(--muted);margin-top:5px;font-size:.86rem;font-weight:700;line-height:1.55}.panel-status{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.panel-status span{color:#ddd6fe;background:#8b5cf61a;border:1px solid #c4b5fd24;border-radius:12px;place-items:center;min-height:38px;font-size:.75rem;font-weight:850;display:grid}.process-list{gap:10px;margin:0 0 18px;display:grid}.process-item{background:#ffffff0a;border:1px solid #c4b5fd24;border-radius:16px;grid-template-columns:44px 1fr;gap:15px;padding:16px;display:grid}.process-item>span{color:#ede9fe;background:#8b5cf62e;border:1px solid #c4b5fd2e;border-radius:13px;place-items:center;width:44px;height:44px;font-size:.84rem;font-weight:900;display:grid}.process-item b{color:var(--white);font-size:1rem;display:block}.process-item p{margin:6px 0 0;font-size:.88rem;line-height:1.7}.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.solution-grid div{background:#8b5cf61a;border:1px solid #c4b5fd29;border-radius:15px;min-height:84px;padding:14px}.solution-grid span,.solution-grid b{display:block}.solution-grid span{color:var(--muted);font-size:.82rem;line-height:1.35}.solution-grid b{color:#ede9fe;margin-top:8px;font-size:.9rem;font-weight:850;line-height:1.35}.panel-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin-top:18px;padding-top:18px;font-size:.86rem;display:flex}.panel-footer b{color:var(--white)}.section-head{max-width:780px;margin-bottom:38px}.center-head{text-align:center;margin-inline:auto}.center-head .eyebrow{margin-inline:auto}.wide-head{grid-template-columns:minmax(0,.95fr) minmax(280px,.75fr);align-items:end;gap:44px;max-width:none;display:grid}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.service-card,.work-card,.product-card,.team-card,.prose-panel,.contact-card,.reason-list article,.faq-item,.timeline-item{border:1px solid var(--line);background:linear-gradient(180deg, #fff1, #ffffff08), var(--surface);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px}.card,.service-card,.product-card,.prose-panel,.contact-card,.reason-list article,.faq-item{padding:28px}.card-index{color:#ede9fe;background:#8b5cf62e;border:1px solid #c4b5fd2e;border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:28px;font-size:.82rem;font-weight:900;display:inline-flex}.split-section{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:58px;display:grid}.sticky-copy{align-self:start;position:sticky;top:122px}.prose-panel p:last-child,.service-card p:last-child,.work-card p:last-child,.product-card p:last-child,.team-card p:last-child,.contact-card p:last-child,.reason-list p:last-child,.faq-item p:last-child{margin-bottom:0}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.work-card,.product-card,.team-card,.faq-item,.reason-list article{transition:border-color .2s,transform .2s,box-shadow .2s,background .2s}.service-card:hover,.work-card:hover,.product-card:hover,.team-card:hover,.faq-item:hover,.reason-list article:hover{background:linear-gradient(180deg, #ffffff15, #ffffff0a), var(--surface-strong);box-shadow:var(--shadow);border-color:#c4b5fd57;transform:translateY(-3px)}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.work-card{flex-direction:column;padding:26px;display:flex}.work-card span,.product-eyebrow,.mini-label,.timeline-item time{color:#c4b5fd;letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:900;display:block}.inline-links{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px;display:flex}.inline-links a,.text-link{color:#ddd6fe;font-weight:900}.inline-links a{border:1px solid var(--line);background:#8b5cf624;border-radius:999px;padding:8px 11px;font-size:.82rem}.product-grid{grid-template-columns:1.14fr .93fr .93fr;gap:18px;display:grid}.product-card:first-child{background:linear-gradient(135deg, #8b5cf638, #ffffff0a), var(--surface-strong);border-color:var(--line-strong)}.product-card strong{color:var(--white);margin-bottom:14px;font-size:1.03rem;line-height:1.65;display:block}.tag-list,.tech-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-list{margin:20px 0}.tag-list span,.tech-cloud span{color:#ede9fe;background:#8b5cf624;border:1px solid #c4b5fd2e;border-radius:999px;align-items:center;min-height:34px;padding:7px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.tag-list.compact{margin:10px 0 18px}.tag-list.compact span{min-height:30px;font-size:.74rem}.note{border-left:4px solid var(--primary);color:var(--muted-strong);background:#8b5cf61a;border-radius:16px;margin-top:20px;padding:16px 18px}.reason-list{gap:16px;display:grid}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.team-card{overflow:hidden}.member-photo{background:radial-gradient(circle at 50% 18%,#c4b5fd47,#0000 38%),linear-gradient(#8b5cf63d,#08071138);height:262px;overflow:hidden}.member-photo img{object-fit:cover;object-position:center top;filter:saturate(1.04)contrast(1.02);width:100%;height:100%}.team-content{padding:24px}.member-nickname{color:var(--white);font-weight:800}.member-contact{background:#ffffff0b;border:1px solid #c4b5fd24;border-radius:16px;gap:8px;margin:18px 0 20px;padding:14px;display:grid}.member-contact a{color:#ede9fe;overflow-wrap:anywhere;font-size:.82rem;font-weight:850;line-height:1.35}.mini-label{margin-top:18px}.timeline{gap:14px;display:grid;position:relative}.timeline-item{background:#ffffff0b;padding:22px 24px;position:relative}.timeline-item p{margin:8px 0 0}.tech-cloud{justify-content:center;gap:12px}.tech-cloud span{background:#ffffff0e;min-height:42px;padding:8px 15px;box-shadow:0 12px 36px #00000024}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.cta-section{background:radial-gradient(circle at 18% 0%, #ffffff29, transparent 34%), linear-gradient(135deg, #8b5cf6eb, #4c1d95e0), var(--primary-deep);box-shadow:var(--shadow);border:1px solid #c4b5fd3d;border-radius:30px;grid-template-columns:minmax(0,1fr) 390px;align-items:stretch;gap:36px;margin-bottom:44px;padding-inline:36px;display:grid}.cta-section h2,.cta-section p,.cta-section .eyebrow{color:var(--white)}.cta-section .eyebrow{background:#ffffff21;border-color:#ffffff38}.cta-section .contact-card{background:linear-gradient(#ffffff21,#ffffff13),#09081438;border-color:#fff3}.cta-section .button-primary{background:var(--white);width:100%;color:var(--primary-deep);box-shadow:none}.contact-summary{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.contact-summary span{min-height:36px;color:var(--white);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;padding:7px 12px;font-size:.82rem;font-weight:850;display:inline-flex}.contact-card-head{border-bottom:1px solid #c4b5fd2e;padding-bottom:18px}.contact-card-head strong,.contact-card-head span{display:block}.contact-card-head strong{color:var(--white);font-size:1.05rem;font-weight:900}.contact-card-head span{color:var(--muted-strong);margin-top:6px;font-size:.9rem;line-height:1.6}.contact-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.contact-actions .button{min-height:48px;padding-inline:16px}.contact-card dl{margin:22px 0 0}.contact-channel{border-top:1px solid var(--line);padding:14px 0}.contact-card dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.contact-card dd{color:var(--white);overflow-wrap:anywhere;margin:6px 0 0;font-weight:900}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:28px;padding:38px 0 52px;display:flex}footer p{color:var(--muted);margin:14px 0 0 50px;font-weight:800}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.footer-links a{border:1px solid var(--line);color:var(--muted-strong);background:#ffffff0a;border-radius:999px;padding:9px 12px;font-size:.84rem;font-weight:850}@media (max-width:1120px){.site-shell{width:min(var(--max), calc(100% - 32px))}.site-header{grid-template-columns:minmax(196px,auto) minmax(0,1fr) auto;gap:10px}nav{justify-content:flex-end;gap:2px}nav a{padding-inline:8px;font-size:.8rem}.nav-cta{padding-inline:13px;font-size:.84rem}.hero,.split-section,.wide-head,.cta-section{grid-template-columns:1fr}.hero{gap:46px;min-height:auto;padding-top:72px}.hero:before{inset:44px -18px 18px}.sticky-copy{position:static}.hero-visual{min-height:420px}.services-grid,.work-grid,.product-grid,.team-grid,.card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-section{padding-inline:30px}}@media (max-width:900px){.site-header{grid-template-columns:1fr auto}nav,.nav-cta{display:none}.mobile-nav{justify-self:end;display:block;position:relative}.mobile-nav summary{width:46px;height:42px;color:var(--white);border:1px solid var(--line);cursor:pointer;background:#ffffff12;justify-content:center;align-items:center;list-style:none;transition:border-color .2s,background .2s;display:inline-flex;position:relative}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span,.mobile-nav summary:before,.mobile-nav summary:after{content:"";background:currentColor;border-radius:999px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-nav summary span{position:absolute}.mobile-nav summary:before{transform:translateY(-6px)}.mobile-nav summary:after{transform:translateY(6px)}.mobile-nav[open] summary{border-color:var(--line-strong);background:#8b5cf62e}.mobile-nav[open] summary span{opacity:0}.mobile-nav[open] summary:before{transform:rotate(45deg)}.mobile-nav[open] summary:after{transform:rotate(-45deg)}.mobile-nav div{z-index:30;border:1px solid var(--line-strong);width:min(320px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090814f5;border-radius:18px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.mobile-nav a{min-height:42px;color:var(--muted-strong);background:#ffffff0a;border:1px solid #c4b5fd1f;border-radius:14px;align-items:center;padding:10px 12px;font-size:.86rem;font-weight:850;display:flex}.mobile-nav a:hover{color:var(--white);background:#8b5cf629}.mobile-nav .mobile-nav-cta{color:var(--white);background:linear-gradient(135deg, var(--primary), var(--primary-bright));border-color:#0000;justify-content:center}.section-pad{padding:84px 0}.compact-pad{padding-top:48px}.wide-head{gap:18px}.wide-head>p,.sticky-copy>p{max-width:680px}.hero{padding-top:58px}.hero-copy{max-width:760px}.hero-points{max-width:100%}.hero-visual{min-height:0}.studio-panel{width:100%}.panel-status{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-photo{height:300px}.cta-section{gap:24px;padding-block:76px}footer{flex-direction:column;align-items:flex-start}footer p{margin-left:0}.footer-links{justify-content:flex-start}}@media (max-width:720px){.site-shell{width:min(100% - 28px, var(--max))}.site-header{border-radius:20px;grid-template-columns:1fr auto;padding:12px;top:8px}.site-header .brand{justify-content:flex-start}.mobile-nav div{width:min(300px,100vw - 28px)}.brand small{white-space:normal}.section-pad{padding:72px 0}.compact-pad{padding-top:42px}.hero{gap:34px;padding-top:46px}.hero:before{border-radius:24px;inset:34px -14px 16px}h1{font-size:clamp(2.08rem,9vw,2.86rem);line-height:1.14}h2{font-size:clamp(1.95rem,8.6vw,2.62rem)}p{font-size:.96rem;line-height:1.78}.lead{font-size:1.04rem}.hero-actions,.button{width:100%}.hero-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hero-points span{text-align:center;justify-content:center;min-height:34px;padding-inline:9px;font-size:.78rem}.hero-visual{min-height:0}.studio-panel{border-radius:22px;padding:16px}.panel-header{gap:12px}.panel-header img{width:34px;height:34px}.panel-header strong{font-size:.98rem}.panel-header span{font-size:.8rem}.panel-footer{flex-direction:column;gap:4px}.card-grid,.card-grid.three,.services-grid,.work-grid,.product-grid,.team-grid,.faq-list{grid-template-columns:1fr}.split-section{gap:28px}.process-item{grid-template-columns:40px 1fr;gap:12px;padding:14px}.process-item>span{width:40px;height:40px}.panel-status,.solution-grid{grid-template-columns:1fr}.card,.service-card,.work-card,.product-card,.prose-panel,.contact-card,.reason-list article,.faq-item{border-radius:18px;padding:22px}.team-card{padding:0}.team-content{padding:22px}.member-photo{aspect-ratio:394/412;height:auto}.cta-section{border-radius:22px;margin-inline:-2px;padding-inline:22px}.contact-actions{grid-template-columns:1fr}.contact-summary{gap:8px}.contact-summary span{min-height:34px;font-size:.78rem}footer{flex-direction:column}footer p{margin-left:0}.footer-links{justify-content:flex-start}}@media (max-width:540px){.site-shell{width:min(100% - 22px, var(--max))}html{scroll-padding-top:96px}.site-header{border-radius:18px;gap:10px;margin-top:10px}.brand{gap:10px}.brand img{width:38px;height:38px}.brand strong{font-size:.94rem}.brand small{font-size:.7rem}.mobile-nav summary{width:42px;height:40px}.section-pad{padding:58px 0}.compact-pad{padding-top:30px}.hero{gap:26px;padding-top:36px}.hero:before{border-radius:20px;inset:24px -8px 8px}.eyebrow{margin-bottom:14px;font-size:.68rem}h1{margin-bottom:18px;font-size:clamp(1.9rem,10vw,2.42rem)}h2{font-size:clamp(1.65rem,8.6vw,2.12rem)}h3{font-size:1.02rem}.hero-actions{margin-top:24px}.hero-points{grid-template-columns:1fr;margin-top:18px}.studio-panel{padding:14px}.panel-header{align-items:center}.panel-status{margin:16px 0}.panel-status span{min-height:34px;font-size:.7rem}.process-list{gap:8px}.process-item{grid-template-columns:1fr}.solution-grid div{min-height:0}.section-head{margin-bottom:26px}.card-grid,.work-grid,.product-grid,.team-grid,.faq-list{gap:14px}.card,.service-card,.work-card,.product-card,.prose-panel,.contact-card,.reason-list article,.faq-item,.team-content{padding:18px}.member-photo{aspect-ratio:394/412;height:auto}.member-contact{padding:12px}.member-contact a{font-size:.78rem}.tag-list span,.tech-cloud span{font-size:.76rem}.cta-section{padding-block:54px;padding-inline:18px}.footer-links{width:100%}.footer-links a{text-align:center;flex:calc(50% - 8px)}}