:root{--ink:#192523;--lime:#d9fa70;--paper:#f5f6f1;--line:#dfe4da;--muted:#657268;--white:#fff}*{box-sizing:border-box}body{margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7b944c;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.15}h1{font-size:clamp(30px,3vw,43px);font-weight:650;margin-bottom:12px}h2{font-size:23px;font-weight:650}h3{font-size:18px}p{color:#5e6c61}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;margin:0 0 15px;color:#586952}.brand{font-size:29px;font-weight:750;letter-spacing:-1.3px;line-height:1}.brand span{color:var(--lime)}.brand:hover{text-decoration:none}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:var(--ink);color:#f1f4ed;display:flex;flex-direction:column;padding:34px 19px 20px;z-index:20}.sidebar .brand{padding:0 13px}.workspace-label{font-size:8px;color:#a8b8a9;letter-spacing:2px;margin:19px 13px 38px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:7px;color:#bdcbbf;font-size:13px}.sidebar nav svg{width:18px;height:18px;flex-shrink:0}.sidebar nav a:hover{background:#2a3c32;color:#fff;text-decoration:none}.sidebar nav a[aria-current=page]{background:var(--lime);color:var(--ink);font-weight:650}.sidebar-bottom{margin-top:auto}.utility-link{display:block;font-size:11px;color:#c4d0c4;padding:15px 12px;border-bottom:1px solid #35463b;margin-bottom:12px}.user-menu{padding:12px 8px;width:100%;display:flex;align-items:center;gap:10px;border:0;color:inherit;background:none;text-align:left}.user-menu>span:nth-child(2){flex:1}.user-menu strong,.user-menu small{display:block}.user-menu strong{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-menu small{font-size:10px;color:#a9b7aa}.avatar{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:12px;background:#e9efdf;color:#46583c;font-size:15px;font-weight:650;flex-shrink:0}.sidebar .avatar{background:#33483a;color:var(--lime)}.avatar.large{width:62px;height:62px;font-size:24px;border-radius:18px}.app-main{margin-left:230px}.topbar{height:72px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;color:#45554a;background:#fafbf7}.crumb{color:#899286;margin-left:8px}.topbar>div{font-size:10px;color:#6c776c}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#96aa69;margin-right:7px}.page-content{padding:36px 42px 0;max-width:1540px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-title p:last-child{margin:0;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:11px 17px;min-height:42px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.button:hover{background:#324e3b;text-decoration:none}.button.secondary{color:var(--ink);background:#fff;border-color:#d0d9c7}.button.secondary:hover{background:#eaf0e1}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.lime:hover{background:#e4ff99}.panel{border:1px solid var(--line);background:var(--white);border-radius:12px;margin-bottom:24px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 26px;border-bottom:1px solid #eef0e9}.panel-head h2{font-size:18px;margin:0}.panel-head>a{font-size:11px;font-weight:600}.panel>h2,.panel>p,.panel>.eyebrow{margin:24px 26px}.panel>.button{margin:0 26px 24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.stats>a{display:flex;flex-direction:column;background:white;padding:24px 26px;border:1px solid var(--line);border-radius:12px}.stats>a:hover{text-decoration:none;border-color:#9bac87}.stats span{font-size:11px;color:var(--muted)}.stats strong{font-size:40px;letter-spacing:-2px;line-height:1.5;font-weight:600}.stats small{font-size:10px;color:#5b6c50}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.studio-note{position:relative;background:#e8efda;border:1px solid #dce6cb;border-radius:12px;padding:30px;overflow:hidden;margin-bottom:24px}.studio-note h2{font-size:27px;position:relative;z-index:1}.studio-note p{max-width:290px;font-size:12px;position:relative;z-index:1}.studio-note .button{position:relative;z-index:1}.note-amp{position:absolute;right:-18px;bottom:-54px;font-size:200px;color:#d3dfbb;line-height:1}.empty-state{padding:43px 25px;text-align:center}.empty-icon{width:52px;height:52px;background:#f0f3e9;color:#7b8c68;border-radius:16px;display:grid;place-items:center;margin:0 auto 18px}.empty-icon svg{width:23px;height:23px}.empty-state h3{font-size:18px;margin-bottom:10px}.empty-state p{font-size:12px;max-width:350px;margin:0 auto 20px;line-height:1.8}.list-row{display:flex;align-items:center;gap:15px;padding:20px 26px;border-bottom:1px solid #edf0e8;min-width:0}.list-row:last-child{border:0}.list-row:hover{background:#fafcf5;text-decoration:none}.row-main{flex:1;min-width:0}.row-main strong{display:block;font-size:13px;overflow-wrap:anywhere}.row-main small{font-size:11px;color:var(--muted);display:block;margin-top:3px;overflow-wrap:anywhere}.row-icon{width:34px;height:34px;display:grid;place-items:center;background:#f0f3ea;border-radius:10px;flex-shrink:0}.row-icon svg{width:17px;height:17px}.row-arrow{color:#738067}.package-label{font-size:11px;color:#617257}.tag{display:inline-block;font-size:10px;padding:4px 9px;border-radius:30px;background:#f0f3eb;color:#64735c;border:1px solid #e2e7db;white-space:nowrap;line-height:1.6}.tag.active,.tag.complete,.tag.ready,.tag.live{background:#e9f4df;color:#36542b;border-color:#d4e8c4}.tag.pending,.tag.waiting,.tag.not_connected{background:#f8f1df;color:#786233;border-color:#eee1bb}.tag.in_progress{background:#e6efe4;color:#3c5f3d}.directory-toolbar{display:flex;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:10px;flex:1}.search-field svg{width:17px;height:17px;color:#8b9884;flex-shrink:0}.search-field input{border:0;background:none;outline-offset:2px;width:100%;padding:8px 0;font-size:12px;color:var(--ink)}.directory-toolbar select{border:1px solid #d8e0d0;border-radius:6px;background:#fff;font-size:11px;padding:8px;max-width:180px}.table-labels{display:flex;justify-content:space-between;padding:12px 26px;background:#fcfcf8;color:#929b8b;font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.table-foot{padding:14px 26px;color:#8a9384;font-size:10px}.search-empty{text-align:center;padding:38px;color:#68765e;font-size:13px}[hidden]{display:none!important}.count-label{font-size:12px;color:#536947;background:#e8efdf;padding:8px 13px;border-radius:30px}.back-link{display:inline-block;font-size:11px;color:#627456;margin-bottom:24px}.customer-identity{display:flex;gap:18px;align-items:center}.customer-title h1{font-size:32px}.actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:28px}.tabs a{padding:0 0 13px;font-size:12px;color:#7c8873}.tabs a[aria-current=page]{color:var(--ink);border-bottom:2px solid #688442;font-weight:650}.tabs a:hover{text-decoration:none;color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.project-summary{display:flex;align-items:center;gap:17px;padding:28px}.project-summary h3{margin-bottom:6px}.project-summary p{margin:0;font-size:12px}.site-tile{display:grid;place-items:center;width:52px;height:52px;background:#eaf0df;border-radius:13px}.site-tile svg{width:24px;height:24px}.stage-track{display:flex;gap:6px;margin:6px 26px 26px}.stage-track span{flex:1;border-top:3px solid #e5eadc;padding-top:12px;font-size:10px;color:#8b967d}.stage-track .current{border-color:#678440;color:#435d2e;font-weight:650}.details{margin:0;padding:8px 26px 26px}.details>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf0e9;font-size:12px}.details>div:last-child{border:0}.details dt{color:#7a8771}.details dd{margin:0;text-align:right;overflow-wrap:anywhere}.brief-answer{padding:22px 28px;border-bottom:1px solid #edf0e8}.brief-answer h3{font-size:12px;letter-spacing:0;color:#6a7c5b;margin:0 0 9px}.brief-answer p{font-size:13px;margin:0;line-height:1.8}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.settings-card{padding:27px}.settings-card h2{margin:22px 0 15px;font-size:20px}.settings-card p{margin:20px 0 0;font-size:12px}.settings-card>a{display:block;font-size:12px;margin-top:18px}.setting-icon svg{width:24px;height:24px;color:#6b8055}.customer-hero{background:var(--ink);color:#fff;padding:40px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.customer-hero h2{font-size:clamp(28px,3.4vw,43px);line-height:1.1}.customer-hero p{color:#c3d0be;font-size:13px;max-width:440px;line-height:1.8}.customer-hero .eyebrow{color:var(--lime);font-size:8px}.hero-orb{width:170px;height:170px;background:var(--lime);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:120px;line-height:1;flex-shrink:0}.customer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-card{display:flex;flex-direction:column;padding:24px;gap:10px}.metric-card .eyebrow{font-size:8px;margin:0}.metric-card strong{font-size:22px;letter-spacing:-.8px}.metric-card small{font-size:10px;color:#738365}.metric-card:hover{text-decoration:none;border-color:#9aad80}.progress-bar{height:4px;background:#edf1e4;border-radius:4px;overflow:hidden}.progress-bar span{display:block;height:100%;background:#90ad55}.website-card{display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:24px;overflow:hidden}.website-visual{background:#e9efde;padding:35px 35px 16px;text-align:center}.website-visual>small{font-size:9px;color:#7d8b70}.mock-browser{border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 15px 30px #2f421514;margin-bottom:17px;text-align:left}.mock-browser>span{font-size:8px;letter-spacing:2px;display:block;padding:9px 13px;border-bottom:1px solid #eee}.mock-browser>div{padding:23px;position:relative}.mock-browser strong{font-size:8px}.mock-browser h2{margin:15px 0;font-size:29px}.mock-browser i{display:block;width:70%;height:4px;background:#e3e7dc;margin:6px 0}.mock-browser i+i{width:50%}.mock-browser b{position:absolute;right:22px;top:60px;background:var(--lime);width:65px;height:65px;border-radius:50%;display:grid;place-items:center;font-size:35px;font-weight:400}.website-info{padding:38px}.website-info h2{font-size:28px}.website-info p{font-size:13px;margin:20px 0}.brief-workspace{display:grid;grid-template-columns:210px 1fr;gap:28px}.brief-steps{padding-top:7px}.brief-steps a{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:8px;margin-bottom:7px;color:#7a886e;font-size:12px}.brief-steps a span{border:1px solid #d0d9c4;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:10px}.brief-steps a[aria-current=step]{background:#e6eed8;color:var(--ink)}.brief-steps a[aria-current=step] span{background:var(--ink);color:var(--lime);border-color:var(--ink)}.brief-steps p{font-size:11px;color:#8c967f;padding:14px}.brief-step{padding:32px}.brief-step>h2,.brief-step>.eyebrow{margin:0 0 22px}.brief-step .brief-answer{padding-inline:0}.brief-step>.button{margin:24px 0 0}.plan-summary{padding:32px;background:#e9f0dc;border:1px solid #dce6cc;border-radius:12px;margin-bottom:24px}.plan-summary h2{font-size:30px}.price{font-size:52px;letter-spacing:-2px;line-height:1.1;color:var(--ink)}.price small{font-size:12px;letter-spacing:0;margin-left:8px}.plan-summary .muted{margin-top:20px}.profile-heading{padding:28px;display:flex;align-items:center;gap:18px}.profile-heading h2{margin:0 0 7px}.profile-heading p{margin:0;font-size:12px;overflow-wrap:anywhere}.conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:24px}.thread{padding:28px}.message-bubble{background:#f3f5ed;border:1px solid #e8ecdf;border-radius:10px;padding:20px;margin-bottom:18px}.message-bubble.from-agency{background:#edf4e3;border-color:#dce8ca}.message-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px}.message-heading time{font-size:9px;color:#7d8b71}.message{white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble p{margin:12px 0 0;font-size:13px;color:#536249;line-height:1.8}.composer{border-top:1px solid var(--line);padding-top:25px;margin-top:28px}.conversation-info{padding:26px}.conversation-info h2{margin:18px 0;font-size:21px}.conversation-info p{font-size:12px;margin:0 0 18px}.conversation-info>.eyebrow{margin:0}.conversation-info a{font-size:11px}.notice{padding:15px 18px;background:#eaf2df;border:1px solid #d3e3c1;border-radius:8px;font-size:12px;margin-bottom:24px;color:#3c582a}.notice.error{background:#fff2ec;border-color:#ebc5b3;color:#85452b}.notice a{text-decoration:underline}.preview-notice{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.muted{font-size:11px!important;color:#7f8b74!important;line-height:1.8}.app-footer{display:flex;justify-content:space-between;padding:30px 0;color:#9aa38f;font-size:10px;margin-top:15px}.app-footer strong{font-size:12px;letter-spacing:-.5px}dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:30px;border:1px solid #dce5d1;border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 28px 100px #0b17084d;overflow:auto}dialog::backdrop{background:#0e1a18aa;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:24px}.dialog-head h2{font-size:26px;margin:0 0 10px}.dialog-head p{font-size:12px;margin:0;color:#7b8970}.icon-button{width:29px;height:29px;border:0;background:#f1f4eb;display:grid;place-items:center;border-radius:50%;flex-shrink:0;color:#576a47}.icon-button svg{width:17px;height:17px}.form-stack{display:grid;gap:20px}.form-stack>label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#46573c}.form-stack input:not([type=checkbox]),.form-stack select,.form-stack textarea{width:100%;border:1px solid #d5dfcb;border-radius:7px;background:#fbfcf8;padding:12px 13px;color:var(--ink);font-size:13px;min-width:0}.form-stack textarea{resize:vertical;min-height:120px;line-height:1.7}.form-stack>.button{justify-self:end;min-width:130px}.form-stack .check,.check{display:flex;align-items:flex-start;gap:9px;font-size:11px;font-weight:400}.check input{margin:3px 0 0;accent-color:#3c572d}.recipient{padding:18px;background:#f3f6ec;border-radius:8px;margin-bottom:20px}.recipient span{display:block;font-size:9px;text-transform:uppercase;color:#8c997f}.recipient strong{font-size:13px;overflow-wrap:anywhere}.skip{position:fixed;left:12px;top:-100px;background:var(--lime);padding:12px;z-index:100}.skip:focus{top:12px}.auth-layout{display:grid;grid-template-columns:46% 54%;min-height:100dvh;background:#fff}.auth-story{background:var(--ink);color:white;position:relative;padding:44px 48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:100dvh}.auth-story>div:not(.auth-orb){position:relative;z-index:2;margin:80px 0 60px}.auth-story h1{font-size:clamp(36px,4.5vw,64px);line-height:1.07;letter-spacing:-2.5px;font-weight:600}.auth-story h1 em{font-style:normal;color:var(--lime)}.auth-story .eyebrow{color:#bfcea8}.auth-story p:not(.eyebrow){font-size:12px;line-height:1.9;color:#b7c7b3}.auth-story>small{font-size:9px;color:#91a489;z-index:2}.auth-orb{position:absolute;width:380px;height:380px;border-radius:50%;bottom:-180px;right:-190px;background:radial-gradient(circle at 30% 30%,#536b37,#253629);color:#638546;font-size:280px;line-height:1.3;text-align:center;opacity:.7}.auth-main{padding:36px 12%;display:flex;flex-direction:column;justify-content:space-between}.auth-main>.back-link{align-self:flex-end;font-size:10px}.auth-box{max-width:440px;width:100%;margin:60px auto}.auth-box>h1{font-size:38px;margin:12px 0 15px}.auth-box .lead{font-size:13px;color:#819072;margin-bottom:30px}.auth-box .form-stack>.button{width:100%;margin-top:5px}.auth-footer{font-size:9px;color:#a1ab95;text-align:center}.form-inline{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.password-field{display:flex;align-items:center;position:relative}.password-field input{padding-right:60px!important}.password-field button{position:absolute;right:12px;background:none;border:0;font-size:10px;color:#627951}.auth-switch{margin-top:28px;text-align:center;font-size:11px;color:#8b997b}.auth-switch a{color:#334c27;font-weight:650}.text-link{display:inline-block;font-size:12px;margin-top:18px}.signup-plans{display:grid;gap:10px;margin-bottom:20px}.signup-plan{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:16px;border:1px solid var(--line);border-radius:9px}.signup-plan.chosen{background:#f0f6e5;border-color:#95ad70}.signup-plan>small{grid-column:1/-1;font-size:10px;color:#7d8d6d}.signup-plan>span{font-weight:650}.signup-plan>span small{font-size:10px;font-weight:400}.honeypot{position:absolute;left:-10000px;opacity:0;height:0}
@media(max-width:1150px){.sidebar{width:200px}.app-main{margin-left:200px}.page-content{padding:28px 26px 0}.topbar{padding:0 26px}.dashboard-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.settings-card{display:block}.detail-grid{grid-template-columns:1fr}.conversation-layout{grid-template-columns:1fr}.conversation-info{display:none}.customer-title{align-items:flex-start;flex-direction:column}.brief-workspace{grid-template-columns:170px 1fr}.auth-main{padding:30px 9%}.auth-story{padding:36px}.hero-orb{width:130px;height:130px;font-size:95px}.customer-hero{padding:30px}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:20px 20px 12px}.sidebar .brand{padding:0}.workspace-label{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;margin-top:20px;padding-bottom:5px}.sidebar nav a{white-space:nowrap;padding:9px 12px;font-size:11px}.sidebar nav svg{width:15px;height:15px}.sidebar-bottom{position:absolute;right:14px;top:13px}.utility-link{display:none}.user-menu{padding:0}.user-menu>span:nth-child(2),.user-menu>span:last-child{display:none}.app-main{margin:0}.topbar{height:49px;padding:0 20px;font-size:10px}.topbar>div{font-size:9px}.page-content{padding:26px 20px 0}.page-title{align-items:flex-start;flex-wrap:wrap;gap:18px}h1{font-size:32px}.page-title p:last-child{font-size:12px}.stats{gap:10px}.stats>a{padding:18px 15px}.stats strong{font-size:32px}.stats span,.stats small{font-size:9px}.dashboard-grid,.customer-cards,.website-card{grid-template-columns:1fr}.studio-note{min-height:250px}.hero-orb{display:none}.customer-hero h2{font-size:35px}.customer-cards{gap:0}.directory-toolbar{padding:15px;gap:10px}.directory-toolbar select{max-width:135px;font-size:10px}.list-row{padding:18px 16px;gap:10px}.list-row .package-label{display:none}.list-row .tag{font-size:9px}.row-main strong{font-size:12px}.row-main small{font-size:10px}.panel-head{padding:20px}.brief-workspace{grid-template-columns:1fr;gap:15px}.brief-steps{display:flex;gap:5px;overflow:auto}.brief-steps a{padding:10px;gap:7px;font-size:10px;white-space:nowrap}.brief-steps p{display:none}.brief-steps a span{width:22px;height:22px}.brief-step{padding:24px}.tabs{gap:25px}.thread{padding:18px}.message-heading{flex-wrap:wrap}.app-footer{font-size:9px;gap:20px}.auth-layout{display:block}.auth-story{min-height:0;padding:26px}.auth-story>div:not(.auth-orb),.auth-story>small,.auth-orb{display:none}.auth-main{padding:24px}.auth-box{margin:35px auto 55px}.auth-box>h1{font-size:32px}.auth-footer{padding-bottom:20px}dialog{padding:24px}.search-field input{font-size:11px}.profile-heading{flex-wrap:wrap}.details>div{flex-wrap:wrap}.details dd{text-align:left}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:dialog-in .15s ease-out}@keyframes dialog-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}}