@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--color-bg:#030612;--color-bg-alt:#081125;--color-ink:#f4f7ff;--color-muted:#9caac8;--color-blue:#477bff;--color-cyan:#55dfff;--color-violet:#8557ff;--color-line:#94aeff38;--color-glass:#0c142b99;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--space-section:112px;--ease-smooth:cubic-bezier(.22,1,.36,1);--dur-fast:.25s;--rule-hairline:1px solid var(--color-line);--radius-pill:999px}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);min-width:320px}body:before{content:"";z-index:50;pointer-events:none;background-image:linear-gradient(var(--color-ink) 1px,transparent 1px);opacity:.008;background-size:100% 4px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:is(a:focus-visible,button:focus-visible,input:focus-visible){outline:2px solid var(--color-cyan);outline-offset:4px}::selection{background:var(--color-violet);color:var(--color-ink)}.container{width:min(1320px,100% - 80px);margin-inline:auto}.nav{z-index:30;border-bottom:var(--rule-hairline);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030612b8;height:78px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.logo{font:700 19px var(--font-display);letter-spacing:.15em;white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.logo-mark{color:var(--color-cyan);text-shadow:0 0 20px var(--color-blue);font-size:24px}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a,.nav-back{color:var(--color-muted);white-space:nowrap;transition:color var(--dur-fast);font-size:13px}.nav-links a:hover,.nav-back:hover{color:var(--color-ink)}.nav-actions{align-items:center;gap:20px;display:flex}.language{font:500 12px var(--font-mono);letter-spacing:.08em;white-space:nowrap}.button{border-radius:var(--radius-pill);border:var(--rule-hairline);white-space:nowrap;min-height:46px;transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast),border-color var(--dur-fast);justify-content:center;align-items:center;gap:24px;padding:0 23px;font-size:13px;font-weight:600;display:inline-flex}.button:hover{border-color:var(--color-cyan);transform:translateY(-3px)}.button.primary{background:linear-gradient(110deg,var(--color-blue),var(--color-violet));border-color:var(--color-blue);box-shadow:0 8px 36px #477bff47}.button.secondary{background:var(--color-glass)}.nav-cta{min-height:36px;padding:0 16px;font-size:12px}.menu-button{color:var(--color-ink);background:0 0;border:0;font-size:24px;display:none}.eyebrow{font:500 11px var(--font-mono);letter-spacing:.18em;color:var(--color-cyan);text-transform:uppercase}.eyebrow-line{background:var(--color-cyan);vertical-align:middle;width:24px;height:1px;margin-right:9px;display:inline-block}.hero{grid-template-columns:44% 56%;align-items:center;min-height:740px;display:grid;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(#253fa133,#0000 68%);width:60%;height:80%;position:absolute;top:0;right:-10%}.hero-copy{z-index:3;padding:80px 0 50px;position:relative}.hero h1{font:700 clamp(55px,5.3vw,92px)/.99 var(--font-display);letter-spacing:-.065em;overflow-wrap:anywhere;margin:28px 0}.hero h1 span{color:var(--color-cyan);background:linear-gradient(100deg,var(--color-cyan),#b5a0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-copy>p{color:var(--color-muted);max-width:500px;font-size:16px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-index{font:500 10px var(--font-mono);letter-spacing:.15em;color:var(--color-muted);gap:34px;margin-top:84px;display:flex}.hero-scene{min-width:0;height:650px;position:relative}.hero-scene canvas{touch-action:pan-y}.scene-caption{font:10px var(--font-mono);letter-spacing:.14em;color:var(--color-muted);position:absolute;bottom:37px;right:15%}.scene-caption span{color:var(--color-cyan);margin:0 12px}.scene-loading,.scene-fallback{height:100%;color:var(--color-muted);font:11px var(--font-mono);letter-spacing:.2em;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.loader-orbit{border:1px solid var(--color-blue);border-top-color:var(--color-cyan);border-radius:50%;width:64px;height:64px;animation:1.4s linear infinite spin}.core-label{font:700 26px var(--font-display);letter-spacing:.12em;color:var(--color-ink);text-shadow:0 0 20px var(--color-blue)}.core-label span{font:9px var(--font-mono);letter-spacing:.18em;margin-top:8px;display:block}.scene-node-label{border:var(--rule-hairline);background:var(--color-glass);border-radius:var(--radius-pill);white-space:nowrap;font:10px var(--font-mono);letter-spacing:.04em;color:var(--color-ink);padding:6px 10px}.ticker{border-block:var(--rule-hairline);background:var(--color-bg-alt);color:var(--color-muted);white-space:nowrap;font:11px var(--font-mono);letter-spacing:.18em;overflow:hidden}.ticker div{width:max-content;padding:18px 0;animation:35s linear infinite marquee}.ticker span{color:var(--color-cyan);padding:0 29px}.section{padding:var(--space-section) 0;position:relative}.section-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px;display:flex}.section-heading h2,.process-section h2{font:700 clamp(39px,4.2vw,64px)/1.08 var(--font-display);letter-spacing:-.055em;overflow-wrap:anywhere;margin:16px 0 0}.section-heading p{max-width:410px;color:var(--color-muted);margin:0 0 7px;font-size:14px;line-height:1.8}.period{color:var(--color-cyan)}.projects-section{background:radial-gradient(ellipse at 83% 35%,#2b2a7624,transparent 50%),var(--color-bg)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter{border:var(--rule-hairline);border-radius:var(--radius-pill);color:var(--color-muted);transition:all var(--dur-fast);background:0 0;padding:9px 17px;font-size:12px}.filter:hover,.filter.active{color:var(--color-ink);border-color:var(--color-blue);background:#477bff33}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{border:var(--rule-hairline);min-width:0;transition:transform .4s var(--ease-smooth),border-color .3s,box-shadow .3s;background:linear-gradient(160deg,#121c3a94,#060b1bb8);display:block}.project-card:hover{border-color:#55dfff8f;transform:translateY(-9px)perspective(900px)rotateX(2deg);box-shadow:0 22px 60px #00000052}.project-art{background:radial-gradient(circle at 50% 65%,#4e7ffd4d,#0000 55%),linear-gradient(145deg,#111e4b,#070b1e);place-items:center;height:215px;display:grid;position:relative;overflow:hidden}.art-wordpress{background:radial-gradient(circle at 50% 65%,#7b61d44d,#0000 55%),linear-gradient(145deg,#272048,#090b1e)}.art-odoo{background:radial-gradient(circle at 50% 65%,#af5a8f4d,#0000 55%),linear-gradient(145deg,#351d3e,#090b1e)}.art-ring{border:1px solid #80b7ff80;border-radius:50%;width:190px;height:190px;transform:rotateX(65deg)rotate(-25deg);box-shadow:0 0 25px #55dfff3d}.art-ring:after{content:"";border:1px solid #a67dff73;border-radius:50%;position:absolute;inset:24px}.art-core{width:94px;height:94px;font:700 34px var(--font-display);background:radial-gradient(circle at 25% 20%,#789aff,#172d72 40%,#080d2b 80%);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:inset -12px -13px 25px #030816,0 0 33px #4a7eff75}.art-index{font:9px var(--font-mono);letter-spacing:.14em;color:var(--color-muted);position:absolute;bottom:17px;left:20px}.project-meta{justify-content:space-between;align-items:flex-end;gap:10px;min-height:188px;padding:24px;display:flex}.project-category{font:9px var(--font-mono);letter-spacing:.14em;color:var(--color-cyan)}.project-meta h3{font:600 20px var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:10px 0}.project-meta p{color:var(--color-muted);margin:0 0 14px;font-size:12px;line-height:1.5}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag{font:10px var(--font-mono);color:#bfcae9;border:1px solid #a6b5e130;border-radius:4px;padding:6px 8px}.project-arrow{color:var(--color-cyan);align-self:flex-end;font-size:23px}.project-disclosure{color:var(--color-muted);margin-top:24px;font-size:11px}.agent-section{background:linear-gradient(180deg,var(--color-bg-alt),var(--color-bg))}.agent-layout{border:var(--rule-hairline);grid-template-columns:45% 55%;min-height:530px;display:grid}.agent-visual{border-right:var(--rule-hairline);background:radial-gradient(circle,#3d319e38,#0000 52%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.agent-core{z-index:1;background:radial-gradient(circle at 30% 25%,#6084ff,#192d75 37%,#070b2b 75%);border:1px solid #a4c3ff99;border-radius:50%;place-items:center;width:184px;height:184px;display:grid;box-shadow:inset -28px -25px 55px #03061b,0 0 32px #5873ff8c,0 0 100px #5049d861}.agent-core span{text-shadow:0 0 24px var(--color-cyan);font-size:70px}.agent-thinking .agent-core,.agent-calling .agent-core,.agent-processing .agent-core{animation:1.2s ease-in-out infinite pulse}.agent-completed .agent-core{box-shadow:0 0 45px var(--color-cyan),0 0 100px #5049d861}.agent-orbit{border:1px solid #6083ff80;border-radius:50%;width:310px;height:310px;position:absolute;transform:rotateX(62deg)rotate(-24deg);box-shadow:0 0 18px #445cd159}.orbit-two{border-color:#9074fa59;width:400px;height:400px;transform:rotateY(65deg)rotate(30deg)}.agent-status{font:10px var(--font-mono);letter-spacing:.15em;white-space:nowrap;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.status-light{background:var(--color-cyan);width:7px;height:7px;box-shadow:0 0 12px var(--color-cyan);border-radius:50%;margin-right:9px;display:inline-block}.agent-visual>p{color:var(--color-muted);font:9px var(--font-mono);letter-spacing:.14em;position:absolute;bottom:16px}.agent-console{background:#060b1a94;min-width:0}.console-top,.execution-heading{font:10px var(--font-mono);letter-spacing:.08em;color:var(--color-muted);justify-content:space-between;align-items:center;gap:20px;display:flex}.console-top{border-bottom:var(--rule-hairline);padding:17px 22px}.console-content{padding:26px}.console-intro{color:var(--color-muted);margin:0 0 18px;font-size:13px;line-height:1.6}.scenario-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scenario{color:var(--color-ink);border:var(--rule-hairline);text-align:left;background:#18274d73;align-items:center;gap:10px;min-height:46px;padding:0 13px;font-size:12px;display:flex}.scenario:hover,.scenario.active{border-color:var(--color-cyan);background:#477bff30}.scenario span:first-child{color:var(--color-cyan)}.scenario span:last-child{margin-left:auto}.demo-form{border:var(--rule-hairline);height:47px;margin:18px 0;display:flex}.demo-form input{min-width:0;color:var(--color-ink);background:0 0;border:0;flex:1;padding:0 14px;font-size:12px}.demo-form input::placeholder{color:var(--color-muted)}.demo-form button{background:var(--color-blue);color:var(--color-ink);white-space:nowrap;border:0;padding:0 18px;font-size:12px}.execution{border-top:var(--rule-hairline);padding-top:16px}.execution ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:15px 0;padding:0;list-style:none;display:grid}.execution li{border-top:2px solid var(--color-line);color:var(--color-muted);font:9px var(--font-mono);padding-top:7px;line-height:1.4}.execution li.done{border-color:var(--color-cyan);color:var(--color-ink)}.demo-result{background:#284a6526;border:1px solid #55dfff4d;padding:12px 15px}.demo-result strong{font-size:12px}.demo-result p{color:var(--color-ink);font-size:12px;line-height:1.6}.demo-result pre{font:10px var(--font-mono);white-space:pre-wrap;color:var(--color-cyan);margin:0}.demo-error{color:#ff9393;font-size:12px}.technology-section{background:radial-gradient(at 50% 55%,#1e368929,#0000 58%)}.technology-field{border-top:var(--rule-hairline);border-bottom:var(--rule-hairline);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,2vw,28px);min-height:450px;padding:50px;display:flex;position:relative}.technology-field:before{content:"";pointer-events:none;border:1px solid #6281e026;border-radius:50%;width:65%;height:70%;position:absolute;transform:rotate(-15deg)}.technology-node{width:123px;height:123px;color:var(--color-ink);transition:transform .3s var(--ease-smooth),box-shadow .3s,border-color .3s;background:radial-gradient(circle at 32% 25%,#486be247,#0b1128e6 65%);border:1px solid #7ba1f859;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:relative;box-shadow:inset -12px -15px 25px #0000004d,0 0 25px #3661c81f}:is(.technology-node:hover,.technology-node:focus-visible){border-color:var(--color-cyan);transform:translateY(-12px)scale(1.05);box-shadow:0 0 35px #55dfff52}.technology-glyph{font:700 28px var(--font-display);color:var(--color-cyan)}.technology-name{font:600 12px var(--font-display)}.technology-node small{font:8px var(--font-mono);color:var(--color-muted)}.tech-1,.tech-5{margin-top:90px}.tech-2,.tech-6{margin-bottom:100px}.process-section{background:var(--color-bg-alt)}.process-list{border-top:var(--rule-hairline);margin-top:48px}.process-row{border-bottom:var(--rule-hairline);grid-template-columns:90px 1fr 1.2fr 35px;align-items:center;gap:30px;padding:27px 0;display:grid}.process-number{font:12px var(--font-mono);color:var(--color-cyan)}.process-row h3{font:600 clamp(22px,2.2vw,32px) var(--font-display);letter-spacing:-.03em;margin:0}.process-row p{color:var(--color-muted);font-size:13px;line-height:1.5}.process-plus{color:var(--color-blue);font-size:20px}.contact-section{text-align:center;background:radial-gradient(at 50% 130%,#3a56cc52,#0000 60%);align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.contact-horizon{border-top:1px solid var(--color-cyan);background:radial-gradient(at 50% 0,#3261a0,#111e4f 36%,#050a1a 66%);border-radius:50%;width:120%;height:580px;position:absolute;bottom:-490px;left:-10%;box-shadow:0 -20px 80px #477bff52}.contact-inner{z-index:1;padding:80px 0;position:relative}.contact-inner h2{font:700 clamp(44px,6vw,82px)/1.05 var(--font-display);letter-spacing:-.06em;overflow-wrap:anywhere;max-width:880px;margin:24px auto}.contact-inner p{color:var(--color-muted);line-height:1.7}.contact-pending{color:var(--color-muted);border:var(--rule-hairline);border-radius:var(--radius-pill);margin-top:22px;padding:11px 18px;font-size:12px;display:inline-block}.back-top{width:max-content;font:10px var(--font-mono);letter-spacing:.14em;color:var(--color-cyan);margin:50px auto 0;display:block}.footer{border-top:var(--rule-hairline);background:var(--color-bg)}.footer-inner{min-height:70px;color:var(--color-muted);font:10px var(--font-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-inner span:first-child{color:var(--color-ink)}.detail-page{min-height:100vh;position:relative}.detail-backdrop{pointer-events:none;background:radial-gradient(at 60% 20%,#2d4ba53b,#0000 55%);width:100%;height:720px;position:absolute;top:0;left:0}.detail{padding:110px 0;position:relative}.detail h1{font:700 clamp(46px,7vw,100px)/1 var(--font-display);letter-spacing:-.06em;overflow-wrap:anywhere;max-width:1000px;margin:24px 0}.detail-lead{color:var(--color-muted);max-width:700px;font-size:18px;line-height:1.6}.detail-sphere{border-block:var(--rule-hairline);background:radial-gradient(#3557bc3b,#0000 65%);place-items:center;height:350px;margin:58px 0;display:grid;overflow:hidden}.detail-sphere span{width:190px;height:190px;font:700 62px var(--font-display);background:radial-gradient(circle at 25% 20%,#82a0fa,#183c89 35%,#070d26 75%);border-radius:50%;place-items:center;display:grid;box-shadow:inset -23px -25px 50px #020615,0 0 45px #3254ba,0 0 100px #2e3f8a}.detail-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-bottom:50px;display:grid}.detail-info section{border-top:var(--rule-hairline);padding-top:24px}.detail-info h2{font:600 24px var(--font-display);margin:14px 0}.detail-info p{color:var(--color-muted);font-size:14px;line-height:1.7}.related{margin-top:110px}.related h2{font:600 32px var(--font-display)}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.related-grid a{border:var(--rule-hairline);justify-content:space-between;gap:10px;padding:23px;display:flex}.related-grid a:hover{border-color:var(--color-cyan)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes marquee{to{transform:translate(-50%)}}@media (max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:12px}.hero{grid-template-columns:48% 52%}.hero-scene{height:570px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-field{padding:35px}}@media (max-width:800px){:root{--space-section:80px}.container{width:min(100% - 40px,1320px)}.nav-links{background:var(--color-bg-alt);border-bottom:var(--rule-hairline);flex-direction:column;align-items:start;gap:22px;padding:24px;display:none;position:absolute;top:77px;left:0;right:0}.nav-links.open{display:flex}.nav-cta{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:85px 0 20px}.hero h1{font-size:clamp(52px,9vw,76px)}.hero-index{margin-top:48px}.hero-scene{height:520px}.scene-caption{right:10%}.section-heading{display:block}.section-heading p{margin-top:20px}.agent-layout{grid-template-columns:1fr}.agent-visual{border-right:0;border-bottom:var(--rule-hairline);min-height:370px}.technology-field{min-height:0}.process-row{grid-template-columns:50px 1fr 24px}.process-row p{grid-area:2/2;margin:0}.process-plus{grid-area:1/3}.detail-info{grid-template-columns:1fr;gap:20px}}@media (max-width:560px){.container{width:calc(100% - 32px)}.nav{height:66px}.nav-links{top:65px}.logo{font-size:16px}.nav-actions{gap:12px}.language{font-size:10px}.hero-copy{padding-top:66px}.hero h1{font-size:clamp(46px,12vw,64px)}.hero-copy>p{font-size:14px}.hero-actions{gap:9px}.button{gap:10px;padding:0 17px;font-size:11px}.hero-index{gap:20px;font-size:9px}.hero-scene{height:400px;margin:0 -16px}.scene-caption{font-size:8px;bottom:14px}.section-heading h2,.process-section h2{font-size:40px}.project-grid{grid-template-columns:minmax(0,1fr)}.project-art{height:200px}.project-meta{min-height:170px}.agent-visual{min-height:320px}.agent-core{width:145px;height:145px}.agent-orbit{width:250px;height:250px}.orbit-two{width:310px;height:310px}.console-top{padding:14px;font-size:8px}.console-content{padding:16px}.scenario-list{grid-template-columns:minmax(0,1fr)}.technology-field{gap:15px;padding:30px 8px}.technology-node{width:112px;height:112px}.tech-1,.tech-5,.tech-2,.tech-6{margin:0}.process-row{gap:12px}.footer-inner{flex-wrap:wrap;padding:20px 0;font-size:9px}.detail{padding-top:70px}.detail-sphere{height:260px;margin:40px 0}.related-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.loader-orbit,.agent-core{animation:none!important}.project-card,.technology-node,.button{transition:none}.reveal{opacity:1!important;transform:none!important}}.technology-name{text-align:center;max-width:108px;line-height:1.15}.technology-node-static:hover{border-color:#7ba1f859;transform:none;box-shadow:inset -12px -15px 25px #0000004d,0 0 25px #3661c81f}.contact-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.technology-section{padding-block:50px;scroll-margin-top:78px}.technology-section .section-heading{margin-bottom:30px}.technology-field{isolation:isolate;height:550px;min-height:0;padding:0;display:block;overflow:hidden}.technology-field:before{content:none}.solar-system{width:1040px;height:550px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.solar-ring{width:var(--orbit-width);height:var(--orbit-height);margin-left:calc(var(--orbit-width)/-2);margin-top:calc(var(--orbit-height)/-2);border:1px solid var(--color-line);border-radius:50%;position:absolute;top:50%;left:50%}.solar-ring-1{border-color:var(--color-cyan)}@supports (color:color-mix(in lab, red, red)){.solar-ring-1{border-color:color-mix(in srgb,var(--color-cyan) 18%,transparent)}}.solar-ring-2{border-color:var(--color-violet)}@supports (color:color-mix(in lab, red, red)){.solar-ring-2{border-color:color-mix(in srgb,var(--color-violet) 26%,transparent)}}.orbital-position{left:calc(50% + var(--orbit-x));top:calc(50% + var(--orbit-y));width:0;height:0;position:absolute}.solar-planet{border:1px solid var(--color-line);width:76px;height:76px;color:var(--color-ink);background:radial-gradient(circle at 28% 20%,var(--color-blue),var(--color-bg-alt) 70%);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.solar-planet{background:radial-gradient(circle at 28% 20%,color-mix(in srgb,var(--color-blue) 28%,transparent),var(--color-bg-alt) 70%)}}.solar-planet{box-shadow:0 0 26px var(--color-blue)}@supports (color:color-mix(in lab, red, red)){.solar-planet{box-shadow:0 0 26px color-mix(in srgb,var(--color-blue) 14%,transparent)}}.solar-planet{cursor:pointer;text-decoration:none}.solar-planet-static{cursor:default}.solar-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:100%;display:flex}.solar-face .technology-glyph{font-size:19px;line-height:1}.solar-face .technology-name{max-width:74px;font-size:9px;line-height:1.1}.solar-face small{font:6px var(--font-mono);color:var(--color-muted);letter-spacing:.03em}:is(.solar-planet:is(button,a):hover,.solar-planet:is(button,a):focus-visible){border-color:var(--color-cyan);box-shadow:0 0 34px var(--color-cyan)}@supports (color:color-mix(in lab, red, red)){:is(.solar-planet:is(button,a):hover,.solar-planet:is(button,a):focus-visible){box-shadow:0 0 34px color-mix(in srgb,var(--color-cyan) 34%,transparent)}}:is(.solar-planet:is(button,a):hover,.solar-planet:is(button,a):focus-visible){outline:none}.solar-core-wrap{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.solar-core{pointer-events:auto;border:1px solid var(--color-cyan);background:radial-gradient(circle at 30% 20%,var(--color-cyan),var(--color-bg-alt) 68%);border-radius:50%;width:132px;height:132px}@supports (color:color-mix(in lab, red, red)){.solar-core{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--color-cyan) 38%,var(--color-blue)),var(--color-bg-alt) 68%)}}.solar-core{box-shadow:0 0 45px var(--color-cyan),inset -18px -22px 36px var(--color-bg)}@supports (color:color-mix(in lab, red, red)){.solar-core{box-shadow:0 0 45px color-mix(in srgb,var(--color-cyan) 26%,transparent),inset -18px -22px 36px color-mix(in srgb,var(--color-bg) 70%,transparent)}}.solar-core{color:var(--color-ink);flex-direction:column;justify-content:center;align-items:center;gap:5px;text-decoration:none;display:flex}.solar-core-mark{color:var(--color-cyan);font-size:28px;line-height:1}.solar-core strong{font:700 16px var(--font-display)}.solar-core small{font:7px var(--font-mono);letter-spacing:.12em;color:var(--color-muted)}:is(.solar-core:hover,.solar-core:focus-visible){box-shadow:0 0 70px var(--color-cyan)}@supports (color:color-mix(in lab, red, red)){:is(.solar-core:hover,.solar-core:focus-visible){box-shadow:0 0 70px color-mix(in srgb,var(--color-cyan) 42%,transparent)}}:is(.solar-core:hover,.solar-core:focus-visible){outline:1px solid var(--color-cyan)}.art-flutter{background:radial-gradient(circle at 50% 60%,var(--color-cyan),transparent 58%),var(--color-bg-alt)}@supports (color:color-mix(in lab, red, red)){.art-flutter{background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--color-cyan) 30%,transparent),transparent 58%),var(--color-bg-alt)}}.art-zalo-miniapp{background:radial-gradient(circle at 50% 60%,var(--color-blue),transparent 58%),var(--color-bg-alt)}@supports (color:color-mix(in lab, red, red)){.art-zalo-miniapp{background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--color-blue) 40%,transparent),transparent 58%),var(--color-bg-alt)}}@media (max-width:1200px) and (min-width:901px){.technology-field{height:475px}.solar-system{transform:translate(-50%,-50%)scale(.85)}}@media (max-height:800px) and (min-width:901px){.technology-section{padding-block:32px}.technology-section .section-heading{margin-bottom:24px}.technology-field{height:430px}.solar-system{transform:translate(-50%,-50%)scale(.77)}}@media (max-width:900px){.technology-section{padding-block:var(--space-section)}.technology-section .section-heading{margin-bottom:45px}.technology-field{height:auto;min-height:0;padding:30px 12px;overflow:visible}.solar-system{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;height:auto;display:flex;position:static;transform:none}.solar-core-wrap{flex-basis:100%;place-items:center;height:190px;display:grid;position:static}.solar-core{width:160px;height:160px}.solar-ring{border:0;animation:none;display:contents}.orbital-position,.solar-planet{width:110px;height:110px;position:static;transform:none}.solar-face{animation:none}.solar-face .technology-glyph{font-size:24px}.solar-face .technology-name{max-width:94px;font-size:11px}.solar-face small{font-size:7px}}@media (max-width:560px){.technology-field{padding-inline:8px}.solar-system{gap:8px}.solar-core-wrap{height:175px}.solar-core{width:150px;height:150px}.orbital-position,.solar-planet{width:100px;height:100px}.solar-face .technology-name{max-width:90px;font-size:10px}.solar-face small{font-size:7px}}.detail-info{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){.detail-info{grid-template-columns:1fr}}.project-screenshot{object-fit:cover;object-position:top;transition:transform .5s var(--ease-smooth)}.project-card:hover .project-screenshot{transform:scale(1.04)}.project-art:has(.project-screenshot):after{content:"";pointer-events:none;background:linear-gradient(#0000,#03061299);position:absolute;inset:65% 0 0}.art-index{z-index:1}.detail-screenshot{object-fit:contain;object-position:center;width:100%;height:100%}.contact-email{margin-top:24px}.art-tauri .project-screenshot{transform-origin:100%;transform:scale(2)}.project-card:hover .art-tauri .project-screenshot{transform:scale(2.04)}.logo img{width:188px;height:auto;display:block}.footer-brand img{width:142px;height:auto;display:block}@media (max-width:560px){.logo img{width:142px}}.scene-brand{pointer-events:none;text-align:center;font:700 28px var(--font-display);letter-spacing:.1em;text-shadow:0 0 20px var(--color-blue);white-space:nowrap;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.scene-brand small{font:9px var(--font-mono);letter-spacing:.14em;margin-top:8px;display:block}.scene-labels{pointer-events:none;position:absolute;inset:0}.scene-label{pointer-events:auto;border:var(--rule-hairline);border-radius:var(--radius-pill);background:var(--color-glass);font:10px var(--font-mono);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;position:absolute}.scene-label:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.label-go{top:32%;left:9%}.label-next{top:25%;right:4%}.label-wp{top:70%;left:5%}.label-odoo{top:66%;right:3%}.label-ai{bottom:8%;left:42%}.label-mcp{top:9%;right:27%}@media (max-width:560px){.scene-brand{font-size:17px}.scene-brand small{font-size:6px}.scene-label{padding:4px 6px;font-size:8px}.label-go{top:26%;left:6%}.label-next{top:22%;right:7%}.label-wp{top:66%;left:4%}.label-odoo{top:62%;right:3%}.label-ai{bottom:10%;left:42%}.label-mcp{top:9%;right:27%}}.scene-canvas{width:100%;height:100%}.empty-projects{border:var(--rule-hairline);color:var(--color-muted);padding:50px}.empty-projects p{margin:0 0 22px;font-size:14px}.scene-tech-list{z-index:4;background:linear-gradient(#0000,#030612eb 50%);flex-wrap:wrap;justify-content:center;gap:6px;padding:48px 12px 12px;display:flex;position:absolute;bottom:68px;left:0;right:0}.scene-tech-list a{border:var(--rule-hairline);border-radius:var(--radius-pill);color:var(--color-ink);font:9px var(--font-mono);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color var(--dur-fast),border-color var(--dur-fast);background:#0c142dd1;padding:5px 8px}.scene-tech-list a:hover,.scene-tech-list .scene-tech-core{color:var(--color-cyan);border-color:var(--color-cyan)}.scene-tech-list a:focus-visible{color:var(--color-cyan);border-color:var(--color-cyan)}@supports (color:color-mix(in lab, red, red)){.scene-tech-list .scene-tech-core{border-color:color-mix(in srgb,var(--color-cyan) 55%,transparent)}}.scene-caption{top:20px;bottom:auto;right:10%}@media (max-width:560px){.hero-scene{height:500px}.scene-tech-list{gap:5px;padding:36px 2px 8px;bottom:0}.scene-tech-list a{padding:4px 6px;font-size:8px}.scene-caption{font-size:7px;top:8px;right:6%}}.scene-brand{z-index:2}.ticker .ticker-track{width:max-content;padding:18px 0;animation:70s linear infinite marquee;display:flex}.ticker .ticker-group{color:var(--color-muted);flex:none;padding:0;display:flex}.ticker .ticker-item{color:var(--color-muted);align-items:center;gap:28px;padding:0 28px 0 0;display:inline-flex}.ticker .ticker-item b{color:var(--color-cyan);font-weight:400}.scene-tech-list{display:none}.planet-tooltip{border:1px solid var(--color-cyan);border-radius:var(--radius-pill);color:var(--color-ink);font:600 11px var(--font-display);white-space:nowrap;pointer-events:none;background:#030612f0;padding:7px 11px;display:block;box-shadow:0 0 22px #55dfff47}@media (max-width:800px){.scene-tech-list{display:flex}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
