:root{--bg: #ffffff;--bg-elev: #faf8f6;--bg-raise: #f4f0ec;--bg-warm: #fff6f0;--text: #101014;--muted: #6b6b7a;--line: rgba(16, 16, 24, .12);--line-strong: rgba(16, 16, 24, .24);--brand: #ff6a1a;--brand-ink: #ffffff;--brand-soft: rgba(255, 106, 26, .12);--accent: #ff6a1a;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--shell: clamp(1.25rem, 5vw, 5rem);--maxw: 1480px;--radius: 20px;--radius-lg: 28px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--brand);color:var(--brand-ink)}section[id]{scroll-margin-top:6.5rem}img,svg,video{max-width:100%}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.eyebrow strong{color:var(--accent);font-weight:600;transition:color .4s ease}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg);transition:background-color .6s ease}.bg-glow:before{content:"";position:absolute;top:50%;left:50%;width:90vmax;height:90vmax;border-radius:50%;background-color:var(--accent);opacity:.16;filter:blur(170px);transform:translate(-50%,-50%);transition:background-color .9s ease}.webgl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.reveal-zoom-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--bg);pointer-events:none}.reveal-zoom{position:fixed;z-index:2;overflow:hidden;pointer-events:none;background:var(--bg);transition:border-radius .1s linear}.reveal-zoom-img{width:100%;height:100%;object-fit:contain}.reveal-zoom-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(255,106,26,.25),transparent 70%)}@media (prefers-reduced-motion: reduce){.reveal-zoom{transition:none}}.hero-track{position:relative;z-index:0;pointer-events:none}.hero-track section{height:100svh}.tech-panel{position:fixed;top:50%;transform:translateY(-50%);z-index:1;width:min(36vw,440px,calc(50vw - 17.9svh - 2rem - var(--shell)));pointer-events:none}.tech-panel.left{left:var(--shell);text-align:left;--drift: -48px}.tech-panel.right{right:var(--shell);text-align:right;--drift: 48px}.tech-panel.right .blurb{margin-left:auto}.panel-inner{animation:panel-enter .6s cubic-bezier(.22,1,.36,1) both}.tech-panel.exit .panel-inner{animation:panel-exit .45s cubic-bezier(.5,0,.75,.4) both}@keyframes panel-enter{0%{opacity:0;transform:translate(var(--drift, 0),90px)}to{opacity:1;transform:translate(0)}}@keyframes panel-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--drift, 0),-90px)}}.tech-name{margin-top:.7rem;font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1;letter-spacing:-.035em}.blurb{margin-top:1rem;font-size:1rem;line-height:1.65;color:var(--muted);max-width:46ch}.rail{position:fixed;right:clamp(.75rem,3vw,2.5rem);top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:.9rem}.rail button{width:44px;height:44px;display:grid;place-items:center;background:none;border:none;cursor:pointer;border-radius:50%}.rail button:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--line-strong);transition:background .3s ease,transform .3s ease}.rail button.active:after{background:var(--accent);transform:scale(1.6)}.hero-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(16,16,24,.1) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at 50% calc(50% + var(--hero-shift, 0px)),#000 0%,transparent 66%);mask-image:radial-gradient(circle at 50% calc(50% + var(--hero-shift, 0px)),#000 0%,transparent 66%)}.hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + var(--hero-shift, 0px)));font-family:var(--font-display);font-weight:700;font-size:clamp(5rem,21vw,19rem);line-height:1;letter-spacing:-.07em;color:#1010180d;white-space:nowrap;-webkit-user-select:none;user-select:none}.hero-shadow{position:absolute;top:50%;left:50%;width:calc(var(--hero-face, 300px) * 1.12);height:calc(var(--hero-face, 300px) * .2);transform:translate(-50%,calc(-50% + var(--hero-shift, 0px) + var(--hero-face, 300px) * .62));border-radius:50%;background:radial-gradient(ellipse at center,rgba(16,16,24,.18),transparent 70%);filter:blur(16px)}.hero-meta{position:fixed;left:var(--shell);bottom:2rem;z-index:2;display:flex;flex-direction:column;gap:.4rem;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);pointer-events:none}.hero-meta span{display:flex;align-items:center;gap:.5rem}.hero-meta strong{color:var(--text);font-weight:600}.hero-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.hero-scroll{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--muted);pointer-events:none;white-space:nowrap}.hero-scroll-now{color:var(--brand)}.hero-scroll-track{position:relative;width:clamp(72px,11vw,150px);height:2px;border-radius:2px;background:var(--line);overflow:hidden}.hero-scroll-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand);transform:scaleX(var(--p, 0));transform-origin:left;transition:transform .55s cubic-bezier(.22,1,.36,1)}.hero-scroll-hint{margin-left:.4rem;font-family:var(--font-body);font-weight:500;letter-spacing:.22em;text-transform:uppercase;transition:opacity .4s ease}.hero-scroll-hint.hidden{opacity:0}@media (max-width: 900px) and (min-height: 561px),(max-width: 768px){.tech-panel.left,.tech-panel.right{left:0;right:0;top:var(--hero-text-top, 62%);bottom:auto;transform:none;width:100%;min-height:var(--hero-text, 148px);padding:0 1.25rem;text-align:center}.tech-panel.right .blurb,.tech-panel.left .blurb{margin-inline:auto}.tech-name{margin-top:.5rem;font-size:clamp(1.65rem,7.5vw,2.15rem)}.blurb{margin-top:.6rem;font-size:.92rem;line-height:1.55;max-width:38ch}.rail{top:auto;right:auto;left:50%;bottom:calc(.4rem + var(--safe-bottom));transform:translate(-50%);flex-direction:row;gap:0}.hero-meta,.hero-scroll{display:none}.hero-ghost{font-size:30vw}.panel-inner{animation:none}.tech-panel.exit{display:none}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;background:#0a0a0c}.loading-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0c;transition:transform .5s cubic-bezier(.76,0,.24,1)}.loading-panel-left{clip-path:inset(0 50% 0 0)}.loading-panel-right{clip-path:inset(0 0 0 50%)}.loading-panel-left.slide-active{transform:translate(-100%)}.loading-panel-right.slide-active{transform:translate(100%)}.loading-tag{position:absolute;top:clamp(2rem,6vh,3.5rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffbf;letter-spacing:.02em;white-space:nowrap}.loading-tag-dot{width:10px;height:10px;background:var(--brand);flex-shrink:0}.loading-percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:clamp(8rem,32vw,22rem);line-height:1;color:#ffffff12;-webkit-user-select:none;user-select:none}.loading-greeting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,6vw,4.5rem);color:#fff;letter-spacing:-.03em}.loading-wipe-line{position:fixed;top:0;bottom:0;left:50%;width:1px;z-index:21;background:#ffffff26;transform:translate(-50%);opacity:0;transition:opacity .15s ease;pointer-events:none}.loading-wipe-line.visible{opacity:1}.loading-wipe-tick{position:absolute;top:50%;left:50%;width:4px;height:48px;background:var(--brand);border-radius:2px;transform:translate(-50%,-50%)}.loading-screen-simple{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#0a0a0c;transition:opacity .3s linear}.loading-screen-simple.fading{opacity:0;pointer-events:none}.loading-tag-static{position:static;transform:none}.loading-greeting-static{position:static;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5vw,3rem);color:#fff;letter-spacing:-.02em}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero-meta .dot,.panel-inner,.tech-panel.exit .panel-inner{animation:none}.tech-panel.exit{display:none}.loading-panel{transition:none}.eyebrow strong,.rail button:after,.bg-glow:before{transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;min-height:46px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .2s ease,color .25s ease}.btn .arrow{display:inline-block;transition:transform .25s ease}@media (hover: hover) and (pointer: fine){.btn:hover{background:#1010180d;border-color:var(--text)}.btn:hover .arrow{transform:translate(2px,-2px)}.btn-primary:hover{background:#e85c11;border-color:#e85c11}.btn-dark:hover{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:600}.btn-dark{background:var(--text);border-color:var(--text);color:#fff;font-weight:600}.navbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem var(--shell);background:transparent;border-bottom:1px solid transparent;transition:padding .35s ease,background .35s ease,border-color .35s ease,backdrop-filter .35s ease}.navbar.shrunk{padding:.85rem var(--shell);background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:var(--line)}.navbar-logo{display:flex;align-items:center;gap:.6rem;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.02em;color:var(--text);flex-shrink:0}.navbar-logo img{width:30px;height:30px;object-fit:contain}.navbar-links{display:flex;align-items:center;gap:.35rem}.nav-link{padding:.55rem .9rem;border:none;background:none;border-radius:999px;color:var(--muted);font-family:var(--font-body);font-size:.88rem;font-weight:500;cursor:pointer;transition:color .25s ease,background .25s ease}@media (hover: hover) and (pointer: fine){.nav-link:hover{color:var(--text);background:#1010180d}}.nav-link:active{color:var(--brand)}.navbar-cta{padding:.6rem 1.2rem;min-height:42px;font-size:.85rem}.navbar-burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line-strong);background:#ffffffb3;cursor:pointer}.navbar-burger span{width:17px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.navbar-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.navbar-burger.open span:nth-child(2){opacity:0}.navbar-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.navbar-drawer{display:none}@media (max-width: 940px){.navbar,.navbar.shrunk{height:var(--hero-nav, 76px);padding:var(--safe-top) var(--shell) 0}.navbar-links{display:none}.navbar-burger{display:flex}.navbar-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;flex-direction:column;gap:1.25rem;padding:calc(var(--hero-nav, 76px) + 1.5rem) var(--shell) calc(1.75rem + var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#ffffff 0%,var(--bg-warm) 100%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;pointer-events:none;transition:opacity .35s ease}.navbar-drawer.open{opacity:1;pointer-events:auto}.drawer-nav{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.drawer-link:first-child{border-top:1px solid var(--line)}.drawer-link{flex:1 1 auto;min-height:3rem;max-height:5.25rem;display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.5rem;width:100%;padding:.7rem 0;border:none;border-bottom:1px solid var(--line);border-radius:0;background:none;text-align:left;cursor:pointer}.drawer-index{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--muted)}.drawer-label{font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,5.6vw,1.9rem);line-height:1.1;letter-spacing:-.025em;color:var(--text)}.drawer-go{font-size:.95rem;color:var(--line-strong);transition:color .25s ease,transform .25s ease}.drawer-link:active .drawer-label,.drawer-link:active .drawer-index,.drawer-link:active .drawer-go{color:var(--brand)}.drawer-link:active .drawer-go{transform:translate(2px,-2px)}.drawer-foot{flex:0 0 auto;display:flex;flex-direction:column;gap:.85rem}.drawer-brand{display:flex;align-items:center;gap:.7rem}.drawer-brand img{width:34px;height:34px;object-fit:contain;flex-shrink:0}.drawer-brand div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.drawer-brand-name{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--text)}.drawer-brand-sub{font-size:.72rem;line-height:1.3;color:var(--muted)}.drawer-foot .btn{width:100%}.drawer-meta{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;letter-spacing:.06em;color:var(--muted)}.drawer-meta a{color:var(--text);font-weight:600;text-decoration:none}}@media (max-width: 940px) and (max-height: 640px){.navbar-drawer{padding-top:calc(var(--hero-nav, 76px) + .75rem);gap:.75rem}.drawer-link{min-height:2.6rem;padding:.45rem 0}.drawer-brand-sub{display:none}}@media (prefers-reduced-motion: reduce){.navbar,.navbar-drawer,.navbar-burger span{transition:none}}.section{position:relative;z-index:1;background:var(--bg);padding:clamp(5rem,13svh,10rem) var(--shell)}.section.tinted{background:var(--bg-elev);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section.warm{background:var(--bg-warm);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shell{width:100%;max-width:var(--maxw);margin:0 auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.5rem 3rem;padding-bottom:clamp(2rem,5vw,3.5rem)}.section-head-copy{min-width:0;flex:1 1 min(620px,100%)}.section-title{margin-top:1rem;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5vw,4rem);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}.section-title em{font-style:normal;color:var(--brand)}.section-sub{margin-top:1.25rem;max-width:56ch;font-size:clamp(.98rem,1.2vw,1.1rem);line-height:1.7;color:var(--muted)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms),transform .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms)}.reveal.is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.statement{padding-top:clamp(6rem,16svh,12rem)}.statement-lead{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,4.6vw,3.9rem);line-height:1.14;letter-spacing:-.04em;max-width:20ch;text-wrap:balance}.statement-lead span{color:var(--muted)}.statement-body{margin-top:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(1.5rem,3vw,3rem);max-width:1000px}.statement-body p{font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.75;color:var(--muted)}.stats{margin-top:clamp(3rem,7vw,5.5rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.stat{background:var(--bg);padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;gap:.4rem;transition:background .3s ease}@media (hover: hover) and (pointer: fine){.stat:hover{background:var(--bg-warm)}}.stat-figure{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:-.04em;color:var(--brand)}.stat-figure span{font-size:.42em;letter-spacing:0;color:var(--muted)}.stat-label{font-size:.82rem;line-height:1.5;color:var(--muted)}.capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.capability:last-child:nth-child(3n+1){grid-column:1 / -1;min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"top  top" "name text";align-items:start;column-gap:clamp(2rem,5vw,4rem);row-gap:.85rem}.capability:last-child:nth-child(3n+1) .capability-top{grid-area:top}.capability:last-child:nth-child(3n+1) .capability-name{grid-area:name;margin-top:0;font-size:clamp(1.25rem,2vw,1.75rem)}.capability:last-child:nth-child(3n+1) .capability-text{grid-area:text;align-self:center;font-size:1rem;max-width:60ch}.capability{--cap-accent: var(--brand);position:relative;background:var(--bg);padding:clamp(1.6rem,2.6vw,2.4rem);display:flex;flex-direction:column;gap:.9rem;min-height:clamp(200px,22vw,260px);transition:background .35s ease}.capability:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cap-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}@media (hover: hover) and (pointer: fine){.capability:hover{background:var(--bg-elev)}.capability:hover:after{transform:scaleX(1)}.capability:hover .capability-icon{color:var(--cap-accent);border-color:color-mix(in srgb,var(--cap-accent) 45%,transparent);background:color-mix(in srgb,var(--cap-accent) 10%,transparent);transform:translateY(-3px)}}.capability-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.capability-icon{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--muted);transition:color .35s ease,border-color .35s ease,transform .35s ease,background .35s ease}.capability-icon svg{width:22px;height:22px}.capability-num{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--muted)}.capability-name{margin-top:.3rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.2;letter-spacing:-.02em;overflow-wrap:break-word}.capability-text{font-size:.92rem;line-height:1.65;color:var(--muted)}.work-list{border-top:1px solid var(--line)}.work-row{position:relative;display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.5rem,3.2vw,2.6rem) 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:padding-left .45s cubic-bezier(.22,1,.36,1)}.work-row:before{content:"";position:absolute;inset:-1px calc(var(--shell) * -.5);z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--work-accent, var(--brand)) 14%,transparent),transparent 65%);opacity:0;transition:opacity .4s ease}.work-index{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.12em;color:var(--muted);transition:color .35s ease}.work-main{min-width:0;display:flex;flex-direction:column;gap:.5rem}.work-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4.2vw,3.4rem);line-height:1.05;letter-spacing:-.04em;overflow-wrap:break-word;transition:color .35s ease}.work-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;font-size:.82rem;color:var(--muted)}.work-tag{padding:.28rem .7rem;border:1px solid var(--line);border-radius:999px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:border-color .35s ease,color .35s ease,background .35s ease}.work-go{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:1.05rem;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease}.work-row.is-live .work-go{color:var(--text)}@media (hover: hover) and (pointer: fine){.work-row.is-live:hover{padding-left:clamp(.75rem,2vw,1.75rem)}.work-row.is-live:hover:before{opacity:1}.work-row.is-live:hover .work-index,.work-row.is-live:hover .work-name{color:var(--work-accent, var(--brand))}.work-row.is-live:hover .work-tag{border-color:color-mix(in srgb,var(--work-accent, var(--brand)) 55%,transparent);background:color-mix(in srgb,var(--work-accent, var(--brand)) 8%,transparent);color:var(--text)}.work-row.is-live:hover .work-go{background:var(--work-accent, var(--brand));border-color:var(--work-accent, var(--brand));color:#fff;transform:rotate(45deg)}}.work-row:active{opacity:.85}.work-preview{position:fixed;top:0;left:0;z-index:6;width:300px;aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;pointer-events:none;box-shadow:0 24px 60px #10101829;opacity:0;transform:translate3d(-50%,-50%,0) scale(.9);transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.work-preview.visible{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}.work-preview img{width:100%;height:100%;object-fit:cover;display:block}.work-thumb{display:none}@media (hover: none),(pointer: coarse){.work-preview{display:none}.work-row{grid-template-columns:minmax(0,1fr) auto}.work-thumb{display:block;grid-column:1 / -1;margin-top:1rem;aspect-ratio:16 / 9;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.work-thumb img{width:100%;height:100%;object-fit:cover;display:block}}.work-footer{margin-top:clamp(2rem,4vw,3rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem}.work-footer p{max-width:46ch;font-size:.95rem;line-height:1.7;color:var(--muted)}.work-footer p strong{color:var(--text);font-weight:600}.sanxai-brandline{display:flex;align-items:center;margin:.75rem 0 1rem}.sanxai-brandline img{width:clamp(52px,5vw,68px);height:auto;object-fit:contain;flex-shrink:0}.sanxai-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.5vw,1.35rem);align-items:stretch}.sanxai-product{--product-accent: var(--brand);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:.8rem;padding:clamp(1.3rem,1.9vw,1.75rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s ease,box-shadow .4s ease}.sanxai-product:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--product-accent);transform:scaleX(.16);transform-origin:left;transition:transform .55s cubic-bezier(.22,1,.36,1)}.sanxai-product-ghost{position:absolute;z-index:-1;top:-.28em;right:.06em;font-family:var(--font-display);font-weight:700;font-size:clamp(5.5rem,8vw,7.5rem);line-height:1;letter-spacing:-.06em;color:color-mix(in srgb,var(--product-accent) 13%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .55s cubic-bezier(.22,1,.36,1),color .4s ease}@media (hover: hover) and (pointer: fine){.sanxai-product:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--product-accent) 40%,var(--line));box-shadow:0 20px 44px #10101817}.sanxai-product:hover:before{transform:scaleX(1)}.sanxai-product:hover .sanxai-product-ghost{transform:translate(-.06em,.04em);color:color-mix(in srgb,var(--product-accent) 20%,transparent)}.sanxai-product:hover .sanxai-product-icon{transform:translateY(-2px) scale(1.06)}}.sanxai-product-head{display:flex;align-items:center;gap:.85rem}.sanxai-product-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;color:var(--product-accent);background:color-mix(in srgb,var(--product-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--product-accent) 32%,transparent);transition:transform .4s cubic-bezier(.22,1,.36,1)}.sanxai-product-icon svg{width:22px;height:22px}.sanxai-product h3{min-width:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.2;letter-spacing:-.03em;overflow-wrap:break-word}.sanxai-product-ghost{position:absolute;top:-.35em;right:.15em;z-index:0;font-family:var(--font-display);font-weight:700;font-size:7rem;line-height:1;letter-spacing:-.06em;color:color-mix(in srgb,var(--product-accent) 14%,transparent);pointer-events:none;user-select:none;-webkit-user-select:none}.sanxai-product-positioning{font-size:.9rem;line-height:1.6;color:var(--muted)}.sanxai-capabilities{list-style:none;columns:2;column-gap:1.1rem}.sanxai-capabilities li{position:relative;padding-left:.95rem;margin-bottom:.32rem;font-size:.82rem;line-height:1.4;color:var(--text);break-inside:avoid}.sanxai-capabilities li:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--product-accent)}.sanxai-for{padding-top:.85rem;border-top:1px solid var(--line);font-size:.8rem;line-height:1.6;color:var(--muted)}.sanxai-for b{display:block;margin-bottom:.3rem;font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.sanxai-product-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.2rem;min-height:42px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:.85rem;font-weight:600;text-decoration:none;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .2s ease}.sanxai-product-cta .arrow{display:inline-block;transition:transform .25s ease}@media (hover: hover) and (pointer: fine){.sanxai-product-cta:hover{background:var(--product-accent);border-color:var(--product-accent);color:#fff}.sanxai-product-cta:hover .arrow{transform:translate(2px,-2px)}}.sanxai-product-cta:active{transform:scale(.97);background:var(--product-accent);border-color:var(--product-accent);color:#fff}.industry-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;list-style:none}.industry{--industry-accent: var(--brand);position:relative;grid-column:span 2;background:var(--bg);padding:clamp(1.2rem,2vw,1.9rem);display:flex;flex-direction:column;gap:.6rem;transition:background .35s ease}.industry:last-child:nth-child(odd){grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,.7fr) minmax(0,1.3fr);align-items:center;column-gap:clamp(1.25rem,3vw,2.5rem);row-gap:.5rem}.industry:last-child:nth-child(odd) .industry-rank{grid-row:1;grid-column:2 / -1}.industry:last-child:nth-child(odd) .industry-icon{grid-row:1 / span 2;grid-column:1}.industry:last-child:nth-child(odd) h4{grid-row:2;grid-column:2}.industry:last-child:nth-child(odd) p{grid-row:2;grid-column:3;max-width:70ch}.industry.priority:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--industry-accent)}@media (hover: hover) and (pointer: fine){.industry:hover{background:var(--bg-warm)}.industry:hover .industry-icon{color:var(--industry-accent);border-color:color-mix(in srgb,var(--industry-accent) 45%,transparent)}}.industry-rank{font-family:var(--font-display);font-weight:700;font-size:.75rem;letter-spacing:.12em;color:var(--industry-accent)}.industry-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);color:var(--muted);transition:color .35s ease,border-color .35s ease}.industry-icon svg{width:21px;height:21px}.industry h4{font-family:var(--font-display);font-weight:700;font-size:1.02rem;line-height:1.25;overflow-wrap:break-word}.industry p{font-size:.85rem;line-height:1.6;color:var(--muted)}.marquee{margin-top:clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;gap:3rem;animation:marquee 38s linear infinite}.marquee-group{display:flex;align-items:center;gap:3rem}.marquee-item{display:flex;align-items:center;gap:3rem;font-family:var(--font-display);font-weight:700;font-size:clamp(.95rem,1.5vw,1.2rem);letter-spacing:-.02em;color:var(--muted);white-space:nowrap}.marquee-item:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand);flex-shrink:0}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}}.about-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start}.about-portrait{position:relative;max-width:320px;margin:0;padding-bottom:2rem}.about-portrait-block{position:absolute;top:1rem;right:-1rem;bottom:1.25rem;left:1rem;z-index:0;border-radius:var(--radius-lg);background:var(--brand-soft);transition:transform .6s cubic-bezier(.22,1,.36,1)}.about-portrait-frame{position:relative;z-index:1;display:block;aspect-ratio:4 / 5;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elev)}.about-portrait-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.about-portrait-seal{position:absolute;z-index:2;left:-.9rem;bottom:.35rem;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:1px solid var(--line);background:var(--bg);box-shadow:0 12px 30px #1010181f;transition:transform .5s cubic-bezier(.22,1,.36,1)}.about-portrait-seal img{width:40px;height:40px;object-fit:contain}@media (hover: hover) and (pointer: fine){.about-portrait:hover .about-portrait-frame img{transform:scale(1.04)}.about-portrait:hover .about-portrait-block{transform:translate(4px,4px)}.about-portrait:hover .about-portrait-seal{transform:scale(1.06) rotate(-6deg)}}.about-body{min-width:0;display:flex;flex-direction:column;gap:1rem}.about-title{margin-bottom:.35rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.about-title em{font-style:normal;color:var(--brand)}.about-line{font-size:clamp(.96rem,1.05vw,1.05rem);line-height:1.75;color:var(--muted);max-width:62ch}.about-line strong{color:var(--text);font-weight:600}.about-facts{list-style:none;margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.5rem}.about-facts li{padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);font-size:.8rem;font-weight:500;color:var(--muted);transition:border-color .3s ease,color .3s ease,background .3s ease}.about-facts li:first-child{border-color:color-mix(in srgb,var(--brand) 45%,transparent);background:var(--brand-soft);color:var(--text);font-weight:600}@media (hover: hover) and (pointer: fine){.about-facts li:hover{border-color:color-mix(in srgb,var(--brand) 55%,transparent);background:var(--bg-warm);color:var(--text)}}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.contact-aside{display:flex;flex-direction:column;gap:1.5rem}.contact-points{list-style:none;display:flex;flex-direction:column;gap:.75rem}.contact-points li{position:relative;padding-left:1.4rem;font-size:.95rem;line-height:1.65;color:var(--muted)}.contact-points li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--brand)}.contact-direct{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.6rem}.contact-direct-label{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.contact-direct a{font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,2.2vw,1.6rem);letter-spacing:-.02em;color:var(--text);text-decoration:none;overflow-wrap:anywhere;transition:color .25s ease}@media (hover: hover) and (pointer: fine){.contact-direct a:hover{color:var(--brand)}}.contact-form{display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);box-shadow:0 8px 32px #1010180d}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.form-field{display:flex;flex-direction:column;gap:.5rem;min-width:0;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.form-field input,.form-field textarea{font-family:var(--font-body);font-weight:400;font-size:.95rem;letter-spacing:normal;text-transform:none;color:var(--text);padding:.85rem 1rem;border-radius:14px;border:1px solid var(--line);background:var(--bg-elev);resize:vertical;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.form-field input::placeholder,.form-field textarea::placeholder{color:#6b6b7abf}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--brand);background:var(--bg);box-shadow:0 0 0 3px var(--brand-soft)}.form-submit{align-self:flex-start;margin-top:.25rem}.form-hint{font-size:.83rem;line-height:1.6;color:var(--muted)}.form-hint a{color:var(--brand);font-weight:600;text-decoration:none}.site-footer{position:relative;z-index:1;padding:clamp(3rem,7vw,5rem) var(--shell) 2rem;border-top:1px solid var(--line);background:var(--bg)}.footer-cta{padding-bottom:clamp(2.5rem,6vw,4.5rem);margin-bottom:clamp(2.5rem,5vw,3.5rem);border-bottom:1px solid var(--line)}.footer-cta h2{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,6.5vw,5.5rem);line-height:1;letter-spacing:-.05em;text-wrap:balance}.footer-cta h2 em{font-style:normal;color:var(--brand)}.footer-cta-actions{margin-top:clamp(1.5rem,3vw,2.5rem);display:flex;flex-wrap:wrap;gap:.75rem}.footer-cols{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:2rem 3rem}.footer-brand{display:flex;align-items:flex-start;gap:.9rem;max-width:340px}.footer-brand img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.footer-brand-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.footer-brand p{margin-top:.4rem;font-size:.85rem;line-height:1.6;color:var(--muted)}.footer-bottom{margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:1.5rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;font-size:.78rem;color:var(--muted)}@media (max-width: 1180px){.stats,.capabilities-grid,.sanxai-products{grid-template-columns:repeat(2,minmax(0,1fr))}.sanxai-product:last-child{grid-column:1 / -1}.industry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-preview{width:240px}}@media (max-width: 900px){.about-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}.about-portrait{max-width:260px}.about-portrait-block{top:.75rem;right:-.6rem;bottom:1rem;left:.75rem}.about-portrait-seal{left:-.5rem;width:60px;height:60px}.about-portrait-seal img{width:32px;height:32px}.statement-lead{max-width:100%}}@media (max-width: 768px){:root{--radius-lg: 22px}.section{padding-block:clamp(4rem,9svh,6rem)}.section-head{align-items:flex-start}.capabilities-grid,.sanxai-products,.industry-grid{grid-template-columns:minmax(0,1fr)}.sanxai-product-ghost{font-size:6rem}.sanxai-product:last-child,.industry{grid-column:auto}.industry:last-child:nth-child(odd){grid-column:auto;display:flex;flex-direction:column}.sanxai-product-ghost{font-size:5.5rem}.capability{min-height:0}.capability:last-child:nth-child(3n+1){display:flex;flex-direction:column}.capability:last-child:nth-child(3n+1) .capability-name{font-size:clamp(1.1rem,1.5vw,1.35rem)}.capability:last-child:nth-child(3n+1) .capability-text{font-size:.92rem}.capability:after{top:0;bottom:auto;left:0;right:auto;width:2px;height:100%;transform:none;opacity:.55}.work-row{grid-template-columns:minmax(0,1fr) auto;row-gap:.75rem;padding:1.5rem 0}.work-index{grid-row:1;grid-column:1}.work-go{grid-row:1;grid-column:2;width:44px;height:44px}.work-main{grid-row:2;grid-column:1 / -1}.work-thumb{grid-row:3}.work-footer{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:minmax(0,1fr)}.form-submit{align-self:stretch}.footer-cols{flex-direction:column}.footer-cta-actions .btn{flex:1 1 auto}.reveal{transform:translateY(16px)}}@media (max-width: 520px){.sanxai-capabilities{columns:1}}@media (max-width: 420px){.stats{grid-template-columns:minmax(0,1fr)}.tech-name{font-size:1.6rem}.blurb{font-size:.85rem;line-height:1.5}.sanxai-capabilities{columns:1}.navbar-logo span{font-size:.95rem}.footer-cta-actions,.contact-direct,.footer-cta-actions .btn{width:100%}}@media (max-height: 560px) and (min-width: 769px){.section{padding-block:4rem}.tech-panel{top:calc(50% + 1.75rem)}.tech-name{font-size:clamp(1.5rem,3.2vw,2.1rem)}.blurb{margin-top:.6rem;font-size:.88rem;line-height:1.5;max-width:40ch}}