.ap{--you:#E53E2E;--ai:#2DB84B;--ink:#0D0D0D;--paper:#F6F4EF;--mist:#a3a3a3}
.ap a:focus-visible,.ap summary:focus-visible{outline:2px solid var(--ai);outline-offset:4px;border-radius:6px}
.ap-h1{font-size:clamp(2.6rem,6.2vw,4.6rem);line-height:1.02;letter-spacing:-.022em;text-wrap:balance}
.ap-lead{font-size:1.2rem;line-height:1.65;max-width:33rem;color:#cfcfcf}
.ap-h2{font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.08;letter-spacing:-.012em;text-wrap:balance}
.ap-p{font-size:1.0625rem;line-height:1.7;color:var(--mist);max-width:36rem}
.ap-art svg{display:block;width:100%;height:auto}
.who{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#c9c9c9}
.who::before{content:'';width:.7rem;height:.7rem;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}
.who.you{--c:var(--you)}.who.ai{--c:var(--ai)}.who.us{--c:#fff}
/* how we work: a plain numbered list, same rhythm as the who-does-what list */
.hw-list{list-style:none;margin:0;padding:0;counter-reset:hw}
.hw-list li{display:grid;grid-template-columns:3rem 1fr;gap:1.2rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.09)}
.hw-list li:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
.hw-list li::before{counter-increment:hw;content:counter(hw);font-family:Oxanium,sans-serif;font-weight:600;font-size:1.5rem;line-height:1.2;color:#6f6f6f}
.hw-list h3{font-size:1.2rem;line-height:1.3;color:#fff;margin-bottom:.4rem}
.hw-list p{color:var(--mist);line-height:1.65;max-width:34rem}
/* who does what */
.dl-row{display:grid;grid-template-columns:11rem 1fr;gap:1.5rem;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.09)}
.dl-row:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
.dl-row dt{font-family:Oxanium,sans-serif;font-weight:600;color:#fff;font-size:1.1rem}
.dl-row dd{margin:0;color:var(--mist);line-height:1.65}
@media (max-width:640px){.dl-row{grid-template-columns:1fr;gap:.35rem}}
/* statement */
.stmt{font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.2;letter-spacing:-.01em;max-width:44rem}
.spark{width:1.6rem;height:1.6rem;color:var(--ai);margin-bottom:1.2rem}
/* why */
.why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 3.5rem}
.why div{border-top:1px solid rgba(255,255,255,.1);padding-top:1.3rem}
.why h3{font-size:1.3rem;color:#fff;margin-bottom:.6rem}
.why p{color:var(--mist);line-height:1.7}
@media (max-width:760px){.why{grid-template-columns:1fr}}
/* the quote sheet: the one light object on the page */
.quote{background:var(--paper);color:#1d1d1b;border-radius:16px;padding:2rem 2rem 1.6rem;box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.quote h3{font-size:1.15rem;margin-bottom:1rem;color:#1d1d1b}
.qi{padding:1rem 0;border-top:1px solid #e0dccf}
.qi-top{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.qi b{font-weight:600}
.qi em{font-style:normal;font-size:.85rem;color:#6f6b60;white-space:nowrap}
.qi p{margin-top:.3rem;color:#5d5a52;line-height:1.6;font-size:.97rem}
.q-foot{border-top:1.5px solid #1d1d1b;margin-top:.4rem;padding-top:1rem;color:#5d5a52;font-size:.95rem;line-height:1.6}
/* questions */
.qa{border-top:1px solid rgba(255,255,255,.09)}
.qa:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding:1.3rem 0;font-family:Oxanium,sans-serif;font-weight:600;font-size:1.15rem;color:#fff}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'';flex:none;width:.8rem;height:.8rem;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;color:#8a8a8a;transition:transform .25s}
.qa[open] summary::after{transform:rotate(45deg);color:var(--ai)}
.qa p{padding:0 0 1.4rem;color:var(--mist);line-height:1.7;max-width:44rem}
.qa p.more{margin-top:-.6rem}
.why p.more{margin-top:.8rem}
@media (prefers-reduced-motion:reduce){.qa summary::after{transition:none}}


@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html{scroll-padding-top:8.5rem}
.ap-h1 .gradient-text{display:inline-block;text-wrap:balance}
.cf-title{font-size:clamp(2.3rem,4.4vw,3.6rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
nav a:focus-visible,footer a:focus-visible,.lnk:focus-visible,.post:focus-visible{outline:2px solid #2DB84B;outline-offset:4px;border-radius:4px}
.lnk{font-weight:600;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:.3em;text-decoration-thickness:1px;transition:text-decoration-color .2s}
.lnk:hover{text-decoration-color:#fff}
.lnk.solo{display:inline-block;padding:.45rem 0}
a.bg-lola-red{background-color:#DA3828}
.post{display:block;border-top:1px solid rgba(255,255,255,.1);padding-top:1.2rem}
.post:hover h3{text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:.25em}
/* contact form: one required field */
.cf{background:#161616;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem}
@media (max-width:640px){.cf{padding:1.4rem}}
.cf-topics{border:0;padding:0;margin:0 0 1.6rem}
.cf-topics legend{padding:0;margin-bottom:.8rem;font-weight:500;color:#d4d4d4}
.cf-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.cf-chip{position:relative}
.cf-chip input{position:absolute;opacity:0;width:1px;height:1px}
.cf-chip span{display:inline-block;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#cfcfcf;font-size:.95rem;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.cf-chip span:hover{border-color:rgba(255,255,255,.4);color:#fff}
.cf-chip input:checked+span{border-color:#2DB84B;background:rgba(45,184,75,.14);color:#fff}
.cf-chip input:focus-visible+span{outline:2px solid #2DB84B;outline-offset:3px}
.cf-field{margin-bottom:1.3rem}
.cf-field>label{display:block;margin-bottom:.5rem;font-weight:500;color:#d4d4d4}
.cf .opt{font-weight:400;color:#8a8a8a}
.cf-err{margin:-.1rem 0 .5rem;font-weight:500;color:#ff8a7a}
.cf .cf-field input,.cf .cf-field textarea{display:block;width:100%;background:#0D0D0D;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:.85rem 1rem;color:#fff;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}
.cf .cf-field textarea{resize:vertical;min-height:6.5rem}
.cf .cf-field input:focus,.cf .cf-field textarea:focus{outline:none;border-color:#2DB84B;box-shadow:0 0 0 3px rgba(45,184,75,.22)}
.cf .cf-field input[aria-invalid="true"]{border-color:#ff8a7a;box-shadow:0 0 0 1px #ff8a7a}
.cf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.6rem}
.cf .cf-send{background:#DA3828;color:#fff;font-weight:600;padding:.85rem 2rem;border-radius:6px;cursor:pointer;transition:background-color .2s}
.cf .cf-send:hover{background:#b91c1c}
.cf .cf-send:focus-visible{outline:2px solid #2DB84B;outline-offset:3px}
.cf .cf-send:disabled{opacity:.6;cursor:wait}
.cf-note{flex:1 1 16rem;font-size:.85rem;line-height:1.5;color:#8a8a8a}
.cf-note a,.cf-status a{text-decoration:underline;text-underline-offset:.2em}
.cf-status{margin-top:1rem;color:#ff8a7a}
.cf-status:empty{display:none}
.cf-done:empty{display:none}
.cf-done{display:flex;gap:1rem;align-items:flex-start;padding:.5rem 0;outline:none}
.cf-done a{color:#fff;text-decoration:underline;text-underline-offset:.2em}
.cf-done b{color:#fff;font-weight:600;word-break:break-all}
.cf-done .tick{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#2DB84B}
.cf-done h3{font-family:Oxanium,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;margin-bottom:.3rem}
.cf-done p{color:#a3a3a3;line-height:1.6;margin-top:.35rem}
@media (prefers-reduced-motion:reduce){.lnk,.cf-chip span,.cf .cf-field input,.cf .cf-field textarea,.cf .cf-send{transition:none}}