:root{--dark-branding-primary: #06f5dd;--dark-branding-secondary: #ff0063;--dark-branding-tertiary: #fec409;--dark-branding-quinary: #77a7ff;--dark-interface-default: #fff;--dark-interface-resting: #969aa0;--dark-interface-inverted: #000;--dark-interface-subdued: #4b4d50;--dark-interface-bottom-sheet-background: #1b1d1e;--light-branding-primary: #1ba497;--light-branding-secondary: #d90d5c;--light-branding-tertiary: #836813;--light-branding-quinary: #77a7ff;--light-interface-default: #000;--light-interface-resting: #aeaeb2;--light-interface-inverted: #fff;--light-interface-subdued: #d2d2d8;--light-interface-bottom-sheet-background: #dedddd;--gradient-color-one: #f93065;--gradient-color-two: #ff0fa5;--gradient-color-three: #8e74d9;--gradient-color-four: #1dd2f1;--gradient-color-five: #69ff5c;--gradient-color-six: #f0f504;--gradient-color-seven: #fcb800}*{margin:0;padding:0}body{font-family:"HubotSans",sans-serif;color:var(--dark-interface-default);background-color:var(--dark-interface-inverted)}h1,h2,h3,h4,h5,h6{font-family:"MonaSans",sans-serif;font-weight:600}h1{margin:30px;margin-left:0}h2,h3,h4{margin:20px;margin-left:0}h5,h6{margin:10px;margin-left:0}h1{font-size:34px}h2{font-size:28px}h3{font-size:22px}h4{font-size:16px}h5{font-size:10px}p{font-size:17px;line-height:1.5}a{color:var(--dark-branding-primary);text-decoration:none}a:hover{text-decoration:underline}.button{display:inline-block;padding:.5rem 1rem}.button-primary{background-color:var(--dark-branding-primary);color:var(--dark-interface-inverted)}.button-secondary{background-color:var(--dark-branding-secondary);color:var(--dark-interface-inverted)}.button-tertiary{background-color:var(--dark-branding-tertiary);color:var(--dark-interface-inverted)}@media (prefers-color-scheme: dark){body{color:var(--dark-interface-default);background-color:var(--dark-interface-inverted)}a{color:var(--dark-branding-primary)}.button-primary{background-color:var(--dark-branding-primary);color:var(--dark-interface-inverted)}.button-secondary{background-color:var(--dark-branding-secondary);color:var(--dark-interface-inverted)}.button-tertiary{background-color:var(--dark-branding-tertiary);color:var(--dark-interface-inverted)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.3)}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-header .container .leading{display:flex;gap:20px}.site-header .container .leading h1{margin:0}.logo{display:flex;align-items:center;text-decoration:none}.logo-image{width:40px;height:40px;border-radius:10px;object-fit:cover}nav ul{list-style-type:none;padding:0;margin:0}nav ul li{display:inline;margin-left:1rem}nav ul li a{color:var(--dark-interface-default);text-decoration:none}#hero{background-color:var(--dark-interface-inverted);color:var(--dark-interface-default);min-height:90vh;display:flex;align-items:start}#hero h1{font-weight:800;font-size:4rem}.hero-container{display:flex;align-items:start;justify-content:space-between;gap:2rem}.hero-content{flex:1}.hero-iphone{flex:1;display:flex;justify-content:center;align-items:center}main{padding-top:60px}.iphone-x{position:relative;max-height:75vh;min-height:500px;width:auto;aspect-ratio:360/780;background-color:#7371ee;border-radius:32px;overflow:hidden}.iphone-x img{width:100%;height:100%}.iphone-x:before,.iphone-x:after{content:"";position:absolute;left:50%;transform:translateX(-50%)}.iphone-x:after{bottom:1%;width:39%;height:0;background-color:#f2f2f2;border-radius:10px}.iphone-x:before{top:0;width:56%;height:3.8%;background-color:#1f1f1f;border-radius:0 0 40px 40px}.iphone-x i,.iphone-x b,.iphone-x s,.iphone-x span{position:absolute;display:block;color:rgba(0,0,0,0)}.iphone-x i{top:.8%;left:50%;transform:translateX(-50%);height:1%;width:15%;background-color:#101010;border-radius:8px;box-shadow:inset 0px -3px 3px 0px rgba(255,255,255,.2)}.iphone-x b{left:65%;top:.5%;width:1.5%;height:1.5%;background-color:#101010;border-radius:50%;box-shadow:inset 0px -3px 2px 0px rgba(255,255,255,.2)}.iphone-x b:after{content:"";position:absolute;background-color:#2d4d76;width:50%;height:50%;top:25%;left:25%;display:block;border-radius:50%;box-shadow:inset 0px -2px 2px rgba(0,0,0,.5)}.iphone-x s{top:6.4%;color:#fff;text-align:center;text-decoration:none;width:100%;font-size:9%;font-weight:100}.iphone-x span{bottom:6.4%;width:5.1%;height:5.1%;background-color:rgba(0,0,0,.3);border-radius:50%;left:3.8%}.iphone-x span+span{left:auto;right:3.8%}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotation{0%{--gradient-angle: 0deg}100%{--gradient-angle: 360deg}}.iphone-wrapper{position:relative}.iphone-wrapper .iphone-glow{position:absolute;width:auto;height:auto;top:-18px;left:-18px;bottom:-18px;right:-18px;border-radius:40px}.iphone-wrapper .iphone-glow:after,.iphone-wrapper .iphone-glow:before{content:"";position:absolute;border-radius:inherit;inset:0;background-image:conic-gradient(from var(--gradient-angle), var(--gradient-color-one), var(--gradient-color-two), var(--gradient-color-three), var(--gradient-color-four), var(--gradient-color-five), var(--gradient-color-six), var(--gradient-color-seven), var(--gradient-color-one));animation:rotation 20s linear infinite}.iphone-wrapper .iphone-glow:after{filter:blur(3.5rem)}.iphone-wrapper .iphone-frame{position:absolute;width:auto;height:auto;top:-18px;left:-18px;bottom:-18px;right:-18px;border-radius:40px}.iphone-wrapper .iphone-frame:after,.iphone-wrapper .iphone-frame:before{content:"";position:absolute;border-radius:inherit;inset:0;background-color:#1f1f1f}