:root { --bg:#07101f; --surface:#0d1930; --line:#2d4265; --text:#f5f7ff; --muted:#b9c5d8; --cyan:#58dce9; --blue:#7188ff; --violet:#ac83ff; --max:1120px; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 82% 0,rgba(104,87,255,.15),transparent 29%),var(--bg); color:var(--text); font:16px/1.55 "Segoe UI Variable Display","Segoe UI",Inter,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
.wrap { width:min(var(--max),calc(100% - 40px)); margin-inline:auto; }
.skip-link { position:fixed; top:8px; left:8px; transform:translateY(-150%); padding:9px 12px; background:#fff; color:#07101f; z-index:50; }
.skip-link:focus { transform:none; }
.plans-header { border-bottom:1px solid rgba(255,255,255,.09); background:rgba(7,16,31,.94); }
.plans-nav { min-height:78px; display:flex; align-items:center; gap:22px; }
.plans-nav img { display:block; width:174px; height:auto; }
.plans-nav > a:not(:first-child) { min-height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; color:#d7deec; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; text-decoration:none; }
.plans-nav > a:nth-child(2) { margin-left:auto; }
.plans-nav > a:nth-child(2) { padding:8px 10px; }
.plans-nav > a:last-child { border:1px solid transparent; padding:8px 17px; background:linear-gradient(135deg,#607cff,#9270ff); box-shadow:0 8px 24px rgba(93,104,255,.2); color:#fff; font-weight:800; }
.plans-nav > a:nth-child(2):hover { color:#fff; }
.plans-nav > a:last-child:hover { filter:brightness(1.08); }
.plans-hero { padding:64px 0 38px; text-align:center; }
.plans-hero > span,.comparison header span,.plan-name { color:#aab6ff; font-size:11px; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
.plans-hero h1 { max-width:850px; margin:10px auto 14px; font-size:clamp(42px,6vw,66px); line-height:1.04; letter-spacing:-.04em; }
.plans-hero p { max-width:720px; margin:auto; color:var(--muted); font-size:18px; }
.plan-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding-bottom:54px; }
.plan-cards.two-plans { max-width:940px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.plan-card { display:flex; flex-direction:column; border:1px solid var(--line); border-top:4px solid var(--cyan); border-radius:18px; padding:25px; background:linear-gradient(145deg,rgba(16,31,60,.96),rgba(10,22,43,.94)); }
.plan-card.essential { border-top-color:var(--blue); }
.plan-card.professional { border-top-color:var(--violet); }
.plan-card.professional { position:relative; box-shadow:0 18px 55px rgba(82,65,180,.18); }
.plan-card.complete { position:relative; border-top-color:var(--violet); box-shadow:0 18px 55px rgba(82,65,180,.2); background:linear-gradient(145deg,rgba(25,35,76,.98),rgba(13,24,49,.96)); }
.best-value { position:absolute; top:-15px; right:20px; padding:6px 11px; border-radius:999px; background:linear-gradient(100deg,var(--blue),var(--violet)); color:white; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.price { min-height:56px; display:flex; align-items:baseline; gap:5px; margin-top:9px; }
.price strong { font-size:39px; line-height:1; }
.price span { color:#9eabc0; font-size:13px; }
.annual-price { min-height:48px; margin:-2px 0 9px; color:#d8dfef; font-size:14px; line-height:1.4; }
.annual-price strong { color:#a9eff4; }
.annual-price span { display:block; color:#92a2bc; font-size:12px; }
.plan-card h2 { margin:5px 0 7px; font-size:24px; }
.plan-card p { min-height:52px; margin:0; color:var(--muted); }
.plan-highlights { min-height:164px; margin:20px 0 0; padding:18px 0 0; border-top:1px solid rgba(111,137,180,.28); list-style:none; }
.plan-highlights li { position:relative; margin:0 0 10px; padding-left:22px; color:#d8dfed; font-size:14px; line-height:1.45; }
.plan-highlights li::before { content:"✓"; position:absolute; left:0; color:var(--cyan); font-weight:800; }
.plan-action { display:flex; align-items:center; justify-content:center; margin-top:auto; min-height:46px; border:1px solid #526b95; border-radius:11px; padding:10px 14px; color:#f2f5ff; background:rgba(23,41,72,.72); font-size:14px; font-weight:750; text-decoration:none; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.plan-action:hover,.plan-action:focus-visible { transform:translateY(-2px); border-color:#7f97c4; background:#172b4b; }
.plan-action.primary { border-color:transparent; background:linear-gradient(100deg,#607cff,#946cff); box-shadow:0 10px 26px rgba(92,83,223,.22); }
.planned-action { cursor:default; opacity:.82; }
.why-complete { padding:54px 0; border-top:1px solid var(--line); }
.why-complete header,.complete-capabilities header { max-width:820px; margin-bottom:26px; }
.why-complete header > span,.complete-capabilities header > span { color:#aab6ff; font-size:11px; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
.why-complete h2,.complete-capabilities h2 { margin:7px 0 8px; font-size:clamp(32px,4vw,44px); line-height:1.1; letter-spacing:-.03em; }
.why-complete header p { margin:0; color:var(--muted); font-size:17px; }
.reason-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.reason-grid article { border:1px solid rgba(71,93,132,.75); border-radius:14px; padding:20px; background:rgba(13,27,52,.68); }
.reason-grid strong { color:#eef2ff; font-size:17px; }
.reason-grid p { margin:6px 0 0; color:var(--muted); font-size:14px; line-height:1.5; }
.orientation-note { margin:20px 0 0; border-left:3px solid #526b95; padding-left:14px; color:#9eabc0; font-size:13px; }
.complete-capabilities { padding:62px 0; border-top:1px solid var(--line); }
.complete-capabilities header p { margin:0; color:var(--muted); font-size:17px; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.capability-grid article { border:1px solid var(--line); border-radius:16px; padding:22px; background:linear-gradient(145deg,rgba(16,31,60,.94),rgba(10,22,43,.92)); }
.capability-grid article > span { color:#9caeff; font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.capability-grid h3 { margin:7px 0 12px; font-size:20px; }
.capability-grid ul { margin:0; padding-left:19px; color:#c4cede; font-size:14px; }
.capability-grid li + li { margin-top:7px; }
.capability-note { margin:20px 0 0; color:#9eabc0; font-size:13px; }
.comparison { padding:54px 0 68px; border-top:1px solid var(--line); }
.comparison header { margin-bottom:24px; }
.comparison h2 { margin:6px 0 0; font-size:36px; letter-spacing:-.025em; }
.comparison header p { max-width:680px; margin:8px 0 0; color:var(--muted); }
.table-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:16px; }
table { width:100%; border-collapse:collapse; min-width:760px; background:rgba(9,22,43,.88); }
th,td { padding:15px 17px; border-bottom:1px solid rgba(70,91,128,.55); text-align:center; }
thead th { background:#101e38; color:#eef2ff; font-size:13px; }
th:first-child { width:46%; text-align:left; }
tbody th { color:#dbe2ef; font-weight:550; }
tbody td { color:#a9e9ee; font-size:14px; }
.not-included { color:#687995; font-size:20px; }
tbody tr:last-child th,tbody tr:last-child td { border-bottom:0; }
.planned-note { margin-top:16px; border-left:3px solid var(--violet); padding:11px 14px; background:rgba(116,92,205,.08); color:#c2ccdc; font-size:13px; }
.mobile-comparison { display:none; }
.mobile-comparison article { padding:17px 0; border-bottom:1px solid rgba(70,91,128,.55); }
.mobile-comparison article:last-child { border-bottom:0; }
.mobile-comparison strong { display:block; color:#f0f3ff; font-size:16px; }
.mobile-comparison p { margin:5px 0 0; color:var(--muted); font-size:14px; line-height:1.5; }
footer { padding:25px 0; border-top:1px solid var(--line); color:#aeb9cc; }
.plans-footer { display:flex; justify-content:space-between; gap:24px; }
.plans-footer a { color:#e4e9f4; text-decoration:none; }
@media(max-width:760px){ .plan-cards,.plan-cards.two-plans,.reason-grid,.capability-grid{grid-template-columns:1fr;gap:14px}.plan-card p,.plan-highlights{min-height:0}.plans-hero{padding-top:48px}.plans-footer{flex-direction:column;gap:8px}.table-scroll{display:none}.mobile-comparison{display:block;border:1px solid var(--line);border-radius:15px;padding:0 18px;background:rgba(9,22,43,.88)}.why-complete,.complete-capabilities{padding:46px 0} }
@media(max-width:520px){ .wrap{width:min(100% - 28px,var(--max))}.plans-nav{min-height:66px;gap:6px}.plans-nav img{width:112px}.plans-nav > a:not(:first-child){min-height:38px;padding-inline:8px;font-size:10px;letter-spacing:.045em}.plans-hero h1{font-size:clamp(38px,12vw,48px)}.plans-hero p{font-size:16px}.comparison h2{font-size:30px}.plan-card{padding:23px 20px}.table-scroll{border-radius:12px} }