:root{--bg:#0b0d12;--bg-raise:#12151d;--line:#252b3a;--text:#eef0f6;--muted:#b0b7ca;--accent:#7c6cff;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.045em;overflow-wrap:break-word}h2{font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.22;letter-spacing:-.035em}h3{font-size:1.125rem;line-height:1.35;letter-spacing:-.02em}p{overflow-wrap:break-word}.wrap{max-width:1344px;margin:auto;padding:0 32px}.site-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font-size:1.1875rem;font-weight:800;letter-spacing:-.025em;white-space:nowrap}.logo svg{flex:none}.site-head nav,.head-actions{display:flex;gap:20px;align-items:center}.site-head nav a,.sign-in{font-size:.8125rem;min-height:44px;display:flex;align-items:center;color:var(--muted)}.site-head nav a:hover,.site-head nav a[aria-current=page]{color:#d3c7ff}.site-head nav a[aria-current=page]{box-shadow:inset 0 -2px #9b89ff}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid var(--line);border-radius:10px;font-size:.875rem;font-weight:650;color:var(--text);background:transparent;text-align:center}.primary{background:#6755e5;border-color:#8879ff;color:#fff}.primary:hover{background:#7564eb}.secondary:hover{background:#1b1b2b;border-color:#8975c0}.hero{display:grid;grid-template-columns:5fr 7fr;gap:32px;align-items:center;padding:44px 0}.hero>*{min-width:0}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#afa2ff;font-weight:700;margin-bottom:12px;display:block}.grad{color:#e2bdf5;background:linear-gradient(90deg,#b1a0ff,#ffa4d8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lede{font-size:1.0625rem;color:var(--muted);max-width:50ch;margin:20px 0 22px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap}.deliverables{font-size:.8125rem;color:var(--muted);margin-top:20px}.surface{background:var(--bg-raise);border:1px solid var(--line);border-radius:20px}.hero-plan,.product-demo{padding:24px;box-shadow:0 0 80px #6352dd0c}.panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2{font-size:1.125rem;min-width:0;max-width:100%;overflow-wrap:anywhere}.badge{font-size:.75rem;white-space:nowrap;border:1px solid #494052;background:#29223b;color:#ded2f7;border-radius:20px;padding:4px 9px}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.tabs button{color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;min-height:44px;padding:8px 13px;font-size:.8125rem}.tabs button[aria-selected=true]{background:#29223e;color:#e1d9ff;border-color:#50426e}.photo{display:block;position:relative;aspect-ratio:3/2;border-radius:12px;background:#1d2330;overflow:hidden}.photo.card{aspect-ratio:5/3}.photo.portrait{aspect-ratio:4/5}.photo img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.photo-fallback{position:absolute;inset:0;padding:20px;display:grid;place-items:center;text-align:center;font-size:.8125rem;color:var(--muted)}.photo-fallback[hidden]{display:none}.photo.failed img{visibility:hidden}.hero-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-shots figure{min-width:0}.hero-shots figcaption{color:var(--muted);font-size:.8125rem;line-height:1.55;margin:12px 0}.hero-shots strong{display:block;color:var(--text);margin-bottom:5px}.hero-stage-controls{display:none}.hero-text{font-size:.9375rem;color:var(--muted);line-height:1.8;padding:8px 0 16px}.hero-text h3{margin-bottom:12px;color:var(--text)}.text-link{font-size:.875rem;color:#c4b6ff;display:inline-flex;align-items:center;min-height:44px}.text-link:hover{color:#e2d8ff}.disclosure{color:var(--muted);font-size:.75rem;margin-top:10px}.section{padding:36px 0;border-top:1px solid var(--line)}.section-heading{margin-bottom:22px}.section-heading>p:not(.eyebrow){color:var(--muted);margin-top:10px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.path-card{display:block}.path-card h3{font-size:1.5rem}.path-card p{color:var(--muted);margin:12px 0;max-width:48ch}.path-card:hover,.example-card:hover{border-color:#8e7dcc;background:#181622}.example-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.example-cards.count-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.example-card{min-width:0;display:flex;flex-direction:column;background:var(--bg-raise);border:1px solid var(--line);border-radius:17px;padding:10px 10px 16px;gap:10px}.example-card h3,.example-card p,.example-card .audience-label,.example-card .explore-word{padding:0 5px}.example-card h3{font-size:1rem}.audience-label{font-size:.75rem;color:#c0b0ff}.example-card p{color:var(--muted);font-size:.8125rem}.explore-word{color:#c4b6ff;margin-top:auto;font-size:.8125rem}.value-grid,.how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.value-grid article{padding:18px 0;border-top:1px solid #494052}.value-grid h3,.how h3{margin:12px 0 8px}.value-grid p,.how p{color:var(--muted);font-size:.875rem;max-width:40ch}.step{color:#b8a6ff;font-size:.8125rem}.how ol{grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0}.how li{border-top:1px solid #494052;padding-top:15px}.how h3{font-size:1rem}.access-invite{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px;margin:30px 0 40px}.access-invite h2{font-size:1.625rem;max-width:28ch}.access-invite p:not(.eyebrow){color:var(--muted);font-size:.875rem;margin-top:12px}.access-invite .button{white-space:normal}.demo-cue{margin:10px 0;color:var(--muted);font-size:.8125rem}.beat-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.beat-controls button{flex:1;min-width:70px;min-height:44px;padding:8px;color:var(--muted);border:1px solid var(--line);border-radius:8px;background:#10131b;font-size:.8125rem}.beat-controls button[aria-pressed=true]{border-color:#a694ff;background:#29223e;color:#e1d9ff}.demo-script{margin:14px 0;padding:16px;background:#0e1118;border-radius:12px;font-size:.9375rem;color:var(--muted)}.demo-script h3{font-size:.875rem;color:#d3c7ff;margin-bottom:8px}.demo-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.copy-button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);padding:8px 12px;font-size:.8125rem}.copy-button:hover{border-color:#8975c0}.status{font-size:.8125rem;color:var(--muted);margin-top:8px}.status:empty{display:none}.page-intro{padding:38px 0 26px}.page-intro h1{max-width:24ch}.example-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.example-picker a{font-size:.8125rem;color:var(--muted);min-height:44px;display:flex;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#10131b}.example-picker a[aria-current=true]{color:#e3d8ff;background:#29223e;border-color:#a694ff}.example-detail{padding:28px;margin-bottom:40px}.detail-head{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:26px}.detail-head p:not(.eyebrow){color:var(--muted);margin-top:10px;max-width:65ch}.detail-head .button{flex:none}.detail-copy{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;margin-bottom:28px}.detail-copy h3{font-size:1rem;margin-bottom:12px}.detail-copy p{color:var(--muted);font-size:.9375rem;line-height:1.85;max-width:70ch}.detail-copy .copy-button{margin-top:14px}.review-notes{border-left:2px solid #7964c4;padding-left:20px}.review-notes p{font-size:.8125rem;margin-bottom:12px}.shot-heading{margin-bottom:18px}.shot-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.shot-list li{min-width:0}.shot-list p{color:var(--muted);font-size:.8125rem;margin-top:10px}.shot-list strong{color:var(--text)}.detail-caption{padding:18px;border:1px solid var(--line);border-radius:12px;background:#10131b;margin-top:24px}.detail-caption h3{font-size:1rem;margin-bottom:10px}.detail-caption p{color:var(--muted);font-size:.9375rem}.access-intro .lede{max-width:65ch}.access-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1100px;margin:0 auto 44px;align-items:start}.access-context{padding:22px 0}.access-context h2{font-size:1.5rem}.access-context ol{padding-left:23px;margin:24px 0}.access-context li{padding:0 0 18px 8px}.access-context li::marker{color:#b8a6ff}.access-context p{color:var(--muted);font-size:.9375rem;margin-top:6px}.access-form{padding:28px}.access-form h2{font-size:1.5rem}.role{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:22px 0;min-width:0}.role legend{font-size:.875rem;margin-bottom:12px;color:var(--muted)}.role label{display:flex;align-items:center;gap:10px;padding:12px;flex:1;min-width:120px;border:1px solid var(--line);border-radius:10px;font-size:.875rem;cursor:pointer}.role label:has(input:checked){border-color:#a694ff;background:#29223e}.role input{accent-color:#7c6cff;width:18px;height:18px}.waitlist>label{display:block;font-size:.875rem;margin-bottom:10px}.waitlist input[type=email]{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #4c5366;border-radius:9px;background:#0d1017;color:var(--text);padding:12px;font-size:1rem}.form-note{font-size:.8125rem;color:var(--muted);margin:16px 0}.form-note a{text-decoration:underline;color:#c4b6ff}.waitlist .button{width:100%;margin-top:8px}button:disabled{opacity:.65;cursor:wait}.hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.err{color:#ffb5b5}.ok{color:#9ce1bc}details{margin-top:24px;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;color:#c4b6ff;font-size:.875rem;min-height:44px;padding:8px 0}details p{max-width:65ch}footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:24px;align-items:start;flex-wrap:wrap}footer p{font-size:.75rem;color:var(--muted);margin-top:12px}footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;max-width:100%;min-width:0}footer nav a{color:var(--muted);font-size:.8125rem;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}.skip-link{position:absolute;left:16px;top:-100px;background:#6755e5;padding:12px;z-index:10;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #c6b5ff;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status textarea{width:100%;display:block;margin-top:12px;padding:12px;background:#0d1017;color:var(--text);border:1px solid var(--line);border-radius:10px;resize:vertical;font-size:.875rem}
@media(max-width:1100px){.site-head{flex-wrap:wrap}.site-head nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:8px 24px}.example-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:24px}.access-layout{gap:32px}.shot-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:28px}.hero>div{max-width:700px}.hero-plan,.product-demo{max-width:720px;width:100%;margin:auto}.example-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.example-cards.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid{gap:18px}.access-layout{grid-template-columns:1fr;gap:16px;max-width:600px}.access-context{order:2}.detail-copy{grid-template-columns:1fr}.how ol{grid-template-columns:repeat(2,minmax(0,1fr))}.access-invite{grid-template-columns:1fr}.access-invite .button{justify-self:start}}
@media(max-width:560px){.wrap{padding:0 18px}.site-head{padding:18px 0;gap:14px}.logo{font-size:1.0625rem}.head-actions{width:100%;justify-content:space-between;gap:12px}.site-head nav{justify-content:start;gap:2px 20px}.site-head nav a{font-size:.8125rem}.hero{padding:30px 0}.hero-plan,.product-demo{padding:18px}.panel-head{align-items:start;gap:8px}.badge{font-size:.6875rem}.panel-head h2{font-size:1rem}.hero-shots{grid-template-columns:1fr}.hero-shots figure:not(.active-stage){display:none}.hero-shots .photo{aspect-ratio:5/4}.hero-stage-controls{display:flex;gap:6px;margin-bottom:14px}.hero-stage-controls button{flex:1;min-height:44px;padding:8px 4px;background:#10131b;border:1px solid var(--line);color:var(--muted);border-radius:8px;font-size:.75rem}.hero-stage-controls button[aria-pressed=true]{border-color:#a694ff;color:#e1d9ff;background:#29223e}.tabs button{padding:8px 10px}.section{padding:28px 0}.path-grid,.value-grid,.example-cards,.example-cards.count-3,.how ol,.shot-list{grid-template-columns:1fr}.path-card{padding:20px}.example-cards.count-3{gap:16px}.example-card h3{font-size:1.1875rem}.example-card p{font-size:.9375rem}.example-card{padding:12px}.value-grid article{padding:16px 0}.access-invite{padding:22px;margin:24px 0 30px}.access-invite h2{font-size:1.5rem}.page-intro{padding:28px 0 20px}.example-picker a{flex:1;min-width:120px;justify-content:center;text-align:center}.example-detail{padding:20px}.detail-head{display:block}.detail-head .button{margin-top:18px}.detail-copy{gap:22px}.shot-list{gap:24px}.access-form{padding:22px 20px}.access-context{padding:18px 0}.beat-controls button{min-width:90px}.actions .button{max-width:100%}footer{display:block}footer nav{margin-top:18px}footer .logo{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Photographic compositions: audience-specific work, rather than repeated text grids. */
.audience-hero{position:relative;isolation:isolate}.audience-hero:before{content:'';position:absolute;z-index:-1;inset:5% -2% 15% 42%;background:radial-gradient(ellipse,#bd77481a,transparent 65%);pointer-events:none}.path-card{padding:12px 12px 22px;overflow:hidden}.path-card .photo{margin-bottom:20px;aspect-ratio:16/9}.path-card>.eyebrow,.path-card>h3,.path-card>p,.path-card>.text-link{margin-left:12px;margin-right:12px}.path-card>.eyebrow{margin-top:4px}.workflow-story{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:start}.brief-story{padding:30px;background:radial-gradient(ellipse at 0 0,#a6775024,transparent 70%),#14151d}.brief-story blockquote{font-size:clamp(1.375rem,2.2vw,1.875rem);line-height:1.45;letter-spacing:-.025em;margin:16px 0 24px;max-width:24ch}.brief-story>p:not(.eyebrow){color:var(--muted);font-size:.9375rem;margin:18px 0}.story-outputs,.visual-deliverables{display:flex;gap:8px;flex-wrap:wrap}.story-outputs span,.visual-deliverables span{padding:6px 10px;border:1px solid #574761;border-radius:7px;font-size:.75rem;color:#e0c9e6;background:#322336}.story-photo{display:block;position:relative;min-width:0;border-radius:20px;overflow:hidden;background:var(--bg-raise);border:1px solid var(--line)}.story-photo .photo{border-radius:0;aspect-ratio:16/9}.photo-note{padding:22px}.photo-note .eyebrow{color:#dec4ab;margin-bottom:8px}.photo-note p{color:var(--muted);font-size:.875rem;margin-top:8px}.story-photo:hover{border-color:#927aac}.photo-access{max-width:none;grid-template-columns:7fr 5fr;gap:48px;padding:42px 0 12px;margin:0 0 26px;align-items:center}.access-visual{min-width:0;position:relative;isolation:isolate}.access-visual:before{content:'';position:absolute;z-index:-1;inset:15% 0 0;background:radial-gradient(ellipse at 25% 45%,#df95582a,transparent 65%);pointer-events:none}.access-visual h1{font-size:clamp(2rem,3.1vw,2.75rem)}.access-visual .lede{max-width:50ch;margin:14px 0 22px}.access-photo-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:5/3}.access-photo-grid .photo{aspect-ratio:auto;border-radius:15px;height:100%}.access-photo-grid .portrait{grid-row:span 2}.access-photo-grid .photo:nth-child(2) img{object-position:center 65%}.visual-deliverables{margin-top:18px}.access-form{background:radial-gradient(ellipse at 100% 0,#7962b219,transparent 60%),var(--bg-raise);border-color:#3b334b;box-shadow:0 16px 60px #0003}.availability-note{color:#d2bfdc;font-size:.8125rem;margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.access-form details{margin-top:12px}.access-form details p{color:var(--muted);font-size:.8125rem}.access-steps{margin-bottom:20px}.photo-access .access-form{max-width:540px;width:100%;justify-self:end}
@media(max-width:900px){.workflow-story{grid-template-columns:1fr 1fr}.photo-access{grid-template-columns:1fr;max-width:720px;gap:26px}.photo-access .access-form{max-width:none;justify-self:stretch}.access-photo-grid{max-width:680px}.access-visual{order:0}.path-card h3{font-size:1.25rem}}
@media(max-width:560px){.workflow-story{grid-template-columns:1fr}.brief-story{padding:22px}.brief-story blockquote{font-size:1.375rem;max-width:100%}.photo-note{padding:20px}.path-card>.eyebrow,.path-card>h3,.path-card>p,.path-card>.text-link{margin-left:8px;margin-right:8px}.path-card .photo{margin-bottom:16px}.photo-access{padding:28px 0 0;gap:24px}.access-photo-grid{aspect-ratio:1/1;grid-template-columns:1fr 1fr;grid-template-rows:1.7fr 1fr}.access-photo-grid .portrait{grid-row:1;grid-column:1 / -1}.access-photo-grid .portrait img{object-position:50% 36%}.access-visual h1{font-size:2rem}.access-visual .lede{font-size:1rem}.access-photo-grid .photo{border-radius:12px}.visual-deliverables{margin-top:14px}.access-steps .value-grid{gap:8px}.photo-access .access-form{padding:24px 20px}}

.workflow-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.workflow-path{min-width:0;padding:28px;display:flex;flex-direction:column;scroll-margin-top:24px}.workflow-path h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2}.path-summary{color:var(--muted);margin:14px 0 20px}.workflow-path>.photo{aspect-ratio:16/9;margin-bottom:12px}.audience-steps{list-style:none;margin:0;padding:0}.audience-steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.audience-steps .step{margin:0;font-size:.875rem}.audience-steps h3{font-size:1.0625rem;margin:0 0 8px}.audience-steps p,.path-result{font-size:.9375rem;line-height:1.65;color:var(--muted)}.path-next{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:start;gap:18px}.path-result strong{color:var(--text)}.path-next .disclosure{margin:0}.workflow-disclosure{margin:0 0 36px}.page-intro .actions{margin-top:24px}@media(max-width:760px){.workflow-paths{grid-template-columns:1fr}.workflow-path{padding:22px}.workflow-path h2{font-size:1.625rem}}
.brief-photo{margin-top:18px}.brief-photo .photo{aspect-ratio:5/2}.brief-photo p{color:var(--muted);font-size:.75rem;margin-top:8px}
.script-preview{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center}.script-card{padding:20px;background:#191622;border:1px solid #44364f;border-radius:14px}.script-card blockquote{margin:0;font-size:1.375rem;line-height:1.5;letter-spacing:-.02em;color:#f0e6f4}.script-card .eyebrow{font-size:.6875rem}.script-preview .photo{aspect-ratio:5/4}.how .workflow-cards{gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0 12px}.how .workflow-cards li{padding:0;border:1px solid var(--line);border-radius:16px;background:var(--bg-raise);overflow:hidden;min-width:0}.workflow-cards .photo{border-radius:0;aspect-ratio:5/3}.workflow-step{padding:18px}.workflow-step h3{font-size:1.0625rem}.workflow-step p{font-size:.875rem}.workflow-art.pending{aspect-ratio:5/3;display:grid;place-items:center;background:#211c2e;color:var(--muted);font-size:.8125rem;padding:20px}
@media(max-width:900px){.how .workflow-cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.script-preview{grid-template-columns:1fr}.script-preview .photo{aspect-ratio:5/3}.script-card{padding:18px}.script-card blockquote{font-size:1.25rem}.how .workflow-cards{grid-template-columns:1fr}.workflow-step{padding:20px}}
.site-head nav a{color:#ebe7f4;font-weight:650;font-size:.9375rem;letter-spacing:-.015em;padding:8px 13px;border:1px solid transparent;border-radius:10px}.site-head nav{gap:5px}.site-head nav a:hover{color:#fff;background:#211b30;border-color:#453655}.site-head nav a[aria-current=page]{color:#fff;background:#302441;border-color:#6f568b;box-shadow:none}.hero-plan,.product-demo,#example-detail{overflow-anchor:none}.how-example{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:26px;align-items:center}.how-example p:not(.eyebrow){color:var(--muted);font-size:.9375rem}.how-example .eyebrow{margin-top:18px}.how-example blockquote{font-size:1.25rem;line-height:1.6;margin:12px 0;color:var(--text)}.review-notes h3:not(:first-child){margin-top:20px}
@media(max-width:900px){.how-example{grid-template-columns:1fr}}@media(max-width:560px){.site-head nav a{font-size:.9375rem;padding:9px 11px;min-height:44px}.site-head nav{gap:6px;width:100%}.how-example{padding:20px}}
.tabs button{font-weight:600;color:#ddd6eb}.tabs button[aria-selected=true]{color:#fff;background:#342644;border-color:#745d91}.sign-in{color:#e5dfef;font-weight:600;font-size:.9375rem}.copy-button{font-weight:600}
.demo-copy-stack{display:grid;min-width:0}.demo-copy-stack>.script-card{grid-area:1/1;visibility:hidden;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow-wrap:anywhere}.demo-copy-stack>.script-card[data-active=true]{visibility:visible}.demo-copy-stack .script-card h3{margin:0 0 12px}.demo-copy-stack .script-card>p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.65}.demo-photo{min-width:0}.demo-photo .demo-cue{min-height:3.3em}.product-demo .beat-controls [hidden]{display:none}
.sample-arrival{padding:22px 0 24px}.sample-trail{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.8125rem;margin-bottom:22px}.sample-trail a{color:#d6caff;font-weight:650;min-height:44px;display:inline-flex;align-items:center}.sample-arrival-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center}.sample-arrival-grid>*{min-width:0}.sample-arrival h1{font-size:clamp(1.75rem,3vw,2.375rem);max-width:24ch}.sample-arrival .lede{font-size:1rem;line-height:1.6;margin:16px 0}.sample-recognition .photo{aspect-ratio:3/2}.sample-recognition figcaption{font-size:.75rem;color:var(--muted);margin-top:8px}.example-switcher{margin:0 0 22px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.example-switcher summary{font-weight:650}.example-switcher .example-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.example-switcher .example-picker a{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;min-height:64px}.example-switcher .example-picker .photo{width:64px;flex:0 0 64px;aspect-ratio:5/3;border-radius:7px}.example-switcher .example-picker span:not(.photo):not(.photo-fallback){font-size:.8125rem;line-height:1.4;overflow-wrap:anywhere}.example-switcher .example-picker a[aria-current=true]{border-color:#a897ff;background:#28213c}.example-detail .detail-head{margin-bottom:22px}
@media(max-width:1050px){.example-switcher .example-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.sample-arrival-grid{grid-template-columns:1fr;gap:20px}.sample-arrival{padding-top:10px}.sample-trail{margin-bottom:12px}.sample-arrival .lede{margin:12px 0}.sample-arrival .deliverables{margin-top:12px}.example-switcher .example-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.example-switcher .example-picker{grid-template-columns:1fr}}
.workflow-path h2,.audience-steps h3,.path-next a{overflow-wrap:anywhere}.path-next>a{max-width:100%;min-width:0}.workflow-path>*{min-width:0}

/* Put phone controls before changing content so selecting a shorter beat
   needs no empty reserve and the next step stays in the same place. */
@media(max-width:560px){
 .product-demo #demo-panel{display:flex;flex-direction:column}
 .product-demo .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .product-demo .tabs button{min-width:0;padding:8px 4px;overflow-wrap:anywhere}
 .product-demo .beat-controls{order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px}
 .product-demo .beat-controls button{min-width:0;text-align:left;padding:10px 12px;line-height:1.45;overflow-wrap:anywhere}
 .demo-copy-stack>.script-card{display:none}
 .demo-copy-stack>.script-card[data-active=true]{display:flex;justify-content:flex-start;padding:16px}
 .demo-photo .demo-cue{min-height:0}
 .product-demo .demo-actions{display:grid;grid-template-columns:1fr;gap:8px}
 .product-demo .demo-actions .text-link{justify-content:center;text-align:center}
 .product-demo .demo-actions .copy-button{width:100%}
}

/* Shared phone layout: the same navigation, reading and touch rules apply
   to every public workflow rather than individual example sections. */
.logo{min-height:44px;min-width:0;white-space:normal;overflow-wrap:anywhere}
footer nav a{min-width:44px;justify-content:center}
.status textarea{font-size:1rem}
.eyebrow,.disclosure,.badge,.audience-label,.script-card .eyebrow,
.brief-photo p,.sample-recognition figcaption{font-size:.8125rem}
@media(max-width:900px){
 .site-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 0}
 .site-head>.logo{grid-column:1;grid-row:1;min-width:0}
 .site-head .head-actions{grid-column:2;grid-row:1;width:auto;gap:12px}
 .site-head .sign-in{min-width:44px;justify-content:center}
 .site-head nav{grid-column:1/-1;grid-row:2;order:initial;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .site-head nav a{min-width:0;min-height:44px;justify-content:center;text-align:center;font-size:.875rem;line-height:1.3;padding:4px 2px;overflow-wrap:anywhere}
 .example-card p,.value-grid p,.workflow-step p,.shot-list p{font-size:.9375rem;line-height:1.65}
 .review-notes p{font-size:.875rem}
 .hero-stage-controls button,.tabs button,.beat-controls button,.copy-button{font-size:.875rem}
}
@media(max-width:560px){
 .site-head .head-actions .button{display:none}
 .site-head .sign-in{font-size:.875rem}
 .actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .actions .button{width:100%}
 .hero-plan .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-plan .tabs button{min-width:0;text-align:center}
 .hero-stage-controls button{font-size:.875rem}
 .script-card .eyebrow{letter-spacing:.08em}
 .detail-head .button,.access-invite .button{width:100%}
 .detail-head{align-items:stretch}
 footer nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 footer nav a{border:1px solid var(--line);border-radius:8px;padding:8px}
 footer .logo{font-size:1.0625rem}
}

/* Give the contact address a complete row in flex and grid footers. */
footer nav .footer-contact{flex-basis:100%;grid-column:1 / -1}