*{box-sizing:border-box;padding:0;margin:0;font-family:Oxygen,sans-serif;font-weight:400;font-size:20px;line-height:1.3em;list-style-type:none}@media screen and (max-width: 768px){*{font-size:13px}}html,body{background:#060606}.panels{overflow:scroll;height:100dvh;width:100%;scroll-snap-type:y mandatory}.panel{box-shadow:40px red;scroll-snap-align:start;width:100%;height:100dvh;background:#00000040;display:flex;justify-content:center;background:#1d1e22;position:relative}.clip{position:absolute;height:0;width:100%;top:0;margin-bottom:0}.controls{position:fixed;bottom:40px;right:40px;z-index:2;font-size:30px;font-family:courier,mono;display:flex;flex-wrap:wrap}.controls a.disabled{opacity:.5;pointer-events:none}.controls a{display:block;width:36px;height:36px;line-height:36px;border-radius:36px;text-align:center;background:#0000}.controls a:first-child{margin-right:-8px}span.note{display:none;position:fixed;bottom:40px;right:140px;z-index:2}.phone{position:fixed;top:5%;height:80%;right:-25%;width:80vw;z-index:10;pointer-events:none}@media screen and (max-width: 768px){.phone{position:fixed;top:12%;height:40%;right:5%;width:80vw;z-index:10}}.phone .frame{max-width:100%;max-height:100%;object-fit:contain;position:absolute;z-index:1}.phone .screenshotContainer{background-color:#000000a8;height:100%;position:absolute;transform:rotate(306.7deg) skewY(24deg) scaleX(1.05) scaleY(1.1);aspect-ratio:358/735;top:-2%;left:36.65%;border-radius:15%/8%;overflow:hidden}.phone .screenshotContainer .screenshotimg{width:100%;height:100%;object-fit:fill}.phone .pcontainer{position:absolute;height:100%;aspect-ratio:1326/924}.phone .screenshotPanels{position:absolute;width:100%;height:100%;overflow:hidden}.phone .screenshotPanels .screenshotPanel{box-shadow:40px red;scroll-snap-align:start;width:100%;height:100%;background:#00000040;display:flex;justify-content:center;background:#1d1e22;position:relative}.one .appIcon,.six .appIcon{position:absolute;width:min(30vw,30dvh);height:min(30vw,30dvh);top:15%;left:8%;border-radius:20%;box-shadow:0 10px 35px -5px #000000e6}@media screen and (max-width: 768px){.one .appIcon,.six .appIcon{top:5%}}.one .appName,.six .appName{position:absolute;top:calc(20% + min(30vw,30dvh));left:8%;font-size:4em;font-weight:600}@media screen and (max-width: 768px){.one .appName,.six .appName{font-size:3em;top:calc(30% + min(30vw,30dvh))}}.one .appDescription,.six .appDescription{position:absolute;top:calc(34% + min(30vw,30dvh));left:8%;font-size:2em;font-weight:500}@media screen and (max-width: 768px){.one .appDescription,.six .appDescription{font-size:1.5em;top:calc(40% + min(30vw,30dvh))}}.one .ctas,.six .ctas{left:8%;position:absolute;top:calc(48% + min(30vw,30dvh));display:flex}@media screen and (max-width: 768px){.one .ctas,.six .ctas{top:calc(55% + min(30vw,30dvh))}}.one .launch,.six .launch{background-color:#1d1e22;border:silver 1px solid;aspect-ratio:213/82;font-size:1.5em;width:20vw;margin:20px;border-radius:10px}.one .playicon,.six .playicon{width:20vw}@media screen and (max-width: 768px){.one .playicon,.six .playicon{width:40vw}}.controls{display:none}.panel .down_icon{width:40px;position:absolute;bottom:0;animation:bounce 2s ease-in-out infinite;transform-origin:bottom center}.panel .sectionIcon{position:absolute;left:8%;width:min(20vw,20dvh);height:min(20vw,20dvh);top:20%}@media screen and (max-width: 768px){.panel .sectionIcon{top:5%}}.panel .sectionTitle{position:absolute;top:45%;left:8%;font-size:4em;font-weight:600}@media screen and (max-width: 768px){.panel .sectionTitle{font-size:2.5em;max-width:50%;top:calc(25% + min(30vw,30dvh))}}.panel .sectionContents{position:absolute;top:65%;left:8%}@media screen and (max-width: 768px){.panel .sectionContents{top:calc(39% + min(30vw,30dvh))}}.panel .sectionContents li{margin-top:20px;font-size:1.5em;font-weight:400;list-style:disc}.panel .contentDescription{font-size:1.5em}@media screen and (max-width: 768px){.customize .sectionTitle{top:calc(27% + min(30vw,30dvh))}}@media screen and (max-width: 768px){.customize .sectionContents{top:calc(35% + min(30vw,30dvh))}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.one{color:#fff}.three{background-color:#f0e7d6}.two{background-color:#9cbdb8;color:#1d1e22}.four{background-color:#0f367d;color:#fff}.five{background-color:silver}.six{color:#fff}