.heroContainer{text-align:center;background:linear-gradient(135deg, var(--color-bg) 0%, color-mix(in srgb, var(--color-oikos-blue) 5%, var(--color-bg)) 100%);flex-direction:column;justify-content:center;align-items:center;padding:5rem 1.5rem;display:flex}.heroContent{max-width:56rem;margin-left:auto;margin-right:auto}.heroLabel{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.75rem;font-weight:600;line-height:1rem}@media (width>=640px){.heroLabel{font-size:.875rem;line-height:1.25rem}}.heroLabel{color:var(--color-oikos-signature)}.heroTitle{letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.25rem;font-weight:800;line-height:2.5rem}@media (width>=640px){.heroTitle{font-size:3rem;line-height:1}}@media (width>=768px){.heroTitle{font-size:4.5rem;line-height:1}}.heroTitle{color:var(--color-text)}.heroHighlight{color:#6d28d9;transition:color .3s}.heroLogo{vertical-align:baseline;width:auto;height:3em;margin-left:.1em;display:inline-block}@media (width<=767px){.heroLogo{height:12rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.heroSubtitle{max-width:42rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.75rem}@media (width>=640px){.heroSubtitle{font-size:1.25rem;line-height:1.75rem}}@media (width>=768px){.heroSubtitle{font-size:1.5rem;line-height:2rem}}.heroSubtitle{color:var(--color-text-secondary)}.heroCtaGroup{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.heroTrust{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.5rem;display:flex}.trustChip{background-color:color-mix(in srgb, var(--color-oikos-signature) 10%, var(--color-surface));color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-oikos-signature) 20%, var(--color-border));border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.trustChip:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--color-oikos-signature) 25%, transparent);transform:translateY(-2px)}.trustCheck{color:var(--color-oikos-signature);font-weight:700}.heroPrimaryBtn{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (width>=640px){.heroPrimaryBtn{padding-left:2rem;padding-right:2rem}}.heroPrimaryBtn{background-color:#5b21b6}.heroPrimaryBtn:hover{background-color:var(--color-oikos-signature);transform:translateY(-2px);box-shadow:0 8px 25px #6d28d959}.heroSecondaryBtn{border:2px solid var(--color-border);color:var(--color-text-secondary);border-radius:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.heroSecondaryBtn:hover{border-color:var(--color-oikos-blue);color:var(--color-oikos-blue);transform:translateY(-2px)}.featuresContainer{max-width:80rem;margin-left:auto;margin-right:auto;padding:5rem 1.5rem}.mainTitle{text-align:center;margin-bottom:1rem;font-size:1.875rem;font-weight:800;line-height:2.25rem}@media (width>=768px){.mainTitle{font-size:3rem;line-height:1}}.mainTitle{color:var(--color-text)}.mainSubtitle{text-align:center;max-width:42rem;color:var(--color-text-secondary);margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.75rem}.sectorCard{border-radius:1.5rem;margin-bottom:3rem;padding:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (width>=768px){.sectorCard{padding:2.5rem}}.sectorCard{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a}.sectorCard:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.sectorHeader{border-bottom:1px solid var(--color-border);align-items:center;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.sectorIcon{border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.875rem;line-height:2.25rem;display:flex}.sectorTitle{font-size:1.5rem;font-weight:700;line-height:2rem}@media (width>=768px){.sectorTitle{font-size:1.875rem;line-height:2.25rem}}.sectorTitle{color:var(--color-text)}.featuresGrid{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid}@media (width>=768px){.featuresGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.featuresGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.featureItem{flex-direction:column;display:flex}.featureTitle{color:var(--color-text);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;display:flex}.featureDesc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.625}.pricingContainer{max-width:80rem;margin-left:auto;margin-right:auto;padding:5rem 1.5rem}.pricingGrid{grid-template-columns:repeat(1,minmax(0,1fr));align-items:flex-start;gap:2rem;display:grid}@media (width>=768px){.pricingGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pricingCard{border-radius:1.5rem;flex-direction:column;padding:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}@media (width>=768px){.pricingCard{padding:2rem}}.pricingCard{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a}.pricingCard:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.pricingCardHighlight{border:2px solid var(--color-oikos-signature);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));position:relative}@media (width>=768px){.pricingCardHighlight{--tw-translate-y:-1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.pricingCardHighlight{box-shadow:0 4px 20px color-mix(in srgb, var(--color-oikos-signature) 20%, transparent)}.priceTitle{color:var(--color-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.priceSubtitle{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem}.priceAmount{color:var(--color-text);margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1}.pricePeriod{color:var(--color-text-secondary);font-size:1.125rem;font-weight:400;line-height:1.75rem}.priceFeatures{flex-grow:1;margin-top:1.5rem;margin-bottom:2rem}.priceFeatures>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.priceFeatures{border-top:1px solid var(--color-border);padding-top:1.5rem}.featureItem{color:var(--color-text-secondary);align-items:flex-start;display:flex}.checkIcon{color:var(--color-oikos-signature);margin-right:.75rem;font-weight:700}.ctaPricing{text-align:center;border-radius:.75rem;width:100%;padding-top:.75rem;padding-bottom:.75rem;font-weight:600;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btnBasic{color:var(--color-text);background-color:color-mix(in srgb, var(--color-text) 8%, var(--color-surface))}.btnBasic:hover{background-color:color-mix(in srgb, var(--color-text) 15%, var(--color-surface))}.btnPro{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:var(--color-oikos-signature)}.btnPro:hover{box-shadow:0 4px 15px color-mix(in srgb, var(--color-oikos-signature) 40%, transparent);background-color:#5b21b6}.faqContainer{max-width:56rem;margin-left:auto;margin-right:auto;padding:5rem 1.5rem}.faqHeader{text-align:center;margin-bottom:3rem}.faqTitle{margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}@media (width>=768px){.faqTitle{font-size:2.25rem;line-height:2.5rem}}.faqTitle{color:var(--color-text)}.faqSubtitle{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.75rem}.faqList>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.faqItem{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.faqItem:hover{transform:translate(4px);box-shadow:0 8px 25px #0000000f}.faqQuestion{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.75rem;display:flex}@media (width>=768px){.faqQuestion{font-size:1.25rem;line-height:1.75rem}}.faqQuestion{color:var(--color-text)}.faqAnswer{color:var(--color-text-secondary);line-height:1.625}.contactContainer{max-width:42rem;margin-left:auto;margin-right:auto;padding:5rem 1.5rem}.contactHeader{text-align:center;margin-bottom:3rem}.contactTitle{margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}@media (width>=768px){.contactTitle{font-size:2.25rem;line-height:2.5rem}}.contactTitle{color:var(--color-text)}.contactSubtitle{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.75rem}.contactForm{flex-direction:column;gap:1.5rem;display:flex}.fieldGroup{flex-direction:column;gap:.375rem;display:flex}.fieldLabel{color:var(--color-text);font-size:.875rem;font-weight:600;line-height:1.25rem}.required{color:var(--color-oikos-signature)}.fieldInput{outline-offset:2px;background-color:var(--color-surface);width:100%;color:var(--color-text);border:1.5px solid var(--color-border);border-radius:.75rem;outline:2px solid #0000;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fieldInput::placeholder{color:var(--color-text-secondary);opacity:.6}.fieldInput:focus{border-color:var(--color-oikos-signature);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-oikos-signature) 20%, transparent)}.fieldInput.isInvalid{border-color:#dc2626}.fieldInput.isInvalid:focus{box-shadow:0 0 0 3px #dc262626}.fieldTextarea{resize:vertical;min-height:120px}.fieldError{color:#dc2626;min-height:1em;font-size:.75rem;line-height:1rem;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.contactSubmit{background-color:var(--color-oikos-signature);color:#fff;cursor:pointer;border:none;border-radius:.75rem;width:100%;padding-top:.875rem;padding-bottom:.875rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contactSubmit:hover:not(:disabled){box-shadow:0 8px 25px color-mix(in srgb, var(--color-oikos-signature) 35%, transparent);background-color:#5b21b6;transform:translateY(-2px)}.contactSubmit:active:not(:disabled){transform:translateY(0)}.contactSubmit:disabled{opacity:.7;cursor:not-allowed}.btnText{align-items:center;gap:.5rem;display:inline-flex}.isSending .btnText{display:none}.btnLoading{justify-content:center;align-items:center;gap:.5rem;display:none}.isSending .btnLoading{display:inline-flex}.btnLoading svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.contactSuccess{background-color:color-mix(in srgb, #16a34a 10%, var(--color-surface));color:#16a34a;border:1px solid color-mix(in srgb, #16a34a 30%, var(--color-border));border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:none}.contactSuccess svg{flex-shrink:0}.contactSuccess.isVisible{display:flex}.isSubmitted .contactSubmit{display:none}
