:root{--coe-sky:#00b4e6;--coe-sky-deep:#0091c2;--coe-sky-soft:#c7ecf9;--coe-sky-wash:#eff9fd;--coe-amber:#f5b32f;--coe-amber-deep:#e89a0c;--coe-amber-soft:#fde9bc;--coe-coral:#ff6a4d;--coe-violet:#7b5cff;--coe-mint:#2ed29a;--ink-900:#0a1f3d;--ink-800:#142c50;--ink-700:#1f3e68;--ink-500:#4a5d7e;--ink-400:#6b7c96;--ink-300:#9aa8be;--ink-200:#d1d9e6;--ink-100:#e8edf5;--ink-50:#f5f7fb;--bg:#fff;--bg-soft:#f7fafc;--bg-cream:#fff9ee;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(10,31,61,.06),0 1px 3px rgba(10,31,61,.04);--shadow-md:0 10px 30px -10px rgba(10,31,61,.15);--shadow-lg:0 30px 60px -20px rgba(10,31,61,.25);--shadow-glow:0 20px 50px -15px rgba(0,180,230,.35);--font-sans:var(--font-jakarta),var(--font-plex-thai),system-ui,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,monospace;--max-w:1280px;--gutter:clamp(20px,4vw,56px)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";line-height:1.5;overflow-x:hidden}:lang(th),[lang=th]{font-family:var(--font-plex-thai),var(--font-jakarta),sans-serif}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.display{font-size:clamp(40px,6.5vw,88px);line-height:1.02;letter-spacing:-.035em}.display,.h1{font-weight:800}.h1{font-size:clamp(34px,4.5vw,56px);line-height:1.05;letter-spacing:-.025em}html[lang=th] .h1{line-height:1.2;letter-spacing:-.01em}html[lang=th] .h2{line-height:1.3;letter-spacing:-.005em}.h2,html[lang=th] .display{line-height:1.15;letter-spacing:-.015em}.h2{font-size:clamp(26px,3vw,38px)}.h2,.h3{font-weight:700}.h3{font-size:clamp(20px,2vw,24px);line-height:1.3;letter-spacing:-.005em}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--coe-sky-deep)}.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ink-500);max-width:62ch;text-wrap:pretty}.mono{font-family:var(--font-mono)}.wrap{max-width:var(--max-w);margin:0 auto;padding-inline:var(--gutter)}.section{padding-block:clamp(72px,10vw,140px);position:relative}.section-tight{padding-block:clamp(60px,7vw,100px)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--r-pill);font-weight:600;font-size:15px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn-primary{background:var(--ink-900);color:#fff}.btn-primary:hover{background:var(--coe-sky);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--ink-900);border:1.5px solid var(--ink-200)}.btn-ghost:hover{border-color:var(--ink-900);transform:translateY(-2px)}.btn-sky{background:var(--coe-sky);color:#fff}.btn-sky:hover{background:var(--coe-sky-deep);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.78);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.nav.scrolled{border-bottom-color:var(--ink-100);background:hsla(0,0%,100%,.92)}.nav-inner{justify-content:space-between;gap:24px;padding-block:16px}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px}.nav-logo img{height:38px;width:auto}.nav-links{display:flex;gap:6px;align-items:center}.nav-link{padding:10px 16px;border-radius:var(--r-pill);font-weight:500;font-size:15px;color:var(--ink-700);transition:background .15s,color .15s}.nav-link:hover{background:var(--ink-50);color:var(--ink-900)}.nav-link.is-active{color:var(--coe-sky-deep);background:var(--coe-sky-wash)}.home-cta-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.home-cta-card:focus-visible{outline:2px solid var(--coe-sky-deep);outline-offset:4px}.nav-cta{display:flex;gap:10px;align-items:center}.lang-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--ink-50);color:var(--ink-700)}.lang-toggle,.lang-toggle button{border-radius:var(--r-pill);font-weight:600;font-size:13px}.lang-toggle button{padding:4px 10px;color:var(--ink-400);transition:all .15s}.lang-toggle button.active{background:#fff;color:var(--ink-900);box-shadow:var(--shadow-sm)}.mobile-burger{display:none}@media (max-width:900px){.nav-cta .btn,.nav-links{display:none}.mobile-burger{display:inline-flex}}.hero{position:relative;padding-top:clamp(48px,7vw,100px);padding-bottom:clamp(72px,10vw,140px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:clamp(32px,5vw,80px);gap:clamp(32px,5vw,80px);align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;background:var(--coe-sky-wash);border:1px solid var(--coe-sky-soft);border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--coe-sky-deep);margin-bottom:28px}.hero-pill-badge{background:#fff;padding:4px 10px;border-radius:var(--r-pill);color:var(--ink-900);font-size:12px}.hero-title{font-size:clamp(40px,6.2vw,84px);line-height:1.02;font-weight:800;letter-spacing:-.03em;margin:0 0 28px;color:var(--ink-900)}:lang(th) .hero-title,html[lang=th] .hero-title{font-size:clamp(36px,5.4vw,72px);line-height:1.18;letter-spacing:-.015em}.hero-title .hl{position:relative;display:inline-block;color:var(--coe-sky)}.hero-title .hl-amber{color:var(--coe-amber-deep)}.hero-title .hl-wiggle{display:inline-block;background:linear-gradient(120deg,var(--coe-sky),var(--coe-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ink-500);max-width:52ch;margin:0 0 36px;text-wrap:pretty}.hero-ctas{gap:14px;margin-bottom:48px}.hero-ctas,.hero-meta{display:flex;flex-wrap:wrap}.hero-meta{gap:clamp(24px,4vw,56px);padding-top:28px;border-top:1px solid var(--ink-100)}.hero-meta-item .n{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.025em;line-height:1;display:flex;align-items:baseline;gap:4px}.hero-meta-item .n span{color:var(--coe-sky)}.hero-meta-item .l{font-size:13px;color:var(--ink-400);margin-top:8px;font-weight:500}.hero-visual{position:relative;aspect-ratio:1/1.05;max-width:560px;margin-left:auto}.hv-card{position:absolute;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.hv-card:hover{transform:translateY(-6px) rotate(0deg)!important}.hv-main{inset:0;background:linear-gradient(135deg,#0a1f3d,#142c50 50%,#0091c2);color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hv-main:before{inset:auto -20% -30% auto;width:70%;background:radial-gradient(circle,rgba(0,180,230,.5),transparent 70%)}.hv-main:after,.hv-main:before{content:"";position:absolute;aspect-ratio:1;pointer-events:none}.hv-main:after{top:-15%;left:-10%;width:50%;background:radial-gradient(circle,rgba(245,179,47,.3),transparent 65%)}.hv-code{position:relative;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;padding:18px 20px;font-family:var(--font-mono);font-size:13px;line-height:1.8;color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hv-code .c-k{color:var(--coe-amber)}.hv-code .c-s{color:#7aecd4}.hv-code .c-n{color:#8ab9ff}.hv-code .c-c{color:hsla(0,0%,100%,.4)}.hv-float-a{top:-4%;right:-8%;width:52%;background:#fff9ee;padding:20px;transform:rotate(5deg);border:3px solid var(--coe-amber)}.hv-float-b{bottom:-6%;left:-6%;width:58%;background:#fff;padding:18px;transform:rotate(-4deg);border:3px solid var(--coe-sky)}.hv-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:hsla(0,0%,100%,.12);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.hv-dot{width:8px;height:8px;border-radius:50%;background:var(--coe-mint);box-shadow:0 0 12px var(--coe-mint)}.hv-stat-n{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900)}.hv-stat-l{font-size:12px}.hv-bar-row,.hv-stat-l{color:var(--ink-500);font-weight:500}.hv-bar-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px}.hv-bar{flex:1 1;height:6px;border-radius:999px;background:var(--ink-100);overflow:hidden}.hv-bar-fill{height:100%;border-radius:999px;background:var(--coe-sky)}.trust{border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);padding-block:28px;overflow:hidden}.trust-inner{display:flex;align-items:center;gap:48px}.trust-label{font-size:13px;color:var(--ink-400);font-weight:500;white-space:nowrap;flex-shrink:0}.trust-logos{display:flex;gap:48px;align-items:center;flex-wrap:nowrap;animation:marquee 30s linear infinite}.trust-logos span{font-size:18px;font-weight:700;color:var(--ink-300);white-space:nowrap;letter-spacing:-.01em;flex-shrink:0}@keyframes marquee{to{transform:translateX(-50%)}}.sec-head{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:clamp(24px,5vw,80px);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}@media (max-width:800px){.sec-head{grid-template-columns:1fr;gap:16px}}.section-head-hero{max-width:900px;margin-bottom:clamp(40px,5vw,72px)}.section-head-hero .hero-title{font-size:clamp(34px,5vw,64px);line-height:1.05;margin-top:20px;margin-bottom:18px}.section-head-hero .hero-sub{margin-top:0;max-width:640px}.section-head-hero--dark .hero-pill{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9)}.section-head-hero--dark .hero-pill-badge{background:hsla(0,0%,100%,.14);color:#fff}.about{background:var(--bg-soft)}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(24px,4vw,64px);gap:clamp(24px,4vw,64px);align-items:start}@media (max-width:900px){.about-grid{grid-template-columns:1fr}}.about-story p{font-size:17px;line-height:1.75;color:var(--ink-700);margin:0 0 18px;text-wrap:pretty}.about-pillars{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.pillar{background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-lg);padding:20px 22px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;gap:18px;align-items:flex-start}.pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.pillar-icon{flex-shrink:0;width:56px;height:56px;border-radius:var(--r-md);display:grid;place-items:center}.pillar-icon.sky{background:var(--coe-sky-wash);color:var(--coe-sky-deep)}.pillar-icon.amber{background:var(--coe-amber-soft);color:var(--coe-amber-deep)}.pillar-icon.violet{background:#eeeaff;color:var(--coe-violet)}.pillar h4{font-size:18px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}.pillar p{font-size:14.5px;color:var(--ink-500);margin:0;line-height:1.55}.values-strip{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:800px){.values-strip{grid-template-columns:1fr}}.value-card{border-radius:var(--r-lg);padding:28px 26px;position:relative;overflow:hidden;transition:transform .3s ease;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.value-card:hover{transform:translateY(-6px)}.value-card .tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:hsla(0,0%,100%,.45);width:-moz-fit-content;width:fit-content}.value-card h4{font-size:22px;font-weight:700;margin:18px 0 10px;letter-spacing:-.01em}.value-card p{margin:0;line-height:1.55;font-size:15px}.value-card .icon{position:absolute;top:28px;right:28px;opacity:.2;font-size:48px;line-height:1;font-weight:800}.value-card.v-sky{background:linear-gradient(160deg,#e4f6fc,#c7ecf9);color:var(--ink-900)}.value-card.v-amber{background:linear-gradient(160deg,#fff4d8,#fde9bc);color:var(--ink-900)}.value-card.v-ink{background:linear-gradient(160deg,#0a1f3d,#142c50);color:#fff}.value-card.v-ink .tag{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.15)}.value-card.v-ink p{color:hsla(0,0%,100%,.75)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:1000px){.services-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.services-grid{grid-template-columns:1fr}}.service{background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-lg);padding:26px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;min-height:300px;display:flex;flex-direction:column}.service:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.service-num{font-family:var(--font-mono);font-size:12px;color:var(--ink-300);font-weight:600;margin-bottom:36px;display:flex;justify-content:space-between;align-items:center}.service-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;transition:transform .3s ease}.service:hover .service-icon{transform:rotate(-6deg) scale(1.05)}.service h3{font-size:22px;font-weight:700;margin:0 0 12px;letter-spacing:-.01em}.service p{font-size:15px;color:var(--ink-500);margin:0 0 20px;line-height:1.55}.service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.service-tag{display:inline-flex;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:500;background:var(--ink-50);color:var(--ink-700)}.portfolio{background:var(--ink-900);color:#fff;position:relative;overflow:hidden}.portfolio:before{top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,230,.2) 0,transparent 60%)}.portfolio:after,.portfolio:before{content:"";position:absolute;pointer-events:none}.portfolio:after{bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(245,179,47,.12) 0,transparent 60%)}.portfolio .eyebrow{color:var(--coe-amber)}.portfolio-head{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:end;margin-bottom:60px;position:relative;z-index:1}@media (max-width:800px){.portfolio-head{grid-template-columns:1fr}}.portfolio-head h2{color:#fff}.portfolio-head p{color:hsla(0,0%,100%,.65);margin:0;font-size:17px;max-width:52ch}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;position:relative;z-index:1}.portfolio-filter{padding:10px 18px;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);transition:all .2s}.portfolio-filter:hover{color:#fff;background:hsla(0,0%,100%,.12)}.portfolio-filter.active{background:#fff;color:var(--ink-900);border-color:#fff}.projects{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:16px;gap:16px;position:relative;z-index:1}@media (max-width:1100px){.projects{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.projects{grid-template-columns:repeat(2,1fr)}}.project{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--r-lg);padding:28px;transition:all .3s ease;overflow:hidden;position:relative;display:flex;flex-direction:column;cursor:pointer}.project:hover{background:hsla(0,0%,100%,.08);border-color:rgba(0,180,230,.4);transform:translateY(-4px)}.project.large{grid-column:span 3;min-height:380px}.project.medium{grid-column:span 3;min-height:340px}.project.wide{grid-column:span 4;min-height:320px}.project.tall{grid-column:span 2;min-height:320px}@media (max-width:1100px){.project.large,.project.medium{grid-column:span 2}.project.wide{grid-column:span 4}.project.tall{grid-column:span 2}}@media (max-width:700px){.project,.project.large,.project.medium,.project.tall,.project.wide{grid-column:span 2}}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.project-num{font-family:var(--font-mono);font-size:13px;color:var(--coe-amber)}.project-cat,.project-num{font-weight:600;letter-spacing:.05em}.project-cat{padding:4px 10px;border-radius:var(--r-pill);font-size:11px;color:#fff;background:hsla(0,0%,100%,.1);text-transform:uppercase}.project-cat.c-integration{background:rgba(0,180,230,.22);color:#8ee3f8}.project-cat.c-analytics{background:rgba(245,179,47,.22);color:#ffd98b}.project-cat.c-webapp{background:rgba(123,92,255,.22);color:#c2b2ff}.project-cat.c-mobile{background:rgba(46,210,154,.22);color:#8eebc8}.project-cat.c-support{background:rgba(255,106,77,.22);color:#ffb3a3}.project-cat.c-embedded{background:rgba(137,165,255,.22);color:#b9ccff}.project h3{font-size:clamp(20px,1.8vw,26px);font-weight:700;margin:0 0 12px;letter-spacing:-.015em;color:#fff;line-height:1.15;text-wrap:balance}.project p{font-size:14.5px;color:hsla(0,0%,100%,.62);margin:0 0 20px;line-height:1.55;flex:1 1;text-wrap:pretty}.project-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.project-tech{padding:4px 10px;border-radius:var(--r-pill);font-size:11.5px;font-weight:500;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);font-family:var(--font-mono)}.project-art{position:absolute;top:0;right:0;opacity:.7;transition:transform .4s ease;pointer-events:none}.project:hover .project-art{transform:scale(1.05) rotate(-3deg)}.sector-strip{margin-top:60px;padding:28px 32px;background:hsla(0,0%,100%,.04);border:1px dashed hsla(0,0%,100%,.15);border-radius:var(--r-lg);display:grid;grid-template-columns:auto 1fr;grid-gap:32px;gap:32px;align-items:center;position:relative;z-index:1}@media (max-width:800px){.sector-strip{grid-template-columns:1fr}}.sector-strip .lbl{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.5);letter-spacing:.05em;text-transform:uppercase}.sector-strip ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:15px;color:hsla(0,0%,100%,.85);font-weight:500}.sector-strip ul li:before{content:"◆ ";color:var(--coe-amber);margin-right:6px}.careers-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(24px,4vw,48px);gap:clamp(24px,4vw,48px);align-items:start}@media (max-width:900px){.careers-grid{grid-template-columns:1fr}}.careers-art{background:linear-gradient(160deg,#fff9ee 0,var(--coe-amber-soft) 100%);border-radius:var(--r-xl);padding:36px;position:relative;overflow:hidden;min-height:360px}.careers-art-title{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 16px;max-width:14ch}.careers-art-sub{color:var(--ink-700);font-size:15px;line-height:1.55;max-width:40ch}.careers-deco{position:absolute;bottom:-40px;right:-20px;width:280px;height:280px;pointer-events:none}.roles{display:flex;flex-direction:column;gap:12px}.role{background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-md);padding:22px 24px;display:grid;grid-template-columns:1fr auto;grid-gap:20px;gap:20px;align-items:center;transition:all .2s}.role:hover{border-color:var(--coe-sky);box-shadow:0 8px 24px -12px rgba(0,180,230,.4);transform:translateY(-2px)}.role h4{font-size:17px;font-weight:700;margin:0 0 6px;letter-spacing:-.005em}.role-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink-400)}.role-meta span{display:inline-flex;align-items:center;gap:4px}.role-arrow{width:40px;height:40px;border-radius:50%;background:var(--ink-50);display:grid;place-items:center;transition:all .2s}.role:hover .role-arrow{background:var(--coe-sky);color:#fff;transform:translate(2px,-2px)}.contact{background:linear-gradient(160deg,#f7fafc,#eff9fd)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:clamp(24px,4vw,64px);gap:clamp(24px,4vw,64px)}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}.contact-info{padding-right:clamp(0px,2vw,40px)}.contact-info h2{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin:0 0 20px;text-wrap:balance}.contact-info p{font-size:17px;color:var(--ink-500);line-height:1.6;margin:0 0 36px}.contact-channels{display:flex;flex-direction:column;gap:18px}.contact-channel{display:grid;grid-template-columns:48px 1fr;grid-gap:16px;gap:16px;align-items:center;padding:16px;border-radius:var(--r-md);background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.8);transition:all .2s}.contact-channel:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateX(4px)}.contact-channel-icon{width:48px;height:48px;border-radius:12px;background:var(--coe-sky-wash);color:var(--coe-sky-deep);display:grid;place-items:center}.contact-channel .lbl{font-size:12px;font-weight:600;color:var(--ink-400);letter-spacing:.05em;text-transform:uppercase}.contact-channel .val{font-size:16px;font-weight:600;color:var(--ink-900);margin-top:2px;word-break:break-all}.contact-form{background:#fff;border-radius:var(--r-xl);padding:clamp(28px,3vw,44px);box-shadow:var(--shadow-md);border:1px solid var(--ink-100)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:18px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-field label{font-size:13px;font-weight:600;color:var(--ink-700)}.form-field input,.form-field select,.form-field textarea{padding:14px 16px;border:1.5px solid var(--ink-100);border-radius:var(--r-sm);font-family:inherit;font-size:15px;color:var(--ink-900);background:#fff;transition:border .15s,box-shadow .15s;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--coe-sky);box-shadow:0 0 0 4px rgba(0,180,230,.12)}.form-field textarea{resize:vertical;min-height:120px}.form-topic{display:flex;gap:8px;flex-wrap:wrap}.topic-chip{padding:10px 16px;border-radius:var(--r-pill);font-size:14px;font-weight:500;background:var(--ink-50);color:var(--ink-700);border:1.5px solid transparent;transition:all .15s}.topic-chip:hover{background:var(--ink-100)}.topic-chip.active{background:var(--coe-sky-wash);color:var(--coe-sky-deep);border-color:var(--coe-sky)}.form-submit{width:100%;justify-content:center;margin-top:8px}.form-success{padding:18px;border-radius:var(--r-md);background:#eafbf3;color:#0e7d4b;border:1px solid #b8efd4;font-size:14px;font-weight:500;margin-bottom:18px}.footer{background:var(--ink-900);color:hsla(0,0%,100%,.7);padding-block:72px 32px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:56px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:500px){.footer-grid{grid-template-columns:1fr}}.footer-brand img{height:40px;margin-bottom:20px;filter:brightness(1.2)}.footer-brand p{font-size:14.5px;line-height:1.6;max-width:30ch;margin:0}.footer h5{font-size:13px;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase;margin:0 0 18px}.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.footer ul a{font-size:14.5px;transition:color .15s}.footer ul a:hover{color:var(--coe-sky)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.08);padding-top:28px;display:flex;justify-content:space-between;gap:20px;font-size:13px;flex-wrap:wrap}.footer-bottom a:hover{color:#fff}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--ink-50);color:var(--ink-700)}.chip-sky{background:var(--coe-sky-wash);color:var(--coe-sky-deep)}.chip-amber{background:var(--coe-amber-soft);color:var(--coe-amber-deep)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(10,31,61,.04) 1px,transparent 0),linear-gradient(180deg,rgba(10,31,61,.04) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);pointer-events:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.hero .reveal,.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}