:root {
  --ink: #0a1020;
  --ink-2: #172238;
  --muted: #627087;
  --paper: #f4f6fa;
  --surface: #ffffff;
  --line: #dbe2ed;
  --night: #02050c;
  --night-2: #071022;
  --blue: #315ff4;
  --blue-2: #2389ff;
  --cyan: #49d8ff;
  --mint: #6ce9c2;
  --danger: #d92d20;
  --success: #08795d;
  --container: 1380px;
  --header-height: 92px;
  --ease: cubic-bezier(.2,.75,.2,1);
  --shadow-sm: 0 16px 42px rgba(10,31,67,.07);
  --shadow-md: 0 28px 80px rgba(8,34,78,.13);
}

*, *::before, *::after { box-sizing: border-box; }
html { max-width: 100%; overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: 96px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; touch-action: pan-x pan-y; }
body.skx {
  margin: 0;
  max-width: 100%;
  overflow-x: clip;
  color: var(--ink);
  background: var(--paper);
  font-family: "Manrope", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: -.01em;
  font-feature-settings: "ss02", "ss03", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
::selection { color: #fff; background: var(--blue); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
svg { display: block; }
[hidden] { display: none !important; }
.container { width: min(var(--container), calc(100% - 64px)); margin-inline: auto; }
.skip-link {
  position: fixed;
  z-index: 9999;
  left: 18px;
  top: 14px;
  padding: 11px 15px;
  border-radius: 10px;
  color: #fff;
  background: var(--blue);
  transform: translateY(-160%);
  transition: transform .2s;
}
.skip-link:focus { transform: none; }
:where(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid rgba(73,216,255,.4); outline-offset: 3px; }

/* Installed app launch — continues the native splash with the same brand artwork. */
.pwa-launch-screen { display: none; }
html.pwa-cold-launch .pwa-launch-screen {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
  background: #030916;
  animation: pwa-launch-dismiss .55s var(--ease) 1.48s forwards;
}
html.pwa-cold-launch .pwa-launch-screen::before {
  content: "";
  position: absolute;
  inset: -12%;
  opacity: 0;
  background:
    radial-gradient(circle at 18% 18%,rgba(49,95,244,.28),transparent 33%),
    radial-gradient(circle at 84% 78%,rgba(73,216,255,.19),transparent 30%),
    linear-gradient(rgba(169,200,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(169,200,255,.045) 1px,transparent 1px),
    linear-gradient(145deg,#02050c,#061126 58%,#071b32);
  background-size: auto,auto,10vw 10vw,10vw 10vw,auto;
  animation: pwa-launch-atmosphere .72s ease-out .12s forwards;
}
html.pwa-cold-launch .pwa-launch-screen::after {
  content: "";
  position: absolute;
  width: 42vw;
  height: 42vw;
  right: -13vw;
  top: 10vh;
  opacity: 0;
  border: 1px solid rgba(113,218,251,.1);
  border-radius: 50%;
  box-shadow: 0 0 0 5vw rgba(113,218,251,.025);
  animation: pwa-launch-atmosphere .72s ease-out .2s forwards;
}
html.pwa-cold-launch .pwa-launch-brand {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  width: min(78vw,560px);
  transform: scale(.55);
  animation: pwa-brand-continuation .72s var(--ease) forwards;
}
html.pwa-cold-launch .pwa-launch-brand img {
  width: 100%;
  height: auto;
  content: url('/assets/pwa/logo-white-1560.png');
  filter: drop-shadow(0 18px 45px rgba(0,0,0,.34));
}
html.pwa-cold-launch .pwa-launch-brand span {
  width: 25%;
  height: 3px;
  margin-top: 28px;
  border-radius: 99px;
  background: linear-gradient(90deg,var(--blue),var(--cyan),var(--mint));
  box-shadow: 0 0 20px rgba(73,216,255,.32);
}
html.pwa-cold-launch .pwa-launch-brand small {
  margin-top: 20px;
  color: #8da1bf;
  font-size: clamp(8px,2.2vw,11px);
  font-weight: 800;
  letter-spacing: .2em;
  opacity: 0;
  animation: pwa-launch-caption .42s ease-out .42s forwards;
}
html.pwa-cold-launch.pwa-ios-launch .pwa-launch-screen::before { opacity: 1; animation: none; }
html.pwa-cold-launch.pwa-ios-launch .pwa-launch-brand { transform: scale(.9); }
html.pwa-cold-launch.pwa-ios-launch .pwa-launch-brand small { opacity: 1; animation: none; }
@keyframes pwa-brand-continuation { to { transform: scale(1); } }
@keyframes pwa-launch-atmosphere { to { opacity: 1; } }
@keyframes pwa-launch-caption { to { opacity: 1; } }
@keyframes pwa-launch-dismiss { to { opacity: 0; visibility: hidden; pointer-events: none; transform: scale(1.012); } }

/* Navigation */
.site-header {
  position: fixed;
  z-index: 1000;
  inset: 0 0 auto;
  height: var(--header-height);
  color: #fff;
  background: linear-gradient(180deg,rgba(2,5,12,.9),rgba(2,5,12,0));
  transition: height .35s var(--ease), background .35s, box-shadow .35s;
}
.site-header.is-scrolled {
  height: 74px;
  background: rgba(3,8,18,.88);
  box-shadow: 0 16px 50px rgba(0,0,0,.24);
  backdrop-filter: blur(20px) saturate(135%);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
}
.header-shell { height: 100%; display: flex; align-items: center; gap: 34px; }
.brand { position: relative; z-index: 3; display: flex; align-items: center; flex: 0 0 auto; }
.brand img { width: 202px; height: auto; content: url('/assets/images/sksoft-logo-footer.webp'); transition: width .35s var(--ease); }
.site-header.is-scrolled .brand img { width: 186px; }
.main-nav { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.main-nav > a, .nav-group > button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 43px;
  padding: 0 13px;
  border: 0;
  border-radius: 10px;
  color: #aeb9cb;
  background: transparent;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .015em;
  white-space: nowrap;
  transition: color .22s, background .22s, transform .22s;
}
.main-nav > a:not(.nav-cta):hover, .nav-group > button:hover, .main-nav > a.is-current, .nav-group.is-current > button {
  color: #fff;
  background: rgba(94,132,224,.1);
}
.main-nav > a:not(.nav-cta)::after, .nav-group > button::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 3px;
  height: 1px;
  border-radius: 99px;
  background: linear-gradient(90deg,var(--blue),var(--cyan));
  box-shadow: 0 0 13px rgba(73,216,255,.6);
  transform: scaleX(0);
  transition: transform .25s var(--ease);
}
.main-nav > a.is-current::after, .nav-group.is-current > button::after { transform: scaleX(1); }
.nav-chevron { color: #7f91ac; font-size: 13px; transition: transform .25s; }
.nav-group { position: relative; }
.nav-group:hover .nav-chevron, .nav-group.is-open .nav-chevron { transform: rotate(180deg); }
.nav-submenu {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  width: 610px;
  padding: 14px;
  border: 1px solid rgba(143,169,221,.16);
  border-radius: 20px;
  color: #dfe7f3;
  background: rgba(5,13,28,.96);
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%,10px);
  transition: opacity .24s, visibility .24s, transform .24s var(--ease);
}
.nav-submenu::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 20px; }
.nav-group:hover .nav-submenu, .nav-group:focus-within .nav-submenu, .nav-group.is-open .nav-submenu { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.submenu-intro {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border: 1px solid rgba(132,163,226,.12);
  border-radius: 14px;
  background: linear-gradient(135deg,rgba(49,95,244,.15),rgba(73,216,255,.04));
}
.submenu-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: var(--cyan); background: rgba(56,126,255,.12); }
.submenu-icon svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.submenu-intro strong { display: block; color: #fff; font-size: 14px; }
.submenu-intro small { display: block; margin-top: 3px; color: #8292aa; font-size: 11px; }
.submenu-links { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 9px; }
.submenu-links a { padding: 11px 13px; border-radius: 10px; color: #9ba9bd; font-size: 12px; font-weight: 650; transition: color .2s, background .2s, transform .2s; }
.submenu-links a:hover { color: #fff; background: rgba(72,117,219,.1); transform: translateX(3px); }
.nav-cta {
  min-height: 44px !important;
  margin-left: 8px;
  padding-inline: 18px !important;
  border: 1px solid rgba(158,199,255,.28) !important;
  color: #fff !important;
  background: linear-gradient(135deg,#315ff4,#2388ff 60%,#31b9f1) !important;
  box-shadow: 0 13px 34px rgba(33,105,239,.29), inset 0 1px rgba(255,255,255,.25);
}
.nav-cta::after { display: none !important; }
.nav-cta svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.8; transition: transform .22s; }
.nav-cta:hover { transform: translateY(-2px); }
.nav-cta:hover svg { transform: translateX(3px); }
.menu-toggle { display: none; position: relative; z-index: 4; width: 44px; height: 44px; margin-left: auto; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.06); }
.menu-toggle span { position: absolute; left: 12px; width: 19px; height: 1.5px; border-radius: 99px; background: #fff; transition: transform .25s, top .25s, opacity .2s; }
.menu-toggle span:first-child { top: 14px; }
.menu-toggle span:nth-child(2) { top: 21px; }
.menu-toggle span:nth-child(3) { top: 28px; }
.menu-toggle[aria-expanded="true"] span:first-child { top: 21px; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { top: 21px; transform: rotate(-45deg); }
.scroll-progress { position: absolute; left: 0; bottom: 0; width: var(--scroll-progress,0); height: 2px; background: linear-gradient(90deg,var(--blue),var(--cyan),var(--mint)); box-shadow: 0 0 15px rgba(73,216,255,.55); }

/* Shared type and actions */
.section { position: relative; padding: 112px 0; isolation: isolate; }
.section-light { background: #fff; }
.section-heading { max-width: 800px; margin-bottom: 52px; }
.section-heading h2, .web-packages-copy h2, .custom-copy h2, .faq-intro h2 {
  max-width: 860px;
  margin: 14px 0 0;
  color: var(--ink);
  font-size: clamp(42px,4.4vw,62px);
  font-weight: 720;
  line-height: 1.01;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.section-heading p, .web-packages-copy > p, .custom-copy > p, .faq-intro > p { max-width: 730px; margin: 21px 0 0; color: var(--muted); font-size: 16px; line-height: 1.8; }
.center-heading { max-width: 880px; margin-inline: auto; text-align: center; }
.split-heading { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.65fr); gap: 90px; align-items: end; max-width: none; }
.split-heading > p { margin: 0 0 4px; }
.section-kicker, .page-kicker, .eyebrow, .footer-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.section-kicker::before, .page-kicker > span, .eyebrow > span { content: ""; width: 34px; height: 1px; border-radius: 99px; background: linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow: 0 0 12px rgba(48,146,255,.28); }
.btn, .saas-button, .footer-cta-button, .offer-submit, .form-submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  transition: transform .28s var(--ease), box-shadow .28s, border-color .28s, color .28s, background .28s;
}
.btn svg, .saas-button svg, .footer-cta-button svg, .offer-submit svg, .form-submit svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .22s; }
.btn:hover, .saas-button:hover, .footer-cta-button:hover, .offer-submit:hover, .form-submit:hover { transform: translateY(-3px); }
.btn:hover svg, .saas-button:hover svg, .footer-cta-button:hover svg, .offer-submit:hover svg, .form-submit:hover svg { transform: translateX(3px); }
.btn-primary, .saas-button.primary, .offer-submit, .form-submit { color: #fff; background: linear-gradient(135deg,var(--blue),var(--blue-2) 62%,#2dbbf0); box-shadow: 0 18px 42px rgba(41,105,233,.25), inset 0 1px rgba(255,255,255,.24); }
.btn-primary:hover, .saas-button.primary:hover, .offer-submit:hover, .form-submit:hover { box-shadow: 0 24px 54px rgba(41,105,233,.34); }
.btn-outline, .saas-button.outline, .saas-button.secondary { color: var(--ink-2); border-color: #ccd6e4; background: rgba(255,255,255,.72); }
.btn-light, .saas-button.light { color: #0b3675; background: #fff; box-shadow: 0 15px 38px rgba(0,0,0,.15); }
.saas-button.full { width: 100%; }
.saas-text-link, .text-link, .detail-link { display: inline-flex; align-items: center; margin-top: 24px; color: #2561e1; font-size: 13px; font-weight: 800; transition: color .2s, transform .2s; }
.saas-text-link:hover, .text-link:hover, .detail-link:hover { color: #144cc9; transform: translateX(4px); }
.light-link { color: #75dcfb; }

/* Home hero */
.saas-hero {
  position: relative;
  min-height: max(850px,100svh);
  overflow: hidden;
  padding: 145px 0 0;
  color: #fff;
  background:
    radial-gradient(circle at var(--hero-x,74%) var(--hero-y,24%),rgba(55,119,255,.22),transparent 23%),
    radial-gradient(circle at 10% 20%,rgba(71,55,223,.2),transparent 28%),
    radial-gradient(circle at 50% 110%,rgba(38,202,255,.12),transparent 36%),
    linear-gradient(145deg,#02040a,#050b18 52%,#020611);
  isolation: isolate;
}
.saas-hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -20% -8% 0;
  background: linear-gradient(rgba(118,156,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(118,156,241,.07) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom,#000,transparent 88%);
  transform: perspective(900px) rotateX(60deg) translateY(-11%) scale(1.25);
  transform-origin: center 30%;
  animation: gridTravel 16s linear infinite;
}
.saas-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .25;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.42) .65px,transparent .65px);
  background-size: 5px 5px;
  mask-image: linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.saas-hero-glow { position: absolute; z-index: -1; inset: -18%; pointer-events: none; background: conic-gradient(from 220deg at 72% 34%,transparent 0 26%,rgba(41,109,255,.21) 32%,transparent 40% 100%),radial-gradient(ellipse at 73% 34%,rgba(67,132,255,.26),transparent 22%); filter: blur(12px); animation: aurora 11s ease-in-out infinite alternate; }
.saas-hero-grid { position: relative; z-index: 2; display: block; min-height: 0; padding-bottom: 48px; }
.saas-hero-copy { position: relative; display: grid; grid-template-columns: minmax(0,1.28fr) minmax(350px,.52fr); grid-template-rows: auto auto auto auto; column-gap: 88px; align-items: start; }
.saas-kicker { display: flex; align-items: center; gap: 12px; color: #78dafa; font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.saas-kicker > span { width: 34px; height: 1px; background: linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow: 0 0 13px rgba(73,216,255,.55); }
.saas-kicker.dark { color: var(--blue); }
.saas-kicker.light-kicker { color: #73dcfb; }
.saas-hero-copy .saas-kicker { grid-column: 1/-1; }
.saas-hero-copy h1 { grid-column: 1; grid-row: 2/5; max-width: 990px; margin: 27px 0 0; color: #f7f9ff; font-size: clamp(72px,6.8vw,104px); font-weight: 700; line-height: .9; letter-spacing: -.075em; text-wrap: balance; }
.saas-hero-copy h1 em { color: transparent; background: linear-gradient(91deg,#6f90ff 0%,#62dfff 52%,#73efcf 100%); background-clip: text; -webkit-background-clip: text; font-style: normal; filter: drop-shadow(0 12px 30px rgba(69,176,255,.14)); }
.saas-hero-copy > p { grid-column: 2; grid-row: 2; max-width: 520px; margin: 33px 0 0; color: #a6b3c7; font-size: 15px; line-height: 1.8; }
.saas-hero-actions { grid-column: 2; grid-row: 3; display: grid; gap: 10px; margin-top: 28px; }
.saas-hero-actions .saas-button { min-height: 58px; }
.saas-hero-actions .secondary { color: #e5ecf8; border-color: rgba(167,193,242,.2); background: rgba(255,255,255,.035); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.saas-proof { grid-column: 2; grid-row: 4; display: grid; gap: 8px; margin-top: 24px; }
.saas-proof span { display: flex; align-items: center; gap: 8px; color: #8291a8; font-size: 11px; font-weight: 650; }
.saas-proof i { width: 5px; height: 5px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(108,233,194,.08),0 0 13px rgba(108,233,194,.68); }
.saas-plan-picker { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; margin-top: 54px; padding: 0; color: #eef4ff; transform: perspective(1300px) rotateX(var(--picker-pitch,.5deg)) translate3d(0,var(--picker-lift,0),0); transform-style: preserve-3d; transition: transform .22s var(--ease); }
.saas-plan-picker::before { content: ""; position: absolute; z-index: -1; inset: -45px; border-radius: 50px; background: radial-gradient(circle at 70% 18%,rgba(51,128,255,.27),transparent 34%),radial-gradient(circle at 0 100%,rgba(53,222,255,.1),transparent 28%); filter: blur(34px); }
.picker-head { grid-column: 1/-1; display: flex; align-items: flex-end; justify-content: space-between; padding: 0 4px 7px; }
.picker-head small { display: block; color: #6dd8fa; font-size: 9px; font-weight: 850; letter-spacing: .18em; }
.picker-head strong { display: block; margin-top: 7px; color: #f4f7ff; font-size: 20px; line-height: 1.25; letter-spacing: -.03em; }
.picker-head > span { padding: 7px 10px; border: 1px solid rgba(139,171,229,.17); border-radius: 999px; color: #8797ad; background: rgba(73,108,184,.07); font-size: 10px; font-weight: 750; }
.picker-plan { position: relative; display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 13px; align-content: start; min-height: 165px; padding: 21px; border: 1px solid rgba(138,166,221,.14); border-radius: 18px; background: linear-gradient(145deg,rgba(17,31,57,.82),rgba(7,16,32,.84)); box-shadow: 0 19px 50px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035); backdrop-filter: blur(18px); transition: transform .3s var(--ease),border-color .3s,background .3s,box-shadow .3s; }
.picker-plan:hover { transform: translateY(-7px); border-color: rgba(96,160,255,.38); background: linear-gradient(145deg,rgba(26,49,93,.9),rgba(9,21,42,.9)); box-shadow: 0 25px 65px rgba(0,0,0,.28),0 0 45px rgba(47,110,255,.08); }
.picker-plan.active { border-color: rgba(75,128,255,.48); background: radial-gradient(circle at 95% 0,rgba(55,196,255,.14),transparent 30%),linear-gradient(145deg,rgba(31,61,124,.92),rgba(10,24,51,.9)); }
.picker-plan.active::after { content: ""; position: absolute; left: -1px; top: 22px; bottom: 22px; width: 2px; border-radius: 99px; background: linear-gradient(var(--blue),var(--cyan)); box-shadow: 0 0 18px rgba(73,216,255,.75); }
.picker-radio { width: 18px; height: 18px; border: 2px solid #52617a; border-radius: 50%; }
.picker-plan.active .picker-radio { border: 5px solid #5a8cff; box-shadow: 0 0 0 4px rgba(73,126,255,.1),0 0 17px rgba(73,165,255,.4); }
.picker-plan > div:nth-child(2) > small { display: block; color: #67cff3; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.picker-plan > div:nth-child(2) > strong { display: block; margin-top: 4px; color: #f1f5ff; font-size: 15px; }
.picker-plan p { max-width: 285px; margin: 4px 0 0; color: #7f8da2; font-size: 11px; line-height: 1.48; }
.picker-price { grid-column: 2; margin-top: 12px; text-align: left; }
.picker-price strong { display: block; color: #f5f8ff; font-size: 18px; line-height: 1.2; letter-spacing: -.035em; white-space: nowrap; }
.picker-price > span { color: #8391a7; font-size: 11px; }
.picker-price > small { display: block; margin-top: 5px; color: var(--mint); font-size: 10px; font-weight: 850; }
.picker-plan.custom .picker-price strong { font-size: 18px; }
.picker-cta { grid-column: 1/-1; display: flex; align-items: center; justify-content: flex-end; gap: 9px; min-height: 38px; padding: 0 5px; color: #74d7f8; font-size: 12px; font-weight: 800; transition: color .2s,transform .2s; }
.picker-cta:hover { color: #fff; transform: translateX(4px); }
.picker-cta svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.8; }
.saas-capabilities { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(6,1fr); overflow: hidden; border: 1px solid rgba(126,156,216,.13); border-bottom: 0; border-radius: 17px 17px 0 0; background: rgba(4,11,24,.64); box-shadow: 0 -20px 70px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025); backdrop-filter: blur(17px); }
.saas-capabilities span { display: flex; align-items: center; justify-content: center; min-height: 72px; border-right: 1px solid rgba(126,156,216,.09); color: #718198; font-size: 9px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.saas-capabilities span:last-child { border-right: 0; }
.saas-capabilities span::before { content: ""; width: 5px; height: 5px; margin-right: 9px; border-radius: 50%; background: #4978e9; box-shadow: 0 0 11px rgba(73,137,255,.8); }

/* Home sections */
.saas-section { position: relative; padding: 118px 0; }
.saas-heading { max-width: 720px; }
.saas-heading.centered { max-width: 840px; margin: 0 auto 56px; text-align: center; }
.saas-heading.centered .saas-kicker { justify-content: center; }
.saas-heading h2 { margin: 16px 0 0; color: var(--ink); font-size: clamp(44px,4.6vw,64px); font-weight: 720; line-height: 1; letter-spacing: -.063em; text-wrap: balance; }
.saas-heading > p, .saas-heading > div > p { margin: 21px 0 0; color: var(--muted); font-size: 16px; line-height: 1.8; }
.saas-heading.split { display: grid; grid-template-columns: 1.15fr .65fr; gap: 92px; align-items: end; max-width: none; margin-bottom: 50px; }
.saas-heading.split > div:last-child p { margin: 0 0 16px; }
.saas-pricing { overflow: hidden; background: #f2f4f8; }
.saas-pricing::before { content: ""; position: absolute; right: -18%; top: -35%; width: 65vw; height: 65vw; border: 1px solid rgba(48,95,244,.06); border-radius: 50%; box-shadow: 0 0 0 8vw rgba(48,95,244,.018),0 0 0 16vw rgba(35,137,255,.01); }
.saas-pricing-grid { counter-reset: plan; position: relative; display: grid; grid-template-columns: 1.06fr .97fr .97fr; gap: 17px; align-items: stretch; }
.saas-plan-card { counter-increment: plan; position: relative; display: flex; flex-direction: column; min-height: 610px; overflow: hidden; padding: 36px 31px 31px; border: 1px solid #d8e0ec; border-radius: 24px; background: rgba(255,255,255,.9); box-shadow: 0 17px 55px rgba(11,34,73,.06); transition: transform .38s var(--ease),border-color .38s,box-shadow .38s; }
.saas-plan-card::before { content: "0" counter(plan); position: absolute; right: 27px; top: 26px; color: #c8d2e0; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.saas-plan-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(460px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(49,95,244,.1),transparent 48%); transition: opacity .35s; }
.saas-plan-card:hover { transform: translateY(-9px); border-color: #a9bee2; box-shadow: 0 32px 80px rgba(12,43,94,.13); }
.saas-plan-card:hover::after { opacity: 1; }
.saas-plan-card.featured { border-color: #8eaef1; background: radial-gradient(circle at 100% 0,rgba(63,199,255,.11),transparent 31%),linear-gradient(145deg,#f7f9ff,#eef4ff); box-shadow: inset 0 3px 0 #3f6df4,0 24px 65px rgba(42,94,207,.11); }
.saas-plan-card.dark-card { color: #fff; border-color: rgba(130,158,213,.18); background: radial-gradient(circle at 100% 0,rgba(51,194,255,.13),transparent 31%),linear-gradient(150deg,#07142a,#0b2344); box-shadow: 0 27px 75px rgba(6,29,67,.2); }
.saas-plan-card.dark-card::before { color: #405371; }
.plan-badge { position: absolute; left: 29px; top: -1px; padding: 8px 12px; border-radius: 0 0 10px 10px; color: #fff; background: linear-gradient(90deg,var(--blue),var(--blue-2)); font-size: 9px; font-weight: 800; letter-spacing: .05em; }
.plan-name > small { color: #2864e6; font-size: 9px; font-weight: 850; letter-spacing: .15em; }
.plan-name h3 { margin: 12px 0 0; color: #0b1527; font-size: 27px; line-height: 1.2; letter-spacing: -.04em; }
.plan-name p { min-height: 72px; margin: 15px 0 0; color: #66748a; font-size: 13px; line-height: 1.68; }
.plan-price { display: flex; align-items: flex-end; gap: 7px; min-height: 96px; margin-top: 23px; padding: 22px 0; border-block: 1px solid #e2e7ef; }
.plan-price strong { color: #0b1527; font-size: 36px; line-height: 1; letter-spacing: -.055em; }
.plan-price > span { padding-bottom: 3px; color: #6b788c; font-size: 12px; font-weight: 700; }
.plan-price > small { margin-left: auto; padding: 5px 8px; border-radius: 7px; color: var(--success); background: #eaf9f4; font-size: 8px; font-weight: 850; }
.custom-price { display: grid; align-content: center; align-items: start; gap: 8px; }
.custom-price strong { font-size: 25px; line-height: 1.18; }
.custom-price small { margin: 0 !important; padding: 0 !important; color: #1d58cf !important; background: transparent !important; font-size: 13px !important; font-weight: 850 !important; letter-spacing: .01em; }
.dark-card .custom-price small { color: #72dafb !important; }
.saas-plan-card ul { position: relative; z-index: 1; display: grid; flex: 1; gap: 12px; margin: 25px 0 28px; padding: 0; list-style: none; color: #344258; font-size: 13px; }
.saas-plan-card li { position: relative; padding-left: 23px; }
.saas-plan-card li::before { content: "✓"; position: absolute; left: 0; top: -1px; color: #0aa47b; font-size: 14px; font-weight: 900; }
.plan-detail { position: relative; z-index: 1; align-self: center; margin-top: 14px; color: #225fe1; font-size: 11px; font-weight: 800; }
.dark-card .plan-name > small, .dark-card .plan-detail { color: #72dafb; }
.dark-card .plan-name h3, .dark-card .plan-price strong { color: #fff; }
.dark-card .plan-name p, .dark-card ul { color: #b8c5d7; }
.dark-card .plan-price { border-color: rgba(255,255,255,.13); }
.dark-card .plan-price small { color: #70e8c1; background: transparent; }
.dark-card li::before { color: #6be8c0; }
.support-plan-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 34px; align-items: center; margin-top: 17px; padding: 25px 29px; border: 1px solid #d8e1ed; border-radius: 19px; background: #fff; box-shadow: 0 13px 42px rgba(12,36,76,.045); }
.support-plan-row > div:first-child { display: flex; align-items: center; gap: 16px; }
.support-icon { display: grid; place-items: center; flex: 0 0 auto; width: 50px; height: 50px; border-radius: 14px; color: #2864e5; background: linear-gradient(145deg,#edf3ff,#e9faff); }
.support-icon svg { width: 25px; height: 25px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.support-plan-row small { display: block; color: #2864e5; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.support-plan-row strong { display: block; margin-top: 4px; font-size: 17px; }
.support-plan-row p { margin: 4px 0 0; color: #68768a; font-size: 12px; }
.support-price { text-align: right; }
.support-price strong { font-size: 22px; }
.support-price span { display: block; color: #768398; font-size: 10px; }
.support-plan-row > a { color: #225fe1; font-size: 12px; font-weight: 800; white-space: nowrap; }

.saas-platform { overflow: hidden; color: #fff; background: radial-gradient(circle at 88% 16%,rgba(56,128,255,.18),transparent 28%),radial-gradient(circle at 5% 100%,rgba(59,216,255,.08),transparent 24%),#030916; }
.platform-grid { display: grid; grid-template-columns: minmax(0,.58fr) minmax(610px,1fr); gap: 88px; align-items: center; }
.platform-copy h2 { margin: 17px 0 0; color: #f6f8ff; font-size: clamp(44px,4.25vw,61px); font-weight: 720; line-height: 1.01; letter-spacing: -.06em; }
.platform-copy > p { margin: 23px 0 0; color: #97a6ba; font-size: 16px; line-height: 1.8; }
.platform-copy .saas-text-link { color: #74dafb; }
.platform-window { overflow: hidden; border: 1px solid rgba(139,169,226,.2); border-radius: 23px; color: #102038; background: #fff; box-shadow: 0 45px 120px rgba(0,0,0,.43),0 0 0 10px rgba(255,255,255,.025); transform: perspective(1200px) rotateY(-3deg); transition: transform .5s var(--ease),box-shadow .5s; }
.platform-window:hover { transform: perspective(1200px) rotateY(0) translateY(-6px); box-shadow: 0 55px 140px rgba(0,0,0,.5),0 0 0 10px rgba(255,255,255,.04); }
.window-bar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 15px; min-height: 52px; padding: 0 18px; border-bottom: 1px solid #e1e7ef; background: #f7f9fc; }
.window-bar > span { display: flex; gap: 6px; }
.window-bar i { width: 7px; height: 7px; border-radius: 50%; background: #c9d1dc; }
.window-bar i:first-child { background: #ff7587; }
.window-bar i:nth-child(2) { background: #f5bf48; }
.window-bar i:nth-child(3) { background: #43c991; }
.window-bar strong { font-size: 11px; }
.window-bar > small { color: var(--success); font-size: 9px; font-weight: 800; }
.window-body { display: grid; grid-template-columns: 145px 1fr; min-height: 450px; }
.window-body > nav { display: flex; flex-direction: column; gap: 5px; padding: 24px 14px; border-right: 1px solid rgba(255,255,255,.06); background: linear-gradient(180deg,#07172e,#0b2544); }
.window-body > nav strong { display: grid; place-items: center; width: 38px; height: 38px; margin: 0 7px 23px; border-radius: 10px; color: #fff; background: linear-gradient(135deg,var(--blue),#2aaff4); box-shadow: 0 10px 28px rgba(40,110,240,.26); font-size: 11px; }
.window-body > nav span { padding: 10px 11px; border-radius: 8px; color: #8fa1b8; font-size: 10px; font-weight: 650; }
.window-body > nav span.active { color: #fff; background: rgba(255,255,255,.1); }
.window-content { padding: 28px; }
.window-title { display: flex; align-items: center; justify-content: space-between; }
.window-title small { display: block; color: #2864e5; font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.window-title strong { display: block; margin-top: 5px; font-size: 19px; }
.window-title > span { padding: 8px 10px; border: 1px solid #dbe3ed; border-radius: 8px; color: #68768a; font-size: 9px; }
.window-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 23px; }
.window-stats article { padding: 16px; border: 1px solid #dfe6ef; border-radius: 11px; background: linear-gradient(145deg,#fff,#f6f9fd); }
.window-stats small { display: block; color: #7a8798; font-size: 7px; font-weight: 800; }
.window-stats strong { display: block; margin-top: 8px; font-size: 11px; }
.window-stats span { display: block; margin-top: 14px; color: var(--success); font-size: 8px; font-weight: 750; }
.window-modules { display: grid; margin-top: 15px; border: 1px solid #dfe6ef; border-radius: 11px; }
.window-modules > div { display: grid; grid-template-columns: 29px 1fr; gap: 10px; padding: 16px; border-bottom: 1px solid #e5eaf0; }
.window-modules > div:last-child { border-bottom: 0; }
.window-modules span { grid-row: span 2; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: #2864e5; background: linear-gradient(145deg,#edf3ff,#e8faff); font-size: 8px; font-weight: 850; }
.window-modules strong { font-size: 11px; }
.window-modules small { color: #728095; font-size: 9px; }

.saas-corporate { background: #f4f6fa; }
.corporate-layout { display: grid; grid-template-columns: minmax(0,.66fr) minmax(610px,1fr); gap: 84px; align-items: center; }
.saas-corporate .saas-heading h2 { color: var(--ink); }
.saas-corporate .saas-heading > p { color: var(--muted); }
.corporate-options { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.corporate-options article { position: relative; overflow: hidden; padding: 32px; border: 1px solid #d8e1ed; border-radius: 23px; background: #fff; box-shadow: 0 16px 48px rgba(11,34,73,.055); transition: transform .36s var(--ease),border-color .36s,box-shadow .36s; }
.corporate-options article::after { content: ""; position: absolute; right: -80px; bottom: -100px; width: 220px; height: 220px; border: 1px solid rgba(49,95,244,.08); border-radius: 50%; box-shadow: 0 0 0 40px rgba(49,95,244,.025),0 0 0 80px rgba(49,95,244,.012); }
.corporate-options article:hover { transform: translateY(-8px); border-color: #abc0e3; box-shadow: 0 30px 75px rgba(12,44,96,.12); }
.corporate-options article.recommended { color: #fff; border-color: rgba(119,158,229,.28); background: radial-gradient(circle at 100% 0,rgba(56,204,255,.14),transparent 34%),linear-gradient(150deg,#07152d,#0c3165); box-shadow: 0 28px 75px rgba(7,33,75,.2); }
.recommend-label { position: absolute; right: 22px; top: 0; padding: 7px 10px; border-radius: 0 0 9px 9px; color: #06152a; background: linear-gradient(90deg,#72dcff,#6deac2); font-size: 8px; font-weight: 850; }
.corporate-options article > small { color: #2a67e7; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.corporate-options h3 { margin: 12px 0 0; font-size: 22px; line-height: 1.25; }
.corporate-options p { min-height: 70px; margin: 14px 0 0; color: #66758a; font-size: 13px; line-height: 1.68; }
.corporate-options article > div { position: relative; z-index: 1; padding: 22px 0; border-block: 1px solid #e1e6ee; }
.corporate-options article > div strong { display: block; font-size: 29px; letter-spacing: -.045em; }
.corporate-options article > div span { display: block; margin-top: 6px; color: #2967e7; font-size: 9px; font-weight: 800; }
.corporate-options a { position: relative; z-index: 1; display: inline-flex; margin-top: 23px; color: #215ee0; font-size: 12px; font-weight: 800; }
.corporate-options .recommended > small, .corporate-options .recommended a, .corporate-options .recommended > div span { color: #72dafb; }
.corporate-options .recommended p { color: #aebed1; }
.corporate-options .recommended > div { border-color: rgba(255,255,255,.13); }

.saas-references { overflow: hidden; color: #fff; background: radial-gradient(circle at 80% 0,rgba(50,112,255,.13),transparent 28%),#030916; }
.saas-references .saas-heading h2 { color: #f5f8ff; }
.saas-references .saas-heading p { color: #93a2b7; }
.saas-references .saas-kicker { color: #71d8fa; }
.saas-references .saas-text-link { color: #73dcfb; }
.saas-reference-grid { display: grid; grid-template-columns: 1.35fr .65fr; grid-template-rows: 1fr 1fr; gap: 16px; }
.saas-reference-grid > a { overflow: hidden; border: 1px solid rgba(131,160,216,.16); border-radius: 22px; background: linear-gradient(155deg,rgba(15,28,51,.94),rgba(7,15,29,.94)); box-shadow: 0 24px 70px rgba(0,0,0,.26); transition: transform .45s var(--ease),border-color .45s,box-shadow .45s; }
.saas-reference-grid > a:hover { transform: translateY(-8px); border-color: rgba(91,155,255,.4); box-shadow: 0 37px 90px rgba(0,0,0,.42),0 0 48px rgba(49,108,255,.08); }
.saas-reference-grid .reference-main { grid-row: span 2; }
.reference-image { overflow: hidden; height: 218px; background: #091322; }
.reference-main .reference-image { height: 475px; }
.reference-image img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .8s var(--ease),filter .8s; }
.saas-reference-grid > a:hover img { transform: scale(1.035); }
.saas-reference-grid > a > div:last-child { padding: 23px 25px; }
.reference-main > div:last-child { padding: 28px; }
.saas-reference-grid span { color: #72dafb; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.saas-reference-grid h3 { margin: 7px 0 0; color: #f4f7ff; font-size: 20px; }
.reference-main h3 { font-size: 27px; }
.saas-reference-grid p { margin: 8px 0 0; color: #93a2b7; font-size: 12px; }
.saas-reference-grid strong { display: inline-flex; margin-top: 14px; color: #71dafb; font-size: 11px; }

.saas-process { background: #fff; }
.process-layout { display: grid; grid-template-columns: minmax(0,.68fr) minmax(570px,1fr); gap: 92px; align-items: start; }
.process-layout ol { counter-reset: process; margin: 0; padding: 0; border-top: 1px solid #d9e1ec; list-style: none; }
.process-layout li { position: relative; display: grid; grid-template-columns: 54px 1fr; gap: 18px; padding: 27px 0; border-bottom: 1px solid #d9e1ec; transition: padding .3s var(--ease); }
.process-layout li::before { content: ""; position: absolute; z-index: -1; inset: 0 -20px; border-radius: 15px; opacity: 0; background: linear-gradient(90deg,rgba(49,95,244,.07),transparent); transition: opacity .3s; }
.process-layout li:hover { padding-left: 12px; }
.process-layout li:hover::before { opacity: 1; }
.process-layout li > span { color: #2864e5; font-size: 11px; font-weight: 850; }
.process-layout li strong { display: block; font-size: 17px; }
.process-layout li p { margin: 7px 0 0; color: #66758a; font-size: 13px; line-height: 1.68; }
.saas-faq { background: #f2f4f8; }
.faq-layout-v9 { display: grid; grid-template-columns: minmax(0,.58fr) minmax(560px,1fr); gap: 88px; align-items: start; }
.faq-list { display: grid; gap: 11px; }
.faq-list details { overflow: hidden; border: 1px solid #d8e1ed; border-radius: 16px; background: rgba(255,255,255,.88); box-shadow: 0 8px 27px rgba(12,35,72,.035); transition: border-color .3s,box-shadow .3s,background .3s; }
.faq-list details[open] { border-color: #b8cbed; background: #fff; box-shadow: 0 18px 48px rgba(20,54,109,.08); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 80px; padding: 0 23px; color: #152137; font-size: 14px; font-weight: 750; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { position: relative; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; background: #edf3ff; }
.faq-list summary span::before, .faq-list summary span::after { content: ""; position: absolute; left: 6px; right: 6px; top: 10px; height: 1.5px; background: #2864e5; transition: transform .25s; }
.faq-list summary span::after { transform: rotate(90deg); }
.faq-list details[open] summary span::after { transform: rotate(0); }
.faq-answer { overflow: hidden; }
.faq-answer p { margin: 0; padding: 0 23px 23px; color: #657389; font-size: 13px; line-height: 1.75; }
.saas-final-cta { position: relative; overflow: hidden; padding: 88px 0; color: #fff; background: radial-gradient(circle at 86% 0,rgba(66,226,255,.29),transparent 25%),radial-gradient(circle at 8% 120%,rgba(93,71,255,.26),transparent 28%),linear-gradient(115deg,#1748d8,#246cf2 56%,#168be7); }
.saas-final-cta::before { content: ""; position: absolute; inset: -55%; opacity: .24; background: repeating-radial-gradient(circle at 72% 50%,transparent 0 49px,rgba(255,255,255,.16) 50px 51px); animation: orbitFloat 15s ease-in-out infinite alternate; }
.saas-final-cta .container { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.saas-final-cta span { color: #c6f3ff; font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.saas-final-cta h2 { max-width: 820px; margin: 12px 0 0; font-size: clamp(38px,4vw,54px); line-height: 1.03; letter-spacing: -.057em; }
.saas-final-cta p { margin: 16px 0 0; color: #dce9ff; font-size: 15px; }

/* Inner page hero — rebuilt as a generative interface scene */
.page-hero {
  position: relative;
  min-height: 660px;
  overflow: hidden;
  padding: 150px 0 88px;
  color: #fff;
  background:
    radial-gradient(circle at var(--hero-x,76%) var(--hero-y,25%),rgba(61,128,255,.2),transparent 24%),
    radial-gradient(circle at 12% 34%,rgba(77,57,220,.18),transparent 28%),
    linear-gradient(145deg,#02050c,#060c1b 54%,#030813);
  isolation: isolate;
}
.page-hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background: linear-gradient(rgba(114,151,236,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,151,236,.055) 1px,transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom,#000,transparent 94%);
  animation: pageGrid 16s linear infinite;
}
.page-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -13vw;
  top: -46%;
  width: 62vw;
  height: 62vw;
  border: 1px solid rgba(111,159,255,.09);
  border-radius: 50%;
  box-shadow: 0 0 0 8vw rgba(71,112,255,.025),0 0 0 16vw rgba(65,139,255,.015),0 0 110px rgba(46,128,255,.08);
  animation: orbitFloat 18s ease-in-out infinite alternate;
}
.page-hero-pattern { position: absolute; z-index: -1; inset: -12%; background: radial-gradient(circle at 77% 29%,rgba(53,204,255,.12),transparent 19%),radial-gradient(circle at 7% 76%,rgba(74,87,255,.1),transparent 22%); animation: aurora 12s ease-in-out infinite alternate; }
.page-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.88fr) minmax(500px,.82fr); gap: 82px; align-items: center; }
.page-hero-copy { max-width: 780px; }
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 29px; color: #61728d; font-size: 10px; font-weight: 700; letter-spacing: .035em; }
.breadcrumbs a { transition: color .2s; }
.breadcrumbs a:hover { color: var(--cyan); }
.breadcrumbs strong { color: #bac6d9; }
.page-kicker { color: #73d9fa; }
.page-hero h1 { max-width: 800px; margin: 22px 0 0; color: #f6f8ff; font-size: clamp(55px,5.2vw,74px); font-weight: 710; line-height: .98; letter-spacing: -.066em; text-wrap: balance; }
.page-hero-copy > p { max-width: 720px; margin: 24px 0 0; color: #a5b3c8; font-size: 16px; line-height: 1.78; }
.page-hero-points { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 29px; }
.page-hero-points span { display: flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(128,164,230,.14); border-radius: 999px; color: #c0cce0; background: rgba(83,120,198,.055); font-size: 10px; font-weight: 700; }
.page-hero-points svg { width: 15px; height: 15px; stroke: var(--mint); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.page-ui-composition { position: relative; min-height: 430px; perspective: 1200px; }
.page-ui-window { position: absolute; inset: 20px -25px 20px 0; overflow: hidden; border: 1px solid rgba(134,169,239,.19); border-radius: 23px; background: linear-gradient(145deg,rgba(14,27,51,.91),rgba(4,12,27,.93)); box-shadow: 0 45px 120px rgba(0,0,0,.52),0 0 95px rgba(40,102,255,.1),inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(18px); transform: rotateY(var(--ui-yaw,-5deg)) rotateX(var(--ui-pitch,2deg)) translate3d(0,var(--ui-lift,0),0); transform-style: preserve-3d; transition: transform .24s var(--ease); }
.ui-topbar { height: 45px; display: flex; align-items: center; gap: 13px; padding: 0 15px; border-bottom: 1px solid rgba(146,172,221,.1); background: rgba(255,255,255,.02); }
.ui-dots { display: flex; gap: 5px; }
.ui-dots i { width: 6px; height: 6px; border-radius: 50%; background: #64748b; }
.ui-dots i:first-child { background: #fb7185; }
.ui-dots i:nth-child(2) { background: #fbbf24; }
.ui-dots i:nth-child(3) { background: #34d399; }
.ui-address { margin: auto; color: rgba(220,237,255,.38); font-size: 7px; }
.ui-live { display: flex; align-items: center; gap: 6px; color: #a7f3d0; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.ui-live i { width: 5px; height: 5px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 4px rgba(52,211,153,.1),0 0 12px rgba(52,211,153,.45); }
.ui-content { display: grid; grid-template-columns: 48px 1fr; min-height: 340px; }
.ui-side { display: flex; align-items: center; flex-direction: column; gap: 15px; padding: 14px 0; border-right: 1px solid rgba(150,174,221,.09); background: rgba(2,9,20,.32); }
.ui-logo { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: linear-gradient(135deg,var(--blue),#28b8ff); box-shadow: 0 8px 24px rgba(44,115,255,.3); font-size: 8px; font-weight: 900; }
.ui-side i { width: 17px; height: 17px; border-radius: 6px; background: rgba(255,255,255,.07); }
.ui-side i.active { background: linear-gradient(135deg,#486eff,#42d2ff); box-shadow: 0 0 20px rgba(62,181,255,.32); }
.ui-dashboard { padding: 20px; }
.ui-heading { display: grid; grid-template-columns: 40px 1fr auto; gap: 11px; align-items: center; }
.ui-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: #70ddfb; background: rgba(56,135,255,.12); }
.ui-icon svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ui-heading small { display: block; color: rgba(220,237,255,.4); font-size: 7px; }
.ui-heading strong { display: block; margin-top: 3px; color: #f4f7ff; font-size: 13px; }
.ui-heading button { border: 0; color: rgba(255,255,255,.3); background: none; }
.ui-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.ui-stats > div { padding: 13px; border: 1px solid rgba(137,164,216,.11); border-radius: 11px; background: rgba(255,255,255,.027); }
.ui-stats small { display: block; color: rgba(220,237,255,.36); font-size: 7px; }
.ui-stats strong { display: block; overflow: hidden; margin-top: 5px; color: #f4f7ff; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.ui-line { display: block; height: 3px; margin-top: 12px; border-radius: 9px; background: rgba(255,255,255,.07); }
.ui-line i { display: block; height: 100%; border-radius: 9px; background: linear-gradient(90deg,var(--blue),var(--cyan),var(--mint)); }
.ui-chart { margin-top: 10px; padding: 13px; border: 1px solid rgba(137,164,216,.11); border-radius: 11px; background: rgba(255,255,255,.027); }
.ui-chart-head { display: flex; justify-content: space-between; color: rgba(220,237,255,.4); font-size: 7px; }
.ui-chart-head > span { color: #fff; font-weight: 800; }
.ui-chart svg { width: 100%; height: 105px; margin-top: 7px; }
.chart-stroke { fill: none; stroke: #5be1ff; stroke-width: 2.6; stroke-linecap: round; filter: drop-shadow(0 4px 8px rgba(34,211,238,.24)); stroke-dasharray: 650; stroke-dashoffset: 650; animation: drawChart 2.2s .35s var(--ease) forwards; }
.page-float-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; min-width: 165px; padding: 11px 13px; border: 1px solid rgba(139,176,243,.2); border-radius: 13px; background: rgba(6,17,36,.87); box-shadow: 0 22px 55px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04); backdrop-filter: blur(14px); animation: floatCard 5s ease-in-out infinite; }
.page-float-card > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #69e4ff; background: rgba(64,137,255,.12); box-shadow: 0 0 24px rgba(59,165,255,.12); }
.page-float-card svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.page-float-card small { display: block; color: rgba(220,237,255,.4); font-size: 6px; text-transform: uppercase; }
.page-float-card strong { display: block; color: #fff; font-size: 8px; }
.float-a { left: -25px; bottom: 8px; }
.float-b { right: -42px; top: 3px; animation-delay: -2.5s; }

/* Universal content surfaces */
.solution-grid, .card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.content-stack { display: grid; gap: 18px; }
:is(.content-card,.solution-card,.feature-grid article,.decision-grid article) { position: relative; min-width: 0; overflow: hidden; padding: 31px; border: 1px solid var(--line); border-radius: 21px; background: rgba(255,255,255,.92); box-shadow: 0 13px 42px rgba(10,33,72,.055); transition: transform .36s var(--ease),border-color .36s,box-shadow .36s; isolation: isolate; }
:is(.content-card,.solution-card,.feature-grid article,.decision-grid article)::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(430px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(49,95,244,.11),transparent 49%); transition: opacity .35s; }
:is(.content-card,.solution-card,.feature-grid article,.decision-grid article):hover { transform: translateY(-7px); border-color: #b3c5e3; box-shadow: 0 28px 68px rgba(12,43,92,.11); }
:is(.content-card,.solution-card,.feature-grid article,.decision-grid article):hover::after { opacity: 1; }
.card-icon, .price-icon, .package-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 22px; border-radius: 14px; color: #2965e6; background: linear-gradient(145deg,#edf3ff,#e8faff); box-shadow: inset 0 0 0 1px rgba(54,105,226,.07); }
.card-icon svg, .price-icon svg, .package-icon svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.content-card h3, .solution-card h3 { margin: 0; color: #111c2f; font-size: 21px; line-height: 1.25; letter-spacing: -.035em; }
.content-card p, .solution-card p { margin: 13px 0 0; color: #66758a; font-size: 13px; line-height: 1.75; }
.content-card li, .content-card p, .content-card h2, .content-card h3 { overflow-wrap: anywhere; }
.check-list { display: grid; gap: 11px; margin: 21px 0 0; padding: 0; list-style: none; }
.check-list li { position: relative; padding-left: 24px; color: #344258; font-size: 13px; }
.check-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #0aa47b; font-weight: 900; }
.notice { margin-top: 22px; padding: 17px 19px; border: 1px solid #ccdcf5; border-radius: 14px; color: #2a5088; background: linear-gradient(135deg,#f1f6ff,#f0fbff); font-size: 12px; font-weight: 700; }
.notice.dark { color: #cce6ff; border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.06); }
.tag { display: inline-flex; padding: 6px 9px; border-radius: 999px; color: #235edc; background: #edf3ff; font-size: 8px; font-weight: 850; letter-spacing: .09em; }

/* Package summary blocks */
.package-summary-section { padding: 80px 0; background: #f3f5f9; }
.package-summary-card { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 350px; overflow: hidden; border: 1px solid rgba(107,145,218,.2); border-radius: 25px; color: #fff; background: radial-gradient(circle at 90% 0,rgba(55,179,255,.16),transparent 30%),linear-gradient(145deg,#061127,#0b2245); box-shadow: 0 32px 85px rgba(8,31,69,.22); }
.package-summary-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg,var(--blue),var(--cyan),var(--mint)); box-shadow: 0 0 18px rgba(63,195,255,.45); }
.package-summary-copy { padding: 38px 43px; }
.package-summary-copy h2 { margin: 14px 0 0; color: #f6f9ff; font-size: clamp(29px,3vw,39px); line-height: 1.1; letter-spacing: -.045em; }
.package-summary-copy > p { max-width: 770px; margin: 16px 0 0; color: #a9b7ca; font-size: 14px; line-height: 1.75; }
.package-summary-note { margin-top: 20px; padding: 13px 15px; border: 1px solid rgba(136,173,241,.16); border-radius: 12px; color: #cad7e9; background: rgba(95,134,217,.07); font-size: 12px; line-height: 1.6; }
.package-summary-note strong { color: #fff; }
.package-summary-offer { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 35px; border-left: 1px solid rgba(138,168,224,.13); background: rgba(39,92,201,.12); }
.package-summary-label { color: #bcd8ff; font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.package-summary-price { display: block; margin-top: 13px; color: #fff; font-size: clamp(31px,3.2vw,42px); line-height: 1.08; letter-spacing: -.05em; white-space: nowrap; }
.package-summary-price small { font-size: .46em; font-weight: 700; letter-spacing: -.01em; }
.package-summary-period { max-width: 270px; margin-top: 11px; color: #c6d7ec; font-size: 12px; line-height: 1.58; }
.package-summary-offer .btn { margin-top: 22px; color: #104391; background: #fff; }

/* Pricing and comparison pages */
.package-page-section, .corporate-packages-page, .special-project-detail { background: #f3f5f9; }
.pricing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; min-height: 655px; overflow: hidden; padding: 34px 31px 30px; border: 1px solid var(--line); border-radius: 23px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .38s var(--ease),border-color .38s,box-shadow .38s; }
.price-card:hover { transform: translateY(-8px); border-color: #abc0e2; box-shadow: 0 30px 76px rgba(11,43,94,.12); }
.price-card.featured { border-color: #8eacf0; background: radial-gradient(circle at 100% 0,rgba(61,204,255,.12),transparent 32%),linear-gradient(145deg,#f7f9ff,#eef4ff); box-shadow: inset 0 3px 0 #3c6df4,0 25px 68px rgba(40,94,207,.11); }
.price-card-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.featured-badge, .package-ribbon { display: inline-flex; padding: 7px 10px; border-radius: 999px; color: #fff; background: linear-gradient(90deg,var(--blue),var(--blue-2)); font-size: 8px; font-weight: 850; letter-spacing: .05em; }
.package-type { color: #2864e5; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.price-card h3 { margin: 18px 0 0; color: #101a2c; font-size: 26px; line-height: 1.2; letter-spacing: -.04em; }
.price-card > p { min-height: 72px; margin: 14px 0 0; color: #66758a; font-size: 13px; line-height: 1.7; }
.price { display: flex; align-items: flex-end; gap: 7px; min-height: 96px; margin-top: 22px; padding: 21px 0; border-block: 1px solid #e1e7ef; }
.price strong { color: #0a1426; font-size: 36px; line-height: 1; letter-spacing: -.055em; }
.price span { padding-bottom: 3px; color: #708096; font-size: 11px; }
.price.price-custom { display: grid; align-content: center; gap: 9px; }
.price.price-custom strong { font-size: 25px; line-height: 1.15; }
.price.price-custom span { padding: 0; color: #1f5bd5; font-size: 14px; font-weight: 850; }
.feature-table { width: 100%; margin-top: 24px; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid #dce4ef; border-radius: 15px; color: #42516a; font-size: 12px; }
.feature-table th, .feature-table td { padding: 15px 16px; border-right: 1px solid #e3e9f1; border-bottom: 1px solid #e3e9f1; text-align: left; vertical-align: middle; }
.feature-table th:last-child, .feature-table td:last-child { border-right: 0; }
.feature-table tbody tr:last-child td { border-bottom: 0; }
.feature-table th { color: #173766; background: #eef4fd; font-size: 10px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.feature-table tbody tr:nth-child(even) td { background: #f8fafe; }
.feature-table td strong { color: #153e83; font-size: 14px; }
.feature-table td small { color: #1f5bd5; font-size: 12px; font-weight: 850; }
.price-card .check-list { flex: 1; margin-block: 24px 28px; }
.price-card .btn { margin-top: auto; }
.compact-web-options { background: #fff; }
.compact-package-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.compact-package-grid article { position: relative; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 19px; align-items: start; min-height: 240px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .35s var(--ease),border-color .35s,box-shadow .35s; }
.compact-package-grid article:hover { transform: translateY(-7px); border-color: #aec2e2; box-shadow: 0 28px 68px rgba(12,43,92,.11); }
.compact-package-grid article.premium { color: #fff; border-color: rgba(133,166,227,.23); background: radial-gradient(circle at 100% 0,rgba(55,203,255,.14),transparent 32%),linear-gradient(145deg,#06152c,#0c3268); box-shadow: 0 27px 75px rgba(7,33,75,.2); }
.compact-package-grid h3 { margin: 0; font-size: 22px; letter-spacing: -.035em; }
.compact-package-grid p { margin: 11px 0 0; color: #67758a; font-size: 12px; line-height: 1.7; }
.compact-package-grid .premium p { color: #acbbce; }
.compact-price { text-align: right; }
.compact-price strong { display: block; font-size: 25px; letter-spacing: -.04em; white-space: nowrap; }
.compact-price span { display: block; color: #748399; font-size: 9px; }
.compact-package-grid .premium .compact-price span { color: #8fa3bc; }
.compact-package-grid article > a { position: absolute; left: 103px; bottom: 28px; color: #225fe0; font-size: 11px; font-weight: 800; }
.compact-package-grid .premium > a { color: #72dafb; }
.decision-section { background: #f3f5f9; }
.decision-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.decision-grid > div { grid-column: 1/-1; padding-top: 12px; }
.decision-grid article strong { display: block; color: #2864e5; font-size: 11px; }
.decision-grid article h3 { margin: 13px 0 0; font-size: 21px; }
.decision-grid article p { margin: 12px 0 0; color: #67758a; font-size: 13px; }

/* Corporate packages */
.corporate-compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 19px; max-width: 1080px; margin-inline: auto; }
.corporate-package { position: relative; display: flex; flex-direction: column; min-height: 590px; overflow: hidden; padding: 35px 33px 31px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .38s var(--ease),border-color .38s,box-shadow .38s; }
.corporate-package:hover { transform: translateY(-8px); border-color: #abc0e2; box-shadow: 0 31px 78px rgba(12,43,92,.12); }
.corporate-package.premium { color: #fff; border-color: rgba(130,165,228,.25); background: radial-gradient(circle at 100% 0,rgba(55,203,255,.14),transparent 32%),linear-gradient(145deg,#06152c,#0d356f); box-shadow: 0 30px 80px rgba(7,33,75,.22); }
.package-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.corporate-package h3 { margin: 20px 0 0; font-size: 28px; line-height: 1.17; letter-spacing: -.045em; }
.corporate-package > p { min-height: 72px; margin: 15px 0 0; color: #66758a; font-size: 13px; line-height: 1.72; }
.corporate-package.premium > p { color: #afbdd0; }
.corporate-price { min-height: 95px; margin-top: 22px; padding: 22px 0; border-block: 1px solid #e1e7ef; }
.corporate-price strong { display: block; font-size: 36px; line-height: 1; letter-spacing: -.055em; }
.corporate-price span { display: block; margin-top: 7px; color: #748297; font-size: 10px; }
.corporate-package.premium .corporate-price { border-color: rgba(255,255,255,.13); }
.corporate-package.premium .corporate-price span { color: #91a4bd; }
.corporate-package .check-list { flex: 1; margin-block: 25px 28px; }
.corporate-package.premium .check-list li { color: #d1dbea; }
.corporate-package.premium .check-list li::before { color: var(--mint); }
.feature-surface { background: #fff; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.feature-grid article h3 { margin: 0; font-size: 20px; }
.feature-grid article p { margin: 11px 0 0; color: #67758a; font-size: 13px; }
.scope-note { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; padding: 20px 23px; border: 1px solid #d4e1f3; border-radius: 16px; color: #365a8f; background: linear-gradient(135deg,#f1f6ff,#effbff); font-size: 12px; }

/* Bespoke project page */
.special-detail-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: 20px; align-items: stretch; }
.special-detail-grid .content-card { padding: 38px; }
.special-detail-grid h3 { font-size: clamp(24px,2.5vw,31px); }
.special-detail-grid .check-list { margin-top: 26px; }
.special-detail-grid .check-list li { font-size: 14px; line-height: 1.58; }
.special-offer-card { display: flex; flex-direction: column; color: #fff; border-color: rgba(128,162,225,.24) !important; background: radial-gradient(circle at 100% 0,rgba(55,204,255,.15),transparent 34%),linear-gradient(145deg,#06152d,#0e3670) !important; box-shadow: 0 30px 80px rgba(8,34,76,.22) !important; }
.special-offer-card h3 { color: #fff; }
.special-offer-card > p { color: #c5d4e7; font-size: 15px; line-height: 1.75; }
.special-offer-note { display: grid; gap: 5px; margin: 24px 0; padding: 17px 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.065); }
.special-offer-note strong { font-size: 14px; }
.special-offer-note span { color: #bad0ea; font-size: 13px; }
.special-offer-card .btn { align-self: flex-start; margin-top: auto; }
.special-analysis-section { background: #fff; }

/* Quote builder */
.offer-page-main { background: #f3f5f9; }
.offer-hero { position: relative; overflow: hidden; padding: 150px 0 90px; color: #fff; background: radial-gradient(circle at 79% 20%,rgba(61,129,255,.22),transparent 27%),radial-gradient(circle at 12% 82%,rgba(47,207,255,.08),transparent 23%),linear-gradient(145deg,#02050c,#061126 58%,#041025); isolation: isolate; }
.offer-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(rgba(114,152,238,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,152,238,.055) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,#000,transparent); animation: pageGrid 16s linear infinite; }
.offer-hero-pattern { position: absolute; z-index: -1; inset: -12%; background: radial-gradient(circle at 84% 20%,rgba(54,211,255,.11),transparent 20%),radial-gradient(circle at 10% 90%,rgba(68,65,255,.1),transparent 24%); animation: aurora 12s ease-in-out infinite alternate; }
.offer-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.93fr) minmax(460px,.75fr); gap: 78px; align-items: center; }
.offer-breadcrumbs { margin-bottom: 30px; }
.offer-kicker { display: flex; align-items: center; gap: 11px; color: #72dafb; font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.offer-kicker span { width: 34px; height: 1px; background: linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow: 0 0 12px rgba(73,216,255,.55); }
.offer-hero h1 { max-width: 760px; margin: 21px 0 23px; color: #f6f8ff; font-size: clamp(55px,5.2vw,74px); font-weight: 710; line-height: .98; letter-spacing: -.066em; text-wrap: balance; }
.offer-hero-copy > p { max-width: 720px; margin: 0; color: #a6b5ca; font-size: 16px; line-height: 1.78; }
.offer-trust-points { display: flex; flex-wrap: wrap; gap: 10px 17px; margin-top: 29px; }
.offer-trust-points span { display: flex; align-items: center; gap: 7px; color: #c4d0e1; font-size: 11px; font-weight: 650; }
.offer-trust-points svg { width: 15px; height: 15px; stroke: var(--mint); stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.offer-preview { overflow: hidden; border: 1px solid rgba(135,170,239,.2); border-radius: 23px; background: rgba(8,18,37,.7); box-shadow: 0 44px 115px rgba(0,0,0,.46),0 0 85px rgba(40,106,255,.1); backdrop-filter: blur(18px); transform: perspective(1100px) rotateY(-4deg) rotateX(1deg); }
.offer-preview-bar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; min-height: 48px; padding: 0 16px; border-bottom: 1px solid rgba(146,172,221,.1); color: #dce6f5; background: rgba(255,255,255,.025); }
.offer-preview-dots { display: flex; gap: 5px; }
.offer-preview-dots i { width: 6px; height: 6px; border-radius: 50%; background: #66758a; }
.offer-preview-dots i:first-child { background: #fb7185; }
.offer-preview-dots i:nth-child(2) { background: #fbbf24; }
.offer-preview-dots i:nth-child(3) { background: #34d399; }
.offer-preview-bar strong { font-size: 10px; }
.offer-preview-secure { color: #8eebca; font-size: 8px; font-weight: 800; }
.offer-preview-body { padding: 22px; color: #15233a; background: #f5f8fd; }
.offer-preview-steps { display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border: 1px solid #dce4ef; border-radius: 11px; background: #fff; }
.offer-preview-steps span { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; border-right: 1px solid #e2e8f0; color: #7a8799; font-size: 9px; font-weight: 750; }
.offer-preview-steps span:last-child { border-right: 0; }
.offer-preview-steps i { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; color: #66758b; background: #edf1f6; font-style: normal; font-size: 7px; }
.offer-preview-steps .active { color: #225fe0; background: #f2f6ff; }
.offer-preview-steps .active i { color: #fff; background: var(--blue); }
.offer-preview-choice { margin-top: 13px; padding: 16px; border: 1px solid #d9e3ef; border-radius: 13px; background: #fff; }
.offer-preview-choice > small { color: #2864e5; font-size: 7px; font-weight: 850; letter-spacing: .13em; }
.offer-preview-choice > div { display: grid; grid-template-columns: 42px 1fr auto; gap: 11px; align-items: center; margin-top: 10px; }
.offer-preview-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #2864e5; background: linear-gradient(145deg,#edf3ff,#e9faff); }
.offer-preview-icon svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.offer-preview-choice strong { display: block; font-size: 11px; }
.offer-preview-choice p { margin: 3px 0 0; color: #718096; font-size: 8px; }
.offer-preview-check { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #fff; background: #10b981; font-size: 11px; }
.offer-preview-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 12px; padding: 14px 16px; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#0a2a61,#145bc1); }
.offer-preview-summary small { display: block; color: #a9c8ef; font-size: 7px; }
.offer-preview-summary strong { display: block; margin-top: 3px; font-size: 10px; }
.offer-preview-summary > span { color: #b6def5; font-size: 8px; }
.offer-builder-section { padding: 100px 0 110px; }
.offer-section-heading { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.6fr); gap: 74px; align-items: end; margin-bottom: 42px; }
.offer-section-heading h2 { max-width: 820px; margin: 14px 0 0; color: var(--ink); font-size: clamp(43px,4.3vw,60px); line-height: 1.01; letter-spacing: -.06em; text-wrap: balance; }
.offer-section-heading > p { margin: 0 0 4px; color: var(--muted); font-size: 14px; line-height: 1.75; }
.offer-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin-bottom: 34px; }
.offer-service-card { position: relative; display: flex; flex-direction: column; min-height: 250px; overflow: hidden; padding: 25px 23px 22px; border: 1px solid #d9e2ed; border-radius: 21px; background: #fff; box-shadow: 0 13px 40px rgba(12,35,72,.045); cursor: pointer; transition: transform .36s var(--ease),border-color .36s,box-shadow .36s,background .36s; }
.offer-service-card:hover { transform: translateY(-7px); border-color: #abc2e7; box-shadow: 0 28px 68px rgba(15,49,102,.1); }
.offer-service-card.is-selected { border-color: #4c7bea; background: radial-gradient(circle at 100% 0,rgba(56,202,255,.1),transparent 32%),linear-gradient(145deg,#f4f7ff,#effbff); box-shadow: 0 25px 66px rgba(39,101,225,.14),inset 0 2px #4b75f4; }
.offer-service-card.is-included { border-color: #7bcdb3; background: linear-gradient(145deg,#f3fbf8,#effcf9); box-shadow: 0 22px 58px rgba(13,130,94,.1),inset 0 2px #19a97d; }
.offer-service-card input { position: absolute; opacity: 0; pointer-events: none; }
.offer-card-select { position: absolute; right: 19px; top: 19px; display: grid; place-items: center; width: 25px; height: 25px; border: 1.5px solid #c9d3e1; border-radius: 50%; color: transparent; background: #fff; transition: color .2s,border-color .2s,background .2s; }
.offer-card-select svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.offer-service-card.is-selected .offer-card-select { color: #fff; border-color: var(--blue); background: var(--blue); }
.offer-card-badge, .offer-card-dependency { position: absolute; left: 0; top: 0; padding: 6px 9px; border-radius: 20px 0 9px 0; color: #fff; background: linear-gradient(90deg,var(--blue),var(--blue-2)); font-size: 7px; font-weight: 850; letter-spacing: .07em; }
.offer-card-dependency { background: linear-gradient(90deg,#08795d,#12a178); }
.offer-card-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #2864e5; background: linear-gradient(145deg,#edf3ff,#e8faff); }
.offer-card-icon svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.offer-card-copy { display: grid; margin-top: 17px; }
.offer-card-copy strong { padding-right: 25px; color: #101a2d; font-size: 16px; line-height: 1.3; letter-spacing: -.03em; }
.offer-card-copy small { margin-top: 8px; color: #6a778c; font-size: 11px; line-height: 1.55; }
.offer-card-price { margin-top: auto; padding-top: 18px; border-top: 1px solid #e4e9f0; }
.offer-card-price strong { display: block; color: #173c7a; font-size: 19px; line-height: 1.25; letter-spacing: -.035em; }
.offer-card-price small { display: block; margin-top: 5px; color: #08795d; font-size: 8px; font-weight: 800; }
.offer-card-price.long strong { font-size: 18px; line-height: 1.3; }
.offer-card-price.long small, .offer-card-price small { font-size: 11px; letter-spacing: .015em; }
.offer-service-card.other { grid-column: 1/-1; min-height: 210px; }
.offer-form-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(340px,.65fr); gap: 20px; align-items: start; }
.offer-form, .offer-summary { border: 1px solid #d8e2ed; border-radius: 23px; background: #fff; box-shadow: 0 22px 66px rgba(11,38,82,.09); }
.offer-form { padding: 38px; }
.offer-form-heading { display: grid; grid-template-columns: 50px 1fr; gap: 15px; align-items: start; }
.offer-form-heading > span { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; color: #fff; background: linear-gradient(145deg,var(--blue),#24a5ef); box-shadow: 0 12px 30px rgba(43,110,235,.24); font-size: 11px; font-weight: 850; }
.offer-form-heading small { color: #2864e5; font-size: 8px; font-weight: 850; letter-spacing: .15em; }
.offer-form-heading h3 { margin: 5px 0 0; font-size: 24px; letter-spacing: -.04em; }
.offer-form-heading p { margin: 7px 0 0; color: #6b788b; font-size: 12px; }
.offer-form-grid, .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 27px; }
.offer-form-grid label, .form-grid label, .full-field, .offer-textarea { display: grid; gap: 8px; min-width: 0; }
.offer-form-grid label > span, .form-grid label > span, .full-field > span, .offer-textarea > span { color: #344258; font-size: 12px; font-weight: 750; }
.offer-form input:not([type=checkbox]):not([type=hidden]), .offer-form textarea, .modern-form input, .modern-form select, .modern-form textarea { width: 100%; min-width: 0; border: 1px solid #d6e0ec; border-radius: 12px; color: #152136; background: #f8fafd; font-size: 15px; outline: 0; transition: border-color .24s,box-shadow .24s,background .24s; }
.offer-form input:not([type=checkbox]):not([type=hidden]), .modern-form input, .modern-form select { height: 56px; padding: 0 15px; }
.offer-form textarea, .modern-form textarea { padding: 14px 15px; line-height: 1.65; resize: vertical; }
.offer-form input:focus, .offer-form textarea:focus, .modern-form input:focus, .modern-form select:focus, .modern-form textarea:focus { border-color: #5b87ed; background: #fff; box-shadow: 0 0 0 4px rgba(68,119,235,.1); }
.offer-form-divider { height: 1px; margin: 34px 0; background: #e2e8f0; }
.offer-textarea { margin-top: 24px; }
.offer-consent, .consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; color: #657389; font-size: 11px; line-height: 1.6; }
.offer-consent input, .consent input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 2px; accent-color: var(--blue); }
.offer-consent a, .consent a { color: #225fe0; font-weight: 750; text-decoration: underline; text-underline-offset: 2px; }
.offer-submit, .form-submit { margin-top: 22px; border: 0; }
.form-submit:disabled { cursor: wait; opacity: .68; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-status { min-height: 22px; margin-top: 13px; font-size: 12px; font-weight: 700; }
.form-status.error { color: var(--danger); }
.form-status.success { color: var(--success); }
.offer-summary { position: sticky; top: 92px; overflow: hidden; background: linear-gradient(160deg,#f7f9fd,#edf4ff); }
.offer-summary-head { display: flex; align-items: center; gap: 13px; padding: 24px; border-bottom: 1px solid #d9e3ef; }
.offer-summary-icon { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 13px; color: #2864e5; background: #fff; box-shadow: 0 9px 24px rgba(30,72,145,.1); }
.offer-summary-icon svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.offer-summary-head small { color: #2864e5; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.offer-summary-head h3 { margin: 4px 0 0; font-size: 20px; letter-spacing: -.035em; }
.offer-summary-empty { display: grid; place-items: center; min-height: 240px; padding: 27px; text-align: center; }
.offer-summary-empty > span { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; color: #6383bc; background: rgba(255,255,255,.7); }
.offer-summary-empty svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.5; }
.offer-summary-empty p { max-width: 250px; margin: 14px 0 0; color: #6e7b8e; font-size: 12px; }
.offer-summary-content { display: grid; gap: 12px; padding: 23px; }
.offer-summary-content > div { padding: 15px; border: 1px solid #d7e2ef; border-radius: 13px; background: rgba(255,255,255,.72); }
.offer-summary-service { order: 1; }
.offer-summary-price { order: 2; }
.offer-summary-period { order: 3; }
.offer-summary-addon { order: 4; }
.offer-summary-note { order: 5; }
.offer-summary-content small { display: block; color: #758398; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.offer-summary-content strong { display: block; margin-top: 5px; color: #10203a; font-size: 14px; line-height: 1.35; }
.offer-summary-price strong { color: #17499c; font-size: 25px; letter-spacing: -.045em; }
.offer-summary-price > span { display: block; margin-top: 6px; color: #08795d; font-size: 12px; font-weight: 850; }
.offer-summary-addon { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-color: #b9d4f3 !important; background: linear-gradient(135deg,#edf5ff,#effcff) !important; }
.offer-summary-addon > span { padding: 5px 7px; border-radius: 999px; color: #fff; background: #0c8b67; font-size: 7px; font-weight: 850; }
.offer-summary-note { color: #526781; font-size: 10px; line-height: 1.6; }
.offer-summary-assurance { display: grid; gap: 9px; padding: 21px 23px; border-top: 1px solid #d9e3ef; }
.offer-summary-assurance span { display: flex; align-items: flex-start; gap: 8px; color: #68768a; font-size: 10px; }
.offer-summary-assurance svg { flex: 0 0 auto; width: 14px; height: 14px; margin-top: 1px; stroke: #0aa47b; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.offer-summary-mail { display: flex; align-items: center; gap: 9px; margin: 0 23px 23px; color: #225fe0; font-size: 11px; font-weight: 800; }
.offer-summary-mail svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.offer-summary-content.is-updating { animation: summaryPulse .45s var(--ease); }

/* Contact */
.contact-page-section { padding: 92px 0 108px; background: #f3f5f9; }
.contact-page-grid { display: grid; grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr); overflow: hidden; border: 1px solid #d7e1ed; border-radius: 25px; background: #fff; box-shadow: 0 32px 90px rgba(10,35,76,.15); }
.contact-panel { position: relative; min-height: 620px; overflow: hidden; padding: 46px 40px; color: #fff; background: radial-gradient(circle at 85% 10%,rgba(50,208,255,.16),transparent 31%),radial-gradient(circle at 0 100%,rgba(73,73,255,.16),transparent 34%),linear-gradient(155deg,#050c1b,#0a1c39); }
.contact-panel h2 { margin: 14px 0 0; font-size: clamp(36px,3.5vw,48px); line-height: 1.06; letter-spacing: -.05em; }
.contact-panel > p { margin: 20px 0 0; color: #a7b5c9; font-size: 14px; line-height: 1.78; }
.contact-channel { display: flex; align-items: center; gap: 13px; margin-top: 32px; padding: 17px; border: 1px solid rgba(139,175,239,.17); border-radius: 15px; background: rgba(89,129,212,.07); }
.contact-channel > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #70dcfb; background: rgba(62,117,229,.13); }
.contact-channel svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.contact-channel small { display: block; color: #7f91aa; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.contact-channel a { font-size: 13px; font-weight: 800; }
.contact-steps { display: grid; gap: 10px; margin-top: 34px; }
.contact-steps span { display: flex; align-items: center; gap: 11px; color: #b7c4d6; font-size: 11px; font-weight: 700; }
.contact-steps i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #70dcfb; background: rgba(62,117,229,.13); font-style: normal; font-size: 8px; }
.contact-panel-art { position: absolute; right: -95px; bottom: -105px; width: 320px; height: 320px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.024),0 0 0 110px rgba(255,255,255,.013); }
.contact-panel-art span { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 9px rgba(73,216,255,.075),0 0 18px rgba(73,216,255,.45); }
.contact-panel-art span:first-child { left: 35px; top: 50px; }
.contact-panel-art span:nth-child(2) { right: 55px; top: 90px; }
.contact-panel-art span:nth-child(3) { left: 100px; bottom: 40px; }
.contact-form { padding: 46px 42px; background: #fff; }
.form-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.form-title h3 { margin: 0; font-size: 25px; letter-spacing: -.04em; }
.form-title small, .form-title > span { color: #2864e5; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.modern-form .form-grid { margin-top: 27px; }
.modern-form select { padding-right: 46px; overflow: hidden; text-overflow: ellipsis; appearance: none; background-image: linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%); background-position: calc(100% - 20px) 25px,calc(100% - 14px) 25px; background-size: 6px 6px,6px 6px; background-repeat: no-repeat; }
.full-field { margin-top: 18px; }
.form-grid > .full-field, .form-grid > .consent { grid-column: 1/-1; }

/* Portfolio */
.reference-portfolio-section { overflow: hidden; padding: 110px 0; color: #fff; background: radial-gradient(circle at 82% 0,rgba(59,113,251,.14),transparent 27%),#030916; }
.reference-portfolio-section .section-heading h2 { color: #f5f8ff; }
.reference-portfolio-section .eyebrow { color: #71d9fa; }
.reference-lead { max-width: 760px; margin: 20px 0 0; color: #93a3b9; font-size: 16px; line-height: 1.8; }
.reference-proof { display: grid; grid-template-columns: repeat(3,1fr); margin: 38px 0 28px; border-block: 1px solid rgba(136,163,214,.15); }
.reference-proof span { display: flex; align-items: baseline; gap: 9px; padding: 19px 24px; color: #8e9db2; font-size: 12px; font-weight: 650; }
.reference-proof span + span { border-left: 1px solid rgba(136,163,214,.15); }
.reference-proof strong { color: #70dafb; font-size: 20px; letter-spacing: -.03em; }
.reference-grid { counter-reset: project; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 18px; }
.reference-card { counter-increment: project; position: relative; grid-column: span 4; overflow: hidden; border: 1px solid rgba(132,161,217,.16); border-radius: 24px; color: #fff; background: linear-gradient(155deg,rgba(16,29,53,.94),rgba(7,15,29,.94)); box-shadow: 0 24px 70px rgba(0,0,0,.25); transition: transform .45s var(--ease),border-color .45s,box-shadow .45s; }
.reference-card.featured { grid-column: span 7; }
.reference-card:nth-child(2) { grid-column: span 5; }
.reference-card:hover { transform: translateY(-8px); border-color: rgba(92,155,255,.42); box-shadow: 0 36px 90px rgba(0,0,0,.42),0 0 50px rgba(48,105,255,.08); }
.reference-shot { position: relative; height: 285px; overflow: hidden; border-bottom: 1px solid rgba(132,161,217,.12); background: #0b1423; }
.reference-card:nth-child(-n+3) .reference-shot { height: 410px; }
.reference-shot::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(180deg,transparent 72%,rgba(2,8,18,.28)); }
.reference-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .8s var(--ease),filter .8s; }
.reference-card:hover .reference-shot img { transform: scale(1.035); }
.reference-info { position: relative; padding: 27px; }
.reference-info::after { content: "0" counter(project); position: absolute; right: 25px; top: 23px; color: #425069; font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.reference-info > span { display: inline-flex; padding: 6px 9px; border: 1px solid rgba(112,218,251,.17); border-radius: 999px; color: #70dafb; background: rgba(65,140,255,.08); font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.reference-info h3 { margin: 14px 0 0; color: #f5f8ff; font-size: 23px; line-height: 1.2; letter-spacing: -.04em; }
.reference-card.featured h3 { font-size: 29px; }
.reference-info p { min-height: 43px; margin: 10px 0 17px; color: #93a2b7; font-size: 12px; line-height: 1.7; }
.reference-info strong { display: inline-flex; color: #70dafb; font-size: 11px; font-weight: 800; }
.reference-card.reference-lara { border-color: rgba(94,196,255,.42); box-shadow: 0 34px 95px rgba(0,0,0,.42),0 0 70px rgba(54,121,255,.11); }
.reference-card.reference-lara::before { content: ""; position: absolute; z-index: 2; inset: 0 auto 0 0; width: 3px; background: linear-gradient(var(--blue),var(--cyan),var(--mint)); }
.reference-card.featured { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(330px,.45fr); min-height: 520px; }
.reference-card:nth-child(2), .reference-card:nth-child(3) { grid-column: span 6; }
.reference-card.featured .reference-shot { height: 100%; border-right: 1px solid rgba(132,161,217,.12); border-bottom: 0; }
.reference-card.featured .reference-info { display: flex; flex-direction: column; justify-content: flex-end; padding: 42px; }
.reference-card.featured .reference-info h3 { font-size: 38px; }
.reference-card.featured .reference-info p { max-width: 440px; min-height: 0; font-size: 13px; }
.saas-reference-grid .reference-lara { border-color: rgba(94,196,255,.4); box-shadow: 0 34px 95px rgba(0,0,0,.42),0 0 70px rgba(54,121,255,.1); }
.reference-method-section { color: #fff; background: radial-gradient(circle at 12% 0,rgba(65,114,255,.18),transparent 28%),linear-gradient(145deg,#030814,#081a34) !important; }
.reference-method-section .section-heading h2, .reference-method-section .content-card h3 { color: #fff; }
.reference-method-section .eyebrow { color: #75dcfb; }
.reference-method-section .content-card { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.055); box-shadow: none; }
.reference-method-section .content-card:hover { border-color: rgba(113,178,255,.36); background: rgba(85,125,213,.09); }
.reference-method-section .content-card p { color: #afbdd0; }

/* Blog listing and articles */
.blog-index { background: #f3f5f9; }
.blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 19px; }
.blog-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .38s var(--ease),border-color .38s,box-shadow .38s; }
.blog-card:hover { transform: translateY(-8px); border-color: #adc1e2; box-shadow: 0 30px 75px rgba(12,43,92,.12); }
.blog-cover { position: relative; height: 220px; overflow: hidden; background: #08162f; }
.blog-cover::before { content: ""; position: absolute; inset: 0; opacity: .5; background: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 40px 40px; transform: perspective(500px) rotateX(55deg) scale(1.4); }
.blog-cover::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 75% 30%,rgba(73,216,255,.28),transparent 22%),linear-gradient(145deg,rgba(49,95,244,.12),transparent); }
.cover-violet { background: #16102f; }
.cover-cyan { background: #062330; }
.cover-indigo { background: #0a1440; }
.cover-grid { position: absolute; inset: 0; }
.cover-symbol { position: absolute; z-index: 2; left: 28px; bottom: 25px; display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(255,255,255,.18); border-radius: 17px; color: #fff; background: rgba(255,255,255,.08); box-shadow: 0 18px 42px rgba(0,0,0,.2); backdrop-filter: blur(12px); font-size: 20px; font-weight: 800; }
.cover-symbol svg { width: 28px; height: 28px; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.blog-card-body { padding: 26px 27px 29px; }
.blog-card-body > span, .read-time { color: #2864e5; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.blog-card h3 { margin: 12px 0 0; color: #111b2e; font-size: 21px; line-height: 1.28; letter-spacing: -.035em; }
.blog-card p { margin: 12px 0 0; color: #68768a; font-size: 12px; line-height: 1.72; }
.blog-card .text-link { margin-top: 19px; }
.article-wrap { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 34px; align-items: start; }
.article-body { padding: 48px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 20px 60px rgba(16,38,75,.065); font-size: 15px; }
.article-lead { margin: 0 0 34px; padding: 23px 25px; border-left: 3px solid var(--blue); border-radius: 0 14px 14px 0; color: #34445a !important; background: linear-gradient(135deg,#eff5ff,#effbff); font-size: 16px !important; font-weight: 600; }
.article-body h2 { margin: 44px 0 15px; color: #101a2c; font-size: 29px; line-height: 1.23; letter-spacing: -.04em; }
.article-body h2:first-of-type { margin-top: 0; }
.article-body p { color: #536176; line-height: 1.9; }
.article-body a { color: #225fe0; font-weight: 750; text-decoration: underline; text-decoration-color: #b9cff8; text-underline-offset: 3px; }
.article-body ul, .article-body ol { color: #536176; }
.article-callout { margin-block: 28px; padding: 20px 22px; border: 1px solid #cfe0f7; border-radius: 15px; background: #f1f6ff; }
.article-aside { position: sticky; top: 94px; display: grid; gap: 15px; }
.aside-card { padding: 24px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 13px 40px rgba(12,35,72,.05); }
.aside-card strong { display: block; margin-bottom: 13px; font-size: 13px; }
.aside-card a { display: flex; padding: 9px 0; border-bottom: 1px solid #e2e8f0; color: #225fe0; font-size: 10px; font-weight: 750; }
.aside-card p { color: var(--muted); font-size: 10px; }
.article-aside .aside-card:last-child { color: #fff; border: 0; background: radial-gradient(circle at 100% 0,rgba(62,212,255,.16),transparent 32%),linear-gradient(145deg,#06142c,#0d3573); }
.article-aside .aside-card:last-child p { color: #aebed1; }
.article-aside .aside-card:last-child a { color: #72dafb; border-color: rgba(255,255,255,.1); }

/* FAQ page */
.faq-layout { display: grid; grid-template-columns: minmax(0,.58fr) minmax(560px,1fr); gap: 82px; align-items: start; }
.faq-intro { position: sticky; top: 100px; }

/* Bottom calls to action */
.page-bottom-cta { padding: 34px 0 80px; color: #fff; background: #f3f5f9; }
.page-bottom-cta .container { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 50px; min-height: 220px; overflow: hidden; padding: 48px 52px; border: 1px solid rgba(113,158,244,.2); border-radius: 28px; background: radial-gradient(circle at 88% 0,rgba(59,212,255,.2),transparent 30%),radial-gradient(circle at 8% 120%,rgba(82,72,255,.2),transparent 34%),linear-gradient(120deg,#06132a,#10366f); box-shadow: 0 31px 82px rgba(8,38,86,.22); }
.page-bottom-cta .container::before { content: ""; position: absolute; inset: 0; opacity: .24; background: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg,transparent,#000); }
.page-bottom-cta .container > * { position: relative; z-index: 1; }
.page-bottom-cta span { color: #b9eafe; font-size: 9px; font-weight: 850; letter-spacing: .15em; }
.page-bottom-cta h2 { max-width: 790px; margin: 12px 0 0; font-size: clamp(34px,3.6vw,48px); line-height: 1.05; letter-spacing: -.052em; }

/* 404 */
.not-found-section { min-height: 100svh; display: grid; place-items: center; overflow: hidden; padding: 140px 0 70px; color: #fff; background: radial-gradient(circle at 75% 30%,rgba(58,127,255,.2),transparent 28%),linear-gradient(145deg,#02050c,#07152d); }
.not-found-grid { display: grid; grid-template-columns: 1fr 430px; gap: 80px; align-items: center; }
.error-code { display: inline-flex; color: #70dafb; font-size: 12px; font-weight: 850; letter-spacing: .18em; }
.not-found-grid h1 { max-width: 720px; margin: 18px 0 0; font-size: clamp(52px,5.5vw,76px); line-height: .98; letter-spacing: -.065em; }
.not-found-grid p { max-width: 640px; color: #a6b5ca; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.not-found-ui { position: relative; display: grid; place-items: center; height: 380px; border: 1px solid rgba(136,169,232,.18); border-radius: 28px; background: rgba(19,38,71,.55); box-shadow: 0 40px 100px rgba(0,0,0,.35); }
.not-found-ui > span { color: #6fe0ff; }
.not-found-ui svg { width: 60px; height: 60px; stroke: currentColor; stroke-width: 1.3; }
.not-found-ui strong { font-size: 84px; line-height: 1; letter-spacing: -.08em; }
.not-found-ui small { color: #8394ab; }
.not-found-ui i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 8px rgba(73,216,255,.06),0 0 18px rgba(73,216,255,.5); animation: floatCard 5s ease-in-out infinite; }
.not-found-ui i:nth-of-type(1) { left: 15%; top: 23%; }
.not-found-ui i:nth-of-type(2) { right: 17%; top: 34%; animation-delay: -2s; }
.not-found-ui i:nth-of-type(3) { left: 34%; bottom: 16%; animation-delay: -3.5s; }

/* Footer */
.footer-cta-zone { padding-top: 70px; background: #f3f5f9; }
.footer-cta-card { display: flex; align-items: center; justify-content: space-between; gap: 50px; overflow: hidden; padding: 45px 48px; border: 1px solid rgba(116,157,234,.2); border-radius: 27px; color: #fff; background: radial-gradient(circle at 90% 0,rgba(55,207,255,.17),transparent 30%),linear-gradient(125deg,#06152e,#0d3470); box-shadow: 0 28px 75px rgba(8,34,77,.18); }
.footer-cta-copy h2 { max-width: 740px; margin: 11px 0 0; font-size: clamp(33px,3.4vw,46px); line-height: 1.06; letter-spacing: -.052em; }
.footer-cta-copy p { margin: 13px 0 0; color: #b8c8dc; font-size: 13px; }
.footer-cta-points { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 20px; color: #c8d6e8; font-size: 10px; }
.footer-cta-action { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; gap: 12px; }
.footer-cta-button { color: #0c3a80; background: #fff; }
.footer-cta-action > small { display: block; max-width: 220px; color: #b9c8dc; font-size: 12px; font-weight: 600; line-height: 1.45; text-align: center; }
.site-footer { color: #fff; }
.footer-surface { position: relative; overflow: hidden; border-top: 1px solid rgba(120,159,225,.12); background: radial-gradient(circle at 76% 0,rgba(47,118,255,.09),transparent 28%),#030916; }
.footer-atmosphere { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 15% 20%,rgba(61,78,255,.08),transparent 29%),radial-gradient(circle at 88% 0,rgba(41,206,255,.07),transparent 22%); }
.footer-main { position: relative; display: grid; grid-template-columns: 1.45fr 1fr 1fr 1fr; gap: 55px; padding: 78px 0 62px; }
.footer-brand-lockup { display: inline-flex; max-width: 220px; }
.footer-brand-lockup img { width: 210px; height: auto; }
.footer-brand > p { max-width: 330px; margin: 21px 0 0; color: #8e9db2; font-size: 12px; line-height: 1.75; }
.footer-contact { display: flex; align-items: center; gap: 12px; margin-top: 25px; }
.footer-contact svg { width: 21px; height: 21px; stroke: #70dafb; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.footer-contact small { display: block; color: #667991; font-size: 8px; }
.footer-contact strong { display: block; margin-top: 2px; color: #dbe7f6; font-size: 11px; }
.footer-col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.footer-col-title { margin-bottom: 8px; color: #eef4ff; font-size: 12px; }
.footer-col > a { color: #8e9db2; font-size: 11px; transition: color .23s,transform .23s; }
.footer-col > a:hover { color: #72dafb; transform: translateX(3px); }
.footer-status { display: grid; gap: 7px; margin-top: 10px; }
.footer-status span { display: flex; align-items: center; gap: 7px; color: #708097; font-size: 9px; }
.footer-status span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 9px rgba(108,233,194,.5); }
.footer-divider { position: relative; height: 1px; background: rgba(128,157,208,.12); }
.footer-bottom { position: relative; min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 30px; color: #65758d; font-size: 10px; }
.footer-bottom p { margin: 0; }
.footer-visitor-counter { display: inline-flex; align-items: baseline; gap: 8px; white-space: nowrap; }
.footer-visitor-counter[hidden] { display: none; }
.footer-visitor-count { color: inherit; font: inherit; font-variant-numeric: tabular-nums; }
.footer-service-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.footer-service-line i { color: #315eaa; font-style: normal; }
.footer-bottom button { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(126,159,218,.15); border-radius: 12px; color: #a7b5c8; background: rgba(255,255,255,.035); transition: color .2s,border-color .2s,transform .2s; }
.footer-bottom button:hover { color: #fff; border-color: rgba(89,166,255,.35); transform: translateY(-3px); }
.footer-bottom button svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Motion states */
.js-enabled .motion-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s var(--ease),transform .7s var(--ease); transition-delay: var(--reveal-delay,0ms); }
.js-enabled .motion-reveal.is-visible { opacity: 1; transform: none; }
.saas-hero-copy > * { animation: heroRise .9s both var(--ease); }
.saas-hero-copy > *:nth-child(2) { animation-delay: .08s; }
.saas-hero-copy > *:nth-child(3) { animation-delay: .16s; }
.saas-hero-copy > *:nth-child(4) { animation-delay: .24s; }
.saas-hero-copy > *:nth-child(5) { animation-delay: .32s; }
.saas-plan-picker { animation: panelArrive 1s .18s both var(--ease); }
.saas-capabilities { animation: heroRise .85s .42s both var(--ease); }
@keyframes heroRise { from { opacity: 0; transform: translateY(25px); filter: blur(7px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes panelArrive { from { opacity: 0; transform: perspective(1150px) rotateY(-10deg) rotateX(4deg) translate3d(40px,30px,0) scale(.96); filter: blur(9px); } to { opacity: 1; filter: none; } }
@keyframes gridTravel { to { background-position: 0 72px,72px 0; } }
@keyframes pageGrid { to { background-position: 64px 64px,64px 64px; } }
@keyframes aurora { from { transform: translate3d(-2%,0,0) scale(1); } to { transform: translate3d(2%,2%,0) scale(1.06); } }
@keyframes orbitFloat { from { transform: translate3d(-2%,0,0) rotate(-2deg); } to { transform: translate3d(3%,2%,0) rotate(3deg); } }
@keyframes drawChart { to { stroke-dashoffset: 0; } }
@keyframes floatCard { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes summaryPulse { 0% { opacity: .55; transform: translateY(7px); } 100% { opacity: 1; transform: none; } }

@media (max-width: 1220px) {
  .container { width: min(var(--container),calc(100% - 48px)); }
  .main-nav > a, .nav-group > button { padding-inline: 10px; font-size: 10px; }
  .brand img { width: 184px; }
  .saas-hero-copy { grid-template-columns: minmax(0,1.18fr) minmax(330px,.62fr); column-gap: 52px; }
  .saas-hero-copy h1 { font-size: clamp(67px,6.6vw,88px); }
  .page-hero-grid { grid-template-columns: minmax(0,.9fr) minmax(450px,.8fr); gap: 52px; }
  .platform-grid { grid-template-columns: minmax(0,.62fr) minmax(535px,1fr); gap: 54px; }
  .corporate-layout { grid-template-columns: minmax(0,.65fr) minmax(540px,1fr); gap: 54px; }
  .offer-hero-grid { grid-template-columns: minmax(0,1fr) minmax(420px,.76fr); gap: 48px; }
  .offer-service-grid { grid-template-columns: 1fr 1fr; }
  .offer-service-card.other { grid-column: 1/-1; }
  .offer-form-layout { grid-template-columns: minmax(0,1fr) 340px; }
  .footer-main { gap: 34px; }
}

@media (max-width: 1080px) {
  :root { --header-height: 78px; }
  .site-header, .site-header.is-scrolled { height: 78px; background: rgba(3,8,18,.9); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
  .brand img, .site-header.is-scrolled .brand img { width: 180px; }
  .menu-toggle { display: block; }
  .main-nav { position: fixed; inset: var(--header-height) 0 auto; width: 100%; height: calc(100vh - var(--header-height)); height: calc(100dvh - var(--header-height)); min-height: 0; max-height: none; display: block; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 20px 24px max(40px,env(safe-area-inset-bottom)); margin: 0; color: #fff; background: rgba(3,8,18,.985); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .26s,visibility .26s,transform .26s var(--ease); }
  .main-nav.is-open { opacity: 1; visibility: visible; transform: none; }
  .main-nav > a, .nav-group > button { justify-content: flex-start; width: 100%; min-height: 54px; padding: 0 15px; border-bottom: 1px solid rgba(128,157,208,.1); border-radius: 0; color: #d2dbea; font-size: 14px; }
  .main-nav > a:not(.nav-cta)::after, .nav-group > button::after { display: none; }
  .nav-group > button { justify-content: space-between; }
  .nav-submenu { position: static; width: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none; display: none; }
  .nav-group.is-open .nav-submenu { display: block; }
  .submenu-intro { margin: 8px 0; }
  .submenu-links { grid-template-columns: 1fr; }
  .submenu-links a { min-height: 45px; display: flex; align-items: center; padding-left: 18px; border-bottom: 1px solid rgba(128,157,208,.08); }
  .nav-cta { justify-content: center !important; margin: 18px 0 0 !important; border-radius: 13px !important; }
  .saas-hero { min-height: 0; padding-top: 125px; }
  .saas-hero-copy { display: block; max-width: 850px; }
  .saas-hero-copy h1 { max-width: 820px; margin-top: 27px; }
  .saas-hero-copy > p { max-width: 680px; margin-top: 25px; }
  .saas-hero-actions { display: flex; margin-top: 31px; }
  .saas-proof { display: flex; margin-top: 28px; }
  .saas-plan-picker { grid-template-columns: 1fr; max-width: 830px; margin-top: 48px; transform: none; }
  .picker-head, .picker-cta { grid-column: 1; }
  .picker-plan { min-height: 125px; }
  .saas-capabilities { grid-template-columns: repeat(3,1fr); }
  .saas-capabilities span:nth-child(3n) { border-right: 0; }
  .saas-capabilities span:nth-child(-n+3) { border-bottom: 1px solid rgba(126,156,216,.09); }
  .saas-pricing-grid { grid-template-columns: 1fr; max-width: 780px; margin-inline: auto; }
  .saas-plan-card { min-height: 0; }
  .plan-name p { min-height: 0; }
  .support-plan-row { max-width: 780px; margin-inline: auto; }
  .platform-grid, .corporate-layout { grid-template-columns: 1fr; gap: 48px; }
  .platform-copy, .saas-corporate .saas-heading { max-width: 760px; }
  .platform-window, .corporate-options { max-width: 900px; }
  .platform-window { transform: none; }
  .process-layout, .faq-layout-v9, .faq-layout { grid-template-columns: 1fr; gap: 46px; }
  .faq-intro { position: static; }
  .page-hero { min-height: 0; padding-top: 130px; }
  .page-hero-grid { grid-template-columns: 1fr; gap: 46px; }
  .page-hero-copy { max-width: 850px; }
  .page-ui-composition { max-width: 840px; }
  .offer-hero { padding-top: 128px; }
  .offer-hero-grid { grid-template-columns: 1fr; }
  .offer-preview { max-width: 700px; transform: none; }
  .offer-section-heading { grid-template-columns: 1fr; gap: 18px; }
  .offer-form-layout { grid-template-columns: 1fr; }
  .offer-summary { position: static; }
  .contact-page-grid { grid-template-columns: 1fr; }
  .contact-panel { min-height: 480px; }
  .article-wrap { grid-template-columns: 1fr; }
  .article-aside { position: static; grid-template-columns: 1fr 1fr; }
  .footer-main { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-col:last-child { grid-column: 1/-1; }
}

@media (max-width: 820px) {
  .container { width: min(var(--container),calc(100% - 36px)); }
  .section, .saas-section { padding: 82px 0; }
  .section-heading { margin-bottom: 38px; }
  .section-heading h2, .saas-heading h2, .web-packages-copy h2, .custom-copy h2, .faq-intro h2 { font-size: clamp(28px,8.5vw,44px); }
  .split-heading, .saas-heading.split { grid-template-columns: 1fr; gap: 18px; }
  .saas-hero { padding-top: 112px; }
  .saas-hero-grid { gap: 40px; padding-bottom: 44px; }
  .saas-hero-copy h1 { font-size: clamp(32px,9.6vw,58px); line-height: 1.08; }
  .saas-hero-copy > p { font-size: 15px; }
  .saas-hero-actions { display: grid; }
  .saas-button { width: 100%; }
  .saas-proof { display: grid; gap: 10px; }
  .picker-head { padding-inline: 1px; }
  .picker-plan { grid-template-columns: 18px minmax(0,1fr); padding: 18px 19px; }
  .picker-price { grid-column: 2; text-align: left; }
  .picker-price strong { display: inline; font-size: 17px; }
  .picker-price > span, .picker-price > small { display: inline; margin-left: 5px; }
  .saas-capabilities span { min-height: 58px; }
  .saas-plan-card { padding: 30px 23px 27px; }
  .support-plan-row { grid-template-columns: 1fr; gap: 18px; padding: 23px; }
  .support-price { text-align: left; }
  .support-plan-row > a { justify-self: start; }
  .platform-window { overflow: hidden; }
  .window-body { display: block; min-width: 0; min-height: 0; }
  .window-body > nav { display: none; }
  .window-content { padding: 20px; }
  .window-stats { grid-template-columns: 1fr 1fr; }
  .window-stats article:last-child { grid-column: 1/-1; }
  .corporate-options { grid-template-columns: 1fr; }
  .corporate-options p { min-height: 0; }
  .saas-reference-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .saas-reference-grid .reference-main { grid-row: auto; }
  .reference-main .reference-image, .reference-image { height: 280px; }
  .saas-final-cta { padding: 67px 0; }
  .saas-final-cta .container { align-items: flex-start; flex-direction: column; gap: 30px; }
  .page-hero { padding: 112px 0 65px; }
  .page-hero h1 { font-size: clamp(42px,11vw,55px); }
  .page-hero-copy > p { font-size: 15px; }
  .page-ui-composition { min-height: 325px; }
  .page-ui-window { inset: 0; width: 100%; transform: none; }
  .page-float-card { display: none; }
  .solution-grid, .card-grid, .two-col { grid-template-columns: 1fr; }
  .package-summary-section { padding: 60px 0; }
  .package-summary-card { grid-template-columns: 1fr; }
  .package-summary-copy, .package-summary-offer { padding: 28px 24px; }
  .package-summary-offer { border-top: 1px solid rgba(138,168,224,.13); border-left: 0; }
  .pricing-grid { grid-template-columns: 1fr; }
  .price-card { min-height: 0; }
  .price-card > p { min-height: 0; }
  .compact-package-grid, .corporate-compare-grid, .feature-grid, .decision-grid { grid-template-columns: 1fr; }
  .compact-package-grid article { grid-template-columns: 50px 1fr; min-height: 235px; }
  .compact-price { grid-column: 1/-1; text-align: left; }
  .compact-package-grid article > a { left: 28px; }
  .corporate-package { min-height: 0; padding: 29px 24px; }
  .corporate-package > p { min-height: 0; }
  .special-detail-grid { grid-template-columns: 1fr; }
  .offer-hero { padding: 112px 0 65px; }
  .offer-hero h1 { font-size: clamp(41px,10.8vw,53px); }
  .offer-preview { display: none; }
  .offer-builder-section { padding: 74px 0 82px; }
  .offer-service-grid { grid-template-columns: 1fr; }
  .offer-service-card, .offer-service-card.other { grid-column: auto; min-height: 235px; }
  .offer-form { padding: 29px 22px; }
  .offer-form-grid, .form-grid { grid-template-columns: 1fr; }
  .contact-page-section { padding: 64px 0 78px; }
  .contact-panel, .contact-form { padding: 34px 24px; }
  .article-body { padding: 30px 24px; font-size: 14px; }
  .article-aside { grid-template-columns: 1fr; }
  .reference-proof { grid-template-columns: 1fr; }
  .reference-proof span { padding: 14px 4px; }
  .reference-proof span + span { border-top: 1px solid rgba(136,163,214,.15); border-left: 0; }
  .reference-grid { grid-template-columns: 1fr; }
  .reference-card, .reference-card.featured, .reference-card:nth-child(2), .reference-card:nth-child(3) { display: block; grid-column: auto; min-height: 0; }
  .reference-card:nth-child(-n+3) .reference-shot, .reference-card.featured .reference-shot, .reference-shot { height: 285px; border-right: 0; border-bottom: 1px solid rgba(132,161,217,.12); }
  .reference-card.featured .reference-info { display: block; padding: 27px; }
  .reference-card.featured .reference-info h3 { font-size: 29px; }
  .feature-table { display: block; overflow-x: auto; white-space: nowrap; }
  .reference-info p { min-height: 0; }
  .blog-grid { grid-template-columns: 1fr; }
  .page-bottom-cta { padding: 24px 0 62px; }
  .page-bottom-cta .container { display: grid; min-height: 0; padding: 37px 26px; border-radius: 23px; }
  .footer-cta-card { display: grid; padding: 36px 27px; }
  .footer-main { grid-template-columns: 1fr 1fr; padding: 62px 0 48px; }
  .footer-brand, .footer-col:last-child { grid-column: 1/-1; }
  .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; padding: 21px 0; }
  .not-found-grid { grid-template-columns: 1fr; }
  .not-found-ui { height: 300px; }
}

@media (max-width: 520px) {
  .container { width: min(var(--container),calc(100% - 30px)); }
  .brand img, .site-header.is-scrolled .brand img { width: 165px; }
  .main-nav { padding-inline: 15px; }
  .submenu-intro { padding: 13px; }
  .saas-hero-copy h1 { font-size: clamp(30px,9.6vw,50px); }
  .saas-capabilities { grid-template-columns: 1fr 1fr; }
  .saas-capabilities span:nth-child(3n) { border-right: 1px solid rgba(126,156,216,.09); }
  .saas-capabilities span:nth-child(2n) { border-right: 0; }
  .saas-capabilities span { border-bottom: 1px solid rgba(126,156,216,.09); font-size: 8px; }
  .picker-head > span { display: none; }
  .picker-head strong { font-size: 18px; }
  .window-stats { grid-template-columns: 1fr; }
  .window-stats article:last-child { grid-column: auto; }
  .page-hero-points { display: grid; }
  .page-ui-composition { min-height: 285px; }
  .ui-content { grid-template-columns: 1fr; }
  .ui-side { display: none; }
  .ui-dashboard { padding: 13px; }
  .ui-stats { grid-template-columns: 1fr; }
  .ui-stats > div:nth-child(2) { display: none; }
  .ui-chart svg { height: 75px; }
  .special-detail-grid .content-card { padding: 28px 23px; }
  .offer-trust-points { display: grid; }
  .offer-form-heading { grid-template-columns: 46px 1fr; gap: 12px; }
  .offer-form-heading > span { width: 46px; height: 46px; }
  .contact-panel { min-height: 500px; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-brand, .footer-col:last-child, .footer-col { grid-column: 1/-1; }
  .footer-service-line { display: block; line-height: 1.8; }
  .footer-visitor-counter { margin-inline-start: 8px; }
  .not-found-grid h1 { font-size: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .js-enabled .motion-reveal { opacity: 1 !important; transform: none !important; filter: none !important; }
  .pwa-launch-screen { display: none !important; }
}

/* Interior system 2026 — representative package detail */
.page-tam-lisans-e-ticaret-paketi {
  --interior-accent: #5c7cff;
  --interior-accent-2: #52d8ff;
  --interior-glow: rgba(71,116,255,.24);
  background: #eef2f7;
}
.page-tam-lisans-e-ticaret-paketi .page-hero {
  min-height: 780px;
  padding: 164px 0 132px;
  background:
    radial-gradient(circle at var(--hero-x,78%) var(--hero-y,25%),rgba(67,139,255,.28),transparent 21%),
    radial-gradient(circle at 9% 74%,rgba(83,69,226,.19),transparent 27%),
    linear-gradient(142deg,#01040a 0%,#040a17 48%,#061329 100%);
}
.page-tam-lisans-e-ticaret-paketi .page-hero::before {
  inset: -24% -10% -2%;
  background:
    linear-gradient(rgba(130,167,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(130,167,255,.075) 1px,transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(to bottom,#000 34%,transparent 91%);
  transform: perspective(900px) rotateX(57deg) translateY(-13%) scale(1.25);
  transform-origin: center 32%;
}
.page-tam-lisans-e-ticaret-paketi .page-hero::after {
  right: -8vw;
  top: -23%;
  width: 54vw;
  height: 54vw;
  border-color: rgba(113,190,255,.12);
  box-shadow: 0 0 0 7vw rgba(65,117,255,.03),0 0 0 14vw rgba(62,183,255,.014),0 0 130px rgba(46,128,255,.13);
}
.page-tam-lisans-e-ticaret-paketi .page-hero-grid {
  grid-template-columns: minmax(0,.92fr) minmax(540px,.83fr);
  gap: 96px;
}
.page-tam-lisans-e-ticaret-paketi .page-hero h1 {
  max-width: 820px;
  font-size: clamp(62px,5.8vw,84px);
  line-height: .92;
  letter-spacing: -.072em;
}
.page-tam-lisans-e-ticaret-paketi .page-hero-copy > p { max-width: 690px; font-size: 17px; }
.page-tam-lisans-e-ticaret-paketi .page-hero-points span {
  padding: 9px 13px;
  border-color: rgba(140,181,255,.2);
  background: rgba(84,126,213,.08);
  backdrop-filter: blur(12px);
}
.page-tam-lisans-e-ticaret-paketi .page-ui-composition { min-height: 492px; }
.page-tam-lisans-e-ticaret-paketi .page-ui-window {
  inset: 7px -34px 12px 0;
  border-color: rgba(143,180,255,.25);
  border-radius: 29px;
  background: linear-gradient(145deg,rgba(17,34,66,.93),rgba(3,10,24,.95));
  box-shadow: 0 55px 150px rgba(0,0,0,.6),0 0 110px var(--interior-glow),inset 0 1px rgba(255,255,255,.075);
}
.page-tam-lisans-e-ticaret-paketi .ui-content { min-height: 407px; }
.page-tam-lisans-e-ticaret-paketi .ui-dashboard { padding: 27px; }
.page-tam-lisans-e-ticaret-paketi .ui-chart { margin-top: 14px; }
.page-tam-lisans-e-ticaret-paketi .ui-chart svg { height: 132px; }
.page-tam-lisans-e-ticaret-paketi .package-summary-section {
  z-index: 5;
  margin-top: -58px;
  padding: 0 0 98px;
  background: transparent;
}
.page-tam-lisans-e-ticaret-paketi .package-summary-card {
  grid-template-columns: minmax(0,1.28fr) minmax(380px,.72fr);
  border-color: rgba(127,166,238,.27);
  border-radius: 32px;
  background:
    radial-gradient(circle at 86% 0,rgba(74,207,255,.18),transparent 29%),
    linear-gradient(140deg,#071329 0%,#0a244c 56%,#0b3266 100%);
  box-shadow: 0 44px 120px rgba(7,29,66,.28),inset 0 1px rgba(255,255,255,.07);
}
.page-tam-lisans-e-ticaret-paketi .package-summary-copy { padding: 48px 52px; }
.page-tam-lisans-e-ticaret-paketi .package-summary-copy h2 { font-size: clamp(34px,3.4vw,48px); }
.page-tam-lisans-e-ticaret-paketi .package-summary-copy > p { font-size: 15px; }
.page-tam-lisans-e-ticaret-paketi .package-summary-offer { padding: 44px; background: rgba(38,91,199,.15); }
.page-tam-lisans-e-ticaret-paketi main > .section:not(.package-summary-section) { padding-block: 124px; }
.page-tam-lisans-e-ticaret-paketi main > .section:nth-of-type(3) {
  background:
    radial-gradient(circle at 95% 5%,rgba(59,117,255,.08),transparent 27%),
    linear-gradient(180deg,#f9fbfe,#f3f6fa);
}
.page-tam-lisans-e-ticaret-paketi main > .section:nth-of-type(4) { background: #fff; }
.page-tam-lisans-e-ticaret-paketi .section-heading { margin-bottom: 58px; }
.page-tam-lisans-e-ticaret-paketi .section-heading h2 { font-size: clamp(46px,4.8vw,68px); }
.page-tam-lisans-e-ticaret-paketi .content-card {
  padding: 42px;
  border-color: #d9e2ef;
  border-radius: 28px;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,255,.94));
  box-shadow: 0 22px 65px rgba(11,38,82,.075),inset 0 1px #fff;
}
.page-tam-lisans-e-ticaret-paketi .content-card::before {
  content: "";
  position: absolute;
  left: 42px;
  right: 42px;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg,var(--interior-accent),var(--interior-accent-2),transparent 78%);
  opacity: .8;
}
.page-tam-lisans-e-ticaret-paketi .content-card .card-icon { width: 56px; height: 56px; border-radius: 17px; }
.page-tam-lisans-e-ticaret-paketi .content-card h3 { font-size: 25px; }
.page-tam-lisans-e-ticaret-paketi .content-card p,
.page-tam-lisans-e-ticaret-paketi .content-card li { font-size: 14px; }

@media (max-width: 1080px) {
  .page-tam-lisans-e-ticaret-paketi .page-hero { min-height: 0; padding-bottom: 116px; }
  .page-tam-lisans-e-ticaret-paketi .page-hero-grid { grid-template-columns: 1fr; gap: 54px; }
  .page-tam-lisans-e-ticaret-paketi .page-ui-composition { width: min(760px,100%); }
  .page-tam-lisans-e-ticaret-paketi .package-summary-card { grid-template-columns: 1fr; }
  .page-tam-lisans-e-ticaret-paketi .package-summary-offer { border-top: 1px solid rgba(138,168,224,.13); border-left: 0; }
}
@media (max-width: 720px) {
  .page-tam-lisans-e-ticaret-paketi .page-hero { padding: 126px 0 88px; }
  .page-tam-lisans-e-ticaret-paketi .page-hero h1 { font-size: clamp(45px,14vw,62px); }
  .page-tam-lisans-e-ticaret-paketi .page-ui-composition { min-height: 350px; }
  .page-tam-lisans-e-ticaret-paketi .page-ui-window { inset: 0; border-radius: 22px; }
  .page-tam-lisans-e-ticaret-paketi .package-summary-section { margin-top: -28px; padding-bottom: 72px; }
  .page-tam-lisans-e-ticaret-paketi .package-summary-card { border-radius: 24px; }
  .page-tam-lisans-e-ticaret-paketi .package-summary-copy,
  .page-tam-lisans-e-ticaret-paketi .package-summary-offer,
  .page-tam-lisans-e-ticaret-paketi .content-card { padding: 28px; }
  .page-tam-lisans-e-ticaret-paketi main > .section:not(.package-summary-section) { padding-block: 88px; }
}

/* Site-wide interior redesign — one system across every route */
.skx:not(.page-home):not(.page-teklif-al) {
  --interior-accent: #5c7cff;
  --interior-accent-rgb: 92,124,255;
  --interior-accent-2: #52d8ff;
  --interior-glow: rgba(71,116,255,.24);
  background: #eef2f7;
}
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-e-ticaret-sistemleri,.page-e-ticaret-paketleri,.page-ozel-tasarim-e-ticaret) {
  --interior-accent: #5c7cff;
  --interior-accent-rgb: 92,124,255;
  --interior-accent-2: #52d8ff;
}
:is(.page-bakim-ve-destek,.page-iletisim) {
  --interior-accent: #2ebf9d;
  --interior-accent-rgb: 46,191,157;
  --interior-accent-2: #4fdcff;
}
:is(.page-kurumsal-web-tasarim,.page-hakkimizda) {
  --interior-accent: #7b72ff;
  --interior-accent-rgb: 123,114,255;
  --interior-accent-2: #73e0ff;
}
:is(.page-blog,[data-page^="blog-"]) {
  --interior-accent: #3f8cff;
  --interior-accent-rgb: 63,140,255;
  --interior-accent-2: #56e1d5;
}
:is(.page-cerez-politikasi,.page-gizlilik-politikasi,.page-kvkk-aydinlatma-metni,.page-sikca-sorulan-sorular) {
  --interior-accent: #6f83f7;
  --interior-accent-rgb: 111,131,247;
  --interior-accent-2: #72d6ff;
}
.page-referanslar {
  --interior-accent: #4f7dff;
  --interior-accent-rgb: 79,125,255;
  --interior-accent-2: #62e5ff;
}

.skx:not(.page-home):not(.page-teklif-al) .page-hero {
  min-height: 780px;
  padding: 164px 0 132px;
  background:
    radial-gradient(circle at var(--hero-x,78%) var(--hero-y,25%),rgba(var(--interior-accent-rgb),.31),transparent 21%),
    radial-gradient(circle at 8% 76%,rgba(82,65,224,.19),transparent 27%),
    radial-gradient(circle at 48% 115%,rgba(56,211,255,.11),transparent 35%),
    linear-gradient(142deg,#01040a 0%,#040a17 48%,#061329 100%);
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero::before {
  inset: -24% -10% -2%;
  background:
    linear-gradient(rgba(130,167,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(130,167,255,.075) 1px,transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(to bottom,#000 34%,transparent 91%);
  transform: perspective(900px) rotateX(57deg) translateY(-13%) scale(1.25);
  transform-origin: center 32%;
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero::after {
  right: -8vw;
  top: -23%;
  width: 54vw;
  height: 54vw;
  border-color: rgba(113,190,255,.12);
  box-shadow: 0 0 0 7vw rgba(var(--interior-accent-rgb),.035),0 0 0 14vw rgba(62,183,255,.014),0 0 130px var(--interior-glow);
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero-pattern {
  background:
    radial-gradient(circle at 77% 29%,rgba(var(--interior-accent-rgb),.18),transparent 19%),
    radial-gradient(circle at 7% 76%,rgba(74,87,255,.12),transparent 22%);
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero-grid {
  grid-template-columns: minmax(0,.92fr) minmax(540px,.83fr);
  gap: 96px;
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero-copy { max-width: 820px; }
.skx:not(.page-home):not(.page-teklif-al) .breadcrumbs {
  margin-bottom: 34px;
  color: #70819b;
  font-size: 10px;
  letter-spacing: .05em;
}
.skx:not(.page-home):not(.page-teklif-al) .breadcrumbs strong { color: #d1daea; }
.skx:not(.page-home):not(.page-teklif-al) .page-kicker { color: var(--interior-accent-2); }
.skx:not(.page-home):not(.page-teklif-al) .page-kicker > span {
  background: linear-gradient(90deg,var(--interior-accent),var(--interior-accent-2));
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero h1 {
  max-width: 850px;
  font-size: clamp(62px,5.8vw,84px);
  line-height: .92;
  letter-spacing: -.072em;
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero-copy > p {
  max-width: 700px;
  margin-top: 28px;
  color: #aab8cc;
  font-size: 17px;
  line-height: 1.82;
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero-points { gap: 10px; margin-top: 32px; }
.skx:not(.page-home):not(.page-teklif-al) .page-hero-points span {
  padding: 9px 13px;
  border-color: rgba(140,181,255,.2);
  color: #d0d9e8;
  background: rgba(84,126,213,.08);
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  backdrop-filter: blur(12px);
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero-points svg { stroke: var(--interior-accent-2); }
.skx:not(.page-home):not(.page-teklif-al) .page-ui-composition { min-height: 492px; }
.skx:not(.page-home):not(.page-teklif-al) .page-ui-window {
  inset: 7px -34px 12px 0;
  border-color: rgba(143,180,255,.25);
  border-radius: 29px;
  background:
    radial-gradient(circle at 88% 0,rgba(var(--interior-accent-rgb),.15),transparent 31%),
    linear-gradient(145deg,rgba(17,34,66,.94),rgba(3,10,24,.96));
  box-shadow: 0 55px 150px rgba(0,0,0,.6),0 0 110px var(--interior-glow),inset 0 1px rgba(255,255,255,.075);
}
.skx:not(.page-home):not(.page-teklif-al) .page-ui-window::after {
  content: "";
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: -20%;
  height: 28%;
  pointer-events: none;
  background: linear-gradient(180deg,transparent,rgba(var(--interior-accent-rgb),.07),transparent);
  animation: interfaceScan 6.5s ease-in-out infinite;
}
.skx:not(.page-home):not(.page-teklif-al) .ui-content { min-height: 407px; }
.skx:not(.page-home):not(.page-teklif-al) .ui-dashboard { padding: 27px; }
.skx:not(.page-home):not(.page-teklif-al) .ui-icon,
.skx:not(.page-home):not(.page-teklif-al) .ui-side i.active {
  color: var(--interior-accent-2);
  background: linear-gradient(135deg,rgba(var(--interior-accent-rgb),.35),rgba(55,204,255,.22));
}
.skx:not(.page-home):not(.page-teklif-al) .ui-chart { margin-top: 14px; }
.skx:not(.page-home):not(.page-teklif-al) .ui-chart svg { height: 132px; }
.skx:not(.page-home):not(.page-teklif-al) .page-float-card {
  border-color: rgba(145,183,255,.24);
  border-radius: 15px;
  background: rgba(5,16,35,.9);
}
.skx:not(.page-home):not(.page-teklif-al) .page-float-card > span { color: var(--interior-accent-2); }

.skx:not(.page-home):not(.page-teklif-al) .page-hero + .section {
  z-index: 5;
  margin-top: -44px;
  border-radius: 44px 44px 0 0;
}
.skx:not(.page-home):not(.page-teklif-al) main > .section:not(.page-hero) {
  overflow: hidden;
  padding-block: 124px;
  background:
    radial-gradient(circle at var(--section-x,92%) var(--section-y,8%),rgba(var(--interior-accent-rgb),.065),transparent 27%),
    linear-gradient(180deg,#f9fbfe,#f2f5f9);
}
.skx:not(.page-home):not(.page-teklif-al) main > .section.section-light {
  background:
    radial-gradient(circle at 8% 14%,rgba(var(--interior-accent-rgb),.055),transparent 25%),
    #fff;
}
.skx:not(.page-home):not(.page-teklif-al) main > .section[data-section-index]::before {
  content: attr(data-section-index);
  position: absolute;
  z-index: -1;
  right: max(24px,calc((100vw - var(--container))/2));
  top: 66px;
  color: rgba(30,58,110,.04);
  font-size: clamp(72px,9vw,132px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.08em;
}
.skx:not(.page-home):not(.page-teklif-al) .section-heading { max-width: 880px; margin-bottom: 62px; }
.skx:not(.page-home):not(.page-teklif-al) .section-heading h2,
.skx:not(.page-home):not(.page-teklif-al) .faq-intro h2 {
  font-size: clamp(46px,4.8vw,68px);
  line-height: .97;
  letter-spacing: -.068em;
}
.skx:not(.page-home):not(.page-teklif-al) .section-kicker,
.skx:not(.page-home):not(.page-teklif-al) .eyebrow { color: var(--interior-accent); }
.skx:not(.page-home):not(.page-teklif-al) .section-kicker::before,
.skx:not(.page-home):not(.page-teklif-al) .eyebrow > span {
  background: linear-gradient(90deg,var(--interior-accent),var(--interior-accent-2));
}
.skx:not(.page-home):not(.page-teklif-al) .two-col { gap: 24px; }
.skx:not(.page-home):not(.page-teklif-al) .content-stack { gap: 24px; }
.skx:not(.page-home):not(.page-teklif-al) :is(.content-card,.solution-card,.feature-grid article,.decision-grid article) {
  padding: 42px;
  border-color: #d9e2ef;
  border-radius: 28px;
  background: linear-gradient(145deg,rgba(255,255,255,.99),rgba(247,250,255,.95));
  box-shadow: 0 22px 65px rgba(11,38,82,.075),inset 0 1px #fff;
}
.skx:not(.page-home):not(.page-teklif-al) :is(.content-card,.solution-card,.feature-grid article,.decision-grid article)::before {
  content: "";
  position: absolute;
  left: 42px;
  right: 42px;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg,var(--interior-accent),var(--interior-accent-2),transparent 78%);
  opacity: .72;
}
.skx:not(.page-home):not(.page-teklif-al) :is(.content-card,.solution-card,.feature-grid article,.decision-grid article):hover {
  transform: translateY(-9px);
  border-color: rgba(var(--interior-accent-rgb),.38);
  box-shadow: 0 34px 88px rgba(11,38,82,.13),0 0 50px rgba(var(--interior-accent-rgb),.055);
}
.skx:not(.page-home):not(.page-teklif-al) .card-icon {
  width: 56px;
  height: 56px;
  border-radius: 17px;
  color: var(--interior-accent);
  background: linear-gradient(145deg,rgba(var(--interior-accent-rgb),.11),rgba(68,218,255,.11));
}
.skx:not(.page-home):not(.page-teklif-al) .content-card h2 {
  margin: 0;
  color: #101a2d;
  font-size: clamp(27px,2.5vw,36px);
  line-height: 1.12;
  letter-spacing: -.048em;
}
.skx:not(.page-home):not(.page-teklif-al) .content-card h3 { font-size: 25px; }
.skx:not(.page-home):not(.page-teklif-al) .content-card p,
.skx:not(.page-home):not(.page-teklif-al) .content-card li { font-size: 14px; }
.skx:not(.page-home):not(.page-teklif-al) .check-list { gap: 13px; }
.skx:not(.page-home):not(.page-teklif-al) .check-list li::before { color: #0aa47b; }

/* E-commerce systems becomes a real bento information architecture. */
.page-e-ticaret-sistemleri .content-stack > .content-card:first-child {
  display: grid;
  grid-template-columns: 72px minmax(0,1fr);
  column-gap: 28px;
  color: #fff;
  border-color: rgba(131,169,240,.25);
  background:
    radial-gradient(circle at 92% 0,rgba(76,207,255,.17),transparent 29%),
    linear-gradient(140deg,#061329,#0b2c5c);
  box-shadow: 0 36px 95px rgba(8,35,77,.24);
}
.page-e-ticaret-sistemleri .content-stack > .content-card:first-child::before { opacity: 1; }
.page-e-ticaret-sistemleri .content-stack > .content-card:first-child .card-icon { grid-row: 1 / span 4; color: #73e1ff; background: rgba(86,143,255,.14); }
.page-e-ticaret-sistemleri .content-stack > .content-card:first-child :is(h2,p) { grid-column: 2; }
.page-e-ticaret-sistemleri .content-stack > .content-card:first-child h2 { color: #fff; }
.page-e-ticaret-sistemleri .content-stack > .content-card:first-child p { color: #b5c4d8; }
.page-e-ticaret-sistemleri .feature-table { margin-top: 34px; }

/* Package summaries and package pages */
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-section {
  padding-block: 90px !important;
  background: #f2f5f9 !important;
}
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi) .page-hero + .package-summary-section {
  margin-top: -58px !important;
  padding-top: 0 !important;
  background: transparent !important;
}
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-card {
  grid-template-columns: minmax(0,1.28fr) minmax(380px,.72fr);
  border-color: rgba(127,166,238,.27);
  border-radius: 32px;
  background:
    radial-gradient(circle at 86% 0,rgba(74,207,255,.18),transparent 29%),
    linear-gradient(140deg,#071329 0%,#0a244c 56%,#0b3266 100%);
  box-shadow: 0 44px 120px rgba(7,29,66,.28),inset 0 1px rgba(255,255,255,.07);
}
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-copy { padding: 48px 52px; }
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-copy h2 { font-size: clamp(34px,3.4vw,48px); }
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-copy > p { font-size: 15px; }
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-offer { padding: 44px; background: rgba(38,91,199,.15); }
:is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi) .section-light > .container > .content-card .check-list { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 34px; }

.page-e-ticaret-paketleri .package-page-section { background: linear-gradient(180deg,#f8fbff,#eef3f9) !important; }
.page-e-ticaret-paketleri .page-pricing-grid { gap: 22px; }
.page-e-ticaret-paketleri .price-card {
  min-height: 625px;
  padding: 38px 34px 32px;
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(11,38,82,.08);
}
.page-e-ticaret-paketleri .price-card.featured {
  color: #fff;
  border-color: rgba(131,169,240,.28);
  background:
    radial-gradient(circle at 100% 0,rgba(61,207,255,.19),transparent 31%),
    linear-gradient(145deg,#06142c,#0c3979);
  box-shadow: 0 37px 98px rgba(7,34,77,.26),inset 0 2px rgba(95,199,255,.48);
}
.page-e-ticaret-paketleri .price-card.featured :is(h3,.price strong) { color: #fff; }
.page-e-ticaret-paketleri .price-card.featured > p,
.page-e-ticaret-paketleri .price-card.featured .check-list li,
.page-e-ticaret-paketleri .price-card.featured .price span { color: #c0ccdc; }
.page-e-ticaret-paketleri .price-card.featured .price { border-color: rgba(255,255,255,.14); }
.page-e-ticaret-paketleri .price-card.featured .btn { color: #0b3f8d; border-color: transparent; background: #fff; }
.page-e-ticaret-paketleri .compact-web-options { background: #fff !important; }
.page-e-ticaret-paketleri .compact-package-grid article { min-height: 255px; border-radius: 26px; }
.page-e-ticaret-paketleri .decision-grid { gap: 22px; }

/* Corporate and bespoke service pages */
.page-kurumsal-web-tasarim .corporate-packages-page { background: linear-gradient(180deg,#f8faff,#eff3f9) !important; }
.page-kurumsal-web-tasarim .corporate-compare-grid { max-width: 1180px; gap: 24px; }
.page-kurumsal-web-tasarim .corporate-package { min-height: 620px; padding: 42px 39px 36px; border-radius: 30px; }
.page-kurumsal-web-tasarim .corporate-package:not(.premium) { background: linear-gradient(145deg,#fff,#f7faff); }
.page-kurumsal-web-tasarim .corporate-package.premium { background: radial-gradient(circle at 100% 0,rgba(55,203,255,.19),transparent 32%),linear-gradient(145deg,#06142c,#0d3b7e); }
.page-kurumsal-web-tasarim .feature-grid { gap: 22px; }
.page-kurumsal-web-tasarim .feature-grid article { min-height: 250px; }
.page-ozel-tasarim-e-ticaret .special-detail-grid { gap: 24px; }
.page-ozel-tasarim-e-ticaret .special-detail-grid .content-card { padding: 48px; }
.page-ozel-tasarim-e-ticaret .special-offer-card { border-radius: 30px; background: radial-gradient(circle at 100% 0,rgba(55,204,255,.2),transparent 34%),linear-gradient(145deg,#06142c,#0d3c7f) !important; }
.page-hakkimizda .card-grid { gap: 22px; }
.page-hakkimizda .card-grid .content-card { min-height: 315px; }

/* Blog listing: featured editorial card plus compact journal grid. */
.page-blog section.blog-index { background: linear-gradient(180deg,#f8fbff,#eef3f9) !important; }
.page-blog .blog-grid { grid-template-columns: repeat(12,minmax(0,1fr)); gap: 22px; }
.page-blog .blog-card { grid-column: span 4; border-radius: 27px; box-shadow: 0 22px 66px rgba(11,38,82,.075); }
.page-blog .blog-card:first-child {
  grid-column: span 8;
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(310px,.92fr);
  color: #fff;
  border-color: rgba(128,167,239,.26);
  background: linear-gradient(145deg,#06142c,#0d3774);
  box-shadow: 0 34px 92px rgba(8,34,76,.22);
}
.page-blog .blog-card:first-child .blog-cover { height: 100%; min-height: 390px; }
.page-blog .blog-card:first-child .blog-card-body { display: flex; flex-direction: column; justify-content: flex-end; padding: 38px; }
.page-blog .blog-card:first-child h2 { color: #fff; font-size: 31px; }
.page-blog .blog-card:first-child p { color: #b7c5d7; font-size: 13px; }
.page-blog .blog-card:first-child .tag { color: #bcefff; background: rgba(92,160,255,.13); }
.page-blog .blog-card:first-child .blog-index { color: rgba(255,255,255,.38); }
.page-blog .blog-card:first-child a { color: #72dfff; }
.page-blog .blog-cover { height: 238px; }
.page-blog .blog-card-body { padding: 29px 30px 32px; }
.page-blog .blog-card .blog-index { background: transparent; }
.page-blog .blog-card h2 { margin-top: 13px; font-size: 22px; line-height: 1.22; letter-spacing: -.045em; }

/* Articles, policies and editorial pages */
:is([data-page^="blog-"],.page-cerez-politikasi,.page-gizlilik-politikasi,.page-kvkk-aydinlatma-metni) .page-hero { min-height: 700px; }
:is([data-page^="blog-"],.page-cerez-politikasi,.page-gizlilik-politikasi,.page-kvkk-aydinlatma-metni) .page-hero h1 { font-size: clamp(52px,5vw,74px); }
:is([data-page^="blog-"],.page-cerez-politikasi,.page-gizlilik-politikasi,.page-kvkk-aydinlatma-metni) .page-ui-composition { min-height: 430px; }
:is([data-page^="blog-"],.page-cerez-politikasi,.page-gizlilik-politikasi,.page-kvkk-aydinlatma-metni) .page-ui-window { inset: 28px -20px 28px 15px; }
:is([data-page^="blog-"],.page-cerez-politikasi,.page-gizlilik-politikasi,.page-kvkk-aydinlatma-metni) .article-wrap { grid-template-columns: minmax(0,1fr) 320px; gap: 30px; max-width: 1270px; margin-inline: auto; }
.skx:not(.page-home):not(.page-teklif-al) .article-body {
  counter-reset: article-section;
  padding: clamp(38px,5vw,70px);
  border-color: #d8e2ef;
  border-radius: 32px;
  background: linear-gradient(145deg,#fff,#fbfcff);
  box-shadow: 0 28px 85px rgba(11,38,82,.09);
  font-size: 16px;
}
.skx:not(.page-home):not(.page-teklif-al) .article-body h2 {
  counter-increment: article-section;
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 13px;
  align-items: start;
  margin-top: 52px;
  font-size: clamp(27px,2.8vw,36px);
  line-height: 1.16;
}
.skx:not(.page-home):not(.page-teklif-al) .article-body h2::before {
  content: counter(article-section,decimal-leading-zero);
  padding-top: 5px;
  color: var(--interior-accent);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
}
.skx:not(.page-home):not(.page-teklif-al) .article-body p { color: #4f5e73; font-size: 15px; line-height: 1.95; }
.skx:not(.page-home):not(.page-teklif-al) .article-lead {
  margin-bottom: 42px;
  padding: 27px 29px;
  border: 1px solid rgba(var(--interior-accent-rgb),.18);
  border-left: 3px solid var(--interior-accent);
  border-radius: 0 18px 18px 0;
  background: linear-gradient(135deg,rgba(var(--interior-accent-rgb),.08),rgba(69,218,255,.065));
  font-size: 17px !important;
}
.skx:not(.page-home):not(.page-teklif-al) .article-aside { top: 102px; gap: 18px; }
.skx:not(.page-home):not(.page-teklif-al) .aside-card { padding: 27px; border-radius: 21px; box-shadow: 0 18px 55px rgba(11,38,82,.065); }
.skx:not(.page-home):not(.page-teklif-al) .article-aside .aside-card:last-child { background: radial-gradient(circle at 100% 0,rgba(62,212,255,.18),transparent 32%),linear-gradient(145deg,#06142c,#0d3978); }

/* FAQ */
.page-sikca-sorulan-sorular .faq-layout { gap: 92px; }
.page-sikca-sorulan-sorular .faq-intro { top: 112px; }
.page-sikca-sorulan-sorular .faq-list { gap: 14px; }
.page-sikca-sorulan-sorular .faq-list details {
  border-color: #d6e0ed;
  border-radius: 20px;
  background: linear-gradient(145deg,#fff,#f9fbff);
  box-shadow: 0 14px 42px rgba(11,38,82,.055);
}
.page-sikca-sorulan-sorular .faq-list details[open] {
  border-color: rgba(var(--interior-accent-rgb),.38);
  box-shadow: 0 24px 68px rgba(11,38,82,.11),inset 3px 0 var(--interior-accent);
}
.page-sikca-sorulan-sorular .faq-list summary { min-height: 92px; padding-inline: 28px; font-size: 15px; }
.page-sikca-sorulan-sorular .faq-list details > :not(summary) { padding-inline: 28px; }

/* Contact page */
.page-iletisim .contact-page-section { background: linear-gradient(180deg,#f8fbfe,#edf3f8) !important; }
.page-iletisim .contact-page-grid {
  grid-template-columns: minmax(340px,.74fr) minmax(0,1.26fr);
  border-color: #d4dfec;
  border-radius: 32px;
  box-shadow: 0 42px 115px rgba(9,35,76,.17);
}
.page-iletisim .contact-panel { min-height: 690px; padding: 54px 47px; background: radial-gradient(circle at 85% 10%,rgba(50,208,255,.2),transparent 31%),radial-gradient(circle at 0 100%,rgba(47,191,157,.14),transparent 34%),linear-gradient(155deg,#040b19,#0a2345); }
.page-iletisim .contact-form { padding: 54px 50px; }
.page-iletisim .contact-channel { border-radius: 18px; }

/* Existing dark portfolio gains the same section rhythm. */
.page-referanslar .reference-portfolio-section {
  margin-top: -44px;
  padding-block: 124px !important;
  border-radius: 44px 44px 0 0;
  background:
    radial-gradient(circle at var(--section-x,82%) var(--section-y,0%),rgba(var(--interior-accent-rgb),.18),transparent 27%),
    linear-gradient(155deg,#020611,#050d1c 58%,#07152a) !important;
}
.page-referanslar .reference-card { border-radius: 29px; }
.page-referanslar .reference-card.featured { min-height: 560px; }
.page-referanslar .reference-method-section { padding-block: 124px !important; }
body.skx.page-referanslar .reference-method-section .content-card {
  color: #fff;
  border-color: rgba(255,255,255,.13);
  background: rgba(255,255,255,.055);
  box-shadow: none;
}
body.skx.page-referanslar .reference-method-section .content-card::before { opacity: .9; }
body.skx.page-referanslar .reference-method-section .content-card h3 { color: #fff; }
body.skx.page-referanslar .reference-method-section .content-card p { color: #afbdd0; }

/* CTA surfaces match the hero instead of looking like a separate template. */
.skx:not(.page-home) .page-bottom-cta { padding: 38px 0 92px; background: #f2f5f9; }
.skx:not(.page-home) .page-bottom-cta .container,
.skx:not(.page-home) .footer-cta-card {
  border-radius: 32px;
  background:
    radial-gradient(circle at 88% 0,rgba(59,212,255,.22),transparent 30%),
    radial-gradient(circle at 8% 120%,rgba(82,72,255,.22),transparent 34%),
    linear-gradient(120deg,#051127,#0e3a7d);
  box-shadow: 0 38px 100px rgba(8,38,86,.25),inset 0 1px rgba(255,255,255,.06);
}

/* Quote builder uses the same premium language while retaining its workflow. */
.page-teklif-al { --interior-accent: #5c7cff; --interior-accent-rgb: 92,124,255; --interior-accent-2: #52d8ff; }
.page-teklif-al .offer-hero { min-height: 720px; padding: 164px 0 118px; background: radial-gradient(circle at 79% 20%,rgba(61,129,255,.3),transparent 25%),radial-gradient(circle at 12% 82%,rgba(47,207,255,.11),transparent 23%),linear-gradient(142deg,#01040a,#040b19 56%,#06152c); }
.page-teklif-al .offer-hero::before { background-size: 74px 74px; transform: perspective(900px) rotateX(58deg) translateY(-13%) scale(1.28); transform-origin: center 30%; }
.page-teklif-al .offer-hero h1 { font-size: clamp(62px,5.8vw,84px); line-height: .92; letter-spacing: -.072em; }
.page-teklif-al .offer-hero-copy > p { font-size: 17px; }
.page-teklif-al .offer-preview { border-radius: 29px; box-shadow: 0 55px 145px rgba(0,0,0,.57),0 0 105px rgba(40,106,255,.13); }
.page-teklif-al .offer-builder-section { padding-block: 124px; background: radial-gradient(circle at var(--section-x,92%) var(--section-y,6%),rgba(92,124,255,.07),transparent 27%),linear-gradient(180deg,#f8fbfe,#eef3f8); }
.page-teklif-al .offer-section-heading h2 { font-size: clamp(46px,4.8vw,68px); line-height: .97; letter-spacing: -.068em; }
.page-teklif-al .offer-service-grid { gap: 18px; }
.page-teklif-al .offer-service-card { min-height: 255px; padding: 31px; border-radius: 24px; background: linear-gradient(145deg,#fff,#f8faff); box-shadow: 0 18px 55px rgba(11,38,82,.06); }
.page-teklif-al .offer-service-card.is-selected { border-color: rgba(76,123,234,.7); box-shadow: 0 30px 78px rgba(39,101,225,.16),inset 0 2px #4b75f4; }
.page-teklif-al .offer-form,
.page-teklif-al .offer-summary { border-radius: 29px; box-shadow: 0 30px 88px rgba(11,38,82,.11); }
.page-teklif-al .offer-form { padding: 46px; }
.page-teklif-al .offer-summary-head { padding: 28px; }

@keyframes interfaceScan {
  0%,14% { transform: translateY(-20%); opacity: 0; }
  34% { opacity: 1; }
  70%,100% { transform: translateY(460%); opacity: 0; }
}

@media (max-width: 1220px) {
  .skx:not(.page-home):not(.page-teklif-al) .page-hero-grid { grid-template-columns: minmax(0,.95fr) minmax(470px,.8fr); gap: 58px; }
  .page-blog .blog-card { grid-column: span 6; }
  .page-blog .blog-card:first-child { grid-column: 1/-1; }
}
@media (max-width: 1080px) {
  .skx:not(.page-home):not(.page-teklif-al) .page-hero { min-height: 0; padding: 138px 0 116px; }
  .skx:not(.page-home):not(.page-teklif-al) .page-hero-grid { grid-template-columns: 1fr; gap: 54px; }
  .skx:not(.page-home):not(.page-teklif-al) .page-ui-composition { width: min(780px,100%); }
  :is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-card { grid-template-columns: 1fr; }
  :is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-offer { border-top: 1px solid rgba(138,168,224,.13); border-left: 0; }
  .page-blog .blog-card:first-child { grid-template-columns: 1fr 1fr; }
  :is([data-page^="blog-"],.page-cerez-politikasi,.page-gizlilik-politikasi,.page-kvkk-aydinlatma-metni) .article-wrap { grid-template-columns: 1fr; }
  .skx:not(.page-home):not(.page-teklif-al) .article-aside { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-iletisim .contact-page-grid { grid-template-columns: 1fr; }
  .page-iletisim .contact-panel { min-height: 520px; }
  .page-teklif-al .offer-hero { min-height: 0; padding: 138px 0 104px; }
}
@media (max-width: 720px) {
  .skx:not(.page-home):not(.page-teklif-al) .page-hero { padding: 122px 0 88px; }
  .skx:not(.page-home):not(.page-teklif-al) .page-hero h1,
  .page-teklif-al .offer-hero h1 { font-size: clamp(30px,9.6vw,56px); }
  .skx:not(.page-home):not(.page-teklif-al) .page-hero-copy > p,
  .page-teklif-al .offer-hero-copy > p { font-size: 15px; }
  .skx:not(.page-home):not(.page-teklif-al) .page-ui-composition { min-height: 350px; }
  .skx:not(.page-home):not(.page-teklif-al) .page-ui-window { inset: 0; border-radius: 22px; }
  .skx:not(.page-home):not(.page-teklif-al) .page-hero + .section { margin-top: -25px; border-radius: 28px 28px 0 0; }
  .skx:not(.page-home):not(.page-teklif-al) main > .section:not(.page-hero),
  .page-referanslar .reference-portfolio-section,
  .page-referanslar .reference-method-section,
  .page-teklif-al .offer-builder-section { padding-block: 88px; }
  .skx:not(.page-home):not(.page-teklif-al) .section-heading { margin-bottom: 44px; }
  .skx:not(.page-home):not(.page-teklif-al) .section-heading h2,
  .skx:not(.page-home):not(.page-teklif-al) .faq-intro h2,
  .page-teklif-al .offer-section-heading h2 { font-size: clamp(28px,8.5vw,44px); }
  .skx:not(.page-home):not(.page-teklif-al) :is(.content-card,.solution-card,.feature-grid article,.decision-grid article),
  .skx:not(.page-home):not(.page-teklif-al) .article-body,
  .page-teklif-al .offer-form { padding: 28px; border-radius: 23px; }
  .skx:not(.page-home):not(.page-teklif-al) :is(.content-card,.solution-card,.feature-grid article,.decision-grid article)::before { left: 28px; right: 28px; }
  .page-e-ticaret-sistemleri .content-stack > .content-card:first-child { display: block; }
  .page-e-ticaret-sistemleri .content-stack > .content-card:first-child .card-icon { margin-bottom: 22px; }
  :is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi) .page-hero + .package-summary-section { margin-top: -28px !important; padding-bottom: 72px !important; }
  :is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-card { border-radius: 24px; }
  :is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-copy,
  :is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi,.page-bakim-ve-destek) .package-summary-offer { padding: 28px; }
  :is(.page-aylik-e-ticaret-paketi,.page-tam-lisans-e-ticaret-paketi) .section-light > .container > .content-card .check-list { grid-template-columns: 1fr; }
  .page-blog .blog-grid { grid-template-columns: 1fr; }
  .page-blog .blog-card,
  .page-blog .blog-card:first-child { display: block; grid-column: auto; }
  .page-blog .blog-card:first-child .blog-cover { min-height: 270px; height: 270px; }
  .skx:not(.page-home):not(.page-teklif-al) .article-body h2 { display: block; }
  .skx:not(.page-home):not(.page-teklif-al) .article-body h2::before { display: block; margin-bottom: 8px; }
  .skx:not(.page-home):not(.page-teklif-al) .article-aside { grid-template-columns: 1fr; }
  .page-sikca-sorulan-sorular .faq-list summary { min-height: 82px; padding-inline: 21px; }
  .page-iletisim .contact-panel,
  .page-iletisim .contact-form { padding: 34px 28px; }
  .page-teklif-al .offer-hero { padding: 122px 0 88px; }
  .page-teklif-al .offer-service-card { min-height: 0; padding: 28px; }
}

@media (max-width: 720px) {
  .page-referanslar .reference-portfolio-section,
  .page-referanslar .reference-method-section { padding-block: 88px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .skx:not(.page-home):not(.page-teklif-al) .page-ui-window::after { animation: none !important; display: none; }
}

/* Navigation and package-page refinement — 20260826 v6 */
@media (min-width: 1081px) {
  .nav-submenu {
    top: calc(100% + 10px);
    left: -28px;
    width: 520px;
    display: grid;
    grid-template-columns: 172px minmax(0,1fr);
    gap: 8px;
    padding: 8px;
    border-color: rgba(142,175,233,.2);
    border-radius: 18px;
    background: linear-gradient(145deg,rgba(5,13,29,.985),rgba(7,20,42,.97));
    box-shadow: 0 28px 72px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.035);
    transform: translateY(9px);
  }
  .nav-submenu::before { top: -13px; height: 15px; }
  .nav-group:hover .nav-submenu,
  .nav-group:focus-within .nav-submenu,
  .nav-group.is-open .nav-submenu { transform: translateY(0); }
  .submenu-intro {
    min-height: 166px;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    gap: 13px;
    padding: 17px 16px;
    border-radius: 13px;
    background: radial-gradient(circle at 12% 0,rgba(67,211,255,.18),transparent 40%),linear-gradient(145deg,rgba(48,91,229,.22),rgba(24,50,102,.13));
  }
  .submenu-intro strong { font-size: 13px; line-height: 1.3; }
  .submenu-intro small { margin-top: 5px; font-size: 10px; line-height: 1.55; }
  .submenu-links { align-content: start; gap: 4px; margin: 0; }
  .submenu-links a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 10px 10px 10px 25px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: 11px;
    line-height: 1.3;
  }
  .submenu-links a::before {
    content: "";
    position: absolute;
    left: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #526b91;
    box-shadow: 0 0 0 3px rgba(82,107,145,.1);
    transition: background .2s,box-shadow .2s;
  }
  .submenu-links a:hover {
    border-color: rgba(104,151,237,.16);
    background: rgba(70,117,210,.1);
    transform: none;
  }
  .submenu-links a:hover::before { background: var(--cyan); box-shadow: 0 0 0 3px rgba(73,216,255,.1); }
}

/* Explicit list geometry prevents inline SVGs from expanding package cards. */
.page-e-ticaret-paketleri .price-card > ul,
.page-kurumsal-web-tasarim .corporate-package > ul {
  display: grid;
  align-content: start;
  gap: 12px;
  flex: 1;
  margin: 24px 0 28px;
  padding: 0;
  list-style: none;
}
.page-e-ticaret-paketleri .price-card > ul li,
.page-kurumsal-web-tasarim .corporate-package > ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #344258;
  font-size: 13px;
  line-height: 1.55;
}
.page-e-ticaret-paketleri .price-card > ul li svg,
.page-kurumsal-web-tasarim .corporate-package > ul li svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin-top: 2px;
  color: #119d7b;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.page-e-ticaret-paketleri .price-card.featured > ul li,
.page-kurumsal-web-tasarim .corporate-package.premium > ul li { color: #d1dbea; }
.page-e-ticaret-paketleri .price-card.featured > ul li svg,
.page-kurumsal-web-tasarim .corporate-package.premium > ul li svg { color: #65e3c5; }

body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) main > .section:not(.page-hero) { padding-block: 96px; }
body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .section-heading { margin-bottom: 46px; }
.page-e-ticaret-paketleri .page-pricing-grid { gap: 18px; }
.page-e-ticaret-paketleri .price-card { min-height: 625px; padding: 34px 31px 30px; border-radius: 24px; }
.page-e-ticaret-paketleri .compact-package-grid article { min-height: 225px; }
.page-kurumsal-web-tasarim .corporate-compare-grid { gap: 20px; }
.page-kurumsal-web-tasarim .corporate-package { min-height: 620px; padding: 36px 34px 32px; border-radius: 26px; }
.page-kurumsal-web-tasarim .feature-grid article { min-height: 220px; }

@media (max-width: 1080px) {
  body::after {
    content: "";
    position: fixed;
    z-index: 998;
    inset: var(--header-height) 0 0;
    pointer-events: none;
    background: rgba(1,5,13,.62);
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    transition: opacity .24s,visibility .24s;
  }
  body.menu-open::after { pointer-events: auto; opacity: 1; visibility: visible; }
  .main-nav {
    z-index: 1001;
    inset: calc(var(--header-height) + 10px) 10px auto auto;
    width: min(390px,calc(100% - 20px));
    height: calc(100vh - var(--header-height) - 20px);
    height: calc(100dvh - var(--header-height) - 20px);
    padding: 12px 12px max(16px,env(safe-area-inset-bottom));
    border: 1px solid rgba(133,170,232,.2);
    border-radius: 21px;
    background: radial-gradient(circle at 100% 0,rgba(57,123,245,.14),transparent 27%),rgba(4,12,27,.985);
    box-shadow: 0 32px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.045);
    transform: translateX(calc(100% + 28px));
  }
  .main-nav.is-open { transform: translateX(0); }
  .main-nav > a,
  .nav-group > button {
    min-height: 49px;
    margin: 2px 0;
    padding: 0 13px;
    border: 0;
    border-radius: 11px;
    color: #c9d4e5;
    font-size: 13px;
  }
  .main-nav > a.is-current,
  .nav-group.is-current > button { background: rgba(72,119,214,.13); }
  .nav-group > button { justify-content: space-between; }
  .nav-submenu {
    position: static;
    inset: auto;
    width: auto;
    grid-template-columns: 1fr;
    gap: 7px;
    margin: 5px 0 9px;
    padding: 8px;
    border: 1px solid rgba(121,157,219,.14);
    border-radius: 16px;
    background: rgba(13,29,57,.58);
    box-shadow: inset 0 1px rgba(255,255,255,.025);
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none;
  }
  .main-nav .nav-group:hover .nav-submenu,
  .main-nav .nav-group:focus-within .nav-submenu,
  .main-nav .nav-group.is-open .nav-submenu { transform: none; }
  .nav-submenu::before { display: none; }
  .nav-group.is-open .nav-submenu { display: grid; }
  .submenu-intro {
    min-height: 0;
    flex-direction: row;
    gap: 10px;
    margin: 0;
    padding: 11px 12px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg,rgba(49,95,244,.15),rgba(73,216,255,.035));
  }
  .submenu-icon { width: 36px; height: 36px; border-radius: 10px; }
  .submenu-icon svg { width: 18px; height: 18px; }
  .submenu-intro strong { font-size: 12px; }
  .submenu-intro small { margin-top: 2px; font-size: 9px; }
  .submenu-links { grid-template-columns: 1fr 1fr; gap: 4px; margin: 0; }
  .submenu-links a {
    position: relative;
    min-height: 42px;
    padding: 8px 8px 8px 20px;
    border: 0;
    border-radius: 10px;
    color: #aebbd0;
    font-size: 10.5px;
    line-height: 1.35;
  }
  .submenu-links a::before {
    content: "";
    position: absolute;
    left: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #5d78a2;
  }
  .submenu-links a:hover { background: rgba(72,117,219,.11); transform: none; }
  .nav-cta { min-height: 48px !important; margin: 10px 0 0 !important; border-radius: 12px !important; }
}

@media (max-width: 820px) {
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-hero {
    min-height: 0;
    padding: 108px 0 68px;
  }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-hero-grid { gap: 32px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-hero-points { margin-top: 25px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-ui-composition { min-height: 290px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-ui-window { inset: 0; border-radius: 21px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .ui-content { min-height: 246px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .ui-dashboard { padding: 17px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .ui-chart svg { height: 72px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-hero + .section { margin-top: -20px; border-radius: 25px 25px 0 0; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) main > .section:not(.page-hero) { padding-block: 72px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .section-heading { margin-bottom: 34px; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .section-heading h2 { font-size: clamp(28px,8.5vw,44px); }
  .page-e-ticaret-paketleri .price-card,
  .page-kurumsal-web-tasarim .corporate-package {
    min-height: 0;
    padding: 27px 23px 24px;
    border-radius: 22px;
  }
  .page-e-ticaret-paketleri .price-card > p,
  .page-kurumsal-web-tasarim .corporate-package > p { min-height: 0; }
  .page-e-ticaret-paketleri .price-card > ul,
  .page-kurumsal-web-tasarim .corporate-package > ul { margin: 21px 0 24px; }
  .page-e-ticaret-paketleri .compact-package-grid article,
  .page-kurumsal-web-tasarim .feature-grid article { min-height: 0; }
}

@media (max-width: 520px) {
  .main-nav { inset-inline: 8px; width: auto; }
  .submenu-intro small { display: none; }
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-hero h1 { font-size: clamp(30px,9.6vw,50px); }
}

/* Readability and contrast pass — 20260826 v7 */
:root {
  --night: #07101f;
  --night-2: #0c1a31;
  --muted: #56657b;
}

.site-header { background: linear-gradient(180deg,rgba(7,16,31,.94),rgba(7,16,31,0)); }
.site-header.is-scrolled { background: rgba(7,17,34,.94); }
.main-nav > a,
.nav-group > button { color: #c1ccdc; }

@media (min-width: 1081px) {
  .main-nav > a,
  .nav-group > button { padding-inline: 12px; font-size: clamp(11.5px,.66vw,13px); }
  .submenu-intro strong { font-size: 14px; }
  .submenu-intro small { color: #a8b6ca; font-size: 11.5px; }
  .submenu-links a { color: #b5c1d2; font-size: 12px; }
}

.saas-hero {
  background:
    radial-gradient(circle at var(--hero-x,74%) var(--hero-y,24%),rgba(62,130,255,.28),transparent 23%),
    radial-gradient(circle at 10% 20%,rgba(88,75,235,.24),transparent 28%),
    radial-gradient(circle at 50% 110%,rgba(47,211,255,.15),transparent 36%),
    linear-gradient(145deg,#07101f,#0a1830 52%,#061121);
}
.skx:not(.page-home):not(.page-teklif-al) .page-hero {
  background:
    radial-gradient(circle at var(--hero-x,78%) var(--hero-y,25%),rgba(var(--interior-accent-rgb),.34),transparent 21%),
    radial-gradient(circle at 8% 76%,rgba(91,78,235,.22),transparent 27%),
    radial-gradient(circle at 48% 115%,rgba(61,218,255,.13),transparent 35%),
    linear-gradient(142deg,#07101f 0%,#0a172b 48%,#0d2545 100%);
}
.page-teklif-al .offer-hero {
  background:
    radial-gradient(circle at 79% 20%,rgba(71,142,255,.34),transparent 25%),
    radial-gradient(circle at 12% 82%,rgba(55,218,255,.14),transparent 23%),
    linear-gradient(142deg,#07101f,#0a182e 56%,#0d2748);
}
.saas-platform,
.saas-references,
.reference-portfolio-section,
.footer-surface { background-color: #071323; }

.saas-plan-card.dark-card {
  background: radial-gradient(circle at 100% 0,rgba(65,204,255,.17),transparent 31%),linear-gradient(150deg,#0b1b34,#12355d);
}
.corporate-options article.recommended,
.compact-package-grid article.premium {
  background: radial-gradient(circle at 100% 0,rgba(69,212,255,.18),transparent 34%),linear-gradient(150deg,#0b1d38,#124173);
}
.page-e-ticaret-paketleri .price-card.featured,
.page-kurumsal-web-tasarim .corporate-package.premium {
  background: radial-gradient(circle at 100% 0,rgba(72,216,255,.2),transparent 32%),linear-gradient(145deg,#0a1b35,#12457d);
}

.saas-kicker,
.page-kicker,
.section-kicker,
.offer-kicker { font-size: 11.5px; }
.breadcrumbs { color: #93a3ba; font-size: 11.5px; }
.skx:not(.page-home):not(.page-teklif-al) .breadcrumbs { color: #93a3ba; font-size: 11.5px; }
.saas-proof span { color: #a5b3c7; font-size: 12.5px; }
.saas-capabilities span { color: #a1b1c6; font-size: 11.5px; }
.picker-head small,
.picker-plan > div:nth-child(2) > small,
.plan-name > small,
.support-plan-row small,
.corporate-options article > small,
.saas-reference-grid span,
.featured-badge,
.package-ribbon,
.package-type,
.tag,
.page-bottom-cta span { font-size: 10.5px; }
.picker-head > span,
.picker-plan p,
.picker-price > span,
.picker-price > small { font-size: 12px; }
.plan-detail,
.support-plan-row > a,
.saas-reference-grid strong { font-size: 12.5px; }
.support-plan-row p,
.saas-reference-grid p,
.compact-package-grid p,
.decision-grid article p,
.blog-card p,
.reference-info p,
.price-card > p,
.corporate-package > p { font-size: 14px; }
.page-hero-points span { font-size: 12px; }
.notice,
.scope-note,
.feature-table,
.package-summary-note,
.package-summary-period { font-size: 13px; }
.feature-table th { font-size: 11px; }

/* Keep inherited white text from disappearing on light cards and sections. */
.saas-pricing .saas-plan-card:not(.dark-card) :is(h3,.plan-price strong),
.page-e-ticaret-paketleri .price-card:not(.featured) :is(h3,.price strong),
.page-kurumsal-web-tasarim .corporate-package:not(.premium) :is(h3,.corporate-price strong),
.compact-package-grid article:not(.premium) :is(h3,.compact-price strong),
.feature-surface :is(h2,h3,strong),
.decision-section :is(h2,h3),
.compact-web-options .section-heading h2,
.package-page-section .section-heading h2,
.corporate-packages-page .section-heading h2 { color: #111d31 !important; }

.offer-form-grid label > span,
.form-grid label > span,
.full-field > span,
.offer-textarea > span { font-size: 13px; }
.offer-consent,
.consent { font-size: 12.5px; }
.offer-form-heading small,
.offer-summary-head small,
.offer-summary-content small,
.contact-channel small,
.form-title small,
.form-title > span { font-size: 10.5px; }
.offer-form-heading p,
.offer-summary-empty p,
.offer-summary-note,
.offer-summary-assurance span,
.contact-steps span { font-size: 13px; }
.offer-summary-mail { font-size: 13px; }

.footer-cta-copy p { color: #d1dbea; font-size: 15px; }
.footer-cta-points { color: #d9e3ef; font-size: 12px; }
.footer-brand > p { color: #b2bfd1; font-size: 14px; }
.footer-contact small { color: #93a7c1; font-size: 10.5px; }
.footer-contact strong { color: #eef5ff; font-size: 13.5px; }
.footer-col-title { font-size: 14px; }
.footer-col > a { color: #b2bfd1; font-size: 13px; }
.footer-status span { color: #9aabc1; font-size: 11px; }
.footer-bottom { color: #98a9bf; font-size: 11.5px; }

@media (max-width: 1080px) {
  .main-nav {
    background: radial-gradient(circle at 100% 0,rgba(70,142,255,.18),transparent 27%),rgba(8,20,39,.99);
  }
  .main-nav > a,
  .nav-group > button { color: #dce5f1; font-size: 14px; }
  .submenu-intro strong { font-size: 13px; }
  .submenu-links a { color: #c5d0df; font-size: 11.5px; }
}

@media (max-width: 520px) {
  .saas-kicker,
  .page-kicker,
  .section-kicker,
  .offer-kicker { font-size: 10.5px; }
  .breadcrumbs,
  .skx:not(.page-home):not(.page-teklif-al) .breadcrumbs { font-size: 11px; }
  .footer-col > a { font-size: 13.5px; }
  .footer-bottom { font-size: 12px; }
}

/* Site-wide visual QA and interaction refinement — 20260826 v10 */
:root {
  --night: #0a1425;
  --night-2: #10213b;
  --muted: #536279;
  --line: #d6dfeb;
  --shadow-sm: 0 18px 48px rgba(10,31,67,.075);
  --shadow-md: 0 32px 88px rgba(8,34,78,.14);
}

body.skx { color: #101a2d; background: #f3f6fa; }
:where(.solution-grid,.card-grid,.two-col,.pricing-grid,.corporate-compare-grid,.feature-grid,.decision-grid,.compact-package-grid,.offer-service-grid,.offer-layout,.contact-page-grid,.article-wrap,.reference-grid,.blog-grid) > * { min-width: 0; }
:where(.content-card,.solution-card,.price-card,.corporate-package,.offer-service-card,.blog-card,.reference-card,.article-body,.aside-card) { overflow-wrap: anywhere; }

/* Header and global navigation remain readable on wide displays. */
.site-header { background: linear-gradient(180deg,rgba(8,18,35,.97),rgba(8,18,35,.08)); }
.site-header.is-scrolled {
  border-bottom: 1px solid rgba(120,166,240,.13);
  background: rgba(9,20,39,.96);
  box-shadow: 0 18px 52px rgba(0,0,0,.27);
}
@media (min-width: 1081px) {
  .main-nav > a,
  .nav-group > button { min-height: 45px; padding-inline: 13px; font-size: clamp(12.75px,.72vw,14px); }
  .submenu-intro strong { font-size: 14.5px; }
  .submenu-intro small { font-size: 12px; }
  .submenu-links a { min-height: 54px; font-size: 12.5px; }
}

/* One typography scale for labels, metadata, cards and editorial content. */
.saas-kicker,
.page-kicker,
.section-kicker,
.offer-kicker,
.eyebrow,
.footer-eyebrow { font-size: 12px; line-height: 1.45; }
.breadcrumbs,
.skx:not(.page-home):not(.page-teklif-al) .breadcrumbs { color: #a7b5c8; font-size: 12.5px; }
.saas-hero-copy > p,
.skx:not(.page-home):not(.page-teklif-al) .page-hero-copy > p,
.page-teklif-al .offer-hero-copy > p { color: #b7c3d4; font-size: 17px; }
.page-hero-points span,
.offer-trust-points span,
.saas-proof span { font-size: 13px; }

.picker-head small,
.picker-plan > div:nth-child(2) > small,
.plan-name > small,
.support-plan-row small,
.corporate-options article > small,
.saas-reference-grid span,
.featured-badge,
.package-ribbon,
.package-type,
.package-summary-label,
.tag,
.read-time,
.page-bottom-cta span,
.plan-badge,
.recommend-label { font-size: 11.5px; line-height: 1.4; }
.picker-head > span,
.picker-plan p,
.picker-price > span,
.picker-price > small,
.plan-detail,
.support-plan-row > a,
.saas-reference-grid strong,
.compact-price span,
.price span,
.corporate-price span { font-size: 12.5px; }
.saas-capabilities span { font-size: 12px; }

.content-card p,
.solution-card p,
.feature-grid article p,
.decision-grid article p,
.compact-package-grid p,
.price-card > p,
.corporate-package > p,
.blog-card p,
.reference-info p { color: #596980; font-size: 14.5px; line-height: 1.78; }
body.skx .content-card:not(.special-offer-card) :is(h2,h3,h4,strong) { color: #111d31; }
body.skx.page-referanslar .reference-method-section .content-card :is(h2,h3,h4,strong) { color: #fff; }
body.skx.page-e-ticaret-sistemleri .content-stack > .content-card:first-child {
  color: #fff;
  border-color: rgba(131,169,240,.28);
  background:
    radial-gradient(circle at 92% 0,rgba(76,207,255,.22),transparent 31%),
    linear-gradient(140deg,#0b1d38,#12477f) !important;
  box-shadow: 0 36px 95px rgba(8,35,77,.25),inset 0 1px rgba(255,255,255,.05);
}
body.skx.page-e-ticaret-sistemleri .content-stack > .content-card:first-child :is(h2,h3,strong) { color: #fff !important; }
body.skx.page-e-ticaret-sistemleri .content-stack > .content-card:first-child p { color: #c4d2e3; }
.check-list li,
.page-e-ticaret-paketleri .price-card > ul li,
.page-kurumsal-web-tasarim .corporate-package > ul li { font-size: 14px; line-height: 1.62; }
.notice,
.scope-note,
.package-summary-note,
.package-summary-period { font-size: 14px; }
.detail-link,
.saas-text-link,
.text-link { font-size: 13.5px; }

/* Missing SVG geometry was creating giant blank cards on two service pages. */
.detail-link svg,
.saas-text-link svg,
.text-link svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .25s var(--ease);
}
.detail-link:hover svg,
.saas-text-link:hover svg,
.text-link:hover svg { transform: translateX(4px); }

.page-kurumsal-web-tasarim .feature-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.page-kurumsal-web-tasarim .feature-grid article { min-height: 0; padding: 29px 27px; }
.page-kurumsal-web-tasarim .feature-grid .card-icon { margin-bottom: 25px; }
.page-kurumsal-web-tasarim .feature-grid article h3 { color: #111d31; font-size: 20px; line-height: 1.25; }
.page-kurumsal-web-tasarim .feature-grid article p { margin-top: 12px; }
.card-icon,
.price-icon,
.package-icon,
.offer-card-icon {
  position: relative;
  isolation: isolate;
}
.card-icon::after,
.price-icon::after,
.package-icon::after,
.offer-card-icon::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -8px;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(circle,rgba(54,144,255,.2),transparent 68%);
  transform: scale(.82);
  transition: opacity .35s,transform .35s var(--ease);
}

/* Cards use tighter rhythm and clearer actions without artificial empty height. */
.page-e-ticaret-paketleri .price-card,
.page-kurumsal-web-tasarim .corporate-package { min-height: 600px; }
.page-e-ticaret-paketleri .price-card .btn,
.page-kurumsal-web-tasarim .corporate-package .btn { min-height: 56px; font-size: 13.5px; }
.page-e-ticaret-paketleri .compact-package-grid article { min-height: 230px; }
.page-kurumsal-web-tasarim .feature-surface { background: linear-gradient(180deg,#fff,#f5f8fc); }
.scope-note { align-items: flex-start; }
.scope-note strong { flex: 0 0 auto; }

.reference-portfolio-section,
.saas-references,
.footer-surface { background-color: #0a192d; }
.page-referanslar .reference-portfolio-section {
  background:
    radial-gradient(circle at var(--section-x,82%) var(--section-y,0%),rgba(var(--interior-accent-rgb),.22),transparent 29%),
    radial-gradient(circle at 8% 88%,rgba(40,179,255,.08),transparent 27%),
    linear-gradient(155deg,#071221,#0a1a30 58%,#0d294a) !important;
}
.reference-info > span { font-size: 11.5px; }
.reference-info strong { font-size: 13.5px; }
.reference-info h3 { font-size: 25px; }
.reference-proof span { font-size: 13px; }

.blog-card-body > span,
.blog-card-body .tag,
.blog-card-body .read-time { font-size: 11.5px; }
.blog-card-body > a { font-size: 13.5px; }
.page-blog .blog-card:first-child p { font-size: 14.5px; }
.skx:not(.page-home):not(.page-teklif-al) .article-body { font-size: 16px; }
.skx:not(.page-home):not(.page-teklif-al) .article-body p,
.skx:not(.page-home):not(.page-teklif-al) .article-body li { color: #45556d; font-size: 16px; line-height: 1.9; }
.skx:not(.page-home):not(.page-teklif-al) .article-body h2::before { font-size: 11.5px; }
.aside-card strong { font-size: 15px; }
.aside-card a { min-height: 42px; align-items: center; font-size: 13.5px; line-height: 1.45; }
.aside-card p { font-size: 13.5px; line-height: 1.75; }

/* Forms and quote summary keep their geometry while values change. */
.offer-form-grid label > span,
.form-grid label > span,
.full-field > span,
.offer-textarea > span { font-size: 13.5px; }
.offer-form input:not([type=checkbox]):not([type=hidden]),
.offer-form textarea,
.modern-form input,
.modern-form select,
.modern-form textarea { font-size: 16px; }
.offer-service-card { min-width: 0; }
.offer-card-badge,
.offer-card-dependency,
.offer-summary-addon > span { font-size: 10.5px; }
.offer-card-copy small,
.offer-card-price small { font-size: 12px; }
.offer-form-heading small,
.offer-summary-head small,
.offer-summary-content small,
.contact-channel small,
.form-title small,
.form-title > span { font-size: 12px; }
.offer-form-heading p,
.offer-summary-empty p,
.offer-summary-note,
.offer-summary-assurance span,
.contact-steps span { font-size: 14px; }
.contact-steps i { font-size: 11px; }
.offer-summary-mail { font-size: 14px; }
.modern-form select { min-width: 0; max-width: 100%; }

/* Footer text is intentionally compact, but never microscopic. */
.footer-cta-copy p { font-size: 16px; }
.footer-cta-points { font-size: 13px; }
.footer-brand > p { font-size: 14.5px; }
.footer-contact small { font-size: 12px; }
.footer-contact strong { font-size: 14px; }
.footer-col-title { font-size: 14.5px; }
.footer-col > a { font-size: 13.5px; }
.footer-status span { font-size: 12px; }
.footer-bottom { font-size: 12px; }
.support-price > span,
.process-layout li > span,
.saas-final-cta .container > div > span { font-size: 12px; }
.compact-package-grid article > a { font-size: 13px; }
.feature-table th { font-size: 12px; }
.contact-steps i { font-size: 12px; }
.offer-card-badge,
.offer-card-dependency { font-size: 11.5px; }
.offer-card-price.long small,
.offer-card-price small { font-size: 12px; }
.offer-form-heading > span { font-size: 12px; }

/* Faster anticipatory reveals: motion remains visible without blank sections. */
.js-enabled .motion-reveal {
  opacity: .16;
  transform: translateY(18px);
  transition: opacity .52s var(--ease),transform .52s var(--ease);
  transition-delay: var(--reveal-delay,0ms);
}
.js-enabled .motion-reveal.is-visible { opacity: 1; transform: none; }
.saas-hero-copy > * { animation-duration: .64s; }
.saas-hero-copy > *:nth-child(2) { animation-delay: .04s; }
.saas-hero-copy > *:nth-child(3) { animation-delay: .08s; }
.saas-hero-copy > *:nth-child(4) { animation-delay: .12s; }
.saas-hero-copy > *:nth-child(5) { animation-delay: .16s; }
.saas-plan-picker { animation-duration: .72s; animation-delay: .08s; }
.saas-capabilities { animation-duration: .62s; animation-delay: .14s; }
@keyframes heroRise { from { opacity: .28; transform: translateY(16px); filter: blur(2px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes panelArrive { from { opacity: .24; transform: perspective(1150px) rotateY(-5deg) rotateX(2deg) translate3d(24px,18px,0) scale(.98); filter: blur(2px); } to { opacity: 1; filter: none; } }

@media (hover: hover) and (pointer: fine) {
  :is(.content-card,.solution-card,.feature-grid article,.decision-grid article,.price-card,.corporate-package,.offer-service-card):hover :is(.card-icon,.price-icon,.package-icon,.offer-card-icon)::after { opacity: 1; transform: scale(1.22); }
  :is(.content-card,.solution-card,.feature-grid article,.decision-grid article,.price-card,.corporate-package,.offer-service-card):hover :is(.card-icon,.price-icon,.package-icon,.offer-card-icon) { transform: translateY(-2px) rotate(-2deg); }
  :is(.card-icon,.price-icon,.package-icon,.offer-card-icon) { transition: transform .35s var(--ease); }
}

@media (max-width: 1080px) {
  .main-nav > a,
  .nav-group > button { font-size: 14.5px; }
  .submenu-links a { font-size: 12px; }
  .page-kurumsal-web-tasarim .feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .container { width: min(var(--container),calc(100% - 30px)); }
  .skx:not(.page-home):not(.page-teklif-al) main > .section:not(.page-hero),
  .page-teklif-al .offer-builder-section { padding-block: 76px; }
  .skx:not(.page-home):not(.page-teklif-al) .section-heading { margin-bottom: 36px; }
  .saas-kicker,
  .page-kicker,
  .section-kicker,
  .offer-kicker,
  .eyebrow,
  .footer-eyebrow { font-size: 11.5px; }
  .breadcrumbs,
  .skx:not(.page-home):not(.page-teklif-al) .breadcrumbs { font-size: 12px; }
  .skx:not(.page-home):not(.page-teklif-al) .page-hero-copy > p,
  .page-teklif-al .offer-hero-copy > p { font-size: 16px; }
  .page-hero-points span,
  .offer-trust-points span { font-size: 12.5px; }

  .page-e-ticaret-paketleri .price-card,
  .page-kurumsal-web-tasarim .corporate-package { min-height: 0; }
  .page-kurumsal-web-tasarim .feature-grid { grid-template-columns: 1fr; }
  .page-kurumsal-web-tasarim .feature-grid article { min-height: 0; padding: 27px 24px; }
  .page-kurumsal-web-tasarim .feature-grid .card-icon { margin-bottom: 22px; }
  .scope-note { display: grid; gap: 8px; }
  .scope-note strong { font-size: 14px; }

  /* Comparison becomes stacked records instead of a tiny horizontal table. */
  .page-e-ticaret-sistemleri .feature-table { display: block; width: 100%; overflow: visible; border: 0; background: transparent; }
  .page-e-ticaret-sistemleri .feature-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .page-e-ticaret-sistemleri .feature-table thead tr,
  .page-e-ticaret-sistemleri .feature-table thead th {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
  }
  .page-e-ticaret-sistemleri .feature-table tbody,
  .page-e-ticaret-sistemleri .feature-table tr,
  .page-e-ticaret-sistemleri .feature-table td { display: block; width: 100%; white-space: normal; }
  .page-e-ticaret-sistemleri .feature-table tr {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid #d7e2ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(10,35,76,.06);
  }
  .page-e-ticaret-sistemleri .feature-table td {
    position: relative;
    min-height: 52px;
    padding: 30px 15px 13px;
    border: 0;
    border-bottom: 1px solid #e5ebf2;
    color: #33445d;
    background: transparent !important;
    font-size: 14px;
    line-height: 1.6;
  }
  .page-e-ticaret-sistemleri .feature-table td:last-child { border-bottom: 0; }
  .page-e-ticaret-sistemleri .feature-table td::before {
    position: absolute;
    left: 15px;
    top: 9px;
    color: #2d66e4;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .page-e-ticaret-sistemleri .feature-table td:nth-child(1)::before { content: "Konu"; }
  .page-e-ticaret-sistemleri .feature-table td:nth-child(2)::before { content: "Aylık Paket"; }
  .page-e-ticaret-sistemleri .feature-table td:nth-child(3)::before { content: "Tam Lisans"; }

  .page-iletisim .form-title { display: block; }
  .page-iletisim .form-title h3 { max-width: 250px; font-size: 29px; line-height: 1.18; }
  .page-iletisim .form-title > span { display: block; margin-top: 10px; }
  .page-iletisim .contact-panel-art { right: -125px; bottom: -85px; width: 270px; height: 270px; }
  .page-iletisim .contact-form { padding: 36px 26px; }

  .skx:not(.page-home):not(.page-teklif-al) .article-body { padding: 30px 24px; }
  .skx:not(.page-home):not(.page-teklif-al) .article-body p,
  .skx:not(.page-home):not(.page-teklif-al) .article-body li { font-size: 15.5px; }
  .aside-card a,
  .aside-card p { font-size: 13.5px; }
  .reference-info > span { font-size: 11.5px; }
  .reference-info strong { font-size: 13.5px; }
  .footer-main { row-gap: 38px; }
}

/* Final legibility calibration: supporting copy remains compact, never difficult to read. */
@media (min-width: 1081px) {
  .main-nav > a,
  .nav-group > button { font-size: clamp(13px,.74vw,14.25px); }
}

body.skx.page-home .picker-plan p { font-size: 14.5px; line-height: 1.55; }
body.skx.page-home .plan-name p,
body.skx.page-home .saas-plan-card li,
body.skx.page-home .support-plan-row p,
body.skx.page-home .corporate-options article p,
body.skx.page-home .process-layout li p { font-size: 15px; line-height: 1.7; }
body.skx.page-home .faq-answer p,
body.skx.page-home .decision-grid article p,
body.skx.page-home .compact-package-grid p,
body.skx.page-home .blog-card p { font-size: 15.5px; line-height: 1.75; }
body.skx.page-home .saas-reference-grid p { font-size: 15px; line-height: 1.7; }

body.skx:not(.page-home):not(.page-teklif-al) .content-card p,
body.skx:not(.page-home):not(.page-teklif-al) .content-card li,
body.skx:not(.page-home):not(.page-teklif-al) .check-list li { font-size: 15.5px; line-height: 1.75; }
.page-e-ticaret-paketleri .price-card > p,
.page-e-ticaret-paketleri .price-card > ul li,
.page-kurumsal-web-tasarim .corporate-package > p,
.page-kurumsal-web-tasarim .corporate-package > ul li { font-size: 15.5px; line-height: 1.72; }
.page-blog .blog-card p,
.page-blog .blog-card:first-child p { font-size: 15.5px; line-height: 1.75; }
.page-e-ticaret-paketleri :is(.compact-package-grid,.decision-grid) p,
.page-kurumsal-web-tasarim .feature-grid article p { font-size: 15.5px; line-height: 1.75; }
.page-referanslar .reference-info p { font-size: 15px; line-height: 1.72; }
.page-referanslar .reference-card.featured .reference-info p { font-size: 16px; }
.page-iletisim .contact-panel > p { font-size: 15.5px; line-height: 1.75; }
.page-teklif-al .offer-section-heading > p { font-size: 15.5px; line-height: 1.75; }
.page-teklif-al :is(.offer-form-heading p,.offer-summary-empty p,.offer-summary-note,.offer-summary-assurance span) { font-size: 14.5px; line-height: 1.7; }
.offer-form-grid label > span,
.form-grid label > span,
.full-field > span,
.offer-textarea > span { font-size: 14px; }
.aside-card p { font-size: 14.5px; }
.aside-card a { font-size: 14px; }

.footer-brand > p { font-size: 15.5px; }
.footer-contact strong { font-size: 14.5px; }
.footer-col > a { font-size: 14.5px; }
.footer-status span,
.footer-bottom { font-size: 13px; }

.saas-hero-copy > * { animation-duration: .54s; }
.saas-plan-picker { animation-duration: .62s; }
.saas-capabilities { animation-duration: .54s; }
@keyframes heroRise {
  from { opacity: .56; transform: translateY(12px); filter: blur(.75px); }
  to { opacity: 1; transform: none; filter: none; }
}
@keyframes panelArrive {
  from { opacity: .48; transform: perspective(1150px) rotateY(-4deg) rotateX(1.5deg) translate3d(20px,14px,0) scale(.985); filter: blur(.85px); }
  to { opacity: 1; filter: none; }
}

@media (max-width: 1080px) {
  .submenu-intro small { font-size: 12.5px; }
  .submenu-links a { font-size: 13px; line-height: 1.45; }
}

body.skx.page-e-ticaret-sistemleri .content-stack > .content-card > p {
  max-width: 76ch;
  text-wrap: pretty;
}

@media (max-width: 380px) {
  .container { width: min(var(--container),calc(100% - 28px)); }
  .submenu-links a { padding-inline: 18px 7px; font-size: 12.5px; }
  .page-iletisim .contact-panel,
  .page-iletisim .contact-form { padding-inline: 26px; }
  .page-iletisim .form-title h3 { font-size: 27px; }
}

/* Page-specific alignment corrections — 20260826 v11 */
.page-e-ticaret-paketleri .price-card-head {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  min-height: 76px;
}
.page-e-ticaret-paketleri .price-card-head > div {
  min-width: 0;
  padding-top: 1px;
}
.page-e-ticaret-paketleri .price-card-head small {
  display: block;
  color: #3869c8;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .075em;
}
.page-e-ticaret-paketleri .price-card.featured .price-card-head small { color: #9fcbff; }
.page-e-ticaret-paketleri .featured-badge {
  position: absolute;
  z-index: 3;
  top: 17px;
  right: 18px;
  width: auto;
  max-width: calc(100% - 36px);
  box-shadow: 0 10px 26px rgba(20,91,223,.22);
}
.page-e-ticaret-paketleri .price-card .price {
  box-sizing: border-box;
  height: 106px;
  min-height: 106px;
}

.page-iletisim .footer-cta-zone,
.page-teklif-al .footer-cta-zone,
.page-kvkk-aydinlatma-metni .footer-cta-zone,
.page-gizlilik-politikasi .footer-cta-zone,
.page-cerez-politikasi .footer-cta-zone { padding: 70px 0 92px; }

@media (max-width: 1080px) {
  .page-e-ticaret-paketleri .page-pricing-grid {
    grid-template-columns: 1fr;
    max-width: 760px;
    margin-inline: auto;
  }
  .page-e-ticaret-paketleri .price-card { min-height: 0; }
}

@media (max-width: 820px) {
  .page-e-ticaret-paketleri .price-card-head { min-height: 0; }
  .page-e-ticaret-paketleri .price-card.featured .price-card-head { margin-top: 34px; }
  .page-e-ticaret-paketleri .featured-badge { top: 15px; right: auto; left: 23px; }
  .page-iletisim .footer-cta-zone,
  .page-teklif-al .footer-cta-zone,
  .page-kvkk-aydinlatma-metni .footer-cta-zone,
  .page-gizlilik-politikasi .footer-cta-zone,
  .page-cerez-politikasi .footer-cta-zone { padding: 56px 0 62px; }
}

/* Homepage iconography and CTA refinement — 20260826 v12 */
.page-home .picker-head { justify-content: flex-start; }

.page-home .window-modules > div {
  grid-template-columns: 36px minmax(0,1fr);
  gap: 13px;
  align-items: center;
}
.page-home .window-module-icon {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(55,105,226,.12);
  border-radius: 10px;
  color: #2864e5;
  background: linear-gradient(145deg,#f2f6ff,#e9f7ff);
  box-shadow: inset 0 1px rgba(255,255,255,.9),0 7px 18px rgba(39,94,205,.08);
}
.page-home .window-module-icon svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-home .process-layout li {
  grid-template-columns: 58px minmax(0,1fr);
  gap: 20px;
  align-items: center;
}
.page-home .process-layout .process-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(56,105,226,.13);
  border-radius: 15px;
  color: #2864e5;
  background: linear-gradient(145deg,#f3f6ff,#eaf8ff);
  box-shadow: inset 0 1px rgba(255,255,255,.9),0 10px 26px rgba(39,94,205,.09);
  transition: color .3s,background .3s,box-shadow .3s,transform .3s var(--ease);
}
.page-home .process-layout .process-icon svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.page-home .process-layout li:hover .process-icon {
  color: #fff;
  background: linear-gradient(145deg,#315ff4,#2389ff);
  box-shadow: 0 14px 32px rgba(40,101,229,.22),inset 0 1px rgba(255,255,255,.22);
  transform: translateY(-2px);
}

.page-home .saas-final-cta {
  border-block: 1px solid rgba(132,174,235,.13);
  background:
    radial-gradient(circle at 88% -22%,rgba(76,145,255,.24),transparent 38%),
    radial-gradient(circle at 2% 124%,rgba(43,210,255,.1),transparent 34%),
    linear-gradient(118deg,#0a172b 0%,#0d2747 54%,#113b63 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.025),inset 0 -1px rgba(0,0,0,.18);
}
.page-home .saas-final-cta::before {
  inset: 0;
  opacity: 1;
  background:
    linear-gradient(rgba(150,190,243,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(150,190,243,.038) 1px,transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(90deg,transparent,rgba(0,0,0,.78) 42%,#000);
  mask-image: linear-gradient(90deg,transparent,rgba(0,0,0,.78) 42%,#000);
  animation: pageGrid 20s linear infinite;
}
.page-home .saas-final-cta span { color: #74d9ff; }
.page-home .saas-final-cta h2 { color: #f5f8ff; }
.page-home .saas-final-cta p { color: #becdde; }
.page-home .saas-final-cta .saas-button.light {
  border: 1px solid rgba(255,255,255,.75);
  color: #103c78;
  background: linear-gradient(180deg,#fff,#edf5ff);
  box-shadow: 0 18px 45px rgba(1,10,25,.28),inset 0 1px #fff;
}

@media (max-width: 820px) {
  .page-home .process-layout li { grid-template-columns: 52px minmax(0,1fr); gap: 16px; }
  .page-home .process-layout .process-icon { width: 44px; height: 44px; border-radius: 13px; }
  .page-home .process-layout .process-icon svg { width: 20px; height: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .js-enabled .motion-reveal { opacity: 1 !important; transform: none !important; }
}

/* Blog editorial refinement — 20260826 v15 */
.page-blog .page-hero + .section {
  background:
    radial-gradient(circle at 90% 4%,rgba(63,140,255,.1),transparent 27%),
    radial-gradient(circle at 7% 58%,rgba(71,211,223,.055),transparent 25%),
    linear-gradient(180deg,#f8faff 0%,#eef3f9 100%);
}
.page-blog .page-hero + .section[data-section-index]::before { display: none; }
.page-blog .section-heading {
  max-width: 930px;
  margin-bottom: 50px;
}
.page-blog .section-heading h2 {
  max-width: 870px;
  font-size: clamp(45px,4.5vw,64px);
  line-height: .98;
}
.page-blog .blog-grid {
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 24px;
  align-items: stretch;
}
.page-blog .blog-card {
  isolation: isolate;
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  min-height: 520px;
  border: 1px solid #d7e1ee;
  border-radius: 26px;
  background: linear-gradient(155deg,#fff 0%,#f8faff 100%);
  box-shadow: 0 22px 62px rgba(10,37,80,.08),inset 0 1px rgba(255,255,255,.9);
  transition: transform .38s var(--ease),border-color .38s,box-shadow .38s;
}
.page-blog .blog-card::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0 28px auto;
  height: 1px;
  pointer-events: none;
  opacity: .78;
  background: linear-gradient(90deg,transparent,#5d8df8 28%,#55d7e7 72%,transparent);
}
.page-blog .blog-card:hover {
  border-color: #9fb8df;
  box-shadow: 0 34px 86px rgba(10,42,94,.15),inset 0 1px #fff;
  transform: translateY(-8px);
}
.page-blog .blog-card:first-child {
  grid-column: span 8;
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr);
  min-height: 460px;
  color: #fff;
  border-color: rgba(120,169,243,.28);
  background: #081a36;
  box-shadow: 0 36px 92px rgba(7,31,70,.23),inset 0 1px rgba(255,255,255,.05);
}
.page-blog .blog-card:nth-child(2) { min-height: 460px; }
.page-blog .blog-cover {
  position: relative;
  flex: 0 0 auto;
  height: 205px;
  overflow: hidden;
  background: linear-gradient(145deg,#071a38,#123f7d);
}
.page-blog .blog-cover::before {
  z-index: 0;
  opacity: .42;
  background:
    linear-gradient(rgba(147,190,255,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(147,190,255,.09) 1px,transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: linear-gradient(145deg,#000,transparent 78%);
  mask-image: linear-gradient(145deg,#000,transparent 78%);
  transform: none;
}
.page-blog .blog-cover::after {
  z-index: 0;
  background:
    radial-gradient(circle at 73% 24%,rgba(75,221,255,.3),transparent 19%),
    radial-gradient(circle at 22% 105%,rgba(57,102,244,.33),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 58%);
}
.page-blog .cover-violet { background: linear-gradient(145deg,#151438,#3f2f7b); }
.page-blog .cover-cyan { background: linear-gradient(145deg,#082b39,#0c5c74); }
.page-blog .cover-indigo { background: linear-gradient(145deg,#0b173f,#263d8e); }
.page-blog .cover-grid::before,
.page-blog .cover-grid::after {
  content: "";
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(177,213,255,.15);
  border-radius: 50%;
  pointer-events: none;
}
.page-blog .cover-grid::before {
  top: -62px;
  right: -38px;
  width: 190px;
  height: 190px;
  box-shadow: 0 0 0 32px rgba(167,207,255,.035),0 0 0 64px rgba(167,207,255,.02);
}
.page-blog .cover-grid::after {
  right: 92px;
  bottom: -74px;
  width: 130px;
  height: 130px;
  border-color: rgba(82,225,239,.16);
}
.page-blog .cover-symbol {
  left: 27px;
  bottom: 25px;
  width: 56px;
  height: 56px;
  border-color: rgba(210,230,255,.24);
  border-radius: 17px;
  background: rgba(220,235,255,.09);
  box-shadow: 0 18px 45px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.1);
  transition: transform .4s var(--ease),background .4s,border-color .4s;
}
.page-blog .blog-card:hover .cover-symbol {
  border-color: rgba(196,236,255,.4);
  background: rgba(135,207,255,.15);
  transform: translateY(-5px) rotate(-2deg);
}
.page-blog .blog-cover > i,
.page-blog .blog-index { display: none; }
.page-blog .blog-card:first-child .blog-cover {
  height: 100%;
  min-height: 460px;
  border-right: 1px solid rgba(145,183,243,.15);
  background: linear-gradient(145deg,#07152e,#123e78);
}
.page-blog .blog-card:first-child .cover-symbol {
  left: 35px;
  bottom: 34px;
  width: 66px;
  height: 66px;
  border-radius: 20px;
}
.page-blog .blog-card:first-child .cover-symbol svg { width: 31px; height: 31px; }
.page-blog .blog-card-body {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 29px 29px 31px;
}
.page-blog .blog-card-body .tag,
.page-blog .blog-card-body .read-time {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1;
}
.page-blog .blog-card-body .tag {
  padding: 7px 10px;
  border: 1px solid #d5e3fa;
  border-radius: 999px;
  color: #285fc7;
  background: #edf4ff;
  letter-spacing: .04em;
}
.page-blog .blog-card-body .read-time {
  gap: 8px;
  margin-left: 10px;
  color: #6f7f95;
  letter-spacing: 0;
}
.page-blog .blog-card-body .read-time::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #42a8ef;
  box-shadow: 0 0 0 4px rgba(66,168,239,.09);
}
.page-blog .blog-card h2 {
  flex: 0 0 100%;
  margin: 17px 0 0;
  color: #111d31;
  font-size: 23px;
  font-weight: 730;
  line-height: 1.23;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.page-blog .blog-card p {
  flex: 0 0 100%;
  margin: 14px 0 0;
  color: #596a81;
  font-size: 15px;
  line-height: 1.72;
}
.page-blog .blog-card-body > a {
  display: inline-flex;
  align-items: center;
  align-self: flex-end;
  margin-top: auto;
  padding-top: 22px;
  color: #235fd5;
  font-size: 14px;
  font-weight: 820;
  line-height: 1.3;
  transition: color .25s,transform .25s var(--ease);
}
.page-blog .blog-card-body > a:hover { color: #0d48bc; transform: translateX(4px); }
.page-blog .blog-card:first-child .blog-card-body {
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-end;
  padding: 42px;
  background:
    radial-gradient(circle at 100% 0,rgba(58,168,255,.18),transparent 34%),
    linear-gradient(145deg,#08172e,#0c2f5d);
}
.page-blog .blog-card:first-child .blog-card-body .tag {
  color: #bceeff;
  border-color: rgba(113,212,255,.23);
  background: rgba(65,164,255,.13);
}
.page-blog .blog-card:first-child .blog-card-body .read-time { color: #9fb2c9; }
.page-blog .blog-card:first-child h2 {
  color: #fff;
  font-size: clamp(29px,2.55vw,37px);
  line-height: 1.12;
}
.page-blog .blog-card:first-child p { color: #bdcadb; font-size: 15.5px; }
.page-blog .blog-card:first-child .blog-card-body > a { color: #71ddff; }
.page-blog .blog-card:first-child .blog-card-body > a:hover { color: #fff; }
.page-blog .blog-card.motion-reveal { opacity: 1; transform: none; }
.page-blog .blog-card.motion-reveal:hover { transform: translateY(-8px); }

.page-blog .ui-heading small { font-size: 9px; }
.page-blog .ui-heading strong { font-size: 15px; }
.page-blog .ui-stats small,
.page-blog .ui-chart-head { font-size: 9px; }
.page-blog .ui-stats strong { font-size: 12px; }

@media (max-width: 1220px) {
  .page-blog .blog-card { grid-column: span 6; }
  .page-blog .blog-card:first-child {
    grid-column: 1/-1;
    grid-template-columns: minmax(0,.8fr) minmax(360px,1.2fr);
  }
  .page-blog .blog-card:last-child {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr);
    min-height: 350px;
  }
  .page-blog .blog-card:last-child .blog-cover { height: 100%; }
}

@media (max-width: 820px) {
  .page-blog .page-hero + .section { padding-block: 88px; }
  .page-blog .section-heading { margin-bottom: 38px; }
  .page-blog .section-heading h2 { font-size: clamp(28px,8.5vw,44px); }
  .page-blog .blog-grid { grid-template-columns: 1fr; gap: 18px; }
  .page-blog .blog-card,
  .page-blog .blog-card:first-child,
  .page-blog .blog-card:last-child {
    grid-column: auto;
    display: flex;
    min-height: 0;
  }
  .page-blog .blog-card:first-child .blog-cover,
  .page-blog .blog-card:last-child .blog-cover,
  .page-blog .blog-cover {
    width: 100%;
    height: 210px;
    min-height: 210px;
    border-right: 0;
    border-bottom: 1px solid rgba(145,183,243,.13);
  }
  .page-blog .blog-card:first-child .blog-card-body { padding: 30px 27px 32px; }
  .page-blog .blog-card-body { padding: 26px 25px 29px; }
  .page-blog .blog-card h2,
  .page-blog .blog-card:first-child h2 { font-size: 25px; line-height: 1.2; }
  .page-blog .blog-card p,
  .page-blog .blog-card:first-child p { font-size: 15px; }
}

@media (max-width: 460px) {
  .page-blog .blog-cover,
  .page-blog .blog-card:first-child .blog-cover,
  .page-blog .blog-card:last-child .blog-cover { height: 185px; min-height: 185px; }
  .page-blog .cover-symbol,
  .page-blog .blog-card:first-child .cover-symbol {
    left: 23px;
    bottom: 22px;
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }
  .page-blog .blog-card-body,
  .page-blog .blog-card:first-child .blog-card-body { padding: 24px 22px 27px; }
  .page-blog .blog-card h2,
  .page-blog .blog-card:first-child h2 { font-size: 23px; }
  .page-blog .blog-card-body .tag,
  .page-blog .blog-card-body .read-time { font-size: 10.5px; }
}

/* Canonical mobile navigation — 20260826 v16 */
@media (max-width: 1080px) {
  .menu-toggle {
    display: block;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(151,187,241,.22);
    border-radius: 13px;
    background: rgba(13,29,54,.92);
    box-shadow: 0 12px 32px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.055);
  }
  .menu-toggle[aria-expanded="true"] {
    border-color: rgba(86,211,240,.45);
    background: rgba(18,38,69,.98);
    box-shadow: 0 0 0 4px rgba(67,145,243,.08),0 14px 34px rgba(0,0,0,.3);
  }
  .main-nav {
    box-sizing: border-box;
    inset: calc(var(--header-height) + 8px) max(8px,env(safe-area-inset-right)) auto auto;
    width: min(372px,calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));
    height: auto;
    min-height: 0;
    max-height: calc(100vh - var(--header-height) - 18px);
    max-height: calc(100dvh - var(--header-height) - 18px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 12px max(14px,env(safe-area-inset-bottom));
    border: 1px solid rgba(135,174,236,.2);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0,rgba(64,134,252,.17),transparent 29%),
      linear-gradient(155deg,rgba(8,22,43,.99),rgba(4,13,29,.995));
    box-shadow: 0 30px 84px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.045);
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(108,160,234,.35) transparent;
    transform: translateX(calc(100% + 30px));
    transition: opacity .24s,visibility .24s,transform .3s var(--ease);
  }
  .main-nav::-webkit-scrollbar { width: 5px; }
  .main-nav::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(108,160,234,.35); }
  .main-nav.is-open { opacity: 1; visibility: visible; transform: translateX(0); }
  .main-nav > a,
  .nav-group > button {
    justify-content: flex-start;
    width: 100%;
    min-height: 50px;
    margin: 1px 0;
    padding: 0 13px;
    border: 0;
    border-radius: 12px;
    color: #dce6f3;
    background: transparent;
    font-size: 14.5px;
    font-weight: 730;
    line-height: 1.25;
  }
  .nav-group > button { justify-content: space-between; }
  .main-nav > a:not(.nav-cta)::after,
  .nav-group > button::after { display: none; }
  .main-nav > a.is-current:not(.nav-cta),
  .nav-group.is-current > button {
    color: #fff;
    background: linear-gradient(135deg,rgba(67,111,213,.2),rgba(53,121,227,.11));
    box-shadow: inset 0 1px rgba(255,255,255,.025);
  }
  .nav-submenu {
    position: static;
    inset: auto;
    display: none;
    width: auto;
    margin: 6px 0 8px;
    padding: 8px;
    border: 1px solid rgba(124,163,225,.16);
    border-radius: 16px;
    background: rgba(14,32,61,.68);
    box-shadow: inset 0 1px rgba(255,255,255,.025);
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .main-nav .nav-group:hover .nav-submenu,
  .main-nav .nav-group:focus-within .nav-submenu { transform: none; }
  .nav-group.is-open .nav-submenu { display: grid; }
  .submenu-intro {
    min-height: 0;
    flex-direction: row;
    gap: 10px;
    margin: 0;
    padding: 11px 12px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg,rgba(49,95,244,.16),rgba(73,216,255,.04));
  }
  .submenu-icon { width: 36px; height: 36px; border-radius: 10px; }
  .submenu-icon svg { width: 18px; height: 18px; }
  .submenu-intro strong { font-size: 13px; line-height: 1.3; }
  .submenu-intro small { display: none; }
  .submenu-links {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 4px;
    margin: 0;
  }
  .submenu-links a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 43px;
    padding: 8px 7px 8px 20px;
    border: 0;
    border-radius: 10px;
    color: #c3cede;
    font-size: 12.5px;
    font-weight: 670;
    line-height: 1.4;
  }
  .submenu-links a::before {
    content: "";
    position: absolute;
    left: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #6480a9;
  }
  .nav-cta,
  .main-nav > .nav-cta {
    justify-content: center;
    min-height: 50px !important;
    margin: 10px 0 0 !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 360px) {
  .main-nav { width: calc(100vw - 12px); inset-inline: 6px; padding-inline: 10px; }
  .main-nav > a,
  .nav-group > button { min-height: 48px; padding-inline: 11px; font-size: 14px; }
  .submenu-links a { padding-inline: 18px 6px; font-size: 11.75px; }
}

/* Mobile/PWA first-paint stability: never leave package cards in an animation midpoint. */
@media (max-width: 1080px), (display-mode: standalone) {
  .page-home .saas-hero::before,
  .page-home .saas-hero-glow {
    animation: none !important;
  }
  .page-home .saas-hero-glow {
    opacity: .72;
    filter: none !important;
  }
  .page-home .saas-plan-picker {
    z-index: 3;
    grid-auto-rows: auto;
    overflow: visible;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transform-style: flat !important;
    backface-visibility: visible !important;
    will-change: auto !important;
    animation: none !important;
  }
  .page-home .saas-plan-picker::before {
    inset: -20px;
    opacity: .72;
    filter: none !important;
  }
  .page-home .picker-plan {
    height: auto !important;
    overflow: visible;
    content-visibility: visible;
    transform: none !important;
    transform-style: flat !important;
    backface-visibility: visible !important;
    will-change: auto !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: border-color .2s,background .2s,box-shadow .2s;
  }
  .page-home .picker-plan:hover {
    transform: none !important;
  }
  .page-home .picker-plan > *,
  .page-home .picker-price {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .page-home .saas-capabilities {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .page-home .saas-pricing-grid .saas-plan-card.motion-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Lara Çiçek reference: preserve the complete 16:9 screenshot on mobile. */
@media (max-width: 820px) {
  .page-home .saas-reference-grid .reference-lara .reference-image,
  .page-referanslar .reference-card.reference-lara .reference-shot {
    height: auto !important;
    aspect-ratio: 1100 / 618;
  }
  .page-home .saas-reference-grid .reference-lara .reference-image img,
  .page-referanslar .reference-card.reference-lara .reference-shot img {
    object-fit: contain;
    object-position: center top;
  }
}

/* Headline and compact package rhythm — 20260826 v18 */
body.skx.page-home .saas-hero-copy h1 {
  line-height: 1.02;
}

.page-e-ticaret-paketleri .compact-package-grid article {
  row-gap: 20px;
}

.page-e-ticaret-paketleri .compact-package-grid article > a {
  position: static;
  left: auto;
  bottom: auto;
  grid-column: 2 / -1;
  justify-self: start;
  align-self: end;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  min-height: 36px;
  margin: 0;
  line-height: 1.35;
}

.page-e-ticaret-paketleri .compact-package-grid article > a svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Corporate web packages share the pricing-card standard — 20260826 v21 */
.page-kurumsal-web-tasarim .corporate-pricing-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 22px;
  max-width: 1180px;
  margin-inline: auto;
}
.page-kurumsal-web-tasarim .corporate-web-card {
  min-height: 625px;
  padding: 38px 34px 32px;
  border-radius: 28px;
  scroll-margin-top: 112px;
  box-shadow: 0 24px 70px rgba(11,38,82,.08);
}
.page-kurumsal-web-tasarim .corporate-web-card .price-card-head {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  min-height: 112px;
}
.page-kurumsal-web-tasarim .corporate-web-card .price-card-head > div { min-width: 0; padding-top: 1px; }
.page-kurumsal-web-tasarim .corporate-web-card .price-card-head small {
  display: block;
  color: #3869c8;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .075em;
}
.page-kurumsal-web-tasarim .corporate-web-card .price-card-head h3 { margin-top: 8px; }
.page-kurumsal-web-tasarim .corporate-web-card .price { box-sizing: border-box; height: 106px; min-height: 106px; }
.page-kurumsal-web-tasarim .corporate-web-card > ul {
  display: grid;
  align-content: start;
  gap: 12px;
  flex: 1;
  margin: 24px 0 28px;
  padding: 0;
  list-style: none;
}
.page-kurumsal-web-tasarim .corporate-web-card > ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #53637a;
  font-size: 15.5px;
  line-height: 1.72;
}
.page-kurumsal-web-tasarim .corporate-web-card > ul li svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin-top: 2px;
  color: #2864e5;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.page-kurumsal-web-tasarim .corporate-web-card.featured {
  color: #fff;
  border-color: rgba(131,169,240,.28);
  background:
    radial-gradient(circle at 100% 0,rgba(61,207,255,.19),transparent 31%),
    linear-gradient(145deg,#06142c,#0c3979);
  box-shadow: 0 37px 98px rgba(7,34,77,.26),inset 0 2px rgba(95,199,255,.48);
}
.page-kurumsal-web-tasarim .corporate-web-card.featured .featured-badge {
  position: absolute;
  z-index: 3;
  top: 17px;
  right: 18px;
  width: auto;
  box-shadow: 0 10px 26px rgba(20,91,223,.22);
}
.page-kurumsal-web-tasarim .corporate-web-card.featured .price-card-head { padding-right: 86px; }
.page-kurumsal-web-tasarim .corporate-web-card.featured .price-card-head small { color: #9fcbff; }
.page-kurumsal-web-tasarim .corporate-web-card.featured :is(h3,.price strong) { color: #fff; }
.page-kurumsal-web-tasarim .corporate-web-card.featured > p,
.page-kurumsal-web-tasarim .corporate-web-card.featured > ul li { color: #c0ccdc; }
.page-kurumsal-web-tasarim .corporate-web-card.featured .price { border-color: rgba(255,255,255,.14); }
.page-kurumsal-web-tasarim .corporate-web-card.featured > ul li svg { color: #65e3c5; }
.page-kurumsal-web-tasarim .corporate-web-card.featured .btn { color: #0b3f8d; border-color: transparent; background: #fff; }

@media (max-width: 1080px) {
  .page-kurumsal-web-tasarim .corporate-pricing-grid { grid-template-columns: 1fr; max-width: 760px; }
  .page-kurumsal-web-tasarim .corporate-web-card { min-height: 0; }
}

@media (max-width: 820px) {
  .page-kurumsal-web-tasarim .corporate-web-card { padding: 30px 23px 25px; border-radius: 24px; }
  .page-kurumsal-web-tasarim .corporate-web-card .price-card-head { min-height: 0; }
  .page-kurumsal-web-tasarim .corporate-web-card.featured .price-card-head { margin-top: 34px; padding-right: 0; }
  .page-kurumsal-web-tasarim .corporate-web-card.featured .featured-badge { top: 15px; right: auto; left: 23px; }
  .page-kurumsal-web-tasarim .corporate-web-card > p { min-height: 0; }
  .page-kurumsal-web-tasarim .corporate-web-card > ul { margin: 21px 0 24px; }
}

/* Compact corporate package alignment — 20260827 v30 */
.page-e-ticaret-paketleri .compact-package-grid article {
  grid-template:
    "icon copy price" auto
    "icon action price" auto /
    54px minmax(0,1fr) auto;
  column-gap: 20px;
  row-gap: 16px;
  align-content: center;
  align-items: start;
}

.page-e-ticaret-paketleri .compact-package-grid article > span:first-child {
  grid-area: icon;
  align-self: center;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid #d5e2f3;
  border-radius: 17px;
  color: #2864e5;
  background: linear-gradient(145deg,#f3f7ff,#eaf4ff);
}

.page-e-ticaret-paketleri .compact-package-grid article > span:first-child svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-e-ticaret-paketleri .compact-package-grid article > div:not(.compact-price) {
  grid-area: copy;
  align-self: center;
  min-width: 0;
}

.page-e-ticaret-paketleri .compact-package-grid article > div:not(.compact-price) small {
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .055em;
}

.page-e-ticaret-paketleri .compact-package-grid h3 {
  margin-top: 7px;
  line-height: 1.25;
}

.page-e-ticaret-paketleri .compact-package-grid .compact-price {
  grid-area: price;
  align-self: center;
  min-width: max-content;
  text-align: right;
}

.page-e-ticaret-paketleri .compact-package-grid article > a {
  grid-area: action;
  align-self: start;
}

.page-e-ticaret-paketleri .compact-package-grid article.premium > span:first-child {
  border-color: rgba(113,218,251,.25);
  color: #72dafb;
  background: rgba(31,100,170,.28);
}

@media (max-width: 820px) {
  .page-e-ticaret-paketleri .compact-package-grid article {
    grid-template:
      "icon copy" auto
      "price price" auto
      "action action" auto /
      48px minmax(0,1fr);
    min-height: 0;
    padding: 27px 24px;
    column-gap: 16px;
    row-gap: 19px;
    align-content: start;
  }

  .page-e-ticaret-paketleri .compact-package-grid article > span:first-child {
    align-self: start;
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .page-e-ticaret-paketleri .compact-package-grid article > div:not(.compact-price) {
    align-self: start;
  }

  .page-e-ticaret-paketleri .compact-package-grid .compact-price {
    width: 100%;
    min-width: 0;
    padding-top: 18px;
    border-top: 1px solid #e1e7ef;
    text-align: left;
  }

  .page-e-ticaret-paketleri .compact-package-grid article.premium .compact-price {
    border-color: rgba(255,255,255,.14);
  }

}

@media (max-width: 520px) {
  .page-e-ticaret-paketleri .compact-package-grid article {
    grid-template-columns: 44px minmax(0,1fr);
    padding: 24px 20px;
    column-gap: 14px;
  }

  .page-e-ticaret-paketleri .compact-package-grid article > span:first-child {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .page-e-ticaret-paketleri .compact-package-grid h3 { font-size: 21px; }
  .page-e-ticaret-paketleri .compact-package-grid p { line-height: 1.65; }
}

/* Corporate package icons keep the shared square standard — 20260827 v31 */
.page-kurumsal-web-tasarim .corporate-web-card .price-card-head .price-icon {
  box-sizing: border-box;
  flex: 0 0 48px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  margin-bottom: 0;
  aspect-ratio: 1;
  border-radius: 14px;
}

.page-kurumsal-web-tasarim .corporate-web-card .price-card-head .price-icon svg {
  flex: 0 0 23px;
  width: 23px;
  min-width: 23px;
  height: 23px;
  min-height: 23px;
}

.page-kurumsal-web-tasarim .corporate-web-card .price-card-head > div {
  flex: 1 1 auto;
}

@media (max-width: 520px) {
  .page-kurumsal-web-tasarim .corporate-web-card .price-card-head {
    gap: 15px;
  }
}

/* Mobile fit: shrink content tracks, not text or icons — 20260827 v32. */
@media (max-width: 1080px) {
  body.skx :where(main,section,article,aside,nav,header,footer,form,div,fieldset) {
    min-width: 0;
  }

  body.skx :where(h1,h2,h3,h4,p,li,summary,small,strong,label,a) {
    overflow-wrap: anywhere;
  }

  body.skx .container {
    --mobile-gutter: max(14px,min(3.8vw,24px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
    width: min(var(--container),calc(100% - 2 * var(--mobile-gutter)));
  }

  body.skx .header-shell { gap: 16px; }
  body.skx .brand { flex: 0 1 auto; min-width: 0; max-width: calc(100% - 60px); }
  body.skx .brand img { max-width: 100%; height: auto; }
  body.skx .main-nav { max-width: calc(100% - 16px); }
  body.skx .main-nav > a,
  body.skx .nav-group > button { padding-block: 10px; white-space: normal; }
  body.skx .submenu-icon { flex-shrink: 0; }

  body.skx :is(.btn,.saas-button,.footer-cta-button,.offer-submit,.form-submit) {
    max-width: 100%;
    min-width: 0;
    height: auto;
    white-space: normal;
    text-align: center;
  }
  body.skx :is(.btn,.saas-button,.footer-cta-button,.offer-submit,.form-submit) svg {
    flex-shrink: 0;
  }

  body.skx .price-card-head > .price-icon { flex: 0 0 48px; margin-bottom: 0; }
  body.skx .price-card-head > div { flex: 1 1 auto; min-width: 0; }
  body.skx :is(.offer-summary-icon,.contact-channel > span) { flex-shrink: 0; }
  body.skx :is(.contact-channel,.offer-summary-addon) { flex-wrap: wrap; }

  /* Keep the actual input at 16px so focus does not auto-zoom on iPhone. */
  body.skx :is(.offer-form,.modern-form) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]) {
    min-width: 0;
    max-width: 100%;
    font-size: 16px;
  }

  body.skx .window-bar { grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; }
  body.skx .window-title { flex-wrap: wrap; gap: 10px; }
  body.skx .process-layout li::before { inset-inline: 0; }
}

@media (max-width: 820px) {
  body.skx :is(.footer-cta-card,.page-bottom-cta .container,.offer-form-layout,.contact-page-grid) {
    grid-template-columns: minmax(0,1fr);
  }

  body.skx :is(.price,.plan-price) { flex-wrap: wrap; }
  body.skx :is(.package-summary-price,.picker-price strong,.compact-price strong,.support-plan-row > a) {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.skx .platform-copy h2 { font-size: clamp(28px,8.5vw,44px); line-height: 1.12; }
  body.skx :is(.footer-cta-copy,.page-bottom-cta,.saas-final-cta) h2 {
    font-size: clamp(27px,7.8vw,40px);
    line-height: 1.15;
  }
  body.skx .saas-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.skx .saas-capabilities span { min-width: 0; gap: 8px; padding: 12px 10px; line-height: 1.45; overflow-wrap: anywhere; }
  body.skx .saas-capabilities span::before { flex: 0 0 5px; margin-right: 0; }

  /* Interface artwork must use its content height instead of clipping labels. */
  body.skx:not(.page-home):not(.page-teklif-al) .page-ui-composition,
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-ui-composition {
    min-height: 0;
    perspective: none;
  }
  body.skx:not(.page-home):not(.page-teklif-al) .page-ui-window,
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .page-ui-window {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 100%;
    transform: none;
  }
  body.skx:not(.page-home):not(.page-teklif-al) .ui-content,
  body.skx:is(.page-e-ticaret-paketleri,.page-kurumsal-web-tasarim):not(.page-home):not(.page-teklif-al) .ui-content {
    min-height: 0;
  }
  body.skx .ui-topbar { min-height: 45px; height: auto; gap: 8px; padding-block: 10px; }
  body.skx .ui-address { min-width: 0; overflow-wrap: anywhere; }
  body.skx :is(.ui-dots,.ui-live) { flex-shrink: 0; }
  body.skx .ui-heading { grid-template-columns: 40px minmax(0,1fr) auto; }
  body.skx .ui-stats strong { white-space: normal; text-overflow: clip; }

  body.skx :is(.footer-cta-card,.page-bottom-cta .container) {
    padding-inline: clamp(20px,5.5vw,28px);
  }
  body.skx .offer-form-heading { grid-template-columns: 46px minmax(0,1fr); }
  body.skx .footer-contact,
  body.skx .offer-summary-mail { min-width: 0; max-width: 100%; }
  body.skx :is(.footer-contact,.offer-summary-mail) svg { flex-shrink: 0; }
}

@media (max-width: 380px) {
  body.skx .submenu-links { grid-template-columns: minmax(0,1fr); }
  body.skx .picker-plan { padding-inline: 16px; column-gap: 10px; }
  body.skx .picker-cta { justify-content: flex-start; }
  body.skx .picker-cta svg { flex-shrink: 0; }
  body.skx .offer-summary-head { padding-inline: 18px; }
  body.skx .offer-summary-content { padding-inline: 18px; }
  body.skx .contact-channel { padding: 14px; gap: 10px; }
}

/* Service guidance: isolated styles preserve existing cards, navigation and CTA spacing. */
body.skx .service-guide { padding-block: clamp(48px,6vw,80px); }
body.skx .service-guide-panel { padding: clamp(24px,4vw,48px); border: 1px solid #28415f; border-radius: 28px; background: #10243c; color: #edf3fb; }
body.skx .service-guide-header { max-width: 980px; margin-bottom: 30px; }
body.skx .service-guide-kicker { color: #78daef; font-size: 13px; font-weight: 750; letter-spacing: .1em; }
body.skx .service-guide h2 { margin: 12px 0 16px; color: #f5f8ff; font-size: clamp(28px,3.3vw,42px); line-height: 1.22; letter-spacing: -.035em; overflow-wrap: anywhere; }
body.skx .service-guide p { margin: 0; color: #bfd0e4; font-size: 16px; line-height: 1.85; }
body.skx .service-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
body.skx .service-guide-grid > section { min-width: 0; padding-top: 22px; border-top: 1px solid #30465f; }
body.skx .service-guide h3 { margin: 0 0 14px; color: #edf3fb; font-size: 21px; line-height: 1.4; overflow-wrap: anywhere; }
body.skx .service-guide-links { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 30px; padding-top: 22px; border-top: 1px solid #30465f; }
body.skx .service-guide-links a { min-width: 0; max-width: 100%; color: #7adef2; font-size: 15px; font-weight: 700; line-height: 1.6; text-underline-offset: 4px; overflow-wrap: anywhere; }
body.skx .service-guide-links a:hover { text-decoration: underline; }
body.skx .service-guide-links a:focus-visible { outline: 2px solid #7adef2; outline-offset: 5px; border-radius: 2px; }
body.skx .article-body .article-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; margin: 0 0 24px; color: #536176; font-size: 14px; line-height: 1.7; }
body.skx .article-practical ul { padding-inline-start: 24px; }
body.skx .article-practical li + li { margin-top: 10px; }
@media (max-width: 720px) {
  body.skx .service-guide-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body.skx .service-guide-panel { border-radius: 22px; }
  body.skx .service-guide p { font-size: 15.5px; }
  body.skx .service-guide-links { flex-direction: column; align-items: flex-start; }
}