*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#171717;background:#f5f5f4;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.studio-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;height:88px;padding:18px 28px;display:flex}.topbar h1{margin:3px 0 0;font-size:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#737373;font-size:12px}.preview-button{color:#fff;background:#171717;border:0;border-radius:999px;padding:10px 16px}.workspace{grid-template-columns:260px 1fr 280px;min-height:calc(100vh - 88px);display:grid}.sidebar,.status-panel{background:#fff;padding:24px}.sidebar{border-right:1px solid #e5e5e5}.status-panel{border-left:1px solid #e5e5e5}.sidebar h2,.status-panel h2{margin-top:0;font-size:16px}.sidebar p{color:#525252;font-size:14px;line-height:1.5}.sidebar-section{flex-direction:column;gap:8px;margin-top:28px;display:flex}.sidebar-section>span{text-transform:uppercase;letter-spacing:.1em;color:#737373;margin-bottom:4px;font-size:11px}.pill{background:#f5f5f5;border-radius:9px;padding:9px 11px;font-size:13px}.preview-panel{background:#ededeb;place-items:center;padding:40px;display:grid}.phone-frame{background:#fff;border:10px solid #171717;border-radius:32px;width:420px;min-height:650px;overflow:hidden;box-shadow:0 20px 60px #00000024}.phone-header{border-bottom:3px solid;justify-content:space-between;padding:18px 18px 14px;font-size:14px;display:flex}.phone-header span{color:#737373}.phone-content{padding:24px 18px}.phone-content h2{margin:4px 0 18px}.phone-content h3{margin-top:28px;font-size:14px}.muted{color:#737373;margin:0;font-size:12px}.hero-card{color:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex}.hero-card span{opacity:.85;font-size:12px}.nav-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.nav-card{border:1px solid #e5e5e5;border-radius:14px;padding:18px 12px;font-size:13px;font-weight:700}.status-row{border-bottom:1px solid #eee;justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.status-row strong{color:#166534}.next-step{background:#f5f5f5;border-radius:14px;flex-direction:column;gap:8px;margin-top:28px;padding:16px;display:flex}.next-step span{color:#737373;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.next-step strong{font-size:13px;line-height:1.4}.error-page{padding:40px}.generated-app h2{margin:5px 0 18px}.resource-tabs{gap:6px;margin:-8px 0 22px;display:flex;overflow-x:auto}.resource-tabs button,.back-button{color:#525252;cursor:pointer;background:0 0;border:0;padding:7px 9px}.resource-tabs button.active{color:#171717;background:#e5e7eb;border-radius:8px;font-weight:700}.screen-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.primary-action,.danger-action,.record-form button{cursor:pointer;border:0;border-radius:9px;padding:9px 12px}.primary-action{color:#fff;background:#171717}.danger-action{color:#991b1b;background:#fee2e2}.record-list{flex-direction:column;gap:9px;display:flex}.record-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;gap:5px;padding:13px;display:flex}.record-card span,.empty-state{color:#737373;font-size:12px}.detail-list{margin:0}.detail-list div{border-bottom:1px solid #eee;padding:10px 0}.detail-list dt{color:#737373;text-transform:uppercase;font-size:11px}.detail-list dd{margin:4px 0 0;font-size:14px}.record-form{flex-direction:column;gap:13px;display:flex}.record-form label{flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.record-form input:not([type=checkbox]),.record-form textarea,.record-form select{width:100%;font:inherit;border:1px solid #d4d4d4;border-radius:8px;padding:9px}.record-form textarea{resize:vertical;min-height:72px}.checkbox-field{align-items:center;gap:7px;display:flex}.form-actions{gap:8px;margin-top:16px;display:flex}@media (max-width:900px){.workspace{grid-template-columns:1fr}.sidebar,.status-panel{border:0;border-bottom:1px solid #e5e5e5}.preview-panel{padding:24px 12px}.phone-frame{width:min(420px,100%)}}html{scroll-behavior:smooth}.agency{color:#252922;background:#f7f6f2;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.agency a{color:inherit;text-decoration:none}.agency-nav{background:#f7f6f2;border-bottom:1px solid #e4e4da;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(24px,6vw,110px);display:flex}.wordmark{letter-spacing:-1.2px;font-size:23px;font-weight:900!important}.wordmark-dot{color:#d17b4d}.nav-links{align-items:center;gap:36px;font-size:13px;font-weight:700;display:flex}.nav-cta{border:1px solid #303d30;border-radius:100px;padding:13px 22px}.agency-hero{color:#f6f3e9;background:#172920;align-items:center;min-height:720px;padding:120px clamp(24px,8vw,128px) 65px;display:flex;position:relative}.hero-inner{z-index:2;max-width:720px;position:relative}.kicker,.section-label{letter-spacing:.2em;font-size:11px;font-weight:800}.kicker{color:#e2bc8e;align-items:center;gap:12px;display:flex}.kicker-line{background:#e2bc8e;width:26px;height:1px}.agency h1{letter-spacing:-.075em;margin:27px 0;font-size:clamp(64px,8vw,122px);line-height:.97}.agency h1 em,.agency h2 em{letter-spacing:-.065em;font-family:Georgia,serif;font-weight:400}.hero-inner>p{color:#c8d0c6;max-width:530px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:38px;display:flex}.big-cta{background:#e9c9a2;border-radius:4px;gap:38px;padding:19px 24px;font-size:14px;font-weight:700;display:flex;color:#243127!important}.text-cta{font-size:14px;color:#f6f3e9!important}.hero-graphic{opacity:.8;width:450px;height:450px;position:absolute;top:120px;right:5%}.orb{border:1px solid #90a99a;border-radius:50%;width:310px;height:310px;position:absolute;top:70px;left:70px;transform:rotate(-30deg)skew(15deg)}.orb-two{transform:rotate(46deg)skew(15deg)}.orb-core{color:#dac7a7;letter-spacing:.28em;flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex;position:absolute;top:150px;left:155px}.orb-plus{font:60px Georgia,serif}.hero-foot{color:#9caca1;letter-spacing:.15em;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:35px;left:clamp(24px,8vw,128px);right:clamp(24px,8vw,128px)}.agency-section{padding:110px clamp(24px,8vw,128px)}.section-top{justify-content:space-between;align-items:start;gap:100px;margin-bottom:50px;display:flex}.section-label{color:#a46d4e}.agency h2{letter-spacing:-.065em;margin:0;font-size:clamp(40px,5vw,72px);line-height:1.05}.service-row{border-top:1px solid #d6d9d0;grid-template-columns:60px 1.15fr 1fr 40px;align-items:center;gap:20px;padding:34px 0;display:grid}.service-row:last-child{border-bottom:1px solid #d6d9d0}.service-number{color:#b07656;font-size:12px}.service-row h3{letter-spacing:-.04em;margin:0;font-size:clamp(25px,3vw,42px)}.service-row p{color:#5f675d;max-width:320px;font-size:14px;line-height:1.7}.service-arrow{font-size:26px}.process-section{background:#e8e9df;grid-template-columns:1fr 1fr;gap:100px;padding:110px clamp(24px,8vw,128px);display:grid}.process-section h2{margin-top:24px}.process-steps>div{border-bottom:1px solid #c4ccbe;padding:22px 0}.process-steps b{color:#ac7354;font-size:12px}.process-steps h3{letter-spacing:-.04em;margin:12px 0;font-size:24px}.process-steps p{color:#5a635a;font-size:14px;line-height:1.8}.request-section{grid-template-columns:.85fr 1fr;gap:9vw;padding:110px clamp(24px,8vw,128px);display:grid}.request-intro h2{margin-top:25px}.request-intro>p{color:#586055;max-width:430px;line-height:1.8}.request-note{color:#676b5e;border-left:2px solid #c28a66;margin-top:40px;padding:14px 20px;font-size:13px;line-height:1.7}.request-card{background:#fff;border:1px solid #e7e6de;border-radius:12px;padding:clamp(22px,4vw,45px);box-shadow:0 20px 50px #26352d0a}.request-card form{flex-direction:column;gap:22px;display:flex}.form-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-header h3{letter-spacing:-.04em;margin:0;font-size:26px}.form-header span{letter-spacing:.13em;color:#997051;font-size:10px}.request-card label{letter-spacing:.01em;flex-direction:column;gap:9px;font-size:12px;font-weight:700;display:flex}.request-card input,.request-card textarea,.request-card select{font:inherit;color:#263026;outline-offset:2px;background:#fcfcfa;border:1px solid #d7d9d1;border-radius:5px;width:100%;padding:14px 13px}.request-card textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.optional{color:#798076;font-weight:400}.submit-idea{cursor:pointer;color:#fff;background:#203629;border:0;border-radius:5px;justify-content:space-between;padding:19px 20px;font-weight:700;display:flex}.submit-idea:disabled{opacity:.6;cursor:progress}.form-disclosure{color:#72786e;margin:0;font-size:11px;line-height:1.7}.form-error{color:#a52c23;font-size:13px}.honey{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.request-success{text-align:center;padding:65px 0}.request-success h3{font-size:31px}.request-success p{color:#586055;line-height:1.7}.request-success button{color:#fff;cursor:pointer;background:#203629;border:0;padding:13px 20px}.success-symbol{color:#2c8051;font-size:40px}.agency-footer{color:#f6f3ea;background:#192b21;justify-content:space-between;align-items:center;gap:20px;padding:48px clamp(24px,8vw,128px);display:flex}.agency-footer>span:not(.wordmark){color:#cad2c7;font-size:12px}@media (max-width:1000px){.hero-graphic{opacity:.3;right:-150px}.process-section,.request-section{grid-template-columns:1fr;gap:50px}.agency-hero{min-height:650px}}@media (max-width:640px){.agency-nav{height:73px}.wordmark{font-size:20px}.nav-links{gap:10px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{padding:11px 14px;font-size:11px}.agency-hero{min-height:650px;padding-top:90px}.agency h1{font-size:clamp(56px,13vw,82px)}.hero-graphic,.hero-foot span:last-child{display:none}.agency-section,.process-section,.request-section{padding-top:75px;padding-bottom:75px}.section-top{flex-direction:column;gap:24px}.service-row{grid-template-columns:30px 1fr 20px;gap:12px}.service-row p{grid-column:2/3;margin:0}.service-arrow{grid-area:1/3}.form-grid{grid-template-columns:1fr}.agency-footer{flex-direction:column;align-items:flex-start}.request-card{padding:25px}}