.landing-page{overflow-x:hidden}.landing-header{background:0 0}.landing-header--scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#ffffffd1;border-bottom:1px solid #e2e8f0e6;box-shadow:0 4px 30px #0f172a0f}.landing-header__glow{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#3b82f60a,#0000);transition:opacity .5s;position:absolute;inset:0}.landing-header--scrolled .landing-header__glow{opacity:1}.landing-header__logo{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:800;transition:transform .3s;display:flex;position:relative}.group:hover .landing-header__logo{transform:scale(1.05)}.landing-header__logo-ring{opacity:0;border:1px solid #3b82f64d;border-radius:14px;transition:opacity .3s;position:absolute;inset:-3px}.group:hover .landing-header__logo-ring{opacity:1}.landing-header__link{color:#64748b;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;transition:color .2s,background .2s}.landing-header__link:hover{color:#0f172a;background:#0f172a0d}.landing-header__menu-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:flex}.landing-header__menu-btn span{background:#334155;border-radius:2px;height:2px;transition:transform .3s,opacity .3s;display:block}.landing-header__menu-btn span.open:first-child{transform:translateY(7px)rotate(45deg)}.landing-header__menu-btn span.open:nth-child(2){opacity:0}.landing-header__menu-btn span.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.landing-header__mobile{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #0000;max-height:0;transition:max-height .4s,border-color .3s;overflow:hidden}.landing-header__mobile--open{border-bottom-color:#e2e8f0;max-height:400px}.landing-header__mobile-link{color:#475569;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:background .2s;display:block}.landing-header__mobile-link:hover{background:#f1f5f9}.landing-dl-btn{white-space:nowrap;border-radius:12px;align-items:center;gap:8px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.landing-dl-btn:hover{transform:translateY(-2px)}.landing-dl-btn--sm{padding:8px 16px;font-size:13px}.landing-dl-btn--md{padding:12px 22px;font-size:14px}.landing-dl-btn--lg{padding:16px 28px;font-size:15px}.landing-dl-btn--primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);box-shadow:0 4px 20px #3b82f659}.landing-dl-btn--primary:hover{box-shadow:0 8px 28px #3b82f673}.landing-dl-btn--chrome{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1a;box-shadow:0 4px 20px #0f172a40}.landing-dl-btn--chrome:hover{box-shadow:0 8px 28px #0f172a59}.landing-dl-btn--outline{color:#e2e8f0;background:0 0;border:1px solid #94a3b84d}.landing-dl-btn--outline:hover{background:#ffffff0d;border-color:#94a3b899}.landing-dl-btn__arrow{opacity:.6;font-size:12px}.landing-hero{color:#f8fafc;background:linear-gradient(145deg,#020617 0%,#0f172a 35%,#0c1a3a 70%,#0f172a 100%);min-height:92vh;position:relative;overflow:hidden}.landing-hero__grid{background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%)}.landing-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.landing-orb--blue{background:#3b82f638;width:520px;height:520px;top:-10%;right:-8%}.landing-orb--indigo{background:#6366f126;width:400px;height:400px;bottom:5%;left:-5%}.landing-orb--cyan{background:#22d3ee1a;width:280px;height:280px;top:40%;left:35%}.landing-badge{letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;background:#ffffff0d;border:1px solid #94a3b840;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.landing-badge__dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55ecc}.landing-title{letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.08}.landing-title .word{margin-right:.28em;display:inline-block;overflow:hidden}.landing-title .word-inner{display:inline-block}.landing-title .highlight{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-btn-ghost{color:#e2e8f0;border:1px solid #94a3b859;border-radius:12px;align-items:center;padding:14px 28px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.landing-btn-ghost:hover{background:#ffffff0d;border-color:#94a3b899}.landing-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #94a3b826;border-radius:16px;padding:20px 24px}.landing-mockup{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 32px 64px #0f172a1f}.landing-mockup-score{background:linear-gradient(135deg,#15803d,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.landing-features{background:#fafbfc}.landing-features__bg{pointer-events:none;background:radial-gradient(50% 40% at 20% 30%,#3b82f60f,#0000),radial-gradient(40% 50% at 80% 70%,#8b5cf60d,#0000);position:absolute;inset:0}.landing-gradient-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-feature-card{border:1px solid #e2e8f0cc;border-radius:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;position:relative;overflow:hidden}.landing-feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px #0f172a1a}.landing-feature-card__inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#ffffffd9;height:100%;padding:28px;position:relative}.landing-feature-card__shine{opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#0000 50%);transition:opacity .4s;position:absolute;inset:0}.landing-feature-card:hover .landing-feature-card__shine{opacity:1}.landing-feature-icon{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 4px 16px #0f172a0f}.landing-step-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:36px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.landing-step-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 20px 48px #0f172a14}.landing-step-card__glow{opacity:0;background:linear-gradient(90deg,#0000,#3b82f6,#0000);width:60%;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.landing-step-card:hover .landing-step-card__glow{opacity:1}.landing-step-num{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto;font-size:14px;font-weight:800;display:flex}.steps-connector{transform-origin:0;z-index:0;background:linear-gradient(90deg,#e2e8f0,#3b82f6,#e2e8f0);height:2px;position:absolute;top:52px;left:16.66%;right:16.66%}.landing-download{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);border:1px solid #6366f133;box-shadow:0 32px 64px #0f172a33}.landing-download__orb{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.landing-download__orb--1{background:#3b82f633;width:300px;height:300px;top:-20%;right:-5%}.landing-download__orb--2{background:#8b5cf626;width:200px;height:200px;bottom:-10%;left:10%}.landing-cta{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);position:relative;overflow:hidden}.landing-cta:before{content:"";background:radial-gradient(60% 80% at 50% 120%,#3b82f626,#0000);position:absolute;inset:0}.landing-footer{color:#f8fafc;background:#020617;position:relative;overflow:hidden}.landing-footer__gradient{pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#3b82f614,#0000);position:absolute;inset:0}.landing-footer__logo{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:800;display:flex}.landing-footer__link{color:#94a3b8;font-size:14px;transition:color .2s}.landing-footer__link:hover{color:#fff}.landing-footer__author{color:#60a5fa;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.landing-footer__author:hover{color:#93c5fd}.landing-footer__author-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e99}.landing-section-label{letter-spacing:.25em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.landing-section-title{letter-spacing:-.02em;color:#0f172a;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}
