.heroContainer{background:linear-gradient(135deg, var(--color-bg) 0%, color-mix(in srgb, var(--color-oikos-blue) 5%, var(--color-bg)) 100%);will-change:transform;padding:5rem 1.5rem}.heroInner{flex-direction:column;align-items:center;gap:3rem;max-width:80rem;margin-left:auto;margin-right:auto;display:flex}@media (width>=1024px){.heroInner{text-align:left;flex-direction:row;align-items:center;gap:3rem}}.heroContent{flex:1;animation:.9s ease-out both heroIn}@media (width<=1023px){.heroContent{text-align:center}}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.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:var(--color-oikos-signature);transition:color .3s}.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;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)}@media (width<=1023px){.heroSubtitle{margin-left:auto;margin-right:auto}}.heroCtaGroup{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=1023px){.heroCtaGroup{justify-content:center}}.heroTrust{flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;display:flex}@media (width<=1023px){.heroTrust{justify-content:center}}.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:var(--color-oikos-signature)}.heroPrimaryBtn:hover{background-color:color-mix(in srgb, var(--color-oikos-signature) 85%, #000);box-shadow:0 8px 25px color-mix(in srgb, var(--color-oikos-signature) 35%, transparent);transform:translateY(-2px)}.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)}.heroMockup{flex-shrink:0;animation:.9s ease-out .2s both heroIn}.mockupFrame{background-color:var(--color-surface);border:3px solid var(--color-border);border-radius:2rem;width:280px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000026,0 4px 12px #00000014}@media (width>=640px){.mockupFrame{width:320px}}@media (width>=1024px){.mockupFrame{border-width:4px;border-radius:2.5rem;width:360px}}.mockupImage{width:100%;height:auto;display:block}.howContainer{max-width:64rem;margin-left:auto;margin-right:auto;padding:5rem 1.5rem}.howTitle{text-align:center;margin-bottom:1rem;font-size:1.875rem;font-weight:800;line-height:2.25rem}@media (width>=768px){.howTitle{font-size:3rem;line-height:1}}.howTitle{color:var(--color-text)}.howSubtitle{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}.howSteps{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid;position:relative}@media (width>=768px){.howSteps{grid-template-columns:repeat(3,minmax(0,1fr))}}.howStep{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.stepNumber{background-color:var(--color-oikos-signature);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;line-height:1.75rem;transition:transform .4s;display:flex}.howStep.is-visible .stepNumber{animation:.5s both stepPop}@keyframes stepPop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.stepIcon{margin-bottom:.75rem;font-size:2.25rem;line-height:2.5rem}.stepTitle{color:var(--color-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.stepDesc{max-width:20rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.625}.stepConnector{display:none}@media (width>=768px){.stepConnector{background:linear-gradient(90deg, var(--color-oikos-signature) 0%, color-mix(in srgb, var(--color-oikos-signature) 30%, transparent) 100%);z-index:1;transform-origin:0;width:calc(100% - 5rem);height:2px;transition:transform .8s;display:block;position:absolute;top:2rem;left:calc(50% + 2.5rem);transform:scaleX(0)}}.stepConnector.is-animated{transform:scaleX(1)}.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}.whyContainer{max-width:80rem;margin-left:auto;margin-right:auto;padding:5rem 1.5rem}.whyTitle{text-align:center;margin-bottom:1rem;font-size:1.875rem;font-weight:800;line-height:2.25rem}@media (width>=768px){.whyTitle{font-size:3rem;line-height:1}}.whyTitle{color:var(--color-text)}.whySubtitle{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}.whyGrid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (width>=640px){.whyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.whyGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.whyCard{text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:1.5rem;padding:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.whyCard:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.whyIcon{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem}.whyCardTitle{color:var(--color-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.whyCardDesc{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}.pricingTitle{margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}@media (width>=768px){.pricingTitle{font-size:2.25rem;line-height:2.5rem}}.pricingTitle{color:var(--color-text)}.pricingSubtitle{max-width:42rem;color:var(--color-text-secondary);margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.75rem}.priceBadge{text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--color-oikos-signature);border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem;position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.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{background-color:color-mix(in srgb, var(--color-oikos-signature) 85%, #000);box-shadow:0 4px 15px color-mix(in srgb, var(--color-oikos-signature) 40%, transparent)}.paymentMethods{text-align:center;margin-top:3rem}.paymentLabel{color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.paymentIcons{justify-content:center;align-items:center;gap:1rem;display:flex}.paymentIcon{opacity:.6;font-size:1.5rem;line-height:2rem;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.paymentIcon:hover{opacity:1}.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[open],.faqItem:hover{box-shadow:0 8px 25px #0000000f}.faqQuestion{cursor:pointer;gap:.5rem;font-size:1.125rem;font-weight:700;line-height:1.75rem;list-style-type:none}@media (width>=768px){.faqQuestion{font-size:1.25rem;line-height:1.75rem}}.faqQuestion{color:var(--color-text);justify-content:space-between;align-items:center;display:flex}.faqQuestion::-webkit-details-marker{display:none}.faqIcon{width:1.5rem;height:1.5rem;color:var(--color-oikos-signature);flex-shrink:0;position:relative}.faqIcon:before,.faqIcon:after{content:"";background-color:currentColor;border-radius:1px;width:1.25rem;height:2px;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faqIcon:after{transform:translate(-50%,-50%)rotate(90deg)}.faqItem[open] .faqIcon:after{transform:translate(-50%,-50%)rotate(0)}.faqAnswer{color:var(--color-text-secondary);margin-top:.75rem;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){background-color:color-mix(in srgb, var(--color-oikos-signature) 85%, #000);box-shadow:0 8px 25px color-mix(in srgb, var(--color-oikos-signature) 35%, transparent);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}.footerCtaContainer{text-align:center;background-color:color-mix(in srgb, var(--color-oikos-signature) 8%, var(--color-bg));padding:5rem 1.5rem}.footerCtaTitle{margin-bottom:1rem;font-size:1.875rem;font-weight:800;line-height:2.25rem}@media (width>=768px){.footerCtaTitle{font-size:2.25rem;line-height:2.5rem}}.footerCtaTitle{color:var(--color-text)}.footerCtaSubtitle{max-width:42rem;color:var(--color-text-secondary);margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.75rem}.footerCtaBtn{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--color-oikos-signature);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);display:inline-block}.footerCtaBtn:hover{background-color:color-mix(in srgb, var(--color-oikos-signature) 85%, #000);box-shadow:0 8px 25px color-mix(in srgb, var(--color-oikos-signature) 35%, transparent);transform:translateY(-2px)}.stickyCta{z-index:40;background-color:color-mix(in srgb, var(--color-surface) 95%, transparent);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);pointer-events:none;padding:.75rem 1.5rem;transition:transform .4s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #00000014}.stickyCta.is-visible{pointer-events:auto;transform:translateY(0)}.stickyCtaInner{justify-content:space-between;align-items:center;gap:1rem;max-width:56rem;margin-left:auto;margin-right:auto;display:flex}.stickyCtaText{color:var(--color-text);font-size:.875rem;font-weight:600;line-height:1.25rem}.stickyCtaBtn{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--color-oikos-signature);border-radius:.5rem;flex-shrink:0;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.stickyCtaBtn:hover{background-color:color-mix(in srgb, var(--color-oikos-signature) 85%, #000);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.stickyCta{transition:none}}