/* Two task-specific workspaces. The original ad calculator keeps its own design. */
.distinct-tool{--muted:#625e58;--line:#ded8cf;--accent:#aa431f;--ink:#282621;--soft:#f5f1e9;color:var(--ink);font-size:16px;background:#f7f3eb}
.distinct-tool .tool-shell{max-width:1160px}.distinct-tool .tool-header{background:transparent}.distinct-tool .tool-nav{min-height:78px}.distinct-tool .nav-back{font-size:14px}.distinct-tool h1{font-size:clamp(38px,4.6vw,62px);line-height:1.07;letter-spacing:-2.5px;font-weight:700}.distinct-tool .eyebrow{font-size:11px;letter-spacing:1.8px}.distinct-tool .worksheet-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.distinct-tool .worksheet-top h2{font-size:23px;letter-spacing:-.6px;line-height:1.2;margin-top:8px}.distinct-tool .text-button{font-size:13px;white-space:normal;min-height:44px}.distinct-tool .input-field{margin-top:0;min-width:0}.distinct-tool .input-field label{font-size:16px;line-height:1.45;gap:12px;align-items:start}.distinct-tool .input-field input{height:56px;font-size:23px;border-radius:8px;box-shadow:none;background:#fff;padding:12px 16px}.distinct-tool .unit,.distinct-tool .optional{font-size:12px;letter-spacing:0;line-height:1.5}.distinct-tool .field-help{font-size:13px;line-height:1.5;margin-top:8px}.distinct-tool .field-guide{margin-top:8px;font-size:13px}.distinct-tool .field-guide summary{cursor:pointer;width:fit-content;padding:6px 0;font-weight:600}.distinct-tool .field-guide p{padding:8px 0;color:var(--muted);line-height:1.65}.distinct-tool .field-error{font-size:13px}.distinct-tool .calculate-row{display:flex;gap:16px;align-items:center;margin-top:26px}.distinct-tool #calculate-button{margin:0;max-width:310px}.distinct-tool #live-hint{font-size:12px;color:var(--muted)}.distinct-tool .tool-button{font-size:14px;min-height:54px;border-radius:8px;padding:15px 18px}.distinct-tool .button-ink,.distinct-tool .button-lime{background:var(--accent);color:#fff}.distinct-tool .button-ink:hover,.distinct-tool .button-lime:hover{filter:brightness(.9)}.distinct-tool .input-foot{font-size:12px;margin-top:12px}.distinct-tool .target-card:after{display:none}.distinct-tool .target-card{background:transparent;color:var(--ink);padding:30px}.distinct-tool .target-card .eyebrow,.distinct-tool .target-label,.distinct-tool .target-explanation,.distinct-tool #empty-description{color:var(--muted)}.distinct-tool .target-label{font-size:14px;margin-top:36px}.distinct-tool .target-number{font-size:clamp(40px,4.7vw,66px);color:var(--ink);letter-spacing:-2.5px;font-weight:700;line-height:1.08;margin-block:12px 20px}.distinct-tool .target-number.long-number{font-size:clamp(26px,3.2vw,43px);letter-spacing:-1px}.distinct-tool .target-number.text-result{font-size:32px}.distinct-tool .target-explanation{font-size:14px;line-height:1.65}.distinct-tool .result-tag{color:var(--muted);border:1px solid var(--line);white-space:normal;flex-shrink:0;font-size:10px}.distinct-tool .result-top{gap:15px;align-items:start}.distinct-tool .empty-title{color:var(--ink);font-size:32px;margin-top:35px}.distinct-tool #empty-description{font-size:14px;margin-block:18px 25px}.distinct-tool .result-section{padding:25px 30px}.distinct-tool .result-section h3{font-size:15px;margin-bottom:18px}.distinct-tool .result-breakdown summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer;padding:19px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;font-weight:650;list-style:none}.distinct-tool .result-breakdown summary::-webkit-details-marker{display:none}.distinct-tool .result-breakdown[open] summary>span{transform:rotate(45deg)}.distinct-tool .scenario-values{gap:14px;font-size:13px}.distinct-tool .scenario-values>div{gap:16px}.distinct-tool .scenario-values dd{white-space:normal;overflow-wrap:anywhere;max-width:50%;text-align:right}.distinct-tool .small-copy{font-size:13px}.distinct-tool #breakdown-note{margin-top:20px}.distinct-tool .result-next{padding:25px 30px 16px}.distinct-tool .result-next>p:first-child{font-size:16px;font-weight:650}.distinct-tool .result-actions{padding:0 30px 20px;gap:20px}.distinct-tool .result-note{font-size:12px;background:transparent;border-top:1px solid var(--line);padding:20px 30px}.distinct-tool .ceiling{border-color:var(--line);font-size:13px}.distinct-tool .ceiling strong{font-size:24px}.distinct-tool .method-section{gap:65px;padding-block:65px}.distinct-tool .method-section h2{font-size:31px}.distinct-tool .method-section>div>p:last-child{font-size:15px}.distinct-tool .method-details summary{font-size:15px;padding-block:22px}.distinct-tool .details-copy{font-size:14px;padding:0 6px 24px 0}.distinct-tool .audit-section{gap:65px}.distinct-tool .audit-copy h2{font-size:42px}.distinct-tool .audit-copy>p:not(.eyebrow){font-size:15px}.distinct-tool .audit-list li{font-size:14px}.distinct-tool .audit-form{background:#fff;border:1px solid var(--line);padding:30px}.distinct-tool .audit-form h3{font-size:24px}.distinct-tool .audit-form .input-field{margin-top:22px}.distinct-tool .audit-form .input-field label{font-size:14px}.distinct-tool .audit-form .input-field input{height:52px;font-size:17px}.distinct-tool .optional-contact{margin-top:20px;border-top:1px solid var(--line)}.distinct-tool .optional-contact summary{cursor:pointer;padding:18px 0 0;font-size:13px;font-weight:600}.distinct-tool .optional-contact summary>span{font-weight:400;color:var(--muted);margin-left:8px}.distinct-tool .optional-contact[open]{padding-bottom:0}.distinct-tool #audit-submit{margin-top:26px;min-height:56px}.distinct-tool .preview-note{margin-bottom:0}.distinct-tool .form-privacy{font-size:12px;margin-top:16px}.distinct-tool .related-tools{padding-block:28px 64px}.distinct-tool .related-tools h2{font-size:23px}.distinct-tool .related-tools a{border-radius:8px;background:#fff}.distinct-tool .tool-footer{background:var(--ink)}.distinct-tool .tool-footer .tool-brand>span>span{color:#b7ff4a}.distinct-tool a:focus-visible,.distinct-tool button:focus-visible,.distinct-tool input:focus-visible,.distinct-tool select:focus-visible,.distinct-tool summary:focus-visible{outline-color:var(--accent)}.distinct-tool input:focus{border-color:var(--accent)}
/* Callback: a warm worksheet and a paper receipt, connected by a call journey. */
.callback-studio .studio-intro{display:flex;justify-content:space-between;gap:50px;padding:52px 0 42px;align-items:center}.callback-studio .studio-intro h1{margin:15px 0 20px}.callback-studio h1 em{font-family:Georgia,serif;font-weight:400;color:#9b3a1f;letter-spacing:-2px}.callback-studio .studio-intro>div>p:last-child{font-size:17px;color:var(--muted)}.callback-studio .intro-stamp{border-left:1px solid #c8b5a2;padding-left:28px;max-width:245px;flex-shrink:0}.callback-studio .intro-stamp>span{display:block;font-size:48px;color:var(--accent);line-height:1;margin-bottom:20px}.callback-studio .intro-stamp p{font-size:14px;font-weight:650}.callback-studio .intro-stamp small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.callback-studio .calculator-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:38px}.callback-studio .input-panel{background:transparent;border:0;padding:0 0 24px;border-radius:0}.callback-studio .currency-field{padding:15px 0 0;border-top:1px solid var(--line);justify-content:start;gap:22px}.callback-studio .currency-field select{background:transparent;border-color:#c3b9ab;max-width:240px;font-size:13px}.callback-studio .conversation-step{display:grid;grid-template-columns:35px minmax(0,1fr);gap:15px;padding-top:25px;position:relative}.callback-studio .step-number{font-size:12px;color:#8f4229;width:32px;height:32px;border:1px solid #cbb9a7;border-radius:50%;display:grid;place-items:center;font-variant-numeric:tabular-nums}.callback-studio .quick-picks{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.callback-studio .quick-picks button{padding:9px 15px;min-height:42px;border:1px solid #cfc2b5;border-radius:30px;background:transparent;font-size:13px;color:#504638}.callback-studio .quick-picks button[aria-pressed="true"]{background:#f9ded0;border-color:var(--accent);color:#843113;font-weight:700}.callback-studio .result-panel{background:#fffdf8;border:1px solid #d9cbb9;border-top:5px solid #9e4325;border-radius:3px;box-shadow:0 12px 32px #5a34150a;position:sticky;top:24px}.callback-studio .result-panel:after{content:"";display:block;height:8px;background:repeating-linear-gradient(90deg,#f7f3eb 0 12px,transparent 12px 24px);border-top:1px dashed #d9cbb9}.callback-studio .target-number{font-family:Georgia,serif;font-weight:400}.callback-studio .call-path{display:flex;align-items:center;justify-content:space-between;gap:6px;border-block:1px dashed #d8c7b4;margin-top:25px;padding:22px 0}.callback-studio .call-path>div{min-width:0;flex:1}.callback-studio .call-path strong{display:block;overflow-wrap:anywhere;font-size:23px;font-weight:650;line-height:1.2}.callback-studio .call-path div>span{font-size:10px;color:var(--muted);display:block;margin-top:6px}.callback-studio .call-path>span{color:#ac7559}.callback-studio .ceiling{display:none}.callback-studio .scenarios tr.current{background:#fae6d9}.callback-studio .scenarios td{overflow-wrap:anywhere}.callback-studio .scenarios table{table-layout:fixed}.callback-studio .scenarios td:last-child,.callback-studio .scenarios th:last-child{width:48%}.callback-studio .audit-form{border-radius:4px;border-top:4px solid #9e4325}.callback-studio .method-section .eyebrow,.callback-studio .audit-copy .eyebrow{color:#943f25}
/* Website: a blue measurement dashboard, two inputs above a wide result. */
.website-lab{--accent:#284cdc;--ink:#192844;--muted:#586780;--line:#d6dfed;--soft:#edf3fd;background:#f0f4fb}.website-lab .lab-intro{padding:48px 0 35px;max-width:820px}.website-lab h1{margin:16px 0 22px;letter-spacing:-2.8px}.website-lab h1>span{color:#284cdc}.website-lab .lab-intro>p:last-child{font-size:18px;color:var(--muted)}.website-lab .calculator-layout{display:block;background:white;border:1px solid #c8d6eb;border-radius:20px;box-shadow:0 18px 50px #244c9810;overflow:hidden}.website-lab .input-panel{padding:32px 38px;border:0;border-radius:0}.website-lab .traffic-inputs{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:25px;align-items:start}.website-lab .traffic-inputs .input-field input{height:72px;font-size:32px;color:#2548c2;background:#f8faff;border:1px solid #c8d6eb;border-radius:10px}.website-lab .traffic-arrow{margin-top:44px;color:#6381b9;font-size:30px;text-align:center}.website-lab .scenario-options{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.website-lab .scenario-options>summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-weight:650;font-size:14px;list-style:none;padding-block:8px}.website-lab .scenario-options>summary::-webkit-details-marker{display:none}.website-lab .optional-badge{font-size:12px;color:#566d98;font-weight:400}.website-lab .scenario-options>.input-field{max-width:350px;margin-top:14px}.website-lab .result-panel{border:0;border-radius:0;background:#f9fbff;border-top:1px solid #c8d6eb;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.website-lab .target-card{padding:32px 38px;background:#e8efff}.website-lab .result-tag{background:#ffffff85;font-size:10px;border-color:#becfed}.website-lab .target-number{font-size:84px;color:#2547c1;letter-spacing:-4px}.website-lab .target-number.text-result{font-size:35px;letter-spacing:-1px}.website-lab #result-details{padding-top:20px}.website-lab .result-breakdown summary{border-top:0;background:transparent}.website-lab .result-note{grid-column:1/-1;padding-inline:38px}.website-lab .empty-title{color:#3e5688}.website-lab .rate-visual{margin-top:27px}.website-lab .rate-track{height:18px;background:#c7d6f5;border-radius:5px;overflow:hidden}.website-lab #rate-fill{height:100%;display:block;width:0;background:#284cdc}.website-lab .rate-key{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#4e6388;margin-top:9px}.website-lab .rate-key i{display:inline-block;width:7px;height:7px;background:#284cdc;margin-right:6px;border-radius:50%}.website-lab .scenario-output{border:1px solid #c6d5f3;background:#f7faff;border-radius:10px;padding:16px;margin-top:28px}.website-lab .ceiling{padding:0;border:0;margin:0;font-size:13px}.website-lab .ceiling strong{font-size:28px;color:#2547c1}.website-lab .difference-note{font-size:13px;line-height:1.6;margin-top:12px;color:#4c6185}.website-lab .audit-form{border-radius:16px;background:#e5edfc;border-color:#c8d6eb}.website-lab .audit-section{border-top:0}.website-lab .method-section{border-bottom:0}.website-lab .audit-copy .eyebrow{color:#284cdc}.website-lab .related-tools a{border-color:#c8d6eb}
@media(min-width:761px){.website-lab .result-panel:has(#target-result[hidden]){grid-template-columns:1fr}.website-lab .result-panel:has(#target-result[hidden]) .target-card{display:grid;grid-template-columns:1fr 1fr;gap:30px}.website-lab .result-panel:has(#target-result[hidden]) .empty-title{margin-top:0}.website-lab .result-panel:has(#target-result[hidden]) #empty-description{margin-bottom:0}}
@media(max-width:1000px){.callback-studio .intro-stamp{display:none}.callback-studio .calculator-layout{gap:24px}.distinct-tool .worksheet-top{flex-wrap:wrap;gap:6px}.distinct-tool .audit-section{gap:35px}.callback-studio .target-card,.distinct-tool .result-next,.distinct-tool .result-section{padding:24px}.distinct-tool .result-actions{padding-inline:24px}.distinct-tool .result-breakdown summary{padding-inline:24px}.website-lab .traffic-inputs{gap:16px;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr)}}
@media(max-width:760px){.distinct-tool .tool-shell{width:calc(100% - 36px)}.distinct-tool .tool-nav{min-height:70px}.distinct-tool .tool-brand{font-size:21px}.distinct-tool .nav-back{gap:10px;font-size:12px}.distinct-tool h1{font-size:39px;letter-spacing:-1.7px}.distinct-tool .calculator-layout{display:block}.distinct-tool .input-panel{padding:24px}.distinct-tool .result-panel{position:static;margin-top:22px}.distinct-tool .method-section,.distinct-tool .audit-section{grid-template-columns:1fr;gap:28px;padding-block:42px}.distinct-tool .method-section h2{font-size:29px}.distinct-tool .audit-copy h2{font-size:35px;letter-spacing:-1.3px}.distinct-tool .audit-form{padding:24px}.distinct-tool .audit-form .input-field label{flex-wrap:wrap}.distinct-tool .calculate-row{flex-wrap:wrap;gap:8px}.distinct-tool #calculate-button{max-width:none}.distinct-tool .calculate-row #live-hint{font-size:12px}.distinct-tool .input-foot{gap:15px;align-items:center}.distinct-tool .related-tools{padding-bottom:42px}.distinct-tool .target-number{font-size:49px}.distinct-tool .target-number.long-number{font-size:30px}.distinct-tool .result-tag{max-width:45%}.callback-studio .studio-intro{padding:32px 0}.callback-studio h1 em{letter-spacing:-1.6px}.callback-studio .studio-intro>div>p:last-child{font-size:16px}.callback-studio .input-panel{padding:0}.callback-studio .conversation-step{grid-template-columns:29px minmax(0,1fr);gap:12px;padding-top:24px}.callback-studio .step-number{width:27px;height:27px;font-size:10px}.callback-studio .currency-field{gap:14px;flex-wrap:wrap}.callback-studio .currency-field select{font-size:13px;padding-right:20px}.callback-studio .quick-picks{gap:6px}.callback-studio .quick-picks button{padding-inline:13px}.callback-studio .call-path strong{font-size:22px}.website-lab .lab-intro{padding:32px 0}.website-lab .lab-intro>p:last-child{font-size:16px}.website-lab .input-panel{padding:24px}.website-lab .traffic-inputs{display:block}.website-lab .traffic-arrow{display:none}.website-lab .traffic-inputs .input-field+.input-field,.website-lab .traffic-inputs .traffic-arrow+.input-field{margin-top:24px}.website-lab .traffic-inputs .input-field input{height:62px;font-size:28px}.website-lab .result-panel{display:block;margin-top:0}.website-lab .target-card{padding:24px}.website-lab .target-number{font-size:76px}.website-lab .result-note{padding:20px 24px}.website-lab .scenario-options>summary{align-items:center}.website-lab .optional-badge{white-space:nowrap}.website-lab .result-top{align-items:center}.website-lab .result-top .eyebrow{font-size:10px}.website-lab .result-tag{font-size:9px}}
@media(max-width:360px){.distinct-tool h1{font-size:34px}.distinct-tool .tool-shell{width:calc(100% - 28px)}.distinct-tool .tool-brand{font-size:19px}.distinct-tool .tool-brand img{width:29px;height:35px}.distinct-tool .input-panel,.distinct-tool .target-card,.distinct-tool .audit-form{padding:20px}.callback-studio .input-panel{padding:0}.distinct-tool .quick-picks button{padding-inline:10px}.distinct-tool .input-field label{font-size:15px}.distinct-tool .result-tag{font-size:9px}.distinct-tool .scenario-values{font-size:12px}.distinct-tool .input-foot{font-size:11px}}
@media print{.distinct-tool{background:white;color:black}.distinct-tool .studio-intro,.distinct-tool .lab-intro,.distinct-tool .tool-header,.distinct-tool .input-panel,.distinct-tool .method-section,.distinct-tool .audit-section,.distinct-tool .related-tools,.distinct-tool .result-next,.distinct-tool .result-actions,.distinct-tool .tool-footer{display:none!important}.distinct-tool .calculator-layout,.distinct-tool .result-panel{display:block!important;box-shadow:none;position:static;border:0;margin:0}.distinct-tool .target-card{background:white;color:black}.distinct-tool .target-number,.distinct-tool .target-label,.distinct-tool .target-explanation{color:black}.distinct-tool .result-panel:before{display:block;padding:20px;font-size:18px;font-weight:bold}.callback-studio .result-panel:before{content:"ApexRockets · Missed Call Value Calculator"}.website-lab .result-panel:before{content:"ApexRockets · Website Conversion Rate Calculator"}}
@media print{.distinct-tool .result-breakdown>summary{display:none}.distinct-tool .result-panel:after{height:auto;border:0;background:none;font-size:11px;padding:15px 20px;margin-top:10px}.callback-studio .result-panel:after{content:"Revenue scenario before costs and tax · apexrockets.com/tools/missed-call-value/"}.website-lab .result-panel:after{content:"Enquiries are not booked jobs · apexrockets.com/tools/website-conversion-rate/"}}