@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-ext-400-normal.0_q8wa_t-7-c7.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-400-normal.1-h66gx1kjeux.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-400-normal.2dcg25_89g34d.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-400-normal.1r3eey-1tdqwh.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-vietnamese-400-normal.40ek894ady0so.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-400-normal.0blsyrk14nago.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-ext-400-normal.1ih4rrmj883u6.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-400-normal.0hj8bqnym411c.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.19gbeb610ur4n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.3nj-glub930lh.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-cyrillic-ext-500-normal.2tfs-ajhr_27q.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-500-normal.29wincfdhpbow.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-cyrillic-500-normal.30hm7mcic8nak.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-500-normal.1g2cl4geicio1.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-vietnamese-500-normal.400h8-n7y356b.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-500-normal.2w9-mj8vy__-b.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-ext-500-normal.2yypdhrkbqnza.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-500-normal.3-fgi0nn_mag-.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-500-normal.25_05y-blbp24.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.20ixcot5hpnm-.woff)format("woff");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}
:root{--bg:#08090c;--panel:#101014;--red:#ff4654;--red-bright:#ff5c64;--ink:#f5f4f1;--muted:#aaa6af;--dim:#74717c;--line:#ffffff12;--font-sans:"Manrope Variable","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}body:after{content:"";z-index:99;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{color:#fff;background:#ff465452}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,dialog:focus-visible{outline-offset:5px;outline:2px solid #ff7d86}.container{width:min(1320px,100% - 112px);margin-inline:auto}.section-space{padding-block:114px}.skip-link{z-index:200;background:var(--red);padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#08090ce6;border-bottom:1px solid #ffffff0d;height:83px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.brand{letter-spacing:-.45px;white-space:nowrap;align-items:center;gap:13px;font-size:15px;font-weight:750;display:inline-flex}.brand-mark{letter-spacing:-5px;padding-right:3px;font-size:32px;font-weight:800;line-height:1}.brand-mark>span{color:var(--red)}.main-nav{align-items:center;gap:10px;display:flex}.main-nav>a{color:#b2acb5;border:1px solid #0000;border-radius:8px;padding:9px 17px;font-size:12px;transition:all .2s}.main-nav>a:hover{color:#fff;background:#ffffff05}.main-nav>a.active{color:#fff;background:linear-gradient(#3e3d3a33,#4c4b4833);border-color:#f75a5842;box-shadow:inset 0 -1px #ff485260,0 4px 20px #e9353810}.header-contact{background:linear-gradient(125deg,#34333055,#1c1b1866);border:1px solid #e7535966;border-radius:9px;align-items:center;gap:23px;padding:10px 16px;font-size:12px;font-weight:650;transition:background .2s,box-shadow .2s;display:flex}.header-contact:hover{background:#45444166;box-shadow:0 0 25px #ff364217}.menu-toggle,.main-nav .mobile-contact{display:none}.hero-section{isolation:isolate;position:relative;overflow:hidden}.hero-ambient{z-index:-2;background:radial-gradient(at 78% 43%,#a8172626,#0000 45%),radial-gradient(at 0 100%,#36353215,#0000 40%);position:absolute;inset:0}.hero-ambient:after{content:"";border:1px solid #d63b4312;border-radius:50%;width:650px;height:650px;position:absolute;top:-35px;right:-110px;box-shadow:-45px 40px 130px #9e1e2413,inset 10px 10px 60px #cc2e3510}.signal-field{z-index:-1;opacity:.75;width:100%;height:360px;position:absolute;bottom:-20px;left:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 80%,#0000);mask-image:linear-gradient(#0000,#000 30% 80%,#0000)}.hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;min-height:655px;padding-top:54px;padding-bottom:35px;display:grid}.hero-copy{z-index:3;padding-bottom:12px;position:relative}.eyebrow{font:500 10px/1.5 var(--font-mono);letter-spacing:2.2px;color:var(--red-bright);align-items:center;gap:11px;display:flex}.eyebrow>span:not(.live-dot):not(.red-dash){color:#73707c;letter-spacing:1px;margin-left:8px}.eyebrow-year{font-size:9px}.live-dot{background:#ff4854;border-radius:50%;width:5px;height:5px;position:relative;box-shadow:0 0 9px #ff344b,0 0 22px #ff2a4155}.live-dot:after{content:"";border:1px solid #ff465433;border-radius:50%;position:absolute;inset:-4px}.hero-identity{margin-top:26px;margin-bottom:26px;display:inline-block}.hero-identity p{letter-spacing:-.35px;color:#bcb7c0;font-size:17px}.hero-identity strong{color:#f4f3f0;font-weight:650}.hero-identity>span{color:#8d8895;align-items:center;gap:9px;margin-top:8px;font-size:12px;display:flex}.hero-identity i{background:#645a66;border-radius:50%;width:3px;height:3px}.hero-copy h1{letter-spacing:-2.9px;margin:0 0 24px;font-size:clamp(40px,4.5vw,67px);font-weight:760;line-height:1.12;position:relative}.hero-copy h1>span{-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 16px #ff233331);background:linear-gradient(#ff747c 0%,#ff414c 46%,#dd2538 100%);-webkit-background-clip:text;background-clip:text}.hero-description{color:#b4adb9;letter-spacing:.05px;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:29px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 20px;font-size:12px;font-weight:650;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(145deg,#ee4652,#d52c3c);border-color:#ff737b;box-shadow:0 5px 25px #ed2b3c29,inset 0 1px #d6d5d23b}.button-primary:hover{background:linear-gradient(145deg,#ff5e68,#e63648);box-shadow:0 6px 32px #ed2b3c44}.button-primary>svg:last-child{margin-left:12px}.button-glass,.button-ghost{color:#e6e5e2;background:linear-gradient(130deg,#ffffff08,#ffffff02);border-color:#ffffff2b}.button-glass:hover,.button-ghost:hover{background:#ffffff07;border-color:#f0666f88}.button-glass>svg{color:#ff7a85}.hero-footnote{font:400 8px var(--font-mono);letter-spacing:1.15px;color:#8d818e;align-items:center;gap:8px;margin-top:32px;display:flex}.hero-footnote>svg{color:#a3a29f}.hero-footnote>i{background:#686764;border-radius:50%;width:3px;height:3px;margin:0 5px}.hero-portrait-area{perspective:1200px;min-width:0;height:548px;position:relative}.portrait-orbit{border:1px solid #ff344c0d;border-radius:50%;width:440px;height:440px;position:absolute;top:40px;left:45px;box-shadow:0 0 110px #d1233824,inset 0 0 80px #c3212c10}.portrait-layer{background:linear-gradient(130deg,#46454220,#110f1507 60%,#ed394617);border:1px solid #85848144;border-radius:17px;position:absolute;inset:6% 2% 6% 22%}.layer-back{border-color:#88878430;top:12%;bottom:10%;left:27%;transform:rotate(9deg)translate(30px)}.layer-mid{background:linear-gradient(120deg,#31302d55,#1817147a);border-color:#ee4e5c66;top:9%;bottom:9%;left:17%;transform:rotate(-7deg)translate(-16px)}.portrait-frame{background:#141310;border:1px solid #f96a747a;border-radius:16px;position:absolute;inset:3% 5% 4% 18%;overflow:hidden;transform:rotate(2deg);box-shadow:0 15px 70px #0009,0 0 50px #e62a3514}.portrait-frame:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #e2e1de55,inset 0 -2px #ff6c75,0 0 20px #ff273c}.portrait-frame img{object-fit:cover;object-position:center 36%}.portrait-shade{background:linear-gradient(#0b071744,#0000 10% 71%,#0e0d0aea);position:absolute;inset:0}.portrait-top-label{font:500 6px var(--font-mono);letter-spacing:1.5px;color:#bdbcb9;justify-content:space-between;display:flex;position:absolute;top:16px;left:19px;right:19px}.portrait-top-label>span:first-child{font-size:5.5px}.portrait-caption{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:23px;left:23px}.portrait-name{letter-spacing:-.6px;font-size:20px;font-weight:650}.portrait-caption>span:last-child{font:400 7px var(--font-mono);letter-spacing:1.6px;color:#a6a5a2}.floating-proof{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:4;background:linear-gradient(120deg,#2d2c29da,#100d14ed);border:1px solid #8d8c8966;border-radius:12px;align-items:center;gap:13px;padding:14px 17px;display:flex;position:absolute;box-shadow:0 13px 35px #0007,inset 0 1px #ffffff0b}.proof-one{top:25%;left:-2%;transform:rotate(-3deg)}.proof-two{bottom:15%;right:-2%;transform:rotate(2deg)}.proof-icon{color:#c3c2bf;background:linear-gradient(135deg,#a0283c44,#3d3c3922);border:1px solid #ff677347;border-radius:9px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 18px #d7323d11}.floating-proof strong{letter-spacing:-.4px;font-size:17px;font-weight:650;display:block}.floating-proof div>span{color:#afaeab;margin-top:5px;font-size:8px;display:block}.proof-dot{background:#8be9b9;border-radius:50%;width:5px;height:5px;margin:0 3px 0 5px;box-shadow:0 0 9px #8be9b933}.portrait-side-label{font:400 7px var(--font-mono);letter-spacing:2px;color:#6c6b68;writing-mode:vertical-rl;position:absolute;top:26%;right:-22px}.portrait-coordinate{font:400 7px var(--font-mono);letter-spacing:2px;color:#676663;position:absolute;bottom:0;right:10%}.hero-bottom{height:46px;font:400 7px var(--font-mono);letter-spacing:1.5px;color:#89808e;z-index:2;border-top:1px solid #d1536520;justify-content:space-between;align-items:center;display:flex;position:relative}.hero-bottom>span,.hero-bottom>a{align-items:center;gap:10px;display:flex}.tiny-cross{color:#eb596d;font-size:17px;font-weight:300}.hero-bottom>a{color:#adaca9}.hero-bottom>a:hover{color:#fff}.workflow-section{z-index:2;padding-top:25px;padding-bottom:45px;scroll-margin-top:105px;position:relative}.stack-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:45px;padding-block:25px;display:flex}.stack-strip>span{font:400 7px var(--font-mono);letter-spacing:1.1px;color:#7e7583;max-width:95px;line-height:1.8}.stack-strip>div{flex:1;justify-content:space-between;align-items:center;gap:20px;display:flex}.stack-strip>div>span{letter-spacing:-.4px;color:#b8b7b4;font-size:14px;font-weight:650}.stack-strip i{color:#474643;font-size:10px;font-style:normal}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px;display:flex}.red-dash{background:var(--red);width:16px;height:2px;box-shadow:0 0 10px #ff465444}.section-heading h2,.approach-heading h2,.about-section h2{letter-spacing:-2.4px;margin-top:22px;font-size:clamp(36px,4vw,57px);font-weight:650;line-height:1.16}.section-heading h2>span,.approach-heading h2>span,.about-section h2>span{color:#9b8a9a}.section-heading>p{color:#968d9d;max-width:350px;margin-bottom:6px;font-size:13px;line-height:1.85}.project-filter-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.project-filters{flex-wrap:wrap;gap:6px;display:flex}.project-filters button{color:#a4a3a0;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:10px 15px;font-size:11px;transition:all .2s;display:flex}.project-filters button:hover{color:#fff;background:#ffffff05}.project-filters button.selected{color:#f6f5f2;background:#32312e66;border-color:#85848155}.project-filters button>span{font:400 8px var(--font-mono);color:#e47b88;background:#ff556015;border-radius:3px;padding:3px 5px}.project-count{font:400 8px var(--font-mono);letter-spacing:1px;color:#8d7a8c}.project-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.project-card{background:#100e13;border:1px solid #ffffff13;border-radius:13px;min-width:0;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.project-card:hover{border-color:#8d8c8966;box-shadow:0 10px 50px #07060366}.project-open{text-align:left;background:0 0;width:100%;height:100%;padding:0;display:block}.project-open:focus-visible{outline-offset:-4px}.project-card-copy{padding:25px 28px 27px}.project-topline{font:400 8px var(--font-mono);text-transform:uppercase;letter-spacing:1.1px;color:#f17c8d;justify-content:space-between;display:flex}.project-topline>span:last-child{color:#71706d}.project-title-row{justify-content:space-between;align-items:center;gap:15px;margin:13px 0 10px;display:flex}.project-title-row>h3{letter-spacing:-.8px;font-size:24px;font-weight:650}.project-arrow{color:#b4b3b0;border:1px solid #66656244;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s,transform .2s;display:grid}.project-open:hover .project-arrow{color:#d0cfcc;background:#ac304644;transform:rotate(5deg)}.project-card-copy>p{color:#a4a3a0;max-width:460px;min-height:44px;font-size:12px;line-height:1.8}.tag-list{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.tag-list>span{font:400 8px var(--font-mono);color:#acaba8;background:#ffffff02;border:1px solid #ffffff12;border-radius:4px;padding:5px 8px}.projects-note{font:400 8px/1.7 var(--font-mono);color:#897e8b;align-items:center;gap:8px;margin-top:23px;display:flex}.projects-note>span{background:#8d8c89;border-radius:50%;width:4px;height:4px}.project-visual{isolation:isolate;background:radial-gradient(at 50% 80%,#55545120,#0000 70%),#0d0c11;border-bottom:1px solid #ffffff0b;justify-content:center;align-items:flex-start;height:250px;padding:30px 34px 0;display:flex;position:relative;overflow:hidden}.visual-grid{z-index:-1;background-image:linear-gradient(#a9a8a507 1px,#0000 1px),linear-gradient(90deg,#a9a8a507 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 85%);mask-image:radial-gradient(#000,#0000 85%)}.app-preview{background:#100d15;border:1px solid #8483803a;border-radius:9px;width:100%;max-width:490px;height:212px;transition:transform .4s;overflow:hidden;transform:perspective(1000px)rotateX(4deg)rotateY(-3deg)rotate(-1deg);box-shadow:0 15px 35px #0008}.project-open:hover .app-preview{transform:perspective(1000px)rotateX(0)rotateY(0)rotate(0)translateY(-4px)}.preview-chrome{height:30px;font:400 6px var(--font-mono);letter-spacing:1.3px;color:#8d8c89;background:#ffffff03;border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.window-dots{gap:4px;display:flex}.window-dots>i{background:#545350;border-radius:50%;width:4px;height:4px}.window-dots>i:first-child{background:#d3596a}.chrome-status{background:#6bc498;border-radius:50%;width:4px;height:4px}.visual-caption{font:400 6px var(--font-mono);letter-spacing:1px;color:#787774;align-items:center;gap:5px;display:flex;position:absolute;bottom:9px;right:16px}.agent-preview-body{height:180px;display:flex}.agent-preview-body>aside{color:#f27384;border-right:1px solid #ffffff09;flex-direction:column;align-items:center;gap:13px;width:49px;padding-top:16px;display:flex}.agent-preview-body>aside>span{background:#ffffff10;border-radius:3px;width:17px;height:4px}.agent-preview-body>aside>i{background:#ffffff07;width:25px;height:1px}.chat-preview{flex:1;min-width:0;padding:15px 18px}.chat-question{color:#c6c5c2;background:#7f7e7b13;border:1px solid #908f8c30;border-radius:6px;justify-content:space-between;gap:10px;padding:10px 12px;font-size:9px;display:flex}.chat-question>span{color:#b2b1ae}.chat-answer{color:#c3c2bf;align-items:flex-start;gap:9px;margin:16px 0 9px;font-size:8px;display:flex}.chat-answer b{color:#d3d2cf;font-weight:500}.chat-answer p{color:#83827f;margin-top:5px;font-size:6px}.tool-calls{gap:6px;margin-left:23px;display:flex}.tool-calls>span{font:400 6px var(--font-mono);color:#abaaa7;background:#ffffff03;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:5px;padding:4px 6px;display:flex}.tool-calls>span>svg:last-child{color:#79bb95}.chat-input{color:#757471;border-top:1px solid #ffffff0b;justify-content:space-between;margin-top:15px;padding-top:9px;font-size:7px;display:flex}.chat-input>span{color:#b1b0ad}.gantt-preview{padding:17px 17px 8px}.gantt-days{font:400 6px var(--font-mono);color:#949390;justify-content:space-between;margin-bottom:15px;padding-left:72px;display:flex}.gantt-row{border-bottom:1px solid #ffffff05;align-items:center;gap:12px;height:27px;display:flex}.gantt-row small{font:400 6px var(--font-mono);color:#9d9c99;flex-shrink:0;width:60px}.gantt-track{background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 20%);flex:1;height:13px;position:relative}.gantt-track>i{background:#77767349;border:1px solid #fd6b8544;border-radius:3px;width:24%;height:100%;position:absolute}.gantt-track>i:nth-child(2){background:#71706d55;border-color:#95949144;width:18%;left:26%}.gantt-track>i:nth-child(3){background:#4c4b4866;width:31%;left:62%}.track-1>i:first-child{width:32%;left:17%}.track-1>i:nth-child(2){width:29%;left:56%}.track-1>i:nth-child(3){display:none}.track-2>i:first-child{width:31%;left:8%}.track-2>i:nth-child(2){width:23%;left:44%}.track-2>i:nth-child(3){width:21%;left:79%}.track-3>i:first-child{width:20%;left:25%}.track-3>i:nth-child(2){width:28%;left:65%}.track-3>i:nth-child(3){display:none}.gantt-key{font:400 6px var(--font-mono);color:#888784;align-items:center;gap:6px;margin:12px 0 0 72px;display:flex}.gantt-key>span{background:#989794;border-radius:1px;width:5px;height:5px}.gantt-key>span:nth-child(2){background:#504f4c;margin-left:10px}.quote-preview{padding:16px 18px}.file-pill{font:400 8px var(--font-mono);color:#cac9c6;align-items:center;gap:9px;display:flex}.file-pill>svg{color:#dd8295}.file-pill>span{color:#98c5a7;margin-left:auto;font-size:6px}.quote-table{font:400 7px var(--font-mono);color:#92918e;margin-top:17px}.quote-table>div{border-bottom:1px solid #ffffff07;grid-template-columns:1.2fr 1fr .5fr;gap:10px;padding:8px 0;display:grid}.quote-table>div:first-child{color:#83827f;letter-spacing:.6px;padding-top:0;font-size:5px}.quote-table>div>span:last-child{text-align:right;color:#88b395}.table-placeholder{align-items:center;display:flex}.table-placeholder>i{background:#a5a4a122;border-radius:2px;height:4px;display:block}.amber-text{color:#cca779}.quote-flow{font:400 5px var(--font-mono);letter-spacing:.5px;color:#92918e;justify-content:space-between;margin-top:12px;display:flex}.quote-flow>i{color:#dd7894;font-style:normal}.vision-preview{background:radial-gradient(#46454244,#0000 70%);height:180px;position:relative;overflow:hidden}.scan-corner{z-index:3;border-color:#f1677d66;width:14px;height:14px;position:absolute}.tl{border-top:1px solid;border-left:1px solid;top:12px;left:14px}.tr{border-top:1px solid;border-right:1px solid;top:12px;right:14px}.bl{border-bottom:1px solid;border-left:1px solid;bottom:25px;left:14px}.br{border-bottom:1px solid;border-right:1px solid;bottom:25px;right:14px}.boxes-scene{justify-content:center;align-items:flex-end;gap:13px;padding-top:48px;display:flex}.inspection-box{background:linear-gradient(120deg,#7c5b43,#3c3b38);border:1px solid #bf8b6555;width:77px;height:65px;position:relative;transform:skewY(-5deg);box-shadow:6px 9px 18px #0007}.inspection-box:before{content:"";border:1px solid #8ce4bd77;position:absolute;inset:-7px}.inspection-box>span{font:400 5px var(--font-mono);color:#8cdbb7;background:#1f3b2fcc;padding:2px 4px;position:absolute;top:-19px;left:-7px}.box-1{width:88px;height:87px}.box-2{height:57px;transform:skewY(4deg)}.box-label{background:repeating-linear-gradient(90deg,#d1c9ad 0 2px,#6c655d 2px 3px);border:3px solid #c1b99e;width:21px;height:14px;position:absolute;top:14px;left:9px}.vision-caption{font:400 5px var(--font-mono);letter-spacing:.8px;color:#a09f9c;align-items:center;gap:6px;display:flex;position:absolute;bottom:9px;left:16px}.scan-beam{background:#f46c7a77;height:1px;position:absolute;top:56%;left:10%;right:10%;box-shadow:0 0 20px #fb5c7099}.forecast-preview{padding:15px 18px 0}.chart-header{color:#bebdba;justify-content:space-between;font-size:8px;display:flex}.chart-header>span:last-child{font:400 5px var(--font-mono);color:#9a9996;align-items:center;gap:5px;display:flex}.chart-header i{background:#ed748c;border-radius:50%;width:4px;height:4px}.chart-header i:last-of-type{background:#646360;margin-left:5px}.forecast-preview>svg{width:100%;height:125px;margin-top:4px}.chart-footer{font:400 5px var(--font-mono);letter-spacing:.7px;color:#82817e;justify-content:space-between;display:flex}.dashboard-preview{padding:15px 20px}.dashboard-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dashboard-metrics>div{background:#8d8c8910;border:1px solid #8d8c8920;border-radius:5px;padding:9px 10px}.dashboard-metrics span{font:400 5px var(--font-mono);color:#979693;display:block}.dashboard-metrics b{color:#b6b5b2;margin-top:4px;font-size:18px;font-weight:500;display:block}.bar-chart{background:repeating-linear-gradient(0deg,#0000 0 25px,#ffffff05 25px 26px);border-bottom:1px solid #ffffff0b;align-items:flex-end;gap:6px;height:83px;margin-top:15px;display:flex;position:relative}.bar-chart>i{background:linear-gradient(#a1a09d66,#74737044);border-top:1px solid #bdbcb966;border-radius:2px 2px 0 0;flex:1}.bar-chart>i.outlier{background:linear-gradient(#e8667caa,#d5455f33);border-color:#d0cfcc}.bar-chart>span{border-top:1px dashed #a9a8a54d;width:100%;position:absolute;top:20%}.approach-section{background:radial-gradient(at 50% 100%,#32312e15,#0000 70%),#0c0b0f;border-block:1px solid #ffffff09}.approach-heading{text-align:center}.approach-heading .eyebrow{justify-content:center}.approach-heading h2{margin-top:24px}.approach-heading>p{color:#9f9e9b;margin-top:20px;font-size:13px;line-height:1.9}.principles-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px;display:grid}.principle{background:linear-gradient(140deg,#ffffff03,#0000);border:1px solid #ffffff10;border-radius:10px;height:100%;padding:30px 31px;position:relative}.principle-number{font:400 7px var(--font-mono);letter-spacing:1.1px;color:#7b7a77;margin-bottom:33px;display:block}.principle>svg{color:#e4829b;margin-bottom:22px}.principle>h3{letter-spacing:-.5px;margin-bottom:12px;font-size:19px;font-weight:600}.principle>p{color:#9f9e9b;font-size:12px;line-height:1.9}.about-grid{grid-template-columns:1fr 1fr;gap:120px;display:grid}.about-copy{max-width:435px;margin-top:29px}.about-copy>p{color:#a9a8a5;margin-bottom:16px;font-size:13px;line-height:1.95}.about-copy>.about-thai{color:#8a8986;margin:25px 0;font-size:11px}.text-link{color:#c6c5c2;border-bottom:1px solid #8f8e8b44;align-items:center;gap:15px;padding-bottom:9px;font-size:11px;font-weight:600;display:inline-flex}.text-link:hover{color:#e9e8e5}.education-card{background:#ffffff02;border:1px solid #ffffff0f;border-radius:9px;gap:17px;max-width:430px;margin-top:39px;padding:20px;display:flex}.education-card>svg{color:#9b9a97;margin-top:3px}.education-card span{font:400 6px var(--font-mono);letter-spacing:1px;color:#a5a4a1}.education-card h3{margin:8px 0;font-size:13px;font-weight:600}.education-card p{color:#969592;font-size:10px;line-height:1.8}.education-card .education-previous{color:#848380;border-top:1px solid #ffffff0b;margin-top:13px;padding-top:12px}.column-label{font:400 8px var(--font-mono);letter-spacing:1.5px;color:#bfbebb;border-bottom:1px solid #ffffff10;justify-content:space-between;margin-bottom:34px;padding-bottom:23px;display:flex}.column-label>span{color:#767572;font-size:6px}.experience-column{padding-top:6px}.timeline{padding-left:21px}.experience-item{border-left:1px solid #908f8c2b;padding:0 0 32px 29px;position:relative}.experience-item:last-child{border-color:#0000;padding-bottom:0}.timeline-point{background:#1c1b18;border:1px solid #6c6b68;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;left:-4px}.timeline-point.current{background:#f56981;border-color:#f56981;box-shadow:0 0 12px #ff596e66}.experience-date{font:400 7px var(--font-mono);letter-spacing:1px;color:#a4a3a0}.experience-item h3{letter-spacing:-.45px;margin:10px 0 7px;font-size:18px;font-weight:600}.experience-company{color:#abaaa7;align-items:center;gap:7px;font-size:10px;display:flex}.experience-company>svg{color:#5e5d5a}.experience-item p{color:#969592;max-width:365px;margin-top:12px;font-size:11px;line-height:1.9}.expertise-heading{border-top:1px solid #ffffff10;justify-content:space-between;align-items:flex-end;margin-top:95px;padding-top:35px;display:flex}.expertise-heading .eyebrow{color:#9f9e9b;letter-spacing:1.5px;font-size:8px}.expertise-heading h3{letter-spacing:-1px;margin-top:16px;font-size:29px;font-weight:550;line-height:1.3}.expertise-heading h3>span{color:#969592}.expertise-caption{font:400 7px var(--font-mono);letter-spacing:1.3px;color:#83827f}.expertise-grid{border:1px solid #ffffff10;border-radius:10px;grid-template-columns:repeat(4,1fr);margin-top:30px;display:grid;overflow:hidden}.expertise-card{background:#ffffff02;border-right:1px solid #ffffff10;padding:28px}.expertise-card:last-child{border:0}.expertise-card>svg{color:#df8da5;margin-bottom:23px}.expertise-card>h4{margin-bottom:12px;font-size:12px;font-weight:600}.expertise-card>p{color:#999895;font-size:10px;line-height:2}.contact-section{background:radial-gradient(at 100% 100%,#9e21302b,#0000 55%),radial-gradient(at 0 10%,#38373415,#0000 50%),#0d0a10;border-top:1px solid #7675722b;border-bottom:1px solid #ffffff0b;position:relative;overflow:hidden}.contact-inner{justify-content:space-between;align-items:center;display:flex;position:relative}.contact-inner h2{letter-spacing:-2.5px;margin:25px 0 22px;font-size:clamp(35px,4.5vw,64px);font-weight:650;line-height:1.17}.contact-inner h2>span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c3c2bf,#fa526a);-webkit-background-clip:text;background-clip:text}.contact-inner p{color:#a7a6a3;font-size:13px;line-height:1.9}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.email-row{align-items:center;gap:10px;margin-top:24px;display:flex}.email-row>a{color:#a7a6a3;font-size:11px}.email-row>button{color:#a09f9c;background:#ffffff04;border:1px solid #ffffff10;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.email-row>button:hover{color:#fff;border-color:#85848188}.copy-feedback{color:#c4c3c0;font-size:10px}.contact-symbol{color:#0000;-webkit-text-stroke:1px #e85b7555;text-shadow:0 0 90px #e7243e15;padding-right:30px;font-size:240px;font-weight:300;line-height:1;transform:rotate(-10deg)}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:34px 105px;display:flex}.footer-brand{font-size:12px}.footer-brand .brand-mark{font-size:26px}.site-footer>span,.site-footer>a:last-of-type{font:400 6px var(--font-mono);letter-spacing:1.1px;color:#7f7e7b}.site-footer>a:last-of-type{align-items:center;gap:9px;display:flex}.site-footer>a:last-of-type:hover{color:#cbcac7}.copyright{width:100%;padding-top:10px;color:#61605d!important;font-size:6px!important}.project-dialog{color:#f5f4f1;overscroll-behavior:contain;background:#110e16;border:1px solid #807f7c66;border-radius:16px;width:min(760px,100% - 32px);max-height:90dvh;padding:0;box-shadow:0 30px 120px #000b}.project-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060509cc}.dialog-content{padding:39px;position:relative}.dialog-close{color:#cecdca;background:#ffffff06;border:1px solid #ffffff17;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:18px;right:18px}.dialog-close:hover{background:#5c5b5866}.dialog-content>.eyebrow{letter-spacing:1.2px;padding-right:30px;font-size:8px}.dialog-content h2{letter-spacing:-1.6px;margin:21px 0 8px;font-size:39px;font-weight:650}.dialog-content h2>span{color:#ff657c}.dialog-subtitle{color:#a1a09d;margin-bottom:26px;font-size:13px}.dialog-content>.project-visual{border:1px solid #706f6c33;border-radius:9px;height:260px}.dialog-content .app-preview{max-width:470px}.case-section{gap:17px;margin-top:30px;display:flex}.case-number{font:400 8px var(--font-mono);color:#a1a09d;padding-top:5px}.case-section h3{letter-spacing:-.3px;margin-bottom:10px;font-size:17px;font-weight:550}.case-section p,.case-section li{color:#aaa9a6;font-size:12px;line-height:1.9}.case-section ul{margin:0;padding:0 0 0 14px}.case-section li{margin-bottom:6px;padding-left:4px}.case-section li::marker{color:#aeadaa}.architecture-flow{background:#84838010;border:1px solid #97969322;border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:23px;padding:15px;display:flex}.architecture-flow>span{font:400 7px var(--font-mono);color:#c2c1be;align-items:center;gap:8px;display:flex}.architecture-flow svg{color:#72716e}.case-note{font:400 8px/1.8 var(--font-mono);color:#908f8c;margin:28px 0 22px}@media (min-width:1600px){.hero-grid{min-height:705px}.hero-portrait-area{height:585px}.hero-copy h1{font-size:68px}.hero-description{font-size:16px}}@media (max-width:1200px){.container{width:calc(100% - 72px)}.brand-last{display:none}.main-nav{gap:4px}.main-nav>a{padding:9px 14px}.hero-grid{gap:14px;min-height:600px;padding-top:40px}.hero-copy h1{letter-spacing:-2.2px;font-size:clamp(39px,4.5vw,57px)}.hero-identity p{font-size:14px}.hero-portrait-area{height:495px}.floating-proof{gap:10px;padding:12px}.proof-icon{width:33px;height:33px}.floating-proof strong{font-size:14px}.floating-proof div>span{font-size:7px}.proof-one{left:-2%}.hero-description{font-size:13px}.hero-actions{gap:9px}.button{gap:10px;padding:12px 16px;font-size:11px}.hero-footnote{font-size:6.5px}.about-grid{gap:65px}.expertise-card{padding:23px}.project-visual{padding-inline:23px}.contact-symbol{font-size:190px}.stack-strip{gap:25px}.stack-strip>div{gap:13px}.stack-strip>div>span{font-size:12px}.project-card-copy{padding:23px}.project-title-row>h3{font-size:22px}}@media (max-width:900px){.container{width:calc(100% - 48px)}.site-header{height:74px}.header-inner{gap:14px}.main-nav>a{padding:8px 10px;font-size:10px}.header-contact{gap:12px;padding:9px 12px;font-size:10px}.hero-grid{grid-template-columns:1.1fr 1fr;min-height:540px;padding-top:32px}.hero-copy h1{letter-spacing:-1.9px;font-size:40px}.hero-identity{margin-top:22px;margin-bottom:22px}.hero-identity p{max-width:270px;font-size:13px;line-height:1.7}.hero-identity>span{font-size:10px}.eyebrow{letter-spacing:1.5px;font-size:8px}.hero-portrait-area{height:430px}.portrait-frame{inset:4% 3% 4% 14%}.portrait-layer{left:17%;right:1%}.floating-proof{border-radius:9px;gap:9px;padding:10px}.floating-proof strong{font-size:12px}.proof-one{top:29%;left:-1%}.proof-two{bottom:12%;right:-4%}.proof-two .proof-icon{width:29px;height:29px}.portrait-name{font-size:16px}.portrait-caption{bottom:20px;left:15px}.portrait-caption>span:last-child{letter-spacing:1px;font-size:5px}.portrait-top-label{display:none}.hero-actions{margin-top:22px}.hero-footnote{letter-spacing:.5px;gap:5px;margin-top:24px}.hero-footnote>span:last-child{display:none}.hero-description{font-size:12px}.button{gap:8px;min-height:44px;padding:11px 12px;font-size:10px}.button-primary>svg:last-child{margin-left:3px}.hero-bottom{letter-spacing:1px;font-size:6px}.hero-bottom>span:last-child{display:none}.section-space{padding-block:80px}.section-heading h2,.approach-heading h2,.about-section h2{letter-spacing:-1.8px;font-size:44px}.project-count{display:none}.project-card-copy{padding:21px}.project-title-row>h3{font-size:21px}.project-visual{height:225px;padding:25px 19px 0}.app-preview{height:193px}.project-card-copy>p{font-size:11px}.chat-preview{padding:13px 12px}.chat-question{padding:8px;font-size:7px}.tool-calls{margin-left:0}.chat-answer p,.preview-chrome{font-size:5px}.gantt-preview{padding-inline:12px}.gantt-row{gap:4px}.gantt-row small{width:50px;font-size:5px}.quote-preview{padding:14px 12px}.file-pill{gap:6px;font-size:6px}.file-pill>span{font-size:5px}.quote-table{font-size:6px}.quote-flow{font-size:4px}.inspection-box{width:55px;height:55px}.box-1{width:62px;height:72px}.box-2{height:48px}.boxes-scene,.principles-grid{gap:15px}.principle{padding:25px 22px}.principle>h3{font-size:16px}.principle>p{font-size:11px}.about-grid{gap:40px}.experience-item{padding-left:23px}.experience-item h3{font-size:16px}.column-label>span{display:none}.expertise-grid{grid-template-columns:1fr 1fr}.expertise-card:nth-child(2){border-right:0}.expertise-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.expertise-heading{margin-top:65px}.contact-symbol{padding:0;font-size:140px}.contact-inner h2{letter-spacing:-1.5px;font-size:43px}.stack-strip>span{display:none}.stack-strip{padding-block:22px}.stack-strip>div>span{font-size:12px}.stack-strip i{font-size:7px}.stack-strip>div{gap:9px}}@media (max-width:650px){html{scroll-padding-top:80px}.container{width:calc(100% - 40px)}.site-header{height:66px}.brand{gap:10px;font-size:13px}.brand-mark{font-size:29px}.brand-last{font-size:11px;display:inline}.header-contact{display:none}.menu-toggle{color:#dddcd9;background:#ffffff05;border:1px solid #ffffff14;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.main-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#100d14fa;border-bottom:1px solid #89888544;flex-direction:column;align-items:stretch;gap:6px;padding:12px 20px 20px;display:none;position:absolute;top:65px;left:0;right:0;box-shadow:0 25px 35px #0006}.main-nav.nav-open{display:flex}.main-nav>a{padding:13px 16px;font-size:13px}.main-nav .mobile-contact{justify-content:space-between;align-items:center;display:flex}.hero-grid{grid-template-columns:1fr;gap:12px;min-height:0;padding-top:38px;padding-bottom:26px}.hero-copy{padding-bottom:0}.hero-copy .eyebrow{letter-spacing:1.7px;font-size:8px}.hero-identity{margin-top:21px;margin-bottom:23px}.hero-identity p{max-width:none;font-size:14px}.hero-identity>span{margin-top:4px;font-size:10px}.hero-copy h1{letter-spacing:-1.9px;margin-bottom:20px;font-size:clamp(35px,8.9vw,55px);line-height:1.15}.hero-description{font-size:13px;line-height:1.8}.hero-actions{gap:10px;margin-top:23px}.button{gap:9px;min-height:45px;padding:12px 15px;font-size:11px}.hero-footnote{letter-spacing:.8px;margin-top:23px;font-size:6.5px}.hero-footnote>span:last-child{display:inline}.hero-portrait-area{width:100%;max-width:420px;height:450px;margin:19px auto 0}.portrait-frame{inset:3% 10% 5% 16%}.portrait-layer{left:18%;right:7%}.layer-back{top:10%;left:26%;right:6%}.layer-mid{left:17%;right:9%}.portrait-orbit{width:320px;height:320px;top:50px;left:30px}.proof-one{top:28%;left:1%}.proof-two{bottom:16%;right:0}.floating-proof{gap:10px;padding:12px}.floating-proof strong{font-size:13px}.floating-proof div>span{font-size:7px}.portrait-side-label{font-size:6px;right:0}.portrait-coordinate{font-size:6px;bottom:0;right:12%}.portrait-caption{bottom:22px;left:19px}.portrait-name{font-size:18px}.portrait-caption>span:last-child{letter-spacing:1px;font-size:5.5px}.hero-bottom{letter-spacing:.7px;height:42px;font-size:6px}.hero-bottom>span{gap:5px}.hero-bottom>a{gap:6px}.signal-field{opacity:.6;height:490px;bottom:0}.workflow-section{padding-top:22px;padding-bottom:28px}.stack-strip{padding-block:20px;overflow:hidden}.stack-strip>div{flex-wrap:wrap;justify-content:center;gap:15px 17px}.stack-strip>div>span{font-size:10px}.stack-strip i{font-size:6px}.section-space{padding-block:65px}.section-heading{margin-bottom:28px;display:block}.section-heading h2,.approach-heading h2,.about-section h2{letter-spacing:-1.6px;margin-top:19px;font-size:38px}.section-heading>p{margin-top:20px;font-size:12px;line-height:1.8}.section-heading>p br{display:none}.project-filter-row{margin-bottom:20px}.project-filters{gap:3px}.project-filters button{gap:7px;padding:9px 10px;font-size:9px}.project-filters button>span{font-size:6px}.project-grid{grid-template-columns:1fr;gap:19px}.project-visual{height:234px;padding:26px 23px 0}.app-preview{height:200px}.preview-chrome{font-size:6px}.project-card-copy{padding:23px}.project-title-row>h3{font-size:23px}.project-card-copy>p{min-height:0;font-size:12px}.project-topline{font-size:7px}.tag-list{margin-top:17px}.tag-list>span{font-size:7px}.projects-note{align-items:flex-start;font-size:6px}.projects-note>span{flex-shrink:0;margin-top:4px}.chat-preview{padding:14px}.chat-question{font-size:8px}.chat-answer p{font-size:6px}.gantt-row small{width:60px;font-size:6px}.gantt-row{gap:10px}.quote-preview{padding:17px}.file-pill{font-size:7px}.file-pill>span{font-size:5px}.quote-table{font-size:6px}.quote-flow{font-size:5px}.inspection-box{width:66px;height:60px}.box-1{width:73px;height:77px}.box-2{height:49px}.principles-grid{grid-template-columns:1fr;gap:14px;margin-top:34px}.principle{min-height:0;padding:26px}.principle-number{margin-bottom:20px}.principle>svg{margin:0;position:absolute;top:25px;right:26px}.principle>h3{margin-top:28px;font-size:20px}.principle>p{font-size:12px}.approach-heading{text-align:left}.approach-heading .eyebrow{justify-content:flex-start}.approach-heading h2{font-size:35px}.approach-heading>p{font-size:12px}.about-grid{grid-template-columns:1fr;gap:50px}.about-copy{max-width:none}.about-copy>p{font-size:13px}.about-copy>.about-thai{font-size:11px}.education-card{max-width:none}.experience-item h3{font-size:18px}.experience-item p{max-width:none;font-size:12px}.experience-date{font-size:8px}.experience-company{font-size:11px}.column-label>span{display:inline}.expertise-heading{margin-top:55px;padding-top:28px;display:block}.expertise-heading h3{font-size:27px}.expertise-caption{margin-top:15px;font-size:6px;display:block}.expertise-grid{margin-top:22px}.expertise-card{padding:22px 18px}.expertise-card>h4{font-size:11px}.expertise-card>p{font-size:9px;line-height:1.9}.contact-inner h2{letter-spacing:-1.5px;font-size:clamp(31px,8vw,46px)}.contact-inner p{font-size:12px}.contact-symbol{display:none}.contact-inner .eyebrow{font-size:7px}.contact-actions{gap:9px}.contact-actions .button{padding:11px 13px;font-size:10px}.email-row{flex-wrap:wrap;gap:8px}.email-row>a{font-size:10px}.email-row>button{width:26px;height:26px}.copy-feedback{font-size:9px}.site-footer{gap:22px;padding-block:28px 95px}.site-footer>span:not(.copyright){display:none}.footer-brand{font-size:12px}.copyright{padding-top:0}.dialog-content{padding:29px 22px}.dialog-content h2{margin-top:25px;font-size:29px}.dialog-content>.eyebrow{letter-spacing:.8px;gap:5px;font-size:6px}.dialog-content>.project-visual{height:222px;padding-inline:14px}.dialog-close{width:30px;height:30px;top:13px;right:13px}.dialog-subtitle{font-size:11px;line-height:1.7}.case-section{gap:12px}.case-section h3{font-size:16px}.case-section p,.case-section li{font-size:11px}.case-note{font-size:7px}.architecture-flow{gap:8px;padding:12px}.architecture-flow>span{font-size:6px}.desktop-break{display:none}.proof-one{top:13%}}@media (max-width:380px){.container{width:calc(100% - 32px)}.brand-last{font-size:10px}.hero-copy h1{font-size:34px}.hero-copy .eyebrow{letter-spacing:1.3px;font-size:7px}.hero-identity p{font-size:12px}.hero-actions .button{gap:7px;padding:11px 12px;font-size:10px}.hero-portrait-area{height:400px}.floating-proof strong{font-size:12px}.floating-proof{padding:10px}.proof-two{right:-1%}.project-filters button{padding:8px;font-size:8px}.contact-inner h2{font-size:30px}.project-visual{padding-inline:17px}.quote-flow{font-size:4px}.tool-calls>span{font-size:5px}.contact-actions .button{font-size:9px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]){scroll-behavior:auto}html:not([data-motion=full]) *,html:not([data-motion=full]) :before,html:not([data-motion=full]) :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html:not([data-motion=full]) .app-preview,html:not([data-motion=full]) .project-open:hover .app-preview,html:not([data-motion=full]) .button:hover{transform:none}}
html[data-build-armed] [data-agent-scene]:not([data-build-state]){background-color:#0000!important;background-image:linear-gradient(#59c3ff0c 1px,#0000 1px),linear-gradient(90deg,#59c3ff0c 1px,#0000 1px)!important;background-size:24px 24px!important}html[data-build-armed] [data-agent-scene]:not([data-build-state]) *{color:#0000!important;text-shadow:none!important;box-shadow:none!important;-webkit-text-fill-color:transparent!important;background-color:#0000!important;background-image:none!important;border-color:#59c3ff30!important}html[data-build-armed] [data-agent-scene]:not([data-build-state]) :before,html[data-build-armed] [data-agent-scene]:not([data-build-state]) :after,html[data-build-armed] [data-agent-scene]:not([data-build-state]) :is(img,svg,canvas,video,picture){opacity:0!important}html[data-build-armed] [data-agent-scene]:not([data-build-state]) :is(build-copy,[data-editable-text]){border-radius:2px;background-image:linear-gradient(#0000 30%,#59c3ff1f 30% 70%,#0000 70%)!important;background-size:100% 1lh!important}html[data-build-armed] [data-agent-scene]:not([data-build-state]) :is(.client-logo,.product-showcase,.approach-visual,.portrait-frame,.app-preview){outline-offset:-1px;outline:1px dashed #59c3ff4d;background-image:linear-gradient(to top right,#0000 calc(50% - .6px),#59c3ff2e 50%,#0000 calc(50% + .6px)),linear-gradient(to bottom right,#0000 calc(50% - .6px),#59c3ff2e 50%,#0000 calc(50% + .6px))!important}html[data-build-armed] [data-agent-scene]:not([data-build-state]) :is(.button,.agent-replay,.tag-list span,.client-role,.project-filters button){border-color:#59c3ff45!important}.construction-scan{fill:#8fdcff;filter:drop-shadow(0 0 6px #59c3ff);animation:1.15s cubic-bezier(.45,0,.25,1) both construction-scan}.construction-scan-band{fill:#59c3ff;fill-opacity:.07;animation:1.15s cubic-bezier(.45,0,.25,1) both construction-scan}@keyframes construction-scan{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{transform:translateY(var(--scan-h,600px));opacity:0}}build-copy{vertical-align:baseline;white-space:pre-wrap;min-width:0;max-width:100%;text-align:inherit;line-height:inherit;color:inherit;font:inherit;letter-spacing:inherit;grid-template-areas:"copy";display:inline-grid;position:relative}build-measure,build-ink{min-width:0;font:inherit;color:inherit;letter-spacing:inherit;white-space:pre-wrap;overflow-wrap:inherit;grid-area:copy;display:block}build-measure{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}build-ink{position:relative}[data-build-ghost]{pointer-events:none;-webkit-user-select:none;user-select:none}i[data-build-caret]{vertical-align:baseline;background:var(--agent,#59c3ff)!important;border:0!important;border-radius:0!important;width:1px!important;height:.8em!important;margin:0 0 0 1px!important;animation:.6s step-end infinite construction-caret!important;display:inline-block!important;position:static!important;inset:auto!important;transform:none!important;box-shadow:0 0 8px #74ceff88!important}[data-construction-layer]{pointer-events:none;z-index:45;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.construction-traces{pointer-events:none;position:absolute;overflow:visible}.construction-traces path{vector-effect:non-scaling-stroke}.construction-box{fill:#59c3ff06;stroke:#59c3ff;stroke-opacity:.42;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px}[data-constructing]:before,[data-constructing]:after{animation:1.8s cubic-bezier(.65,0,.35,1) .2s both construction-reveal}[data-build-paused] [data-constructing]:before,[data-build-paused] [data-constructing]:after,[data-build-paused] i[data-build-caret]{animation-play-state:paused!important}.signal-field[data-mesh-stage]:not([data-mesh-stage=complete]){animation:none}.signal-field [data-wave-line]{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mesh-wire,1))}.signal-field [data-wave-particles]{opacity:var(--mesh-points,1)}.signal-field [data-wave-energy]{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mesh-energy,1))}.portrait-assembly{z-index:2;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.portrait-frame:has(canvas[data-assembly-stage]:not([data-assembly-stage=complete])):after{content:"";z-index:3;pointer-events:none;background-color:#0000;background-image:linear-gradient(#73caff07 1px,#0000 1px),linear-gradient(90deg,#73caff07 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #79caff30;position:absolute;inset:8px}.portrait-frame:has(canvas[data-assembly-stage]:not([data-assembly-stage=complete])):before{content:"RECONSTRUCTING · LOCAL PIXELS";color:#93dcff;font:500 9px/1.4 var(--font-mono);letter-spacing:.12em;z-index:5;pointer-events:none;position:absolute;top:14px;left:14px;right:14px}.portrait-caption{z-index:6}.portrait-shade{z-index:4;pointer-events:none}.project-card build-copy,.project-card build-ink{pointer-events:none}@keyframes construction-caret{50%{opacity:.2}}@keyframes construction-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) i[data-build-caret]{animation:none!important}html:not([data-motion=full]) :is(.construction-traces,.portrait-assembly){display:none}html:not([data-motion=full]) .signal-field :is([data-wave-line],[data-wave-energy]){stroke-dashoffset:0}html:not([data-motion=full]) .signal-field [data-wave-particles]{opacity:1}}.page-canvas{background:var(--bg,#09090b);position:relative}html[data-overview]{scroll-behavior:auto}html[data-overview] body{background-color:#121419;background-image:radial-gradient(#ffffff1a 1px,#0000 1.2px);background-size:22px 22px;overflow-x:hidden}html[data-overview] .page-canvas{border-radius:4px;box-shadow:0 0 0 6px #59c3ff,0 0 0 7px #59c3ff55,0 120px 260px #000c}html[data-overview] :is([data-construction-layer],[data-handoff-layer]){opacity:0;transition:opacity .2s}[data-offscreen] :is(*),html[data-overview] .page-canvas :is(*){animation-play-state:paused!important}[data-drop-state]{position:relative}[data-drop-state]:before{content:"";pointer-events:none;opacity:0;background:#59c3ff0a;border:1px dashed #59c3ffa6;border-radius:10px;transition:opacity .2s;position:absolute;inset:-4px}.tech-mark[data-drop-state]:before{border-radius:7px;inset:-5px}[data-drop-state=waiting]:before,[data-drop-state=carrying]:before{opacity:1}[data-drop-state=carrying]{z-index:30}[data-drop-state=carrying]>*{will-change:translate,scale,rotate;filter:drop-shadow(0 14px 18px #000b)drop-shadow(0 0 1px #8fdcff);position:relative}[data-drop-state=landed]:before{background:0 0;border-style:solid;border-color:#8fdcff;animation:.55s cubic-bezier(.2,.7,.3,1) both drop-land}@keyframes drop-land{0%{opacity:1;transform:scale(1.07)}to{opacity:0;transform:scale(1)}}[data-agent-scene=technologies][data-build-state]:not([data-build-state=complete]),[data-agent-scene=technologies][data-build-state]:not([data-build-state=complete])>.marquee{overflow:clip visible;-webkit-mask-image:none;mask-image:none}.construction-slot{fill:#59c3ff0d;stroke:#8fdcff;stroke-width:1px;stroke-dasharray:4 3;opacity:0;transition:opacity .2s}[data-carry-state=carrying]{will-change:translate,scale,rotate;filter:drop-shadow(0 18px 22px #0009)drop-shadow(0 0 1px #8fdcff)}[data-carry-state=landed]{animation:.55s cubic-bezier(.2,.7,.3,1) both carry-land}@keyframes carry-land{0%{outline-offset:7px;outline:1.5px solid #8fdcff}to{outline-offset:2px;outline:1.5px solid #8fdcff00}}.pv-det{transform-box:fill-box;transform-origin:50%}.pv-bars>i,.pv-forecast-chart{transform-origin:50% 100%}[data-repair-layer]{pointer-events:none;z-index:44;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.repair-ghost{opacity:0;background:repeating-linear-gradient(135deg,#ff8f9f12 0 8px,#0000 8px 16px);border:1.5px dashed #ff8f9f;animation:.3s 80ms forwards repair-fade;position:absolute}@keyframes repair-fade{to{opacity:1}}[data-displaced]{will-change:translate,rotate,scale}[data-displaced=held]{filter:drop-shadow(0 26px 34px #000c)drop-shadow(0 0 1px #8fdcff)}:is([data-displaced=gliding],[data-displaced=waiting],[data-displaced=inspecting]){filter:drop-shadow(0 14px 20px #0009);outline-offset:6px;outline:1.5px dashed #ff8f9f}[data-displaced=carrying]{filter:drop-shadow(0 22px 28px #000b)drop-shadow(0 0 1px #8fdcff)}[data-displaced=landed]{animation:.55s cubic-bezier(.2,.7,.3,1) both carry-land}html[data-grabbing],html[data-grabbing] *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}@media (hover:hover) and (pointer:fine){html[data-repair-ready] :is(.client-logo,.portrait-stage,.tag-list>span,[data-agent-target=headline],.section-heading h2){cursor:grab}}.repair-hint{z-index:80;color:#b9c6d4;max-width:310px;font:400 12px/1.5 var(--font-mono,ui-monospace,monospace);pointer-events:none;background:#0b0f15f0;border:1px solid #59c3ff55;border-radius:10px;gap:3px;padding:12px 14px;animation:.45s cubic-bezier(.2,.7,.3,1) both repair-hint-in;display:grid;position:fixed;bottom:20px;left:20px;box-shadow:0 18px 40px #000a}.repair-hint b{color:#8fdcff;letter-spacing:.03em;font-weight:600}.repair-hint[data-leaving]{animation:.3s both repair-hint-out}@keyframes repair-hint-in{0%{opacity:0;translate:0 12px}}@keyframes repair-hint-out{to{opacity:0;translate:0 8px}}[data-xray-layer]{z-index:2147483000;pointer-events:none;font:500 9.5px/1.25 var(--font-mono);color:#bfe6ff;-webkit-backdrop-filter:grayscale()sepia(.5)hue-rotate(170deg)saturate(2.4)brightness(.8)contrast(1.08);backdrop-filter:grayscale()sepia(.5)hue-rotate(170deg)saturate(2.4)brightness(.8)contrast(1.08);background-color:#0a2a5a2e;background-image:linear-gradient(#8fdcff14 1px,#0000 1px),linear-gradient(90deg,#8fdcff14 1px,#0000 1px),linear-gradient(#8fdcff08 1px,#0000 1px),linear-gradient(90deg,#8fdcff08 1px,#0000 1px);background-size:96px 96px,96px 96px,12px 12px,12px 12px;animation:.2s ease-out xr-in;position:fixed;inset:0}[data-xray-layer]:after{content:"";background:#8fdcff;height:2px;animation:.7s cubic-bezier(.4,0,.2,1) forwards xr-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px #8fdcff}html[data-xray] main :is(div,section,article,ul,ol,li,header,figure,button,a,img,svg,canvas,h1,h2,h3,h4,p),html[data-xray] footer :is(a,span,button){outline-offset:-1px;outline:1px solid #8fdcff3d!important}.xr-cols{position:absolute;top:0;bottom:0}.xr-cols i{background:#ff5fa20c;border-inline:1px solid #ff5fa224;position:absolute;top:0;bottom:0}.xr-cols b{color:#ffb3d1;letter-spacing:.06em;background:#2a0a1ce6;border-radius:4px;padding:3px 6px;font-weight:600;position:absolute;bottom:14px;right:0}.xr-pad{background:repeating-linear-gradient(-45deg,#ffbd7b2e 0 1px,#0000 1px 7px);border-block:1px dashed #ffbd7b85;position:absolute}.xr-pad b{color:#ffd3a0;background:#2a1a08eb;border-radius:4px;padding:2px 6px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xr-scene{border:1px solid #8fdcffd0;position:absolute;box-shadow:inset 0 0 0 1px #8fdcff1f}.xr-scene.nested{border-style:dashed;border-color:#8fdcff85}.xr-tag{white-space:nowrap;background:#061a36f2;border:1px solid #8fdcff70;border-radius:4px;align-items:center;gap:7px;padding:3px 6px;display:flex;position:absolute;overflow:hidden}.xr-tag b{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.xr-tag span{color:#8fb9d9}.xr-state{color:#ffd27a!important}.xr-state.complete{color:#9ce8b0!important}.xr-state.pending{color:#7a8aa0!important}.xr-crew{gap:3px;display:inline-flex}.xr-crew i{background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c);letter-spacing:.06em;border-radius:3px;padding:1px 4px;font-size:8.5px;font-style:normal}.xr-type{color:#ffc2d9;white-space:nowrap;background:#1d0b2aeb;border:1px solid #ff96bc6b;border-radius:3px;padding:2px 5px;position:absolute}.xr-margin{box-sizing:border-box;border-style:solid;border-color:#ffb0205c;position:absolute}.xr-padding{box-sizing:border-box;background:#59c3ff26 padding-box content-box;border-style:solid;border-color:#3fd18a55;position:absolute}.xr-inspect{background:#04122af5;border:1px solid #8fdcff;border-radius:6px;gap:3px;min-width:200px;max-width:286px;padding:7px 9px;display:grid;position:absolute;box-shadow:0 10px 30px #0009}.xr-inspect b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.xr-inspect i{vertical-align:-1px;border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.xr-inspect i.m{background:#ffb020}.xr-inspect i.p{background:#3fd18a}.xr-hud{background:#04122af5;border:1px solid #8fdcff85;border-radius:10px;gap:5px;min-width:212px;padding:12px 14px;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:0 20px 50px #000b}.xr-hud b{color:#fff;letter-spacing:.14em;margin-bottom:3px;font-size:10px}.xr-hud em{color:#fff;font-style:normal}.xr-hud i{background:var(--c);border-radius:50%;width:7px;height:7px;margin-left:3px;display:inline-block}.xr-hud small{color:#6f93b3;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:9px}@keyframes xr-in{0%{opacity:0}}@keyframes xr-scan{to{opacity:0;transform:translateY(100vh)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) [data-xray-layer],html:not([data-motion=full]) [data-xray-layer]:after{animation:none}html:not([data-motion=full]) [data-xray-layer]:after{display:none}}.xray-hold{border:1px solid var(--line);color:var(--muted);font:500 9.5px/1 var(--font-mono);letter-spacing:.12em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff05;border-radius:999px;align-items:center;gap:7px;margin-left:10px;padding:5px 9px 5px 5px;transition:color .2s,border-color .2s;display:inline-flex}.xray-hold:hover{color:var(--ink);border-color:#8fdcff66}.xray-hold kbd{color:#bfe6ff;min-width:18px;height:18px;font:600 10px/1 var(--font-mono);border:1px solid #8fdcff66;border-bottom-width:2px;border-radius:4px;place-items:center;display:inline-grid}.repair-hint kbd{color:#bfe6ff;min-width:16px;height:16px;font:600 9.5px/1 var(--font-mono);border:1px solid #8fdcff66;border-bottom-width:2px;border-radius:4px;place-items:center;padding:0 3px;display:inline-grid}
:root{--bg:#09090b;--surface:#0e0e11;--surface-2:#131317;--ink:#f4f2ee;--ink-2:#cfcbc4;--muted:#9d9a94;--dim:#6d6b67;--line:#ffffff12;--line-strong:#ffffff21;--agent:#59c3ff;--container:min(1320px,calc(100% - 112px))}html{scroll-padding-top:84px}body{background:var(--bg);text-rendering:optimizelegibility;font-size:16px}body:after{display:none}::selection{background:color-mix(in srgb,var(--red) 35%,transparent)}.container{width:var(--container)}.section-space{padding-block:var(--section-space,114px)}.hero-copy h1[data-agent-target]>span,.section-heading h2[data-agent-target]>span,.contact-inner h2[data-agent-target]>span,.about-section h2[data-agent-target]>span,.approach-heading h2[data-agent-target]>span,.expertise-heading h3[data-agent-target]>span{-webkit-text-fill-color:initial;filter:none;color:inherit;background:0 0}.eyebrow{font:500 11px/1.4 var(--font-mono);letter-spacing:.14em;color:var(--ink-2)}.eyebrow>span:not(.live-dot):not(.red-dash){color:var(--dim);letter-spacing:.08em}.live-dot{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 18%,transparent)}.live-dot:after{display:none}.button{letter-spacing:-.01em;min-height:48px;translate:var(--magnet-x,0) var(--magnet-y,0);border-radius:6px;gap:12px;padding:0 20px;font-size:13.5px;font-weight:650;transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .2s,border-color .2s,color .2s,translate .25s cubic-bezier(.22,1,.36,1)}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--red);color:#fff;border-color:#0000;box-shadow:inset 0 1px #fff3,0 1px #0006}.button-primary:hover{background:color-mix(in srgb,var(--red) 88%,white)}.button-primary>svg:last-child{margin-left:6px}.button-glass,.button-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.button-glass:hover,.button-ghost:hover{background:#ffffff08;border-color:#ffffff38}.button-glass>svg{color:var(--agent)}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line);background:#09090bf2;height:64px}.header-inner{gap:24px}.brand{letter-spacing:-.02em;gap:11px;font-size:14px;font-weight:700}.brand-mark{letter-spacing:-.09em;font-size:26px}.main-nav{gap:2px}.main-nav>a{color:var(--muted);border:0;border-radius:6px;align-items:baseline;gap:7px;padding:8px 12px;font-size:13px;font-weight:550;transition:color .2s,background-color .2s;display:flex}.main-nav>a small{font:500 10px/1 var(--font-mono);color:var(--dim);letter-spacing:.04em}.main-nav>a:hover{color:var(--ink);background:#ffffff07}.main-nav>a.active{color:var(--ink);box-shadow:none;background:#ffffff0a;border:0}.main-nav>a.active small{color:var(--red)}.header-tools{align-items:center;gap:14px;display:flex}.agent-status{font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--dim);white-space:nowrap;align-items:center;gap:8px;display:flex}.agent-status>i{background:#4b4a47;border-radius:50%;width:6px;height:6px;transition:background-color .3s,box-shadow .3s;position:relative}.agent-status>b{color:var(--ink-2);font-weight:500}.agent-status>span{text-overflow:ellipsis;min-width:0;max-width:230px;overflow:hidden}.agent-status[data-active]>i{background:var(--agent);box-shadow:0 0 0 3px #59c3ff26}.agent-status[data-active]>i:after{content:"";background:var(--agent);border-radius:50%;animation:1.4s cubic-bezier(.2,.6,.35,1) infinite status-pulse;position:absolute;inset:0}.agent-status[data-active]>span{color:var(--agent)}.header-contact{background:var(--ink);color:#0b0b0d;height:36px;translate:var(--magnet-x,0) var(--magnet-y,0);border:0;border-radius:6px;gap:14px;padding:0 14px;font-size:13px;font-weight:650;transition:background-color .2s,translate .25s cubic-bezier(.22,1,.36,1)}.header-contact:hover{box-shadow:none;background:#fff}:is(.header-inner:has([aria-label="Stop guided tour"]) .header-contact,.header-inner:has([aria-label="Stop guided tour"]) .agent-status){display:none}.fullscreen-control{flex-shrink:0;position:relative}.fullscreen-control>button{border:1px solid var(--line-strong);min-width:36px;height:36px;color:var(--ink-2);font:500 11px/1 var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:flex}.fullscreen-control>button:hover{color:var(--ink);background:#ffffff0a}.fullscreen-control>button:focus-visible{outline:2px solid var(--agent);outline-offset:3px}.fullscreen-control>button:disabled{opacity:.5;cursor:wait}.fullscreen-feedback{border:1px solid var(--line-strong);background:var(--surface);width:240px;color:var(--ink-2);border-radius:6px;padding:12px;font-size:12px;line-height:1.5;position:absolute;top:44px;right:0}html:fullscreen{background:var(--bg);scrollbar-width:none}html:fullscreen::-webkit-scrollbar{display:none}html:fullscreen :is(.site-header,.tour-dock){transition:opacity .3s,visibility .3s}html:fullscreen:not([data-show-presentation-controls]) :is(.site-header,.tour-dock){opacity:0;visibility:hidden;pointer-events:none}html:fullscreen:not([data-show-presentation-controls]) .construction-traces[data-construction-scene=navigation]{display:none}@media (max-width:1100px){.fullscreen-control>button>span{display:none}.fullscreen-control>button{width:36px;padding:0}}.hero-section{flex-direction:column;min-height:min(820px,100svh - 64px);display:flex}.hero-section:after{display:none}.hero-ambient{background:radial-gradient(ellipse 55% 60% at 80% 38%,color-mix(in srgb,var(--red) 11%,transparent),transparent 70%),radial-gradient(circle at 1px 1px,#ffffff10 1px,transparent 0) 0 0/24px 24px;animation:none;overflow:hidden}.hero-ambient:before,.hero-ambient:after{display:none}.hero-light{background:radial-gradient(circle,color-mix(in srgb,var(--red) 8%,transparent),transparent 62%);will-change:transform;pointer-events:none;border-radius:50%;width:560px;height:560px;transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:-280px;left:-280px;transform:translate(75vw,320px)}.hero-guides{z-index:-1;pointer-events:none;margin-inline:auto;position:absolute;inset:0}.hero-guides .signal-field{opacity:1;width:100%;height:100%;animation:none;position:absolute;inset:0 0 auto;overflow:visible;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.signal-field .guide{stroke:#ffffff08;stroke-width:1px;vector-effect:non-scaling-stroke}.signal-field .guide-major{stroke:#ffffff12;stroke-width:1px;vector-effect:non-scaling-stroke}.signal-field .guide-node{fill:var(--bg);stroke:#ffffff30}.signal-field .trail{stroke-width:1px;vector-effect:non-scaling-stroke}.signal-field .trail-core{stroke:#ffffff12}.signal-streams{z-index:-1;pointer-events:none;width:100%;height:min(46%,420px);position:absolute;bottom:48px;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 26% 86%,#0000);mask-image:linear-gradient(#0000,#000 26% 86%,#0000)}.hero-grid{flex:1;grid-template-columns:minmax(0,1fr) 248px;align-items:center;gap:clamp(40px,6vw,96px);min-height:0;padding-top:56px;padding-bottom:56px}.hero-copy{padding-bottom:0}.hero-copy .eyebrow{color:var(--ink-2)}.eyebrow-year{font-size:11px}.hero-identity{margin:30px 0 22px}.hero-identity p{color:var(--muted);letter-spacing:-.01em;font-size:17px}.hero-identity strong{color:var(--ink);font-weight:650}.hero-identity>span{font:400 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:10px}.hero-identity i{background:var(--dim)}.hero-copy h1{letter-spacing:-.055em;color:var(--ink);margin:0 0 28px;font-size:clamp(42px,5.9vw,86px);font-weight:760;line-height:.98}.hero-copy h1[data-agent-target] [class*=accent]{-webkit-text-fill-color:currentColor;color:var(--red);filter:none;background:0 0}.hero-description{max-width:540px;color:var(--muted);font-size:17px;line-height:1.65}.hero-actions{gap:10px;margin-top:36px}.hero-footnote{font:400 10.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--dim);margin-top:36px}.hero-footnote>svg{color:var(--dim)}.hero-footnote>i{background:#3b3a38}.hero-section .hero-portrait-area{perspective:none;justify-self:end;width:100%;max-width:248px;height:auto;margin:0}.hero-section .portrait-composition{transform-style:flat;inset:auto;position:relative!important}.layer-tag{font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--ink-2);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.layer-tag>span:last-child{color:var(--dim)}.portrait-stage{position:relative}.hero-section .portrait-frame{aspect-ratio:4/5;background:var(--surface);border:1px solid #59c3ff99;border-radius:2px;width:100%;position:relative;inset:auto;overflow:hidden;transform:none;box-shadow:0 30px 80px -30px #000}.hero-section .portrait-frame:after{border-radius:0;inset:0;box-shadow:inset 0 0 0 1px #00000040}.hero-section .portrait-frame img{object-position:center 30%}.hero-section .portrait-shade{background:linear-gradient(#0000 66%,#09090bd9)}.hero-section .portrait-caption{gap:6px;bottom:16px;left:16px;right:16px}.hero-section .portrait-name{letter-spacing:-.02em;font-size:16px;font-weight:700}.hero-section .portrait-caption>span:last-child{font:400 9.5px/1 var(--font-mono);letter-spacing:.1em;color:#ffffffa6}.layer-handles>i{background:var(--bg);border:1px solid var(--agent);z-index:3;pointer-events:none;width:7px;height:7px;position:absolute}.layer-handles>i:first-child{top:-3px;left:-3px}.layer-handles>i:nth-child(2){top:-3px;right:-3px}.layer-handles>i:nth-child(3){bottom:-3px;left:-3px}.layer-handles>i:nth-child(4){bottom:-3px;right:-3px}.layer-size{background:var(--agent);color:#06131c;font:500 9.5px/1 var(--font-mono);letter-spacing:.04em;white-space:nowrap;z-index:4;border-radius:2px;padding:3px 6px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.layer-props{border-top:1px solid var(--line);margin:28px 0 0;display:grid}.layer-props>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:10px 0;display:flex}.layer-props dt{font:400 10.5px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.layer-props dd{color:var(--ink-2);text-align:right;margin:0;font-size:13px;font-weight:550}.hero-bottom{border-top:1px solid var(--line);height:48px;font:400 10.5px/1 var(--font-mono);letter-spacing:.14em;color:var(--dim)}.hero-bottom>a{color:var(--ink-2)}.hero-bottom>a:hover{color:var(--ink)}.tiny-cross{color:var(--red);font-size:14px}.section-rail{border-top:1px solid var(--line-strong);width:100%;font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:14px;padding-top:14px;display:flex}.section-rail>span:first-child{color:var(--red)}.section-rail>span:nth-child(3){color:var(--dim);letter-spacing:.1em;margin-left:auto}.section-heading{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:end;column-gap:48px;margin-bottom:56px;display:grid}.section-heading>.section-rail{grid-column:1/-1;margin-bottom:40px}.section-heading h2,.approach-heading h2,.about-section h2{letter-spacing:-.05em;color:var(--ink);margin-top:0;font-size:clamp(38px,4.6vw,68px);font-weight:740;line-height:1}.section-heading h2[data-agent-target] [class*=accent],.about-section h2[data-agent-target] [class*=accent],.approach-heading h2[data-agent-target] [class*=accent],.expertise-heading h3[data-agent-target] [class*=accent]{color:#64625e}.section-heading>p,.approach-heading>p{color:var(--muted);max-width:360px;margin:0;font-size:15px;line-height:1.7}.workflow-section{padding-top:clamp(72px,9vw,120px);padding-bottom:56px}.workflow-section>.section-rail{margin-bottom:28px}.stack-strip{border-color:var(--line);gap:48px;padding-block:26px}.stack-strip>span{font:400 10.5px/1.5 var(--font-mono);letter-spacing:.12em;color:var(--dim);max-width:140px}.stack-strip>div>span{letter-spacing:-.02em;color:var(--ink-2);font-size:16px;font-weight:650}.stack-strip i{color:#3d3c39;font-size:10px}.stack-strip{gap:40px;overflow:hidden}.stack-strip>span{flex-shrink:0}.stack-strip>.marquee{flex:1;min-width:0;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.marquee-track{width:max-content;animation:60s linear infinite marquee;display:flex}[data-agent-scene=technologies][data-build-state]:not([data-build-state=complete]) .marquee-track{animation-play-state:paused}.tech{letter-spacing:-.02em;color:var(--ink-2);white-space:nowrap;align-items:center;gap:12px;margin-right:52px;font-size:16px;font-weight:650;transition:color .2s;display:inline-flex}.tech svg{width:24px;height:24px;fill:var(--brand);transition:transform .35s cubic-bezier(.22,1,.36,1)}.tech:hover{color:var(--ink)}.tech:hover svg{transform:translateY(-2px)scale(1.12)}@keyframes marquee{to{transform:translate(-50%)}}.marquee-glide{width:max-content}[data-agent-scene=technologies][data-build-state=complete] .marquee-glide{animation:2.4s cubic-bezier(.5,1,.89,1) both marquee-glide}@keyframes marquee-glide{0%{transform:translate(0)}to{transform:translate(1%)}}.clients-section{padding-top:clamp(72px,9vw,120px)}.clients-section>.section-rail{margin-bottom:40px}.clients-head{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:end;gap:48px;margin-bottom:44px;display:grid}.clients-head h2{letter-spacing:-.05em;font-size:clamp(34px,4.2vw,60px);font-weight:740;line-height:1}.clients-head h2>span{color:#64625e}.clients-head p{color:var(--muted);font-size:15px;line-height:1.7}.clients-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.client{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:20px 20px 22px;transition:background-color .25s;display:flex;position:relative}.client:hover{background:#ffffff05}.client:after{content:"";border:1px solid var(--agent);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:-1px}.client:hover:after{opacity:.7}.client-logo-slot{margin-bottom:8px;display:block}.tech-mark{place-items:center;width:24px;height:24px;display:inline-grid}.client-logo{background:var(--tile);border-radius:8px;place-items:center;height:104px;transition:transform .35s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff10}.client:hover .client-logo{transform:translateY(-3px)}.client-logo img{object-fit:contain;max-width:84%;max-height:82%}.client-wordmark{color:var(--tile-ink);letter-spacing:-.035em;text-align:center;padding:0 14px;font-size:21px;font-weight:800;line-height:1.02}.client-sector{font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.client-name{letter-spacing:-.025em;font-size:18px;font-weight:720}.client-about{color:var(--muted);flex:1;font-size:14px;line-height:1.6}.client-role{border-top:1px solid var(--line);font:400 11px/1.4 var(--font-mono);color:var(--ink-2);padding-top:12px}.client-groups{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.client-groups>span{border:1px solid var(--line-strong);color:var(--ink-2);border-radius:999px;padding:7px 12px;font-size:13px}.client-groups>span:first-child{font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;color:var(--dim);border:0;padding-left:0}.project-filter-row{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:16px}.project-filters{gap:4px}.project-filters button{color:var(--muted);border:1px solid #0000;border-radius:6px;padding:8px 13px;font-size:13px;font-weight:550}.project-filters button:hover{color:var(--ink);background:#ffffff07}.project-filters button.selected{background:var(--ink);border-color:var(--ink);color:#0b0b0d}.project-filters button>span{font:500 10px/1 var(--font-mono);color:inherit;opacity:.7;background:#00000014;border-radius:3px;padding:3px 5px}.project-count{font:400 10.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--dim)}.project-grid{gap:20px}.project-entry{align-items:stretch;min-width:0;display:flex}.project-entry>.project-card{width:100%}.project-entry>div,.project-entry .project-card{height:100%}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;transition:border-color .3s}.project-card:hover{box-shadow:none;border-color:#59c3ff99}.project-visual{height:calc(250px * var(--card-density,1));border-bottom:1px solid var(--line)}.project-card:hover .app-preview{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}.project-card-copy{padding:calc(24px * var(--card-density,1)) calc(26px * var(--card-density,1)) calc(26px * var(--card-density,1))}.project-topline{font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--ink-2)}.project-topline>span:last-child{color:var(--dim)}.project-title-row{margin:14px 0 10px}.project-title-row>h3{letter-spacing:-.035em;font-size:26px;font-weight:720}.project-arrow{border:1px solid var(--line-strong);width:34px;height:34px;color:var(--ink-2);border-radius:6px}.project-open:hover .project-arrow{background:var(--ink);border-color:var(--ink);color:#0b0b0d;transform:none}.project-card-copy>p{color:var(--muted);max-width:480px;font-size:14.5px;line-height:1.65}.tag-list>span{font:400 10.5px/1 var(--font-mono);letter-spacing:.02em;color:var(--ink-2);border:1px solid var(--line);background:0 0;border-radius:4px;padding:6px 8px}.projects-note{font:400 10.5px/1.6 var(--font-mono);letter-spacing:.04em;color:var(--dim);margin-top:24px}.projects-note>span{background:var(--agent);border-radius:1px}.visual-caption{letter-spacing:.12em;font-size:9px!important}.approach-section{border-block:1px solid var(--line);background:var(--surface)}.approach-heading{text-align:left}.approach-heading .eyebrow{justify-content:flex-start}.principles-grid{border-top:1px solid var(--line);gap:0;margin-top:0}.principles-grid>div{min-width:0}.principles-grid>div+div .principle{border-left:1px solid var(--line)}.principle{background:0 0;border:0;border-radius:0;padding:32px 32px 8px}.principle-number{font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--dim);margin-bottom:56px}.principle>svg{color:var(--red);margin-bottom:20px}.principle>h3{letter-spacing:-.03em;margin-bottom:12px;font-size:22px;font-weight:700}.principle>p{color:var(--muted);max-width:340px;font-size:15px;line-height:1.65}.about-grid{gap:clamp(48px,8vw,120px)}.about-grid .section-rail{margin-bottom:40px}.about-copy{max-width:480px;margin-top:32px}.about-copy>p{color:var(--muted);font-size:16px;line-height:1.7}.about-copy>.about-thai{color:var(--ink-2);margin:24px 0;font-size:15px}.text-link{color:var(--ink);border-bottom:1px solid var(--line-strong);gap:12px;font-size:14px;font-weight:650}.text-link:hover{color:var(--ink);border-color:var(--red)}.text-link>svg{color:var(--red)}.education-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:40px;padding:22px}.education-card>svg{color:var(--ink-2)}.education-card span{font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--dim)}.education-card h3{letter-spacing:-.02em;margin:10px 0 6px;font-size:16px;font-weight:700}.education-card p{color:var(--muted);font-size:13.5px;line-height:1.6}.education-card .education-previous{border-color:var(--line);color:var(--dim)}.column-label{font:500 11px/1 var(--font-mono);letter-spacing:.14em;color:var(--ink-2);border-bottom:0;border-top:1px solid var(--line-strong);margin-bottom:40px;padding:14px 0 0}.column-label>span{color:var(--dim);font-size:11px}.experience-column{padding-top:0}.timeline{padding-left:6px}.experience-item{border-left:1px solid var(--line);padding:0 0 36px 30px}.timeline-point{background:var(--bg);border-color:#4a4946;border-radius:2px;width:9px;height:9px;top:2px;left:-5px}.timeline-point.current{background:var(--red);border-color:var(--red);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 18%,transparent)}.experience-date{font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--dim)}.experience-item h3{letter-spacing:-.03em;margin:12px 0 6px;font-size:20px;font-weight:700}.experience-company{color:var(--ink-2);font-size:13.5px}.experience-company>svg{color:var(--dim)}.experience-item p{color:var(--muted);max-width:440px;font-size:14.5px;line-height:1.65}.expertise-heading{border-top:0;margin-top:120px;padding-top:0;display:block}.expertise-heading .section-rail{margin-bottom:40px}.expertise-heading h3{letter-spacing:-.045em;margin-top:0;font-size:clamp(30px,3.4vw,46px);font-weight:720;line-height:1.05}.expertise-grid{border:0;border-top:1px solid var(--line);border-radius:0;margin-top:48px}.expertise-card{background:0 0;border-right:0;padding:28px 28px 8px 0}.expertise-card+.expertise-card{border-left:1px solid var(--line);padding-left:28px}.expertise-card>svg{color:var(--ink-2);margin-bottom:28px}.expertise-card>h4{letter-spacing:-.02em;font-size:16px;font-weight:700}.expertise-card>p{color:var(--muted);font-size:14px;line-height:1.7}.contact-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse 60% 70% at 100% 100%,color-mix(in srgb,var(--red) 10%,transparent),transparent 70%),radial-gradient(circle at 1px 1px,#ffffff0d 1px,transparent 0) 0 0/24px 24px,var(--bg)}.contact-inner{display:block}.contact-inner .section-rail{margin-bottom:48px}.contact-inner h2{letter-spacing:-.055em;margin:0 0 32px;font-size:clamp(44px,7vw,108px);font-weight:760;line-height:.96}.contact-inner h2[data-agent-target] [class*=accent]{color:var(--red);-webkit-text-fill-color:currentColor;background:0 0}.contact-inner p{color:var(--muted);font-size:17px;line-height:1.65}.contact-actions{gap:10px;margin-top:36px}.email-row{margin-top:28px}.email-row>a{font:400 14px/1 var(--font-mono);color:var(--ink-2)}.email-row>button{border-color:var(--line-strong);color:var(--ink-2);border-radius:4px}.copy-feedback{color:var(--agent);font-size:12px}.site-footer{border-top:0;padding-block:32px 40px}.site-footer>span,.site-footer>a:last-of-type{font:400 10.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--dim)}.site-footer>a:last-of-type:hover{color:var(--ink)}.copyright{color:#4d4b48!important;font-size:10px!important}.project-dialog{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:12px}.project-dialog::backdrop{background:#000000b3}@keyframes status-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@media (max-width:1200px){:root{--container:calc(100% - 72px)}.hero-grid{grid-template-columns:minmax(0,1fr) 224px;gap:48px}.hero-section .hero-portrait-area{max-width:224px}.agent-status>span{display:none}.main-nav>a{padding:8px 9px}}@media (max-width:900px){:root{--container:calc(100% - 48px)}.site-header{height:60px}.agent-status,.main-nav>a small{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 196px;gap:32px;padding-top:44px;padding-bottom:44px}.hero-section .hero-portrait-area{max-width:196px}.layer-props>div:last-child{display:none}.hero-copy h1{font-size:clamp(38px,6.4vw,56px)}.hero-description{font-size:15px}.hero-bottom{letter-spacing:.1em;font-size:9.5px}.section-heading{grid-template-columns:1fr;row-gap:20px}.principle{padding:28px 22px 8px}.expertise-grid{grid-template-columns:1fr 1fr}.expertise-card:nth-child(3){border-left:0;padding-left:0}.expertise-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.stack-strip>div>span{font-size:14px}.section-space{padding-block:calc(var(--section-space,114px)*.7)}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-head{grid-template-columns:1fr;gap:18px}}@media (max-width:650px){:root{--container:calc(100% - 40px)}html{scroll-padding-top:72px}.site-header{height:60px}.main-nav{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line-strong);background:#0e0e11fa;top:59px}.main-nav>a{padding:13px 14px;font-size:15px}.menu-toggle{border-color:var(--line-strong);color:var(--ink);background:0 0;border-radius:6px}.hero-section{min-height:0}.hero-grid{grid-template-columns:1fr;gap:40px;padding-top:36px;padding-bottom:40px}.hero-identity{margin:24px 0 18px}.hero-identity p{font-size:15px}.hero-copy h1{letter-spacing:-.05em;font-size:clamp(38px,11vw,56px);line-height:1}.hero-description{font-size:15.5px;line-height:1.6}.hero-actions{margin-top:28px}.button{min-height:46px;padding:0 16px;font-size:13px}.hero-footnote{margin-top:28px;font-size:9.5px}.hero-section .hero-portrait-area{justify-self:stretch;max-width:none}.hero-section .portrait-composition{grid-template-columns:176px minmax(0,1fr);align-items:end;column-gap:20px;display:grid}.layer-tag{grid-column:1/-1}.layer-props{align-self:end;margin:0}.layer-props>div{flex-direction:column;gap:5px}.layer-props>div:last-child{display:flex}.layer-props dd{text-align:left;font-size:12.5px}.layer-props dt{font-size:9.5px}.hero-bottom{letter-spacing:.08em;font-size:9px}.hero-bottom>span:first-child{display:none}.section-rail{gap:10px;font-size:10px}.section-rail>span:nth-child(3){display:none}.section-heading{margin-bottom:36px}.section-heading>.section-rail{margin-bottom:28px}.section-heading h2,.approach-heading h2,.about-section h2{font-size:clamp(34px,10vw,46px)}.section-heading>p{font-size:15px}.project-filters button{padding:8px 10px;font-size:12px}.project-title-row>h3{font-size:23px}.project-card-copy>p{font-size:14px}.principles-grid{grid-template-columns:1fr}.principles-grid>div+div .principle{border-left:0;border-top:1px solid var(--line)}.principle{padding:26px 0 18px}.principle-number{margin-bottom:28px}.expertise-heading{margin-top:80px}.expertise-grid{grid-template-columns:1fr}.expertise-card,.expertise-card+.expertise-card{border-left:0;border-bottom:1px solid var(--line);padding:22px 0}.contact-inner h2{font-size:clamp(40px,12vw,64px)}.contact-inner p{font-size:15.5px}.stack-strip{gap:20px}.stack-strip>div>span{font-size:12.5px}.section-space{padding-block:calc(var(--section-space,114px)*.57)}.stack-strip>span{display:none}.tech{margin-right:36px;font-size:14px}.client{padding:14px 14px 16px}.client-logo{height:78px}.client-wordmark{font-size:16px}.client-name{font-size:15.5px}.client-about{font-size:13px}.client-role{font-size:10px}.signal-streams{height:min(30%,360px)}}@media (max-width:380px){:root{--container:calc(100% - 32px)}.hero-section .portrait-composition{grid-template-columns:150px minmax(0,1fr);column-gap:14px}.hero-copy h1{font-size:36px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) :is(.button,.header-contact){translate:none!important}html:not([data-motion=full]) .project-card:hover .app-preview{transform:none}html:not([data-motion=full]) .agent-status[data-active]>i:after{opacity:0;animation:none}html:not([data-motion=full]) .hero-light{transition:none}html:not([data-motion=full]) .marquee-glide{animation:none}html:not([data-motion=full]) .marquee-track{flex-wrap:wrap;row-gap:14px;width:auto;animation:none}html:not([data-motion=full]) .tech[aria-hidden=true]{display:none}}.motion-preference{color:var(--muted);margin-top:16px;font-size:12px}.motion-preference p{margin:0 0 6px}.motion-preference .text-link{font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.motion-preference .text-link:focus-visible{outline:2px solid var(--agent);outline-offset:4px}html[data-auto-scrolling]{overflow-anchor:none}.tour-dock{z-index:75;border:1px solid var(--line-strong);font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--ink-2);white-space:nowrap;background:#0e0e11eb;border-radius:10px;align-items:center;gap:16px;padding:7px 7px 7px 14px;animation:.55s cubic-bezier(.22,1,.36,1) both dock-in;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #000a}.tour-state{align-items:center;gap:10px;min-width:0;display:flex}.tour-state svg{flex-shrink:0;width:18px;height:18px;transform:rotate(-90deg)}.tour-track{fill:none;stroke:#ffffff1a;stroke-width:2px}.tour-ring{fill:none;stroke:var(--agent);stroke-width:2px;stroke-dasharray:1;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.tour-state b{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:500;display:block}.tour-state small{letter-spacing:.04em;color:var(--dim);margin-top:5px;font-size:9.5px;display:block}.tour-chapter{border-left:1px solid var(--line-strong);min-width:148px;font:600 13px/1 var(--font-sans);letter-spacing:-.01em;color:var(--ink);align-items:baseline;gap:9px;padding-left:16px;display:flex}.tour-chapter small{font:500 10px/1 var(--font-mono);letter-spacing:.08em;color:var(--dim)}.tour-steps{gap:4px;margin:0;padding:0;list-style:none;display:flex}.tour-steps li{background:#ffffff1f;border-radius:1px;width:12px;height:2px;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .45s}.tour-steps li[data-past]{background:#ffffff5c}.tour-steps li[data-current]{background:var(--agent);width:26px}.tour-actions{gap:4px;display:flex}.tour-actions button{border:1px solid var(--line-strong);min-width:30px;height:30px;color:var(--ink-2);font:inherit;cursor:pointer;background:#ffffff08;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 8px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.tour-actions button:hover{color:var(--ink);background:#ffffff14;border-color:#ffffff38}.tour-actions button:focus-visible{outline:2px solid var(--agent);outline-offset:2px}.tour-dock[data-state=playing] .tour-ring{stroke-dasharray:.24 .76}.tour-dock[data-state=playing] .tour-state svg{animation:1.5s linear infinite tour-spin}.tour-dock[data-state=waiting] .tour-state b{color:var(--agent)}.tour-dock[data-state=paused] .tour-ring{stroke:var(--dim)}.tour-dock[data-state=done] .tour-ring{stroke:#71e5d0}@keyframes dock-in{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes dock-in-edge{0%{opacity:0;transform:translateY(14px)}}@keyframes tour-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media (max-width:900px){.tour-steps{display:none}}@media (max-width:650px){.tour-dock{gap:10px;padding:6px 6px 6px 12px;animation-name:dock-in-edge;bottom:12px;left:12px;right:12px;transform:none}.tour-state small{display:none}.tour-chapter{flex:1;min-width:0;padding-left:10px;font-size:12px;overflow:hidden}}.client-logo img{object-fit:contain;width:72%;max-width:none;height:58px;max-height:none}@media (max-width:650px){.client-logo img{height:44px}}.client-logo img[src*=skilllane]{object-fit:cover;width:100%;height:104px}@media (max-width:650px){.client-logo img[src*=skilllane]{height:78px}}.client-logo img[src*=china4trip]{object-fit:contain;border-radius:6px;width:88px;height:88px}@media (max-width:650px){.client-logo img[src*=china4trip]{width:66px;height:66px}}.clients-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.clients-grid>.client:is(:first-child,[data-agent-scene=client-fastwork]){grid-column:span 2}@media (max-width:1100px){.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-grid>.client:is(:first-child,[data-agent-scene=client-fastwork]){grid-column:auto}}.client-logo img[src*=portkao]{object-fit:contain;border-radius:10px;width:88px;height:88px}@media (max-width:650px){.client-logo img[src*=portkao]{width:66px;height:66px}}.client-logo img[src*=fastwork]{object-fit:contain;border-radius:18px;width:88px;height:88px}@media (max-width:650px){.client-logo img[src*=fastwork]{width:66px;height:66px}}.agent-replay{min-height:48px;color:var(--ink);font:inherit;cursor:pointer;isolation:isolate;background:linear-gradient(#ffffff0d,#ffffff04);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:12px;padding:0 14px 0 10px;transition:border-color .3s,background-color .3s,transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.agent-replay:before{content:"";border-radius:inherit;z-index:-1;background:conic-gradient(from var(--replay-angle,0deg),#77c7ff,#ff96bc,#71e5d0,#ffbd7b,#b5a0ff,#c7e88d,#77c7ff);-webkit-mask-composite:xor;opacity:.45;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.agent-replay:is(:hover,:focus-visible):before{animation:2.4s linear infinite replay-orbit}.agent-replay:hover{background-color:#ffffff0a;border-color:#0000}.agent-replay:hover:before{opacity:1}.agent-replay:active{transform:scale(.98)}.agent-replay:focus-visible{outline-offset:3px;outline:2px solid #77c7ff}.agent-replay-stack{padding-left:6px;display:flex}.agent-replay-stack i{background:var(--agent);color:#0c1018;width:24px;height:24px;font:700 9px/1 var(--font-mono);border:2px solid #0c0c10;border-radius:50%;place-items:center;margin-left:-8px;font-style:normal;transition:margin .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);display:grid}.agent-replay:hover .agent-replay-stack i{margin-left:-2px}.agent-replay:hover .agent-replay-stack i:nth-child(odd){transform:translateY(-2px)}.agent-replay:hover .agent-replay-stack i:nth-child(2n){transform:translateY(2px)}.agent-replay-copy{flex-direction:column;align-items:flex-start;gap:3px;line-height:1;display:flex}.agent-replay-copy b{letter-spacing:-.01em;font-size:13.5px;font-weight:650}.agent-replay-copy small{font:500 9.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.agent-replay-icon{color:var(--muted);transition:transform .6s cubic-bezier(.22,1,.36,1),color .3s}.agent-replay:hover .agent-replay-icon{color:var(--ink);transform:rotate(-300deg)}@property --replay-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes replay-orbit{to{--replay-angle:360deg}}@media (max-width:650px){.agent-replay{gap:9px;min-height:46px;padding-right:12px}.agent-replay-stack i{width:20px;height:20px;margin-left:-9px;font-size:8px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .agent-replay:before{animation:none}}.nice-mark{align-items:center;gap:10px;display:inline-flex}.nice-glyph{filter:drop-shadow(0 4px 14px #59c3ff2e);flex-shrink:0}.nice-word{flex-direction:column;line-height:1;display:flex}.nice-word small{font:500 9px/1 var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.nice-word b{letter-spacing:-.035em;color:var(--ink);font-size:17px;font-weight:760}.nice-word em{background:linear-gradient(90deg,#77c7ff,#b5a0ff 35%,#ff96bc 65%,#ffbd7b);color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:.22em;font-style:normal}.agent-status{gap:9px}.agent-status>.nice-glyph{filter:none}.agent-status>b{font:650 12px/1 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}.agent-status>i{margin-left:2px}.footer-built{align-items:center;gap:8px;display:inline-flex}.agent-replay{overflow:visible}.agent-replay-beam,.agent-replay-halo>span,.agent-replay-shine{pointer-events:none;border-radius:999px;position:absolute;overflow:hidden}.agent-replay-beam,.agent-replay-halo>span{-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.agent-replay-beam{z-index:1;padding:1.5px;inset:-1px}.agent-replay-halo{z-index:-1;pointer-events:none;filter:blur(7px);opacity:.75;border-radius:999px;transition:opacity .4s;position:absolute;inset:-4px}.agent-replay-halo>span{padding:4px;inset:0}.agent-replay-beam i,.agent-replay-halo i{background:conic-gradient(from 0deg,transparent 0 6%,#ffbd7b66 12%,transparent 19% 56%,#77c7ff 68%,#b5a0ff 78%,#fff 85%,#ff96bc 89%,transparent 95%);will-change:transform;width:360px;height:360px;margin:-180px 0 0 -180px;animation:3.6s linear infinite replay-beam;position:absolute;top:50%;left:50%}.agent-replay:is(:hover,:focus-visible) .agent-replay-halo{opacity:1}.agent-replay-shine{z-index:-1;inset:0}.agent-replay-shine:before{content:"";background:linear-gradient(100deg,#0000,#ffffff21 50%,#0000);width:42%;animation:6s cubic-bezier(.45,0,.2,1) 1.2s infinite replay-shine;position:absolute;top:0;bottom:0;left:0;transform:translate(-130%)skew(-18deg)}.agent-replay-stack i{position:relative}.agent-replay-stack i:after{content:"";box-shadow:0 0 0 1.5px var(--agent),0 0 12px 1px var(--agent);opacity:0;animation:replay-agent 3.6s ease-in-out calc(var(--n,0)*.3s) infinite;border-radius:50%;position:absolute;inset:-3px}@keyframes replay-beam{to{transform:rotate(360deg)}}@keyframes replay-shine{0%,58%{transform:translate(-130%)skew(-18deg)}82%,to{transform:translate(340%)skew(-18deg)}}@keyframes replay-agent{0%,32%,to{opacity:0}12%{opacity:.9}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) :is(.agent-replay-beam i,.agent-replay-halo i){animation:none}}.toolkit{margin-top:44px}.toolkit-meta{border-block:1px solid var(--line);font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 26px;padding:14px 0;display:flex}.toolkit-meta b{font:650 15px/1 var(--font-sans,inherit);letter-spacing:-.02em;color:var(--ink);margin-right:6px}.toolkit-key{align-items:center;gap:9px;margin-left:auto;display:inline-flex}.toolkit-key i{background:#e9e6df;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #ffffff80}.toolkit-disciplines{font:500 11px/1.5 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,#8fdcff 55%,var(--muted));margin:0 0 16px}.stack-layers{gap:10px;margin-top:20px;display:grid;position:relative}.stack-spine{z-index:0;pointer-events:none;opacity:.4;background:linear-gradient(#4fb4ff,#9b7bff 20%,#ff8a4c 40%,#2fd394 60%,#ffbd4a 80%,#ff6b8b);width:1px;position:absolute;top:46px;bottom:46px;left:45px}.stack-spine i{opacity:.7;animation:11s cubic-bezier(.45,0,.55,1) infinite stack-pulse;position:absolute;inset:0}.stack-spine i:before{content:"";background:linear-gradient(#0000,#fff);border-radius:3px;width:5px;height:70px;position:absolute;bottom:100%;left:-2px;box-shadow:0 0 14px #9fd0ff}.stack-layer{z-index:1;isolation:isolate;border:1px solid var(--line);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 7%,transparent),#ffffff02 40%,transparent);border-radius:16px;grid-template-columns:minmax(200px,.6fr) minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:26px;padding:18px 22px 18px 23px;transition:border-color .4s;display:grid;position:relative}.stack-layer:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--mx,30%) var(--my,30%),color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%);transition:opacity .45s;position:absolute;inset:0}.stack-layer:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line))}.stack-layer:hover:before{opacity:1}.stack-layer-head{align-items:flex-start;gap:15px;display:flex}.stack-node{width:44px;height:44px;color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),0 0 0 4px #0d0c11,0 10px 26px -10px var(--accent);background:#0d0c11;border-radius:12px;flex-shrink:0;place-items:center;transition:transform .5s cubic-bezier(.22,1,.36,1);display:grid}.stack-layer:hover .stack-node{transform:rotate(-6deg)scale(1.06)}.stack-layer-index{font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;color:color-mix(in srgb,var(--accent) 70%,var(--muted))}.stack-layer-head h4{letter-spacing:-.03em;color:var(--ink);margin:6px 0 4px;font-size:18px;font-weight:720}.stack-layer-head p{color:var(--muted);margin:0;font-size:13px}.stack-tools{flex-wrap:wrap;align-content:flex-start;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tool-item{border:1px solid var(--line);letter-spacing:-.01em;color:var(--ink-2);background:#ffffff05;border-radius:9px;align-items:center;gap:7px;padding:3px 9px 3px 3px;font-size:12.5px;font-weight:580;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,background-color .3s,color .3s;display:inline-flex}.tool-mark{background:color-mix(in srgb,var(--brand) 10%,#ffffff06);width:23px;height:23px;color:color-mix(in srgb,var(--brand) 50%,#8d8a84);transition:color .4s calc(var(--i,0)*35ms),background-color .4s calc(var(--i,0)*35ms),box-shadow .3s;border-radius:7px;flex-shrink:0;place-items:center;display:grid;position:relative}.tool-mark svg{fill:currentColor;width:14px;height:14px}.tool-mark svg.lucide{fill:none}.stack-layer:hover .tool-mark{color:var(--brand);background:color-mix(in srgb,var(--brand) 17%,transparent)}.tool-item:hover{border-color:color-mix(in srgb,var(--brand) 55%,transparent);background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--ink);transform:translateY(-3px)}.tool-item:hover .tool-mark{box-shadow:0 6px 16px -6px var(--brand)}.stack-patterns{border-left:1px solid #ffffff10;margin:0;padding:0 0 0 22px;list-style:none}.stack-patterns li{color:var(--ink-2);border-bottom:1px dashed #ffffff0e;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:13px;line-height:1.4;display:flex}.stack-patterns li:last-child{border-bottom:0}.stack-patterns li>span{padding-left:15px;position:relative}.stack-patterns li>span:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent);border-radius:1.5px;position:absolute;top:.5em;left:0;transform:rotate(45deg)}.stack-patterns button{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);min-width:26px;height:20px;color:color-mix(in srgb,var(--accent) 70%,#fff);font:600 9.5px/1 var(--font-mono);letter-spacing:.04em;cursor:pointer;border-radius:5px;flex-shrink:0;place-items:center;padding:0 5px;transition:background-color .2s,color .2s,transform .2s;display:inline-grid}.stack-patterns button:hover{background:var(--accent);color:#0b0b0e;transform:translateY(-1px)}.stack-patterns button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes stack-pulse{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(calc(100% + 70px))}}@media (max-width:1100px){.stack-layer{grid-template-columns:200px minmax(0,1fr);row-gap:18px}.stack-patterns{border-top:1px solid #ffffff10;border-left:0;grid-column:2;padding:6px 0 0}}@media (max-width:650px){.toolkit-key{margin-left:0}.stack-spine{display:none}.stack-layer{grid-template-columns:1fr;padding:20px 16px 14px}.stack-patterns{grid-column:1}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .stack-spine i{animation:none}}.tool-item:not(.proven){color:color-mix(in srgb,var(--ink-2) 78%,transparent)}.tool-item.proven{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--ink)}.tool-item.proven:after{content:"";background:#e9e6df;border-radius:50%;width:5px;height:5px;margin-left:1px;box-shadow:0 0 6px #ffffff80}.stack-patterns em{color:#d8d5ce;height:20px;font:600 9px/1 var(--font-mono);letter-spacing:.08em;border:1px solid #ffffff2a;border-radius:5px;flex-shrink:0;place-items:center;padding:0 6px;font-style:normal;display:inline-grid}.stack-patterns.scope li{color:var(--muted)}.stack-patterns.scope li>span:before{border:1px solid var(--accent);box-shadow:none;background:0 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.product-showcase{--pv-accent:#397cef;--pv-tint:#dceaff;--pv-angle:-2deg;height:calc(326px * var(--card-density,1));background:radial-gradient(ellipse at 12% 0%,#ffffffc9,transparent 62%),linear-gradient(135deg,var(--pv-tint),#eff1f6 66%,var(--pv-tint));perspective:1200px;border-bottom-color:#ffffff16;padding:28px 26px 25px}.visual-scheduler{--pv-accent:#ce872a;--pv-tint:#ffe7bc;--pv-angle:1.5deg}.visual-quote{--pv-accent:#239d79;--pv-tint:#cdf0e2;--pv-angle:-1.5deg}.visual-vision{--pv-accent:#7966d5;--pv-tint:#e0d8fa;--pv-angle:2deg}.visual-forecast{--pv-accent:#279da6;--pv-tint:#c8edf0;--pv-angle:-1.7deg}.visual-dashboard{--pv-accent:#d56e5f;--pv-tint:#ffdbd0;--pv-angle:1.7deg}.pv-orbit{pointer-events:none;z-index:-1;background:linear-gradient(140deg,#ffffff9c,#ffffff08);border:1px solid #ffffffb3;border-radius:32px;position:absolute;box-shadow:0 12px 28px #25385510}.pv-orbit-one{width:68%;height:88%;top:-22%;right:-6%;transform:rotate(-18deg)}.pv-orbit-two{background:linear-gradient(125deg,color-mix(in srgb,var(--pv-accent) 16%,transparent),#ffffff40);width:62%;height:95%;bottom:-48%;left:-22%;transform:rotate(25deg)}.product-showcase .product-window{color:#243248;text-align:left;max-width:550px;height:268px;transform:perspective(1100px) rotateX(5deg) rotateY(-7deg) rotateZ(var(--pv-angle));transform-origin:50% 60%;isolation:isolate;background:#fbfcff;border:1px solid #fffffff2;border-radius:11px;flex-shrink:0;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;position:relative;box-shadow:0 27px 35px -15px #1d335654,0 6px 12px #1b35551c,inset 0 1px #fff}.project-card:hover .product-window,.project-open:hover .product-window{transform:perspective(1100px) rotateX(calc(3deg + var(--tilt-x,0deg))) rotateY(calc(-3deg + var(--tilt-y,0deg))) rotateZ(var(--pv-angle)) translateY(-3px);box-shadow:0 32px 40px -15px #1d33566b,0 8px 16px #1b355523}.product-showcase .visual-caption{color:#4d5d72;font:500 7px/1 var(--font-mono);letter-spacing:.08em;bottom:8px}.pv-window-chrome{height:28px;font:500 7px/1 var(--font-mono);color:#5b6880;letter-spacing:.02em;background:linear-gradient(#fff,#f0f3f8);border-bottom:1px solid #dce3ed;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.pv-window-chrome>span{align-items:center;gap:5px;min-width:0;display:flex}.pv-window-dots{gap:4px!important}.pv-window-dots i{background:#ff9b8a;border-radius:50%;width:5px;height:5px;box-shadow:inset 0 -1px #0001}.pv-window-dots i:nth-child(2){background:#f0c568}.pv-window-dots i:nth-child(3){background:#7ecda6}.pv-window-state i,.pv-live:before{content:"";background:#2aaf85;border-radius:50%;width:4px;height:4px;display:inline-block}.pv-page-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pv-page-top>div{flex-direction:column;gap:5px;min-width:0;display:flex}.pv-page-top b{letter-spacing:-.025em;color:#25334b;font-size:12px;line-height:1.1;display:block}.pv-page-top small{font:500 6px/1 var(--font-mono);letter-spacing:.06em;color:#8a96aa}.pv-select{color:#69778c;white-space:nowrap;background:#fff;border:1px solid #dfe6f0;border-radius:5px;align-items:center;gap:8px;padding:6px 7px;font-size:7px;display:flex}.pv-pill{white-space:nowrap;border-radius:4px;align-items:center;padding:4px 6px;font-size:6.5px;font-style:normal;font-weight:650;line-height:1.2;display:inline-flex}.pv-screen-footer{font:500 6.5px/1.3 var(--font-mono);color:#8894a5;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;display:flex}.pv-screen-footer>span,.pv-screen-footer>b{align-items:center;gap:4px;font-weight:500;display:flex}.pv-screen-footer>b{color:var(--pv-accent)}.pv-screen-footer .pv-action{background:#e8f6ee;border-radius:4px;padding:5px 6px}.pv-dot{background:#4f88db;border-radius:2px;flex-shrink:0;width:5px;height:5px;margin-right:3px;display:inline-block}.pv-dot.blue{background:#4f88db}.pv-dot.purple{background:#9a79d9}.pv-dot.amber{background:#dfa950;margin-left:10px}.pv-dot.coral{background:#e77d70;margin-left:10px}.pv-agent{grid-template-columns:94px minmax(0,1fr);height:240px;font-size:8px;display:grid}.pv-sidebar{color:#bacbe0;background:linear-gradient(160deg,#183859,#122740);border-right:1px solid #fff1;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 10px;display:flex;position:relative}.pv-app-mark{color:#fff;background:linear-gradient(145deg,#66abff,#3378dd);border-radius:8px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 5px 10px #081b324d}.pv-sidebar>b{color:#e3edf9;font-size:8px}.pv-sidebar>span:not(.pv-app-mark){white-space:nowrap;align-items:center;gap:6px;font-size:6.5px;display:flex}.pv-sidebar .pv-nav-active{color:#fff;background:#ffffff10;margin:-4px -6px;padding:6px}.pv-sidebar>small{font:400 4.8px/1.5 var(--font-mono);color:#7591b2;margin-top:6px}.pv-user{color:#a9cdf4;align-items:center;gap:6px;margin-top:auto;font-style:normal;font-weight:700;display:flex}.pv-user>span{color:#a3b8d3;font-size:6px;font-weight:400}.pv-conversation{background:linear-gradient(140deg,#fff,#f3f7fd);min-width:0;padding:15px 14px}.pv-conversation .pv-page-top{margin-bottom:12px}.pv-conversation .pv-page-top>b{font-size:9px}.pv-live{color:#54816a;white-space:nowrap;align-items:center;gap:4px;font-size:6px;display:flex}.pv-question{color:#456181;background:#eaf1fe;border:1px solid #dce6f7;border-radius:8px 8px 2px;margin-left:15px;padding:10px 11px;font-size:8px;line-height:1.5}.pv-response{gap:8px;margin-top:14px;line-height:1.5;display:flex}.pv-ai-avatar{color:#5384d9;background:#e5edff;border:1px solid #d5e1fa;border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.pv-response>div{min-width:0}.pv-response b{color:#334661;font-size:8px}.pv-response p{color:#7a889a;margin:4px 0 7px;font-size:7px}.pv-source{color:#61768d;align-items:center;gap:5px;margin:4px 0;font-size:6.5px;display:flex}.pv-source>svg:last-child{color:#23a47a;margin-left:auto}.pv-tool-log{font:400 5.5px/1.3 var(--font-mono);color:#8490a4;align-items:center;gap:5px;margin:9px 0;display:flex}.pv-tool-log>svg{color:#28a177}.pv-tool-log>.pv-pill{margin-left:auto;padding:2px 4px;font-size:5px}.pv-compose{color:#a5afbe;background:#fff;border:1px solid #dde6f3;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 9px;font-size:7px;display:flex;box-shadow:0 2px 4px #244c7910}.pv-compose>svg{color:#4e87d7}.pv-planning,.pv-quote,.pv-forecast,.pv-dashboard{padding:13px 15px}.pv-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.pv-summary>span{color:#8591a2;white-space:nowrap;background:#fff;border:1px solid #e5e8ed;border-radius:5px;padding:6px 7px;font-size:6px}.pv-summary b{color:#3d506b;margin-right:4px;font-size:11px}.pv-summary>span:last-child{background:#fff7e8;border-color:#f4e7c9}.pv-timeline-head,.pv-schedule-row{grid-template-columns:65px minmax(0,1fr);gap:8px;display:grid}.pv-timeline-head{color:#93a0b1;font:400 5.5px/1 var(--font-mono);margin-bottom:4px}.pv-timeline-head>div{justify-content:space-between;display:flex}.pv-schedule-row{border-top:1px solid #edf0f6;align-items:center;height:29px}.pv-schedule-row>b{font:500 7px/1 var(--font-mono);color:#6d7c91}.pv-schedule-row>div{background:repeating-linear-gradient(90deg,#e9edf5 0 1px,#0000 1px 25%);height:100%;position:relative}.pv-job{white-space:nowrap;height:17px;font:500 5.8px/1 var(--font-mono);color:#285d98;background:linear-gradient(#a7d0ff,#7fb5ef);border:1px solid #80aee8;border-radius:4px;align-items:center;padding:0 5px;display:flex;position:absolute;top:6px;overflow:hidden;box-shadow:0 2px 3px #365e9d14}.pv-job.teal{color:#28765f;background:linear-gradient(#b5e7d7,#8bd3bf);border-color:#7bc6b4}.pv-job.purple{color:#69518e;background:linear-gradient(#d8cbf1,#bfade2);border-color:#b3a0db}.pv-job.amber{color:#966e2b;background:linear-gradient(#f9e4b6,#efcc87);border-color:#e4bc70}.pv-file{background:linear-gradient(135deg,#f1fbf6,#fff);border:1px solid #d8e8df;border-radius:7px;align-items:center;gap:8px;margin-bottom:11px;padding:9px;display:flex;box-shadow:0 2px 4px #38885b08}.pv-file>span{color:#279164;background:#e0f3e8;border-radius:5px;place-items:center;width:31px;height:33px;display:grid}.pv-file>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pv-file b{color:#476353;font-size:8px}.pv-file small{color:#95a59a;font-size:5.8px}.pv-file>svg{color:#73a58a}.pv-bom-row{color:#768795;border-bottom:1px solid #eaf0ec;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 35px;align-items:center;gap:7px;min-height:35px;font-size:7px;display:grid}.pv-bom-row>span:first-child{flex-direction:column;gap:3px;display:flex}.pv-bom-row b{font-size:7px;font-weight:600}.pv-bom-row small{font:400 5.5px/1 var(--font-mono);color:#a0aeb8}.pv-bom-row>b{text-align:right;color:#6b8b78}.pv-bom-row.pv-table-head{min-height:18px;font:500 5.4px/1 var(--font-mono);color:#9da8b4}.pv-review-row{background:#fff9eb;border-radius:4px;margin-inline:-5px;padding-inline:5px}.pv-inspection{padding:13px 14px}.pv-camera{background:#bac9ce;border:1px solid #c7d3d9;border-radius:6px;height:176px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #2b3d571a}.pv-camera>svg{width:100%;height:100%;display:block}.pv-camera-label{color:#edf9f9;font:500 5.4px/1 var(--font-mono);letter-spacing:.05em;background:#243b4fc9;border-radius:3px;align-items:center;gap:5px;padding:5px 6px;display:flex;position:absolute;top:8px;left:8px}.pv-camera-label>i{background:#64e6b2;border-radius:50%;width:4px;height:4px}.pv-inspection .pv-screen-footer{margin-top:8px}.pv-chart-meta{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.pv-chart-meta>span{align-items:baseline;gap:6px;display:flex}.pv-chart-meta b{letter-spacing:-.05em;color:#34577b;font-size:22px}.pv-chart-meta small{color:#9aa7b6;font-size:7px}.pv-chart-meta>div{color:#8695a8;align-items:center;gap:4px;font-size:6px;display:flex}.pv-chart-meta .pv-dot.purple{margin-left:9px}.pv-forecast-chart{width:100%;height:145px;display:block}.pv-forecast .pv-screen-footer{margin-top:5px}.pv-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.pv-kpis>div{background:linear-gradient(135deg,#f0f6ff,#fff);border:1px solid #dfe8f4;border-radius:6px;flex-direction:column;gap:5px;padding:9px 9px 8px;display:flex;box-shadow:0 3px 5px #2b436710}.pv-kpis>div.teal{background:linear-gradient(135deg,#ebf8f2,#fff);border-color:#dcece5}.pv-kpis>div.coral{background:linear-gradient(135deg,#fff0eb,#fff);border-color:#f3ded7}.pv-kpis small{font:500 5.5px/1 var(--font-mono);color:#9a9eac}.pv-kpis b{color:#5184c5;letter-spacing:-.04em;font-size:18px;font-weight:750}.pv-kpis .teal b{color:#38987c}.pv-kpis .coral b{color:#d77766}.pv-kpis>div>span{color:#9ba5b2;white-space:nowrap;font-size:5.2px}.pv-production-chart{background:#fff;border:1px solid #e8edf4;border-radius:6px;padding:8px 9px 5px;box-shadow:0 3px 5px #2b436707}.pv-chart-title{color:#8795a9;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:6px;display:flex}.pv-chart-title>b{color:#60728b;font-size:7px}.pv-chart-title>span{align-items:center;gap:3px;display:flex}.pv-bars{background:repeating-linear-gradient(0deg,#0000 0 24px,#eef2f7 24px 25px);border-bottom:1px solid #dfe7f0;align-items:flex-end;gap:5px;height:75px;display:flex;position:relative}.pv-bars>i{z-index:1;background:linear-gradient(90deg,#b5d7f7,#78b0e6);border:1px solid #76a4d5;border-bottom:0;border-radius:2px 2px 0 0;flex:1;min-width:0;position:relative;box-shadow:2px 0 #d7e6f44d}.pv-bars>i.pv-outlier{background:linear-gradient(90deg,#f6b69e,#e98176);border-color:#d77a6e}.pv-control-line{z-index:2;border-top:1px dashed #e79a88;position:absolute;top:13%;left:0;right:0}.pv-chart-axis{font:400 5px/1 var(--font-mono);color:#a1abba;justify-content:space-between;margin-top:4px;display:flex}.pv-dashboard .pv-screen-footer{margin-top:8px}.project-dialog .product-showcase{height:350px;padding-inline:40px}.project-dialog .product-window{max-width:560px;height:268px}@media (max-width:900px){.product-showcase{padding-inline:18px}.pv-agent{grid-template-columns:76px minmax(0,1fr)}.pv-sidebar{padding-inline:8px}.pv-window-state{display:none!important}}@media (max-width:650px){.product-showcase{height:304px;padding:23px 18px}.product-showcase .product-window{height:258px;transform:perspective(1100px) rotateX(3deg) rotateY(-4deg) rotateZ(var(--pv-angle))}.pv-agent{grid-template-columns:68px minmax(0,1fr);height:230px}.pv-conversation{padding:12px 10px}.pv-live{display:none}.pv-question{margin-left:3px;padding:8px;font-size:7px}.pv-response{gap:6px;margin-top:10px}.pv-response p{font-size:6.3px}.pv-source{font-size:6px}.pv-compose{padding:7px}.pv-tool-log{gap:3px;font-size:4.7px}.pv-sidebar>span:not(.pv-app-mark){gap:4px;font-size:5.6px}.pv-planning,.pv-quote,.pv-forecast,.pv-dashboard{padding:12px 10px}.pv-page-top b{font-size:10px}.pv-page-top small{font-size:5px}.pv-select{padding:5px;font-size:5.7px}.pv-summary{gap:4px}.pv-summary>span{padding:5px 4px;font-size:5px}.pv-summary b{font-size:10px}.pv-timeline-head,.pv-schedule-row{grid-template-columns:54px minmax(0,1fr);gap:5px}.pv-job{padding:0 3px;font-size:4.8px}.pv-screen-footer{font-size:5.4px}.pv-file small{font-size:5px}.pv-bom-row{grid-template-columns:minmax(0,1fr) 77px 26px;gap:4px}.pv-pill{padding:4px;font-size:5.5px}.pv-kpis{gap:4px}.pv-kpis>div{padding:7px 6px}.pv-kpis b{font-size:16px}.pv-kpis>div>span{font-size:4.3px}.pv-inspection{padding:12px 10px}.pv-camera{height:170px}.pv-forecast-chart{height:140px}.project-dialog .product-showcase{height:306px;padding-inline:18px}.project-dialog .product-window{height:258px}.product-showcase .visual-caption{font-size:6px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .product-window{transition:none!important;transform:none!important}}.product-showcase{--c1:#4f6cff;--c2:#19c3e6;--c3:#1b1f5e;--pv-angle:-2deg;background:radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--c1) 92%,#fff) 0,transparent 52%),radial-gradient(circle at 92% 96%,var(--c2) 0,transparent 58%),linear-gradient(140deg,color-mix(in srgb,var(--c1) 70%,var(--c3)),var(--c3) 60%,color-mix(in srgb,var(--c2) 60%,var(--c3)));perspective:1100px;overflow:hidden}.product-showcase:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%)}.product-showcase:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000 70%,#00000038);position:absolute;inset:0;box-shadow:inset 0 1px #fff2}.visual-agent{--c1:#5b5bf6;--c2:#16c6e5;--c3:#141a4d}.visual-scheduler{--c1:#ffb020;--c2:#ff5a36;--c3:#4a1a0c}.visual-quote{--c1:#19c98a;--c2:#1aa3e8;--c3:#06322e}.visual-vision{--c1:#9b6cff;--c2:#ff4fa3;--c3:#2a1150}.visual-forecast{--c1:#1fd1c1;--c2:#5a6cff;--c3:#082a3d}.visual-dashboard{--c1:#ff5d73;--c2:#ff9a3c;--c3:#3d0e1c}.pv-glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffffff4a,#ffffff18 55%,#0000);border-radius:50%;width:70%;height:46%;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.pv-orbit{background:linear-gradient(140deg,#ffffff30,#ffffff05);border-color:#ffffff40;box-shadow:inset 0 1px #fff5,0 20px 40px #0000002a}.pv-orbit-two{background:linear-gradient(125deg,color-mix(in srgb,var(--c2) 45%,transparent),#ffffff14)}.product-showcase .product-window{box-shadow:0 1px 0 #fff inset,0 50px 60px -24px color-mix(in srgb,var(--c3) 85%,#000),0 22px 30px -18px #0007,0 0 0 1px #0000000d;transform:perspective(1100px) rotateX(9deg) rotateY(-12deg) rotateZ(var(--pv-angle)) translateZ(0);border-color:#fffc}.product-showcase .product-window:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(150deg,#ffffff70,#ffffff26);border:1px solid #ffffff60;position:absolute;inset:-1px;transform:translate3d(18px,-14px,-40px);box-shadow:0 18px 30px -16px #0006}.project-card:hover .product-window,.project-open:hover .product-window{transform:perspective(1100px) rotateX(calc(6deg + var(--tilt-x,0deg))) rotateY(calc(-8deg + var(--tilt-y,0deg))) rotateZ(var(--pv-angle)) translateY(-4px)}.product-showcase .visual-caption{color:#ffffffc0;z-index:4;text-shadow:0 1px 2px #0005}.pv-job{color:#0d3466;background:linear-gradient(#8fc3ff,#4f94ec);border-color:#3f80d8;box-shadow:0 3px 6px #2f6fc12e,inset 0 1px #ffffff80}.pv-pill.green{color:#14774f;background:#d3f6e6}.pv-pill.blue{color:#2f63b3;background:#dce8ff}.pv-pill.amber{color:#9a6512;background:#ffe8b8}.pv-float{z-index:5;color:#22304a;text-align:left;width:162px;transform:perspective(900px) rotateX(8deg) rotateY(-14deg) translateZ(40px) translate(var(--float-x,0),var(--float-y,0));background:linear-gradient(160deg,#fff,#f3f6fc);border:1px solid #fff;border-radius:10px;padding:10px 11px;font-size:7.5px;line-height:1.35;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:30px;right:22px;box-shadow:0 26px 34px -14px #000a,0 6px 12px #0003,inset 0 1px #fff}.project-card:hover .pv-float,.project-open:hover .pv-float{--float-x:calc(var(--tilt-y,0deg) / 1deg * 1.6px);--float-y:calc(var(--tilt-x,0deg) / 1deg * -1.6px - 6px)}.pv-float p{color:#5f6d83;margin:6px 0 0}.pv-float small{font:500 5.5px/1.3 var(--font-mono);letter-spacing:.06em;color:#8592a6;display:block}.pv-float-head{align-items:center;gap:6px;display:flex}.pv-float-head b{letter-spacing:-.01em;font-size:8.5px}.pv-float-head small{white-space:nowrap;margin-left:auto}.pv-float-icon{color:#fff;background:linear-gradient(145deg,var(--c1),var(--c2));width:20px;height:20px;box-shadow:0 4px 8px color-mix(in srgb,var(--c1) 45%,transparent);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.pv-float-metric{flex-direction:column;gap:2px;margin-top:7px;display:flex}.pv-float-metric b{letter-spacing:-.03em;color:color-mix(in srgb,var(--c1) 60%,#14213a);font-size:15px}.pv-float-actions{justify-content:flex-end;gap:5px;margin-top:8px;display:flex}.pv-float-actions span{border-radius:5px;align-items:center;gap:3px;padding:4px 7px;font-size:6.5px;font-weight:650;display:inline-flex}.pv-float-actions .ghost{color:#6c7a90;border:1px solid #dbe2ec}.pv-float-actions .go{color:#fff;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 3px 6px color-mix(in srgb,var(--c1) 40%,transparent)}.pv-diff{font:500 6px/1.5 var(--font-mono);background:#0f1730;border-radius:5px;flex-direction:column;gap:2px;margin-top:7px;padding:5px 6px;display:flex}.pv-diff .del{color:#ff8c9a}.pv-diff .add{color:#6ff0b5}.pv-float-ring{align-items:center;gap:9px;width:150px;display:flex}.pv-float-ring svg{flex-shrink:0;width:40px;height:40px;transform:rotate(-90deg)}.pv-float-ring circle{fill:none;stroke-width:5px}.pv-float-ring .track{stroke:#e4ebf3}.pv-float-ring .value{stroke:var(--c1);stroke-linecap:round}.pv-float-ring b,.pv-float-phone b{letter-spacing:-.03em;align-items:center;gap:3px;margin:2px 0;font-size:15px;display:flex}.pv-float-ring span,.pv-float-phone span:not([class]){color:#6b7990}.pv-float-phone{align-items:center;gap:9px;width:148px;display:flex}.pv-float-phone b{color:#13895d;font-size:12px}.pv-phone-screen{background:linear-gradient(#cfd9df,#9fb0b8);border:2px solid #1b1f2c;border-radius:7px;flex-shrink:0;width:34px;height:56px;position:relative;overflow:hidden;box-shadow:0 6px 10px #0004}.pv-phone-box{background:linear-gradient(140deg,#e2ae6a,#a86f3d);border-radius:2px;height:24px;position:absolute;top:16px;left:5px;right:5px}.pv-phone-label{color:#333;font:700 4px/1 var(--font-mono);letter-spacing:-.5px;background:#fff;padding:1px 2px;position:absolute;top:22px;left:9px}.pv-phone-screen>i{border:1px solid #2ee6a6;border-radius:2px;position:absolute;inset:13px 3px;box-shadow:0 0 6px #2ee6a6aa}.pv-float-alert .pv-float-icon{background:linear-gradient(145deg,#ff6b7d,#ff3b55)}.pv-pulse{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite pv-pulse;box-shadow:0 0 #fff}.pv-spark{width:100%;height:22px;margin-top:5px;display:block;overflow:visible}.pv-spark path{fill:none;stroke:var(--c1);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@keyframes pv-pulse{to{box-shadow:0 0 0 7px #fff0}}@media (max-width:900px){.pv-float{transform-origin:100% 100%;bottom:24px;right:14px;transform:perspective(900px)rotateX(6deg)rotateY(-10deg)scale(.92)}}@media (max-width:650px){.pv-float{transform-origin:100% 100%;bottom:18px;right:10px;transform:scale(.8)}.product-showcase .product-window:before{display:none}}@media (max-width:420px){.pv-float{display:none}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .pv-pulse{animation:none}}.pv-insp{padding:11px 13px}.pv-insp .pv-page-top{margin-bottom:8px}.pv-insp .pv-pill{gap:3px}.pv-insp-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:8px;height:166px;display:grid}.pv-insp .pv-camera{background:#1b252b;border-radius:6px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0002}.pv-insp .pv-camera svg{width:100%;height:100%;display:block}.pv-det rect:first-child{fill:#25e0a10d;stroke:#25e0a1;stroke-width:1.2px}.pv-det .pv-det-tag{fill:#08795a;stroke:none}.pv-det text{font:600 5.6px/1 var(--font-mono);fill:#fff;letter-spacing:.02em}.pv-det.review rect:first-child{fill:#ffb02012;stroke:#ffb020;stroke-dasharray:3 2}.pv-det.review .pv-det-tag{fill:#c27a0a}.pv-roi{fill:none;stroke:#3fd2ff;stroke-width:1px;stroke-dasharray:2 2}.pv-roi-text{font:600 5px/1 var(--font-mono);fill:#3fd2ff}.pv-scan{fill:#3fd2ff;opacity:.55;filter:drop-shadow(0 0 3px #3fd2ff);animation:3.2s ease-in-out infinite pv-scan}.pv-insp .pv-camera-label{padding:3px 5px;font-size:5.5px;top:6px;left:6px}.pv-rec{color:#fff;font:600 5.5px/1 var(--font-mono);letter-spacing:.06em;background:#0009;border-radius:3px;align-items:center;gap:3px;padding:3px 5px;display:flex;position:absolute;top:6px;right:6px}.pv-rec:before{content:"";background:#ff3b4e;border-radius:50%;width:4px;height:4px;animation:1.2s step-end infinite pv-blink}.pv-insp-side{flex-direction:column;gap:6px;min-width:0;display:flex}.pv-insp-kpis{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pv-insp-kpis span{background:#fff;border:1px solid #e3e8f0;border-radius:5px;flex-direction:column;gap:2px;padding:5px 6px;display:flex}.pv-insp-kpis b{color:#1f8a62;font-size:12px;line-height:1}.pv-insp-kpis small{font:500 5px/1 var(--font-mono);letter-spacing:.06em;color:#8a96a8;text-transform:uppercase}.pv-insp-kpis .warn b{color:#c27a0a}.pv-insp-list{background:#fff;border:1px solid #e3e8f0;border-radius:5px;flex-direction:column;display:flex;overflow:hidden}.pv-insp-list span{color:#33435c;align-items:center;gap:5px;padding:4px 6px;font-size:6.5px;font-weight:650;display:flex}.pv-insp-list span+span{border-top:1px solid #eef1f6}.pv-insp-list i{background:#25c48c;border-radius:50%;flex-shrink:0;width:5px;height:5px}.pv-insp-list em{color:#8592a6;margin-left:2px;font-style:normal;font-weight:500}.pv-insp-list b{font:500 6px/1 var(--font-mono);color:#1f8a62;margin-left:auto}.pv-insp-list .review{background:#fff7e6}.pv-insp-list .review i{background:#ffb020}.pv-insp-list .review b{color:#c27a0a}.pv-ocr{color:#bfe9ff;font:500 6px/1.4 var(--font-mono);background:#0f1730;border-radius:5px;flex-direction:column;gap:2px;margin-top:auto;padding:5px 7px;display:flex}.pv-ocr small{color:#6f8bb0;letter-spacing:.08em;font-size:5px}.pv-insp .pv-screen-footer{margin-top:8px}.pv-float-pipe{width:170px}.pv-pipe{flex-wrap:wrap;gap:3px;margin-top:7px;display:flex}.pv-pipe span{color:#5b45c2;font:600 6px/1 var(--font-mono);background:#efeafd;border-radius:4px;padding:3px 5px;animation:2.8s ease-in-out infinite pv-step}@keyframes pv-scan{0%{opacity:0;transform:translateY(8px)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(172px)}}@keyframes pv-blink{50%{opacity:0}}@keyframes pv-step{0%,to{color:#5b45c2;background:#efeafd}20%{color:#fff;background:#7b5cf0}40%{color:#5b45c2;background:#efeafd}}@media (max-width:650px){.pv-insp-grid{grid-template-columns:1fr;height:auto}.pv-insp .pv-camera{height:150px}.pv-insp-side{display:none}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) :is(.pv-scan,.pv-pipe span){animation:none}}