/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/noto-sans-thai-variable-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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]){appearance:button}::file-selector-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{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.hidden{display:none}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper:#f3f5f7;--surface:#fff;--mist:#e7edf3;--ink:#1c2d43;--slate:#4c5e73;--line:#d4dee8;--blue:#3458bf;--muted-blue:#dfe8f8;--night:#1c2d43;--night-surface:#263d58;--body-font:"Manrope", "Noto Sans Thai", sans-serif;--radius-small:6px;--radius-control:8px;--radius-surface:12px;--radius-panel:16px;font-family:Manrope,Noto Sans Thai,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#7e93af var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-padding-top:105px}html.lenis-smooth{scroll-behavior:auto}body{min-width:320px;margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input,textarea{font:inherit}button{cursor:pointer;border-radius:var(--radius-control)}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button,summary,a{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--blue)}::selection{color:#172331;background:#cad8ff}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}h1,h2,h3,h4{text-wrap:balance}button:active,a:active .round-icon,.primary-button:active,.header-contact:active{transform:scale(.97)}button{background:0 0;border:0}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px 20px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:where(section,main)[tabindex="-1"]:focus{outline:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-motion=reduced]{scroll-behavior:auto}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.cursor-effects{pointer-events:none;z-index:45;width:100%;height:100%;position:fixed;inset:0}@media (hover:none),(pointer:coarse){.cursor-effects{display:none}}.site{overflow:clip}.scroll-depth-veil{z-index:35;pointer-events:none;opacity:0;background:linear-gradient(#f3f5f7 0%,#f3f5f7f0 14%,#f3f5f78c 48%,#f3f5f71f 80%,#f3f5f700 100%);height:48px;position:fixed;top:88px;left:0;right:0}@media (width<=800px){.scroll-depth-veil{height:40px;top:76px}}@media (width<=600px){.scroll-depth-veil{height:32px;top:70px}}@media (height<=500px) and (width>=601px){.scroll-depth-veil{height:32px;top:64px}}.section-shell{width:min(1280px,100% - 112px);margin-inline:auto}.site-header{z-index:40;background:var(--paper);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:32px;width:min(1280px,100% - 112px);height:88px;margin:auto;display:flex}.wordmark{letter-spacing:-1.5px;font-size:27px;font-weight:800}.wordmark span{color:var(--blue)}.desktop-nav{gap:36px;margin-left:60px;display:flex}.desktop-nav a{color:var(--slate);padding:15px 0;font-size:15px;font-weight:500;transition:color .2s;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--ink)}.nav-active-dot{background:var(--blue);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:calc(50% - 2px)}.header-actions{align-items:center;gap:30px;display:flex}.language-switch{align-items:center;gap:2px;font-size:13px;font-weight:700;display:flex}.language-switch button{color:#526174;min-width:33px;min-height:44px}.language-switch button[aria-pressed=true]{color:var(--ink)}.language-switch>span{color:#c5cbd4}.header-contact{background:var(--muted-blue);border:0;border-radius:999px;align-items:center;gap:24px;padding:12px 17px;font-size:15px;transition:background .2s,color .2s;display:flex}.header-contact:hover{background:var(--blue);border-color:var(--blue);color:#fff}.header-contact>svg{width:28px;height:28px;color:var(--blue);background:#e7edfb;border-radius:50%;padding:6px;transition:transform .25s,background-color .25s}.header-contact:hover>svg{background:#fff;transform:rotate(8deg)}.mobile-nav{display:none}.icon-button{background:var(--surface);border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:inline-flex}.menu-toggle{display:none}.icon-button:hover{background:#fff;transform:translateY(-2px)}.text-link{align-items:center;gap:16px;min-height:44px;font-size:15px;font-weight:650;display:inline-flex}.text-link>svg{transition:transform .25s}.text-link:hover>svg{transform:translate(3px,-3px)}.round-icon{background:var(--muted-blue);border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .25s,color .25s,transform .25s;display:flex}.text-link:hover .round-icon{background:var(--ink);color:#fff;transform:translateY(3px)}.hero{padding-top:34px;position:relative}.hero-topline{color:var(--slate);justify-content:space-between;align-items:center;font-size:13px;display:flex}.availability{align-items:center;gap:9px;font-size:13px;font-weight:500;display:inline-flex}.availability i{background:#418363;border-radius:50%;width:6px;height:6px}.hero-role{font-size:13px}.hero-composition{grid-template-columns:1.45fr 1fr;align-items:center;gap:16px;min-height:585px;padding:52px 0 58px;display:grid}.small-heading{color:var(--slate);margin-top:24px;font-size:16px}.hero h1{letter-spacing:-.055em;white-space:nowrap;perspective:800px;font-size:clamp(66px,6.9vw,104px);font-weight:550;line-height:1.08}.hero h1>span{color:inherit}.hero-char{transform-origin:50% 100%;will-change:auto}.hero-bottom{max-width:400px;margin-top:18px}.hero-bottom>p{color:var(--ink);font-size:16px;line-height:1.9}.hero-bottom .text-link{color:var(--blue);margin-top:25px}.hero-object{perspective:1000px;min-width:0;height:465px;margin-top:40px;position:relative}.canvas-object{border-radius:var(--radius-panel);max-width:480px;transform-style:preserve-3d;z-index:2;background:#fdfdfe;border:0;margin-left:auto;padding:13px;position:absolute;inset:60px 18px auto -18px;rotate:-3deg;box-shadow:0 28px 50px -28px #20395265}.studio-backing{background:var(--muted-blue);border-radius:16px;position:absolute;inset:2% -14px 9% 28px;rotate:5deg}.studio-mobile-preview{background:var(--night);color:#eaf0f8;border-radius:16px;width:130px;padding:5px;position:absolute;top:-26px;right:-3px;overflow:hidden;rotate:9deg}.studio-mobile-preview img{object-fit:cover;object-position:top;border-radius:11px;width:100%;height:215px}.studio-mobile-preview span{text-align:center;padding:6px 0 3px;font-size:13px;display:block}.canvas-label{align-items:center;gap:8px;padding:3px 2px 12px;font-size:13px;font-weight:500;display:flex}.canvas-label>.canvas-arrow{flex-shrink:0;margin-left:auto}.blue-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.mini-window{border-radius:var(--radius-surface);border:0;overflow:hidden}.window-bar{background:#fafbfd;justify-content:space-between;align-items:center;gap:10px;height:36px;padding:0 13px;display:flex}.window-dots{flex:0 0 40px;gap:5px;display:flex}.window-dots i{background:#ed8a80;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){background:#e8c46c}.window-dots i:nth-child(3){background:#81b79b}.window-title{font-family:var(--body-font);color:#697589;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.window-end{color:#526174;justify-content:flex-end;align-items:center;min-width:40px;font-size:13px;display:flex}.hero-preview{aspect-ratio:1.65;background:#172331;position:relative}.hero-image-fallback{color:#dce7f4;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:150px;font-size:16px;display:flex}.hero-image-fallback small{font-size:13px}.hero-preview img{object-fit:cover;object-position:top;width:100%;height:100%}.hero-preview pre{color:#e3e9f4;padding:25px 22px;font-size:clamp(10px,1vw,14px);line-height:1.8;position:absolute;inset:0}.code-muted{color:#889ab0}.code-blue{color:#8ca9ff}.code-green{color:#9ac7af}.canvas-tools{align-items:center;gap:5px;padding-top:12px;display:flex}.canvas-tools button{border-radius:var(--radius-control);min-height:34px;color:var(--slate);align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:flex}.canvas-tools button[aria-pressed=true]{background:var(--muted-blue);color:var(--blue)}.maker-cursor{color:var(--blue);z-index:3;pointer-events:none;align-items:flex-start;gap:3px;animation:8s ease-in-out infinite paused cursor-drift;display:flex;position:absolute;bottom:3px;right:2%;transform:rotate(-8deg)}.is-living .maker-cursor{animation-play-state:running}.maker-cursor span{background:var(--blue);color:#fff;border-radius:var(--radius-control);margin-top:18px;padding:5px 11px;font-size:13px}.object-coordinate{font:13px var(--body-font);color:#526174;letter-spacing:.5px;position:absolute;bottom:-43px;left:30px}.hero-foot{color:var(--slate);border:0;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:13px;display:flex}.hero-foot a{color:var(--ink);align-items:center;gap:30px;min-height:24px;font-weight:650;display:flex}.hero-foot a:hover{color:var(--blue)}@keyframes cursor-drift{0%,to{translate:0}50%{translate:-12px -8px}}.work,.workflow,.about{padding-top:116px}.section-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px;display:flex}.section-heading h2{letter-spacing:-3.2px;font-size:clamp(40px,4.3vw,63px);font-weight:500;line-height:1.13}.section-intro{max-width:300px;color:var(--ink);padding-bottom:4px;font-size:16px;line-height:1.9}.project-navigation{align-items:center;gap:24px;margin-bottom:24px;display:flex}.project-demo-link{border-radius:var(--radius-surface);background:var(--blue);color:#fff;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:600;transition:background-color .2s;display:inline-flex}.project-demo-link:hover{background:var(--ink)}.project-switcher{flex:1;min-width:0;display:flex}.project-switcher>button{border-radius:var(--radius-surface);color:#526174;text-align:left;flex:1;align-items:center;gap:12px;min-height:64px;padding:20px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.project-switcher>button+button{padding-left:28px}.project-switcher>button[aria-pressed=true]{color:var(--ink);background:var(--muted-blue)}.project-selector-dot{border:1px solid #9aa7b7;border-radius:50%;width:5px;height:5px}.project-switcher>button[aria-pressed=true] .project-selector-dot{background:var(--blue);border-color:var(--blue)}.selector-type{color:var(--slate);margin-left:auto;font-size:13px;font-weight:400}.project-tab-line{background:var(--blue);height:3px;position:absolute;bottom:-1px;left:0;right:0}.project-stage{border-radius:var(--radius-panel);touch-action:pan-y;padding:24px 34px 20px;transition:background-color .4s;position:relative;overflow:hidden}.stage-top,.stage-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-caption{color:#59636b;font-size:13px}.device-switch{border-radius:var(--radius-surface);background:#fff8;border:1px solid #ffffff6b;flex-shrink:0;gap:2px;padding:3px;display:flex}.device-switch button{border-radius:var(--radius-control);color:#5f6c7a;justify-content:center;align-items:center;width:40px;height:34px;display:flex}.device-switch button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #17233112}.project-frame-area{justify-content:center;align-items:center;height:auto;padding:27px 30px 35px;display:flex;position:relative}.project-frame-area.mobile{height:680px}.project-browser{border-radius:var(--radius-surface);width:100%;max-width:1050px;box-shadow:none;background:var(--paper);border:0;overflow:hidden}.project-browser .window-bar{height:34px}.frame-tag{font-family:var(--body-font);font-size:13px}.project-image{width:100%;height:auto}.project-browser.desktop .project-image{aspect-ratio:1.44;object-fit:cover;object-position:top}.project-frame-area.desktop{padding-right:11%}.project-companion{border:5px solid var(--night);background:var(--night);border-radius:22px;width:20%;position:absolute;bottom:7%;right:0;overflow:hidden}.project-companion img{aspect-ratio:390/844;object-fit:cover;object-position:top}.project-browser.mobile{width:268px;box-shadow:none;border:5px solid #172331;border-radius:28px;flex-shrink:0}.project-browser.mobile .window-bar{background:#172331;border:0;height:28px;padding:0 16px}.project-browser.mobile .window-title{color:#d5dce7;font-size:13px}.project-browser.mobile .window-dots{display:none}.project-browser.mobile .window-end{color:#aab5c5}.project-browser.mobile .project-image{aspect-ratio:390/844;object-fit:cover}.project-folio{font-size:14px;font-weight:650}.project-folio>span{color:#526174;margin-left:8px;font-weight:400}.expand-button{align-items:center;gap:8px;min-height:36px;font-size:13px;display:flex}.expand-button:hover{color:var(--blue)}.swipe-hint{display:none}.project-information{grid-template-columns:1fr 1fr;gap:80px;padding-top:35px;display:grid}.project-status{color:var(--slate);align-items:center;gap:7px;font-size:13px;display:flex}.project-status i{background:#9b8051;border-radius:50%;width:5px;height:5px}.project-status.live i{background:#418363}.project-name h3{letter-spacing:-1.4px;margin:12px 0 16px;font-size:34px;font-weight:500}.project-tags{flex-wrap:wrap;gap:7px;display:flex}.project-tags span{color:var(--slate);border-radius:var(--radius-small);background:var(--mist);padding:5px 9px;font-size:13px}.project-description>p{color:var(--ink);font-size:16px;line-height:1.9}.project-description .project-note{color:#627085;margin-top:14px;font-size:13px;line-height:1.8}.project-actions{justify-content:flex-end;align-items:center;gap:15px;min-height:46px;margin-top:17px;display:flex}.gallery-arrows{gap:8px;display:flex}.unavailable{color:#687588;font-size:13px}.preview-dialog{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--paper);width:fit-content;max-width:min(1200px,94vw);max-height:90svh;color:var(--ink);overscroll-behavior:contain;margin:auto;padding:0;overflow:auto}.preview-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101b2bd9}.dialog-toolbar{background:var(--paper);z-index:1;justify-content:space-between;align-items:center;gap:30px;padding:10px 20px;font-size:16px;display:flex;position:sticky;top:0}.dialog-toolbar small{color:var(--slate);margin-left:12px;font-size:13px}.preview-dialog .phone-image{width:390px;margin:auto}.image-fallback{background:#e8edf4;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:300px;padding:20px;font-size:14px;display:flex}.workflow{isolation:isolate;border-top:0;margin-top:110px;padding-bottom:110px;position:relative}.workflow:before{content:"";background:var(--mist);z-index:-1;position:absolute;inset:0 calc(50% - 50vw)}.workflow .section-intro{max-width:310px}.workflow-layout{grid-template-columns:.78fr 1.5fr;align-items:start;gap:100px;display:grid}.stage-list{flex-direction:column;padding-top:10px;display:flex}.stage-list>button{border-radius:var(--radius-surface);isolation:isolate;text-align:left;min-height:76px;color:var(--slate);align-items:center;gap:22px;padding:18px;font-size:16px;display:flex;position:relative}.stage-list>button>svg{opacity:0;margin-left:auto;transition:opacity .2s,transform .2s;transform:translate(-8px)}.stage-list>button[aria-pressed=true]{color:#fff;background:var(--night);border-radius:var(--radius-surface)}.stage-list>button[aria-pressed=true]>svg{opacity:1;color:#b5c9ff;transform:translate(0)}.stage-active-bg{z-index:-1;background:var(--night);border-radius:var(--radius-surface);border:0;position:absolute;inset:0}.process-console{border-radius:var(--radius-panel);box-shadow:none;background:#fff;border:0;overflow:hidden}.process-console>.window-bar{height:42px}.demo-canvas{background-color:#dfe7f0;justify-content:center;align-items:center;min-height:370px;padding:50px 38px 25px;display:flex;position:relative;overflow:hidden}.demo-canvas-label{color:#647084;font-size:13px;position:absolute;top:17px;left:20px}.stage-demo-content{justify-content:center;align-items:center;width:100%;max-width:440px;min-height:285px;display:flex}.stage-caption{padding:25px 30px}.stage-caption>div:first-child{align-items:center;gap:10px;display:flex}.stage-caption h3{font-size:17px;font-weight:550}.stage-caption>p{color:var(--ink);min-height:68px;margin-top:10px;font-size:16px;line-height:1.9}.stage-output{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding-top:16px;font-size:13px;display:flex}.stage-output>span:first-child{color:var(--slate)}.discovery-demo{width:100%;max-width:340px}.brief-sheet{border:1px solid var(--line);border-radius:var(--radius-surface);background:#fff;padding:22px 25px;rotate:-2deg;box-shadow:0 10px 24px -15px #17233126}.brief-sheet h4{letter-spacing:-.6px;margin-top:10px;font-size:20px;font-weight:550}.brief-sheet p{color:var(--slate);margin-top:5px;font-size:13px}.priority-list{flex-direction:column;gap:6px;margin-top:17px;display:flex}.priority-list>button{text-align:left;border:1px solid var(--line);border-radius:var(--radius-control);align-items:center;gap:10px;min-height:38px;padding:9px 10px;font-size:13px;display:flex}.priority-list>button>svg{color:#7d8ba0;margin-left:auto}.priority-list>button[aria-pressed=true]{color:var(--blue);background:#f0f4ff;border-color:#b4c5f4}.priority-check{border:1px solid #b7c5db;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.priority-list>button[aria-pressed=true] .priority-check{background:var(--blue);border-color:var(--blue);color:#fff}.brief-result{background:var(--blue);color:#fff;border-radius:var(--radius-control);justify-content:center;align-items:center;gap:8px;width:fit-content;margin:-3px -13px 0 auto;padding:12px 16px;font-size:13px;display:flex;position:relative;rotate:2deg}.planning-demo{width:100%}.sitemap-root{border-radius:var(--radius-surface);background:#e9eefb;border:1px solid #b7c6eb;justify-content:center;align-items:center;gap:9px;width:170px;margin:auto;padding:16px;font-size:14px;display:flex}.sitemap-lines{border-inline:1px solid #b3c1d7;border-top:1px solid #b3c1d7;width:70%;height:46px;margin:0 auto;position:relative;top:23px}.sitemap-lines:before{content:"";border-left:1px solid #b3c1d7;height:69px;position:absolute;top:-24px;left:50%}.sitemap-pages{justify-content:space-between;gap:12px;margin-top:23px;display:flex;position:relative}.sitemap-pages>button{border:1px solid var(--line);border-radius:var(--radius-control);background:#fff;flex:1;padding:13px 5px;font-size:13px}.sitemap-pages>button[aria-pressed=true]{color:var(--blue);border-color:#b1c2f0;box-shadow:0 3px 12px #355fd612}.sitemap-detail{border-radius:var(--radius-surface);color:var(--slate);background:#fff;align-items:center;gap:10px;margin:28px 0 0;padding:15px;font-size:13px;display:flex}.design-demo,.development-demo,.testing-demo{width:100%}.demo-toolbar{color:var(--slate);justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin-bottom:18px;font-size:13px;display:flex}.demo-toolbar>span{align-items:center;gap:7px;display:flex}.color-swatches{gap:9px;display:flex}.color-swatches button{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 0 0 1px #c8d2e0}.demo-site{border-radius:var(--radius-surface);background:#fff;border:1px solid #d9e0e7;width:100%;padding:18px 22px;overflow:hidden;box-shadow:0 10px 30px -20px #17233155}.demo-nav{align-items:center;gap:10px;margin-bottom:22px;display:flex}.demo-logo{background:var(--demo-accent);border-radius:50% 50% 2px;width:20px;height:20px;margin-right:auto;transition:background .25s}.demo-nav>span:not(:first-child){background:#d9e0e7;width:25px;height:3px}.demo-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;display:grid}.demo-hero strong{letter-spacing:-1px;font-size:22px;font-weight:600;line-height:1.15;display:block}.demo-text-lines{flex-direction:column;gap:5px;margin:12px 0;display:flex}.demo-text-lines i{background:#e2e7ef;width:100%;height:3px}.demo-text-lines i:last-child{width:70%}.demo-cta{background:var(--demo-accent);color:#fff;border-radius:var(--radius-small);justify-content:space-between;align-items:center;width:96px;padding:7px 9px;font-size:13px;transition:background .25s;display:flex}.demo-art{aspect-ratio:1;background:color-mix(in srgb, var(--demo-accent) 10%, white);border-radius:var(--radius-surface);position:relative;overflow:hidden}.demo-art>span{border:1px solid var(--demo-accent);border-radius:50%;transition:border-color .25s;position:absolute;inset:10%}.demo-art>span:nth-child(2){background:var(--demo-accent);border-radius:var(--radius-small);transition:background .25s;inset:27%;rotate:35deg}.demo-art>span:nth-child(3){border-style:dashed;inset:17%}.demo-lower{border-top:1px solid var(--line);gap:10px;margin-top:19px;padding-top:14px;display:flex}.demo-lower>span{border-radius:var(--radius-small);background:#edf1f6;flex:1;height:20px}.development-code{color:#d7e1f0;border-radius:var(--radius-surface);background:#172331;min-height:247px;padding:18px 25px;font:13px/1.75 ui-monospace,Consolas,monospace}.mini-button{border-radius:var(--radius-control);background:#fff;border:1px solid #c7d2e3;align-items:center;gap:7px;min-height:35px;padding:8px 10px;font-size:13px;display:flex}.responsive-demo{justify-content:center;min-height:245px;display:flex}.demo-site.compact{width:165px;padding:12px 14px}.demo-site.compact .demo-hero{flex-direction:column;align-items:stretch;gap:10px;display:flex}.demo-site.compact .demo-nav{margin-bottom:13px}.demo-site.compact .demo-hero strong{font-size:17px}.demo-site.compact .demo-art{aspect-ratio:auto;height:55px}.demo-site.compact .demo-text-lines{display:none}.demo-site.compact .demo-cta{margin-top:8px}.demo-site.compact .demo-lower{margin-top:10px;padding-top:10px}.demo-site.compact .demo-lower>span{height:10px}.test-size{color:var(--slate);justify-content:space-between;margin-top:12px;font-size:13px;display:flex}.launch-demo{text-align:center;width:100%;max-width:290px}.launch-symbol{width:62px;height:62px;color:var(--slate);background:#fff;border:1px solid #c5d0e2;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 13px;display:flex}.launch-symbol.ready{background:var(--blue);color:#fff;border-color:var(--blue)}.launch-demo h4{letter-spacing:-.6px;margin-bottom:14px;font-size:20px}.launch-checks{border:1px solid var(--line);border-radius:var(--radius-surface);background:#fff;flex-direction:column;padding:10px 16px;display:flex}.launch-checks label{cursor:pointer;text-align:left;align-items:center;gap:10px;min-height:35px;font-size:13px;display:flex}.launch-checks input{accent-color:var(--blue);width:15px;height:15px}.example-note{color:var(--slate);margin-top:14px;font-size:13px;display:block}.about{border-top:0;padding-top:105px;padding-bottom:105px}.about .section-heading{margin-bottom:45px}.about-layout{grid-template-columns:1.06fr 1fr;align-items:center;gap:76px;display:grid}.identity-line{align-items:center;gap:15px;margin-bottom:25px;display:flex}.identity-symbol{letter-spacing:-3px;width:48px;height:48px;color:var(--blue);background:#e6ecf8;border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:750;display:flex}.identity-line h3{font-size:14px;font-weight:650}.identity-line div>span{color:var(--slate);font-size:13px}.about-copy .about-bio{color:var(--ink);margin-bottom:16px;font-size:21px;line-height:1.8}.about-copy>p{color:var(--ink);text-wrap:pretty;word-break:normal;overflow-wrap:normal;font-size:16px;line-height:1.9}.reading-phrase{white-space:nowrap}.about-copy .about-introduction{max-width:55ch}.working-strengths{gap:18px;margin:26px 0 0;padding:0;list-style:none;display:grid}.working-strengths li{gap:5px;display:grid}.working-strengths strong{color:var(--ink);font-size:16px;font-weight:600}.working-strengths p{max-width:55ch;color:var(--slate);text-wrap:pretty;font-size:16px;line-height:1.8}.about-copy>.text-link{margin-top:25px}.terminal{border-radius:var(--radius-panel);color:#dbe4f0;box-shadow:none;background:#172331;border:0;overflow:hidden}.terminal>.window-bar{background:#1e2c3e;border-color:#344155;height:40px}.terminal .window-title{color:#a7b5c8}.terminal .window-dots{opacity:.85}.terminal .window-end{color:#899ab0}.terminal-body{min-height:265px;padding:22px 25px 0}.terminal-greeting{font:13px/1.6 var(--body-font);color:#9faec3;justify-content:space-between;gap:10px;margin-bottom:22px;padding-bottom:14px;display:flex}.terminal-version{color:#7f90a7}.terminal-body pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#dce7f4;min-height:184px;font:13px/1.95 ui-monospace,Consolas,Noto Sans Thai,monospace}.terminal-cursor{vertical-align:-2px;background:#8ba8f8;width:7px;height:13px;margin-left:2px;display:inline-block}.is-typing .terminal-cursor{animation:1s step-end infinite blink}.terminal-controls{background:#1e2c3e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px 12px;display:flex}.terminal-commands{flex-wrap:wrap;gap:5px;display:flex}.terminal-commands>button{font:13px var(--body-font);border-radius:var(--radius-control);color:#b3c0d3;border:1px solid #0000;min-height:34px;padding:8px 9px}.terminal-commands>button[aria-pressed=true]{color:#b6caff;background:#294064;border-color:#4c648b}.terminal-commands>button:hover{background:#263a55}.terminal-playback{align-items:center;gap:5px;display:flex}.terminal-icon{color:#a2b3c9;justify-content:center;align-items:center;width:30px;height:32px;display:flex}.terminal button:disabled{opacity:.35}.terminal-skip{color:#c3d1e3;min-height:32px;padding:0 5px;font-size:13px}.terminal-disclaimer{color:#9cacc1;align-items:center;gap:7px;padding:0 25px 17px;font-size:13px;line-height:1.8;display:flex}.terminal-small-dot{background:#8298bc;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:inline-block}@keyframes blink{50%{opacity:0}}.services-layout{grid-template-columns:1fr 1.12fr;gap:95px;margin-top:90px;padding-top:65px;display:grid}.services-intro h3{letter-spacing:-.9px;white-space:pre-line;margin-bottom:18px;font-size:29px;font-weight:500;line-height:1.45}.services-intro p{color:var(--ink);max-width:300px;font-size:16px;line-height:1.9}.service-row{background:var(--mist);border-radius:var(--radius-surface);margin-bottom:8px;padding-inline:20px}.service-row summary{align-items:center;gap:22px;min-height:85px;padding:17px 0;display:flex}.service-icon{color:#62748f;transition:color .2s,transform .25s}.service-row h4{letter-spacing:-.3px;font-size:17px;font-weight:500}.service-plus{border:1px solid var(--line);color:#64748a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:20px;transition:transform .25s,background .25s;display:flex}.service-row[open] .service-plus{background:var(--ink);color:#fff;transform:rotate(45deg)}.service-row[open] .service-icon,.service-row:hover .service-icon{color:var(--blue);transform:rotate(-8deg)}.service-row>p{color:var(--ink);padding:0 45px 25px;font-size:16px;line-height:1.9;animation:.3s ease-out detail-reveal}@keyframes detail-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.contact{--ink:#eff4fa;--slate:#bdcce0;--blue:#acc3ff;--line:#435870;--paper:var(--night);isolation:isolate;color:var(--ink);background:var(--night);border:0;padding-top:72px;padding-bottom:85px;position:relative}.contact:before,.site-footer:before{content:"";background:var(--night);z-index:-1;position:absolute;inset:0 calc(50% - 50vw)}.contact-top{color:var(--slate);justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.contact-heading{justify-content:space-between;align-items:center;gap:30px;margin:43px 0 40px;display:flex}.contact h2{letter-spacing:-4px;font-size:clamp(45px,5.6vw,80px);font-weight:500;line-height:1.13}.contact h2 .contact-period{color:inherit}.contact-title-visual,.contact-title-line{display:block}.contact-title-line{white-space:nowrap}.typing-slot{vertical-align:baseline;display:inline-grid}.typing-measure,.typing-visible{white-space:nowrap;grid-area:1/1}.typing-measure{visibility:hidden;-webkit-user-select:none;user-select:none}.typing-cursor{background:var(--blue);vertical-align:-.015em;border-radius:2px;width:.035em;min-width:2px;height:.78em;margin-left:.045em;animation:1s step-end infinite paused headline-caret;display:inline-block}.typing-cursor.is-active{animation-play-state:running}@keyframes headline-caret{50%{opacity:0}}.contact-arrow{width:155px;height:155px;color:var(--blue)}.contact-bottom{justify-content:space-between;align-items:flex-start;gap:55px;display:flex}.contact-bottom>p{color:var(--ink);flex:1;min-width:0;max-width:none;font-size:16px;line-height:1.9}.contact-destination{flex-shrink:0;min-width:320px}.primary-button{background:var(--blue);color:var(--night);min-width:320px;box-shadow:none;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;font-size:16px;font-weight:550;transition:background-color .2s;display:flex}.primary-button:hover{background:#d0dfff}.primary-button>svg:last-child{background:#ffffff1f;border-radius:50%;width:30px;height:30px;padding:6px;transition:transform .2s}.primary-button:hover>svg:last-child{transform:translate(2px,-2px)}.contact-secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:12px;display:grid}.contact-secondary a{white-space:nowrap;align-items:center;gap:7px;min-height:44px;font-size:13px;line-height:1.5;display:flex}.contact-secondary a:nth-child(2){justify-content:center}.contact-secondary a:last-child{justify-content:flex-end}.contact-secondary a:hover,.contact-phone:hover{color:var(--blue)}.contact-phone{align-items:center;gap:10px;width:fit-content;min-height:44px;margin-top:4px;font-size:15px;line-height:1.5;display:flex}.contact-destination>p{color:var(--slate);margin-top:13px;font-size:13px}.contact-destination>small{color:#637187;margin-top:4px;font-size:13px;display:block}.site-footer{--ink:#eff4fa;--slate:#bdcce0;--blue:#acc3ff;--line:#435870;isolation:isolate;color:var(--ink);background:var(--night);border:0;padding-top:28px;position:relative}.footer-top{color:var(--slate);justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.footer-alias{color:var(--ink);font-size:15px}.back-top{align-items:center;gap:18px;min-height:44px;display:flex}.footer-wordmark{text-align:center;text-indent:.075em;letter-spacing:-.075em;color:#a8bed9;white-space:nowrap;margin:25px 0;font-size:clamp(90px,16.9vw,240px);font-weight:600;line-height:1.2}.footer-wordmark span{color:var(--blue)}.footer-bottom{min-height:76px;color:var(--slate);justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.motion-control{align-items:center;gap:7px;min-height:44px;font-size:13px;display:flex}.motion-control:disabled{cursor:default;opacity:.75}@media (width>=1500px){.hero-composition{min-height:650px}.hero h1{font-size:108px}.hero-object{margin-left:25px}.project-frame-area.mobile{height:760px}.canvas-object{top:55px}.hero-object{height:465px}}@media (width<=1100px){.project-navigation .selector-type{display:none}.section-shell,.header-inner{width:calc(100% - 72px)}.hero-composition{grid-template-columns:1.4fr 1fr;gap:10px;min-height:550px}.hero h1{letter-spacing:-4px;font-size:7.1vw}.hero-object{height:375px;margin-top:20px}.canvas-object{padding:10px;top:20px;left:0}.hero-preview pre{padding:17px 15px;font-size:13px}.maker-cursor{bottom:-10px}.object-coordinate{bottom:-60px;left:0}.canvas-tools button{padding:7px;font-size:13px}.canvas-label,.hero-role{font-size:13px}.project-frame-area{height:auto;padding:24px 12px}.project-browser{max-width:900px}.project-frame-area.mobile{height:570px}.project-browser.mobile{width:225px}.workflow-layout{grid-template-columns:.8fr 1.3fr;gap:45px}.demo-canvas{padding-inline:25px}.stage-list>button{gap:15px;padding-inline:12px;font-size:14px}.about-layout,.services-layout{grid-template-columns:1fr 1.1fr;gap:50px}.about-copy .about-bio{font-size:18px}.terminal-body{padding-inline:20px}.terminal-body pre{font-size:13px}.section-heading h2{font-size:48px}.contact h2{font-size:6vw}.contact-arrow{width:110px;height:110px}.desktop-nav{gap:24px;margin-left:0}.header-actions{gap:18px}}@media (width<=900px){.about-layout{grid-template-columns:1fr;gap:38px}.about-copy{max-width:700px}.about-layout>.terminal{justify-self:center;width:100%;max-width:700px}}@media (width>=801px) and (width<=1100px){.contact-bottom{flex-wrap:wrap;gap:25px}.contact-bottom>p{flex-basis:100%;max-width:none}.contact-bottom>.contact-destination{margin-left:auto}}@media (width<=800px){.section-shell,.header-inner{width:calc(100% - 48px)}.header-inner{gap:20px;height:76px}.wordmark{font-size:24px}.desktop-nav{gap:20px}.header-actions{gap:16px}.header-contact{gap:15px;padding:10px 12px}.hero-composition{grid-template-columns:1.2fr 1fr;min-height:480px;padding-top:45px;padding-bottom:65px}.hero h1{letter-spacing:-3.5px;font-size:7.6vw}.hero-bottom{max-width:290px}.hero-bottom>p{font-size:15px}.small-heading{margin-bottom:22px;font-size:13px}.hero-object{height:330px;margin-top:15px}.canvas-object{top:20px;left:6px}.hero-preview pre{padding:12px;font-size:13px}.canvas-label{font-size:13px}.canvas-tools{padding-top:6px}.window-bar{height:26px;padding-inline:8px}.window-dots{flex-basis:30px;gap:4px}.window-dots i{width:5px;height:5px}.window-title{font-size:13px}.maker-cursor{bottom:-5px;right:-5px}.maker-cursor span{font-size:13px}.object-coordinate{font-size:13px;bottom:-45px}.hero-foot{font-size:13px}.hero-foot a{gap:12px}.hero-role{display:none}.work,.workflow,.about{padding-top:80px}.section-heading{gap:35px;margin-bottom:35px}.section-heading h2{letter-spacing:-2px;font-size:42px}.section-intro{max-width:240px;font-size:16px}.project-frame-area{height:auto;padding:25px 0}.project-frame-area.mobile{height:460px}.project-browser.mobile{width:180px}.project-stage{padding:18px 22px}.project-information{gap:40px}.project-description>p{font-size:16px}.project-name h3{font-size:30px}.project-tags span{padding:4px 6px;font-size:13px}.workflow{margin-top:75px;padding-bottom:80px}.workflow-layout{grid-template-columns:1fr;gap:24px}.stage-list{grid-template-columns:repeat(3,1fr);gap:8px;padding:0;display:grid}.stage-list>button{border-radius:var(--radius-surface);background:#dce4ee;border:0;gap:10px;min-height:52px;padding:14px 12px;font-size:13px}.stage-list>button>svg{width:13px}.stage-active-bg{border-left:0}.demo-canvas{min-height:385px}.stage-demo-content{max-width:440px}.stage-caption>p{min-height:auto}.about-layout{gap:35px}.about-copy .about-bio{font-size:16px}.identity-line h3{font-size:13px}.identity-line{gap:10px}.identity-symbol{width:40px;height:40px;font-size:24px}.terminal-body pre,.terminal-greeting{font-size:13px}.terminal-version{display:none}.terminal-body{padding-inline:17px}.terminal-controls{padding-inline:12px}.terminal-commands>button{padding-inline:7px;font-size:13px}.terminal-disclaimer{padding-inline:17px;font-size:13px}.services-layout{gap:35px;margin-top:65px;padding-top:50px}.services-intro h3{font-size:25px}.service-row h4{font-size:15px}.service-row summary{gap:15px;min-height:75px}.contact h2{letter-spacing:-2.5px;font-size:6.3vw}.contact-arrow{width:80px;height:80px}.contact-bottom{gap:35px}.contact-bottom>p{max-width:300px;font-size:16px}.contact-destination,.primary-button{min-width:280px}.primary-button{padding:18px;font-size:14px}.footer-bottom{flex-wrap:wrap;gap:5px 15px;padding-block:15px}.footer-draft{display:none}}@media (width<=600px){html{scroll-padding-top:87px}.section-shell,.header-inner{width:calc(100% - 40px)}.header-inner{gap:12px;height:70px}.wordmark{letter-spacing:-1.4px;font-size:24px}.desktop-nav,.header-contact{display:none}.header-actions{gap:15px}.language-switch{gap:0;font-size:13px}.language-switch button{min-width:30px}.menu-toggle{border:0;width:36px;height:44px;display:flex}.mobile-nav{background:var(--paper);border-bottom:1px solid var(--line);max-height:calc(100svh - 70px);padding:18px 24px 24px;display:block;position:absolute;top:70px;left:0;right:0;overflow:auto;box-shadow:0 18px 20px #1723310a}.mobile-nav>a{border-bottom:1px solid var(--line);letter-spacing:-.5px;justify-content:space-between;align-items:center;padding:19px 0;font-size:23px;display:flex}.mobile-nav>a>span{align-items:center;gap:18px;display:flex}.mobile-nav>p{color:var(--slate);margin-top:22px;font-size:13px}.hero{padding-top:25px}.hero-topline{font-size:13px}.availability{gap:8px;font-size:13px}.hero-composition{flex-direction:column;align-items:stretch;gap:0;min-height:auto;padding:37px 0 38px;display:flex}.small-heading{margin-bottom:21px;font-size:13px}.hero h1{letter-spacing:-2.8px;font-size:clamp(44px,11.5vw,68px);font-weight:550;line-height:1.12}.hero-bottom{max-width:360px;margin-top:23px}.hero-bottom>p{max-width:320px;font-size:16px;line-height:1.9}.hero-bottom .text-link{gap:13px;margin-top:15px;font-size:14px}.round-icon{width:33px;height:33px}.hero-object{align-self:center;width:calc(100% - 24px);height:305px;margin:40px 4px 0 10px}.canvas-object{max-width:410px;margin:auto;padding:10px;top:16px;left:0;right:5px;rotate:-4deg}.hero-preview{aspect-ratio:1.85}.hero-preview pre{padding:17px;font-size:13px}.canvas-label{padding-bottom:9px;font-size:13px}.canvas-tools{padding-top:7px}.canvas-tools button{min-height:40px;padding:7px 11px;font-size:13px}.maker-cursor{bottom:-7px;right:-7px}.maker-cursor span{font-size:13px}.object-coordinate{font-size:13px;bottom:-28px;left:4px}.hero-foot{align-items:flex-start;gap:22px;padding:20px 0;font-size:13px;line-height:1.7}.hero-foot>span{max-width:190px}.hero-foot a{white-space:nowrap;gap:7px;font-size:13px}.section-heading{margin-bottom:28px;display:block}.section-heading h2{letter-spacing:-2px;font-size:39px;line-height:1.15}.section-intro{max-width:315px;margin-top:20px;font-size:16px;line-height:1.85}.work,.workflow,.about{padding-top:65px}.project-navigation{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.project-demo-link{width:100%}.project-switcher>button{gap:8px;min-height:54px;padding:16px 12px 16px 0;font-size:14px}.project-switcher>button+button{padding-left:15px}.selector-type{display:none}.project-stage{border-radius:var(--radius-panel);margin-inline:-8px;padding:16px 14px 13px}.preview-caption{max-width:180px;font-size:13px}.device-switch{padding:2px}.device-switch button{width:39px;height:38px}.project-frame-area{height:auto;min-height:245px;padding:25px 0 30px}.project-browser.desktop{border-radius:var(--radius-surface)}.project-browser.desktop .window-bar{height:24px;padding:0 8px}.project-browser.desktop .window-title,.project-browser.desktop .window-end{font-size:13px}.project-browser.desktop .project-image{aspect-ratio:1.25;object-fit:cover;object-position:top}.project-frame-area.mobile{height:570px}.project-browser.mobile{width:236px}.project-browser.mobile .window-bar{height:23px}.stage-bottom{gap:8px}.project-folio{font-size:13px}.project-folio>span{margin-left:3px}.swipe-hint{color:#5a6676;font-size:13px;display:block}.expand-button{gap:5px;min-height:40px;font-size:13px}.expand-button svg{width:12px}.project-information{padding-top:23px;display:block}.project-status{font-size:13px}.project-name h3{margin:10px 0 13px;font-size:31px}.project-tags span{padding:4px 7px;font-size:13px}.project-description{margin-top:24px}.project-description>p{font-size:16px;line-height:1.9}.project-description .project-note{max-width:320px;font-size:13px}.project-actions{gap:12px;margin-top:15px}.project-actions .text-link{font-size:14px}.unavailable{max-width:210px;font-size:13px}.gallery-arrows{gap:6px}.gallery-arrows .icon-button{width:40px;height:40px}.dialog-toolbar{gap:12px;padding:8px 12px;font-size:14px}.dialog-toolbar small{margin:3px 0 0;font-size:13px;display:block}.preview-dialog{max-width:96vw;max-height:92svh}.preview-dialog .phone-image{width:100%;max-width:390px}.workflow{margin-top:62px;padding-bottom:65px}.workflow-layout{gap:20px}.workflow .section-intro{max-width:320px}.stage-list{grid-template-columns:repeat(2,1fr);gap:7px}.stage-list>button{gap:10px;min-height:50px;padding:12px 10px;font-size:13px}.stage-list>button>svg{width:12px}.process-console{border-radius:var(--radius-panel);margin-inline:-8px}.process-console>.window-bar{height:37px;padding:0 13px}.process-console .window-title{font-size:13px}.demo-canvas{min-height:353px;padding:47px 20px 25px}.demo-canvas-label{font-size:13px;left:16px}.stage-demo-content{min-height:275px}.brief-sheet{margin-inline:6px;padding:18px 20px}.brief-sheet h4{font-size:21px}.brief-sheet p{font-size:13px}.priority-list>button{min-height:42px;font-size:13px}.brief-result{margin-right:-2px;padding:11px 13px;font-size:13px}.stage-caption{padding:21px 20px}.stage-caption h3{font-size:15px;line-height:1.5}.stage-caption>p{min-height:91px;font-size:16px;line-height:1.9}.stage-output{align-items:flex-start;font-size:13px}.stage-output>span:first-child{white-space:nowrap}.stage-output>span:last-child{text-align:right}.demo-toolbar{gap:7px;font-size:13px}.color-swatches{gap:9px}.color-swatches button{width:34px;height:34px}.demo-site{padding:17px 16px}.demo-hero{gap:12px}.demo-hero strong{font-size:22px}.demo-art{min-width:90px}.demo-nav{margin-bottom:18px}.demo-lower{margin-top:18px}.development-code{min-height:250px;padding:18px;font-size:13px;line-height:1.9}.mini-button{min-height:40px;padding:8px;font-size:13px}.sitemap-pages{gap:8px}.sitemap-pages>button{min-height:44px;font-size:13px}.sitemap-detail{font-size:13px}.launch-checks label{min-height:42px}.test-size{font-size:13px}.about{padding-bottom:65px}.about .section-heading{margin-bottom:32px}.about-layout{grid-template-columns:1fr;gap:34px}.identity-line{gap:13px;margin-bottom:23px}.identity-line h3{font-size:14px}.identity-line div>span{font-size:13px}.identity-symbol{width:46px;height:46px}.about-copy .about-bio{max-width:360px;font-size:18px;line-height:1.85}.about-copy>p{max-width:355px;font-size:16px}.about-copy>.text-link{margin-top:17px;font-size:14px}.terminal{margin-inline:-8px}.terminal>.window-bar{height:37px;padding-inline:13px}.terminal .window-title{font-size:13px}.terminal-body{min-height:260px;padding:20px 20px 0}.terminal-greeting{margin-bottom:20px;font-size:13px}.terminal-body pre{min-height:184px;font-size:13px;line-height:2}.terminal-controls{gap:8px;padding:12px 14px 8px}.terminal-commands{gap:2px}.terminal-commands>button{min-height:40px;padding-inline:9px;font-size:13px}.terminal-playback{margin-left:auto}.terminal-icon{width:34px;height:40px}.terminal-skip{min-height:40px;font-size:13px}.terminal-disclaimer{padding:0 20px 15px;font-size:13px}.services-layout{grid-template-columns:1fr;gap:26px;margin-top:55px;padding-top:35px}.services-intro h3{letter-spacing:-.8px;font-size:28px;line-height:1.4}.services-intro p{max-width:320px;font-size:16px}.service-row summary{gap:18px;min-height:80px}.service-row h4{font-size:16px}.service-row>p{padding-left:40px;padding-right:15px;font-size:16px}.contact{padding-top:30px;padding-bottom:55px}.contact-top{gap:15px;font-size:13px}.contact-top .availability{font-size:13px}.contact-heading{gap:10px;margin:31px 0 27px;position:relative}.contact h2{letter-spacing:-1.8px;font-size:clamp(32px,8.2vw,49px);line-height:1.17}.contact-arrow{opacity:.5;width:36px;height:36px;display:none;position:absolute;top:-10px;right:0;transform:translateY(-40px)}.contact-bottom{display:block}.contact-bottom>p{max-width:320px;font-size:16px}.contact-destination{min-width:0;max-width:360px;margin-top:27px}.primary-button{width:100%;min-width:0;padding:19px 20px;font-size:15px}.contact-destination>p,.contact-destination>small{font-size:13px}.site-footer{padding-top:20px}.footer-top{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.footer-top>span{order:3;width:100%;font-size:13px}.footer-alias{font-size:14px}.back-top{gap:10px;font-size:13px}.footer-wordmark{letter-spacing:-.075em;margin:25px 0 23px;font-size:16vw}.footer-bottom{gap:8px;min-height:80px;padding:12px 0;font-size:13px}.motion-control{gap:5px;font-size:13px}}@media (width<=360px){.section-shell,.header-inner{width:calc(100% - 32px)}.header-actions{gap:8px}.hero h1{letter-spacing:-2.3px;font-size:11.3vw}.hero-object{height:280px}.hero-preview pre{font-size:13px}.hero-foot{gap:13px;font-size:13px}.hero-foot a{font-size:13px}.hero-foot>span{max-width:145px}.section-heading h2{font-size:34px}.contact h2{letter-spacing:-1.5px;font-size:8.4vw}.terminal-body pre{font-size:13px}.stage-list>button{gap:7px;font-size:13px}.demo-canvas{padding-inline:15px}.demo-hero strong{font-size:19px}.demo-hero{gap:8px}.stage-caption{padding-inline:16px}.section-intro{font-size:16px}.project-frame-area.mobile{height:520px}.project-browser.mobile{width:215px}.swipe-hint{font-size:13px}}@media (height<=500px) and (width>=601px){.work{padding-top:32px}.work .section-heading{margin-bottom:24px}.header-inner{height:64px}.hero-composition{min-height:420px}.hero-object{margin-top:20px}.mobile-nav{max-height:calc(100svh - 64px);top:64px}}