/* Example explorer and interactive previews. */
.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.solution-card{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}.solution-card:hover{transform:none;box-shadow:none}.solution-visual{display:block;border-radius:14px;overflow:hidden}.solution-visual .preview-surface{height:360px}.solution-card-body{padding:22px 0 0}.solution-card-body>.eyebrow{font-size:8px;color:#74786f}.solution-card-body h3{font-size:27px;letter-spacing:-1px;margin:10px 0}.solution-card-body>p:not(.eyebrow){font-size:12px;color:#6a6e67}.solution-card-body .text-link{font-size:11px;margin-top:10px}.solution-visual .dashboard-mock{transform:rotate(-5deg) scale(.82)}.solution-visual .website-mock,.solution-visual .store-mock{transform:rotate(4deg) scale(.86)}.solution-visual .app-phone{top:5px;transform:rotate(8deg) scale(.9)}.solution-visual .auto-one{top:65px}.solution-visual .auto-two{top:153px}.solution-visual .auto-three{top:241px}.solution-visual .auto-pill{display:none}.example-disclosure{background:#eaece4;border:0;border-left:3px solid #8b9d76;border-radius:0 10px 10px 0;padding:22px 25px}.example-disclosure strong{font-size:13px}.example-disclosure p{font-size:11px;color:#616b56}.catalog-filters{margin-block:30px;gap:10px}.catalog-filters button{background:transparent;border:1px solid #bec4b5;color:#3c4733;border-radius:25px;padding:11px 19px;font-size:11px}.catalog-filters button[aria-pressed=true]{background:#20221f;border-color:#20221f;color:white}.choose-strip{background:#e8ecdf;border:0;border-radius:15px;padding:45px;align-items:center}.choose-strip h2{font-size:43px;letter-spacing:-2px}.choose-strip p{font-size:12px}.preview-intro{font-size:10px;color:#6a6e67}.interactive-demo{border:1px solid #c7cdbe;border-radius:15px;overflow:hidden;box-shadow:0 20px 40px #20221f09}.demo-window{border:0;border-radius:0}.demo-chrome{background:#efefe9;color:#697162;border-bottom:1px solid #d5dacc;padding:15px 22px}.demo-disclaimer{font-size:10px;color:#6a6e67}.demo-action{border-color:#adb8a0;color:#263020;border-radius:25px;font-size:11px;padding:12px 17px}.demo-action:hover{background:#e5ebdc}.demo-web-hero,.demo-web-nav{background:#ecebe3}.demo-store-head,.demo-products{background:#fbf5e7}.demo-booking{background:#eee9e1}.demo-mobile-wrap{background:#e0d7ee}.demo-dashboard{background:#f5f6ef}.demo-automation{background:#e7ede0}.demo-web3{background:#202d2b}.demo-chain-card{background:#34443e;border-color:#617162}.demo-web3 .demo-action{background:#e5edcf;border-color:#e5edcf;color:#202d2b}.demo-web3 .web3-orb{color:#cbd9b9}.demo-workflow .step-done{background:#f7f9ef;border-color:#738c5e}.demo-result{font-size:11px}.chooser-grid{grid-template-columns:1.2fr 1fr;gap:60px}.chooser-form legend{font-size:13px;font-weight:600}.goal-options label{background:white;border-color:#d5d9ce;border-radius:10px;padding:20px 16px;transition:background .15s}.goal-options label:has(input:checked){background:#ffe7dd;border-color:#c4563b}.goal-options input{accent-color:#b13e25}.goal-options strong{font-size:12px}.goal-options small{font-size:10px;color:#6a6e67}.chooser-select select{background:white;border-color:#cbd0c1;padding:16px;border-radius:8px}.chooser-result{background:#e8eddf;border:0;border-radius:15px;padding:38px;top:120px}.chooser-result>h2{font-size:43px;letter-spacing:-2px;color:#20221f}.chooser-result>p,.chooser-human p{color:#626f54}.chooser-human{border-color:#bac7aa}.chooser-human h3{font-size:23px;color:#20221f}.avatar-illustration{background:#cbd9b9;color:#32422c}.chooser-chat{background:#20221f;color:white}.first-milestone{border-top:1px solid #bac7aa;margin-top:25px;padding-top:25px}.enquiry-heading{font-size:29px;letter-spacing:-1.1px;margin:0 0 6px}.contact-aside a:hover{color:#a93823}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.closing-inner>div:last-child{max-width:350px}.closing-inner>div:last-child>p{font-size:13px}.closing-inner h2{font-size:80px;letter-spacing:-4px}.project-grid{gap:24px}.portfolio-card{background:white;border:1px solid #d9ded1;border-radius:14px;padding:28px}.portfolio-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;margin-bottom:25px}.portfolio-card h2{font-size:29px;letter-spacing:-1px}.portfolio-card p{font-size:12px;color:#6a6e67}.empty-state{background:#eeefe8;border:1px solid #d9ded1;border-radius:15px;padding:60px}.empty-state .button{margin-top:15px;padding:17px 23px}.empty-state h2{font-size:39px;letter-spacing:-2px}.empty-state p{font-size:13px;color:#6a6e67}.empty-icon{background:#ff6343;color:#20221f}.case-public h1{font-size:72px;letter-spacing:-4px}.case-content h2{font-size:32px;letter-spacing:-1px}
/* A coordinated, quieter workspace for clients and the owner. */
:root{--portal-border:#dedfd7;--portal-muted:#6a6e67;--portal-bg:#f4f4ee;--portal-ink:#20221f}.portal-body{background:#f3f3ed;color:#20221f}.portal-sidebar{background:#eeefe8;color:#20221f;border-right:1px solid #d9ded1;width:235px}.portal-sidebar .brand{color:#20221f}.portal-sidebar>.eyebrow{color:#747b6a;font-size:8px}.portal-sidebar nav>a{color:#69715e;border-radius:8px;padding:14px 15px;font-size:11px}.portal-sidebar nav>a.active{background:#20221f;color:white}.portal-sidebar nav>a:hover{background:#dce2d2;color:#20221f}.portal-sidebar .sidebar-bottom{color:#66715b;font-size:10px}.portal-sidebar .sidebar-bottom a,.portal-sidebar .text-button{color:#46553c;font-size:10px}.portal-main{margin-left:235px}.portal-topbar{background:#f8f8f2;border-color:#d9ded1;padding-inline:40px;color:#6a6e67}.portal-topbar strong{color:#20221f}.avatar{background:#e3e6da;color:#36432d}.portal-topbar .avatar{background:#ffe3d7;color:#8d3423}.portal-content{padding:45px 40px 60px;max-width:1540px;margin:auto}.page-heading h1{font-size:53px;line-height:1.1;letter-spacing:-2.7px;color:#20221f}.page-heading .eyebrow{font-size:8px;color:#747c6a}.page-heading>div>p:not(.eyebrow){font-size:12px;color:#6a6e67}.page-heading .button{padding:16px 22px;font-size:11px}.stat-card,.stats-grid>article,.stats-grid>div{background:#fff;border-color:#d9ded1;border-radius:11px;box-shadow:none}.stat-card:first-child,.stats-grid>article:first-child,.stats-grid>div:first-child{background:#ecefdf}.stat-card strong,.stats-grid strong{color:#20221f;font-weight:500}.panel{background:#fff;border-color:#dce0d5;border-radius:12px;box-shadow:0 3px 12px #20221f03}.panel h2{color:#20221f;font-size:24px;letter-spacing:-.8px}.panel.accent-panel,.accent-panel{background:#ecefdf;border-color:#dce2d0;color:#20221f}.accent-panel p{color:#637052}.agency-form input:not([type=checkbox]),.agency-form select,.agency-form textarea,.filter-form input,.filter-form select{color:#20221f;border-color:#ccd2c2;border-radius:8px;background:#fcfdf8;font-size:12px;padding:13px 14px}.agency-form input:focus,.agency-form textarea:focus,.agency-form select:focus{outline-color:#b74328}.agency-form label,.filter-form label{color:#414a38;font-size:11px}.agency-form .button{border-radius:30px;padding:16px 23px;background:#20221f;color:white;font-size:11px}.agency-form .button:hover{background:#41483a}.small-button{border-color:#bdc8af;border-radius:25px;color:#3c4c30;font-size:10px;padding:11px 17px}.small-button.dark{background:#20221f;border-color:#20221f;color:white}.filter-form button{background:#20221f;color:white;border-color:#20221f;border-radius:25px;font-size:10px;padding:13px 20px}.project-table th,.client-table th,.table-scroll th{font-size:8px;color:#7d8572;letter-spacing:.8px}.project-table td,.client-table td,.table-scroll td{border-color:#e1e6d9;font-size:11px}.table-scroll td small{color:#7a846c}.project-table td a,.table-scroll td a{color:#26351e}.section-toolbar h2{font-size:22px}.badge{font-size:8px;font-weight:500;padding:6px 9px}.badge-requested{background:#ffe6d9;color:#87432a}.badge-development{background:#e5def2;color:#5c437b}.badge-completed{background:#ddeacf;color:#395725}.badge-on_hold{background:#f1e9cf;color:#745f26}.badge-review{background:#e2eaf3;color:#385f80}.notice{background:#edf3e3;border-color:#bfcea9;border-radius:10px;color:#3d542a;font-size:12px}.notice-error{background:#fff0e9;border-color:#e3bdab;color:#833721}.project-card{border-color:#d9ded1;background:white;border-radius:13px}.project-card h2{font-size:26px;letter-spacing:-1px}.project-card p{color:#6a6e67}.message{border-color:#dce3d1;background:#fbfcf6;border-radius:10px}.message.internal{background:#fff5df;border-color:#d9ca9f}.message>div strong{color:#38472d}.message p{color:#4d5b41}.milestone{border-color:#dce3d1}.milestone-number{background:#e7eddd;color:#40592f}.review-form{background:#f2f5e9;border-color:#dce3d1;border-radius:9px}.delivery-summary{background:#eef2e3;border-color:#c8d5b6}.progress-track{background:#e5e9db}.progress-track>span{background:#728959}.chosen-client{background:#edf1e4;border:1px solid #d5dfc7}.client-picker>a{background:#fbfcf5;border-color:#d5dfc7;transition:border-color .15s}.client-picker>a:hover{border-color:#9bac86}.detail-list dt{color:#7d8670}.detail-list dd{color:#3d4a31}.portal-footer{border-color:#d9ded1;color:#7b846f;font-size:9px}.back-link{font-size:10px;color:#6a765b}.check-label input{accent-color:#ac3a24}.client-project-row{border-color:#d9e2cd}.field-help,.essential-note{color:#6a6e67;font-size:10px;line-height:1.9}
/* Account access is part of the same brand, with a focused form. */
.auth-body{background:#f8f7f4;color:#20221f}.auth-header{max-width:1440px;padding:28px 48px}.auth-header>a:last-child{font-size:11px}.auth-grid{max-width:1344px;padding:0 48px;gap:65px;grid-template-columns:1.1fr 1fr;align-items:start;margin-top:18px;margin-bottom:35px}.auth-story{padding:45px;background:#252c26;color:#f4f7ed;border-radius:16px;overflow:hidden;position:relative}.auth-story>.eyebrow{font-size:8px;color:#c0cab5}.auth-story h1{font-size:55px;letter-spacing:-2.7px;margin:23px 0;line-height:1.09}.auth-story h1 em{font-family:Georgia,serif;color:#ffb597;letter-spacing:-2.5px}.auth-story>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#bdc9b2}.auth-story .workspace-preview{background:#f7f8ef;border:0;border-radius:10px;transform:rotate(-2deg);box-shadow:none;color:#26351e;margin-top:30px;padding:22px}.preview-bar{font-size:6px;color:#71825f;border-color:#dce3d1}.preview-title{font-size:21px;color:#26351e;letter-spacing:-.7px}.preview-track>span{background:#e4ebd9;color:#36502b;border-color:#bacaac;font-size:10px}.preview-track>span:first-child{background:#d8e8c5}.preview-track>span small{color:#7b886d;font-size:6px}.preview-track>b{background:#cbd6bc}.preview-message{background:#e9efdf;border:0;padding:13px;border-radius:8px}.preview-message strong{font-size:9px;color:#435334}.preview-message p{font-size:8px;line-height:1.8;color:#71825f}.workspace-preview>.muted{font-size:6px;color:#859574;letter-spacing:1px}.auth-story .auth-help{font-size:9px!important;margin-top:30px;color:#bccbb0}.auth-help a{color:#f4f7ed;text-decoration:underline}.auth-panel{border:0;background:transparent;box-shadow:none;padding:28px 0 0;max-width:440px;width:100%;justify-self:center}.auth-panel h2{font-size:40px;letter-spacing:-1.7px;color:#20221f}.auth-panel .eyebrow{color:#a5412c}.auth-panel .auth-panel-inner>p.muted{font-size:12px;line-height:1.9}.auth-panel .agency-form{gap:19px}.auth-panel .agency-form label{font-size:11px}.auth-panel .agency-form input:not([type=checkbox]){background:#fff;border-color:#cdd3c3;border-radius:8px;padding:13px 14px;font-size:12px}.auth-panel .agency-form button.button{border-radius:30px;font-size:12px;padding:16px 23px;background:#20221f;color:white}.auth-panel .auth-switch{font-size:10px;border-color:#d9ded1;margin-top:25px;padding-top:21px;color:#6a6e67}.auth-switch a{color:#a23a25}.password-field button{color:#6d795f}.auth-panel .form-between{font-size:10px;color:#737f65}.auth-panel .essential-note{margin-top:23px;font-size:9px}.auth-footer{border-top:1px solid #d9ded1;margin:0 48px;padding:23px 0;font-size:9px;color:#7c876e}.auth-story h1 span{color:#ffb597}.auth-grid .auth-story h1{margin-top:20px}.auth-grid .auth-story .workspace-preview{max-width:400px}.auth-panel .check-label{font-size:10px!important}.auth-panel .full-width{justify-content:center}.auth-panel .agency-form .form-row{gap:18px}
@media(max-width:1100px){.solution-visual .dashboard-mock{transform:rotate(-5deg) scale(.65)}.solution-visual .website-mock,.solution-visual .store-mock{transform:rotate(4deg) scale(.7)}.solution-visual .auto-node{width:260px;left:calc(50% - 130px)}.chooser-grid{gap:35px}.chooser-result{padding:28px}.chooser-result>h2{font-size:35px}.portal-content{padding:35px 28px}.auth-grid{padding:0 32px;gap:40px}.auth-header{padding-inline:32px}.auth-story{padding:30px}.auth-story h1{font-size:47px}.auth-panel h2{font-size:35px}.auth-footer{margin-inline:32px}.workspace-columns{gap:25px}}
@media(max-width:760px){.solutions-grid{grid-template-columns:1fr;gap:35px}.solution-visual .preview-surface{height:330px}.solution-card-body h3{font-size:25px}.solution-card-body>p:not(.eyebrow){font-size:11px}.solution-visual .dashboard-mock{transform:rotate(-5deg) scale(.68)}.solution-visual .website-mock,.solution-visual .store-mock{transform:rotate(4deg) scale(.72)}.catalog-filters{gap:8px}.catalog-filters button{padding:9px 14px;font-size:10px}.example-disclosure{padding:19px}.example-disclosure strong{font-size:12px}.example-disclosure p{font-size:10px}.choose-strip{padding:28px}.choose-strip h2{font-size:33px}.choose-strip .button{padding:15px 20px}.chooser-grid{grid-template-columns:1fr;gap:30px}.chooser-result{position:static;padding:28px}.chooser-result>h2{font-size:35px}.goal-options{gap:10px}.goal-options label{padding:15px 11px;gap:9px}.goal-options strong{font-size:10px}.goal-options small{font-size:9px}.chooser-form legend{font-size:12px}.demo-chrome{font-size:7px;padding:12px 14px}.demo-action{font-size:10px}.preview-intro{gap:12px;align-items:start;font-size:8px}.demo-disclaimer{font-size:9px}.enquiry-heading{font-size:24px}.closing-inner{flex-direction:column;align-items:start;gap:25px}.closing-inner h2{font-size:55px;letter-spacing:-3px}.empty-state{padding:35px 23px}.empty-state h2{font-size:31px}.empty-state p{font-size:11px}.portfolio-card h2{font-size:25px}.case-public h1{font-size:44px;letter-spacing:-2.5px}.portal-sidebar{position:relative;width:auto;border-right:0;border-bottom:1px solid #d9ded1;padding:20px}.portal-main{margin-left:0}.portal-sidebar nav>a{font-size:10px;padding:10px 12px}.portal-sidebar .brand{font-size:25px}.portal-sidebar>.eyebrow{display:none}.portal-sidebar .sidebar-bottom{margin-top:15px;padding-top:10px;display:flex;gap:20px;flex-wrap:wrap}.portal-sidebar .sidebar-bottom p{display:none}.portal-topbar{padding:17px 20px;min-height:65px;font-size:10px}.portal-content{padding:30px 20px 40px}.page-heading h1{font-size:38px;letter-spacing:-1.9px}.page-heading .button{padding:14px 20px;font-size:10px}.panel{padding:22px}.panel h2{font-size:22px}.filter-form button{font-size:10px;padding:13px 17px}.agency-form .button{font-size:11px;padding:15px 20px}.auth-header{padding:23px 20px}.auth-header .brand{font-size:25px}.auth-header>a:last-child{font-size:9px}.auth-grid{padding:0 20px;grid-template-columns:1fr;gap:27px;margin:5px 0 28px}.auth-story{padding:28px}.auth-story>.eyebrow{font-size:7px}.auth-grid .auth-story h1{font-size:40px;letter-spacing:-2px;line-height:1.08;margin:15px 0}.auth-story h1 em{letter-spacing:-2px}.auth-story>p:not(.eyebrow){font-size:11px;margin:0}.auth-grid .workspace-preview{display:none}.auth-story .auth-help{font-size:9px!important;margin-top:18px;line-height:1.8}.auth-panel{max-width:500px;padding:15px 0}.auth-panel h2{font-size:35px;letter-spacing:-1.7px}.auth-panel .auth-panel-inner>p.muted{font-size:12px}.auth-panel .agency-form input:not([type=checkbox]){font-size:13px}.auth-panel .agency-form .form-row{grid-template-columns:1fr 1fr}.auth-footer{margin:0 20px;padding:20px 0;gap:20px;align-items:start;line-height:1.9;font-size:8px}.auth-panel .check-label{font-size:10px!important}.auth-panel .essential-note{font-size:9px}}
@media(max-width:420px){.solution-visual .dashboard-mock{transform:rotate(-5deg) scale(.56);top:50px}.solution-visual .website-mock,.solution-visual .store-mock{transform:rotate(4deg) scale(.61);top:50px}.solution-visual .auto-node{width:255px;left:calc(50% - 127px)}.auth-panel .agency-form .form-row{grid-template-columns:1fr}.auth-panel h2{font-size:33px}.page-heading h1{font-size:35px}}

.brand-dot{color:#ff6343}.portal-sidebar .sidebar-bottom p{color:#69745c}.page-heading h1 span{color:#bb442b}.preview-intro>h2{margin:0;font-size:9px;font-weight:600;letter-spacing:1px}.studio-hero-copy .hero-support{max-width:340px}

.preview-booking{background:#e4d6b9}.booking-mock{position:absolute;left:5%;top:55px;width:530px;background:#fbf7e9;border:1px solid #c8b894;border-radius:9px;box-shadow:0 20px 35px #705b2e25;transform:rotate(-4deg) scale(.89);transform-origin:top left;overflow:hidden}.booking-mock .mock-browser{background:#fbf7e9;border-color:#d9ccb1}.booking-mock-inner{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:30px}.booking-mock-inner>div:first-child>small{font-size:5px;letter-spacing:1px}.booking-mock-inner h3{font-size:34px;line-height:1.1;letter-spacing:-1.6px;margin:15px 0 20px}.booking-mock-inner p{font-size:8px;color:#827052;margin:0 0 35px}.booking-mock-inner>div:first-child>b{font-size:7px}.booking-mock-calendar{padding:17px;border:1px solid #d4c7a8;border-radius:8px;background:#fffaf0;align-self:center}.booking-mock-calendar>strong{font-size:11px}.mock-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:20px 0;font-size:8px;text-align:center}.mock-week small{font-size:6px;color:#99896a;margin-bottom:8px}.mock-week>span{padding:5px 0}.mock-week>.chosen{background:#5a694a;border-radius:50%;color:white}.mock-slots{display:flex;gap:6px;font-size:6px}.mock-slots>*{padding:7px 9px;border:1px solid #d2c6a8;border-radius:4px;font-weight:400}.mock-slots>b{background:#e0e8ce;border-color:#9cae7d}@media(max-width:1100px){.booking-mock{transform:rotate(-4deg) scale(.72)}}@media(max-width:420px){.booking-mock{transform:rotate(-4deg) scale(.59)}}