:root{color:#111310;background:#fdfdfb}.landing-shell{--ink: #111310;--muted: #626660;position:relative;height:100dvh;min-height:620px;overflow:hidden;padding:clamp(18px,2.8vh,30px) clamp(24px,12vw,200px) clamp(16px,2.4vh,28px);color:var(--ink);background:#fdfdfb;font-family:Courier Prime,Courier New,monospace}.edge-pattern{position:fixed;inset:0;pointer-events:none;opacity:.72;background-image:radial-gradient(circle,rgba(38,43,36,.13) 0 1.8px,transparent 2.2px),radial-gradient(circle,rgba(38,43,36,.08) 0 1.2px,transparent 1.6px);background-position:0 0,9px 7px;background-size:20px 15px,20px 15px;-webkit-mask-image:linear-gradient(to right,#000 0,rgba(0,0,0,.88) 9%,transparent 25%,transparent 75%,rgba(0,0,0,.88) 91%,#000 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,#000 0,rgba(0,0,0,.88) 9%,transparent 25%,transparent 75%,rgba(0,0,0,.88) 91%,#000 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.edge-pattern:after{content:"";position:absolute;inset:72% 0 0;background-image:radial-gradient(circle,rgba(38,43,36,.11) 0 1.6px,transparent 2px);background-size:18px 14px;-webkit-mask-image:linear-gradient(to right,transparent 8%,#000 28%,#000 72%,transparent 92%);mask-image:linear-gradient(to right,transparent 8%,#000 28%,#000 72%,transparent 92%);opacity:.55}.landing-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1190px;height:clamp(40px,5.4vh,54px);margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);text-decoration:none;font-size:clamp(19px,2vw,25px);font-weight:700;letter-spacing:.02em}.apex-robot{display:block;width:clamp(148px,20vh,206px);height:auto;overflow:visible}.apex-robot--small{width:34px;height:42px;flex:0 0 auto}.library-link{display:inline-grid;min-height:44px;place-items:center;padding:10px 25px 9px;border-radius:12px;color:#fafafa;background:#171916;text-decoration:none;font-size:clamp(13px,1.4vw,16px);font-weight:700;box-shadow:0 5px #d5d5d2;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.library-link:hover{transform:translateY(-2px);box-shadow:0 7px #d5d5d2;background:#292b27}.library-link:active{transform:translateY(2px);box-shadow:0 2px #d5d5d2}.brand:focus-visible,.library-link:focus-visible,.social-links a:focus-visible,.chat-actions button:focus-visible{outline:3px solid #88e458;outline-offset:3px}.agent-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(790px,100%);margin:clamp(12px,3.7vh,40px) auto 0;text-align:center}.robot-arrival{transform-origin:center bottom;animation:robot-walk-in 1.18s cubic-bezier(.16,1,.3,1) both}.robot-arrival>.apex-robot{animation:robot-idle 3.8s ease-in-out 1.28s infinite}.robot-arrival .robot-arm{transform-box:fill-box;transform-origin:50% 14%}.robot-arrival .robot-arm--left{animation:arm-walk .52s ease-in-out 2 alternate}.robot-arrival .robot-arm--right{animation:robot-wave 1.5s cubic-bezier(.16,1,.3,1) 1.15s}.agent-hero h1{max-width:780px;margin:clamp(5px,1vh,11px) auto 0;color:#080b0c;font-size:clamp(29px,4.45vh,46px);line-height:1.02;letter-spacing:-.052em;font-weight:700;text-wrap:balance}.hero-description{margin:clamp(6px,1.2vh,13px) 0 0;color:var(--muted);font-size:clamp(15px,2.05vh,20px);line-height:1.48;letter-spacing:.012em}.social-links{display:flex;justify-content:center;gap:14px;margin-top:clamp(12px,2.5vh,26px)}.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:148px;min-height:44px;padding:10px 22px;border-radius:12px;color:#f7f7f7;background:#171916;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 3px #d8d8d5;transition:transform .2s ease,background .2s ease}.social-links a:hover{transform:translateY(-2px);background:#292b27}.social-links a:active{transform:translateY(1px)}.social-links svg{width:18px;height:18px}.chat-box{position:relative;width:100%;margin-top:clamp(18px,3.8vh,40px);padding:clamp(12px,1.7vh,18px) 24px clamp(11px,1.6vh,17px);border:1.5px solid #c6c6c2;border-radius:19px;background:#fdfdfbf2;box-shadow:0 12px 30px #2528220e;text-align:left}.chat-box label{display:flex;align-items:center;gap:10px;color:#111310;font-size:clamp(14px,1.8vh,17px);font-weight:700;letter-spacing:.03em}.chat-box label .apex-robot--small{width:29px;height:34px;margin:-5px 0 -3px}.chat-box textarea{display:block;width:100%;height:clamp(46px,6.6vh,62px);min-height:46px;margin-top:7px;padding:10px 14px;resize:none;border:1.5px solid #c7c7c4;border-radius:13px;outline:none;color:var(--ink);background:#fdfdfb;font:400 16px/1.45 Courier Prime,Courier New,monospace;transition:border-color .2s ease,box-shadow .2s ease}.chat-box textarea:focus{border-color:#737970;box-shadow:0 0 0 3px #505b571a}.chat-box textarea::placeholder{color:#888b86}.attachment-name{width:fit-content;margin:6px 0 0;padding:4px 8px;border-radius:7px;color:#455143;background:#edf4e9;font-size:11px;font-weight:700}.chat-actions{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.chat-actions button{display:inline-flex;min-height:44px;align-items:center;gap:8px;border:0;font:700 14px/1 Courier Prime,Courier New,monospace;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}.chat-actions button:active{transform:translateY(1px) scale(.98)}.chat-actions svg{width:18px;height:18px}.attach-button{padding:9px 4px;color:#4f534c;background:transparent}.attach-button:hover{color:var(--ink)}.send-button{padding:10px 16px;border-radius:10px!important;color:#fafafa;background:#171916}.send-button:hover{background:#2c2f2a}.send-button:disabled{color:#f5f5f3;background:#b5b6b2;cursor:not-allowed}.sent-note{position:absolute;right:25px;bottom:-22px;color:#596056;font-size:11px;opacity:0;transform:translateY(-3px);transition:opacity .2s ease,transform .2s ease}.sent-note--visible{opacity:1;transform:translateY(0)}@keyframes robot-walk-in{0%{opacity:0;transform:translate3d(-42vw,5px,0) rotate(-4deg) scale(.92)}58%{opacity:1;transform:translate3d(14px,-4px,0) rotate(1.5deg) scale(1.01)}76%{transform:translate3d(-5px,0,0) rotate(-.5deg) scale(.995)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes robot-idle{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-5px,0)}}@keyframes arm-walk{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@keyframes robot-wave{0%,12%{transform:rotate(0)}24%{transform:rotate(-92deg)}39%{transform:rotate(-58deg)}54%{transform:rotate(-96deg)}69%{transform:rotate(-61deg)}84%{transform:rotate(-88deg)}to{transform:rotate(0)}}@media(max-width:760px){.landing-shell{min-height:100dvh;height:auto;overflow:hidden auto;padding:17px 18px 36px}.edge-pattern{opacity:.5}.brand{gap:7px;font-size:18px}.brand .apex-robot--small{width:28px;height:34px}.library-link{padding:9px 14px 8px;font-size:12px}.agent-hero{margin-top:30px}.apex-robot{width:150px}.agent-hero h1{margin-top:8px;font-size:29px}.hero-description{font-size:16px}.hero-description br{display:none}.social-links{width:100%;gap:10px;margin-top:20px}.social-links a{min-width:0;flex:1;padding:10px 12px}.chat-box{margin-top:28px;padding:15px 15px 12px}.chat-box label{font-size:14px}}@media(max-height:660px)and (min-width:761px){.landing-shell{min-height:560px;padding-top:12px;padding-bottom:10px}.landing-nav{height:38px}.agent-hero{margin-top:6px}.apex-robot{width:126px}.agent-hero h1{font-size:27px;margin-top:3px}.hero-description{margin-top:4px;font-size:14px}.social-links{margin-top:8px}.chat-box{margin-top:12px;padding-top:9px;padding-bottom:8px}.chat-box textarea{height:44px}}@media(prefers-reduced-motion:reduce){.robot-arrival,.robot-arrival>.apex-robot,.robot-arrival .robot-arm{animation:none!important}*,*:before,*:after{transition-duration:.01ms!important}}
