:root{--bg:#151315;--fg:#EDE7EE;--muted:#b8aebc;--accent:#EE99FF;--accent-2:#9c6be6;--card:rgba(255, 255, 255, 0.06);--glass:rgba(255, 255, 255, 0.08);--glass-strong:rgba(255, 255, 255, 0.14);--border:rgba(255, 255, 255, 0.14);--shadow:0 10px 30px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .06);--radius:16px;--radius-lg:24px;--container:1200px}*{box-sizing:border-box}html,body{height:100%}html{color-scheme:dark;overflow:hidden}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--fg);background:var(--bg);overflow:hidden;line-height:1.6}img{max-width:100%;display:block}.container{width:min(100% - 2rem, var(--container));margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#fff0}.nav-container{display:grid;align-items:center;grid-template-columns:1fr auto 1fr;gap:1rem;padding:1rem 0}.brand{display:inline-flex;align-items:center;min-width:0}.brand-logo{height:82px}.primary-nav{display:none;gap:1.75rem;align-items:center;justify-content:center}.primary-nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.98rem;transition:color .24s ease}.primary-nav a:hover{color:var(--fg)}.nav-right{display:inline-flex;justify-self:end;align-items:center;gap:.5rem}.nav-cta{padding:.6rem .9rem}.menu-toggle{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:var(--glass);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.menu-toggle:hover{background:var(--glass-strong);border-color:rgb(255 255 255 / .22);box-shadow:0 8px 20px rgb(0 0 0 / .28),inset 0 1px rgb(255 255 255 / .08)}.menu-toggle:focus-visible{outline:2px solid rgb(238 153 255 / .65);outline-offset:2px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--fg);margin:4px 0;border-radius:2px;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s ease,background-color .25s ease;transform-origin:center}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (min-width:768px){.primary-nav{display:flex}.menu-toggle{display:none}}.hero{position:relative;overflow:clip;min-height:100svh;display:grid;align-items:center;padding:96px 0 32px}.hero-bg-wrap{position:absolute;inset:0;z-index:-1}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}.hero-content{display:grid;justify-items:center;text-align:center;gap:1.1rem}.hero-icon-wrap{position:relative;width:160px;height:160px;display:grid;place-items:center;animation:fadeUp .7s ease-out .05s both}.hero-mark-svg{width:420px;max-width:80vw;height:auto;filter:drop-shadow(0 10px 20px rgb(238 153 255 / .25));display:block}.hero-icon-svg{width:160px;max-width:40vw;height:auto;filter:drop-shadow(0 10px 20px rgb(238 153 255 / .25));display:block}.hero-wordmark{width:min(620px, 78vw);filter:drop-shadow(0 12px 24px rgb(0 0 0 / .4));animation:fadeUp .8s ease-out .12s both}.tagline{color:var(--muted);font-size:clamp(1rem, 1.2vw + .8rem, 1.25rem);animation:fadeUp .85s ease-out .18s both}.cta{animation:fadeUp .9s ease-out .24s both}.cta{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn{padding:.8rem 1.15rem;border-radius:14px;border:1px solid var(--border);text-decoration:none;color:var(--fg);font-weight:600;letter-spacing:.2px;background:linear-gradient(180deg,rgb(255 255 255 / .07),rgb(255 255 255 / .03));box-shadow:var(--shadow);will-change:transform,box-shadow,background;transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .28s ease,box-shadow .32s ease,background .32s ease,color .28s ease}.btn:hover{border-color:rgb(255 255 255 / .22);transform:translateY(-1px) scale(1.015);box-shadow:0 10px 24px rgb(0 0 0 / .36),inset 0 1px rgb(255 255 255 / .08);background:linear-gradient(180deg,rgb(255 255 255 / .09),rgb(255 255 255 / .04))}.btn:active{transform:translateY(0) scale(.99)}.btn:focus-visible{outline:2px solid rgb(238 153 255 / .65);outline-offset:2px}.btn-primary{background:linear-gradient(180deg,rgb(238 153 255 / .28),rgb(238 153 255 / .14));border-color:rgb(238 153 255 / .45)}.btn-primary:hover{background:linear-gradient(180deg,rgb(238 153 255 / .34),rgb(238 153 255 / .2));border-color:rgb(238 153 255 / .55)}.btn-ghost{background:linear-gradient(180deg,rgb(255 255 255 / .07),rgb(255 255 255 / .03))}.btn-ghost:hover{background:linear-gradient(180deg,rgb(255 255 255 / .1),rgb(255 255 255 / .05))}.features{padding:4rem 0 6rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}.card{grid-column:span 12;padding:1.25rem;border-radius:var(--radius);background:linear-gradient(180deg,rgb(255 255 255 / .06),rgb(255 255 255 / .03));border:1px solid var(--border);box-shadow:var(--shadow)}.card h3{margin:.25rem 0 .5rem;font-size:1.1rem}.card p{margin:0;color:var(--muted)}@media (min-width:720px){.card{grid-column:span 6}}@media (min-width:1024px){.card{grid-column:span 4}}@media (max-width:767px){.primary-nav{position:fixed;inset:72px 0 auto;background:color-mix(in oklab,var(--bg) 86%,black 14%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:.75rem 1rem;display:grid;gap:.25rem;transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .32s ease,visibility 0s linear .32s}.primary-nav a{padding:.6rem .25rem;border-radius:10px}.primary-nav a:active{background:rgb(255 255 255 / .04)}.menu-open .primary-nav{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .32s ease,visibility 0s}.nav-cta{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ring-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}