:root{--swt-blue-500:#0794ec;--swt-blue-700:#013960;--swt-slate-900:#0f1c2e;--swt-slate-700:#24344a;--swt-slate-500:#4d5b6c;--swt-slate-300:#8c9bac;--swt-slate-100:#eef4fd;--swt-white:#fff;--swt-border:#d6e4f6;--swt-bg:#f7f9fc;--swt-green-500:#10b981;--swt-radius-lg:24px;--swt-radius-md:16px;--swt-radius-sm:12px}.job-costing-module{color:var(--swt-slate-700);font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0;padding:0}.container{margin:0 auto;max-width:900px;padding:0 24px}.hero{background:radial-gradient(circle at top left,rgba(7,148,236,.12),transparent 55%),radial-gradient(circle at bottom right,rgba(7,148,236,.08),transparent 45%),var(--swt-white);padding:80px 0 60px;text-align:center}.eyebrow{align-items:center;background:rgba(16,185,129,.12);border-radius:999px;color:var(--swt-green-500);display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.08em;margin-bottom:20px;padding:6px 14px;text-transform:uppercase}.eyebrow svg{height:16px;width:16px}.job-costing-module h1{color:var(--swt-slate-900);font-size:2.5rem;font-weight:700;line-height:1.15;margin-bottom:1rem}.subtitle{color:var(--swt-slate-500);font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:550px}.hero-cta{margin-bottom:1rem;margin-top:1.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.btn{align-items:center;border-radius:10px;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--swt-blue-500);color:#fff}.btn-primary:hover{background:var(--swt-blue-700);transform:translateY(-1px)}.btn-secondary{background:var(--swt-white);border:1px solid var(--swt-border);color:var(--swt-slate-700)}.btn-secondary:hover{background:var(--swt-slate-100)}.btn svg{height:18px;width:18px}.hero-cards{align-items:center;display:flex;height:380px;justify-content:center;margin:2rem auto 3rem;max-width:720px;position:relative;width:100%}.card{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;flex-direction:column;height:340px;position:absolute;transition:transform .6s cubic-bezier(.4,0,.2,1);width:300px}.card-cost{background:linear-gradient(135deg,#f5ebe0,#e8d5c4);padding:24px;transform:translateX(0);z-index:2}.card-cost.expanded{transform:translateX(-160px)}.card-header{color:rgba(0,0,0,.5);font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-align:left;text-transform:uppercase}.pre-costing{align-items:center;display:flex;flex:1;flex-direction:column;gap:24px;justify-content:center;transition:opacity .4s ease}.pre-costing.hidden{opacity:0;pointer-events:none;position:absolute}.pre-costing-line{align-items:center;color:rgba(0,0,0,.7);display:flex;flex-direction:column;font-size:1.35rem;gap:6px;text-align:center}.pre-costing-line strong{color:rgba(0,0,0,.85);font-size:1.1rem;font-weight:700}.pre-costing-line .unknown{color:rgba(0,0,0,.35);font-family:monospace;font-size:1.5rem;letter-spacing:3px}.cost-items-wrapper{display:flex;flex:1;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .4s ease}.cost-items-wrapper.visible{opacity:1;pointer-events:auto}.cost-items{display:flex;flex:1;flex-direction:column;gap:10px}.cost-line{align-items:center;color:rgba(0,0,0,.7);display:flex;font-size:.85rem;justify-content:space-between;opacity:0;transform:translateX(-10px);transition:all .4s ease}.cost-line.visible{opacity:1;transform:translateX(0)}.cost-line .label{align-items:center;display:flex;gap:8px}.cost-line .dot{background:rgba(0,0,0,.3);border-radius:50%;height:5px;width:5px}.cost-line .amount{font-variant-numeric:tabular-nums;font-weight:600}.cost-total{align-items:center;border-top:2px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-top:auto;padding-top:14px}.cost-total .label{color:rgba(0,0,0,.6);font-size:.8rem;font-weight:600}.cost-total .amount{color:rgba(0,0,0,.85);font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:700}.card-price{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);opacity:0;overflow:hidden;pointer-events:none;position:relative;transform:translateX(160px);transition:opacity .5s ease,transform .6s cubic-bezier(.4,0,.2,1);z-index:1}.card-price.visible{opacity:1;pointer-events:auto}.card-price-content{display:flex;flex-direction:column;height:100%;padding:24px 24px 20px}.scanner{background:linear-gradient(90deg,transparent,var(--swt-blue-500),transparent);box-shadow:0 0 15px rgba(7,148,236,.6);height:3px;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.scanner.active{animation:scanner-sweep 1.8s linear forwards}@keyframes scanner-sweep{0%{opacity:1;top:5%}19%{opacity:1;top:30%}39%{opacity:1;top:52%}58%{opacity:1;top:68%}78%{opacity:1;top:88%}to{opacity:0;top:100%}}.blueprint-mini{align-items:center;display:flex;flex:1;justify-content:center;margin-bottom:12px;min-height:0;position:relative}.blueprint-svg{height:auto;max-width:200px;width:100%}.blueprint-room{opacity:0;stroke-width:1.5;transition:all .5s ease}.room-label{fill:transparent;font-family:Poppins,sans-serif;font-size:6px;font-weight:600;opacity:0;text-anchor:middle;transition:opacity .3s ease .2s}.room-label.revealed{fill:#1a1a1a;opacity:1}.blueprint-room[data-room="0"]{fill:rgba(130,103,173,.08);stroke:rgba(130,103,173,.3)}.blueprint-room[data-room="0"].revealed{fill:rgba(130,103,173,.2);opacity:1;stroke:#8267ad}.blueprint-room[data-room="1"]{fill:rgba(7,148,236,.08);stroke:rgba(7,148,236,.3)}.blueprint-room[data-room="1"].revealed{fill:rgba(7,148,236,.2);opacity:1;stroke:#0794ec}.blueprint-room[data-room="2"]{fill:rgba(1,57,96,.08);stroke:rgba(1,57,96,.3)}.blueprint-room[data-room="2"].revealed{fill:rgba(1,57,96,.2);opacity:1;stroke:#013960}.blueprint-room[data-room="3"]{fill:rgba(0,198,127,.08);stroke:rgba(0,198,127,.3)}.blueprint-room[data-room="3"].revealed{fill:rgba(0,198,127,.2);opacity:1;stroke:#00c67f}.blueprint-room[data-room="4"]{fill:hsla(29,92%,75%,.08);stroke:hsla(29,92%,75%,.3)}.blueprint-room[data-room="4"].revealed{fill:hsla(29,92%,75%,.25);opacity:1;stroke:#fabe86}.price-result{background:rgba(245,248,252,.9);border-radius:8px;flex-shrink:0;margin-top:auto;padding:14px}.price-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px;opacity:0;transform:translateY(5px);transition:all .3s ease}.price-row.visible{opacity:1;transform:translateY(0)}.price-row:last-child{margin-bottom:0}.price-row .label{color:#666;font-size:.7rem}.price-row .value{color:#444;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:500}.price-row.total{border-top:1px solid rgba(0,0,0,.08);margin-top:4px;padding-top:8px}.price-row.total .label{color:#2c2c2c;font-size:.8rem;font-weight:600}.price-row.total .value{color:var(--swt-blue-500);font-size:1.15rem;font-weight:700}.margin-badge{background:rgba(7,148,236,.12);border-radius:4px;color:var(--swt-blue-500);display:inline-block;font-size:.6rem;font-weight:600;margin-left:6px;padding:2px 5px}.scroll-hint{align-items:center;animation:bounce 2s infinite;color:var(--swt-slate-300);display:flex;flex-direction:column;font-size:14px;gap:8px;margin-bottom:56px;margin-top:24px}.scroll-hint svg{height:20px;width:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}.features-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:48px auto 0;max-width:700px}.feature-card{background:var(--swt-white);border:1px solid var(--swt-border);border-radius:var(--swt-radius-md);padding:24px;text-align:left}.feature-icon{align-items:center;background:rgba(7,148,236,.1);border-radius:10px;color:var(--swt-blue-500);display:flex;height:44px;justify-content:center;margin-bottom:14px;width:44px}.feature-icon svg{height:22px;width:22px}.feature-card h3{color:var(--swt-slate-900);font-size:16px;font-weight:600;margin-bottom:6px}.feature-card p{color:var(--swt-slate-500);font-size:14px;line-height:1.5}.how-section{background:var(--swt-white);padding:80px 0}.how-section h2{color:var(--swt-slate-900);font-size:28px;font-weight:700;margin-bottom:40px;text-align:center}.steps{display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px}.step{text-align:center}.step-number{align-items:center;background:var(--swt-blue-500);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;margin:0 auto 16px;width:40px}.step h3,.step-content h3{color:var(--swt-slate-900);font-size:16px;font-weight:600;margin-bottom:8px}.step p,.step-content p{color:var(--swt-slate-500);font-size:14px;line-height:1.5}.tools-hub-section{background:var(--swt-white);padding:80px 0;text-align:center}.tools-hub-section h2{color:var(--swt-slate-900);font-size:28px;font-weight:700;margin-bottom:12px}.tools-hub-section>.container>p{color:var(--swt-slate-500);font-size:16px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:500px}.tools-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto 40px;max-width:720px}.tool-card-mini{align-items:center;background:var(--swt-white);border:1px solid var(--swt-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;text-decoration:none;transition:all .3s ease}.tool-card-mini:hover{border-color:var(--swt-blue-500);box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.tool-card-mini.current{background:linear-gradient(135deg,rgba(7,148,236,.04),rgba(7,148,236,.08));border-color:var(--swt-blue-500)}.tool-mockup{border-radius:8px;height:80px;overflow:hidden;position:relative;width:100%}.tool-mockup svg{height:100%;width:100%}.tool-card-mini .tool-label{color:var(--swt-slate-700);font-size:12px;font-weight:600}.tool-card-mini .tool-status{border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.tool-card-mini .tool-status.available{background:rgba(16,185,129,.12);color:var(--swt-green-500)}.tool-card-mini .tool-status.soon{background:rgba(251,191,36,.15);color:#b45309}.tool-card-mini .tool-status.building{background:rgba(0,0,0,.06);color:var(--swt-slate-500)}.tools-hub-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-hub{align-items:center;border-radius:10px;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.btn-hub-primary{background:var(--swt-slate-900);color:#fff}.btn-hub-primary:hover{background:var(--swt-slate-700);transform:translateY(-1px)}.btn-hub-secondary{background:var(--swt-white);border:1px solid var(--swt-border);color:var(--swt-slate-700)}.btn-hub-secondary:hover{background:var(--swt-slate-100);transform:translateY(-1px)}.btn-hub svg{height:18px;width:18px}@media (max-width:600px){.tools-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.tool-mockup{height:60px}.tool-card-mini .tool-label{font-size:11px}}@media (max-width:400px){.tools-grid{gap:10px;grid-template-columns:1fr 1fr}.tool-card-mini{gap:8px;padding:12px}.tool-mockup{height:50px}}.faq-section{background:var(--swt-bg);padding:80px 0}.faq-header{margin-bottom:40px;text-align:center}.faq-header h2{color:var(--swt-slate-900);font-size:28px;font-weight:700;margin-bottom:12px}.faq-header p{color:var(--swt-slate-500);font-size:18px}.faq-list{margin:0 auto;max-width:700px}.faq-item{background:var(--swt-white);border:1px solid var(--swt-border);border-radius:var(--swt-radius-sm);margin-bottom:12px;overflow:hidden}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:20px 24px;text-align:left;transition:background .2s ease;width:100%}.faq-question:hover{background:var(--swt-slate-100)}.faq-question h3{color:var(--swt-slate-900);font-size:15px;font-weight:600;margin:0}.faq-icon{color:var(--swt-slate-500);flex-shrink:0;height:24px;transition:transform .3s ease;width:24px}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:300px}.faq-answer-content{color:var(--swt-slate-500);font-size:14px;line-height:1.6;padding:0 24px 20px}.cta-section{background:linear-gradient(135deg,var(--swt-blue-700) 0,var(--swt-blue-500) 100%);padding:80px 0}.cta-section h2{color:var(--swt-white);font-size:28px;font-weight:700;margin-bottom:12px;text-align:center}.cta-section .cta-text{color:hsla(0,0%,100%,.85);font-size:16px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:500px;text-align:center}.hubspot-form-container{margin:0 auto;max-width:440px;width:100%}.form-loader{align-items:center;background:hsla(0,0%,100%,.08);border-radius:12px;color:hsla(0,0%,100%,.9);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:420px;padding:2rem;text-align:center}.form-loader-orbit{animation:form-spin 1s linear infinite;height:64px;position:relative;width:64px}.form-loader-circle{border:3px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:hsla(0,0%,100%,.9);height:64px;inset:0;position:absolute;width:64px}.form-loader-broom{animation:form-broom-counter 1s linear infinite;font-size:1.25rem;left:calc(50% - 22.63px);position:absolute;top:calc(50% - 22.63px);transform-origin:center center}@keyframes form-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes form-broom-counter{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}.opt-out{color:hsla(0,0%,100%,.7);font-size:.875rem;margin-top:16px;text-align:center}@media (max-width:768px){.hero{padding:60px 0 48px}.job-costing-module h1{font-size:1.875rem}.hero-cards{height:360px;max-width:380px}.card{height:320px;padding:18px;width:220px}.card-cost{padding:20px}.card-cost.expanded{transform:translateX(-100px)}.card-price{transform:translateX(100px)}.pre-costing-line{font-size:1.1rem}.pre-costing-line .unknown{font-size:1.25rem}.cost-line{font-size:.75rem}.cost-line .dot{height:4px;width:4px}.cost-total .amount{font-size:1.15rem}.cost-total .label{font-size:.7rem}.blueprint-svg{max-width:140px}.price-row .label{font-size:.65rem}.price-row .value{font-size:.7rem}.price-row.total .value{font-size:1rem}.features-grid,.steps{grid-template-columns:1fr}.steps{gap:24px;max-width:400px}.step{align-items:flex-start;display:flex;gap:16px;text-align:left}.step-number{margin:0}.step-content{flex:1}.cta-section,.faq-section,.how-section{padding:60px 0}}@media (max-width:480px){.job-costing-module h1{font-size:1.625rem}.hero-cards{height:340px;max-width:340px}.card{height:300px;padding:14px;width:180px}.card-cost.expanded{transform:translateX(-85px)}.card-price{transform:translateX(85px)}.pre-costing-line{font-size:1rem}.pre-costing-line .unknown{font-size:1.1rem}.cost-items{gap:6px}.cost-line{font-size:.68rem}.cost-total .amount{font-size:1rem}.blueprint-svg{max-width:110px}.price-row.total .value{font-size:.9rem}.cta-buttons{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:280px;width:100%}}