.instantHowItWorks{background:#f9fafb;.instantHowItWorksShell{width:var(--container);margin:0 auto;padding:56px 0}.instantHowItWorksHeader{display:grid;gap:16px;justify-items:center;margin:0 auto 40px;text-align:center}.instantHowItWorksTitle{margin:0;color:#101828;font-size:2rem;line-height:1.15;font-weight:800;letter-spacing:-.03em}.instantHowItWorksBody{margin:0;color:#4a5565;font-size:1rem;line-height:1.6}.instantHowItWorksGrid{display:grid;gap:32px}.instantHowItWorksItem{display:grid;justify-items:center;gap:16px;text-align:center}.instantHowItWorksNumber{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;background:#101828;color:#fff;font-size:1.5rem;line-height:1;font-weight:700}.instantHowItWorksStepTitle{margin:0;color:#101828;font-size:1.25rem;line-height:1.4;font-weight:700;max-width:250px}.instantHowItWorksStepBody{margin:0;color:#4a5565;font-size:1rem;line-height:1.5;max-width:300px}}@media (min-width:768px){.instantHowItWorks{.instantHowItWorksShell{padding:64px 0}.instantHowItWorksTitle{font-size:2.25rem;line-height:1.25}.instantHowItWorksBody{font-size:1.125rem;line-height:1.625}.instantHowItWorksGrid{grid-template-columns:repeat(3,minmax(0, 1fr));gap:28px;align-items:start}}}@media (min-width:1024px){.instantHowItWorks{.instantHowItWorksShell{padding:64px 0 72px}.instantHowItWorksHeader{margin-bottom:48px}.instantHowItWorksGrid{gap:32px}}}.roofrEstimate{width:var(--container);margin:24px auto 56px;padding:24px;display:grid;justify-items:center;background:#f9fafb;border:2px solid #f3f4f6;border-radius:24px;overflow:hidden;iframe{display:block;width:100%;max-width:874px;height:clamp(600px, 80vw, 900px);border:0}}@media (min-width:768px){.roofrEstimate{margin-top:32px;margin-bottom:64px;padding:32px;iframe{height:clamp(640px, 70vw, 920px)}}}@media (min-width:1024px){.roofrEstimate{margin-top:40px;margin-bottom:72px}}.instantEstimateForm{display:none;background:#ffffff;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;.instantEstimateFormShell{width:var(--container);margin:0 auto;max-width:874px;padding:56px 0;display:grid;gap:16px}.instantEstimateFormCard{background:#f9fafb;border:2px solid #f3f4f6;border-radius:16px;padding:24px;display:grid;gap:24px}.instantEstimateFormHeader{display:flex;align-items:center;gap:12px}.instantEstimateFormIcon{width:32px;height:32px;flex:0 0 auto}.instantEstimateFormTitle{margin:0;color:#101828;font-size:1.5rem;line-height:1.33;font-weight:800;letter-spacing:-.03em}.instantEstimateFormForm{display:grid;gap:24px}.instantEstimateFormField{display:grid;gap:8px}.instantEstimateFormLabel{color:#101828;font-size:.875rem;line-height:1.43;font-weight:700}.instantEstimateFormInput,.instantEstimateFormSelect{width:100%;min-width:0;height:52px;padding:0 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#101828;font:inherit}.instantEstimateFormInput::placeholder{color:rgba(10,10,10,.5)}.instantEstimateFormSelect{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6c737f 50%),linear-gradient(135deg,#6c737f 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 2px),
      calc(100% - 16px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}.instantEstimateFormButton{width:100%;min-height:60px;border:0;border-radius:999px;background:#ff7f00;color:#fff;font:inherit;font-size:1.125rem;line-height:1.56;font-weight:700;cursor:pointer;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);transition:transform .18s ease,box-shadow .18s ease}.instantEstimateFormButton:hover{transform:translateY(-1px)}.instantEstimateFormNote{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;align-items:flex-start;gap:12px}.instantEstimateFormNoteIcon{width:20px;height:20px;flex:0 0 auto;margin-top:1px}.instantEstimateFormNoteBody{margin:0;color:#364153;font-size:.875rem;line-height:1.625}}@media (min-width:768px){.instantEstimateForm{.instantEstimateFormShell{padding:64px 0;gap:24px}.instantEstimateFormCard{padding:34px}.instantEstimateFormTitle{font-size:2rem;line-height:1.33}.instantEstimateFormNote{padding:16px 20px}}}@media (min-width:1024px){.instantEstimateForm{.instantEstimateFormShell{padding:64px 0 72px}.instantEstimateFormForm{gap:20px}}}