/* KERYVOS 9.0 / SIGNAL UI */
@layer reset,base,chrome,public,responsive;
@layer reset{*,*::before,*::after{box-sizing:border-box}html{background:#050508;color-scheme:dark}body,h1,h2,h3,h4,p,ul{margin:0}ul{padding:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}}
@layer base{
:root{--bg:#050508;--panel:#090b10;--panel2:#0d1017;--ink:#f6f5fb;--muted:#8c93a3;--dim:#5f6675;--line:#1c212d;--line2:#2b3241;--violet:#8a6cff;--violet2:#b9aaff;--green:#66ddb0;--gold:#e8c56b;--cyan:#77bbff;--max:1880px;--cut:12px}
body{min-height:100svh;background:linear-gradient(#050508,#050508);color:var(--ink);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black 0,transparent 78%)}
body::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 68%,rgba(138,108,255,.045) 68% 68.12%,transparent 68.12%),radial-gradient(900px 560px at 83% 8%,rgba(113,83,255,.13),transparent 68%)}
::selection{background:#765cff;color:white}.eyebrow{font:800 10px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em;color:#8e78e5}.eyebrow.live{color:var(--green)}
}
@layer chrome{
.topbar{width:min(var(--max),calc(100% - 40px));height:70px;margin:14px auto 0;display:flex;align-items:center;gap:24px;padding:0 12px 0 14px;position:sticky;top:12px;z-index:50;background:rgba(7,8,12,.92);border:1px solid rgba(141,151,177,.17);backdrop-filter:blur(18px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.logo{display:flex;align-items:center;gap:10px;min-width:max-content}.logo img{width:39px;height:39px;object-fit:cover;border-radius:6px}.logo span{display:flex;flex-direction:column}.logo b{font-size:12px;letter-spacing:.09em}.logo small{font:700 6px/1.2 ui-monospace,monospace;color:#696d7b;letter-spacing:.17em;margin-top:3px}.topbar nav{display:flex;align-items:center;gap:3px;margin-left:auto}.topbar nav a{position:relative;padding:9px 11px;color:#858c9c;font-size:10px;font-weight:720}.topbar nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:1px;background:transparent}.topbar nav a:hover{color:#fff}.topbar nav a.active{color:#fff}.topbar nav a.active::after{background:var(--violet)}
.top-actions{display:flex;align-items:center;gap:8px}.build{font:800 8px/1 ui-monospace,monospace;color:#737989;border-left:1px solid var(--line);padding:0 5px 0 14px}.btn{min-height:39px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2b3140;background:#0b0e14;color:#f2f2f7;border-radius:7px;font-size:10px;font-weight:820;cursor:pointer;transition:.16s ease}.btn:hover{border-color:#5c536f;transform:translateY(-1px)}.btn.primary{border-color:#755ce1;background:#795cff;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}.btn.ghost{background:transparent}.btn.xl{min-height:48px;padding:0 18px;font-size:11px}.btn.full{width:100%}
.site-footer{width:min(var(--max),calc(100% - 40px));margin:22px auto 0;padding:16px 0 22px;border-top:1px solid #171b23;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#626978;font-size:9px}.site-footer .logo img{width:30px;height:30px}.footer-center{display:flex;gap:18px;font:700 8px/1 ui-monospace,monospace;letter-spacing:.08em}
}
@layer public{
.home-shell,.page-shell{width:min(var(--max),calc(100% - 40px));margin:0 auto}.home-shell{min-height:calc(100svh - 106px);display:grid;grid-template-rows:1fr auto;gap:14px;padding:28px 0 18px}.hero-grid{display:grid;grid-template-columns:minmax(420px,.78fr) minmax(660px,1.22fr);gap:clamp(44px,6vw,110px);align-items:center}.signal-label{font:800 10px/1 ui-monospace,monospace;letter-spacing:.16em;color:#6fd7ad;display:flex;align-items:center;gap:8px}.signal-label i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 14px rgba(102,221,176,.7)}.hero-copy h1{font-size:clamp(64px,6.3vw,118px);line-height:.86;letter-spacing:-.07em;margin:18px 0 24px;max-width:850px}.hero-copy h1 em{display:block;font-style:normal;color:#a48cff}.hero-copy>p{max-width:720px;color:#9ba1af;font-size:17px;line-height:1.65}.hero-actions{display:flex;gap:9px;margin-top:26px}.hero-meta{display:flex;gap:22px;margin-top:20px;color:#6f7686;font-size:9px}.hero-meta b{color:#c7cbd4;margin-right:4px;font:800 10px ui-monospace,monospace}
.control-surface{min-height:560px;padding:18px;background:#080a0f;border:1px solid #252a37;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));position:relative}.control-surface::before{content:"K";position:absolute;right:20px;bottom:-58px;font-size:300px;line-height:1;font-weight:950;color:rgba(132,102,255,.035);pointer-events:none}.surface-top,.terminal-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #1b202b;font:800 8px/1 ui-monospace,monospace;letter-spacing:.12em;color:#666d7c}.surface-top b,.terminal-head b{color:#9f8aff}.surface-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:28px 0 20px}.surface-title small{display:block;color:#656c7c;font:800 8px/1 ui-monospace,monospace}.surface-title strong{display:block;font-size:31px;letter-spacing:-.04em;margin-top:6px}.online-pill{font:800 8px ui-monospace,monospace;color:#6cddb0;border:1px solid #255341;padding:5px 7px}.surface-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1d2330;margin-bottom:16px}.surface-kpis div{padding:15px;border-right:1px solid #1d2330}.surface-kpis div:last-child{border-right:0}.surface-kpis small{display:block;color:#626a79;font:800 7px ui-monospace,monospace}.surface-kpis b{display:block;margin-top:5px;font-size:15px}.surface-list{display:grid}.surface-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;min-height:68px;border-top:1px solid #1b202a}.surface-list>div:first-child{border-top:0}.surface-list>div>span{font:800 9px ui-monospace,monospace;color:#5d6473}.surface-list p b{display:block;font-size:12px}.surface-list p small{display:block;color:#6d7483;font-size:9px;margin-top:2px}.surface-list em{font-style:normal;font:800 8px ui-monospace,monospace;color:var(--green)}
.route-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #1c212c}.route-strip a{min-height:92px;padding:15px 16px;border-right:1px solid #1c212c;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;transition:.15s}.route-strip a:last-child{border-right:0}.route-strip a:hover{background:#090c12}.route-strip span{grid-row:1/3;font:800 8px ui-monospace,monospace;color:#6650c6}.route-strip b{font-size:12px}.route-strip small{font-size:8px;color:#697181}
.page-shell{padding:44px 0 58px;min-height:calc(100svh - 104px)}.page-hero{display:grid;grid-template-columns:minmax(380px,.72fr) minmax(650px,1.28fr);gap:70px;align-items:center}.page-hero.compact{min-height:520px}.page-hero h1,.pricing-headline h1{font-size:clamp(54px,5.3vw,94px);line-height:.9;letter-spacing:-.065em;margin:15px 0 18px}.page-hero>div:first-child>p,.pricing-headline p{max-width:660px;color:#959cab;font-size:15px;line-height:1.7}.architecture{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #242a36}.architecture article{min-height:300px;padding:20px;border-right:1px solid #242a36;display:flex;flex-direction:column}.architecture article:last-child{border-right:0}.architecture span,.architecture em{font:800 8px/1 ui-monospace,monospace;color:#6e7584}.architecture h3{font-size:24px;margin-top:auto}.architecture p{font-size:11px;color:#858d9c;line-height:1.6;margin:8px 0 18px}.architecture em{font-style:normal;color:#8d73ed}.feature-rail{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1c212c;border-bottom:1px solid #1c212c}.feature-rail article{padding:19px;border-right:1px solid #1c212c}.feature-rail article:last-child{border-right:0}.feature-rail span{font:800 8px ui-monospace,monospace;color:#765de0}.feature-rail b{display:block;font-size:13px;margin:7px 0 5px}.feature-rail p{font-size:9px;color:#747b89;line-height:1.55}
.plan-counts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #222733}.plan-counts div{padding:22px;border-right:1px solid #222733}.plan-counts div:last-child{border-right:0}.plan-counts span{display:block;font:800 8px ui-monospace,monospace;color:#6f7685}.plan-counts b{display:block;font-size:34px;margin:10px 0 2px}.plan-counts small{font-size:9px;color:#737b8a}.function-matrix{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #222733}.function-matrix article{min-height:330px;padding:20px;border-right:1px solid #222733}.function-matrix article:last-child{border-right:0}.function-matrix h3{font-size:18px;margin-top:11px}.function-matrix ul{list-style:none;margin-top:80px;display:grid;gap:10px}.function-matrix li{font-size:10px;color:#8b92a0}.function-matrix li::before{content:"/";color:#6951c7;margin-right:8px}.tier{display:inline-flex;font:800 8px ui-monospace,monospace;letter-spacing:.08em}.tier.free{color:#73b5ff}.tier.pro{color:#b397ff}.tier.ultimate{color:#e7c86f}.tier.enterprise{color:#e3ddff}
.pricing-headline{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:24px}.upgrade-note{margin-top:18px;border-left:2px solid #8065ee;padding:10px 0 10px 14px}.upgrade-note b{display:block;font:800 8px ui-monospace,monospace;color:#9f89ff;letter-spacing:.12em}.upgrade-note span{display:block;color:#9299a7;font-size:10px;margin-top:5px}.upgrade-note strong{color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #252a36}.pricing-grid article{min-height:455px;padding:21px;position:relative;border-right:1px solid #252a36;display:flex;flex-direction:column;background:#080a0f}.pricing-grid article:last-child{border-right:0}.pricing-grid article.pro{background:#0b0912}.pricing-grid article.ultimate{background:#0c0b0a}.pricing-grid article.enterprise{background:linear-gradient(180deg,#0c0a14,#080a0f);box-shadow:inset 0 2px #8a6cff}.plan-index{font:800 8px ui-monospace,monospace;color:#616878}.pricing-grid h3{font-size:13px;letter-spacing:.11em;margin:24px 0 10px}.pricing-grid strong{font-size:36px;letter-spacing:-.045em}.pricing-grid strong small{font-size:9px;color:#6b7280}.pricing-grid p{font-size:10px;color:#7d8492;min-height:52px;margin-top:9px}.pricing-grid ul{list-style:none;display:grid;gap:10px;margin:28px 0;flex:1}.pricing-grid li{font-size:9px;color:#a0a6b2}.pricing-grid li::before{content:"+";color:#70dbae;margin-right:7px}.max-tag{position:absolute;right:20px;top:20px;font:800 7px ui-monospace,monospace;color:#d8cfff;border:1px solid #655993;padding:4px 6px}.btn.enterprise{background:#e8e4ff;color:#111118;border-color:#e8e4ff}.compare-wrap{overflow:auto;border:1px solid #202631;border-top:0}.compare{width:100%;border-collapse:collapse;min-width:820px}.compare th,.compare td{padding:12px 14px;border-bottom:1px solid #181d26;font-size:9px;text-align:left}.compare th{color:#666e7d;font:800 8px ui-monospace,monospace;background:#07090d}.compare td:first-child{color:#b7bbc4}.compare tr:last-child td{border-bottom:0}.compare td:not(:first-child){color:#8e96a4}
.panel-preview{display:grid;grid-template-columns:170px 1fr;min-height:360px;border:1px solid #252a36;background:#080a0f}.panel-preview aside{padding:18px;border-right:1px solid #252a36;display:flex;flex-direction:column;gap:5px}.panel-preview aside b{font-size:11px;letter-spacing:.08em;margin-bottom:20px}.panel-preview aside span{padding:8px 0;color:#6e7583;font-size:9px}.panel-preview aside span:nth-child(2){color:#fff;border-left:2px solid #8164ef;padding-left:8px}.panel-preview section{padding:22px}.preview-bar{display:flex;justify-content:space-between;border-bottom:1px solid #1d222c;padding-bottom:15px}.preview-bar small{font:800 8px ui-monospace,monospace;color:#6a7180}.preview-bar b{font:800 8px ui-monospace,monospace;color:#67dcb0}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #1e2430;margin:22px 0}.preview-kpis div{padding:14px;border-right:1px solid #1e2430}.preview-kpis div:last-child{border-right:0}.preview-kpis span{display:block;font-size:8px;color:#666e7e}.preview-kpis b{display:block;font-size:16px;margin-top:5px}.preview-line{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:center;min-height:52px;border-top:1px solid #181d26}.preview-line span{font-size:9px;color:#8a919e}.preview-line i{display:block;height:1px;background:#252b37}.preview-line b{font:800 8px ui-monospace,monospace;color:var(--green)}.split-ops{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #1e232e;border-top:0}.split-ops article{padding:19px;border-right:1px solid #1e232e}.split-ops article:last-child{border-right:0}.split-ops span{font:800 8px ui-monospace,monospace;color:#7b64dd}.split-ops h3{font-size:15px;margin:8px 0 6px}.split-ops p{font-size:9px;color:#747b89}.extra-flow{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #252a36}.extra-flow div{padding:25px;border-right:1px solid #252a36;min-height:180px}.extra-flow div:last-child{border-right:0}.extra-flow span{font:800 8px ui-monospace,monospace;color:#725bd0}.extra-flow b{display:block;font-size:16px;margin-top:70px}.extra-flow small{display:block;color:#737b89;font-size:9px;margin-top:4px}.tag-wall{display:flex;flex-wrap:wrap;gap:0;border:1px solid #1d222c;border-top:0}.tag-wall span{padding:12px 16px;border-right:1px solid #1d222c;font:800 8px ui-monospace,monospace;color:#7d8493}.status-terminal{border:1px solid #252a36;background:#080a0f;padding:18px}.status-terminal #statusGrid{display:grid;margin-top:12px}.status-terminal #statusGrid>div{display:grid;grid-template-columns:1fr auto;padding:18px 0;border-top:1px solid #1c212b}.status-terminal #statusGrid>div:first-child{border-top:0}.status-terminal span{font-size:10px;color:#838a98}.status-terminal b{font:800 9px ui-monospace,monospace}.status-terminal .ok{color:var(--green)}.status-terminal .warn{color:var(--gold)}
}
@layer responsive{
@media(max-width:1280px){.hero-grid,.page-hero{grid-template-columns:1fr 1fr;gap:42px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid article:nth-child(2){border-right:0}.pricing-grid article:nth-child(-n+2){border-bottom:1px solid #252a36}.function-matrix{grid-template-columns:repeat(2,1fr)}.function-matrix article:nth-child(2){border-right:0}.function-matrix article:nth-child(-n+2){border-bottom:1px solid #222733}.route-strip{grid-template-columns:repeat(5,1fr)}}
@media(max-width:980px){.topbar nav{display:none}.hero-grid,.page-hero,.pricing-headline{grid-template-columns:1fr}.home-shell{min-height:auto}.control-surface{min-height:auto}.route-strip{grid-template-columns:1fr 1fr}.route-strip a{border-bottom:1px solid #1c212c}.feature-rail,.architecture,.plan-counts,.split-ops,.extra-flow{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr 1fr}.page-hero.compact{min-height:auto}.hero-copy h1{font-size:72px}}
@media(max-width:680px){.topbar{width:calc(100% - 20px);margin-top:10px}.topbar .logo span,.top-actions .ghost,.build{display:none}.home-shell,.page-shell,.site-footer{width:calc(100% - 24px)}.hero-copy h1,.page-hero h1,.pricing-headline h1{font-size:50px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-meta{flex-wrap:wrap}.route-strip,.feature-rail,.architecture,.plan-counts,.function-matrix,.pricing-grid,.split-ops,.extra-flow{grid-template-columns:1fr}.route-strip a,.feature-rail article,.architecture article,.plan-counts div,.function-matrix article,.pricing-grid article,.split-ops article,.extra-flow div{border-right:0;border-bottom:1px solid #202631}.panel-preview{grid-template-columns:1fr}.panel-preview aside{display:none}.site-footer{align-items:flex-start;flex-direction:column}.footer-center{flex-wrap:wrap}}
}

/* KERYVOS 9.1 / useful public guide */
.guide-terminal{border:1px solid #252a36;background:#080a0f}.guide-terminal>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 12px;padding:18px 20px;border-bottom:1px solid #1d222c}.guide-terminal>div:last-child{border-bottom:0}.guide-terminal span{grid-row:1/3;font:800 9px ui-monospace,monospace;color:#7e66e8}.guide-terminal b{font-size:13px}.guide-terminal small{color:#727a89;font-size:9px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #222733;margin-top:24px}.guide-grid article{padding:22px;min-height:290px;border-right:1px solid #222733}.guide-grid article:last-child{border-right:0}.guide-grid article>span{font:800 8px ui-monospace,monospace;color:#8169ed;letter-spacing:.1em}.guide-grid h3{font-size:19px;margin:16px 0 18px}.guide-grid p,.guide-grid li{font-size:10px;color:#858d9c;line-height:1.65}.guide-grid ul{list-style:none;display:grid;gap:8px;margin-bottom:18px}.guide-grid li:before{content:'+';color:#66ddb0;margin-right:8px}.guide-grid code{display:block;border-top:1px solid #1d222c;padding:10px 0;font:800 10px ui-monospace,monospace;color:#c5b7ff}.text-route{display:inline-block;margin-top:18px;font-size:10px;color:#b8a8ff}.guide-help{display:flex;align-items:end;justify-content:space-between;gap:30px;border:1px solid #252a36;border-top:0;padding:28px}.guide-help h2{font-size:28px;margin:8px 0 6px}.guide-help p{color:#7d8492;font-size:11px;max-width:720px}@media(max-width:1100px){.guide-grid{grid-template-columns:1fr 1fr}.guide-grid article:nth-child(2){border-right:0}.guide-grid article:nth-child(-n+2){border-bottom:1px solid #222733}}@media(max-width:680px){.guide-grid{grid-template-columns:1fr}.guide-grid article{border-right:0;border-bottom:1px solid #222733}.guide-help{align-items:flex-start;flex-direction:column}}

/* production surface */
:root{scrollbar-gutter:stable;color-scheme:dark}.page-shell,.home-shell{container-type:inline-size}.topbar{backdrop-filter:blur(16px) saturate(120%)}.page-hero h1,.hero-copy h1,.pricing-headline h1{text-wrap:balance}.page-hero p,.hero-copy p,.pricing-headline p{text-wrap:pretty}.architecture article,.feature-rail article,.pricing-grid article,.guide-grid article{content-visibility:auto;contain-intrinsic-size:260px}.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:1px auto 0;max-width:1440px;background:#202632;border:1px solid #202632}.proof-grid article{background:#080b10;padding:24px;min-height:180px}.proof-grid span{font:800 9px/1 ui-monospace,monospace;letter-spacing:.13em;color:#7865d7}.proof-grid h3{font-size:17px;margin:12px 0 8px}.proof-grid p{font-size:11px;line-height:1.65;color:#7e8898;margin:0}.route-strip a,.feature-rail article,.pricing-grid article,.proof-grid article{transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.route-strip a:hover,.feature-rail article:hover,.pricing-grid article:hover,.proof-grid article:hover{transform:translateY(-2px)}@media(max-width:1100px){.proof-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.proof-grid{grid-template-columns:1fr}}