[id=CancellationPolicy]{& .legal{text-align:justify;width:min(100%,70ch);margin-inline:auto;padding-inline:1rem;& h2{text-align:center;margin-block-end:1rem}& .sub-heading{font-size:var(--fz-1);font-weight:600}& p+p{margin-block-start:1rem}}}.hero{place-items:center;display:grid;& .pitch{flex-direction:column-reverse;align-content:center;align-items:center;display:flex}& figure{margin-block-start:2.25rem;padding-inline:3rem;@container (width>=768px){width:clamp(22rem,18.4rem + 18cqi,40rem);padding-inline:0}}& h1{font-size:var(--fz-3);@container (width>=768px){font-size:var(--fz-4)}}& figcaption{font-size:var(--fz-n1)}& .head{width:clamp(200px,160px + 12.5cqi,400px)}}.about-intro{max-width:max-content;margin-inline:auto;& p{font-size:var(--fz-1)}& p:not(:last-of-type){margin-block-end:1.5rem}}.pillars{:has(>.container>&){background-color:var(--c-blue-100);text-align:center}gap:3rem;display:grid;@container (width>=768px){grid-template-columns:auto auto}@container (width>=992px){grid-template-columns:repeat(4,1fr)}& .pillar{flex-direction:column;align-items:center;gap:1.5rem;display:flex}& .icon{aspect-ratio:1;background-color:inherit;width:6rem;box-shadow:var(--shadow1);border-radius:.5rem;padding:1.5rem;display:grid}& .title{font-size:var(--fz-1);font-weight:400;line-height:2rem}& .description{color:oklch(55.1% .0234 264.36);max-width:296px;margin-inline:auto}}.team{max-width:max-content;margin-inline:auto;& .title{font-size:var(--fz-2);text-align:center;margin-block-end:4rem;font-weight:400}& .members{text-align:center;gap:4rem;display:grid;@container (width>=700px){grid-template-columns:repeat(3,1fr)}& img{border-radius:50%;max-width:200px;margin-block-end:1em;margin-inline:auto}& span{display:block}& .name{font-family:var(--ff-serif);font-weight:600}& .socials{justify-content:center;margin-block-start:1rem}}}.posts{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2rem;display:grid;@container (width>=900px){grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}&:empty:after{content:"Check back soon";color:var(--c-gray-200);font-size:var(--fz-3);text-align:center;padding-block-start:4rem;font-weight:800;display:block}& .post{padding:1rem;& a{color:inherit;display:block}& picture{aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden}& .banner{object-fit:cover;width:100%;height:100%;transition:scale .28s}& time{font-size:var(--fz-n1);color:var(--c-gray-400);font-weight:400}& .title{margin-block:1rem}& h3{background-image:linear-gradient(oklch(100% 0 0/0), oklch(100% 0 0/0)), linear-gradient(var(--c-blue-100), var(--c-blue-100));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 15px,0 15px;font-weight:400;transition:background-size .3s linear;display:inline}&:is(:hover,:focus-within){& .banner{scale:1.2}& h3{background-size:0 15px,100% 15px}}}& .tags{gap:1rem;margin-block-start:.5rem;display:flex;& li{background-color:var(--c-blue-100);border-radius:var(--radius);font-size:var(--fz-n1);padding:.25rem .5rem;font-weight:400}}}.welcome{background-color:var(--c-blue-100);padding-block-end:2rem;& .pitch{font-size:var(--fz-2);max-width:50ch;margin-inline-end:auto}}.fr-cta{width:90%;margin-inline:auto;@container (width>=768px){width:55%}& p:first-child{font-weight:400}& h2{margin-block:1rem;line-height:2.5rem}& a{background:inherit;width:100%;color:var(--c-gray-400);border-radius:var(--radius);outline:1px solid;margin-block-start:2rem;padding:.5rem 1rem;transition:color .5s;display:grid;&:is(:active,:hover){color:var(--theme)}@container (width>=768px){outline:2px solid;padding:1rem 2rem}}}[id=price-pitch]{& .kicker{text-align:center;margin-block-end:2rem}}.price-pitch{align-items:center;gap:3rem;display:grid;@container (width>=700px){grid-template-columns:repeat(2,1fr);gap:0}@container (width>=920px){gap:3rem}&>svg{width:70%;margin-inline:auto;@container (width>=920px){width:60%}}& h2{font-weight:400;& span{color:var(--c-gray-200)}}& p{font-size:var(--fz-1);margin-block:1.25rem;@container (width>=920px){margin-block:2rem}}& p:last-of-type{margin-block-end:2rem;@container (width>=920px){margin-block:3rem}}& .btn.alternate{width:max-content;margin-inline:auto;display:flex;@container (width>=900px){margin-inline:unset}}}.fr-checkout{text-align:center;padding-block:2rem 6rem;& .free-start,& .features{margin-block:4rem}& .price{font-size:var(--fz-2);max-width:unset;font-weight:700}& .unlock{row-gap:3rem;margin-block-start:1rem;display:grid;@container (width>=900px){grid-template-columns:1fr 1.4fr;align-items:start;column-gap:2rem}& .pitch{width:85%;height:max-content;color:var(--c-white);background:radial-gradient(96.93% 100% at 50% 87.75%, oklch(100% 0 0/.3) 0%, var(--ts30) 100%), linear-gradient(360deg, oklch(100% 0 0/.4) 0%, var(--ts40) 100%), var(--theme);background-blend-mode:multiply, multiply, normal;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3rem;margin-inline:auto;padding-block:4rem;display:flex;@container (width>=900px){padding-block:unset;border-radius:16px 0 0 16px;flex-direction:column;height:100%;margin-inline-start:0}& .btn.transparent:is(:hover,:focus-within){color:var(--c-white-hover)}}& .buy{& h2{font-family:var(--ff-serif)}}}& .email-error{text-align:left;font-size:var(--fz-n2);color:var(--c-red);height:16px;padding-inline-start:1rem}& .included-title{margin-block-start:4rem;@container (width>=768px){margin-block-start:8rem}}& .included{text-align:left;gap:2rem;margin-block:3rem;display:grid;@container (width>=768px){grid-template-columns:repeat(3,1fr)}@container (width>=992px){grid-template-columns:repeat(4,1fr)}& .icon-small{aspect-ratio:1;width:2.5em;margin-block-end:1rem;display:grid;& path{fill:var(--theme)}}& .feature{justify-self:center;max-width:296px}}& .desc{margin-block-end:1rem}& .add-email{grid-template-columns:1fr auto;align-items:center;column-gap:.25em;display:grid;& .btn.alternate{align-items:center;padding:.5em .5em .5em .1em;display:flex;& svg{width:1.75em;display:inline-block}}}& .summary-edit{grid-template-columns:1fr auto auto;align-items:baseline;column-gap:.5em;margin-block-end:3rem;display:grid}& .email-count{font-weight:700;font-size:var(--fz-1);text-align:left}& .order-summary{padding-block-end:3rem;& label{margin-block-start:2rem;display:block}& label>span{padding-inline-start:1rem}}& .cost-summary{grid-template-columns:1fr 6rem;align-items:center;padding-inline:.5rem;display:grid;&:not(:first-of-type){margin-block-start:1.5rem}&:has(.accounts){min-height:6rem;padding-block:2rem}& .accounts{font-size:var(--fz-n1);text-align:left;overflow-y:auto;&:empty:after{content:"No accounts added";color:var(--c-red);text-align:left;padding-block-start:1rem;display:block}}&.product{font-weight:700;font-size:var(--fz-n1);& span:first-of-type{text-align:left}& .product-details{align-items:center;column-gap:1rem;display:flex;& span{text-align:left;display:block}}& .product-price{color:var(--c-gray-400);font-weight:400}& .product-icon{width:52px}}& .count{font-weight:700}& .plu{font-size:var(--fz-n2)}}& table{table-layout:auto;margin-block:1.5rem;margin-inline-start:auto;& td{text-align:right;padding-block:.5rem}& [data-label=Amount]{white-space:nowrap;width:max-content;padding-inline:3rem 2rem;font-weight:700}& .total{font-weight:700}}}dialog[id=spinner]{color:var(--theme);box-shadow:none;background-color:#0000;place-items:center;width:100svw;height:100svh;padding:0;inset:0;&[open]{display:grid}& div{background-color:inherit;width:max-content;font-size:var(--fz-1);place-items:center;font-weight:700;display:grid}& svg{width:var(--fz-5);stroke:var(--theme);& circle{stroke-width:2px}}}.fr-order{text-align:center;& .free-start,& .features{margin-block:4rem}& .price{font-size:var(--fz-2);max-width:unset}& .order{max-width:800px;margin-block-end:3rem;margin-inline:auto}& .email-error{text-align:left;font-size:var(--fz-n2);color:var(--c-red);height:16px;padding-inline-start:1rem}& .included-title{margin-block-start:5rem;@container (width>=768px){margin-block-start:10rem}}& .add-email{margin-block-start:6rem;& .desc{margin-block-end:1rem}& .email{grid-template-columns:1fr auto;align-items:center;column-gap:.25em;display:grid;& .btn.alternate{align-items:center;padding:.5em .5em .5em .1em;display:flex;& svg{width:1.75em;display:inline-block}}}}& .summary-edit{grid-template-columns:1fr auto auto;align-items:baseline;column-gap:.5em;margin-block:4rem 3rem;display:grid;& .clear-all:is(:hover,:focus-visible){color:var(--c-red)}}& .email-count{font-weight:700;font-size:var(--fz-1);text-align:left}& .cost-summary{grid-template-columns:1fr 6rem;align-items:center;padding-inline:.5rem;display:grid;&:not(:first-of-type){margin-block-start:1.5rem}&:has(.accounts){min-height:6rem;padding-block:2rem}& .accounts{font-size:var(--fz-n1);text-align:left;overflow-y:auto;&:empty:after{content:"No accounts added";color:var(--c-red);text-align:left;padding-block-start:1rem;display:block}}&.product{font-size:var(--fz-n1);& .product-name{font-size:var(--fz-0)}& .product-details{align-items:center;column-gap:1rem;display:flex;& span{text-align:left;display:block}}& .product-price{color:var(--c-gray-400);font-weight:400}& .product-icon{width:52px}}& .count{font-weight:700}& .plu{font-size:var(--fz-n2)}}& table{table-layout:auto;margin-block:1.5rem;margin-inline-start:auto;& td{text-align:right;padding-block:.5rem}& [data-label=Amount]{white-space:nowrap;width:max-content;padding-inline:3rem 2rem;font-weight:700}& .total{font-weight:700}}& .checkout{& label{margin-block-end:2rem;display:block}& label>span{padding-inline-start:1rem}& .btn.primary{background-color:var(--secondary);justify-content:center;width:16.4502em;height:3.7031em;&.pending{column-gap:1.5rem;&:is(:hover,:focus-within){& svg{transform:translate(0)}}}}}}dialog[id=emails-edit]{border-radius:12px;width:90%;max-width:1100px;@container (width>=992px){width:80%}& nav{grid-template-columns:1fr auto;align-items:center;margin-block-end:1rem;font-weight:700;display:grid}& .add-email{margin-block-start:0}& .dash{gap:3rem;margin-block:3rem;display:grid;@container (width>=768px){grid-template-columns:repeat(2,1fr)}}& .email-list{grid-template-columns:1fr auto;align-items:center;margin-block-start:.5rem;margin-inline-end:1.5rem;display:grid}& .btn.icon:is(:hover,:focus-visible),& .btn.icon-text:is(:hover,:focus-visible){color:var(--c-red);outline:none}& ul{max-height:350px;overflow-y:scroll;&:empty:after{content:"No accounts added";color:var(--c-red);text-align:center;padding-block-start:4rem;display:block}}& .list-header{border-bottom:1px solid var(--c-gray-200);justify-content:space-between;align-items:baseline;padding-block-end:.25em;display:flex;& .sums{color:var(--c-gray-300);font-weight:800;font-size:var(--fz-1);column-gap:1rem;display:flex}}& .art{font-size:var(--fz-n2);margin-block-end:3rem}& .hline{color:var(--c-gray-300);margin-block:1.5rem;padding-inline:1rem;font-weight:700;display:block;&:after,&:before{content:"     ";text-decoration:line-through}}& .file-icons{& span{aspect-ratio:1;width:4rem;color:var(--c-gray-300);display:inline-block}}& .file-icons+span{text-wrap:pretty;width:56%;margin-inline:auto;display:block;@container (width>=992px){width:45%}}& .continue{grid-template-columns:1fr auto;margin-inline-end:2rem;display:grid;& button{grid-column:2/3}}& .tooltip{position-area:bottom center}& .tipped:is(:hover,:focus-visible)~.tooltip{visibility:visible}}.fr-faqs{& header{text-align:center;& p{margin-inline:auto}}}.faq-list{margin-block-start:3rem;& details{border-bottom:1px solid var(--border1);padding-inline-end:1rem;&::details-content{transition-behavior:allow-discrete;block-size:0;transition-property:block-size,content-visibility;transition-duration:.3s;overflow:hidden}&[open]{padding-block-end:1rem}&[open]::details-content{block-size:auto}}& summary{cursor:pointer;justify-content:space-between;align-items:center;padding-block:1rem;font-weight:500;display:flex;&:hover{color:var(--theme)}}& .expand-icon{transition:transform .3s ease-in}& details[open] .expand-icon{transform:rotate(180deg)}& .answer p:not(:first-of-type){margin-block-start:1em}& table{table-layout:fixed;width:100%;margin-block:1.5rem;& thead{text-align:left}& th{padding-block:1rem}}}.contact{text-align:center;& .btn.primary{margin-block:1.5em}}.fr-features{justify-content:center;gap:4rem;display:grid;@container (width>=768px){grid-template-columns:auto auto}& .feature{grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;display:grid}& .icon{aspect-ratio:1;place-items:center;width:4rem;display:grid}& .title{font-size:var(--fz-1);margin-block-end:.5rem;font-weight:500}}[id=fr-hero]>.container{--m:max(20px, 50cqw - 1400px/2)}.fr-hero{flex-direction:column-reverse;gap:3rem;display:flex;@container (width>=920px){flex-direction:row;justify-content:space-between;align-items:center}& .star-count{flex-direction:column;justify-content:center;margin-block-end:2rem;@container (width>=920px){justify-content:unset;flex-direction:row}}& .pitch{text-align:center;margin-inline:auto;& .break{display:none}@container (width>=700px){max-width:80%;& .break{display:inline}}@container (width>=920px){text-align:unset;margin-inline:unset;max-width:50%}}& .landing-img{max-width:90%;margin-inline:auto;@container (width>=700px){max-width:75%}@container (width>=920px){margin-inline:unset;max-width:48%}}& .headline{font-size:var(--fz-4);text-wrap:pretty;font-weight:300}& .explainer{font-size:var(--fz-1);margin-block:1.5em 2.5em}& .cta{gap:1rem;width:max-content;margin-inline:auto;display:flex;@container (width>=700px){gap:2rem}@container (width>=920px){width:unset;margin-inline:unset}}}.fr-how{gap:4rem;display:grid;@container (width>=700px){grid-template-columns:1fr 1fr;align-items:center;gap:6rem}& .icon{justify-self:center;width:70%}& .btn.alternate{width:max-content;margin-block-start:2.5rem}& .fw-desc{display:grid}& a,& h2{margin-inline:auto;@container (width>=700px){margin-inline:unset}}}.how-its-used{& .kicker,& h2{text-align:center}& h2{font-weight:inherit;text-wrap:pretty;margin-block:1.5rem 2rem;@container (width>=700px){margin-block:2rem 3rem}}& .tab-menu{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline mandatory;border-bottom:1px solid var(--border1);grid-auto-columns:max-content;grid-auto-flow:column;column-gap:1.5rem;scroll-padding-inline:1.5rem;display:grid;overflow-x:auto;@container (width>=700px){justify-content:center;column-gap:2.5rem}& .btn{text-wrap:nowrap;letter-spacing:.05px;scroll-snap-align:start;background-color:#0000;border-radius:0;padding-block:1em;&:is(:hover,:focus-visible){outline:none}&.selected{border-bottom:3px solid;font-weight:600}}}& .showcases{grid-template:"image""explain"/auto;gap:3rem;margin-block-start:3rem;display:grid;@container (width>=700px){align-items:center;gap:unset;grid-template:"explain image"/1fr 1fr;margin-block-start:4rem}@container (width>=920px){grid-template:"explain image"/1fr 2fr}}& .case{grid-area:explain;& h4:not(:first-of-type){margin-block-start:2rem}& .emp{font-weight:500}& p{line-height:1.75;&:not(:last-of-type){margin-block-end:.5rem}}}}[id=pricing]{& .kicker{text-align:center;margin-block-end:3rem;margin-inline:auto}}.pricing{flex-direction:column;row-gap:2rem;display:flex;@container (width>=700px){flex-direction:row;justify-content:space-between;align-items:center}& .tier{border-radius:var(--radius);row-gap:2rem;padding:2rem;display:grid;@container (width>=700px){padding:3rem 1rem}@container (width>=920px){padding:3rem 1.5rem}}& .free,& .enterprise{box-shadow:var(--shadow1);@container (width>=700px){box-shadow:none}}& .free:hover,& .enterprise:hover{box-shadow:var(--shadow1)}& .standard{box-shadow:var(--shadow3);position:relative;& .popular{background-color:var(--secondary);width:max-content;font-size:var(--fz-n2);letter-spacing:1px;color:var(--c-white);border-radius:var(--radius);margin-inline:auto;padding:.25rem .5rem;font-weight:500;display:block;position:absolute;inset-block-start:0;inset-inline:0;transform:translateY(-50%)}}& .icon{color:var(--theme);width:var(--fz-3)}& .price{font-family:var(--ff-mono);font-weight:700;font-size:var(--fz-2);& span{font-family:var(--ff-sans);font-size:var(--fz-n1);font-weight:300}}& .description{padding-block:2rem;& p{line-height:1.75}}}.fr-policies{& h2{text-align:center}& .policies{flex-direction:column;justify-content:center;gap:1rem;margin-block-start:1.5rem;display:flex;@container (width>=768px){flex-direction:row;gap:3rem}}& a{color:inherit;font-size:var(--fz-2);font-weight:500;display:block;&:is(:hover,:focus-visible){text-underline-offset:6px;text-decoration:underline}}& .key{color:var(--theme)}}[id=pricing-hero]{padding-block-end:0}.pricing-hero{& h1{text-align:center;font-weight:300;font-size:var(--fz-4);margin-block-end:.5em;& span{font-weight:700}}& p{text-align:center;margin-block-end:3rem;margin-inline:auto;font-weight:400;@container (width>=700px){margin-block-end:6rem}@container (width>=920px){margin-block-end:9rem}}& .star-count{flex-direction:column;justify-content:center;@container (width>=920px){flex-direction:row}& .bar{display:none;@container (width>=920px){display:unset}}}}[id=trusted-by]{& header{text-align:center;color:var(--c-gray-200)}& .trusted-by{flex-wrap:wrap;align-items:center;column-gap:2rem;display:flex}& img{max-width:150px;padding:1rem;@container (width>=700px){max-width:250px}@container (width>=920px){max-width:300px}&.proto{max-width:110px;@container (width>=700px){max-width:inherit}}}}.whats-included{& .included-title{text-align:center}& .included{text-align:left;gap:2rem;margin-block:3rem;display:grid;@container (width>=768px){grid-template-columns:repeat(3,1fr)}@container (width>=992px){grid-template-columns:repeat(4,1fr)}& .icon-small{aspect-ratio:1;width:2.5em;margin-block-end:1rem;display:grid;& path{fill:var(--theme)}}& .feature{justify-self:center;max-width:296px}}}[id=just-launched]{& .kicker{text-align:center}& .kicker svg{transition:scale 1s}& .kicker:hover svg{scale:1.5}& h2{text-wrap:pretty;justify-content:center;align-items:center;margin-block:1.5rem;display:flex;@container (width>=700px){column-gap:1rem;margin-block:2rem}& .icon{width:3em}}& .launch-icon{width:2.5em;color:var(--secondary);margin-inline-start:1rem;display:inline-block;@container (width>=900px){width:3em}}& .fr-desc{text-wrap:pretty;width:min(90%,600px);margin-inline:auto}& .intro-fr-features{text-align:left;gap:var(--fz-3);margin-block:3rem;display:grid;@container (width>=700px){grid-template-columns:repeat(2,max-content);justify-content:center}@container (width>=992px){grid-template-columns:repeat(3,max-content)}& .title{grid-template-columns:max-content 1fr;align-items:center;column-gap:8px;margin-block-end:1rem;font-weight:500;display:grid}& .icon-small{aspect-ratio:1;width:2em;& path{fill:var(--theme)}}& .feature{max-width:clamp(18.5rem,17.825rem + 3.375cqi,21.875rem);box-shadow:0 2px 6px 0 var(--ts25);border-radius:.5rem;justify-self:center;padding:1em}}& .more{width:max-content;margin-inline:auto}}[id=home-hero]{@container (width>=900px){padding-block:8rem 10rem}&>.container{--m:max(20px, 50cqw - 1400px/2)}}.home-hero{flex-direction:column-reverse;gap:3rem;display:flex;@container (width>=920px){flex-direction:row;align-items:center;gap:12rem}& .pitch{text-align:center;& .break{display:none;@container (width>=700px){display:inline}}@container (width>=920px){text-align:unset;max-width:50%}}& .headline{font-size:var(--fz-4);font-weight:inherit;text-wrap:pretty;margin-block-start:2rem;margin-block-end:unset}& .explainer{font-size:var(--fz-1);margin-block:2em}& .cta{column-gap:.5rem;width:max-content;margin-inline:auto;display:flex;@container (width>=920px){width:unset;margin-inline:unset;column-gap:2rem}}& .fr-logo{width:8rem;margin-inline:auto;@container (width>=920px){margin-inline:unset}}& .viewbox{cursor:pointer;justify-content:center;padding-block:6rem;display:grid;position:sticky}& .card{--clr:oklch(61.9303% .2049 263.378);@media (color-gamut:p3){--clr:oklch(62% .2075 263.67)}background-color:var(--clr);border-radius:25px;grid-area:1/1;width:clamp(250px,204px + 14.375cqi,480px);height:clamp(250px,204px + 14.375cqi,480px);padding:24px;transition:transform 2s,z-index 2s,background-color 2s;@container (width>=700px){padding:35px}&.second{--clr:oklch(60% .1945 16.16)}&.third{--clr:oklch(68% .1961 307.54)}&.fourth{--clr:oklch(71% .2251 339)}& .sub{font-size:var(--fz-0);text-transform:uppercase;letter-spacing:2px;font-weight:400}& .content{font-size:var(--fz-2);place-items:center;height:100%;font-weight:700;display:grid;@container (width>=900px){font-size:var(--fz-3)}& span{width:68%;display:block}}}}[id=trusted-by-mini]{& header{text-align:center;color:var(--c-gray-200);& h2{font-size:var(--fz-0)}}& .trusted-by-mini{align-items:center;column-gap:1.25rem;display:flex;@container (width>=920px){column-gap:2rem}scrollbar-width:none;scroll-snap-type:x mandatory;anchor-name:--trusted;overflow-x:auto;&::scroll-button(left){content:"";position-area:inline-start center;background-image:url(/icons/left.svg);inset-inline-end:-16px;@container (width>=920px){inset-inline-end:0}}&::scroll-button(right){content:"";position-area:inline-end center;background-image:url(/icons/right.svg);inset-inline-start:-16px;@container (width>=920px){inset-inline-start:0}}&::scroll-button(*){position-anchor:--trusted;background-position:50%;background-repeat:no-repeat;background-size:36px 36px;border-width:0;border-radius:50%;width:36px;height:36px;padding:0;position:absolute}&::scroll-button(*):disabled{display:none}&::scroll-button(*):focus-visible{outline-offset:5px}&>li{scroll-snap-align:start;scroll-snap-stop:always}}& img{filter:grayscale();max-width:150px;padding:1rem;&.proto{max-width:80px}}}.apps{grid-template-columns:1.4fr 1fr 1fr;column-gap:2rem;margin-block:3rem;display:grid;& .fr{grid-auto-flow:column;gap:2rem;display:grid;& .app-image{background:var(--radial);border-radius:8px;width:150px;height:243px;& img{border-radius:0 0 var(--radius) 0;width:90%;margin-block-start:14px;margin-inline-start:auto}}& p{font-size:var(--fz-n1);margin-block:2em}& .btn.transparent{font-size:var(--fz-n1)}}& .intro{gap:1rem}& .quick-links{row-gap:.5rem;padding-inline-start:4rem;display:grid;& a{color:inherit;font-size:var(--fz-n1);align-items:center;column-gap:1em;display:flex;&:is(:hover,:focus-within){color:var(--theme);outline:none}}& .icon{aspect-ratio:1;width:2em;display:block}}}.main-footer{color:oklch(71.07% .0023 17.21);font-size:var(--fz-n1);--footer-white:oklch(97.05% .0142 254.6);background:radial-gradient(96.93% 100% at 50% 87.75%, oklch(100% 0 0/.3) 0%, var(--ts30) 100%), linear-gradient(360deg, oklch(100% 0 0/.4) 0%, var(--ts40) 100%), var(--c-dark);background-blend-mode:multiply, multiply, normal;grid-area:foot;padding-block:4rem 3rem;font-weight:400;@container (width>=992px){padding-block-start:6rem}& .logo{width:100px}& .footer{border-bottom:1px solid oklch(from var(--footer-white) l c h / 20%);grid-template-columns:repeat(2,1fr);gap:4rem;margin-block-end:2rem;padding-block-end:2rem;display:grid;@container (width>=768px){grid-template-columns:repeat(4,1fr);column-gap:2rem}}& p{color:var(--footer-white);font-size:var(--fz-n1);letter-spacing:1.3px;text-transform:uppercase;margin-block-end:1rem}& a{color:inherit;&:hover{text-underline-offset:4px;text-decoration:underline}&.active{color:var(--footer-white)}}& li+li{margin-block-start:.5rem}& .footer-bottom{font-size:var(--fz-n1);flex-direction:column-reverse;place-items:center;gap:1.5rem;display:flex;@container (width>=576px){flex-direction:row;justify-content:space-between}& .company{flex-direction:column;align-items:center;gap:1.5rem;display:flex;@container (width>=576px){flex-direction:row}}& .logo{display:inline-block}& .socials{gap:1.75rem;& a{width:1.25rem}& a:has(.youtube){width:28px}}}}.nubiit-header{height:var(--header-height);background-color:inherit;z-index:10;grid-area:head;grid-template-columns:auto 1fr auto;grid-template-areas:"logo.mobile";align-items:center;padding-inline:1rem;transition-property:translate,box-shadow;transition-duration:.28s;display:grid;position:fixed;inset:0 0 auto;translate:0;&.hide{translate:0 -100%}&.scrolled{box-shadow:var(--shadow0)}@container (width>=768px){grid-template-areas:"logo navi mobile";padding-inline:2rem}& .header-logo{width:90px;color:inherit;grid-area:logo;display:block;&:is(:hover,:focus-visible){opacity:.65}@container (width>=750px){width:108px}}& .desktop{grid-area:navi;place-items:center;font-weight:500;display:none;@container (width>=700px){display:grid}}& .main-navigation{align-items:center;column-gap:2rem;display:flex;@container (width>=920px){column-gap:3rem}& .main-link{color:inherit;transition:all .28s;&:hover,&:focus-visible{text-underline-offset:8px;outline:none;text-decoration:underline 2px}&.active{text-underline-offset:18px;text-decoration:underline 4px}}}& .dropdown-menu,& [id=search][popover]{width:100svw;visibility:hidden;block-size:0;box-shadow:var(--shadow0);background-color:var(--body-bg);transition-behavior:allow-discrete;border:0;padding-block:1rem 2rem;transition:display .4s,block-size .4s,visibility .4s;inset-block-start:var(--header-height);inset-inline:0;overflow:hidden;&:popover-open{visibility:visible;block-size:max-content;display:grid;@starting-style{block-size:0}}}& .dropdown-btn{appearance:none;background-color:inherit;cursor:pointer;border:0;align-items:center;padding:.5em 1em;font-family:inherit;display:flex;&:focus-visible{outline-color:var(--c-dark)}}& .expand-icon{transition:transform .28s cubic-bezier(.35,0,.25,1)}& .dropdown-btn:has(+[id=apps-menu][popover]:popover-open) .expand-icon{transform:rotate(180deg)}& .sub-nav{grid-area:mobile;column-gap:1rem;display:flex;@container (width>=1024px){column-gap:2rem}& .btn.icon{width:var(--fz-3)}& .mobile-menu{display:inline-grid;@container (width>=1024px){display:none}}& .btn.primary{padding:.5em 1em;display:none;@container (width>=1024px){display:inline-flex}}}& .search-nav{display:flex}& .btn.icon.search{transition:rotate .3s;rotate:0deg;&:has(+[id=search][popover]:popover-open){rotate:90deg}}& div[id=search]{& form{padding-block-end:1.5rem}& label{box-shadow:0 2px 0 0 var(--c-dark);align-items:center;display:flex;&:focus-within{box-shadow:0 2px 0 0 var(--theme)}& input[type=search]{&::-webkit-search-decoration{appearance:none}&::-webkit-search-cancel-button{appearance:none}&::-webkit-search-results-button{appearance:none}&::-webkit-search-results-decoration{appearance:none}border:0;outline:0;width:100%;padding-block:.5rem;font-style:italic;display:block;&::placeholder{color:oklch(81.41% 0 0)}}& .btn.icon{width:40px;height:40px}}}& .blog-search{font-family:var(--ff-serif);font-size:var(--fz-n1);&:empty:after{content:"No post matched \"" attr(data-search) "\"";padding-block-start:1rem;display:block}& li:not(:last-of-type){margin-block-end:.75rem}& a:is(:hover,:focus-visible){& .title{text-decoration-color:inherit}}& .title{font-family:var(--ff-sans);color:var(--theme);text-underline-offset:3px;text-decoration:underline;text-decoration-color:oklch(from var(--theme) l c h / 25%)}& time{letter-spacing:1.2px;font-weight:600;font-family:var(--ff-sans);text-transform:uppercase;font-size:.75em}& .teaser{font-size:var(--fz-n2);color:var(--c-gray-400)}}}[id=mobile-menu]{color:var(--c-white);background:radial-gradient(96.93% 100% at 50% 87.75%, oklch(100% 0 0/.3) 0%, var(--ts30) 100%), linear-gradient(360deg, oklch(100% 0 0/.4) 0%, var(--ts40) 100%), var(--c-dark);background-blend-mode:multiply, multiply, normal;width:100svw;height:100svh;padding:0;& header{height:var(--header-height);justify-content:space-between;align-items:center;padding-inline:1rem;display:flex;@container (width>=750px){padding-inline:2rem}}& .header-logo{width:90px;color:var(--c-white);display:block;@container (width>=750px){width:108px}&:is(:hover,:focus-visible){color:var(--c-white-hover)}}& .btn.icon{width:28px;&:is(:hover,:focus-visible){color:var(--c-red)}@container (width>=950px){margin-inline-end:14px}}& a:not(.socials a){color:var(--c-white-hover);font-size:var(--fz-4);transition:color .28s;&:is(:hover,:focus-visible){color:var(--c-white)}}& nav{margin-block-start:4rem;padding-inline:2.5em 0}& .get-in-touch{max-width:max-content;margin-block-start:4rem;margin-inline:auto}& .kicker{text-align:center;margin-block-end:var(--fz-1)}& .socials{justify-content:space-between;margin-block-start:var(--fz-2);& a{width:var(--fz-1);color:var(--secondary);&:hover{color:inherit}}& a:has(.youtube){width:var(--fz-2)}}}.blog-page{& article{max-width:75ch;margin-inline:auto}& h1{font-size:var(--fz-4)}& h2,& h3,& h4{margin-block:3rem 1rem}& strong{font-weight:500}& a{color:var(--theme)}& main img{margin-block:1.5rem}& .published{font-size:var(--fz-n1);color:var(--c-gray-400);margin-block-end:8px}& table{table-layout:auto;border-spacing:2ch 1ch;width:100%;margin-block-end:1rem;margin-inline:auto;font-size:.875rem;& thead{text-align:left}& th{padding-block:1rem}}& .authors{font-family:var(--ff-serif);font-size:var(--fz-n2);gap:1.5rem;display:flex;& p{font-weight:600}}& h2{font-size:var(--fz-2);margin-block:1.5rem}& h3{font-size:var(--fz-1)}& main{& p{margin-block-end:1rem}& ul{margin-block-end:1.5rem;list-style:inside}}& footer{border-top:1px solid var(--c-gray-200);margin-block-start:2rem;padding-block:1.5rem}& .name{font-weight:600}& .author-details{font-size:var(--fz-n1);flex-direction:column;row-gap:1rem;display:flex;&:not(:last-of-type){margin-block-end:2rem}&:not(:first-of-type){border-top:1px solid var(--c-gray-200);padding-block-start:1.5rem}& .bio-head{font-family:var(--ff-serif);grid-template-columns:auto 1fr;align-items:center;display:grid}& img{width:var(--fz-5);aspect-ratio:1;border-radius:50%;margin-right:10px}& .bio{max-width:60ch;margin-block-start:.5rem}& .socials{margin-block-start:.5rem;& a{width:1.25rem}}}}.pager{border-top:1px solid var(--c-gray-200);padding:2rem 1rem;@container (width>=500px){grid-template-columns:auto 1fr auto;align-items:center;display:grid}& a{border:1px solid var(--c-gray-200);color:inherit;border-radius:var(--radius);padding:4px 8px;font-weight:400;display:block;@container (width>=500px){width:20ch}}& span{font-size:var(--fz-n2);letter-spacing:1px;color:oklch(67.64% 0 0);text-transform:uppercase}& .next{text-align:right;grid-column:3/4;margin-block-start:1rem}}.fr-side-nav{& .fr-logo{width:7rem;margin-block:3rem}& li:not(:last-of-type){border-block-end:1px solid var(--c-gray-200)}& li:not(:first-of-type){padding-block:.5rem}& a{color:inherit;&.active{font-weight:700}}}.fr-pages{grid-template:"aside""content"/auto;margin-block:3rem;display:grid;@container (width>=768px){grid-template:"aside content"/max-content 3fr;margin-block:6rem}& aside{grid-area:aside;display:none;@container (width>=700px){margin-inline-end:3rem;display:block}}& .page{grid-area:content}& .fr-menu{display:flex;@container (width>=500px){display:none}& .btn.icon{aspect-ratio:unset;width:unset;column-gap:4px;font-size:.875rem;display:flex}& span:first-child{aspect-ratio:1;width:1.5rem}}& [id=fr-mobile-menu]{width:70svw;height:100svh;padding:1rem;inset-inline:0 auto;& .fr-logo{width:5rem}& nav{grid-template-columns:1fr auto;display:grid}& ul{margin-block-start:1rem}& .btn.icon{grid-column:2/3}}& .updated{font-size:var(--fz-n1);margin-block-start:1rem;@container (width>=920px){margin-block-start:0;margin-inline-start:4rem}& span{color:oklch(69.287% .034 267.848)}}& .guide{margin-block:1rem 2rem;@container (width>=920px){margin-inline-start:4rem}& h1{font-size:var(--fz-3);margin-block-end:.65em}& p,& ol,& ul{margin-block-end:2rem;line-height:1.75}& p:has(.icon){text-align:center}& img{margin-block:1.5rem}& ul{margin-block-end:3rem;padding-inline-start:1.5rem;list-style:outside}& code{color:var(--c-red);font-size:.875rem;font-weight:400}& .icon{aspect-ratio:1;background-color:inherit;width:6rem;box-shadow:var(--shadow1);border-radius:.5rem;padding:1.5rem;display:inline-block}& a{color:var(--theme);&:hover{text-underline-offset:4px;text-decoration:underline}}}}.legal-page{padding-block:6rem;& header{text-align:center;margin-block-end:2rem;& time{font-weight:400}}& ul{margin-block-end:2rem;list-style-type:disc;list-style-position:inside}& ul,& ol{max-width:70ch}& h2,& h3,& h4{max-width:784px}& ul,& ol,& h2,& h3,& h4,& p{margin-inline:auto}& .container p:not(.kicker){margin-block-end:2rem}& .sub-heading{text-transform:uppercase;font-weight:600}& table{table-layout:fixed;width:70ch;margin-block-end:1rem;margin-inline:auto;& thead{text-align:left}& th{padding-block:1rem}}& a{color:var(--theme)}& li>a{text-underline-offset:3px;text-decoration:underline;text-decoration-color:oklch(from var(--theme) l c h / 25%);&:is(:hover,:focus-visible){text-decoration-color:inherit}}}.unlock-error{text-align:center;& p{font-size:var(--fz-1);max-width:650px;margin-block:2rem;margin-inline:auto}& .message{font-size:var(--fz-2);color:var(--c-red);font-weight:600}& .actions{margin-block:3rem 0}}.order-success{padding-block:2rem 6rem;& .result{text-align:center;& h2{font-size:var(--fz-2)}& p{max-width:50ch;margin-inline:auto}& .review-pitch{max-width:650px;box-shadow:0 2px 8px 0 var(--theme);border-radius:12px;margin-block:2.5rem;margin-inline:auto;padding:2.5rem;line-height:1.75}& .primary{margin-inline-start:3rem}}}[id=contact]{& header{width:80%;margin-block-end:2rem;margin-inline:auto;@container (width>=1024px){width:unset;margin-block-end:0}}& .our-contacts{grid-template:"mail""addr"/auto;row-gap:3em;display:grid;@container (width>=900px){grid-template:"addr mail"/1fr 1fr}& .kicker{width:max-content;margin-block-end:1.5rem;margin-inline:auto;display:none;@container (width>=900px){margin-block-end:2rem;display:block}}& ul{grid-area:addr;gap:3rem;width:80%;margin-block-start:3rem;margin-inline:auto;display:grid;@container (width>=700px){grid-template-columns:1fr 1fr}@container (width>=1024px){width:unset;margin-inline:unset}& .head{align-items:center;column-gap:1.5rem;margin-block-end:1rem;font-weight:600;display:flex}& .icon{aspect-ratio:1;width:36px}& a{color:var(--theme)}}& .message{grid-area:mail;justify-self:center;width:80%;@container (width>=920px){width:100%}}& form{gap:1em;display:grid;@container (width>=920px){grid-template-columns:1fr 1fr}& select{border:1px solid var(--c-gray-200);border-radius:var(--radius);background-color:inherit;margin-block-end:1em;padding:8px;&::picker-icon{color:var(--theme);padding-inline:8px;transition:rotate .4s}&:open::picker-icon{rotate:180deg}&:focus-visible{outline:2px solid var(--theme)}& option{padding-block:8px;&:hover{background-color:var(--c-gray-200)}}}& select,& ::picker(select){appearance:base-select}& ::picker(select){background-color:var(--c-white);box-shadow:var(--shadow1);border:0}& .fd{background-color:var(--body-bg);font-size:var(--fz-n1);opacity:0;transition:opacity .28s var(--ease);padding-inline:4px;position:absolute;top:-12px;left:1em}& label{display:block;position:relative;&:has(input:not(:placeholder-shown)),&:has(textarea:not(:placeholder-shown)){& .fd{opacity:1}}&:has(input[placeholder=Company\*]){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}&:has(textarea){@container (width>=920px){grid-column:1/3}}}& .btn.primary{justify-content:center;justify-self:center;align-items:center;width:9.2276em;height:3.75em;display:inline-flex;@container (width>=920px){grid-column:1/3}}& .form-error{font-size:var(--fz-n2);color:var(--c-red);height:16px;margin-block-start:4px;margin-inline-start:1rem}}& .response{& p{margin-block-end:1em}& code{color:var(--secondary)}}}}.support-header{background-color:var(--c-blue-100);text-align:center}.support-knowledge{grid-template:"icon""desc"/auto;gap:4rem;display:grid;@container (width>=900px){grid-template:"desc icon"/1fr 1fr;align-items:center;gap:6rem}& .description{grid-area:desc}& .support-icon{filter:grayscale(95%);grid-area:icon;justify-self:center;width:25rem}& ul{margin-block-start:3rem}& li{border-bottom:1px solid;padding:.75em}& li:first-of-type{border-top:1px solid}& a{color:inherit;font-weight:600;&:hover{color:var(--theme)}}}.still-need{text-align:center;& svg{width:clamp(16rem,14.8rem + 6cqi,22rem);margin-inline:auto}& h2{max-width:16ch;margin-inline:auto}& button{margin-block-start:2rem}}.faq-category{& .kicker{font-size:var(--fz-1)}& .spinner{stroke:var(--theme);margin-inline:auto}}.spinner-wrapper{place-items:center;width:100%;height:100%;display:grid;& svg{width:var(--fz-3);stroke:var(--theme)}}.star-count{text-transform:uppercase;align-items:center;column-gap:1rem;font-weight:500;display:flex;& .stars{display:flex}& .user-count{letter-spacing:2px}& .countries{text-transform:none}}@font-face{font-family:Aleo;font-weight:100 900;font-display:swap;src:url(/fonts/aleo-latin-vf.woff2)format("woff2-variations")}@font-face{font-family:Roboto Mono;font-weight:100 700;font-display:swap;src:url(/fonts/roboto-mono-latin-vf.woff2)format("woff2-variations")}@font-face{font-family:Noto Sans;font-weight:100 900;font-stretch:62.5% 100%;font-display:swap;src:url(/fonts/noto-sans-latin-vf.woff2)format("woff2-variations")}*,:before,:after{box-sizing:border-box}*{margin:0}ul[role=list],ol[role=list]{list-style:none}body,header,footer,main,section,article{container-type:inline-size}html{scrollbar-gutter:stable}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-block-size:100svh;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption{text-wrap:pretty;max-width:70ch}@property --c-white{syntax:"<color>";inherits:true;initial-value:oklch(100% 0 0)}@property --c-white-hover{syntax:"<color>";inherits:true;initial-value:oklch(100% 0 0/.7)}@property --c-gray-400{syntax:"<color>";inherits:true;initial-value:oklch(59.99% 0 0)}@property --c-gray-300{syntax:"<color>";inherits:true;initial-value:oklch(87.92% 0 0)}@property --c-gray-200{syntax:"<color>";inherits:true;initial-value:oklch(90.97% 0 0)}@property --c-gray-100{syntax:"<color>";inherits:true;initial-value:oklch(96.7% .003 264.542)}@property --c-red{syntax:"<color>";inherits:true;initial-value:oklch(72.46% .1377 21.03)}@property --c-blue-400{syntax:"<color>";inherits:true;initial-value:oklch(72.52% .1499 237.51)}@property --c-dark{syntax:"<color>";inherits:true;initial-value:oklch(16.69% .0213 275.16)}@property --c-blue-100{syntax:"<color>";inherits:true;initial-value:oklch(93.19% .0316 255.59)}@property --theme{syntax:"<color>";inherits:true;initial-value:oklch(49.38% .2199 261.464)}@property --secondary{syntax:"<color>";inherits:true;initial-value:oklch(56% .1313 59.42)}@property --success{syntax:"<color>";inherits:true;initial-value:oklch(68.72% .1674 138.8)}@property --header-height{syntax:"<length>";inherits:false;initial-value:86px}@property --radius{syntax:"<length>";inherits:true;initial-value:6px}:root{color-scheme:light;interpolate-size:allow-keywords;accent-color:light-dark(var(--theme),var(--secondary));& ::selection{background-color:var(--c-dark);color:var(--c-white)}--body-bg:light-dark(var(--c-white),oklch(35.62% 0 102.07));--radial:radial-gradient(circle, var(--theme) 0%, var(--c-blue-100) 100%);--fz-n2:clamp(.64rem, .6273rem + .0635cqi, .7035rem);--fz-n1:clamp(.8rem, .7725rem + .1377cqi, .9377rem);--fz-0:clamp(1rem, .95rem + .25cqi, 1.25rem);--fz-1:clamp(1.25rem, 1.1668rem + .4163cqi, 1.6663rem);--fz-2:clamp(1.5625rem, 1.4308rem + .6586cqi, 2.2211rem);--fz-3:clamp(1.9531rem, 1.7516rem + 1.0076cqi, 2.9607rem);--fz-4:clamp(2.4414rem, 2.1404rem + 1.5053cqi, 3.9467rem);--fz-5:clamp(3.0518rem, 2.6099rem + 2.2092cqi, 5.2609rem);--ff-serif:aleo, serif;--ff-sans:"Noto Sans", system-ui;--ff-mono:"Roboto Mono", monospace;--ts10:oklch(0% 0 0/.1);--ts20:oklch(0% 0 0/.2);--ts25:oklch(0% 0 0/.25);--ts30:oklch(0% 0 0/.3);--ts40:oklch(0% 0 0/.4);--ts75:oklch(0% 0 0/.75);--shadow0:0px 5px 5px 0px var(--ts10);--shadow1:0px 1px 5px 1px var(--ts20);--shadow2:0px 5px 5px 2px var(--ts10);--shadow3:0px 1px 4px 1px var(--theme);--border1:light-dark(var(--c-gray-300),oklch(48.19% 0 102.07));--fill80:light-dark(var(--c-gray-400),oklch(63.94% .0293 237.86));--ease:cubic-bezier(.35, 0, .25, 1)}html{container-type:scroll-state}body{background-color:var(--body-bg);color:light-dark(var(--c-dark),var(--c-white));font-family:var(--ff-sans);font-weight:300;font-size:var(--fz-0);grid-template:"head""page"1fr"foot";display:grid}main{margin-top:var(--header-height);grid-area:page}h1,h2,h3,h4,h5,h6{font-family:var(--ff-serif)}h1{font-size:var(--fz-5);margin-block-end:.25em;line-height:calc(4px + 2ex)}h2{font-size:var(--fz-3);margin-block-end:.4em;line-height:calc(6px + 2ex)}h3,h4,h5,h6{margin-block-end:.65em;line-height:calc(4px + 2ex)}ul{padding:0;list-style:none}li{padding:0}a{text-decoration:none}input,textarea{background-color:inherit}section{padding-block:6rem}strong{font-weight:700}dialog{background-color:var(--c-white);max-width:100svw;max-height:100svh;box-shadow:0 2px 6px 0 var(--ts25);border:0;border-radius:0;margin:auto;padding:1.5rem;&:focus-visible{outline:none}}dialog::backdrop{background:oklch(from var(--theme) l c h / 15%)}dialog,dialog::backdrop{transition:display .3s allow-discrete, overlay .3s allow-discrete, opacity .3s;opacity:0}dialog[open],dialog[open]::backdrop{opacity:1;@starting-style{opacity:0}}p>a{color:var(--theme);text-underline-offset:3px;text-decoration:underline;text-decoration-color:oklch(from var(--theme) l c h / 25%);&:is(:hover,:focus-visible){text-decoration-color:inherit}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:.3s both fade}@keyframes fade{0%{opacity:0}to{opacity:1}}.container{--m:max(20px, 50cqw - 1280px/2);margin-inline:var(--m)}.full-bleed{--m:max(20px, 50cqw - 1280px/2);margin-inline:calc(-1 * var(--m))}.arrow-right,.arrow-left,.arrow-out{align-items:center;column-gap:.5rem;display:inline-flex;& svg{transition:transform .28s}}.arrow-right:is(:hover,:focus-within){& svg{transform:translate(5px)}}.arrow-left:is(:hover,:focus-within){& svg{transform:translate(-5px)}}.arrow-out:is(:hover,:focus-within){& svg{transform:translate(5px,-5px)}}.tooltip{visibility:hidden;width:max-content;color:var(--c-white);z-index:1;background-color:oklch(32.11% 0 0);border-radius:5px;padding:.75ch 1.5ch;font-size:.65rem;position:absolute}.kicker{text-transform:uppercase;letter-spacing:2px;color:var(--secondary);font-weight:500}.alert{font-size:var(--fz-0);border-radius:var(--radius);border:1px solid;margin-block-end:2rem;padding:.75em 1.25rem;font-weight:400;@container (width>=900px){width:max-content}& svg{width:48px;height:48px}}.alert-error{color:oklch(61.07% .22 29.8);border-color:inherit;background-color:oklch(99.7% 0 0);& p{margin-block:1rem}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.socials{align-items:center;gap:1rem;display:flex;& a{width:1.5rem;color:inherit;display:inline-block;&:hover{color:var(--theme)}}}[id=not-found]{text-align:center;margin-block-start:6rem;& p{margin-block-start:1.5rem;margin-inline:auto}& .not{color:var(--c-gray-200);font-size:clamp(4rem,3.2rem + 4cqi,8rem);font-weight:800}}.nu-input{border-radius:var(--radius);outline:2px solid var(--c-gray-200);border:0;width:100%;padding:.5rem;display:block;&::placeholder{color:oklch(81.41% 0 0)}&:focus-visible{outline-color:var(--theme)}& .error{outline-color:var(--c-red)}}.spinner{transform-origin:50%;width:30px;animation:2s linear infinite spinner-zkoa;& circle{stroke-linecap:round;animation:1.5s ease-in-out infinite spinner-ypzs}}dialog[id=toast-dialog]{box-shadow:0 4px 12px var(--ts25);aspect-ratio:1;width:90%;max-width:480px;padding:1rem 1.5rem;animation:.3s ease-out fade-in;@container (width>=992px){aspect-ratio:16/9}& form{justify-content:center;row-gap:1.5rem;display:grid}& [id=toast-state]{width:48px;margin-block-end:.5rem;margin-inline:auto;display:none}& [id=toast-message]{margin-block-end:1.5rem}& .dashboard{grid-template-columns:auto 1fr;align-items:center;display:grid}& [id=toast-countdown]{width:max-content;color:var(--c-gray-400);text-align:center;font-size:.5rem}& .timer{font-size:1rem}& .toast-actions{text-align:right;grid-column:2/3}& button{border-radius:var(--radius);padding:.25em .85em;font-weight:600;display:none;&#toast-cancel-btn{background-color:var(--c-gray-200)}&#toast-next-btn{background-color:var(--theme);color:var(--c-white)}}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner-zkoa{to{transform:rotate(360deg)}}@keyframes spinner-ypzs{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16px}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59px}}.btn{appearance:none;border-radius:var(--radius);white-space:preserve nowrap;cursor:pointer;border:0;padding:.75em 1.25em;font-weight:500;&.icon{background-color:inherit;aspect-ratio:1;width:1.5rem;color:inherit;place-items:center;padding:0;transition:color .3s;display:inline-grid;&:is(:hover,:focus-visible){color:var(--theme);outline:none}}&.icon-text{font-size:var(--fz-n2);background-color:inherit;color:inherit;padding:.25rem;transition:color .3s;&:is(:hover,:focus-visible){color:var(--theme);outline:none}& svg{width:var(--fz-3);margin-inline:auto}}&.small{font-size:var(--fz-n1);padding:.5em 1.25em}&.large{font-size:var(--fz-1);padding:.5em 1em}&.primary{background-color:var(--theme);color:var(--c-white);transition:color .28s;&:is(:hover,:focus-within){color:var(--c-white-hover);outline:none}&:disabled{background-color:oklch(from var(--theme) l 0 h);cursor:not-allowed}}&.transparent{color:inherit;background-color:#0000;outline:1px solid;transition:color .28s;&:is(:hover,:focus-within){color:var(--theme)}}&.alternate{background-color:var(--c-dark);color:var(--c-white);transition:color .28s;&:is(:hover,:focus-within){color:var(--c-white-hover);outline:none}&:disabled{pointer-events:none;cursor:not-allowed;color:var(--c-gray-200);background-color:oklch(78.89% 0 0)}}}