:root{--ink:#202330;--muted:#6e7280;--bg:#fff;--panel:#fff;--line:#e6e8ed;--blue:#168eea;--acid:#ffb423;--warm:#ff6849;--max:1180px}
body{background:#fff;color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif}
.site-header{height:92px;max-width:none;padding:0 max(28px,calc((100vw - var(--max))/2));background:#fff;border:0;box-shadow:0 2px 16px rgba(18,31,52,.08);position:relative;z-index:20}
.brand{align-items:flex-start;flex-direction:column;gap:2px}.brand-mark{font-size:27px}.brand-mark span{font:inherit;letter-spacing:inherit}.brand>span{color:#7d8290;font-size:9px;font-weight:700;letter-spacing:.22em}
.site-header nav{gap:26px;color:#3b3e48;font-weight:700}.site-header nav>a{padding:35px 0 31px;border-bottom:3px solid transparent}.site-header nav>a:hover{color:var(--blue);border-color:var(--blue)}
.button{border:0;border-radius:2px;background:linear-gradient(135deg,#ffbd27,#ff8b22);color:#fff;box-shadow:0 8px 20px rgba(255,145,34,.25);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.button-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.58);box-shadow:none}.button-small{background:var(--blue);box-shadow:0 7px 18px rgba(22,142,234,.2)}
.hero{position:relative;isolation:isolate;max-width:none;min-height:660px;padding:100px max(28px,calc((100vw - var(--max))/2));grid-template-columns:1.1fr .9fr;background:#172234 url('/assets/template/banner2.png') center/cover no-repeat;color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,15,29,.93) 0%,rgba(9,23,42,.72) 52%,rgba(9,19,34,.2) 100%)}
.hero-copy{max-width:720px}.eyebrow{color:var(--acid)}.hero h1,.section h2,.not-found h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em}.hero h1{font-size:clamp(56px,6vw,88px);line-height:.98}.hero h1 em{color:var(--acid);-webkit-text-stroke:0}.lead{color:#e9edf4;font-size:18px;line-height:1.75;max-width:640px}.metrics{gap:0;margin-top:60px;border-top:1px solid rgba(255,255,255,.25);max-width:680px}.metrics div{padding:24px 42px 0 0;margin-right:42px;border-right:1px solid rgba(255,255,255,.2)}.metrics div:last-child{border:0}.metrics dt{color:#fff}.metrics dd{color:#d1d8e4}
.hero-visual{align-self:end;justify-self:end;width:330px;aspect-ratio:3/4;border:8px solid rgba(255,255,255,.18);background:url('/assets/template/banner4.png') center/cover no-repeat;box-shadow:0 25px 60px rgba(0,0,0,.35)}.hero-visual:after{background:linear-gradient(0deg,rgba(8,18,35,.92),transparent 60%)}.hero-badge{position:absolute;z-index:3;left:-48px;bottom:38px;width:300px;padding:22px 26px;background:#fff;color:#202330;box-shadow:0 14px 32px rgba(0,0,0,.25)}.hero-badge span{display:block;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.16em}.hero-badge strong{display:block;margin-top:8px;font:700 21px/1.25 Georgia,serif}
.ticker{border:0;background:var(--blue);color:#fff;padding-block:18px;font-weight:800}.ticker span:before{color:var(--acid)}
.section{padding-block:95px}.section-head{align-items:center;margin-bottom:42px}.section h2{color:#252835;font-size:clamp(42px,5vw,64px)}.section-head>p{color:#777c88;line-height:1.8}.section .eyebrow{color:var(--blue)}
.release-grid{grid-template-columns:1.5fr 1fr;gap:26px}.release-card{border:0;background:#fff;box-shadow:0 12px 40px rgba(24,39,62,.12);min-height:420px;overflow:hidden}.release-card.featured{grid-template-columns:.9fr 1.1fr}.release-art{background:linear-gradient(0deg,rgba(8,20,37,.55),rgba(8,20,37,.08)),url('/assets/template/banner1.png') center/cover no-repeat}.release-art.muted{background:linear-gradient(0deg,rgba(8,20,37,.58),rgba(8,20,37,.08)),url('/assets/template/banner3.png') center/cover no-repeat}.release-art span{color:rgba(255,255,255,.5)}.release-art b{color:#fff}.release-body{background:#fff}.release-body h3{color:#242733}.release-body>p:not(.status),.release-body footer{color:#787d89}.release-body footer button{color:var(--blue)}.status{color:var(--blue)}.status i{background:var(--blue)}.progress{background:#edf0f4}.progress span{background:linear-gradient(90deg,var(--blue),#54c6ff)}
.recipes{max-width:none;padding-inline:max(28px,calc((100vw - var(--max))/2));background:#f4f7fa}.recipe-layout{max-width:var(--max);margin:auto}.recipes .section-head{max-width:var(--max);margin-inline:auto;margin-bottom:42px}.recipe-lead{position:relative;overflow:hidden;background:#15243a url('/assets/template/banner3.png') right center/55% auto no-repeat;border:0;color:#fff;min-height:340px}.recipe-lead:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17253a 0%,#17253a 46%,rgba(23,37,58,.2) 78%)}.recipe-lead>*{position:relative;z-index:1}.recipe-layout aside{background:#fff;border:0;box-shadow:0 10px 30px rgba(28,39,58,.08)}
.workflow{background:#162237;color:#fff}.workflow .section h2,.workflow h2,.workflow h3{color:#fff}.workflow .section-head>p,.workflow .steps p{color:#c9d1dc}.steps li{border-color:#334057}.steps span{color:var(--acid)}
.role-grid article{border:0;background:#fff;box-shadow:0 10px 35px rgba(24,39,62,.1);border-top:4px solid var(--blue)}.role-grid b{background:#eaf5fe;color:var(--blue)}.role-grid h3{color:#252835}.role-grid p{color:#747985}
.arna{max-width:none;padding-inline:max(28px,calc((100vw - var(--max))/2));background:#f3f7fb}.arna h2{color:#252835}.chat-preview{background:#fff;border:0;box-shadow:0 14px 44px rgba(24,39,62,.14)}.chat-preview header,.chat-preview footer{border-color:#e3e7ed;color:#272b36}.bubble{background:#eef2f7;color:#3f4552}.bubble.own{background:#dff1ff;color:#1c5278}.chat-preview footer{color:#8a909c}.site-footer{max-width:none;padding-inline:max(28px,calc((100vw - var(--max))/2));background:#101a2b;border:0;color:#aeb7c7}.site-footer nav a:hover{color:#fff}.footer-brand{color:#fff}
dialog{background:#fff;color:#252835;border:0;border-top:5px solid var(--blue);box-shadow:0 30px 90px rgba(0,0,0,.35)}dialog p,dialog li{color:#666d79}.dialog-close{color:#252835}
@media(max-width:900px){.site-header nav>a{padding:8px 0;border:0}.hero{grid-template-columns:1fr}.hero-visual{justify-self:start;margin-left:48px}.release-grid{grid-template-columns:1fr}.site-header{padding-block:18px}.menu-toggle{color:#202330;background:#fff}}
@media(max-width:560px){.hero{padding-top:72px;min-height:610px}.hero h1{font-size:49px}.hero-visual{display:none}.metrics{overflow:auto}.metrics div{min-width:125px;padding-right:18px;margin-right:18px}.release-card.featured{grid-template-columns:1fr}.release-art{min-height:250px}.site-footer nav{gap:16px}}
