@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#02030a;--panel:#060914;--line:rgba(120,190,255,.14);--text:#eef5ff;--muted:#7d8ba5;--cyan:#58e7ff;--blue:#247cff;--violet:#9a55ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit}.noise,.gridfx{position:fixed;inset:0;pointer-events:none;z-index:-2}.gridfx{background-image:linear-gradient(rgba(76,143,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(76,143,255,.045) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000 0%,transparent 82%)}.noise{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}#network{position:fixed;inset:0;width:100%;height:100%;z-index:-4}.glow{position:fixed;width:50vw;height:50vw;border-radius:50%;filter:blur(140px);opacity:.11;z-index:-5;pointer-events:none}.g1{background:#00bfff;left:-24vw;top:-18vw}.g2{background:#7b3cff;right:-24vw;top:30vh}header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;padding:0 max(22px,5vw);display:flex;align-items:center;border-bottom:1px solid rgba(120,190,255,.08);background:linear-gradient(180deg,rgba(2,3,10,.94),rgba(2,3,10,.55));backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 12px Space Grotesk;letter-spacing:.22em}.brand img{width:38px;height:38px;object-fit:cover;object-position:center 31%;border-radius:8px}.brandword{background:linear-gradient(90deg,#fff,#6ce9ff,#a86bff);-webkit-background-clip:text;color:transparent}nav{display:flex;gap:32px;margin-left:auto}nav a{text-decoration:none;color:#8290aa;font-size:12px;transition:.25s}nav a:hover{color:white}.navcta{margin-left:32px;text-decoration:none;border:1px solid rgba(89,222,255,.25);padding:11px 16px;font-size:10px;letter-spacing:.14em;background:rgba(20,90,130,.08)}
.hero{min-height:100vh;position:relative;padding:145px max(24px,7vw) 70px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center}.kicker{font-size:9px;letter-spacing:.34em;color:#72a5c5;text-transform:uppercase}.hero h1{font:600 clamp(58px,8vw,126px)/.84 Space Grotesk;letter-spacing:-.065em;margin:22px 0 28px;max-width:980px}.hero h1 .outline{display:block;color:transparent;-webkit-text-stroke:1px rgba(116,226,255,.72);position:relative}.hero h1 .outline:after{content:'INTELLIGENT AGENTS.';position:absolute;left:0;top:0;background:linear-gradient(90deg,#54eaff,#397cff 52%,#a357ff);-webkit-background-clip:text;color:transparent;clip-path:inset(58% 0 0 0);filter:drop-shadow(0 0 20px rgba(73,163,255,.3))}.herocopy>p{max-width:650px;color:#8a98b2;line-height:1.75;font-size:16px}.actions{display:flex;gap:12px;margin-top:34px}.button{position:relative;text-decoration:none;padding:15px 21px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;overflow:hidden}.button.primary{background:linear-gradient(110deg,#0ba9d5,#3d63ef 60%,#8151ee);box-shadow:0 0 50px rgba(25,125,255,.18)}.button.ghost{border:1px solid rgba(117,167,218,.2);color:#a7b4ca}.button:after{content:'';position:absolute;top:0;bottom:0;width:35%;left:-50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);transition:.6s}.button:hover:after{left:120%}
.lab{height:min(72vw,690px);position:relative;display:grid;place-items:center;perspective:1000px}.reactor{width:min(35vw,470px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform-style:preserve-3d}.reactor:before,.reactor:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(78,205,255,.18)}.reactor:before{inset:3%;box-shadow:0 0 100px rgba(38,131,255,.12),inset 0 0 80px rgba(65,75,255,.08);animation:orbit 18s linear infinite}.reactor:after{inset:18%;border-style:dashed;animation:orbit 12s linear reverse infinite}.coremark{width:48%;aspect-ratio:1;object-fit:cover;object-position:center 31%;border-radius:50%;filter:drop-shadow(0 0 45px rgba(42,155,255,.55));animation:float 5s ease-in-out infinite}.ring{position:absolute;border:1px solid rgba(79,169,255,.14);border-radius:50%;transform:rotateX(67deg)}.r1{inset:10%;animation:pulse 4s ease-in-out infinite}.r2{inset:25%;animation:pulse 4s 1s ease-in-out infinite}.beam{position:absolute;width:1px;height:41%;background:linear-gradient(transparent,#53dfff,transparent);transform-origin:50% 100%;bottom:50%;opacity:.55}.b1{transform:rotate(45deg)}.b2{transform:rotate(165deg)}.b3{transform:rotate(285deg)}.agentchip{position:absolute;padding:9px 12px;background:rgba(4,11,24,.75);border:1px solid rgba(77,183,255,.2);backdrop-filter:blur(10px);font:600 8px Space Grotesk;letter-spacing:.18em;color:#8ddfff}.c1{top:15%;right:-2%}.c2{left:-7%;top:55%}.c3{right:4%;bottom:11%}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px) scale(1.02)}}@keyframes pulse{50%{opacity:.35;transform:rotateX(67deg) scale(1.08)}}
.ticker{height:62px;border-block:1px solid rgba(116,183,255,.09);overflow:hidden;display:flex;align-items:center;background:rgba(4,7,16,.65)}.track{display:flex;gap:70px;white-space:nowrap;animation:ticker 24s linear infinite;font:500 9px Space Grotesk;letter-spacing:.28em;color:#566a86}.track span:nth-child(3n+1){color:#63cce8}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:130px max(24px,7vw)}.sectionhead{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;margin-bottom:70px}.sectionhead small,.micro{font-size:9px;letter-spacing:.3em;color:#6885a8;text-transform:uppercase}.sectionhead h2{font:500 clamp(44px,6vw,82px)/.96 Space Grotesk;letter-spacing:-.045em;margin:16px 0}.sectionhead h2 em{font-style:normal;color:#62ddff}.sectionhead p{align-self:end;color:#7887a1;line-height:1.75;max-width:460px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(89,163,255,.13);border:1px solid rgba(89,163,255,.13)}.agent{min-height:680px;background:#050711;text-decoration:none;position:relative;overflow:hidden;isolation:isolate}.agent:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 24%,var(--agentglow),transparent 34%);opacity:.45;transition:.5s}.agent:hover:before{opacity:.85;transform:scale(1.12)}.agentvisual{height:390px;position:relative;display:grid;place-items:center;overflow:hidden}.agentvisual img{width:74%;height:74%;object-fit:cover;border-radius:24px;position:relative;z-index:2;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));transition:.7s cubic-bezier(.2,.8,.2,1)}.agent:hover .agentvisual img{transform:scale(1.06) rotate(-1deg)}.agentvisual:before{content:'';position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(105,215,255,.17);border-radius:50%;animation:orbit 18s linear infinite}.agentvisual:after{content:'';position:absolute;width:52%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 16px var(--accent);animation:scanY 4.5s ease-in-out infinite;z-index:3}@keyframes scanY{0%,100%{transform:translateY(-115px)}50%{transform:translateY(115px)}}.agentcopy{padding:8px 34px 38px}.agentstate{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.2em;color:#68d9c8}.agentstate i{width:5px;height:5px;border-radius:50%;background:#52e8ca;box-shadow:0 0 12px #52e8ca}.agent h3{font:600 38px Space Grotesk;margin:15px 0 3px}.agent h4{font:500 14px Space Grotesk;color:var(--accent);margin:0 0 17px}.agent p{color:#74839d;font-size:13px;line-height:1.7;min-height:70px}.enter{margin-top:30px;padding-top:20px;border-top:1px solid rgba(125,179,255,.11);font:600 9px Space Grotesk;letter-spacing:.2em;color:#a9bad2}.prism{--accent:#58eaff;--agentglow:rgba(41,190,255,.25)}.peptide{--accent:#8d86ff;--agentglow:rgba(105,89,255,.25)}.cine{--accent:#45e7ff;--agentglow:rgba(0,207,255,.22)}
.architecture{background:linear-gradient(180deg,#03050c,#060a16 48%,#03050c)}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.pipeline:before{content:'';position:absolute;top:37px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,#2a75a8,#65dfff,#6f55df)}.stage{padding:0 42px 30px;position:relative}.stage:first-child{padding-left:0}.stage:last-child{padding-right:0}.stage .num{width:74px;height:74px;border:1px solid rgba(79,197,255,.25);background:#050b17;display:grid;place-items:center;border-radius:50%;font:500 10px Space Grotesk;letter-spacing:.15em;color:#67dfff;position:relative;z-index:2;box-shadow:0 0 35px rgba(41,130,255,.1)}.stage h3{font:500 28px Space Grotesk;margin:30px 0 10px}.stage p{color:#718099;line-height:1.7}.manifest{text-align:center;padding:170px max(24px,8vw);position:relative;overflow:hidden}.manifest:before{content:'NEURALWORKS';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 17vw Space Grotesk;letter-spacing:-.07em;color:rgba(74,147,255,.025);white-space:nowrap}.manifest h2{font:500 clamp(52px,8vw,112px)/.92 Space Grotesk;letter-spacing:-.055em;max-width:1200px;margin:22px auto 30px;position:relative}.manifest h2 span{background:linear-gradient(90deg,#4ee7ff,#617cff,#a45aff);-webkit-background-clip:text;color:transparent}.manifest p{max-width:650px;margin:0 auto 38px;color:#8290a9;line-height:1.8;position:relative}footer{border-top:1px solid rgba(100,160,255,.1);padding:36px max(24px,5vw);display:flex;align-items:center;gap:35px;color:#56647d;font-size:9px;letter-spacing:.14em}.foot{margin-right:auto}
/* agent experiences */.agentpage{min-height:100vh;padding:122px max(20px,6vw) 90px;position:relative}.back{text-decoration:none;color:#6e809d;font-size:9px;letter-spacing:.22em;text-transform:uppercase}.agentstage{max-width:1240px;margin:30px auto 0;display:grid;grid-template-columns:.82fr 1.18fr;min-height:720px;border:1px solid rgba(93,174,255,.14);background:linear-gradient(135deg,rgba(7,13,28,.96),rgba(3,5,12,.98));position:relative;overflow:hidden}.agentstage:before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--agentglow),transparent 64%);right:-250px;top:-300px;pointer-events:none}.identity{padding:58px 50px;border-right:1px solid rgba(105,171,255,.12);position:relative;z-index:2}.identity img{width:180px;height:180px;object-fit:cover;border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.5)}.identity h1{font:600 clamp(52px,6vw,84px)/.95 Space Grotesk;letter-spacing:-.05em;margin:35px 0 8px}.identity h2{font:500 15px Space Grotesk;color:var(--accent);margin:0 0 22px}.identity p{color:#7e8da6;line-height:1.75}.telemetry{margin-top:42px;border-top:1px solid rgba(100,170,255,.12)}.telemetry div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(100,170,255,.08);font-size:9px;letter-spacing:.13em;color:#62738d}.telemetry b{color:#9db1cd;font-weight:500}.session{padding:62px 58px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.session .micro{color:var(--accent)}.session h3{font:500 clamp(42px,5vw,68px)/1.02 Space Grotesk;letter-spacing:-.04em;margin:18px 0}.session>p{color:#7d8ca6;line-height:1.75;max-width:650px}.promptgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}.prompt{border:1px solid rgba(105,175,255,.13);background:rgba(7,13,27,.55);padding:18px;min-height:94px;display:flex;flex-direction:column;justify-content:space-between;color:#9aabc4;font-size:12px;line-height:1.45;transition:.3s}.prompt:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-2px)}.prompt small{font-size:8px;letter-spacing:.16em;color:var(--accent)}.launchzone{margin-top:28px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent);padding:20px 22px;display:flex;justify-content:space-between;align-items:center}.launchzone strong{font:600 10px Space Grotesk;letter-spacing:.18em}.launchzone span{font-size:9px;color:#6f819d;letter-spacing:.1em}.prism-page{--accent:#58eaff;--agentglow:rgba(40,183,255,.18)}.peptide-page{--accent:#8d86ff;--agentglow:rgba(105,89,255,.18)}.cine-page{--accent:#45e7ff;--agentglow:rgba(0,207,255,.16)}
@media(max-width:900px){nav{display:none}.navcta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:125px}.lab{height:520px}.reactor{width:min(72vw,470px)}.sectionhead{grid-template-columns:1fr}.sectionhead p{align-self:auto}.agent-grid{grid-template-columns:1fr}.agent{min-height:0}.agentvisual{height:440px}.pipeline{grid-template-columns:1fr}.pipeline:before{display:none}.stage{padding:25px 0}.agentstage{grid-template-columns:1fr}.identity{border-right:0;border-bottom:1px solid rgba(105,171,255,.12)}footer{flex-wrap:wrap}.foot{width:100%}}
@media(max-width:560px){header{height:70px;padding:0 18px}.navcta{display:none}.hero{padding:112px 20px 55px}.hero h1{font-size:54px}.herocopy>p{font-size:14px}.actions{flex-direction:column;align-items:flex-start}.lab{height:420px}.reactor{width:92vw}.agentchip{font-size:6px}.ticker{height:52px}.section{padding:90px 20px}.sectionhead{gap:15px;margin-bottom:45px}.sectionhead h2{font-size:43px}.agentvisual{height:330px}.agentvisual img{width:72%;height:72%}.agentcopy{padding:5px 25px 30px}.manifest{padding:110px 20px}.manifest h2{font-size:52px}.agentpage{padding:98px 14px 65px}.agentstage{margin-top:22px}.identity,.session{padding:34px 24px}.identity img{width:130px;height:130px;border-radius:22px}.identity h1{font-size:54px}.session h3{font-size:40px}.promptgrid{grid-template-columns:1fr}.launchzone{align-items:flex-start;gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* v2.1 mobile stability pass */
@media(max-width:700px){
  .noise{display:none}
  .glow{width:70vw;height:70vw;filter:blur(70px);opacity:.075}
  header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(2,3,10,.94)}
  .agentchip{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(4,11,24,.92)}
  .coremark{filter:drop-shadow(0 0 24px rgba(42,155,255,.38))}
  .reactor:before{box-shadow:0 0 45px rgba(38,131,255,.09),inset 0 0 35px rgba(65,75,255,.05)}
  .agentvisual img{filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
  .agent:hover:before,.agent:hover .agentvisual img,.prompt:hover{transform:none}
  .button:hover:after{left:-50%}
  .gridfx{background-size:64px 64px;opacity:.72}
  .agentstage:before{width:420px;height:420px;right:-220px;top:-180px}
}
@media(max-width:560px){
  .agentvisual:before{animation-duration:28s}
  .agentvisual:after{animation-duration:7s}
  .reactor:before{animation-duration:28s}.reactor:after{animation-duration:22s}
  .track{animation-duration:34s}
}
/* v2.2 hero logo fit */
@media(max-width:700px){
  .coremark{width:39%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:50%;transform:scale(.84);transform-origin:center}
  .coremark{animation:floatMobile 5s ease-in-out infinite}
}
@keyframes floatMobile{50%{transform:translateY(-7px) scale(.86)}}

/* v3.2 agent-specific atmospheric environments */
.prism-page,.peptide-page,.cine-page{position:relative;isolation:isolate;background:#02030a}
.prism-page:before,.peptide-page:before,.cine-page:before{content:'';position:fixed;inset:0;z-index:-3;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.34;filter:saturate(1.08) contrast(1.04);pointer-events:none}
.prism-page:before{background-image:url('assets/v3/prismiq-scene.webp');background-position:72% center}
.peptide-page:before{background-image:url('assets/v3/peptideiq-scene.webp');background-position:62% center}
.cine-page:before{background-image:url('assets/v3/cinematch-scene.webp');background-position:66% center}
.prism-page:after,.peptide-page:after,.cine-page:after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(2,3,10,.97) 0%,rgba(2,3,10,.88) 38%,rgba(2,3,10,.63) 72%,rgba(2,3,10,.82) 100%),linear-gradient(0deg,rgba(2,3,10,.96),rgba(2,3,10,.35) 48%,rgba(2,3,10,.88))}
.agentstage{background:linear-gradient(135deg,rgba(7,13,28,.91),rgba(3,5,12,.93));box-shadow:0 35px 110px rgba(0,0,0,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
@media(max-width:700px){
 .prism-page:before,.peptide-page:before,.cine-page:before{opacity:.28;background-size:auto 78vh;background-repeat:no-repeat;background-position:right 82px}
 .prism-page:after,.peptide-page:after,.cine-page:after{background:linear-gradient(0deg,rgba(2,3,10,.98) 0%,rgba(2,3,10,.83) 52%,rgba(2,3,10,.68) 100%)}
 .agentstage{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,rgba(6,11,24,.91),rgba(3,5,12,.96))}
}
/* v3.3 — stronger agent visual environments */
.prism-page:before,.peptide-page:before,.cine-page:before{opacity:.58;filter:saturate(1.22) contrast(1.08) brightness(.88)}
.prism-page:after,.peptide-page:after,.cine-page:after{background:linear-gradient(90deg,rgba(2,3,10,.94) 0%,rgba(2,3,10,.76) 38%,rgba(2,3,10,.34) 72%,rgba(2,3,10,.62) 100%),linear-gradient(0deg,rgba(2,3,10,.88),rgba(2,3,10,.18) 48%,rgba(2,3,10,.70))}
.agentstage{background:linear-gradient(135deg,rgba(7,13,28,.86),rgba(3,5,12,.90));box-shadow:0 35px 110px rgba(0,0,0,.42),0 0 80px color-mix(in srgb,var(--accent) 8%,transparent)}
@media(max-width:700px){
 .prism-page:before,.peptide-page:before,.cine-page:before{opacity:.52;background-size:auto 72vh;background-position:78% 88px;filter:saturate(1.25) contrast(1.08) brightness(.9)}
 .prism-page:after,.peptide-page:after,.cine-page:after{background:linear-gradient(0deg,rgba(2,3,10,.94) 0%,rgba(2,3,10,.70) 52%,rgba(2,3,10,.42) 100%)}
 .agentstage{background:linear-gradient(180deg,rgba(6,11,24,.82),rgba(3,5,12,.92))}
}

/* v3.4 — glass agent stage + mobile swipe agent rail */
.agentstage{background:linear-gradient(135deg,rgba(5,11,24,.58),rgba(2,5,13,.66));backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12);border-color:rgba(108,190,255,.20)}
.identity{background:linear-gradient(180deg,rgba(3,8,19,.42),rgba(3,7,16,.22))}
.session{background:linear-gradient(180deg,rgba(3,8,19,.25),rgba(3,7,16,.38))}
.prompt{background:rgba(4,10,23,.48);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media(max-width:800px){
 .agents{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:17px;margin-left:-17px;margin-right:-17px;padding:2px 17px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .agents::-webkit-scrollbar{display:none}
 .agents .card{flex:0 0 87%;scroll-snap-align:start;scroll-snap-stop:always}
 .agents:after{content:"";flex:0 0 3px}
 .agentstage{background:linear-gradient(180deg,rgba(4,10,22,.54),rgba(2,5,13,.70));backdrop-filter:blur(7px) saturate(1.08);-webkit-backdrop-filter:blur(7px) saturate(1.08)}
 .identity{background:rgba(3,8,18,.34)}.session{background:rgba(3,7,16,.28)}
}
