:root{--color-canvas:#f4f7fc;--color-surface:#ffffff;--color-ink:#111d40;--color-muted:#586b8b;--color-accent:#2059e8;--color-border:#dde5f1;--radius:20px;--spacing:24px}*{box-sizing:border-box}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:Arial,Helvetica,sans-serif}.shell{max-width:1440px;min-height:100svh;padding:36px clamp(24px,6vw,88px) 24px;margin:0 auto;display:flex;flex-direction:column}footer,header{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:700;letter-spacing:-1px}.brand-mark{font-size:42px;color:var(--color-accent)}.status{font-size:13px;color:var(--color-muted);display:flex;gap:8px;align-items:center}.status span{width:6px;height:6px;border-radius:50%;background:var(--color-accent)}main{flex:1 1;min-height:570px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:72px 0}.eyebrow{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:var(--color-accent)}.eyebrow,h1{margin:0 0 28px}h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(40px,4.7vw,68px);line-height:1.08;letter-spacing:-2px}.description{font-size:19px;line-height:1.65;max-width:480px}.description,.note{color:var(--color-muted)}.note{font-size:13px;line-height:1.6;max-width:400px;margin-top:40px;padding-top:20px;border-top:1px solid var(--color-border)}.visual{position:relative;min-height:440px;border-radius:200px 200px var(--radius) var(--radius);overflow:hidden;background:#eaf1ff}.arch{width:56%;height:80%;bottom:-12%;left:20%;background:#7499f4;border-radius:180px 180px 0 0;box-shadow:inset 18px 4px 40px #3565ca}.arch,.tile{position:absolute}.tile{width:37%;height:33%;background:#c7d6f6;box-shadow:10px 20px 40px #111d4022}.tile-one{left:7%;bottom:9%;transform:rotate(-10deg)}.tile-two{right:-5%;bottom:18%;background:#f0f5ff;transform:rotate(16deg)}.orb{position:absolute;width:95px;height:95px;left:51%;top:13%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff,#c7d6f6);box-shadow:12px 14px 25px #111d4022}footer{border-top:1px solid var(--color-border);padding-top:24px;color:var(--color-muted);font-size:12px;line-height:1.6}@media (max-width:760px){header{flex-wrap:wrap}main{grid-template-columns:1fr;gap:32px;padding:56px 0}.visual{min-height:300px}h1{letter-spacing:-1px}footer{align-items:flex-start;flex-direction:column;gap:8px}}