/* C refinement only: preserve the comparison directions. */
/* Light editorial body; the plum belongs to the opening and closing only. */
.c main>.section{--bg:#faf7f0;--ink:#302438;--muted:#635866;--line:#d6cdd3;--soft:#eee7df;background:var(--bg);color:var(--ink);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
.c main>#explore{--bg:#faf7f0;padding-top:80px}
.c main>#reading{--bg:#f0eee5}
.c main .section .plan{background:#fffdf8;border-color:#d6cdd3}
.c main .section .plan.featured{background:#eeefb8;border-color:#cbcd91;color:#302438}
.c main .section .demo{background:#f2dfd7;border:1px solid #e3c9be}
.c main .section .synthesis .tag{color:#805163}
.c main .section .topic{background:#fffdf8}
.c main .section .topic:hover,.c main .section .topic[aria-pressed=true]{background:#ead4df;color:#302438;border-color:#a1748c}
.c main .section .topic:hover small,.c main .section .topic[aria-pressed=true] small{color:#604151}
.c main .section .mini-plan{background:#faf8f2}
.c main .section .mini-plan:hover{background:#e9e3ed}
.c main .section .how{background:#e6e0ef}
.c main>.share-band{--line:#cbaea4;--ink:#302438;--muted:#63505b;--soft:#e9c6b8;background:#f0d7cb;color:var(--ink);box-shadow:0 0 0 100vmax #f0d7cb;clip-path:inset(0 -100vmax);border-top:0;padding:48px 0}
.c main .section :is(a,button,summary):focus-visible{outline-color:#644256}
@media(max-width:760px){.c main>#explore{padding-top:48px}}
.c .section-head .eyebrow{max-width:none}
@media(max-width:760px){.c .pricing .plan.featured{order:0}}
.c nav .brand{min-height:44px;display:inline-flex;align-items:center}
.c-only{display:none}.c .c-only{display:block}.c{--peach:#f2b6a7;--lavender:#c5b9de;--paper-ink:#302438;--reading:#f6efee}.c .switcher{background:#211826;color:#e0d4df;border-color:#59475f}.c .switcher button{background:transparent;color:#e0d4df;border-color:#77677b}.c .switcher button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.c .hero{padding-top:56px;padding-bottom:76px;gap:50px}.c .hero h1{text-wrap:balance}.c .intro{max-width:400px}.c .paper{padding:28px;max-width:410px}.c .paper h2{font-size:38px;line-height:1.04}.c .paper .venn{height:90px;margin:14px 0}.c .paper .orb{width:125px;height:80px;left:44px}.c .paper .orb+.orb{left:133px}.c .paper .venn span{left:135px;top:28px;font-size:21px}.c .paper .legend{font-size:12px;padding-bottom:12px}.c .paper p{font-size:14px;line-height:1.6}.c .caption{font-size:12px;bottom:-24px}.c .ribbon{font-size:13px;padding:20px 0;color:var(--muted)}.c .ribbon b{color:var(--ink)}.c .section{padding:72px 0}.c .section h2{font-size:clamp(34px,4vw,52px);line-height:1.1;text-wrap:balance}.c .section-head p{font-size:15px}.c .topics{border:0;gap:10px}.c .topic{border:1px solid var(--line);padding:20px 14px;min-height:134px;border-radius:4px;position:relative}.c .topic small{font-size:12px;color:var(--muted)}.c .topic[aria-pressed=true] small,.c .topic:hover small{color:var(--bg)}.c .topic[aria-pressed=true]{border-color:var(--peach)}.c .topic[aria-pressed=true]:after{content:'Selected';font-size:11px;display:block;margin-top:8px}.c .topic strong{font-size:16px}.c .demo{background:var(--reading);color:var(--paper-ink);padding:38px;border-radius:4px;gap:36px;min-height:265px}.c .demo h3{font-family:'DM Sans',sans-serif;font-size:29px;letter-spacing:-1px;line-height:1.15}.c .demo p{font-size:16px;line-height:1.7}.c .demo .small{color:#635666;font-size:12px}.c .demo a{font-weight:600;line-height:1.5}.c .tag,.c .eyebrow{font-size:12px;letter-spacing:1.4px}.c .synthesis{gap:30px;padding:32px 0 0;border-bottom:0}.c .synthesis h4{font-size:18px}.c .synthesis p{font-size:14px;line-height:1.7}.c .synthesis .tag{color:#ecabb2;font-size:11px}.c .pricing{gap:16px;grid-template-columns:1fr 1.15fr 1fr}.c .plan{border:1px solid var(--line);padding:28px;border-radius:4px;background:#35273c}.c .plan.featured{background:var(--ink);border-color:var(--ink)}.c .plan h3{display:flex;flex-direction:column;gap:14px;margin-top:24px;font-size:25px;line-height:1.2}.c .plan .price{float:none;font-size:43px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-2px}.c .plan p{font-size:15px;line-height:1.7}.c .plan ul{font-size:14px;line-height:1.7;margin:8px 0 24px}.c .plan li{margin:8px 0}.c .plan a{border-top:1px solid currentColor;text-decoration:none;min-height:52px;display:flex;align-items:center;font-weight:600}.c .plan a:hover{text-decoration:underline}.c .small{font-size:13px}.c .other-label{margin:38px 0 16px;font-size:16px;font-weight:500}.c .more-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.c .mini-plan{display:grid;grid-template-columns:1fr auto;gap:5px 20px;border:1px solid var(--line);padding:22px;border-radius:4px;min-height:120px;transition:background .2s}.c .mini-plan:hover{background:var(--soft)}.c .mini-plan strong{font-size:18px;font-weight:500}.c .mini-plan b{font-size:21px;font-weight:500}.c .mini-plan span{font-size:13px;color:var(--muted);grid-column:1/-1}.c .how{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:42px;background:var(--lavender);color:var(--paper-ink);border-radius:4px}.c .how h2{font-size:36px}.c .steps{display:grid;gap:22px}.c .step{display:grid;grid-template-columns:35px 1fr;gap:12px}.c .step b{font-size:12px;padding-top:4px}.c .step h3{margin:0 0 5px;font-size:18px;font-weight:500}.c .step p{margin:0;font-size:14px;line-height:1.6}.c .faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.c .faq details{border-bottom:1px solid var(--line);padding:0}.c summary{cursor:pointer;min-height:58px;padding:16px 0;list-style:none;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.c summary::-webkit-details-marker{display:none}.c summary:after{content:'+';font-size:22px;flex:none}.c details[open] summary:after{content:'−'}.c details p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 20px;max-width:550px}.c details a{text-decoration:underline;display:inline-flex;min-height:44px;align-items:center}.c .share-band{border-top:1px solid var(--line);padding:44px 0;display:flex;gap:30px;justify-content:space-between;align-items:center}.c .share-band h2{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:0 0 10px;font-weight:500}.c .share-band p{color:var(--muted);font-size:14px;margin:0}.c .share-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:40px;padding:14px 22px;display:inline-flex;gap:12px;align-items:center;min-height:52px;white-space:nowrap}.c .share-button:hover{background:var(--soft)}.c .share-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}.c .footer{align-items:center;flex-wrap:wrap}.c .footer a{min-height:44px;display:inline-flex;align-items:center}.c .legal{display:flex;gap:20px;flex-wrap:wrap}.c .design-note{background:#211826;color:#e0d4df;border-color:var(--line)}.c :is(.demo,.paper,.how,.featured) :is(a,button):focus-visible{outline-color:#302438}.c summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;z-index:10;background:#fff;color:#211826;padding:12px}.skip:focus{top:12px}.c button,.c a{touch-action:manipulation}.c .cta:active,.c .share-button:active{transform:translateY(1px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.c .art:hover .paper{transform:rotate(-1deg) translateY(-4px)}}
@media(max-width:1000px) and (min-width:761px){.c .shell{padding:0 32px}.c .hero{gap:28px}.c .hero h1{font-size:68px}.c .plan{padding:20px}.c .topics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.c .shell{padding:0 24px}.c .hero{padding:40px 0 60px;gap:42px}.c .hero h1{font-size:clamp(45px,12vw,66px);letter-spacing:-2.7px;line-height:1.04}.c .intro{font-size:16px}.c .art{padding:12px;min-height:0}.c .paper{padding:24px;transform:rotate(-3deg)}.c .paper h2{font-size:32px}.c .paper .orb{left:15%;width:42%}.c .paper .orb+.orb{left:43%}.c .paper .venn span{left:48%}.c .caption{font-size:11px;bottom:-28px}.c .section{padding:44px 0}.c .section-head p{max-width:100%;margin-top:16px}.c .topics{grid-template-columns:1fr 1fr;gap:8px}.c .topic{display:block;min-height:122px;padding:16px 12px}.c .topic small{display:block;margin-bottom:12px}.c .topic strong{font-size:15px}.c .topic .arrow{position:absolute;right:12px;top:14px}.c .topic:last-child{grid-column:1/-1;min-height:92px}.c .topic[aria-pressed=true]:after{margin-top:5px}.c .demo{padding:24px;min-height:0;gap:8px}.c .demo h3{font-size:27px}.c .demo a{font-size:14px}.c .synthesis{grid-template-columns:1fr;gap:22px}.c .pricing{grid-template-columns:1fr}.c .plan{padding:26px}.c .plan h3{flex-direction:row;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:10px}.c .plan .price{font-size:38px}.c .plan.featured{order:-1}.c .more-plans{grid-template-columns:1fr}.c .mini-plan{min-height:110px}.c .how,.c .faq{grid-template-columns:1fr;gap:26px}.c .how{padding:26px}.c .how h2{font-size:30px}.c .share-band{align-items:start;flex-direction:column;gap:22px}.c .share-band h2{font-size:29px}.c .footer{align-items:start}.c .legal{gap:16px}.c .switcher button{font-size:12px;padding:8px}.c .switcher{gap:8px}.c .switcher span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.c *, .c *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.c .paper,.c .art:before{transform:none!important}}