:root{--ink:#13141a;--muted:#868891;--blue:#236bff;--dark:#070910;--font:'Inter','IBM Plex Sans Thai',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#a9baff;color:#08090e}.shell{width:min(1160px,calc(100% - 96px));margin:auto}.skip-link{position:absolute;top:-60px;left:10px;background:#fff;color:#000;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:68px;position:fixed;inset:0 0 auto;z-index:50;background:rgba(8,9,15,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.09)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:26px;font-weight:800;letter-spacing:-1.8px;color:#fff;line-height:1}.brand-dot{color:#7fa0ff}.nav-links{display:flex;align-items:center;gap:38px;margin-left:60px}.nav-links a{color:#bcbec7;font-size:12px;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:#fff}.nav-cta{border:1px solid #4e5260;color:white;font-size:12px;font-weight:600;border-radius:100px;padding:11px 18px;white-space:nowrap}.nav-cta span{margin-left:13px}.nav-cta:hover{background:#fff;color:#111}.menu-toggle{display:none}.hero{min-height:900px;min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse 75% 65% at 74% 65%,#1a1f41 0%,#0a0c17 45%,#06070c 100%);color:white}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,12,.7) 0%,transparent 74%);pointer-events:none;z-index:-1}.hero-glow{position:absolute;width:750px;height:650px;right:-150px;bottom:-250px;background:#4d55c9;filter:blur(180px);opacity:.22;z-index:-1}.hero-inner{position:relative;z-index:3;padding-top:105px;padding-bottom:120px;pointer-events:none}.hero-inner a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:700;color:#a4a9bc;display:flex;align-items:center;gap:15px;margin-bottom:38px}.eyebrow-line{display:inline-block;background:#7896ff;width:24px;height:1px}.mini-spark{color:#9eacfa;font-size:15px;letter-spacing:0}.hero-title{font-size:clamp(76px,9.2vw,148px);font-weight:800;line-height:1.08;letter-spacing:-.082em;margin:0 0 16px;max-width:1080px}.question{white-space:nowrap}.question-mark{color:#8da5ff}.hero-sub{font-size:clamp(25px,3.1vw,44px);font-weight:600;letter-spacing:-.05em;margin:0 0 28px}.hero-sub span{background:linear-gradient(105deg,#a2b3ff,#d7caff 70%,#fff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:15px;line-height:2;color:#a2a6b4;font-weight:400;margin:0 0 35px}.hero-actions{display:flex;align-items:center;gap:30px}.button{border-radius:100px;font-size:13px;font-weight:600;padding:17px 23px;display:inline-flex;align-items:center;gap:26px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:#f6f7fb;color:#13141a}.button-primary:hover{background:#bacbff}.text-link{font-size:13px;color:#dde0e9;border-bottom:1px solid #6b7183;padding:6px 0}.text-link span{margin-left:14px}.hero-art{position:absolute;width:min(57vw,850px);aspect-ratio:1;right:-7%;top:15%;z-index:0;filter:drop-shadow(0 0 65px rgba(82,111,255,.18));animation:artFloat 8s ease-in-out infinite;pointer-events:none}.halo,.art-core,.art-sheen{position:absolute;border-radius:50%}.halo-outer{inset:0;border:1px solid rgba(178,197,255,.16);box-shadow:inset 0 0 65px #5365ff26,0 0 65px #4354f51a;background:radial-gradient(circle at 29% 21%,rgba(255,255,255,.14),transparent 30%)}.halo-mid{inset:9%;border:1px solid rgba(228,231,255,.32);box-shadow:inset 25px 20px 65px #9daaff18,inset -25px -20px 100px #4d4fc52b,0 0 50px #8f86ef10;background:radial-gradient(circle at 35% 20%,#e9ecff20,transparent 43%),radial-gradient(circle at 80% 80%,#746add44,transparent 62%)}.halo-inner{inset:23%;border:1px solid rgba(235,240,255,.48);box-shadow:inset -20px -30px 55px #6070df63,0 0 75px #8f96ff44;background:radial-gradient(circle at 28% 20%,#fafbff80 0%,#c3d4ff38 24%,#5f6abf36 53%,#1b245d93 80%)}.art-core{inset:36%;background:radial-gradient(circle at 30% 22%,#fff 0%,#d5e4ff 8%,#9baeee 26%,#5c67b8 60%,#151a41 90%);box-shadow:0 0 65px #a3b7ff70,0 0 175px #5d6eff50,inset -13px -20px 35px #090d3a}.art-sheen{inset:6%;border-top:2px solid rgba(255,255,255,.34);transform:rotate(-34deg);filter:blur(1px)}@keyframes artFloat{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-25px) rotate(-7deg)}}.hero-bottom-note,.hero-index{position:absolute;bottom:34px;font-size:10px;font-weight:600;letter-spacing:2.3px;color:#797f92}.hero-bottom-note{left:48px}.hero-index{right:48px}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#8d93a7;display:flex;align-items:center;gap:11px;white-space:nowrap}.scroll-hint span{width:19px;height:28px;border:1px solid #6c7183;border-radius:20px;display:inline-block;position:relative}.scroll-hint span::after{content:'';position:absolute;left:8px;top:6px;width:2px;height:6px;border-radius:2px;background:#a2b4ff;animation:scroll 1.7s infinite}@keyframes scroll{to{transform:translateY(8px);opacity:0}}.section-pad{padding:160px 0}.story{background:#f5f5f7}.story-grid{display:grid;grid-template-columns:32% 68%;gap:0}.section-tag{font-size:11px;font-weight:700;letter-spacing:2px;color:#666a77;padding-top:18px}.story-title{font-size:clamp(55px,6.1vw,95px);line-height:1.18;letter-spacing:-.075em;font-weight:800;margin:0}.muted{color:#afb1b9}.blue{color:var(--blue)}.story-copy{font-size:17px;line-height:2;max-width:565px;color:#646772;margin:36px 0 42px}.signature{display:flex;align-items:center;gap:17px;font-size:11px;color:#646875;letter-spacing:1.1px;font-weight:600;text-transform:uppercase}.signature-rule{display:inline-block;width:35px;height:1px;background:#7d8599}.statement{background:#080b17;color:#fff;position:relative;overflow:hidden;isolation:isolate;min-height:690px}.statement-shell{position:relative;z-index:2}.section-tag-light{color:#9298ac}.statement-label{font-size:12px;color:#8792bd;letter-spacing:2px;font-weight:600;margin:82px 0 24px}.statement-title{font-size:clamp(44px,5.8vw,83px);letter-spacing:-.07em;line-height:1.38;margin:0;max-width:1120px}.statement-title span{color:#879cfa}.statement-bottom{margin-top:88px;display:flex;justify-content:space-between;align-items:end;font-size:14px;line-height:1.95;color:#a5aabc}.asterisk{font-size:85px;line-height:1;color:#8e9df9}.statement-light{position:absolute;width:610px;height:550px;right:-150px;bottom:-290px;filter:blur(100px);background:#3647c3;opacity:.25;z-index:0}.manifesto{background:#fff;min-height:680px}.manifesto-small{font-size:13px;letter-spacing:1.7px;font-weight:600;color:#999ba4;margin:105px 0 10px}.manifesto-title{font-size:clamp(112px,21vw,300px);line-height:1.05;letter-spacing:-.1em;font-weight:800;margin:0 0 42px}.manifesto-dot{color:#8da6fc}.manifesto-divider{height:1px;background:#d9d9de}.manifesto-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:600;margin-top:25px}.manifesto-answer{color:#345fd7}.manifesto-answer span{margin-left:30px}.contact{background:linear-gradient(130deg,#181e43,#080a12 68%);color:#fff}.contact-shell{text-align:center;display:flex;align-items:center;flex-direction:column}.contact-title{font-size:clamp(50px,8vw,110px);line-height:1.25;letter-spacing:-.075em;margin:54px 0 20px}.contact-title em{font-style:normal;color:#a3b4ff}.contact-copy{color:#afb3c1;font-size:15px;margin-bottom:30px}.contact-button{background:#fff;color:#151723;border-radius:40px;padding:17px 27px;font-size:14px;font-weight:700;display:flex;gap:36px;transition:transform .2s,background .2s}.contact-button:hover{transform:translateY(-3px);background:#cfdaff}.contact-note{font-size:10px;color:#797f92;margin-top:18px}.site-footer{background:#080a10;color:#9ca0b0;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px}.footer-inner .brand{font-size:21px}.footer-inner>a:last-child{font-size:10px;letter-spacing:1.4px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hero .reveal:nth-child(2){transition-delay:.12s}.hero .reveal:nth-child(3){transition-delay:.2s}.hero .reveal:nth-child(4){transition-delay:.29s}.hero .reveal:nth-child(5){transition-delay:.36s}a:focus-visible,button:focus-visible{outline:2px solid #83a4ff;outline-offset:5px}@media(max-width:850px){.shell{width:min(100% - 44px,1160px)}.nav-links{gap:20px;margin-left:0}.hero-art{width:75vw;right:-24%;top:25%;opacity:.7}.hero-title{font-size:clamp(62px,10vw,94px)}.hero-inner{padding-top:130px}.story-grid{grid-template-columns:1fr;gap:40px}.story-title{font-size:clamp(55px,8vw,80px)}.section-pad{padding:110px 0}.hero-bottom-note{left:22px}.hero-index{right:22px}}@media(max-width:600px){.site-header{height:60px}.nav-cta{margin-left:auto;padding:9px 12px;font-size:11px}.menu-toggle{border:0;background:transparent;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:0;cursor:pointer}.menu-toggle span{display:block;width:22px;height:1.5px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:60px;left:0;right:0;padding:16px 25px 25px;background:#0b0d17;border-bottom:1px solid #282a37;flex-direction:column;align-items:flex-start;gap:0}.nav-links.open{display:flex}.nav-links a{font-size:15px;display:block;padding:14px 0;width:100%}.hero{min-height:750px;min-height:100svh;align-items:flex-start}.hero-inner{padding-top:29vh;padding-bottom:145px}.eyebrow{font-size:9px;letter-spacing:1.3px;gap:10px;margin-bottom:22px}.eyebrow-line{width:15px}.hero-title{font-size:clamp(49px,12.7vw,76px);margin-bottom:15px;letter-spacing:-.085em}.hero-sub{font-size:clamp(22px,6vw,33px)}.hero-description{font-size:13px;line-height:1.9}.hero-art{width:100vw;right:-55%;top:17%;opacity:.4}.hero-actions{gap:21px}.button{font-size:12px;padding:15px 17px;gap:12px}.text-link{font-size:12px}.scroll-hint{display:none}.hero-bottom-note,.hero-index{bottom:22px;font-size:8px}.section-pad{padding:90px 0}.story-title{font-size:clamp(50px,11.8vw,68px)}.story-copy{font-size:15px;margin:28px 0}.statement{min-height:auto}.statement-label{margin-top:60px;font-size:10px}.statement-title{font-size:clamp(35px,8.5vw,49px);line-height:1.45}.statement-bottom{margin-top:70px;font-size:13px}.asterisk{font-size:52px}.manifesto{min-height:0}.manifesto-small{margin-top:80px;font-size:10px}.manifesto-title{font-size:clamp(85px,23vw,160px);margin-bottom:30px}.manifesto-footer{font-size:12px;align-items:flex-start}.manifesto-answer{max-width:220px;text-align:right}.manifesto-answer span{margin-left:5px}.contact-title{font-size:clamp(48px,11vw,70px)}.footer-inner{flex-wrap:wrap;justify-content:space-between}.footer-inner>span{order:3;width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* IT Solutions service section */
.services{background:#f5f5f7}.services-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:58px}.services-heading .section-tag{margin:0 0 33px}.services-title{font-size:clamp(48px,6.4vw,92px);line-height:1.18;letter-spacing:-.075em;margin:0}.services-title span{color:#9599a4}.services-intro{font-size:16px;line-height:1.9;color:#686c79;max-width:340px;margin:0 0 6px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{background:#fff;border:1px solid #e8e9ed;border-radius:27px;padding:32px 28px 29px;display:flex;flex-direction:column;min-height:525px;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-6px);box-shadow:0 25px 65px #151b3514}.service-number{font-size:10px;letter-spacing:1.7px;color:#8a8d9b;font-weight:700}.service-icon{height:145px;display:flex;align-items:center;color:#416df1}.service-icon svg{width:74px;height:74px;filter:drop-shadow(0 8px 12px #547bff22)}.service-card h3{font-size:clamp(25px,2.4vw,34px);line-height:1.25;letter-spacing:-.055em;margin:0 0 17px}.service-card h3 span{color:#6b75a1}.service-card p{font-size:14px;line-height:1.9;color:#6a6e7b;margin:0 0 21px}.service-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;margin-bottom:25px}.service-pills span{border-radius:20px;background:#f2f4f9;color:#515b73;font-size:10px;font-weight:600;padding:7px 10px}.service-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9eaf0;padding-top:19px;font-weight:700;font-size:13px;color:#245ce0}.service-link span{font-size:20px;transition:transform .2s}.service-link:hover span{transform:translate(3px,-3px)}@media(max-width:950px){.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1;min-height:360px}.service-card:last-child .service-icon{height:90px}.services-heading{align-items:start;flex-direction:column}.services-intro{max-width:570px}}@media(max-width:600px){.service-grid{grid-template-columns:1fr}.service-card,.service-card:last-child{grid-column:auto;min-height:470px}.service-card{padding:27px 24px}.service-icon{height:115px}.service-card:last-child .service-icon{height:115px}.services-heading{margin-bottom:35px}.services-intro{font-size:14px}.services-title{font-size:clamp(44px,10vw,62px)}}

/* Brand story — eleeti / อีหลีติ */
.meaning{background:#fff;overflow:hidden}.meaning-intro{max-width:890px}.meaning-intro .section-tag{margin:0 0 62px}.meaning-kicker{font-size:11px;letter-spacing:2.8px;font-weight:700;color:#969ca9;margin-bottom:15px}.meaning-title{font-size:clamp(83px,14vw,200px);letter-spacing:-.105em;line-height:.99;margin:0;font-weight:800}.meaning-title span{color:#7c99f5}.meaning-title em{font-style:normal;color:#c1c4cd;letter-spacing:-.07em;font-size:.59em;display:inline-block;margin-top:10px}.meaning-thai{font-size:clamp(19px,2.3vw,29px);font-weight:700;letter-spacing:-.03em;margin:44px 0 10px}.meaning-summary{font-size:clamp(17px,2.15vw,24px);line-height:1.8;color:#545a68;margin:0;letter-spacing:-.02em}.meaning-summary strong{color:#235de2}.meaning-disclaimer{color:#858b97;font-size:13px;line-height:1.7;margin:25px 0 47px}.meaning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.meaning-card{background:#f5f6f9;border:1px solid #ebedf2;border-radius:22px;min-height:200px;padding:25px 25px 28px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,background .25s}.meaning-card:hover{transform:translateY(-4px);background:#ebefff}.meaning-letter{font-size:64px;line-height:1;font-weight:800;color:#3b68dd;letter-spacing:-.08em}.meaning-card h3{font-size:20px;letter-spacing:-.04em;margin:12px 0 4px}.meaning-card p{font-size:13px;line-height:1.7;color:#666d7a;margin:0}.meaning-closing{margin-top:56px;padding-top:24px;border-top:1px solid #dfe2e9;display:flex;align-items:center;gap:24px}.meaning-spark{font-size:58px;line-height:1;color:#7793ed}.meaning-closing p{font-size:clamp(25px,3.2vw,42px);font-weight:600;letter-spacing:-.07em;line-height:1.2;margin:0}.meaning-closing strong{color:#3265e8}.meaning-closing-sub{margin-left:auto;letter-spacing:1.5px;font-size:10px;color:#848b99;font-weight:700;text-align:right}@media(max-width:850px){.meaning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meaning-card{min-height:185px}.nav-links{gap:14px}}@media(max-width:600px){.meaning-intro .section-tag{margin-bottom:42px}.meaning-title{font-size:clamp(78px,18.5vw,124px)}.meaning-title em{font-size:.61em}.meaning-thai{margin-top:34px}.meaning-summary{font-size:16px}.meaning-grid{gap:10px}.meaning-card{border-radius:17px;min-height:165px;padding:18px}.meaning-letter{font-size:51px}.meaning-card h3{font-size:17px}.meaning-card p{font-size:12px}.meaning-closing{flex-wrap:wrap;gap:15px}.meaning-spark{font-size:47px}.meaning-closing-sub{width:100%;margin-left:0;text-align:left}}