@font-face{font-family:"Google Sans";src:url("/assets/orbit-sans-hebrew.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Google Sans";src:url("/assets/orbit-sans-latin.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{color-scheme:dark;--bg:#111116;--surface:#191920;--raised:#21212a;--ink:#f4f2f9;--muted:#b5b2c0;--border:#30303c;--accent:#cbbaff;--accent-ink:#211631;--radius:1.25rem}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 "Google Sans",Heebo,system-ui,sans-serif}
a{color:var(--accent);text-underline-offset:.23em}
:focus-visible{outline:2px solid var(--accent);outline-offset:.25rem}
img{max-width:100%;height:auto}
button,input{font:inherit}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:2.8rem;padding:.5rem 1.2rem;border:1px solid transparent;border-radius:999px;background:var(--accent);color:var(--accent-ink);cursor:pointer;text-decoration:none;font-weight:700;transition:background-color .18s,color .18s,border-color .18s}
button:hover,.button:hover{background:#e1d5ff}
button.secondary,.button.secondary{background:transparent;border-color:var(--border);color:var(--ink)}
button.secondary:hover,.button.secondary:hover{border-color:#aa94e6;color:var(--accent)}
input:not([type=checkbox]):not([type=hidden]){display:block;width:min(100%,32rem);min-width:0;padding:.58rem .8rem;margin:.35rem 0 .65rem;border:1px solid #484655;border-radius:.75rem;background:#14141b;color:var(--ink)}
input[readonly]{cursor:text}
form{margin:.7rem 0}
label{display:block}
h1,h2,h3,p{margin:0 0 .6rem}
h1{font-size:clamp(2.1rem,5vw,3.15rem);line-height:1.12;font-weight:700}
h2{font-size:1.24rem;line-height:1.35;font-weight:700}
h3{font-size:1rem}
p,li,code,output{overflow-wrap:anywhere}
li{margin-block:.35rem}

.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(71rem,calc(100% - 4rem));margin:auto}
.site-header{min-height:5.1rem;border-bottom:1px solid var(--border)}
.site-footer{min-height:4.6rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--muted);flex-wrap:wrap}
.site-header nav,.site-footer nav,.actions{display:flex;align-items:center;gap:.65rem 1.25rem;flex-wrap:wrap}
.site-header nav a,.site-footer nav a{color:inherit;text-decoration:none}
.site-header nav a:hover,.site-footer nav a:hover{color:var(--accent)}
.site-header .nav-account{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:999px;padding:.4rem .83rem;font-size:.95rem}
.brand{display:inline-flex;align-items:center;gap:.42rem;color:var(--ink);text-decoration:none;direction:ltr;font-size:1.14rem;font-weight:700;letter-spacing:.235em}
.brand img{display:block;width:2rem;height:2rem;object-fit:contain;transform:scale(1.3);filter:invert(1);mix-blend-mode:screen}

.shell{width:min(47rem,calc(100% - 4rem));margin:clamp(2rem,5vw,3.7rem) auto 4rem;min-height:53vh}
.shell.wide{width:min(71rem,calc(100% - 4rem))}
.shell>h1{margin-bottom:1.25rem}
.lead,.muted{color:var(--muted)}
.panel{min-width:0;padding:clamp(1.05rem,2.6vw,1.65rem);margin:.9rem 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.panel>p:last-child,.panel>ul:last-child{margin-bottom:0}
.panel h2,.panel h3{margin-bottom:.8rem}
.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1rem;align-items:start}
.panels>.panel{margin:0}
.stack,.listing{list-style:none;padding:0;margin:0}
.stack>li+li{border-top:1px solid var(--border);padding-top:.75rem;margin-top:.75rem}
.actions form{margin:0}
.shell>nav.actions{gap:.6rem;margin:0 0 1.35rem}
.shell>nav.actions a{padding:.35rem .78rem;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--ink)}
.shell>nav.actions a:hover{border-color:var(--accent);color:var(--accent)}
.summary-value{display:block;font-size:clamp(1.25rem,3vw,1.8rem);line-height:1.3;font-weight:700}
.danger-link{color:#f1a6a6}
.user-card{border-inline-start:3px solid #5f527a}
.account-stat{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin:1rem 0 0}
.account-stat span{display:block}
.account-stat strong{display:block;color:var(--accent);font-size:1.55rem;line-height:1.1}

.landing{background:radial-gradient(ellipse 35rem 32rem at 23% 48%,#201b2e 0%,transparent 83%),var(--bg)}
.landing .hero{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);width:min(71rem,calc(100% - 4rem));min-height:calc(100svh - 10rem);margin:auto;padding:3.5rem 0 4rem}
.hero-copy{padding-bottom:.6rem}
.landing .hero h1{font-size:clamp(3.1rem,5.2vw,5rem);line-height:1.045;letter-spacing:-.045em;margin:1.05rem 0 1.2rem}
.landing .hero h1 span{color:var(--accent)}
.landing .hero h1 bdi{letter-spacing:-.065em}
.landing .hero .lead{max-width:27rem;margin:0 0 1.7rem;font-size:clamp(1.05rem,1.6vw,1.21rem);line-height:1.7}
.landing .hero .button{min-height:3.1rem;padding-inline:1.38rem}
.release-status{display:inline-flex;align-items:center;gap:.48rem;margin:0;font-size:.94rem;font-weight:700;color:var(--accent)}
.release-status::before{content:"";width:.44rem;height:.44rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b9a1ff91}
.demo{width:100%;margin:0;border:1px solid #3b354c;border-radius:1.65rem;background:#191820;overflow:hidden;box-shadow:0 20px 70px #0a08127a;text-align:start}
.demo-header{display:flex;align-items:center;gap:.68rem;padding:.88rem 1.15rem;background:#22202b;border-bottom:1px solid #373241}
.demo-header strong{font-size:1.02rem}
.demo-avatar{display:grid;place-items:center;width:2.15rem;height:2.15rem;border:1px solid #504568;border-radius:50%;background:#372e47}
.demo-avatar img{width:1.85rem;filter:invert(1);mix-blend-mode:screen}
.demo-label{margin-inline-start:auto;color:var(--muted);font-size:.85rem}
.demo-thread{display:flex;flex-direction:column;align-items:flex-start;gap:.58rem;padding:1.22rem 1.12rem 1.34rem;font-size:.95rem}
.bubble{width:fit-content;max-width:92%;margin:0;padding:.62rem .78rem;border-radius:.9rem;line-height:1.48}
.bubble.outgoing{align-self:flex-end;background:#322745;color:#eee5ff;border-end-end-radius:.28rem}
.bubble.incoming{background:#272530;color:#f4f2f9;border-end-start-radius:.28rem}
.demo-file{display:flex;align-items:center;gap:.68rem;width:fit-content;max-width:100%;padding:.56rem .7rem;border:1px solid #423a52;border-radius:.8rem;background:#22202b}
.demo-file strong,.demo-file small{display:block}
.demo-file small{color:var(--muted);font-size:.76rem}
.file-icon{display:grid;place-items:center;width:2.15rem;height:2.15rem;border:1px solid #514363;border-radius:.58rem;background:#382c49;color:var(--accent)}
.file-icon i{display:block;width:.72rem;height:.92rem;border:1px solid currentColor;border-radius:.14rem;position:relative}
.file-icon i::after{content:"";position:absolute;inset:.35rem .13rem auto;height:.23rem;border-top:1px solid currentColor;border-bottom:1px solid currentColor}

@media(max-width:52rem){
  .site-header,.site-footer,.shell,.shell.wide,.landing .hero{width:calc(100% - 2.5rem)}
  .landing .hero{gap:2rem}
}
@media(max-width:42rem){
  .site-header{min-height:4.4rem}
  .landing{background:radial-gradient(ellipse 25rem 24rem at 50% 70%,#201b2e 0%,transparent 86%),var(--bg)}
  .landing .hero{grid-template-columns:1fr;min-height:0;gap:2rem;padding:2.6rem 0 2.7rem}
  .landing .hero h1{margin:.75rem 0 .85rem;font-size:clamp(2.5rem,10vw,3.65rem)}
  .hero-copy{padding:0}
  .landing .hero .lead{margin-bottom:1.15rem}
  .demo{border-radius:1.2rem}
  .demo-thread{padding:.86rem .8rem 1rem;font-size:.88rem;gap:.43rem}
  .demo-header{padding:.66rem .85rem}
  .bubble{padding:.49rem .67rem}
  .site-footer{min-height:4.05rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}