:root{color-scheme:dark;--bg:#102229;--panel:#19333a;--line:#35535a;--text:#eff9f8;--muted:#afcbd0;--mint:#88ecce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at top right,#20464a,transparent 60%),var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:5px}header{max-width:1400px;margin:auto;padding:24px 36px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}header a{padding:8px 0}main{max-width:1400px;margin:auto;padding:58px 36px 24px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--mint);font-weight:700}h1{font-size:clamp(42px,6vw,84px);line-height:1.1;letter-spacing:-.045em;margin:22px 0}em{font-style:normal;color:var(--mint)}.lead{max-width:850px;color:var(--muted);font-size:19px}.switch{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.switch a{border:1px solid var(--line);border-radius:30px;padding:12px 20px}.hero{position:relative;margin:32px 0 0;border:1px solid var(--line);border-radius:22px;overflow:hidden}.hero img{display:block;width:100%;height:auto}.hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 32px;background:linear-gradient(transparent,#102229);font-size:clamp(16px,2vw,25px);font-weight:650}section{padding-top:80px}h2{font-size:clamp(28px,4vw,46px);line-height:1.2;letter-spacing:-.025em;margin:16px 0}.intro{color:var(--muted);max-width:850px}.diagram{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;margin-top:28px}.stages{display:grid;gap:8px}.stages button{font:inherit;text-align:left;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:12px;padding:15px 18px;cursor:pointer;display:flex;gap:16px;align-items:center}.stages button[aria-pressed=true]{background:#265249;border-color:var(--mint)}.stages button b{color:var(--mint);font-size:12px}.detail{border:1px solid var(--line);background:linear-gradient(140deg,#24464d,#152c33);border-radius:18px;padding:36px;min-height:310px}.detail h3{font-size:29px;line-height:1.25;margin:16px 0}.detail p{color:var(--muted)}.detail .tech{font-size:14px;border-top:1px solid var(--line);padding-top:18px}.detail a{display:inline-block;color:var(--mint);padding:12px 0}.stounik{display:flex;align-items:center;gap:28px;background:#183c37;border:1px solid #46776b;border-radius:18px;margin-top:22px;padding:24px 30px}.stounik img{flex-shrink:0}.stounik h3{margin:8px 0;font-size:23px}.stounik p{margin:0;color:#c8e6dd}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}.journey article,.docs a{border:1px solid var(--line);border-radius:16px;padding:23px;background:#173038}.journey b{color:var(--mint);font-size:30px}.journey h3{line-height:1.35}.journey p{font-size:14px;color:var(--muted)}.note{border-left:3px solid var(--mint);padding:12px 24px;margin:30px 0;background:#1a3439}.note p{color:var(--muted);margin:8px 0}.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.docs small,.docs span{color:var(--mint)}.docs h3{font-size:24px;margin:18px 0 8px}.docs p{color:var(--muted)}.docs a:hover{border-color:var(--mint)}footer{border-top:1px solid var(--line);margin-top:70px;padding-top:25px;color:var(--muted);font-size:13px}footer a{float:right}@media(max-width:800px){main{padding:35px 20px}header{padding:16px 20px}.diagram{grid-template-columns:1fr}.journey{grid-template-columns:1fr 1fr}.docs{grid-template-columns:1fr}.detail{padding:25px;min-height:0}.stounik{padding:20px;gap:15px}.stounik img{width:70px;height:90px}.stounik h3{font-size:19px}section{padding-top:55px}.hero figcaption{padding:15px}.lead{font-size:17px}footer a{float:none;display:block;padding:12px 0}}@media(max-width:450px){.journey{grid-template-columns:1fr}.stounik{align-items:flex-start}.stounik img{width:52px;height:70px}.eyebrow{letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-pet{position:absolute;display:flex;align-items:center;gap:8px;background:#102229e8;border:1px solid #88ecce;border-radius:14px;padding:8px 14px;color:#dffff1;font-size:13px;box-shadow:0 10px 40px #0005}.hero-pet img{width:58px;height:70px}.rocket-pet{top:16%;left:6%}.car-pet{top:30%;right:7%}.hero-pet:hover{background:#204a43}@media(max-width:600px){.hero-pet{padding:5px;gap:3px;font-size:10px}.hero-pet img{width:30px;height:38px}.rocket-pet{top:6%;left:3%}.car-pet{top:20%;right:3%}}