:root{--primary: #7C17CF;--primary-dark: #36199B;--primary-light: #BC75FF;--accent-purple: #6645EB;--bg-dark: #03000A;--bg-card: rgba(14, 15, 27, .5);--text-primary: #FFFFFF;--text-secondary: rgba(141, 148, 165, 1);--text-muted: rgba(182, 179, 189, 1);--border-glass: rgba(255, 255, 255, .1);--glow-purple: rgba(124, 23, 207, .35);--section-padding: 100px 0;--container-width: 1200px;--font-primary: "Familjen Grotesk", sans-serif;--font-secondary: "Ubuntu", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.25;font-family:var(--font-primary)}h1{font-size:clamp(2.2rem,5vw,3rem);letter-spacing:-2px}h2{font-size:clamp(1.8rem,4vw,2rem);letter-spacing:-1px}h3{font-size:clamp(1.1rem,2vw,1.4rem)}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.scroll-reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.scroll-reveal.up{transform:translateY(50px)}.scroll-reveal.left{transform:translate(-50px)}.scroll-reveal.right{transform:translate(50px)}.scroll-reveal.visible{opacity:1;transform:none}.section-badge{display:inline-flex;align-items:center;font-family:var(--font-secondary);font-size:20px;font-weight:700;color:var(--primary);letter-spacing:0;margin-bottom:16px;position:relative;padding:0 20px}.section-badge:before,.section-badge:after{content:"";position:absolute;top:50%;width:60px;height:2px}.section-badge:before{right:100%;background:linear-gradient(270deg,var(--primary),transparent)}.section-badge:after{left:100%;background:linear-gradient(90deg,var(--primary),transparent)}.section-heading{margin-bottom:16px;text-align:center}.gradient-text{background:linear-gradient(0deg,#fff3,#fff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .4s ease}.navbar.scrolled{background:#03000ad9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-glass);padding:10px 0}.nav-container{display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:10px;font-size:1.75rem;font-weight:600;z-index:10}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.logo-icon.small{width:36px;height:36px}.logo-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-inner img{width:100%;height:100%;object-fit:contain;border-radius:10px}.navbar-links{display:flex;align-items:center;gap:32px}.navbar-links a{color:var(--text-secondary);font-weight:400;font-size:.95rem;transition:color .25s ease}.navbar-links a:hover{color:var(--text-primary)}.nav-cta{background:linear-gradient(180deg,#3f20be,#190c4d);color:#fff!important;padding:10px 22px;border-radius:60px;font-weight:500;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 56px 3px var(--glow-purple);transition:all .3s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 56px 6px var(--glow-purple)}.mobile-menu-btn{display:none;background:none;width:44px;height:44px;position:relative;z-index:10}.hamburger,.hamburger:before,.hamburger:after{display:block;width:22px;height:2px;background:#fff;transition:all .3s ease;position:absolute;left:11px}.hamburger{top:21px}.hamburger:before{content:"";top:-7px}.hamburger:after{content:"";top:7px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg) translate(5px,5px)}.hamburger.open:after{transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:100px;padding-bottom:40px;overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:1}.hero-title{font-size:clamp(2.8rem,6.5vw,4.2rem);font-weight:500;letter-spacing:-2px;color:#fff;margin-bottom:32px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:fadeUp .75s cubic-bezier(.22,1,.36,1) forwards}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.store-btn{display:block;transition:all .3s cubic-bezier(.22,1,.36,1)}.store-btn img{height:56px;width:auto;display:block;object-fit:contain}.store-btn-primary img{height:82px;margin:-13px -10px}.store-btn:hover{transform:translateY(-4px) scale(1.02)}.hero-visual{position:relative;display:flex;justify-content:center;z-index:1}.phone-mockup{width:320px;border-radius:50px 50px 30px 30px;overflow:hidden;box-shadow:0 60px 120px #0009}.phone-mockup video{width:100%;display:block;border-radius:inherit}.ticker-section{padding:16px 0;overflow:hidden;border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);background:#ffffff05;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%)}.ticker-track{display:flex;animation:tickerScroll 30s linear infinite;width:max-content}.ticker-item{flex-shrink:0;padding:0 60px;font-size:34px;color:#fff;font-family:Inter Display,Inter,sans-serif;white-space:nowrap}.ticker-highlight{color:var(--primary-light);font-weight:700}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-section{padding:60px 0;position:relative;z-index:1}.trust-stats{display:flex;align-items:center;justify-content:space-between;gap:40px}.trust-header h3{font-size:28px;letter-spacing:-1px;line-height:1.25em;color:#fff}.trust-counters{display:flex;gap:48px}.trust-counter{text-align:center}.trust-value{font-size:24px;letter-spacing:-1px;color:#fff;font-weight:400}.trust-label{font-size:11px;letter-spacing:-.2px;color:var(--text-muted)}.mission-section{padding:80px 0;position:relative;z-index:1}.mission-text{max-width:900px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.85;color:var(--text-secondary);text-align:center;letter-spacing:-.02em}.mission-text strong{color:#f2f2f2}.philosophy-section{padding:var(--section-padding);position:relative;z-index:1;text-align:center}.philosophy-content{max-width:700px;margin:48px auto 0}.philosophy-steps{display:flex;flex-direction:column;gap:0}.philosophy-step{cursor:pointer;text-align:left;padding:16px 0;transition:all .3s ease}.philosophy-step.active{background:#6645eb0d;border-radius:12px;padding:20px}.step-header{display:flex;align-items:center;gap:12px}.step-num{font-size:20px;font-weight:600;line-height:1.5}.step-title{font-size:20px;font-weight:700;line-height:1.4}.philosophy-step.active .step-num,.philosophy-step.active .step-title{color:#fff}.philosophy-step:not(.active) .step-num,.philosophy-step:not(.active) .step-title{color:#757575}.step-progress{height:4px;background:#0000001f;border-radius:2px;margin:12px 0;overflow:hidden}.step-progress-fill{height:100%;background:#a60ff2;border-radius:2px;animation:progressFill 5s linear forwards}@keyframes progressFill{0%{width:0%}to{width:100%}}.step-desc{color:#b8b8d1;font-size:.95rem;line-height:1.5;font-weight:500}.step-divider{height:1px;background:#0000001f;margin-top:16px}.testimonials-section{padding:80px 0;position:relative;z-index:1;overflow:hidden}.testimonials-header{text-align:center;margin-bottom:48px}.avatar-stack{display:flex;justify-content:center;margin-bottom:16px}.avatar-stack img{width:48px;height:48px;border-radius:50%;border:2px solid var(--bg-dark);object-fit:cover;margin-left:-8px}.avatar-stack img:first-child{margin-left:0}.testimonials-scroll{overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.scroll-track{display:flex;gap:32px;width:max-content}.scroll-left{animation:scrollLeft 40s linear infinite}.scroll-right{animation:scrollRight 40s linear infinite}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.testimonial-card{flex-shrink:0;width:350px;background:linear-gradient(#6645eb1a,#0e0f1b80);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:12px;padding:24px}.testimonial-text{color:#f2f3f4;font-size:.9rem;line-height:1.6;margin-bottom:20px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:1px solid rgb(57,60,63);flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info h4{color:#fff;font-size:.9rem;font-weight:400}.author-info span{color:var(--text-secondary);font-size:14px;line-height:1.6}.award-section{padding:80px 0;position:relative;z-index:1}.award-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;position:relative}.award-content:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at center,rgba(124,23,207,.15),transparent 70%);pointer-events:none}.award-image{width:280px;height:280px}.award-image img{width:100%;height:100%;object-fit:contain}.award-content h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:500;letter-spacing:-.04em;color:#fff}.features-section{padding:var(--section-padding);position:relative;z-index:1;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.feature-card{background:#ffffff08;border:1px solid var(--border-glass);border-radius:16px;padding:24px;text-align:center;transition:all .4s ease;overflow:hidden}.feature-card:hover{transform:translateY(-8px);border-color:#7c17cf4d;box-shadow:0 20px 60px #7c17cf26}.feature-text h3{font-size:20px;font-weight:500;letter-spacing:-.03em;color:#fff;margin-bottom:8px}.feature-text p{font-size:12px;color:#fff;line-height:1.5;margin-bottom:16px}.feature-phone{border-radius:12px;overflow:hidden;opacity:.81}.feature-phone img{width:100%;display:block;border-radius:8px}.cta-section{padding:80px 0 120px;position:relative;z-index:1}.cta-card{position:relative;border-radius:15px;overflow:hidden;max-width:700px;margin:0 auto}.cta-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(38,9,61,.8),transparent);pointer-events:none}.cta-inner{position:relative;background:#0d1224;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:48px 32px;text-align:center}.cta-inner h3{font-size:24px;font-weight:500;letter-spacing:-.02em;color:#fff;margin-bottom:16px}.cta-inner p{font-family:var(--font-secondary);font-size:20px;color:#ffffffb3;margin-bottom:32px;line-height:1.5}.cta-button{display:inline-block;background:#fff;color:#460c69;font-family:var(--font-secondary);font-size:12px;font-weight:700;padding:12px 28px;border-radius:10px;box-shadow:0 0 2px 3px #7d02a640;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 6px 6px #7d02a64d}.footer{padding:60px 0 40px;position:relative;z-index:1;border-top:1px solid var(--border-glass);background:#010214}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}.footer-logo{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:400;margin-bottom:16px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h4{font-size:24px;font-weight:400;line-height:1.4;color:#fff;margin-bottom:8px}.footer-col a{color:#babbc4;font-size:1rem;line-height:1.6;transition:color .2s}.footer-col a:hover{color:#fff}.footer-contact{text-align:center}.footer-contact p{color:#babbc4;line-height:1.6;margin-bottom:16px}.contact-btn{display:inline-block;background:linear-gradient(180deg,#3f20be,#190c4d);color:#fff;padding:12px 32px;border-radius:88px;font-size:20px;font-weight:500;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 56px 3px var(--glow-purple);transition:all .3s ease}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 56px 6px var(--glow-purple)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app{min-height:100vh}@media(max-width:1024px){.features-grid{grid-template-columns:1fr 1fr}.footer-content{grid-template-columns:1fr;gap:32px}}@media(max-width:809px){:root{--section-padding: 60px 0}.navbar-links{display:none}.navbar-links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#03000afa;padding:24px;border-bottom:1px solid var(--border-glass);gap:20px;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{display:flex;align-items:center}.hero{padding-top:100px;min-height:auto;padding-bottom:40px}.hero .container{grid-template-columns:1fr;gap:32px;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-title{font-size:3rem}.hero-buttons{justify-content:center}.hero-visual{order:-1}.phone-mockup{width:240px}.ticker-item{font-size:20px;padding:0 30px}.trust-stats{flex-direction:column;text-align:center;gap:24px}.trust-counters{gap:32px}.features-grid{grid-template-columns:1fr;gap:16px}.philosophy-content{margin-top:32px}.award-image{width:200px;height:200px}.cta-inner{padding:32px 20px}.cta-inner p{font-size:16px}.footer-content{grid-template-columns:1fr;text-align:center;gap:32px}.footer-logo{justify-content:center}.footer-col{align-items:center}.footer-contact{text-align:center}}@media(max-width:480px){.hero-title{font-size:2.4rem}.hero-buttons{flex-direction:column;align-items:center}.store-btn img{height:56px}.phone-mockup{width:200px}.trust-counters{flex-direction:column;gap:20px}.testimonial-card{width:280px}.section-badge{font-size:14px}.section-badge:before,.section-badge:after{width:30px}}
