[data-astro-cid-4cchlugs][ui-section=hero]{display:flex;place-content:center;padding-block-start:calc(var(--spacing-64) * 2);.wrapper{width:600px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-24);position:relative;.announcement{font:var(--font-body-sm);border-radius:var(--radius-rounded);padding:var(--spacing-4) var(--spacing-8);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-4);width:max-content;>i{color:var(--color-primary)}}.heading{text-transform:capitalize;font:var(--font-display-lg);span{color:var(--color-primary)}}.description{font:var(--font-body-lg);color:var(--color-on-surface-variant)}.actions{display:flex;gap:var(--spacing-12);>[ui-slot=button]{min-width:150px}}[data-visual]{position:absolute;width:var(--spacing-64);height:var(--spacing-64);filter:blur(2px) opacity(.5);&[data-visual=primary]{inset-block-start:-30%}&[data-visual=secondary]{rotate:-15deg;inset-block-start:50%;inset-inline-start:-20%}&[data-visual=tertiary]{inset-block-start:50%;inset-inline-end:-20%}}}@media(max-width:769px){padding-block-start:var(--spacing-64);.wrapper{width:100%;.heading{font:var(--font-headline-lg)}[data-visual]{width:var(--spacing-48);height:var(--spacing-48);&[data-visual=primary]{inset-block-start:-20%}&[data-visual=secondary]{inset-block-start:10%;inset-inline-start:0%}&[data-visual=tertiary]{inset-block-start:10%;inset-inline-end:0%}}}}}[data-astro-cid-tjctsyre][ui-section=why-us]{display:grid;gap:var(--spacing-32);.head{display:flex;gap:var(--spacing-12);align-items:flex-end;justify-content:space-between;.headings{display:grid;gap:var(--spacing-8);.subtitle{font:var(--font-body-sm);border-radius:var(--radius-rounded);padding:var(--spacing-2) var(--spacing-8);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-4);width:fit-content;>i{color:var(--color-primary)}}.title{font:var(--font-headline-lg)}}.description{width:30%;text-wrap:auto;text-align:justify;color:var(--color-on-surface-variant)}}.core{display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest);.card{padding:var(--spacing-24);display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-24);.index{color:var(--color-primary)}.info{display:grid;gap:var(--spacing-4);.label{font:var(--font-title-md)}.detail{color:var(--color-on-surface-variant)}}}}@media(min-width:1024px){.core{.card{&:not(:first-child){border-inline-start:1px solid var(--color-surface-variant)}}}}@media(max-width:1024px){.head{align-items:flex-start;flex-direction:column;.description{width:100%;text-align:start;text-wrap:balance}}.core{grid-template-columns:repeat(2,1fr);.card{&:first-child,&:nth-child(2){border-block-end:1px solid var(--color-surface-variant)}&:nth-child(2n){border-inline-start:1px solid var(--color-surface-variant)}}}}@media(max-width:769px){.head{.headings{.title{font:var(--font-title-lg)}}}.core{grid-template-columns:1fr;.card{&:nth-child(3){border-block-end:1px solid var(--color-surface-variant)}&:nth-child(2n){border-inline-start:none}}}}}[data-astro-cid-olzvegmw][ui-section=how-it-works]{display:grid;gap:var(--spacing-32);grid-template-columns:repeat(2,1fr);.head{display:flex;gap:var(--spacing-12);flex-direction:column;.headings{display:grid;gap:var(--spacing-8);.subtitle{font:var(--font-body-sm);border-radius:var(--radius-rounded);padding:var(--spacing-2) var(--spacing-8);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-4);width:fit-content;>i{color:var(--color-primary)}}.title{font:var(--font-headline-lg)}}.description{width:80%;color:var(--color-on-surface-variant)}}.core{display:grid;overflow:hidden;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);.card{padding:var(--spacing-24);display:flex;gap:var(--spacing-24);justify-content:space-between;&:first-child{color:var(--color-on-primary-container);background-color:var(--color-primary-container)}&:nth-child(2){color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}&:last-child{color:var(--color-on-tertiary-container);background-color:var(--color-tertiary-container)}.content{display:flex;gap:var(--spacing-24);flex-direction:column;justify-content:space-between;.info{display:grid;gap:var(--spacing-4);.label{font:var(--font-title-md)}.detail{opacity:.8}}}.media{.visual{display:flex;flex-wrap:wrap;gap:var(--spacing-12);justify-content:center;.box{width:max-content;padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-rounded);background-color:var(--color-surface-container-lowest);display:flex;align-items:center;gap:var(--spacing-8);>svg{width:var(--spacing-24);height:var(--spacing-24)}}.accessibility{padding:var(--spacing-8);border-radius:var(--radius-rounded);background-color:var(--color-surface-container-lowest);display:flex;gap:var(--spacing-16);justify-content:space-between;width:110px;.type{text-align:center;font:var(--font-title-md)}&:last-child{.type{opacity:.3}}}}.theme{padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-rounded);background-color:var(--color-surface-container-lowest);display:flex;align-items:center;gap:var(--spacing-8);white-space:nowrap;--color-primary: var(--color-tertiary);--color-on-primary: var(--color-on-tertiary)}&:has(.theme){min-width:130px;max-width:130px}}}}@media(max-width:1024px){grid-template-columns:1fr;.head{.description{width:100%}}}@media(max-width:769px){.head{.headings{.title{font:var(--font-title-lg)}}}.core{.card{flex-direction:column}}}}[data-astro-cid-h4aoxtv7][ui-section=export]{display:grid;gap:var(--spacing-32);.head{display:flex;gap:var(--spacing-12);align-items:flex-end;justify-content:space-between;.headings{display:grid;gap:var(--spacing-8);.subtitle{font:var(--font-body-sm);border-radius:var(--radius-rounded);padding:var(--spacing-2) var(--spacing-8);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-4);width:fit-content;>i{color:var(--color-primary)}}.title{font:var(--font-headline-lg)}}.description{width:30%;text-wrap:auto;text-align:justify;color:var(--color-on-surface-variant)}}.core{overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-surface-variant);display:grid;grid-template-columns:repeat(2,1fr);.card{&:first-child,&:nth-child(2){border-block-end:1px solid var(--color-surface-variant)}&:nth-child(2n){border-inline-start:1px solid var(--color-surface-variant)}.format{padding:var(--spacing-16);border-block-end:1px solid var(--color-surface-variant);display:flex;align-items:center;justify-content:space-between}.content{position:relative;>*{height:100%;padding:var(--spacing-16);background-color:var(--color-surface-container-lowest)!important}&:before{content:"";width:100%;position:absolute;padding:var(--spacing-24);inset-block-end:var(--spacing-0);background-image:linear-gradient(to bottom,transparent,var(--color-surface-container-lowest))}}}}@media(max-width:1024px){.head{align-items:flex-start;flex-direction:column;.description{width:100%;text-align:start;text-wrap:balance}}}@media(max-width:769px){.head{.headings{.title{font:var(--font-title-lg)}}}.core{grid-template-columns:1fr;.card{&:nth-child(2n){border-inline-start:none}&:not(:last-child){border-block-end:1px solid var(--color-surface-variant)}}}}}[data-astro-cid-bczuevry][ui-section=showcase]{display:grid;align-items:flex-end;grid-template-columns:30% 40% 30%;.card{padding:var(--spacing-24);border-radius:var(--radius-lg);margin-inline:-16px;&:first-child{height:120%;padding-block-end:var(--spacing-0);background-color:var(--color-secondary-container);.browser{height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background-color:var(--color-surface-container-lowest);.nav{padding:var(--spacing-16);border-block-end:1px solid var(--color-surface-variant);.dots{display:flex;gap:var(--spacing-4);.dot{clip-path:circle();width:var(--spacing-10);height:var(--spacing-10);background-color:var(--color-secondary);&:nth-child(2){opacity:.6}&:last-child{opacity:.3}}}}.preview{flex:2;padding:var(--spacing-16);display:flex;align-items:center;justify-content:center;gap:var(--spacing-16);position:relative;.lines{display:grid;gap:var(--spacing-8);flex:2;[ui-slot=skeleton]{width:100%;height:var(--spacing-16);&:last-child{width:70%}}}>[ui-slot=skeleton]{&:first-child{width:var(--spacing-48);height:var(--spacing-48)}}}}}&:nth-child(2){position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--spacing-48);background-color:var(--color-primary-container);.value{border-radius:var(--radius-rounded);padding:var(--spacing-4) var(--spacing-8);color:var(--color-primary);background-color:var(--color-surface-container-lowest);display:flex;align-items:center;gap:var(--spacing-6);position:relative;&:before{content:"";position:absolute;width:1.5px;height:var(--spacing-48);left:50%;inset-block-start:100%;transform:translate(-50%) rotate(15deg);background-color:var(--color-surface-container-lowest)}.color{width:12px;height:12px;clip-path:circle();margin-inline:-2px;background-color:var(--color-primary)}&:nth-child(2):before{transform:translate(-50%) rotate(-15deg)}}}&:last-child{background-color:var(--color-tertiary-container);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-24);height:80%;.type{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-rounded);background-color:var(--color-surface-container-lowest);>svg{width:var(--spacing-24);height:var(--spacing-1246)}}}}@media(max-width:1024px){display:flex;align-items:normal;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow:scroll hidden;scroll-snap-type:x mandatory;.card{height:auto!important;margin-inline:var(--spacing-0);min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;&:first-child{order:99}}}}[data-astro-cid-yf3k6owk][ui-section=faq]{display:grid;gap:var(--spacing-32);grid-template-columns:repeat(2,1fr);.head{display:flex;gap:var(--spacing-12);flex-direction:column;.headings{display:grid;gap:var(--spacing-8);.subtitle{font:var(--font-body-sm);border-radius:var(--radius-rounded);padding:var(--spacing-2) var(--spacing-8);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-4);width:fit-content;>i{color:var(--color-primary)}}.title{font:var(--font-headline-lg)}}.description{width:80%;color:var(--color-on-surface-variant)}}@media(max-width:1024px){grid-template-columns:1fr;.head{.description{width:100%}}}@media(max-width:769px){.head{.headings{.title{font:var(--font-title-lg)}}}}}[data-astro-cid-uimctu4t][ui-section=cta]{.core{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-12);.heading{text-transform:capitalize;font:var(--font-display-md);span{color:var(--color-primary)}}.description{font:var(--font-body-lg);color:var(--color-on-surface-variant)}.actions{display:flex;gap:var(--spacing-12);justify-content:center;margin-block-start:var(--spacing-12);>[ui-slot=button]{min-width:150px}}@media(max-width:769px){.heading{font:var(--font-headline-lg)}}}}