/* The portfolio's paper, type and drawings remain the frame. Each offer gets
   room to explain its scope; prices stay beside the decision, never in cards. */
.pricing-page{background:var(--paper);color:var(--ink)}
.pricing-header,.pricing-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:25px 5vw;font:500 13px/1.4 var(--sans)}
.pricing-header a,.pricing-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.pricing-main{max-width:1280px;margin:auto;padding:0 5vw;overflow:visible}
.pricing-opening{text-align:center;padding:45px 0 40px}
.pricing-spot{width:370px;max-width:85%;height:auto;margin:0 auto 27px;mix-blend-mode:multiply}
.pricing-opening h1{font:400 clamp(56px,6.4vw,88px)/1.04 var(--serif);font-optical-sizing:auto;letter-spacing:-.035em;margin:0 0 30px;text-wrap:balance}
.pricing-opening h1 em{color:var(--ink)}
.pricing-opening>p{font:400 24px/1.4 var(--serif);margin:auto;max-width:640px;text-wrap:pretty}
.pricing-path{max-width:790px;margin:0 auto 70px;text-align:center}
.pricing-path ol{display:flex;justify-content:center;align-items:center;gap:28px;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.pricing-path a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 14px/1.5 var(--sans);text-decoration:underline;text-underline-offset:5px}
.pricing-path a span{color:var(--blue)}
.pricing-path>p{font:400 13px/1.5 var(--sans);margin-top:16px;color:var(--muted)}
.first-impression-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;max-width:1090px;margin:0 auto 65px;padding:40px 20px 50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:40px}
.first-impression-offer h2{font:400 clamp(38px,3.7vw,52px)/1.08 var(--serif);font-optical-sizing:auto;letter-spacing:-.025em;text-wrap:balance}
.first-impression-offer>div>p:not(.offer-time):not(.small-note){font:400 22px/1.45 var(--serif);text-wrap:pretty}
.small-note{font:400 12px/1.6 var(--sans);color:var(--muted);margin-top:16px;text-wrap:pretty;max-width:480px}
.pricing-proof{max-width:780px;margin:0 auto 65px;padding:0 20px;font:400 20px/1.5 var(--serif);text-wrap:pretty}
.pricing-proof a{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.product-offers{max-width:1090px;margin:auto}
.pricing-offer{scroll-margin-top:40px;min-width:0}
.offer-review{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px 100px;padding:26px 20px 85px}
.offer-story{max-width:430px}
.offer-time{font:500 12px/1.5 var(--sans);margin:0 0 20px;color:var(--muted)}
.pricing-offer h2{font:400 clamp(46px,4.7vw,68px)/1.04 var(--serif);font-optical-sizing:auto;letter-spacing:-.03em;margin:0 0 24px;text-wrap:balance}
.offer-copy{font:400 24px/1.4 var(--serif);text-wrap:pretty;margin:0;color:var(--ink)}
.offer-rate{text-align:center;align-self:center;min-width:0}
.rate-from,.rate-period{font:400 13px/1.4 var(--sans);color:var(--muted);margin:0 0 8px}
.rate-amount{font:400 clamp(50px,6vw,82px)/1.1 var(--serif);font-optical-sizing:auto;letter-spacing:-.04em;color:var(--ink);margin:0;white-space:nowrap;font-variant-numeric:lining-nums}
.rate-period{margin:6px 0 0}
.rate-other{font:400 13px/1.5 var(--sans);color:var(--muted);margin:12px 0 0}
.rate-other span{font:400 25px/1.15 var(--serif);color:var(--ink);margin-left:5px;letter-spacing:-.02em;white-space:nowrap}
.offer-cta{display:inline-flex;align-items:center;gap:12px;min-height:44px;max-width:100%;font:500 14px/1.45 var(--sans);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;margin-top:24px}
.offer-cta span{color:var(--blue);flex:none}
.offer-cta:hover,.pricing-path a:hover,.website-versions a:hover{color:var(--red)}
.review-inclusions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;margin-top:10px}
.review-inclusions p,.offer-description,.sprint-inclusions p,.offer-detail p,.monthly-note,.pricing-terms p{font:400 20px/1.5 var(--serif);text-wrap:pretty;color:var(--ink)}
.review-guarantee,.partner-guarantee,.sprint-guarantee{grid-column:1/-1;font:400 20px/1.5 var(--serif);text-wrap:pretty;max-width:880px}
.review-guarantee strong,.partner-guarantee strong,.sprint-guarantee strong{font-weight:600}
.offer-detail{grid-column:1/-1;max-width:860px;margin-top:0}
.offer-detail summary,.terms-detail summary{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:44px;list-style:none;font:500 13px/1.5 var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.offer-detail summary::-webkit-details-marker,.terms-detail summary::-webkit-details-marker{display:none}
.offer-detail summary::after,.terms-detail summary::after{content:'+';font-size:18px;text-decoration:none;color:var(--blue);flex:none}
.offer-detail[open] summary::after,.terms-detail[open] summary::after{content:'−'}
.offer-detail p{padding:15px 0 0;font-size:18px}
.offer-upgrade{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:44px 60px;border-top:1px solid var(--line);padding:85px 20px 88px}
.upgrade-heading .offer-copy{max-width:510px}
.offer-upgrade h2{font-size:clamp(48px,5.2vw,74px)}
.sprint-inclusions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 60px;padding-top:10px}
.sprint-inclusions h3{font:500 26px/1.2 var(--serif);letter-spacing:-.01em;margin:0 0 14px}
.sprint-inclusions p{font-size:19px}
.sprint-rhythm{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;padding-top:4px}
.sprint-rhythm p{font:400 19px/1.5 var(--serif);text-wrap:pretty}
.sprint-guarantee{font-size:18px;color:var(--muted);margin-top:-16px}
.offer-monthly{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px 75px;margin:0 0 0 80px;padding:42px 20px 100px}
.offer-monthly h2{font-size:clamp(48px,4.7vw,67px)}
.offer-monthly .offer-description{margin-top:25px}
.offer-monthly .offer-rate{padding-top:25px}
.monthly-note{grid-column:1/-1;max-width:720px;font-size:18px;margin-top:4px;color:var(--muted)}
.partner-guarantee{font-size:19px;margin-top:0}
.other-starts{padding:76px 20px 88px;max-width:1090px;margin:auto}
.other-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:60px;align-items:center;margin-bottom:47px}
.other-heading h2{font:400 clamp(43px,4.2vw,60px)/1.04 var(--serif);letter-spacing:-.025em}
.other-heading>p{font:400 23px/1.4 var(--serif);max-width:350px;text-wrap:pretty}
.other-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:85px}
.other-links>div{min-width:0;scroll-margin-top:40px}
.other-links h3{font:400 32px/1.12 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin-bottom:17px}
.other-links h3 a{display:inline-block;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.other-links h3 a span{color:var(--blue)}
.other-links>div>p{font:400 20px/1.5 var(--serif);text-wrap:pretty}
.other-links .other-price{font:400 28px/1.2 var(--serif);margin-top:23px;letter-spacing:-.02em}
.other-price span{display:block;font:400 13px/1.5 var(--sans);color:var(--muted);letter-spacing:0;margin-top:8px}
.website-versions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 20px;margin:13px 0 0}
.website-versions a{display:inline-flex;align-items:center;min-height:44px;font:500 13px/1.5 var(--sans);text-decoration:underline;text-underline-offset:5px}
.pricing-terms{max-width:1030px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:100px;border-top:1px solid var(--line);padding:68px 0 55px}
.pricing-terms h2{font:400 clamp(40px,4vw,54px)/1.08 var(--serif);letter-spacing:-.025em;margin:0 0 25px}
.pricing-terms h3{font:400 32px/1.1 var(--serif);letter-spacing:-.02em;margin:0 0 25px}
.pricing-terms p{font-size:19px;margin:0 0 17px}
.terms-detail{margin-top:18px}
.terms-detail p{font-size:18px;margin-top:15px}
.founding-terms{padding-top:38px}
.pricing-terms .capacity-note{font-size:17px;color:var(--muted);margin-top:22px}
.pricing-contact{text-align:center;padding:70px 0 95px}
.pricing-contact h2{font:400 clamp(32px,3.5vw,44px)/1.2 var(--serif);letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance}
.pricing-contact h2 a{display:inline-block;min-height:44px;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.pricing-contact h2 a span{color:var(--blue)}
.pricing-contact p{font:400 21px/1.5 var(--serif);margin:0 0 15px;text-wrap:balance}
.pricing-email{display:inline-flex;align-items:center;min-height:44px;font:400 14px/1.5 var(--sans);text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.pricing-footer{border-top:1px solid var(--line);max-width:1280px;font-size:13px;padding-top:20px;padding-bottom:30px}
.pricing-footer a:first-child{font:500 23px/1.3 var(--serif);letter-spacing:-.02em;text-decoration:none}
@media(max-width:1000px){
 .offer-review,.offer-upgrade{column-gap:45px;padding-left:0;padding-right:0}
 .offer-monthly{margin-left:25px;column-gap:40px;padding-left:0;padding-right:0}
 .review-inclusions,.sprint-rhythm{gap:40px}
 .sprint-inclusions{gap:26px}
 .sprint-inclusions h3{font-size:24px}
 .first-impression-offer{gap:45px;padding-left:0;padding-right:0}
 .other-starts{padding-left:0;padding-right:0}
 .other-links{gap:50px}
 .pricing-terms{gap:55px}
 .rate-amount{font-size:clamp(47px,6vw,70px)}
 .rate-other span{display:block;margin:4px 0 0}
}
@media(max-width:650px){
 .pricing-header,.pricing-footer{padding:18px 22px;font-size:12px;gap:20px;align-items:flex-start}
 .pricing-header a{max-width:48%}
 .pricing-header a:last-child{text-align:right;justify-content:flex-end}
 .pricing-main{padding:0 24px}
 .pricing-opening{padding:38px 0 27px}
 .pricing-spot{width:310px;max-width:100%;margin-bottom:23px}
 .pricing-opening h1{font-size:clamp(44px,11.5vw,66px);line-height:1.07;margin-bottom:25px}
 .pricing-opening>p{font-size:22px;line-height:1.4;max-width:370px}
 .pricing-path{margin-bottom:40px}
 .pricing-path ol{gap:4px 18px}
 .pricing-path a{font-size:12px;gap:4px}
 .pricing-path>p{font-size:12px;margin:10px auto 0;max-width:290px}
 .first-impression-offer{grid-template-columns:minmax(0,1fr);gap:26px;margin-bottom:44px;padding:34px 0 42px}
 .first-impression-offer h2{font-size:39px}
 .first-impression-offer>div>p:not(.offer-time):not(.small-note){font-size:22px}
 .pricing-proof{padding:0;margin-bottom:43px;font-size:20px}
 .offer-review,.offer-upgrade,.offer-monthly{grid-template-columns:minmax(0,1fr);gap:28px;margin-left:0;padding:28px 0 65px}
 .offer-story{max-width:none}
 .pricing-offer h2{font-size:48px;line-height:1.04;margin-bottom:20px}
 .offer-time{font-size:12px;margin-bottom:16px;max-width:340px}
 .offer-copy{font-size:23px;line-height:1.4}
 .offer-rate{justify-self:start;text-align:left;padding-top:0!important}
 .rate-amount{font-size:clamp(52px,14vw,65px)}
 .rate-other{font-size:13px;margin-top:8px}
 .rate-other span{display:inline;font-size:25px;margin-left:5px}
 .offer-cta{font-size:14px;margin-top:19px}
 .review-inclusions{grid-column:1;grid-template-columns:minmax(0,1fr);gap:25px;margin-top:0;padding-top:0}
 .review-inclusions p,.offer-description{font-size:20px;line-height:1.5}
 .review-guarantee,.partner-guarantee,.sprint-guarantee{grid-column:1;font-size:20px;line-height:1.5}
 .offer-upgrade{padding-top:55px}
 .offer-upgrade h2{font-size:49px}
 .sprint-inclusions{grid-column:1;grid-template-columns:minmax(0,1fr);gap:26px;padding-top:7px}
 .sprint-inclusions h3{font-size:26px;margin-bottom:10px}
 .sprint-inclusions p{font-size:20px}
 .offer-detail{grid-column:1}
 .offer-detail p{font-size:19px}
 .sprint-rhythm{grid-column:1;grid-template-columns:minmax(0,1fr);gap:20px}
 .sprint-rhythm p{font-size:20px}
 .sprint-guarantee{font-size:18px;margin-top:0}
 .offer-monthly{padding-top:26px;padding-bottom:70px}
 .offer-monthly .offer-description{margin-top:24px}
 .monthly-note{grid-column:1;font-size:18px;margin-top:0}
 .partner-guarantee{font-size:19px}
 .other-starts{padding:53px 0 61px}
 .other-heading{display:block;margin-bottom:36px}
 .other-heading h2{font-size:43px;margin-bottom:24px}
 .other-heading>p{font-size:22px;max-width:350px}
 .other-links{grid-template-columns:minmax(0,1fr);gap:42px}
 .other-links h3{font-size:31px}
 .other-links .other-price{font-size:30px}
 .pricing-terms{display:block;padding:50px 0 32px}
 .pricing-terms h2{font-size:43px;margin-bottom:25px}
 .pricing-terms p{font-size:20px;line-height:1.5}
 .terms-detail p{font-size:19px}
 .pricing-terms .capacity-note{font-size:18px}
 .founding-terms{padding-top:36px}
 .pricing-terms h3{font-size:34px;margin-bottom:23px}
 .pricing-contact{padding:40px 0 65px}
 .pricing-contact h2{font-size:34px;line-height:1.25}
 .pricing-contact p{font-size:20px}
 .pricing-email{font-size:13px}
 .pricing-footer a:first-child{font-size:21px;white-space:nowrap}
 .pricing-footer a:last-child{font-size:12px;text-align:right;max-width:145px}
}
@media(max-width:360px){
 .pricing-main{padding:0 22px}
 .pricing-path ol{gap:3px 14px}
 .pricing-path a{font-size:11px}
 .pricing-offer h2,.offer-upgrade h2{font-size:44px}
 .rate-amount{font-size:52px}
 .rate-other span{font-size:23px}
 .first-impression-offer h2{font-size:36px}
}

/* Smaller scopes stay findable without becoming another row of pricing cards. */
.review-credit{grid-column:1/-1;max-width:800px;font:400 13px/1.6 var(--sans);color:var(--muted)}
.sprint-page-link{grid-column:1/-1;margin-top:0;width:max-content;max-width:100%}
.further-offers{max-width:1090px;margin:auto;border-top:1px solid var(--line);padding:75px 20px 25px}
.further-offers .other-heading{margin-bottom:42px}
.further-offer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px 70px;align-items:center;padding:34px 0 40px;border-top:1px solid var(--line);scroll-margin-top:40px;min-width:0}
.further-offer h3{font:400 37px/1.1 var(--serif);letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.further-offer .offer-description{font-size:21px;max-width:530px}
.further-rate{min-width:0;text-align:center}
.focused-price{font:400 41px/1.12 var(--serif);letter-spacing:-.025em;font-variant-numeric:lining-nums;margin:0}
.focused-price span{display:block;font:400 13px/1.5 var(--sans);letter-spacing:0;color:var(--muted);margin-top:10px}
.further-offer .offer-time{margin-bottom:16px}
.further-offer .offer-detail{margin-top:0}
@media(max-width:1000px){.further-offers{padding-left:0;padding-right:0}.further-offer{column-gap:40px}.focused-price{font-size:38px}}
@media(max-width:650px){
 .further-offers{padding:52px 0 10px}
 .further-offers .other-heading{margin-bottom:33px}
 .further-offer{grid-template-columns:minmax(0,1fr);gap:23px;padding:31px 0 37px}
 .further-offer h3{font-size:35px}
 .further-offer .offer-description{font-size:21px}
 .further-rate{text-align:left}
 .focused-price{font-size:40px}
 .further-offer .offer-detail{grid-column:1}
 .review-credit{grid-column:1}
 .sprint-page-link{grid-column:1;font-size:14px}
}