.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg-void: #050509;--bg-surface: #0a0e14;--bg-elevated: #111820;--accent: #5ba4f5;--accent-dim: #2d5a8a;--accent-glow: rgba(91, 164, 245, .12);--text-primary: #e8ecf2;--text-secondary: #8892a2;--text-tertiary: #4a5568;--border: rgba(255, 255, 255, .06);--font-display: "Instrument Serif", serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, "Instrument Sans", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}img{pointer-events:none;-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}html{font-display:swap}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);font-size:17px;line-height:1.5;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:10000;opacity:.35;mix-blend-mode:overlay}body:after{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(91,164,245,.05),transparent 70%);pointer-events:none;z-index:0}img,video{content-visibility:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.header{display:flex;flex-direction:column;width:100%;padding:16px 0;position:relative}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:16px;opacity:0;animation:slideDown .6s var(--ease-out) forwards;animation-delay:.1s}.logo{height:22px;opacity:0;animation:fadeIn .5s var(--ease-out) forwards;animation-delay:.15s;fill:var(--accent)}.logo svg,.logo path{fill:var(--accent)}.social-icons{display:flex;align-items:center;gap:16px}.social-icon{font-size:20px;color:var(--text-tertiary);text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:center;height:32px;transition:color .2s ease;opacity:0;animation:fadeIn .5s var(--ease-out) forwards;animation-delay:.2s}.social-icon:hover{color:var(--text-secondary)}.discord-icon,.discord-icon svg,.discord-icon path{fill:var(--text-tertiary);transition:fill .2s ease}.discord-icon:hover,.discord-icon:hover svg,.discord-icon:hover path{fill:var(--text-secondary)}.header-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);transform-origin:center;transform:scaleX(0);animation:drawLine .8s var(--ease-out) forwards;animation-delay:.3s}.footer{margin-top:auto;width:100%;text-align:center;padding:32px 0;opacity:0;animation:fadeIn .6s var(--ease-out) forwards;animation-delay:1.2s}.copyright{color:var(--text-tertiary);font-size:13px;font-family:var(--font-body);font-weight:400;letter-spacing:.02em;margin:0}.app-container{padding:0 20px;min-height:100vh;overflow:visible;position:relative}@media(max-width:768px){.app-container{padding:0 16px}}.container{width:100%;max-width:1400px;min-height:calc(100vh - 100px);margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:64px;opacity:0;animation:fadeUp .8s var(--ease-out) forwards;animation-delay:.4s;overflow:visible}@media(max-width:768px){.container{padding:40px 0;min-height:auto}}.phone-group{position:relative;width:340px;flex-shrink:0;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1}.phone-wrapper{position:relative;width:100%;aspect-ratio:438 / 896;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.phone-wrapper:after{content:"";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:70%;height:80px;background:radial-gradient(ellipse,var(--accent-glow),transparent 70%);filter:blur(25px);z-index:0;opacity:0;transition:opacity .4s ease}.phone-group:hover .phone-wrapper:after{opacity:1}.phone-image{width:100%;height:100%;object-fit:contain;z-index:1;will-change:transform;transition:transform .4s var(--ease-out);border-radius:28px}.phone-group:hover .phone-image{transform:scale(1.03) translateY(-4px)}.text-section{display:flex;align-items:center;justify-content:center;height:auto;position:relative;width:100%;margin-top:32px;z-index:2}.feature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;position:relative;z-index:3}.feature-title{font-family:var(--font-body);font-size:24px;font-weight:600;line-height:1.3;letter-spacing:0;text-align:center;color:var(--text-primary);margin-bottom:4px}.feature-description{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.5;text-align:center;color:var(--text-secondary);margin:0 0 40px}@media(max-width:768px){.phone-group{position:relative;width:100%;height:auto;max-width:300px;margin:0 auto;animation:none}.phone-wrapper{position:relative;width:100%;aspect-ratio:438 / 896}.phone-wrapper:after{opacity:1}.text-section{margin-top:24px}.feature-title{font-size:20px}.feature-description{font-size:15px;margin-bottom:0}}@media(min-width:769px)and (max-width:1400px){.feature-title{font-size:20px}.feature-description{font-size:15px}}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--bg);border:1px solid var(--border);border-radius:100px;text-decoration:none;transition:all .25s var(--ease-out, cubic-bezier(.16, 1, .3, 1));cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.action-button:active{transform:translateY(0) scale(.98)}.button-icon{width:20px;height:20px;object-fit:contain}.button-text{font-family:var(--font-body, "DM Sans", sans-serif);font-size:14px;font-weight:600;line-height:1;color:var(--text);white-space:nowrap;letter-spacing:-.01em}@media(max-width:768px){.action-button{padding:8px 16px;gap:6px}.button-icon{width:18px;height:18px}.button-text{font-size:13px}}.hero-title{font-family:var(--font-display);font-size:84px;font-weight:400;line-height:1.2;text-align:center;margin-bottom:36px;padding:.05em 0;z-index:10;position:relative;background:linear-gradient(135deg,#fff,#c8ddf2 40%,#fff 60%,#a8c8e8);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.buttons-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:80px;z-index:10;position:relative}.phones-container{position:relative;height:auto;width:100%;max-width:1300px;margin:0 auto;gap:48px;z-index:5;display:flex;justify-content:center;align-items:flex-start;padding:0 20px}@media(max-width:1400px){.hero-title{font-size:64px}.phones-container{gap:32px;padding:0}}@media(max-width:1100px){.phones-container{transform:scale(.78);transform-origin:top center;margin-bottom:-180px}}@media(max-width:768px){.hero-title{font-size:52px;margin-bottom:28px;padding:0 8px}.buttons-container{flex-direction:row;margin-bottom:48px;gap:8px}.phones-container{position:relative;height:auto;width:100%;display:flex;flex-direction:column;gap:56px;transform:none;margin-top:0;margin-bottom:0;padding:0;justify-content:center;align-items:center}}