:root{--navy:#061327;--navy2:#0b1d37;--card:#0d203b;--white:#f8fbff;--muted:#aebbd0;--gold:#d7ad49;--gold2:#f5d77d;--blue:#198de0;--line:rgba(255,255,255,.11)}
*{box-sizing:border-box}
html{background:#030a13}
body{margin:0;min-height:100vh;color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 0,#12396a 0,#07152a 36%,#030a13 78%);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(100%,480px);margin:auto;min-height:100vh;padding:calc(env(safe-area-inset-top) + 10px) 14px calc(env(safe-area-inset-bottom) + 24px)}
.tabs{position:sticky;top:8px;z-index:5;display:grid;grid-template-columns:1fr 1.55fr .8fr .85fr;gap:5px;padding:5px;border:1px solid var(--line);border-radius:17px;background:rgba(4,14,28,.9);backdrop-filter:blur(14px);box-shadow:0 12px 36px rgba(0,0,0,.32)}
.tab{min-height:50px;padding:5px 2px;border:0;border-radius:12px;background:transparent;color:#8fa0b8;font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1.15;cursor:pointer}
.tab.active{color:#fff;background:linear-gradient(135deg,#17365f,#0f2647);box-shadow:inset 0 0 0 1px rgba(215,173,73,.45)}
.panel{padding:25px 3px 10px;animation:fade .24s ease}
.panel[hidden]{display:none}
@keyframes fade{from{opacity:.25;transform:translateY(5px)}}
.hero{text-align:center}
.logo{display:block;object-fit:contain;margin:0 auto}
.tonys-logo{width:min(92%,365px);height:108px}
.diamond-logo{width:min(92%,340px);height:190px;margin-top:-14px;margin-bottom:-12px}
.eyebrow{display:inline-block;margin:7px 0 10px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.gold{color:var(--gold2)}.blue{color:#58b9ff}
h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:33px;line-height:1.05;letter-spacing:-.025em}
h1 span{font-family:Inter,ui-sans-serif,sans-serif;font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0}
.intro{max-width:390px;margin:14px auto 0;color:#c3cee0;font-size:14px;line-height:1.55}
.tagline{margin:3px 0 0;color:#cfddf2;font-family:Georgia,serif;font-size:18px;font-style:italic}
.services{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:20px 0}
.services span{padding:8px 11px;border:1px solid rgba(215,173,73,.32);border-radius:999px;background:rgba(215,173,73,.08);color:#f6e4b6;font-size:11px;font-weight:650}
.blue-services span{border-color:rgba(51,160,238,.34);background:rgba(25,141,224,.1);color:#bfe5ff}
.actions{display:grid;gap:9px}
.action{display:flex;min-height:62px;flex-direction:column;justify-content:center;padding:11px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,43,78,.94),rgba(8,25,48,.94));box-shadow:0 7px 20px rgba(0,0,0,.16);transition:transform .15s,border-color .15s}
.action:active{transform:scale(.985)}
.action b{font-size:14px}.action small{margin-top:3px;color:var(--muted);font-size:11px}
.action.primary{border-color:rgba(215,173,73,.62);background:linear-gradient(135deg,#c4932c,#75561b);color:#fff}
.action.primary small{color:#fff3cf}
.action.blue-action.primary{border-color:#38aaf6;background:linear-gradient(135deg,#147fc7,#07518e)}
.action.save{border-color:rgba(255,255,255,.23);text-align:center}
.social-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.social{display:flex;min-height:56px;align-items:center;justify-content:center;border:1px solid rgba(45,155,235,.36);border-radius:14px;background:#0a2342;color:#d8efff;font-size:12px;font-weight:750}
.person{text-align:center;padding-top:36px}
.monogram{display:grid;width:92px;height:92px;margin:0 auto 16px;place-items:center;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 35% 25%,#375985,#0b1d36 70%);box-shadow:0 0 0 8px rgba(215,173,73,.08);font-family:Georgia,serif;font-size:32px;color:var(--gold2)}
.blue-mono{border-color:#279fe9;box-shadow:0 0 0 8px rgba(25,141,224,.1);color:#65c2ff}
.affiliation{margin:16px 0 23px;color:#c3cee0;font-size:13px;line-height:1.55}
footer{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:27px;padding:22px 5px 5px;border-top:1px solid var(--line);text-align:center;color:#7f90aa;font-size:10px}
footer strong{color:#d7e1ef;font-size:12px}footer small{font-size:9px}
@media(min-width:700px){.shell{padding-top:24px}.panel{padding-top:33px}}
@media(prefers-reduced-motion:reduce){.panel{animation:none}.action{transition:none}}