:root{color-scheme:light;--ink:#172d35;--muted:#61716d;--blue:#253fe8;--paper:#f5f4ed;--lime:#c3f069}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.page{max-width:1240px;margin:auto;padding:0 48px}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d6}.brand{display:flex;align-items:center;gap:10px;font-size:31px;letter-spacing:-1.4px;font-weight:800;text-decoration:none;color:var(--ink)}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--blue);font-size:24px;color:#fff;letter-spacing:-2px}.brand-dot{color:var(--blue);margin-left:-9px}.header-actions{display:flex;align-items:center;gap:24px}.language{border:0;background:transparent;font-size:12px;font-weight:700;color:var(--muted);padding:12px;cursor:pointer}.entry{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:10px;background:var(--blue);color:white;text-decoration:none;font-size:14px;font-weight:700;padding:14px 22px;cursor:pointer}.entry:hover{background:#1930c9}.entry:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #8daaee;outline-offset:5px}.intro{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center;min-height:580px;padding:54px 0}.status{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.3px;font-weight:700;color:var(--muted)}.status-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #253fe810}h1{font-size:clamp(40px,4.4vw,58px);font-weight:750;line-height:1.1;letter-spacing:-2.6px;margin:26px 0 24px}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:17px;line-height:1.7;max-width:420px;color:#4c605c}.support{font-size:14px;color:var(--muted);margin-top:22px}.work-note{display:flex;gap:12px;max-width:405px;margin-top:34px;padding-top:19px;border-top:1px solid #dce0d6}.work-note>span{color:var(--blue);font-size:24px}.work-note p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.scene{position:relative;align-self:center;min-width:0}.scene-label{display:block;font-size:9px;letter-spacing:1.4px;text-align:center;color:var(--muted)}.robot{display:block;width:100%;height:auto}.robot-body{animation:float 5s ease-in-out infinite;transform-origin:center}.hello{display:flex;align-items:center;gap:13px;position:absolute;bottom:39px;right:-5px;background:#fffef8;border:1px solid #dbe2d4;box-shadow:0 8px 20px #172d3508;border-radius:13px;padding:16px 22px;font-size:13px;line-height:1.5;transform:rotate(-3deg)}.hello>span:first-child{font-size:28px;color:var(--blue)}.concept{display:block;font-size:10px;text-align:center;color:#798680}.roadmap{padding:25px 0 34px;border-top:1px solid #dce0d6}.roadmap>p{font-size:10px;color:var(--muted);letter-spacing:1.2px}.roadmap>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.roadmap>div>span{padding:11px 16px;border:1px solid #d8ddcf;border-radius:24px;font-size:12px;background:#ffffff60}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce0d6;padding:24px 0 30px;font-size:11px;color:var(--muted)}dialog{position:fixed;max-width:480px;width:calc(100% - 36px);border:1px solid #d9dfd2;border-radius:20px;padding:40px;background:#fffef8;color:var(--ink);box-shadow:0 20px 80px #172d3520}dialog::backdrop{background:#172d3555;backdrop-filter:blur(4px)}dialog h2{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:18px 0}dialog p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:28px}.close{position:absolute;top:9px;right:12px;background:transparent;border:0;font-size:28px;padding:5px 9px;cursor:pointer;color:var(--muted)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.robot-body{animation:none}}@media(max-width:800px){.page{padding:0 26px}.intro{gap:20px;grid-template-columns:1fr;padding:40px 0}.scene{max-width:420px;width:100%;margin:10px auto 0}h1{font-size:48px}.lead{max-width:530px}.work-note{max-width:530px}.hello{right:8px}.scene-label{font-size:8px}}@media(max-width:420px){.page{padding:0 22px}header{height:88px}.brand{font-size:27px}.header-actions{gap:4px}.entry{padding:12px 16px}h1{font-size:39px;letter-spacing:-1.6px}.status{font-size:8px;letter-spacing:1px}.lead{font-size:15px}.hello{font-size:11px;padding:12px 15px;bottom:25px}.concept{font-size:9px}footer{flex-direction:column;gap:8px}.roadmap>div{gap:8px}.roadmap>div>span{font-size:11px}dialog{padding:32px 25px}}
/* Miuzzi identity — white and purple. Legacy blue token aliases the brand color. */
:root {
  --brand-white: #FFFFFF;
  --brand-purple: #6D28D9;
  --brand-purple-dark: #5B21B6;
  --brand-violet: #8B5CF6;
  --ink: #211334;
  --muted: #695B7E;
  --blue: var(--brand-purple);
  --paper: var(--brand-white);
  --lime: #EDE9FE;
}
header,.work-note,.roadmap,footer { border-color: #EEE7F6; }
.brand-icon { display:block; padding:0; border-radius:11px; letter-spacing:normal; }
.entry:hover { background:var(--brand-purple-dark); }
.entry:focus-visible,button:focus-visible,a:focus-visible { outline-color:var(--brand-violet); }
.status-dot { box-shadow:0 0 0 4px #6D28D910; }
.lead { color:#574566; }
.scene { isolation:isolate; }
.scene::before { content:""; position:absolute; inset:40px 0 30px; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,#F3EDFF 0%,#FFFFFF00 68%); }
.robot { width:100%; height:auto; max-height:475px; object-fit:contain; }
.hello { background:#FFFFFF; border-color:#E9DDF8; box-shadow:0 8px 24px #6D28D90A; right:0; bottom:43px; }
.concept { color:var(--muted); }
.roadmap>div>span { background:#FAF7FE; border-color:#E9DDF8; }
dialog { background:#FFFFFF; border-color:#E9DDF8; box-shadow:0 20px 80px #2E106520; }
dialog::backdrop { background:#2E106555; }
@media(max-width:420px) { .hello { bottom:28px; right:0; } }