*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#a40000;--secondary:#7b0000;--accent:#6d0000;--dark:#0f0f23;--darker:#000000;--light:#ffffff}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--darker);color:var(--light);overflow-x:hidden;line-height:1.6}body::before{content:'';position:fixed;width:100%;height:100%;background:radial-gradient(600px at var(--x,50%) var(--y,50%),rgb(241 99 99 / 15%),transparent 80%);pointer-events:none;z-index:1;opacity:0;transition:opacity .3s}body.cursor-active::before{opacity:1}.bg-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6}.mesh-gradient{position:absolute;border-radius:50%;filter:blur(80px);animation:float 20s ease-in-out infinite}.mesh-1{top:-10%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(241,99,99,.4) 0,transparent 70%);animation-delay:0s}.mesh-2{top:40%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(246,92,92,.3) 0,transparent 70%);animation-delay:5s}.mesh-3{bottom:-10%;left:30%;width:700px;height:700px;background:radial-gradient(circle,rgba(236,72,72,.3) 0,transparent 70%);animation-delay:10s}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.container{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:2}.stefanheader{background:rgba(0,0,0,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:200;width:100%}.stefanheader nav a{color:var(--totl-nav-color);font-family:verdana;font-variant:normal;text-align:center;float:left;padding:8px 20px;text-decoration:none}.stefanheader #wraphead{min-height:56px;align-items:center;display:flex;position:relative;margin:0;padding:0 16px}.stefanheader nav{height:36px;right:30px;position:absolute;display:flex;align-items:center}.stefanheader nav a{color:rgba(255,255,255,.7);font-family:verdana;font-variant:normal;text-align:center;float:left;padding:8px 20px;text-decoration:none}.stefanheader nav a:hover{background-color:#202020}.stefanheader nav a:active{box-shadow:inset 0 0 5px rgba(0,0,0,.7)}.stefanheader .brandname,.stefanheader .brandname:active,.stefanheader .brandname:hover,.stefanheader .brandname:visited{text-decoration:none;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:30px;font-size:18px;position:absolute;top:0;left:0;line-height:56px;cursor:pointer}.show-menu{-webkit-user-select:none;user-select:none;z-index:399;position:absolute;top:5px;right:5px;height:45px;width:45px;border-radius:50%}#show-menu{display:none}#show-menu:checked~#menu{display:block}#show-menu,.show-menu{display:none}.search-container{float:right}.search-container form{position:relative}.search-container .searchicon{position:absolute;top:8px;left:5px;height:20px;width:20px;padding:3px;border-radius:20px;display:flex;align-items:center}.search-container .searchicon:hover{background:#2f2f2f;cursor:pointer}.search-container .searchicon svg{fill:rgba(255,255,255,.7)}.search-container input[type=search]{color:#fff;background:#202020;border:0;border-radius:5px;height:35px;padding:10px 10px 10px 30px;box-sizing:border-box;outline:0;width:100%;max-width:975px;-webkit-appearance:none;appearance:none}.show-menu{-webkit-user-select:none;user-select:none;z-index:399;position:absolute;top:5px;right:5px;height:45px;width:45px;border-radius:50%}#menuToggle{height:12px;width:20px;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto;left:0;right:0}#menuToggle span{display:block;width:20px;height:2px;margin-bottom:3px;position:relative;background:#fff}@media only screen and (max-width:880px),only screen and (max-device-width:1000px){#wraphead{margin:0 auto;width:100%;padding:0;text-align:left}.show-menu{display:block}.stefanheader nav{width:320px;top:56px;display:none;float:right;height:280px;border-bottom:1px solid gray;box-shadow:0 2px 5px rgba(0,0,0,.26)}.stefanheader nav a{padding:10px 0;border-bottom:var(--totl-nav-border);width:100%}.stefanheader nav a:first-child{border-top:var(--totl-nav-border)}.stefanheader nav .search-container{width:calc(100% - 40px);padding:20px;color:#fff}.stefanheader .brandname,a.glassbutton,nav a,nav a:hover{text-decoration:none}.stefanheader nav a{position:relative;text-decoration:none;margin:0;text-align:center}.stefanheader header,.stefanheader nav .search-container,.stefanheader nav a{background:rgba(0,0,0,.8)}.stefanheader header,.stefanheader nav{right:0}.stefanheader nav a,.stefanheader section p{margin:0}.stefanheader .brandname{float:left}.show-menu{-webkit-user-select:none;user-select:none;z-index:399;position:absolute;top:5px;right:5px;height:45px;width:45px;border-radius:50%}#show-menu{display:none}#show-menu:checked~#menu{display:block}}.subheader{position:sticky;top:0;left:0;right:0;z-index:100;padding:20px 0;background:rgba(0,0,0,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.subnav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:800;display:flex;align-items:center;gap:8px}.logo span{font-size:28px}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{color:rgba(255,255,255,.7);text-decoration:none;font-weight:500;font-size:14px;transition:color .3s;letter-spacing:.5px}.nav-links a:hover{color:var(--light)}.download-btn{padding:12px 28px;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:30px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:transform .3s,box-shadow .3s;text-decoration:none;display:inline-block}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgb(241 99 99 / 40%)}.hero{min-height:80vh;display:flex;align-items:center;position:relative}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-text h1{font-size:clamp(48px,8vw,70px);font-weight:900;line-height:1.1;margin-bottom:30px;letter-spacing:-2px}.gradient-text{background:linear-gradient(310deg,#4facfe 0,#6366f1 25%,#a855f7 45%,#ec4899 65%,#f97316 85%,#fb923c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;padding-bottom:12px}.gradient-text::after{content:attr(data-text);position:absolute;inset:0;background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(10px);opacity:.6;z-index:-1;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,100%{opacity:.5;filter:blur(8px)}50%{opacity:.9;filter:blur(14px)}}.section-user{text-align:center;margin-bottom:80px}.section-user p{font-size:20px;color:rgba(255,255,255,.6);max-width:900px;margin:0 auto}.section-user h2{font-size:clamp(40px,6vw,64px);font-weight:900;margin-bottom:20px;letter-spacing:-1px}.user-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:40px;transition:all .4s}.user-card:hover{transform:translateY(-10px);border-color:rgba(99,102,241,.3)}.user-card p{color:rgba(255,255,255,.6);line-height:1.8;font-size:16px;position:relative;z-index:1}.user-card h3{font-size:24px;font-weight:700;margin-bottom:16px;position:relative;z-index:1}.user-icon{font-size:48px;margin-bottom:24px;display:inline-block;position:relative;z-index:1}.hero-text p{font-size:20px;line-height:1.8;color:rgba(255,255,255,.7);margin-bottom:40px;max-width:500px}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn-primary{padding:18px 40px;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 40px rgb(241 99 99 / 30%)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(255,73,73,.5)}.btn-secondary{padding:18px 40px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup{width:308px;height:650px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));border-radius:40px;border:8px solid rgba(255,255,255,.1);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:phoneFloat 6s ease-in-out infinite}@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.phone-screen{width:100%;height:100%;background-image:url(/images/headly/headly-iphone-homescreen.webp);background-size:contain;background-repeat:no-repeat;display:flex;flex-direction:column;padding:20px;gap:15px}.mock-card{background:rgba(255,255,255,.05);border-radius:20px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.mock-title{height:12px;background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.1));border-radius:4px;margin-bottom:10px;width:70%}.mock-text{height:8px;background:rgba(255,255,255,.1);border-radius:4px;margin-bottom:6px}.floating-elements{position:absolute;width:100%;height:100%}.floating-card{position:absolute;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;animation:cardFloat 8s ease-in-out infinite}.floating-card-1{top:10%;right:-100px;width:200px;animation-delay:0s}.floating-card-2{bottom:20%;right:-80px;width:180px;animation-delay:2s}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;margin-bottom:10px}.card-line{height:8px;background:rgba(255,255,255,.1);border-radius:4px;margin-bottom:6px}.stats{padding:80px 0;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-top:60px}.stat-item h3{font-size:56px;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stat-item p{color:rgba(255,255,255,.6);font-size:16px;font-weight:500}.features{padding:120px 0;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-header h2{font-size:clamp(40px,6vw,64px);font-weight:900;margin-bottom:20px;letter-spacing:-1px}.section-header p{font-size:20px;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto}.intro{padding:120px 0;position:relative}.section-intro{text-align:center;margin-bottom:80px}.section-intro h2{font-size:clamp(40px,6vw,64px);font-weight:900;margin-bottom:20px;letter-spacing:-1px}.section-intro p{font-size:20px;color:rgba(255,255,255,.6);max-width:900px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.feature-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:40px;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));opacity:0;transition:opacity .4s}.feature-card:hover{transform:translateY(-10px);border-color:rgb(241 99 99 / 30%);box-shadow:0 20px 60px rgb(241 99 99 / 20%)}.feature-card:hover::before{opacity:1}.feature-icon{font-size:48px;margin-bottom:24px;display:inline-block;position:relative;z-index:1}.feature-card h3{font-size:24px;font-weight:700;margin-bottom:16px;position:relative;z-index:1}.feature-card p{color:rgba(255,255,255,.6);line-height:1.8;font-size:16px;position:relative;z-index:1}.premium{padding:120px 0;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(236,72,153,.05));border-radius:60px;margin:80px 0;position:relative;overflow:hidden}.premium::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.premium-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.premium-text h2{font-size:clamp(40px,6vw,64px);font-weight:900;margin-bottom:30px;letter-spacing:-1px}.premium-text p{font-size:20px;color:rgba(255,255,255,.7);margin-bottom:40px;line-height:1.8}.premium-features{list-style:none;margin-bottom:40px}.premium-features li{padding:16px 0;display:flex;align-items:center;gap:16px;font-size:18px;color:rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.05)}.premium-features li::before{content:'✓';display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.premium-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.premium-card{width:100%;height:100%;background:linear-gradient(135deg,rgb(0 0 0 / 20%),rgb(158 0 0 / 20%));border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.premium-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.premium-card h3{font-size:48px;font-weight:900;margin-bottom:20px;position:relative;z-index:1}.premium-card p{font-size:20px;color:rgba(255,255,255,.7);position:relative;z-index:1}.testimonials{padding:120px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:80px}.testimonial-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:40px;transition:all .4s}.testimonial-card:hover{transform:translateY(-10px);border-color:rgba(99,102,241,.3)}.testimonial-stars{color:#fbbf24;font-size:20px;margin-bottom:20px}.testimonial-text{font-size:18px;line-height:1.8;color:rgba(255,255,255,.8);margin-bottom:24px}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%}.author-info h4{font-size:16px;font-weight:600;margin-bottom:4px}.author-info p{font-size:14px;color:rgba(255,255,255,.5)}.cta-section{padding:120px 0;text-align:center}.cta-box{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));border:1px solid rgba(255,255,255,.1);border-radius:60px;padding:80px 40px;position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,0,0,.2) 0,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-box h2{font-size:clamp(40px,6vw,64px);font-weight:900;margin-bottom:24px;position:relative;z-index:1}.cta-box p{font-size:20px;color:rgba(255,255,255,.7);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}footer{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.05);padding:80px 0 40px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-brand h3{font-size:28px;font-weight:800;margin-bottom:16px}.footer-brand p{color:rgba(255,255,255,.6);line-height:1.8;margin-bottom:24px}.social-links{display:flex;gap:16px}.social-links a{width:44px;height:44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:18px;transition:all .3s}.social-links a:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;transform:translateY(-3px)}.footer-section h4{font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.footer-links{list-style:none}.footer-links a{color:rgba(255,255,255,.6);text-decoration:none;display:block;padding:8px 0;transition:color .3s}.footer-links a:hover{color:var(--light)}.footer-bottom{padding-top:40px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.5);font-size:14px}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:60px}.hero-visual{order:-1}.premium-content{grid-template-columns:1fr;gap:60px}.footer-content{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){.container{padding:0 20px}.nav-links{display:none}.hero{padding-top:80px}.hero-text h1{font-size:48px}.hero-buttons{flex-direction:column}.phone-mockup{width:280px;height:570px}.floating-card{display:none}.features-grid,.testimonials-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}html{scroll-behavior:smooth}::selection{background:rgba(99,102,241,.3);color:#fff}