.agency-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;padding-top:65px;padding-bottom:65px}.agency-hero h1{font-size:clamp(60px,6.7vw,98px);line-height:1.03;margin-top:25px;letter-spacing:-.065em}.agency-hero h1 em{color:var(--accent)}.hero-summary{max-width:420px;padding-bottom:4px}.hero-summary>p:first-child{font-size:22px;line-height:1.4;letter-spacing:-.025em}.muted{font-size:15px;color:var(--muted)}.hero-summary .button{margin-top:5px}.proof-section{padding-top:55px;padding-bottom:70px;border-top:1px solid var(--line);scroll-margin-top:20px}.proof-heading{display:grid;grid-template-columns:.6fr 1.2fr 1fr;gap:36px;align-items:end;margin-bottom:35px}.proof-heading>.eyebrow{align-self:start;padding-top:7px}.proof-heading h2{font-size:clamp(38px,3.8vw,56px);line-height:1.08}.proof-heading h2 em{color:var(--accent)}.proof-heading>p{color:var(--muted);font-size:15px;margin:0;max-width:390px}.reel-stage{background:#edf3fd;min-height:400px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 9%;background-image:linear-gradient(#1e5de60a 1px,transparent 1px),linear-gradient(90deg,#1e5de60a 1px,transparent 1px);background-size:32px 32px;border:1px solid #d4e0f3}.reel-stage>img{width:100%;height:auto;mix-blend-mode:multiply}.reel-stage h3{font-size:clamp(30px,3.2vw,46px);margin:20px 0}.reel-status{font-size:13px;color:var(--muted);margin:0}.proof-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;padding-top:20px;color:var(--muted)}.proof-foot .text-link{font-size:12px;color:var(--ink)}.sample-credit{font-size:10px;color:var(--muted);margin:14px 0 0}.brand-demo{border:1px solid var(--line);background:#f0f4fa}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;gap:20px;background:white;border-bottom:1px solid var(--line)}.demo-toolbar>span{font-size:9px;letter-spacing:.1em}.format-tabs{display:flex;gap:8px}.format-tabs button{border:1px solid transparent;background:transparent;border-radius:4px;padding:10px 14px;font-size:12px;min-height:44px;color:var(--muted)}.format-tabs button[aria-selected=true]{background:var(--accent);color:white}.brand-preview{padding:38px;min-height:455px;display:flex;align-items:center;justify-content:center}.brand-art{position:relative;overflow:hidden;background-color:#fafbfd;background-image:linear-gradient(#1e5de60c 1px,transparent 1px),linear-gradient(90deg,#1e5de60c 1px,transparent 1px);background-size:24px 24px;box-shadow:0 10px 35px #14294b12;width:100%;max-width:760px;min-height:375px;padding:28px 38px}.sample-lockup{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;line-height:1.05;letter-spacing:-.04em}.sample-lockup img{width:38px;height:auto;mix-blend-mode:multiply}.sample-lockup small{font-size:6px;letter-spacing:.4em}.sample-message{margin-top:35px;position:relative;z-index:1}.sample-message h3{font-size:50px;line-height:1.04;margin:10px 0 17px}.sample-message h3 em{color:var(--accent)}.sample-message p{font-size:12px;margin:0}.sample-symbol{position:absolute;width:37%;height:auto;right:7%;top:34%;mix-blend-mode:multiply}.sample-signoff{display:block;font-size:8px;letter-spacing:.13em;margin-top:28px;color:var(--muted)}.format-social{max-width:375px;min-height:375px;padding:25px}.format-social .sample-message{margin-top:25px}.format-social .sample-message h3{font-size:48px}.format-social .sample-symbol{width:27%;top:auto;bottom:27px;right:25px}.format-social .sample-signoff{max-width:170px}.format-email{max-width:480px;padding:25px 38px;border-top:5px solid var(--accent)}.format-email .sample-symbol{width:23%;top:45%;right:25px}.format-email .sample-message h3{font-size:43px}.demo-caption{display:flex;justify-content:space-between;gap:30px;padding:17px 24px;background:white;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.demo-caption p{margin:0;max-width:530px}.demo-caption>span{flex-shrink:0}.digital-demo{display:grid;grid-template-columns:1fr 1.1fr;background:var(--dark);color:white;padding:50px;gap:75px}.prototype-context .eyebrow{color:#adcaff}.prototype-context h3{font-size:40px;margin:22px 0;line-height:1.12}.prototype-context p{font-size:15px;color:#c7d4e9;max-width:340px}.prototype-note{font-size:11px;color:#adcaff}.scope-tool{background:#fafbfd;color:var(--ink);padding:28px;border-radius:5px}.scope-tool fieldset{margin:0}.scope-tool legend{font-size:16px}.scope-options{display:grid;gap:8px}.scope-options label{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);font-size:13px;cursor:pointer}.scope-options label:has(input:checked){border-color:var(--accent);background:#edf3fd}.scope-options input{width:18px;height:18px;accent-color:var(--accent)}#scope-output{padding:23px 0 10px;min-height:120px}#scope-items{padding-left:18px;font-size:13px;color:var(--muted);line-height:1.5}#scope-items li{margin:8px 0}.scope-tool .button{width:100%;font-size:13px}.agency-process{display:grid;grid-template-columns:.6fr 1fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:40px;padding-bottom:60px}.agency-process h3{font-size:23px;letter-spacing:-.035em}.agency-process p{font-size:13px;color:var(--muted);margin:15px 0 0}.closing{padding:65px 0}.closing h2{font-size:clamp(55px,7vw,88px)}
@media(max-width:1050px){.agency-hero{gap:35px;grid-template-columns:1.25fr 1fr}.agency-hero h1{font-size:7vw}.proof-heading{grid-template-columns:1.2fr 1fr;gap:20px}.proof-heading>.eyebrow{grid-column:1/-1}.digital-demo{padding:30px;gap:35px}.reel-stage{padding:45px;gap:40px;min-height:350px}.agency-process{grid-template-columns:repeat(3,1fr)}.agency-process>.eyebrow{grid-column:1/-1}}
@media(max-width:720px){.agency-hero{grid-template-columns:1fr;gap:26px;padding-top:35px;padding-bottom:40px}.agency-hero h1{font-size:clamp(46px,10.6vw,70px);margin-top:20px}.agency-hero .eyebrow{font-size:8px;letter-spacing:.08em}.hero-summary{max-width:520px}.hero-summary>p:first-child{font-size:20px}.proof-section{padding:35px 0 45px}.proof-heading{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.proof-heading h2{font-size:39px}.proof-heading>p{font-size:14px}.reel-stage{padding:30px 24px;grid-template-columns:1fr;gap:28px;text-align:center;min-height:0}.reel-stage>img{width:65%;max-width:250px;justify-self:center}.reel-stage h3{font-size:30px;margin:15px 0}.proof-foot{align-items:flex-start;flex-direction:column;gap:14px;font-size:11px}.demo-toolbar{align-items:flex-start;flex-direction:column;padding:15px;gap:12px}.format-tabs{width:100%}.format-tabs button{flex:1;padding:10px 9px}.brand-preview{padding:18px 12px;min-height:340px}.brand-art{padding:20px;min-height:300px}.sample-message{margin-top:25px}.sample-message h3,.format-social .sample-message h3,.format-email .sample-message h3{font-size:36px}.sample-symbol{width:24%;right:6%;top:50%}.sample-message .eyebrow{font-size:8px}.sample-message p{font-size:10px}.sample-signoff{font-size:7px;letter-spacing:.08em}.format-social{max-width:310px}.format-email{padding:20px}.format-email .sample-symbol{right:15px;top:55%;width:22%}.format-social .sample-symbol{width:23%;bottom:20px}.demo-caption{padding:15px;font-size:10px}.demo-caption>span{display:none}.digital-demo{grid-template-columns:1fr;padding:25px 18px;gap:25px}.prototype-context h3{font-size:33px;margin:16px 0}.scope-tool{padding:20px}.agency-process{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:40px}.agency-process p{margin-top:9px}.closing h2{font-size:clamp(48px,11vw,76px)}}
/* Connected workflow: finite, user-controlled movement from shared source to outputs. */
.header{min-height:90px;height:90px;flex-wrap:nowrap;padding-top:0;padding-bottom:0}.system-demo{border:1px solid #c9d8ee;background:#f0f5fd;overflow:hidden}.system-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 25px;background:#fff;border-bottom:1px solid var(--line)}.system-bar>span{font-size:10px;letter-spacing:.12em}.system-bar button{display:flex;gap:18px;align-items:center;border:1px solid #c6d5ee;border-radius:4px;background:#fafbfd;padding:10px 15px;min-height:44px;font-size:12px;color:#184bb8}.system-steps{display:grid;grid-template-columns:repeat(5,1fr);padding:0 25px;background:#fff}.system-steps button{display:flex;gap:10px;align-items:center;min-width:0;text-align:left;padding:19px 8px;border:0;border-bottom:2px solid transparent;background:none;color:#536078;font-size:10px}.system-steps button span{font-size:12px}.system-steps button[aria-selected=true]{color:#184bb8;border-color:#1e5de6}.system-stage{display:grid;grid-template-columns:1fr 30px 1.05fr 1.65fr;gap:22px;align-items:center;padding:45px 35px;min-height:360px;background-image:linear-gradient(#1e5de60b 1px,transparent 1px),linear-gradient(90deg,#1e5de60b 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.micro-label{font-size:9px;letter-spacing:.12em;color:#536078}.source-stack>.micro-label{display:block;margin-bottom:15px}.source-sheet{padding:23px 18px;border:1px solid #cad7e9;background:white;box-shadow:5px 5px 0 #e4ecf7,6px 6px 0 #c9d7ea}.source-sheet>span,.output-card>span{font-size:7px;letter-spacing:.12em;display:block}.source-sheet strong{font-size:20px;line-height:1.12;letter-spacing:-.04em;display:block;margin:17px 0}.source-sheet>i,.output-email>i{height:3px;background:#ccd7e8;display:block;width:90%;margin:8px 0}.source-sheet>i:nth-of-type(2){width:65%}.source-select{font-size:9px;padding:7px;background:#e0ebff;color:#184bb8;margin-top:15px;transition:background .5s}.system-connector{font-size:28px;color:#1e5de6}.direction-card{background:#fff;border:1px solid #91b1e7;border-radius:5px;padding:23px 18px;text-align:center;box-shadow:0 15px 35px #153b7310;position:relative;z-index:2}.direction-card img{width:60px;height:auto;margin:0 auto 20px;mix-blend-mode:multiply}.direction-card>span{display:block;font-size:8px;letter-spacing:.09em;color:#536078}.direction-card>strong{display:block;font-size:18px;line-height:1.15;letter-spacing:-.03em;min-height:44px;margin:12px 0}.direction-card small{display:block;font-size:9px;color:#184bb8;margin-top:12px}.direction-progress{height:3px;background:#edf3fd}.direction-progress i{display:block;height:100%;width:20%;background:#1e5de6;transition:width .6s ease}.output-stack{position:relative;height:265px;min-width:0}.output-card{position:absolute;background:#fff;padding:20px;box-shadow:0 10px 30px #14294b14;border:1px solid #c4d5ee;border-radius:4px;transition:transform .65s cubic-bezier(.22,.8,.25,1),opacity .4s,background .5s;overflow:hidden}.output-card strong{display:block;font-size:30px;line-height:1.05;letter-spacing:-.045em;margin:20px 0;color:#184bb8}.output-card small{font-size:7px;letter-spacing:.08em}.output-wide{width:80%;left:9%;top:24px;min-height:200px;transform:translateX(-30px);opacity:.25}.edit-timeline{display:flex;gap:4px;margin:20px 0 9px;height:17px}.edit-timeline i{background:#1e5de6;width:25%;border-radius:2px}.edit-timeline i:nth-child(2n){background:#a3c3fa}.output-social{width:39%;min-height:220px;left:50%;top:8px;transform:translateX(-60px) scale(.75);opacity:0;background:#1e5de6;color:white}.output-social strong{color:white;font-size:25px}.output-email{width:59%;left:2%;top:111px;transform:translateX(-60px);opacity:0;padding:16px}.output-email strong{font-size:19px;margin:12px 0}.output-email small{display:block;margin-top:12px;color:#184bb8}.output-web{width:93%;left:3%;top:20px;min-height:225px;transform:translateX(-55px);opacity:0;background:#fff}.mock-button{font-size:9px;color:white;background:#1e5de6;padding:10px;margin:18px 0 12px;border-radius:3px}.brand-approval{position:absolute;bottom:-5px;left:5%;font-size:8px;letter-spacing:.08em;color:#184bb8;opacity:0;transition:opacity .5s}.system-panel{background:#fff;display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:25px 30px;border-top:1px solid var(--line);min-height:155px}.system-panel h3{font-size:23px;letter-spacing:-.035em;margin:8px 0 12px;line-height:1.15}.system-panel p{font-size:13px;color:var(--muted);margin:8px 0 0}.system-bottom{padding:12px 25px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#536078;border-top:1px solid var(--line)}
.system-demo[data-stage="1"] .direction-progress i{width:40%}.system-demo[data-stage="2"] .direction-progress i{width:60%}.system-demo[data-stage="3"] .direction-progress i{width:80%}.system-demo[data-stage="4"] .direction-progress i{width:100%}
.system-demo:not([data-stage="0"]) .output-wide{opacity:1;transform:translateX(0)}
.system-demo[data-stage="2"] .output-wide,.system-demo[data-stage="3"] .output-wide{transform:translate(-12%,-12%) scale(.78)}
.system-demo[data-stage="2"] .output-social,.system-demo[data-stage="3"] .output-social{opacity:1;transform:translateX(0) scale(1)}
.system-demo[data-stage="3"] .output-email{opacity:1;transform:translateX(0)}.system-demo[data-stage="3"] .brand-approval{opacity:1}
.system-demo[data-stage="4"] .output-wide{opacity:0;transform:translateX(35px)}.system-demo[data-stage="4"] .output-web{opacity:1;transform:translateX(0)}
.reel-pending{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px;align-items:center}.reel-pending p{font-size:12px;color:var(--muted);margin:0}.brand-art{transition:max-width .55s ease,padding .55s ease}.sample-symbol{transition:width .55s ease,top .55s ease,right .55s ease}.sample-message h3{transition:font-size .55s ease}
@media(max-width:1050px){.system-stage{grid-template-columns:.8fr 20px 1fr 1.4fr;gap:15px;padding:35px 20px}.source-sheet{padding:15px 12px}.source-sheet strong{font-size:17px}.direction-card{padding:18px 12px}.output-card{padding:15px}.output-card strong{font-size:25px}.output-social strong{font-size:21px}.output-email strong{font-size:17px}}
@media(max-width:720px){.header{height:78px;min-height:78px}.system-bar{padding:13px 15px;gap:10px}.system-bar>span{font-size:8px;max-width:120px}.system-bar button{font-size:10px;padding:8px 10px;gap:8px}.system-steps{padding:0 8px}.system-steps button{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 5px;font-size:8px}.system-steps button span{font-size:9px;line-height:1.25}.system-stage{grid-template-columns:.85fr 1.15fr;gap:16px;min-height:300px;padding:30px 15px}.source-stack,.system-connector{display:none}.direction-card{padding:18px 10px}.direction-card>span{font-size:7px}.direction-card>strong{font-size:16px;min-height:54px}.direction-card small{font-size:8px}.direction-card img{width:45px;margin-bottom:16px}.output-stack{height:230px}.output-card{padding:12px}.output-card>span{font-size:6px}.output-card strong{font-size:23px;margin:17px 0}.output-wide{width:94%;left:0;min-height:180px}.output-social{width:55%;left:43%;min-height:180px;padding:10px}.output-social strong{font-size:18px}.output-email{width:85%;top:120px;left:0;padding:10px}.output-email strong{font-size:16px;margin:8px 0}.output-email small{font-size:6px}.output-web{width:100%;left:0;padding:13px;min-height:205px}.output-web strong{font-size:24px}.mock-button{font-size:8px;padding:8px}.brand-approval{font-size:6px;bottom:-8px;left:0}.system-panel{grid-template-columns:1fr;padding:20px;gap:18px;min-height:240px}.system-panel h3{font-size:22px}.system-panel p{font-size:12px}.system-bottom{padding:12px 15px;font-size:8px}.system-bottom>span:first-child{max-width:230px}.reel-pending{align-items:flex-start;flex-direction:column;gap:10px}.reel-pending .eyebrow{font-size:9px}.reel-pending p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.system-demo *,.brand-art,.sample-symbol,.sample-message h3{transition:none!important;animation:none!important}}