:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#080d16;color:#f4f7ff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.top{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1210px;padding:0 24px;margin:auto;gap:22px}.brand{font-size:19px;font-weight:760;display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(145deg,#286cff,#5b96ff);border-radius:13px;letter-spacing:-5px;padding-right:5px;color:white}.mark span{opacity:.7}.top nav{display:flex;gap:28px}.top nav a,.footer-links a{color:#aab6cb;font-size:14px}.top nav a:hover,.footer-links a:hover{color:#fff}.hero{position:relative;overflow:hidden;padding:100px 0 110px}.glow{position:absolute;inset:-30% -25% auto auto;width:950px;height:900px;background:radial-gradient(ellipse,#163e833b,transparent 65%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{color:#6eabff;font-weight:750;letter-spacing:.18em;font-size:12px;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.1vw,75px);line-height:1.07;letter-spacing:-.055em;margin-bottom:25px}h1 em{font-style:normal;color:#72aaff}h2{font-size:clamp(35px,4vw,53px);letter-spacing:-.045em;line-height:1.12;margin-bottom:22px}h3{font-size:21px;letter-spacing:-.025em;margin-bottom:10px}.lead,.section-lead{font-size:18px;color:#aebbd0;max-width:610px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}.button{padding:13px 22px;border-radius:12px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:20px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#4e89ff;color:#fff}.secondary{background:#1a263b;border:1px solid #31415a}.fine{color:#8391a8;font-size:12px}.preview{background:#111c2d;border:1px solid #2b3a53;border-radius:24px;padding:20px;box-shadow:0 35px 90px #0007;transform:rotate(-2deg)}.preview-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9baac2;margin-bottom:17px}.preview-head strong{color:white}.dots{color:#4f6c95;letter-spacing:4px}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.tile{min-height:112px;border-radius:14px;padding:17px;background:linear-gradient(140deg,#1b2a40,#162135);display:flex;flex-direction:column}.tile small{color:#91a8c7}.tile b{font-size:24px;line-height:1.3;margin-top:6px}.tile b i{font-style:normal;font-size:14px}.tile span{font-size:12px;color:#8ea0bb}.tile.wide{min-height:90px}.preview-foot{text-align:center;color:#6f819c;font-size:10px;margin-top:15px}.section{padding-top:110px;padding-bottom:110px;scroll-margin-top:30px}.section-lead{margin-bottom:35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards.two{grid-template-columns:repeat(2,1fr)}.card{background:#121c2b;border:1px solid #25344a;border-radius:18px;padding:29px}.card p{color:#a8b5c9;margin-bottom:0}.symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1d355b;color:#86b5ff;font-size:25px;margin-bottom:25px}.shaded{background:#0e1623}.faq{max-width:900px}.faq details{border-bottom:1px solid #28364b;padding:18px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:650}.faq details p{color:#acb9cd;margin:15px 0 0;max-width:760px}.text-link{display:inline-block;margin-top:20px;color:#7db0ff;font-weight:700}.alpha{background:radial-gradient(ellipse at 75% 25%,#183b72 0%,#101d31 45%,#0e1726 85%)}.alpha-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.alpha-panel{background:#15243a;border:1px solid #375078;border-radius:22px;padding:34px}.alpha-panel ul{padding-left:22px;color:#b5c2d5}.alpha-panel li{margin:13px 0}.status{margin-top:27px;padding-top:20px;border-top:1px solid #324560;color:#90bbff;font-size:13px}.pulse{display:inline-block;background:#5ba1ff;width:8px;height:8px;border-radius:50%;margin-right:7px}.footer{padding:48px 0 25px;background:#080d16}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner p{font-size:13px;color:#8998af}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer>.fine{margin-top:30px}@media(max-width:850px){.hero{padding:55px 0 70px}.hero-grid,.alpha-grid{grid-template-columns:1fr;gap:45px}.preview{max-width:590px;transform:none}.cards{grid-template-columns:1fr 1fr}.top nav{gap:12px}.top nav a{font-size:12px}}@media(max-width:560px){.wrap{width:min(100% - 34px,1140px)}.top{height:auto;padding:18px;align-items:flex-start;flex-direction:column}.top nav{width:100%;justify-content:space-between}.cards,.cards.two{grid-template-columns:1fr}.section{padding-top:72px;padding-bottom:72px}.hero{padding-top:55px}h1{font-size:47px}.footer-inner{flex-direction:column}.preview{padding:13px}.tile{padding:12px;min-height:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Brand assets: lightweight WebP files in website/assets/. */
.mark{padding:0;letter-spacing:normal;overflow:hidden;background:linear-gradient(145deg,#063a89,#09244c)}
.mark img{display:block;width:100%;height:100%;object-fit:cover}
.brand-illustration{margin:30px 0 34px;max-width:100%;overflow:hidden;border:1px solid #20334f;border-radius:24px;background:#07172b}
.brand-illustration img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:560px){.brand-illustration{border-radius:16px;margin:24px 0}}

/* Independent project story */
.about-section{background:linear-gradient(135deg,#0c1422,#0e1c30)}
.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:85px;align-items:center}
.about-copy{max-width:650px;color:#aebbd0;font-size:16px}
.about-signoff{font-weight:750;color:#8ebaff;margin:24px 0 0}
.about-note{border:1px solid #2b4262;background:#142238;border-radius:22px;padding:35px}
.about-note-icon{display:block;font-size:42px;margin-bottom:15px}
.about-note p{color:#aabbd1;margin-bottom:0}
@media(max-width:850px){.about-grid{grid-template-columns:1fr;gap:28px}.about-note{max-width:600px}}
@media(max-width:560px){.about-note{padding:25px}.top nav{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px}}

/* Contact and imprint */
.legal{min-height:65vh;max-width:1140px}.legal h1{margin-bottom:36px}.legal h2{font-size:25px;margin:30px 0 12px}.legal .text-link{margin-top:0}.legal-note{margin-top:28px}

/* Product principles */
.idea-closing{max-width:850px;margin:42px auto 0;text-align:center;padding:30px 28px;border-top:1px solid #2a3b52}
.idea-closing h3{margin-bottom:10px}.idea-closing p{color:#aebbd0;margin-bottom:22px}.idea-closing strong{display:block;color:#8ebaff;font-size:clamp(17px,2vw,22px);line-height:1.45}