.landing-themes{position:relative;flex:none;font-size:12px;z-index:25}
.landing-themes summary{display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;cursor:pointer;list-style:none;border:1px solid currentColor;border-radius:999px;padding:8px 12px}
.landing-themes summary::-webkit-details-marker{display:none}
.landing-themes summary:before{content:"";width:14px;height:14px;flex:none;border:1px solid currentColor;border-radius:50%;background:linear-gradient(90deg,#f5f4ef 50%,#006bff 50%)}
.landing-themes-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:170px;padding:8px;background:#fdfcf9;color:#101214;border:1px solid #ddddd7;border-radius:16px;box-shadow:0 12px 35px #10121420}
.landing-themes-menu button{display:block;width:100%;padding:12px;min-height:44px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}
.landing-themes-menu button[aria-current]{background:#eeede8}
@media(hover:hover){.landing-themes-menu button:hover{background:#eeede8}}
.landing-themes :focus-visible{outline:2px solid #315efb;outline-offset:3px}
@media(max-width:760px){.landing-themes summary{padding:8px;min-width:44px}.landing-themes summary span{display:none}}
/* The header and hero share z-index 2; lift the header so the open menu receives taps over the hero. */
header:has(.landing-themes){z-index:30}
/* Phones: the hero already shows Get Started. Dropping the header copy keeps logo, theme and Menu on one row
   and stops a dark pill from sitting directly under the iPhone Dynamic Island. */
@media(max-width:620px){.header-actions .cta-dark{display:none}}