:root{font-family:Arial,Helvetica,sans-serif;color:#e8eef8;background:#08111f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 20%),radial-gradient(circle at left top,rgba(59,130,246,.1),transparent 24%),linear-gradient(180deg,#08111f,#0a1730 45%,#07111f)}.page{min-height:100vh}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.narrow{max-width:820px}.hero{padding:80px 0 60px}.badge{display:inline-block;background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.25);padding:10px 16px;border-radius:999px;font-weight:700;margin-bottom:24px}h1{font-size:clamp(2.8rem,7vw,4.8rem);line-height:.95;margin:0}.subtitle{font-size:1.4rem;color:#c6d4ea;margin:20px 0 0}.description,.sectionText{color:#9db0c9;line-height:1.8;font-size:1.05rem}.description{max-width:760px;margin-top:18px}.ctaRow{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.primaryButton,.secondaryButton,.planButton,.featuredButton{border:none;border-radius:16px;padding:14px 22px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.primaryButton,.featuredButton{background:#22c55e;color:#05111d}.secondaryButton,.planButton{background:#ffffff0a;color:#f3f7fc;border:1px solid rgba(255,255,255,.12)}.highlightBox{margin-top:34px;max-width:760px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;box-shadow:0 16px 40px #00000038}.highlightHeader{color:#86efac;font-weight:700;font-size:.95rem}.highlightTitle{margin-top:8px;font-size:1.7rem;font-weight:800}.highlightBox p{margin-top:10px;color:#b6c7dc;line-height:1.7}.section{padding:56px 0}.section h2{font-size:2rem;margin:0 0 20px}.benefitsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.benefitCard,.planCard,.quoteBox{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:20px}.darkSection{background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.plansGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.planCard.featured{border-color:#22c55e47;box-shadow:0 16px 42px #22c55e14}.planName{font-size:1.3rem;font-weight:800}.planPrice{font-size:1.8rem;font-weight:800;margin-top:12px}.planDescription{color:#a8bad1;line-height:1.7;min-height:96px}.planCard ul{padding-left:18px;color:#dbe6f5;line-height:1.8;min-height:180px}.quoteBox{font-size:1.35rem;font-weight:700;color:#f5f8fd}@media (max-width: 980px){.plansGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.benefitsGrid,.plansGrid{grid-template-columns:1fr}h1{line-height:1.02}}.contactWrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contactBox,.formBox{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:20px}.contactInfo{display:grid;gap:10px;margin-top:18px;color:#dbe6f5}.formBox{display:grid;gap:12px}.input{width:100%;background:#ffffff0a;color:#f5f8fd;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;font:inherit}.input::placeholder{color:#90a4bf}.textarea{min-height:120px;resize:vertical}.contactButtons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fullButton{width:100%}@media (max-width: 700px){.contactWrap,.contactButtons{grid-template-columns:1fr}}.premiumHero{position:relative;overflow:hidden;padding:96px 0 72px}.premiumHero:before{content:"";position:absolute;inset:-120px -120px auto auto;width:420px;height:420px;background:radial-gradient(circle,rgba(34,197,94,.22),transparent 65%);filter:blur(8px)}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.heroContent h1{max-width:760px;letter-spacing:-.06em}.heroStats{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}.heroStats div,.previewCard{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;box-shadow:0 20px 60px #00000038}.heroStats strong{display:block;font-size:1.4rem;color:#f8fafc}.heroStats span,.previewCard span,.previewCard small{color:#94a3b8}.heroPreview{display:flex;flex-direction:column;gap:18px}.mainPreview{padding:26px;background:linear-gradient(135deg,#22c55e2e,#3b82f61f),#ffffff0f}.previewCard strong{display:block;margin-top:10px;font-size:2rem;color:#f8fafc}.previewGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 900px){.heroGrid{grid-template-columns:1fr}.premiumHero{padding:72px 0 48px}.heroPreview{display:none}}.showcaseSection{background:radial-gradient(circle at top left,rgba(34,197,94,.1),transparent 28%),#ffffff05}.showcaseHeader{max-width:780px;margin-bottom:36px}.showcaseHeader h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.04em;margin:18px 0}.showcaseGrid{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:stretch}.showcaseCard{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:24px;box-shadow:0 24px 70px #0000003d}.showcaseCard.large{min-height:440px;padding:0;overflow:hidden}.mockHeader{height:44px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0a}.mockHeader span{width:10px;height:10px;border-radius:999px;background:#ffffff47}.mockContent{display:grid;grid-template-columns:160px 1fr;min-height:396px}.mockSidebar{border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(rgba(255,255,255,.08) 18px,transparent 18px) 24px 34px / 90px 52px no-repeat,linear-gradient(rgba(255,255,255,.06) 18px,transparent 18px) 24px 86px / 110px 52px no-repeat,linear-gradient(rgba(255,255,255,.06) 18px,transparent 18px) 24px 138px / 80px 52px no-repeat}.mockDashboard{padding:28px}.mockTopCards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mockMiniCard,.mockChart,.mockTable div{border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.mockMiniCard{height:86px}.mockChart{height:150px;margin:18px 0;background:linear-gradient(135deg,#22c55e38,#3b82f629),#ffffff14}.mockTable{display:grid;gap:10px}.mockTable div{height:18px}.showcaseSide{display:grid;gap:16px}.showcaseSide h3{margin:0 0 8px;font-size:1.3rem}.showcaseSide p{color:#b6c7dc;line-height:1.7}@media (max-width: 900px){.showcaseGrid,.mockContent{grid-template-columns:1fr}.mockSidebar{display:none}}.planCard{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.planCard:hover{transform:translateY(-6px);border-color:#22c55e73;box-shadow:0 28px 80px #00000059}.premiumPlan{transform:scale(1.04);border:1px solid rgba(34,197,94,.55);background:radial-gradient(circle at top right,rgba(34,197,94,.18),transparent 36%),#ffffff12}.premiumPlan:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;pointer-events:none;background:linear-gradient(135deg,rgba(34,197,94,.18),transparent 35%)}.popularBadge{display:inline-flex;margin:10px 0 12px;padding:7px 12px;border-radius:999px;background:#22c55e29;color:#86efac;border:1px solid rgba(34,197,94,.35);font-size:.82rem;font-weight:800}.topbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617b8;border-bottom:1px solid rgba(255,255,255,.08)}.topbarContent{height:72px;display:flex;align-items:center;justify-content:space-between}.logoArea{display:flex;align-items:center;gap:10px;color:#f8fafc;font-size:1.1rem}.logoDot{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#3b82f6);box-shadow:0 0 28px #22c55ecc}.topnav{display:flex;gap:24px}.topnav a{color:#cbd5e1;text-decoration:none;font-weight:700}.topnav a:hover{color:#fff}.topbarButton{padding:10px 16px;border-radius:999px;background:#22c55e;color:#052e16;text-decoration:none;font-weight:900;box-shadow:0 12px 30px #22c55e47}@media (max-width: 720px){.topnav{display:none}}.testimonialsSection{position:relative}.testimonialGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.testimonialCard{position:relative;overflow:hidden;padding:28px;border-radius:24px;background:linear-gradient(135deg,#22c55e14,#3b82f60f),#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #00000038;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.testimonialCard:hover{transform:translateY(-6px);border-color:#22c55e59;box-shadow:0 28px 80px #00000057}.testimonialCard:before{content:"“";position:absolute;top:10px;right:18px;font-size:5rem;line-height:1;color:#ffffff0f;font-weight:900}.testimonialCard p{color:#dbe7f5;line-height:1.8;margin-bottom:22px}.testimonialCard strong{display:block;color:#fff;font-size:1rem}.testimonialCard span{display:block;margin-top:6px;color:#8fb4d9;font-size:.92rem}@media (max-width: 900px){.testimonialGrid{grid-template-columns:1fr}}