@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--color-trans-blue: #5BCEFA;--color-trans-pink: #F5A9B8;--color-trans-white: #FFFFFF;--color-primary: var(--color-trans-blue);--color-secondary: var(--color-trans-pink);--color-neutral: var(--color-trans-white);--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-inverse: #FFFFFF;--color-background-primary: #FFFFFF;--color-background-secondary: #F5F5F5}:root{--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.75}.heading-1{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-2{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-3{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.body-large{font-family:var(--font-primary);font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.body-regular{font-family:var(--font-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.body-small{font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1rem}@media (min-width: 640px){.container{padding-inline:2rem}}.spacing-xs{gap:.25rem}.spacing-sm{gap:.5rem}.spacing-md{gap:1rem}.spacing-lg{gap:2rem}.spacing-xl{gap:4rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (min-width: 768px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}}.hidden{display:none}@media (min-width: 768px){.md-block{display:block}.md-hidden{display:none}}.mt-0{margin-top:0}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-16{margin-top:4rem}.mb-0{margin-bottom:0}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.gap-0{gap:0}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:var(--font-weight-medium);font-size:var(--font-size-md);line-height:1;text-decoration:none;transition:all .2s ease;cursor:pointer}.button-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.button-primary:hover{background-color:color-mix(in srgb,var(--color-primary),black 10%)}.button-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.button-secondary:hover{background-color:color-mix(in srgb,var(--color-secondary),black 10%)}.button-tertiary{background-color:var(--color-tertiary);color:var(--color-text-inverse)}.button-tertiary:hover{background-color:color-mix(in srgb,var(--color-tertiary),black 10%)}.button-aurora{position:relative;color:var(--color-text-primary);border:1px solid transparent;background-image:linear-gradient(color-mix(in srgb,var(--color-background-primary),transparent 70%),color-mix(in srgb,var(--color-background-primary),transparent 70%)),linear-gradient(120deg,var(--pink),var(--blue),var(--pink));background-origin:border-box;background-clip:padding-box,border-box;background-size:auto,200% 200%;background-position:0 0,0% 50%;backdrop-filter:blur(8px) saturate(1.15);box-shadow:0 8px 24px #00000040;border-radius:9999px;transition:transform .2s ease,box-shadow .2s ease;animation:aurora-border 8s linear infinite}.button-aurora:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0000004d}@keyframes aurora-border{to{background-position:0 0,200% 50%}}@media (prefers-reduced-motion: reduce){.button-aurora{animation:none}}.card{background-color:var(--color-surface);border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,var(--shadow-strength));padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 12px rgba(0,0,0,var(--shadow-strength))}.feature-card{background-color:var(--color-surface);border-radius:.75rem;padding:1.5rem;transition:all .3s ease;height:100%;display:flex;flex-direction:column;align-items:flex-start}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,var(--shadow-strength))}.feature-card h3{margin:1rem 0 .5rem}.feature-card p{opacity:.9}.section{padding-block:4rem}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:90vh;text-align:center;overflow:hidden}.hero-gradient{position:absolute;inset:0;background:linear-gradient(145deg,var(--color-trans-blue) 0%,var(--color-trans-pink) 25%,var(--color-trans-white) 50%,var(--color-trans-pink) 75%,var(--color-trans-blue) 100%);background-size:400% 400%;animation:gradient-animation 15s ease infinite;z-index:-1}.hero-dark{background-color:#0a0a0f;color:var(--color-text-primary)}.hero-retone{position:relative;padding-top:7rem;padding-bottom:3rem}.hero-glow{position:absolute;inset:-20% -10% auto;height:100vh;background:radial-gradient(60% 60% at 20% 20%,color-mix(in srgb,var(--pink),transparent 30%) 0%,transparent 70%),radial-gradient(50% 50% at 80% 30%,color-mix(in srgb,var(--blue),transparent 40%) 0%,transparent 70%),radial-gradient(40% 40% at 50% 70%,color-mix(in srgb,var(--yellow),transparent 50%) 0%,transparent 70%);filter:blur(60px);opacity:.6;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;justify-content:center;gap:3rem}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr}}.hero-copy{display:flex;flex-direction:column;gap:1.25rem}.hero-kicker{color:var(--color-secondary);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase}.store-badges{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.store-badges a{display:flex;justify-content:center;align-items:center;text-decoration:none}.app-badge{height:44px}.hero-visual{position:relative;min-height:320px}.masonry-wall{position:relative;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%)}@media (max-width: 640px){.masonry-wall{grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px}}.masonry-column{overflow:hidden}.masonry-track{display:grid;gap:16px;animation:scroll-vertical linear infinite;will-change:transform}.masonry-item{width:100%;border-radius:16px;box-shadow:0 16px 32px #00000059;opacity:1}.tilt-0{transform:rotate(-2deg)}.tilt-1{transform:rotate(1.5deg)}.tilt-2{transform:rotate(-1deg)}.tilt-3{transform:rotate(2deg)}@keyframes scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.device-mockup{position:relative;width:min(420px,90%);margin-inline:auto}.device-frame{position:absolute;inset:0;width:100%;height:auto;pointer-events:none}.device-screen{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 30px 60px #00000059}.screens-mosaic{position:absolute;right:-40px;bottom:-40px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.screen-card{width:160px;border-radius:16px;box-shadow:0 16px 32px #00000059;transform:rotate(-4deg)}.screen-card-b{transform:rotate(6deg)}.discord-section{position:relative;padding-block:5rem;background-color:var(--mantle);overflow:hidden}.discord-cover{position:absolute;inset:0;background-image:radial-gradient(60% 60% at 20% 20%,color-mix(in srgb,var(--blue),transparent 60%) 0%,transparent 70%),radial-gradient(50% 50% at 80% 30%,color-mix(in srgb,var(--pink),transparent 65%) 0%,transparent 70%),url(/discord-logo.png);background-size:cover;background-position:center;filter:saturate(1.1) contrast(1.05) blur(0px);opacity:.35;z-index:-1}.discord-simple{display:flex;align-items:center;justify-content:center;gap:2rem}.discord-logo{width:64px;height:64px;object-fit:contain}.discord-qr{width:120px;height:120px;padding:.5rem;background-color:var(--crust);border-radius:16px;overflow:hidden;box-shadow:0 12px 24px #00000040}.discord-qr img{width:100%;height:100%;object-fit:contain;border-radius:16px}@media (max-width: 960px){.discord-simple{flex-direction:column;gap:1.25rem}}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:color-mix(in srgb,var(--color-background-primary),transparent 20%);backdrop-filter:blur(10px)}.app-bar-logo{display:flex;align-items:center;gap:.5rem}.app-bar-logo-image{width:32px;height:32px;object-fit:contain;border-radius:4px}.app-bar-logo-placeholder{width:32px;height:32px;background-color:var(--color-primary);border-radius:4px}.footer-logo{display:flex;align-items:center;gap:.5rem}.footer-logo-image{width:32px;height:32px;object-fit:contain;border-radius:4px}.hero-logo-image{width:100%;height:100%;object-fit:contain;border-radius:4px}.retone-app-icon{width:100%;height:100%;object-fit:contain;border-radius:64px}.app-nav{display:flex;gap:1.5rem}.app-nav-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);position:relative;transition:color .2s ease}.app-nav-link:hover{color:var(--color-primary)}.app-nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-primary);transition:width .2s ease}.app-nav-link:hover:after{width:100%}.theme-switcher{display:flex;gap:.5rem}.theme-button{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-text-inverse)}.theme-button:hover{transform:scale(1.1)}.theme-button-mocha{background-color:#f5c2e7}.theme-button-latte{background-color:#8839ef}.theme-button-nerv{background-color:#7e57c2}.theme-button-eva02{background-color:#ec407a}@media (max-width: 640px){.store-badges{gap:.5rem}.app-badge{height:32px}.store-badges .button,.store-badges .button-aurora{padding:.5rem .9rem;font-size:var(--font-size-sm)}.discord-logo{width:48px;height:48px}.discord-qr{width:96px;height:96px}.masonry-wall{min-height:320px}}.theme-mocha{--rosewater: #F5E0DC;--flamingo: #F2CDCD;--pink: #F5C2E7;--mauve: #CBA6F7;--red: #F38BA8;--maroon: #EBA0AC;--peach: #FAB387;--yellow: #F9E2AF;--green: #A6E3A1;--teal: #94E2D5;--sky: #89DCEB;--sapphire: #74C7EC;--blue: #89B4FA;--lavender: #B4BEFE;--text: #D0D3F4;--subtext1: #BABEDE;--subtext0: #A6A8C8;--overlay2: #9391A8;--overlay1: #7F7D92;--overlay0: #6C6B7E;--surface2: #585561;--surface1: #46434F;--surface0: #32303E;--base: #25212B;--mantle: #1C1823;--crust: #13111A;--color-primary: var(--pink);--color-secondary: var(--blue);--color-tertiary: var(--yellow);--color-background-primary: var(--base);--color-background-secondary: var(--mantle);--color-text-primary: var(--text);--color-text-secondary: var(--subtext1);--color-text-inverse: var(--crust);--color-trans-blue: #5BCEFA;--color-trans-pink: #F5A9B8;--color-trans-white: #FFFFFF;--color-surface: var(--surface0);--shadow-strength: .1}.theme-latte{--color-primary: #8839EF;--color-secondary: #1E66F5;--color-tertiary: #DF8E1D;--color-background-primary: #EFF1F5;--color-background-secondary: #E6E9EF;--color-text-primary: #4C4F69;--color-text-secondary: #8C8FA1;--color-text-inverse: #FFFFFF;--color-trans-blue: #5BCEFA;--color-trans-pink: #F5A9B8;--color-trans-white: #FFFFFF;--color-surface: #FFFFFF;--shadow-strength: .08}.theme-nerv{--color-primary: #7E57C2;--color-secondary: #81C784;--color-tertiary: #B39DDB;--color-background-primary: #1A1A1A;--color-background-secondary: #252525;--color-text-primary: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-inverse: #1A1A1A;--color-trans-blue: #5BCEFA;--color-trans-pink: #F5A9B8;--color-trans-white: #FFFFFF;--color-surface: #303030;--shadow-strength: .2}.theme-eva02{--color-primary: #EC407A;--color-secondary: #F06292;--color-tertiary: #F8BBD0;--color-background-primary: #1A1A1A;--color-background-secondary: #252525;--color-text-primary: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-inverse: #1A1A1A;--color-trans-blue: #5BCEFA;--color-trans-pink: #F5A9B8;--color-trans-white: #FFFFFF;--color-surface: #303030;--shadow-strength: .2}*,*:before,*:after{box-sizing:border-box;margin:0}:root{color-scheme:dark}body{background-color:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.theme-latte{color-scheme:light}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body>main{width:100%;min-height:100vh;position:relative}canvas{display:block}body{transform:translateZ(0);backface-visibility:hidden;perspective:1000}