/* ARKHE / REFORGED — complete homepage composition, not a recolor of v1. */
:root{--ink:#03080b;--back:#060c10;--white:#f3f9f5;--dim:#a3b9b5;--aqua:#81fbe0;--aqua2:#42c7ad;--mint:#b7f9dd;--gold:#e3b879;--mono:"JetBrains Mono",ui-monospace,monospace;--sans:Inter,system-ui,sans-serif;--display:"Sora",Inter,sans-serif}
*{box-sizing:border-box}html{height:100%;background:#020608}body{margin:0;font:400 14px/1.55 var(--sans);color:var(--white);-webkit-font-smoothing:antialiased}
body.arkhe-home{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#03080b;isolation:isolate}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}
::selection{background:#6ae9c7;color:#041710}
.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
background:
 radial-gradient(ellipse 38% 62% at 15% 51%,rgba(16,108,94,.31),transparent 76%),
 radial-gradient(ellipse 67% 67% at 95% 66%,rgba(9,73,82,.21),transparent 83%),
 linear-gradient(155deg,#070b10 0%,#020609 55%,#081117 100%)}
.atmosphere::before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(99,207,192,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(99,207,192,.05) 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse 80% 77% at 61% 52%,#000,transparent 95%)}
.atmosphere::after{content:"";position:absolute;left:-20%;top:45%;width:110%;height:95%;transform:rotate(-18deg);background:radial-gradient(ellipse at center,rgba(77,242,194,.085) 0,transparent 61%);filter:blur(35px)}
.topbar{z-index:40;position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;height:68px;padding:0 clamp(16px,3vw,55px);border-bottom:1px solid rgba(167,243,216,.14);background:linear-gradient(90deg,rgba(5,13,17,.97),rgba(5,13,18,.84));backdrop-filter:blur(16px)}
.wordmark{display:inline-flex;align-items:center;gap:12px;min-width:0}.mark{height:40px;width:40px;flex:none;filter:drop-shadow(0 0 10px rgba(103,250,216,.2));color:var(--aqua)}
.wordmark-text{display:flex;flex-direction:column;gap:2px}.wordmark-name{font:750 18px/.98 var(--sans);letter-spacing:.32em}.wordmark-detail{font:500 9px/1.3 var(--mono);letter-spacing:.24em;color:#88a7a6}
.topnav{display:flex;align-items:center;gap:13px}.topnav>a:not(.login){color:#a8c0bc;font-size:12px;font-weight:600}.topnav>a:not(.login):hover{color:var(--aqua)}
.nav-status{display:inline-flex;align-items:center;gap:8px;color:#83a69f;font:600 10px var(--mono);letter-spacing:.06em;padding:0 14px;border-right:1px solid #ffffff1f}.pulse{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none;background:#7ffad5;box-shadow:0 0 14px rgba(119,251,215,.95);animation:systemPulse 2.8s ease-in-out infinite}
@keyframes systemPulse{50%{opacity:.48;box-shadow:0 0 5px rgba(119,251,215,.5)}}
.explore{position:relative;z-index:55}.explore summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;background:rgba(98,196,167,.07);border:1px solid rgba(134,234,211,.25);border-radius:8px;padding:9px 14px;min-height:39px;font-size:12px;font-weight:650}
.explore summary::-webkit-details-marker{display:none}.explore svg{width:17px;height:17px;color:var(--aqua)}.caret{color:var(--aqua);transition:transform .2s}.explore[open] .caret{transform:rotate(180deg)}.explore[open] summary{background:rgba(74,184,161,.17)}
.menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(340px,calc(100vw - 25px));max-height:calc(100dvh - 80px);overflow:auto;padding:10px;border-radius:14px;background:linear-gradient(145deg,#102326,#09141d);border:1px solid rgba(161,242,213,.35);box-shadow:0 30px 80px #000c}
.menu-header,.menu-footer{display:flex;justify-content:space-between;padding:12px;color:#9ebbb3;font:500 10px var(--mono);letter-spacing:.1em}.menu-header{border-bottom:1px solid #ffffff18}.menu-panel>a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:9px}.menu-panel>a:hover{background:rgba(107,240,211,.11)}.menu-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#83f0d711;border:1px solid #a2fce52d;color:var(--aqua);font-size:18px}.menu-panel>a>span:nth-child(2){display:grid;gap:3px;font-size:12px;font-weight:700}.menu-panel>a small{font-size:10px;color:#84a7a4;font-weight:400}.menu-panel>a b{font:500 10px var(--mono);color:#759590;margin-left:auto}
.login{min-height:40px;display:inline-flex;align-items:center;gap:18px;justify-content:center;border-radius:8px;padding:10px 16px;background:#c4f4df;color:#081c18;font-weight:800;font-size:12px;transition:transform .2s,box-shadow .2s}.login:hover{transform:translateY(-2px);box-shadow:0 10px 30px #91f6cd39}
.stage{position:relative;z-index:1;width:min(100%,1900px);height:100%;min-height:0;margin:auto;padding:clamp(14px,2vw,31px) clamp(14px,3vw,55px);display:grid;grid-template-columns:minmax(0,.385fr) minmax(0,.615fr);gap:clamp(14px,2.2vw,40px)}
.intro{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:24px 8px 20px 0;isolation:isolate}
.intro-top{display:inline-flex;align-items:center;gap:10px;z-index:3;position:relative;border-left:2px solid var(--aqua);padding:5px 0 5px 12px;font:600 clamp(9px,.77vw,11px) var(--mono);letter-spacing:.17em;color:#a8d8ca;text-transform:uppercase}
.intro h1{position:relative;z-index:3;margin:clamp(25px,5vh,68px) 0 22px;font-family:var(--display);font-size:clamp(54px,6.1vw,116px);line-height:.87;font-weight:800;letter-spacing:-.093em;max-width:100%;text-transform:uppercase;text-shadow:0 14px 54px #0009}
.intro h1 .line{display:block;white-space:nowrap}.intro h1 .impact{display:block;position:relative;white-space:nowrap;font-weight:750;font-style:italic;padding-right:.1em;color:var(--aqua);background:linear-gradient(95deg,#b8ffe4 0%,#68e7c7 46%,#a6c7bb 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.intro h1 .impact::after{content:"";position:absolute;left:0;bottom:-12px;width:49%;height:3px;background:linear-gradient(90deg,var(--aqua),transparent)}
.intro p{position:relative;z-index:3;margin:16px 0 0;max-width:430px;color:#b8cac9;font-size:clamp(12px,1.04vw,15px);line-height:1.72}
.intro-actions{position:relative;z-index:3;display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:clamp(19px,4vh,34px)}
.gold-cta{min-height:46px;display:inline-flex;align-items:center;gap:30px;padding:12px 16px;border-radius:6px;font-weight:800;font-size:12px;background:linear-gradient(115deg,#a3fce0,#d4f2df);color:#041913;box-shadow:0 11px 35px #70ecc324;transition:transform .2s,box-shadow .2s}
.gold-cta:hover{transform:translateY(-2px);box-shadow:0 13px 40px #70ecc34f}.gold-cta span{font-size:18px}
.quiet-cta{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#c6e9dc;padding:11px 8px}.quiet-cta:hover{color:white}
.intro-sequence{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(100%,440px);margin-top:clamp(24px,6vh,70px);border-top:1px solid #a0f4d52a;padding-top:18px}
.intro-sequence span{min-width:0;display:flex;flex-direction:column;gap:6px;color:#cae7dc;font:650 clamp(10px,.85vw,12px) var(--sans)}
.intro-sequence span small{font:600 9px var(--mono);color:#7dc0aa;letter-spacing:.08em}.intro-sequence span:not(:first-child){border-left:1px solid #9de8d51f;padding-left:15px}
.intro-footer{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;font:500 9px var(--mono);letter-spacing:.07em;color:#6c9990;margin-top:18px}
.orb{position:absolute;z-index:0;right:-37%;top:-7%;width:min(110%,700px);aspect-ratio:1;pointer-events:none;opacity:.76;transform:rotate(-14deg);filter:drop-shadow(0 0 34px #4de2b119)}
.orb::after{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,rgba(120,248,215,.15),transparent 68%);filter:blur(26px)}
.orb svg{width:100%;height:100%;overflow:visible}.orb .ring{fill:none;stroke:#64edca;stroke-width:1;stroke-dasharray:3 12;opacity:.49;transform-origin:center;animation:orbSpin 70s linear infinite}.orb .ring.two{stroke:#b7eddb;stroke-dasharray:18 9;opacity:.26;animation-duration:100s;animation-direction:reverse}.orb .lens{fill:url(#lens);stroke:#a3ffe5;stroke-width:.75;opacity:.75}.orb .glow{fill:none;stroke:#70f5dc;stroke-width:2;opacity:.5;filter:url(#light)}.orb .axis{stroke:#85bdae;stroke-width:.65;opacity:.37}.orb .tick{stroke:#c7edd8;stroke-width:2;opacity:.64}
@keyframes orbSpin{to{transform:rotate(360deg)}}
.core-caption{position:absolute;right:4%;top:20%;z-index:2;font:550 10px var(--mono);letter-spacing:.16em;color:#a5e8d4;writing-mode:vertical-rl;opacity:.7}
.workspace{position:relative;z-index:2;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border-radius:18px;border:1px solid rgba(118,239,209,.38);background:#09151d;box-shadow:0 0 0 5px rgba(75,177,158,.04),0 36px 90px -30px #000,0 0 85px -70px #90f2d6}
.workspace::before{content:"";position:absolute;inset:0 0 auto;height:2px;z-index:4;background:linear-gradient(90deg,transparent 0%,#7eecd3 30%,#d9f6dc 54%,#91b8b2 85%,transparent 100%);pointer-events:none}
.workspace-top,.workspace-bottom{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 17px;background:#0b171b;border-bottom:1px solid #a2f6dc1f}
.workspace-top{min-height:56px}.window-lights{display:flex;align-items:center;gap:5px;flex:none}.window-lights i{width:7px;height:7px;border-radius:50%;background:#346b63;border:1px solid #85d4c36b}.window-lights i:first-child{background:#84f2d2;box-shadow:0 0 14px #75f8d14a}.window-lights i:last-child{background:#dfb275}
.workspace-label{display:flex;align-items:center;gap:11px;min-width:0;font:700 10px var(--mono);letter-spacing:.12em;color:#e5faf0;white-space:nowrap}
.workspace-label strong{font-weight:700}.workspace-glyph{font-size:18px;color:var(--aqua);text-shadow:0 0 16px #8afbd572}
.workspace-sub{font:500 9px var(--mono);letter-spacing:.055em;color:#8faeaa;white-space:nowrap}
.workspace-state{margin-left:auto;display:flex;gap:8px;align-items:center;white-space:nowrap;color:#9cf9dc;font:650 10px var(--mono)}
.external-demo{flex:none;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;border:1px solid #9bebd43f;color:var(--aqua);font-size:16px}.external-demo:hover{background:#b1fdd61a}
.workspace-controls{position:relative;z-index:3;display:flex;align-items:center;gap:7px;padding:10px 13px;background:#071118;border-bottom:1px solid #b5edd520;overflow-x:auto;scrollbar-width:none}.workspace-controls::-webkit-scrollbar{display:none}
.control-caption{flex:none;font:550 10px var(--mono);letter-spacing:.12em;color:#88ab9f;margin-right:6px}
.demo-tab{flex:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:33px;padding:8px 12px;font-size:11px;font-weight:650;white-space:nowrap;border-radius:7px;background:#b9fce309;border:1px solid #b9fce320;color:#adcbc2;transition:background .16s,color .16s,border-color .16s}
.demo-tab:hover{border-color:#a5f4d585;color:#f1fff8}.demo-tab.active{background:#bcfbe6;color:#041b16;border-color:#bcfbe6;box-shadow:0 0 29px -14px #adf9d1}
.demo-tab .tab-icon{font-size:14px;color:inherit}.control-hint{margin-left:auto;color:#759b93;font:550 9px var(--mono);white-space:nowrap}
.workspace-window{position:relative;min-width:0;min-height:0;background:#051017;overflow:hidden}.workspace-window::after{position:absolute;content:"";inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #b5ffe10e}
.workspace-window iframe{width:100%;height:100%;border:0;display:block;background:#07111b}.workspace-window iframe.scaled{position:absolute;left:0;top:0;transform-origin:top left}
.workspace-bottom{min-height:44px;justify-content:space-between;border-top:1px solid #a2f6dc1d;border-bottom:0;background:linear-gradient(100deg,#0c1c1f,#091419)}
.workspace-bottom>span{display:flex;align-items:center;gap:9px;color:#8baea5;font:550 9px var(--mono);letter-spacing:.045em}.workspace-bottom-actions{display:flex;align-items:center;gap:17px}.profit-link,.full-link{color:#bbf5df;white-space:nowrap;font-size:11px;font-weight:700}.profit-link:hover,.full-link:hover{text-decoration:underline}
.bottomline{z-index:2;position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:0 clamp(16px,3vw,55px) max(5px,env(safe-area-inset-bottom));border-top:1px solid #7becce11;background:#03080bd9;color:#5a8980;font:550 9px var(--mono);letter-spacing:.1em;white-space:nowrap}
@media(max-width:1450px){.intro h1{font-size:clamp(47px,6vw,96px)}.stage{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)}.intro-sequence{margin-top:clamp(13px,3.6vh,35px)}.orb{right:-42%}}
@media(max-width:1060px){.stage{grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:14px}.intro h1{font-size:clamp(42px,5.8vw,70px)}.intro-sequence{display:none}.intro p{font-size:12px}.workspace-sub,.control-hint{display:none}.wordmark-detail{display:none}}
@media(max-width:850px){
 .topbar{height:56px;padding:0 14px}.wordmark-name{font-size:16px}.mark{width:32px;height:32px}.nav-status{display:none}
 .stage{grid-template-columns:1fr;grid-template-rows:minmax(205px,.35fr) minmax(0,.65fr);gap:10px;padding:10px 10px 8px}
 .intro{display:flex;flex-direction:column;justify-content:center;padding:12px 14px 8px;min-height:0;border:1px solid #a9fce61c;border-radius:14px;background:linear-gradient(105deg,rgba(10,28,31,.8),rgba(4,12,18,.23));overflow:hidden}
 .intro-top{font-size:9px}.intro h1{font-size:clamp(47px,8.4vw,75px);margin:12px 0 0}.intro h1 .line{display:inline}.intro h1 .impact{display:inline;margin-left:.2em}.intro h1 .impact::after{display:none}
 .intro p{margin-top:11px;max-width:600px;font-size:12px;line-height:1.45}
 .intro-actions{margin-top:13px}.gold-cta{min-height:38px;padding:8px 13px;font-size:11px}.quiet-cta{padding:8px;font-size:11px}
 .intro-footer{display:none}.orb{left:auto;right:-9%;top:-76%;width:45%;opacity:.66}.core-caption{display:none}
 .workspace{border-radius:13px}.workspace-top{min-height:41px;padding:7px 11px}.workspace-controls{padding:7px 9px}.workspace-bottom{min-height:33px;padding:6px 9px}.workspace-bottom>span{font-size:8px}
}
@media(max-width:550px){
 .topbar{height:52px;padding:0 11px}.wordmark{gap:8px}.wordmark-name{font-size:15px}.wordmark-detail{display:none}.explore summary{min-height:34px;padding:8px 10px}.explore summary span:not(.caret){display:none}.login{min-height:34px;padding:8px 10px;gap:7px;font-size:11px}.topnav{gap:8px}
 .stage{grid-template-rows:minmax(175px,.33fr) minmax(0,.67fr);padding:7px;gap:7px}
 .intro{padding:12px 12px 9px;border-radius:11px}.intro-top{font-size:7px;letter-spacing:.11em}.intro h1{font-size:clamp(39px,10vw,61px);letter-spacing:-.086em;line-height:.96;margin-top:13px}.intro h1 .line,.intro h1 .impact{display:block;white-space:nowrap}.intro h1 .impact{margin-left:0}
 .intro p{font-size:11px;max-width:330px;margin-top:8px;line-height:1.45}.orb{width:63%;top:-45%;right:-24%;opacity:.7}
 .intro-actions{gap:7px;margin-top:9px}.gold-cta{min-height:33px;padding:7px 10px;font-size:10px;gap:12px}.quiet-cta{font-size:10px;padding:7px 4px}
 .workspace-top{padding:5px 8px;min-height:35px;gap:7px}.window-lights{gap:3px}.window-lights i{width:5px;height:5px}.workspace-label{font-size:9px;gap:5px;letter-spacing:.04em}.workspace-glyph{font-size:14px}.workspace-state{font-size:8px}.external-demo{width:25px;height:25px;font-size:15px}
 .workspace-controls{padding:5px;gap:5px}.control-caption{display:none}.demo-tab{font-size:9px;min-height:28px;padding:6px 7px;gap:5px}.demo-tab .tab-icon{font-size:11px}
 .workspace-bottom{padding:5px 7px;min-height:29px;gap:6px}.workspace-bottom>span{font-size:7px;letter-spacing:0}.workspace-bottom-actions{gap:7px}.profit-link{display:none}.full-link{font-size:9px}
 .bottomline{min-height:20px;padding:0 8px max(3px,env(safe-area-inset-bottom));font-size:6px}.bottomline span:nth-child(2){display:none}
}
@media(max-height:690px){
 .intro p{display:none}.intro-actions{margin-top:10px}.intro h1{margin-top:12px}.intro-sequence{display:none}
 .topbar{height:48px}.bottomline{min-height:20px}
}
@media(max-height:490px) and (min-width:700px){
 .stage{grid-template-columns:minmax(230px,.3fr) minmax(0,.7fr);grid-template-rows:1fr}.intro{display:flex}.intro h1{font-size:clamp(41px,5vw,65px);line-height:.88}.workspace-top{min-height:34px}.workspace-bottom{min-height:28px}.workspace-controls{padding:5px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.topbar,.workspace,.intro,.menu-panel{background:#0c1c22}}