:root{--accent-colour-red: #e60c00;--accent-colour-red-bg-1: #ffe1e0;--accent-colour-red-bg-2: #fff0f0;--accent-colour-red-bg-3: #ffffff;--accent-colour-teal: #00ABA9;--accent-colour-teal-bg-1: #e0fffe;--accent-colour-teal-bg-2: #f0fffe;--accent-colour-teal-bg-3: #fcffff;--accent-colour-purple: #A200FF;--accent-colour-purple-bg-1: #f4e0ff;--accent-colour-purple-bg-2: #faf0ff;--accent-colour-purple-bg-3: #fefcff;--accent-colour-pink: #E671B8;--accent-colour-pink-bg-1: #ffe0f3;--accent-colour-pink-bg-2: #fff0f9;--accent-colour-pink-bg-3: #fffcfe;--accent-colour-green: #339933;--accent-colour-green-bg-1: #e0ffe0;--accent-colour-green-bg-2: #f0fff0;--accent-colour-green-bg-3: #fcfffc;--accent-colour-yellow: #F09609;--accent-colour-yellow-bg-1: #fff3e0;--accent-colour-yellow-bg-2: #fff9f0;--accent-colour-yellow-bg-3: #fffefc;--accent-colour-blue: #1BA1E2;--accent-colour-blue-bg-1: #e0f5ff;--accent-colour-blue-bg-2: #f0faff;--accent-colour-blue-bg-3: #fafdff;--accent-colour-magenta: #D80073;--accent-colour-magenta-bg-1: #ffe0f1;--accent-colour-magenta-bg-2: #fff0f8;--accent-colour-magenta-bg-3: #fffcfe;--accent-colour-zune1: #f10da1;--accent-colour-zune1-bg-1: #ffe9e0;--accent-colour-zune1-bg-2: #fff4f0;--accent-colour-zune1-bg-3: #fffdfc;--accent-colour-zune2: #e95214;--accent-gradient-red: linear-gradient(to bottom, #ffe1e0, #fff0f0 80px, #ffffff 200px);--accent-gradient-teal: linear-gradient(to bottom, #e0fffe, #f0fffe 80px, #fcffff 200px);--accent-gradient-purple: linear-gradient(to bottom, #f4e0ff, #faf0ff 80px, #fefcff 200px);--accent-gradient-pink: linear-gradient(to bottom, #ffe0f3, #fff0f9 80px, #fffcfe 200px);--accent-gradient-green: linear-gradient(to bottom, #e0ffe0, #f0fff0 80px, #fcfffc 200px);--accent-gradient-yellow: linear-gradient(to bottom, #fff3e0, #fff9f0 80px, #fffefc 200px);--accent-gradient-blue: linear-gradient(to bottom, #e0f5ff, #f0faff 80px, #fafdff 200px);--accent-gradient-magenta: linear-gradient(to bottom, #ffe0f1, #fff0f8 80px, #fffcfe 200px);--accent-gradient-zune: linear-gradient(to bottom, #ffe9e0, #fff4f0 80px, #fffdfc 200px);--font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;--font-family-monospace: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace}body{color:#333;font-family:var(--font-family);font-size:10.5pt;margin:0;min-height:100vh;background-repeat:no-repeat;display:flex;flex-direction:column}.accent-red{--accent-colour: var(--accent-colour-red);--accent-colour-bg-1: var(--accent-colour-red-bg-1);--accent-colour-bg-2: var(--accent-colour-red-bg-2);--accent-colour-bg-3: var(--accent-colour-red-bg-3);accent-color:var(--accent-colour-red);background:var(--accent-gradient-red)}.accent-teal{--accent-colour: var(--accent-colour-teal);--accent-colour-bg-1: var(--accent-colour-teal-bg-1);--accent-colour-bg-2: var(--accent-colour-teal-bg-2);--accent-colour-bg-3: var(--accent-colour-teal-bg-3);accent-color:var(--accent-colour-teal);background:var(--accent-gradient-teal)}.accent-purple{--accent-colour: var(--accent-colour-purple);--accent-colour-bg-1: var(--accent-colour-purple-bg-1);--accent-colour-bg-2: var(--accent-colour-purple-bg-2);--accent-colour-bg-3: var(--accent-colour-purple-bg-3);accent-color:var(--accent-colour-purple);background:var(--accent-gradient-purple)}.accent-pink{--accent-colour: var(--accent-colour-pink);--accent-colour-bg-1: var(--accent-colour-pink-bg-1);--accent-colour-bg-2: var(--accent-colour-pink-bg-2);--accent-colour-bg-3: var(--accent-colour-pink-bg-3);accent-color:var(--accent-colour-pink);background:var(--accent-gradient-pink)}.accent-green{--accent-colour: var(--accent-colour-green);--accent-colour-bg-1: var(--accent-colour-green-bg-1);--accent-colour-bg-2: var(--accent-colour-green-bg-2);--accent-colour-bg-3: var(--accent-colour-green-bg-3);accent-color:var(--accent-colour-green);background:var(--accent-gradient-green)}.accent-yellow{--accent-colour: var(--accent-colour-yellow);--accent-colour-bg-1: var(--accent-colour-yellow-bg-1);--accent-colour-bg-2: var(--accent-colour-yellow-bg-2);--accent-colour-bg-3: var(--accent-colour-yellow-bg-3);accent-color:var(--accent-colour-yellow);background:var(--accent-gradient-yellow)}.accent-blue{--accent-colour: var(--accent-colour-blue);--accent-colour-bg-1: var(--accent-colour-blue-bg-1);--accent-colour-bg-2: var(--accent-colour-blue-bg-2);--accent-colour-bg-3: var(--accent-colour-blue-bg-3);accent-color:var(--accent-colour-blue);background:var(--accent-gradient-blue)}.accent-magenta{--accent-colour: var(--accent-colour-magenta);--accent-colour-bg-1: var(--accent-colour-magenta-bg-1);--accent-colour-bg-2: var(--accent-colour-magenta-bg-2);--accent-colour-bg-3: var(--accent-colour-magenta-bg-3);accent-color:var(--accent-colour-magenta);background:var(--accent-gradient-magenta)}.accent-zune{--accent-colour: linear-gradient(to bottom, var(--accent-colour-zune1), var(--accent-colour-zune2));--accent-colour-bg-1: var(--accent-colour-zune1-bg-1);--accent-colour-bg-2: var(--accent-colour-zune1-bg-2);--accent-colour-bg-2: var(--accent-colour-zune1-bg-3);accent-color:var(--accent-colour-zune1);background:var(--accent-gradient-zune)}.accent-zune .text-accent{background-image:var(--accent-colour);color:rgba(0,0,0,0);background-clip:text}.accent-zune .background-accent{background-image:linear-gradient(to left, var(--accent-colour-zune1), var(--accent-colour-zune2))}.text-accent{color:var(--accent-colour)}.background-accent{background:var(--accent-colour)}input,button{font-family:var(--font-family)}code{font-family:var(--font-family-monospace)}app{display:flex;flex-direction:column;flex:1}header,main,footer{max-width:1024px;width:100%;width:calc(100% - 48px);margin:0 auto;padding:0 24px}main{flex:1}footer{margin-top:24px;margin-bottom:24px;color:#aaa}footer>p{margin:0}h1,h2,h3{font-weight:200}a{text-decoration:none;color:#888}
@font-face{font-family:"Segoe UI";font-weight:200;src:local("Segoe UI Light"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.ttf") format("truetype");font-display:fallback}@font-face{font-family:"Segoe UI";font-weight:300;src:local("Segoe UI Semilight"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.ttf") format("truetype");font-display:fallback}@font-face{font-family:"Segoe UI";font-weight:400;src:local("Segoe UI"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Normal/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Normal/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Normal/latest.ttf") format("truetype");font-display:fallback}@font-face{font-family:"Segoe UI";font-weight:500;src:local("Segoe UI Semibold"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf") format("truetype");font-display:fallback}@font-face{font-family:"Segoe UI";font-weight:700;src:local("Segoe UI Bold"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.ttf") format("truetype");font-display:fallback}@font-face{font-family:"Segoe UI";font-weight:900;src:local("Segoe UI Black"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Black/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Black/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Black/latest.ttf") format("truetype");font-display:fallback}
.features{display:block;margin:0 -8px}.features .feature{vertical-align:top}@media screen and (min-width: 640px){.features .feature{display:inline-block;width:33%}}.features .feature>*{padding:0 8px}.hero{position:relative;margin:32px 0 32px 0;vertical-align:middle}@media screen and (min-width: 960px){.hero{margin:48px 0 24px 0}}.hero .hero-text-container{position:relative;z-index:1}@media screen and (min-width: 960px){.hero .hero-text-container{text-align:right;line-height:400px}}.hero .hero-text-container .hero-text{display:inline-block}.hero .hero-img{display:none}@media screen and (min-width: 960px){.hero .hero-img{display:block;position:absolute;height:400px;z-index:0}}.hero h1{font-size:36pt;line-height:48px;margin:0}.hero h2{font-size:24pt;line-height:40px;margin:4px 8px 0 0;color:var(--accent-colour)}.features h3{font-size:18pt;line-height:36px;margin:0 8px;color:#fff;background-color:var(--accent-colour)}.features p{font-size:10.5pt;margin:8px}
header{max-width:1024px;margin:0 auto;padding:0 24px}.brand-container{padding-top:16px}.brand-container .brand-logo{display:inline-block;width:36px;margin-top:6px;vertical-align:top}.brand-container .header-container{display:inline-block;margin-left:8px}.brand-container .header-title,.brand-container .header-subtitle{font-weight:100;margin:0}.brand-container .header-title{font-size:24pt}.brand-container .header-subtitle{margin-left:1px;margin-top:-2px;font-size:10.5pt}.header-nav{clear:both}.header-nav .header-items{list-style:none;padding:0}.header-nav .header-items.leading{float:left;margin-left:-8px}.header-nav .header-items.trailing{float:right;margin-right:-8px}.header-nav .header-items li{display:inline;padding:0 8px}.header-nav .header-items li>a{font-size:18px;line-height:24px;text-decoration:none}.header-nav .header-items li>a:not(.text-accent){color:#333}.header-splitter{clear:both;border:none;border-bottom:1px solid #dedede}.home-link:visited,.home-link:active,.home-link:hover{color:#333}

/*# sourceMappingURL=index.446ca537118ee7c9f97a.css.map*/