:root {
  --bg: #050a12;
  --bg-soft: #07111f;
  --surface: rgba(12, 24, 42, .78);
  --surface-solid: #0b1728;
  --surface-2: #102139;
  --line: rgba(148, 181, 221, .14);
  --line-strong: rgba(91, 192, 255, .28);
  --text: #f4f8ff;
  --muted: #91a5bf;
  --muted-2: #6f849e;
  --primary: #37b9ff;
  --primary-2: #0077ff;
  --cyan: #50e6d0;
  --gold: #f2c66d;
  --danger: #ff657a;
  --success: #4adea1;
  --warning: #f7c65b;
  --shadow: 0 28px 80px rgba(0, 0, 0, .38);
  --radius: 20px;
  --radius-sm: 12px;
  --header-height: 78px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin: 0; min-width: 320px; color: var(--text); background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -3; background: radial-gradient(circle at 12% 8%, rgba(0,119,255,.13), transparent 28%), radial-gradient(circle at 87% 20%, rgba(80,230,208,.08), transparent 25%), linear-gradient(180deg, #060c16 0%, #050a12 46%, #07101c 100%); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
svg { width: 1.15em; height: 1.15em; stroke-width: 1.8; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; padding: 10px 16px; border-radius: 8px; background: var(--text); color: var(--bg); transition: top .2s ease; }
.skip-link:focus { top: 12px; }
.site-header { position: fixed; z-index: 100; inset: 0 0 auto; height: var(--header-height); border-bottom: 1px solid transparent; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.site-header.is-scrolled { background: rgba(5,10,18,.86); border-color: var(--line); box-shadow: 0 12px 36px rgba(0,0,0,.18); backdrop-filter: blur(18px); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand-mark { position: relative; width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(55,185,255,.42); border-radius: 12px; background: linear-gradient(145deg, rgba(55,185,255,.18), rgba(0,119,255,.04)); box-shadow: inset 0 0 24px rgba(55,185,255,.08), 0 0 28px rgba(0,119,255,.1); }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; border: 1px solid rgba(80,230,208,.24); transform: rotate(45deg); }
.brand-mark::before { width: 20px; height: 20px; }
.brand-mark::after { width: 30px; height: 30px; }
.brand-mark span { position: relative; z-index: 1; font-size: 12px; font-weight: 900; letter-spacing: -.04em; color: #dff7ff; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.08; }
.brand-copy strong { font-size: 21px; letter-spacing: -.05em; }
.brand-copy strong span { color: var(--primary); }
.brand-copy small { margin-top: 4px; color: var(--muted-2); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.desktop-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.desktop-nav a { color: #b6c6d9; font-size: 14px; font-weight: 620; transition: color .2s ease; }
.desktop-nav a:hover { color: #fff; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.language-picker { position: relative; }
.language-trigger { height: 40px; display: inline-flex; align-items: center; gap: 7px; padding: 0 10px; cursor: pointer; border: 1px solid var(--line); border-radius: 10px; background: rgba(10,21,36,.56); color: #bdcbe0; font-size: 12px; font-weight: 750; }
.language-trigger svg:first-child { color: var(--primary); }
.language-trigger svg:last-child { width: 13px; }
.language-menu { position: absolute; top: calc(100% + 10px); right: 0; width: 164px; display: none; padding: 7px; border: 1px solid var(--line); border-radius: 12px; background: #0a1727; box-shadow: var(--shadow); }
.language-picker.is-open .language-menu { display: block; }
.language-menu a { display: grid; grid-template-columns: 26px 1fr 16px; align-items: center; gap: 7px; padding: 9px 10px; border-radius: 8px; color: var(--muted); font-size: 13px; }
.language-menu a:hover, .language-menu a.is-active { background: rgba(55,185,255,.08); color: #fff; }
.language-menu a span { font-size: 10px; color: var(--primary); font-weight: 800; }
.button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; cursor: pointer; border: 1px solid transparent; border-radius: 12px; font-weight: 740; font-size: 14px; line-height: 1; transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.button-primary { color: #001523; background: linear-gradient(135deg, #63d3ff, #27aeff 58%, #2689ff); box-shadow: 0 12px 32px rgba(27,157,255,.22), inset 0 1px rgba(255,255,255,.5); }
.button-primary:hover { box-shadow: 0 16px 38px rgba(27,157,255,.32); }
.button-secondary { color: #dcf7ff; border-color: rgba(55,185,255,.32); background: rgba(55,185,255,.08); }
.button-ghost { color: #c8d6e8; border-color: var(--line); background: rgba(9,19,33,.48); }
.button-danger { color: #ffdce1; border-color: rgba(255,101,122,.3); background: rgba(255,101,122,.1); }
.button-sm { min-height: 40px; padding: 0 14px; border-radius: 10px; font-size: 12px; }
.button-block { width: 100%; }
.button[disabled], .button.is-disabled { pointer-events: none; opacity: .45; filter: saturate(.5); }
.menu-toggle { width: 42px; height: 42px; display: none; place-items: center; cursor: pointer; border: 1px solid var(--line); border-radius: 10px; background: rgba(9,19,33,.5); }
.mobile-menu { display: none; padding: 12px 0 18px; border-bottom: 1px solid var(--line); background: rgba(5,10,18,.96); backdrop-filter: blur(18px); }
.mobile-menu.is-open { display: block; }
.mobile-menu nav { display: grid; gap: 2px; }
.mobile-menu a { padding: 12px 4px; color: #bdcbe0; border-bottom: 1px solid rgba(148,181,221,.08); font-weight: 650; }
.hero { position: relative; min-height: 880px; padding: 176px 0 90px; overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(113,167,220,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(113,167,220,.045) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000 10%, transparent 85%); }
.hero::after { content: ""; position: absolute; width: 820px; height: 820px; left: 57%; top: -160px; border: 1px solid rgba(55,185,255,.08); border-radius: 50%; box-shadow: 0 0 0 120px rgba(55,185,255,.018), 0 0 0 240px rgba(55,185,255,.012); }
.hero-orb { position: absolute; width: 520px; height: 520px; right: 5%; top: 140px; border-radius: 50%; background: radial-gradient(circle at 42% 42%, rgba(75,210,255,.22), rgba(0,119,255,.07) 35%, transparent 68%); filter: blur(4px); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.06fr .94fr; align-items: center; gap: 72px; }
.pill, .eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #7dd7ff; font-size: 12px; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }
.pill { padding: 8px 12px; border: 1px solid rgba(55,185,255,.22); border-radius: 100px; background: rgba(55,185,255,.06); }
.pill::before, .eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.hero h1 { max-width: 720px; margin: 24px 0; font-size: clamp(46px, 6.2vw, 80px); line-height: 1.02; letter-spacing: -.055em; }
.hero h1 span { color: transparent; background: linear-gradient(105deg, #f2fbff 3%, #6cd5ff 42%, #50e6d0 94%); background-clip: text; -webkit-background-clip: text; }
.hero-copy > p { max-width: 660px; margin: 0; color: #a5b7cd; font-size: 19px; line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 34px; color: var(--muted-2); font-size: 12px; font-weight: 650; }
.trust-row span { display: inline-flex; align-items: center; gap: 7px; }
.trust-row svg { color: var(--success); }
.product-visual { position: relative; min-height: 560px; display: grid; place-items: center; perspective: 1100px; }
.visual-ring { position: absolute; inset: 50% auto auto 50%; width: 450px; height: 450px; transform: translate(-50%,-50%); border: 1px solid rgba(55,185,255,.16); border-radius: 50%; }
.visual-ring::before, .visual-ring::after { content: ""; position: absolute; border-radius: 50%; border: 1px dashed rgba(80,230,208,.13); }
.visual-ring::before { inset: 48px; }
.visual-ring::after { inset: 110px; }
.core-emblem { position: absolute; width: 168px; height: 168px; display: grid; place-items: center; transform: rotate(45deg); border: 1px solid rgba(82,203,255,.3); border-radius: 34px; background: linear-gradient(145deg, rgba(13,44,74,.86), rgba(6,19,34,.9)); box-shadow: 0 0 90px rgba(0,136,255,.18), inset 0 0 60px rgba(55,185,255,.06); }
.core-emblem::before { content: ""; position: absolute; inset: 17px; border: 1px solid rgba(80,230,208,.24); border-radius: 22px; }
.core-emblem span { transform: rotate(-45deg); font-size: 34px; font-weight: 900; letter-spacing: -.08em; }
.core-emblem span b { color: var(--primary); }
.console-card { position: absolute; z-index: 3; width: min(430px, 90%); right: 0; bottom: 20px; padding: 18px; transform: rotateY(-7deg) rotateX(3deg); border: 1px solid rgba(91,192,255,.2); border-radius: 18px; background: rgba(7,18,32,.84); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.console-head { display: flex; align-items: center; gap: 7px; padding-bottom: 14px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.console-head i { width: 7px; height: 7px; border-radius: 50%; background: #ff6678; }
.console-head i:nth-child(2) { background: #f5c85c; }.console-head i:nth-child(3) { background: #4adea1; }.console-head span { margin-left: 7px; }
.console-body { display: grid; gap: 10px; padding-top: 15px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; color: #8fa8c4; }
.console-line { display: grid; grid-template-columns: 62px 1fr auto; align-items: center; gap: 8px; }
.console-line .ok { color: var(--success); }.console-line .module { color: #78d4ff; }.console-line small { color: #5f7690; }
.floating-chip { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(8,20,35,.76); box-shadow: 0 18px 42px rgba(0,0,0,.22); backdrop-filter: blur(16px); color: #c6d6e9; font-size: 11px; font-weight: 700; }
.floating-chip svg { color: var(--primary); }.chip-one { left: 0; top: 90px; }.chip-two { right: 10px; top: 155px; }.chip-three { left: 45px; bottom: 100px; }
.stats-strip { position: relative; z-index: 4; margin-top: -10px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(7,17,30,.58); backdrop-filter: blur(16px); }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.stat { padding: 30px 22px; text-align: center; border-right: 1px solid var(--line); }.stat:last-child { border-right: 0; }
.stat strong { display: block; color: #eaf8ff; font-size: 27px; letter-spacing: -.04em; }.stat span { color: var(--muted-2); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.section { position: relative; padding: 118px 0; overflow: hidden; }
.section-soft { background: linear-gradient(180deg, rgba(9,21,37,.46), rgba(5,10,18,.05)); border-top: 1px solid rgba(148,181,221,.06); border-bottom: 1px solid rgba(148,181,221,.06); }
.section-heading { width: min(760px,100%); margin: 0 auto 54px; text-align: center; }
.section-heading.align-left { margin-left: 0; text-align: left; }
.section-heading h2 { margin: 14px 0 16px; font-size: clamp(34px, 4.4vw, 54px); line-height: 1.08; letter-spacing: -.048em; }
.section-heading p { margin: 0; color: var(--muted); font-size: 17px; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.feature-card { position: relative; min-height: 250px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(14,28,48,.76), rgba(8,17,30,.58)); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.feature-card::after { content: ""; position: absolute; width: 160px; height: 160px; right: -90px; bottom: -110px; border-radius: 50%; background: var(--primary); opacity: .08; filter: blur(20px); }
.feature-card:hover { transform: translateY(-6px); border-color: var(--line-strong); box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.icon-box { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 28px; color: var(--primary); border: 1px solid rgba(55,185,255,.22); border-radius: 13px; background: rgba(55,185,255,.07); }
.feature-card h3, .protection-card h3, .integration-card h3 { margin: 0 0 10px; font-size: 19px; letter-spacing: -.025em; }
.feature-card p, .protection-card p, .integration-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.security-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; }
.security-visual { position: relative; min-height: 530px; display: grid; place-items: center; }
.shield-shell { position: relative; width: 280px; height: 330px; display: grid; place-items: center; clip-path: polygon(50% 0, 92% 16%, 87% 68%, 50% 100%, 13% 68%, 8% 16%); background: linear-gradient(160deg, rgba(46,177,255,.32), rgba(8,28,48,.92) 52%, rgba(80,230,208,.16)); filter: drop-shadow(0 30px 75px rgba(0,119,255,.22)); }
.shield-shell::before { content: ""; position: absolute; inset: 2px; clip-path: inherit; background: linear-gradient(160deg, #0d263f, #07111f); }
.shield-shell svg { position: relative; z-index: 1; width: 92px; height: 92px; color: #6fd7ff; stroke-width: 1.15; }
.security-orbit { position: absolute; width: 440px; height: 440px; border: 1px dashed rgba(55,185,255,.17); border-radius: 50%; animation: spin 35s linear infinite; }
.security-orbit::before, .security-orbit::after { content: ""; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 20px var(--cyan); }.security-orbit::before { left: 30px; top: 95px; }.security-orbit::after { right: 20px; bottom: 115px; }
@keyframes spin { to { transform: rotate(360deg); } }
.protection-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.protection-card { padding: 23px; border: 1px solid var(--line); border-radius: 16px; background: rgba(11,23,40,.64); }
.protection-card .icon-box { width: 40px; height: 40px; margin-bottom: 18px; border-radius: 10px; }
.process-grid { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.process-grid::before { content: ""; position: absolute; top: 32px; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, var(--line-strong), transparent); }
.process-step { position: relative; z-index: 1; padding: 0 20px; text-align: center; }
.process-number { width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto 24px; border: 1px solid rgba(55,185,255,.26); border-radius: 50%; background: #081525; color: var(--primary); font-family: ui-monospace, monospace; font-size: 13px; font-weight: 800; box-shadow: 0 0 0 8px var(--bg); }
.process-step h3 { margin: 0 0 8px; font-size: 17px; }.process-step p { margin: 0; color: var(--muted); font-size: 13px; }
.integration-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.integration-card { display: grid; grid-template-columns: 52px 1fr; gap: 18px; align-items: start; padding: 24px; border: 1px solid var(--line); border-radius: 17px; background: rgba(11,23,40,.6); }
.integration-card .icon-box { width: 52px; height: 52px; margin: 0; }
.release-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.release-card { position: relative; display: flex; flex-direction: column; min-height: 300px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg, rgba(15,30,50,.82), rgba(7,16,29,.72)); }
.release-card.is-featured { border-color: rgba(242,198,109,.28); box-shadow: inset 0 1px rgba(242,198,109,.08); }
.release-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 24px; color: var(--muted-2); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.release-version { padding: 6px 9px; color: var(--primary); border: 1px solid rgba(55,185,255,.22); border-radius: 8px; background: rgba(55,185,255,.06); font-family: ui-monospace, monospace; font-weight: 800; }
.release-card h3 { margin: 0 0 10px; font-size: 21px; letter-spacing: -.03em; }.release-card p { margin: 0 0 24px; color: var(--muted); font-size: 14px; }.release-card .text-link { margin-top: auto; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: #70d3ff; font-size: 13px; font-weight: 750; }.text-link svg { transition: transform .2s ease; }.text-link:hover svg { transform: translateX(4px); }
.empty-state { grid-column: 1/-1; padding: 52px 26px; text-align: center; border: 1px dashed var(--line-strong); border-radius: var(--radius); color: var(--muted); background: rgba(11,23,40,.35); }
.empty-state svg { width: 38px; height: 38px; margin-bottom: 12px; color: var(--primary); }
.server-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.server-card { min-height: 240px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(11,23,40,.64); transition: transform .25s ease, border-color .25s ease; }.server-card:hover { transform: translateY(-5px); border-color: var(--line-strong); }
.server-logo { height: 132px; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 100%, rgba(55,185,255,.16), transparent 65%), #081423; border-bottom: 1px solid var(--line); }
.server-logo img { max-height: 78px; width: auto; object-fit: contain; }.server-logo .server-monogram { font-size: 28px; font-weight: 900; color: var(--primary); }
.server-body { flex: 1; display: flex; flex-direction: column; padding: 18px; }.server-body h3 { margin: 0 0 5px; font-size: 17px; }.server-body p { margin: 0 0 14px; color: var(--muted); font-size: 12px; }.server-body .text-link { margin-top: auto; }
.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(160deg, rgba(15,31,53,.84), rgba(7,16,29,.74)); }
.price-card.is-popular { border-color: rgba(55,185,255,.42); box-shadow: 0 28px 80px rgba(0,119,255,.1), inset 0 1px rgba(255,255,255,.04); transform: translateY(-10px); }
.popular-tag { position: absolute; top: -13px; right: 22px; padding: 7px 11px; color: #001522; border-radius: 100px; background: linear-gradient(135deg, #50e6d0, #5ac8ff); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.price-card h3 { margin: 0; font-size: 21px; }.price-card > p { min-height: 48px; color: var(--muted); font-size: 13px; }
.price { margin: 20px 0 4px; font-size: 46px; font-weight: 830; letter-spacing: -.055em; }.price small { font-size: 14px; color: var(--muted); font-weight: 600; letter-spacing: 0; }
.update-period { color: var(--cyan); font-size: 12px; font-weight: 700; }
.plan-list { display: grid; gap: 12px; padding: 24px 0; margin: 24px 0; border-top: 1px solid var(--line); list-style: none; }.plan-list li { display: grid; grid-template-columns: 18px 1fr; gap: 9px; color: #b6c7da; font-size: 13px; }.plan-list svg { margin-top: 3px; color: var(--success); }.price-card .button { margin-top: auto; }
.faq-list { width: min(860px,100%); margin: 0 auto; display: grid; gap: 10px; }
.faq-item, .info-card { border: 1px solid var(--line); border-radius: 16px; background: rgba(11,23,40,.58); }
.faq-item summary, .info-card summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px; cursor: pointer; list-style: none; font-weight: 720; }.faq-item summary::-webkit-details-marker, .info-card summary::-webkit-details-marker { display:none; }
.faq-item summary::after, .info-card summary::after { content: "+"; width: 28px; height: 28px; display: grid; place-items: center; flex-shrink: 0; color: var(--primary); border: 1px solid var(--line); border-radius: 8px; font-size: 20px; font-weight: 400; transition: transform .2s ease; }.faq-item[open] summary::after, .info-card[open] summary::after { content: "−"; transform: rotate(180deg); }
.faq-answer { padding: 0 24px 23px; color: var(--muted); font-size: 14px; }
.cta-panel { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px; padding: 58px; overflow: hidden; border: 1px solid rgba(55,185,255,.28); border-radius: 28px; background: linear-gradient(135deg, rgba(17,50,81,.82), rgba(8,22,38,.88) 58%, rgba(24,65,73,.58)); box-shadow: 0 30px 90px rgba(0,0,0,.24); }
.cta-panel::after { content: ""; position: absolute; width: 320px; height: 320px; right: -120px; top: -180px; border-radius: 50%; background: rgba(80,230,208,.16); filter: blur(20px); }.cta-panel h2 { position: relative; z-index: 1; margin: 0 0 12px; font-size: clamp(31px,4vw,46px); letter-spacing: -.045em; }.cta-panel p { position: relative; z-index:1; margin: 0; max-width: 700px; color: #a9bdd2; }.cta-actions { position: relative; z-index: 1; display:flex; gap:10px; }
.page-hero { position: relative; padding: 162px 0 74px; overflow:hidden; border-bottom:1px solid var(--line); background: linear-gradient(180deg, rgba(12,32,55,.7), rgba(5,10,18,.12)); }.page-hero::after { content:""; position:absolute; width:600px; height:600px; top:-390px; left:calc(50% - 300px); border:1px solid rgba(55,185,255,.12); border-radius:50%; box-shadow:0 0 0 80px rgba(55,185,255,.02),0 0 0 160px rgba(55,185,255,.015); }.page-hero .container { position:relative; z-index:1; }.page-hero h1 { max-width:900px; margin:14px 0 14px; font-size:clamp(40px,5.5vw,66px); line-height:1.05; letter-spacing:-.055em; }.page-hero p { max-width:760px; margin:0; color:var(--muted); font-size:18px; }
.intro-card { padding:32px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(11,23,40,.6); }.intro-card p { margin:0 0 12px; color:#b3c5d9; }.intro-card p:last-child{margin-bottom:0}.intro-card b{color:#e9f7ff}
.highlight-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:26px; }.highlight-card { padding:20px; border:1px solid var(--line); border-radius:15px; background:rgba(10,22,38,.64); }.highlight-card span { display:block; color:var(--muted-2); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }.highlight-card strong { display:block; margin-top:6px; font-size:19px; letter-spacing:-.02em; }
.info-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.info-card summary { min-height:86px; }.info-summary-main { display:grid; grid-template-columns:42px 1fr; align-items:center; gap:14px; }.info-summary-main .icon-box { width:42px; height:42px; margin:0; border-radius:11px; }.info-summary-main strong { display:block; }.info-summary-main small { color:var(--muted-2); font-size:11px; }.info-content { padding:0 24px 24px; }.info-content ul { display:grid; gap:10px; padding:0; margin:0; list-style:none; }.info-content li { position:relative; padding-left:20px; color:#aebfd2; font-size:13px; }.info-content li::before { content:""; position:absolute; left:0; top:.7em; width:7px; height:7px; border:1px solid var(--primary); transform:rotate(45deg); }.info-content b{color:#e9f7ff}
.update-list { display:grid; gap:18px; }.update-row { display:grid; grid-template-columns:160px 1fr; gap:32px; padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(11,23,40,.58); }.update-date { color:var(--muted-2); font-size:12px; }.update-date strong { display:block; margin-bottom:9px; color:var(--primary); font-family:ui-monospace,monospace; font-size:13px; }.update-content h2 { margin:0 0 9px; font-size:25px; letter-spacing:-.035em; }.update-content > p { margin:0 0 18px; color:var(--muted); }.changelog { display:grid; gap:7px; padding:0; margin:0 0 22px; list-style:none; }.changelog li { position:relative; padding-left:18px; color:#b1c3d6; font-size:13px; }.changelog li::before { content:"+"; position:absolute; left:0; color:var(--success); }
.site-footer { padding:74px 0 26px; border-top:1px solid var(--line); background:#040910; }.footer-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:60px; }.footer-brand p { max-width:360px; margin:20px 0; color:var(--muted); font-size:13px; }.footer-grid > div:not(.footer-brand) { display:flex; flex-direction:column; gap:9px; }.footer-grid h3 { margin:4px 0 12px; color:#e9f5ff; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }.footer-grid a:not(.brand):not(.social-links a) { color:var(--muted); font-size:13px; }.footer-grid a:hover { color:#fff; }.social-links { display:flex; gap:8px; }.social-links a { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:10px; color:var(--muted); }.footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:56px; padding-top:22px; border-top:1px solid var(--line); color:#61758d; font-size:10px; }
.alert { display:flex; align-items:flex-start; gap:10px; padding:13px 15px; margin-bottom:14px; border:1px solid var(--line); border-radius:11px; background:rgba(55,185,255,.07); color:#bfd4e9; font-size:13px; }.alert-success{border-color:rgba(74,222,161,.25);background:rgba(74,222,161,.07)}.alert-error{border-color:rgba(255,101,122,.28);background:rgba(255,101,122,.08)}.alert-warning{border-color:rgba(247,198,91,.25);background:rgba(247,198,91,.08)}.alert svg{flex-shrink:0;margin-top:2px}
.auth-page { min-height:100vh; display:grid; grid-template-columns:.92fr 1.08fr; background:#050a12; }.auth-visual { position:relative; min-height:100vh; display:flex; flex-direction:column; justify-content:space-between; padding:42px 58px; overflow:hidden; border-right:1px solid var(--line); background:radial-gradient(circle at 35% 42%,rgba(0,132,255,.22),transparent 29%),linear-gradient(145deg,#07182a,#050a12 68%); }.auth-visual::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(110,177,226,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(110,177,226,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(120deg,#000,transparent 80%)}.auth-quote { position:relative; z-index:1; max-width:540px; margin:auto 0; }.auth-quote .eyebrow{margin-bottom:20px}.auth-quote h2{margin:0 0 16px;font-size:clamp(36px,4.5vw,58px);line-height:1.07;letter-spacing:-.05em}.auth-quote p{color:var(--muted);font-size:16px}.auth-form-wrap { min-height:100vh; display:grid; place-items:center; padding:80px 28px; }.auth-form { width:min(510px,100%); }.auth-form h1{margin:0 0 8px;font-size:34px;letter-spacing:-.04em}.auth-form > p{margin:0 0 28px;color:var(--muted)}
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.field { display:grid; gap:7px; margin-bottom:14px; }.field.full { grid-column:1/-1; }.field label { color:#b8c8d9; font-size:12px; font-weight:700; }.field input,.field select,.field textarea { width:100%; min-height:47px; padding:11px 13px; color:var(--text); border:1px solid var(--line); border-radius:11px; background:rgba(6,14,25,.78); transition:border-color .2s ease,box-shadow .2s ease; }.field textarea { min-height:120px; resize:vertical; }.field input:focus,.field select:focus,.field textarea:focus { border-color:rgba(55,185,255,.52); box-shadow:0 0 0 3px rgba(55,185,255,.08); outline:0; }.field small{color:var(--muted-2);font-size:10px}.field-error{color:#ff8999;font-size:11px}.form-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:4px 0 20px; color:var(--muted);font-size:12px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{accent-color:var(--primary)}.auth-switch{text-align:center;margin-top:20px;color:var(--muted);font-size:13px}.auth-switch a{color:var(--primary);font-weight:700}
.social-divider { display:flex; align-items:center; gap:12px; margin:24px 0; color:var(--muted-2); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }.social-divider::before,.social-divider::after{content:"";height:1px;flex:1;background:var(--line)}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-button{min-height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:rgba(10,22,38,.58);color:#bdcede;font-size:12px;font-weight:700}.social-button:hover{border-color:var(--line-strong);color:#fff}.social-button.is-disabled{opacity:.36;pointer-events:none}
.checkout-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:30px; align-items:start; }.plan-summary,.gateway-panel { padding:28px; border:1px solid var(--line);border-radius:var(--radius);background:rgba(11,23,40,.64)}.plan-summary h2{margin:0 0 5px}.plan-summary .price{margin:18px 0}.gateway-list{display:grid;gap:12px}.gateway-card{position:relative;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(6,15,27,.58);cursor:pointer;transition:border-color .2s ease,background .2s ease}.gateway-card:hover,.gateway-card.is-selected{border-color:rgba(55,185,255,.4);background:rgba(55,185,255,.055)}.gateway-card input{position:absolute;opacity:0}.gateway-logo{width:52px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--primary);background:#081525}.gateway-card h3{margin:0 0 3px;font-size:15px}.gateway-card p{margin:0;color:var(--muted-2);font-size:11px}.gateway-total{text-align:right}.gateway-total strong{display:block;font-size:16px}.gateway-total span{color:var(--muted-2);font-size:10px}.fee-breakdown{display:grid;gap:9px;margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:13px;background:rgba(5,12,22,.58)}.fee-row{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.fee-row strong{color:#dbe8f6}.fee-row.total{padding-top:10px;border-top:1px solid var(--line);font-size:15px}.fee-row.total strong{color:var(--primary)}
.page-shell { padding:132px 0 90px; min-height:75vh; }
.panel-body { background:#050a12; }
.panel-layout { min-height:100vh; display:grid; grid-template-columns:258px 1fr; }
.panel-sidebar { position:fixed; z-index:120; inset:0 auto 0 0; width:258px; display:flex; flex-direction:column; padding:24px 18px; border-right:1px solid var(--line); background:linear-gradient(180deg,#091626,#06101d); }
.panel-sidebar-head { display:flex; align-items:center; justify-content:space-between; padding:0 6px; }.panel-sidebar-head .brand-copy small{display:none}.panel-sidebar-close{display:none;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:9px;background:transparent}
.panel-role { display:flex; flex-direction:column; gap:2px; margin:28px 2px 20px; padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(55,185,255,.045); }.panel-role span{color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.09em}.panel-role strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.panel-nav { display:grid; gap:5px; }.panel-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;border:1px solid transparent;border-radius:10px;color:#8fa4bd;font-size:12px;font-weight:650}.panel-nav a:hover{color:#e9f6ff;background:rgba(148,181,221,.05)}.panel-nav a.is-active{color:#e8f8ff;border-color:rgba(55,185,255,.18);background:linear-gradient(90deg,rgba(55,185,255,.13),rgba(55,185,255,.035))}.panel-nav a.is-active svg{color:var(--primary)}
.panel-sidebar-foot{display:grid;gap:3px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.panel-sidebar-foot a{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--muted-2);font-size:11px}.panel-sidebar-foot a:hover{color:#fff}
.panel-overlay{display:none}.panel-main{grid-column:2;min-width:0}.panel-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line);background:rgba(5,10,18,.82);backdrop-filter:blur(16px)}.panel-topbar>div:first-of-type{display:flex;flex-direction:column}.panel-topbar>div:first-of-type span{font-size:13px;font-weight:750}.panel-topbar>div:first-of-type small{color:var(--muted-2);font-size:9px}.panel-top-actions{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(55,185,255,.24);border-radius:10px;color:var(--primary);background:rgba(55,185,255,.07);font-size:12px;font-weight:800}.panel-menu-button{display:none;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(11,23,40,.7)}
.panel-content{width:min(1420px,100%);margin:0 auto;padding:32px}.panel-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.panel-page-head h1{margin:0 0 5px;font-size:30px;letter-spacing:-.04em}.panel-page-head p{margin:0;color:var(--muted);font-size:13px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{display:flex;align-items:center;gap:16px;min-height:112px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(14,28,48,.75),rgba(8,17,30,.58))}.metric-icon{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(55,185,255,.2);border-radius:12px;color:var(--primary);background:rgba(55,185,255,.065)}.metric-card div{display:flex;flex-direction:column}.metric-card small{color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.metric-card strong{font-size:27px;line-height:1.15}.metric-card .metric-text{font-size:18px;margin-top:4px}
.panel-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:rgba(10,22,38,.66)}.panel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-card-head h2{margin:0 0 3px;font-size:17px;letter-spacing:-.025em}.panel-card-head p{margin:0;color:var(--muted-2);font-size:10px}.panel-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.panel-empty>svg{width:32px;height:32px;color:var(--primary);margin-bottom:9px}.panel-empty p{margin:0 0 13px;font-size:12px}
.license-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.license-box .badge{width:max-content}.license-box code{grid-column:1/2;padding:11px 12px;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--line);border-radius:9px;color:#8bdcff;background:#06101c;font-size:12px}.license-box small{grid-column:1/-1;color:var(--muted-2);font-size:10px}.latest-release>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted-2);font-size:10px}.latest-release h3{margin:15px 0 5px}.latest-release p{margin:0 0 17px;color:var(--muted);font-size:12px}
.license-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.license-card .panel-card-head>i{width:32px;height:32px;color:var(--primary)}.license-card .panel-card-head h2{margin-top:10px;font-size:23px}.license-card>label{display:block;margin-bottom:7px;color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.license-key-row{display:grid;grid-template-columns:1fr auto;gap:8px}.license-key-row code{padding:11px;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--line);border-radius:9px;color:#84dcff;background:#06101c}.license-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.license-meta span{display:flex;flex-direction:column;color:#c5d5e7;font-size:12px}.license-meta small{color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.panel-release-list{display:grid;gap:13px}.panel-release{display:grid;grid-template-columns:120px 1fr auto;gap:25px;align-items:start}.panel-release-version{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.panel-release-version time{color:var(--muted-2);font-size:10px}.panel-release h2{margin:0 0 6px;font-size:19px}.panel-release p{margin:0 0 15px;color:var(--muted);font-size:12px}.panel-release-action{display:flex;flex-direction:column;align-items:center;gap:6px}.panel-release-action small{color:var(--muted-2);font-size:9px}.chart-card canvas{width:100%;height:270px}.admin-chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:15px; }.data-table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(8,18,31,.62)}.data-table th,.data-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}.data-table th{color:var(--muted-2);background:rgba(15,30,50,.72);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.data-table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:100px;color:#bdd0e4;background:rgba(148,181,221,.06);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.badge-success{color:#72e8b3;border-color:rgba(74,222,161,.24);background:rgba(74,222,161,.07)}.badge-warning{color:#f7d983;border-color:rgba(247,198,91,.24);background:rgba(247,198,91,.07)}.badge-danger{color:#ff98a6;border-color:rgba(255,101,122,.24);background:rgba(255,101,122,.07)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.admin-chart-grid{grid-template-columns:1fr}}
@media(max-width:840px){.panel-layout{grid-template-columns:1fr}.panel-main{grid-column:1}.panel-sidebar{transform:translateX(-105%);transition:transform .25s ease}.panel-sidebar.is-open{transform:translateX(0)}.panel-sidebar-close,.panel-menu-button{display:grid}.panel-overlay{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.6)}.panel-overlay.is-open{display:block}.panel-topbar{padding:0 18px}.panel-content{padding:24px 18px}.panel-two-columns{grid-template-columns:1fr}.license-grid{grid-template-columns:1fr}.panel-release{grid-template-columns:100px 1fr}.panel-release-action{grid-column:2;align-items:flex-start}.panel-page-head{align-items:flex-start}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.panel-content{padding:20px 12px}.panel-page-head{flex-direction:column}.panel-page-head .button{width:100%}.panel-card{padding:18px}.panel-release{grid-template-columns:1fr;gap:12px}.panel-release-action{grid-column:1}.license-key-row{grid-template-columns:1fr}.license-key-row .button{width:100%}.license-meta{grid-template-columns:1fr}.panel-topbar>div:first-of-type{display:none}}
@media (max-width:1080px){.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.header-login{display:none}.hero-grid{gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.server-grid{grid-template-columns:repeat(2,1fr)}.security-layout{gap:30px}.footer-grid{gap:34px}}
@media (max-width:880px){:root{--header-height:70px}.container{width:min(100% - 28px,1180px)}.desktop-nav,.header-buy{display:none}.menu-toggle{display:grid}.brand-copy small{display:none}.hero{min-height:auto;padding:132px 0 70px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.product-visual{min-height:500px}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:88px 0}.security-layout{grid-template-columns:1fr}.security-visual{min-height:450px}.process-grid{grid-template-columns:1fr 1fr;row-gap:36px}.process-grid::before{display:none}.integration-grid,.release-grid,.pricing-grid{grid-template-columns:1fr 1fr}.price-card.is-popular{transform:none}.cta-panel{grid-template-columns:1fr;padding:42px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.checkout-layout{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}}
@media (max-width:620px){.container{width:calc(100% - 24px)}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:18px}.header-actions{gap:6px}.language-trigger{width:40px;justify-content:center}.language-trigger svg:first-child,.language-trigger svg:last-child{display:none}.hero{padding-top:116px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.product-visual{min-height:430px}.visual-ring{width:340px;height:340px}.core-emblem{width:132px;height:132px}.floating-chip{font-size:9px;padding:9px}.chip-one{left:0}.chip-two{right:0}.chip-three{display:none}.console-card{width:96%;right:2%;bottom:4px;transform:none}.console-line{grid-template-columns:50px 1fr}.console-line small{display:none}.section-heading{margin-bottom:38px}.section-heading h2{font-size:34px}.feature-grid,.protection-grid,.integration-grid,.release-grid,.server-grid,.pricing-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.security-visual{min-height:370px}.security-orbit{width:330px;height:330px}.shield-shell{width:210px;height:250px}.process-grid{grid-template-columns:1fr}.process-step{display:grid;grid-template-columns:56px 1fr;text-align:left;column-gap:17px}.process-number{grid-row:1/3;width:52px;height:52px;margin:0}.process-step h3{margin-top:3px}.highlight-grid{grid-template-columns:1fr 1fr}.update-row{grid-template-columns:1fr;gap:14px;padding:22px}.cta-panel{padding:30px 23px}.cta-actions{display:grid}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.auth-form-wrap{padding:80px 18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.social-grid{grid-template-columns:1fr}.gateway-card{grid-template-columns:46px 1fr}.gateway-total{grid-column:2;text-align:left}.page-hero{padding-top:126px}.page-shell{padding-top:108px}}

/* Project catalog, website services and SQLite administration */
.brand-image::before,.brand-image::after{display:none}.brand-image img{width:100%;height:100%;object-fit:contain}.desktop-nav{gap:18px}.desktop-nav a{font-size:12px}
.catalog-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.catalog-preview-card{position:relative;min-height:150px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(14,29,49,.76),rgba(7,16,28,.6));transition:.25s ease}.catalog-preview-card:hover{transform:translateY(-5px);border-color:var(--line-strong)}.catalog-preview-card .icon-box{width:42px;height:42px;margin:0 0 18px}.catalog-preview-card strong{display:block;font-size:15px}.catalog-preview-card span{color:var(--muted-2);font-size:10px}.catalog-preview-card>svg{position:absolute;right:16px;top:16px;color:var(--muted-2)}
.commercial-rule,.source-rule{display:flex;align-items:flex-start;gap:13px;padding:18px;margin-top:26px;border:1px solid rgba(247,198,91,.24);border-radius:14px;background:rgba(247,198,91,.055)}.commercial-rule>svg,.source-rule>svg{flex-shrink:0;margin-top:3px;color:var(--gold)}.commercial-rule strong{display:block;margin-bottom:3px}.commercial-rule p,.source-rule span{margin:0;color:#b9c7d8;font-size:12px}.source-rule{margin:18px 0 0}.source-rule.has-source{border-color:rgba(74,222,161,.28);background:rgba(74,222,161,.06)}.source-rule.has-source>svg{color:var(--success)}
.catalog-hero .container{max-width:1180px}.catalog-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.catalog-proof span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:100px;background:rgba(10,23,39,.7);color:var(--muted);font-size:11px}.catalog-proof svg{color:var(--primary)}.catalog-proof strong{color:#edf8ff}
.catalog-section{padding-top:54px}.catalog-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:42px}.catalog-tabs a{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:52px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(10,22,38,.55);color:var(--muted);font-size:11px;font-weight:700}.catalog-tabs a:hover,.catalog-tabs a.is-active{color:#f1f9ff;border-color:rgba(55,185,255,.35);background:rgba(55,185,255,.09)}.catalog-tabs a svg{color:var(--primary)}.catalog-tabs small{min-width:24px;padding:3px 5px;text-align:center;border-radius:100px;background:rgba(148,181,221,.08);font-size:8px}
.catalog-audit{margin:-18px 0 34px;border:1px solid var(--line);border-radius:14px;background:rgba(8,19,33,.62)}.catalog-audit>summary{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;list-style:none}.catalog-audit>summary::-webkit-details-marker{display:none}.catalog-audit>summary span{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:0 9px}.catalog-audit>summary span>svg{grid-row:1/3;color:var(--primary)}.catalog-audit>summary strong{font-size:13px}.catalog-audit>summary small{color:var(--muted-2);font-size:9px}.catalog-audit[open]>summary>svg{transform:rotate(180deg)}.catalog-audit>div{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 18px 18px}.catalog-audit section{display:grid;grid-template-columns:1fr auto;gap:7px 12px}.catalog-audit h3{grid-column:1/-1;margin:0 0 5px;color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.catalog-audit section span{display:contents}.catalog-audit code{color:#8ad9ff;font-size:10px}.catalog-audit section strong{font-size:10px}
.catalog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.catalog-toolbar h2{margin:8px 0 0;font-size:28px}.catalog-search{position:relative;width:min(590px,100%);display:grid;grid-template-columns:1fr auto;gap:8px}.catalog-search>svg{position:absolute;left:15px;top:14px;z-index:1;color:var(--muted-2)}.catalog-search input{min-height:46px;padding:10px 12px 10px 43px;color:var(--text);border:1px solid var(--line);border-radius:12px;background:rgba(7,17,30,.82)}
.catalog-list{display:grid;gap:10px}.catalog-entry{border:1px solid var(--line);border-radius:15px;background:rgba(10,22,38,.62);overflow:hidden}.catalog-entry[open]{border-color:rgba(55,185,255,.25);background:rgba(11,25,43,.82)}.catalog-entry summary{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}.catalog-entry summary::-webkit-details-marker{display:none}.catalog-entry-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(55,185,255,.2);border-radius:11px;color:var(--primary);background:rgba(55,185,255,.065)}.catalog-entry-copy{min-width:0}.catalog-entry-copy small{display:block;color:var(--cyan);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.catalog-entry-copy strong{display:block;margin:2px 0;font-size:16px;overflow-wrap:anywhere}.catalog-entry-copy span{display:block;color:var(--muted);font-size:12px}.catalog-chevron{color:var(--muted-2);transition:transform .2s}.catalog-entry[open] .catalog-chevron{transform:rotate(180deg)}.catalog-entry-body{display:grid;grid-template-columns:1fr minmax(260px,.55fr);gap:28px;padding:0 84px 22px}.catalog-entry-body h3{margin:0 0 6px;color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.catalog-entry-body p{margin:0;color:#bdcddd;font-size:12px}.catalog-entry-body code{display:block;padding:11px;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:9px;color:#75d4ff;background:#06111e;font-size:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px}.pagination span{color:var(--muted);font-size:12px}
.service-hero-grid{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:70px}.website-preview{padding:9px;border:1px solid rgba(91,192,255,.28);border-radius:18px;background:#07111e;box-shadow:0 36px 90px rgba(0,0,0,.4),0 0 80px rgba(0,119,255,.1);transform:perspective(900px) rotateY(-5deg)}.website-preview-bar{height:35px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid var(--line)}.website-preview-bar i{width:7px;height:7px;border-radius:50%;background:#ff657a}.website-preview-bar i:nth-child(2){background:var(--warning)}.website-preview-bar i:nth-child(3){background:var(--success)}.website-preview-bar span{margin-left:8px;color:var(--muted-2);font-size:9px}.website-preview-body{min-height:310px;padding:26px;background:radial-gradient(circle at 72% 30%,rgba(55,185,255,.16),transparent 34%),linear-gradient(145deg,#09192b,#07101c)}.preview-nav{width:100%;height:13px;border-radius:4px;background:linear-gradient(90deg,#37b9ff 12%,transparent 12% 55%,rgba(145,165,191,.25) 55% 63%,transparent 63% 67%,rgba(145,165,191,.25) 67% 75%,transparent 75%)}.preview-title{width:62%;height:34px;margin:78px auto 14px;border-radius:5px;background:linear-gradient(90deg,#eef8ff,#55cfff)}.preview-subtitle{width:75%;height:8px;margin:auto;border-radius:4px;background:rgba(145,165,191,.3)}.preview-actions{display:flex;justify-content:center;gap:8px;margin:22px}.preview-actions i{width:90px;height:25px;border-radius:6px;background:#36baff}.preview-actions i+ i{border:1px solid var(--line);background:transparent}.preview-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-widgets span{height:64px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}.service-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-module-grid .feature-card{min-height:210px}.service-offer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:44px;border:1px solid rgba(55,185,255,.26);border-radius:24px;background:linear-gradient(135deg,rgba(16,45,73,.82),rgba(7,18,31,.82))}.service-offer h2{max-width:760px;margin:12px 0;font-size:34px;line-height:1.15}.service-offer p{color:var(--muted)}.service-price{display:grid;text-align:center}.service-price strong{font-size:48px;line-height:1}.service-price span{margin-bottom:14px;color:var(--muted)}
.content-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.content-heading h1{margin:0 0 5px;font-size:30px;letter-spacing:-.04em}.content-heading p{max-width:800px;margin:0;color:var(--muted);font-size:12px}.settings-group{margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.field-wide{grid-column:1/-1}.sticky-save{position:sticky;z-index:20;bottom:16px;display:flex;justify-content:flex-end;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(5,10,18,.88);backdrop-filter:blur(14px)}.admin-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:18px}.language-fieldset{margin:0 0 14px;padding:16px;border:1px solid var(--line);border-radius:13px}.language-fieldset legend{padding:0 7px;color:var(--primary);font-size:10px;font-weight:800;text-transform:uppercase}.lang-editor-tabs{margin:10px 0;color:var(--muted-2);font-size:10px}.admin-list{display:grid;gap:9px;max-height:930px;overflow:auto}.admin-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(6,15,26,.55)}.admin-list h3{margin:7px 0 2px;font-size:13px}.admin-list p{margin:0;color:var(--muted-2);font-size:10px;overflow-wrap:anywhere}.row-actions{display:flex;gap:5px}.row-actions form{margin:0}.filter-row{display:grid;grid-template-columns:220px 1fr auto;gap:9px}.filter-row select,.filter-row input{min-height:42px;padding:9px 11px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:#081525}.catalog-admin-list{max-height:1100px}
@media(max-width:1100px){.catalog-preview-grid{grid-template-columns:repeat(3,1fr)}.catalog-tabs{grid-template-columns:repeat(3,1fr)}.service-hero-grid{gap:30px}.admin-split{grid-template-columns:1fr}.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}}
@media(max-width:880px){.catalog-tabs{display:flex;overflow:auto;padding-bottom:6px}.catalog-tabs a{min-width:170px}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{width:100%}.service-hero-grid{grid-template-columns:1fr}.website-preview{display:none}.service-module-grid{grid-template-columns:1fr 1fr}.service-offer{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}}
@media(max-width:620px){.catalog-preview-grid{grid-template-columns:1fr 1fr}.catalog-entry summary{grid-template-columns:40px 1fr 18px;padding:15px 13px;gap:10px}.catalog-entry-icon{width:38px;height:38px}.catalog-entry-copy span{display:none}.catalog-entry-body{grid-template-columns:1fr;padding:0 13px 16px;gap:16px}.catalog-proof span{width:100%}.catalog-audit>div{grid-template-columns:1fr}.service-module-grid{grid-template-columns:1fr}.service-offer{padding:28px 20px}.filter-row{grid-template-columns:1fr}.content-heading{align-items:stretch;flex-direction:column}.content-heading .button{width:100%}.catalog-preview-card{min-height:135px;padding:16px}}

/* Story, technical property cards and direct WhatsApp contact */
.button-whatsapp{color:#eafff3;border-color:rgba(37,211,102,.4);background:linear-gradient(135deg,rgba(37,211,102,.2),rgba(18,140,74,.16));box-shadow:0 12px 30px rgba(37,211,102,.09)}
.button-whatsapp:hover{border-color:rgba(37,211,102,.68);background:linear-gradient(135deg,rgba(37,211,102,.28),rgba(18,140,74,.22))}
.header-whatsapp{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;color:#6eed9c;border:1px solid rgba(37,211,102,.3);border-radius:10px;background:rgba(37,211,102,.08);transition:.2s ease}
.header-whatsapp:hover{color:#eafff3;border-color:rgba(37,211,102,.55);background:rgba(37,211,102,.15);transform:translateY(-2px)}
.mobile-whatsapp{display:flex!important;align-items:center;gap:9px;color:#6eed9c!important}
.whatsapp-float{position:fixed;z-index:160;right:22px;bottom:22px;min-height:54px;display:flex;align-items:center;gap:9px;padding:0 18px;color:#f1fff6;border:1px solid rgba(255,255,255,.2);border-radius:100px;background:linear-gradient(135deg,#25d366,#128c4a);box-shadow:0 18px 46px rgba(9,82,37,.42);font-size:12px;font-weight:800;transition:.22s ease}
.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 22px 54px rgba(9,82,37,.55)}
.whatsapp-float svg{width:20px;height:20px}

.chip-one{left:0;top:88px}.chip-two{right:0;top:88px}.chip-three{display:none}

.history-section{padding-top:90px;padding-bottom:90px}
.history-card{position:relative;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:46px;padding:45px 50px;overflow:hidden;border:1px solid rgba(55,185,255,.22);border-radius:26px;background:linear-gradient(135deg,rgba(15,41,67,.82),rgba(7,19,33,.78) 62%,rgba(18,62,68,.48));box-shadow:0 32px 90px rgba(0,0,0,.22)}
.history-card::after{content:"";position:absolute;width:310px;height:310px;right:-150px;top:-175px;border-radius:50%;background:rgba(80,230,208,.13);filter:blur(12px)}
.history-year{position:relative;z-index:1;min-height:142px;display:grid;place-items:center;align-content:center;border:1px solid rgba(55,185,255,.28);border-radius:22px;background:rgba(3,13,24,.46);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1}
.history-year span{color:var(--cyan);font-size:17px;letter-spacing:.18em}.history-year strong{margin-top:9px;font-size:43px;letter-spacing:-.06em}
.history-copy{position:relative;z-index:1}.history-copy h2{margin:12px 0 13px;font-size:clamp(29px,4vw,45px);line-height:1.08;letter-spacing:-.045em}.history-copy p{max-width:760px;margin:0;color:#afc1d4;font-size:15px}
.history-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.history-stack span{padding:7px 10px;color:#bfefff;border:1px solid rgba(55,185,255,.2);border-radius:100px;background:rgba(55,185,255,.06);font-size:10px;font-weight:750}

.special-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.special-system-card{min-height:245px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(15,31,52,.82),rgba(7,17,30,.7));transition:.25s ease}.special-system-card:hover{transform:translateY(-5px);border-color:var(--line-strong)}.special-system-card .icon-box{margin-bottom:24px}.special-system-card h3{margin:0 0 9px;font-size:18px}.special-system-card p{margin:0;color:var(--muted);font-size:13px}

.catalog-note{max-width:700px;margin:7px 0 0;color:var(--muted);font-size:12px}.property-groups{display:grid;gap:12px;margin-bottom:22px}.property-file-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(9,21,37,.68)}.property-file-card[open]{border-color:rgba(55,185,255,.28);background:rgba(10,24,42,.82)}.property-file-card>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;cursor:pointer;list-style:none}.property-file-card>summary::-webkit-details-marker,.property-row>summary::-webkit-details-marker{display:none}.property-file-card>summary>span{display:flex;align-items:center;gap:13px}.property-file-card>summary>span>svg{width:40px;height:40px;padding:9px;color:var(--primary);border:1px solid rgba(55,185,255,.2);border-radius:10px;background:rgba(55,185,255,.065)}.property-file-card>summary strong,.property-file-card>summary small{display:block}.property-file-card>summary strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.property-file-card>summary small{margin-top:2px;color:var(--muted-2);font-size:9px}.property-file-card>summary>svg{color:var(--muted-2);transition:.2s ease}.property-file-card[open]>summary>svg{transform:rotate(180deg)}
.property-file-content{display:grid;gap:18px;padding:2px 20px 20px}.property-section{overflow:hidden;border:1px solid rgba(148,181,221,.1);border-radius:13px;background:rgba(4,12,22,.42)}.property-section h3{margin:0;padding:12px 15px;color:#9ddfff;border-bottom:1px solid rgba(148,181,221,.1);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.property-row{border-bottom:1px solid rgba(148,181,221,.08)}.property-row:last-child{border-bottom:0}.property-row>summary{display:grid;grid-template-columns:1fr 18px;align-items:center;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.property-row>summary code{overflow-wrap:anywhere;color:#7fd6ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;white-space:pre-wrap}.property-row>summary>svg{color:var(--muted-2);transition:.2s ease}.property-row[open]>summary>svg{transform:rotate(180deg)}.property-row>div{padding:0 15px 15px}.property-row p{margin:0;color:#b8c8d9;font-size:12px}.catalog-entry-body{display:block;padding:0 84px 22px}

.settings-group{padding:0;overflow:hidden}.settings-group>.panel-card-head{margin:0;padding:20px 23px;cursor:pointer;list-style:none}.settings-group>.panel-card-head::-webkit-details-marker{display:none}.settings-summary-icons{display:flex;align-items:center;gap:12px;color:var(--primary)}.settings-summary-icons svg:last-child{color:var(--muted-2);transition:.2s ease}.settings-group[open] .settings-summary-icons svg:last-child{transform:rotate(180deg)}.settings-group-content{padding:2px 23px 18px;border-top:1px solid var(--line)}.settings-group-content .settings-grid{padding-top:18px}

@media(max-width:1080px){.special-system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.history-card{grid-template-columns:140px 1fr;gap:28px;padding:36px}.history-year{min-height:125px}.history-year strong{font-size:35px}}
@media(max-width:620px){.header-whatsapp{display:none}.whatsapp-float{right:14px;bottom:14px;width:54px;padding:0;justify-content:center}.whatsapp-float span{display:none}.history-section{padding-top:65px;padding-bottom:65px}.history-card{grid-template-columns:1fr;padding:24px}.history-year{width:120px;min-height:92px;place-self:start}.history-year span{font-size:12px}.history-year strong{font-size:28px}.history-copy h2{font-size:29px}.special-system-grid{grid-template-columns:1fr}.special-system-card{min-height:auto}.property-file-card>summary{padding:15px 13px}.property-file-content{padding:0 10px 12px}.property-row>summary{padding:12px 10px}.property-row>div{padding:0 10px 13px}.catalog-entry-body{padding:0 13px 16px}.settings-group>.panel-card-head{padding:18px}.settings-group-content{padding:2px 18px 14px}}