.roi-experience{background:var(--creme)}
.roi-calculator{display:grid;grid-template-columns:1fr 1fr;min-height:680px;border:1px solid var(--filet);background:var(--blanc)}
.roi-controls{padding:56px;display:flex;flex-direction:column;gap:30px}
.field-row{border-bottom:1px solid var(--filet);padding-bottom:24px}
.field-row>label,.tier-field legend{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-bottom:15px}
.money-input{display:flex;align-items:center;font-family:'Cormorant Garamond',serif;font-size:34px}
.money-input input{border:0;background:transparent;width:100%;font:500 34px 'Cormorant Garamond',serif;color:var(--encre);outline:none;padding:0 10px}
.range-line{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:18px}
.range-line input{accent-color:var(--or);width:100%}
.range-line output{font:500 28px 'Cormorant Garamond',serif;text-align:right}
.tier-field{border:0}
.tier-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tier-pills input{position:absolute;opacity:0}
.tier-pills span{display:flex;flex-direction:column;align-items:center;padding:15px 8px;border:1px solid var(--filet);font-size:12px;letter-spacing:.08em;transition:.25s}
.tier-pills small{color:var(--gris);margin-top:4px}
.tier-pills input:checked+span{background:var(--noir);border-color:var(--noir);color:white}
.tier-pills input:checked+span small{color:#ccc}
.roi-assumption{font-size:11px;color:var(--gris);line-height:1.6}
.roi-result{background:var(--noir);color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:center}
.roi-result-top{display:flex;flex-direction:column;border-bottom:1px solid #363636;padding-bottom:30px}
.result-kicker,.break-even>span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#aaa}
.roi-result-top strong{font:500 clamp(58px,7vw,92px) 'Cormorant Garamond',serif;color:var(--or);line-height:1;margin:18px 0 6px}
.roi-result-top>span:last-child{font-size:13px;color:#bbb}
.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 0;border-bottom:1px solid #363636}
.result-metrics div{display:flex;flex-direction:column;gap:8px}
.result-metrics span{font-size:10px;color:#aaa;line-height:1.4}
.result-metrics strong{font:500 24px 'Cormorant Garamond',serif}
.break-even{padding:28px 0 12px}
.break-even p{font:italic 500 25px 'Cormorant Garamond',serif;margin-top:10px}
.personal-result{color:#cfcfcf;font-size:13px;line-height:1.7;margin-bottom:28px}
.demo-play{position:absolute;inset:0;margin:auto;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.3s}
.demo-play:hover{transform:scale(1.04)}
.demo-play span{font-size:25px;margin-left:4px}.demo-play small{font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.demo-frame.playing .demo-play{opacity:0;pointer-events:none}
.demo-timeline{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.3)}
.demo-timeline span{display:block;width:0;height:100%;background:var(--or)}
.demo-chapters,.story-steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--filet);border-top:0}
.demo-chapters button,.story-steps button{display:flex;align-items:center;gap:12px;padding:16px 18px;border-inline-end:1px solid var(--filet);text-align:left;transition:background .2s,color .2s}
.demo-chapters button:last-child,.story-steps button:last-child{border-inline-end:0}
.demo-chapters button:hover,.demo-chapters button.active,.story-steps button:hover,.story-steps button.active{background:var(--noir);color:#fff}
.demo-chapters span,.story-steps span{font:500 18px 'Cormorant Garamond',serif;color:var(--or)}
.demo-chapters small,.story-steps small{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.demo-after{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:var(--gris);font-size:12px}
.pricing-section{background:var(--blanc)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.price-card{position:relative;border:1px solid var(--filet);padding:42px 34px;display:flex;flex-direction:column}
.price-card.featured{background:var(--creme);border-color:var(--or);transform:translateY(-10px)}
.price-tag{position:absolute;top:0;right:0;background:var(--or);color:#fff;padding:7px 12px;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.price-name{font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.price-card h3{font:500 54px 'Cormorant Garamond',serif;margin:26px 0 12px}
.price-card h3 small{font-size:24px}.price-card h3 span{font:400 11px Arial,sans-serif;color:var(--gris)}
.price-card>p{font-size:13px;color:var(--gris);min-height:42px}
.price-card ul{list-style:none;margin:28px 0 36px;border-top:1px solid var(--filet);flex:1}
.price-card li{font-size:12px;padding:13px 0;border-bottom:1px solid var(--filet)}
.price-card li::before{content:"◇";color:var(--or);margin-right:10px}
.pricing-note{text-align:center;color:var(--gris);font-size:11px;margin-top:28px}
.commerce-score-section{background:var(--blanc)}
.score-experience{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--filet);min-height:660px}
.score-controls{padding:52px;display:flex;flex-direction:column;gap:28px;background:var(--creme)}
.score-controls fieldset,.qualification-field{border:0}
.score-controls legend,.qualification-field legend{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-bottom:14px}
.score-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.score-options input{position:absolute;opacity:0}
.score-options span{display:grid;place-items:center;min-height:50px;border:1px solid var(--filet);font-size:11px;text-align:center;padding:8px;transition:background .25s,border-color .25s,color .25s}
.score-options input:checked+span{background:var(--noir);border-color:var(--noir);color:#fff}
.score-result{background:var(--noir);color:#fff;padding:56px;display:grid;align-content:center;gap:40px}
.score-ring{--score-angle:0deg;width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--or) var(--score-angle),#343432 0);display:grid;place-content:center;text-align:center;position:relative;transition:background .35s ease,transform .25s ease}
.score-ring.score-updated{transform:scale(1.025)}
.score-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--noir)}
.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font:500 64px/1 'Cormorant Garamond',serif;color:var(--or)}.score-ring span{font-size:10px;color:#999}
.score-result h3{font:500 40px/1.1 'Cormorant Garamond',serif;margin:12px 0}.score-result p{font-size:13px;color:#c7c7c3;line-height:1.7}
.score-result ul{list-style:none;margin:24px 0 30px;border-top:1px solid #373735}.score-result li{font-size:12px;color:#ddd;padding:12px 0;border-bottom:1px solid #373735}.score-result li::before{content:"◇";color:var(--or);margin-right:10px}
.qualification-field{padding-top:4px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-grid label{border:1px solid var(--filet);padding:10px;display:flex;align-items:center;gap:8px}.check-grid input{width:auto}.check-grid label>span{margin:0!important;letter-spacing:0!important;text-transform:none!important;color:var(--encre)!important}
.price-card{transition:transform .28s,box-shadow .28s,border-color .28s}.price-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(25,23,18,.08);border-color:var(--or)}.price-card.featured:hover{transform:translateY(-14px)}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}[data-reveal].revealed{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.price-card,.demo-play,.score-ring{transition:none}}
.demo-modal{position:fixed;inset:0;z-index:120;display:none}
.demo-modal.open{display:block}.demo-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.72);backdrop-filter:blur(7px)}
.demo-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1020px,calc(100% - 32px));max-height:92vh;overflow:auto;background:var(--blanc);display:grid;grid-template-columns:.82fr 1.18fr;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.modal-close{position:absolute;right:18px;top:12px;font:300 30px Arial;z-index:2}
.demo-dialog-copy{background:var(--creme);padding:58px 46px}
.demo-dialog-copy h2,.demo-success h2{font:500 48px/1.05 'Cormorant Garamond',serif}
.demo-dialog-copy>p{color:var(--gris);font-size:13px;line-height:1.8;margin-top:20px}
.demo-promise{display:grid;grid-template-columns:28px 1fr;gap:18px 10px;margin-top:40px;padding-top:28px;border-top:1px solid var(--filet)}
.demo-promise span{font:500 16px 'Cormorant Garamond',serif;color:var(--or)}.demo-promise p{font-size:12px}
.demo-form{padding:54px 50px;display:flex;flex-direction:column;gap:18px}
.demo-form label>span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.demo-form input,.demo-form select{width:100%;border:0;border-bottom:1px solid #bbb;background:transparent;padding:10px 2px;font:400 14px inherit;outline:none;border-radius:0}
.demo-form input:focus,.demo-form select:focus{border-color:var(--or)}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.consent-line{display:flex;gap:10px;align-items:flex-start}.consent-line input{width:auto;margin-top:3px}.consent-line span{margin:0!important;text-transform:none!important;letter-spacing:0!important;line-height:1.5}
.form-note,.form-status{font-size:10px;color:var(--gris);text-align:center}.form-status.error{color:#8b302b}
.demo-success{grid-column:1/-1;text-align:center;padding:70px 40px}
.success-mark{width:54px;height:54px;border:1px solid var(--or);border-radius:50%;display:grid;place-items:center;color:var(--or);margin:0 auto 24px}
.demo-success>p{max-width:520px;margin:18px auto 35px;color:var(--gris)}
.request-reference{display:block;color:var(--gris);font-size:10px;letter-spacing:.1em;margin:-18px auto 28px}
.contact-handoff{margin:0 auto 12px}.contact-handoff[hidden]{display:none}
.calendar-handoff{max-width:520px;margin:0 auto 30px;padding:25px;background:var(--creme);display:flex;flex-direction:column;gap:12px}.calendar-handoff>span{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.calendar-handoff small{color:var(--gris)}
body.modal-open{overflow:hidden}
.story-modal{position:fixed;inset:0;z-index:125;display:none}
.story-modal.open{display:block}
.story-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.78);backdrop-filter:blur(8px)}
.story-dialog{position:absolute;inset:4vh max(24px,6vw);overflow:auto;background:var(--blanc);box-shadow:0 30px 100px rgba(0,0,0,.42);display:grid;grid-template-columns:.72fr 1.28fr;grid-template-areas:"copy media" "steps steps" "action action"}
.story-copy{grid-area:copy;background:var(--creme);padding:56px 44px;display:flex;flex-direction:column;justify-content:center}
.story-copy h2{font:500 48px/1.04 'Cormorant Garamond',serif;margin-top:18px}
.story-copy p{color:var(--gris);font-size:13px;line-height:1.75;margin-top:20px}
.story-media{grid-area:media;position:relative;background:var(--noir);min-height:430px}
.story-media video{width:100%;height:100%;object-fit:contain;display:block}
.story-media.playing .demo-play{opacity:0;pointer-events:none}
.story-steps{grid-area:steps;border-top:1px solid var(--filet)}
.story-action{grid-area:action;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 36px}
.story-action p{font:italic 500 24px 'Cormorant Garamond',serif}
.story-close{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4)}
@media(max-width:900px){
  .roi-calculator,.demo-dialog,.score-experience{grid-template-columns:1fr}.roi-controls,.roi-result,.score-controls,.score-result{padding:38px 24px}.result-metrics{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.price-card.featured,.price-card.featured:hover{transform:none}.demo-play{width:100px;height:100px}.demo-after{flex-direction:column}.demo-dialog-copy{padding:44px 28px}.demo-form{padding:38px 28px}.form-pair{grid-template-columns:1fr}.tier-pills,.score-options{grid-template-columns:1fr}.demo-dialog{top:16px;transform:translateX(-50%);max-height:calc(100vh - 32px)}
  .story-dialog{inset:16px;display:block}.story-copy{padding:38px 28px}.story-copy h2{font-size:40px}.story-media{min-height:0;aspect-ratio:9/12}.story-action{align-items:flex-start;flex-direction:column}.story-steps,.demo-chapters{grid-template-columns:1fr}.story-steps button,.demo-chapters button{border-inline-end:0;border-bottom:1px solid var(--filet)}
}
@media(max-width:560px){.check-grid{grid-template-columns:1fr}.score-ring{width:140px;height:140px}.score-ring strong{font-size:52px}}
