@layer normalize,reset,app;@layer app{@layer global,components,utilities;}@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords;scroll-behavior:smooth}}html{color-scheme:light dark;tab-size:2;scrollbar-gutter:stable;-webkit-text-size-adjust:none;text-size-adjust:none}body{font-synthesis:none;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;letter-spacing:inherit;color:currentColor}input:is([type=checkbox],[type=radio]),select,label,button,summary{cursor:pointer}:disabled,label:has(>:disabled,+:disabled){cursor:not-allowed}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ol,ul,menu{list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}a:focus{outline:none}table{border-collapse:collapse}th,td{text-align:start;vertical-align:top}#root,#__next{isolation:isolate}}@layer app;@layer app{@font-face{font-display:swap;font-family:"Source Sans 3";font-style:normal;font-weight:400;src:url(/mythos-website/assets/source-sans-3-v19-latin-regular-DQi5PRDE.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Source Sans 3";font-style:normal;font-weight:700;src:url(/mythos-website/assets/source-sans-3-v19-latin-700-CkzU-mV9.woff2) format("woff2")}@layer global{:root{--fs-14: .875rem ;--fs-16: 1rem ;--fs-18: 1.125rem ;--fs-20: 1.25rem ;--fs-24: 1.5rem ;--fs-28: 1.75rem ;--fs-36: 2.25rem ;--fs-42: 2.625rem ;--fs-44: 2.75rem ;--fs-48: 3rem ;--fs-72: 4.5rem ;--font-size-topnav: var(--fs-16);--font-size-h1: clamp(2.625rem, 1.5rem + 4.8vw, 4.5rem);--font-size-h2: var(--fs-36);--font-size-h3: var(--fs-24);--font-size-h3-large: var(--fs-36);--font-size-button: var(--fs-18);--font-size-pre-title: var(--fs-20);--font-size-quote: var(--fs-24);--font-size-quote-author: var(--fs-20);--font-size-form: var(--fs-18)}@media(min-width:37.5rem){:root{--font-size-topnav: var(--fs-20);--font-size-h2: var(--fs-48);--font-size-h3-large: var(--fs-44);--font-size-pre-title: var(--fs-24);--font-size-quote: var(--fs-36);--font-size-quote-author: var(--fs-24)}}:root{--c-white: hsl(0, 0%, 100%);--c-gray-dark: hsl(233, 14%, 25%);--c-gray-dark-40: hsl(233, 14%, 25%, 40%);--c-purple: hsl(232, 58%, 55%);--c-purple-dark-60: hsl(232, 58%, 35%, 60%);--c-teal: hsl(180, 100%, 42%);--c-teal-dark: hsl(180, 100%, 37%);--c-transparent: transparent;--c-magenta: hsl(320, 85%, 41%);--c-yellow: hsl(50, 99%, 53%);--c-blue: hsl(245, 75%, 39%);--color-main-bg: var(--c-white);--color-text-dark: var(--c-gray-dark);--color-text-light: var(--c-white);--color-text-link: var(--c-magenta);--color-header-bg: var(--c-purple);--color-topnav-menu-bg: var(--c-purple);--color-topnav-menu-shadow: var(--c-purple-dark-60);--color-topnav-menu-overlay: var(--c-gray-dark-40);--color-topnav-gradient-1: var(--c-teal);--color-topnav-gradient-2: var(--c-yellow);--color-hero-bg: var(--c-purple);--color-button-primary-bg: var(--c-teal);--color-button-primary-bg-hover: var(--c-teal-dark);--color-button-primary-border: var(--c-teal);--color-button-primary-border-hover: var(--c-teal-dark);--color-button-primary-text: var(--c-gray-dark);--color-button-primary-white-bg: var(--c-white);--color-button-primary-white-bg-hover: var(--c-teal);--color-button-primary-white-border: var(--c-white);--color-button-primary-white-border-hover: var(--c-teal);--color-button-primary-white-text: var(--c-gray-dark);--color-button-secondary-bg: var(--c-transparent);--color-button-secondary-bg-hover: var(--c-white);--color-button-secondary-border: var(--c-white);--color-button-secondary-text: var(--c-white);--color-button-secondary-text-hover: var(--color-hero-bg);--color-blog-gradient-1: var(--c-blue);--color-blog-gradient-2: var(--c-magenta);--color-blog-shadow: var(--c-gray-dark-40);--color-fullwidth-bg: var(--c-magenta);--color-cta-gradient-1: var(--c-gray-dark);--color-cta-gradient-2: var(--c-purple);--color-cta-gradient-3: var(--c-teal);--color-footer-link-hover: var(--c-magenta);--color-blog-link-hover: var(--c-magenta)}html{scrollbar-gutter:auto}body{font-family:"Source Sans 3",Arial,Helvetica,sans-serif;background-color:var(--color-main-bg);color:var(--color-text-dark)}button:has(img.nav-icon){border:none;background-color:transparent;cursor:pointer}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h3.large{font-size:var(--font-size-h3-large)}p{font-size:var(--fs-18)}p.small{font-size:var(--fs-16)}p.medium{font-size:var(--fs-20)}@media(min-width:37.5rem){p.medium{font-size:var(--fs-24)}}p.large{font-size:var(--fs-24)}@media(min-width:37.5rem){p.large{font-size:var(--fs-28)}}p>a{color:var(--color-text-link)}p>a:hover{text-decoration:underline 2px}.wrapper{width:min(calc(100% - 48px),75rem);margin-inline:auto;padding-block:3.75rem}@media(min-width:62.5rem){.wrapper{padding-block:5rem}}.fullwidth{text-align:center}.fullwidth .fullwidth__wrapper{display:grid;justify-items:center}.fullwidth .fullwidth__title{margin-block-end:20px}.fullwidth .fullwidth__description{max-width:80ch;margin-block-end:40px}}@layer components{.button{display:inline-block;font-size:var(--font-size-button);font-weight:700;line-height:1;letter-spacing:.05em;text-transform:uppercase;padding:.75rem 1rem;border-radius:6.25rem;transition:.25s ease-in-out;transition-property:background-color,color}.button.primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.button.primary:hover{background-color:var(--color-button-primary-bg-hover)}.button.primary.white{background-color:var(--color-button-primary-white-bg);color:var(--color-button-primary-white-text)}.button.primary.white:hover{background-color:var(--color-button-primary-white-bg-hover)}.button.secondary{background-color:var(--color-button-secondary-bg);box-shadow:inset 0 0 0 2px var(--color-button-secondary-border)}.button.secondary:hover{background-color:var(--color-button-secondary-bg-hover);color:var(--color-button-secondary-text-hover)}.form{display:flex;gap:1rem;flex-wrap:wrap}.form .form__label,.form .form__text{font-size:var(--fs-18);line-height:1}.form .form__label{display:inline-block;font-weight:700;flex:100%;text-align:left}.form .form__text{padding:.5rem 1.25rem;flex:3;background-color:var(--color-main-bg);color:var(--color-text-dark);border:1px solid var(--color-text-dark);border-radius:5px}.form .form__button{border:none;flex:1}.topnav{position:sticky;top:0;z-index:10;background-color:var(--color-header-bg)}.topnav .topnav__wrapper{display:flex;justify-content:space-between;align-items:center;padding-block:.75rem}@media(min-width:37.5rem){.topnav .topnav__wrapper{padding-block:1.25rem}}.topnav .topnav__logo{width:4.375rem}@media(min-width:37.5rem){.topnav .topnav__logo{width:8rem}}.topnav .topnav__overlay{opacity:0}@media not (min-width:37.5rem){.topnav .topnav__overlay{position:fixed;inset:0;background-color:var(--color-topnav-menu-overlay);pointer-events:none;transition:opacity .25s ease-in-out}.topnav .topnav__overlay:has(+.topnav__open[aria-expanded=true]){opacity:1;pointer-events:all}}.topnav .topnav__open,.topnav .topnav__close{display:none}@media not (min-width:37.5rem){.topnav .topnav__open,.topnav .topnav__close{display:block}}.topnav .topnav__open[aria-expanded=true]+.topnav__menu{translate:0 0}@media(prefers-reduced-motion){.topnav .topnav__open[aria-expanded=true]+.topnav__menu{opacity:1}}@media not (min-width:37.5rem){.topnav .topnav__menu{position:fixed;inset:0 0 auto;background-color:var(--color-topnav-menu-bg);padding:12px 24px 120px;border-radius:0 0 20px 20px;box-shadow:0 12px 12px var(--c-purple-dark-60);translate:0 -110%}.topnav .topnav__menu.animating{transition:translate .25s ease-in-out}@media(prefers-reduced-motion){.topnav .topnav__menu.animating{transition-property:opacity}}@media(prefers-reduced-motion){.topnav .topnav__menu{translate:0;opacity:0}}}.topnav .topnav__close{margin-inline-start:auto}.topnav .topnav__links{display:flex;gap:2.5rem}@media not (min-width:37.5rem){.topnav .topnav__links{flex-direction:column;align-items:center;margin-block-start:5.25rem}}.topnav .topnav__link{font-size:var(--font-size-topnav);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-light)}.topnav .topnav__link:after{content:"";display:block;height:3px;background:linear-gradient(to right,var(--color-topnav-gradient-1),var(--color-topnav-gradient-2));opacity:0;transform:scaleX(0);transform-origin:left;transition:.25s ease-in-out;transition-property:opacity,transform}.topnav .topnav__link:hover:after{opacity:1;transform:scaleX(1)}.hero{background-color:var(--color-hero-bg);background-image:url(./src/assets/hero-wave.svg);background-position:-5px calc(100% + 5px);background-repeat:no-repeat;background-position:center calc(100% + 5px);background-size:1440px auto;color:var(--color-text-light)}@media(min-width:62.5rem){.hero{background-position:-5px calc(100% + 5px);background-size:calc(100% + 10px) auto}}.hero .hero__wrapper{display:grid;padding-block:1.875rem 7.5rem}@media(min-width:62.5rem){.hero .hero__wrapper{grid-template-columns:6fr 5fr;padding-block:5rem 0}}.hero .hero__image{width:clamp(12.5rem,1.9rem + 45.28vw,30.1875rem);padding-block-end:2.5rem;justify-self:center}@media(min-width:62.5rem){.hero .hero__image{order:2;padding-block-end:0;justify-self:end}}.hero .hero__title{margin-block-end:.75rem}@media(min-width:37.5rem){.hero .hero__title{margin-block-end:1.25rem}}.hero .hero__content{margin-block-end:2.5rem;max-width:50ch}.hero .hero__buttons{display:flex;gap:1.25rem}.features .features__wrapper{display:grid;gap:2.5rem}@media(min-width:62.5rem){.features .features__wrapper{grid-template-columns:repeat(3,1fr);gap:5rem}}.features .features__item{display:flex;flex-direction:column;align-items:center;gap:.625rem}@media(min-width:62.5rem){.features .features__item{align-items:flex-start}}.features .features__icon{width:auto;height:3rem}.features .features__title{line-height:1}.features .features__description{max-width:40ch;text-align:center}@media(min-width:62.5rem){.features .features__description{text-align:left}}.fw-feature{background-color:var(--color-fullwidth-bg);color:var(--color-text-light)}.fw-feature .fw-feature__image{width:100%;max-width:49.5rem}.alt-features .alt-features__wrapper{display:grid;gap:3.75rem}@media(min-width:62.5rem){.alt-features .alt-features__wrapper{gap:5rem}}.alt-features .alt-features__item{display:grid;gap:2.5rem 6.25rem}@media(min-width:62.5rem){.alt-features .alt-features__item{grid-template-columns:5fr 6fr;align-items:center}.alt-features .alt-features__item:nth-child(odd){grid-template-columns:6fr 5fr}.alt-features .alt-features__item:nth-child(odd) .alt-features__image{order:2}}.alt-features .alt-features__image{justify-self:center}@media not (min-width:37.5rem){.alt-features .alt-features__image{max-width:12.5rem;max-height:12.5rem}}.alt-features .alt-features__title{line-height:1;margin-block-end:.625rem}.alt-features .alt-features__pre-title{display:block;font-size:var(--font-size-pre-title);text-transform:uppercase;margin-block-end:.625rem}.testimonial{--color-bg: var(--color-main-bg);--color-text: var(--color-text-dark);--color-icon: var(--c-teal);background-color:var(--color-bg);color:var(--color-text)}.testimonial.dark{--color-bg: var(--c-purple);--color-text: var(--color-text-light);--color-icon: hsl(0, 0%, 100%, 50%)}@media(min-width:62.5rem){.testimonial .testimonial__figure{display:grid;column-gap:2.5rem;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,auto);grid-template-areas:"l-quote quote quote quote quote r-quote" ". author author author author ."}}.testimonial .testimonial__icon{width:3.25rem;margin-block-end:1.25rem}@media(min-width:37.5rem){.testimonial .testimonial__icon{width:4.875rem;margin-block-end:1.875rem}}@media(min-width:62.5rem){.testimonial .testimonial__icon{margin-block-end:0}}@media(min-width:62.5rem){.testimonial .testimonial__icon:first-child{grid-area:l-quote;justify-self:end}}@media not (min-width:62.5rem){.testimonial .testimonial__icon:last-child{display:none}}@media(min-width:62.5rem){.testimonial .testimonial__icon:last-child{grid-area:r-quote;align-self:end;rotate:180deg}}.testimonial .testimonial__icon-path{fill:var(--color-icon)}@media(min-width:62.5rem){.testimonial .testimonial__blockquote{grid-area:quote;padding-block-start:2.5rem}}.testimonial .testimonial__quote-text{font-size:var(--font-size-quote);font-weight:700;margin-block-end:1.875rem}@media(min-width:37.5rem){.testimonial .testimonial__quote-text{margin-block-end:2.5rem}}.testimonial .testimonial__author-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25rem 1.875rem;text-align:center}@media(min-width:37.5rem){.testimonial .testimonial__author-wrapper{flex-direction:row;text-align:left}}@media(min-width:62.5rem){.testimonial .testimonial__author-wrapper{grid-area:author}}.testimonial .testimonial__author-image{width:7.5rem;border-radius:50%}.testimonial .testimonial__author-description{font-size:var(--font-size-quote-author)}.blog .blog__title{text-align:center;margin-block-end:2.5rem}.blog .blog__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(18.75rem,100%),1fr))}.blog .blog__item{position:relative;display:grid;grid-template:1fr / 1fr;border-radius:1rem;overflow:hidden;min-height:21.875rem}.blog .blog__item>*{grid-column:1 / -1;grid-row:1 / -1}.blog .blog__image{position:absolute;height:100%;object-fit:cover}.blog .blog__filter{background:linear-gradient(45deg,var(--color-blog-gradient-1) 30%,var(--color-blog-gradient-2));mix-blend-mode:lighten}.blog .blog__text{background-color:var(--color-main-bg);margin:.625rem;padding:1rem;border-radius:.5rem;align-self:center;display:grid;gap:1rem;isolation:isolate;box-shadow:0 4px 10px var(--color-blog-shadow)}.blog .blog__post-link{color:var(--color-text-dark);transition:color .2s ease-in-out}.blog .blog__post-link:hover{color:var(--color-blog-link-hover)}.blog .blog__post-meta{display:flex;justify-content:space-between}.blog .blog__post-meta>*{font-size:var(--fs-14)}.blog .blog__post-datetime{text-transform:uppercase}.fw-cta{background:linear-gradient(to right,var(--color-cta-gradient-1),var(--color-cta-gradient-2) 75%,var(--color-cta-gradient-3) 150%);color:var(--color-text-light)}@media(min-width:62.5rem){.fw-cta{background:linear-gradient(to right,var(--color-cta-gradient-1),var(--color-cta-gradient-2) 55%,var(--color-cta-gradient-3) 110%)}}.footer .footer__wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 20px}@media(min-width:37.5rem){.footer .footer__wrapper{grid-template-columns:repeat(4,auto)}}.footer .footer__top{grid-column:1 / -1}.footer .footer__homelink{display:block;width:fit-content}.footer .footer__logo{width:8rem;margin-block-end:10px}.footer .footer__title{font-size:1.375rem;margin-block-end:6px}.footer .footer__links{display:grid;gap:6px}.footer .footer__link{font-size:1.125rem;color:var(--color-text-dark);transition:color .15s ease-in-out;display:inline-flex;gap:16px;align-items:center}.footer .footer__link:hover{color:var(--color-footer-link-hover)}.footer .footer__link:hover .footer__social-path{fill:var(--color-footer-link-hover)}.footer .footer__social-svg{width:1.125rem}.footer .footer__social-path{fill:var(--color-text-dark);transition:fill .15s ease-in-out}}@layer utilities{.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden.skip-link:focus{left:0;width:auto;height:auto;background-color:#fff;padding:10px;border:1px solid}.hover-fade{transition:opacity .25s ease-in-out}.hover-fade:hover{opacity:.8}}}