*,*:after,*:before{box-sizing:border-box}html,body{overflow-x:hidden}.link-hover{color:#fcdd69;text-decoration:none;transition:text-decoration .2s ease}.link-hover:hover{color:#fcdd69;text-decoration:underline}:root{font-size:16px;--color-text: #fff;--color-bg: rgb(71, 50, 171);--color-link: #fff;--color-link-hover: #fff;--page-padding: 1.5rem 2rem}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.demo-1{background-image:linear-gradient(180deg,#0b0bef,#3508e7,#4a08e2,#5c08e2,#650adb,#6f0ed8,#7318c3,#7220ac,#6c2697,#af1dbf,#501cca)}.demo-2{--color-text: #ddc4a4;--color-bg: #0e0e0e;--color-link: #ede3e3;--color-link-hover: #d68521}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{color:var(--color-link-hover);outline:none}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red;background:transparent}main{counter-reset:section}.intro__header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.intro__logo{font-family:Cal Sans,sans-serif;font-size:1.25rem;font-weight:500;color:var(--color-text);text-decoration:none;opacity:.8;transition:opacity .2s ease}.intro__logo:hover{opacity:1}.intro__nav{color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;opacity:.8;transition:opacity .2s ease,color .2s ease}.intro__nav:hover{opacity:1;color:#fcdd69}.splitting .word{white-space:nowrap}.intro{height:100vh;display:grid;place-items:center;text-align:center;position:relative}.my_section{display:grid;place-items:center;text-align:center}.my_section:not(:last-child){margin-bottom:40vh}.intro__title{display:grid;place-items:center;margin:0;line-height:.9;font-weight:300}.intro__title-pre{font-family:Cal Sans,sans-serif;font-weight:500;font-size:clamp(2rem,10vw,9rem)}.intro__title-sub{font-size:clamp(1rem,6vw,2.75rem)}.content{display:flex;flex-direction:column;width:100vw;position:relative;padding:var(--page-padding)}.content--full{padding:0}.content p{max-width:660px;margin:1.5rem auto;font-size:1.25rem;line-height:1.5;font-weight:400}.content__title{font-size:12vw;line-height:.8;counter-increment:section;text-align:center;display:grid;gap:2rem}.font-24{font-family:Cal Sans,sans-serif}.font-25{font-family:Cal Sans,sans-serif;font-weight:500}.font-upper{text-transform:uppercase}.char-wrap{display:inline-block;position:relative;overflow:hidden}.char[data-char=a]+.char[data-char=w]{margin-left:-.12em}[spaced] .char{margin-left:.02em;margin-right:.02em}[xlspaced] .char{margin-left:.2em;margin-right:.2em}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text);opacity:.6;animation:fadeInUp 1s ease-out .5s both}.scroll-indicator__text{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.scroll-indicator__arrow{animation:bounce 2s ease-in-out infinite}.scroll-indicator__arrow svg{width:20px;height:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:.6;transform:translate(-50%) translateY(0)}}.section-inner{display:flex;flex-direction:column;gap:5vh}.footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;align-self:end}.footer__social{display:flex;align-items:center;color:#fcdd69}.footer__social:hover{opacity:.8;transition:opacity .2s ease}.footer__copyright{font-size:14px;font-weight:500;margin:0}.footer__badges{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;max-width:800px}.footer__badges a{transition:transform .2s ease,opacity .2s ease}.footer__badges a:hover{transform:translateY(-2px);opacity:.9}.cta-section{grid-template-rows:1fr 1fr 1fr}.cta-section h2{margin-bottom:1.5rem}.cta-section .app-store-badge{transition:transform .2s ease}.cta-section .app-store-badge:hover{transform:scale(1.05)}.text-responsive-lg{font-size:clamp(1rem,5vw,3.5rem)}.text-responsive-md{font-size:clamp(1rem,4vw,3rem)}