/* Bright Task interactive service studio — private v3 preview */
.demo-section{padding:105px 0 94px;background:#0a1d30;color:#fff;position:relative}
.demo-section::before{content:"";position:absolute;right:0;top:0;width:43%;height:220px;background:radial-gradient(ellipse at top right,rgba(20,117,220,.19),transparent 67%);pointer-events:none}.demo-section .wrap{position:relative;z-index:1}
.demo-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.demo-heading h2{font-size:clamp(38px,4.1vw,61px);line-height:1.04;letter-spacing:-2.65px;margin:0}.demo-heading h2 span{color:#73b4fa}.demo-heading-right{max-width:450px}.demo-heading-right p{font-size:15px;line-height:1.7;color:#b9cbdb;margin:0 0 19px}.demo-note{display:inline-flex;align-items:center;gap:9px;color:#bfd0e1;font-size:10px;font-weight:710;letter-spacing:1px}.demo-note-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;background:#51b9fd;display:inline-block;box-shadow:0 0 0 4px #51b9fd20}
.demo-shell{border-radius:17px;background:#f9fbfd;color:#142a43;overflow:hidden;box-shadow:0 30px 75px #00000028;border:1px solid #ffffff24}
.demo-toolbar{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 27px;border-bottom:1px solid #e6ebf0;gap:20px}.demo-toolbar-title{display:flex;align-items:center;gap:12px}.demo-toolbar-title>span:last-child{display:flex;flex-direction:column;gap:3px}.demo-toolbar-title strong{font-size:14px;letter-spacing:-.2px}.demo-toolbar-title small{font-size:11px;color:#8090a0}.demo-toolbar-square{width:37px;height:37px;border-radius:9px;background:linear-gradient(140deg,#081a30,#157cf4);display:grid;place-items:center;color:white;font-size:15px;font-weight:830;letter-spacing:-2px;padding-right:3px}.demo-lab-title{color:#7d8d9f;font-weight:600}.demo-reset{background:#f1f5f8;color:#486079;border:1px solid #e2eaf1;border-radius:7px;padding:9px 13px;font-weight:720;font-size:11px;white-space:nowrap}.demo-reset:hover{background:#e7f1fb}
.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #e1e8ef}.demo-tab{border:0;border-right:1px solid #e7edf3;border-bottom:3px solid transparent;padding:18px 15px;text-align:center;color:#577084;background:#fff;font-size:12px;font-weight:780;white-space:nowrap}.demo-tab:last-child{border-right:0}.demo-tab.active{color:#086ee2;border-bottom-color:#0c7bf0;background:#f7fbff}.demo-tab:hover{background:#f5faff}.demo-tab-number{font-size:10px;margin-right:8px;color:#94a5b6;font-weight:780}.demo-tab.active .demo-tab-number{color:#087cf5}.demo-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:20px;margin-left:7px;background:#e9f2ff;color:#086dde;padding:0 5px;font-size:10px}
.demo-panel{padding:32px;background:#f9fbfd;min-height:575px}.demo-panel[hidden]{display:none!important}.demo-panel-intro{display:flex;align-items:start;justify-content:space-between;gap:26px;margin:0 0 25px}.demo-panel-intro>div:first-child{max-width:670px}.demo-panel-intro h3{font-size:clamp(25px,2.35vw,34px);line-height:1.14;letter-spacing:-1.15px;margin:9px 0 10px}.demo-panel-intro p{font-size:13px;color:#66788a;line-height:1.65;margin:0;max-width:600px}.demo-overline{font-size:10px;font-weight:800;letter-spacing:1.45px;color:#0e79e4}.demo-time{display:flex;align-items:center;gap:9px;color:#7790a4;font-size:10px;font-weight:760;letter-spacing:1px;white-space:nowrap;padding-top:6px}.mini-pill{display:inline-flex;align-items:center;white-space:nowrap;font-size:9px;font-weight:830;letter-spacing:.6px;color:#1577d6;background:#eaf4fe;border-radius:5px;padding:6px 9px}
.demo-auto-grid,.website-grid,.social-grid{display:grid;grid-template-columns:minmax(265px,.8fr) minmax(0,1.3fr);gap:22px;align-items:stretch}.demo-controls,.demo-console,.mini-site,.social-workspace,.crm-details{background:#fff;border:1px solid #e2eaf2;border-radius:12px;box-shadow:0 5px 17px #102b4608;overflow:hidden}.demo-controls{padding:24px}.demo-form-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:14px;font-weight:800;letter-spacing:-.2px}.demo-controls label:not(.auto-features label),.social-actions label{display:block;font-size:11px;font-weight:740;color:#455a6e;margin:0 0 8px}.demo-input{width:100%;border:1px solid #d8e2eb;border-radius:7px;background:#fff;color:#173047;padding:12px 12px;font-size:13px;font-family:inherit;outline:none;min-height:43px}.demo-input:focus{border-color:#1683f5;box-shadow:0 0 0 3px #1583f51a}.demo-controls>.demo-input,.website-form .demo-input{margin-bottom:18px}.demo-footnote{color:#8899a9;font-size:10px;line-height:1.55;margin:13px 0 0}.inquiry-preview{background:#f2f7fc;border:1px solid #e2edf7;border-radius:8px;padding:16px;margin:18px 0 22px}.inquiry-preview small{display:block;font-size:9px;font-weight:800;letter-spacing:1px;color:#4285c4;margin-bottom:10px}.inquiry-preview strong{font-size:13px;color:#173047;display:block;margin-bottom:5px}.inquiry-preview p{font-size:12px;line-height:1.5;color:#607589;margin:0}.auto-features{margin:0 0 22px;padding:0;border:0}.auto-features legend{font-size:11px;font-weight:750;color:#455a6e;margin-bottom:10px}.auto-features label{display:flex;align-items:center;gap:10px;color:#44596d;font-size:12px;margin:10px 0;cursor:pointer}.auto-features input{accent-color:#137eef;width:15px;height:15px}.demo-action{width:100%;border:0;background:#0a78e9;color:#fff;border-radius:8px;padding:14px 17px;text-align:left;display:flex;align-items:center;justify-content:space-between;font-weight:790;font-size:12px;min-height:46px}.demo-action:hover{background:#0468d1}.demo-action:disabled{opacity:.65;cursor:wait}
.demo-console{background:#f6f9fc;display:flex;flex-direction:column}.console-top{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#132b45;color:#fff;padding:14px 17px}.console-top>span{display:flex;gap:5px}.console-top i{width:7px;height:7px;border-radius:50%;background:#7d92a9}.console-top i:first-child{background:#e88b83}.console-top i:nth-child(2){background:#eabf6c}.console-top i:nth-child(3){background:#79c4a3}.console-top strong{font-size:11px;letter-spacing:.15px;margin-right:auto;margin-left:9px}.console-top small{color:#9fc0de;font-size:9px;letter-spacing:.8px}.automation-steps{padding:20px;display:grid;gap:10px;flex:1;align-content:start;min-height:330px}.automation-step{display:flex;align-items:start;gap:12px;padding:13px 14px;background:white;border:1px solid #e2eaf2;border-radius:9px;opacity:.45;transform:translateY(0);transition:opacity .3s,border-color .3s}.automation-step.live{opacity:1;border-color:#b8d9fa;box-shadow:0 4px 10px #0a6fda08}.automation-step.done{opacity:1}.automation-step-icon{width:27px;height:27px;flex:none;border-radius:7px;background:#e6f2ff;color:#0e79e1;font-size:12px;font-weight:800;display:grid;place-items:center}.automation-step strong{font-size:12px;display:block;margin:0 0 4px}.automation-step p{font-size:11px;line-height:1.5;margin:0;color:#657b8f}.automation-step-status{margin-left:auto;flex:none;color:#0b87d9;font-size:10px;font-weight:750}.console-result{padding:18px 23px;display:flex;align-items:center;gap:15px;border-top:1px solid #e0e9f1;background:#eff6fd}.result-icon{width:37px;height:37px;display:grid;place-items:center;background:#d9ebfb;border-radius:9px;font-size:20px;color:#137bdd}.console-result b{font-size:12px}.console-result p{color:#687d91;font-size:11px;margin:4px 0 0;line-height:1.45}
.website-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.8fr)}.mini-site{background:#fff;display:flex;flex-direction:column}.mini-site-nav{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-bottom:1px solid #eff1f3}.mini-site-logo{font-size:18px;font-weight:900;letter-spacing:-.9px}.mini-site-logo span{color:#087bf4}.mini-site-nav>span:last-child{font-size:10px;color:#9b9e9d}.mini-site-hero{background:linear-gradient(100deg,rgba(12,37,55,.92),rgba(12,37,55,.45)),url('assets/industry-detailing.webp') center/cover;min-height:290px;color:white;padding:40px 37px;flex:1}.mini-site-hero>span:first-child{font-size:9px;font-weight:830;letter-spacing:1.7px;color:#8fcbff}.mini-site-hero h4{font-size:clamp(38px,3.55vw,53px);line-height:1.05;letter-spacing:-2.3px;margin:15px 0}.mini-site-hero p{max-width:295px;font-size:12px;line-height:1.65;color:#e6ecf2}.mini-site-tag{display:inline-block;background:white;color:#122f46;padding:11px 15px;border-radius:4px;font-weight:750;font-size:10px}.mini-site-bottom{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;padding:22px;font-size:12px;color:#51728b}.website-form form{display:flex;flex-direction:column}.website-form textarea{resize:vertical}.website-success{background:#eaf8ef;border:1px solid #bfdfc8;border-radius:8px;padding:14px;margin-top:15px;color:#23563b;font-size:12px;line-height:1.55}.website-success[hidden]{display:none}.website-success strong{font-size:13px;display:block;margin-bottom:5px}.website-success button{border:0;background:transparent;color:#0868d1;font-size:11px;font-weight:800;padding:10px 0 0;text-align:left}
.social-grid{grid-template-columns:minmax(265px,.67fr) minmax(0,1.5fr)}.social-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(165px,.7fr);gap:0}.social-preview{padding:22px;border-right:1px solid #e3ebf1}.social-preview-top{display:flex;align-items:center;gap:11px;margin-bottom:14px}.social-avatar{width:35px;height:35px;background:#173b4c;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:850}.social-preview-top strong{font-size:12px;display:block}.social-preview-top small{font-size:10px;color:#8394a3;display:block;margin-top:3px}.social-dots{margin-left:auto;letter-spacing:2px;color:#a1adb8}.social-art{min-height:223px;border-radius:8px;background:radial-gradient(circle at 90% 0%,#dfb06a 0%,transparent 43%),linear-gradient(135deg,#12304b,#234d59 65%,#112d4b);color:white;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:center}.social-art-pattern{position:absolute;right:-37px;bottom:-58px;border:28px solid rgba(255,255,255,.065);width:190px;height:190px;border-radius:50%}.social-art>span:not(.social-art-pattern){font-size:9px;font-weight:800;letter-spacing:1.6px;position:relative}.social-art strong{font-size:clamp(24px,2.3vw,35px);line-height:1.12;letter-spacing:-1.2px;margin:13px 0 28px;position:relative}.social-art-footer{font-size:7px!important}.social-caption{font-size:11px;line-height:1.6;color:#536c81;min-height:75px;margin:13px 0}.social-actions{display:flex;align-items:end;gap:8px}.social-actions>label{display:none}.social-actions select{width:82px;min-height:38px;padding:8px}.mini-action{background:#e9f2fc;border:1px solid #c8e2fb;border-radius:7px;color:#0b73d8;padding:10px 13px;font-size:11px;font-weight:810;white-space:nowrap}.mini-action:hover{background:#daebfc}.week-planner{background:#f8fbff;padding:22px;display:flex;flex-direction:column;min-width:0}.week-header strong{display:block;font-size:13px}.week-header span{font-size:9px;letter-spacing:1px;color:#96a7ba}.week-days{display:grid;grid-template-columns:1fr;gap:9px;margin-top:19px}.week-day{border:1px solid #dee9f4;border-radius:7px;padding:9px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:7px}.week-day b{font-size:11px;color:#294a68}.week-day span{font-size:10px;color:#a5b2bf}.week-day.has-post{background:#eaf4ff;border-color:#a7d2fd}.week-day.has-post span{color:#1178da;font-weight:750}
.crm-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:19px}.crm-summary>div{padding:15px 20px;border:1px solid #e4ecf2;border-radius:9px;background:#fff}.crm-summary span{font-size:9px;font-weight:800;letter-spacing:1px;color:#879bac;display:block;margin-bottom:8px}.crm-summary strong{font-size:27px;letter-spacing:-1.1px}.crm-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(230px,.77fr);gap:15px}.crm-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.crm-column{background:#eff4f8;border:1px solid #e0e8f0;border-radius:10px;padding:13px;min-height:256px}.crm-column-header{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:2px 0 12px}.crm-column-header strong{font-size:11px;white-space:nowrap}.crm-column-header span{font-size:10px;color:#8b9fb0}.crm-lead{width:100%;border:1px solid #e0eaf3;text-align:left;background:#fff;border-radius:8px;padding:13px 11px;display:block;margin-bottom:9px;cursor:pointer}.crm-lead:hover,.crm-lead.selected{border-color:#409cf5;background:#f9fcff}.crm-lead strong{display:block;color:#173550;font-size:11px;line-height:1.3}.crm-lead>span{display:block;font-size:10px;color:#677f93;margin:6px 0;line-height:1.35}.crm-lead small{color:#0f7bde;font-size:9px;font-weight:700}.crm-details{padding:20px;min-height:300px}.crm-details>p{color:#8094a6;font-size:12px}.crm-detail-kicker{font-size:9px;letter-spacing:1px;color:#1879d2;font-weight:800}.crm-details h4{font-size:21px;letter-spacing:-.6px;margin:7px 0}.crm-details .detail-row{padding:10px 0;border-bottom:1px solid #e9eef3;display:flex;justify-content:space-between;gap:10px;font-size:11px}.detail-row span{color:#8292a2}.detail-row b{text-align:right;max-width:145px}.crm-details label{display:block;margin:18px 0 7px;color:#677c8d;font-weight:740;font-size:11px}.crm-details .demo-input{margin-bottom:9px}.crm-details .demo-action{margin-top:12px}.crm-details .crm-hint{font-size:11px;color:#738ca0;line-height:1.5;margin:13px 0 0}.crm-footnote{padding:4px}
.demo-underbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;color:#9db1c5;font-size:11px}.demo-underbar a{color:#e3f1ff;font-weight:740;white-space:nowrap}.demo-underbar a span{color:#67b6ff}
.faq-section{background:#f6f8fb}.faq-grid{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:80px}.faq-grid>div:first-child>p{color:#65798d;line-height:1.7;font-size:14px;max-width:320px;margin-top:20px}.faq-items details{background:#fff;border:1px solid #e5ebf2;border-radius:9px;margin-bottom:10px;padding:0 21px}.faq-items summary{font-size:14px;font-weight:740;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:22px;color:#0a7bf0;font-weight:400}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{color:#65788b;font-size:13px;line-height:1.7;border-top:1px solid #ebeff3;padding:14px 0 21px;margin:0}
.service-card .service-outcome{margin-top:13px;font-size:11px;color:#245777;line-height:1.5;padding:10px 0;border-top:1px solid #e5eaf0;font-weight:650}.service-card .card-link{margin-top:6px}.demo-anchor{color:#096ecf}.preview-notice .preview-detail{font-size:10px}
@media(max-width:1050px){.demo-heading{gap:30px}.demo-auto-grid,.website-grid,.social-grid{gap:12px}.demo-panel{padding:25px}.social-workspace{grid-template-columns:1fr}.social-preview{border-right:0;border-bottom:1px solid #e4ebf2}.week-days{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.week-planner{padding:16px}.week-day{display:block;text-align:center}.week-day span{display:block;font-size:9px;margin-top:5px;white-space:nowrap}.crm-workspace{grid-template-columns:1fr}.crm-board{min-height:210px}.crm-details{min-height:auto}}
@media(max-width:780px){.demo-section{padding:75px 0}.demo-heading{display:block}.demo-heading-right{max-width:680px;margin-top:20px}.demo-shell{border-radius:10px}.demo-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.demo-tab{min-width:185px}.demo-panel{padding:23px}.demo-auto-grid,.website-grid,.social-grid{grid-template-columns:1fr}.automation-steps{min-height:200px}.mini-site-hero{min-height:260px}.social-workspace{grid-template-columns:1.2fr .8fr}.social-preview{border-right:1px solid #e4ebf2;border-bottom:0}.week-days{grid-template-columns:1fr}.week-day{display:flex}.week-day span{margin:0}.crm-board{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:580px){.demo-toolbar{padding:14px 13px}.demo-toolbar-title strong{font-size:12px}.demo-toolbar-title small{font-size:10px}.demo-reset{font-size:13px;padding:7px 10px}.demo-reset span{display:none}.demo-tab{min-width:155px;font-size:11px;padding:14px 10px}.demo-panel{padding:16px}.demo-panel-intro{display:block}.demo-panel-intro h3{font-size:25px}.demo-time{margin-top:13px}.demo-controls{padding:17px}.demo-auto-grid{gap:13px}.automation-steps{padding:13px}.console-top{padding:12px}.social-workspace{grid-template-columns:1fr}.social-preview{border-right:0;border-bottom:1px solid #e4ebf2}.week-days{grid-template-columns:repeat(5,1fr);gap:5px}.week-day{display:block;text-align:center;padding:8px 3px}.week-day span{margin-top:5px;font-size:8px}.social-art{min-height:210px}.crm-summary{grid-template-columns:repeat(2,1fr);gap:7px}.crm-summary>div{padding:12px}.crm-board{gap:6px}.crm-column{padding:8px;min-height:160px}.crm-lead{padding:9px 7px}.crm-column-header strong{font-size:10px}.crm-column-header span{font-size:9px}.crm-lead strong{font-size:10px}.crm-lead>span{font-size:9px}.demo-underbar{display:block;line-height:1.7}.demo-underbar a{display:block;margin-top:7px;white-space:normal}.faq-items summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.automation-step{transition:none}}
.demo-inline-link{color:#0873dc;background:transparent;border:0;padding:0;font-weight:800;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #57aaff;outline-offset:3px}
.social-art strong{white-space:pre-line}