/* Desktop-first condensation. Current Drop brand and copy remain authoritative. */
.section{padding-top:72px;padding-bottom:72px}
.entry-section{padding-top:72px;padding-bottom:60px}
.entry-heading{margin-bottom:30px;gap:38px}
.entry-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.entry-path,.finish-path{grid-template-columns:48px minmax(0,1fr);gap:18px;padding:28px 24px 30px}
.entry-number{width:46px;height:49px;font-size:27px;border-radius:10px}
.entry-content{display:flex;flex-direction:column;min-width:0}
.entry-content h3{font-size:clamp(32px,2.9vw,43px);margin-bottom:15px}
.entry-content>p:not(.eyebrow){font-size:15px;line-height:1.55}
.entry-content .path-arrival{font-size:13px!important;line-height:1.55;margin-top:13px}
.delivery-list{margin:18px 0 22px}.delivery-list li{padding-top:12px;padding-bottom:12px}.delivery-list li:before{top:17px}
.delivery-list strong{font-size:16px}.delivery-list span{font-size:13px;line-height:1.5}
.path-link{margin-top:auto;align-self:flex-start;font-size:14px;min-height:49px;padding:13px 19px}
.entry-section .delivery-scope{margin-top:22px}
#where-value-gets-stuck>.wrap{padding-bottom:56px}
.problem-heading h2{font-size:clamp(40px,4.2vw,60px)}
.problem-heading .section-intro{font-size:18px;margin-top:17px}
.demo-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 18px}
.demo-tabs button{display:flex;align-items:center;gap:12px;padding:13px 18px;background:#fffdf8;color:#2c201c;border:1px solid #d8cabb;border-radius:999px;min-height:48px;font-weight:700;font-size:15px;transition:background .2s,box-shadow .2s}
.demo-tabs button:nth-child(1){--tab-color:#ff9759}.demo-tabs button:nth-child(2){--tab-color:#f58dce}.demo-tabs button:nth-child(3){--tab-color:#d5e969}
.demo-tabs button[aria-selected=true]{background:#191413;color:var(--tab-color);border-color:#191413;box-shadow:0 4px 0 var(--tab-color)}
.demo-tabs button:hover{border-color:#a75478}
#demo-stage.demo-enhanced{display:block;margin-top:0;min-height:620px}
#demo-stage.demo-enhanced>.problem-panel{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);column-gap:70px;align-content:start;align-items:start;padding:32px 40px;min-height:620px;opacity:1;transform:none}
#demo-stage.demo-enhanced>.problem-panel[hidden]{display:none!important}
.demo-enhanced .problem-panel>.panel-number,.demo-enhanced .problem-panel>h3,.demo-enhanced .problem-panel>p,.demo-enhanced .problem-panel>.segmented,.demo-enhanced .problem-panel>.demo-action,.demo-enhanced .problem-panel>.illustrative{grid-column:1}
#demo-stage .problem-panel h3{font-size:clamp(29px,3vw,43px);min-height:0;max-width:510px}
#demo-stage .problem-panel>p:not(.hand){max-width:440px;min-height:0;font-size:16px;line-height:1.6}
#demo-stage .problem-panel>.illustrative{margin-top:24px}
.demo-enhanced .route-demo,.demo-enhanced .signal-list,.demo-enhanced .pieces-demo{grid-column:2;grid-row:1/9;width:100%;max-width:460px;justify-self:center;align-self:center;margin:0}
.demo-enhanced .route-demo{height:460px}.demo-enhanced .mini-content{height:340px;max-width:210px}.demo-enhanced .route-screens{max-width:270px}.demo-enhanced .route-annotation{bottom:12px}
.demo-enhanced .signal-list{min-height:0}.demo-enhanced .signal{padding:14px 15px}.demo-enhanced .signal p{font-size:14px}
.demo-enhanced .pieces-demo{height:450px;min-height:450px}
#examples.section{padding:40px 0 48px}
.examples-label{display:flex;justify-content:space-between;align-items:baseline;gap:25px;border-bottom:1px solid #ffffff25;padding-bottom:16px;margin-bottom:24px}
.examples-label .eyebrow{color:var(--lime);font-size:13px;margin:0}
.examples-label>p{font-size:14px;color:#d5cec5}
.creator-image{aspect-ratio:16/9}.creator-copy{padding:20px}
.creator-copy h3{margin-bottom:16px}.creator-copy .opportunity{margin-top:13px}
.creator-copy>p:not(.tiny-label):not(.eyebrow){font-size:13px;line-height:1.55}
.creator-copy .illustrative{margin-top:16px;padding-top:14px}
.process-grid{margin-top:34px}.process .split-heading h2{font-size:clamp(40px,4.2vw,60px)}
#free-review .wrap{max-width:none;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:50px;align-items:start}
#free-review .review-intro h2{font-size:clamp(40px,4.3vw,62px)}
#free-review .review-top{position:sticky;top:calc(var(--nav-height) + 30px)}
#free-review .review-intro>p{max-width:410px}
#free-review .review-bottom{margin-top:0;min-width:0}
#review-form{padding:28px;scroll-margin-top:90px}
#review-form .form-preview{margin:0 0 22px}
#review-form .entry-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
#review-form .entry-choices legend{grid-column:1/-1}
#review-form .entry-choice{flex-direction:column;align-items:flex-start;padding:14px 12px;gap:10px}
#review-form .entry-choice .choice-mark{position:absolute;right:12px;top:11px;font-size:19px}
.choice-copy strong{font-size:17px}.choice-copy small{font-size:11px}
#review-form .form-grid{gap:20px 16px}
#review-form>.button{margin-top:22px}
/* Movement conveys an audience question becoming a specific next step. */
.hero-photo{overflow:hidden}.hero-photo img{transform:translateY(var(--maker-depth,0px)) scale(1.045)}
.hero-comments .comment.feed-active{box-shadow:0 0 0 1px var(--comment-color),0 0 30px var(--comment-glow),0 16px 35px #0008}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.entry-path:hover{transform:translateY(-3px);box-shadow:0 22px 38px #41231920}}
@media(max-width:959px){
 .entry-paths{grid-template-columns:1fr 1fr;gap:18px}.entry-path,.finish-path{display:flex;flex-direction:column;padding:25px 22px}.entry-content{flex:1}.entry-content h3{font-size:34px}
 #demo-stage.demo-enhanced>.problem-panel{padding:30px;column-gap:32px;min-height:580px}
 #demo-stage .problem-panel h3{font-size:32px}.demo-enhanced .mini-content{height:285px}.demo-enhanced .route-demo{height:440px}.demo-enhanced .signal p{font-size:12px}
 #free-review .wrap{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:28px}
 #review-form .entry-choices{grid-template-columns:1fr}#review-form .entry-choice{flex-direction:row;align-items:center}#review-form .entry-choice .choice-mark{position:static}
 #review-form .form-grid{grid-template-columns:1fr}
 #free-review .review-intro h2{font-size:44px}
}
@media(max-width:699px){
 .section{padding:52px 0}.entry-section{padding:52px 0 42px}
 .entry-paths{grid-template-columns:1fr;gap:22px}.entry-path,.finish-path{padding:24px 22px}.entry-content h3{font-size:36px}
 .path-link{margin-top:0}.entry-heading{margin-bottom:28px}
 .demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:24px 0 18px}
 .demo-tabs button{display:flex;flex-direction:column;gap:5px;padding:11px 5px;font-size:16px;min-width:0;border-radius:12px}
 .demo-tabs button span{font-size:11px;line-height:1.35;font-weight:600}
 #demo-stage.demo-enhanced{min-height:880px}
 #demo-stage.demo-enhanced>.problem-panel{display:flex;flex-direction:column;padding:26px 22px;gap:0;min-height:880px}
 #demo-stage .problem-panel h3{font-size:30px}#demo-stage .problem-panel>p:not(.hand){font-size:14px}
 #demo-stage .problem-panel>.illustrative{margin-top:auto;padding-top:14px}
 .demo-enhanced .route-demo{height:430px;min-height:430px;margin:10px 0 0}.demo-enhanced .mini-content{height:270px}.demo-enhanced .route-screens{max-width:205px}
 .demo-enhanced .signal-list{margin:18px 0 24px}.demo-enhanced .signal p{font-size:12px}
 .demo-enhanced .pieces-demo{margin:15px 0;height:430px;min-height:430px}
 #where-value-gets-stuck>.wrap{padding-bottom:42px}
 #examples.section{padding:35px 0 42px}.examples-label{display:block;margin-bottom:0;padding-bottom:16px}.examples-label>p{font-size:13px;margin-top:8px}
 #examples .creator-controls{margin-top:18px}
 #free-review .wrap{display:block}#free-review .review-top{position:static}
 #free-review .review-bottom{margin-top:25px}#free-review .review-intro h2{font-size:44px}
 #review-form{padding:25px 20px}#review-form .entry-choice{padding:14px 12px}.choice-copy strong{font-size:18px}
 .hero-photo img{transform:none}
}
@media(prefers-reduced-motion:reduce){.hero-photo img{transform:none}.demo-tabs button{transition:none}.entry-path:hover{transform:none}}
body.motion-paused .hero-photo img{transform:none}