@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#07111f;--navy:#050917;--deep:#081832;--blue:#06f;--cyan:#20d9ff;--mint:#7fffe5;--angel-orange:#e94b05;--rose:#ff6fb7;--soft-pink:#ffd2e5;--signal-red:#ff4d5e;--paper:#f6f8fc;--line:#ffffff2e;--dark-line:#09172d1f;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);margin:0;font-family:IBM Plex Sans Thai,Noto Sans Thai,Segoe UI,Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:hidden}.hero,.section,.cta-section{position:relative}.hero{background:radial-gradient(circle at 76% 18%,#20d9ff47,#0000 28%),radial-gradient(circle at 8% 42%,#0066ff3d,#0000 30%),linear-gradient(135deg,#02050e 0%,#071733 48%,#02040a 100%);min-height:100svh;padding:26px clamp(18px,4vw,64px) clamp(52px,6vw,84px)}.hero:before,.visual-band:before,.cta-section:before{content:"";pointer-events:none;border:10px solid #ffffffd6;border-radius:999px;position:absolute;box-shadow:0 0 28px #20d9ffe6,0 0 80px #0066ff9e}.hero:before{aspect-ratio:1;opacity:.26;width:min(60vw,720px);inset:118px -18vw auto auto}.nav,.hero-grid,.section-heading,.problem-grid,.outcome-layout,.visual-stack,.lessons-layout,.cta-section>*{z-index:1;position:relative}.nav{grid-template-columns:100px 1fr auto;align-items:center;gap:20px;max-width:1240px;margin:0 auto;display:grid}.brand img{filter:drop-shadow(0 0 22px #20d9ff6b);width:88px}.nav-links{color:#ffffffc7;justify-content:center;gap:clamp(16px,2.6vw,34px);font-size:.94rem;display:flex}.nav-cta,.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:44px;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.nav-links a:hover,.nav-cta:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.nav-cta{color:var(--mint);border:1px solid #20d9ff94;padding:10px 18px}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(330px,500px);align-items:center;gap:clamp(28px,5vw,76px);max-width:1240px;margin:clamp(42px,6vw,78px) auto 0;display:grid}.hero-copy{max-width:730px}.kicker{color:var(--mint);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:950}.kicker.dark{color:var(--blue)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:IBM Plex Sans Thai,Noto Sans Thai,Segoe UI,Arial,sans-serif;font-weight:700}h1{letter-spacing:0;text-wrap:balance;margin-bottom:20px;font-size:clamp(3rem,6.1vw,6.4rem);line-height:1.16}h2{letter-spacing:0;text-wrap:balance;margin-bottom:16px;font-size:clamp(1.9rem,3.15vw,3.5rem);line-height:1.28}h3{margin-bottom:12px;font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.34}.lead{color:#ffffffc7;max-width:680px;margin-bottom:28px;font-size:clamp(1.05rem,1.65vw,1.32rem);line-height:1.78}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.primary-button{background:linear-gradient(135deg, var(--cyan), var(--blue));color:var(--white);padding:12px 24px;box-shadow:0 0 30px #0066ff75}.secondary-button{color:#ffffffe0;border:1px solid #ffffff47;padding:12px 22px}.hero-poster,.poster-frame{background:#ffffff0a;border:1px solid #20d9ff3d;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 34px 110px #0000006b,0 0 34px #0066ff38}.hero-poster img,.poster-frame img{object-fit:cover;width:100%;height:100%}.hero-poster{aspect-ratio:1122/1402;max-height:min(78svh,720px)}.section{padding:clamp(68px,9vw,112px) clamp(18px,4vw,64px)}.problem-band{background:radial-gradient(circle at 88% 20%,#20d9ff29,#0000 30%),linear-gradient(#071124,#040814)}.section-heading{text-align:center;max-width:920px;margin:0 auto clamp(34px,5vw,58px)}.section-heading p:not(.kicker){color:#ffffffb8;font-size:1.06rem;line-height:1.76}.problem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1240px;margin:0 auto;display:grid}.problem-card{background:linear-gradient(#ffffff13,#ffffff09);border:1px solid #20d9ff38;border-radius:8px;min-height:300px;padding:24px;box-shadow:0 24px 70px #00000038}.problem-card span,.visual-copy>span,.lesson-item span{color:var(--mint);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.problem-card span{border:1px solid #20d9ff6b;border-radius:999px;width:42px;height:42px}.problem-card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.problem-card-icon{color:#65e9ff;background:#09213ac2;border:1px solid #65e9ff57;border-radius:8px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:inset 0 0 18px #20d9ff1a,0 0 24px #20d9ff14}.problem-card h3{color:var(--white)}.problem-card p{color:#ffffffb3;margin:0;line-height:1.7}.problem-video-feature{background:linear-gradient(120deg,#0f3152db,#040d1de6);border:1px solid #20d9ff47;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(250px,310px);align-items:center;gap:clamp(28px,5vw,72px);max-width:980px;margin:clamp(38px,6vw,66px) auto 0;padding:clamp(22px,4vw,42px);display:grid;box-shadow:0 26px 80px #00000047}.problem-video-copy h3{margin-bottom:13px;font-size:clamp(1.7rem,3.1vw,3rem)}.problem-video-copy>p:not(.kicker){color:#ffffffb8;max-width:640px;margin-bottom:23px;font-size:1.03rem;line-height:1.74}.problem-video-copy .secondary-button{width:auto;color:var(--white)}.problem-video-frame{background:#02050d;border:1px solid #7fffe561;border-radius:8px;width:100%;max-width:310px;margin:0 auto;overflow:hidden;box-shadow:0 20px 56px #00000061}.problem-video-frame video{aspect-ratio:9/16;background:#02050d;width:100%;display:block}.outcome-band{color:var(--ink);background:linear-gradient(#f8fbff,#e9f1fb)}.outcome-layout{grid-template-columns:minmax(0,.9fr) minmax(340px,1fr);align-items:start;gap:clamp(28px,5vw,74px);max-width:1180px;margin:0 auto;display:grid}.outcome-layout p:not(.kicker),.visual-copy p:not(.kicker),.lesson-panel>p:not(.kicker){color:#536278;font-size:1.05rem;line-height:1.76}.deliverable-list{gap:12px;display:grid}.deliverable{background:var(--white);border:1px solid var(--dark-line);border-radius:8px;grid-template-columns:44px 1fr;align-items:center;gap:14px;min-height:76px;padding:16px;display:grid;box-shadow:0 18px 60px #07111f14}.deliverable span{background:linear-gradient(135deg, var(--cyan), var(--blue));width:40px;height:40px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;font-weight:950;display:inline-flex}.deliverable p{color:#1e2f45;margin:0;line-height:1.58}.strategy-band{color:var(--ink);background:linear-gradient(90deg,#00bed212,#0000 34%),#fff}.strategy-heading{text-align:center;max-width:760px;margin:0 auto clamp(34px,5vw,54px)}.strategy-heading p:not(.kicker){color:#536278;font-size:1.05rem;line-height:1.76}.strategy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto;display:grid}.strategy-card{border:1px solid var(--dark-line);background:#fbfdff;border-radius:8px;min-height:286px;padding:24px;box-shadow:0 18px 54px #07111f14}.strategy-card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.strategy-icon{color:#0769da;background:#edf6ff;border:1px solid #0769da33;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.strategy-label{color:var(--signal-red);font-size:.83rem;font-weight:900}.strategy-card h3{color:#0b2646;margin-bottom:12px;font-size:1.22rem}.strategy-card p{color:#536278;margin:0;line-height:1.72}.cost-band{color:var(--ink);background:linear-gradient(#f8fbff 0%,#e7f0fb 100%)}.cost-heading{max-width:900px;margin:0 auto 32px}.cost-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto;display:grid}.cost-card{background:#ffffffe0;border:1px solid #09172d21;border-radius:8px;min-height:232px;padding:22px;box-shadow:0 12px 28px #13325c14}.cost-card>p{color:#294260;margin:0 0 15px;font-size:1rem;font-weight:800}.cost-card strong{color:#075cd5;letter-spacing:0;font-family:Manrope,IBM Plex Sans Thai,sans-serif;font-size:clamp(1.65rem,2.4vw,2.15rem);line-height:1.12;display:block}.cost-card span{color:#536980;margin-top:5px;font-size:.84rem;display:block}.cost-card small{color:#4b5f76;margin-top:17px;font-size:.9rem;line-height:1.55;display:block}.cost-summary{background:#fff;border:1px solid #09172d26;border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);align-items:center;gap:clamp(22px,4vw,56px);max-width:1180px;margin:26px auto 0;padding:clamp(24px,4vw,40px);display:grid}.cost-summary h3{color:#081a32;max-width:670px;margin:6px 0 10px;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.2}.cost-summary>div>p:not(.kicker){color:#4b5f76;margin:0;line-height:1.65}.cost-save{background:linear-gradient(135deg,#07285d,#0845a2);border-radius:8px;padding:22px;box-shadow:0 18px 34px #003d9933}.cost-save>span{color:var(--mint);letter-spacing:0;margin-bottom:10px;font-size:.86rem;font-weight:800;display:block}.cost-save strong{color:var(--white);font-size:1.12rem;line-height:1.5;display:block}.cost-save p{color:#ffffffb8;margin:12px 0 0;font-size:.9rem;line-height:1.58}.cost-disclaimer{color:#63758a;max-width:1180px;margin:14px auto 0;font-size:.82rem;line-height:1.55}.price-band{background:radial-gradient(circle at 82% 12%,#20d9ff38,#0000 30%),radial-gradient(circle at 12% 88%,#0066ff2e,#0000 28%),linear-gradient(#061124,#030711)}.price-layout{grid-template-columns:minmax(0,1fr) minmax(520px,720px);align-items:center;gap:clamp(26px,5vw,72px);max-width:1180px;margin:0 auto;display:grid}.price-copy p:not(.kicker){color:#ffffffb8;max-width:700px;font-size:1.06rem;line-height:1.76}.class-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.class-detail{background:#ffffff0e;border:1px solid #20d9ff2e;border-radius:8px;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.class-detail span{background:linear-gradient(135deg, var(--cyan), var(--blue));border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:950;display:inline-flex}.class-detail p{color:#ffffffc7;margin:0;line-height:1.56}.price-card{background:linear-gradient(#ffffff1f,#ffffff0e);border:1px solid #7fffe552;border-radius:8px;padding:clamp(24px,4vw,34px);box-shadow:0 34px 110px #0000005c,0 0 44px #0066ff38}.pricing-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.private-card{background:linear-gradient(#ffcd6126,#ffffff0e);border-color:#ffcd617a}.private-card .price-label,.private-card>strong{color:#ffe1a1}.price-label{color:var(--mint);margin-bottom:6px;font-weight:950}.price-intro{color:#ffffffb8;margin:0 0 18px;line-height:1.55}.price-card>strong{font-size:clamp(4rem,8vw,6.8rem);line-height:.95;display:block}.price-card>span,.price-note{color:#ffffffb3}.group-offer{background:#20d9ff1c;border:1px solid #20d9ff40;border-radius:8px;margin:24px 0 18px;padding:18px}.group-offer p{color:#ffffffbd;margin-bottom:4px}.group-offer strong{color:var(--mint);font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.12;display:block}.group-offer span{color:#ffffffa8;margin-top:9px;font-size:.9rem;line-height:1.55;display:block}.private-outcomes{background:#ffdb8e17;border:1px solid #ffdb8e47;border-radius:8px;margin:24px 0 18px;padding:18px}.private-outcomes p{color:#ffe1a1;margin:0 0 10px;font-weight:800}.private-outcomes ul{color:#ffffffc7;gap:8px;margin:0;padding-left:18px;font-size:.9rem;line-height:1.5;display:grid}.price-note{margin-bottom:22px;line-height:1.6}.price-card .primary-button{width:100%}.line-qr{border-top:1px solid #ffffff29;grid-column:1/-1;grid-template-columns:104px 1fr;align-items:center;gap:16px;margin-top:22px;padding-top:22px;display:grid}.line-qr img{aspect-ratio:1;object-fit:cover;background:var(--white);border-radius:6px;width:104px}.line-qr strong{color:var(--white);margin-bottom:5px;font-size:1rem;display:block}.line-qr p{color:#ffffffa8;margin:0;font-size:.9rem;line-height:1.55}.signage-band{color:var(--ink);background:linear-gradient(#f8fbff,#eaf2fb)}.signage-layout{grid-template-columns:minmax(0,.86fr) minmax(330px,1fr);align-items:start;gap:clamp(26px,5vw,68px);max-width:1180px;margin:0 auto;display:grid}.signage-layout p:not(.kicker){color:#536278;font-size:1.05rem;line-height:1.76}.signage-points{gap:12px;display:grid}.signage-point{background:var(--white);border:1px solid var(--dark-line);border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;padding:18px;display:grid;box-shadow:0 18px 60px #07111f14}.signage-point-icon{color:#0769da;background:#edf6ff;border:1px solid #0769da33;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.signage-points strong{color:#0b2646;margin-bottom:8px;font-size:1.08rem;display:block}.signage-points p{margin:0}.visual-band{background:radial-gradient(circle at 8% 8%,#7fffe521,#0000 26%),radial-gradient(circle at 92% 20%,#0066ff38,#0000 32%),#061124}.visual-band:before{aspect-ratio:1;opacity:.14;width:min(52vw,680px);inset:8% auto auto -17vw}.visual-stack{gap:22px;max-width:1180px;margin:0 auto;display:grid}.visual-row{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:minmax(0,.7fr) minmax(290px,420px);align-items:center;gap:clamp(22px,4vw,52px);padding:clamp(18px,3vw,34px);display:grid}.visual-row:nth-child(2n){grid-template-columns:minmax(290px,420px) minmax(0,.7fr)}.visual-row:nth-child(2n) .visual-copy{order:2}.visual-row:nth-child(2n) .poster-frame{order:1}.visual-copy>span{margin-bottom:18px;font-size:.9rem}.visual-copy p:not(.kicker){color:#ffffffb8}.poster-frame{aspect-ratio:1122/1402}.lessons-band{background:linear-gradient(115deg, #050917f5, #081832f0), var(--navy)}.lessons-layout{grid-template-columns:1fr;max-width:1180px;margin:0 auto;display:grid}.lesson-panel{text-align:center;min-width:0;max-width:1000px;margin:0 auto}.lesson-list{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px;display:grid}.lesson-item{background:#ffffff0e;border:1px solid #20d9ff29;border-radius:8px;grid-template-columns:46px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.lesson-item span{background:#20d9ff1a;border:1px solid #20d9ff57;border-radius:999px;width:38px;height:38px}.lesson-item p{color:#ffffffc7;margin:0;line-height:1.58}.techpack-band{color:var(--white);background:radial-gradient(circle at 86% 12%,#e94b054d,#0000 28%),radial-gradient(circle at 14% 22%,#0066ff3d,#0000 30%),radial-gradient(circle at 62% 78%,#ff6fb72e,#0000 26%),linear-gradient(140deg,#040813 0%,#071836 52%,#14050f 100%)}.techpack-hero{grid-template-columns:minmax(0,.92fr) minmax(320px,.82fr);align-items:center;gap:clamp(28px,5vw,76px);max-width:1180px;margin:0 auto clamp(30px,5vw,56px);display:grid}.techpack-copy p:not(.kicker){color:#ffffffbd;max-width:680px;font-size:1.06rem;line-height:1.78}.techpack-note{color:#ffe8f3;background:linear-gradient(135deg,#ff6fb729,#0066ff1f);border:1px solid #ff6fb747;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;max-width:670px;margin-top:24px;padding:15px;display:grid;box-shadow:inset 0 1px #ffffff14}.techpack-note svg{width:42px;height:42px;color:var(--soft-pink);background:#ff6fb724;border-radius:999px;padding:9px}.techpack-note span{line-height:1.58}.techpack-main-visual{background:#040813;border:1px solid #ffffff2e;border-radius:8px;margin:0;position:relative;overflow:hidden;box-shadow:0 34px 92px #0006,0 0 38px #0066ff38}.techpack-main-visual:after{content:"CONTENT + TECH PACK";color:var(--white);background:#040813b8;border:1px solid #ffffff42;border-radius:999px;padding:7px 10px;font-family:Manrope,IBM Plex Sans Thai,sans-serif;font-size:.72rem;font-weight:900;position:absolute;bottom:18px;left:18px}.techpack-main-visual img{aspect-ratio:4/3;object-fit:cover;width:100%}.technical-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto clamp(24px,4vw,42px);display:grid}.technical-proof{background:#ffffff0d;border:1px solid #ffd2e542;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 18px 52px #0000003d}.technical-proof img{aspect-ratio:4/5;object-fit:cover;object-position:top;width:100%}.technical-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto;display:grid}.technical-module{background:linear-gradient(#ffffff17,#ffffff0a),#040813bd;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;min-height:270px;padding:20px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 18px 50px #00000038}.technical-module:nth-child(3n+1){border-color:#20d9ff52}.technical-module:nth-child(3n+2){border-color:#ff6fb752}.technical-module:nth-child(3n){border-color:#e94b0561}.technical-module-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.technical-module-top span{color:#ffd88a;font-family:Manrope,IBM Plex Sans Thai,sans-serif;font-size:.84rem;font-weight:900}.technical-module-top svg{color:var(--cyan);filter:drop-shadow(0 0 14px #20d9ff59)}.technical-module h3{color:var(--white);font-size:1.22rem}.technical-module p{color:#ffffffad;margin:0 0 18px;line-height:1.62}.technical-module strong{color:#fff5df;background:#e94b0533;border-radius:999px;width:fit-content;margin-top:auto;padding:7px 10px;font-size:.82rem;display:inline-flex}.technical-workflow{background:#02050d6b;border:1px solid #20d9ff38;border-radius:8px;grid-template-columns:minmax(0,.62fr) minmax(360px,1fr);gap:clamp(24px,5vw,58px);max-width:1180px;margin:clamp(28px,5vw,54px) auto 0;padding:clamp(22px,4vw,34px);display:grid}.technical-workflow-heading h3{margin-bottom:10px;font-size:clamp(1.6rem,2.9vw,2.6rem)}.technical-workflow-heading p:not(.kicker){color:#ffffffad;line-height:1.7}.technical-workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.technical-step{background:linear-gradient(#061e48b3,#ff6fb714);border:1px solid #ffffff21;border-radius:8px;min-height:210px;padding:16px}.technical-step>span{color:var(--soft-pink);margin-bottom:14px;font-family:Manrope,IBM Plex Sans Thai,sans-serif;font-size:.78rem;font-weight:900;display:block}.technical-step svg{color:#ffd88a;margin-bottom:14px}.technical-step h4{color:var(--white);margin-bottom:8px;font-size:1.08rem}.technical-step p{color:#ffffffa8;margin:0;font-size:.9rem;line-height:1.55}.examples-band{color:var(--ink);background:radial-gradient(circle at 92% 8%,#20d9ff29,#0000 26%),radial-gradient(circle at 4% 48%,#0066ff1c,#0000 26%),linear-gradient(#f8fbff,#e9f1fb)}.examples-heading p:not(.kicker){color:#536278}.process-showcase{grid-template-columns:minmax(0,1fr);gap:28px;max-width:980px;margin:0 auto clamp(54px,8vw,94px);display:grid}.process-card{background:#ffffffb8;border:1px solid #09172d21;border-radius:8px;grid-template-rows:auto auto;align-self:start;gap:20px;padding:clamp(20px,3vw,30px);display:grid;box-shadow:0 16px 40px #07111f14}.process-card h3{color:#0b2646;margin-bottom:9px}.process-card p:not(.kicker){color:#536278;margin-bottom:0;line-height:1.7}.process-card figure{background:#eaf1f8;border:1px solid #09172d1f;border-radius:6px;width:100%;margin:0;overflow:hidden}.process-card img{object-fit:contain;width:100%;height:auto;display:block}.example-group{max-width:1180px;margin:0 auto clamp(54px,8vw,94px)}.example-group:last-child{margin-bottom:0}.example-group-heading{max-width:760px;margin-bottom:24px}.example-group-heading h3{color:#0b2646;margin-bottom:9px;font-size:clamp(1.7rem,3.2vw,3rem)}.example-group-heading p:not(.kicker){color:#536278;margin-bottom:0;font-size:1.03rem;line-height:1.72}.image-gallery,.video-gallery{gap:14px;display:grid}.square-gallery,.product-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.product-gallery .square-product{aspect-ratio:1}.product-gallery .portrait-product,.model-gallery .example-image{aspect-ratio:4/5}.product-gallery .product-shot img{object-fit:contain}.model-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.model-gallery .campaign-shot img{object-fit:contain}.example-image,.video-card{background:var(--white);border:1px solid #09172d21;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 16px 40px #07111f1a}.example-image{aspect-ratio:1}.example-image img,.video-card video{object-fit:cover;width:100%;height:100%;transition:transform .22s}.example-image:hover img{transform:scale(1.025)}.ad-group,.model-group,.video-group{border-top:1px solid #09172d1c;padding-top:clamp(42px,6vw,72px)}.video-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.video-card{grid-template-rows:auto 1fr;display:grid}.video-card video{aspect-ratio:9/16;background:#02050d;max-height:430px;display:block}.video-card figcaption{color:#183151;padding:12px 13px 14px;font-weight:800;line-height:1.4}.cta-section{background:radial-gradient(circle at 76% 20%,#20d9ff33,#0000 32%),linear-gradient(135deg,#061225,#02050d);grid-template-columns:minmax(0,1fr);gap:28px;padding:clamp(62px,9vw,104px) clamp(18px,4vw,64px);display:grid}.cta-section:before{aspect-ratio:1;opacity:.16;width:min(48vw,620px);inset:auto -16vw -22vw auto}.cta-section>div{max-width:820px}.cta-section p:not(.kicker){color:#ffffffb8;margin-bottom:0;font-size:1.06rem;line-height:1.76}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.audience-card{background:linear-gradient(#132a49d1,#050c1cf0);border:1px solid #7fffe533;border-radius:8px;flex-direction:column;min-height:320px;padding:clamp(20px,2.4vw,28px);display:flex;box-shadow:inset 0 1px #ffffff0f,0 16px 42px #0003}.audience-card-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.audience-icon{width:48px;height:48px;color:var(--cyan);background:#20d9ff14;border:1px solid #20d9ff7a;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.audience-number{color:var(--mint);font-family:Manrope,IBM Plex Sans Thai,sans-serif;font-size:.9rem;font-weight:900}.audience-card h3{color:var(--white);margin:0 0 12px;font-size:1.22rem;line-height:1.35}.audience-card p{color:#ffffffb3;margin:0;font-size:.96rem;line-height:1.62}.audience-card strong{color:var(--signal-red);margin-top:auto;padding-top:18px;font-size:1rem;line-height:1.45;display:block}.audience-cta{justify-self:start}.review-page{background:#030813;min-height:100vh}.review-back-link{z-index:2;color:#ffffffc2;align-items:center;gap:8px;font-size:.88rem;font-weight:800;display:inline-flex;position:absolute;top:24px;left:max(24px,50% - 590px)}.review-back-link:hover{color:var(--mint)}.review-band{background:radial-gradient(circle at 8% 15%,#20d9ff26,#0000 24%),radial-gradient(circle at 92% 78%,#ff4d5e21,#0000 28%),linear-gradient(#071426,#030813)}.review-heading{text-align:left;justify-content:space-between;align-items:end;gap:24px;max-width:1180px;margin:0 auto;display:flex}.review-heading>div{max-width:760px}.review-heading p:not(.kicker){color:#ffffffb3;margin-bottom:0;line-height:1.7}.review-copy-button{color:#07111f;background:var(--mint);min-height:46px;font:inherit;cursor:pointer;border:1px solid #7fffe580;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:.92rem;font-weight:900;transition:transform .18s,background .18s;display:inline-flex}.review-copy-button:hover{background:#b1ffef;transform:translateY(-2px)}.review-summary{flex-wrap:wrap;gap:10px;max-width:1180px;margin:28px auto 22px;display:flex}.review-summary-item,.review-status{color:#ffffffc7;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;font-size:.82rem;font-weight:800;display:inline-flex}.review-summary-item{padding:7px 11px}.review-summary-item strong{color:var(--white)}.review-summary-item.is-passed,.review-status.is-passed{color:var(--mint);border-color:#7fffe585}.review-summary-item.is-failed,.review-summary-item.is-regenerate,.review-status.is-failed,.review-status.is-regenerate{color:#ff9ca6;border-color:#ff4d5e8a}.review-summary-item.is-edit_existing,.review-status.is-edit_existing{color:#ffdb8a;border-color:#ffd1698a}.review-round-comments{background:#ffffff0b;border:1px solid #20d9ff38;border-radius:8px;max-width:1180px;margin:0 auto 22px;padding:18px}.review-round-comments-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.review-round-comments-heading p{color:var(--white);margin:0;font-weight:900}.review-round-comments-heading span{color:#ffffff94;font-size:.82rem}.review-round-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;display:grid}.review-card{background:#081832b8;border:1px solid #7fffe533;border-radius:8px;overflow:hidden;box-shadow:0 18px 38px #0003}.review-preview{aspect-ratio:1;background:#02050d}.review-preview img,.review-preview video{object-fit:cover;width:100%;height:100%;display:block}.review-card-content{padding:16px}.review-card-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.review-card-heading p{color:var(--cyan);margin:0 0 3px;font-size:.75rem;font-weight:900}.review-card-heading h3{color:var(--white);margin:0;font-size:1rem;line-height:1.4}.review-status{flex:none;padding:5px 8px;font-size:.7rem}.review-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.review-action{color:#fffc;min-height:34px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:.78rem;font-weight:800;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.review-action.is-passed.is-active{border-color:var(--mint);color:#051319;background:var(--mint)}.review-action.is-failed.is-active,.review-action.is-regenerate.is-active{border-color:var(--signal-red);color:var(--white);background:var(--signal-red)}.review-action.is-edit_existing.is-active{color:#171006;background:#ffcf65;border-color:#ffcf65}.review-field{gap:7px;margin-top:12px;display:grid}.review-field span{color:#ffffffc2;font-size:.78rem;font-weight:900}.review-field textarea{resize:vertical;width:100%;min-height:68px;color:var(--white);font:inherit;background:#0003;border:1px solid #ffffff24;border-radius:6px;outline:none;padding:10px;font-size:.84rem;line-height:1.5}.review-field textarea:focus{border-color:#20d9ffbf;box-shadow:0 0 0 3px #20d9ff1f}.review-field textarea::placeholder{color:#ffffff5c}.review-state-hint{color:#ffffff7a;margin:0;font-size:.75rem}@media (max-width:980px){.nav{grid-template-columns:84px 1fr}.nav-cta{display:none}.nav-links{justify-content:end;gap:16px}.hero-grid,.problem-grid,.problem-video-feature,.outcome-layout,.price-layout,.class-detail-grid,.signage-layout,.techpack-hero,.technical-workflow,.cta-section,.pricing-options{grid-template-columns:1fr}.audience-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-round-fields{grid-template-columns:1fr}.cost-grid,.cost-summary,.technical-module-grid,.technical-workflow-steps,.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-grid{grid-template-columns:1fr}.review-heading{flex-direction:column;align-items:start}.review-copy-button{width:100%}.review-grid{grid-template-columns:1fr}.review-round-comments-heading{flex-direction:column;align-items:start;gap:4px}.audience-card{min-height:0}.hero-poster{max-width:520px;margin:0 auto}.problem-card{min-height:0}.problem-video-frame{max-width:360px}.visual-row,.visual-row:nth-child(2n){grid-template-columns:1fr}.square-gallery,.model-gallery,.video-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.process-showcase{grid-template-columns:1fr}.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-row:nth-child(2n) .visual-copy,.visual-row:nth-child(2n) .poster-frame{order:initial}.poster-frame{max-width:520px;margin:0 auto}}@media (max-width:680px){.hero{padding-top:20px}.hero:before{width:112vw;inset:172px -54vw auto auto}.nav{grid-template-columns:1fr;gap:14px}.brand img{width:78px}.nav-links{justify-content:start;padding-bottom:4px;font-size:.88rem;overflow-x:auto}h1{font-size:clamp(2.85rem,15vw,4.4rem)}.hero-grid{margin-top:38px}.hero-actions{display:grid}.problem-video-copy .secondary-button{width:100%}.primary-button,.secondary-button{text-align:center;width:100%}.section-heading,.lesson-panel{text-align:left}.lesson-list{grid-template-columns:1fr}.strategy-heading{text-align:left}.strategy-grid,.technical-proof-grid,.technical-module-grid,.technical-workflow-steps{grid-template-columns:1fr}.techpack-main-visual:after{font-size:.66rem;bottom:12px;left:12px}.technical-module{min-height:0}.technical-workflow{padding:16px}.technical-step{min-height:0}.visual-row{padding:16px}.deliverable{grid-template-columns:38px 1fr}.deliverable span{width:34px;height:34px}.cost-grid,.cost-summary{grid-template-columns:1fr}.cost-card{min-height:0}.line-qr{grid-template-columns:88px 1fr;gap:13px}.line-qr img{width:88px}}
