a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}.brand:hover,.button:hover{text-decoration:none}.button{cursor:pointer}.button.primary{background:#111;border-color:#111}.button:not(:disabled):hover{background:#f6f4ef}.button.primary:not(:disabled):hover{background:#282828}.button:disabled{cursor:not-allowed;background:#efeeeb;color:#77716a;border-color:#efeeeb}.actions .primary:disabled{background:#111;border-color:#111;color:#fff;opacity:.55}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
:focus-visible{outline:2px solid #946215;outline-offset:5px}[hidden]{display:none!important}::selection{background:#ffe3a6;color:#111}html{scroll-padding-top:24px}section[id],h2[id]{scroll-margin-top:32px}.skip{position:absolute;top:12px;left:12px;padding:12px 18px;background:white;z-index:10;transform:translateY(-160%)}.skip:focus{transform:none}
.navlinks a{min-height:44px;display:inline-flex;align-items:center}.navlinks [aria-current=page]{text-decoration:underline;text-underline-offset:5px}.brand{min-height:44px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer a:hover,.text-link{text-decoration:underline;text-underline-offset:4px}.play-link{display:inline-block}.preview-note{font-size:14px;line-height:1.5;color:#6a6762;margin-top:14px}.info-section{margin-top:80px;padding-top:48px;border-top:1px solid #ecebe8;display:grid;grid-template-columns:1fr 1fr;gap:80px}.info-section h2{font-size:36px;line-height:1.15;letter-spacing:-.02em}.info-section p{font-size:18px;line-height:1.6;max-width:62ch;margin-bottom:18px;color:#625e58}.info-section .preview-note{font-size:14px}.contact-section{margin-top:48px}.info-section details{border-bottom:1px solid #ecebe8;padding:0 0 20px;margin:0 0 20px}.info-section summary{cursor:pointer;font-size:20px;line-height:1.4}.info-section details p{margin:14px 0 0;font-size:16px}
.play-head .play-instructions{font-size:16px;line-height:1.5;margin-top:12px}.play-head h1{font-size:47px;line-height:1.15}.workspace{align-items:start}.baseline .note{font-size:14px;line-height:1.5;margin-top:20px}.baseline .text-link{font-size:15px;display:inline-block;margin-top:4px}.baseline p{line-height:1.5}.fields .wide{grid-column:1/-1}.field textarea{width:100%;min-height:112px;padding:12px;border:1px solid #d9d6d1;border-radius:7px;font:inherit;resize:vertical}.field input,.field select,.field textarea{color:#34322f;accent-color:#111}.fields fieldset{border:0;margin:0;padding:0;min-width:0}.fields legend{margin-bottom:12px}.choices{display:flex;gap:20px;flex-wrap:wrap}.choice{display:flex;align-items:center;gap:9px;min-height:32px}.choice input{width:18px;height:18px;accent-color:#111}.sample-note{font-size:14px;line-height:1.5}.comparison{overflow-wrap:anywhere}.comparison table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:16px}.comparison caption{text-align:left;color:#6a6762;margin-bottom:18px;font-size:14px}.comparison th,.comparison td{text-align:left;border-bottom:1px solid #ecebe8;padding:16px 12px;vertical-align:top;line-height:1.5;font-weight:400}.comparison thead{background:#f8f7f5}.comparison th:first-child{width:22%}.comparison th:last-child{width:15%}.comparison tr[data-different=true]{background:#fff6df}.comparison tr[data-different=true] td:last-child{color:#784a00}#status[data-state=match]{color:#31583c}#status[data-state=different]{color:#784a00}
@media(min-width:601px) and (max-width:1350px){nav,.wrap{margin-left:40px;margin-right:40px}.product-hero h1{font-size:clamp(38px,4.3vw,62px)}}
@media(min-width:601px) and (max-width:950px){.workspace{grid-template-columns:1fr 280px;gap:20px}.fields{grid-template-columns:1fr}.form,.baseline{padding:22px}.hero.product-hero{grid-template-columns:1fr;gap:32px}.extension-detail{max-width:440px;margin:auto}.product-strip{flex-wrap:wrap}.info-section{gap:36px}}
@media(max-width:600px){nav{height:auto;min-height:96px;padding:14px 0 10px;gap:0;flex-wrap:wrap}.navlinks{display:flex;width:100%;gap:24px;font-size:14px}.navlinks a{min-height:40px}.info-section{grid-template-columns:1fr;gap:20px;margin-top:48px;padding-top:32px}.info-section h2{font-size:30px}.info-section p{font-size:17px}.info-section summary{font-size:18px}.footer{flex-direction:column;gap:16px}.footer-links{gap:20px}.footer a{min-height:32px;display:inline-flex;align-items:center}.play-head h1{font-size:36px}.play-head{padding-top:30px}.comparison table,.comparison tbody{display:block}.comparison thead{display:none}.comparison tr{display:block;padding:16px 0;border-bottom:1px solid #ecebe8}.comparison th,.comparison td{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:7px 10px;border:0;width:auto!important}.comparison th::before,.comparison td::before{content:attr(data-label);color:#6a6762;font-size:14px}.comparison caption{display:block}.preview-note{font-size:14px}.art.orbit-art{margin-top:12px}}
/* One entrance for the orbital artwork; controls remain ready immediately. */
@keyframes orbit-trace{from{stroke-dashoffset:.78;opacity:.3}to{stroke-dashoffset:0;opacity:1}}
@keyframes orbit-light{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .orbit-art svg g[stroke] ellipse{stroke-dasharray:1;animation:orbit-trace 780ms cubic-bezier(.16,1,.3,1) 1}
 .orbit-art svg g[mask]>ellipse,.orbit-art svg circle{animation:orbit-light 780ms cubic-bezier(.16,1,.3,1) 1}
 .button{transition:background-color 160ms ease,border-color 160ms ease,transform 100ms ease}
 .arrow,.link-arrow{display:inline-block;transition:transform 180ms cubic-bezier(.16,1,.3,1)}
 .product-strip{transition:background-color 180ms ease}
 .button:not(:disabled):active{transform:translateY(1px)}
 a:focus-visible .arrow,a:focus-visible .link-arrow{transform:translateX(3px)}
 @media(hover:hover) and (pointer:fine){a:hover .arrow,a:hover .link-arrow{transform:translateX(3px)}}
}
.product-strip .link{display:inline-block}
.product-strip:focus-within{background:#fffcf5}
@media(hover:hover) and (pointer:fine){.product-strip:has(a:hover){background:#fffcf5}}
#status{border-radius:4px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Disclosure arrows follow the Role selector: right when closed, down when open. */
.info-section summary{list-style:none;position:relative;padding-left:22px}
.info-section summary::-webkit-details-marker{display:none}
.info-section summary::before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:-45deg;transition:rotate 300ms ease}
.info-section details[open]>summary::before{rotate:45deg}
@supports (interpolate-size:allow-keywords){
 .info-section details::details-content{interpolate-size:allow-keywords;block-size:0;opacity:0;overflow:clip;transition:block-size 300ms ease,opacity 300ms ease,content-visibility 300ms allow-discrete}
 .info-section details[open]::details-content{block-size:auto;opacity:1}
}
@media(prefers-reduced-motion:reduce){.info-section summary::before,.info-section details::details-content{transition:none}}

.play-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:24px 0 0;padding-left:22px;font-size:17px;line-height:1.5}.play-steps li{padding-left:4px}.play-steps span{display:block;color:#625e58;font-size:15px;margin-top:4px}@media(max-width:600px){.play-steps{grid-template-columns:1fr;gap:14px;margin-top:20px}}