@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#020617;--text:#cbd5e1;--heading:"Cinzel", serif;--sans:"Inter", system-ui, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}html{background:#020617}body{background:radial-gradient(circle at 100% 0,#2563eb38,#0000 34%),radial-gradient(circle at 0 0,#0ea5e91f,#0000 34%),linear-gradient(#020617 0%,#07111f 48%,#020617 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:70px 70px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}button,input,textarea,select{font-family:inherit}img{max-width:100%}::selection{color:#fff;background:#2563eb80}main{overflow:hidden}.navbar{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#030712b8;border:1px solid #94a3b838;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);padding:12px 14px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000059}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;width:42px;height:42px;font-family:var(--heading);background:radial-gradient(circle at 30% 20%,#fff,#2563eb 35%,#020617);border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;box-shadow:0 0 30px #2563eb8c}.brand strong{color:#fff;font-weight:900;line-height:1;display:block}.brand span{color:#93c5fd;font-size:12px;font-weight:700;display:block}.nav-links{align-items:center;gap:22px;display:flex}.nav-links a{color:#cbd5e1;font-size:14px;font-weight:700;text-decoration:none}.nav-links a:hover{color:#fff}.nav-cta,.primary-btn,.secondary-btn{border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.nav-cta,.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#0f172a);box-shadow:0 14px 32px #2563eb47}.secondary-btn{color:#dbeafe;background:#ffffff14}.hero-section{grid-template-columns:.95fr 1.05fr;align-items:center;gap:58px;min-height:100vh;padding:150px 7vw 90px;display:grid;position:relative}.orb{filter:blur(18px);pointer-events:none;border-radius:50%;position:absolute}.orb-one{background:#2563eb3d;width:440px;height:440px;top:-140px;right:-120px}.orb-two{background:#0ea5e929;width:360px;height:360px;bottom:12%;left:-120px}.eyebrow,.section-heading span,.finance-copy span,.offline-section span,.contact-section span{color:#93c5fd;text-transform:uppercase;letter-spacing:1.4px;align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.hero-content h1{color:#fff;font-family:var(--heading);letter-spacing:-2.5px;max-width:860px;margin:22px 0;font-size:clamp(44px,5.4vw,82px);line-height:.98}.hero-content p{color:#cbd5e1;max-width:680px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.trust-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.trust-row span{color:#dbeafe;background:#ffffff0f;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero-visual{position:relative}.browser-frame{background:#0f172af2;border:1px solid #94a3b840;border-radius:24px;overflow:hidden;box-shadow:0 32px 90px #0000006b}.hero-frame{transform:perspective(1300px)rotateY(-8deg)rotateX(4deg)}.browser-dots{border-bottom:1px solid #94a3b82e;align-items:center;gap:7px;height:42px;padding:0 16px;display:flex}.browser-dots span{background:#334155;border-radius:50%;width:11px;height:11px}.browser-dots span:first-child{background:#ef4444}.browser-dots span:nth-child(2){background:#f59e0b}.browser-dots span:nth-child(3){background:#22c55e}.browser-frame img{object-fit:cover;background:linear-gradient(135deg,#0f172a,#1e3a8a);width:100%;min-height:260px;display:block}.floating-card{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617d1;border:1px solid #93c5fd38;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;box-shadow:0 18px 44px #00000059}.floating-card strong{font-size:14px;display:block}.floating-card span{color:#93c5fd;font-size:12px;display:block}.card-one{bottom:62px;left:-36px}.card-two{top:80px;right:-28px}.logo-strip{background:#ffffff0a;border:1px solid #94a3b82e;border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;width:min(1180px,100% - 32px);margin:0 auto;padding:22px;display:flex}.logo-strip span{color:#93c5fd;font-weight:900}.logo-strip strong{color:#fff;font-weight:900}.section,.finance-section,.offline-section,.pricing-section,.contact-section{width:min(1180px,100% - 32px);margin:0 auto;padding:110px 0}.section-heading{max-width:820px;margin-bottom:42px}.section-heading h2,.finance-copy h2,.offline-section h2,.contact-section h2{color:#fff;font-family:var(--heading);letter-spacing:-1.6px;margin:14px 0;font-size:clamp(34px,4vw,58px);line-height:1.02}.section-heading p,.finance-copy p,.offline-section p,.contact-section p{color:#cbd5e1;font-size:17px}.feature-grid,.showcase-grid,.offline-grid{gap:18px;display:grid}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card,.showcase-card,.pricing-card,.contact-card,.offline-grid div{background:linear-gradient(145deg,#ffffff14,#0f172a6b);border:1px solid #94a3b82e;border-radius:28px;padding:26px;box-shadow:0 22px 70px #0000002e}.feature-card svg,.offline-grid svg{color:#60a5fa;margin-bottom:18px}.feature-card h3,.showcase-card h3,.pricing-card h3,.contact-card h3,.offline-grid strong{color:#fff;margin-bottom:8px;font-size:20px;font-weight:900;display:block}.feature-card p,.showcase-card p,.pricing-card p,.contact-card p,.offline-grid p{color:#cbd5e1}.finance-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid}.finance-tags{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.finance-tags span{color:#dbeafe;background:#2563eb14;border:1px solid #93c5fd2e;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:800;display:inline-flex}.finance-display{gap:18px;display:grid}.market-card{background:linear-gradient(#020617db,#0f172af0),repeating-linear-gradient(0deg,#94a3b82e 0 1px,#0000 1px 36px);border:1px solid #94a3b838;border-radius:28px;min-height:290px;padding:24px;box-shadow:0 28px 80px #00000047}.market-header,.market-stats{justify-content:space-between;gap:16px;display:flex}.market-header span,.market-stats span{color:#93c5fd;font-size:13px;font-weight:800}.market-header strong,.market-stats strong{color:#fff;font-weight:900;display:block}.market-bars{align-items:end;gap:12px;height:150px;margin:34px 0 28px;display:flex}.market-bars i{background:linear-gradient(#38bdf8,#2563eb,#1e3a8a);border-radius:12px 12px 0 0;flex:1;box-shadow:0 0 24px #38bdf833}.small-frame{max-width:92%;margin-left:auto}.showcase-grid{grid-template-columns:repeat(3,1fr)}.showcase-card .browser-frame{border-radius:18px;margin-bottom:18px}.showcase-card img{aspect-ratio:16/10}.offline-section{grid-template-columns:.85fr 1.15fr;align-items:center;gap:42px;display:grid}.offline-grid{grid-template-columns:repeat(3,1fr)}.pricing-card{grid-template-columns:1fr .85fr auto;align-items:center;gap:28px;display:grid}.package-label{color:#93c5fd;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:900}.pricing-card ul{color:#dbeafe;padding-left:18px;font-weight:700}.contact-section{grid-template-columns:1fr 420px;align-items:stretch;gap:28px;display:grid}.contact-card{background:linear-gradient(145deg,#2563eb29,#0f172ae6)}@media (width<=980px){.navbar{border-radius:24px}.nav-links{display:none}.hero-section,.finance-section,.offline-section,.contact-section,.pricing-card{grid-template-columns:1fr}.hero-section{padding-top:130px}.feature-grid,.showcase-grid,.offline-grid{grid-template-columns:1fr}.card-one,.card-two{display:none}}@media (width<=620px){.navbar{width:calc(100% - 20px);top:10px}.nav-cta{display:none}.hero-section{padding-inline:20px}.hero-content h1{letter-spacing:-1.2px}}.brand-logo{object-fit:contain;filter:drop-shadow(0 10px 30px #2563eb59);width:58px;height:58px;transition:transform .4s}.brand-logo:hover{transform:scale(1.05)rotate(-2deg)}.installation-section,.faq-section{width:min(1180px,100% - 32px);margin:0 auto;padding:110px 0}.install-steps,.pricing-grid,.faq-grid{gap:18px;display:grid}.install-steps{grid-template-columns:repeat(4,1fr)}.pricing-grid,.faq-grid{grid-template-columns:repeat(3,1fr)}.step-card,.price-card,.faq-card{background:linear-gradient(145deg,#ffffff14,#0f172a6b);border:1px solid #94a3b82e;border-radius:28px;padding:26px;box-shadow:0 22px 70px #0000002e}.step-card span{color:#93c5fd;margin-bottom:18px;font-weight:900;display:inline-flex}.step-card svg,.faq-card svg{color:#60a5fa;margin-bottom:14px}.step-card h3,.price-card h3,.faq-card h3{color:#fff;margin-bottom:8px;font-size:20px;font-weight:900}.step-card p,.price-card p,.faq-card p{color:#cbd5e1}.price-card ul{color:#dbeafe;margin:20px 0;padding-left:18px;font-weight:700}.featured-price{background:linear-gradient(145deg,#2563eb38,#0f172ad1);border-color:#93c5fd57;transform:translateY(-10px)}@media (width<=980px){.install-steps,.pricing-grid,.faq-grid{grid-template-columns:1fr}.featured-price{transform:none}}a[target=_blank]{cursor:pointer}.browser-frame img{object-position:top center}.showcase-card img,.hero-frame img,.small-frame img{transition:transform .6s,filter .6s}.showcase-card:hover img{filter:brightness(1.08);transform:scale(1.035)}.primary-btn:hover,.secondary-btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 18px 42px #2563eb61}.price-card,.feature-card,.showcase-card,.step-card,.faq-card,.contact-card{transition:transform .35s,border-color .35s,background .35s}.price-card:hover,.feature-card:hover,.showcase-card:hover,.step-card:hover,.faq-card:hover{background:linear-gradient(145deg,#2563eb24,#0f172a9e);border-color:#93c5fd6b}@media (width<=620px){.hero-section{padding-top:120px}.hero-actions a{width:100%}.brand-logo{width:46px;height:46px}.brand strong{font-size:14px}.brand span{font-size:11px}.hero-content p,.section-heading p,.finance-copy p,.offline-section p,.contact-section p{font-size:15px}.browser-frame img{min-height:190px}}.premium-brand{background:radial-gradient(circle at 20% 30%,#60a5fa3d,#0000 34%),linear-gradient(135deg,#ffffff1a,#0f172a2e);border:1px solid #93c5fd33;border-radius:999px;padding:6px 14px 6px 7px;text-decoration:none;box-shadow:inset 0 1px #ffffff1a}.brand-logo-shell{background:radial-gradient(circle at 35% 20%,#fffffff2,#0000 18%),linear-gradient(135deg,#2563eb47,#020617e0);border:1px solid #bfdbfe3d;border-radius:999px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 0 5px #2563eb14,0 18px 44px #2563eb57}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 12px #93c5fd70)drop-shadow(0 12px 26px #00000061);width:62px;height:62px}.brand-copy strong{letter-spacing:.4px;font-size:19px;font-family:var(--heading)}.brand-copy span{letter-spacing:1.2px;text-transform:uppercase;margin-top:2px;font-size:12px}.showcase-heading{text-align:center;margin-left:auto;margin-right:auto}.screenshot-slider{grid-template-columns:64px 1fr 64px;align-items:center;gap:18px;display:grid;position:relative}.slider-stage{min-width:0}.slider-frame{border-radius:30px;max-width:1080px;margin:0 auto}.slider-frame img{object-fit:contain;object-position:top center;background:radial-gradient(circle at top,#2563eb2e,#0000 36%),linear-gradient(135deg,#020617,#0f172a);width:100%;height:min(68vh,620px);min-height:420px;padding:10px}.slider-caption{text-align:center;max-width:720px;margin:22px auto 0}.slider-caption span{color:#93c5fd;letter-spacing:1.4px;font-size:13px;font-weight:900}.slider-caption h3{color:#fff;font-size:clamp(26px,3vw,42px);font-family:var(--heading);margin:8px 0}.slider-caption p{color:#cbd5e1;font-size:16px}.slider-arrow{color:#fff;cursor:pointer;background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 22%),linear-gradient(135deg,#2563eb85,#0f172aeb);border:1px solid #93c5fd42;border-radius:999px;place-items:center;width:58px;height:58px;transition:transform .25s,border-color .25s;display:grid;box-shadow:0 18px 46px #00000042}.slider-arrow:hover{border-color:#bfdbfe94;transform:scale(1.08)}.slider-dots{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:26px;display:flex}.slider-dots button{cursor:pointer;background:#94a3b86b;border:none;border-radius:999px;width:10px;height:10px;transition:all .25s}.slider-dots button.active-dot{background:linear-gradient(90deg,#38bdf8,#2563eb);width:34px;box-shadow:0 0 18px #38bdf861}.showcase-grid{display:none}@media (width<=980px){.screenshot-slider{grid-template-columns:1fr}.slider-arrow{display:none}.slider-frame img{height:auto;min-height:0;max-height:none;padding:6px}.slider-stage{overflow-x:hidden}.brand-logo-shell{width:58px;height:58px}.brand-logo{width:50px;height:50px}}@media (width<=620px){.premium-brand{padding:5px 10px 5px 5px}.brand-logo-shell{width:48px;height:48px}.brand-logo{width:42px;height:42px}.brand-copy strong{font-size:14px}.brand-copy span{letter-spacing:.8px;font-size:10px}.slider-caption p{font-size:14px}}