:root{--bg:#0b080b;--bg2:#130c12;--surface:#171017;--surface2:#201319;--line:rgba(255,227,222,.12);--red:#ff465b;--red2:#ec3049;--rose:#ff9c9e;--cream:#fff1e8;--muted:#a89ba0;--mono:'DM Mono',ui-monospace,monospace;--sans:'Space Grotesk',Inter,Arial,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--cream);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}svg{width:22px;height:22px}svg use{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}::selection{background:#f63b56;color:white}.symbol-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;left:12px;top:-60px;z-index:999;background:#fff;color:#000;padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.wrap{width:min(100% - 100px,1360px);margin-inline:auto}.section{position:relative;padding:120px 0}.kicker,.section-tag,.card-index,.chat-side-label,.chat-disclaimer,.panel-head,.panel-bottom>div>span,.chat-time,.hero-sign,.hero-id,.hero-coordinate,.hero-status,.hero-bottom,.announcement,.brand small,.navigation,.nav-button,.btn,.about-note,.about-foot .mono,.inline-link,.art-label,.card-top,.workflow-tabs,.cta-kicker,.footer-nav,.footer-bottom{font-family:var(--mono);letter-spacing:.035em}.kicker{font-size:12px;color:var(--red);margin-bottom:25px;font-weight:500}.section h2{font-size:clamp(52px,6.4vw,98px);letter-spacing:-.075em;line-height:.99;margin:0;font-weight:700}.section h2 span{color:var(--red)}.section p{color:var(--muted);line-height:1.75}.pulse-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;border-radius:50%;background:#ff5467;box-shadow:0 0 0 4px rgba(255,72,97,.12),0 0 15px 4px rgba(255,52,80,.18);animation:pulse 2.8s ease-in-out infinite;flex:none}
/* Entry */
.intro{position:fixed;z-index:1000;inset:0;background:#10090e;display:flex;align-items:center;justify-content:center;animation:introOut .75s 1.65s forwards;will-change:opacity,visibility}.intro-center{text-align:center;transform:translateY(-15px)}.intro-logo{display:flex;justify-content:center}.intro-logo img{width:86px;height:86px;filter:drop-shadow(0 0 25px #ff2b5059)}.intro-word{font-size:clamp(70px,13vw,155px);font-weight:700;letter-spacing:-.095em;line-height:1.1;margin-top:8px}.intro-period{color:var(--red)}.intro-caption{font:11px var(--mono);letter-spacing:.24em;color:#9e8b91}.intro-track{width:230px;height:2px;background:#45212c;margin:28px auto 0;overflow:hidden}.intro-track span{display:block;width:0;height:100%;background:var(--red);animation:load 1.52s linear forwards}.intro-meta{position:absolute;bottom:30px;left:5%;right:5%;font:11px var(--mono);color:#64525a;display:flex;justify-content:space-between}.site-shell{min-height:100vh}.announcement{height:31px;border-bottom:1px solid #271920;background:#130910;color:#f1b4bb;font-size:10px}.announcement-inner{width:min(100% - 100px,1360px);height:100%;margin:auto;display:flex;align-items:center;gap:12px}.announcement .pulse-dot{width:5px;height:5px}.ann-divider{color:#623342}.ann-right{margin-left:auto;color:#b28a99}.small-star{color:var(--red);margin-left:6px}
/* Header */
.header{position:sticky;top:0;z-index:100;background:rgba(11,8,11,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.nav{height:83px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{border-radius:10px}.brand>span{font-weight:700;font-size:27px;letter-spacing:-.075em}.brand-dot{color:var(--red)}.brand small{font-size:9px;color:#987e89;font-weight:500;letter-spacing:.15em;margin-left:3px;padding-left:13px;border-left:1px solid #47313a}.navigation{display:flex;align-items:center;gap:36px;margin-left:auto}.navigation a{font-size:11px;font-weight:500;color:#afa0a5;transition:color .2s}.navigation a:hover,.navigation a:focus-visible{color:#fff}.nav-button{display:flex;align-items:center;gap:12px;padding:15px 18px 15px 20px;border:1px solid #914251;font-size:11px;color:var(--cream);background:#3a161f66;white-space:nowrap;transition:background .25s,border-color .25s}.nav-button:hover{background:#662131;border-color:var(--red)}.nav-button svg{width:15px;height:15px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);padding:11px}
/* Hero */
.hero{position:relative;min-height:780px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 58% 39%,#37121e 0%,#160c12 39%,#0b080b 72%)}.hero-grid{position:absolute;inset:0;opacity:.44;background-image:linear-gradient(#a7404a16 1px,transparent 1px),linear-gradient(90deg,#a7404a16 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 80%,transparent 100%)}.hero-beam{position:absolute;width:850px;height:800px;left:48%;top:4%;transform:translateX(-50%);background:radial-gradient(ellipse,#a22c5039,transparent 61%);pointer-events:none}.hero #particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.hero-backword{position:absolute;left:50%;top:7%;transform:translateX(-50%);font-size:clamp(140px,21vw,330px);font-weight:700;letter-spacing:-.11em;white-space:nowrap;line-height:1;opacity:.025;pointer-events:none}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(370px,1.06fr) minmax(420px,1.18fr) minmax(150px,.35fr);gap:0;align-items:center;min-height:700px}.hero-left{position:relative;z-index:4;padding-top:13px}.section-tag{color:#ff9da6;font-size:12px;font-weight:500;margin-bottom:26px}.section-tag .tag-spark{color:var(--red);font-size:18px;margin-right:8px}.tag-slash{color:#76505f;padding-left:12px}.hero h1{font-size:clamp(61px,6.4vw,103px);letter-spacing:-.085em;line-height:.99;font-weight:700;white-space:nowrap;margin:0 0 30px}.hero h1 em{font-style:normal;color:var(--red)}.hero-stop{color:var(--red)}.hero-left>p{font-size:16px;color:#c0adb2;max-width:385px;line-height:1.7;margin:0 0 27px}.hero-left>p strong{color:var(--cream);font-weight:600}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;border:1px solid transparent;font-size:11px;font-weight:500;white-space:nowrap;transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease);min-height:54px;padding:0 21px}.btn svg{width:17px;height:17px}.btn:hover{transform:translateY(-3px)}.btn-red{background:var(--red);color:#fff;box-shadow:0 12px 34px #fa264735}.btn-red:hover{background:#ff6475}.btn-secondary{background:rgba(21,13,19,.3);border-color:#63414d;color:#ffe4df}.btn-secondary:hover{border-color:var(--red)}.hero-sign{display:flex;align-items:center;gap:12px;margin-top:65px;font-size:10px;line-height:1.7;color:#947f88}.hero-sign strong{color:#ecdad8;font-weight:500}.hero-sign-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #8b3a50;color:var(--red)}.hero-sign-icon svg{width:19px;height:19px}.mascot-stage{height:685px;position:relative;z-index:3;transform-style:preserve-3d;min-width:0}.mascot-halo{position:absolute;left:50%;top:49%;width:94%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 54%,#d93a512b 8%,#8b28344a 23%,#4d16292b 45%,transparent 65%);filter:blur(2px)}.halo-ring{position:absolute;left:50%;top:48%;border-radius:50%;border:1px solid #fd526643;transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none}.halo-one{width:91%;aspect-ratio:1}.halo-two{width:107%;aspect-ratio:1;border-style:dashed;opacity:.5;animation:spin 55s linear infinite}.halo-three{width:72%;aspect-ratio:1;border-color:#ff9b8840;opacity:.55;box-shadow:0 0 20px #ea24451c}.orbit-dot{position:absolute;z-index:3;width:7px;height:7px;background:#ff5970;border-radius:50%;box-shadow:0 0 18px #ff5970}.orbit-dot-a{left:17%;top:18%}.orbit-dot-b{right:5%;top:41%;width:4px;height:4px}.orbit-dot-c{left:18%;bottom:24%;width:3px;height:3px}.mascot{width:112%;max-width:none;max-height:720px;position:absolute;left:50%;bottom:3px;transform:translateX(-50%);filter:drop-shadow(0 40px 23px rgba(8,1,5,.63));transform-origin:center 60%;animation:float 5.2s ease-in-out infinite;user-select:none;pointer-events:none}.mascot-shadow{position:absolute;z-index:0;left:50%;bottom:3%;transform:translateX(-50%);width:62%;height:35px;border-radius:50%;background:#0009;filter:blur(21px);animation:shadow 5.2s ease-in-out infinite}.hero-speech{position:absolute;z-index:5;left:-4%;top:25%;background:#ffefeb;color:#2b1218;padding:18px 21px 17px;display:flex;align-items:center;gap:15px;font-size:16px;line-height:1.3;font-weight:500;box-shadow:0 17px 34px #12030855;transform:rotate(-5deg);animation:speechFloat 4s ease-in-out infinite}.hero-speech:after{content:'';position:absolute;right:28px;bottom:-13px;border-left:15px solid transparent;border-right:0 solid transparent;border-top:13px solid #ffefeb}.hero-speech strong{font-size:23px;letter-spacing:-.05em}.speech-hand{color:#e7334b}.typing-dots{display:flex;gap:4px;align-items:center;flex-shrink:0}.typing-dots i{width:6px;height:6px;border-radius:50%;background:var(--red);animation:typing 1.3s infinite}.typing-dots i:nth-child(2){animation-delay:.17s}.typing-dots i:nth-child(3){animation-delay:.34s}.hero-id{position:absolute;z-index:5;right:-8%;bottom:18%;display:flex;flex-direction:column;gap:5px;background:#211219e8;backdrop-filter:blur(8px);border:1px solid #663040;padding:16px 23px;min-width:162px;transform:rotate(4deg)}.hero-id span{font-size:10px;color:#a38390}.hero-id b{font-size:12px;color:#f9e5e1;font-weight:500}.hero-id .id-bars{letter-spacing:2px;color:var(--red);font-size:16px}.hero-right{height:450px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;min-width:0;padding-left:8px;z-index:5}.edge-track{align-self:flex-end;display:flex;gap:12px;align-items:center;font:10px/1.8 var(--mono);color:#bfa9af;text-align:right}.edge-line{height:2px;width:27px;background:var(--red)}.hero-status{align-self:stretch;border-top:1px solid #d39aab45;font-size:10px}.hero-status-title{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:11px;color:var(--cream)}.hero-status>div:not(.hero-status-title):not(.sound-wave){display:flex;flex-direction:column;gap:6px;border-top:1px solid #b9a6ae22;padding:12px 0}.hero-status span{color:#987e88}.hero-status strong{font-size:10px;font-weight:500;color:#eee0da}.sound-wave{display:flex;gap:3px;height:42px;align-items:center;margin-top:18px}.sound-wave i{width:3px;height:calc(9px + var(--n,1)*3px);background:var(--red);animation:wave 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--d,0)*.07s)}.sound-wave i:nth-child(4n + 1){--n:4;--d:3}.sound-wave i:nth-child(4n + 2){--n:9;--d:2}.sound-wave i:nth-child(4n + 3){--n:6;--d:4}.sound-wave i:nth-child(4n){--n:2;--d:1}.hero-coordinate{writing-mode:vertical-rl;color:#70565f;font-size:10px;transform:rotate(180deg)}.hero-bottom{position:relative;z-index:4;border-top:1px solid #c18b9c34;display:flex;align-items:center;justify-content:space-between;height:63px;font:10px var(--mono);color:#98828a}.hero-bottom strong{color:var(--cream);font-weight:500}.scroll-message{display:flex;align-items:center;gap:19px}.scroll-message span{color:var(--red);font-size:20px;animation:nudge 1.9s ease-in-out infinite}
/* Ticker */
.ticker{height:86px;background:#f34756;color:#240b15;display:flex;align-items:center;overflow:hidden}.ticker-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.ticker-track span{flex:none;font-size:clamp(22px,2.75vw,40px);font-weight:700;letter-spacing:-.045em;white-space:nowrap}.ticker-track b{font-size:33px;margin:0 30px;font-weight:400;vertical-align:middle}
/* About */
.about{background:#f3e5df;color:#170d13;padding-bottom:0}.about .kicker{color:#bc2845}.about h2 span{color:#d8344b}.about-heading h2{margin-bottom:32px}.about-heading>p{max-width:460px;font-size:20px;line-height:1.55;color:#6f5961;margin:0 0 35px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.inline-link{display:inline-flex;align-items:center;gap:25px;color:#5c1a2e;font-weight:500;font-size:12px;border-bottom:1px solid #a64f64;padding-bottom:8px}.inline-link svg{width:18px;height:18px}.inline-link:hover{color:#df3a50}.about-art{height:510px;position:relative}.about-art-background{position:absolute;inset:0;background:#28121f;overflow:hidden;border-radius:6px 6px 0 0}.about-circle{position:absolute;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.about-circle.one{width:370px;height:370px;background:radial-gradient(#f3475960,#f3475911 47%,transparent 66%)}.about-circle.two{width:450px;height:450px;border:1px solid #e65e6955;box-shadow:0 0 30px #dc3d4e20 inset;animation:spin 45s linear infinite}.brain-graphic{width:250px;height:250px;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center}.brain-symbol{color:#ffd8d4;font-size:190px;line-height:1;text-shadow:0 0 34px #ff3e65,0 0 84px #fd375c;animation:spin 22s linear infinite}.brain-core{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff2e5 5%,#fc7478 29%,#e52b4b 58%,#700f34 80%);box-shadow:0 0 45px #ff465d}.brain-orbit{position:absolute;border:1px dashed #ffa1ae91;border-radius:50%;width:290px;height:290px;animation:spin 23s linear infinite}.brain-orbit.orbit2{height:380px;width:380px;border-color:#ff9ca84a;animation-direction:reverse}.art-label{position:absolute;color:#f29baa;font-size:11px}.art-label-top{top:24px;left:25px}.art-label-bottom{right:25px;bottom:35px}.about-note{position:absolute;bottom:0;left:0;padding:22px 26px;background:#170d15;color:#e9bfc5;font-size:10px;display:flex;align-items:center;gap:12px}.about-foot{display:grid;grid-template-columns:125px 1fr 50px;gap:25px;align-items:center;border-top:1px solid #b79c9b;margin-top:90px;padding:30px 0 43px}.about-foot .mono{font-size:11px;color:#9b5060}.about-foot p{font-size:23px;line-height:1.4;margin:0;color:#331824;max-width:820px;font-weight:500}.large-cross{font-size:34px;color:#c9374a}
/* Features */
.features{background:#100b10}.section-top{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:48px}.section-top p{max-width:315px;font-size:15px;margin:0 0 8px}.feature-grid{display:grid;grid-template-columns:1.17fr 1fr 1fr;grid-template-rows:320px 320px;gap:15px}.feature-card{position:relative;background:linear-gradient(147deg,#21121a,#160e15 73%);border:1px solid #66415255;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px;isolation:isolate;transition:border-color .25s,transform .35s var(--ease)}.feature-card:hover{border-color:#ff6a7d89;transform:translateY(-4px)}.feature-featured{grid-row:span 2;background:radial-gradient(circle at 44% 43%,#6e223777,#26121d 55%,#180e15 88%)}.feature-card:last-child{grid-column:span 2}.card-top{display:flex;justify-content:space-between;align-items:start;color:#ae93a0;font-size:11px;z-index:2}.card-icon{color:#ff7080}.card-icon svg{width:21px;height:21px}.card-copy{z-index:2}.card-copy h3{font-size:23px;letter-spacing:-.04em;line-height:1.14;margin:0 0 11px}.card-copy p{font-size:13px;line-height:1.6;margin:0;max-width:325px}.card-art{position:absolute;inset:35px 0 105px;pointer-events:none}.feature-featured .card-art{inset:80px 20px 163px}.thinking-art{display:grid;place-items:center}.thought-core{position:relative;width:190px;height:190px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 45% 40%,#ef9ca5,#ef4260 43%,#a71d47 65%,#321127 80%);box-shadow:0 0 74px #ed3c6244,0 0 0 24px #f4646830,0 0 0 56px #f4646810;animation:floatTiny 4.3s ease-in-out infinite}.thought-core svg{width:86px;height:86px;stroke:#ffe9df;stroke-width:1}.thought{position:absolute;border:1px solid #f97b8d77;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.thought1{width:305px;height:305px}.thought2{width:380px;height:380px;border-style:dashed;animation:spin 35s linear infinite}.thought3{width:230px;height:230px;border-style:dotted}.speed-art{display:grid;place-items:center}.speed-glyph{font-size:150px;font-weight:700;color:#ff6276;line-height:1;text-shadow:0 0 40px #ed3f6677;animation:moveArrow 3.4s ease-in-out infinite}.speed-lines{position:absolute;left:12%;right:12%;top:55%;display:flex;gap:16px;transform:rotate(-13deg)}.speed-lines i{height:2px;background:#f66a7b5c;flex:1}.speed-lines i:nth-child(even){transform:translateY(22px)}.connect-art{display:grid;place-items:center}.connect-center{width:63px;height:63px;background:#f2495b;display:grid;place-items:center;font-size:30px;font-weight:700;border-radius:50%;box-shadow:0 0 40px #ff466877;z-index:2}.connect-art .node{position:absolute;width:19px;height:19px;border:5px solid #ff6477;border-radius:50%;box-shadow:0 0 16px #f64a67;background:#1e111b;z-index:1}.n1{left:22%;top:18%}.n2{right:18%;top:34%}.n3{left:28%;bottom:3%}.n4{right:27%;bottom:22%}.connect-link{position:absolute;height:1px;background:#f66a7b70;transform-origin:left center;left:50%;top:50%;width:34%}.cl1{transform:rotate(-153deg)}.cl2{transform:rotate(-20deg)}.cl3{transform:rotate(117deg)}.personality-art{display:flex;align-items:center;justify-content:center;gap:30px}.bubble{padding:20px 25px;border:1px solid #ff7c8e81;background:#542336;font-size:22px;font-weight:700;letter-spacing:-.06em;box-shadow:0 15px 35px #0004;transform:rotate(-6deg);color:#ffe5df}.bubble span{color:#ff8194}.bubble2{background:#ec3e59;transform:rotate(7deg) translateY(-23px);color:#fff}.bubble3{background:#ffddd8;color:#461722;transform:rotate(-3deg) translateY(12px)}
/* Workflow */
.workflow{background:#1b1017;overflow:hidden}.workflow-inner{display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center}.workflow-copy>p{font-size:16px;max-width:425px;margin:28px 0 30px}.workflow h2{font-size:clamp(52px,5.45vw,86px)}.workflow-tabs{margin-top:39px;border-top:1px solid #7955657c;max-width:530px}.flow-tab{width:100%;height:71px;display:flex;align-items:center;text-align:left;gap:22px;color:#ab8998;border:0;border-bottom:1px solid #7955657c;background:transparent;font-size:12px;font-weight:500;transition:color .2s,padding .3s}.flow-tab:hover{color:#fff}.flow-tab span{color:#a5687a}.flow-tab svg{width:17px;height:17px;margin-left:auto}.flow-tab.active{color:#fff;padding-left:13px;background:linear-gradient(90deg,#ea354728,transparent);border-left:3px solid #fb5068}.flow-tab.active span{color:var(--red)}.workflow-display{height:700px;position:relative;border:1px solid #834b60a8;background:#120c13;display:flex;flex-direction:column;overflow:hidden}.panel-head{height:60px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 24px;border-bottom:1px solid #68435191;font-size:11px;color:#a48090}.panel-tag{display:flex;align-items:center;gap:10px;color:#f4afb9;font-size:10px}.panel-tag .pulse-dot{width:6px;height:6px}.network-map{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 49% 53%,#581d32 0%,#270f1b 32%,#160c15 72%);isolation:isolate}.network-map:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b7677930 1px,transparent 1px),linear-gradient(90deg,#b7677930 1px,transparent 1px);background-size:39px 39px;opacity:.38}.scan-line{position:absolute;z-index:2;top:0;left:0;right:0;height:2px;background:#ff8392;box-shadow:0 0 18px #ff6878;opacity:.3;animation:scan 6s linear infinite}.network-rings{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #f2607f66}.ringA{width:250px;height:250px;box-shadow:0 0 90px #f2526333,0 0 90px #f2526333 inset}.ringB{width:365px;height:365px;border-style:dashed;animation:spin 52s linear infinite}.ringC{width:490px;height:490px;border-style:dotted;opacity:.53;animation:spin 65s linear infinite reverse}.network-core{width:118px;height:118px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:28px;background:#331420;border:1px solid #e4567199;box-shadow:0 0 55px #f23e6255;animation:floatTiny 4s ease-in-out infinite}.network-core img{width:95px;height:95px}.orbit-node{position:absolute;display:grid;place-items:center;width:52px;height:52px;background:#321420;border:1px solid #f1576a;color:#ff9aaa;border-radius:50%;box-shadow:0 0 25px #fc456333}.orbit-node svg{width:21px;height:21px}.pos1{top:21%;left:32%}.pos2{top:49%;right:9%}.pos3{bottom:19%;left:22%}.network-code{position:absolute;font:10px var(--mono);color:#f5a5b3}.code1{top:23px;left:28px}.code2{top:29%;right:5%}.code3{bottom:24px;right:28px}.panel-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:25px 28px 31px;border-top:1px solid #69435991;min-height:169px}.panel-bottom>div>span{font-size:10px;color:#ec889a}.panel-bottom h3{font-size:28px;letter-spacing:-.055em;margin:8px 0 3px}.panel-bottom p{font-size:13px;line-height:1.6;max-width:410px;margin:0}.panel-step-indicator{display:flex;gap:4px;align-self:flex-end}.panel-step-indicator span{width:20px;height:4px;background:#66414b}.panel-step-indicator span.active{background:var(--red)}
/* Chat */
.demo{background:#f3e6df;color:#1a0e14}.demo .section-top p{color:#7a6671}.demo h2 span{color:#d8384d}.demo .kicker{color:#bd3147}.chat-layout{min-height:580px;display:grid;grid-template-columns:35% 65%;background:#130c13;border:1px solid #442536;box-shadow:0 37px 85px #30111d20;color:#fff}.chat-side{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:37px;overflow:hidden;background:radial-gradient(circle at 50% 48%,#743147 0%,#391823 46%,#220f19 85%);border-right:1px solid #6c3c4d}.chat-side:before{content:'';width:500px;height:500px;position:absolute;left:50%;top:26%;transform:translate(-50%,-50%);border:1px dashed #fa8ba45e;border-radius:50%;pointer-events:none}.chat-side-label{color:#ffadb7;font-size:10px;position:relative;z-index:1}.mini-mascot{height:310px;display:flex;justify-content:center;align-items:center;overflow:visible;position:relative}.mini-mascot img{width:280px;height:345px;object-fit:contain;filter:drop-shadow(0 22px 20px #1003089c);animation:mascotSideFloat 6s ease-in-out infinite}.chat-side h3{font-size:clamp(38px,3.5vw,54px);line-height:.98;letter-spacing:-.07em;margin:0 0 14px}.chat-side h3 span{color:#ff8491}.chat-side-top>p{color:#c8a6b1;font-size:13px;max-width:260px;margin:0;line-height:1.6}.chat-side-bottom{display:flex;gap:11px;align-items:center;font:10px var(--mono);color:#e7a7b2;padding-top:30px}.chat-side-bottom>span:last-child{margin-left:auto}.chat-window{min-height:580px;display:flex;flex-direction:column;background:#1b1119}.chat-header{height:80px;display:flex;align-items:center;padding:0 30px;gap:13px;border-bottom:1px solid #6a435451}.chat-avatar{width:42px;height:42px;border-radius:12px;overflow:hidden}.chat-avatar img{width:100%}.chat-header>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.chat-header strong{font-size:17px}.chat-header strong .verified{color:var(--red);font-size:13px}.chat-header>div:nth-child(2)>span{font:10px var(--mono);color:#9c7c89}.chat-badge{display:flex;align-items:center;gap:9px;border:1px solid #815166;padding:10px 12px;font:10px var(--mono);color:#ebb7c2;margin-left:auto;white-space:nowrap}.chat-badge .pulse-dot{width:5px;height:5px}.chat-feed{flex:1;min-height:267px;max-height:380px;padding:27px 30px;overflow-y:auto;scrollbar-color:#794658 transparent;scrollbar-width:thin}.chat-message{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.chat-message.user{align-items:end}.chat-bubble{max-width:min(430px,89%);border-radius:2px 17px 17px 17px;background:#33202c;color:#f6e8e4;padding:17px 20px;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.chat-sender{display:block;color:#ff8194;font:11px var(--mono);margin-bottom:10px}.chat-sender span{color:#a78693}.chat-time{font-size:9px;color:#765f6d}.chat-message.user .chat-bubble{background:#eb3f56;color:#fff;border-radius:17px 2px 17px 17px}.chat-message.typing .chat-bubble{display:flex;gap:5px;align-items:center}.chat-message.typing i{width:7px;height:7px;background:#ed8497;border-radius:50%;animation:typing 1.2s infinite}.chat-message.typing i:nth-child(2){animation-delay:.2s}.chat-message.typing i:nth-child(3){animation-delay:.4s}.chat-suggestions{display:flex;gap:8px;padding:0 30px 14px;flex-wrap:wrap}.chat-suggestions button{background:#32202a;border:1px solid #6b4354;color:#eea9b4;font:10px var(--mono);padding:10px 11px;transition:background .2s,color .2s}.chat-suggestions button:hover{background:#5d2a3a;color:#fff}.chat-suggestions button span{margin-left:8px}.chat-compose{display:flex;align-items:center;gap:12px;margin:0 30px;border:1px solid #8a5266;background:#120b12;padding:6px}.chat-compose:focus-within{border-color:#fa5970}.chat-compose input{flex:1;min-width:0;padding:13px 13px;border:0;outline:none;background:transparent;color:#fff;font-size:14px}.chat-compose input::placeholder{color:#8c7280}.chat-compose button{display:grid;place-items:center;background:#f0445c;border:0;color:#fff;width:43px;height:43px;transition:background .2s}.chat-compose button:hover{background:#ff697b}.chat-compose button:disabled{opacity:.5;cursor:wait}.chat-compose button svg{width:17px;height:17px}.chat-disclaimer{text-align:center;color:#705b67;padding:15px 12px 18px;font-size:9px}
/* FAQ */
.faq{background:#120b12}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-layout>div:first-child>p{max-width:290px;margin-top:28px;font-size:15px}.faq-list{border-top:1px solid #654150}.faq-list details{border-bottom:1px solid #654150}.faq-list summary{list-style:none;display:flex;align-items:center;gap:24px;padding:28px 3px;cursor:pointer;color:#f9e9e4;font-size:18px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:11px var(--mono);color:#b25872}.faq-list summary svg{margin-left:auto;flex-shrink:0;color:var(--red);transition:transform .25s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{max-width:560px;padding:0 45px 29px 49px;margin:0;font-size:14px;line-height:1.7}
/* CTA and footer */
.cta{padding:15px 0 110px;background:#120b12}.cta-inner{position:relative;min-height:550px;overflow:hidden;background:linear-gradient(135deg,#ff5b65,#eb334d 63%,#b7193b);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:70px 20px;isolation:isolate}.cta-rays{position:absolute;inset:-400px;background:repeating-conic-gradient(from 12deg at 50% 49%,transparent 0deg,transparent 8deg,#fff1e92a 8.35deg,transparent 9deg);opacity:.35;z-index:-1;animation:spin 110s linear infinite}.cta-kicker{font-size:11px;color:#ffe6e4;margin-bottom:25px}.cta h2{font-size:clamp(57px,8vw,116px);color:#fff5ec;letter-spacing:-.085em;line-height:.95}.cta h2 em{font-style:normal;color:#3c1521}.cta p{color:#ffe6df;line-height:1.5;font-size:17px;margin:28px 0}.btn-dark{background:#250f1b;color:#fff1ea;font-size:12px;min-width:208px}.btn-dark:hover{background:#411728}.cta-star{position:absolute;font-size:55px;color:#ffe1d9}.cta-s1{left:12%;top:18%}.cta-s2{right:12%;bottom:19%;font-size:35px}.footer{background:#0c080d;padding:52px 0 22px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px;font-size:34px;font-weight:700;letter-spacing:-.09em}.footer-brand span{color:var(--red)}.footer-nav{display:flex;gap:28px;flex-wrap:wrap;font-size:10px;color:#af9da4}.footer-nav a:hover{color:#fff}.footer-bottom{border-top:1px solid #5b324141;margin-top:55px;padding-top:22px;font-size:10px;color:#785b68}.footer-bottom b{color:var(--red);font-size:17px;vertical-align:middle}
/* Animation + effects */
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.in-view{opacity:1;transform:translateY(0)}
@keyframes introOut{0%{opacity:1;visibility:visible;pointer-events:auto}99%{opacity:0;visibility:visible;pointer-events:none}100%{opacity:0;visibility:hidden;pointer-events:none}}@keyframes load{to{width:100%}}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,72,97,.09),0 0 22px 5px rgba(255,52,80,.38)}}@keyframes float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-17px) rotate(1deg)}}@keyframes speechFloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-9px)}}@keyframes mascotSideFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatTiny{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shadow{0%,100%{opacity:.65;transform:translateX(-50%) scale(1)}50%{opacity:.42;transform:translateX(-50%) scale(.84)}}@keyframes typing{0%,70%,100%{transform:translateY(0);opacity:.6}35%{transform:translateY(-5px);opacity:1}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes nudge{50%{transform:translateY(6px)}}@keyframes wave{to{transform:scaleY(.33);opacity:.65}}@keyframes moveArrow{50%{transform:translate(13px,-13px)}}@keyframes scan{to{transform:translateY(550px)}}
/* Responsive */
@media(max-width:1220px){.wrap,.announcement-inner{width:min(100% - 60px,1360px)}.nav{gap:18px}.navigation{gap:21px}.nav-button{padding:13px;font-size:10px}.hero-layout{grid-template-columns:minmax(340px,1.06fr) minmax(370px,1.1fr) minmax(100px,.29fr)}.hero h1{font-size:clamp(62px,6.5vw,87px)}.hero-id{right:-4%}.hero-speech{left:-6%}.hero-right{padding-left:12px}.edge-track{font-size:9px}.chat-side{padding:27px}}
@media(max-width:1050px){.navigation{gap:17px}.navigation a{font-size:10px}.brand small{display:none}.hero-layout{grid-template-columns:minmax(325px,1fr) minmax(350px,1.13fr)}.hero-right{display:none}.hero h1{font-size:clamp(65px,7.6vw,90px)}.mascot-stage{height:610px}.mascot{width:112%;max-height:640px}.hero-layout{min-height:650px}.hero-id{right:0}.hero-speech{left:-3%;top:20%}.about-grid{gap:35px}.feature-grid{grid-template-rows:305px 305px}.workflow-inner{gap:34px}.faq-layout{gap:50px}}
@media(max-width:820px){.nav{height:70px}.nav-button{margin-left:auto}.menu-toggle{display:grid;place-items:center;width:42px;height:42px}.navigation{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 30px 24px;background:#140b12;border-bottom:1px solid #773c51;box-shadow:0 20px 30px #0007;margin:0;flex-direction:column;align-items:stretch;gap:0}.navigation.open{display:flex}.navigation a{padding:15px 5px;border-bottom:1px solid #3c2530;font-size:12px}.hero{min-height:auto}.hero-layout{grid-template-columns:1fr;min-height:0;padding-top:63px}.hero-left{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-left>p{max-width:525px}.hero h1{font-size:clamp(60px,11vw,95px)}.hero-sign{margin-top:32px}.mascot-stage{margin:12px auto 0;width:min(100%,610px);height:580px}.mascot{width:101%;max-height:610px}.hero-speech{left:4%;top:19%}.hero-id{right:3%;bottom:21%}.hero-bottom{margin-top:0}.section{padding:88px 0}.about-grid,.workflow-inner,.faq-layout{grid-template-columns:1fr}.about-art{height:430px}.about-foot{margin-top:55px;grid-template-columns:92px 1fr 35px}.about-foot p{font-size:17px}.section-top{align-items:start;flex-direction:column;gap:24px}.section-top p{max-width:600px}.feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 330px 330px}.feature-featured{grid-column:span 2;grid-row:span 1}.feature-card:last-child{grid-column:span 2}.feature-featured .card-art{inset:40px 20px 110px}.thought-core{height:142px;width:142px}.thought1{height:215px;width:215px}.thought2{height:280px;width:280px}.thought3{height:170px;width:170px}.thought-core svg{height:60px;width:60px}.workflow-display{height:640px}.workflow-copy>p{max-width:650px}.chat-layout{grid-template-columns:31% 69%}.chat-side{padding:23px}.mini-mascot img{width:215px}.chat-side h3{font-size:36px}.chat-side-label{font-size:9px}.faq-layout{gap:44px}.cta{padding:16px 0 82px}.cta-inner{min-height:500px}.footer-top{flex-direction:column;align-items:start;gap:24px}.footer-nav{gap:17px}}
@media(max-width:600px){.wrap,.announcement-inner{width:min(100% - 34px,1360px)}.announcement{font-size:9px}.ann-right{display:none}.nav-button{display:none}.brand img{width:37px;height:37px}.brand>span{font-size:25px}.menu-toggle{margin-left:auto}.hero-layout{padding-top:46px}.hero h1{font-size:clamp(50px,11.4vw,72px);margin-bottom:19px}.hero-left>p{font-size:14px;max-width:335px;line-height:1.65;margin-bottom:22px}.section-tag{font-size:10px;margin-bottom:20px}.hero-actions{justify-content:center;gap:8px}.btn{min-height:49px;font-size:9.5px;gap:15px;padding:0 13px}.hero-sign{font-size:9px;margin-top:24px}.mascot-stage{width:calc(100% + 28px);height:448px;margin-top:0}.mascot{width:115%;max-height:490px;bottom:0}.mascot-halo{width:104%}.hero-speech{left:2%;top:17%;font-size:11px;padding:10px 12px;gap:8px}.hero-speech strong{font-size:16px}.typing-dots i{width:4px;height:4px}.hero-id{right:2%;bottom:18%;padding:10px;min-width:112px}.hero-id span{font-size:8px}.hero-id b{font-size:9px}.hero-bottom{font-size:9px;height:58px}.hero-bottom>span:last-child{display:none}.ticker{height:63px}.ticker-track span{font-size:24px}.ticker-track b{font-size:23px;margin:0 16px}.section{padding:75px 0}.section h2{font-size:clamp(47px,11vw,72px)}.about-heading>p{font-size:17px}.about-art{height:330px}.brain-graphic{transform:translate(-50%,-50%) scale(.72)}.about-foot{grid-template-columns:1fr 25px;gap:13px;padding:27px 0}.about-foot .mono{grid-column:1 / -1}.about-foot p{font-size:18px}.feature-grid{grid-template-columns:1fr;grid-template-rows:385px repeat(3,310px);gap:11px}.feature-featured,.feature-card:last-child{grid-column:auto;grid-row:auto}.feature-card{padding:22px}.card-copy h3{font-size:24px}.feature-featured .card-art{inset:65px 0 125px}.personality-art{gap:5px}.bubble{padding:16px 13px;font-size:17px}.section-top{margin-bottom:30px}.workflow h2{font-size:clamp(47px,10.7vw,70px)}.workflow-tabs{margin-top:28px}.flow-tab{height:62px;font-size:11px}.workflow-display{height:525px}.panel-head{height:57px;padding:0 13px;font-size:9px}.panel-tag{font-size:8px}.network-map .ringB{width:290px;height:290px}.network-map .ringC{width:380px;height:380px}.ringA{width:210px;height:210px}.network-code{font-size:8px}.network-core{width:93px;height:93px;border-radius:21px}.network-core img{width:75px;height:75px}.orbit-node{width:42px;height:42px}.code2{right:1%}.panel-bottom{padding:20px;min-height:146px}.panel-bottom h3{font-size:23px}.panel-bottom p{font-size:12px}.demo .section-top p{font-size:14px}.chat-layout{display:flex;flex-direction:column}.chat-side{min-height:245px;padding:22px}.mini-mascot{position:absolute;height:240px;right:0;top:12px;width:165px;opacity:.88;overflow:hidden}.mini-mascot img{width:190px;height:240px}.chat-side h3{font-size:40px;margin-top:39px;position:relative;z-index:2}.chat-side-label{font-size:9px;position:relative;z-index:2}.chat-side-top>p{max-width:205px;position:relative;z-index:2;font-size:11px}.chat-side-bottom{padding-top:18px}.chat-window{min-height:490px}.chat-header{height:68px;padding:0 15px}.chat-badge{padding:7px;font-size:8px}.chat-feed{padding:20px 16px;min-height:220px;max-height:300px}.chat-bubble{font-size:12px;padding:13px}.chat-suggestions{padding:0 15px 12px;gap:6px}.chat-suggestions button{font-size:9px;padding:8px}.chat-suggestions button span{margin-left:2px}.chat-compose{margin:0 15px}.chat-compose input{font-size:13px;padding:10px 7px}.chat-disclaimer{font-size:8px;line-height:1.5;padding:12px}.faq-list summary{gap:12px;font-size:15px;padding:24px 0}.faq-list details>p{padding:0 19px 23px 35px;font-size:12px}.cta{padding:14px 0 70px}.cta-inner{min-height:430px;padding:40px 16px}.cta h2{font-size:clamp(51px,11.8vw,69px)}.cta p{font-size:13px;max-width:255px}.cta-star{font-size:28px}.footer{padding-top:32px}.footer-brand{font-size:28px}.footer-nav{gap:12px 22px}.footer-bottom{align-items:start;flex-direction:column;font-size:9px;margin-top:33px}}
@media(max-width:370px){.hero h1{font-size:46px}.hero-actions .btn{padding:0 10px;font-size:9px}.hero-speech{left:1%;top:16%}.mascot-stage{height:402px}.mascot{max-height:430px}.hero-id{right:1%;bottom:13%}.chat-side h3{font-size:35px}.chat-suggestions button{font-size:8px}.panel-tag{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}.intro{display:none}.reveal,.js .reveal{opacity:1;transform:none}}


/* RHEXA living companion / mouse tracking & page-following miniature */
.mascot-pointer{position:absolute;inset:0;z-index:2;pointer-events:none;transform-style:preserve-3d;transform:translate3d(var(--follow-x,0px),var(--follow-y,0px),0) rotateY(var(--follow-yaw,0deg)) rotateX(var(--follow-pitch,0deg)) rotateZ(var(--follow-roll,0deg));transform-origin:50% 46%;will-change:transform,opacity;transition:opacity .38s ease,scale .55s var(--ease);}
.mascot-stage.is-docked .mascot-pointer{opacity:0;scale:.68;}
.mascot-stage.is-docked .hero-speech,.mascot-stage.is-docked .hero-id{opacity:0;transition:opacity .3s;}
.hero-speech,.hero-id{transition:opacity .28s;}
.companion-dock{position:fixed;right:clamp(15px,2.3vw,35px);bottom:clamp(19px,3vh,31px);width:172px;height:215px;z-index:130;pointer-events:none;visibility:hidden;opacity:0;transform:translate3d(54px,76px,0) scale(.18);transform-origin:70% 93%;transition:transform .68s cubic-bezier(.2,.88,.2,1.05),opacity .28s ease,visibility 0s linear .7s;contain:layout style;}
.companion-dock.is-visible{visibility:visible;opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto;transition:transform .74s cubic-bezier(.2,.88,.2,1.05),opacity .32s ease,visibility 0s;}
.companion-glow{position:absolute;inset:21% -1% 12%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,70,91,.22),rgba(135,16,42,.15) 43%,transparent 72%);filter:blur(10px);animation:companionAura 4.7s ease-in-out infinite;}
.companion-orbit{position:absolute;top:13px;left:6px;width:160px;height:160px;border-radius:50%;border:1px dashed rgba(255,107,130,.29);pointer-events:none;animation:companionOrbit 30s linear infinite;}
.companion-orbit::after{content:'';position:absolute;top:13px;right:18px;width:6px;height:6px;background:#ff536d;border-radius:50%;box-shadow:0 0 12px #f53b65;}
.companion-action{position:relative;z-index:1;display:block;padding:0;margin:0;border:0;outline-offset:5px;color:inherit;background:transparent;width:100%;height:181px;border-radius:50%;-webkit-tap-highlight-color:transparent;cursor:pointer;}
.companion-action:focus-visible{outline:2px solid #ff6b85;}
.companion-action:hover .companion-look{filter:brightness(1.12);}
.companion-look{display:block;position:absolute;inset:0;transform-origin:50% 42%;transform:translate3d(var(--follow-x,0px),var(--follow-y,0px),0) rotateY(var(--follow-yaw,0deg)) rotateX(var(--follow-pitch,0deg)) rotateZ(var(--follow-roll,0deg));will-change:transform;transition:filter .2s ease;}
.companion-look img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%;filter:drop-shadow(0 14px 12px rgba(5,0,6,.57));animation:companionBob 4.8s ease-in-out infinite;pointer-events:none;user-select:none;}
.companion-spark{position:absolute;right:0;top:17px;color:#ff8494;font-size:24px;line-height:1;animation:companionSparkle 2.9s ease-in-out infinite;pointer-events:none;text-shadow:0 0 18px #f42856;}
.companion-pill{font:10px var(--mono);letter-spacing:.035em;color:#fff5ee;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);border:1px solid #a9435d;background:rgba(34,11,24,.94);box-shadow:0 10px 24px rgba(0,0,0,.38);padding:9px 13px;pointer-events:none;}
.companion-pill .pulse-dot{width:5px;height:5px;}
.companion-pill>span:last-child{color:#ff7286;font-size:15px;}
@keyframes companionBob{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-11px,0) rotate(2deg)}}
@keyframes companionAura{0%,100%{opacity:.6;transform:scale(.87)}50%{opacity:1;transform:scale(1.08)}}
@keyframes companionOrbit{to{transform:rotate(360deg)}}
@keyframes companionSparkle{0%,100%{transform:scale(.72) rotate(-10deg);opacity:.54}50%{transform:scale(1.12) rotate(10deg);opacity:1}}
@media(max-width:820px){.companion-dock{right:17px;bottom:17px;width:135px;height:174px;}.companion-orbit{width:128px;height:128px;left:3px;top:7px;}.companion-action{height:146px;}.companion-pill{font-size:8px;padding:8px 9px;gap:6px;}.companion-spark{font-size:19px;}}
@media(max-width:600px){.companion-dock{right:10px;bottom:15px;width:102px;height:135px;}.companion-orbit{width:97px;height:97px;left:2px;top:6px;}.companion-action{height:109px;}.companion-spark{font-size:15px;top:8px;right:0}.companion-pill{bottom:0;font-size:7px;padding:6px 6px;gap:5px;}.companion-pill .pulse-dot{width:4px;height:4px;}.companion-pill>span:last-child{font-size:10px;}}
@media(prefers-reduced-motion:reduce){.mascot-pointer,.companion-look{transform:none!important;}.companion-dock{transition:none!important;}.companion-glow,.companion-orbit,.companion-look img,.companion-spark{animation:none!important;}}
/* Keep the speech bubble and ID plate visibly in front of the moving robot. */
.mascot-stage{transform-style:flat;}
@media(max-width:600px){
  .companion-dock{right:9px;bottom:11px;width:90px;height:121px;}
  .companion-action{height:97px;}
  .companion-orbit{width:85px;height:85px;left:2px;top:6px;}
}

/* The mini avatar moves above the mobile message composer instead of covering send. */
.companion-dock.is-visible{transition:transform .74s cubic-bezier(.2,.88,.2,1.05),opacity .32s ease,visibility 0s,bottom .28s ease;}
@media(max-width:600px){.companion-dock.avoid-compose{bottom:164px;}}


/* V4 — Directly animated SVG anatomy and genuine pointer-reactive gaze. */
.x-follow-nav{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 15px;white-space:nowrap;border:1px solid #ed3c55;color:#fff;background:linear-gradient(115deg,#f34656,#a91537);font:600 11px var(--sans);letter-spacing:.015em;transition:transform .2s,background .2s,box-shadow .2s;flex-shrink:0}
.x-follow-nav:hover,.x-follow-nav:focus-visible{box-shadow:0 0 28px #ff405b6b;transform:translateY(-2px);outline-offset:4px}
.x-icon{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:18px;line-height:1}
.btn-x{background:#24131c;color:#fff;border-color:#aa3652;gap:14px}
.btn-x:hover{background:#482032;border-color:#ed536b}
.wave-trigger{position:absolute;left:52%;top:6%;z-index:19;display:flex;align-items:center;gap:11px;border:1px solid #ff849381;background:rgba(28,11,20,.92);color:#ffe6e1;padding:10px 14px;border-radius:0;font:11px var(--mono);letter-spacing:.02em;box-shadow:0 10px 35px #0f050b65;transition:transform .2s,border-color .2s,background .2s}
.wave-trigger span{font-size:22px;display:inline-block;transform-origin:65% 80%;animation:rxHandEmoji 2.7s ease-in-out infinite}
.wave-trigger:hover,.wave-trigger:focus-visible{border-color:#ff6984;background:#592538;transform:translateY(-4px);outline-offset:3px}
.wave-trigger:active{transform:translateY(-1px)}
@keyframes rxHandEmoji{0%,65%,100%{transform:rotate(0)}72%{transform:rotate(-18deg)}81%{transform:rotate(16deg)}90%{transform:rotate(-8deg)}}
/* Relative to the original 600 x 740 sprite's designed mechanical joints. */
.rx-robot-svg{overflow:visible;isolation:isolate;will-change:transform;--head-turn:0deg;--head-x:0px;--head-y:0px;--eyes-x:0px;--eyes-y:0px;filter:drop-shadow(0 22px 19px rgba(8,1,5,.42));}
.rx-robot-svg .rx-arm-right{transform-box:view-box;transform-origin:406px 466px;animation:rxWaveGreeting 4.8s ease-in-out infinite;will-change:transform}
.rx-robot-svg .rx-arm-left{transform-box:view-box;transform-origin:193px 467px;animation:rxLeftSwing 3.6s ease-in-out infinite;will-change:transform}
.rx-robot-svg .rx-feet{transform-box:view-box;transform-origin:300px 590px;animation:rxLegMove 3.7s ease-in-out infinite}
.rx-robot-svg .rx-head{transform-box:view-box;transform-origin:300px 415px;transform:translate(var(--head-x),var(--head-y)) rotate(var(--head-turn));will-change:transform}
.rx-robot-svg .rx-eyes{transform:translate(var(--eyes-x),var(--eyes-y));will-change:transform}
@keyframes rxWaveGreeting{0%,12%,94%,100%{transform:rotate(4deg)}22%{transform:rotate(-78deg)}29%{transform:rotate(-112deg)}37%{transform:rotate(-70deg)}46%{transform:rotate(-115deg)}54%{transform:rotate(-73deg)}62%{transform:rotate(-109deg)}71%{transform:rotate(-68deg)}84%{transform:rotate(4deg)}}
@keyframes rxLeftSwing{0%,100%{transform:rotate(-7deg)}22%{transform:rotate(12deg)}54%{transform:rotate(-12deg)}78%{transform:rotate(16deg)}}
@keyframes rxLegMove{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
/* More enthusiastic wave when the visitor interacts, while the idle wave always runs. */
.mascot-stage.is-greeting .rx-arm-right{animation:rxFastGreeting .45s ease-in-out 4!important}
.mascot-stage.is-greeting .rx-arm-left{animation:rxLeftGreeting .54s ease-in-out 4!important}
.mascot-stage.is-greeting .rx-eyes{filter:drop-shadow(0 0 8px #ff8aaf)}
@keyframes rxFastGreeting{0%,100%{transform:rotate(-65deg)}45%{transform:rotate(-118deg)}}
@keyframes rxLeftGreeting{0%,100%{transform:rotate(16deg)}50%{transform:rotate(-30deg)}}
.mascot{width:112%;height:auto;max-width:none;max-height:720px;aspect-ratio:600/740;}
.rx-mini-svg{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(5,0,6,.6));animation:companionBob 3.1s ease-in-out infinite;pointer-events:none}
.rx-chat-svg{width:280px;height:345px;overflow:visible;animation:mascotSideFloat 4.1s ease-in-out infinite}
.mini-mascot .rx-chat-svg{width:280px;height:345px}
/* visually strong gaze + movement, continuously updated from pointer position in JS */
.mascot-pointer{transform-origin:50% 46%;transform:translate3d(var(--follow-x,0px),var(--follow-y,0px),0) rotateY(var(--follow-yaw,0deg)) rotateX(var(--follow-pitch,0deg)) rotateZ(var(--follow-roll,0deg));}
.mascot-stage:not(.is-docked) .mascot-pointer{pointer-events:none}
.companion-look .rx-mini-svg{animation:companionBob 3.1s ease-in-out infinite}
.chat-header{flex-wrap:wrap;height:auto;min-height:80px;padding-top:13px;padding-bottom:13px}
.chat-tools{display:flex;gap:6px}
.chat-tools button{font:10px var(--mono);background:#24131f;border:1px solid #765061;color:#ffd7de;padding:10px 9px;white-space:nowrap;transition:background .2s,border-color .2s}
.chat-tools button:hover,.chat-tools button:focus-visible{background:#4b2234;border-color:#ff6f89;outline-offset:2px}
.chat-badge{margin-left:auto}
.chat-message.bot .chat-bubble{position:relative}
.chat-message.bot .chat-copy{display:block;margin-top:10px;padding:5px 9px;border:1px solid #9a5d72;color:#ffcbd6;background:#352030;font:9px var(--mono);letter-spacing:.05em;min-height:25px}
.chat-copy:hover{border-color:#ff6e89!important;background:#57263d!important}
@media(max-width:1350px){.nav{gap:14px}.x-follow-nav{padding:11px 12px;font-size:10px}.navigation{gap:17px}.nav-button{padding:12px 11px;font-size:10px}}
@media(max-width:1050px){.x-follow-nav{margin-left:auto}.navigation{margin-left:0}.nav{gap:10px}.nav-button{padding:11px 12px}}
@media(max-width:820px){.x-follow-nav{margin-left:auto}.nav-button{margin-left:0}.navigation{margin-left:0}.wave-trigger{top:5%;left:58%}}
@media(max-width:600px){.x-follow-nav{font-size:9px;padding:9px 10px;gap:7px}.x-icon{font-size:18px}.nav{gap:8px}.menu-toggle{margin-left:0;flex-shrink:0}.wave-trigger{left:auto;right:1%;top:0%;padding:6px 8px;font-size:9px;gap:6px}.wave-trigger span{font-size:18px}.hero-actions .btn-x{min-height:43px}.chat-header{padding:13px 14px;gap:8px}.chat-badge{font-size:8px;padding:7px 8px}.chat-tools{width:100%;justify-content:flex-end}.chat-tools button{padding:8px 12px}.rx-mini-svg{height:100%}}
@media(max-width:375px){.x-nav-label{display:none}.x-follow-nav{min-width:41px;height:41px;padding:7px}.wave-trigger{right:3%;top:0}}
@media(prefers-reduced-motion:reduce){.rx-robot-svg .rx-arm-right,.rx-robot-svg .rx-arm-left,.rx-robot-svg .rx-feet,.wave-trigger span,.rx-mini-svg,.rx-chat-svg{animation:none!important}}

/* Small-screen refinements: always keep the waving action inside the viewport. */
@media(max-width:600px){.wave-trigger{left:auto;right:12%;top:4%;white-space:nowrap}}
@media(max-width:375px){.wave-trigger{right:13%;top:4%}}


/* RHEXA Cursor Chase V5: MOVE the entire full-body robot (not just gaze). */
@media (hover:hover) and (pointer:fine){
  .mascot-pointer{transform:translate3d(var(--follow-x,0px),var(--follow-y,0px),0) rotateY(var(--follow-yaw,0deg)) rotateX(var(--follow-pitch,0deg)) rotateZ(var(--follow-roll,0deg)) scale(var(--follow-scale,1));transform-origin:50% 45%;}
  .companion-dock.is-visible{transform:translate3d(var(--dock-x,0px),var(--dock-y,0px),0) scale(1);transition:opacity .24s ease,visibility 0s;will-change:transform;}
  .companion-dock.is-visible .companion-action{pointer-events:auto;}
}
/* A moving follower is not an invisible overlay: all page links work. */
.mascot-pointer,.mascot-pointer *{pointer-events:none;}
@media (prefers-reduced-motion:reduce){.companion-dock.is-visible{transform:none!important;}}

/* Decorative hero labels remain tidy while RHEXA flies after the cursor. */
.mascot-stage.cursor-chasing .hero-speech,.mascot-stage.cursor-chasing .hero-id{opacity:0;pointer-events:none;}
html.rhexa-mouse .mascot-pointer{transform:translate3d(var(--follow-x,0px),var(--follow-y,0px),0) rotateY(var(--follow-yaw,0deg)) rotateX(var(--follow-pitch,0deg)) rotateZ(var(--follow-roll,0deg)) scale(var(--follow-scale,1));transform-origin:50% 45%;}
html.rhexa-mouse .companion-dock.is-visible{transform:translate3d(var(--dock-x,0px),var(--dock-y,0px),0) scale(.86);transition:opacity .24s ease,visibility 0s;will-change:transform;}

/* V7 motion repair: the large SVG moves in a fixed portal outside overflow:hidden. */
.rx-viewport-follower{position:fixed!important;inset:auto!important;left:0!important;top:0!important;z-index:90!important;pointer-events:none!important;transform-origin:50% 50%!important;will-change:transform,opacity!important;}
.rx-viewport-follower,.rx-viewport-follower *{pointer-events:none!important;}
.rx-viewport-follower.rx-super-wave .rx-arm-right{animation:rxFastGreeting .4s ease-in-out 5!important;}
.rx-viewport-follower.rx-super-wave .rx-arm-left{animation:rxLeftGreeting .5s ease-in-out 4!important;}