:root {
  --nx-accent: #5546f6;
  --nx-accent-2: #7b6cff;
  --nx-ink: #10132d;
  --nx-ink-soft: #555d7a;
  --nx-surface: #ffffff;
  --nx-soft: #f6f7ff;
  --nx-lilac: #eef0ff;
  --nx-border: #e5e7f1;
  --nx-dark: #11142d;
  --nx-radius: 24px;
  --nx-shadow: 0 24px 70px rgba(33, 33, 88, 0.13);
  --nx-shadow-soft: 0 14px 40px rgba(33, 33, 88, 0.08);
  --nx-container: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--nx-ink); background: var(--nx-surface); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--nx-accent); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.nx-container { width: min(calc(100% - 40px), var(--nx-container)); margin-inline: auto; }
.narrow-container { width: min(calc(100% - 40px), 880px); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { clip: auto !important; width: auto; height: auto; top: 10px; left: 10px; z-index: 99999; padding: 12px 18px; border-radius: 10px; background: #fff; color: #111; box-shadow: var(--nx-shadow-soft); }

.site-header { position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid rgba(229,231,241,.8); background: rgba(255,255,255,.88); backdrop-filter: blur(16px); }
.header-inner { min-height: 78px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; }
.site-branding { display: flex; align-items: center; }
.custom-logo { max-height: 46px; width: auto; }
.brand-mark { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 20px; letter-spacing: -.03em; color: var(--nx-ink); }
.brand-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; color: #fff; background: linear-gradient(145deg, var(--nx-accent), #7869ff); box-shadow: 0 10px 24px rgba(85,70,246,.28); font-size: 14px; }
.brand-dot { color: var(--nx-accent); }
.primary-navigation { justify-self: center; }
.primary-navigation ul, .footer-column ul { margin: 0; padding: 0; list-style: none; }
.primary-navigation .menu { display: flex; gap: 28px; align-items: center; }
.primary-navigation a { font-size: 14px; font-weight: 650; color: #303553; }
.primary-navigation a:hover, .primary-navigation .current-menu-item > a { color: var(--nx-accent); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--nx-border); border-radius: 13px; background: #fff; padding: 10px; }
.menu-toggle span:not(.screen-reader-text) { display: block; height: 2px; margin: 4px 0; border-radius: 999px; background: var(--nx-ink); }

.button, .wp-element-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; background: var(--nx-accent); color: #fff; font-weight: 750; font-size: 14px; line-height: 1; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; box-shadow: 0 12px 28px rgba(85,70,246,.22); }
.button:hover, .wp-element-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff; background: #4436e8; transform: translateY(-2px); box-shadow: 0 18px 36px rgba(85,70,246,.3); }
.button-small { min-height: 44px; padding-inline: 20px; }
.button-secondary { background: #fff; border-color: var(--nx-border); color: var(--nx-ink); box-shadow: 0 8px 24px rgba(16,19,45,.07); }
.button-secondary:hover { color: var(--nx-ink); background: #fff; border-color: #d4d7e8; }
.button-light { background: #fff; color: var(--nx-ink); box-shadow: none; }
.button-light:hover { background: #f4f4fb; color: var(--nx-ink); }
.button-block { width: 100%; }

.hero-section { position: relative; overflow: hidden; padding: 96px 0 52px; background: linear-gradient(180deg, #f7f8ff 0%, #eef0ff 58%, #f8f8ff 100%); }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(70px); opacity: .5; pointer-events: none; }
.hero-glow-one { width: 400px; height: 400px; top: -120px; left: -160px; background: rgba(117,99,255,.24); }
.hero-glow-two { width: 380px; height: 380px; top: 260px; right: -160px; background: rgba(88,205,255,.16); }
.hero-inner { position: relative; z-index: 1; text-align: center; }
.hero-copy { max-width: 900px; margin: 0 auto; }
.eyebrow-pill { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border: 1px solid rgba(85,70,246,.16); border-radius: 999px; background: rgba(255,255,255,.84); color: var(--nx-accent); font-size: 12px; font-weight: 800; box-shadow: 0 8px 20px rgba(34,34,80,.05); }
.eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: #16b7ff; box-shadow: 0 0 0 4px rgba(22,183,255,.12); }
.hero-copy h1 { max-width: 900px; margin: 28px auto 18px; font-size: clamp(48px, 7vw, 92px); line-height: .98; letter-spacing: -.065em; font-weight: 850; }
.hero-copy h1::first-line { color: var(--nx-ink); }
.hero-copy p { max-width: 720px; margin: 0 auto; color: var(--nx-ink-soft); font-size: clamp(17px, 2vw, 21px); }
.hero-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.hero-checks { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 26px; color: #666d89; font-size: 12px; font-weight: 650; }
.hero-checks span::first-letter { color: var(--nx-accent); }
.hero-showcase { max-width: 1040px; margin: 58px auto 0; }
.browser-shell { padding: 10px; border-radius: 28px; background: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.95); box-shadow: 0 38px 90px rgba(37,36,92,.18); backdrop-filter: blur(8px); transform: perspective(1400px) rotateX(1.5deg); }
.browser-top { height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 16px; background: #fbfbfe; border-radius: 18px 18px 0 0; border-bottom: 1px solid #eceefa; }
.browser-top i { width: 8px; height: 8px; border-radius: 50%; background: #d8dbea; }
.browser-top i:first-child { background: #ff8d8d; }
.browser-top i:nth-child(2) { background: #ffd66b; }
.browser-top i:nth-child(3) { background: #72dfac; }
.browser-top span { width: 44%; max-width: 320px; height: 12px; border-radius: 99px; background: #eef0f6; margin: 0 auto; }
.browser-canvas { position: relative; min-height: 520px; display: grid; grid-template-columns: 170px 1fr; overflow: hidden; border-radius: 0 0 20px 20px; background: linear-gradient(135deg, #fff 0%, #f7f8ff 100%); }
.mock-sidebar { padding: 30px 22px; border-right: 1px solid #eceef7; background: #fcfcff; }
.mock-logo { width: 58px; height: 16px; margin-bottom: 34px; border-radius: 99px; background: linear-gradient(90deg, var(--nx-accent), #a7a0ff); }
.mock-sidebar b { display: block; width: 74%; height: 9px; margin: 0 0 22px; border-radius: 99px; background: #e7e9f3; }
.mock-sidebar b:nth-of-type(2) { width: 54%; }
.mock-sidebar b:nth-of-type(3) { width: 68%; }
.mock-sidebar b:nth-of-type(4) { width: 48%; }
.mock-sidebar b:nth-of-type(5) { width: 62%; }
.mock-main { padding: 42px; }
.mock-topline { display: flex; justify-content: space-between; align-items: center; }
.mock-topline span { width: 34%; height: 14px; border-radius: 99px; background: #e6e8f2; }
.mock-topline span:last-child { width: 80px; height: 32px; background: var(--nx-accent); }
.mock-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px; }
.mock-stats div { padding: 22px; text-align: left; border: 1px solid #eceef8; border-radius: 18px; background: #fff; box-shadow: 0 8px 18px rgba(40,40,90,.04); }
.mock-stats small { display: block; color: #7b829c; font-size: 10px; }
.mock-stats strong { display: block; margin-top: 8px; font-size: 27px; color: #202440; }
.mock-stats em { display: inline-block; margin-top: 9px; padding: 4px 7px; border-radius: 8px; background: #e8fff3; color: #25a765; font-size: 9px; font-style: normal; }
.mock-chart { height: 190px; display: flex; align-items: end; gap: 14px; margin-top: 28px; padding: 26px 28px 0; border-radius: 18px; border: 1px solid #eceef8; background: linear-gradient(180deg,#fff,#f9f9ff); }
.mock-chart span { flex: 1; min-width: 10px; border-radius: 8px 8px 2px 2px; background: linear-gradient(180deg, #7667ff, #5546f6); opacity: .9; }
.floating-card { position: absolute; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; padding: 16px; border-radius: 16px; background: rgba(255,255,255,.94); border: 1px solid rgba(230,232,245,.95); box-shadow: var(--nx-shadow-soft); text-align: left; }
.floating-card b, .floating-card small { grid-column: 2; }
.floating-card b { font-size: 12px; }
.floating-card small { color: #777e98; font-size: 9px; }
.card-one { left: 130px; bottom: 38px; }
.card-two { right: 34px; top: 120px; }
.mini-orb { grid-row: 1 / 3; width: 34px; height: 34px; border-radius: 12px; background: linear-gradient(145deg,#7f71ff,#24b8ff); }
.mini-metric { grid-row: 1 / 3; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 6px solid #e8e7ff; color: var(--nx-accent); font-size: 10px; font-weight: 800; }
.hero-metrics { max-width: 900px; margin: 42px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(85,70,246,.12); padding-top: 30px; }
.hero-metrics div { padding: 0 18px; }
.hero-metrics div + div { border-left: 1px solid rgba(85,70,246,.12); }
.hero-metrics strong { display: block; font-size: 24px; line-height: 1; }
.hero-metrics span { display: block; margin-top: 8px; color: #737a94; font-size: 11px; }

.section { padding: 112px 0; }
.section-soft, .testimonial-section, .faq-section { background: var(--nx-soft); }
.section-heading { max-width: 760px; margin: 0 auto 56px; text-align: center; }
.section-kicker { display: inline-block; margin-bottom: 14px; color: var(--nx-accent); font-size: 12px; font-weight: 850; text-transform: uppercase; letter-spacing: .16em; }
.section-kicker-light { color: #9adfff; }
.section-heading h2, .portfolio-copy h2, .commerce-copy h2, .pricing-grid h2, .faq-grid h2, .final-cta h2, .page-hero h1, .single-entry-header h1, .page-entry-header h1 { margin: 0; font-size: clamp(36px, 5vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading p, .portfolio-copy > p, .pricing-grid > div > p, .faq-grid > div > p { margin: 18px auto 0; color: var(--nx-ink-soft); font-size: 17px; }
.demo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.demo-card { overflow: hidden; border: 1px solid var(--nx-border); border-radius: var(--nx-radius); background: #fff; box-shadow: 0 6px 20px rgba(26,28,75,.04); transition: transform .25s ease, box-shadow .25s ease; }
.demo-card:hover { transform: translateY(-6px); box-shadow: var(--nx-shadow-soft); }
.demo-art { position: relative; min-height: 270px; overflow: hidden; padding: 28px; }
.demo-purple { background: linear-gradient(145deg,#e9e5ff,#c9c3ff); }
.demo-blue { background: linear-gradient(145deg,#e2f5ff,#c3dbff); }
.demo-coral { background: linear-gradient(145deg,#ffeae5,#ffcfc4); }
.demo-dark { background: linear-gradient(145deg,#222843,#11152b); }
.demo-mint { background: linear-gradient(145deg,#e0fff5,#c7f0e5); }
.demo-lilac { background: linear-gradient(145deg,#f7e8ff,#e3d1ff); }
.demo-window { position: absolute; left: 46px; top: 38px; width: calc(100% - 80px); height: 200px; padding: 18px; border-radius: 17px; background: rgba(255,255,255,.93); box-shadow: 0 18px 40px rgba(20,24,70,.14); transform: rotate(-2deg); }
.demo-window span { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: #d8dbea; }
.demo-window i { display: block; width: 72%; height: 13px; margin-top: 18px; border-radius: 9px; background: #ebeefa; }
.demo-window i:nth-of-type(2) { width: 90%; height: 60px; background: linear-gradient(90deg, rgba(85,70,246,.16), rgba(51,192,255,.11)); }
.demo-window i:nth-of-type(3) { width: 48%; }
.demo-number { position: absolute; right: 20px; top: 18px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.82); color: var(--nx-accent); font-size: 11px; font-weight: 800; }
.demo-card-copy { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 24px 24px; }
.demo-card-copy h3 { margin: 0; font-size: 18px; }
.demo-card-copy p { margin: 3px 0 0; color: #7a819a; font-size: 12px; }
.demo-card-copy > span { color: var(--nx-accent); font-size: 22px; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.feature-card { padding: 26px; border: 1px solid var(--nx-border); border-radius: 20px; background: #fff; box-shadow: 0 7px 20px rgba(29,31,76,.035); }
.feature-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 20px; border-radius: 14px; background: #eeeefe; color: var(--nx-accent); font-size: 12px; font-weight: 900; }
.feature-card h3 { margin: 0; font-size: 17px; }
.feature-card p { margin: 10px 0 0; color: var(--nx-ink-soft); font-size: 13px; }

.portfolio-grid, .commerce-grid, .pricing-grid, .faq-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: center; }
.portfolio-copy > p { margin-left: 0; }
.check-list { list-style: none; padding: 0; margin: 28px 0 32px; }
.check-list li { position: relative; padding-left: 34px; margin: 14px 0; font-weight: 700; font-size: 14px; }
.check-list li::before { content: "✓"; position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #eeeeff; color: var(--nx-accent); font-size: 11px; }
.portfolio-art { position: relative; min-height: 500px; border-radius: 34px; background: linear-gradient(145deg,#f0efff,#f8f9ff); }
.art-panel { position: absolute; overflow: hidden; border-radius: 24px; box-shadow: var(--nx-shadow); }
.panel-main { inset: 50px 30px 70px 80px; background: radial-gradient(circle at 30% 30%, #83e0ff 0, #5e55ff 30%, #151a3d 76%); }
.art-ring { position: absolute; width: 220px; height: 220px; left: 70px; top: 70px; border: 42px solid rgba(255,255,255,.7); border-right-color: rgba(255,255,255,.12); border-radius: 50%; transform: rotate(35deg); }
.art-cube { position: absolute; right: 80px; bottom: 58px; width: 130px; height: 130px; border-radius: 26px; background: linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.2)); transform: rotate(28deg); box-shadow: inset 0 0 0 1px rgba(255,255,255,.55); }
.panel-small { width: 180px; height: 220px; left: 10px; bottom: 30px; padding: 28px; background: #fff; transform: rotate(-7deg); }
.panel-small strong { font-size: 42px; letter-spacing: -.08em; }
.panel-small span { display: block; height: 8px; margin-top: 28px; border-radius: 99px; background: #eceef7; }
.panel-small span:last-child { width: 64%; }
.project-label { position: absolute; right: 0; bottom: 22px; display: grid; gap: 3px; padding: 18px 22px; border-radius: 16px; background: #fff; box-shadow: var(--nx-shadow-soft); }
.project-label small { color: var(--nx-accent); font-weight: 800; }
.project-label b { font-size: 14px; }

.commerce-section { background: var(--nx-dark); color: #fff; }
.commerce-grid { grid-template-columns: 1.1fr .9fr; }
.commerce-copy h2 { color: #fff; }
.commerce-copy > p { color: rgba(255,255,255,.62); font-size: 17px; }
.commerce-art { position: relative; min-height: 500px; border-radius: 30px; background: linear-gradient(145deg,#e8e6ff,#cfd2ff); overflow: hidden; }
.product { position: absolute; display: grid; place-items: center; border-radius: 30px; box-shadow: 0 24px 70px rgba(9,10,33,.2); }
.product span { display: block; border-radius: 999px; }
.product-a { width: 220px; height: 270px; left: 60px; top: 90px; background: linear-gradient(160deg,#fff,#e9e9ef); transform: rotate(-8deg); }
.product-a span { width: 94px; height: 150px; border: 24px solid #f8f8fb; border-bottom-width: 34px; box-shadow: inset 0 0 0 1px #ddd; }
.product-b { width: 190px; height: 220px; right: 70px; top: 60px; background: linear-gradient(160deg,#f7f8fb,#c9ccd6); transform: rotate(9deg); }
.product-b span { width: 80px; height: 110px; border: 12px solid #252b43; background: #11162d; }
.product-c { width: 170px; height: 150px; right: 110px; bottom: 55px; background: linear-gradient(160deg,#fff,#edeaff); }
.product-c span { width: 90px; height: 70px; border-radius: 20px; background: linear-gradient(145deg,#7667ff,#4b3fe8); }
.order-card { position: absolute; left: 30px; bottom: 28px; display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 16px; background: rgba(255,255,255,.96); color: var(--nx-ink); box-shadow: var(--nx-shadow-soft); }
.order-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: #ecfff5; color: #20a96e; font-weight: 900; }
.order-card small, .order-card b { display: block; }
.order-card small { color: #7a8198; font-size: 9px; }
.order-card b { font-size: 11px; }
.commerce-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 30px 0 34px; }
.commerce-stats div { padding-left: 16px; border-left: 1px solid rgba(255,255,255,.18); }
.commerce-stats strong { display: block; font-size: 25px; }
.commerce-stats span { display: block; margin-top: 4px; color: rgba(255,255,255,.48); font-size: 10px; }

.post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.post-card { overflow: hidden; }
.post-thumb { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 22px; background: var(--nx-lilac); }
.post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.post-card:hover .post-thumb img { transform: scale(1.04); }
.post-placeholder { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(145deg,#eeeaff,#d8dcff); }
.post-placeholder i { position: absolute; border-radius: 22px; background: rgba(255,255,255,.8); box-shadow: 0 18px 38px rgba(40,39,90,.12); }
.post-placeholder i:first-child { width: 55%; height: 65%; left: 10%; top: 18%; transform: rotate(-7deg); }
.post-placeholder i:nth-child(2) { width: 42%; height: 45%; right: 8%; top: 12%; background: linear-gradient(145deg,#7363ff,#2dc1ff); transform: rotate(8deg); }
.post-placeholder i:nth-child(3) { width: 42%; height: 25%; right: 12%; bottom: 10%; background: #fff; }
.placeholder-2 { background: linear-gradient(145deg,#e8f8ff,#c6e8ff); }
.placeholder-3 { background: linear-gradient(145deg,#fff0eb,#ffd6ca); }
.post-card-content { padding: 20px 4px 0; }
.cat-links { color: var(--nx-accent); font-size: 11px; font-weight: 800; }
.cat-links a { color: var(--nx-accent); }
.post-card h3 { margin: 9px 0 8px; font-size: 21px; line-height: 1.35; }
.posted-on { color: #8a90a6; font-size: 11px; }

.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.testimonial-grid blockquote { margin: 0; padding: 28px; border: 1px solid var(--nx-border); border-radius: 22px; background: #fff; box-shadow: 0 6px 18px rgba(24,27,73,.035); }
.quote-mark { color: var(--nx-accent); font-size: 42px; line-height: 1; }
.testimonial-grid blockquote > p { margin: 8px 0 28px; font-size: 15px; line-height: 1.8; }
.testimonial-grid footer { display: grid; }
.testimonial-grid footer b { font-size: 13px; }
.testimonial-grid footer small { color: #858ba1; }

.pricing-grid { grid-template-columns: .9fr 1.1fr; }
.pricing-grid > div > p { margin-left: 0; }
.trust-row { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 26px; color: #505774; font-size: 12px; font-weight: 700; }
.price-card { position: relative; padding: 38px; border-radius: 28px; background: var(--nx-dark); color: #fff; box-shadow: var(--nx-shadow); }
.price-badge { position: absolute; right: 22px; top: 22px; padding: 8px 12px; border-radius: 999px; background: #70e2ff; color: #11152b; font-size: 10px; font-weight: 850; }
.price-card > small { display: block; color: rgba(255,255,255,.5); }
.price-card > strong { display: block; margin-top: 6px; font-size: 54px; letter-spacing: -.05em; }
.price-divider { height: 1px; margin: 24px 0; background: rgba(255,255,255,.14); }
.price-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; margin: 0 0 30px; padding: 0; list-style: none; }
.price-card li { position: relative; padding-left: 22px; color: rgba(255,255,255,.76); font-size: 12px; }
.price-card li::before { content: "✓"; position: absolute; left: 0; color: #70e2ff; }

.faq-grid { align-items: start; }
.faq-list { border: 1px solid var(--nx-border); border-radius: 24px; background: #fff; padding: 0 24px; }
.faq-list details + details { border-top: 1px solid var(--nx-border); }
.faq-list summary { position: relative; list-style: none; padding: 23px 34px 23px 0; cursor: pointer; font-weight: 800; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 4px; top: 20px; font-size: 22px; color: var(--nx-accent); }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { margin: -4px 0 24px; color: var(--nx-ink-soft); font-size: 14px; }
.final-cta-section { padding: 0 0 90px; }
.final-cta { padding: 72px 40px; border-radius: 30px; background: linear-gradient(135deg,var(--nx-accent),#6d5eff 55%,#3c9cff); color: #fff; text-align: center; box-shadow: 0 28px 80px rgba(85,70,246,.25); }
.final-cta-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 22px; border-radius: 16px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); font-weight: 900; }
.final-cta h2 { max-width: 780px; margin: 0 auto; color: #fff; }
.final-cta p { max-width: 650px; margin: 18px auto 30px; color: rgba(255,255,255,.78); }

.site-footer { border-top: 1px solid var(--nx-border); padding: 64px 0 26px; background: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 40px; }
.footer-brand p, .footer-column p { max-width: 320px; color: #777e96; font-size: 13px; }
.footer-column h3, .footer-widget-title { margin: 0 0 16px; font-size: 13px; }
.footer-column li { margin: 9px 0; }
.footer-column a { color: #777e96; font-size: 13px; }
.footer-column a:hover { color: var(--nx-accent); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--nx-border); color: #9398aa; font-size: 11px; }
.footer-bottom p { margin: 0; }

.content-shell { padding: 72px 0 100px; }
.page-hero { max-width: 820px; margin-bottom: 50px; }
.page-hero-compact { padding: 44px 0 18px; }
.page-hero p, .archive-description { color: var(--nx-ink-soft); }
.content-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 48px; align-items: start; }
.posts-list { min-width: 0; }
.loop-card { display: grid; grid-template-columns: 280px 1fr; gap: 26px; padding: 24px 0; border-bottom: 1px solid var(--nx-border); }
.loop-thumb { overflow: hidden; border-radius: 18px; aspect-ratio: 4 / 3; background: var(--nx-lilac); }
.loop-thumb img { width: 100%; height: 100%; object-fit: cover; }
.entry-meta { display: flex; gap: 14px; align-items: center; margin-bottom: 10px; color: #8b91a5; font-size: 11px; }
.entry-title { margin: 0; font-size: 27px; line-height: 1.22; letter-spacing: -.025em; }
.entry-summary { color: var(--nx-ink-soft); font-size: 14px; }
.text-link { color: var(--nx-accent); font-size: 13px; font-weight: 800; }
.widget-area { display: grid; gap: 18px; }
.widget { padding: 22px; border: 1px solid var(--nx-border); border-radius: 18px; }
.widget-title { margin: 0 0 16px; font-size: 15px; }
.widget ul { margin: 0; padding-left: 18px; }
.widget a, .widget li { font-size: 13px; }
.page-entry-header, .single-entry-header { margin: 20px 0 34px; }
.single-entry-header { text-align: center; }
.single-entry-header .entry-meta { justify-content: center; }
.single-deck { max-width: 720px; margin: 18px auto 0; color: var(--nx-ink-soft); font-size: 18px; }
.single-featured { margin: 0 0 38px; overflow: hidden; border-radius: 26px; box-shadow: var(--nx-shadow-soft); }
.entry-content { font-size: 17px; }
.entry-content > * { max-width: 760px; margin-left: auto; margin-right: auto; }
.entry-content > .alignwide { max-width: 1080px; }
.entry-content > .alignfull { max-width: none; width: 100vw; margin-left: calc(50% - 50vw); }
.entry-content h2, .entry-content h3 { line-height: 1.25; letter-spacing: -.03em; }
.entry-content a { color: var(--nx-accent); text-decoration: underline; text-underline-offset: 3px; }
.entry-content blockquote { padding: 22px 26px; border-left: 4px solid var(--nx-accent); border-radius: 0 16px 16px 0; background: var(--nx-soft); font-size: 20px; }
.entry-footer { margin-top: 30px; }
.tag-links a { display: inline-block; margin: 4px; padding: 7px 11px; border-radius: 999px; background: var(--nx-soft); font-size: 11px; }
.post-navigation { margin: 48px 0; padding: 24px 0; border-top: 1px solid var(--nx-border); border-bottom: 1px solid var(--nx-border); }
.nav-links { display: flex; justify-content: space-between; gap: 20px; }
.comments-area { margin-top: 46px; padding-top: 32px; border-top: 1px solid var(--nx-border); }
.comment-list { padding-left: 20px; }
.comment-body { margin: 18px 0; padding: 18px; border-radius: 16px; background: var(--nx-soft); }
.comment-form input:not([type="submit"]), .comment-form textarea, .search-field { width: 100%; border: 1px solid var(--nx-border); border-radius: 12px; padding: 12px 14px; background: #fff; }
.search-form { display: flex; gap: 10px; }
.search-form label { flex: 1; }
.search-submit { border: 0; border-radius: 12px; padding: 0 18px; background: var(--nx-accent); color: #fff; font-weight: 800; }
.pagination .nav-links { justify-content: center; margin-top: 36px; }
.page-numbers { display: grid; place-items: center; min-width: 38px; height: 38px; padding: 0 10px; border: 1px solid var(--nx-border); border-radius: 11px; }
.page-numbers.current { border-color: var(--nx-accent); background: var(--nx-accent); color: #fff; }
.no-results { padding: 36px; border-radius: 22px; background: var(--nx-soft); }
.error-page { padding: 100px 0; }
.error-card { padding: 70px 30px; border-radius: 30px; background: linear-gradient(145deg,#f5f6ff,#eceeff); text-align: center; }
.error-code { color: var(--nx-accent); font-size: 90px; font-weight: 900; letter-spacing: -.08em; }
.error-card h1 { margin: 0; font-size: 38px; }
.error-card p { color: var(--nx-ink-soft); }

/* WooCommerce */
.woocommerce .site-main, .woocommerce-page .site-main { padding-top: 56px; padding-bottom: 90px; }
.woocommerce ul.products li.product { overflow: hidden; border: 1px solid var(--nx-border); border-radius: 20px; padding-bottom: 18px; background: #fff; }
.woocommerce ul.products li.product a img { border-radius: 18px 18px 0 0; margin-bottom: 16px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .button { margin-left: 18px; margin-right: 18px; }
.woocommerce span.onsale { min-width: 48px; min-height: 48px; display: grid; place-items: center; background: var(--nx-accent); }
.woocommerce div.product div.images img { border-radius: 20px; }
.woocommerce div.product .product_title { font-size: clamp(36px,5vw,56px); letter-spacing: -.04em; }
.woocommerce-message, .woocommerce-info { border-top-color: var(--nx-accent); background: var(--nx-soft); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--nx-accent); }

@media (max-width: 1050px) {
  .header-inner { grid-template-columns: auto auto 1fr; }
  .menu-toggle { display: block; justify-self: end; grid-column: 3; }
  .header-cta { display: none; }
  .primary-navigation { display: none; position: absolute; top: 78px; left: 20px; right: 20px; padding: 16px; border: 1px solid var(--nx-border); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-soft); }
  .primary-navigation.is-open { display: block; }
  .primary-navigation .menu { flex-direction: column; align-items: stretch; gap: 0; }
  .primary-navigation a { display: block; padding: 11px 10px; border-radius: 10px; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .portfolio-grid, .commerce-grid, .pricing-grid, .faq-grid { grid-template-columns: 1fr; }
  .commerce-copy { order: -1; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .hero-section { padding-top: 72px; }
  .browser-canvas { min-height: 410px; grid-template-columns: 110px 1fr; }
  .mock-sidebar { padding: 24px 14px; }
  .mock-main { padding: 26px; }
  .mock-stats { gap: 9px; }
  .mock-stats div { padding: 14px; }
  .mock-stats strong { font-size: 20px; }
  .mock-chart { height: 150px; gap: 8px; }
  .card-one { left: 78px; }
  .demo-grid, .post-grid, .testimonial-grid { grid-template-columns: 1fr 1fr; }
  .content-layout { grid-template-columns: 1fr; }
  .widget-area { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .nx-container, .narrow-container { width: min(calc(100% - 28px), var(--nx-container)); }
  .header-inner { min-height: 68px; gap: 12px; }
  .primary-navigation { top: 68px; left: 14px; right: 14px; }
  .brand-name { font-size: 18px; }
  .hero-section { padding-top: 54px; }
  .hero-copy h1 { font-size: clamp(45px,15vw,64px); }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .button { width: 100%; }
  .hero-checks { gap: 10px 16px; }
  .browser-shell { padding: 6px; border-radius: 20px; }
  .browser-canvas { min-height: 340px; display: block; }
  .mock-sidebar { display: none; }
  .mock-main { padding: 22px 16px; }
  .mock-stats { grid-template-columns: repeat(3, 1fr); margin-top: 25px; }
  .mock-stats div { padding: 11px 8px; }
  .mock-stats strong { font-size: 16px; }
  .mock-stats em { font-size: 8px; }
  .mock-chart { margin-top: 18px; height: 135px; padding: 20px 12px 0; }
  .floating-card { transform: scale(.8); transform-origin: bottom left; }
  .card-one { left: 8px; bottom: 8px; }
  .card-two { right: 0; top: 76px; transform-origin: top right; }
  .hero-metrics { grid-template-columns: 1fr 1fr; gap: 24px 0; }
  .hero-metrics div:nth-child(3) { border-left: 0; }
  .section { padding: 78px 0; }
  .section-heading { margin-bottom: 38px; }
  .demo-grid, .feature-grid, .post-grid, .testimonial-grid { grid-template-columns: 1fr; }
  .demo-art { min-height: 250px; }
  .portfolio-grid, .commerce-grid, .pricing-grid, .faq-grid { gap: 40px; }
  .portfolio-art, .commerce-art { min-height: 390px; }
  .panel-main { inset: 35px 20px 80px 55px; }
  .panel-small { width: 130px; height: 170px; }
  .art-ring { width: 160px; height: 160px; left: 30px; top: 60px; border-width: 32px; }
  .product-a { width: 160px; height: 210px; left: 25px; top: 80px; }
  .product-b { width: 140px; height: 170px; right: 25px; top: 55px; }
  .product-c { width: 130px; height: 110px; right: 60px; bottom: 55px; }
  .commerce-stats { grid-template-columns: 1fr 1fr; }
  .price-card { padding: 28px 22px; }
  .price-card ul { grid-template-columns: 1fr; }
  .final-cta { padding: 54px 20px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
  .loop-card { grid-template-columns: 1fr; }
  .widget-area { grid-template-columns: 1fr; }
  .entry-content { font-size: 16px; }
  .nav-links { flex-direction: column; }
  .search-form { flex-direction: column; }
  .search-submit { min-height: 44px; }
}

.site-header.is-static{position:relative;}

/* Nexivo 1.3 theme-panel variables */
body{font-family:var(--nx-body-font,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--nx-base-size,16px);line-height:var(--nx-line-height,1.7);letter-spacing:var(--nx-letter-spacing,0)}
h1,h2,h3,h4,h5,h6,.brand-name{font-family:var(--nx-heading-font,Manrope,Inter,sans-serif);font-weight:var(--nx-heading-weight,700)}
.custom-logo{max-height:var(--nx-logo-height,42px);width:auto}
.site-header.is-transparent{background:rgba(255,255,255,.72);backdrop-filter:blur(16px)}
.site-header.spacing-compact .header-inner{min-height:62px}.site-header.spacing-comfortable .header-inner{min-height:78px}.site-header.spacing-spacious .header-inner{min-height:92px}
.footer-bg-soft{background:#f6f6ff}.footer-bg-dark{background:#101329;color:#e8e9f4}.footer-bg-dark a,.footer-bg-dark h3,.footer-bg-dark .brand-name{color:#fff}.footer-bg-dark p{color:#b9bdd0}
.footer-layout-three .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-layout-centered .footer-grid{grid-template-columns:1fr;text-align:center;max-width:780px}.footer-layout-centered .footer-socials{justify-content:center}
.footer-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.footer-socials a{display:inline-flex;padding:7px 10px;border:1px solid var(--nx-border);border-radius:999px;font-size:12px;text-decoration:none}
.nx-back-to-top{position:fixed;right:22px;bottom:22px;z-index:40;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--nx-accent);color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(45,39,150,.28)}

/* Nexivo 1.3 real starter sites */
.brand-name{white-space:nowrap}
.nxs-site{overflow:hidden;background:#fff;color:#0f172a}
.nxs-site h1,.nxs-site h2,.nxs-site h3{margin-top:0;letter-spacing:-.045em;line-height:1.04}
.nxs-site p{color:#64748b}
.nxs-hero{padding:88px 0}
.nxs-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.nxs-hero-copy h1{font-size:clamp(52px,6vw,84px);margin:20px 0 22px}
.nxs-hero-copy p{max-width:620px;font-size:19px;line-height:1.7}
.nxs-badge,.nxs-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4f46e5}
.nxs-badge{padding:8px 12px;border-radius:999px;background:#eef2ff;text-transform:none;letter-spacing:0}
.nxs-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.nxs-trust{margin-top:28px;color:#64748b;font-size:13px;font-weight:650}
.nxs-visual{padding:24px;border-radius:30px;background:#ede9fe;box-shadow:0 30px 80px rgba(53,48,120,.15)}
.nxs-visual-grid{display:grid;grid-template-columns:1.15fr .65fr;grid-template-rows:250px 180px;gap:16px}
.nxs-tile{position:relative;overflow:hidden;padding:24px;border-radius:22px;background:linear-gradient(145deg,#c7d2fe,#a5b4fc);color:#172554}
.nxs-tile:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-35px;bottom:-70px;background:rgba(255,255,255,.5)}
.nxs-tile span,.nxs-tile strong{position:relative;z-index:2;display:block}.nxs-tile span{font-size:12px;opacity:.7}.nxs-tile strong{margin-top:10px;font-size:24px}.nxs-tile-sm strong{font-size:32px}.nxs-warm{background:linear-gradient(145deg,#fde68a,#fbbf24);color:#78350f}.nxs-blue{background:linear-gradient(145deg,#bae6fd,#7dd3fc);color:#0c4a6e}
.nxs-dark-stats{padding:34px 0;background:#0f172a;color:#fff}.nxs-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.nxs-stats-grid div{padding-left:22px;border-left:1px solid rgba(255,255,255,.14)}.nxs-stats-grid strong,.nxs-stats-grid span{display:block}.nxs-stats-grid strong{font-size:34px}.nxs-stats-grid span{margin-top:5px;color:#cbd5e1;font-size:13px}
.nxs-section{padding:96px 0}.nxs-soft{background:#f8fafc}.nxs-heading{max-width:840px;margin-bottom:42px}.nxs-heading>span{display:block;margin-bottom:12px;color:#5b4cf0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nxs-heading h2{font-size:clamp(36px,4vw,56px);margin-bottom:16px}.nxs-heading p{max-width:720px;margin:0;font-size:17px}
.nxs-card-grid{display:grid;gap:20px}.nxs-three{grid-template-columns:repeat(3,1fr)}.nxs-card{padding:28px;border:1px solid #e5e7eb;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.04)}.nxs-card i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:34px;border-radius:12px;background:#eef2ff;color:#4f46e5;font-style:normal;font-weight:800}.nxs-card h3{font-size:22px;margin-bottom:12px}.nxs-card p{margin:0}
.nxs-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nxs-project-grid article h3{margin:16px 0 4px;font-size:22px}.nxs-project-grid article p{margin:0;font-size:13px}.nxs-project-art{position:relative;display:flex;min-height:330px;padding:24px;border-radius:24px;align-items:flex-end;overflow:hidden}.nxs-project-art:before{content:'';position:absolute;width:58%;height:64%;right:-8%;top:12%;border-radius:45% 45% 18% 18%;background:rgba(255,255,255,.6);transform:rotate(12deg)}.nxs-project-art b,.nxs-project-art span{position:relative;z-index:2}.nxs-project-art b{font-size:30px;letter-spacing:.12em}.nxs-project-art span{margin-left:auto;font-size:12px}.nxs-project-purple{background:#c7d2fe}.nxs-project-blue{background:#bae6fd}.nxs-project-gold{background:#fde68a}
.nxs-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.nxs-process article{padding:26px;border-top:2px solid #e2e8f0}.nxs-process b{color:#5b4cf0}.nxs-process h3{margin:30px 0 8px;font-size:22px}.nxs-process p{margin:0;font-size:14px}
.nxs-quote{margin:0;padding:28px;border:1px solid #e5e7eb;border-radius:22px;background:#fff;color:#334155;font-size:17px;line-height:1.7}.nxs-quote cite{display:block;margin-top:22px;color:#0f172a;font-size:13px;font-style:normal;font-weight:700}
.nxs-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:54px;border-radius:28px;background:#5b4cf0;color:#fff}.nxs-cta span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.nxs-cta h2{margin:9px 0 10px;font-size:42px;color:#fff}.nxs-cta p{margin:0;color:#e0e7ff}.nxs-cta-dark{background:#07111f}

.nxs-saas-hero{padding-top:90px;background:#07111f;color:#fff}.nxs-saas-hero p{color:#a7b4c5}.nxs-saas-copy{max-width:960px;margin:0 auto 50px;text-align:center}.nxs-saas-copy h1{font-size:clamp(52px,6vw,82px);margin:22px 0}.nxs-saas-copy p{max-width:780px;margin:0 auto;font-size:18px}.nxs-saas-copy .nxs-actions{justify-content:center}.nxs-dark-badge{background:#162235;color:#c7d2fe}.nxs-button-dark{background:#162235;color:#fff;box-shadow:none}.nxs-dashboard{display:grid;grid-template-columns:220px 1fr;min-height:540px;border:10px solid rgba(255,255,255,.12);border-radius:30px;background:#eef2ff;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.28)}.nxs-dashboard-side{padding:30px 22px;background:#fff;color:#0f172a}.nxs-dashboard-side b{display:block;margin-bottom:40px;font-size:19px}.nxs-dashboard-side span{display:block;margin:16px 0;color:#64748b;font-size:13px}.nxs-dashboard-main{padding:34px}.nxs-dashboard-top{display:flex;justify-content:space-between;align-items:center;color:#0f172a;font-weight:800}.nxs-dashboard-top em{padding:6px 10px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:11px;font-style:normal}.nxs-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.nxs-kpi-grid div{padding:20px;border-radius:18px;background:#fff;color:#0f172a}.nxs-kpi-grid small,.nxs-kpi-grid strong,.nxs-kpi-grid i{display:block}.nxs-kpi-grid strong{margin:8px 0;font-size:26px}.nxs-kpi-grid i{color:#16a34a;font-size:11px;font-style:normal}.nxs-chart{height:220px;display:flex;align-items:flex-end;gap:12px;margin-top:22px;padding:26px;border-radius:20px;background:#fff}.nxs-chart i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(#818cf8,#4f46e5)}.nxs-logo-strip{padding:30px 0;border-bottom:1px solid #e5e7eb}.nxs-logo-strip .nx-container{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.nxs-logo-strip span{color:#64748b;font-weight:800;letter-spacing:.06em}.nxs-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.nxs-split h2{font-size:48px}.nxs-check-list{padding:0;list-style:none}.nxs-check-list li{margin:10px 0;color:#334155}.nxs-check-list li:before{content:'✓';margin-right:10px;color:#4f46e5;font-weight:900}.nxs-automation{padding:36px;border-radius:26px;background:#e0e7ff;text-align:center}.nxs-flow-node{padding:18px;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(30,41,59,.08);font-weight:750}.nxs-flow-accent{background:#5b4cf0;color:#fff}.nxs-automation>b{display:block;margin:10px;color:#6366f1}.nxs-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nxs-pricing-grid article{position:relative;padding:30px;border:1px solid #e5e7eb;border-radius:22px;background:#fff}.nxs-pricing-grid article.is-featured{border-color:#818cf8;background:#eef2ff;transform:translateY(-10px)}.nxs-pricing-grid article>span{position:absolute;right:20px;top:18px;padding:5px 8px;border-radius:999px;background:#5b4cf0;color:#fff;font-size:10px;font-weight:800}.nxs-pricing-grid h3{font-size:22px}.nxs-pricing-grid strong{display:block;margin:20px 0;font-size:46px}.nxs-pricing-grid strong small{font-size:14px;color:#64748b}.nxs-pricing-grid ul{padding:0;list-style:none;margin:24px 0}.nxs-pricing-grid li{margin:10px 0;color:#475569}.nxs-pricing-grid li:before{content:'✓';margin-right:8px;color:#4f46e5}.nxs-faq-list{display:grid;gap:12px;max-width:980px}.nxs-faq-list details{padding:20px 22px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.nxs-faq-list summary{cursor:pointer;font-weight:800}.nxs-faq-list p{margin-bottom:0}

.nxs-shop{color:#1c1917}.nxs-shop-hero{background:#f5efe6}.nxs-shop-kicker{color:#a16207}.nxs-shop-button{background:#1c1917;color:#fff;box-shadow:none}.nxs-shop-scene{position:relative;min-height:560px;border-radius:30px;background:linear-gradient(145deg,#eadbcf,#d9c6b5);overflow:hidden}.nxs-product-shape{position:absolute;box-shadow:0 30px 50px rgba(51,36,25,.16)}.nxs-lamp{width:220px;height:390px;left:18%;bottom:0;border-radius:110px 110px 22px 22px;background:linear-gradient(145deg,#f7f4ef,#d8d2ca)}.nxs-bottle{width:150px;height:280px;right:18%;bottom:0;border-radius:60px 60px 28px 28px;background:linear-gradient(145deg,#6b7280,#111827)}.nxs-shop-label{position:absolute;right:28px;top:28px;padding:18px;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(0,0,0,.08)}.nxs-shop-label small,.nxs-shop-label strong,.nxs-shop-label span{display:block}.nxs-shop-label strong{margin:5px 0;font-size:18px}.nxs-shop-bg{background:#fffdf9}.nxs-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nxs-category>div{height:330px;border-radius:22px;position:relative;overflow:hidden}.nxs-category>div:before,.nxs-category>div:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.75)}.nxs-category>div:before{width:180px;height:180px;left:18%;top:24%}.nxs-category>div:after{width:90px;height:160px;right:18%;bottom:8%;border-radius:40px}.nxs-category-home>div{background:#d6d3d1}.nxs-category-desk>div{background:#bfdbfe}.nxs-category-travel>div{background:#fde68a}.nxs-category h3{margin:16px 0 5px;font-size:22px}.nxs-category a{color:#78716c;font-size:13px;font-weight:700}.nxs-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.nxs-product-card h3{margin:14px 0 5px;font-size:18px}.nxs-product-card strong,.nxs-product-card>span{color:#78716c}.nxs-product-visual{position:relative;height:300px;display:grid;place-items:center;border-radius:20px;background:#f5f5f4;overflow:hidden}.nxs-product-visual img{width:100%;height:100%;object-fit:cover}.nxs-product-visual>span{display:block;width:46%;height:66%;border-radius:70px 70px 22px 22px;background:rgba(255,255,255,.78);box-shadow:0 18px 35px rgba(0,0,0,.1)}.nxs-product-purple{background:#ddd6fe}.nxs-product-blue{background:#bae6fd}.nxs-product-green{background:#d1fae5}.nxs-product-gold{background:#fde68a}.nxs-shop-story{background:#1c1917;color:#fff}.nxs-shop-story p{color:#d6d3d1}.nxs-shop-story .nxs-kicker{color:#f59e0b}.nxs-story-art{position:relative;min-height:480px;border-radius:24px;background:#e7d8c9;overflow:hidden}.nxs-story-circle{position:absolute;width:360px;height:360px;left:50%;top:50%;border-radius:50%;background:#f5efe6;transform:translate(-50%,-50%)}.nxs-story-art span{position:absolute;left:28px;bottom:24px;font-weight:800;color:#1c1917}.nxs-newsletter{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:50px;border-radius:28px;background:#eee7de}.nxs-newsletter span{font-size:13px;font-weight:800;text-transform:uppercase}.nxs-newsletter h2{max-width:650px;margin:10px 0 0;font-size:36px}.nxs-newsletter-form{display:flex;gap:10px}.nxs-newsletter-form input{min-width:270px;height:52px;padding:0 16px;border:1px solid #d6d3d1;border-radius:999px;background:#fff}

.nxs-inner-hero{padding:90px 0 64px;background:linear-gradient(180deg,#f7f8ff,#eef2ff)}.nxs-inner-hero h1{max-width:900px;margin:22px 0 0;font-size:clamp(48px,7vw,78px);letter-spacing:-.055em;line-height:1}.nxs-inner-content{padding:72px 0 100px}.nxs-entry-content{font-size:17px}.nxs-entry-content>*{max-width:none!important}.nxs-entry-content>.wp-block-group,.nxs-entry-content>.wp-block-columns{margin-top:42px;margin-bottom:42px}.nxs-entry-content .wp-block-columns{gap:24px}.nxs-entry-content .wp-block-column{padding:24px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.nxs-entry-content .wp-block-heading{letter-spacing:-.035em}

@media(max-width:900px){
 .nxs-hero-grid,.nxs-split{grid-template-columns:1fr}.nxs-hero{padding:68px 0}.nxs-visual{margin-top:10px}.nxs-three,.nxs-project-grid,.nxs-pricing-grid{grid-template-columns:1fr 1fr}.nxs-process{grid-template-columns:1fr 1fr}.nxs-stats-grid{grid-template-columns:1fr 1fr;gap:22px}.nxs-dashboard{grid-template-columns:140px 1fr}.nxs-product-grid{grid-template-columns:1fr 1fr}.nxs-category-grid{grid-template-columns:1fr 1fr}.nxs-newsletter{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
 .site-branding{min-width:0}.brand-mark{gap:8px;max-width:calc(100vw - 92px)}.brand-name{font-size:17px;overflow:hidden;text-overflow:ellipsis}.header-inner{grid-template-columns:minmax(0,1fr) auto!important}.menu-toggle{grid-column:2!important}.nxs-hero{padding:52px 0}.nxs-hero-copy h1,.nxs-saas-copy h1{font-size:42px;letter-spacing:-.05em}.nxs-hero-copy p,.nxs-saas-copy p{font-size:16px}.nxs-actions{flex-direction:column}.nxs-actions .button{width:100%}.nxs-visual{padding:12px;border-radius:22px}.nxs-visual-grid{grid-template-columns:1fr 1fr;grid-template-rows:170px 130px;gap:10px}.nxs-tile{padding:14px;border-radius:16px}.nxs-tile strong{font-size:16px}.nxs-dark-stats{padding:28px 0}.nxs-stats-grid strong{font-size:28px}.nxs-section{padding:68px 0}.nxs-heading h2,.nxs-split h2{font-size:36px}.nxs-three,.nxs-project-grid,.nxs-process,.nxs-pricing-grid,.nxs-category-grid,.nxs-product-grid{grid-template-columns:1fr}.nxs-project-art{min-height:270px}.nxs-cta{align-items:flex-start;flex-direction:column;padding:32px 24px}.nxs-cta h2{font-size:34px}.nxs-dashboard{display:block;min-height:auto;border-width:5px}.nxs-dashboard-side{display:none}.nxs-dashboard-main{padding:16px}.nxs-kpi-grid{grid-template-columns:1fr}.nxs-chart{height:150px;padding:18px 12px}.nxs-logo-strip .nx-container{justify-content:center}.nxs-pricing-grid article.is-featured{transform:none}.nxs-shop-scene{min-height:420px}.nxs-lamp{width:160px;height:300px;left:8%}.nxs-bottle{width:110px;height:230px;right:8%}.nxs-shop-label{right:14px;top:14px}.nxs-category>div{height:260px}.nxs-product-visual{height:280px}.nxs-story-art{min-height:360px}.nxs-newsletter{padding:30px 22px}.nxs-newsletter h2{font-size:30px}.nxs-newsletter-form{width:100%;flex-direction:column}.nxs-newsletter-form input{width:100%;min-width:0}.nxs-newsletter-form .button{width:100%}.nxs-inner-hero{padding:60px 0 44px}.nxs-inner-content{padding:52px 0 80px}
}
.nx-real-demo-grid{grid-template-columns:repeat(3,1fr)}.nx-real-demo-card{overflow:hidden}.nx-demo-preview{aspect-ratio:16/10;overflow:hidden;background:#f7f8ff;border-bottom:1px solid var(--nx-border)}.nx-demo-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.nx-real-demo-card .demo-card-copy a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--nx-soft);font-size:18px}@media(max-width:820px){.nx-real-demo-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.nx-real-demo-grid{grid-template-columns:1fr}}