:root{--red:#c90927;--gold:#c68c21;--ink:#161616;--soft:#f5f5f5}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#111;color:#fff}
.topbar{position:sticky;top:0;z-index:30;height:74px;background:rgba(255,255,255,.98);display:flex;align-items:center;padding:0 28px;gap:28px;border-bottom:1px solid #ddd}
.brand{width:230px;height:64px;overflow:hidden;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.topbar nav{display:flex;gap:22px;margin-left:auto}.topbar nav a{color:#333;text-decoration:none;font-weight:700;padding:24px 0 20px;border-bottom:3px solid transparent}.topbar nav a.active{color:var(--red);border-bottom-color:var(--red)}
.present-btn{margin-left:20px;border:0;background:var(--red);color:#fff;padding:10px 15px;border-radius:7px;font-weight:800;cursor:pointer}
.notice{background:#1a1a1a;color:#ddd;padding:10px 4%;display:flex;gap:15px;align-items:center;font-size:13px}.notice strong{color:#fff}.notice span{opacity:.8}
.mockup-wrap{background:#161616;padding:16px;min-height:calc(100vh - 145px);display:flex;justify-content:center;align-items:flex-start}.mockup{display:block;width:min(100%,1920px);height:auto;box-shadow:0 12px 38px rgba(0,0,0,.4)}
footer{display:flex;justify-content:space-between;background:#0b0b0b;color:#aaa;padding:14px 4%;font-size:12px}
.summary{background:#f5f5f5;color:#111;min-height:100vh;padding:70px 7%}.summary h1{font:64px Georgia,serif;margin:0 0 15px}.lead{font-size:21px;max-width:900px;color:#555}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:45px 0}.summary-grid article{background:#fff;border-radius:15px;padding:28px;border:1px solid #e6e6e6}.summary-grid h2{color:var(--red);margin-top:0}.summary-actions{display:flex;gap:12px;flex-wrap:wrap}.summary-actions a{background:var(--red);color:#fff;text-decoration:none;padding:13px 18px;border-radius:8px;font-weight:800}
body.present .topbar,body.present .notice,body.present footer{display:none}body.present .mockup-wrap{padding:0;min-height:100vh;background:#000}.present .mockup{width:100%;max-width:none;box-shadow:none}
@media(max-width:850px){.brand{width:160px}.topbar nav{gap:10px;overflow:auto}.topbar nav a{font-size:12px}.present-btn{display:none}.notice{display:block}.summary h1{font-size:45px}.summary-grid{grid-template-columns:1fr}footer{display:block}.mockup-wrap{padding:5px}}