@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-thai-400-normal.c838844c.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-thai-400-normal.ba0b4ffd.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-vietnamese-400-normal.e5abe91d.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-vietnamese-400-normal.308f6ad8.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-ext-400-normal.9fe32aa5.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-ext-400-normal.d85da5b3.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-400-normal.c567efa3.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-400-normal.5afd7232.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-thai-500-normal.61231bb2.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-thai-500-normal.7ad98052.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-vietnamese-500-normal.361a1a9a.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-vietnamese-500-normal.cd87d26b.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-ext-500-normal.3208d6ba.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-ext-500-normal.948e88e1.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-500-normal.cb8dbe0f.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-500-normal.da4c7788.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-thai-700-normal.2f8e65ce.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-thai-700-normal.f4cae372.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-vietnamese-700-normal.6c8d13e2.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-vietnamese-700-normal.05758b24.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-ext-700-normal.ddd5c0d3.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-ext-700-normal.3b391ce5.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-700-normal.20501c2e.woff2) format("woff2"),url(/catalog/landingpage/30-ai-generative-gradient-mesh/_next/static/media/prompt-latin-700-normal.8c61deeb.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg:#211238;--ink:#fff;--accent:#ff75cd;--accent2:#55d9ff;--muted:color-mix(in srgb,var(--ink) 62%,transparent);--line:color-mix(in srgb,var(--ink) 25%,transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Prompt,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:5;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 36px));display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px)}.brand,.nav-cta,.nav-links{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:700;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--accent);color:var(--bg);border-radius:50%}.nav-links{gap:22px;font-weight:500}.nav-links a{opacity:.72}.nav-cta{padding:9px 12px;border:1px solid var(--accent);color:var(--accent)}.hero{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:150px max(24px,8vw) 90px;position:relative}.hero-copy{z-index:1}.eyebrow,.issue,.section-label{font-size:.68rem;font-weight:700;letter-spacing:.17em}.eyebrow,.section-label{color:var(--accent2)}h1{font-size:clamp(3rem,7.2vw,7.8rem);line-height:1.2;letter-spacing:-.07em;margin:0 0 24px}.lede{max-width:470px;color:var(--muted);font-size:clamp(1.05rem,1.8vw,1.35rem)}.button{display:inline-flex;gap:18px;margin-top:22px;padding:13px 17px;background:var(--accent);color:var(--bg);font-weight:700}.hero-visual{height:min(540px,60vw);display:grid;place-items:center}.art{width:100%;height:80%;position:relative;border:1px solid var(--accent);display:grid;place-items:center;padding:24px}.issue{position:absolute;right:8vw;bottom:60px;color:var(--muted)}.cards,.cta,.intro{padding:125px max(24px,8vw);border-top:1px solid var(--line)}h2{font-size:clamp(2.5rem,6vw,6.5rem);line-height:1.2;letter-spacing:-.06em;margin:0 0 28px}.cta em,.intro em{font-style:normal;color:var(--accent)}.intro-note{max-width:430px;margin-left:auto;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.card{position:relative;padding:26px 20px 34px 0;border-right:1px solid var(--line)}.card:not(:first-child){padding-left:20px}.card:last-child{border:0}.card-number{color:var(--accent);font-weight:700}.card h3{font-size:clamp(1.35rem,2vw,2rem);margin:56px 0 16px}.card p{color:var(--muted);max-width:270px}.card-arrow{position:absolute;right:20px;bottom:28px;color:var(--accent);font-size:1.4rem}.statement{padding:140px max(24px,8vw);background:var(--accent);color:var(--bg);font-size:clamp(2rem,5.5vw,6rem);font-weight:700;line-height:1.1}.cta{min-height:76vh;display:flex;flex-direction:column;justify-content:center}.cta .button{align-self:flex-start}footer{display:flex;justify-content:space-between;padding:22px max(24px,8vw);border-top:1px solid var(--line);font-size:.66rem;letter-spacing:.13em;color:var(--muted)}.art[data-style=cyber]{outline:1px solid var(--accent2);outline-offset:14px;background:#101629}.art[data-style=cyber] strong{font-size:clamp(6rem,14vw,12rem);color:var(--accent);text-shadow:5px 0 var(--accent2);animation:flicker 3s infinite}.art[data-style=terminal]{background:#020602;border-style:double;font-family:monospace;box-shadow:10px 10px 0 #123b1a}.art[data-style=terminal] pre{border:1px dashed var(--muted);padding:16px;white-space:pre-wrap}.cursor{animation:blink 1s step-end infinite}.art[data-style=glitch]{background:#111;overflow:hidden}.art[data-style=glitch] strong{font-size:clamp(4rem,10vw,10rem);color:var(--accent)}.art[data-style=glitch]:before{content:"NEW";position:absolute;font-size:clamp(4rem,10vw,10rem);color:var(--accent2);transform:translate(9px,5px);clip-path:inset(30% 0 35%)}.art[data-style=circuit]{background-color:#083b35;background-image:linear-gradient(#176451 1px,transparent 0),linear-gradient(90deg,#176451 1px,transparent 0);background-size:28px 28px}.art[data-style=circuit]:after{content:"";position:absolute;width:70%;height:2px;background:var(--accent2);top:38%;left:12%;transform:rotate(-20deg)}.art[data-style=holo]{background:linear-gradient(125deg,#fff8,transparent 35%),linear-gradient(145deg,#ff73c9,#7b5fff 45%,#4ff8e8);border-radius:30px;transform:rotate(-8deg);box-shadow:20px 25px 50px #8d7cba55}.art[data-style=holo]:after{content:"";position:absolute;inset:12%;border:1px solid #fff8;border-radius:22px;transform:rotate(16deg)}.art[data-style=blueprint]{background-image:linear-gradient(#2f6599 1px,transparent 0),linear-gradient(90deg,#2f6599 1px,transparent 0);background-size:28px 28px}.art[data-style=blueprint]:after{content:"";width:40%;aspect-ratio:1;border:2px solid var(--ink);transform:rotate(45deg)}.art[data-style=wireframe]{border-style:dashed;font:700 .68rem monospace}.art[data-style=wireframe]:before{content:"HEADER / HERO / CARD";border:1px dashed var(--accent);padding:30px}.art[data-style=wireframe]:after{content:"COMPONENTS EXPOSED";border:1px dashed var(--line);padding:30px}.art[data-style=ascii]{font:clamp(.65rem,1.5vw,1rem) monospace;color:var(--accent);white-space:pre;line-height:1.1;background:#080a07;box-shadow:8px 8px 0 #273b1c}.art[data-style=data]{background:#202934;display:grid;grid-template-columns:1fr 1.1fr;gap:12px}.art[data-style=data] strong{font-size:clamp(2.5rem,6vw,5rem);color:var(--accent)}.bars{display:flex;align-items:end;gap:7px;border:1px solid var(--line);padding:15px}.bars i{flex:1;background:var(--accent2);animation:bar 1s ease both}.bars i:first-child{height:35%}.bars i:nth-child(2){height:65%;animation-delay:.1s}.bars i:nth-child(3){height:48%;animation-delay:.2s}.bars i:nth-child(4){height:82%;animation-delay:.3s}.bars i:nth-child(5){height:70%;animation-delay:.4s}.art[data-style=mesh]{border:0;border-radius:40%;background:radial-gradient(circle at 20% 20%,#fb53bf,transparent 35%),radial-gradient(circle at 80% 25%,#556eff,transparent 40%),radial-gradient(circle at 55% 85%,#47e9df,transparent 38%);filter:saturate(1.25);animation:drift 10s ease-in-out infinite alternate}.art[data-style=mesh]:after{content:"";position:absolute;inset:18%;border-radius:50%;background:#fff2;border:1px solid #fff7;backdrop-filter:blur(12px)}@keyframes flicker{0%,18%,22%,65%,to{opacity:1}20%,21%,66%{opacity:.45}}@keyframes blink{50%{opacity:0}}@keyframes bar{0%{scale:1 0;transform-origin:bottom}to{scale:1 1}}@keyframes drift{to{translate:22px -18px;scale:1.12}}@media(max-width:760px){.nav{top:10px;width:calc(100% - 20px);padding:10px 12px}.nav-links{display:none}.nav-cta{font-size:.65rem;padding:8px}.hero{grid-template-columns:1fr;padding-top:125px;gap:30px}.hero-visual{height:68vw;min-height:270px;order:-1}h1{font-size:clamp(2.9rem,15vw,5.5rem)}.issue{right:24px;bottom:26px}.cards,.cta,.intro{padding-top:90px;padding-bottom:90px}.intro-note{margin:28px 0 0}.card-grid{grid-template-columns:1fr}.card,.card:not(:first-child){padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.card h3{margin:32px 0 12px}footer{font-size:.55rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art[data-style=cyber] strong,.art[data-style=mesh],.bars i,.cursor{animation:none}}.nav-menu{display:contents}.nav-menu summary{display:none}@media(max-width:800px){.nav-menu{display:block;position:relative}.nav-menu summary{display:block;list-style:none;cursor:pointer;padding:8px 10px;border:1px solid var(--accent,var(--ink));color:var(--accent,var(--ink));background:transparent;font:inherit;font-size:.68rem;font-weight:700;letter-spacing:.08em}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu .nav-links{position:absolute;top:calc(100% + 10px);right:0;display:none;min-width:180px;z-index:30;padding:12px;background:var(--bg,var(--surface,#fff));border:1px solid var(--line,var(--ink));box-shadow:0 12px 30px color-mix(in srgb,var(--ink,#111) 18%,transparent)}.nav-menu[open] .nav-links{display:grid;gap:10px}.nav-menu[open] summary{color:var(--bg,var(--surface,#fff));background:var(--accent,var(--ink))}}a:focus-visible,button:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:3px}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{font-kerning:normal;font-feature-settings:"kern" 1;letter-spacing:-.01em!important}html[lang=th] h1,html[lang=th] h2{line-height:1.15!important}@media (max-width:768px){html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:0!important}html[lang=th] h1,html[lang=th] h2{line-height:1.2!important}}