.agency-demo{grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:22px;max-width:1120px;margin:55px auto 60px;display:grid}.agency-workspace{background:#121315;border:1px solid #ffffff20;border-radius:14px;overflow:hidden;box-shadow:0 35px 80px #0005}.demo-bar,.screenshot-bar{color:#a3a09a;letter-spacing:.07em;border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;padding:18px 22px;font:10px ui-monospace,monospace;display:flex}.demo-bar>span:first-child{align-items:center;gap:9px;display:flex}.demo-bar>span:last-child{color:#83858b}.status-dot{background:#f69a50;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.demo-body{grid-template-columns:190px minmax(0,1fr);display:grid}.demo-sidebar{color:#92969e;border-right:1px solid #ffffff13;padding:28px 15px;font-size:11px}.studio-mark{color:#f3f0e9;align-items:center;gap:10px;margin-bottom:34px;font-size:20px;display:flex}.studio-mark>span{font-size:12px}.studio-mark small,.request-person small{color:#92969e;margin-top:5px;font-size:10px;display:block}.sidebar-label{letter-spacing:.1em;color:#7b7d82;font:8px ui-monospace,monospace}.demo-sidebar>div:not(.studio-mark){border-radius:6px;align-items:center;gap:10px;margin-top:6px;padding:13px 9px;display:flex}.demo-sidebar .selected{color:#efba90;background:#f69a5012}.selected>span{margin-left:auto;font-size:9px}.demo-project{padding:28px}.project-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-heading .section-kicker{font-size:8px}.astro-badge{color:#aaa;border:1px solid #ffffff20;border-radius:20px;padding:5px 10px;font-size:9px}.demo-project h2{letter-spacing:-.04em;margin:20px 0 8px;font-size:22px}.demo-project>p{color:#92969e;font-size:11px}.request-card{background:#1b1c1f;border:1px solid #ffffff12;border-radius:9px;margin-top:24px;padding:20px}.request-person{align-items:center;gap:10px;font-size:11px;display:flex}.avatar{color:#3a3028;background:#ddd4c5;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.request-label{color:#ba987d;margin-left:auto;font-size:8px}.request-card>p{color:#d4d0c9;margin:22px 0;font-size:13px;line-height:1.7}.draft-preview{background:#ffffff03;border-left:2px solid #c89267;padding:14px}.draft-preview>span{color:#b58f70;letter-spacing:.1em;font:8px ui-monospace,monospace}.draft-preview p{color:#aba8a3;margin-bottom:0;font-size:12px;line-height:1.8}.review-state{color:#d6b294;align-items:center;gap:8px;margin-top:18px;font-size:9px;display:flex}.review-state>span{margin-left:auto}.agency-rules{background:linear-gradient(145deg,#211a16,#141416);border:1px solid #ffffff1c;border-radius:14px;padding:28px}.rules-symbol{color:#f6ac73;margin-bottom:28px;font-size:30px;display:block}.agency-rules .section-kicker{font-size:8px}.agency-rules h3{letter-spacing:-.05em;margin:18px 0 25px;font-size:25px;font-weight:550;line-height:1.15}.agency-rules em,.agency-copy em,.agency-intro em,.process-heading em,.agency-ownership em,.agency-faq em{color:#f69a50;font-family:Georgia,serif;font-weight:400}.agency-rules ul{margin:0;padding:0;list-style:none}.agency-rules li{color:#b8b4ad;border-top:1px solid #ffffff12;justify-content:space-between;gap:8px;padding:14px 0;font-size:10px;display:flex}.agency-rules li>span{color:#e7b991;font-size:9px}.agency-rules li>.agency-only{color:#8b8e94}.agency-rules>p{color:#8b8e94;margin:18px 0 0;font-size:9px;line-height:1.8}.agency-intro{padding:100px 0}.agency-intro>div:not(.agency-principles){grid-template-columns:1.1fr 1fr;align-items:center;gap:12%;display:grid}.agency-intro h2,.agency-copy h2,.process-heading h2,.agency-ownership h2,.agency-faq h2{letter-spacing:-.055em;margin:25px 0;font-size:clamp(2.5rem,4.4vw,4.8rem);font-weight:650;line-height:1.06}.agency-intro p,.agency-copy>p,.agency-ownership p{color:#a1a3a8;max-width:520px;font-size:15px;line-height:1.85}.agency-principles{color:#b9aaa0;border-top:1px solid #ffffff20;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px;padding-top:25px;font:10px ui-monospace,monospace;display:grid}.agency-split{background:#101112;padding:110px 0}.split-grid{grid-template-columns:1fr 1fr;align-items:center;gap:8%;display:grid}.agency-copy ul{margin:28px 0;padding:0;list-style:none}.agency-copy li{color:#aaa9a7;border-top:1px solid #ffffff15;padding:12px 0;font-size:13px;line-height:1.7}.agency-copy>a{color:#e6ae82;gap:20px;font-size:12px;display:inline-flex}.agency-screenshot{background:#18191c;border:1px solid #ffffff20;border-radius:12px;min-width:0;margin:0;overflow:hidden;box-shadow:0 24px 60px #0003}.agency-screenshot img{width:100%;height:auto;display:block}.agency-screenshot figcaption{color:#96989c;padding:15px 20px;font-size:10px}.screenshot-bar i{color:#d49a6d;font-size:18px;font-style:normal}.agency-light{color:#28231f;background:#f3f0e9}.agency-light .section-kicker{color:#94613d}.agency-light .agency-copy em{color:#ad6130}.agency-light .agency-copy>p,.agency-light .agency-copy li{color:#756e65}.agency-light .agency-copy li{border-color:#28231f18}.agency-light .agency-copy>a{color:#89552e}.agency-process{background:#151619;padding:100px 0;scroll-margin-top:35px}.process-heading{text-align:center;margin-bottom:45px}.process-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.process-cards article{background:#111214;border:1px solid #ffffff18;border-radius:10px;padding:35px;transition:border-color .3s,transform .3s;position:relative}.process-cards article:hover{border-color:#f69a5066;transform:translateY(-4px)}.step-number{color:#b18560;font:12px ui-monospace,monospace}.step-arrow{color:#8d725b;position:absolute;top:30px;right:30px}.process-cards h3{letter-spacing:-.035em;margin:45px 0 16px;font-size:23px;font-weight:550}.process-cards p{color:#999ba0;margin:0;font-size:13px;line-height:1.85}.process-note{text-align:center;color:#93959a;margin:25px 0 0;font-size:11px;line-height:1.8}.agency-ownership,.agency-faq{border-bottom:1px solid #ffffff18;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:100px 0;display:grid}.agency-ownership a{color:#e6ae82;margin:15px 25px 20px 0;font-size:12px;display:inline-block}.agency-ownership small{color:#92969e;max-width:500px;font-size:11px;line-height:1.8;display:block}.agency-faq{border-bottom:0;align-items:start}.agency-faq details{border-bottom:1px solid #ffffff20}.agency-faq summary{cursor:pointer;justify-content:space-between;gap:15px;padding:23px 0;font-size:14px;list-style:none;display:flex}.agency-faq summary::-webkit-details-marker{display:none}.agency-faq summary>span{color:#c8956e;transition:transform .2s}.agency-faq details[open] summary>span{transform:rotate(45deg)}.agency-faq details p{color:#a1a3a8;margin:0 0 23px;font-size:13px;line-height:1.9}.agency-copy a:focus-visible,.agency-ownership a:focus-visible,.agency-faq summary:focus-visible{outline-offset:6px;outline:2px solid #f69a50}@media (width<=1050px){.agency-demo{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.demo-sidebar{display:none}.demo-body{grid-template-columns:1fr}.agency-rules{padding:22px}.split-grid{gap:5%}.demo-project{padding:22px}.process-cards article{padding:25px}.process-cards h3{font-size:20px}}@media (width<=760px){.agency-demo{grid-template-columns:1fr;gap:16px;margin-top:40px}.agency-rules{max-width:none}.rules-symbol{float:right;margin:0}.agency-rules h3{margin-bottom:20px}.agency-intro>div:not(.agency-principles),.split-grid,.agency-ownership,.agency-faq{grid-template-columns:1fr;gap:25px}.agency-intro,.agency-ownership,.agency-faq{padding:65px 0}.agency-principles{grid-template-columns:1fr;gap:16px;margin-top:25px}.agency-split,.agency-process{padding:65px 0}.agency-split:not(.agency-light) .agency-copy{order:-1}.process-cards{grid-template-columns:1fr;gap:12px}.process-cards h3{margin-top:25px}.process-heading{text-align:left}.demo-project h2{font-size:22px}.request-label{display:none}.demo-bar{letter-spacing:0;padding:15px;font-size:8px}.request-card{padding:16px}.agency-intro p,.agency-copy>p,.agency-ownership p{font-size:14px}.agency-demo{margin-bottom:40px}.agency-screenshot figcaption{font-size:9px}}@media (prefers-reduced-motion:reduce){.process-cards article,.agency-faq summary>span{transition:none}.process-cards article:hover{transform:none}}.agency-workspace{animation:1s cubic-bezier(.22,1,.36,1) both agency-arrive}.agency-rules{animation:1s cubic-bezier(.22,1,.36,1) .18s both agency-arrive}.request-person,.request-card>p{animation:.7s .45s both agency-detail-arrive}.draft-preview{animation:.85s .95s both agency-detail-arrive}.review-state{animation:.85s 1.55s both agency-detail-arrive}.agency-rules li{animation:.7s .7s both agency-detail-arrive}.agency-rules li:nth-child(2){animation-delay:.85s}.agency-rules li:nth-child(3){animation-delay:1s}.agency-rules li:nth-child(4){animation-delay:1.15s}@keyframes agency-arrive{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes agency-detail-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.agency-workspace,.agency-rules,.request-person,.request-card>p,.draft-preview,.review-state,.agency-rules li{animation:none}}