html{scroll-behavior:smooth;scroll-padding-top:80px}:root{--bg0: #070A12;--bg1: #0B1020;--text: #EAF0FF;--muted: rgba(234, 240, 255, .72);--stroke2: rgba(255, 255, 255, .1);--shadow2: 0 10px 30px rgba(0, 0, 0, .35);--radius: 32px;--radius2: 24px;--accent-primary: #7C5CFF;--accent-secondary: #289B70;--accent-tertiary: #ff3d81;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(1200px 800px at 10% 10%,#111a3a 0%,transparent 55%),radial-gradient(900px 700px at 90% 20%,#1a0f3a 0%,transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));background-attachment:fixed;background-color:var(--bg0);min-height:100vh;overflow-x:hidden;line-height:1.6}::selection{background:#7c5cff4d;color:#fff}.bg{position:fixed;inset:0;pointer-events:none;z-index:-1}.orb{position:absolute;width:520px;height:520px;filter:blur(80px);opacity:.45;border-radius:999px;mix-blend-mode:screen;animation:float 20s infinite ease-in-out alternate}.orb-1{left:-10vw;top:-10vh;background:radial-gradient(circle at 30% 30%,var(--accent-primary),transparent 60%)}.orb-2{right:-10vw;top:20vh;background:radial-gradient(circle at 30% 30%,var(--accent-secondary),transparent 60%);animation-delay:-5s}.orb-3{left:30vw;bottom:-20vh;width:700px;height:700px;background:radial-gradient(circle at 30% 30%,var(--accent-tertiary),transparent 62%);opacity:.3;animation-delay:-10s}.noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:overlay}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-50px) scale(1.05)}to{transform:translate(-20px,40px) scale(.95)}}.glass{background:linear-gradient(180deg,#ffffff14,#ffffff08)}.glass-soft{background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border:1px solid var(--stroke2);border-radius:var(--radius2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff1a}.glass-hover{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease}.glass-hover:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff14 inset,0 0 20px #ffffff0d}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.02em}h1{font-weight:700}.gradient-text{background:linear-gradient(135deg,#eaf0ff,#7c5cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.glass-nav{position:fixed;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .4s cubic-bezier(.16,1,.3,1);background:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent}.glass-nav.scrolled{height:70px;background:linear-gradient(180deg,#0b1020cc,#070a1299);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #0000004d,inset 0 -1px #ffffff0a}.nav-content{width:100%;max-width:1200px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-links a:not(.btn-primary){text-decoration:none;color:var(--muted);font-size:.95rem;font-weight:500;transition:all .3s ease;letter-spacing:.01em}.nav-links a:not(.btn-primary):hover{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3)}.lang-selector{position:relative;height:40px;min-width:125px;border-radius:24px;background:#ffffff0d;border:1px solid var(--stroke2);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lang-selector:hover{background:#ffffff14;border-color:#fff3}.lang-selector.active{background:#ffffff1f;border-radius:24px 24px 0 0;border-color:#ffffff4d;border-bottom-color:transparent;transition:transform .3s ease,background .3s ease,border-color .3s ease}.lang-btn{border:0;outline:none;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text);padding:0 12px;cursor:pointer;height:100%;width:100%;font-family:var(--font-body);font-size:.9rem}.lang-btn i{font-size:1.1rem;opacity:.8}.lang-btn .ph-caret-down{font-size:.8rem;transition:transform .3s ease}.lang-selector.active .ph-caret-down{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#ffffff1f,#ffffff0d),radial-gradient(130% 170% at 12% -24%,rgba(124,92,255,.2),transparent 56%),linear-gradient(180deg,#0b1122,#070a12);border:none;border-radius:0 0 24px 24px;padding:8px;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 0 1px #ffffff4d,0 15px 35px #0006;clip-path:inset(0px -100% -100% -100%);z-index:100}.lang-selector.active .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{padding:8px 12px;border-radius:11px;cursor:pointer;font-size:.85rem;transition:all .2s ease;color:var(--muted);white-space:nowrap}.lang-option:hover{background:#ffffff1a;color:#fff}.lang-option.active{background:#ffffff26;color:#fff;font-weight:600}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.16,1,.3,1)}.logo:hover{transform:translateY(-1px)}.logo:hover .logo-img{filter:drop-shadow(0 0 10px rgba(255,255,255,.4)) brightness(1.1)}.logo-img{width:32px;height:32px;object-fit:contain;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;border:none}.btn-primary{background:radial-gradient(100% 100% at 50% 0%,rgba(255,255,255,.5) 0%,transparent 100%),#ffffffeb;color:#000;backdrop-filter:blur(12px) saturate(1.8);-webkit-backdrop-filter:blur(12px) saturate(1.8);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 16px #0000001a,inset 0 1px 1px #fff,inset 0 -1px 1px #0000000d;transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-primary.glass-hover:hover{background:#fff;transform:translateY(-1px);box-shadow:0 12px 24px #0000001f,inset 0 1px #fff,0 0 20px #ffffff26;border-color:#ffffffbf}.btn-secondary{color:var(--text);background:#ffffff0d;border:1px solid var(--stroke2)}.btn-lg{padding:14px 28px;font-size:1rem}main{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding-top:80px}.pill-badge{display:inline-block;padding:6px 16px;border-radius:999px;font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:2rem;letter-spacing:.02em;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:default}.pill-badge:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 0 20px #ffffff1a,inset 0 0 10px #ffffff0d;transform:translateY(-1px)}.hero-title{font-size:4.5rem;margin-bottom:1.5rem;line-height:1.05}.hero-subtitle{font-size:1.25rem;color:var(--muted);max-width:480px;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative;height:600px;perspective:1000px}.glass-mockup{position:absolute;padding:1.5rem;width:100%;max-width:400px;transform:rotateY(-15deg) rotateX(10deg);transform-style:preserve-3d;transition:transform .5s ease;left:20%;top:10%}.glass-mockup:hover{transform:rotateY(-5deg) rotateX(5deg) translateY(-10px)}.mockup-float{top:45%;left:55%;max-width:320px;z-index:2;transform:rotateY(-10deg) rotateX(15deg) translateZ(50px);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff26,#ffffff05)}.mockup-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:12px}.dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:#fff3}.mockup-title{font-size:.9rem;font-weight:600;color:var(--muted)}.mockup-line{height:12px;border-radius:6px;background:#ffffff1a;margin-bottom:12px}.mockup-line.short{width:60%}.mockup-thumbnail{aspect-ratio:16/9;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:1px dashed rgba(255,255,255,.2)}.mockup-thumbnail i{font-size:3rem;color:#fff3}.mockup-thumb-stats{display:flex;justify-content:space-around;margin-top:1rem}.thumb-stat{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted)}.thumb-stat i{color:var(--accent-secondary)}.mockup-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.mockup-stat-box{background:#ffffff0d;padding:.75rem;border-radius:8px;display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.25rem;font-weight:600;color:#fff;font-family:var(--font-display)}.mockup-chart{height:100px;background:linear-gradient(to top,rgba(124,92,255,.2),transparent);border-bottom:2px solid var(--accent-primary);border-radius:0 0 4px 4px;position:relative;overflow:hidden}.mockup-chart:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:60%;background:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 C 20 0 50 100 100 0 L 100 100 Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E") no-repeat bottom;background-size:100% 100%}.features{scroll-margin-top:50px}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{font-size:3rem;margin-bottom:1rem}.section-header p{font-size:1.2rem;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{padding:2rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text);margin-bottom:.5rem}.feature-card h3{font-size:1.4rem}.feature-card p{color:var(--muted);font-size:.95rem}.cta-section{padding:6rem 0 8rem}.cta-card{text-align:center;padding:5rem 2rem;border-radius:var(--radius);background:linear-gradient(135deg,#ffffff0d,#ffffff03);position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(124,92,255,.1),transparent 50%);pointer-events:none}.cta-card h2{font-size:3.5rem;margin-bottom:1rem}.cta-card p{font-size:1.2rem;color:var(--muted);margin-bottom:3rem}.install-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.glass-footer{border-top:1px solid rgba(255,255,255,.05);padding:3rem 0;background:#070a1280;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:2rem;width:100%;margin-bottom:3rem}.footer-brand{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:3rem}.logo-large img{width:72px;height:72px}.logo-large span{font-size:2.2rem;font-weight:800}}.footer-mission{color:var(--muted);font-size:.95rem;line-height:1.6;max-width:800px}.footer-block h4{color:#fff;font-size:1.1rem;margin-bottom:1.5rem}.footer-block ul{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-block a{color:var(--muted);text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer-block a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;flex-wrap:wrap;gap:1rem}.footer-contact{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.9rem}.footer-socials{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.margin-top-2{margin-top:2.5rem}.social-text{color:var(--muted);font-size:.9rem}.social-icons{display:flex;gap:.75rem}.social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0d;color:var(--muted);font-size:1.25rem;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.social-icons a:hover{background:#ffffff26;color:#fff;border-color:#fff6;transform:translateY(-4px);box-shadow:0 10px 20px #0003,0 0 15px #ffffff1a;backdrop-filter:blur(12px) saturate(1.8);-webkit-backdrop-filter:blur(12px) saturate(1.8)}.footer-credit{margin-top:2rem;text-align:center}.credit-text{color:#fff6;font-size:.85rem;letter-spacing:.02em;transition:all .3s ease;font-weight:500}.credit-text:hover{color:#fffc;text-shadow:0 0 10px rgba(255,255,255,.1)}.copyright{color:#fff6;font-size:.9rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.combined-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;scroll-margin-top:0;scroll-margin-top:initial}.liquid-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff0d;backdrop-filter:blur(12px) saturate(1.8);-webkit-backdrop-filter:blur(12px) saturate(1.8);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.liquid-icon:hover{transform:translateY(-1px);background:#ffffff26;border-color:#fff6;box-shadow:0 0 20px #ffffff1a,inset 0 0 10px #ffffff0d}.liquid-icon:hover i{color:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,.5))}.liquid-icon:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 0%,rgba(255,255,255,.08),transparent);pointer-events:none}.liquid-icon i{font-size:1.25rem;color:#ffffffe6}.how-it-works-compact .liquid-icon i{color:#ffffffd9}.testimonial-icon{width:38px;height:38px;font-size:1rem;background:#ffd7000d;border-color:#ffd70033}.use-cases-section{padding:1rem 2rem 2rem;width:100%;max-width:1000px;scroll-margin-top:50px}.use-cases-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.use-case-card{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.5rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.16,1,.3,1);cursor:default;width:auto;max-width:450px;flex:0 1 auto;min-height:48px}.use-case-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 0 20px #ffffff1a,inset 0 0 10px #ffffff0d;transform:translateY(-1px)}.use-case-info h3{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.4rem}.use-case-info p{font-size:.9rem;color:#fff9;line-height:1.4}@media(max-width:768px){.use-cases-grid{grid-template-columns:1fr}}.testimonial-quote{font-size:1.1rem;font-weight:400;font-style:italic;color:var(--text);letter-spacing:.01em}@media(max-width:992px){.hero{grid-template-columns:1fr;text-align:center;padding-top:120px;gap:3rem}.hero-subtitle{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.hero-visual{height:500px;display:flex;justify-content:center}.glass-mockup{position:relative;transform:none;margin:0 auto;left:0;top:0}.mockup-float{position:absolute;transform:translateY(80px) translate(0);left:50%;transform:translate(-50%,80px)}.footer-grid{grid-template-columns:1fr}.nav-links{gap:1.5rem}.nav-links a:not(.btn-primary){display:none}.hiw-steps{flex-wrap:wrap;justify-content:center;gap:1rem}.hiw-arrow{display:none}}@media(max-width:768px){.hero-title{font-size:3rem}.cta-card h2,.section-header h2{font-size:2.5rem}.nav-links{gap:1rem}.nav-content{padding:0 1rem}.testimonial-content{padding:.8rem 1.5rem;width:fit-content;max-width:90%}.testimonial-quote{font-size:.9rem}}@media(max-width:480px){.hero-title{font-size:2.5rem}main{padding:0 1rem}.cta-card{padding:3rem 1.5rem}.install-buttons{flex-direction:column}.btn-lg{width:100%}.footer-grid{grid-template-columns:1fr}.nav-links a.btn-primary{padding:8px 16px;font-size:.85rem}.lang-btn{padding:0 8px}}