/* One offer per row; price and scope belong beside that offer, never repeated. */
.offerings{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:56px 72px;background:white}
.offering-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:clamp(32px,6vw,88px);align-items:start;min-width:0;padding:clamp(26px,3.6vw,52px);border:0;border-radius:8px;scroll-margin-top:30px}
.offering-website{background:linear-gradient(120deg,#F4773508,#F477352B),white}
.offering-ai{background:linear-gradient(120deg,#E7A6B51A,#43235B14),white}
.offering-copy,.offering-scope{min-width:0}
.offering-kind{font-size:12px;line-height:1.6;font-weight:650;letter-spacing:.1em;color:var(--purple);margin:0 0 18px}
.offering-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.15;letter-spacing:-.04em;max-width:24ch;margin:0 0 22px;color:var(--ink);overflow-wrap:break-word}
.offering-intro{font-size:18px;line-height:1.7;max-width:54ch;margin:0 0 22px;color:var(--ink)}
.offering-included{padding:0 0 0 20px;margin:0;font-size:17px;line-height:1.65;color:var(--ink)}
.offering-included li{padding-left:3px;margin:0 0 9px}
.offering-included li:last-child{margin-bottom:0}
.offering-included li::marker{color:var(--orange)}
.offering-ai .offering-included li::marker{color:var(--purple)}
.offering-scope{padding-top:2px}
.offering-price{font-family:var(--heading);font-size:clamp(43px,4vw,56px);font-weight:500;letter-spacing:-.05em;line-height:1.15;color:var(--purple);margin:0 0 18px}
.offering-price small{font:400 16px/1.5 var(--body);letter-spacing:0}
.offering-price span{display:block;font:400 15px/1.6 var(--body);letter-spacing:0;margin-top:10px;color:var(--ink)}
.offering-website .offering-kind{display:inline-block;padding:4px 10px;background:var(--orange);color:var(--purple)}
.offering-cost-note{font-size:15px;line-height:1.6;color:var(--muted);max-width:34ch;margin:0 0 22px}
.offering-scope .button{max-width:100%;text-align:center;white-space:normal}
.offering-scope .button>span{flex:none}
.offering-details{margin-top:22px;min-width:0}
.offering-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 0;font:500 16px/1.5 var(--body);color:var(--purple);cursor:pointer;list-style:none}
.offering-details summary::-webkit-details-marker{display:none}
.offering-details summary>span{font-size:22px;line-height:1;flex:none}
.offering-details[open] summary>span{transform:rotate(45deg)}
.offering-details>p{font-size:16px;line-height:1.75;margin:8px 0 0;color:var(--muted);max-width:62ch}
.offering-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding:0 clamp(26px,3.6vw,52px)}
.offering-start .offering-details{margin-top:0}
.offering-start summary{font-size:18px}
.offerings :is(a,summary):focus-visible{outline:3px solid var(--purple);outline-offset:5px}
@media(max-width:900px){
 .offering-panel{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px}
 .offering-copy h2{max-width:28ch;font-size:36px}
 .offering-scope{padding:0;max-width:600px}
 .offering-scope .offering-details{max-width:600px}
 .offering-price{font-size:46px}
 .offering-start{padding-inline:30px;gap:28px}
}
@media(max-width:600px){
 .offerings{padding-block:28px 48px;gap:22px}
 .offering-panel{padding:26px 22px;gap:28px;border-radius:5px}
 .offering-kind{margin-bottom:14px}
 .offering-copy h2{font-size:30px;line-height:1.17;margin-bottom:18px}
 .offering-intro,.offering-included{font-size:17px;line-height:1.7}
 .offering-included{padding-left:17px}
 .offering-price{font-size:45px}
 .offering-price span,.offering-cost-note{font-size:15px}
 .offering-scope .button{width:100%;padding-inline:15px}
 .offering-start{grid-template-columns:minmax(0,1fr);gap:4px;padding-inline:4px}
 .offering-details summary{min-height:48px;font-size:16px}
 .offering-details>p{font-size:16px}
}

/* Both offers form one comparison, with price and action aligned below the copy. */
@media(min-width:901px){.offerings{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding-bottom:28px}.offering-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 2;row-gap:26px;padding:34px}.offering-copy h2{font-size:34px;min-height:2.3em}.offering-copy h2,.offering-intro{max-width:none}.offering-included{font-size:16px}.offering-scope{border-top:1px solid #43235B24;padding-top:24px}.offering-price{font-size:46px}}
