*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#080b14;color:#f4f5fb;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#8276ff;color:#fff}:root{--bg:#080b14;--panel:#101729;--text:#f4f5fb;--muted:#a6afc2;--line:rgba(255,255,255,.12);--violet:#8578ff;--cyan:#65dceb;--max:1240px}.cursor-glow{position:fixed;inset:auto;width:340px;height:340px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(104,119,255,.1),transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}body:hover .cursor-glow{opacity:1}.site-header{height:82px;position:fixed;inset:0 0 auto;z-index:50;padding:0 max(5vw,24px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,11,20,.72);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:12px;font:700 11px Manrope,sans-serif;letter-spacing:.13em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(133,120,255,.65);border-radius:11px;color:#b8b0ff;font-size:13px;letter-spacing:-.08em;background:linear-gradient(145deg,rgba(133,120,255,.2),rgba(101,220,235,.05))}.main-nav{display:flex;gap:34px}.main-nav a,.header-cta{font-size:12px;color:#c0c6d6;transition:color .2s}.main-nav a:hover,.header-cta:hover{color:#fff}.header-cta{justify-self:end;padding:11px 16px;border:1px solid var(--line);border-radius:30px}.header-cta span{color:var(--cyan);margin-left:8px}.menu-toggle{display:none}.hero{min-height:890px;position:relative;padding:160px max(5vw,24px) 32px;overflow:hidden;background:radial-gradient(ellipse at 76% 42%,rgba(91,104,201,.16),transparent 33%),radial-gradient(ellipse at 8% 20%,rgba(51,116,153,.13),transparent 32%),linear-gradient(115deg,#080b14 5%,#0d1426 58%,#11172a)}.hero-grain{position:absolute;inset:0;opacity:.13;pointer-events:none;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E")}.hero-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,black,transparent 85%)}.hero-orbit{position:absolute;border:1px solid rgba(128,143,255,.11);border-radius:50%;transform:rotate(-22deg);pointer-events:none}.orbit-one{width:850px;height:470px;right:-100px;top:90px}.orbit-two{width:1050px;height:600px;right:-190px;top:20px;border-color:rgba(103,220,235,.07)}.hero-content{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.04fr .96fr;gap:16px;position:relative;z-index:2;align-items:center}.hero-copy{padding:15px 0 35px;position:relative;z-index:5}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.19em;color:#98a4bc;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:34px;height:1px;background:var(--cyan)}.hero-overline{margin:42px 0 16px;color:#aeb7cc;font-size:11px;letter-spacing:.19em}.hero h1{font:800 clamp(52px,6.8vw,94px)/.98 Manrope,sans-serif;letter-spacing:-.075em;margin:0;max-width:720px}.gradient-text{background:linear-gradient(95deg,#a78bff,#7d89ff 52%,#5fdef0);background-clip:text;-webkit-background-clip:text;color:transparent}.accent-dot{color:var(--cyan)}.hero-role{margin:28px 0 0;font-size:13px;color:#e0e4ef;letter-spacing:.01em}.hero-role i{font-style:normal;color:var(--violet);padding:0 6px}.hero-description{max-width:560px;margin:17px 0 0;color:#aeb8ca;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:13px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:30px;padding:15px 19px;border-radius:8px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,#7868f6,#5d80ed);color:#fff;box-shadow:0 12px 35px rgba(105,102,240,.25)}.button-quiet{border:1px solid rgba(255,255,255,.17);color:#e3e7f1}.button span{font-size:16px}.hero-proof{display:flex;gap:0;margin-top:53px;border-top:1px solid var(--line);padding-top:22px;max-width:570px}.hero-proof>div{padding:0 25px;border-left:1px solid var(--line)}.hero-proof>div:first-child{padding-left:0;border:0}.hero-proof strong{display:block;font:800 26px Manrope,sans-serif;letter-spacing:-.05em}.hero-proof strong span{color:var(--cyan)}.hero-proof small{display:block;margin-top:7px;font-size:8px;letter-spacing:.13em;color:#8793aa}.hero-stage{height:630px;position:relative;perspective:1100px;transform-style:preserve-3d}.stage-aura{position:absolute;width:530px;height:530px;border-radius:50%;right:6%;top:3%;background:radial-gradient(circle,rgba(123,112,255,.25),rgba(76,178,212,.08) 45%,transparent 70%);filter:blur(12px)}.stage-ring{position:absolute;border:1px solid rgba(137,146,255,.2);border-radius:50%;transform:rotateX(68deg) rotateZ(-24deg);transform-style:preserve-3d}.ring-a{width:610px;height:390px;top:18%;left:1%}.ring-b{width:690px;height:450px;top:12%;left:-4%;border-color:rgba(103,220,235,.13);transform:rotateX(68deg) rotateZ(20deg)}.portrait-frame{position:absolute;width:min(76%,420px);height:560px;right:13%;top:24px;border:1px solid rgba(255,255,255,.2);border-radius:190px 190px 18px 18px;overflow:hidden;background:linear-gradient(145deg,#b1a9a0,#2d3547 65%);box-shadow:0 40px 120px rgba(0,0,0,.55),inset 0 0 40px rgba(255,255,255,.08);transform:rotateY(-9deg) rotateX(2deg) translateZ(70px);transform-style:preserve-3d}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,9,18,.6));pointer-events:none}.portrait-topline,.portrait-caption{position:absolute;z-index:2;left:20px;right:20px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;color:#fff}.portrait-topline{top:18px}.portrait-caption{bottom:18px;font-weight:700}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#75e5b6;margin-right:6px;box-shadow:0 0 12px #75e5b6}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 16%;display:block}.float-card{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.18);background:linear-gradient(140deg,rgba(26,36,62,.88),rgba(13,21,39,.7));backdrop-filter:blur(18px);box-shadow:0 24px 65px rgba(0,0,0,.35);border-radius:13px;transform-style:preserve-3d}.system-card{width:225px;right:-82px;top:-18px;padding:15px;transform:rotateY(-16deg) rotateZ(5deg) translateZ(55px)}.float-card-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:10px;font-size:9px;letter-spacing:.09em}.figma-mark{font-size:19px;color:#9c8cff}.card-status{margin-left:auto;color:#73e4be;font-size:7px}.token-row{height:29px;display:flex;align-items:center;gap:8px;color:#aeb8ca;font-size:8px}.token-row b{margin-left:auto;color:#f1f3f8;font:500 8px monospace}.swatch{width:11px;height:11px;border-radius:3px}.swatch-violet{background:#8175ff}.swatch-cyan{background:#65dceb}.type-icon{font:700 11px Georgia;color:#fff}.component-preview{margin-top:11px;padding:10px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:5px}.component-preview span{width:9px;height:9px;background:#8175ff;border-radius:3px}.component-preview span:nth-child(2){background:#65dceb}.component-preview span:nth-child(3){background:#74d7a9}.component-preview b{font-size:8px;margin-left:auto;color:#dfe4f2}.code-card{width:210px;left:-72px;bottom:22px;padding:12px;transform:rotateY(14deg) rotateZ(-5deg) translateZ(45px)}.code-head{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:10px}.code-head span{width:6px;height:6px;border-radius:50%;background:#ff777e}.code-head span:nth-child(2){background:#f1c06e}.code-head span:nth-child(3){background:#6bdfb0}.code-head b{font-size:8px;color:#aab5ca;margin-left:6px}.code-card code{font:9px/1.9 monospace;color:#cad7ee}.code-card em{color:#c29bff;font-style:normal}.code-card strong{color:#66dcec}.code-card u{color:#a9e2a6;text-decoration:none}.stage-index{position:absolute;right:0;bottom:4%;font-size:8px;letter-spacing:.2em;color:#96a2b8}.stage-index span{color:var(--cyan)}.hero-bottom{max-width:var(--max);margin:65px auto 0;display:flex;justify-content:space-between;position:relative;z-index:2;font-size:8px;letter-spacing:.16em;color:#7f8aa0}.hero-bottom a{color:#c6ccda}.hero-bottom b{color:var(--cyan);font-size:14px;margin-left:8px}.intro-strip{padding:24px 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0c1220}.intro-strip p{font:600 17px Manrope;margin:0}.intro-strip span{font-size:8px;letter-spacing:.14em;color:#8995aa}.intro-strip b{color:var(--cyan);padding:0 8px}.section{max-width:var(--max);margin:auto;padding:125px 5vw}.section-heading{display:grid;grid-template-columns:1fr .6fr;gap:60px;align-items:end;margin-bottom:52px}.section-kicker{margin:0 0 23px}.section-heading h2,.contact-inner h2{margin:0;font:800 clamp(42px,5.6vw,72px)/1.05 Manrope,sans-serif;letter-spacing:-.065em}.section-heading h2 span,.contact-inner h2 span{color:#8d88ff}.section-lead{max-width:430px;margin:0 0 5px;color:#9da8bc;font-size:14px;line-height:1.85}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 22px}.project-card{display:block;min-width:0}.project-featured{grid-column:1/-1}.project-image{height:300px;position:relative;overflow:hidden;border-radius:14px;background:#111a2b;border:1px solid rgba(255,255,255,.09)}.project-featured .project-image{height:480px}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,10,18,.38));pointer-events:none}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s}.project-card:hover img{transform:scale(1.035);filter:saturate(1.08)}.project-open{position:absolute;z-index:2;right:18px;bottom:18px;padding:10px 13px;border-radius:30px;background:rgba(8,12,22,.78);border:1px solid rgba(255,255,255,.2);font-size:8px;letter-spacing:.12em;opacity:0;transform:translateY(8px);transition:.25s}.project-card:hover .project-open{opacity:1;transform:none}.project-info{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 2px 0}.project-info p{margin:0 0 9px;color:#7e8ba5;font-size:8px;letter-spacing:.16em}.project-info h3{margin:0;font:700 23px Manrope;letter-spacing:-.04em}.project-info span{display:block;margin-top:6px;color:#98a3b6;font-size:12px}.project-info>b{font-size:20px;color:var(--cyan);transition:transform .25s}.project-card:hover .project-info>b{transform:translate(4px,-4px)}.systems-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#11182b,#0c1322 60%,#10192c);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.systems-inner{position:relative;z-index:2}.systems-orb{position:absolute;width:700px;height:700px;right:-260px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(111,112,255,.17),transparent 67%);filter:blur(10px)}.system-showcase{display:grid;grid-template-columns:210px 1fr;border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;background:rgba(10,16,31,.8);box-shadow:0 30px 100px rgba(0,0,0,.3);transform:perspective(1400px) rotateX(2deg)}.system-sidebar{padding:22px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:10px;color:#8793aa}.system-brand{font-size:9px;letter-spacing:.1em;color:#dce2f0;margin-bottom:22px}.system-brand span{color:#9b8dff;font-size:17px;margin-right:6px}.side-active{background:rgba(130,116,255,.14);border:1px solid rgba(130,116,255,.25);border-radius:6px;padding:10px;color:#e4e3ff}.system-canvas{padding:25px}.canvas-title{display:flex;justify-content:space-between;color:#e7eaf4;font-size:9px;letter-spacing:.15em}.canvas-title small{color:#7e8aa2;font-size:7px}.token-groups{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:12px;margin-top:22px}.token-group{padding:15px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}.token-group small,.component-row small{display:block;color:#8c98b0;font-size:7px;letter-spacing:.12em}.token-group b{display:block;margin-top:14px;font-size:8px;color:#d9dfed;font-weight:500}.color-list{display:flex;gap:6px;margin-top:15px}.color-list i{height:36px;flex:1;border-radius:4px;background:#8175ff}.color-list i:nth-child(2){background:#65dceb}.color-list i:nth-child(3){background:#d7dcec}.color-list i:nth-child(4){background:#53627c}.color-list i:nth-child(5){background:#1f2a40}.type-sample{font:700 45px Manrope;margin-top:2px;color:#f2f3f8;letter-spacing:-.09em}.spacing-sample{height:45px;display:flex;align-items:end;gap:7px;margin-top:5px}.spacing-sample i{width:8px;background:linear-gradient(#8175ff,#5d75cd);height:12px;border-radius:3px}.spacing-sample i:nth-child(2){height:19px}.spacing-sample i:nth-child(3){height:26px}.spacing-sample i:nth-child(4){height:34px}.spacing-sample i:nth-child(5){height:42px}.component-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:13px}.component-row>div{padding:14px;border:1px solid var(--line);border-radius:8px}.component-row button{margin-top:12px;background:#7568f1;color:white;border:0;border-radius:5px;padding:10px 12px;font-size:9px}.component-row button span{margin-left:12px}.fake-input{margin-top:12px;padding:9px;border:1px solid #536079;border-radius:5px;color:#7d899f;font-size:8px}.status-pill{display:inline-block;margin-top:12px;border-radius:30px;padding:8px;background:rgba(92,206,153,.12);color:#81dbb3;font-size:8px}.system-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.system-capabilities>div{padding-top:18px;border-top:1px solid var(--line)}.system-capabilities span{display:block;color:#8b80ff;font:700 11px Manrope}.system-capabilities b{display:block;margin-top:13px;font:700 16px Manrope}.system-capabilities small{display:block;margin-top:8px;color:#929db1;font-size:11px;line-height:1.6}.systems-note{margin:24px 0 0;color:#77839a;font-size:9px;line-height:1.6}.engineering-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.code-window{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:#0d1423;box-shadow:0 25px 70px rgba(0,0,0,.28)}.window-bar{height:44px;padding:0 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);color:#a6b1c5}.window-bar>span{width:7px;height:7px;border-radius:50%;background:#ff737b}.window-bar>span:nth-child(2){background:#f0c66e}.window-bar>span:nth-child(3){background:#6dd9a7}.window-bar b{margin-left:10px;font-size:9px;font-weight:500}.window-bar small{margin-left:auto;font-size:8px;color:#7e8ba2}.code-window pre{margin:0;padding:24px;font:12px/1.9 "SFMono-Regular",Consolas,monospace;color:#d4ddef;overflow:auto}.code-window code i{color:#c79bff;font-style:normal}.code-window code em{color:#8ed5cb;font-style:normal}.code-window code b{color:#f3c17b}.tech-stack{padding:24px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,rgba(129,117,255,.1),rgba(255,255,255,.025))}.tech-stack .section-kicker{margin-bottom:22px}.tech-tags{display:flex;flex-wrap:wrap;gap:9px}.tech-tags span{border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:10px 13px;color:#d7deeb;font-size:10px;background:rgba(255,255,255,.03)}.tech-footnote{margin:28px 0 0;color:#98a4b7;font-size:11px;line-height:1.8}.about-section{background:#0b101d;border-top:1px solid rgba(255,255,255,.07)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:28px}.about-stats>div{padding:0 24px;border-left:1px solid var(--line)}.about-stats>div:first-child{padding-left:0;border:0}.about-stats strong{display:block;font:800 42px Manrope;letter-spacing:-.07em;color:#a19aff}.about-stats span{display:block;margin-top:8px;font-size:8px;letter-spacing:.13em;color:#8793a9}.about-statement{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:44px;flex-wrap:wrap}.about-statement p{font:600 13px Manrope;color:#dce2ef}.about-statement b{color:var(--cyan)}.contact-section{padding:120px 5vw 100px;background:radial-gradient(ellipse at 50% 100%,rgba(92,105,228,.15),transparent 55%),#090e19;border-top:1px solid var(--line)}.contact-inner{padding-top:0;padding-bottom:0}.contact-inner h2{margin-top:24px}.contact-copy{color:#a1adc1;font-size:14px;margin:22px 0 32px}.contact-email{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:12px;font:600 clamp(17px,2.7vw,28px) Manrope}.contact-email span{color:var(--cyan)}.contact-links{display:flex;gap:25px;margin-top:40px}.contact-links a{color:#aeb9ce;font-size:11px}.contact-links a:hover{color:#fff}.site-footer{padding:25px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#758198;font-size:8px;letter-spacing:.12em}.site-footer a{color:#c0c9db}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1000px){.hero{min-height:800px}.hero-content{grid-template-columns:1fr .85fr}.hero h1{font-size:clamp(50px,7vw,76px)}.hero-stage{height:570px}.portrait-frame{right:4%;width:83%;height:500px}.system-card{right:-56px;top:-12px;width:205px}.code-card{left:-48px;bottom:18px;width:195px}.section-heading{gap:30px}.intro-strip{align-items:flex-start;flex-direction:column}.intro-strip span{line-height:1.8}}@media(max-width:720px){.site-header{height:68px;grid-template-columns:1fr auto}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 24px 24px;background:rgba(8,11,20,.96);border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.main-nav.open{display:flex}.header-cta{justify-self:end;margin-right:45px;padding:9px 12px}.menu-toggle{display:flex;position:absolute;right:22px;top:20px;width:24px;height:24px;border:0;background:none;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:1px;width:21px;background:white}.hero{padding:120px 22px 25px;min-height:auto}.hero-content{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero-copy{padding:0}.hero-overline{margin-top:32px}.hero h1{font-size:clamp(54px,15vw,82px)}.hero-role{font-size:11px;line-height:1.8}.hero-description{font-size:13px}.hero-proof{margin-top:35px}.hero-proof>div{padding:0 13px}.hero-proof strong{font-size:21px}.hero-proof small{font-size:6px;line-height:1.6}.hero-stage{height:510px;margin-top:14px}.portrait-frame{height:445px;width:min(78%,360px);right:10%;top:18px}.system-card{width:168px;right:-20px;top:-8px;padding:10px;transform:rotateY(-10deg) rotateZ(4deg) translateZ(25px)}.code-card{width:165px;left:-35px;bottom:8px;transform:rotateY(10deg) rotateZ(-4deg) translateZ(25px)}.stage-aura{width:350px;height:350px;right:0}.ring-a,.ring-b{width:430px;height:300px;left:-8%;top:22%}.hero-bottom{margin-top:18px;gap:14px;flex-wrap:wrap}.hero-bottom span:last-child{display:none}.section{padding:85px 22px}.section-heading{display:block;margin-bottom:32px}.section-heading h2,.contact-inner h2{font-size:clamp(40px,11vw,58px)}.section-lead{margin-top:22px;font-size:13px}.project-grid{grid-template-columns:1fr;gap:32px}.project-featured{grid-column:auto}.project-image,.project-featured .project-image{height:clamp(210px,62vw,340px)}.project-info h3{font-size:21px}.system-showcase{grid-template-columns:1fr}.system-sidebar{display:none}.system-canvas{padding:15px}.token-groups{grid-template-columns:1fr 1fr}.token-group:first-child{grid-column:1/-1}.component-row{grid-template-columns:1fr}.component-row>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.component-row button,.fake-input,.status-pill{margin-top:0}.component-row small{max-width:110px}.system-capabilities{grid-template-columns:1fr;gap:15px}.engineering-grid{grid-template-columns:1fr}.code-window pre{font-size:10px;padding:18px}.about-stats{grid-template-columns:1fr;gap:20px}.about-stats>div{border:0;padding:0}.about-stats strong{font-size:34px}.about-statement{align-items:flex-start;flex-direction:column;gap:4px}.about-statement b{display:none}.contact-section{padding:85px 22px}.contact-links{gap:17px;flex-wrap:wrap}.site-footer{flex-wrap:wrap;line-height:1.7}.site-footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}

.site-header.header-hidden{transform:translateY(-100%);transition:transform .3s ease}
.site-header{transition:transform .3s ease}


/* AI agents & workflow automation */
.ai-agents-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 18%,rgba(101,220,235,.08),transparent 32%),linear-gradient(180deg,#0a101d,#0b1120);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.ai-agents-inner{position:relative;z-index:1}
.agent-architecture{padding:25px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(145deg,rgba(18,29,50,.9),rgba(10,16,29,.88));box-shadow:0 28px 80px rgba(0,0,0,.24)}
.agent-architecture-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.15em;color:#c4cde0}
.agent-status{color:#7ce0bb;font-size:8px}
.agent-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;padding:25px 0 8px}
.agent-node{min-height:145px;padding:17px 15px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.025)}
.agent-node small{display:block;color:#8f88ff;font-size:8px;letter-spacing:.13em}
.agent-node b{display:block;margin-top:18px;color:#f0f3fb;font:700 14px Manrope,sans-serif}
.agent-node p{margin:9px 0 0;color:#9ba8bd;font-size:10px;line-height:1.7}
.agent-node-human{border-color:rgba(101,220,235,.35);background:linear-gradient(145deg,rgba(101,220,235,.08),rgba(133,120,255,.06))}
.agent-node-human small{color:var(--cyan)}
.agent-connector{color:#8b83ff;font-size:20px}
.agent-model-note{margin:18px 0 0;color:#77869e;font-size:9px;line-height:1.6}
.agent-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.agent-project-card{position:relative;min-width:0;padding:25px 23px 23px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(155deg,rgba(22,32,54,.76),rgba(12,18,32,.8));transition:transform .25s,border-color .25s,background .25s}
.agent-project-card:hover{transform:translateY(-4px);border-color:rgba(133,120,255,.5);background:linear-gradient(155deg,rgba(30,39,68,.9),rgba(12,18,32,.9))}
.agent-card-index{display:flex;justify-content:space-between;align-items:center;color:#8c84ff;font:700 10px Manrope,sans-serif;letter-spacing:.08em}
.agent-card-index span{color:#7d8aa3;font:600 7px "DM Sans",sans-serif;letter-spacing:.13em}
.agent-card-icon{width:44px;height:44px;margin-top:26px;display:grid;place-items:center;border:1px solid rgba(133,120,255,.35);border-radius:12px;background:rgba(133,120,255,.1);color:#b3a9ff;font-size:22px}
.agent-project-card:nth-child(2) .agent-card-icon{border-color:rgba(101,220,235,.3);background:rgba(101,220,235,.08);color:var(--cyan)}
.agent-project-card:nth-child(3) .agent-card-icon{border-color:rgba(124,224,187,.25);background:rgba(124,224,187,.08);color:#7ce0bb}
.agent-project-card h3{margin:22px 0 6px;font:800 20px Manrope,sans-serif;letter-spacing:-.04em}
.agent-card-type{margin:0;color:#8e9bb1;font-size:8px;letter-spacing:.12em}
.agent-project-card>p:not(.agent-card-type){min-height:82px;margin:17px 0 20px;color:#a5b1c5;font-size:11px;line-height:1.8}
.agent-tags{display:flex;flex-wrap:wrap;gap:7px}
.agent-tags span{padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#c6d0e2;font-size:8px;background:rgba(255,255,255,.025)}
.agent-capability-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:27px}
.agent-capability-row span{padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:30px;color:#aab6ca;font-size:8px;letter-spacing:.08em;background:rgba(255,255,255,.025)}
.agent-disclaimer{max-width:850px;margin:22px auto 0;text-align:center;color:#77839a;font-size:9px;line-height:1.7}
@media(max-width:1000px){.agent-flow{gap:8px}.agent-node{padding:14px 11px}.agent-node b{font-size:12px}.agent-project-card{padding:21px 17px}}
@media(max-width:720px){.agent-architecture{padding:17px}.agent-architecture-head{align-items:flex-start;flex-direction:column;gap:8px}.agent-flow{grid-template-columns:1fr;gap:8px;padding-top:18px}.agent-node{min-height:0;padding:15px}.agent-node b{margin-top:10px}.agent-connector{justify-self:center;transform:rotate(90deg);font-size:17px;line-height:1}.agent-project-grid{grid-template-columns:1fr;gap:12px}.agent-project-card{padding:22px}.agent-project-card>p:not(.agent-card-type){min-height:0}.agent-capability-row{justify-content:flex-start}.agent-capability-row span{font-size:7px}}