/* Shared Wavellama palette. Original artwork and transactional emails are untouched. */
:root{--wl-cream:#FAF9F5;--wl-navy:#1C2B4A;--wl-salmon:#F8806E;--wl-turquoise:#138C9D;--wl-ocean:#138C9D;--wl-aqua:#D1E8EC;--wl-white:#FFFFFF;--wl-link:#1C2B4A;--wl-muted:#1C2B4A;--wl-line:#C4D6D9;--ink:var(--wl-navy);--navy:var(--wl-navy);--blue:var(--wl-link);--teal:var(--wl-link);--cream:var(--wl-cream);--mist:var(--wl-aqua);--coral:var(--wl-salmon);--pink:var(--wl-salmon);--muted:var(--wl-muted);--line:var(--wl-line)}
html{scroll-behavior:smooth}body{background:var(--wl-cream)!important;color:var(--wl-navy)}header,.footer{background:var(--wl-cream)!important;color:var(--wl-navy)}h1,h2,h3,h4{color:var(--wl-navy)}a{color:inherit}a:not(.button):not(.primary):not(.brand):hover{color:var(--wl-link)}.eyebrow{color:var(--wl-link)}
.button,.wave-primary,.primary{background:var(--wl-salmon)!important;color:var(--wl-navy)!important;border-color:transparent!important;font-weight:700}.button:hover,.wave-primary:hover,.primary:hover{background:#F99A8B!important;color:var(--wl-navy)!important;filter:none}.button:disabled,.primary:disabled{background:#D1E8EC!important;color:#1C2B4A!important;opacity:1!important;cursor:wait}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--wl-link)!important;outline-offset:4px}input,select,textarea{background:var(--wl-white);color:var(--wl-navy);accent-color:var(--wl-link)}input::placeholder,textarea::placeholder{color:var(--wl-muted)}.error,.field-error,#wave-error{color:#9E293E}.choice input:checked+span,.filters button[aria-pressed=true],.gallery-tab[aria-selected=true],.tab[aria-selected=true]{background:var(--wl-aqua);color:var(--wl-navy);border-color:var(--wl-link)}.feedback-card,.create-panel,.preview-panel,.entry,.person{background:var(--wl-white)}.compact-privacy-message{background:var(--wl-aqua)!important}.compact-privacy-message h2{color:var(--wl-navy)}.compact-privacy-message p{color:var(--wl-muted)}.compact-privacy-message a,.footer-privacy{color:var(--wl-link)}
.brand img{object-fit:contain}.links{background:var(--wl-cream)}.links a{color:var(--wl-navy)}.links .wave-primary{color:var(--wl-navy)}.footer-right{flex-wrap:wrap;gap:18px}.footer-right a{min-height:44px;display:inline-flex;align-items:center}.footer>.shell{gap:24px;flex-wrap:wrap}.footer span{font-size:14px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

input:not([type=checkbox]):not([type=radio]),select,textarea,.choice span{border-color:#67818D}.browse-tabs button[aria-selected=true],.occasion-tabs a[aria-current=true],.prompt-category-pills a[aria-current=true]{background:var(--wl-aqua);color:var(--wl-navy);border-color:var(--wl-link);box-shadow:inset 0 -2px 0 var(--wl-link)}
.final-round-cta,.wild-feature,.wild-shortcut,.cta{background:var(--wl-aqua)!important;color:var(--wl-navy)!important}.final-round-cta h2,.wild-feature h2,.wild-feature p,.wild-shortcut small,.cta h2,.cta p{color:var(--wl-navy)!important}.record-demo-button{background:var(--wl-link)!important;color:white!important}.error,.field-error{color:#9E293E!important}button[disabled]:not(.primary):not(.button){color:var(--wl-muted);opacity:1}button{accent-color:var(--wl-link)}

.button,.wave-primary,.primary{font-size:19px!important;font-weight:700!important;line-height:1.25}

/* Five navigation destinations stay usable on tablets and phones. */
@media(min-width:761px) and (max-width:1000px){.nav{position:relative}.nav .menu-toggle{display:block}.nav .links{display:none;position:absolute;top:100%;left:0;right:0;padding:16px;z-index:20;background:var(--wl-cream);border-bottom:1px solid var(--wl-line)}.nav .links.is-open{display:grid;gap:4px}.nav .links a{display:flex;align-items:center;min-height:44px;padding:10px 12px}}

/* One homepage-matched logo treatment for every branded page. */
body .site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--wl-navy);text-decoration:none;flex:none;white-space:nowrap}
body .site-brand img{display:block;width:64px!important;height:64px!important;object-fit:contain;clip-path:ellipse(46% 47% at 50% 50%);flex:none;background:transparent}
body .site-brand>span{font:800 27px/1 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:var(--wl-navy)}
body .footer .site-brand img{width:44px!important;height:44px!important}
body .footer .site-brand>span{font-size:14px}
@media(max-width:760px){body .site-brand{gap:5px}body .site-brand img{width:43px!important;height:43px!important}body .site-brand>span{font-size:24px}}
@media(max-width:360px){body .site-brand img{width:35px!important;height:35px!important}}

/* BETA follows the wordmark in the shared public header. */
body header .site-brand .beta-marker{position:static;display:inline-flex;align-items:center;flex:none;align-self:center;margin:0 0 0 2px;padding:3px 5px;border:1px solid var(--wl-turquoise);border-radius:5px;background:transparent;color:var(--wl-turquoise);font:700 12px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.05em;white-space:nowrap;pointer-events:none}
@media(max-width:760px){body header .site-brand .beta-marker{font-size:11px;padding:3px 4px;margin-left:0}body>header:has(.hero-header-create) .nav{gap:6px}body>header:has(.hero-header-create) .site-brand{gap:4px}body>header:has(.hero-header-create) .site-brand>span{font-size:18px}body>header:has(.hero-header-create) .site-brand img{width:32px!important;height:32px!important}}
@media(max-width:360px){body>header:has(.hero-header-create) .site-brand{gap:3px}body>header:has(.hero-header-create) .site-brand>span{font-size:16px}body>header:has(.hero-header-create) .site-brand img{width:26px!important;height:26px!important}body>header:has(.hero-header-create) .site-brand .beta-marker{font-size:10px;padding:2px 3px}body>header .hero-header-create{font-size:11px!important;padding:8px!important}}