/* GOROCAT Official Site v0.2 - technology platform premium styling.
   CSS only: no remote fonts, analytics, assets or trackers. */
:root{--mint:#5aebbb;--navy:#071719;--blue:#62b8f2;--violet:#a6a1ff}
body{background:#07171b}
::selection{background:#275f55;color:#f4fffc}
.header{background:rgba(6,23,27,.94);backdrop-filter:blur(12px)}
.header__inner{gap:17px}
.nav{gap:22px}
.nav a{font-size:13px}
.page-token{margin-left:auto;font-size:11px;letter-spacing:.11em;white-space:nowrap;color:#a5cec0;border:1px solid #3c6458;border-radius:8px;padding:6px 10px}
.hero--tech{padding:96px 0 110px}
.hero--tech .hero__inner{grid-template-columns:1.02fr 1fr;gap:44px;align-items:center}
.hero--tech h1{max-width:670px;line-height:1.22;font-size:clamp(42px,4.1vw,62px);letter-spacing:-.065em}
.hero--tech .lead{font-size:17px}
.kicker-line{display:inline-flex;align-items:center;gap:9px;border-radius:30px;background:#112d30;color:#83f5c5;border:1px solid #285c50;padding:6px 12px;font-size:11px;letter-spacing:.1em;font-weight:720}
.kicker-line i{width:7px;height:7px;background:#58eba9;border-radius:50%;box-shadow:0 0 14px #58eba9}
.tech-visual{position:relative;min-height:455px;border:1px solid #2b625b;border-radius:26px;overflow:hidden;padding:27px;background:radial-gradient(circle at 50% 42%,rgba(43,131,110,.23),transparent 58%),linear-gradient(140deg,#103135,#0b1e25 72%);box-shadow:0 24px 90px rgba(0,0,0,.28)}
.tech-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(93,181,161,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(93,181,161,.06) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 97%);pointer-events:none}
.tech-visual__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.13em;color:#a2c5bc;font-weight:750}
.tech-visual__head strong{font-size:11px;color:#92f5c7}
.tech-signal{position:relative;height:325px;margin-top:20px}
.tech-signal__core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:168px;height:168px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid #6bcda6;background:radial-gradient(circle,#1b5750,#0d2930 75%);box-shadow:0 0 0 15px rgba(72,170,143,.08),0 0 0 49px rgba(72,170,143,.035),0 0 65px rgba(29,180,122,.17);z-index:2}
.tech-signal__core strong{font-size:20px;letter-spacing:.08em}
.tech-signal__core small{display:block;color:#b2e6d2;font-size:10px;letter-spacing:.11em}
.signal-node{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;border:1px solid #337568;background:#102c30ed;border-radius:12px;box-shadow:0 8px 30px #0004;padding:12px 15px;width:125px;min-height:65px}
.signal-node strong{font-size:13px}
.signal-node small{font-size:10px;color:#a6c6ba;letter-spacing:.025em}
.signal-node--one{top:1%;left:3%}
.signal-node--dg{top:1%;right:3%}
.signal-node--studio{bottom:9%;left:3%}
.signal-node--archive{bottom:9%;right:3%}
.tech-line{position:absolute;left:50%;top:48%;height:1px;width:43%;background:linear-gradient(90deg,transparent,#4ccba8,#4ccba8);transform-origin:left center;opacity:.6;z-index:1}
.tech-line--one{transform:rotate(-148deg)}
.tech-line--dg{transform:rotate(-32deg)}
.tech-line--studio{transform:rotate(148deg)}
.tech-line--archive{transform:rotate(32deg)}
.tech-visual__foot{display:flex;justify-content:space-between;gap:10px;position:relative;padding-top:11px;border-top:1px solid #31544e;color:#86b5a6;font-size:10px;letter-spacing:.07em}
.tech-visual__foot span{color:#8bf4c2}
.stat-band{padding:23px 0;background:#0a2226;border-top:1px solid #214941;border-bottom:1px solid #214941}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:12px 25px;border-right:1px solid #2d4b47}
.stat:last-child{border-right:0}
.stat strong{display:block;font-size:23px;color:#d7fff1;letter-spacing:-.035em}
.stat span{font-size:11px;color:#8caea5}
.platform-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}
.platform-panel{background:#0c252b;border:1px solid #2b4c48;border-radius:20px;padding:34px}
.platform-panel h3{font-size:21px;letter-spacing:-.035em}
.platform-panel p{color:#a3c9bd}
.platform-stack{display:grid;gap:12px}
.platform-step{display:grid;grid-template-columns:44px 1fr;gap:13px;background:#143237;border:1px solid #2c594e;border-radius:13px;padding:15px 17px}
.platform-step>span{display:grid;place-items:center;color:#75efbd;background:#1c4b43;border-radius:10px;height:40px;font-size:17px}
.platform-step strong{font-size:14px}
.platform-step p{font-size:12px;color:#98b8b2;margin:4px 0 0}
.archive-banner{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;padding:40px;border-radius:24px;background:linear-gradient(125deg,#203d43,#122b32 72%);border:1px solid #3d6961;overflow:hidden}
.archive-banner h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;margin:10px 0 18px}
.archive-banner p{color:#a6d0c3}
.archive-pattern{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;transform:rotate(-7deg)}
.archive-tile{height:125px;background:linear-gradient(140deg,#284951,#1c343a);border:1px solid #527268;border-radius:15px;display:flex;align-items:flex-end;padding:14px;font-size:13px;font-weight:750}
.archive-tile:nth-child(2){background:linear-gradient(140deg,#25544e,#14352f);transform:translateY(15px)}
.archive-tile:nth-child(3){background:linear-gradient(140deg,#435343,#202c37)}
.archive-tile:nth-child(4){background:linear-gradient(140deg,#35476c,#192e39);transform:translateY(15px)}
.guide-pill{border-radius:999px;border:1px solid #4e8973;color:#adffdb;background:#164438;padding:7px 12px;font-size:11px;font-weight:700;white-space:nowrap}
.agent-fab{position:fixed;right:24px;bottom:22px;z-index:110;width:66px;height:66px;border:1px solid #7df1c9;border-radius:21px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#53eaba,#2f9f8f);box-shadow:0 16px 45px #0009,0 0 0 6px #52daa51a;cursor:pointer;transition:transform .2s}
.agent-fab:hover{transform:translateY(-4px)}
.agent-fab__glyph{font-size:29px;color:#08332a}
.agent-fab__label{position:absolute;right:76px;background:#102d33;border:1px solid #3c7666;padding:8px 12px;border-radius:12px;color:#d3ffeb;font-size:11px;white-space:nowrap;box-shadow:0 5px 20px #0007}
.agent-panel{position:fixed;z-index:111;bottom:101px;right:24px;width:min(405px,calc(100vw - 28px));max-height:min(650px,calc(100dvh - 130px));background:#0b2329;border-radius:19px;box-shadow:0 20px 80px #000b;border:1px solid #3c7768;display:flex;flex-direction:column;overflow:hidden}
.agent-panel[hidden]{display:none!important}
.agent-panel__head{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#1d5447,#10362f);padding:17px 18px;gap:8px;border-bottom:1px solid #3c7362}
.agent-panel__identity strong{display:block;font-size:15px}
.agent-panel__identity small{color:#b4decf;font-size:11px}
.agent-close{background:#163f36;color:#fff;border:1px solid #507e70;border-radius:9px;width:32px;height:32px;cursor:pointer}
.agent-panel__mode{color:#a7d0c2;font-size:11px;padding:10px 18px;border-bottom:1px solid #274b43;line-height:1.5}
.agent-messages{display:flex;flex-direction:column;gap:11px;padding:17px 15px;min-height:170px;overflow-y:auto;flex:1}
.agent-msg{font-size:13px;line-height:1.6;white-space:pre-wrap;max-width:90%;border-radius:13px;padding:10px 13px;background:#1a3b39;color:#e1faf0;align-self:flex-start;overflow-wrap:anywhere}
.agent-msg--user{align-self:flex-end;background:#27624e;color:#f7fffa}
.agent-msg a{display:inline-flex;margin-top:9px;padding:7px 11px;border-radius:8px;border:1px solid #67cda9;color:#b2ffdd;font-weight:700;text-decoration:none}
.agent-prompts{display:flex;gap:7px;flex-wrap:wrap;padding:9px 14px 13px}
.agent-prompts button{font-size:11px;border:1px solid #416f61;color:#d7f9e7;background:#153b35;padding:7px 11px;border-radius:40px;cursor:pointer}
.agent-form{display:flex;padding:13px;gap:8px;background:#102c31;border-top:1px solid #295049}
.agent-input{flex:1;min-width:0;background:#071a1f;border:1px solid #3a6559;color:white;border-radius:11px;padding:12px;font-size:13px}
.agent-submit{background:#50dfab;color:#082b24;font-weight:800;border:0;border-radius:10px;padding:0 16px;cursor:pointer}
.agent-context{color:#8bb9ad;font-size:11px;padding:8px 14px;border-top:1px solid #29493f}
.agent-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.agent-action-card{display:block;border:1px solid #356257;background:linear-gradient(145deg,#163f3b,#0d282c);border-radius:16px;padding:23px}
.agent-action-card strong{display:block;font-size:19px;margin-bottom:8px}
.agent-action-card p{font-size:13px;color:#a0c7b8}
.agent-action-card small{color:#5ee6af}
.agent-roadmap{border-left:2px solid #39b58e;padding-left:22px;margin:28px 0;max-width:850px}
.agent-roadmap li{padding-bottom:16px;color:#afd1c5}
.agent-roadmap strong{color:white}
.agent-boundary{background:#112d32;border:1px solid #375e54;border-radius:15px;padding:20px;color:#a9cdbf;font-size:13px;line-height:1.8}
.filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 23px}
.filter-btn{border:1px solid #40655d;background:#133339;color:#c1dccf;border-radius:9px;padding:9px 16px;font-size:12px;cursor:pointer}
.filter-btn[aria-pressed="true"]{background:#47dba6;color:#062b24;font-weight:800}
.product[hidden]{display:none!important}
.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.archive-card{padding:30px;border:1px solid #38665b;border-radius:18px;background:radial-gradient(circle at 100% 0%,#214945,#10282f 70%)}
.archive-card h3{font-size:22px}
.archive-card p{color:#b2d2c6}
.archive-card__symbol{font-family:Georgia,serif;color:#80eac3;font-size:37px}
.archive-link{color:#7bebbb;font-weight:730;font-size:13px}
@media(max-width:1080px){.nav{gap:12px}.nav a{font-size:12px}.hero--tech .hero__inner{gap:23px}.signal-node{width:113px}.tech-signal__core{width:140px;height:140px}}
@media(max-width:760px){.hero--tech{padding:60px 0 74px}.hero--tech .hero__inner{grid-template-columns:1fr}.hero--tech h1{font-size:clamp(36px,9vw,46px)}.tech-visual{min-height:395px}.tech-signal{height:270px}.tech-signal__core{width:135px;height:135px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #2d4b47}.stat{padding:13px}.platform-layout,.archive-banner,.agent-page-grid,.archive-grid{grid-template-columns:1fr}.archive-pattern{max-height:250px}.archive-tile{height:95px}.agent-panel{bottom:84px;right:14px;width:calc(100vw - 28px);max-height:calc(100dvh - 100px)}.agent-fab{right:14px;bottom:12px;width:58px;height:58px;border-radius:17px}.agent-fab__label{display:none}.page-token{display:none}}
@media(max-width:390px){.tech-visual{padding:16px}.signal-node{width:105px;padding:9px}.tech-visual__foot{font-size:9px}.signal-node--one,.signal-node--studio{left:0}.signal-node--dg,.signal-node--archive{right:0}}
@media(prefers-reduced-motion:reduce){.agent-fab{transition:none}}