@layer global,page;@layer component{.features{background:oklch(from var(--color-iron).96 c h/alpha);width:100%}.features>div{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-block:4rem;padding-inline:2rem;display:flex}.features>div h2{text-align:center;font-family:var(--font-playfair-display);font-size:clamp(var(--font-md),7vw,var(--font-lg));letter-spacing:-.0775rem;font-weight:400}.features>div h2 span{color:var(--color-primary)}.features>div p{font-family:var(--font-inter);color:oklch(from var(--color-iron).52 c h/alpha);text-align:center;font-size:clamp(var(--font-sm),3.5vw,var(--font-base));max-width:clamp(20rem,80%,50rem)}.features>div ol{grid-template-columns:1fr;gap:2rem;list-style-type:none;display:grid}.features>div ol li{height:100%}@media screen and (width>=64rem){.features>div ol{grid-template-columns:repeat(2,1fr)}}@media screen and (width>=96rem){.features>div ol{grid-template-columns:repeat(4,1fr)}}}
@layer global,page;@layer component{.icon{background:var(--color-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.icon svg{color:var(--color-white)}.icon[data-size=md]{width:3rem;height:3rem}.icon[data-size=md] svg{width:1.5rem;height:1.5rem}.icon[data-size=sm]{width:2rem;height:2rem}.icon[data-size=sm] svg{width:1rem;height:1rem}}
@layer global,page;@layer component{.card-item{background:var(--color-white);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;height:100%;padding:2rem;display:flex}.card-item h3{font-family:var(--font-inter);color:var(--color-iron);font-weight:400;font-size:var(--font-base)}.card-item figcaption{font-family:var(--font-inter);color:oklch(from var(--color-iron).58 c h/alpha);font-size:var(--font-sm)}}
@layer global;@layer page{.homepage{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.homepage .badge{border-radius:var(--radius-full);width:fit-content;font-family:var(--font-raleway);text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.0675rem;color:var(--color-iron);background:oklch(from var(--color-iron).96 c h/alpha);padding-block:.25rem;padding-inline:1rem;font-weight:400}}
@layer global,page;@layer component{.header{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-block:4rem;display:flex}.header>h1{text-align:center;font-family:var(--font-playfair-display);font-size:clamp(var(--font-md),10vw,var(--font-xl));letter-spacing:-.0775rem;font-weight:400}.header>h1 span{color:var(--color-primary)}.header>p:not(.badge){font-family:var(--font-inter);color:oklch(from var(--color-iron).56 c h/alpha);text-align:center;font-size:clamp(var(--font-sm),3.5vw,var(--font-base));max-width:clamp(20rem,80%,50rem)}.header>a{cursor:pointer;font-family:var(--font-inter);font-size:clamp(var(--font-sm),3.5vw,var(--font-base));color:var(--color-white);background-color:var(--color-primary);border-radius:var(--radius-base);padding-block:.625rem;padding-inline:3rem;text-decoration:none;transition:background-color .1s ease-in-out}.header>a:hover{background-color:oklch(from var(--color-primary)calc(l - .05)c h/alpha)}.header>a:focus-visible{outline-offset:.125rem;outline:.175rem solid var(--color-primary)}}
@layer global,page;@layer component{.faq-item{width:100%}.faq-item button{text-align:left;font-family:var(--font-inter);color:var(--color-iron);font-weight:400;font-size:var(--font-base);appearance:none;border:none;border-bottom:.0625rem solid oklch(from var(--color-iron).9 c h/alpha);background-color:#0000;justify-content:space-between;width:100%;padding-block:1rem;padding-inline:.5rem;display:flex}.faq-item button svg{color:oklch(from var(--color-iron).58 c h/alpha);transition:transform .15s ease-in-out}.faq-item button[data-panel-open] svg{transform:rotate(180deg)}.faq-item button:focus-visible{outline:.125rem solid var(--color-primary);border-radius:var(--radius-base)}.faq-item div[role=region]{height:var(--accordion-panel-height);justify-content:flex-start;width:100%;transition:height .15s ease-in;display:flex;overflow:hidden}.faq-item div[role=region][data-starting-style],.faq-item div[role=region][data-ending-style]{height:0}.faq-item div[role=region] p{font-family:var(--font-inter);color:oklch(from var(--color-iron).58 c h/alpha);font-size:var(--font-sm);padding-block:1rem;padding-inline:.5rem}}
@layer global,page;@layer component{.faq{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.faq>h2{text-align:center;font-family:var(--font-playfair-display);font-size:clamp(var(--font-md),7vw,var(--font-lg));letter-spacing:-.0775rem;font-weight:400}.faq>h2 span{color:var(--color-primary)}.faq>p{font-family:var(--font-inter);color:oklch(from var(--color-iron).52 c h/alpha);text-align:center;font-size:clamp(var(--font-sm),3.5vw,var(--font-base));max-width:clamp(20rem,80%,50rem)}.faq>div[role=region]{flex-direction:column;justify-content:center;width:100%;max-width:100%;display:flex}@media screen and (width>=64rem){.faq>div[role=region]{max-width:75%}}@media screen and (width>=96rem){.faq>div[role=region]{max-width:65%}}}
@layer global,page;@layer component{.cta{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.cta>h2{text-align:center;font-family:var(--font-playfair-display);font-size:clamp(var(--font-md),7vw,var(--font-lg));letter-spacing:-.0775rem;font-weight:400}.cta>h2 span{color:var(--color-primary)}.cta>p{font-family:var(--font-inter);color:oklch(from var(--color-iron).52 c h/alpha);text-align:center;font-size:clamp(var(--font-sm),3.5vw,var(--font-base));max-width:clamp(20rem,80%,50rem)}.cta>article{border:.0625rem solid oklch(from var(--color-iron).9 c h/alpha);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.cta>article h3{font-family:var(--font-inter);color:var(--color-iron);font-weight:400;font-size:var(--font-base)}.cta>article p{font-family:var(--font-inter);color:oklch(from var(--color-iron).58 c h/alpha);font-size:var(--font-sm)}.cta>article ul{grid-template-columns:1fr;place-items:flex-start;gap:1rem;padding-block:1rem;list-style-type:none;display:grid}@media screen and (width>=48rem){.cta>article ul{grid-template-columns:repeat(2,1fr)}}.cta>article ul li{font-family:var(--font-inter);color:oklch(from var(--color-iron).45 c h/alpha);font-weight:400;font-size:var(--font-sm);justify-content:center;align-items:center;gap:.5rem;display:flex}.cta>article ul li svg{color:var(--color-primary);width:1rem;height:1rem}}
@layer global,page;@layer component{.cta-form{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;width:100%;display:flex}.cta-form label{font-family:var(--font-inter);color:oklch(from var(--color-iron).45 c h/alpha);font-weight:400;font-size:var(--font-sm)}.cta-form input{width:100%;font-size:1rem;font-family:var(--font-inter);border-radius:var(--radius-base);border:.0625rem solid oklch(from var(--color-iron).9 c h/alpha);background:oklch(from var(--color-iron).98 c h/alpha);padding:.5rem}.cta-form input:focus-visible{border-color:var(--color-primary);outline:none}.cta-form button{cursor:pointer;width:100%;font-family:var(--font-inter);font-size:clamp(var(--font-sm),3.5vw,var(--font-base));color:var(--color-white);background-color:var(--color-primary);border-radius:var(--radius-base);border:none;justify-content:center;align-items:center;padding-block:.625rem;padding-inline:3rem;line-height:1rem;transition:background-color .1s ease-in-out;display:flex}.cta-form button:hover{background-color:oklch(from var(--color-primary)calc(l - .05)c h/alpha)}.cta-form button:focus-visible{outline-offset:.125rem;outline:.175rem solid var(--color-primary)}.cta-form button svg{width:1rem;height:1rem}.cta-form button svg[data-spin=true]{animation:1s linear infinite spin}.cta-form p{max-width:20rem}}