@font-face { font-display: fallback; font-family: aegonregular; src: url("https://www.aegon.co.uk/etc.clientlibs/auk-base/clientlibs/clientlib-site/resources/axle/fonts/senticosansdt-regular-webfont.woff") format("woff"); }
@font-face { font-display: fallback; font-family: aegonmedium; src: url("https://www.aegon.co.uk/etc.clientlibs/auk-base/clientlibs/clientlib-site/resources/axle/fonts/senticosansdt-medium-webfont.woff") format("woff"); }
@font-face { font-display: fallback; font-family: aegonlight; src: url("https://www.aegon.co.uk/etc.clientlibs/auk-base/clientlibs/clientlib-site/resources/axle/fonts/senticosansdt-light-webfont.woff") format("woff"); }
@font-face { font-display: fallback; font-family: aegonheadingregular; src: url("https://www.aegon.co.uk/etc.clientlibs/auk-base/clientlibs/clientlib-site/resources/axle/fonts/ForeverFormaHeading-Regular.otf") format("opentype"); }

body { font-family: aegonlight, sans-serif; color: rgba(40,24,5,1); background: rgba(246,246,246,1); }
.hex-clip { clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.diamond-clip { clip-path: polygon(40% 0, 0 0, 0 100%, 40% 100%, 100% 70%, 100% 30%); }
button, a { cursor: pointer; transition: all 0.2s ease; }
a:hover { opacity: 0.85; }
button:hover { opacity: 0.9; }

.menu-panel { display: none; }
.menu-panel.open { display: block; }
.caret { transition: transform 0.2s ease; }
.caret.rotated { transform: rotate(225deg); }

.overlay { display: none; }
.overlay.open { display: flex; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.overlay.open > .overlay-box { animation: fadeIn 0.2s ease; }

#toast-wrap { position: fixed; z-index: 2147483646; bottom: 1.5rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: .5rem; align-items: center; pointer-events: none; }
.toast { background: rgba(40,24,5,1); color: rgba(246,246,246,1); padding: .75rem 1.25rem; border-radius: 9999px; font-size: .9rem; box-shadow: 0 6px 18px rgba(0,0,0,.25); opacity: 0; transform: translateY(10px); transition: all .25s ease; max-width: 90vw; text-align: center; }
.toast.show { opacity: 1; transform: translateY(0); }