:root{--portal-ink:#18261f;--portal-paper:#f7f6f0;--portal-soft:#edf0e7;--portal-line:#d9dfd4;--portal-lime:#d7ff4f;--portal-green:#2f6445;--portal-muted:#68766b}.portal-page{background:var(--portal-paper);color:var(--portal-ink)}button{font:inherit}.portal-public-header{background:rgba(247,246,240,.94)}.portal-back{font-size:13px;font-weight:750;color:var(--portal-ink)}
.portal-entry{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.05fr .95fr}.entry-art{position:relative;overflow:hidden;background:var(--portal-ink);color:#fff;min-height:720px}.grid-lines{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:54px 54px}.art-label{position:absolute;top:48px;left:50px;font-size:11px;letter-spacing:.15em}.orbit{position:absolute;border:1px solid rgba(215,255,79,.35);border-radius:50%}.orbit.one{width:580px;height:580px;left:6%;top:9%;transform:rotate(19deg)}.orbit.two{width:780px;height:340px;left:-10%;top:32%;transform:rotate(-28deg)}.art-star{position:absolute;left:48%;top:38%;font-size:128px;color:var(--portal-lime);line-height:1}.art-card{position:absolute;left:11%;right:13%;bottom:9%;background:rgba(247,246,240,.96);color:var(--portal-ink);padding:28px 32px;box-shadow:0 30px 70px rgba(0,0,0,.24);transform:rotate(-3deg)}.art-card>span,.entry-inner .eyebrow,.portal-card>span,.card-head span{font-size:10px;font-weight:800;letter-spacing:.13em}.art-card strong{display:block;font-size:32px;letter-spacing:-.045em;margin:10px 0 22px}.art-card div{display:flex;gap:7px}.art-card div i{width:8px;height:8px;border-radius:50%;background:var(--portal-green)}.art-card div i:last-child{background:var(--portal-lime)}
.entry-panel{display:grid;place-items:center;padding:60px 8vw;background:var(--portal-paper)}.entry-inner{width:min(100%,500px)}.entry-inner h1{font-size:clamp(46px,5vw,75px);letter-spacing:-.065em;line-height:1;margin:15px 0 20px}.entry-inner>p{font-size:16px;line-height:1.7;max-width:430px;color:var(--portal-muted)}.portal-form{display:grid;gap:20px;margin-top:34px}.portal-form>label,.update-form>label,.settings>label{display:grid;gap:8px;font-size:13px;font-weight:750}.portal-form input,.update-form input,.update-form textarea,.settings input{width:100%;border:1px solid #aeb9ad;background:#fff;color:var(--portal-ink);min-height:50px;padding:13px 15px;border-radius:3px;font:inherit;font-size:15px}.portal-form input:focus,.update-form input:focus,.update-form textarea:focus,.settings input:focus{outline:2px solid var(--portal-green);outline-offset:2px}.portal-form label>small{min-height:0;color:#a33c35;font-weight:600}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row button,.portal-card button,.heading-row+button,.filters button,.documents button,.preferences>button{border:0;background:none;color:inherit;padding:0;cursor:pointer;font-size:12px;font-weight:750}.label-row button{text-decoration:underline;text-underline-offset:3px}.password-wrap{position:relative}.password-wrap input{padding-right:76px}.password-wrap button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:12px;font-weight:800;cursor:pointer}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:500!important;line-height:1.5}.check-row input{width:18px!important;height:18px!important;min-height:0!important;margin-top:1px}.portal-form>.button{width:100%}.feedback{font-size:12px;line-height:1.5;color:var(--portal-green);min-height:18px}.feedback.error{color:#a33c35}.demo-box{margin-top:30px;padding:18px 0;border-block:1px solid var(--portal-line);display:flex;justify-content:space-between;gap:20px;align-items:center}.demo-box span{font-size:9px;font-weight:800;letter-spacing:.13em}.demo-box p{font-size:12px;margin-top:5px}.demo-box button{border:0;background:none;cursor:pointer;white-space:nowrap}.account-callout{margin-top:24px;padding:23px;background:#e8ecdf;border-radius:5px;display:grid;gap:18px}.account-callout p{font-size:13px;line-height:1.65}.account-callout .button{width:max-content;background:transparent}.security-note{margin-top:22px;font-size:11px!important;color:var(--portal-muted)!important;display:flex;gap:8px}
.portal-app{min-height:100vh;background:#eef1e9}.portal-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--portal-ink);color:#f5f6f0;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:50}.portal-brand{padding:0 10px 28px;border-bottom:1px solid rgba(255,255,255,.12)}.client{display:flex;align-items:center;gap:12px;padding:22px 10px;border-bottom:1px solid rgba(255,255,255,.12)}.client>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--portal-lime);color:var(--portal-ink);font-size:11px;font-weight:850}.client div{display:grid;gap:3px}.client strong{font-size:13px}.client small{font-size:9px;color:#aab6ac}.portal-nav{display:grid;gap:5px;padding-top:22px}.portal-nav button,.sidebar-foot button{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:6px;width:100%;border:0;background:transparent;color:#aeb9af;text-align:left;padding:12px 13px;border-radius:4px;font-size:13px;cursor:pointer}.portal-nav button:hover,.portal-nav button:focus-visible,.portal-nav button.active{background:rgba(255,255,255,.09);color:#fff}.portal-nav button.active{box-shadow:inset 3px 0 var(--portal-lime)}.portal-nav button em{font-style:normal;background:var(--portal-lime);color:var(--portal-ink);min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:850}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.portal-shell{margin-left:260px;min-height:100vh;display:flex;flex-direction:column}.portal-topbar{min-height:82px;background:#fff;border-bottom:1px solid var(--portal-line);display:flex;align-items:center;justify-content:space-between;padding:13px 34px;position:sticky;top:0;z-index:30}.portal-topbar>#portal-menu{display:none}.portal-topbar>div:first-of-type{display:grid;gap:5px}.portal-topbar>div>span{font-size:9px;color:var(--portal-muted);letter-spacing:.12em}.portal-topbar>div>strong{font-size:18px}.top-actions{display:flex;align-items:center;gap:12px}.top-actions>button{border:1px solid var(--portal-line);background:#fff;min-height:42px;cursor:pointer}.top-actions>button:first-child{width:42px;border-radius:50%;position:relative;font-size:20px}.top-actions i{position:absolute;right:-3px;top:-4px;width:17px;height:17px;border-radius:50%;background:var(--portal-lime);font-size:8px;display:grid;place-items:center;font-style:normal}.top-actions>button:last-child{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px}.top-actions b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--portal-soft);font-size:9px}.top-actions span{display:grid;text-align:left;font-size:11px;font-weight:800}.top-actions small{font-size:8px;color:var(--portal-muted);font-weight:500;margin-top:2px}.portal-content{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:54px 0 70px;flex:1}.portal-view{display:none}.portal-view.active{display:block}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.heading-row p{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--portal-green);margin-bottom:11px}.heading-row h2{font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:-.055em}.heading-row>div>span{display:block;color:var(--portal-muted);font-size:14px;margin-top:14px}.portal-notice{background:var(--portal-ink);color:#fff;padding:19px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;margin-bottom:18px}.portal-notice>b{color:var(--portal-lime);font-size:26px}.portal-notice strong{font-size:13px}.portal-notice p{font-size:11px;color:#b9c3bb;margin-top:4px}.portal-notice button{color:var(--portal-lime);font-size:11px;font-weight:800;border:0;background:none;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats article{min-height:245px;background:#fff;border:1px solid var(--portal-line);padding:24px;display:flex;flex-direction:column}.stats article.lime{background:var(--portal-lime);border-color:var(--portal-lime)}.stats article>span{font-size:9px;font-weight:850;letter-spacing:.12em}.stats article>div{margin:auto 0 22px;display:flex;align-items:end;gap:12px}.stats article>div>strong{font-size:42px;line-height:.82;letter-spacing:-.055em}.stats article:first-child>div>strong{font-size:72px}.stats article small{font-size:10px;color:var(--portal-muted);line-height:1.5}.meter{display:flex;gap:5px;margin-bottom:22px}.meter b{height:5px;flex:1;background:var(--portal-ink)}.meter b.used{opacity:.2}.stats button{border-top:1px solid rgba(24,38,31,.18);padding-top:15px;text-align:left}.two-columns{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.portal-card{background:#fff;border:1px solid var(--portal-line);padding:27px}.card-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.card-head h3,.portal-card h3{font-size:23px;letter-spacing:-.035em;margin-top:7px}.card-head button{text-decoration:underline;text-underline-offset:3px}.activity article{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:17px 0;border-top:1px solid var(--portal-line)}.activity i{width:34px;height:34px;border-radius:50%;background:var(--portal-soft);display:grid;place-items:center;font-style:normal}.activity i.done{background:#ddf0df;color:var(--portal-green)}.activity strong{font-size:13px}.activity p{font-size:11px;color:var(--portal-muted);margin:4px 0}.activity small{font-size:9px;color:#8b968c}.contact-card{position:relative;background:var(--portal-ink);color:#fff;overflow:hidden}.contact-orbit{position:absolute;width:220px;height:220px;border:1px solid rgba(215,255,79,.2);border-radius:50%;right:-90px;top:-80px}.contact-card>div{display:flex;align-items:center;gap:13px;margin:45px 0 25px}.contact-card>div>b{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--portal-lime);color:var(--portal-ink);font-size:18px}.contact-card h3{margin:0;display:grid}.contact-card h3 small{font-size:10px;color:#adb9af;font-weight:500;margin-top:4px}.contact-card>p{font-size:12px;line-height:1.7;color:#ced5cf}.contact-card .button{margin:25px 0 12px;width:100%;color:var(--portal-ink)}.contact-card>small{display:block;text-align:center;color:#93a096;font-size:9px}
.credit-box{background:var(--portal-lime);padding:18px 24px;display:grid;grid-template-columns:auto auto;gap:3px 20px;min-width:180px}.credit-box>span{grid-column:1/-1!important;font-size:8px!important;margin:0!important;color:var(--portal-ink)!important;font-weight:850;letter-spacing:.12em}.credit-box>strong{font-size:27px}.credit-box>small{font-size:9px;align-self:end}.update-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:18px}.update-form{display:grid;gap:19px}.update-form label{display:grid;gap:8px;font-size:12px;font-weight:750}.update-form textarea{resize:vertical;min-height:145px}.update-form label>small{font-size:9px;color:var(--portal-muted);font-weight:500}.card-head em{font-style:normal;font-size:8px;letter-spacing:.1em;color:var(--portal-muted)}.upload-zone{position:relative;border:1px dashed #9ba99d!important;background:var(--portal-soft);padding:22px;place-items:center;text-align:center;cursor:pointer}.upload-zone input{position:absolute!important;inset:0;opacity:0;cursor:pointer}.upload-zone>b{font-size:24px}.upload-zone>strong{font-size:11px}.scope ul,.plan ul{display:grid;gap:12px;margin:24px 0;list-style:none}.scope li,.plan li{font-size:12px;display:flex;gap:9px}.scope li:before,.plan li:before{content:'✓';color:var(--portal-green);font-weight:900}.scope>div{background:var(--portal-soft);padding:17px;margin-top:24px}.scope>div strong{font-size:11px}.scope>div p,.loose p{font-size:10px;line-height:1.6;margin-top:5px;color:var(--portal-muted)}.loose{margin-top:18px;background:var(--portal-ink);color:#fff}.loose>strong{display:block;font-size:32px;margin:30px 0 8px}.loose>strong small{font-size:9px;color:#aeb9af}.history{margin-top:18px}.table{display:grid}.tr{display:grid;grid-template-columns:1.6fr .8fr .7fr .5fr;gap:15px;align-items:center;padding:16px 0;border-top:1px solid var(--portal-line);font-size:11px}.tr>span:first-child{display:grid;gap:4px}.tr small{font-size:9px;color:var(--portal-muted)}.tr.head{font-size:8px;font-weight:850;letter-spacing:.11em;color:var(--portal-muted)}.tr button{text-align:right}.pill{display:inline-block;width:max-content;padding:6px 9px;border-radius:20px;font-size:8px!important;font-style:normal;font-weight:850}.pill.done,.pill.paid{background:#dff0df;color:#26633e}.pill.neutral{background:#e8ebe7;color:#4d5b50}.pill.accepted{background:#ecf7c7;color:#46631c}
.filters{display:flex;gap:8px;margin-bottom:16px}.filters button{padding:10px 14px;border:1px solid var(--portal-line);background:#fff}.filters button.active{background:var(--portal-ink);color:#fff}.filters i{font-style:normal;opacity:.6;margin-left:5px}.documents{padding:0}.documents article{display:grid;grid-template-columns:52px 1.5fr .7fr auto;gap:17px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--portal-line)}.documents article:last-child{border:0}.documents article>b{width:44px;height:52px;background:var(--portal-soft);display:grid;place-items:center;font-size:9px}.documents article>div{display:grid;gap:5px}.documents article small{font-size:9px;color:var(--portal-muted)}.documents article>span{display:grid;gap:7px}.documents article>span>strong{font-size:11px}.documents article.hidden{display:none}.payment-grid,.site-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.plan>div{display:flex;justify-content:space-between;gap:20px;margin:22px 0}.plan h3{display:grid}.plan h3 small{font-size:10px;color:var(--portal-muted);font-weight:500;margin-top:7px}.plan>div>strong{font-size:36px;display:flex;gap:6px}.plan>div>strong small{font-size:8px;color:var(--portal-muted);line-height:1.4;align-self:center}.method>div{background:var(--portal-ink);color:#fff;padding:20px;margin:25px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px}.method>div>b{font-size:10px;color:var(--portal-lime)}.method>div>span{display:grid;gap:4px}.method>div small{font-size:8px;color:#aab5ac}.method>div strong{font-size:14px;letter-spacing:.08em}.method>div i{font-size:7px;font-style:normal;color:var(--portal-lime)}.method>p{font-size:11px;line-height:1.6;margin-bottom:25px}.method>button{text-decoration:underline;text-underline-offset:3px}.site-preview{border:1px solid var(--portal-line);background:#fff;margin-bottom:18px}.site-preview>div{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--portal-line);font-size:8px}.site-preview>section{min-height:330px;padding:60px;background:#dce7da;display:flex;flex-direction:column;justify-content:center}.site-preview>section span{font-size:9px;letter-spacing:.15em}.site-preview>section strong{font-size:clamp(35px,5vw,65px);letter-spacing:-.06em;line-height:.95;margin-top:18px}.site-preview>footer{display:flex;justify-content:space-between;padding:12px 15px;background:var(--portal-ink);color:#fff;font-size:8px}.site-preview>footer i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--portal-lime);margin-right:6px}.site-grid dl{display:grid;margin-top:22px}.site-grid dl div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--portal-line);font-size:11px}.site-grid dd{font-weight:750}.timeline{display:grid;gap:0;margin-top:20px;list-style:none}.timeline li{display:grid;grid-template-columns:28px 1fr;gap:12px;min-height:55px}.timeline li>b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--portal-green);color:#fff;font-size:9px;position:relative}.timeline li:not(:last-child)>b:after{content:'';position:absolute;width:1px;height:31px;top:24px;background:var(--portal-line)}.timeline span{display:grid;gap:3px}.timeline strong{font-size:11px}.timeline small{font-size:8px;color:var(--portal-muted)}.messages{padding:0}.messages article{display:grid;grid-template-columns:45px 1fr auto;gap:16px;padding:22px 24px;border-bottom:1px solid var(--portal-line);position:relative}.messages article>b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--portal-ink);color:var(--portal-lime)}.messages header{display:flex;justify-content:space-between;gap:20px}.messages p{font-size:11px;line-height:1.6;margin-top:8px;color:var(--portal-muted)}.messages small{font-size:8px;color:var(--portal-muted)}.messages article>i{width:7px;height:7px;border-radius:50%;background:var(--portal-lime)}.messages article.unread{background:#fbfcf7}.settings{display:grid;gap:18px}.preferences h3{margin:10px 0 25px}.preferences>label{display:flex;gap:12px;margin:20px 0}.preferences>label input{width:18px;height:18px}.preferences>label span{display:grid;gap:3px}.preferences>label strong{font-size:12px}.preferences>label small{font-size:9px;color:var(--portal-muted)}.preferences hr{border:0;border-top:1px solid var(--portal-line);margin:25px 0}.portal-footer{display:flex;align-items:center;gap:24px;min-height:62px;border-top:1px solid var(--portal-line);padding:15px 34px;font-size:9px;color:var(--portal-muted)}.portal-footer b{margin-left:auto;background:var(--portal-lime);color:var(--portal-ink);padding:6px 9px;font-size:7px;letter-spacing:.1em}
.portal-dialog{width:min(560px,calc(100% - 32px));max-height:90vh;overflow:auto;border:0;padding:34px;background:var(--portal-paper);color:var(--portal-ink);box-shadow:0 25px 90px rgba(0,0,0,.3)}.portal-dialog::backdrop{background:rgba(11,22,16,.72);backdrop-filter:blur(3px)}.portal-dialog .close{position:absolute;right:15px;top:12px}.portal-dialog .close button{border:0;background:none;font-size:27px;cursor:pointer}.portal-dialog header>span,.mock-document>span{font-size:9px;font-weight:850;letter-spacing:.13em;color:var(--portal-green)}.portal-dialog header h2{font-size:36px;letter-spacing:-.05em;margin:10px 0}.portal-dialog header p{font-size:13px;line-height:1.65;color:var(--portal-muted)}.portal-dialog.compact{width:min(480px,calc(100% - 32px))}.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.plan-options button{display:grid;gap:4px;border:1px solid var(--portal-line);padding:15px;text-align:left;background:#fff;cursor:pointer}.plan-options button.current{border:2px solid var(--portal-green)}.plan-options strong{font-size:12px}.plan-options span{font-size:9px;color:var(--portal-muted)}.mock-document{background:#fff;padding:35px;border:1px solid var(--portal-line)}.mock-document>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--portal-line);padding-bottom:22px;margin-bottom:30px}.mock-document h2{font-size:35px;margin:10px 0 20px}.mock-document p{font-size:12px;line-height:1.7}.mock-document dl{display:grid;margin-top:25px}.mock-document dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--portal-line);font-size:10px}.toast{position:fixed;right:24px;bottom:24px;background:var(--portal-ink);color:#fff;padding:16px 20px;font-size:12px;max-width:360px;z-index:100;box-shadow:0 12px 35px rgba(0,0,0,.24);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1050px){.portal-entry{grid-template-columns:.8fr 1.2fr}.art-star{font-size:100px}.portal-sidebar{width:225px}.portal-shell{margin-left:225px}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.two-columns,.update-layout{grid-template-columns:1fr}.update-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.loose{margin:0}.portal-content{width:calc(100% - 40px)}.documents article{grid-template-columns:45px 1fr auto}.documents article>span{display:none}}
@media(max-width:760px){.portal-public-header .desktop-nav,.portal-public-header .portal-back{display:none}.portal-entry{display:block}.entry-art{display:none}.entry-panel{padding:55px 20px}.entry-inner h1{font-size:48px}.demo-box{align-items:flex-start}.account-callout .button{width:100%}.portal-sidebar{transform:translateX(-100%);transition:.2s;width:min(280px,86vw);box-shadow:18px 0 50px rgba(0,0,0,.2)}.portal-sidebar.open{transform:none}.portal-shell{margin-left:0}.portal-topbar{padding:10px 18px;min-height:70px}.portal-topbar>#portal-menu{display:block;border:0;background:none;font-size:23px;margin-right:12px}.portal-topbar>div:first-of-type{margin-right:auto}.portal-topbar>div:first-of-type strong{font-size:14px}.portal-topbar>div:first-of-type span{display:none}.top-actions>button:last-child{display:none}.portal-content{width:calc(100% - 28px);padding:34px 0 50px}.heading-row{align-items:flex-start;flex-direction:column}.heading-row>.button,.heading-row>a{width:100%}.stats,.two-columns,.payment-grid,.site-grid,.settings-grid{grid-template-columns:1fr}.stats article:last-child{grid-column:auto}.portal-notice{grid-template-columns:auto 1fr}.portal-notice button{grid-column:2}.update-layout aside{grid-template-columns:1fr}.tr{grid-template-columns:1.4fr .8fr}.tr>*:nth-child(3),.tr>*:nth-child(4){display:none}.documents article{grid-template-columns:40px 1fr auto;padding:16px}.documents article>button{font-size:0}.documents article>button:after{content:'↗';font-size:16px}.filters{overflow:auto;padding-bottom:4px}.filters button{white-space:nowrap}.site-preview>section{min-height:240px;padding:30px 24px}.site-preview>footer{gap:10px;flex-direction:column}.messages article{grid-template-columns:40px 1fr}.messages article>i{position:absolute;right:15px;top:15px}.messages header{display:grid;gap:4px}.portal-footer{padding:15px 18px;gap:15px;flex-wrap:wrap}.portal-footer b{margin-left:0}.credit-box{width:100%}.portal-dialog{padding:28px 20px}.plan-options{grid-template-columns:1fr}}
@media(max-width:430px){.entry-panel{padding-top:38px}.entry-inner h1{font-size:42px}.demo-box{display:grid}.portal-content{width:calc(100% - 20px)}.heading-row h2{font-size:38px}.stats article{min-height:220px}.portal-card{padding:21px}.top-actions>button:first-child{display:none}.documents article{grid-template-columns:34px 1fr auto}.documents article>b{width:32px;height:42px}.portal-dialog header h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.portal-sidebar,.toast{transition:none}}