/* Spatial neural field. Gold, white and black company identity. */
body{background:radial-gradient(ellipse at 85% 4%,#f0ead8 0,transparent 32%),#f8f7f5}
.hero{position:relative;isolation:isolate}
.neural-space{position:absolute;z-index:-1;inset:-20px -40px 0;overflow:hidden;border-radius:0 0 40px 40px;pointer-events:none;background:radial-gradient(ellipse at 78% 41%,#f0ead988,transparent 46%),radial-gradient(ellipse at 48% 88%,#e5dbbc44,transparent 55%)}
.neural-space:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f6f4cc 0%,#f7f6f488 28%,transparent 64%);pointer-events:none}
#neural-canvas{position:absolute;inset:0;width:100%;height:100%}
.neural-grid{position:absolute;left:-30%;right:-30%;height:70%;bottom:-28%;background-image:linear-gradient(#7d776330 1px,transparent 1px),linear-gradient(90deg,#7d776330 1px,transparent 1px);background-size:64px 64px;transform:perspective(440px) rotateX(62deg);transform-origin:center top;mask-image:linear-gradient(transparent,#000 35%,transparent)}
.neural-ring{position:absolute;left:51%;top:16%;width:42%;height:64%;border:1px solid #86713350;border-radius:50%;box-shadow:0 0 30px #eae2c955,inset 0 0 25px #eae2c933;transform:rotate(-27deg) skewY(12deg)}
.ring-two{left:48%;top:26%;width:47%;height:44%;transform:rotate(23deg) skewY(-14deg);border-color:#9d97834d}
.hero-copy h1{font-weight:550}.hero-copy h1 em{font-family:inherit;font-style:normal;font-weight:400;background:linear-gradient(120deg,#3c3930 10%,#655f4f 62%,#a19b88);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-top,.hero-bottom{position:relative;z-index:2}.hero-description{color:#605f5a}.hero .button-dark{background:linear-gradient(125deg,#2d2b24,#555042);box-shadow:0 8px 25px #4e421d25,inset 0 1px #b2ac9c4d;border-color:#6d6b65}
.hero .tiny-dot{background:#887334;box-shadow:0 0 0 5px #9e863c14,0 0 18px #c5ad6555}
.robot-halo{background:radial-gradient(ellipse,#f3eedfcc 0,#f9f6ef88 38%,transparent 70%)}
.robot-plinth{box-shadow:0 20px 35px #5f5a4a33,0 -2px 2px #fff,inset 0 1px 18px #f6f2e7;border:1px solid #cac7bc;background:linear-gradient(180deg,#ffffffee,#dad7cfcc)}
.ai-signal{display:flex;gap:12px;position:relative;z-index:2;margin:0 0 26px;font:10px/1.4 ui-monospace,monospace;letter-spacing:.12em;color:#62615c;flex-wrap:wrap}
.ai-signal span{padding:9px 13px;border:1px solid #c7c3b866;border-radius:6px;background:#ffffff66;box-shadow:0 4px 15px #6f6d6708}
.neural-motion{display:block;margin:0 0 18px auto;border:1px solid #c0bcaf;border-radius:20px;padding:10px 15px;color:#575652;background:#ffffffb3;cursor:pointer;font-size:11px;position:relative;z-index:2;min-height:40px}
.brand-strip{background:linear-gradient(100deg,#edece8,#f9f7f0,#f0efeb)}
.showcase-stage{border:1px solid #aaa49360;box-shadow:0 35px 80px #453a1a25,inset 0 1px #f5f1e433;background:radial-gradient(ellipse at 82% 44%,#3e3518 0,transparent 45%),radial-gradient(ellipse at 30% 5%,#484439 0,transparent 55%),#1b1a16}
.product-art{background:radial-gradient(ellipse at 45% 32%,#fff 0,#f5f1e5 44%,#e5e3dd 100%);box-shadow:inset 0 1px #fff,0 20px 50px #65605013;border:1px solid #e0ded7}
.solutions-section{background:radial-gradient(ellipse at 12% 18%,#433819 0,transparent 50%),radial-gradient(ellipse at 95% 82%,#373633 0,transparent 46%),#211f1a}
.order-section{background:radial-gradient(ellipse at 8% 10%,#e8e7e2,transparent 65%),#f3f2ef}.order-form{border:1px solid #e3e1db;box-shadow:0 20px 60px #5b564812}
.chat-verification{max-width:100%;overflow:hidden}
@media(max-width:640px){.neural-space{inset:0 -20px;border-radius:0 0 24px 24px}.neural-space:after{background:linear-gradient(#f7f6f4bb 0%,#f7f6f466 38%,transparent 65%)}.neural-ring{top:47%;left:12%;width:78%;height:40%}.ring-two{top:55%;left:5%;width:90%;height:25%}.neural-grid{bottom:-15%;height:45%}.ai-signal{gap:6px;margin-top:12px}.ai-signal span{font-size:8px;padding:8px;letter-spacing:.05em}.neural-motion{font-size:10px;margin-bottom:16px}.hero-copy h1{font-size:clamp(3rem,11.4vw,4.6rem)}}
/* Gold neural field and white surfaces, consistent with the company sign. */
body{background:#fffefa}
.neural-space{background:radial-gradient(ellipse at 78% 41%,#f4c92850,transparent 49%),radial-gradient(ellipse at 48% 88%,#e9cf792b,transparent 55%)}
.neural-space:after{background:linear-gradient(90deg,#fffefae6 0%,#fffefa99 28%,transparent 64%)}
.neural-grid{background-image:linear-gradient(#ac861b30 1px,transparent 1px),linear-gradient(90deg,#ac861b30 1px,transparent 1px)}
.neural-ring{border-color:#cba22380;box-shadow:0 0 30px #f4c92830,inset 0 0 25px #f4c92818}.ring-two{border-color:#b58c3d60}
.hero-copy h1{color:#111110;font-weight:600}.hero-copy h1 em{font-weight:500;background:linear-gradient(115deg,#6f5100 5%,#ae8306 55%,#725000);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .button-dark{background:#f4c928;color:#111110;border-color:#e6bb1e;box-shadow:0 9px 26px #be940c23,inset 0 1px #fff6}.hero .button-dark:hover{background:#ffda42}
.hero .tiny-dot{background:#b38a00;box-shadow:0 0 0 5px #f4c92825,0 0 18px #f4c92866}.robot-halo{background:radial-gradient(ellipse,#f4c92866 0,#fff3b94d 38%,transparent 70%)}
.robot-plinth{box-shadow:0 20px 35px #6c561233,0 -2px 2px #fff,inset 0 1px 18px #fff9dd;border:1px solid #cfb867;background:linear-gradient(180deg,#ffffffee,#e4d6a5cc)}
.ai-signal{color:#6b571d}.ai-signal span{border-color:#c9a63855;background:#fffbea99}.neural-motion{border-color:#d0bc70;color:#64521b;background:#fffdf3cc}
.showcase-stage{border:1px solid #b896435e;background:radial-gradient(ellipse at 82% 44%,#514019 0,transparent 48%),radial-gradient(ellipse at 30% 5%,#302b1c 0,transparent 55%),#10100f;box-shadow:0 35px 80px #33280a20,inset 0 1px #f4c92833}
.product-art{background:radial-gradient(ellipse at 45% 32%,#fff 0,#fff6d4 44%,#e6d8a9 100%);border-color:#d5c17c}
.solutions-section{background:radial-gradient(ellipse at 12% 18%,#332b16 0,transparent 50%),#111110}.solutions-section .eyebrow{color:#f4c928}.solutions-section h2 em{color:#f4c928}
.order-section{background:radial-gradient(ellipse at 8% 10%,#f7e49c,transparent 65%),#f8f5e9}.order-form{box-shadow:0 20px 60px #6d541012}
@media(max-width:640px){.neural-space:after{background:linear-gradient(#fffefacc 0%,#fffefa66 38%,transparent 65%)}}
