/* The offer (Sep 26, 2026): everything you get, the 7-Day Reset, the
 * Lessen promise and the cost calculator. Shared by the homepage and the
 * pricing page. Nothing is hidden unless offer.js has run and marked
 * <html> with .of-on, so a page without JavaScript reads in full. Motion
 * answers scroll only; reduced motion shows everything at rest.
 */
.of-sec{max-width:1160px;margin:0 auto;padding:clamp(40px,5vh,60px) clamp(20px,4vw,32px) clamp(70px,9vh,110px);scroll-margin-top:90px}
.of-label{margin:0 0 14px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#A49C90}
.of-h2{margin:0 0 16px;max-width:22ch;font-family:'Newsreader',Georgia,serif;font-weight:300;font-size:clamp(32px,4.4vw,52px);line-height:1.04;letter-spacing:-0.02em;color:#F2EEE7;text-wrap:balance}
.of-sub{margin:0;max-width:58ch;font-size:15.5px;line-height:1.65;color:#A8A29A}
.of-glass{border-radius:22px;background:linear-gradient(152deg,rgba(255,248,236,.066) 0%,rgba(255,248,236,.047) 46%,rgba(255,248,236,.039) 100%);border:0.5px solid rgba(255,248,236,.06);border-top-color:rgba(255,248,236,.118);border-left-color:rgba(255,248,236,.096);box-shadow:0 1px 0 rgba(255,248,236,.085) inset,0 16px 34px -16px rgba(0,0,0,.51)}
.of-tag{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9D9588}

/* ---- everything you get ---- */
.of-stack{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:40px}
.of-card{grid-column:span 2;padding:22px 22px 24px;display:flex;flex-direction:column}
.of-card:nth-child(4),.of-card:nth-child(5){grid-column:span 3}
.of-card h3{margin:14px 0 12px;font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:24px;line-height:1.12;letter-spacing:-0.01em;color:#F2EEE7}
.of-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.of-card li{position:relative;padding-left:20px;font-size:14px;line-height:1.5;color:#D3CCC1}
.of-card li::before{content:"";position:absolute;left:1px;top:6px;width:9px;height:5px;border-left:1.5px solid #F2EEE7;border-bottom:1.5px solid #F2EEE7;transform:rotate(-45deg)}
.of-card li b{font-weight:600;color:#F2EEE7}
.of-viz{height:92px;border-radius:14px;background:rgba(255,248,236,.058);box-shadow:inset 0 1px 3px rgba(255,248,236,.104);position:relative;overflow:hidden}
.of-viz > svg{position:absolute;inset:0;width:100%;height:100%}
.of-push{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,248,236,.092);box-shadow:0 8px 18px -10px rgba(0,0,0,.595)}
.of-push i{flex:none;width:26px;height:26px;border-radius:7px;background:#F2EEE7;display:grid;place-items:center}
.of-push b{display:block;font-size:12px;font-weight:600;color:#F2EEE7}
.of-push span{display:block;font-size:11.5px;line-height:1.35;color:#A8A29A}
.of-walls{position:absolute;inset:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.of-wall{display:flex;align-items:center;gap:9px;height:20px;padding:0 10px;border-radius:7px;background:rgba(255,248,236,.085);font-size:11.5px;color:#F2EEE7}
.of-wall::before{content:"";flex:none;width:9px;height:5px;margin-top:-3px;border-left:1.5px solid #83A78C;border-bottom:1.5px solid #83A78C;transform:rotate(-45deg)}
.of-chat{position:absolute;inset:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.of-chat p{margin:0;max-width:80%;padding:7px 11px;border-radius:13px;font-size:11.5px;line-height:1.35}
.of-chat .me{align-self:flex-end;background:#F2EEE7;color:#131211;border-bottom-right-radius:4px}
.of-chat .her{align-self:flex-start;background:rgba(255,248,236,.1);color:#F2EEE7;border-bottom-left-radius:4px}

/* ---- the 7-Day Reset ---- */
.of-reset{margin-top:40px;padding:clamp(22px,3vw,34px)}
.of-days{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.of-days::before{content:"";position:absolute;left:calc(100%/14);right:calc(100%/14);top:17px;height:1.5px;background:rgba(255,248,236,.182)}
.of-days-fill{position:absolute;left:calc(100%/14);right:calc(100%/14);top:17px;height:1.5px;background:#83A78C;transform-origin:left;transform:scaleX(1)}
.of-day{position:relative;text-align:center;padding:0 2px}
.of-day i{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;margin:0 auto 12px;border-radius:50%;background:#1E1A16;border:1.5px solid rgba(255,248,236,.208);font-style:normal;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:12px;color:#F2EEE7}
.of-day b{display:block;font-size:13.5px;font-weight:600;line-height:1.3;color:#F2EEE7}
.of-day span{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#A8A29A}
.of-weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;padding-top:24px;border-top:0.5px solid rgba(255,248,236,.182)}
.of-week b{display:block;margin:6px 0 4px;font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:19px;line-height:1.15;color:#F2EEE7}
.of-week span{display:block;font-size:13px;line-height:1.5;color:#A8A29A}

/* ---- the promise ---- */
.of-promise{margin-top:8px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.of-promise h2{margin:0 0 18px;font-family:'Newsreader',Georgia,serif;font-weight:300;font-size:clamp(34px,4.6vw,56px);line-height:1.02;letter-spacing:-0.02em;color:#F2EEE7;text-wrap:balance}
.of-bars{margin:26px 0 10px;display:flex;flex-direction:column;gap:14px}
.of-bar p{margin:0 0 7px;display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#A8A29A}
.of-bar p b{font-weight:600;color:#F2EEE7}
.of-bar div{height:14px;border-radius:7px;background:rgba(255,248,236,.091);overflow:hidden}
.of-bar div i{display:block;height:100%;border-radius:7px;background:#8E887F;transform-origin:left}
.of-bar.is-after div i{background:#83A78C}
.of-conds{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column}
.of-conds li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:0.5px solid rgba(255,248,236,.182)}
.of-conds li:last-child{border-bottom:0.5px solid rgba(255,248,236,.182)}
.of-conds svg{flex:none;margin-top:1px}
.of-conds b{display:block;font-size:15px;font-weight:600;color:#F2EEE7}
.of-conds span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:#A8A29A}
.of-fine{margin:0 0 14px;font-size:12.5px;line-height:1.6;color:#A49C90}
.of-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#F2EEE7;text-decoration:underline;text-underline-offset:3px}

/* ---- what betting costs you ---- */
.of-calc{padding:clamp(22px,3vw,30px)}
.of-calc label{display:block;margin:0 0 14px;font-size:15px;line-height:1.5;color:#F2EEE7}
.of-calc output{font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,54px);line-height:1;letter-spacing:-0.02em;color:#F2EEE7;font-variant-numeric:tabular-nums}
.of-calc .of-per{font-size:14px;color:#A8A29A;margin-left:6px}
.of-range{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:14px 0 18px;background:transparent;cursor:pointer}
.of-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#F2EEE7 var(--of-p,15%),rgba(255,248,236,.182) var(--of-p,15%))}
.of-range::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,248,236,.182)}
.of-range::-moz-range-progress{height:4px;border-radius:2px;background:#F2EEE7}
.of-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#131211;border:1px solid rgba(255,248,236,.325);box-shadow:0 4px 10px -3px rgba(255,248,236,.455)}
.of-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#131211;border:1px solid rgba(255,248,236,.325);box-shadow:0 4px 10px -3px rgba(255,248,236,.455)}
.of-range:focus-visible{outline:2px solid #F2EEE7;outline-offset:4px;border-radius:4px}
.of-rows{display:flex;flex-direction:column}
.of-rows div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-top:0.5px solid rgba(255,248,236,.182);font-size:14px;color:#A8A29A}
.of-rows div b{font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:21px;color:#F2EEE7;font-variant-numeric:tabular-nums;white-space:nowrap}
.of-rows div.is-lessen b{color:#83A78C}
.of-calc-note{margin:14px 0 0;font-size:12px;line-height:1.55;color:#9D9588}

/* ---- motion, only once offer.js marks the page ---- */
/* The Reset fills as you scroll through it (offer.js sets --of-p from 0 to
   1 and marks each step it passes). Without the script: all filled. */
.of-days-fill{transform:scaleX(var(--of-p,1))}
.of-day i{background:#83A78C;border-color:#83A78C;color:#131211}
.of-on [data-of-scrub] .of-days-fill{transform:scaleX(var(--of-p,0));transition:transform .12s linear}
.of-on [data-of-scrub] .of-day i{background:#1E1A16;border-color:rgba(255,248,236,.208);color:#F2EEE7;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .45s cubic-bezier(.22,1.4,.36,1)}
.of-on [data-of-scrub] .of-day.is-on i{background:#83A78C;border-color:#83A78C;color:#131211;transform:scale(1.08)}
.of-on [data-of-scrub] .of-day b,.of-on [data-of-scrub] .of-day span{opacity:.42;transition:opacity .35s ease}
.of-on [data-of-scrub] .of-day.is-on b,.of-on [data-of-scrub] .of-day.is-on span{opacity:1}
.of-on [data-of] .of-week{opacity:0;transform:translateY(12px)}
.of-on [data-of].of-in .of-week{opacity:1;transform:none;transition:opacity .6s ease var(--of-d,0s),transform .7s cubic-bezier(.22,1,.36,1) var(--of-d,0s)}
.of-on [data-of] .of-bar i{transform:scaleX(0)}
.of-on [data-of].of-in .of-bar i{transform:scaleX(1);transition:transform 1.2s cubic-bezier(.22,1,.36,1) var(--of-d,0s)}
.of-on [data-of] .of-card{opacity:0;transform:translateY(16px)}
.of-on [data-of].of-in .of-card{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--of-d,0s),transform .8s cubic-bezier(.22,1,.36,1) var(--of-d,0s)}

@media (max-width:980px){
  .of-stack{grid-template-columns:1fr 1fr}
  .of-card,.of-card:nth-child(4),.of-card:nth-child(5){grid-column:span 1}
  .of-card:nth-child(5){grid-column:span 2}
  .of-promise{grid-template-columns:1fr}
}
@media (max-width:760px){
  .of-days{grid-template-columns:1fr;gap:0}
  .of-days::before,.of-days-fill{left:16px;right:auto;top:18px;bottom:18px;width:1.5px;height:auto}
  .of-days-fill{transform-origin:top;transform:scaleY(var(--of-p,1))}
  .of-on [data-of-scrub] .of-days-fill{transform:scaleY(var(--of-p,0))}
  .of-phases{display:none}
  .of-day[data-phase]::before{content:attr(data-phase);grid-column:1/-1;display:block;margin:4px 0 12px;padding-left:48px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#A49C90}
  .of-day{display:grid;grid-template-columns:34px 1fr;column-gap:14px;text-align:left;padding:0 0 18px}
  .of-day i{grid-row:span 2;margin:0}
  .of-day span{margin-top:3px}
  .of-weeks{grid-template-columns:1fr 1fr;row-gap:20px}
}
@media (max-width:620px){
  .of-stack{grid-template-columns:1fr}
  .of-card,.of-card:nth-child(4),.of-card:nth-child(5){grid-column:span 1}
}
@media (prefers-reduced-motion:reduce){
  .of-on [data-of] .of-bar i,.of-on [data-of] .of-card,.of-on [data-of] .of-week{transform:none!important;opacity:1!important;transition:none!important}
  .of-on [data-of-scrub] .of-days-fill{transform:none!important}
  .of-on [data-of-scrub] .of-day i{background:#83A78C!important;border-color:#83A78C!important;color:#131211!important;transform:none!important;transition:none!important}
  .of-on [data-of-scrub] .of-day b,.of-on [data-of-scrub] .of-day span{opacity:1!important}
  .of-on [data-of] .of-a-book,.of-on [data-of] .of-a-grow,.of-on [data-of] .of-a-fade,.of-on [data-of] .of-wall,.of-on [data-of] .of-chat .me,.of-on [data-of] .of-chat .her,.of-on [data-of] .of-medal{opacity:1!important;transform:none!important;transition:none!important}
  .of-on [data-of] .of-push{opacity:1!important;transform:translateY(-50%)!important;transition:none!important}
  .of-on [data-of] .of-a-line,.of-on [data-of] .of-medal-check{stroke-dashoffset:0!important;transition:none!important}
  .of-on [data-of] .of-wall::before{transform:rotate(-45deg)!important}
  .of-typing{display:none!important}
}

/* ---- pricing with the calculator beside it ---- */
.of-price-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(18px,3vw,34px);align-items:start;max-width:1040px;margin:0 auto}
.of-price-grid > .of-calc{margin-top:28px;position:sticky;top:110px}
.of-pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 26px;padding:9px 14px;border-radius:999px;background:rgba(131,167,140,.12);border:0.5px solid rgba(131,167,140,.35);font-size:13px;line-height:1.35;color:#F2EEE7;text-align:left;text-decoration:none}
.of-pill svg{flex:none}
@media (max-width:900px){
  .of-price-grid{grid-template-columns:1fr;max-width:560px}
  .of-price-grid > .of-calc{margin-top:0;position:static}
}

/* ---- the Reset's two phases (Sep 27, 2026) ---- */
.of-phases{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:0 0 18px}
.of-phases span{position:relative;text-align:center;padding-bottom:12px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#A49C90}
.of-phases span::after{content:"";position:absolute;left:5%;right:5%;bottom:0;height:7px;border:1px solid rgba(255,248,236,.286);border-bottom:0;border-radius:5px 5px 0 0}

/* ---- the five cards: each picture plays once when it arrives ---- */
.of-viz{height:96px}
.of-on [data-of] .of-a-book{opacity:0;transform:translateX(-14px)}
.of-on [data-of].of-in .of-a-book{opacity:1;transform:none;transition:opacity .5s ease var(--of-dd,0s),transform .6s cubic-bezier(.22,1,.36,1) var(--of-dd,0s)}
.of-on [data-of] .of-a-line{stroke-dasharray:1;stroke-dashoffset:1}
.of-on [data-of].of-in .of-a-line{stroke-dashoffset:0;transition:stroke-dashoffset .9s cubic-bezier(.45,0,.2,1) var(--of-dd,.45s)}
.of-on [data-of] .of-a-grow{transform:scaleY(.05);transform-origin:50% 100%;transform-box:fill-box}
.of-on [data-of].of-in .of-a-grow{transform:none;transition:transform .6s cubic-bezier(.22,1,.36,1) var(--of-dd,0s)}
.of-on [data-of] .of-a-fade{opacity:0}
.of-on [data-of].of-in .of-a-fade{opacity:1;transition:opacity .5s ease var(--of-dd,0s)}
.of-on [data-of] .of-push{opacity:0;transform:translateY(calc(-50% - 26px)) scale(.96)}
.of-on [data-of].of-in .of-push{opacity:1;transform:translateY(-50%);transition:opacity .45s ease .45s,transform .75s cubic-bezier(.22,1.25,.36,1) .45s}
.of-on [data-of] .of-wall{opacity:0;transform:translateX(-12px)}
.of-on [data-of].of-in .of-wall{opacity:1;transform:none;transition:opacity .45s ease var(--of-dd,0s),transform .55s cubic-bezier(.22,1,.36,1) var(--of-dd,0s)}
.of-on [data-of] .of-wall::before{transform:rotate(-45deg) scale(0)}
.of-on [data-of].of-in .of-wall::before{transform:rotate(-45deg) scale(1);transition:transform .35s cubic-bezier(.22,1.5,.36,1) calc(var(--of-dd,0s) + .35s)}
.of-typing{position:absolute;left:14px;bottom:12px;display:flex;gap:4px;padding:9px 11px;border-radius:13px;border-bottom-left-radius:4px;background:rgba(255,248,236,.1);opacity:0}
.of-typing i{width:5px;height:5px;border-radius:50%;background:#8E887F}
.of-on [data-of] .of-chat .me{opacity:0;transform:translateY(8px) scale(.96);transform-origin:100% 100%}
.of-on [data-of].of-in .of-chat .me{opacity:1;transform:none;transition:opacity .4s ease .5s,transform .5s cubic-bezier(.22,1.25,.36,1) .5s}
.of-on [data-of].of-in .of-typing{animation:of-typing 1.5s ease 1.05s both}
.of-on [data-of].of-in .of-typing i{animation:of-dot .55s ease-in-out 1.15s 2}
.of-on [data-of].of-in .of-typing i:nth-child(2){animation-delay:1.27s}
.of-on [data-of].of-in .of-typing i:nth-child(3){animation-delay:1.39s}
.of-on [data-of] .of-chat .her{opacity:0;transform:translateY(8px)}
.of-on [data-of].of-in .of-chat .her{opacity:1;transform:none;transition:opacity .45s ease 2.5s,transform .55s cubic-bezier(.22,1,.36,1) 2.5s}
@keyframes of-typing{0%{opacity:0}12%{opacity:1}85%{opacity:1}100%{opacity:0}}
@keyframes of-dot{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* ---- the stack, merged into "Everything you get" ---- */
.of-stackband{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(48px,6vw,72px)}
.of-stackband h3{margin:0 0 14px;font-family:'Newsreader',Georgia,serif;font-weight:300;font-size:clamp(26px,3.2vw,36px);line-height:1.1;letter-spacing:-0.015em;color:#F2EEE7}
.of-stackband p{margin:0 0 12px;max-width:46ch;font-size:15px;line-height:1.62;color:#A8A29A}

/* ---- the promise: prose, a seal and the example ---- */
.of-lead{margin:0 0 16px;max-width:60ch;font-size:16.5px;line-height:1.65;color:#F2EEE7}
.of-medal{display:block;width:138px;height:138px;margin:0 0 22px}
.of-on [data-of] .of-medal{opacity:0;transform:scale(.9) rotate(-10deg)}
.of-on [data-of].of-in .of-medal{opacity:1;transform:none;transition:opacity .6s ease .1s,transform 1s cubic-bezier(.22,1,.36,1) .1s}
.of-on [data-of] .of-medal-check{stroke-dasharray:1;stroke-dashoffset:1}
.of-on [data-of].of-in .of-medal-check{stroke-dashoffset:0;transition:stroke-dashoffset .6s cubic-bezier(.45,0,.2,1) .8s}

/* ---- the promise seal in the price card ---- */
.of-seal{display:flex;align-items:center;gap:14px;margin:0 0 26px;padding:14px 16px;border-radius:16px;text-align:left;text-decoration:none;color:#F2EEE7;background:linear-gradient(160deg,rgba(255,248,236,.092),rgba(255,248,236,.054));border:0.5px solid rgba(255,248,236,.208);box-shadow:inset 0 0 0 3px rgba(255,248,236,.08),inset 0 0 0 3.5px rgba(255,248,236,.117),0 12px 26px -16px rgba(0,0,0,.68);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
@media (hover:hover){.of-seal:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 3px rgba(255,248,236,.08),inset 0 0 0 3.5px rgba(255,248,236,.117),0 18px 32px -16px rgba(0,0,0,.765)}}
.of-seal-mark{flex:none;width:48px;height:48px}
.of-seal-kicker{display:block;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#A49C90}
.of-seal-text{display:block;margin-top:3px;font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:17.5px;line-height:1.25;color:#F2EEE7}
.of-seal-small{display:block;margin-top:5px;font-size:12px;color:#A8A29A}
.of-seal-small u{text-underline-offset:2px}

/* ---- the calculator: Lessen stands out, the caption follows the number ---- */
.of-lr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;margin-top:14px;padding:16px 18px;border-radius:16px;background:#F2EEE7;box-shadow:0 16px 30px -18px rgba(255,248,236,.845)}
.of-lr-label{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5F5B55}
.of-lr-sub{font-size:13px;line-height:1.45;color:#131211}
.of-lr-price{grid-column:2;grid-row:1 / span 2;text-align:right}
.of-lr-price b{display:block;font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(36px,4.4vw,44px);line-height:1;letter-spacing:-0.02em;color:#131211;font-variant-numeric:tabular-nums}
.of-lr-price small{display:block;margin-top:5px;font-size:12px;color:#5F5B55}
.of-calc-caption{margin:16px 0 0;font-size:14.5px;line-height:1.6;color:#F2EEE7;min-height:4.8em}
.of-calc-caption b{font-weight:600}

/* ---- where Lessen sits: the comparison ---- */
.cmp-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:13px 8px;border-top:1px solid rgba(255,248,236,.156);text-align:center;font-size:12px;line-height:1.35;color:#A49C90}
.cmp-row{display:flex;align-items:center;padding:13px 12px 13px 4px;border-top:1px solid rgba(255,248,236,.156);font-size:13.5px;line-height:1.35;color:#F2EEE7}
.cmp-l{background:#F2EEE7;color:#131211;border-top-color:rgba(255,248,236,.04)}
.cmp-l b{font-weight:600;color:#131211}
.cmp-l small{font-size:11px;color:#5F5B55}
.cmp-yes{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(131,167,140,.2)}
.cmp-no{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,248,236,.182)}
.cmp-head{display:flex;align-items:center;justify-content:center;padding:16px 8px 14px;text-align:center;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#A8A29A}
.cmp-head.cmp-l{flex-direction:column;gap:4px;border-radius:18px 18px 0 0;padding-top:18px}
.cmp-head.cmp-l span{font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:22px;letter-spacing:0;text-transform:none;color:#131211}
.cmp-head.cmp-l small{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#5E8168}
.cmp-last{border-radius:0 0 18px 18px;padding-bottom:18px}

.of-promise > div:last-child{align-self:center}
@media (max-width:760px){.of-phases{display:none}}

/* Promise seal morph (Oct 3, 2026) */
.pm-svg{cursor:pointer}
.pm-svg.pm-done .pm-from,.pm-svg.pm-done .pm-pill{opacity:0}
.pm-svg.pm-done .pm-to{opacity:1;}
.of-promise.is-short{grid-template-columns:1fr 1fr;align-items:center}
.of-promise .of-seal-row{display:flex;align-items:center;gap:22px;margin:0 0 18px}
.of-promise .of-seal-row .of-medal{margin:0}
.of-conds{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px;padding:0;list-style:none}
.of-conds li{font-size:13px;color:#D5CEC3;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,248,236,.14);background:rgba(255,248,236,.04)}
.pr-head{display:flex;align-items:center;gap:clamp(18px,3vw,34px);max-width:860px;margin:0 auto;text-align:left}
.pr-head .of-medal{flex:none;width:clamp(110px,14vw,150px);height:auto;margin:0}
.pr-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:22px;align-items:start;max-width:1160px;margin:0 auto;padding:0 clamp(20px,4vw,32px) 90px}
.pr-pair .of-sec{padding:0!important;max-width:none!important;margin:0!important}
@media (max-width:700px){.pr-head{flex-direction:column;text-align:center}}
.of-promise ul.of-conds{display:flex!important;flex-direction:row!important;flex-wrap:wrap}
.of-promise ul.of-conds li{display:inline-flex!important;width:auto!important;flex:none!important;margin:0!important}