*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:#050508;color:#ffffffd9;font-family:Kanit,Noto Sans Thai,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,p{margin:0}a{color:inherit}ul,ol{list-style:none;margin:0;padding:0}:root{--ip-cyan: #00d4ff;--ip-purple: #c084fc;--ip-bg: #050508;--ip-bg2: #0a0a12;--ip-white: rgba(255, 255, 255, .88);--ip-muted: rgba(255, 255, 255, .55);--ip-line: rgba(255, 255, 255, .07)}.ip-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;padding:1.15rem 2rem;background:transparent;transition:background .35s ease,backdrop-filter .35s ease}.ip-nav.is-scrolled{background:#050508d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ip-brand{font-size:1rem;font-weight:700;letter-spacing:.06em;color:#fff;text-decoration:none;margin-right:auto}.ip-brand-dot{color:var(--ip-cyan)}.ip-nav-links{display:flex;gap:1.75rem}.ip-nav-links a{font-size:.78rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ip-muted);text-decoration:none;transition:color .2s}.ip-nav-links a:hover{color:#ffffffe6}.ip-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ip-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.ip-glow-c{width:700px;height:700px;top:-200px;right:-180px;background:radial-gradient(circle,rgba(0,212,255,.18) 0%,transparent 65%)}.ip-glow-p{width:600px;height:600px;bottom:-180px;left:-120px;background:radial-gradient(circle,rgba(192,132,252,.15) 0%,transparent 65%)}.ip-hero{background:var(--ip-bg)}.ip-hero-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 2rem;max-width:1100px;width:100%}.ip-hero-eyebrow{font-size:.72rem;font-weight:300;letter-spacing:.35em;text-transform:uppercase;color:var(--ip-muted);margin-bottom:1.5rem}.ip-hero-name{font-size:clamp(4.5rem,15vw,13rem);font-weight:800;line-height:.88;letter-spacing:-.02em;background:linear-gradient(130deg,#ffffff 20%,var(--ip-cyan) 55%,var(--ip-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ip-hero-rule{width:min(100%,500px);height:1px;background:linear-gradient(90deg,var(--ip-cyan),var(--ip-purple),transparent);margin:1.75rem 0;transform-origin:left}.ip-hero-sub{font-size:clamp(1.1rem,3vw,2rem);font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80}.ip-hero-chips{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.75rem}.ip-chip{font-size:.72rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ip-muted);border:1px solid rgba(255,255,255,.1);padding:.35rem .9rem;border-radius:9999px}.ip-scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--ip-muted);font-size:.62rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;z-index:1}.ip-scroll-bar{width:1px;height:48px;background:linear-gradient(to bottom,var(--ip-cyan),transparent);animation:ipScrollPulse 2.2s ease-in-out infinite}@keyframes ipScrollPulse{0%,to{opacity:.25;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.ip-statement{background:var(--ip-bg2)}.ip-stmt-wrap{max-width:860px;padding:0 2rem}.ip-stmt-line{font-size:clamp(2.2rem,6vw,5rem);font-weight:700;line-height:1.2;color:#ffffffe6;margin-bottom:.4rem}.ip-stmt-sub{font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:300;color:var(--ip-cyan);letter-spacing:.04em;margin-top:2.5rem;opacity:0}.ip-numbers{background:var(--ip-bg)}.ip-nums-grid{display:flex;align-items:center;gap:0;padding:0 2rem}.ip-num{display:flex;flex-direction:column;align-items:center;gap:.65rem;flex:1;text-align:center;padding:0 2rem}.ip-num-sep{width:1px;height:80px;background:var(--ip-line);flex-shrink:0}.ip-num-top{display:flex;align-items:baseline;gap:.1em}.ip-num-val{font-size:clamp(4rem,10vw,9rem);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--ip-cyan),var(--ip-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}.ip-num-sfx{font-size:clamp(2rem,5vw,4.5rem);font-weight:700;color:var(--ip-cyan);-webkit-text-fill-color:var(--ip-cyan)}.ip-num-lbl{font-size:.78rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--ip-muted)}.ip-works{background:var(--ip-bg2);flex-direction:column;padding:7rem 0;gap:2.5rem}.ip-works-inner{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:1100px;padding:0 2rem}.ip-works-eyebrow{font-size:.72rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--ip-cyan)}.ip-works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%}.ip-card{display:flex;flex-direction:column;gap:.6rem;padding:1.65rem;border:1px solid rgba(0,212,255,.1);border-radius:16px;background:#ffffff06;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s}.ip-card:hover{border-color:#00d4ff4d;background:#00d4ff0a;transform:translateY(-4px)}.ip-card-type{font-size:.62rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ip-cyan)}.ip-card-title{font-size:1.05rem;font-weight:600;color:#ffffffe6;line-height:1.35}.ip-card-desc{font-size:.82rem;color:#ffffff8c;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.ip-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.ip-card-tag{font-size:.62rem;color:var(--ip-purple);border:1px solid rgba(192,132,252,.25);padding:.15rem .5rem;border-radius:9999px}.ip-see-all{font-size:.82rem;font-weight:400;letter-spacing:.06em;color:var(--ip-muted);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:2px;transition:color .2s,border-color .2s}.ip-see-all:hover{color:var(--ip-cyan);border-color:var(--ip-cyan)}.ip-exp-enter{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2.75rem;border-radius:9999px;background:linear-gradient(130deg,var(--ip-cyan),var(--ip-purple));color:#050508;font-size:1.05rem;font-weight:700;text-decoration:none;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:.5rem}.ip-exp-enter:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00d4ff59}.ip-explore{background:var(--ip-bg);flex-direction:column}.ip-explore-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:0 2rem;text-align:center}.ip-exp-eyebrow{font-size:.72rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--ip-muted)}.ip-exp-heading{font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#ffffff73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.ip-exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:640px;width:100%}.ip-exp-link{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border:1px solid var(--ip-line);border-radius:10px;background:#ffffff05;text-decoration:none;color:#ffffff80;font-size:.88rem;font-weight:400;letter-spacing:.02em;transition:border-color .2s,color .2s,background .2s}.ip-exp-link:hover{border-color:#00d4ff4d;color:var(--ip-cyan);background:#00d4ff0a}.ip-exp-icon{font-size:.72rem;color:var(--ip-purple);flex-shrink:0}.ip-exp-hint{font-size:.72rem;font-weight:300;color:#ffffff80;letter-spacing:.05em;margin-top:.5rem}@media(max-width:768px){.ip-nav{padding:1rem 1.25rem}.ip-nav-links{display:none}.ip-hero-body{padding:0 1.25rem}.ip-hero-chips{gap:.5rem}.ip-stmt-wrap{padding:0 1.25rem}.ip-nums-grid{flex-direction:column;gap:2rem;padding:0 2rem}.ip-num-sep{width:60px;height:1px}.ip-works-inner{padding:0 1.25rem}.ip-works-grid{grid-template-columns:1fr}.ip-explore-inner{padding:0 1.25rem}.ip-exp-grid{grid-template-columns:repeat(2,1fr);max-width:400px}}@media(max-width:480px){.ip-exp-grid{grid-template-columns:1fr;max-width:280px}}