:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark;font-synthesis:none;--bg:#f7f8fa;--fg:#1b2129;--muted:#58636f;--surface:#fff;--soft:#eef0f3;--line:#d9dee5;--shadow:0 24px 65px rgba(14,27,48,.08);--link:#8b642c;--hero:#ede8db}html[data-theme=dark]{--bg:#0a0b0e;--fg:#f0f2f5;--muted:#b2bbc8;--surface:#15171d;--soft:#1f242d;--line:#2a2d36;--shadow:0 26px 70px rgba(0,0,0,.23);--link:#edc878;--hero:#24221c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #528afa;outline-offset:3px}header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);position:sticky;top:0;z-index:9;backdrop-filter:blur(14px)}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.nav{min-height:73px;display:flex;align-items:center;gap:24px}.logo{font-size:19px;font-weight:760;letter-spacing:-.7px;white-space:nowrap}.mark{background:var(--fg);color:var(--bg);font-size:15px;display:inline-grid;place-items:center;height:33px;width:33px;border-radius:10px;margin-right:9px}.nav-links{margin-left:auto;display:flex;gap:25px;color:var(--muted);font-size:13px;font-weight:570}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--fg)}.controls{display:flex;gap:10px;align-items:center}.action,.button{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:11px 18px;font-size:13px;font-weight:680;display:inline-flex;gap:8px;align-items:center;justify-content:center}.action.primary,.button.primary{color:var(--bg);background:var(--fg);border-color:var(--fg)}.theme{width:37px;height:37px;padding:0}.menu-toggle{display:none}.hero{padding:108px 0 105px;min-height:min(760px,calc(100vh - 74px));display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,var(--hero),transparent 58%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.eyebrow{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--link);font-weight:800}.h1{font-size:clamp(48px,6vw,82px);letter-spacing:-4px;line-height:1.05;margin:18px 0 22px;font-weight:740}.h1 span{color:var(--muted)}.lead{max-width:510px;font-size:17px;line-height:1.75;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 15px}.fine{font-size:12px;color:var(--muted);max-width:560px}.illustration{min-height:370px;position:relative;display:flex;align-items:center;justify-content:center}.window{width:min(100%,515px);background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(-2deg)}.window-bar{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;gap:6px;align-items:center}.dot{height:9px;width:9px;border-radius:50%;background:#e5a4a4}.dot:nth-child(2){background:#f0cf91}.dot:nth-child(3){background:#a4d3ba}.window-content{padding:27px}.mock-label{font-size:12px;color:var(--muted);margin-bottom:20px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mock{border:1px solid var(--line);border-radius:14px;padding:16px 6px;text-align:center;font-size:12px;color:var(--muted)}.glyph{display:grid;place-items:center;margin:0 auto 10px;border-radius:15px;width:54px;height:54px;color:white;font-size:24px;font-weight:750}.c{background:linear-gradient(135deg,#675748,#d4af37)}.l{background:linear-gradient(135deg,#285566,#00b6c8)}.s{background:linear-gradient(135deg,#88553b,#e6a34a)}.dock-float{position:absolute;bottom:12px;right:12px;border-radius:21px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:11px;display:flex;gap:9px}.dock-float .glyph{height:38px;width:38px;font-size:18px;margin:0;border-radius:12px}.section{padding:74px 0}.section-title{font-size:clamp(30px,4vw,46px);letter-spacing:-1.8px;line-height:1.2;margin:9px 0 16px}.section-intro{font-size:16px;color:var(--muted);max-width:675px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:35px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:0 8px 25px rgba(0,0,0,.018)}.card h3{margin:14px 0 6px;font-size:19px}.card p{font-size:14px;color:var(--muted);line-height:1.7}.card .glyph{margin:0;border-radius:14px}.mini{font-size:12px;font-weight:750;color:var(--link)}.card a{display:inline-flex;color:var(--link);font-weight:700;font-size:13px}.page-intro{padding:85px 0 25px;max-width:780px}.page-intro h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2px;line-height:1.13;margin:13px 0}.page-intro p{color:var(--muted);font-size:17px}.banner{background:linear-gradient(135deg,#1f344c,#394e71);color:#fff;padding:37px;border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:25px}.banner p{color:#d5e0ef;font-size:14px}.banner .action{background:#fff;color:#1b2b40}.list-panel{max-width:720px}.info{border:1px solid var(--line);background:var(--surface);padding:25px 27px;border-radius:18px;margin:15px 0}.info h2{font-size:19px;margin:0 0 8px}.info p{color:var(--muted);font-size:14px;margin:0}.status{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:6px 12px;display:inline-block;color:var(--muted)}.mode-row{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.mode-btn{border:1px solid var(--line);border-radius:12px;padding:10px 15px;background:var(--surface);color:var(--fg);font-size:13px}.mode-btn[aria-pressed=true]{background:var(--fg);color:var(--bg)}.launchers{border:1px solid var(--line);padding:25px;border-radius:19px;background:var(--surface);min-height:250px}.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-tile{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:23px 10px;text-align:center;min-width:0;color:var(--fg)}.app-tile .glyph{margin:auto auto 12px}.app-tile strong{display:block}.launch-dock{display:flex;justify-content:center;gap:15px;align-items:center;min-height:170px}.launch-dock .app-tile{border:none;background:transparent;padding:10px}.launch-dock .app-tile .glyph{height:65px;width:65px}.launch-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.launch-overview .app-tile{min-height:145px;box-shadow:var(--shadow)}.launch-dock[hidden],.launch-grid[hidden],.launch-overview[hidden]{display:none}.app-note{margin:14px 0;color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer a{margin-right:20px}.policy{border-left:3px solid #8bb4f3;padding:10px 0 10px 19px;margin:25px 0;color:var(--muted);font-size:14px}main{min-height:65vh}@media(max-width:760px){.wrap{width:min(100% - 32px,560px)}.nav{flex-wrap:wrap;min-height:64px;gap:9px}.menu-toggle{display:inline-flex;border:0;background:var(--surface);color:var(--fg);border-radius:10px;padding:9px}.nav-links{display:none;order:4;width:100%;margin:0;padding:10px 0 19px;flex-direction:column;gap:14px}.nav-links.open{display:flex}.controls{margin-left:auto}.controls>.action{display:none}.hero{padding:63px 0;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:20px}.h1{letter-spacing:-2.5px}.illustration{min-height:280px}.window{max-width:340px}.dock-float{right:0;bottom:0}.grid3{grid-template-columns:1fr}.page-intro{padding:65px 0 12px}.section{padding:45px 0}.banner,.footer-row{flex-direction:column;align-items:flex-start}.launch-grid,.launch-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.launchers{padding:13px}.launch-dock{gap:5px}.launch-dock .app-tile{padding:6px}.launch-dock .app-tile .glyph{height:52px;width:52px}.mock-grid{gap:5px}.mock{padding:10px 3px}.glyph{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* RAVENapp shares the RAVEN signature but remains a distinct, functional portal. */
:root{--raven-metal:#6e7d8d;--raven-bronze:#80551f}
html[data-theme=dark]{--raven-metal:#c4cdd8;--raven-bronze:#e6b557}
header{box-shadow:0 1px 0 rgba(139,100,44,.1);position:sticky}
header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--raven-bronze),var(--raven-metal),transparent)}
.logo{letter-spacing:.01em;font-weight:780}
.logo .mark{background:#1f242d;color:#f0f2f5;clip-path:polygon(0 0,100% 0,100% 78%,82% 100%,0 100%);border-radius:0}
.nav-links a[aria-current=page]{color:var(--fg);font-weight:680;box-shadow:inset 0 -2px 0 var(--raven-bronze)}
.hero{min-height:min(590px,calc(100vh - 74px));padding:clamp(52px,7vh,83px) 0;background:radial-gradient(ellipse at 73% 36%,var(--hero),transparent 64%);border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;right:clamp(20px,5vw,85px);top:36px;width:clamp(125px,20vw,245px);height:clamp(125px,20vw,245px);border-top:1px solid var(--line);border-right:1px solid var(--line);pointer-events:none;clip-path:polygon(15% 0,100% 0,100% 88%,88% 88%,88% 12%,0 12%)}
.hero-grid{position:relative;z-index:1}
.eyebrow{color:var(--raven-bronze)}
.h1{font-weight:710;letter-spacing:-.055em}
.h1:before{content:"";display:block;width:42px;height:3px;background:var(--raven-bronze);margin-bottom:19px}
.window{transform:none;border-radius:11px;box-shadow:var(--shadow)}
.window-bar{padding:13px 18px}
.dock-float{border-radius:11px}
.action,.button{border-radius:8px}
.action.primary,.button.primary{background:#1f242d;border-color:#414957;color:#f0f2f5}
.card,.app-tile,.mock{border-radius:10px}
.card{box-shadow:0 6px 18px rgba(0,0,0,.035)}
.section{padding:clamp(37px,5vw,55px) 0}
@media(max-width:740px){.hero:before{display:none}.hero{min-height:auto}.h1{letter-spacing:-.04em}}

/* Distinctive RAVENapp identity — premium dark preview, OS-aware surrounding pages. */
.hero{--fg:#f0f2f5;--muted:#b6c1cd;--surface:#15171d;--soft:#1f242d;
 --line:#323a45;--hero:#2a2d32;--link:#e6b557;
 color:var(--fg);
 background:radial-gradient(ellipse 55% 70% at 79% 32%,rgba(212,175,55,.12),transparent 84%),#0a0b0e}
.hero .window{color:#f0f2f5;background:#15171d;border-color:#3a424e}
.hero .mock{color:#c4cdd8;border-color:#37414d}
.hero .window-bar,.hero .dock-float{background:#1b2028;border-color:#37414d}
.hero .action.primary{background:#d4af37;color:#0a0b0e;border-color:#d4af37}
.hero .action:not(.primary){background:#242a34;color:#f0f2f5;border-color:#46505e}
.hero .fine{color:#b4bfca}