:root{--surface:var(--color-canvas);--line-strong:#bdbdbd;--band:var(--color-ink);--on-band:#fff;--band-muted:#aaa8a3;--band-line:#ffffff24;--tint:#c9caff;--d-agent:#6366f1;--d-cloud:#06b6d4;--d-security:#f43f5e;--d-arch:#f59e0b;--d-code:#8b5cf6;--d-biz:#10b981;--heading-tight:-.055em}.services-intro h2,.showcase-head h2,.why-head h2,.roles-hub-copy h2,.proof-section h2,.contact-intro h2,.pf-head h2{letter-spacing:-.055em;font-size:54px;font-weight:500;line-height:1.06}html[lang=th] :is(.services-intro h2,.showcase-head h2,.why-head h2,.roles-hub-copy h2,.proof-section h2,.contact-intro h2,.pf-head h2){letter-spacing:-.035em;line-height:1.15}@media (max-width:1023px){.services-intro h2,.showcase-head h2,.why-head h2,.roles-hub-copy h2,.proof-section h2,.contact-intro h2,.pf-head h2{font-size:46px}}@media (max-width:767px){.services-intro h2,.showcase-head h2,.why-head h2,.roles-hub-copy h2,.proof-section h2,.contact-intro h2,.pf-head h2{font-size:38px}}@media (min-width:1024px) and (max-height:820px){.marketing-shell>.process{padding-bottom:24px!important}.marketing-shell>.process .pf-grid{margin-top:40px}.marketing-shell>.process .process-more{margin-top:28px}:is(div.section-kicker,.promise-pill){padding-block:5px}.proof-section .section-kicker{margin-bottom:4px}.why-head .section-kicker{margin-bottom:10px}.why-horizon .why-columns{margin-top:28px}.marketing-shell>.why-proposal{padding-bottom:clamp(150px,22vh,270px)}.marketing-shell>.proof-section{padding-bottom:20px}.proof-section h2{margin:4px 0 10px}.proof-section .proof-lead{margin-bottom:12px}.proof-section .proof-list{margin-bottom:16px}.proof-section .proof-list li{padding:8px 0}.proof-section .proof-list p{line-height:1.55}.proof-section .proof-record .proof-cta{margin-top:12px}section.section.role-picker{padding-bottom:16px}.section.role-picker .section-head{margin-bottom:24px}}@media (min-width:1024px) and (max-width:1279px){.proof-flip h2 span{display:inline}}[data-d=agent]{--c:var(--d-agent)}[data-d=cloud]{--c:var(--d-cloud)}[data-d=security]{--c:var(--d-security)}[data-d=arch]{--c:var(--d-arch)}[data-d=code]{--c:var(--d-code)}[data-d=biz]{--c:var(--d-biz)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both reveal-in;animation-range:entry calc(5% + var(--reveal-offset,0%)) entry calc(55% + var(--reveal-offset,0%));animation-timeline:view()}@keyframes reveal-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}}}.promise-marks{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.promise-mark{color:inherit;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.promise-mark svg{flex:none;width:1.15em;height:1.15em}a.promise-mark:hover{text-underline-offset:3px;text-decoration:underline}.section-head-center .promise-marks{justify-content:center}.section-dark .promise-marks{color:var(--band-muted)}.card .promise-marks{border-top:1px solid var(--color-line);margin-top:4px;padding-top:12px;font-size:13px;font-weight:600}.role-promises{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:8px;padding-top:10px;display:flex}.role-promises .promise-marks{font-size:14px;font-weight:600}.promise-marks.promise-pill{color:var(--color-ink);font-family:var(--font-ui);letter-spacing:.08em;background:#d4ff3e;border:1px solid #0000;border-radius:999px;justify-content:center;gap:4px 16px;width:fit-content;padding:7px 16px;font-size:12px;font-weight:700}div.section-kicker{border:1px solid color-mix(in srgb, currentColor 38%, transparent);border-radius:999px;align-items:center;width:fit-content;padding:7px 16px;display:flex}.section-head-center>div.section-kicker{margin-inline:auto}.keep{white-space:nowrap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html{scroll-padding-top:96px}.language-switch a{color:var(--color-muted);justify-content:center;align-items:center;width:34px;height:44px;text-decoration:none;display:flex}.language-switch a.active{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-action);text-decoration-color:var(--color-action);text-underline-offset:5px}.public-nav .brand,.public-footer .brand{color:inherit;text-decoration:none}.marketing-shell>.mobile-menu{overscroll-behavior:contain;z-index:39;border:1px solid #ffffff1f;border-radius:14px;max-height:calc(100dvh - 100px);position:fixed;top:86px;left:16px;right:16px;overflow-y:auto;box-shadow:0 18px 48px #00000047}.marketing-shell>.mobile-menu a:last-child{border-bottom:0}@media (max-width:767px){.marketing-shell>.mobile-menu{max-height:calc(100dvh - 92px);top:82px;left:10px;right:10px}}.brand-logo{--logo:30px;height:calc(var(--logo) * 1.839);margin:calc(var(--logo) * -.368) calc(var(--logo) * -.421) calc(var(--logo) * -.471) calc(var(--logo) * -.448);width:auto;max-width:none;display:block}.public-footer .brand-logo{--logo:34px}.public-footer .brand{margin-bottom:12px}@media (max-width:767px){.public-nav .brand-logo{--logo:24px}}.footer-bottom{color:#ffffffb8;border-top:1px solid #ffffff2e;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:22px;font-size:12px;display:flex}.footer-top a{color:#fff;font-size:14px;line-height:2.1;text-decoration:none}.footer-top a:hover{text-underline-offset:4px;text-decoration:underline}.footer-company{gap:16px;max-width:320px;margin-top:18px;font-style:normal;display:grid}.footer-company>div{flex-direction:column;display:flex}.footer-company b{letter-spacing:0;margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.6}.footer-company span,.footer-company small{color:#ffffffa8;font-size:13px;line-height:1.7}.footer-company small{margin-top:4px}.footer-top .footer-company a{min-height:0;margin:0;line-height:1.6}.footer-company>div>a{font-size:16px;font-weight:600}.footer-company small a{font-size:inherit;text-underline-offset:3px;text-decoration:underline;display:inline}.footer-top>div:first-child{grid-row:span 2}.footer-top>.footer-badges{grid-column:2/-1;align-self:end;align-items:flex-end}.footer-badges ul{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-badges li{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:14px;min-width:200px;padding:14px 18px;display:flex}.footer-badges svg{fill:none;stroke:#4f8ff7;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:22px;height:22px}.footer-badges li span{flex-direction:column;line-height:1.35;display:flex}.footer-badges strong{font-size:15px;font-weight:600}.footer-badges small{color:#fff9;font-size:14px}@media (max-width:767px){.footer-top>div:first-child{grid-row:auto}.footer-top>.footer-badges{grid-column:1/-1;align-items:flex-start}.footer-badges ul{justify-content:flex-start;align-self:stretch}.footer-badges li{flex:150px;min-width:0}}.services-content{z-index:3;gap:clamp(40px,7dvh,80px);display:grid;position:relative}.services-section .services-intro{max-width:1100px}.services-section .services-intro>p{max-width:640px;min-height:0;font-size:17px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,5dvh,56px) 32px;display:grid}.services-grid-item{color:inherit;align-content:start;gap:16px;text-decoration:none;display:grid}.services-grid-head{align-items:center;gap:16px;display:flex}.services-grid-icon{height:52px;transition:background var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease);background:#ffffff08;border:1px solid #ffffff29;border-radius:14px;flex:none;justify-content:center;align-items:center;width:52px;display:inline-flex}.services-grid-icon svg{width:24px;height:24px}.services-grid-item h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:500;line-height:1.3}.services-grid-item p{color:#ffffffa3;max-width:28ch;margin:0;font-size:15px;line-height:1.7}.services-grid-item:hover .services-grid-icon{color:var(--color-ink);background:#fff;border-color:#fff}.services-grid-item:focus-visible{border-radius:var(--radius-field);outline-offset:6px;outline:2px solid #fff}@media (max-width:1023px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.services-grid{grid-template-columns:minmax(0,1fr);gap:28px}}.system-card{flex-direction:column;display:flex}.mock{color:var(--color-ink);text-align:left;background:#fafafa;flex-direction:column;flex:1;gap:14px;padding:clamp(16px,2.4vw,30px);font-size:clamp(11px,1.1vw,14px);display:flex}.mock-head{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.mock-head b{letter-spacing:-.02em;font-size:1.25em;font-weight:600}.mock-head small{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8em}.mock-search,.mock-q{border:1px solid var(--color-line);background:#fff;border-radius:8px;padding:10px 12px}.mock-q{background:var(--color-ink);color:#fff;border-color:var(--color-ink);align-self:flex-end;max-width:80%}.mock-a{border:1px solid var(--color-line);background:#fff;border-radius:8px;max-width:92%;padding:12px 14px;line-height:1.7}.mock-a sup{background:var(--color-ink);color:#fff;border-radius:4px;padding:1px 5px;font-size:.7em}.mock-cites{flex-wrap:wrap;gap:6px;display:flex}.mock-cites span{border:1px solid var(--color-line);color:var(--color-muted);border-radius:999px;padding:3px 10px;font-size:.85em}.mock-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mock-rows li{border:1px solid var(--color-line);background:#fff;border-radius:8px;grid-template-columns:10px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.mock-rows em{color:var(--color-muted);font-size:.9em;font-style:normal}.mock-rows i{background:var(--color-ink);color:#fff;border-radius:4px;padding:2px 8px;font-size:.8em;font-style:normal}.mock-rows i.ok{background:var(--color-soft);color:var(--color-ink)}.mock .dot{border-radius:50%;width:10px;height:10px}.mock .dot.warn{background:#f59e0b}.mock .dot.ok{background:#10b981}.mock-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mock-steps li{border:1px solid var(--color-line);color:var(--color-muted);background:#fff;border-radius:8px;gap:2px;padding:9px 12px 9px 40px;display:grid;position:relative}.mock-steps li b{color:var(--color-ink);font-weight:600}.mock-steps li:before{border:1.5px solid var(--color-line);content:"";border-radius:50%;width:14px;height:14px;position:absolute;top:12px;left:14px}.mock-steps li.done:before{background:var(--color-ink);border-color:var(--color-ink)}.mock-steps li.wait{border-color:var(--color-ink)}.mock-steps li.wait:before{border-width:3px;border-color:#f59e0b}.mock-bars{gap:12px;display:grid}.mock-bars>div{grid-template-columns:70px 1fr 40px;align-items:center;gap:12px;display:grid}.mock-bars i{background:var(--color-soft);border-radius:999px;height:8px;display:block;overflow:hidden}.mock-bars i b{background:var(--color-ink);height:100%;display:block}.mock-bars em{color:var(--color-muted);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.mock-foot{border-top:1px solid var(--color-line);color:var(--color-muted);margin-top:auto;padding-top:10px;font-size:.85em}.magic-bento-card__title,.magic-bento-card__description{display:block}html[lang=th] .magic-bento-card__title{letter-spacing:-.03em;line-height:1.15}html[lang=th] .magic-bento-card__description{font-size:12px}@property --sun-angle{syntax:"<angle>";inherits:true;initial-value:0deg}:root{--night-sky:radial-gradient(1px 1px at 23px 41px, #ffffff8c, transparent), radial-gradient(1px 1px at 151px 97px, #ffffff59, transparent), radial-gradient(1.5px 1.5px at 89px 173px, #ffffff73, transparent), radial-gradient(1px 1px at 197px 11px, #ffffff4d, transparent), radial-gradient(ellipse 80% 60% at 30% 100%, #7846a038, transparent 70%), #09090c;--night-sky-size:211px 197px, 263px 241px, 337px 307px, 409px 383px, auto, auto}.why-proposal{background:var(--night-sky);background-size:var(--night-sky-size);color:#fff;min-height:100svh;padding:clamp(112px, 15vh, 160px) max(var(--gutter), calc((100vw - 1200px) / 2)) clamp(150px, 25vh, 270px);flex-direction:column;display:flex;position:relative;overflow:hidden}.why-head{z-index:1;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:32px 64px;display:grid;position:relative}.why-head .section-kicker{color:#ffffff8c;margin-bottom:18px}.why-head h2{margin:0}@media (min-width:901px){.why-head h2 span{display:block}}.why-head>p{color:#ffffff9e;max-width:30em;margin:0;padding-top:36px;font-size:17px;line-height:1.75}.why-horizon{flex-direction:column;flex:1;justify-content:center;transition:--sun-angle 1.8s cubic-bezier(.65,0,.35,1);display:flex}.why-columns{text-align:center;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:clamp(32px,6vh,110px);display:grid;position:relative}.why-columns article{opacity:.4;transition:opacity .9s}.why-columns article[data-active]{opacity:1}.why-columns span{color:#ffffffb3;letter-spacing:.04em;font-size:15px;transition:color .9s}html[lang=th] .why-columns span{letter-spacing:0}.why-columns article[data-active] span{color:#f2a66b}.why-columns h3{letter-spacing:-.04em;text-wrap:balance;margin:12px 0 14px;font-size:clamp(24px,min(2.2vw,4vh),34px);font-weight:500;line-height:1.12}html[lang=th] .why-columns h3{letter-spacing:-.02em;line-height:1.2}.why-columns p{color:#ffffffc7;max-width:22em;margin:0 auto;font-size:16px;line-height:1.75}.why-planet{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.why-planet:after{content:"";background:linear-gradient(#0000,#050507);height:90px;position:absolute;bottom:0;left:0;right:0}.why-earth,.why-sun{aspect-ratio:1;width:320%;position:absolute;top:calc(100% - clamp(100px,16vh,190px));left:-110%}.why-sun{transform:rotate(var(--sun-angle))}.why-sun:before,.why-sun:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.why-sun:before{background:radial-gradient(closest-side,#ffd6be8c,#dc789647 35%,#825adc24 62%,#0000);width:min(1100px,90vw);height:420px}.why-sun:after{background:radial-gradient(closest-side,#fffaf5f2,#ffbea080 40%,#0000);width:240px;height:46px}.why-earth{background:radial-gradient(closest-side,#050507 97%,#0d0c14);border-radius:50%;box-shadow:0 -6px 40px -8px #9678ff73,0 -40px 160px -20px #505ad24d}.why-earth:before{background:conic-gradient(from var(--sun-angle), #fff3ea, #f5a0aacc 5deg, #9678ff80 16deg, #5a6ee64d 32deg, transparent 70deg, transparent 290deg, #5a6ee64d 328deg, #9678ff80 344deg, #f5a0aacc 355deg, #fff3ea);content:"";border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 1px));mask:radial-gradient(closest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 1px))}@media (prefers-reduced-motion:reduce){.why-columns article{opacity:1}.why-columns span{color:#f2a66b}}@media (max-width:900px){.why-proposal{min-height:0;padding:112px 20px 200px}.why-head{grid-template-columns:minmax(0,1fr)}.why-head>p{padding-top:0}.why-columns{grid-template-columns:minmax(0,1fr);gap:44px;margin-top:64px}.why-earth,.why-sun{width:360%;top:calc(100% - 120px);left:-130%}}.where-data{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,80px);display:grid}.where-data .section-head{min-width:0;margin-bottom:0}.where-data .section-head h2{font-size:clamp(30px,3.7vw,52px)}.where-data h2 span{display:inline-block}.sun-globe{gap:14px;min-width:0;margin:0;display:grid}.sun-globe-stage{aspect-ratio:1;width:100%;max-width:min(100%,max(280px,100dvh - 400px));margin:0 auto;position:relative}.sun-globe-stage:before{border:1px solid var(--color-line);content:"";background:linear-gradient(100deg,#1a1a1a 0 30%,#f59e0b 36%,#fff 44%);border-radius:50%;position:absolute;inset:5%}.sun-globe-stage:after{content:"";z-index:-1;background:radial-gradient(#00000029,#0000 70%);width:56%;height:8%;position:absolute;bottom:-2%;left:22%}.sun-globe[data-ready] .sun-globe-stage:before{display:none}.sun-globe-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sun-pin{opacity:0;pointer-events:none;white-space:nowrap;align-items:center;gap:6px;display:flex;position:absolute;top:-4px;left:-4px}.sun-pin i{background:#fff;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 2px #1111118c}.sun-pin b{color:#fff;background:#111111d1;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:500;line-height:1}.sun-pin[data-home] b{box-shadow:0 0 0 1.5px var(--color-ink);color:var(--color-ink);background:#fff;font-weight:600}.sun-pin[data-state=day] i{background:#111;box-shadow:0 0 0 2px #fff}.sun-pin[data-state=dawn] i{background:var(--d-arch);animation:1.4s ease-out infinite sun-dawn;box-shadow:0 0 0 2px #fff}@keyframes sun-dawn{0%{box-shadow:0 0 0 2px #fff,0 0 0 2px #f59e0b99}to{box-shadow:0 0 0 2px #fff,0 0 0 12px #f59e0b00}}.sun-regions{border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.sun-regions li{border-bottom:1px solid var(--color-line);color:var(--color-muted);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;font-size:13px;transition:color .3s;display:grid}.sun-regions li>i{border:1.5px solid #9a9a9a;border-radius:50%;width:8px;height:8px;transition:background .3s,border-color .3s}.sun-regions small{color:#9a9a9a;margin-left:4px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.sun-regions time{font-variant-numeric:tabular-nums;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.sun-regions li[data-state=day],.sun-regions li[data-home]{color:var(--color-ink)}.sun-regions li[data-home]{font-weight:600}.sun-regions li[data-state=day]>i{background:#111;border-color:#111}.sun-regions li[data-state=dawn]{color:var(--color-ink);font-weight:600}.sun-regions li[data-state=dawn]>i{background:var(--d-arch);border-color:var(--d-arch)}.sun-regions li[data-state=dawn] time{color:#b45309}.sun-globe figcaption{color:#8a8a8a;font-size:12px;line-height:1.6}@media (max-width:900px){.where-data,.sun-regions{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sun-speed{display:none}.sun-pin[data-state=dawn] i{animation:none}}.pf-head{text-align:center;flex-direction:column;align-items:center;display:flex}.pf-head h2{color:var(--color-ink);text-wrap:balance;margin:18px 0 0}.pf-grid{max-width:calc(var(--content-max) - (var(--gutter) * 2));grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin:64px auto 0;padding:0;list-style:none;display:grid;position:relative}.pf-item{text-align:center;flex-direction:column;align-items:center;display:flex}.pf-item svg{flex:none;width:48px;height:48px}.pf-item h3{color:var(--color-ink);letter-spacing:-.03em;margin:20px 0 0;font-size:22px;font-weight:500}.pf-item p{color:var(--color-muted);max-width:260px;margin:8px 0 0;font-size:15px;line-height:1.75}.pf-item small{color:var(--color-ink);gap:4px;max-width:260px;margin-top:14px;font-size:13px;line-height:1.6;display:grid}.pf-item small b{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}@media (max-width:1023px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.pf-grid{grid-template-columns:1fr;margin-top:48px}}.process-more{max-width:calc(var(--content-max) - (var(--gutter) * 2));text-align:center;margin:28px auto 0;position:relative}.process{min-height:0!important;padding-bottom:var(--section-space)!important}.proof-record .proof-cta{margin-top:24px}.page-hero{color:#fff;padding:calc(var(--scene-safe-top,118px) + 24px) max(var(--gutter), calc((100vw - 1200px) / 2)) 88px;background:#070812;position:relative;overflow:hidden}.page-hero-threads{z-index:1;position:absolute;inset:0}@media (max-width:767px){.page-hero-threads{opacity:.4}}.page-hero h1,.page-hero-inner>p{text-shadow:0 1px 24px #00000059}.page-hero-inner{text-align:center;z-index:3;justify-items:center;gap:24px;max-width:900px;margin-inline:auto;display:grid;position:relative}.page-hero-inner>p{text-wrap:pretty;margin-inline:auto}.page-hero-inner :is(.tags,.hero-actions,.pains ul){justify-content:center}.page-hero .offer-chip{justify-self:center}.page-hero .eyebrow{color:#c8c8c8}.page-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(44px,6vw,84px);font-weight:500;line-height:1.02}html[lang=th] .page-hero h1{letter-spacing:-.035em;line-height:1.12}@media (prefers-reduced-motion:no-preference){.title-rise{animation:.9s cubic-bezier(.16,1,.3,1) both title-rise}.page-hero-inner>p,.page-hero-inner>.tags,.page-hero-inner>.hero-actions{animation:.9s cubic-bezier(.16,1,.3,1) .15s both title-rise}@keyframes title-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}}.page-hero-title .split-line{padding-bottom:.06em;overflow:hidden}.page-hero-title .split-word,.page-hero-title .split-char{display:inline-block}.page-hero-inner>p{color:#bdbdbd;max-width:640px;margin:0;font-size:17px;line-height:1.8}.page-hero .hero-actions{margin-top:6px}.page-hero .btn-primary{color:var(--color-ink);background:#fff}.page-hero .text-link{color:#fff}.page-hero .tag{color:#fff;background:#ffffff14;border-color:#fff3}@media (max-width:767px){.page-hero{padding:120px 20px 64px}.page-hero h1{font-size:42px}}.section{background:var(--color-paper);padding:var(--section-space) max(var(--gutter), calc((100vw - 1200px) / 2))}.section+.section{border-top:1px solid var(--color-line)}.section-dark{background:var(--band);color:#fff;border-top:0!important}.container{width:100%;max-width:1200px;margin-inline:auto}.section-head{gap:18px;max-width:760px;margin-bottom:48px;display:grid}.section-head h2{letter-spacing:var(--heading-tight);margin:0;font-size:clamp(36px,4.4vw,60px);font-weight:500;line-height:1.06}html[lang=th] .section-head h2{letter-spacing:-.035em;line-height:1.15}.section-head.row{grid-template-columns:minmax(0,1fr) auto;align-items:end;max-width:none}.lede{color:var(--color-muted);max-width:620px;margin:0;font-size:16px;line-height:1.8}.section-dark .lede,.section-dark .muted,.section-dark .card-label{color:var(--band-muted)}.muted{color:var(--color-muted)}.card-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}html[lang=th] .card-label{letter-spacing:.02em;text-transform:none}.grid-1,.grid-2,.grid-3,.grid-4{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--color-line);border-radius:var(--radius-surface);transition:border-color var(--motion-base) var(--motion-ease), transform var(--motion-slow) var(--motion-ease), box-shadow var(--motion-slow) var(--motion-ease);background:#fff;align-content:start;gap:12px;padding:26px;display:grid}.card:hover{border-color:#9a9a9a;transform:translateY(-3px);box-shadow:0 18px 46px #00000014}.card h2,.card h3{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:500}.card p{color:var(--color-muted);margin:0;font-size:15px;line-height:1.75}.card p.big{color:var(--color-ink);font-size:18px}.card-accent{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.problem{border-top:1px solid var(--color-ink);gap:10px;padding-top:22px;display:grid}.problem h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500}.problem p{color:var(--color-muted);margin:0;font-size:15px;line-height:1.75}.problem .plain-list{color:var(--color-muted);font-size:15px;line-height:1.75}.plain-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.plain-list li{gap:10px;display:flex}.plain-list li:before{background:var(--c,var(--color-ink));content:"";border-radius:50%;flex:none;width:6px;height:6px;margin-top:.72em}.section-dark .plain-list li:before{background:var(--c,white)}.split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.split.split-form{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.btn-secondary{border-color:var(--line-strong);color:var(--color-ink);background:0 0}.btn-secondary:hover{border-color:var(--color-ink)}.btn-ghost-dark{color:#fff;background:0 0;border-color:#ffffff4d}.btn-ghost-dark:hover{border-color:#fff}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.link-arrow{color:var(--color-ink);font-size:14px;font-weight:700;text-decoration:none}.link-arrow:hover{text-underline-offset:4px;text-decoration:underline}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--color-line);color:var(--color-ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.tag:before{background:var(--c);content:"";border-radius:50%;width:7px;height:7px}.section-dark .tag,.services-section .tag{color:#fff;background:#ffffff0f;border-color:#ffffff2e}.disc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.disc-card{border:1px solid var(--color-line);border-radius:var(--radius-surface);background:#fff;align-content:start;gap:12px;padding:0 0 24px;display:grid;overflow:hidden}.disc-card .art{aspect-ratio:16/9;background:#0d0d0d 50%/cover no-repeat}.disc-card>:not(.art){padding-inline:24px}.disc-card h3{letter-spacing:-.03em;margin:8px 0 0;font-size:22px;font-weight:500}.disc-card p{color:var(--color-muted);margin:0;font-size:15px;line-height:1.7}.disc-card .plain-list{font-size:14px}.section-head-center{text-align:center;justify-items:center;margin-inline:auto}.phase-tabs{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:24px;display:grid}.phase-tab-list{gap:12px;display:grid}.phase-tab-list button{border-radius:var(--radius-surface);color:#fff;cursor:pointer;font:inherit;text-align:left;transition:background var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease);background:#1a1a1a;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:22px;display:grid}.phase-tab-list button:hover{background:#202020}.phase-tab-list button[aria-selected=true]{border-color:var(--band-line);background:#262626}.phase-tab-list button:focus-visible{outline-offset:3px;outline:2px solid #fff}.phase-tab-text{gap:6px;display:grid}.phase-tab-text b{letter-spacing:-.01em;font-size:18px;font-weight:600}.phase-tab-text span{-webkit-line-clamp:2;color:var(--band-muted);-webkit-box-orient:vertical;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.phase-icon{border-radius:var(--radius-field);color:#fff;height:40px;transition:background var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease);background:#2a2a2a;flex:none;justify-content:center;align-items:center;width:40px;display:inline-flex}.phase-icon svg{width:20px;height:20px}.phase-tab-list button[aria-selected=true] .phase-icon{color:var(--color-ink);background:#fff}.phase-panel{border:1px solid var(--band-line);border-radius:calc(var(--radius-surface) * 1.5);background:#1a1a1a;align-content:start;justify-items:start;gap:14px;padding:clamp(24px,3.4vw,44px);display:grid}.phase-panel-head{align-items:center;gap:18px;display:flex}.phase-panel-head>div{gap:4px;display:grid}.phase-icon-lg{border-radius:var(--radius-surface);width:56px;height:56px}.phase-icon-lg svg{width:28px;height:28px}.phase-panel h3{letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:600;line-height:1.15}.phase-panel-body{color:var(--band-muted);margin:0 0 6px;font-size:17px;line-height:1.7}.phase-checks{gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.phase-checks li{border-radius:var(--radius-surface);background:#222;align-items:center;gap:12px;padding:13px 16px;font-size:15px;font-weight:500;display:flex}.phase-checks svg{flex:none;width:22px;height:22px}.phase-checks circle{fill:#fff}.phase-checks path{fill:none;stroke:var(--color-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px}.phase-panel-foot{border-top:1px solid var(--band-line);grid-template-columns:auto minmax(0,1fr);gap:24px;width:100%;margin-top:6px;padding-top:18px;display:grid}.phase-panel-foot>div{align-content:start;gap:10px;display:grid}.phase-panel-gate p{margin:0;font-size:15px;line-height:1.65}@media (prefers-reduced-motion:no-preference){.phase-panel>*{animation:phase-in .4s var(--motion-ease) both}}@keyframes phase-in{0%{opacity:0;transform:translateY(8px)}}@media (min-width:1024px){.phase-section{padding-block:calc(var(--scene-safe-top,118px) + 4px) 24px}.phase-section .section-head{gap:10px;margin-bottom:clamp(20px,3.5dvh,40px)}.phase-section .section-head h2{font-size:clamp(32px,min(3.6vw,5.4dvh),56px)}.phase-tabs{align-items:stretch;gap:20px}.phase-tab-list{grid-auto-rows:1fr;gap:10px}.phase-tab-list button{align-content:center;padding:clamp(14px,2dvh,22px) 20px}.phase-panel{grid-template-rows:repeat(4,auto) 1fr;gap:clamp(8px,1.4dvh,14px);padding:clamp(22px,3.4dvh,40px) clamp(24px,3vw,40px)}.phase-panel-foot{align-self:end}.phase-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phase-checks li{padding:clamp(10px,1.5dvh,14px) 16px}}.section.tour-section .section-head{margin-bottom:clamp(72px,9vw,128px)}.tour{gap:clamp(112px,15vw,200px);display:grid}.tour-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,6vw,104px);display:grid}.tour-row:nth-child(2n){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.tour-row:nth-child(2n) .tour-copy{order:2}.tour-copy{justify-items:start;max-width:460px;display:grid}.tour-copy .card-label{color:var(--band-muted);margin-bottom:14px}.tour-copy h3{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.12}.tour-copy p{color:var(--band-muted);margin:0 0 32px;font-size:17px;line-height:1.75}.tour-points{border-top:1px solid var(--band-line);width:100%;margin:0;padding:0;list-style:none}.tour-points li{border-bottom:1px solid var(--band-line);color:#ffffffdb;align-items:start;gap:14px;padding:14px 0;font-size:15px;line-height:1.6;display:flex}.tour-points svg{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;flex:none;width:18px;height:18px;margin-top:3px}.tour-video{aspect-ratio:16/9;border:1px solid var(--band-line);border-radius:calc(var(--radius-surface) * 1.5);object-fit:cover;background:#000;width:100%;height:auto;display:block;box-shadow:0 28px 70px #00000059}@media (max-width:1023px){.tour{gap:clamp(80px,14vw,120px)}.tour-row,.tour-row:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:28px}.tour-row .tour-copy,.tour-row:nth-child(2n) .tour-copy{order:2;max-width:640px}.phase-tabs{grid-template-columns:minmax(0,1fr)}.phase-tab-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.phase-tab-list{grid-template-columns:minmax(0,1fr)}.phase-tab-list button{align-items:center;padding:14px 16px}.phase-tab-text span{display:none}.phase-panel-foot{grid-template-columns:minmax(0,1fr)}}.arch{border-radius:20px;width:100%;position:relative;overflow:hidden}.arch-artwork{display:block}.arch .arch-artwork svg{width:100%;height:auto;display:block}.arch-mobile{display:none!important}@media (max-width:767px){.arch-desktop{display:none!important}.arch-mobile{display:block!important}}.arch:is([data-assemble=ready],[data-assemble=built]) .ax-piece{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(.94);transform-box:fill-box;transform-origin:50%}.arch[data-assemble] .ax-wire{opacity:0}.arch[data-assemble] .ax-wire path{stroke-dasharray:1;stroke-dashoffset:1px}.arch[data-assemble=built] .ax-piece{animation:ax-in 1s cubic-bezier(.2,.85,.25,1.12) calc(var(--i) * 65ms) both}.arch[data-assemble=built] .ax-wire{animation:ax-fade .2s ease-out calc(var(--i) * 65ms) both}.arch[data-assemble=built] .ax-wire path{animation:ax-wire .55s ease-out calc(var(--i) * 65ms) both}@keyframes ax-in{0%{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(.94)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes ax-fade{0%{opacity:0}to{opacity:1}}.arch-stage{pointer-events:none;z-index:1;transition:opacity .35s;inset:0;position:absolute!important}.arch[data-assemble=ready3d] .arch-artwork{visibility:hidden}.arch[data-assemble=wires] .arch-stage{opacity:0}.arch[data-assemble=wires] .ax-wire{animation:ax-fade .2s ease-out calc(var(--w) * 70ms) both}.arch[data-assemble=wires] .ax-wire path{animation:ax-wire .55s ease-out calc(var(--w) * 70ms) both}@keyframes ax-wire{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.arch:is(:not([data-assemble]),[data-assemble=wires],[data-assemble=built]) .ax-flow{animation:ax-flow 4.2s linear calc(var(--f) * .6s) infinite}.arch:is([data-assemble=wires],[data-assemble=built]) .ax-flow{animation-delay:calc(1.6s + var(--f) * .6s)}}@keyframes ax-flow{0%{opacity:0;stroke-dashoffset:0}3%,17%{opacity:1}20%,to{opacity:0;stroke-dashoffset:-1px}}.architecture-scene{background:linear-gradient(#050507, transparent 240px), var(--night-sky);background-size:auto, var(--night-sky-size);gap:12px;padding:88px 12px 24px;display:grid}.architecture-scene-caption{color:#ffffff9e;text-align:center;margin:0;padding-inline:12px;font-size:13px;line-height:1.6}@media (min-width:768px){.marketing-shell>.architecture-scene{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;height:100dvh;min-height:100dvh;padding:92px clamp(12px,1.5vw,32px) 16px}.architecture-scene>.arch{border-radius:0;height:100%;min-height:0}.architecture-scene .arch-artwork,.architecture-scene .arch .arch-artwork svg{height:100%}}.table-wrap{border:1px solid var(--color-line);border-radius:var(--radius-surface);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;padding:16px 20px;font-size:15px}th{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}html[lang=th] th{letter-spacing:.02em;text-transform:none}tr:last-child td{border-bottom:0}td b{font-weight:600}.squad td,.squad th{text-align:center}.squad td:first-child,.squad th:first-child{text-align:left}.dot{background:var(--c);vertical-align:middle;border-radius:50%;width:14px;height:14px;display:inline-block}.dot.support{border:2px solid var(--c);background:0 0}.legend{color:var(--color-muted);flex-wrap:wrap;gap:20px;margin-top:14px;font-size:14px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.legend .dot{--c:var(--color-ink)}.flow{counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.flow li{border-top:1px solid var(--color-line);counter-increment:step;grid-template-columns:44px minmax(0,1fr);gap:18px;padding-block:18px;display:grid}.flow li:before{color:var(--color-muted);content:"0" counter(step);letter-spacing:.08em;padding-top:5px;font-size:12px;font-weight:700}.flow b{letter-spacing:-.02em;font-size:18px;font-weight:500;display:block}.flow span{color:var(--color-muted);font-size:15px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.metrics li{border:1px solid var(--band-line);border-radius:var(--radius-surface);background:#202020;gap:8px;padding:22px;display:grid}.metrics li .card-label{color:var(--band-muted)}.metrics li b{letter-spacing:-.02em;font-size:20px;font-weight:500}.cta-band{background:var(--color-ink);border-radius:var(--radius-surface);color:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(32px,5vw,64px);display:grid;position:relative;overflow:hidden}.cta-band h2{letter-spacing:var(--heading-tight);margin:0;font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.08}.cta-band p{color:var(--band-muted);max-width:56ch;margin:12px 0 0;line-height:1.8}.cta-band .btn{color:var(--color-ink);background:#fff}.case-card{border:1px solid var(--color-line);border-radius:var(--radius-surface);background:#fff;gap:14px;padding:28px;display:grid}.case-card .metric{letter-spacing:-.04em;font-size:40px;font-weight:500}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius-surface);background:#fff;justify-items:start;gap:12px;padding:32px;display:grid}.empty h2{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:500}.next-steps{counter-reset:n;margin:0;padding:0;list-style:none;display:grid}.next-steps li{border-top:1px solid var(--color-line);counter-increment:n;grid-template-columns:32px 1fr;gap:14px;padding-block:16px;display:grid}.next-steps li:before{color:var(--color-muted);content:"0" counter(n);padding-top:3px;font-size:12px;font-weight:700}.contact-form select{border:1px solid var(--color-line);border-radius:var(--radius-field);background:#fff;width:100%;min-height:44px;margin-top:7px;padding:10px 12px;font-size:16px;display:block}.form-status{background:var(--color-soft);border-radius:var(--radius-field);margin:12px 0 0;padding:12px 14px;font-size:13px;line-height:1.6}.form-status.error{color:#7a1f1f;background:#fbe9e9}.assess{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;max-width:1120px;margin-inline:auto;display:grid}.section.assess-section{overflow:clip}.assess-wrap{max-width:1120px;margin-inline:auto}.assess-form{gap:20px;min-width:0;display:grid}.assess-progress{border:1px solid var(--color-line);border-radius:var(--radius-surface);background:#fff;gap:14px;padding:24px;display:grid;position:sticky;top:104px}.assess-count{letter-spacing:-.03em;font-size:32px;font-weight:600;line-height:1}.assess-count .muted{letter-spacing:0;font-size:15px;font-weight:500}.assess-steps{border-top:1px solid var(--color-line);gap:2px;margin:4px 0 0;padding:12px 0 0;list-style:none;display:grid}.assess-steps a{border-radius:var(--radius-field);color:var(--color-muted);transition:background var(--motion-fast), color var(--motion-fast);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;font-size:14px;text-decoration:none;display:grid}.assess-steps a:hover{background:var(--color-paper);color:var(--color-ink)}.assess-steps .swatch{background:var(--c,var(--color-ink));opacity:.35;border-radius:50%;width:8px;height:8px}.assess-steps output{font-variant-numeric:tabular-nums;font-size:13px}.assess-steps [data-done] a{color:var(--color-ink)}.assess-steps [data-done] .swatch{opacity:1}.assess-privacy{border-top:1px solid var(--color-line);margin:0;padding-top:14px;font-size:13px;line-height:1.65}.assess-hint{margin:-4px 0 4px;font-size:14px}.assess-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.assess-fields label{color:#4e4b46;gap:6px;font-size:13px;font-weight:700;display:grid}.assess-fields input{border:1px solid var(--color-line);border-radius:var(--radius-field);background:#fff;outline:0;width:100%;min-height:46px;padding:11px 14px;font-size:16px;font-weight:400}.assess-fields input:focus{border-color:var(--color-ink);box-shadow:0 0 0 2px #2020201f}.assess-submit{flex-wrap:wrap;align-items:center;gap:16px;padding-top:4px;display:flex}.assess-submit .btn{min-width:200px}.assess-submit .btn:disabled{cursor:not-allowed;opacity:.45}.bar{background:var(--color-soft);border-radius:999px;height:6px;overflow:hidden}.bar i{background:var(--c,var(--color-ink));height:100%;transition:width .4s var(--motion-ease);border-radius:999px;display:block}.q-group{border:1px solid var(--color-line);border-radius:var(--radius-surface);background:#fff;gap:28px;padding:clamp(22px,3vw,36px);scroll-margin-top:104px;display:grid}.q-group>header{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding-bottom:16px;display:flex}.q-group>header .swatch{background:var(--c,var(--color-ink));border-radius:50%;flex:none;width:10px;height:10px}.q-group>header h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:500}.question{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.question legend{margin-bottom:4px;padding:0;font-size:17px;font-weight:600;line-height:1.5}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-field);cursor:pointer;min-height:52px;transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);align-items:center;gap:12px;padding:12px 16px;font-size:15px;line-height:1.5;display:flex}.option:hover{border-color:#9a9a9a}.option:has(input:checked){background:var(--color-ink);border-color:var(--color-ink);color:#fff}.option:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:2px}.option input{accent-color:var(--color-ink);flex:none;margin:0}.result{gap:20px;display:grid}.result .form-status{margin:0}.result-cards>.card{align-content:start}.result-head{background:var(--color-ink);border-radius:var(--radius-surface);color:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;padding:clamp(24px,4vw,40px);display:grid;overflow:hidden}.score-ring{width:140px;height:140px}.score-ring text{fill:#fff;font-family:var(--font-ui)}.result-head .card-label,.result-head p{color:var(--band-muted)}.result-head h2{letter-spacing:-.04em;margin:6px 0 10px;font-size:clamp(30px,3.4vw,44px);font-weight:500}.dim-bars{gap:14px;display:grid}.dim-bar{grid-template-columns:200px minmax(0,1fr) 44px;align-items:center;gap:14px;font-size:15px;display:grid}.dim-bar output{font-variant-numeric:tabular-nums;text-align:right}.dim-bar .bar{height:8px}@media (max-width:1023px){.grid-4,.grid-3,.disc-grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split.split-form,.assess{grid-template-columns:minmax(0,1fr)}.assess-progress{order:-1;position:static}.assess-steps{display:none}.cta-band{grid-template-columns:minmax(0,1fr)}.why-arch{margin-top:40px}}@media (max-width:767px){.grid-2,.grid-3,.grid-4,.disc-grid,.metrics,.options{grid-template-columns:minmax(0,1fr)}.section{padding:72px 20px}.section-head.row{grid-template-columns:minmax(0,1fr)}.result-head{grid-template-columns:minmax(0,1fr);justify-items:start}.dim-bar{grid-template-columns:minmax(0,1fr) 40px}.dim-bar .bar{grid-area:2/1/auto/-1}.assess-fields{grid-template-columns:minmax(0,1fr)}.assess-submit .btn{width:100%}}.saas-split{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px 24px;display:grid}.saas-card{grid-area:1/1;display:grid}.saas-video video{grid-row:1}.saas-video figcaption{grid-row:2}.saas-card .system-card-link{grid-template-rows:minmax(120px,1fr) auto auto auto auto;height:100%}.saas-card .system-thumb{aspect-ratio:16/9;justify-self:start;width:auto;max-width:100%;height:100%;min-height:0}.saas-card .system-thumb img{object-fit:cover;object-position:top left;position:absolute;inset:0}.saas-video{display:contents}.saas-video video,.saas-video figcaption{grid-column:2}.saas-video video{aspect-ratio:16/9;background:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-surface);object-fit:cover;width:100%;height:auto;display:block;box-shadow:0 28px 70px #00000024}.saas-video figcaption{color:var(--color-muted);font-size:14px;line-height:1.6}@media (max-width:1023px){.saas-split{grid-template-columns:minmax(0,1fr);row-gap:20px}.saas-card,.saas-video video,.saas-video figcaption{grid-area:auto/1}.saas-video figcaption{margin-top:-8px}.saas-card .system-card-link{grid-template-rows:auto}.saas-card .system-thumb{width:100%;height:auto}}.screen-shot{justify-items:center;gap:14px;margin:0;display:grid}.screen-frame{border:1px solid var(--color-line);border-radius:var(--radius-surface);background:#fff;width:100%;max-width:1040px;overflow:hidden;box-shadow:0 28px 70px #00000024}.screen-bar{border-bottom:1px solid var(--color-line);background:#f4f4f4;align-items:center;gap:6px;height:28px;padding-inline:12px;display:flex}.screen-bar i{background:#c8c8c8;border-radius:50%;width:8px;height:8px}.screen-frame img{width:100%;height:auto;display:block}.screen-shot figcaption{color:var(--color-muted);text-align:center;font-size:14px;line-height:1.6}.screen-shot .screen-try{color:var(--color-ink);place-items:center;gap:14px;margin-top:6px;font-size:16px;display:grid}.screen-try a:not(.btn){color:inherit;text-underline-offset:3px;font-weight:600;text-decoration:underline}@media (min-width:1024px){.screen-shot .screen-try{flex-wrap:wrap;justify-content:center;gap:12px 20px;display:flex}}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.service-card{color:inherit;gap:10px;padding:22px;text-decoration:none}.service-card h3{font-size:20px}.service-card p{font-size:14px;line-height:1.65}.service-card .tags{margin-top:auto}.service-card-cta{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.service-card-cta p,.service-card-cta .card-label{color:var(--band-muted)}.service-card-cta .link-arrow{color:#fff;margin-top:auto}.service-ai{letter-spacing:-.02em;margin:0;font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.55}.offer-chip{border:1px solid var(--line-strong);border-radius:999px;place-self:start;width:fit-content;padding:2px 10px;font-size:12px;font-weight:600}.page-hero .offer-chip{color:#fff;border-color:#ffffff4d}.system-card-link{color:inherit;gap:10px;text-decoration:none}.system-thumb{aspect-ratio:16/9;border:1px solid var(--color-line);border-radius:var(--radius-field);display:block;position:relative;overflow:hidden}.system-thumb img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.system-thumb small{color:#fff;background:#111111c7;border-radius:999px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;left:8px}@media (max-width:1023px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.service-grid{grid-template-columns:minmax(0,1fr)}}.pains{gap:10px;margin-top:8px;display:grid}.pains .card-label{color:var(--band-muted)}.pains ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pains li{color:#e6e6e6;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:6px 14px;font-size:14px}.role-picker .section-head{max-width:none;margin-bottom:32px}.role-picker .section-head h2{text-wrap:balance}.role-picker .section-head>.section-kicker{margin-bottom:0}@media (min-width:1024px){.section.role-picker{padding-top:clamp(88px,12dvh,120px);padding-bottom:clamp(40px,6dvh,88px)}}.role-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.role-tabs button{border:1px solid var(--color-line);border-radius:var(--radius-field);color:var(--color-ink);cursor:pointer;font:inherit;text-align:left;min-height:76px;transition:background var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease);background:#fff;align-content:start;gap:4px;padding:14px 16px;display:grid}.role-tabs button:hover{border-color:#9a9a9a}.role-tabs button[aria-selected=true]{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.role-tabs button:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.role-tabs b{font-size:15px;font-weight:600}.role-tabs span{color:var(--color-muted);font-size:12px;line-height:1.5}.role-tabs button[aria-selected=true] span{color:var(--band-muted)}.role-summary{border-top:1px solid var(--color-ink);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:20px 48px;padding-top:24px;display:grid}.role-summary-copy{gap:12px;display:grid}.role-summary h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.2}.role-summary-copy>p{color:var(--color-muted);max-width:72ch;margin:0;font-size:16px;line-height:1.8}.role-summary>.role-question{border:1px solid var(--color-line);border-radius:var(--radius-field);color:var(--color-ink);background:#fff;gap:4px;padding:14px 18px;display:grid}.role-question b{color:var(--color-muted);font-size:12px;font-weight:700}@media (prefers-reduced-motion:no-preference){.role-summary{animation:.5s cubic-bezier(.16,1,.3,1) both title-rise}}.role-badge{border:1px solid var(--line-strong);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.role-badge span{color:var(--color-muted)}.section-dark .role-badge{border-color:#ffffff4d}.section-dark .role-badge span{color:var(--band-muted)}.role-side{align-content:start;gap:24px;display:grid}.role-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.role-chips{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.role-chips li{border:1px solid var(--band-line);background:#202020;border-radius:999px;padding:8px 16px;font-size:15px}.role-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin:0;padding:0;list-style:none;display:grid}.role-checklist li{border-top:1px solid var(--band-line);gap:12px;padding-top:14px;font-size:17px;display:flex}.role-checklist li:before{color:var(--band-muted);content:"";height:22px;-webkit-mask:var(--icon-check-circle) center / contain no-repeat;-webkit-mask:var(--icon-check-circle) center / contain no-repeat;mask:var(--icon-check-circle) center / contain no-repeat;background:currentColor;flex:none;width:22px;margin-top:1px}.cta-band .role-prep{font-size:14px}.role-prep b{color:#fff;font-weight:600}.role-cta-actions{justify-items:start;gap:14px;display:grid}.cta-band .text-link{color:#fff}.roles-hub-split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.roles-hub-copy{justify-items:start;gap:20px;display:grid}.roles-hub-copy .section-kicker{margin-bottom:0}.roles-hub-copy h2{margin:0}.roles-hub-copy .lede{max-width:52ch}.roles-hub-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.roles-hub-pill{color:var(--color-ink);font-family:var(--font-ui);letter-spacing:.08em;background:#d4ff3e;border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:7px 16px;font-size:12px;font-weight:700;display:inline-flex}.roles-hub-pill i{background:var(--color-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-ink) 14%, transparent);border-radius:50%;width:6px;height:6px}.roles-hub-actions .btn{font-family:var(--font-ui);letter-spacing:.08em;border-radius:999px;gap:9px;min-height:0;padding:7px 16px;font-size:12px}.role-hub{aspect-ratio:1;max-width:min(100%, 600px, calc(100dvh - var(--scene-safe-top,118px) - 60px));justify-self:center;width:100%;position:relative}.role-hub-lines{position:absolute;inset:0;overflow:visible}.role-hub-lines circle,.role-hub-lines line{fill:none;stroke:var(--line-strong);stroke-width:.25px;vector-effect:non-scaling-stroke}.role-hub-lines .role-hub-ring{stroke:var(--color-line);stroke-width:1px}.role-hub-lines .role-hub-orbit{stroke-dasharray:2 4;stroke-width:1px;transform-origin:50%}.role-hub-lines line{stroke:var(--color-line);stroke-width:1px}.role-hub-lines .role-hub-dot{fill:#b9b9b9;stroke:none}.role-hub-core{place-items:center;gap:12px;width:26%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.role-hub-core-box{aspect-ratio:1;background:var(--color-ink);color:#fff;border-radius:22%;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 18px 50px #0000002e,0 0 0 8px #1111110a}.role-hub-core-box svg{width:38%;height:38%}.role-hub-core-label{background:var(--color-paper);color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:calc(100% + 10px)}html[lang=th] .role-hub-core-label{letter-spacing:.02em}.role-hub-nodes{margin:0;padding:0;list-style:none;position:absolute;inset:0}.role-hub-nodes li{width:14%;position:absolute;transform:translate(-50%,-50%)}.role-hub-nodes a{color:var(--color-ink);justify-items:center;text-decoration:none;display:grid;position:relative}.role-hub-node{aspect-ratio:1;border:1px solid var(--color-line);color:var(--color-ink);transition:background var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);background:#fff;border-radius:24%;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 8px 24px #0000000f}.role-hub-node svg{width:42%;height:42%}.role-hub-label{background:var(--color-paper);text-align:center;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:14px;font-weight:600;position:absolute;top:calc(100% + 8px)}.role-hub-nodes a:hover .role-hub-node,.role-hub-nodes a:focus-visible .role-hub-node{background:var(--color-ink);border-color:var(--color-ink);color:#fff;transform:translateY(-2px)}.role-hub-nodes a:focus-visible{outline:none}.role-hub-nodes a:focus-visible .role-hub-node{outline:2px solid var(--color-ink);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.role-hub-lines .role-hub-orbit{animation:60s linear infinite role-orbit}}@keyframes role-orbit{to{transform:rotate(360deg)}}@media (max-width:1023px){.role-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.roles-hub-split{grid-template-columns:minmax(0,1fr)}.role-hub{max-width:560px}}@media (max-width:767px){.role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.role-summary,.role-checklist{grid-template-columns:minmax(0,1fr)}.role-hub{margin-bottom:24px}.role-hub-nodes li{width:15%}.role-hub-label{font-size:12px}.role-hub-core-label{font-size:10px}.cta-band{grid-template-columns:minmax(0,1fr)}}@media (min-width:1024px) and (min-height:700px){html:has(.marketing-shell){scroll-snap-type:y mandatory;scroll-padding-top:0}body:has(.marketing-shell):before{content:"";pointer-events:none;scroll-snap-align:start;width:1px;height:1px;position:absolute;top:0;left:0}.marketing-shell>section:not(.hero){scroll-snap-align:start;scroll-snap-stop:always;align-content:center;scroll-margin-top:0;min-height:100dvh!important}.marketing-shell>.public-footer{scroll-snap-align:end}}@media (min-width:1024px){.service-index .service-card{grid-template-rows:auto auto 1fr auto;align-content:stretch}.concept-section>.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,64px)}}@media (max-width:389px){.public-nav .nav-actions>.btn-small{display:none}.public-nav .brand-logo{--logo:20px}}.auth-page{color:#fff;isolation:isolate;background:#0b0820;place-items:center;min-height:100svh;padding:clamp(28px,5vh,64px) 20px;display:grid;position:relative;overflow:hidden}.auth-sky{pointer-events:none;z-index:-1;position:fixed;inset:0}.language-switch.auth-lang{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);right:clamp(16px,2.5vw,32px);top:max(16px, env(safe-area-inset-top));z-index:2;background:#0a081e59;border:1px solid #ffffff24;border-radius:999px;width:auto;padding-inline:6px;position:absolute}.auth-back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffd9;min-height:44px;left:clamp(16px,2.5vw,32px);top:max(16px, env(safe-area-inset-top));z-index:2;background:#0a081e59;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex;position:absolute}.auth-back:hover{color:#fff;background:#0a081e8c}.language-switch.auth-lang a{color:#fff9}.language-switch.auth-lang a:hover{color:#fff}.language-switch.auth-lang a.active{color:#fff;text-decoration-color:#fff}.language-switch.auth-lang>span{color:#ffffff4d}.auth-layout{grid-template-columns:minmax(0,520px) minmax(0,460px);justify-content:center;align-items:center;gap:clamp(40px,7vw,112px);width:min(1120px,100%);display:grid}.auth-card{background:#1a1a1a;border-radius:24px;padding:clamp(28px,4vw,56px);box-shadow:0 30px 80px #00000059}.auth-form{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.auth-title{letter-spacing:-.03em;margin:0;font-size:clamp(32px,3.2vw,42px);font-weight:600;line-height:1.1}html[lang=th] .auth-title{letter-spacing:-.01em;line-height:1.25}.auth-sub{color:#ffffff9e;margin:0 0 18px;font-size:16px;line-height:1.6}.auth-input{color:#fff;font:inherit;background:0 0;border:1.5px solid #3a3a3a;border-radius:14px;outline:0;width:100%;min-height:58px;padding:0 20px;font-size:17px;transition:border-color .2s}.auth-input::placeholder{color:#8b8b8b}.auth-input:focus{border-color:#ffffffd9}.auth-primary{color:#111;cursor:pointer;font:inherit;background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:54px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .15s,background .2s;display:flex}.auth-primary:hover{background:#ececec}.auth-primary:active{transform:translateY(1px)}.auth-primary:disabled{cursor:progress;opacity:.7}.auth-hint{color:#ffffff80;font-size:13px;line-height:1.6}.auth-field{gap:8px;min-width:0;display:grid}.auth-label{color:#ffffffd1;font-size:14px;font-weight:600}.auth-input[aria-invalid=true]{border-color:#f87171}.auth-suffixed{align-items:center;gap:4px;display:flex}.auth-suffixed:focus-within{border-color:#ffffffd9}.auth-suffixed.is-invalid{border-color:#f87171}.auth-suffixed input{color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1;align-self:stretch;min-width:0;padding:0}.auth-suffixed input::placeholder{color:#8b8b8b}.auth-suffixed span{color:#ffffff80;flex:none}.auth-select{appearance:none;cursor:pointer;text-align:left;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 20px center no-repeat;padding-right:48px}.auth-select:invalid,.auth-select.is-empty{color:#8b8b8b}.auth-select option{color:#fff;background:#1a1a1a}.auth-multi .auth-select{align-items:center;gap:10px;display:flex}.auth-multi .auth-select>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.auth-multi-count{background:#ffffff24;border-radius:999px;flex:none;padding:2px 9px;font-size:13px;font-weight:600}.auth-multi{min-width:0;position:relative}.auth-multi .auth-select[aria-expanded=true]{border-color:#ffffffd9}.auth-multi-list{overscroll-behavior:contain;z-index:5;background:#222;border:1px solid #3a3a3a;border-radius:14px;max-height:min(320px,50vh);margin:0;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #00000073}.auth-multi-list label{cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:8px 12px;font-size:15px;line-height:1.4;display:flex}.auth-multi-list label:hover{background:#ffffff14}.auth-multi-list label:has(:focus-visible){background:#ffffff14}.auth-multi-list input{accent-color:#fff;flex:none;width:18px;height:18px;margin:0}.auth-link{color:#fff;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}.auth-link:hover{text-underline-offset:3px;text-decoration:underline}.auth-foot{color:#ffffff8c;text-align:center;margin:22px 0 0;font-size:15px}.auth-foot+.auth-foot{margin-top:10px}.auth-error{color:#fca5a5;background:#ef44441f;border-radius:12px;margin:4px 0 0;padding:12px 14px;font-size:14px;line-height:1.6}.auth-message{color:#ffffffb3;margin:14px 0 24px;font-size:16px;line-height:1.7}.auth-result{justify-items:start;display:grid}.auth-result>i{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;font-size:22px;font-style:normal;display:flex}.auth-result .auth-foot{justify-self:stretch}.auth-secrets{justify-self:stretch;gap:10px;margin:0 0 14px;display:grid}.auth-secret{border:1.5px solid #3a3a3a;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:12px 16px;display:grid}.auth-secret span{color:#ffffff80;font-size:13px}.auth-secret code{color:#fff;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;grid-column:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px}.auth-secret button{grid-area:1/2/span 2}.auth-result>.auth-hint{margin:0 0 22px}.register-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.auth-aside h2{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(40px,4.4vw,60px);font-weight:600;line-height:1.02}.auth-aside>p{color:#ffffffdb;margin:0 0 30px;font-size:clamp(17px,1.5vw,20px);line-height:1.6}.auth-aside ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.auth-aside li{gap:2px;padding-left:30px;display:grid;position:relative}.auth-aside li:before{color:#fff;content:"";height:22px;-webkit-mask:var(--icon-check-circle) center / contain no-repeat;-webkit-mask:var(--icon-check-circle) center / contain no-repeat;mask:var(--icon-check-circle) center / contain no-repeat;background:currentColor;width:22px;position:absolute;top:1px;left:0}.auth-aside li b{font-size:16px;font-weight:600}.auth-aside li span{color:#ffffffb3;font-size:15px;line-height:1.6}@media (max-width:880px){.auth-page{padding-top:76px}.auth-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:520px}.auth-aside{display:contents}.auth-aside h2{order:-2;margin:0 0 10px;font-size:34px}.auth-aside>p{order:-1;margin:0 0 24px}.auth-aside ul{order:1;margin-top:32px}}.compare-section .section-head{max-width:none;margin-bottom:48px}.compare-wrap{border:1px solid var(--band-line);border-radius:var(--radius-surface);background:#ffffff05;max-width:1080px;margin-inline:auto;overflow:hidden}.compare-table{border-collapse:collapse;width:100%;min-width:0}.compare-table th,.compare-table td{color:#fff;letter-spacing:0;text-align:left;text-transform:none;vertical-align:middle;border:0;border-bottom:1px solid #ffffff14;padding:20px 28px;font-size:15px;font-weight:400;line-height:1.65}.compare-table :is(th,td)+:is(th,td){border-left:1px solid #ffffff14}.compare-table tbody tr:last-child>*{border-bottom:0}.compare-table thead th{border-bottom-color:var(--band-line);color:var(--band-muted);font-family:var(--font-ui);letter-spacing:.08em;background:#ffffff0a;padding-block:16px;font-size:12px;font-weight:700}html[lang=en] .compare-table thead th{text-transform:uppercase}html[lang=th] .compare-table thead th{letter-spacing:.02em;font-size:13px}.compare-table tbody th{width:24%;font-weight:500}.compare-table td:not(.compare-us){color:var(--band-muted);width:32%}.compare-table .compare-us{background:#6aa5ff0f}.compare-table thead .compare-us{background:#6aa5ff1f}.compare-table td.compare-us{color:#ffffffd1}.compare-table td.compare-us b{color:#fff;font-weight:600}.compare-brand{color:#6aa5ff;letter-spacing:.02em;text-transform:none}.compare-pill{color:#f0b429;letter-spacing:.04em;text-transform:none;vertical-align:middle;border:1px solid #f0b42999;border-radius:999px;margin-left:8px;padding:1px 10px;font-size:11px;font-weight:600;display:inline-block}@media (max-width:760px){.compare-section .section-head{margin-bottom:32px}.compare-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.compare-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block;width:auto!important}.compare-table tbody{gap:14px;display:grid}.compare-table tr{border:1px solid var(--band-line);border-radius:var(--radius-surface);background:#ffffff05;overflow:hidden}.compare-table th,.compare-table td,.compare-table :is(th,td)+:is(th,td){border:0;padding:14px 18px}.compare-table tbody th{padding-bottom:4px;font-size:16px}.compare-table td:before{color:var(--band-muted);content:attr(data-label);font-family:var(--font-ui);letter-spacing:.08em;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.compare-table td.compare-us:before{color:#6aa5ff}}.public-nav .main-nav-sub{position:relative}.public-nav .main-nav-trigger{color:var(--color-ink);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;display:flex;position:relative}.public-nav .main-nav-trigger:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:100vw}.main-nav-caret{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;height:12px;transition:transform var(--motion-fast,.15s) ease;z-index:1;width:12px;position:relative}.main-nav-trigger .on-pill+.main-nav-caret{color:#fff}.main-nav-trigger[aria-expanded=true] .main-nav-caret{transform:rotate(180deg)}.main-nav-dropdown{z-index:50;min-width:220px;padding-top:12px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.main-nav-dropdown[hidden]{display:none}.main-nav-dropdown ul{border:1px solid var(--color-line);background:#fff;border-radius:14px;gap:2px;margin:0;padding:8px;list-style:none;display:grid;box-shadow:0 18px 48px #00000024}@media (prefers-reduced-motion:no-preference){.main-nav-dropdown:not([hidden]) ul{animation:.16s ease-out both nav-drop}}@keyframes nav-drop{0%{opacity:0;transform:translateY(-4px)}}.public-nav nav .main-nav-dropdown a{border-radius:10px;justify-content:flex-start;min-height:40px;padding:0 14px}.public-nav nav .main-nav-dropdown a:hover,.public-nav nav .main-nav-dropdown a:focus-visible{background:var(--color-paper);outline:none}.public-nav nav .main-nav-dropdown a[aria-current=page]{background:var(--color-ink);color:#fff}.mobile-menu-group{border-bottom:1px solid #ffffff24;padding:12px 4px 4px;display:grid}.mobile-menu-heading{color:#fff9;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.mobile-menu .mobile-menu-group a{border-bottom:0;padding:12px 4px 12px 16px}.concept-copy{align-content:start;gap:24px;display:grid}.concept-list{gap:10px}.concept-list li{font-size:16px;line-height:1.6}.concept-list li:before{color:inherit;content:"";height:22px;-webkit-mask:var(--icon-check-circle) center / contain no-repeat;-webkit-mask:var(--icon-check-circle) center / contain no-repeat;mask:var(--icon-check-circle) center / contain no-repeat;background:currentColor;border-radius:0;width:22px;margin-top:2px}.concept-steps{gap:8px;display:grid}.concept-by{border:1px solid var(--color-line);color:var(--color-muted);white-space:nowrap;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:600;line-height:1.5;display:inline-block}.concept-step-head{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:2px;display:flex}.concept-steps h3{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:500}html:has(.immersive:not(.immersive-part)){scroll-snap-type:none}.immersive{--color-line:#ffffff29;--color-muted:var(--band-muted);--space-section:clamp(80px, 13dvh, 150px);--space-head:clamp(40px, 6dvh, 72px);color:#fff;isolation:isolate;z-index:1;position:relative}.immersive :is(.q-group,.assess-progress,.contact-form-glow,.case-card,.screen-frame,.role-hub-core-label){--color-line:#d6d6d6;--color-muted:#6f6f6f;color:var(--color-ink)}.immersive :is(.q-group,.assess-progress,.contact-form-glow,.case-card) :is(.muted,.card-label,.lede){color:var(--color-muted)}.immersive .sun-regions li:is([data-state=day],[data-state=dawn],[data-home]){color:#fff}.immersive .sun-regions li[data-state=day]>i{background:#fff;border-color:#fff}.immersive .sun-regions li[data-state=dawn] time{color:#fbbf24}.immersive div.section-kicker:not(.promise-pill){color:var(--band-muted)}.immersive .link-arrow{color:#fff}.immersive .architecture-scene{background:0 0}@media (min-width:768px){.immersive .architecture-scene{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;height:100dvh;min-height:100dvh;padding:92px clamp(12px,1.5vw,32px) 16px}.immersive .architecture-scene-fx{height:100%;min-height:0}.immersive .architecture-scene-fx>.arch{border-radius:0;height:100%;min-height:0}}.immersive .empty{background:#ffffff0f;border-color:#ffffff3d}.immersive>:not(.immersive-bg){z-index:1;position:relative}.marketing-shell:has(.immersive)>.public-footer{z-index:2;position:relative}.immersive-bg{pointer-events:none;z-index:0;background:#070812;height:100lvh;position:fixed;inset:0 0 auto}.immersive-bg:after{content:"";opacity:.55;background:#070812;position:absolute;inset:0}@media (max-width:767px){.immersive-bg>*{opacity:.4}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.immersive-bg:after{opacity:0;animation:linear both immersive-veil;animation-timeline:scroll(root);animation-range:0 75vh}@keyframes immersive-veil{to{opacity:.62}}}}.immersive .page-hero{background:0 0}@media (min-width:1024px) and (min-height:700px){.immersive .page-hero{align-content:center;min-height:100dvh;display:grid}}.immersive .section,.immersive .section+.section,.immersive .faq-section{padding-block:var(--space-section);background:0 0;border-top:0}.immersive .section-head{margin-bottom:var(--space-head);gap:22px}.immersive :is(.grid-2,.grid-3){gap:32px}.immersive .grid-4{gap:28px}.immersive .service-grid{gap:24px}.immersive .grid-3:has(.problem){gap:56px 40px}.immersive .problem{gap:14px;padding-top:28px}.immersive .metrics{gap:28px}.immersive .metrics li{gap:12px;padding:28px}.immersive .card{gap:16px;padding:34px}.immersive .service-card{padding:30px}.immersive .flow li{padding-block:26px}.immersive th,.immersive td{padding:20px 26px}.immersive .faq-list>button{padding-block:30px}.immersive .page-hero{padding-bottom:clamp(88px,12dvh,140px)}@media (max-width:767px){.immersive{--space-section:76px;--space-head:36px}.immersive .card{padding:26px}.immersive th,.immersive td{padding:16px 18px}}.immersive .lede,.immersive .muted,.immersive .card-label,.immersive .screen-shot figcaption{color:var(--band-muted)}.immersive .screen-shot .screen-try{color:#fff}.immersive .card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border-color:#ffffff24}.immersive .card:hover{border-color:#fff6;box-shadow:0 18px 46px #00000059}.immersive .card p{color:var(--band-muted)}.immersive .card p.big{color:#fff}.immersive .card-accent{border-color:#ffffffb3;box-shadow:inset 0 0 0 1px #ffffffb3}.immersive .problem{border-top-color:#ffffff73}.immersive .problem p,.immersive .problem .plain-list{color:var(--band-muted)}.immersive .plain-list li:before{background:var(--c,white)}.immersive .flow li{border-top-color:#ffffff29}.immersive .flow span,.immersive .flow li:before{color:var(--band-muted)}.immersive .tag{color:#fff;background:#ffffff0f;border-color:#ffffff2e}.immersive .btn-primary{color:var(--color-ink);background:#fff}.immersive .btn-secondary{color:#fff;background:0 0;border-color:#fff6}.immersive .btn-secondary:hover{background:#ffffff1a;border-color:#fff}.immersive .section-dark{background:0 0}.immersive .metrics li{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f}.immersive .table-wrap{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border-color:#ffffff24}.immersive th,.immersive td{color:#fff;border-bottom-color:#ffffff1f}.immersive th{color:var(--band-muted)}.immersive .faq-section{min-height:0}.immersive .cta-band{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff29}.to-top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);bottom:max(20px, env(safe-area-inset-bottom));color:#fff;cursor:pointer;opacity:0;pointer-events:none;height:48px;right:max(20px, env(safe-area-inset-right));visibility:hidden;z-index:35;background:#111111e0;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:48px;padding:0;transition:opacity .25s,transform .25s,visibility 0s linear .25s,background .2s;display:flex;position:fixed;transform:translateY(12px);box-shadow:0 10px 30px #0000004d}.to-top[data-visible]{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:none}.to-top:focus-visible{outline-offset:3px;outline:2px solid #fff}.to-top svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.to-top{transition:none}}.immersive-part{clip-path:inset(0);scroll-snap-align:start}.immersive-bg-layer{position:absolute;inset:0}@media (min-width:1024px) and (min-height:700px){.immersive-part .showcase{align-content:center;min-height:100dvh;display:grid}}html[data-free]{scroll-snap-type:none!important}.immersive-part .immersive-bg:after{opacity:1;background:linear-gradient(90deg,#070812db 0%,#07081299 45%,#070812b8 100%);animation:none}.immersive-part :is(.showcase,.services-section,.architecture-scene,.roles-home,.process,.proof-section,.contact-section,.faq-section){background:0 0}.immersive-part :is(.services-section,.process,.proof-section,.contact-section){min-height:0;padding-block:var(--space-section)!important}.immersive-part .process-more{margin-top:clamp(40px,6dvh,64px)}.immersive-part .services-content{gap:clamp(56px,9dvh,96px)}.immersive-part .services-grid{gap:clamp(44px,7dvh,72px) 40px}.immersive-part .services-grid-item{gap:20px}.immersive-part .services-grid-item p{line-height:1.8}.immersive-part .pf-grid{gap:56px 48px;margin-top:80px}.immersive-part .pf-item p{line-height:1.85}.immersive-part .roles-hub-split{gap:clamp(48px,7vw,112px)}.immersive-part .roles-hub-copy{gap:26px}.immersive-part .proof-inner{gap:clamp(56px,7vw,112px)}.immersive-part .proof-list li{padding-block:24px}.immersive-part .proof-list p{line-height:1.8}.immersive-part .record-band{padding:20px 26px 22px}.immersive-part .record-band:before{top:20px;bottom:20px}.immersive-part .contact-section,.immersive-part .faq-section{gap:clamp(48px,6vw,96px)}.immersive-part .showcase-head{margin-bottom:clamp(40px,6dvh,64px)}.immersive-part .architecture-scene{gap:24px}.immersive-part .pf-item svg{stroke:#fff}.immersive-part .pf-item svg [fill=\#222]{fill:#fff}.immersive-part .pf-head h2,.immersive-part .pf-item h3,.immersive-part .pf-item small{color:#fff}.immersive-part .proof-section .section-kicker:not(.promise-pill){color:var(--band-muted)}.immersive-part :is(.proof-record figcaption code,.proof-list code,.band-key,.record-foot small,.proof-record dt){color:#a3a3a3}.immersive-part .showcase-head>p small{color:#9a9a9a}a.text-link,button.text-link,a.link-arrow{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:6px;transition:text-decoration-color var(--motion-fast,.15s) ease;align-items:center;gap:.45em;text-decoration-thickness:1.5px;display:inline-flex}a.text-link:hover,button.text-link:hover,a.link-arrow:hover{text-decoration:underline}span.link-arrow{border:1px solid color-mix(in srgb, currentColor 40%, transparent);width:fit-content;transition:background var(--motion-fast,.15s) ease, color var(--motion-fast,.15s) ease, border-color var(--motion-fast,.15s) ease;border-radius:999px;align-items:center;gap:.45em;padding:8px 16px;display:inline-flex}a:is(:hover,:focus-visible)>span.link-arrow{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.immersive a:is(:hover,:focus-visible)>span.link-arrow,.service-card-cta:is(:hover,:focus-visible) span.link-arrow{color:var(--color-ink);background:#fff;border-color:#fff}.service-card{position:relative}.service-card:not(.service-card-cta) .card-label{padding-right:48px}.service-card:not(.service-card-cta):after,.services-grid-head:after{border:1px solid var(--color-line);color:var(--color-ink);content:"→";height:36px;transition:background var(--motion-fast,.15s) ease, color var(--motion-fast,.15s) ease, border-color var(--motion-fast,.15s) ease, transform var(--motion-fast,.15s) ease;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;font-size:16px;font-weight:700;line-height:1;display:flex}.service-card:not(.service-card-cta):after{position:absolute;top:24px;right:26px}.services-grid-head:after{color:#fff;border-color:#ffffff4d;margin-left:auto}.service-card:not(.service-card-cta):is(:hover,:focus-visible):after{background:var(--color-ink);border-color:var(--color-ink);color:#fff;transform:translate(2px)}.services-grid-item:is(:hover,:focus-visible) .services-grid-head:after{color:var(--color-ink);background:#fff;border-color:#fff;transform:translate(2px)}.immersive .service-card:not(.service-card-cta):after{color:#fff;border-color:#ffffff59}.immersive .service-card:not(.service-card-cta):is(:hover,:focus-visible):after{color:var(--color-ink);background:#fff;border-color:#fff}@media (prefers-reduced-motion:reduce){.service-card:after,.services-grid-head:after{transition:none;transform:none!important}}.language-switch a,.public-nav .brand,.public-footer .brand,a.promise-mark{position:relative}.language-switch a:before{content:"";position:absolute;inset:0 -5px}.public-nav .brand:before,.public-footer .brand:before{content:"";position:absolute;inset:-8px -4px}a.promise-mark:before{content:"";position:absolute;inset:-12px -6px}.role-badge{min-height:44px;padding-inline:18px}.roles-hub-actions .btn{min-height:44px}.immersive .role-tabs button{border-radius:var(--radius-surface);color:#fff;background:#1a1a1a;border-color:#0000;padding:18px 20px}.immersive .role-tabs button:hover{background:#202020;border-color:#0000}.immersive .role-tabs button[aria-selected=true]{color:#fff;background:#6366f147;border-color:#a5a8ffbf}.immersive .role-tabs span{color:var(--band-muted)}.immersive .role-tabs button[aria-selected=true] span{color:#ffffffe0}.immersive .role-tabs button:focus-visible,.immersive .role-hub-nodes a:focus-visible .role-hub-node{outline-color:#fff}.immersive .role-summary{border-top-color:#ffffff59}.immersive .role-summary>.role-question{border-color:var(--band-line);color:#fff;background:#1a1a1a}.immersive .role-question b{color:var(--band-muted)}.immersive .role-hub-nodes a:is(:hover,:focus-visible) .role-hub-node{color:#fff;background:#4f46e5;border-color:#fff}.immersive .phase-tab-list button[aria-selected=true]{background:#6366f147;border-color:#a5a8ffbf}.to-top:hover{background:#333}.model-compare{min-width:760px}.model-compare th:first-child{width:18%}.model-compare thead th{letter-spacing:0;text-transform:none;font-size:17px;font-weight:600}.model-compare tbody th{letter-spacing:0;text-transform:none;font-size:15px}.model-compare td{width:41%;line-height:1.7}.immersive .model-compare thead th,.immersive .model-compare tbody th{color:#fff}.immersive .model-compare tbody tr:last-child :is(th,td){border-bottom:0}:root{--icon-check-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.25' stroke-width='1.6'/%3E%3Cpath d='M8 12.5l2.9 2.9 5.4-6' stroke-width='2.2'/%3E%3C/svg%3E")}.contact-success i svg,.auth-result>i svg{width:54%;height:54%}.partners-split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.partners-spiral{height:clamp(640px,98dvh,1000px);position:relative}.partners-spiral .infinite-spiral__item{background:#fff;border-color:#ffffff80}.partners-spiral .infinite-spiral__image{box-sizing:border-box;padding:4px 6px}.partners-spiral .infinite-spiral__item.partner-on-dark{background:#16172b;border-color:#ffffff38}.immersive-part .partners-section{padding-block:calc(var(--space-section) * .5)}@media (max-width:1023px){.partners-split{grid-template-columns:minmax(0,1fr)}.partners-spiral{height:clamp(420px,70dvh,640px)}}.partners-spiral{--spiral-void:clamp(40px, 8%, 76px);--spiral-edge:clamp(120px, 25%, 230px);--spiral-mask:linear-gradient(to bottom, transparent 0, transparent var(--spiral-void), #0000004d calc((var(--spiral-void) + var(--spiral-edge)) / 2), #000 var(--spiral-edge), #000 calc(100% - var(--spiral-edge)), #0000004d calc(100% - (var(--spiral-void) + var(--spiral-edge)) / 2), transparent calc(100% - var(--spiral-void)), transparent 100%);-webkit-mask-image:var(--spiral-mask);-webkit-mask-image:var(--spiral-mask);mask-image:var(--spiral-mask)}@media (max-width:767px),(pointer:coarse){.immersive :is(.card,.metrics li,.table-wrap,.cta-band){-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff17}}@media (max-width:767px){.stack-table{min-width:0}.stack-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.stack-table,.stack-table tbody,.stack-table tr,.stack-table th,.stack-table td{display:block;width:auto!important}.stack-table tr{border-bottom:1px solid var(--color-line);padding:20px 22px}.stack-table tr:last-child{border-bottom:0}.stack-table th,.stack-table td{text-align:left!important;border:0!important;padding:0!important}.stack-table tbody th,.stack-table td:first-child,.stack-table td:first-child b{letter-spacing:0;text-transform:none;font-size:17px;font-weight:600}.stack-table td[data-label]{margin-top:12px;font-size:15px;line-height:1.7}.stack-table td[data-label]:before{color:var(--color-muted);content:attr(data-label);letter-spacing:.04em;text-transform:none;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.squad tr{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.squad td:first-child{grid-column:1/-1}.squad td[data-label]{justify-content:space-between;align-items:center;margin-top:0;display:flex}.squad td[data-label]:before{margin:0 12px 0 0;display:inline}.squad td[data-label]:empty:after{color:var(--color-muted);content:"–"}.magic-bento-card__label,.role-hub-core-label,.compare-pill,.magic-bento-card__index,.proof-list code,.band-key,.sun-pin b,.sun-regions small{font-size:12px!important}}.partners-marquee{gap:14px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-row{overflow:hidden}.marquee-track{animation:marquee calc(var(--n) * 5s) linear infinite;will-change:transform;gap:14px;width:max-content;display:flex}.marquee-row[data-dir=reverse] .marquee-track{animation-direction:reverse}.marquee-copy{display:contents}@keyframes marquee{to{transform:translate(calc(-50% - 7px))}}.partner-chip{background:#fff;border:1px solid #ffffff80;border-radius:14px;flex:none;width:132px;height:84px;display:block;overflow:hidden}.partner-chip img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:4px 6px;display:block}.partner-chip.partner-on-dark{background:#16172b;border-color:#ffffff38}@media (prefers-reduced-motion:reduce){.marquee-track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.marquee-copy{display:none}}@media (max-width:767px){.system-thumb small{font-size:12px}.marketing-shell{display:flow-root}}