.hero h1{font-size:60px;line-height:1.1}.hero .intro{max-width:610px}.hero h1 span{color:#386c51}.player{margin-top:35px}.personal{grid-template-columns:310px minmax(0,1fr);gap:54px;padding:82px 0 66px;align-items:start}.personal>.copy{padding-top:90px}.personal h2,.across h2{font-size:40px;letter-spacing:-1.5px}.personal .copy p{font-size:17px;line-height:1.65}.media-demo{padding:22px;background:#f4f7f3}.shoo-question{display:flex;align-items:center;gap:11px;margin-bottom:16px;font-size:17px}.shoo-question img{width:37px;height:37px;border-radius:10px;object-fit:cover}.example-tabs{gap:7px;margin-bottom:13px}.example-tabs button{font-size:12px;background:white;border:1px solid #cbd8cf;line-height:1.4;padding:9px 11px;min-height:40px;color:#365945}.example-tabs button[aria-pressed=true]{background:#173e2e;border-color:#173e2e}.instruction{font-size:16px;min-height:101px;padding:17px 19px;line-height:1.55;box-shadow:none;color:#183e2d}.decision-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.decision-lane{border:1px solid;border-radius:13px;overflow:hidden;min-width:0;min-height:258px}.keep-lane{background:#edf6ee;border-color:#c4dbc9}.remove-lane{background:#fff4eb;border-color:#ead1bb}.decision-lane header{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:12px;font-size:14px;font-weight:650;border-bottom:1px solid #c9ddcd;color:#215b35}.remove-lane header{color:#9a431b;border-color:#ebd5c3}.decision-lane header strong{font-size:12px;white-space:nowrap;font-weight:550}.media-row{display:flex;align-items:center;gap:9px;padding:10px 11px;min-height:58px;animation:appear .24s ease-out}.media-row+.media-row{border-top:1px solid #a3bba326}.media-row>div:last-child{min-width:0}.media-row strong{display:block;font-size:12px;line-height:1.3;font-weight:600}.media-row small{display:block;font-size:11px;line-height:1.4;color:#567263;margin-top:3px}.remove-lane .media-row small{color:#98644d}.media-thumb{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;background:#d6e5eb;color:#427189;font-size:20px;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb.movie{background:#d4dced;color:#4f5c8e}.media-thumb.work,.media-thumb.interview{background:#d8e4d7;color:#48744d}.media-thumb.copy{background:#e5dcec;color:#715088}.follow-up{margin-top:16px;border:1px solid #d5ded5;background:#fff;border-radius:12px;padding:15px}.follow-up[hidden]{display:none}.question-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.question-heading strong{font-size:14px}.question-heading>span{font-size:11px;color:#6c7d70}.recording-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.recording-card{display:grid;grid-template-columns:32px 1fr;gap:3px 8px;align-items:center;min-width:0}.recording-card .media-thumb{grid-row:1/3;width:32px;height:35px}.recording-card strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}.recording-card small{font-size:11px;color:#6c7d70}.answers{margin-top:14px;gap:7px}.answers button{font-size:12px;padding:9px 10px;min-height:39px;line-height:1.4}.follow-up>p{font-size:12px;margin-top:11px;line-height:1.45}.compact-review{border-top:1px solid #d0ded2;margin-top:16px}.compact-review summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:17px 0 0;font-size:12px;color:#55715a}.compact-review summary::-webkit-details-marker{display:none}.compact-review summary strong{font-size:23px;color:#234e32;letter-spacing:-.7px}.compact-review summary>span:last-child{color:#264c36;white-space:nowrap;font-weight:600}.compact-review[open] summary b{display:inline-block;transform:rotate(180deg)}.compact-review label{display:flex;align-items:center;gap:9px;font-size:12px;padding:10px 0;border-bottom:1px solid #dce5da;cursor:pointer}.compact-review input{accent-color:#315d3d;width:16px;height:16px}.compact-review label small{margin-left:auto;white-space:nowrap}.compact-review>p{font-size:12px;margin-top:12px}.compact-review #review-files{padding-top:10px}.across{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:72px;padding:0 0 65px}.across-visual{border-radius:24px;padding:30px 27px 23px;background:#f0f4f7;overflow:hidden;display:flex;flex-direction:column;gap:13px}.across .folder-window{width:92%;padding:12px 15px;border-radius:11px;box-shadow:0 4px 12px #23394b09}.across .folder-window:nth-child(1){transform:rotate(-2deg)}.across .folder-window:nth-child(2){transform:rotate(1deg)}.across .folder-window:nth-child(3){transform:rotate(-1deg)}.across .folder-title{font-size:12px}.across .folder-content{gap:9px;padding-top:10px}.across .folder-content strong{font-size:11px;line-height:1.4;display:block;overflow-wrap:anywhere}.across .folder-content small{display:block;font-size:11px;color:#72828b;margin-top:4px}.across .folder-content>div{min-width:0}.across .folder-content>span:last-child{margin-left:0}.across .folder-content>.keep-badge{margin-left:auto!important;background:#dcefdc;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#306b3f}.across-decision{display:flex;gap:12px;align-items:center;margin:9px 0 0;padding:0 5px}.across-decision>span{font-size:30px;color:#6c9284}.across-decision p{font-size:14px;line-height:1.5;color:#3d6250}.across .copy>p{font-size:17px;line-height:1.65;margin-top:20px}.across .copy .review-promise{display:flex;gap:10px;font-size:14px;color:#42614c}.review-promise span{flex:none;color:#2b6d42}.closing{padding:47px 0}.closing h2{font-size:39px;line-height:1.16}.footer{height:82px}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.personal{grid-template-columns:260px 1fr;gap:28px}.personal h2,.across h2{font-size:34px}.media-demo{padding:17px}.decision-columns{gap:8px}.media-row{gap:7px;padding:10px 8px}.media-thumb{width:28px;height:31px}.decision-lane header{padding:11px 8px;font-size:12px}.decision-lane header strong{font-size:11px}.recording-card{grid-template-columns:1fr;gap:5px}.recording-card .media-thumb{grid-row:auto;width:100%;height:39px}.across{gap:38px}.hero h1{font-size:52px}}
@media(max-width:760px){.personal{grid-template-columns:1fr;padding:53px 0 43px;gap:25px}.personal>.copy{padding:0;max-width:550px}.personal h2 br{display:none}.personal h2{font-size:33px}.hero h1{font-size:42px;letter-spacing:-2px}.hero .intro{max-width:530px}.decision-lane{min-height:250px}.media-row strong{font-size:12px}.media-row small{font-size:11px}.across{grid-template-columns:1fr;gap:29px;padding-bottom:44px}.across .copy{grid-row:1}.across .copy h2 br{display:none}.across .copy h2{font-size:33px}.across .copy>p{margin-top:16px}.across-visual{max-width:560px;width:100%;margin:auto}.closing h2{font-size:33px}.closing{padding:37px 0}.recording-card{grid-template-columns:32px 1fr}.recording-card .media-thumb{grid-row:1/3;width:32px;height:35px}}
@media(max-width:430px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:35px;letter-spacing:-1.6px}.hero h1 br{display:none}.hero .intro{font-size:16px}.actions .btn{font-size:13px;padding:0 15px;min-height:48px;gap:10px}.media-demo{padding:14px}.example-tabs button{font-size:11px;padding:8px 9px}.instruction{font-size:14px;min-height:120px;padding:14px}.shoo-question{font-size:15px}.decision-lane header{display:block;font-size:13px}.decision-lane header strong{display:block;margin-top:4px;font-size:11px}.media-row{align-items:start;gap:6px}.media-row strong{font-size:11px}.media-row small{font-size:10px}.media-row .media-thumb{width:22px;height:27px;font-size:15px}.question-heading{display:block}.question-heading>span{display:block;margin-top:5px}.recording-card{grid-template-columns:1fr}.recording-card .media-thumb{grid-row:auto;width:100%;height:34px}.answers button{font-size:11px}.compact-review summary strong{font-size:21px}.compact-review summary{font-size:11px}.across-visual{padding:24px 15px 20px}.across .folder-window{width:97%}.closing h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The category stays fixed while example instructions change the selection. */
.media-category{display:flex;align-items:center;gap:13px;margin-bottom:20px}.media-category h3{font:650 19px/1.25 Manrope,sans-serif;letter-spacing:-.5px}.media-category p{font-size:13px;line-height:1.5;margin-top:4px;color:#627566}.category-thumbnail{position:relative;width:52px;height:48px;flex:none;display:block}.category-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:9px}.category-thumbnail>span{position:absolute;right:-5px;bottom:-5px;border-radius:6px;display:grid;place-items:center;width:24px;height:24px;background:#25483a;color:#fff;font-size:11px;border:2px solid #f4f7f3}.prompt-message{background:#fff;border:1px solid #bdcfc2;border-radius:14px;padding:15px 18px;box-shadow:0 3px 10px #1b3a2905}.prompt-speaker{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#3c5e4a;font-size:12px;font-weight:600}.user-avatar{display:grid;place-items:center;flex:none;width:27px;height:27px;background:#e1e9e3;color:#52705e;border-radius:50%}.user-avatar svg{width:17px;height:17px}.prompt-message .instruction{display:block;width:100%;font-family:inherit;font-size:16px;line-height:1.55;letter-spacing:0;min-height:80px;height:80px;resize:none;overflow:auto;border:0;padding:0;box-shadow:none;background:transparent;color:#193b2b;cursor:text}.prompt-message .instruction:focus-visible{outline:2px solid #669277;outline-offset:5px;border-radius:4px}.prompt-examples{margin-top:14px}.examples-label{display:block;font-size:12px;line-height:1.4;color:#64796b;margin-bottom:8px}.prompt-examples .example-tabs{margin:0;gap:7px}.prompt-examples .example-tabs button{display:flex;align-items:center;gap:7px;min-height:37px;padding:8px 10px;font-size:12px;border-radius:9px;text-align:left}.option-check{width:14px;height:14px;border:1px solid #7e9888;border-radius:50%;display:grid;place-items:center;flex:none}.example-tabs [aria-pressed=true] .option-check{border-color:#d5efde;background:#d5efde;color:#163c2c}.example-tabs [aria-pressed=true] .option-check:after{content:'✓';font-size:10px;font-weight:700}.prompt-changed{animation:prompt-change .38s ease-out}@keyframes prompt-change{from{border-color:#4e8a61;box-shadow:0 0 0 3px #75a48225}to{border-color:#bdcfc2;box-shadow:0 3px 10px #1b3a2905}}.personal>.copy{padding-top:68px}.across-message{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px}.across-message .user-avatar{width:31px;height:31px;margin-top:4px;background:#dbe4e6}.across-message blockquote{flex:1;background:#fff;border:1px solid #cddbd5;border-radius:3px 14px 14px;padding:14px 16px;box-shadow:0 4px 14px #1f422b06}.across-message cite{display:block;font-size:12px;line-height:1.2;font-style:normal;font-weight:600;color:#607266;margin-bottom:6px}.across-message p{font-size:16px;line-height:1.5;color:#264635}.across .folder-window:nth-child(2){align-self:flex-start;transform:rotate(-2deg)}.across .folder-window:nth-child(3){align-self:flex-end;transform:rotate(1deg)}.across .folder-window:nth-child(4){align-self:center;transform:rotate(-1deg)}.across .folder-content>.file-outcome{margin-left:auto!important;padding:4px 7px;font-size:10px;line-height:1.2;font-weight:650;border-radius:5px;flex:none}.file-outcome.remove{background:#fff0e4;color:#984721}.file-outcome.keep{background:#dfefdf;color:#326640}.across .folder-content strong{font-size:11px}.across .folder-content small{font-size:11px}.footer{justify-content:flex-start}
@media(max-width:1000px){.across-message p{font-size:15px}.across .folder-content{flex-wrap:wrap}.across .folder-content>div{flex:1}.across .folder-content>.file-outcome{margin-left:44px!important}.prompt-message .instruction{height:105px}.personal>.copy{padding-top:64px}}
@media(max-width:760px){.personal>.copy{padding-top:0}.prompt-message .instruction{height:80px}.across .folder-content{flex-wrap:nowrap}.across .folder-content>.file-outcome{margin-left:auto!important}}
@media(max-width:430px){.media-category h3{font-size:18px}.media-category p{font-size:12px}.prompt-message{padding:14px}.prompt-message .instruction{font-size:14px;height:113px;min-height:113px}.prompt-examples .example-tabs button{font-size:11px;min-height:37px;padding:8px 9px}.across-message{gap:7px}.across-message blockquote{padding:12px}.across-message p{font-size:14px}.across .folder-content{flex-wrap:wrap}.across .folder-content>.file-outcome{margin-left:44px!important}}
@media(prefers-reduced-motion:reduce){.prompt-changed{animation:none}}
.across .folder-content>.file-outcome.remove{color:#984721}.across .folder-content>.file-outcome.keep{color:#326640}

/* Stronger supporting copy, a clearer demo invitation and mascot accents. */
.hero .intro,.personal .copy p,.across .copy>p,.closing-copy>p{font-weight:500;color:#3c5549}
.hero .intro{font-weight:550;color:#354d41}
.media-category p,.media-row small,.across .folder-content small,.compact-review>p,.examples-label{font-weight:500;color:#52675b}
.prompt-message .instruction,.across-message p{font-weight:500}
.nav .brand{display:flex;align-items:center;gap:4px}.nav .brand:after{margin-left:-2px}
.brand-mascot{display:block;width:52px;height:52px;object-fit:contain;margin-left:-8px}
.actions .btn,.closing-action .btn{min-height:58px;font-size:16px;font-weight:650}
.actions>[data-access],.closing-action>[data-access]{padding-inline:29px;background:linear-gradient(180deg,#24553e,#143b2b);box-shadow:0 4px 10px #123b2a24,inset 0 1px 0 #ffffff24;transition:transform .2s,box-shadow .2s}
.actions>[data-access]:hover,.closing-action>[data-access]:hover{box-shadow:0 6px 17px #123b2a30,inset 0 1px 0 #ffffff24;transform:translateY(-2px)}
.actions .demo-cta{padding:0 17px 0 11px;gap:11px;background:#f0f6ef;color:#204d35;box-shadow:inset 0 0 0 1px #c7dbc9;transition:background .2s,transform .2s,box-shadow .2s}
.actions .demo-cta:hover{background:#e5f1e3;box-shadow:inset 0 0 0 1px #94bca0,0 4px 12px #173b2810}
.demo-play{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:50%;background:#265b3d;color:white;box-shadow:0 2px 5px #1b4a3020}.demo-play svg{width:21px;height:21px}
.demo-duration{font-size:12px;font-weight:600;white-space:nowrap;border-left:1px solid #bed1bf;padding-left:11px;color:#526c58}
.video-controls{display:flex;align-items:center;gap:14px;padding:8px 15px;background:#fff;color:#315340;border-top:1px solid #dce5dc;height:52px;text-align:left}
.video-controls[hidden],.video-expand[hidden]{display:none}
.video-toggle,.video-expand{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;background:transparent;color:inherit;height:36px;border-radius:7px;font-size:12px;font-weight:600;padding:0 6px}
.video-toggle{min-width:73px;justify-content:flex-start}.video-toggle:hover,.video-expand:hover{background:#edf4ed}
.video-controls svg{width:20px;height:20px;flex:none}.video-toggle .pause-glyph{display:none}.video-toggle[data-state=playing] .play-glyph{display:none}.video-toggle[data-state=playing] .pause-glyph{display:block}
.video-seek{flex:1;min-width:30px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;height:32px;margin:0;--played:0%}
.video-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#3c7250 var(--played),#dce7dd var(--played))}
.video-seek::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,#3c7250 var(--played),#dce7dd var(--played))}
.video-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#3c7250;margin-top:-4px;box-shadow:0 0 0 3px #fff}
.video-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#3c7250;box-shadow:0 0 0 3px #fff}
.video-time{flex:none;font-size:12px;font-weight:500;color:#53695a;font-variant-numeric:tabular-nums;white-space:nowrap}
.player:fullscreen{display:flex;flex-direction:column;justify-content:center;max-width:none;border:0;border-radius:0;background:#10232e;margin:0}.player:fullscreen video{flex:1;min-height:0;height:calc(100% - 52px);aspect-ratio:auto}.player:fullscreen .video-controls{flex:none;width:100%}
.closing-copy{max-width:620px}.closing-copy>p{font-size:17px;line-height:1.6;max-width:520px;margin-top:17px}
.closing-action{display:flex;align-items:center;gap:10px;flex:none}.closing-mascot{width:132px;height:132px;object-fit:contain}
.footer a.brand{font-size:31px;color:#193b2b;letter-spacing:-1.5px}
@media(max-width:1000px){.closing-action{gap:0}.closing-mascot{width:108px;height:108px}.closing-action .btn{padding-inline:22px}.closing-copy{max-width:540px}}
@media(max-width:760px){.closing{align-items:flex-start;gap:20px}.closing-action{flex-direction:column}.closing-mascot{width:92px;height:92px}.closing-copy>p{font-size:16px}}
@media(max-width:680px){.closing{display:flex;flex-direction:column;gap:20px}.closing-action{flex-direction:row-reverse;justify-content:flex-end;gap:17px}.closing-action .btn{margin-top:0}.closing-mascot{width:95px;height:95px}.actions{flex-wrap:wrap}.brand-mascot{width:46px;height:46px}.video-controls{gap:8px;padding:7px 9px}.video-toggle{min-width:65px}.video-time{font-size:11px}.video-expand{padding:0 3px}}
@media(max-width:430px){.actions{gap:9px}.actions .btn{font-size:13px;min-height:51px}.actions>[data-access]{padding-inline:18px}.actions .demo-cta{gap:8px;padding:0 11px 0 8px}.demo-play{width:29px;height:29px}.demo-play svg{width:18px;height:18px}.demo-duration{display:none}.closing-copy>p{font-size:16px}.video-toggle{min-width:32px;padding:0 4px}.video-toggle>span{display:none}.footer a.brand{font-size:29px}}
@media(prefers-reduced-motion:reduce){.actions .btn,.closing-action .btn{transition:none}}

/* Readable examples and comfortable touch controls at smaller sizes. */
@media(max-width:1000px){
  .personal,.across{min-width:0}.personal>* ,.across>*{min-width:0}
  .media-demo{min-width:0}
  .prompt-message .instruction{height:auto;min-height:0}
  .media-row strong{font-size:13px;line-height:1.4}
  .media-row small{font-size:12px}
  .decision-lane header{flex-wrap:wrap;font-size:14px}
  .decision-lane header strong{font-size:12px}
  .prompt-examples .example-tabs button{font-size:14px;min-height:44px;padding:10px 12px}
  .examples-label,.prompt-speaker{font-size:14px}
  .media-category p{font-size:14px}
  .compact-review summary{min-height:52px;font-size:13px;flex-wrap:wrap}
  .compact-review label{font-size:14px;min-height:46px;padding:12px 0}
  .compact-review label small{font-size:12px}
  .compact-review>p{font-size:13px}
  .across .folder-content strong{font-size:13px;line-height:1.4}
  .across .folder-content small{font-size:12px;line-height:1.4}
  .across .folder-title{font-size:14px}
  .across .folder-content>.file-outcome{font-size:12px;padding:5px 8px}
}
@media(max-width:900px){
  .personal{grid-template-columns:minmax(0,1fr);gap:27px;padding:57px 0 50px}
  .personal>.copy{padding-top:0;max-width:650px}
  .personal h2 br{display:none}
  .media-demo{width:100%;max-width:720px;margin-inline:auto;padding:22px}
  .across{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:48px}
  .across .copy{grid-row:1;max-width:650px}
  .across .copy h2 br{display:none}
  .across-visual{width:100%;max-width:620px;margin-inline:auto}
  .across .folder-content{flex-wrap:nowrap}
  .across .folder-content>.file-outcome{margin-left:auto!important}
}
@media(max-width:560px){
  .media-demo{padding:17px}
  .decision-columns{grid-template-columns:minmax(0,1fr);gap:12px}
  .decision-lane{min-height:0}
  .decision-lane header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
  .decision-lane header strong{display:inline;margin-top:0;font-size:13px}
  .media-row{padding:11px 14px;gap:11px;align-items:center;min-height:62px}
  .media-row strong{font-size:14px;line-height:1.4}.media-row small{font-size:12px}
  .media-row .media-thumb{width:32px;height:35px;font-size:20px}
  .prompt-message{padding:15px}
  .prompt-message .instruction{font-size:16px;line-height:1.5;min-height:0;height:auto}
  .prompt-examples .example-tabs{display:grid;grid-template-columns:minmax(0,1fr)}
  .prompt-examples .example-tabs button{width:100%;font-size:14px;line-height:1.4;min-height:46px;text-align:left}
  .option-check{width:17px;height:17px}
  .across-visual{padding:24px 17px 22px}
  .across-message blockquote{padding:14px}.across-message p{font-size:15px}
  .across .folder-window{width:97%;padding:12px}
  .across .folder-content{flex-wrap:wrap}
  .across .folder-content>.file-outcome{margin-left:44px!important}
  .video-toggle,.video-expand{height:44px;min-width:44px}
  .video-toggle>span{display:none}.video-seek{height:44px}
  .video-controls{gap:7px;padding:3px 8px}
  .nav .btn.small{min-height:44px}
}
@media(max-width:380px){
  .actions .btn{width:100%;font-size:15px;min-height:52px}
  .hero h1{font-size:33px;letter-spacing:-1.3px}
  .hero .intro{font-size:16px}
  .closing h2{font-size:29px}
  .media-demo{padding:14px}
  .media-category h3{font-size:17px}
  .compact-review summary{gap:8px;font-size:13px}
  .compact-review summary>span:first-child{display:flex;flex-direction:column;gap:3px}
  .across-message .user-avatar{display:none}
}