:root{--color-dark:#02050a;--color-white:#fff;--color-darkWhite:#a2a2a2;--color-green:#b1e35d;--color-lightDark:#09101a;--color-grey:#151c25}.calculator-wrapper{background:var(--color-dark);display:grid;gap:40px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1400px;padding:60px 20px}.calculator-inputs{max-width:800px}.calculator-inputs h1{color:var(--color-white);font-size:42px;font-weight:700;margin-bottom:12px}.subtitle{color:var(--color-darkWhite);font-size:18px;margin-bottom:40px}.project-mode-selector{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px}.mode-option{cursor:pointer}.mode-option input[type=radio]{display:none}.mode-card{background:var(--color-lightDark);border:2px solid var(--color-grey);border-radius:8px;padding:20px;text-align:center;transition:all .2s}.mode-card h4{color:var(--color-white);font-size:18px;font-weight:600;margin-bottom:8px;margin-top:5px}.mode-card p{color:var(--color-darkWhite);font-size:14px;margin:0}.mode-option input[type=radio]:checked+.mode-card,.mode-option:hover .mode-card{background:var(--color-grey);border-color:var(--color-green)}.mode-option input[type=radio]:checked+.mode-card{box-shadow:0 4px 12px rgba(177,227,93,.2)}.mode-option input[type=radio]:checked+.mode-card h4{color:var(--color-green)}.base-package{background:var(--color-lightDark);border:2px solid var(--color-green);border-radius:8px;margin-bottom:40px;padding:24px}.base-package h3{color:var(--color-green);font-size:18px;font-weight:600;margin-bottom:12px}.base-package ul{list-style:none;margin:0;padding:0}.base-package li{color:var(--color-darkWhite);font-size:15px;padding:6px 0}.base-package li:before{color:var(--color-green);content:"• ";font-weight:700;margin-right:8px}.pages-section h3{color:var(--color-white);font-size:24px;font-weight:600;margin-bottom:8px}.helper-text{color:var(--color-darkWhite);font-size:15px;margin-bottom:24px}.modules-only-section{margin-top:0}.modules-only-section h3{color:var(--color-white);font-size:24px;font-weight:600;margin-bottom:8px}.module-builder-card{background:var(--color-lightDark);border:2px solid var(--color-grey);border-radius:8px;margin-bottom:24px;padding:24px}.module-builder-card h4{color:var(--color-white);font-size:18px;font-weight:600;margin-bottom:20px}.tier-selector{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.tier-option{cursor:pointer}.tier-option input[type=radio]{display:none}.tier-card{background:var(--color-dark);border:2px solid var(--color-grey);border-radius:8px;box-sizing:border-box;height:100%;padding:16px;transition:all .2s}.tier-header{margin-bottom:8px}.tier-card h5{color:var(--color-white);font-size:16px;font-weight:600;margin:0}.tier-card p{color:var(--color-darkWhite);font-size:13px;line-height:1.4;margin:0 0 12px}.tier-examples{list-style:none;margin:0;padding:0}.tier-examples li{color:var(--color-darkWhite);font-size:12px;padding:3px 0 3px 12px;position:relative}.tier-examples li:before{color:var(--color-green);content:"•";left:0;position:absolute}.tier-option input[type=radio]:checked+.tier-card,.tier-option:hover .tier-card{background:var(--color-grey);border-color:var(--color-green)}.tier-option input[type=radio]:checked+.tier-card{box-shadow:0 4px 12px rgba(177,227,93,.2)}.tier-option input[type=radio]:checked+.tier-card h5{color:var(--color-green)}.module-name-input{margin-bottom:16px}.module-name-input label{color:var(--color-white);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.module-name-input input{background:var(--color-dark);border:2px solid var(--color-grey);border-radius:6px;box-sizing:border-box;color:var(--color-white);font-size:15px;padding:12px 16px;transition:border-color .2s;width:100%}.module-name-input input::placeholder{color:var(--color-darkWhite);opacity:.6}.module-name-input input:focus{border-color:var(--color-green);outline:none}.btn-add-module{background:var(--color-green);border:none;border-radius:6px;color:var(--color-dark);cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.btn-add-module:hover{background:#a0d34d;transform:translateY(-1px)}.btn-add-module:active{transform:translateY(0)}#pageBuilder{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.page-builder-item{background:var(--color-lightDark);border:2px solid var(--color-grey);border-radius:8px;padding:20px;transition:border-color .2s}.page-builder-item:hover{border-color:var(--color-green)}.page-header{justify-content:space-between;margin-bottom:16px}.page-header,.page-title{align-items:center;display:flex}.page-title{flex:1;gap:12px}.page-number{color:var(--color-green);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.page-name-input{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-white);flex:1;font-size:18px;font-weight:600;max-width:300px;padding:4px 8px;transition:border-color .2s}.page-name-input:hover{border-bottom-color:var(--color-grey)}.page-name-input:focus{border-bottom-color:var(--color-green);outline:none}.btn-remove-page{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-darkWhite);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.btn-remove-page:hover{background:rgba(255,77,77,.1);color:#ff4d4d}.modules-list{display:flex;flex-direction:column;gap:8px}.no-modules{color:var(--color-darkWhite);font-size:14px;font-style:italic;padding:20px;text-align:center}.module-item{align-items:center;background:var(--color-grey);border:1px solid var(--color-grey);border-radius:6px;cursor:move;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.module-item:hover{background:var(--color-lightDark);border-color:var(--color-green)}.module-item.dragging{cursor:grabbing;opacity:.5}.module-item.drag-over{border-top:3px solid var(--color-green)}.module-item.tier-simple{border-left:3px solid #60a5fa}.module-item.tier-medium{border-left:3px solid var(--color-green)}.module-item.tier-complex{border-left:3px solid #f59e0b}.module-info{align-items:center;display:flex;flex:1;gap:12px}.drag-handle{color:var(--color-darkWhite);cursor:move;font-size:18px;margin-right:8px}.module-name{color:var(--color-white);font-size:15px;font-weight:500}.module-badges{display:flex;gap:6px}.module-tier-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.module-tier-badge.simple{background:rgba(96,165,250,.15);color:#60a5fa}.module-tier-badge.medium{background:rgba(177,227,93,.15);color:var(--color-green)}.module-tier-badge.complex{background:rgba(245,158,11,.15);color:#f59e0b}.module-type-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.module-type-badge.unique{background:rgba(177,227,93,.15);color:var(--color-green)}.module-type-badge.repeated{background:rgba(16,185,129,.15);color:#10b981}.module-controls{align-items:center;display:flex;gap:12px}.btn-duplicate,.btn-remove-module,.btn-remove-module-only{background:none;border:none;border-radius:4px;color:var(--color-darkWhite);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-duplicate{border:1px solid var(--color-grey)}.btn-duplicate:hover{background:var(--color-grey);border-color:var(--color-green);color:var(--color-green)}.btn-remove-module,.btn-remove-module-only{font-size:20px;padding:4px 8px}.btn-remove-module-only:hover,.btn-remove-module:hover{background:rgba(255,77,77,.1);color:#ff4d4d}.btn-secondary{background:var(--color-lightDark);border:2px dashed var(--color-green);border-radius:8px;color:var(--color-green);cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.btn-secondary:hover{background:var(--color-grey);border-style:solid}.calculator-summary{background:var(--color-lightDark);border:2px solid var(--color-grey);border-radius:12px;height:fit-content;padding:32px}.calculator-summary.sticky{position:sticky;top:20px}.calculator-summary h3{color:var(--color-white);font-size:24px;font-weight:700;margin-bottom:24px}.breakdown{margin-bottom:24px}.line-item{align-items:center;color:var(--color-darkWhite);display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.line-item.base{color:var(--color-white);font-weight:600}.line-item .hours{color:var(--color-darkWhite)}.modules-summary{padding:12px 0}.modules-summary .line-item{color:var(--color-white);font-weight:600;padding:8px 0}.modules-summary .count{color:var(--color-green);font-size:18px;font-weight:700}.module-breakdown{margin-top:8px;padding-left:20px}.sub-item{color:var(--color-darkWhite);display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.sub-item span:last-child{color:var(--color-white);font-weight:600}.breakdown hr{border:none;border-top:2px solid var(--color-grey);margin:16px 0}.total-line{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.total-label{color:var(--color-white);font-size:18px;font-weight:700}.total-hours{color:var(--color-green);font-size:32px;font-weight:700}.confidence-range{background:var(--color-grey);border-radius:6px;margin-bottom:24px;padding:12px;text-align:center}.confidence-range small{color:var(--color-darkWhite);font-size:13px}.cta-primary{background:var(--color-green);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(177,227,93,.3);color:var(--color-dark);cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s;width:100%}.cta-primary:hover{background:#a0d34d;box-shadow:0 4px 12px rgba(177,227,93,.4);transform:translateY(-1px)}.cta-primary:active{transform:translateY(0)}.cta-helper{color:var(--color-darkWhite);font-size:13px;margin-bottom:0;margin-top:12px;text-align:center}.capture-modal{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);background:rgba(2,5,10,.95);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:var(--color-lightDark);border:2px solid var(--color-grey);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.5);max-height:90vh;max-width:520px;overflow-y:auto;padding:48px 40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-icon{align-items:center;background:rgba(177,227,93,.1);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.modal-content h3{color:var(--color-white);font-size:28px;font-weight:700;margin-bottom:16px;text-align:center}.modal-description{color:var(--color-darkWhite);font-size:16px;line-height:1.6;margin-bottom:32px;text-align:center}.modal-description strong{color:var(--color-green);font-weight:600}.trust-badges{background:var(--color-grey);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px;padding:20px}.trust-item{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.trust-icon{font-size:24px}.trust-item span:last-child{color:var(--color-darkWhite);font-size:13px;font-weight:500}.form-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-group label{color:var(--color-white);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=email],.form-group input[type=text]{background:var(--color-dark);border:2px solid var(--color-grey);border-radius:8px;box-sizing:border-box;color:var(--color-white);font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-group input[type=email]::placeholder,.form-group input[type=text]::placeholder{color:var(--color-darkWhite);opacity:.6}.form-group input[type=email]:focus,.form-group input[type=text]:focus{border-color:var(--color-green);box-shadow:0 0 0 3px rgba(177,227,93,.1);outline:none}.form-group input[type=email]:invalid:not(:placeholder-shown),.form-group input[type=text]:invalid:not(:placeholder-shown){border-color:#ff4d4d}.form-actions{margin-bottom:16px}.btn-submit{align-items:center;background:var(--color-green);border:none;border-radius:8px;color:var(--color-dark);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s;width:100%}.btn-submit:hover{background:#a0d34d;box-shadow:0 4px 12px rgba(177,227,93,.4);transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{background:var(--color-grey);color:var(--color-darkWhite);cursor:not-allowed;transform:none}.btn-skip{background:transparent;border:none;color:var(--color-darkWhite);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:underline;transition:color .2s;width:100%}.btn-skip:hover{color:var(--color-white)}.privacy-note{align-items:flex-start;color:var(--color-darkWhite);display:flex;font-size:13px;gap:8px;line-height:1.6;margin-bottom:0;margin-top:24px;text-align:center}.privacy-note svg{flex-shrink:0;margin-top:2px}@media (max-width:1024px){.calculator-wrapper{grid-template-columns:1fr}.calculator-summary.sticky{margin-top:40px;position:static}.calculator-inputs h1{font-size:32px}.tier-selector{grid-template-columns:1fr}}@media (max-width:640px){.calculator-wrapper{padding:40px 16px}.calculator-inputs h1{font-size:28px}.subtitle{font-size:16px}.project-mode-selector{grid-template-columns:1fr}.mode-card{padding:16px}.mode-card h4{font-size:16px}.mode-card p{font-size:13px}.base-package{padding:20px}.page-builder-item{padding:16px}.module-item{align-items:flex-start;flex-direction:column;gap:12px}.module-controls{justify-content:space-between;width:100%}.page-name-input{font-size:16px;max-width:180px}.total-hours{font-size:28px}.calculator-summary{padding:24px}.calculator-summary h3{font-size:20px}.total-label{font-size:16px}.cta-primary{font-size:15px;padding:14px 20px}.tier-selector{grid-template-columns:1fr}.modal-content{padding:40px 24px}.modal-content h3{font-size:24px}.modal-description{font-size:15px}.trust-badges{gap:12px;grid-template-columns:1fr}.trust-item{flex-direction:row;justify-content:center}.trust-icon{font-size:20px}.form-row{gap:20px;grid-template-columns:1fr}.form-row .form-group{margin-bottom:0}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--color-grey);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--color-green);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a0d34d}