:root {
      --bg0:#0d0620;
      --bg1:#1a0f31;
      --bg2:#2b1849;
      --violet:#9d62ff;
      --violet2:#d384ff;
      --pink:#ff62b7;
      --copper:#f0a06f;
      --orange:#ffb06e;
      --cyan:#75e7ff;
      --green:#87ffd5;
      --text:#fff8ff;
      --muted:rgba(255,248,255,.70);
      --soft:rgba(255,248,255,.52);
      --line:rgba(255,255,255,.18);
      --glass:rgba(28,14,50,.66);
      --glass2:rgba(255,255,255,.085);
      --shadow:0 30px 90px rgba(0,0,0,.28);
      --radius:30px;
      --container:min(1180px, calc(100vw - 40px));
    }

    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body {
      margin:0;
      font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 18% 18%, rgba(126,75,255,.34), transparent 30%),
        radial-gradient(circle at 82% 16%, rgba(255,98,183,.18), transparent 28%),
        radial-gradient(circle at 78% 84%, rgba(240,160,111,.23), transparent 35%),
        linear-gradient(135deg, #0d061c 0%, #190d2f 38%, #2a1748 70%, #12081f 100%);
      min-height:100vh;
      overflow-x:hidden;
      background-size:160% 160%;
      animation:bgDrift 24s ease-in-out infinite;
    }
    body::before {
      content:"";
      position:fixed;
      inset:-22%;
      pointer-events:none;
      background:
        conic-gradient(from 180deg at 55% 55%, rgba(157,98,255,.18), rgba(255,98,183,.08), rgba(240,160,111,.16), rgba(117,231,255,.07), rgba(157,98,255,.18));
      filter:blur(80px);
      opacity:.64;
      animation:slowNebula 22s linear infinite;
      z-index:-4;
    }
    body::after {
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
      background-size:76px 76px;
      mask-image:radial-gradient(circle at 50% 26%, #000 0%, transparent 68%);
      opacity:.28;
      z-index:-2;
      transform:translate3d(0, var(--grid-shift, 0px), 0);
    }
    @keyframes slowNebula {
      0% { transform:rotate(0deg) scale(1); }
      50% { transform:rotate(180deg) scale(1.08); }
      100% { transform:rotate(360deg) scale(1); }
    }
    @keyframes bgDrift {
      0%,100% { background-position:0% 50%; }
      50% { background-position:100% 50%; }
    }

    a { color:inherit; text-decoration:none; }
    button, input, textarea { font:inherit; }
    ::selection { background:rgba(255,98,183,.45); }

    #stars {
      position:fixed;
      inset:0;
      width:100%;
      height:100%;
      z-index:-3;
      pointer-events:none;
    }
    .ambient {
      position:fixed;
      inset:0;
      overflow:hidden;
      z-index:-1;
      pointer-events:none;
    }
    .orb {
      position:absolute;
      width:38vw;
      aspect-ratio:1;
      border-radius:999px;
      filter:blur(34px);
      opacity:.36;
      transform:translate3d(0,0,0);
      animation:floatOrb 13s ease-in-out infinite;
    }
    .orb.one { left:-12vw; top:12vh; background:radial-gradient(circle, rgba(157,98,255,.64), transparent 66%); }
    .orb.two { right:-16vw; top:35vh; background:radial-gradient(circle, rgba(255,98,183,.38), transparent 66%); animation-delay:-5s; }
    .orb.three { left:38vw; bottom:-20vh; background:radial-gradient(circle, rgba(240,160,111,.36), transparent 70%); animation-delay:-8s; }
    @keyframes floatOrb {
      0%,100% { transform:translate3d(0,0,0) scale(1); }
      50% { transform:translate3d(4vw,-3vh,0) scale(1.12); }
    }

    .site-header {
      position:fixed;
      left:0;
      right:0;
      top:0;
      z-index:80;
      padding:14px 22px;
      transition:transform .42s cubic-bezier(.2,.8,.2,1), opacity .34s ease, padding .25s ease;
    }
    .site-header.hide { transform:translateY(-116%); opacity:0; }
    .site-header.scrolled { padding-top:8px; padding-bottom:8px; }
    .nav-shell {
      width:100%;
      min-height:74px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:18px;
      padding:10px 18px;
      border:1px solid rgba(255,255,255,.18);
      background:linear-gradient(135deg, rgba(30,15,55,.78), rgba(45,22,76,.60));
      backdrop-filter:blur(22px) saturate(150%);
      -webkit-backdrop-filter:blur(22px) saturate(150%);
      box-shadow:0 18px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
      border-radius:999px;
      overflow:hidden;
    }
    .nav-shell::before {
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
      transform:translateX(-110%);
      animation:headerLight 8s ease-in-out infinite;
      pointer-events:none;
    }
    @keyframes headerLight {
      0%,42% { transform:translateX(-110%); }
      56%,100% { transform:translateX(110%); }
    }

    .brand {
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
      padding-left:4px;
      position:relative;
      z-index:2;
    }

    .brand-copy {
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
      gap:4px;
      min-width:0;
    }
    .brand-slogan {
      color:rgba(255,248,255,.58);
      font-size:.56rem;
      font-weight:850;
      line-height:1;
      letter-spacing:.24em;
      text-transform:none;
      white-space:nowrap;
      margin-left:2px;
      transition:color .22s ease, text-shadow .22s ease;
    }
    .brand:hover .brand-slogan {
      color:#d384ff;
      text-shadow:0 0 10px rgba(168,85,247,.42);
    }
    .brand-logo {
      width:54px;
      height:54px;
      display:grid;
      place-items:center;
      background:transparent;
      box-shadow:none;
      overflow:visible;
    }
    .brand-logo img {
      width:50px;
      height:50px;
      object-fit:contain;
      display:block;
      filter:drop-shadow(0 0 12px rgba(240,160,111,.22));
      transition:transform .22s ease;
    }
    .brand:hover .brand-logo img { transform:translateY(-1px); }
    .brand-word {
      position:relative;
      width:152px;
      height:32px;
      display:block;
      overflow:visible;
      isolation:isolate;
    }
    .brand-word .plain {
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      font-weight:800;
      letter-spacing:-.055em;
      font-size:1.96rem;
      line-height:1;
      background:linear-gradient(95deg, #fff 0%, #fff 58%, #ef9d76 76%, #ff78b3 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      text-shadow:0 0 18px rgba(255,255,255,.08);
      position:relative;
      z-index:2;
    }
    .brand-word svg { display:none; }

    .desktop-nav { display:flex; align-items:center; justify-content:center; gap:3px; z-index:2; }
    .desktop-nav a {
      position:relative;
      padding:12px 13px;
      border-radius:999px;
      font-weight:650;
      font-size:.93rem;
      color:rgba(255,248,255,.72);
      transition:color .2s ease, background .2s ease, transform .2s ease;
      white-space:nowrap;
    }
    .desktop-nav a::after {
      content:"";
      position:absolute;
      left:18px;
      right:18px;
      bottom:7px;
      height:1px;
      transform:scaleX(0);
      transform-origin:left;
      background:linear-gradient(90deg, var(--violet), var(--pink), var(--orange));
      transition:transform .28s ease;
    }
    .desktop-nav a:hover { color:#fff; background:rgba(255,255,255,.075); transform:translateY(-1px); }
    .desktop-nav a:hover::after { transform:scaleX(1); }

    .header-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; z-index:2; }
    .cta {
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      border:1px solid rgba(255,255,255,.18);
      color:#fff;
      border-radius:999px;
      padding:14px 20px;
      font-weight:850;
      letter-spacing:-.02em;
      background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.35), transparent 30%),
        linear-gradient(115deg, rgba(157,98,255,.92), rgba(255,98,183,.74), rgba(240,160,111,.92));
      box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 0 30px rgba(255,98,183,.22), 0 14px 35px rgba(0,0,0,.28);
      overflow:hidden;
      cursor:pointer;
      isolation:isolate;
      transition:transform .22s ease, box-shadow .22s ease;
    }
    .cta::before {
      content:"";
      position:absolute;
      inset:-40% -70%;
      background:linear-gradient(90deg, transparent 35%, rgba(255,255,255,.78), transparent 65%);
      transform:translateX(-42%) rotate(18deg);
      animation:buttonShine 2.65s ease-in-out infinite;
      z-index:-1;
    }
    .cta::after {
      content:"";
      position:absolute;
      inset:-5px;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(157,98,255,.65), rgba(255,98,183,.65), rgba(240,160,111,.65), rgba(157,98,255,.65));
      filter:blur(14px);
      opacity:.65;
      z-index:-2;
      animation:pulseGlow 2.3s ease-in-out infinite;
    }
    .cta:hover { transform:translateY(-2px) scale(1.015); box-shadow:0 0 0 1px rgba(255,255,255,.1) inset, 0 0 44px rgba(240,160,111,.30), 0 18px 42px rgba(0,0,0,.31); }
    .cta .arrow { transition:transform .2s ease; }
    .cta:hover .arrow { transform:translateX(4px); }
    @keyframes buttonShine { 0%,36% { transform:translateX(-78%) rotate(18deg); opacity:0; } 48% { opacity:.8; } 68%,100% { transform:translateX(74%) rotate(18deg); opacity:0; } }
    @keyframes pulseGlow { 0%,100% { opacity:.44; transform:scale(.98); } 50% { opacity:.9; transform:scale(1.03); } }

    .ghost-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:14px 20px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      background:rgba(255,255,255,.07);
      color:#fff;
      font-weight:760;
      backdrop-filter:blur(15px);
      transition:transform .22s ease, background .22s ease, border-color .22s ease;
    }
    .ghost-btn:hover { transform:translateY(-2px); background:rgba(255,255,255,.095); border-color:rgba(255,255,255,.32); }
    .menu-toggle {
      display:none;
      width:48px;
      height:48px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:16px;
      color:#fff;
      background:rgba(255,255,255,.07);
      cursor:pointer;
    }
    .menu-toggle span { display:block; width:20px; height:2px; background:#fff; margin:5px auto; border-radius:999px; }

    main { position:relative; z-index:1; }
    .section {
      position:relative;
      width:var(--container);
      margin:0 auto;
      padding:92px 0;
    }
    .section.min { min-height:100vh; display:flex; flex-direction:column; justify-content:center; }
    .hero {
      min-height:100vh;
      width:var(--container);
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0, .92fr) minmax(460px, 1.08fr);
      gap:54px;
      align-items:center;
      padding:138px 0 70px;
    }
    .hero-copy { max-width:650px; }
    .eyebrow {
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:rgba(255,248,255,.78);
      font-weight:740;
      letter-spacing:.04em;
      text-transform:uppercase;
      font-size:.76rem;
      margin-bottom:22px;
      padding:10px 13px;
      border-radius:999px;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.12);
    }
    .eyebrow::before {
      content:"";
      width:8px;
      height:8px;
      border-radius:999px;
      background:linear-gradient(135deg, var(--violet), var(--pink), var(--orange));
      box-shadow:0 0 18px rgba(255,98,183,.8);
    }
    h1, h2, h3, p { margin-top:0; }
    h1 {
      font-size:clamp(3.25rem, 6.2vw, 6.9rem);
      line-height:.92;
      letter-spacing:-.082em;
      margin:0 0 26px;
      text-wrap:balance;
    }
    .gradient-text {
      background:linear-gradient(92deg, #fff 0%, #fff 39%, #f0a06f 63%, #ff65ba 87%, #b986ff 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    .hero-lead {
      font-size:clamp(1.05rem, 1.7vw, 1.28rem);
      line-height:1.72;
      color:var(--muted);
      max-width:620px;
      margin-bottom:34px;
    }
    .hero-lead strong { color:#fff; font-weight:800; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:28px; }
    .micro-proof { display:flex; flex-wrap:wrap; gap:12px; color:rgba(255,255,255,.68); }
    .micro-proof div {
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:9px 10px;
      border:1px solid rgba(255,255,255,.11);
      border-radius:999px;
      background:rgba(255,255,255,.04);
      font-size:.9rem;
    }
    .micro-proof svg { width:17px; height:17px; color:#d896ff; }

    .control-room {
      position:relative;
      min-height:620px;
      perspective:1300px;
    }
    .system-panel {
      position:absolute;
      inset:50px 0 auto auto;
      width:min(680px, 100%);
      transform:rotateX(4deg) rotateY(-9deg) rotateZ(1deg);
      border:1px solid rgba(255,255,255,.17);
      border-radius:34px;
      background:linear-gradient(135deg, rgba(19,9,34,.88), rgba(30,12,50,.68));
      box-shadow:var(--shadow), 0 0 0 1px rgba(255,255,255,.05) inset, 0 0 80px rgba(157,98,255,.16), 28px 30px 120px rgba(240,160,111,.12);
      overflow:hidden;
      backdrop-filter:blur(22px);
      animation:panelFloat 7s ease-in-out infinite;
    }
    @keyframes panelFloat {
      0%,100% { transform:rotateX(4deg) rotateY(-9deg) rotateZ(1deg) translateY(0); }
      50% { transform:rotateX(3deg) rotateY(-7deg) rotateZ(.5deg) translateY(-12px); }
    }
    .system-panel::before {
      content:"";
      position:absolute;
      inset:-1px;
      background:linear-gradient(115deg, rgba(157,98,255,.62), transparent 27%, transparent 67%, rgba(240,160,111,.56));
      opacity:.66;
      pointer-events:none;
      mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      padding:1px;
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      border-radius:34px;
    }
    .panel-top {
      height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 24px;
      border-bottom:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.025);
    }
    .panel-title { display:flex; align-items:center; gap:10px; font-weight:850; letter-spacing:-.02em; }
    .mini-logo { width:28px; height:28px; object-fit:contain; filter:drop-shadow(0 0 10px rgba(240,160,111,.22)); }
    .panel-search {
      width:210px;
      max-width:44%;
      height:38px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:999px;
      background:rgba(0,0,0,.18);
      display:flex;
      align-items:center;
      color:rgba(255,255,255,.42);
      padding:0 14px;
      font-size:.78rem;
    }
    .panel-body { display:grid; grid-template-columns:164px 1fr; min-height:480px; }
    .side-menu {
      padding:20px 14px;
      border-right:1px solid rgba(255,255,255,.10);
      display:flex;
      flex-direction:column;
      gap:9px;
      background:linear-gradient(180deg, rgba(255,255,255,.05), transparent);
    }
    .side-menu div {
      display:flex;
      align-items:center;
      gap:9px;
      padding:10px 11px;
      border-radius:14px;
      color:rgba(255,255,255,.65);
      font-size:.78rem;
      font-weight:650;
    }
    .side-menu div.active {
      color:#fff;
      background:linear-gradient(115deg, rgba(157,98,255,.55), rgba(255,98,183,.13));
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.11);
    }
    .panel-content { padding:20px; }
    .panel-content h3 { margin:0 0 16px; font-size:1.28rem; letter-spacing:-.04em; }
    .metric-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; margin-bottom:12px; }
    .metric {
      min-height:96px;
      padding:14px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.07);
      border-radius:18px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.075);
    }
    .metric small { display:block; color:rgba(255,255,255,.52); font-weight:650; font-size:.72rem; margin-bottom:8px; }
    .metric b { display:block; font-size:1.55rem; letter-spacing:-.04em; }
    .metric span { font-size:.72rem; color:#87ffd5; font-weight:740; }
    .work-grid { display:grid; grid-template-columns:1.22fr .88fr; gap:12px; }
    .chart-card, .todo-card, .calendar-card, .notify-card {
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.046);
      border-radius:20px;
      padding:16px;
      min-height:190px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }
    .chart { height:142px; position:relative; overflow:hidden; border-radius:16px; margin-top:8px; background:linear-gradient(180deg, rgba(157,98,255,.12), transparent); }
    .chart svg { width:100%; height:100%; }
    .todo-list { display:grid; gap:12px; margin-top:10px; }
    .todo { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; color:rgba(255,255,255,.74); font-size:.78rem; }
    .dot { width:9px; height:9px; border-radius:999px; background:linear-gradient(135deg, var(--violet), var(--pink)); box-shadow:0 0 14px rgba(255,98,183,.7); }
    .dash-bottom { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
    .mini-calendar { display:grid; grid-template-columns:repeat(7, 1fr); gap:5px; margin-top:12px; color:rgba(255,255,255,.55); font-size:.68rem; text-align:center; }
    .mini-calendar span { padding:4px 0; border-radius:7px; }
    .mini-calendar .mark { color:#fff; background:linear-gradient(135deg, rgba(157,98,255,.7), rgba(255,98,183,.3)); }
    .notify-row { display:flex; gap:9px; align-items:flex-start; padding:8px 0; color:rgba(255,255,255,.68); font-size:.76rem; border-bottom:1px solid rgba(255,255,255,.075); }
    .notify-row:last-child { border-bottom:0; }

    .floating-note {
      position:absolute;
      right:22px;
      bottom:28px;
      max-width:290px;
      padding:16px 18px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.085);
      backdrop-filter:blur(18px);
      box-shadow:0 18px 45px rgba(0,0,0,.28);
      animation:noteFloat 5.5s ease-in-out infinite;
    }
    @keyframes noteFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }
    .floating-note b { display:block; margin-bottom:6px; }
    .floating-note p { color:var(--muted); margin:0; font-size:.9rem; line-height:1.55; }

    .headline-row {
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      gap:28px;
      margin-bottom:32px;
    }
    .section h2 {
      font-size:clamp(2.1rem, 4vw, 4.5rem);
      line-height:.98;
      letter-spacing:-.07em;
      margin:0;
      text-wrap:balance;
    }
    .section-intro {
      color:var(--muted);
      line-height:1.7;
      font-size:1.05rem;
      max-width:440px;
      margin:0;
    }
    .glass-grid {
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:16px;
    }
    .card {
      position:relative;
      min-height:220px;
      padding:24px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:26px;
      background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.05));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.075), 0 18px 50px rgba(0,0,0,.23);
      overflow:hidden;
      transition:transform .25s ease, border-color .25s ease, background .25s ease;
    }
    .card::before {
      content:"";
      position:absolute;
      inset:auto -30% -60% -30%;
      height:120px;
      background:radial-gradient(circle, rgba(157,98,255,.24), transparent 62%);
      opacity:.0;
      transition:opacity .25s ease;
    }
    .card:hover { transform:translateY(-6px); border-color:rgba(255,255,255,.26); background:linear-gradient(145deg, rgba(255,255,255,.098), rgba(255,255,255,.04)); }
    .card:hover::before { opacity:1; }
    .card .icon {
      width:44px;
      height:44px;
      border-radius:15px;
      display:grid;
      place-items:center;
      margin-bottom:18px;
      background:linear-gradient(135deg, rgba(157,98,255,.42), rgba(240,160,111,.20));
      border:1px solid rgba(255,255,255,.13);
      color:#fff;
      box-shadow:0 0 24px rgba(157,98,255,.14);
    }
    .card h3 { margin:0 0 10px; font-size:1.12rem; letter-spacing:-.035em; }
    .card p { margin:0; color:var(--muted); line-height:1.62; font-size:.95rem; }

    .split {
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      gap:24px;
      align-items:stretch;
    }
    .big-copy {
      padding:34px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:32px;
      background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
      box-shadow:var(--shadow);
    }
    .big-copy p { color:var(--muted); line-height:1.75; font-size:1.05rem; }
    .big-copy p:last-child { margin-bottom:0; }
    .proof-panel {
      padding:26px;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.13);
      background:rgba(255,255,255,.052);
      box-shadow:var(--shadow);
      display:grid;
      gap:14px;
    }
    .pain-row {
      display:grid;
      grid-template-columns:auto 1fr;
      gap:14px;
      align-items:start;
      padding:18px;
      border:1px solid rgba(255,255,255,.10);
      border-radius:22px;
      background:rgba(0,0,0,.12);
    }
    .pain-row b { display:block; margin-bottom:5px; }
    .pain-row p { margin:0; color:var(--muted); line-height:1.55; }
    .num {
      width:34px;
      height:34px;
      display:grid;
      place-items:center;
      border-radius:12px;
      background:linear-gradient(135deg, rgba(157,98,255,.58), rgba(255,98,183,.22));
      font-weight:900;
    }

    .timeline {
      position:relative;
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:16px;
    }
    .step {
      position:relative;
      padding:24px;
      min-height:245px;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.13);
      background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.038));
      overflow:hidden;
    }
    .step::after {
      content:"";
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:3px;
      background:linear-gradient(90deg, var(--violet), var(--pink), var(--orange));
      opacity:.75;
    }
    .step .kicker { color:var(--copper); font-weight:900; letter-spacing:.05em; font-size:.74rem; text-transform:uppercase; }
    .step h3 { margin:12px 0 10px; font-size:1.2rem; letter-spacing:-.04em; }
    .step p { margin:0; color:var(--muted); line-height:1.62; }

    .gallery { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }
    .mock-shot {
      min-height:360px;
      position:relative;
      padding:18px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:32px;
      background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
      box-shadow:var(--shadow);
      overflow:hidden;
      cursor:pointer;
    }
    .mock-shot.small { min-height:171px; }
    .mock-shot::before {
      content:"";
      position:absolute;
      inset:-40%;
      background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.14), transparent 21%);
      opacity:.0;
      transition:opacity .2s ease;
    }
    .mock-shot:hover::before { opacity:1; }
    .mock-ui { position:absolute; inset:18px; border-radius:24px; background:rgba(9,5,20,.78); border:1px solid rgba(255,255,255,.12); overflow:hidden; }
    .mock-top { height:48px; display:flex; align-items:center; gap:8px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.09); }
    .traffic { width:10px; height:10px; border-radius:999px; background:rgba(255,255,255,.22); }
    .mock-content { display:grid; grid-template-columns:120px 1fr; height:calc(100% - 48px); }
    .mock-side { border-right:1px solid rgba(255,255,255,.08); padding:13px; display:grid; gap:9px; align-content:start; }
    .mock-line { height:13px; border-radius:999px; background:rgba(255,255,255,.12); }
    .mock-line.active { background:linear-gradient(90deg, rgba(157,98,255,.85), rgba(255,98,183,.35)); }
    .mock-main { padding:16px; display:grid; gap:12px; }
    .mock-title { height:20px; width:44%; border-radius:999px; background:rgba(255,255,255,.18); }
    .mock-cards { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
    .mock-card { min-height:74px; border-radius:16px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.09); }
    .mock-chart { min-height:134px; border-radius:18px; background:linear-gradient(180deg, rgba(157,98,255,.22), rgba(240,160,111,.08)); border:1px solid rgba(255,255,255,.09); position:relative; overflow:hidden; }
    .mock-chart::after { content:""; position:absolute; left:-8%; bottom:28%; width:116%; height:42%; border-radius:50%; border-top:2px solid rgba(255,255,255,.55); transform:rotate(-7deg); filter:drop-shadow(0 0 12px rgba(255,98,183,.45)); }
    .mock-caption { position:absolute; left:34px; bottom:30px; right:34px; display:flex; justify-content:space-between; align-items:end; z-index:2; }
    .mock-caption b { font-size:1.35rem; letter-spacing:-.05em; }
    .mock-caption span { color:rgba(255,255,255,.62); font-size:.92rem; }
    .stack { display:grid; gap:18px; }

    .pricing { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; padding-top:30px; align-items:stretch; }
    .price-card {
      position:relative;
      min-height:510px;
      display:flex;
      flex-direction:column;
      padding:26px;
      border-radius:30px;
      border:1px solid rgba(255,255,255,.13);
      background:linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.05));
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .price-card.featured { border-color:rgba(240,160,111,.38); background:linear-gradient(145deg, rgba(240,160,111,.115), rgba(157,98,255,.055)); }
    .price-card h3 { font-size:1.2rem; letter-spacing:-.04em; margin:0 0 14px; }
    .price { margin:0 0 4px; font-size:2rem; line-height:1; letter-spacing:-.06em; font-weight:900; }
    .vat { color:var(--soft); font-weight:650; margin-bottom:18px; }
    .price-card p { color:var(--muted); line-height:1.55; }
    .price-card ul { flex:1 1 auto; list-style:none; padding:0; margin:10px 0 24px; display:grid; gap:10px; }
    .price-card li { display:grid; grid-template-columns:auto 1fr; gap:9px; color:rgba(255,255,255,.77); font-size:.93rem; line-height:1.45; }
    .price-card li::before { content:"✓"; color:var(--green); font-weight:900; }
    .price-card .ghost-btn,
    .price-card .cta { margin-top:auto; width:100%; justify-content:center; min-height:52px; }
    .card-tag {
      position:absolute;
      top:-14px;
      left:50%;
      transform:translateX(-50%);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:28px;
      min-width:auto;
      margin:0;
      padding:0 16px;
      border-radius:999px;
      background:linear-gradient(135deg, #9d62ff 0%, #ff62b7 58%, #f0a06f 100%);
      border:1px solid rgba(255,255,255,.26);
      color:#fff;
      font-size:.68rem;
      font-weight:900;
      letter-spacing:.105em;
      line-height:1;
      text-transform:uppercase;
      white-space:nowrap;
      box-shadow:
        0 8px 22px rgba(0,0,0,.28),
        0 0 26px rgba(255,98,183,.34),
        0 0 34px rgba(157,98,255,.18),
        inset 0 1px 0 rgba(255,255,255,.30);
      z-index:12;
      pointer-events:none;
      backdrop-filter:blur(14px) saturate(145%);
      -webkit-backdrop-filter:blur(14px) saturate(145%);
    }
    .card-tag::before {
      content:"";
      position:absolute;
      inset:-1px;
      border-radius:inherit;
      background:linear-gradient(135deg, rgba(255,255,255,.38), transparent 35%, rgba(255,255,255,.18) 72%, transparent);
      opacity:.42;
      pointer-events:none;
    }
    .card-tag::after {
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      bottom:-10px;
      height:12px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(157,98,255,0), rgba(255,98,183,.36), rgba(240,160,111,0));
      filter:blur(8px);
      opacity:.75;
      z-index:-1;
    }
    .price-card.featured h3 { padding-right:0; }
    .price-card.featured { padding-top:26px; }

    .spotlight-card {
      position:relative;
      overflow:hidden;
      isolation:isolate;
      --sx:50%;
      --sy:50%;
    }
    .price-card.featured.spotlight-card { overflow:visible; }
    .spotlight-card::before {
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      background:radial-gradient(260px circle at var(--sx) var(--sy), rgba(255,255,255,.12), rgba(255,98,183,.08) 18%, rgba(157,98,255,.06) 34%, transparent 62%);
      opacity:0;
      transition:opacity .28s ease;
      z-index:0;
    }
    .spotlight-card::after {
      content:"";
      position:absolute;
      inset:0;
      padding:1px;
      border-radius:inherit;
      pointer-events:none;
      background:radial-gradient(300px circle at var(--sx) var(--sy), rgba(255,255,255,.55), rgba(255,98,183,.28) 18%, rgba(240,160,111,.2) 28%, rgba(255,255,255,0) 58%);
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask-composite:exclude;
      opacity:0;
      transition:opacity .28s ease;
      z-index:2;
    }
    .spotlight-card:hover::before,
    .spotlight-card:hover::after {
      opacity:1;
    }
    .spotlight-card > * {
      position:relative;
      z-index:1;
    }
    .addons {
      margin-top:22px;
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:14px;
    }
    .addon {
      padding:20px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.052);
      display:grid;
      gap:8px;
    }
    .addon-head { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
    .addon b { letter-spacing:-.025em; }
    .addon strong { color:#fff; white-space:nowrap; }
    .addon p { margin:0; color:var(--muted); line-height:1.55; font-size:.94rem; }


    .included-system {
      margin-top:54px;
      position:relative;
      display:grid;
      grid-template-columns:minmax(280px, .78fr) 1.22fr;
      gap:18px;
      align-items:stretch;
    }
    .included-system::before {
      content:"";
      position:absolute;
      inset:-18px;
      border-radius:36px;
      background:
        radial-gradient(circle at 20% 25%, rgba(255,176,110,.16), transparent 34%),
        radial-gradient(circle at 82% 58%, rgba(157,98,255,.18), transparent 34%);
      filter:blur(18px);
      opacity:.86;
      pointer-events:none;
      z-index:-1;
    }
    .included-core {
      position:relative;
      overflow:hidden;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.14);
      background:
        linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.05)),
        radial-gradient(circle at 30% 20%, rgba(240,160,111,.20), transparent 38%);
      box-shadow:var(--shadow);
      padding:32px;
      min-height:360px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .included-core::after {
      content:"";
      position:absolute;
      width:220px;
      height:220px;
      right:-80px;
      bottom:-90px;
      border-radius:999px;
      background:conic-gradient(from 130deg, rgba(157,98,255,.45), rgba(255,98,183,.20), rgba(240,160,111,.42), rgba(157,98,255,.45));
      filter:blur(7px);
      opacity:.55;
    }
    .included-core small {
      color:#ffd0a9;
      font-weight:850;
      letter-spacing:.08em;
      text-transform:uppercase;
      font-size:.72rem;
    }
    .included-core h2 {
      position:relative;
      z-index:1;
      margin:16px 0 16px;
      font-size:clamp(2.1rem, 3.7vw, 4rem);
      line-height:.96;
      letter-spacing:-.07em;
    }
    .included-core p {
      position:relative;
      z-index:1;
      margin:0;
      color:var(--muted);
      line-height:1.72;
      font-size:1.02rem;
      max-width:470px;
    }
    .included-promise {
      position:relative;
      z-index:1;
      margin-top:30px;
      display:flex;
      align-items:center;
      gap:10px;
      color:#fff;
      font-weight:820;
    }
    .included-promise span {
      width:10px;
      height:10px;
      border-radius:999px;
      background:linear-gradient(135deg, var(--pink), var(--orange));
      box-shadow:0 0 18px rgba(255,98,183,.7);
    }
    .included-grid {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:14px;
    }
    .included-item {
      position:relative;
      overflow:hidden;
      padding:24px;
      min-height:172px;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.13);
      background:linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.048));
      box-shadow:0 18px 48px rgba(0,0,0,.18);
    }
    .included-item::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:3px;
      background:linear-gradient(180deg, var(--violet), var(--pink), var(--orange));
      opacity:.9;
    }
    .included-item .no,
    .included-item .base-icon {
      display:inline-flex;
      width:46px;
      height:46px;
      align-items:center;
      justify-content:center;
      border-radius:16px;
      margin-bottom:18px;
      font-weight:900;
      background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.22), transparent 42%),
        linear-gradient(135deg, rgba(157,98,255,.24), rgba(255,98,183,.14), rgba(240,160,111,.20));
      color:#ffd0a9;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 0 26px rgba(255,98,183,.13), inset 0 1px 0 rgba(255,255,255,.13);
      font-size:1.25rem;
    }
    .included-item h3 {
      margin:0 0 8px;
      font-size:1.12rem;
      letter-spacing:-.035em;
    }
    .included-item p {
      margin:0;
      color:var(--muted);
      line-height:1.58;
      font-size:.95rem;
    }

    .about-panel {
      display:grid;
      grid-template-columns:minmax(320px, .88fr) minmax(0, 1.12fr);
      gap:0;
      align-items:stretch;
      border-radius:38px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(circle at 12% 18%, rgba(157,98,255,.18), transparent 30%),
        radial-gradient(circle at 84% 82%, rgba(240,160,111,.12), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.046));
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
    }
    .portrait-card {
      min-height:100%;
      padding:0;
      display:flex;
      flex-direction:column;
      justify-content:stretch;
      overflow:hidden;
      background:none;
      border:none;
      box-shadow:none;
      position:relative;
      isolation:isolate;
    }
    .executive-photo-side::after {
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg, rgba(10,7,22,.06) 0%, rgba(10,7,22,.08) 44%, rgba(10,7,22,.40) 100%),
        radial-gradient(circle at 16% 16%, rgba(157,98,255,.22), transparent 34%);
      pointer-events:none;
      z-index:1;
    }
    .portrait-photo-frame {
      position:relative;
      height:100%;
      min-height:620px;
      border-radius:0;
      aspect-ratio:auto;
      background:linear-gradient(180deg, rgba(12,8,23,.84), rgba(12,8,23,.50));
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:none;
    }
    .portrait-photo-frame img {
      width:100%;
      height:100%;
      display:block;
      object-fit:contain;
      object-position:center center;
      background:linear-gradient(180deg, #e8e3df 0%, #dbd5d1 100%);
    }
    .portrait-meta { display:none; }
    .about-copy {
      padding:42px 44px;
      background:none;
      border:none;
      box-shadow:none;
    }
    .executive-copy h3 {
      margin:18px 0 6px;
      font-size:clamp(1.9rem, 3vw, 2.65rem);
      letter-spacing:-.05em;
      line-height:1.05;
    }
    .about-role {
      margin:0 0 18px;
      color:rgba(255,255,255,.72);
      font-size:1.02rem;
      line-height:1.65;
    }
    .about-copy p {
      color:rgba(255,255,255,.78);
      font-size:1.08rem;
      line-height:1.92;
      margin:0 0 18px;
      max-width:64ch;
    }
    .about-copy strong { color:#fff; font-weight:750; }
    .about-quote {
      margin:0 0 24px;
      padding:18px 20px 18px 24px;
      border-left:3px solid rgba(157,98,255,.74);
      border-radius:18px;
      background:linear-gradient(135deg, rgba(157,98,255,.12), rgba(255,255,255,.046));
      color:#fff;
      font-size:1.02rem;
      line-height:1.82;
      font-weight:650;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
    }
    .skill-strip {
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:24px;
    }
    .skill-strip span {
      padding:11px 14px;
      border:1px solid rgba(210,195,255,.24);
      border-radius:999px;
      background:linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.028));
      color:rgba(255,255,255,.88);
      font-weight:650;
      font-size:.91rem;
      letter-spacing:.01em;
      box-shadow:0 0 0 1px rgba(157,98,255,.05), inset 0 0 18px rgba(157,98,255,.05);
    }

    .faq { display:grid; gap:12px; max-width:960px; margin:0 auto; }
    .faq-item {
      border:1px solid rgba(255,255,255,.13);
      border-radius:24px;
      background:rgba(255,255,255,.052);
      overflow:hidden;
    }
    .faq-q {
      width:100%;
      display:flex;
      justify-content:space-between;
      gap:18px;
      align-items:center;
      color:#fff;
      background:transparent;
      border:0;
      padding:22px 24px;
      cursor:pointer;
      text-align:left;
      font-weight:830;
      letter-spacing:-.025em;
    }
    .faq-q span:last-child { font-size:1.4rem; color:var(--copper); }
    .faq-a {
      max-height:0;
      overflow:hidden;
      transition:max-height .3s ease;
    }
    .faq-a p { padding:0 24px 22px; color:var(--muted); line-height:1.65; margin:0; }
    .faq-item.open .faq-a { max-height:900px; }

    .wizard-wrapper {
      display:grid;
      grid-template-columns:minmax(0, .95fr) minmax(460px, 1.05fr);
      gap:36px;
      width:100%;
      padding:42px;
      border-radius:38px;
      border:1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(circle at 8% 10%, rgba(157,98,255,.18), transparent 34%),
        radial-gradient(circle at 92% 18%, rgba(255,98,183,.13), transparent 33%),
        linear-gradient(145deg, rgba(255,255,255,.088), rgba(255,255,255,.036));
      box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.08);
      align-items:center;
      overflow:visible;
      position:relative;
    }
    .wizard-wrapper::before {
      content:"";
      position:absolute;
      inset:1px;
      border-radius:37px;
      pointer-events:none;
      background:linear-gradient(135deg, rgba(255,255,255,.09), transparent 32%, rgba(240,160,111,.07));
      opacity:.72;
    }
    .wizard-left, .wizard-right { position:relative; z-index:2; }
    .wizard-left { display:flex; flex-direction:column; gap:20px; }
    .wizard-left h2 {
      font-size:clamp(2.65rem, 5vw, 5rem);
      line-height:.94;
      letter-spacing:-.078em;
      margin:0;
      text-wrap:balance;
    }
    .wizard-left p {
      font-size:1.08rem;
      line-height:1.72;
      color:var(--muted);
      max-width:520px;
      margin:0;
    }
    .trust-badges { display:grid; gap:14px; margin-top:12px; }
    .badge {
      display:flex;
      align-items:center;
      gap:14px;
      padding:15px 17px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.12);
      background:linear-gradient(135deg, rgba(255,255,255,.067), rgba(255,255,255,.048));
      color:rgba(255,248,255,.82);
      font-weight:720;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.075);
    }
    .badge-icon {
      width:42px;
      height:42px;
      min-width:42px;
      display:grid;
      place-items:center;
      border-radius:15px;
      background:linear-gradient(135deg, rgba(157,98,255,.28), rgba(255,98,183,.16), rgba(240,160,111,.16));
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 0 26px rgba(255,98,183,.10);
      font-size:1.25rem;
    }
    .wizard-right {
      padding:30px;
      border-radius:30px;
      border:1px solid rgba(255,255,255,.13);
      background:
        radial-gradient(circle at 20% 0%, rgba(157,98,255,.14), transparent 38%),
        linear-gradient(145deg, rgba(0,0,0,.28), rgba(0,0,0,.14));
      box-shadow:0 24px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07);
      overflow:visible;
    }
    .progress-container {
      display:flex;
      justify-content:space-between;
      position:relative;
      margin-bottom:34px;
      isolation:isolate;
    }
    .progress-container::before {
      content:"";
      position:absolute;
      top:50%;
      left:0;
      right:0;
      transform:translateY(-50%);
      height:4px;
      border-radius:999px;
      background:rgba(255,255,255,.075);
      z-index:1;
    }
    .progress-bar-fill {
      position:absolute;
      top:50%;
      left:0;
      transform:translateY(-50%);
      height:4px;
      width:0%;
      border-radius:999px;
      background:linear-gradient(90deg, var(--violet), var(--pink), var(--orange));
      box-shadow:0 0 22px rgba(255,98,183,.30);
      z-index:2;
      transition:width .38s cubic-bezier(.2,.8,.2,1);
    }
    .step-indicator {
      width:34px;
      height:34px;
      border-radius:999px;
      display:grid;
      place-items:center;
      z-index:3;
      font-weight:900;
      font-size:.92rem;
      color:rgba(255,248,255,.58);
      background:#13091f;
      border:2px solid rgba(255,255,255,.14);
      transition:all .28s ease;
    }
    .step-indicator.active {
      color:#fff;
      border-color:rgba(255,98,183,.78);
      box-shadow:0 0 0 6px rgba(255,98,183,.10), 0 0 22px rgba(255,98,183,.34);
      background:linear-gradient(135deg, rgba(157,98,255,.42), rgba(255,98,183,.30));
    }
    .step-indicator.completed {
      color:#fff;
      border-color:rgba(157,98,255,.92);
      background:linear-gradient(135deg, var(--violet), var(--pink));
    }
    .wizard-form { display:block; }
    .form-step { display:none; animation:wizardFade .36s ease forwards; }
    .form-step.active { display:block; }
    @keyframes wizardFade { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
    .step-title {
      margin:0 0 22px;
      font-size:1.45rem;
      letter-spacing:-.045em;
    }
    .form-group { display:grid; gap:9px; margin-bottom:18px; }
    .form-group label { color:rgba(255,248,255,.80); font-weight:760; font-size:.92rem; }
    .wizard-form input, .wizard-form textarea, .wizard-form select {
      width:100%;
      border:1px solid rgba(255,255,255,.14);
      border-radius:18px;
      background:rgba(255,255,255,.07);
      color:#fff;
      padding:16px 17px;
      outline:none;
      transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .wizard-form textarea { min-height:166px; resize:vertical; }
    .wizard-form input:focus, .wizard-form textarea:focus, .wizard-form select:focus {
      border-color:rgba(240,160,111,.52);
      background:rgba(255,255,255,.08);
      box-shadow:0 0 0 4px rgba(240,160,111,.08);
    }
    .checkbox-group {
      display:grid;
      grid-template-columns:20px minmax(0,1fr);
      align-items:flex-start;
      gap:12px;
      color:rgba(255,248,255,.78);
      line-height:1.45;
      margin:8px 0 20px;
      cursor:pointer;
    }
    .wizard-form .checkbox-group input[type="checkbox"] {
      width:18px;
      height:18px;
      min-width:18px;
      max-width:18px;
      padding:0;
      margin:3px 0 0;
      flex:0 0 18px;
      accent-color:#a855f7;
      transform:none;
      cursor:pointer;
    }
    .checkbox-group span { display:block; min-width:0; }
    .checkbox-group a {
      color:#fff;
      font-weight:850;
      text-decoration:underline;
      text-decoration-color:rgba(240,160,111,.65);
      text-underline-offset:3px;
    }
    .checkbox-group a:hover { color:#ffd0ac; }
    .button-group { display:flex; justify-content:space-between; gap:14px; margin-top:28px; }
    .btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:54px;
      padding:14px 20px;
      border-radius:999px;
      border:0;
      cursor:pointer;
      font-weight:880;
      color:#fff;
      transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
    }
    .btn-prev {
      color:rgba(255,248,255,.75);
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.14);
    }
    .btn-prev:hover { color:#fff; background:rgba(255,255,255,.085); transform:translateY(-1px); }
    .btn-next, .btn-submit {
      flex:1;
      background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.32), transparent 34%),
        linear-gradient(135deg, rgba(157,98,255,.96), rgba(255,98,183,.82), rgba(240,160,111,.92));
      box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 16px 42px rgba(255,98,183,.22);
    }
    .btn-next:hover, .btn-submit:hover { transform:translateY(-2px); box-shadow:0 0 0 1px rgba(255,255,255,.11) inset, 0 20px 54px rgba(255,98,183,.34); }
    .field-invalid, .select-trigger.field-invalid {
      border-color:rgba(255,98,137,.72) !important;
      box-shadow:0 0 0 4px rgba(255,98,137,.11) !important;
    }
    .wizard-note { display:block; color:rgba(255,248,255,.46); margin-top:14px; line-height:1.45; }

    .contact-box {
      padding:36px;
      border-radius:36px;
      border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
      box-shadow:var(--shadow);
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:26px;
      overflow:visible;
    }
    .contact-box h2 { margin-bottom:20px; }
    .question-list { display:grid; gap:12px; margin-top:22px; }
    .question-list div {
      padding:14px 15px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.06);
      color:rgba(255,255,255,.73);
    }
    .form { display:grid; gap:16px; }
    .form-section {
      padding:18px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:24px;
      background:rgba(0,0,0,.13);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.075);
    }
    .form-section h3 {
      margin:0 0 14px;
      font-size:1rem;
      letter-spacing:-.025em;
      color:#fff;
    }
    .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .form label { display:grid; gap:8px; color:rgba(255,248,255,.78); font-weight:740; font-size:.9rem; }
    .form label.full { grid-column:1 / -1; }
    .form input, .form textarea, .form select {
      width:100%;
      border:1px solid rgba(255,255,255,.14);
      border-radius:18px;
      background:rgba(0,0,0,.18);
      color:#fff;
      padding:16px 17px;
      outline:none;
      transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .form select { appearance:none; background-image:linear-gradient(45deg, transparent 50%, rgba(255,255,255,.75) 50%), linear-gradient(135deg, rgba(255,255,255,.75) 50%, transparent 50%); background-position:calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size:6px 6px, 6px 6px; background-repeat:no-repeat; padding-right:42px; }
    .form option { color:#160b24; background:#fff; }
    .form textarea { min-height:190px; resize:vertical; }
    .form input:focus, .form textarea:focus, .form select:focus { border-color:rgba(240,160,111,.52); background:rgba(0,0,0,.27); box-shadow:0 0 0 4px rgba(240,160,111,.08); }

    .faq-item { transition:border-color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease; }
    .faq-item:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.22); background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.05)); }
    .faq-item.open { border-color:rgba(240,160,111,.34); background:linear-gradient(145deg, rgba(157,98,255,.12), rgba(255,98,183,.055), rgba(0,0,0,.12)); box-shadow:0 20px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08); }
    .faq-q span:last-child {
      width:auto;
      height:auto;
      min-width:28px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:0;
      background:transparent;
      border:0;
      box-shadow:none;
      color:var(--copper);
      font-size:1.65rem;
      line-height:1;
      font-weight:420;
      transition:transform .24s ease, color .24s ease, opacity .24s ease;
    }
    .faq-item.open .faq-q span:last-child {
      transform:rotate(45deg);
      color:#fff;
      background:transparent;
      box-shadow:none;
      opacity:.95;
    }

    .form select.native-hidden {
      position:absolute;
      width:1px;
      height:1px;
      opacity:0;
      pointer-events:none;
      left:0;
      bottom:0;
      padding:0;
      border:0;
    }
    .select-ui { position:relative; width:100%; margin-top:0; z-index:3; }
    .select-ui.open { z-index:1000; }
    .form-section.select-parent-open { position:relative; z-index:1000; }
    .select-backdrop {
      position:fixed;
      inset:0;
      display:none;
      background:transparent;
      z-index:50;
      cursor:default;
    }
    .select-ui.open .select-backdrop { display:block; }
    .select-trigger {
      width:100%;
      min-height:56px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:18px;
      padding:15px 16px;
      color:#fff;
      cursor:pointer;
      text-align:left;
      background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.048));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 34px rgba(0,0,0,.16);
      transition:border-color .22s ease, box-shadow .22s ease, background .22s ease, transform .22s ease;
      position:relative;
      z-index:60;
    }
    .select-trigger:hover { border-color:rgba(255,255,255,.28); transform:translateY(-1px); background:linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.06)); }
    .select-ui.open .select-trigger, .select-trigger:focus-visible {
      border-color:rgba(240,160,111,.55);
      box-shadow:0 0 0 4px rgba(240,160,111,.09), inset 0 1px 0 rgba(255,255,255,.11), 0 18px 48px rgba(0,0,0,.20);
      outline:none;
    }
    .select-trigger .select-value { color:rgba(255,248,255,.92); line-height:1.35; }
    .select-trigger.is-placeholder .select-value { color:rgba(255,248,255,.52); }
    .select-chevron {
      width:34px;
      height:34px;
      min-width:34px;
      display:grid;
      place-items:center;
      border-radius:999px;
      background:rgba(255,255,255,.085);
      border:1px solid rgba(255,255,255,.11);
      color:#ffd0a9;
      transition:transform .24s ease, background .24s ease;
    }
    .select-chevron::before { content:"⌄"; font-size:1.12rem; line-height:1; transform:translateY(-2px); }
    .select-ui.open .select-chevron { transform:rotate(180deg); background:rgba(240,160,111,.15); }
    .select-menu {
      position:absolute;
      left:0;
      right:0;
      top:calc(100% + 10px);
      max-height:315px;
      overflow:auto;
      padding:8px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.18);
      background:
        radial-gradient(circle at 20% 0%, rgba(157,98,255,.22), transparent 35%),
        radial-gradient(circle at 88% 22%, rgba(255,98,183,.16), transparent 34%),
        linear-gradient(145deg, rgba(20,9,38,.96), rgba(34,14,56,.92));
      backdrop-filter:blur(22px) saturate(150%);
      -webkit-backdrop-filter:blur(22px) saturate(150%);
      box-shadow:0 28px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.10);
      opacity:0;
      visibility:hidden;
      transform:translateY(-8px) scale(.985);
      transform-origin:top;
      transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
      z-index:70;
    }
    .select-ui.open .select-menu { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
    .select-option {
      width:100%;
      display:flex;
      align-items:flex-start;
      gap:10px;
      border:0;
      color:rgba(255,248,255,.84);
      background:transparent;
      text-align:left;
      padding:13px 13px;
      border-radius:15px;
      cursor:pointer;
      line-height:1.42;
      font-weight:700;
      transition:background .18s ease, color .18s ease, transform .18s ease;
    }
    .select-option::before {
      content:"";
      width:8px;
      height:8px;
      min-width:8px;
      margin-top:.45em;
      border-radius:999px;
      background:rgba(255,255,255,.22);
      box-shadow:0 0 0 rgba(255,98,183,0);
      transition:background .18s ease, box-shadow .18s ease;
    }
    .select-option:hover, .select-option:focus-visible { background:rgba(255,255,255,.085); color:#fff; transform:translateX(2px); outline:none; }
    .select-option.selected {
      color:#fff;
      background:linear-gradient(135deg, rgba(157,98,255,.28), rgba(255,98,183,.16), rgba(240,160,111,.14));
    }
    .select-option.selected::before { background:#ffd0a9; box-shadow:0 0 16px rgba(255,98,183,.48), 0 0 22px rgba(240,160,111,.24); }
    .select-menu::-webkit-scrollbar { width:10px; }
    .select-menu::-webkit-scrollbar-track { background:rgba(255,255,255,.05); border-radius:999px; }
    .select-menu::-webkit-scrollbar-thumb { background:linear-gradient(var(--violet), var(--pink), var(--orange)); border-radius:999px; border:2px solid rgba(20,9,38,.94); }
    .checkline { display:flex !important; grid-template-columns:none !important; flex-direction:row; align-items:flex-start; gap:11px !important; font-weight:650 !important; line-height:1.45; }
    .checkline input { width:20px; height:20px; min-width:20px; margin:1px 0 0; accent-color:#ff8fc8; padding:0; }
    .checkline a { color:#ffd0a9; font-weight:850; text-decoration:underline; text-decoration-color:rgba(255,208,169,.35); }
    .form small { color:var(--soft); line-height:1.55; }
    .footer {
      width:var(--container);
      margin:0 auto;
      padding:40px 0 55px;
      color:rgba(255,255,255,.55);
      display:grid;
      grid-template-columns:1fr auto;
      align-items:center;
      gap:20px;
      border-top:1px solid rgba(255,255,255,.10);
    }
    .footer strong { color:#fff; display:block; margin-bottom:8px; }
    .footer a { color:#fff; font-weight:800; }
    .footer small { color:rgba(255,255,255,.48); }

    .lightbox {
      position:fixed;
      inset:0;
      background:rgba(3,1,9,.76);
      backdrop-filter:blur(18px);
      z-index:100;
      display:none;
      align-items:center;
      justify-content:center;
      padding:24px;
    }
    .lightbox.open { display:flex; }
    .lightbox-card {
      width:min(1040px, 96vw);
      min-height:620px;
      border-radius:34px;
      border:1px solid rgba(255,255,255,.15);
      background:linear-gradient(145deg, rgba(16,8,31,.96), rgba(30,12,50,.92));
      box-shadow:0 50px 120px rgba(0,0,0,.55);
      position:relative;
      overflow:hidden;
    }
    .lightbox-close {
      position:absolute;
      top:18px;
      right:18px;
      width:46px;
      height:46px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.08);
      color:#fff;
      cursor:pointer;
      z-index:4;
    }
    .lightbox-content { position:absolute; inset:28px; }

    .mobile-menu {
      position:fixed;
      top:88px;
      left:18px;
      right:18px;
      z-index:79;
      border:1px solid rgba(255,255,255,.15);
      border-radius:28px;
      background:rgba(16,8,32,.9);
      backdrop-filter:blur(22px);
      padding:14px;
      display:none;
      box-shadow:var(--shadow);
    }
    .mobile-menu.open { display:grid; }
    .mobile-menu a { padding:15px 14px; border-radius:16px; color:rgba(255,255,255,.84); font-weight:760; }
    .mobile-menu a:hover { background:rgba(255,255,255,.08); }

    @media (max-width:1100px) {
      .hero { grid-template-columns:1fr; gap:20px; padding-top:128px; }
      .hero-copy { max-width:860px; }
      .control-room { min-height:620px; }
      .system-panel { position:relative; inset:auto; margin:0 auto; }
      .desktop-nav { display:none; }
      .menu-toggle { display:block; }
      .nav-shell { grid-template-columns:auto auto auto; }
      .glass-grid, .pricing { grid-template-columns:repeat(2,1fr); }
      .timeline { grid-template-columns:repeat(2,1fr); }
      .split, .about-panel, .contact-box, .gallery { grid-template-columns:1fr; }
    }
    @media (max-width:700px) {
      :root { --container:min(100vw - 24px, 1180px); }
      .site-header { padding:10px 12px; }
      .nav-shell { min-height:68px; padding:9px 10px; }
      .brand-logo { width:44px; height:44px; }
      .brand-logo img { width:42px; height:42px; }
      .brand-word { width:124px; height:34px; }
      .brand-word .plain { font-size:1.62rem; }
      .brand-word svg { display:none; }
      .header-actions .cta { display:none; }
      .hero { padding-top:110px; }
      h1 { font-size:clamp(3.1rem, 17vw, 4.9rem); }
      .hero-actions { flex-direction:column; }
      .hero-actions .cta, .hero-actions .ghost-btn { width:100%; }
      .micro-proof { gap:8px; }
      .control-room { min-height:470px; margin-left:-10px; margin-right:-10px; }
      .system-panel { width:760px; transform:scale(.58); transform-origin:top left; animation:none; }
      .panel-body { grid-template-columns:126px 1fr; }
      .side-menu { padding:16px 10px; }
      .metric-grid { grid-template-columns:repeat(2,1fr); }
      .work-grid, .dash-bottom { grid-template-columns:1fr; }
      .floating-note { display:none; }
      .section { padding:72px 0; }
      .headline-row { flex-direction:column; align-items:flex-start; }
      .glass-grid, .pricing, .timeline, .addons { grid-template-columns:1fr; }
      .included-system, .included-grid { grid-template-columns:1fr; }
      .included-core { min-height:auto; }
      .gallery { gap:14px; }
      .mock-shot { min-height:320px; }
      .mock-shot.small { min-height:220px; }
      .footer { flex-direction:column; }
      .contact-box, .about-copy, .big-copy { padding:24px; }
      .field-grid { grid-template-columns:1fr; }
    }

    @media (max-width: 900px) {
      .wizard-wrapper { grid-template-columns:1fr; padding:28px 18px; gap:24px; border-radius:30px; }
      .wizard-left h2 { font-size:clamp(2.25rem, 12vw, 3.5rem); }
      .wizard-right { padding:22px 16px; border-radius:24px; }
      .button-group { flex-direction:column; }
      .btn-prev, .btn-next, .btn-submit { width:100%; }
    }

    @media (prefers-reduced-motion: reduce) {
      * { animation:none !important; transition:none !important; }
      .site-header.hide { transform:none; opacity:1; }
    }
  

    /* ===== NEW PROOF / ROI / ECOSYSTEM BLOCKS ===== */
    .ba-shell { display:grid; grid-template-columns: minmax(0,1fr); gap:28px; }
    .ba-slider {
      --split: 52;
      position:relative;
      min-height:560px;
      border-radius:34px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(135deg, rgba(15,8,29,.86), rgba(32,14,58,.76));
      box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.10);
      user-select:none;
      touch-action:none;
      isolation:isolate;
    }
    .ba-slider::before {
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at calc(var(--split) * 1%) 50%, rgba(255,255,255,.10), transparent 28%);
      pointer-events:none;
      z-index:4;
    }
    .ba-pane { position:absolute; inset:0; padding:32px; }
    .ba-chaos {
      background:
        radial-gradient(circle at 10% 16%, rgba(255,184,76,.12), transparent 22%),
        radial-gradient(circle at 88% 18%, rgba(255,89,121,.13), transparent 24%),
        linear-gradient(135deg, #1f1820 0%, #2a2025 40%, #18131c 100%);
    }
    .ba-order {
      clip-path: inset(0 0 0 calc(var(--split) * 1%));
      background:
        radial-gradient(circle at 75% 24%, rgba(255,98,183,.14), transparent 24%),
        radial-gradient(circle at 18% 16%, rgba(157,98,255,.14), transparent 24%),
        linear-gradient(135deg, rgba(11,7,28,.98), rgba(25,13,48,.96) 45%, rgba(19,10,38,.98));
      z-index:2;
    }
    .ba-tag {
      position:absolute; top:22px; padding:10px 14px; border-radius:999px; font-size:.85rem; font-weight:800; letter-spacing:.02em; z-index:5;
      border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(14px);
    }
    .ba-chaos .ba-tag { left:22px; background:rgba(255,98,98,.12); color:#ffd7d7; }
    .ba-order .ba-tag { right:22px; background:rgba(117,231,255,.10); color:#d7ffef; }
    .chaos-board { position:absolute; inset:74px 28px 28px; display:grid; grid-template-columns:1.05fr .95fr; gap:22px; }
    .paper-stack, .chaos-side { position:relative; }
    .paper {
      position:absolute; width:72%; min-height:170px; border-radius:24px; padding:18px; color:#f7efe8;
      background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.075));
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 24px 50px rgba(0,0,0,.20);
      backdrop-filter:blur(7px);
    }
    .paper:nth-child(1){ left:2%; top:12%; transform:rotate(-7deg); }
    .paper:nth-child(2){ left:14%; top:0; transform:rotate(5deg); }
    .paper:nth-child(3){ left:8%; top:38%; transform:rotate(-3deg); }
    .paper b { display:block; margin-bottom:14px; color:#fff; }
    .sheet-lines { display:grid; gap:8px; }
    .sheet-lines span { height:10px; border-radius:999px; background:rgba(255,255,255,.16); display:block; }
    .sheet-lines span.short { width:56%; }
    .paper.alert { min-height:98px; width:58%; left:34%; top:58%; background:linear-gradient(135deg, rgba(255,86,116,.24), rgba(255,86,116,.08)); }
    .paper.alert .error-chip { display:inline-flex; padding:7px 10px; border-radius:999px; background:rgba(255,86,116,.18); border:1px solid rgba(255,117,138,.34); font-weight:700; color:#ffe2e7; }
    .messenger-stack { position:absolute; inset:4% 0 0 6%; display:flex; flex-direction:column; gap:14px; justify-content:flex-start; }
    .msg {
      max-width:92%; padding:16px 18px; border-radius:20px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.1);
      box-shadow:0 16px 34px rgba(0,0,0,.18); font-weight:650; color:#fff6f6;
    }
    .msg.red { background:rgba(255,84,102,.17); color:#ffe0e6; }
    .msg.gray { background:rgba(255,255,255,.08); color:#fff5f8; }
    .chaos-mini-grid { position:absolute; right:0; bottom:8%; width:88%; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .chaos-mini { min-height:112px; border-radius:22px; border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.05); padding:14px; }
    .chaos-mini .row { display:flex; gap:7px; margin-bottom:8px; }
    .chaos-mini .cell { height:10px; flex:1; border-radius:999px; background:rgba(255,255,255,.12); }
    .chaos-mini .cell.red { background:rgba(255,84,102,.44); }
    .order-stage { position:absolute; inset:84px 30px 28px; display:grid; grid-template-columns:1.08fr .92fr; gap:22px; align-items:center; }
    .device {
      position:relative; min-height:360px; border-radius:32px; padding:18px; background:linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.046));
      border:1px solid rgba(255,255,255,.16); box-shadow:0 30px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
    }
    .device::after { content:""; position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); width:46%; height:10px; border-radius:999px; background:rgba(255,255,255,.10); filter:blur(10px); }
    .device-top { display:flex; align-items:center; gap:6px; margin-bottom:16px; }
    .dot3 { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.16); }
    .device-ui { display:grid; grid-template-columns:170px 1fr; gap:16px; min-height:280px; }
    .device-side, .device-main { border-radius:22px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
    .device-side { padding:18px 12px; display:grid; align-content:start; gap:12px; }
    .menu-pill { height:14px; border-radius:999px; background:linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.05)); }
    .menu-pill.active { background:linear-gradient(90deg, rgba(157,98,255,.7), rgba(255,98,183,.6)); }
    .device-main { padding:18px; display:grid; gap:16px; }
    .kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .kpi-box { padding:16px; border-radius:18px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.046)); border:1px solid rgba(255,255,255,.1); }
    .kpi-box b { display:block; font-size:1.4rem; margin-bottom:6px; }
    .kpi-box small { color:var(--muted); }
    .order-chart { min-height:120px; border-radius:20px; background:linear-gradient(180deg, rgba(117,231,255,.06), rgba(157,98,255,.04)); position:relative; overflow:hidden; }
    .order-chart svg { position:absolute; inset:0; width:100%; height:100%; }
    .status-rail { display:flex; gap:10px; flex-wrap:wrap; }
    .status-pill { padding:10px 12px; border-radius:999px; font-weight:800; font-size:.86rem; }
    .status-pill.good { background:rgba(135,255,213,.12); border:1px solid rgba(135,255,213,.28); color:#d9fff1; }
    .status-pill.pink { background:rgba(255,98,183,.12); border:1px solid rgba(255,98,183,.28); color:#ffe4f3; }
    .order-side { display:grid; gap:14px; }
    .signal-card { padding:18px; border-radius:24px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.10); box-shadow:0 18px 34px rgba(0,0,0,.18); }
    .signal-card b { display:block; margin-bottom:8px; }
    .signal-card p { margin:0; color:var(--muted); line-height:1.55; }
    .ba-divider {
      position:absolute; top:0; bottom:0; left:calc(var(--split) * 1%); width:2px; transform:translateX(-50%);
      background:linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.95), rgba(255,255,255,.0)); z-index:6;
      box-shadow:0 0 26px rgba(255,255,255,.45);
    }
    .ba-handle {
      position:absolute; top:50%; left:calc(var(--split) * 1%); transform:translate(-50%, -50%); width:72px; height:72px; border-radius:50%;
      border:1px solid rgba(255,255,255,.22); background:linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.075));
      backdrop-filter:blur(20px); box-shadow:0 22px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.16); z-index:7; cursor:ew-resize;
      display:grid; place-items:center;
    }
    .ba-handle::before, .ba-handle::after { content:""; position:absolute; width:16px; height:16px; border-top:2px solid #fff; border-right:2px solid #fff; opacity:.9; }
    .ba-handle::before { transform:translateX(-9px) rotate(-135deg); }
    .ba-handle::after { transform:translateX(9px) rotate(45deg); }
    .ba-note { margin-top:14px; text-align:center; color:var(--soft); font-size:.95rem; }

    .stories-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .story-card {
      padding:26px; border-radius:28px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.046));
      border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 50px rgba(0,0,0,.20); display:flex; flex-direction:column; gap:18px;
    }
    .story-card .sector { display:inline-flex; width:max-content; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.1); color:var(--muted); font-weight:800; font-size:.8rem; text-transform:uppercase; letter-spacing:.05em; }
    .story-card h3 { margin:0; font-size:1.45rem; line-height:1.25; }
    .story-point { padding:16px 18px; border-radius:20px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
    .story-point b { display:block; margin-bottom:8px; }
    .story-point p { margin:0; color:var(--muted); line-height:1.6; }
    .story-point.result { background:linear-gradient(160deg, rgba(135,255,213,.10), rgba(255,255,255,.04)); border-color:rgba(135,255,213,.18); }

    .eco-shell { display:grid; gap:24px; }
    .marquee-wrap { position:relative; overflow:hidden; border-radius:26px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); }
    .marquee-wrap::before, .marquee-wrap::after { content:""; position:absolute; top:0; bottom:0; width:72px; z-index:2; pointer-events:none; }
    .marquee-wrap::before { left:0; background:linear-gradient(90deg, rgba(8,4,18,1), rgba(8,4,18,0)); }
    .marquee-wrap::after { right:0; background:linear-gradient(270deg, rgba(8,4,18,1), rgba(8,4,18,0)); }
    .marquee-track { display:flex; gap:14px; width:max-content; padding:18px 14px; animation:marqueeFlow 26s linear infinite; }
    .tech-pill { display:inline-flex; align-items:center; gap:10px; padding:13px 16px; border-radius:999px; background:linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.12); font-weight:750; white-space:nowrap; }
    .tech-dot { width:12px; height:12px; border-radius:50%; background:linear-gradient(135deg, var(--violet), var(--pink)); box-shadow:0 0 18px rgba(255,98,183,.45); }
    @keyframes marqueeFlow { from { transform:translateX(0); } to { transform:translateX(-50%); } }
    .eco-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .eco-card { padding:24px; border-radius:28px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.046)); border:1px solid rgba(255,255,255,.12); }
    .eco-card h3 { margin:0 0 18px; font-size:1.22rem; }
    .eco-list { display:grid; gap:12px; }
    .eco-item { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
    .eco-item b { display:block; margin-bottom:4px; }
    .eco-item span { color:var(--muted); font-size:.94rem; line-height:1.45; }
    .eco-badge { flex:0 0 auto; padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.1); font-size:.82rem; font-weight:800; color:#fff; }

    .roi-card {
      position:relative; padding:34px; border-radius:32px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
      border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 70px rgba(0,0,0,.28); display:grid; grid-template-columns:minmax(0, .92fr) minmax(340px, 1.08fr); gap:28px;
      overflow:hidden;
    }
    .roi-card::before {
      content:""; position:absolute; inset:auto -10% -40% auto; width:360px; height:360px; border-radius:50%;
      background:radial-gradient(circle, rgba(255,98,183,.18), transparent 64%); filter:blur(18px); pointer-events:none;
    }
    .roi-card.money-running {
      box-shadow:0 30px 80px rgba(0,0,0,.32), 0 0 56px rgba(135,255,213,.08), inset 0 1px 0 rgba(255,255,255,.12);
    }
    .roi-controls { display:grid; gap:22px; align-content:start; }
    .roi-control { padding:20px; border-radius:24px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.09); }
    .roi-control label { display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:760; margin-bottom:14px; }
    .roi-value { display:inline-flex; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); font-size:.94rem; }
    .roi-range { -webkit-appearance:none; appearance:none; width:100%; height:12px; border-radius:999px; background:linear-gradient(90deg, rgba(157,98,255,.95), rgba(255,98,183,.95), rgba(240,160,111,.95)); outline:none; }
    .roi-range::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:30px; height:30px; border-radius:50%; background:#fff; border:4px solid rgba(157,98,255,.95); box-shadow:0 0 0 6px rgba(255,255,255,.075), 0 14px 20px rgba(0,0,0,.21); cursor:pointer; }
    .roi-range::-moz-range-thumb { width:30px; height:30px; border-radius:50%; background:#fff; border:4px solid rgba(157,98,255,.95); box-shadow:0 14px 20px rgba(0,0,0,.21); cursor:pointer; }
    .roi-hint { margin-top:12px; color:var(--soft); font-size:.9rem; }
    .roi-output { position:relative; display:grid; gap:20px; align-content:center; overflow:hidden; border-radius:28px; padding:8px; }
    .roi-output::before {
      content:"";
      position:absolute;
      left:-14%;
      right:-14%;
      top:50%;
      transform:translateY(-50%) translateX(var(--money-flow, 0px));
      color:rgba(154,255,217,.055);
      font-weight:950;
      font-size:clamp(2.1rem, 7vw, 6.4rem);
      letter-spacing:.08em;
      white-space:nowrap;
      opacity:0;
      pointer-events:none;
      filter:blur(.2px);
      transition:opacity .22s ease;
      z-index:0;
    }
    .roi-output::after {
      content:"";
      position:absolute;
      inset:8px;
      border-radius:26px;
      background:radial-gradient(circle at 50% 48%, rgba(135,255,213,.14), rgba(255,98,183,.08) 35%, transparent 70%);
      opacity:0;
      transform:scale(.96);
      transition:opacity .25s ease, transform .25s ease;
      pointer-events:none;
      z-index:0;
    }
    .roi-output.money-running::before { opacity:0; animation:none; display:none; }
    .roi-output.money-running::after { opacity:1; transform:scale(1); }
    .roi-output > * { position:relative; z-index:1; }
    .roi-kicker { color:var(--muted); font-weight:760; text-transform:uppercase; letter-spacing:.06em; font-size:.82rem; }
    .roi-amount {
      font-variant-numeric:tabular-nums;
      font-size:clamp(2.4rem, 6vw, 4.85rem); font-weight:900; line-height:.96; letter-spacing:-.05em;
      color:#9affd9; text-shadow:0 0 24px rgba(154,255,217,.20); animation:roiPulse 2.5s ease-in-out infinite;
      transition:filter .18s ease, text-shadow .18s ease;
    }
    .roi-output.money-running .roi-amount {
      filter:drop-shadow(0 0 18px rgba(154,255,217,.34));
      text-shadow:0 0 12px rgba(154,255,217,.36), 0 0 34px rgba(255,98,183,.22);
    }
    .roi-amount small { font-size:.42em; color:#ddfff3; }
    @keyframes roiPulse { 0%,100% { transform:scale(1); opacity:.98; } 50% { transform:scale(1.02); opacity:1; } }
    @keyframes moneyFlow { from { transform:translateY(-50%) translateX(0); } to { transform:translateY(-50%) translateX(-220px); } }
    .roi-copy { color:var(--muted); line-height:1.7; font-size:1.03rem; }
    .roi-meta { display:flex; gap:12px; flex-wrap:wrap; }
    .roi-meta .status-pill { background:rgba(255,255,255,.075); }
    .roi-cta { width:max-content; }

    @media (max-width: 1100px) {
      .stories-grid, .eco-grid, .roi-card { grid-template-columns:1fr; }
      .order-stage, .chaos-board { grid-template-columns:1fr; }
      .ba-slider { min-height:780px; }
      .order-stage { inset:84px 22px 24px; }
      .chaos-board { inset:74px 22px 22px; }
    }
    @media (max-width: 820px) {
      .ba-slider { min-height:860px; }
      .paper { width:82%; }
      .paper.alert { width:68%; left:26%; }
      .device-ui { grid-template-columns:1fr; }
      .device-side { grid-auto-flow:column; grid-auto-columns:1fr; }
      .kpi-row { grid-template-columns:1fr; }
      .ba-handle { width:60px; height:60px; }
      .marquee-track { animation-duration:34s; }
      .roi-card { padding:24px; }
    }
    @media (max-width: 520px) {
      .pricing { padding-top:18px; }
      .card-tag { top:-13px; height:26px; font-size:.62rem; padding:0 13px; letter-spacing:.09em; }
      .price-card.featured { padding-top:26px; }
    }

  
    /* Soft Lead Magnet / Blog-ajánló bubble */
    .dev-blog-bubble {
      position: fixed;
      right: clamp(16px, 2.4vw, 34px);
      bottom: clamp(16px, 2.4vw, 34px);
      z-index: 9998;
      width: min(392px, calc(100vw - 32px));
      pointer-events: none;
      opacity: 0;
      transform: translate3d(0, 26px, 0) scale(.94);
      transition: opacity .46s ease, transform .58s cubic-bezier(.19,1,.22,1);
      font-family: inherit;
    }
    .dev-blog-bubble.is-visible {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      pointer-events: auto;
    }
    .dev-blog-bubble__inner {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      gap: 13px;
      align-items: end;
    }
    .dev-blog-bubble__avatar {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      overflow: hidden;
      color: #fff;
      font-weight: 950;
      letter-spacing: -.03em;
      background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.22), transparent 28%),
        linear-gradient(135deg, var(--violet), var(--pink), var(--copper));
      box-shadow:
        0 0 0 1px rgba(255,255,255,.18) inset,
        0 18px 42px rgba(157,98,255,.28),
        0 0 34px rgba(255,98,183,.26);
      animation: devenitBubblePulse 3.2s ease-in-out infinite;
      user-select: none;
    }
    .dev-blog-bubble__avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 26%;
      display: block;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .dev-blog-bubble__card {
      position: relative;
      overflow: hidden;
      border-radius: 24px 24px 7px 24px;
      padding: 18px 18px 16px;
      border: 1px solid rgba(255,255,255,.15);
      background:
        linear-gradient(135deg, rgba(20,10,43,.90), rgba(34,15,57,.82)),
        radial-gradient(circle at 15% 0%, rgba(157,98,255,.22), transparent 34%),
        radial-gradient(circle at 90% 100%, rgba(255,98,183,.15), transparent 38%);
      backdrop-filter: blur(22px) saturate(150%);
      -webkit-backdrop-filter: blur(22px) saturate(150%);
      box-shadow:
        0 24px 70px rgba(0,0,0,.28),
        0 0 0 1px rgba(255,255,255,.04) inset;
    }
    .dev-blog-bubble__card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.10) 42%, transparent 72%);
      transform: translateX(-130%);
      animation: devenitBubbleShine 5.8s ease-in-out infinite;
      pointer-events: none;
    }
    .dev-blog-bubble__label {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 8px;
      color: rgba(255,255,255,.72);
      font-size: .72rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .12em;
    }
    .dev-blog-bubble__text {
      position: relative;
      margin: 0 28px 13px 0;
      color: rgba(255,255,255,.93);
      font-size: .96rem;
      line-height: 1.48;
      font-weight: 720;
    }
    .dev-blog-bubble__link {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #fff;
      text-decoration: none;
      font-size: .88rem;
      font-weight: 950;
      padding: 10px 13px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(157,98,255,.40), rgba(255,98,183,.25));
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 12px 32px rgba(255,98,183,.14);
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .dev-blog-bubble__link:hover {
      transform: translateY(-2px);
      border-color: rgba(255,255,255,.28);
      box-shadow: 0 18px 42px rgba(255,98,183,.22);
    }
    .dev-blog-bubble__close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 28px;
      height: 28px;
      border: 0;
      border-radius: 50%;
      cursor: pointer;
      color: rgba(255,255,255,.70);
      background: rgba(255,255,255,.07);
      font-size: 18px;
      line-height: 1;
      display: grid;
      place-items: center;
      transition: background .22s ease, color .22s ease, transform .22s ease;
    }
    .dev-blog-bubble__close:hover {
      color: #fff;
      background: rgba(255,255,255,.14);
      transform: rotate(90deg);
    }
    @keyframes devenitBubblePulse {
      0%,100% { transform: translateY(0) scale(1); }
      50% { transform: translateY(-3px) scale(1.045); }
    }
    @keyframes devenitBubbleShine {
      0%, 58% { transform: translateX(-130%); }
      78%, 100% { transform: translateX(130%); }
    }
    @media (max-width: 720px) {
      .dev-blog-bubble {
        right: 12px;
        left: 12px;
        bottom: 12px;
        width: auto;
      }
      .dev-blog-bubble__inner {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
      }
      .dev-blog-bubble__avatar {
        width: 44px;
        height: 44px;
        font-size: .86rem;
      }
      .dev-blog-bubble__card {
        border-radius: 22px 22px 7px 22px;
        padding: 15px 15px 14px;
      }
      .dev-blog-bubble__text {
        font-size: .9rem;
        margin-right: 26px;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .dev-blog-bubble,
      .dev-blog-bubble__avatar,
      .dev-blog-bubble__card::before {
        animation: none !important;
        transition: none !important;
      }
    }

  
    /* ===== v54 MOBILE HOME HARDENING PATCH =====
       A főoldali mobilnézet külön logikát kap: nincs több desktop panel lekicsinyítve,
       nincs vízszintes szétcsúszás, a hero és a dashboard valódi mobil kártyává válik. */
    @media (max-width: 760px) {
      :root {
        --container: calc(100vw - 28px);
        --radius: 24px;
      }

      html,
      body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
      }

      body {
        background-size: 120% 120%;
      }

      body::after {
        background-size: 54px 54px;
        opacity: .18;
      }

      .orb {
        width: 72vw;
        filter: blur(42px);
        opacity: .24;
      }

      .site-header {
        padding: 10px 12px;
      }

      .site-header.hide {
        transform: none;
        opacity: 1;
      }

      .site-header.scrolled {
        padding-top: 8px;
        padding-bottom: 8px;
      }

      .nav-shell {
        width: 100%;
        min-height: 62px;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        padding: 8px 10px;
        border-radius: 22px;
        overflow: visible;
      }

      .brand {
        min-width: 0;
        gap: 8px;
      }

      .brand-logo {
        width: 40px;
        height: 40px;
        flex: 0 0 auto;
      }

      .brand-logo img {
        width: 38px;
        height: 38px;
      }

      .brand-word {
        width: 112px;
        height: 31px;
      }

      .brand-word .plain {
        font-size: 1.46rem;
        letter-spacing: -.058em;
      }

      .desktop-nav,
      .header-actions {
        display: none;
      }

      .menu-toggle {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        border-radius: 16px;
      }

      .mobile-menu {
        top: 78px;
        left: 12px;
        right: 12px;
        border-radius: 24px;
      }

      .section,
      .hero {
        width: var(--container);
        max-width: var(--container);
      }

      .section {
        padding: 58px 0;
      }

      .section.min {
        min-height: auto;
        justify-content: flex-start;
      }

      .hero {
        min-height: auto;
        display: flex;
        flex-direction: column;
        gap: 28px;
        align-items: stretch;
        padding: 106px 0 44px;
      }

      .hero-copy {
        max-width: 100%;
      }

      .eyebrow {
        max-width: 100%;
        align-items: flex-start;
        white-space: normal;
        border-radius: 18px;
        line-height: 1.35;
        font-size: .68rem;
        padding: 9px 11px;
        margin-bottom: 18px;
      }

      h1 {
        font-size: clamp(2.58rem, 13.2vw, 4rem);
        line-height: .95;
        letter-spacing: -.074em;
        margin-bottom: 20px;
      }

      .hero-lead {
        font-size: 1rem;
        line-height: 1.62;
        margin-bottom: 24px;
      }

      .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
        margin-bottom: 18px;
      }

      .hero-actions .cta,
      .hero-actions .ghost-btn,
      .cta,
      .ghost-btn {
        width: 100%;
        justify-content: center;
        min-height: 50px;
        text-align: center;
      }

      .micro-proof {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
      }

      .micro-proof div {
        width: 100%;
        justify-content: flex-start;
        border-radius: 16px;
        font-size: .86rem;
        padding: 9px 11px;
      }

      .control-room {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin: 0;
        perspective: none;
      }

      .system-panel {
        position: relative;
        inset: auto;
        width: 100%;
        max-width: 100%;
        margin: 0;
        transform: none !important;
        animation: none !important;
        border-radius: 26px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(0,0,0,.31), inset 0 1px 0 rgba(255,255,255,.08);
      }

      .system-panel::before {
        border-radius: 26px;
        opacity: .48;
      }

      .panel-top {
        height: auto;
        min-height: 62px;
        padding: 14px 14px;
        gap: 12px;
        align-items: flex-start;
      }

      .panel-title {
        min-width: 0;
        font-size: .95rem;
        line-height: 1.22;
      }

      .mini-logo {
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
      }

      .panel-search {
        display: none;
      }

      .panel-body {
        display: block;
        min-height: auto;
      }

      .side-menu {
        display: none;
      }

      .panel-content {
        padding: 14px;
      }

      .panel-content h3 {
        font-size: 1.12rem;
        margin-bottom: 12px;
      }

      .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .metric {
        min-height: 82px;
        padding: 12px;
        border-radius: 16px;
      }

      .metric small {
        font-size: .66rem;
        line-height: 1.25;
      }

      .metric b {
        font-size: 1.24rem;
      }

      .work-grid,
      .dash-bottom {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .chart-card,
      .todo-card,
      .calendar-card,
      .notify-card {
        min-height: auto;
        padding: 13px;
        border-radius: 18px;
      }

      .chart {
        height: 118px;
      }

      .todo {
        grid-template-columns: auto minmax(0, 1fr);
        font-size: .76rem;
      }

      .todo span:last-child {
        grid-column: 2;
        justify-self: start;
        opacity: .72;
      }

      .mini-calendar {
        gap: 4px;
        font-size: .62rem;
      }

      .notify-row {
        font-size: .74rem;
      }

      .headline-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 22px;
      }

      .section h2 {
        font-size: clamp(2rem, 10.6vw, 3.15rem);
        line-height: 1.02;
        letter-spacing: -.065em;
      }

      .section-intro {
        max-width: 100%;
        font-size: .98rem;
        line-height: 1.62;
      }

      .glass-grid,
      .timeline,
      .pricing,
      .addons,
      .stories-grid,
      .eco-grid,
      .included-grid,
      .mock-cards,
      .kpi-row {
        grid-template-columns: 1fr !important;
      }

      .card,
      .step,
      .price-card,
      .story-card,
      .eco-card,
      .included-item,
      .big-copy,
      .proof-panel,
      .contact-box,
      .about-copy {
        padding: 20px;
        border-radius: 22px;
      }

      .split,
      .about-panel,
      .contact-box,
      .gallery,
      .roi-card,
      .included-system,
      .order-stage,
      .chaos-board,
      .device-ui {
        grid-template-columns: 1fr !important;
      }

      .gallery,
      .stack {
        gap: 12px;
      }

      .mock-shot {
        min-height: 300px;
        border-radius: 24px;
      }

      .mock-shot.small {
        min-height: 230px;
      }

      .mock-content {
        grid-template-columns: 1fr;
      }

      .mock-side {
        display: none;
      }

      .mock-main {
        padding: 14px;
      }

      .ba-slider {
        min-height: 920px;
        border-radius: 24px;
      }

      .ba-pane {
        padding: 20px;
      }

      .order-stage,
      .chaos-board {
        inset: 76px 14px 18px;
      }

      .paper {
        max-width: 88%;
      }

      .device-side {
        grid-auto-flow: row;
      }

      .roi-card {
        padding: 20px;
        border-radius: 24px;
      }

      .roi-amount {
        font-size: clamp(2.1rem, 12vw, 3.35rem);
        word-break: keep-all;
      }

      .roi-meta {
        display: grid;
        grid-template-columns: 1fr;
      }

      .wizard-wrapper {
        padding: 22px 16px;
        border-radius: 24px;
      }

      .button-group {
        display: grid;
        grid-template-columns: 1fr;
      }

      .footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
      }
    }

    @media (max-width: 420px) {
      :root { --container: calc(100vw - 22px); }

      .site-header { padding-left: 8px; padding-right: 8px; }
      .nav-shell { border-radius: 20px; }
      .brand-word { width: 104px; }
      .brand-word .plain { font-size: 1.36rem; }
      h1 { font-size: clamp(2.42rem, 13.8vw, 3.45rem); }
      .metric-grid { grid-template-columns: 1fr; }
      .panel-top { padding: 12px; }
      .panel-content { padding: 12px; }
      .hero { padding-top: 98px; }
    }


    /* ===== v55 MOBILE LANDING REBUILD =====
       Telefonon nem desktop bemutatót erőltetünk: rövid, gyors, menüvel használható landing flow. */
    @media (max-width: 760px) {
      body { overscroll-behavior-y: none; }
      #stars { display: none !important; }

      .site-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        padding: 8px 10px;
      }

      .site-header.hide,
      .site-header.scrolled {
        transform: none !important;
        opacity: 1 !important;
      }

      .nav-shell {
        min-height: 60px;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px;
        padding: 8px 10px;
        border-radius: 22px;
      }

      .header-actions {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
        min-width: 44px;
        z-index: 3;
      }

      .header-actions .cta,
      .desktop-nav {
        display: none !important;
      }

      .menu-toggle {
        display: grid !important;
        place-items: center;
        width: 44px;
        height: 44px;
        border-radius: 16px;
        background: linear-gradient(135deg, rgba(157,98,255,.22), rgba(255,98,183,.14));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 34px rgba(0,0,0,.18);
      }

      .mobile-menu {
        display: grid !important;
        position: fixed;
        top: 76px;
        left: 10px;
        right: 10px;
        z-index: 1001;
        max-height: calc(100vh - 92px);
        overflow: auto;
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 10px;
        border-radius: 24px;
        background: linear-gradient(145deg, rgba(16,8,32,.96), rgba(33,13,57,.94));
        box-shadow: 0 30px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.10);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px) scale(.985);
        transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
      }

      .mobile-menu.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0) scale(1);
      }

      .mobile-menu a {
        min-height: 46px;
        display: flex;
        align-items: center;
        padding: 12px 14px;
        border-radius: 16px;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.07);
      }

      .brand-logo { width: 38px; height: 38px; }
      .brand-logo img { width: 36px; height: 36px; }
      .brand-word { width: 104px; height: 30px; }
      .brand-word .plain { font-size: 1.34rem; letter-spacing: -.06em; }

      .brand-copy { gap:3px; }
      .brand-slogan {
        font-size:.48rem;
        letter-spacing:.19em;
        max-width:128px;
        overflow:hidden;
        text-overflow:ellipsis;
      }

      .hero {
        padding-top: 92px !important;
        padding-bottom: 24px !important;
        gap: 16px !important;
      }

      h1 {
        font-size: clamp(2.34rem, 12.4vw, 3.55rem) !important;
        line-height: .97 !important;
        margin-bottom: 16px !important;
      }

      .hero-lead {
        font-size: .98rem !important;
        line-height: 1.58 !important;
        margin-bottom: 18px !important;
      }

      .eyebrow {
        margin-bottom: 14px !important;
      }

      .hero-actions {
        margin-bottom: 12px !important;
      }

      .micro-proof {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
      }

      .micro-proof div:nth-child(n+3) {
        display: none !important;
      }

      /* A desktopos vezérlőpult mobilon túl hosszú és nehéz: telefonon kivesszük. */
      .control-room,
      .floating-note {
        display: none !important;
      }

      .section,
      .section.min {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
        min-height: auto !important;
      }

      .headline-row {
        margin-bottom: 18px !important;
      }

      .section h2 {
        font-size: clamp(1.86rem, 9.4vw, 2.85rem) !important;
        line-height: 1.03 !important;
      }

      .section-intro,
      .big-copy p,
      .card p,
      .step p,
      .story-point p,
      .price-card p,
      .addon p,
      .faq-a {
        font-size: .95rem !important;
        line-height: 1.55 !important;
      }

      /* A hosszú, csúszkás előtte-utána blokk telefonon nem kell. */
      #kaosz-rend,
      #roi-kalkulator {
        display: none !important;
      }

      /* Rövid mobil landing: kevesebb kártya, kevesebb scroll, ugyanaz az üzenet. */
      #szolgaltatasaim .card:nth-child(n+5),
      #esettanulmanyok .story-card:nth-child(n+3),
      #integraciok .eco-card:nth-child(n+4),
      #arak .included-item:nth-child(n+3),
      #__unused_mobile_hide_selector {
        display: none !important;
      }

      #integraciok .marquee-wrap,
      .dev-blog-bubble {
        display: none !important;
      }

      .card,
      .step,
      .price-card,
      .story-card,
      .eco-card,
      .included-item,
      .addon,
      .big-copy,
      .proof-panel,
      .contact-box,
      .about-copy {
        padding: 18px !important;
        border-radius: 22px !important;
      }

      .gallery {
        display: grid !important;
        grid-template-columns: 1fr !important;
      }

      .gallery .stack {
        display: none !important;
      }

      .mock-shot {
        min-height: 250px !important;
      }

      .included-system {
        gap: 14px !important;
      }

      .included-core {
        min-height: auto !important;
        padding: 20px !important;
      }

      .pricing,
      .addons,
      .timeline,
      .stories-grid,
      .eco-grid,
      .included-grid,
      .glass-grid {
        gap: 12px !important;
      }

      .price-card ul {
        padding-left: 18px;
      }

      .price-card li {
        font-size: .9rem;
        line-height: 1.46;
      }

      .footer {
        width: var(--container);
        display: grid !important;
        grid-template-columns: 1fr;
        align-items: flex-start;
        gap: 14px;
        padding: 28px 0 38px;
      }

      .orb,
      .marquee-track,
      .system-panel,
      .mock-shot,
      .spotlight-card,
      .ba-slider,
      .roi-output {
        animation: none !important;
      }
    }


    /* ===== v63 MOBILE-ONLY PROCESS ACCORDION =====
       Csak telefonon: a hosszú folyamatrács progresszív harmonikává alakul. Desktop érintetlen. */
    @media (max-width: 760px) {
      #hogyan .headline-row {
        margin-bottom: 22px !important;
      }

      #hogyan .section-intro {
        font-size: .96rem !important;
        line-height: 1.58 !important;
      }

      #hogyan .timeline {
        position: relative;
        display: flex !important;
        flex-direction: column;
        gap: 12px !important;
        padding-left: 0;
        grid-template-columns: none !important;
      }

      #hogyan .timeline::before {
        content: "";
        position: absolute;
        left: 22px;
        top: 20px;
        bottom: 20px;
        width: 2px;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(168,85,247,.48), rgba(244,114,182,.18), rgba(255,255,255,.05));
        pointer-events: none;
        z-index: 0;
      }

      #hogyan .step {
        display: block !important;
        min-height: 0 !important;
        padding: 16px 48px 16px 64px !important;
        border-radius: 18px !important;
        background: linear-gradient(145deg, rgba(255,255,255,.044), rgba(255,255,255,.018)) !important;
        border: 1px solid rgba(255,255,255,.07) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: border-color .24s ease, background .24s ease, box-shadow .24s ease, transform .24s ease;
        z-index: 1;
      }

      #hogyan .step:nth-child(n+5) {
        display: block !important;
      }

      #hogyan .step::after {
        display: none !important;
      }

      #hogyan .step::before {
        content: "";
        position: absolute;
        top: 24px;
        right: 20px;
        width: 9px;
        height: 9px;
        border-right: 2px solid rgba(168,85,247,.92);
        border-bottom: 2px solid rgba(168,85,247,.92);
        transform: rotate(45deg);
        transform-origin: center;
        filter: drop-shadow(0 0 8px rgba(168,85,247,.48));
        transition: transform .28s ease, opacity .28s ease;
        opacity: .85;
      }

      #hogyan .step .kicker {
        position: relative;
        color: #a855f7 !important;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: .78rem !important;
        line-height: 1;
        letter-spacing: .04em;
        text-shadow: 0 0 12px rgba(168,85,247,.48);
        margin: 0 0 8px !important;
      }

      #hogyan .step .kicker::before {
        content: "";
        position: absolute;
        left: -48px;
        top: 50%;
        width: 34px;
        height: 34px;
        border-radius: 999px;
        transform: translateY(-50%);
        background: rgba(12, 8, 26, .96);
        border: 1px solid rgba(168,85,247,.38);
        box-shadow: 0 0 0 5px rgba(7,6,16,.82), 0 0 18px rgba(168,85,247,.22);
      }

      #hogyan .step h3 {
        margin: 0 !important;
        font-size: 1.02rem !important;
        line-height: 1.26 !important;
        letter-spacing: -.035em;
        padding-right: 2px;
      }

      #hogyan .step p {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 0 solid transparent;
        transition: max-height .36s ease, opacity .26s ease, margin-top .26s ease, padding-top .26s ease, border-color .26s ease;
      }

      #hogyan .step.is-open {
        border-color: rgba(168,85,247,.36) !important;
        background: linear-gradient(145deg, rgba(168,85,247,.092), rgba(255,255,255,.026)) !important;
        box-shadow: 0 16px 44px rgba(168,85,247,.07), inset 0 1px 0 rgba(255,255,255,.075) !important;
      }

      #hogyan .step.is-open::before {
        transform: rotate(225deg);
        opacity: 1;
      }

      #hogyan .step.is-open p {
        max-height: 360px;
        opacity: 1;
        margin-top: 14px !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(255,255,255,.075);
      }
    }


    /* ===== v56 MOBILE SCROLL HOTFIX =====
       A v55 mobil rövidítés után a touch-scroll nem maradhat zárolva.
       Mobilon a háttér mindig görgethető, a menü pedig csak saját panelként ül fölé. */
    @media (max-width: 760px) {
      html,
      body {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        position: static !important;
        touch-action: pan-y pinch-zoom !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: auto !important;
      }

      body.menu-open {
        overflow-y: auto !important;
        position: static !important;
        height: auto !important;
        touch-action: pan-y pinch-zoom !important;
      }

      main,
      .section,
      .section.min,
      .hero,
      .glass-grid,
      .pricing,
      .stories-grid,
      .contact-box,
      .about-panel,
      .footer {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        touch-action: pan-y pinch-zoom !important;
      }

      .mobile-menu {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y pinch-zoom !important;
      }

      .select-backdrop,
      .lightbox:not(.open) {
        pointer-events: none !important;
      }

      .select-ui.open .select-backdrop,
      .lightbox.open {
        pointer-events: auto !important;
      }

      .ba-slider,
      .roi-card,
      .marquee-wrap {
        touch-action: pan-y pinch-zoom !important;
      }
    }


    /* ===== v57 GLOBAL NEON OUTLINE CLEANUP =====
       Dobozos ikon/szám chipek helyett tipográfiai és outline kiemelés. */
    .neon-highlight,
    .neon-number,
    .card .icon,
    .included-item .no,
    .included-item .base-icon,
    .badge-icon,
    .eco-badge {
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      border-radius:0 !important;
      padding:0 !important;
      color:#a855f7 !important;
      text-shadow:0 0 12px rgba(168,85,247,.55);
    }

    .card {
      transition:transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
    }
    .card > * { position:relative; z-index:1; }
    .card:hover {
      border-color:rgba(168,85,247,.42);
      background:linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.038));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 18px 54px rgba(168,85,247,.10), 0 24px 64px rgba(0,0,0,.20);
    }

    .card .icon,
    .included-item .base-icon,
    .badge-icon {
      width:48px !important;
      height:48px !important;
      min-width:48px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      margin-bottom:18px;
      filter:drop-shadow(0 0 8px rgba(168,85,247,.55));
      transition:transform .24s ease, filter .24s ease, color .24s ease;
    }
    .card .icon svg,
    .included-item .base-icon svg,
    .badge-icon svg {
      width:100%;
      height:100%;
      display:block;
    }
    .card:hover .icon,
    .included-item:hover .base-icon,
    .badge:hover .badge-icon {
      transform:scale(1.045);
      filter:drop-shadow(0 0 12px rgba(168,85,247,.78));
    }

    .pain-row {
      gap:20px;
      padding:22px 24px;
      background:rgba(255,255,255,.028);
      border-color:rgba(255,255,255,.07);
      transition:border-color .24s ease, background .24s ease, transform .24s ease;
    }
    .pain-row:hover {
      border-color:rgba(168,85,247,.26);
      background:rgba(255,255,255,.06);
      transform:translateY(-2px);
    }
    .num,
    .neon-number {
      width:46px !important;
      height:auto !important;
      min-width:46px;
      display:inline-block !important;
      text-align:left;
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size:1.48rem;
      font-weight:900;
      line-height:1;
      letter-spacing:-.04em;
      color:#a855f7 !important;
      text-shadow:0 0 14px rgba(168,85,247,.62);
      margin-top:2px;
    }

    .badge {
      gap:18px;
    }
    .badge-icon {
      margin-bottom:0;
      flex:0 0 auto;
    }

    .eco-item {
      align-items:flex-start;
    }
    .eco-badge {
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size:.88rem;
      letter-spacing:.06em;
      line-height:1.2;
      margin-top:2px;
      flex:0 0 auto;
    }

    @media (hover:none) {
      .card:hover,
      .pain-row:hover,
      .included-item:hover .base-icon,
      .badge:hover .badge-icon {
        transform:none;
      }
      .card .icon,
      .included-item .base-icon,
      .badge-icon {
        filter:drop-shadow(0 0 6px rgba(168,85,247,.45));
      }
    }

    @media (max-width: 720px) {
      .card .icon,
      .included-item .base-icon,
      .badge-icon {
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
      }
      .pain-row {
        padding:18px 16px;
        gap:16px;
      }
      .num,
      .neon-number {
        min-width:38px;
        width:38px !important;
        font-size:1.25rem;
      }
      .eco-badge {
        font-size:.78rem;
      }
    }


    /* ===== v61 ÁRAK ACCORDION + SZAKMAI MINIMUM REBUILD ===== */
    .pricing.pricing-accordion {
      align-items:start;
      gap:16px;
    }
    .pricing-accordion .price-card {
      min-height:0;
      padding:0 !important;
      border-radius:28px;
      overflow:hidden;
      display:block;
    }
    .pricing-accordion .price-card.featured {
      padding-top:0;
      overflow:visible;
    }
    .pricing-accordion .price-summary {
      position:relative;
      min-height:236px;
      padding:28px 24px 22px;
      list-style:none;
      cursor:pointer;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:22px;
      outline:none;
    }
    .pricing-accordion .price-summary::-webkit-details-marker { display:none; }
    .pricing-accordion .price-summary::marker { content:""; }
    .price-summary-content {
      display:flex;
      flex-direction:column;
      gap:7px;
    }
    .price-title {
      color:#fff;
      font-size:1.2rem;
      font-weight:850;
      line-height:1.12;
      letter-spacing:-.045em;
    }
    .pricing-accordion .price {
      margin:8px 0 0;
      font-size:clamp(1.75rem, 2.2vw, 2.25rem);
    }
    .pricing-accordion .vat {
      margin:0;
      color:var(--soft);
      font-weight:780;
    }
    .price-lead {
      margin-top:10px;
      color:rgba(255,255,255,.76);
      line-height:1.52;
      font-size:.96rem;
    }
    .price-toggle {
      width:100%;
      min-height:44px;
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      border-radius:999px;
      padding:0 16px;
      color:#fff;
      font-size:.86rem;
      font-weight:850;
      background:rgba(168,85,247,.10);
      border:1px solid rgba(168,85,247,.30);
      box-shadow:0 0 18px rgba(168,85,247,.08);
    }
    .price-toggle::after {
      content:"+";
      width:24px;
      height:24px;
      display:grid;
      place-items:center;
      border-radius:999px;
      color:#a855f7;
      font-size:1.2rem;
      line-height:1;
      text-shadow:0 0 12px rgba(168,85,247,.65);
      transition:transform .22s ease;
    }
    .pricing-accordion .price-card[open] .price-toggle::after {
      content:"−";
      transform:rotate(180deg);
    }
    .pricing-accordion .price-card[open] .price-toggle {
      background:rgba(168,85,247,.18);
      border-color:rgba(168,85,247,.54);
    }
    .price-details {
      padding:0 24px 24px;
      display:grid;
      gap:16px;
      border-top:1px solid rgba(255,255,255,.075);
    }
    .price-details p {
      margin:20px 0 0;
      color:var(--muted);
      line-height:1.56;
    }
    .pricing-accordion .price-card ul {
      margin:0 0 6px;
      padding:0;
    }
    .pricing-accordion .price-card .ghost-btn {
      margin-top:2px;
    }
    .pricing-accordion .card-tag {
      top:-12px;
      left:24px;
      transform:none;
    }
    .pricing-accordion .price-card.featured .price-summary {
      padding-top:36px;
    }

    .minimum-standards-section {
      margin-top:64px;
      position:relative;
    }
    .minimum-standards-section::before {
      content:"";
      position:absolute;
      inset:-36px -18px;
      border-radius:38px;
      background:
        radial-gradient(circle at 18% 18%, rgba(168,85,247,.15), transparent 34%),
        radial-gradient(circle at 90% 68%, rgba(244,114,182,.11), transparent 32%);
      filter:blur(18px);
      opacity:.72;
      pointer-events:none;
      z-index:-1;
    }
    .standards-container {
      display:grid;
      grid-template-columns:minmax(280px, .92fr) 1.2fr;
      gap:60px;
      align-items:start;
    }
    .standards-header-sticky {
      position:sticky;
      top:108px;
      display:flex;
      flex-direction:column;
      gap:24px;
    }
    .category-pill {
      align-self:flex-start;
      color:#e879f9;
      font-size:.78rem;
      font-weight:850;
      text-transform:uppercase;
      letter-spacing:.11em;
      background:transparent;
      border:0;
      padding:0;
    }
    .standards-title {
      margin:0;
      color:#fff;
      font-size:clamp(2.3rem, 4.1vw, 4.15rem);
      font-weight:900;
      line-height:1.02;
      letter-spacing:-.07em;
    }
    .standards-intro {
      margin:0;
      color:var(--muted);
      font-size:1.08rem;
      line-height:1.68;
      max-width:520px;
    }
    .standards-accent-box {
      display:flex;
      align-items:center;
      gap:12px;
      padding-top:22px;
      margin-top:2px;
      border-top:1px solid rgba(255,255,255,.11);
    }
    .pink-dot {
      width:8px;
      height:8px;
      border-radius:999px;
      background:#f472b6;
      box-shadow:0 0 14px rgba(244,114,182,.72);
      flex-shrink:0;
    }
    .standards-accent-box strong {
      color:#fff;
      font-size:.96rem;
      line-height:1.45;
    }
    .standards-grid-col {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:18px;
    }
    .standard-item {
      min-height:0;
      padding:30px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
      box-shadow:0 18px 46px rgba(0,0,0,.18);
      display:flex;
      flex-direction:column;
      gap:15px;
      transition:transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
    }
    .standard-item:hover {
      transform:translateY(-3px);
      border-color:rgba(168,85,247,.30);
      background:rgba(255,255,255,.052);
      box-shadow:0 18px 48px rgba(168,85,247,.08), 0 20px 52px rgba(0,0,0,.18);
    }
    .standard-item .neon-icon {
      width:42px;
      height:42px;
      color:#a855f7;
      filter:drop-shadow(0 0 8px rgba(168,85,247,.58));
      margin:0 0 4px;
      background:transparent;
      border:0;
      padding:0;
      border-radius:0;
      box-shadow:none;
    }
    .standard-item .neon-icon svg {
      width:100%;
      height:100%;
    }
    .standard-item h3 {
      margin:0;
      color:#fff;
      font-size:1.17rem;
      font-weight:800;
      letter-spacing:-.04em;
      line-height:1.18;
    }
    .standard-item p {
      margin:0;
      color:var(--muted);
      font-size:.96rem;
      line-height:1.58;
    }

    @media (max-width:980px) {
      .standards-container { grid-template-columns:1fr; gap:34px; }
      .standards-header-sticky { position:relative; top:0; }
    }
    @media (max-width:760px) {
      .pricing-accordion .price-summary { min-height:0; padding:22px 18px 18px; gap:18px; }
      .pricing-accordion .price-card.featured .price-summary { padding-top:34px; }
      .price-details { padding:0 18px 18px; }
      .pricing-accordion .price { font-size:1.85rem; }
      .price-lead { font-size:.94rem; }
      .minimum-standards-section { margin-top:44px; }
      .standards-title { font-size:clamp(2rem, 10vw, 2.8rem); }
      .standards-intro { font-size:.98rem; }
      .standards-grid-col { grid-template-columns:1fr; gap:12px; }
      .standard-item { padding:20px; border-radius:20px; }
      .standard-item .neon-icon { width:38px; height:38px; filter:drop-shadow(0 0 6px rgba(168,85,247,.42)); }
    }



    /* ===== v62 ÁRAK ACCORDION POLÍR: azonos zárt magasság + folytonos nyitás ===== */
    .pricing-accordion .price-card {
      height:auto;
      display:flex;
      flex-direction:column;
      overflow:hidden !important;
      contain:layout paint;
    }
    .pricing-accordion .price-card.featured {
      overflow:hidden !important;
    }
    .pricing-accordion .price-summary {
      height:268px;
      min-height:268px;
      box-sizing:border-box;
      flex:0 0 268px;
      padding:28px 24px 22px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .pricing-accordion .price-card.featured .price-summary {
      padding-top:28px;
    }
    .pricing-accordion .price-card.featured .price-summary-content {
      padding-top:26px;
    }
    .pricing-accordion .card-tag {
      position:absolute;
      top:18px;
      left:24px;
      transform:none;
      z-index:2;
      pointer-events:none;
    }
    .price-summary-content {
      min-height:170px;
    }
    .price-title {
      min-height:2.7em;
      display:flex;
      align-items:flex-start;
    }
    .price-lead {
      min-height:calc(.96rem * 1.52 * 2);
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .price-toggle {
      flex:0 0 auto;
      user-select:none;
    }
    .price-details {
      height:0;
      overflow:hidden;
      opacity:0;
      padding:0 24px;
      border-top:0 solid rgba(255,255,255,.075);
      display:block;
      transition:
        height .46s cubic-bezier(.22, 1, .36, 1),
        opacity .28s ease,
        padding .46s cubic-bezier(.22, 1, .36, 1),
        border-color .46s ease;
      will-change:height;
    }
    .pricing-accordion .price-card.is-expanded .price-details {
      opacity:1;
      padding:0 24px 24px;
      border-top-width:1px;
    }
    .price-details p {
      margin:20px 0 0;
    }
    .pricing-accordion .price-card.is-expanded .price-toggle::after {
      content:"−";
      transform:rotate(180deg);
    }
    .pricing-accordion .price-card.is-expanded .price-toggle {
      background:rgba(168,85,247,.18);
      border-color:rgba(168,85,247,.54);
    }
    .pricing-accordion .price-card:not(.is-expanded) .price-toggle::after {
      content:"+";
      transform:none;
    }
    .pricing-accordion .price-card:not(.is-expanded) .price-toggle {
      background:rgba(168,85,247,.10);
      border-color:rgba(168,85,247,.30);
    }
    .pricing-accordion .price-card.is-animating {
      pointer-events:auto;
    }
    .pricing-accordion .price-summary:focus-visible {
      outline:2px solid rgba(168,85,247,.72);
      outline-offset:-6px;
      border-radius:26px;
    }
    @media (max-width:760px) {
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        height:232px;
        min-height:232px;
        flex-basis:232px;
        padding:22px 18px 18px;
        gap:14px;
      }
      .pricing-accordion .price-card.featured .price-summary-content {
        padding-top:24px;
      }
      .pricing-accordion .card-tag {
        top:15px;
        left:18px;
      }
      .price-summary-content {
        min-height:150px;
      }
      .price-title {
        min-height:2.35em;
      }
      .pricing-accordion .price {
        font-size:1.78rem;
      }
      .pricing-accordion .price-card.is-expanded .price-details,
      .price-details {
        padding-left:18px;
        padding-right:18px;
      }
      .pricing-accordion .price-card.is-expanded .price-details {
        padding-bottom:18px;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .price-details,
      .price-toggle,
      .price-toggle::after {
        transition:none !important;
      }
    }


    /* ===== v65 ÁRAZÁS GRID + GOMB-IGAZÍTÁS HOTFIX ===== */
    .pricing.pricing-accordion {
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:22px;
      align-items:stretch;
      max-width:1120px;
      margin-left:auto;
      margin-right:auto;
    }
    .pricing-accordion .price-card {
      min-width:0;
      height:100%;
      display:flex !important;
      flex-direction:column;
      border-radius:26px;
    }
    .pricing-accordion .price-summary,
    .pricing-accordion .price-card.featured .price-summary {
      height:278px;
      min-height:278px;
      flex:0 0 278px;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      gap:0;
      box-sizing:border-box;
      padding:28px 24px 22px;
    }
    .pricing-accordion .price-card.featured .price-summary-content {
      padding-top:26px;
    }
    .pricing-accordion .price-summary-content {
      flex:1 1 auto;
      min-height:0;
      display:flex;
      flex-direction:column;
      gap:7px;
    }
    .pricing-accordion .price-title {
      min-height:2.65em;
      display:flex;
      align-items:flex-start;
      margin:0;
    }
    .pricing-accordion .price {
      white-space:nowrap;
      overflow-wrap:normal;
      word-break:normal;
      font-size:clamp(1.85rem, 3.1vw, 2.22rem);
      letter-spacing:-.065em;
      line-height:1.02;
      max-width:100%;
    }
    .pricing-accordion .price-lead {
      min-height:calc(.96rem * 1.52 * 2);
      max-height:calc(.96rem * 1.52 * 2);
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .pricing-accordion .price-toggle {
      margin-top:auto;
      flex:0 0 auto;
    }
    .pricing-accordion .price-details {
      flex:0 0 auto;
    }
    @media (min-width:1280px) {
      .pricing.pricing-accordion {
        max-width:1180px;
      }
    }
    @media (max-width:900px) {
      .pricing.pricing-accordion {
        grid-template-columns:1fr;
        max-width:560px;
        gap:16px;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        height:252px;
        min-height:252px;
        flex-basis:252px;
        padding:22px 18px 18px;
      }
      .pricing-accordion .price-card.featured .price-summary-content {
        padding-top:24px;
      }
      .pricing-accordion .price-title {
        min-height:auto;
      }
      .pricing-accordion .price {
        font-size:clamp(1.68rem, 8vw, 2rem);
        letter-spacing:-.055em;
      }
      .pricing-accordion .price-lead {
        min-height:calc(.94rem * 1.52 * 2);
        max-height:calc(.94rem * 1.52 * 2);
      }
    }
    @media (max-width:380px) {
      .pricing-accordion .price {
        font-size:1.55rem;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        height:246px;
        min-height:246px;
        flex-basis:246px;
      }
    }


    /* ===== v66 KIEGÉSZÍTŐ SZOLGÁLTATÁSOK: 3 TÉTEL + MOBIL ACCORDION ===== */
    .addons.addons-mobile-accordion {
      grid-template-columns:repeat(3, minmax(0, 1fr));
      align-items:stretch;
    }
    .addons-mobile-accordion .addon {
      display:flex;
      flex-direction:column;
      gap:14px;
    }
    .addon-toggle {
      appearance:none;
      border:0;
      background:transparent;
      color:inherit;
      padding:0;
      margin:0;
      width:100%;
      display:grid;
      grid-template-columns:1fr;
      gap:8px;
      text-align:left;
      cursor:default;
    }
    .addon-title {
      color:#fff;
      font-weight:850;
      letter-spacing:-.03em;
      line-height:1.22;
    }
    .addon-toggle strong {
      color:#fff;
      font-size:.94rem;
      line-height:1.25;
      white-space:normal;
    }
    .addon-chevron { display:none; }
    .addon-body {
      display:grid;
      gap:10px;
    }
    .addon-body p { margin:0; }
    .addon-body strong { color:#fff; }

    @media (max-width:760px) {
      .addons.addons-mobile-accordion {
        grid-template-columns:1fr !important;
        gap:10px !important;
      }
      .addons-mobile-accordion .addon {
        padding:0 !important;
        gap:0;
        overflow:hidden;
      }
      .addons-mobile-accordion .addon-toggle {
        min-height:74px;
        cursor:pointer;
        display:grid;
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:center;
        gap:8px 14px;
        padding:18px;
      }
      .addons-mobile-accordion .addon-title {
        grid-column:1;
        font-size:1rem;
      }
      .addons-mobile-accordion .addon-toggle strong {
        grid-column:1;
        color:var(--violet2);
        font-size:.86rem;
      }
      .addons-mobile-accordion .addon-chevron {
        grid-column:2;
        grid-row:1 / span 2;
        display:grid;
        place-items:center;
        width:34px;
        height:34px;
        border-radius:999px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(168,85,247,.10);
        color:#fff;
        font-size:1.28rem;
        line-height:1;
        transition:transform .24s ease, background .24s ease, border-color .24s ease;
      }
      .addons-mobile-accordion .addon.is-open .addon-chevron {
        transform:rotate(45deg);
        background:rgba(168,85,247,.18);
        border-color:rgba(211,132,255,.52);
      }
      .addons-mobile-accordion .addon-body {
        height:0;
        overflow:hidden;
        opacity:0;
        padding:0 18px;
        transition:height .36s cubic-bezier(.22,1,.36,1), opacity .22s ease, padding .36s cubic-bezier(.22,1,.36,1);
      }
      .addons-mobile-accordion .addon.is-open .addon-body {
        opacity:1;
        padding:0 18px 18px;
      }
    }


    /* ===== v67 PC ÁRAZÁS: LEGNEPSZERUBB BADGE NE TOLJA EL A KÁRTYÁT ===== */
    @media (min-width:901px) {
      .pricing.pricing-accordion {
        padding-top:42px;
      }
      .pricing-accordion .price-card.featured,
      .pricing-accordion .price-card.featured.spotlight-card {
        overflow:visible !important;
      }
      .pricing-accordion .price-card.featured .price-summary,
      .pricing-accordion .price-summary {
        padding-top:28px !important;
      }
      .pricing-accordion .price-card.featured .price-summary-content {
        padding-top:0 !important;
      }
      .pricing-accordion .card-tag {
        top:-16px !important;
        left:24px !important;
        transform:none !important;
        z-index:5;
      }
      .pricing-accordion .price-card.featured .price-title {
        padding-right:0;
      }
    }



    /* v68 – Integrációk szekció: katalógus/kapszulasor helyett szellős, listás rendszer */
    .integrations-section-v68 {
      position:relative;
    }
    .integrations-container-v68 {
      max-width:1200px;
      margin:0 auto;
    }
    .integrations-header-v68 {
      display:grid;
      grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
      gap:clamp(24px, 4vw, 58px);
      align-items:end;
      padding-bottom:30px;
      margin-bottom:42px;
      border-bottom:1px solid rgba(255,255,255,.07);
    }
    .integrations-header-v68 h2 {
      margin:0;
      max-width:760px;
    }
    .integrations-header-v68 p {
      margin:0;
      color:var(--muted);
      font-size:1.05rem;
      line-height:1.68;
      max-width:520px;
    }
    .integrations-grid-v68 {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:clamp(22px, 3vw, 42px);
    }
    .integration-column-v68 {
      position:relative;
      padding:4px 2px 0;
      min-width:0;
    }
    .integration-column-v68::before {
      content:"";
      position:absolute;
      inset:-18px -16px auto;
      height:116px;
      border-radius:26px;
      background:radial-gradient(circle at 18% 0%, rgba(168,85,247,.10), transparent 66%);
      opacity:.72;
      pointer-events:none;
      z-index:0;
    }
    .integration-column-v68 > * {
      position:relative;
      z-index:1;
    }
    .integration-column-v68 h3 {
      margin:0 0 24px;
      padding-bottom:15px;
      border-bottom:1px solid rgba(255,255,255,.07);
      color:#fff;
      font-size:1.14rem;
      line-height:1.25;
      letter-spacing:-.02em;
    }
    .integration-list-v68 {
      display:grid;
      gap:0;
    }
    .integration-item-v68 {
      display:grid;
      grid-template-columns:46px minmax(0, 1fr);
      gap:16px;
      padding:0 0 24px;
      margin:0 0 24px;
      border-bottom:1px dashed rgba(255,255,255,.075);
      transition:transform .24s ease, border-color .24s ease;
    }
    .integration-item-v68:last-child {
      margin-bottom:0;
      padding-bottom:0;
      border-bottom:0;
    }
    .integration-item-v68:hover {
      transform:translateY(-2px);
      border-color:rgba(168,85,247,.24);
    }
    .integration-brand-v68 {
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:14px;
      color:#fff;
      font-weight:900;
      font-size:.96rem;
      letter-spacing:-.04em;
      background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018));
      border:1px solid rgba(255,255,255,.09);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 rgba(168,85,247,0);
      transition:color .24s ease, border-color .24s ease, box-shadow .24s ease, transform .24s ease, background .24s ease;
    }
    .integration-brand-v68 svg {
      width:22px;
      height:22px;
      display:block;
    }
    .integration-item-v68:hover .integration-brand-v68 {
      color:#d7b4ff;
      border-color:rgba(168,85,247,.38);
      background:rgba(168,85,247,.075);
      box-shadow:0 0 22px rgba(168,85,247,.20);
      transform:scale(1.045);
    }
    .brand-billingo { color:#6ee7ff; }
    .brand-szamlazz { color:#8affd2; }
    .brand-pay { color:#fbd38d; }
    .brand-google { color:#f8fafc; }
    .brand-docs { color:#93c5fd; }
    .brand-api { color:#c4b5fd; }
    .brand-ai { color:#f0abfc; }
    .brand-db { color:#7dd3fc; }
    .brand-python { color:#fda4af; }
    .integration-copy-v68 {
      min-width:0;
    }
    .integration-row-v68 {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:7px;
    }
    .integration-row-v68 h4 {
      margin:0;
      color:#fff;
      font-size:1.02rem;
      line-height:1.25;
      font-weight:780;
      letter-spacing:-.015em;
    }
    .integration-copy-v68 p {
      margin:0;
      color:var(--muted);
      font-size:.93rem;
      line-height:1.56;
    }
    .tech-badge-v68 {
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:42px;
      padding:4px 8px;
      border-radius:7px;
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size:.68rem;
      line-height:1;
      font-weight:900;
      letter-spacing:.055em;
      border:1px solid currentColor;
      background:rgba(255,255,255,.025);
    }
    .tech-badge-v68.api { color:#60a5fa; }
    .tech-badge-v68.hu { color:#34d399; }
    .tech-badge-v68.pay { color:#fbbf24; }
    .tech-badge-v68.sync { color:#a78bfa; }
    .tech-badge-v68.docs { color:#f472b6; }
    .tech-badge-v68.open { color:#818cf8; }
    .tech-badge-v68.ai { color:#e879f9; }
    .tech-badge-v68.core { color:#38bdf8; }
    .tech-badge-v68.data { color:#fb7185; }

    @media (max-width: 1100px) {
      .integrations-header-v68,
      .integrations-grid-v68 {
        grid-template-columns:1fr;
      }
      .integrations-header-v68 p {
        max-width:760px;
      }
      .integrations-grid-v68 {
        gap:34px;
      }
    }

    @media (max-width: 640px) {
      .integrations-header-v68 {
        gap:16px;
        margin-bottom:30px;
        padding-bottom:22px;
      }
      .integrations-header-v68 p {
        font-size:.96rem;
      }
      .integration-column-v68 {
        padding:0;
      }
      .integration-column-v68::before {
        display:none;
      }
      .integration-column-v68 h3 {
        margin-bottom:18px;
      }
      .integration-item-v68 {
        grid-template-columns:38px minmax(0, 1fr);
        gap:13px;
        padding-bottom:20px;
        margin-bottom:20px;
      }
      .integration-brand-v68 {
        width:36px;
        height:36px;
        border-radius:12px;
        font-size:.82rem;
      }
      .integration-brand-v68 svg {
        width:19px;
        height:19px;
      }
      .integration-row-v68 {
        align-items:flex-start;
      }
      .integration-row-v68 h4 {
        font-size:.98rem;
      }
      .integration-copy-v68 p {
        font-size:.9rem;
      }
      .tech-badge-v68 {
        min-width:36px;
        padding:4px 6px;
        font-size:.62rem;
      }
    }



    /* ===== v80 – Integrációk: keret nélküli prémium Logo Track ===== */
    .devenit-integration-section-v80 {
      width:100%;
      padding:86px max(20px, calc((100vw - 1180px) / 2));
      margin:0 auto;
      background:
        radial-gradient(ellipse at center, rgba(157,98,255,.16) 0%, rgba(255,98,183,.055) 34%, transparent 72%);
      border-top:0;
      border-bottom:0;
    }
    .integration-container-v80 {
      max-width:1080px;
      margin:0 auto;
      text-align:center;
    }
    .integration-header-v80 {
      max-width:820px;
      margin:0 auto 50px;
    }
    .integration-header-v80 h2 {
      margin:0 0 18px;
      font-size:clamp(2rem, 3.4vw, 3.45rem);
      line-height:1.08;
      letter-spacing:-.055em;
      text-wrap:balance;
    }
    .integration-header-v80 h2 span {
      color:#d7b4ff;
      text-shadow:0 0 24px rgba(168,85,247,.28);
    }
    .integration-header-v80 p {
      margin:0 auto;
      color:var(--muted);
      font-size:1.04rem;
      line-height:1.68;
      max-width:720px;
    }
    .integration-logo-track-v80 {
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      gap:16px;
      padding:18px 0 6px;
    }
    .brand-logo-item-v80 {
      min-height:56px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      padding:12px 16px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 34px rgba(8,6,20,.18);
      color:rgba(255,250,255,.88);
      opacity:.92;
      transform:translateY(0) scale(1);
      transition:opacity .28s ease, color .28s ease, transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
      will-change:transform, opacity;
      white-space:nowrap;
      cursor:default;
      user-select:none;
      -webkit-user-select:none;
    }
    .brand-logo-item-v80 .logo-mark-v80 {
      width:30px;
      height:30px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 30px;
      color:inherit;
    }
    .brand-logo-item-v80 .logo-mark-v80 svg {
      width:100%;
      height:100%;
      display:block;
      overflow:visible;
    }
    .brand-logo-item-v80.no-mark {
      padding-left:18px;
      padding-right:18px;
    }
    .logo-wordmark-v80 {
      display:inline-block;
      font-size:clamp(1.05rem, 1.35vw, 1.3rem);
      line-height:1;
      font-weight:800;
      letter-spacing:-.035em;
    }
    .logo-stripe .logo-wordmark-v80 { font-weight:900; font-size:clamp(1.18rem, 1.45vw, 1.45rem); letter-spacing:-.06em; }
    .logo-szamlazz .logo-wordmark-v80 { font-weight:800; letter-spacing:-.03em; }
    .logo-php .logo-wordmark-v80 { font-weight:900; font-style:italic; letter-spacing:-.06em; font-size:clamp(1.18rem, 1.45vw, 1.46rem); }
    .logo-mysql .logo-wordmark-v80 { font-family:Georgia, "Times New Roman", serif; font-weight:700; letter-spacing:-.03em; }
    .logo-google .logo-wordmark-v80 { font-weight:800; letter-spacing:-.045em; }
    .logo-api .logo-wordmark-v80 { font-size:clamp(1rem, 1.25vw, 1.15rem); letter-spacing:-.01em; }
    .logo-billingo { color:#8ef3ff; }
    .logo-szamlazz { color:#e8fff7; }
    .logo-stripe { color:#cfc6ff; }
    .logo-barion { color:#ffe08e; }
    .logo-gemini { color:#ffb8f1; }
    .logo-openai { color:#ffffff; }
    .logo-google { color:#ffffff; }
    .logo-react { color:#7be7ff; }
    .logo-typescript { color:#75b7ff; }
    .logo-php { color:#cdbdff; }
    .logo-python { color:#ffe083; }
    .logo-mysql { color:#8fddff; }
    .logo-api { color:#e0c1ff; }
    .brand-logo-item-v80:hover {
      opacity:1;
      transform:translateY(-3px);
      border-color:rgba(255,255,255,.16);
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.075), 0 22px 42px rgba(8,6,20,.26), 0 0 0 1px rgba(255,255,255,.046);
    }

    @media (max-width: 768px) {
      .devenit-integration-section-v80 {
        padding:64px 20px;
      }
      .integration-header-v80 {
        margin-bottom:34px;
      }
      .integration-header-v80 h2 {
        font-size:clamp(1.85rem, 8vw, 2.35rem);
        letter-spacing:-.06em;
      }
      .integration-header-v80 p {
        font-size:.96rem;
      }
      .integration-logo-track-v80 {
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:14px;
        justify-items:stretch;
      }
      .brand-logo-item-v80 {
        min-height:52px;
        width:100%;
        justify-content:flex-start;
        padding:12px 14px;
        border-radius:16px;
      }
      .brand-logo-item-v80 .logo-mark-v80 {
        width:28px;
        height:28px;
        flex-basis:28px;
      }
      .logo-wordmark-v80 {
        font-size:1.08rem;
      }
      .logo-stripe .logo-wordmark-v80,
      .logo-php .logo-wordmark-v80 {
        font-size:1.2rem;
      }
      .logo-api .logo-wordmark-v80 {
        font-size:.96rem;
      }
    }


    /* ===== v69 ÁRAZÁS PC HOTFIX: 2x2 rács + nem levágott badge + stabil árkártyák ===== */
    @media (min-width:901px) {
      .pricing.pricing-accordion {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:30px !important;
        max-width:1000px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        align-items:stretch !important;
        padding-top:32px !important;
        overflow:visible !important;
      }

      .pricing-accordion .price-card,
      .pricing-accordion .price-card.featured,
      .pricing-accordion .price-card.spotlight-card,
      .pricing-accordion .price-card.featured.spotlight-card {
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
        contain:none !important;
        padding:0 !important;
      }

      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        position:relative !important;
        height:268px !important;
        min-height:268px !important;
        flex:0 0 268px !important;
        overflow:visible !important;
        padding:34px 30px 28px !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        box-sizing:border-box !important;
      }

      .pricing-accordion .price-card.featured .price-summary-content,
      .pricing-accordion .price-summary-content {
        padding-top:0 !important;
        min-height:176px !important;
        display:flex !important;
        flex-direction:column !important;
      }

      .pricing-accordion .card-tag {
        position:absolute !important;
        top:-16px !important;
        left:30px !important;
        z-index:30 !important;
        transform:none !important;
        pointer-events:none !important;
        white-space:nowrap !important;
        box-shadow:0 8px 20px rgba(168,85,247,.36) !important;
      }

      .pricing-accordion .price-title {
        min-height:2.55em !important;
        display:flex !important;
        align-items:flex-start !important;
        line-height:1.15 !important;
      }

      .pricing-accordion .price {
        white-space:nowrap !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        font-size:clamp(1.9rem, 2.85vw, 2.32rem) !important;
        line-height:1.04 !important;
        letter-spacing:-.055em !important;
      }

      .pricing-accordion .price-card:last-child .price {
        font-size:clamp(1.72rem, 2.35vw, 2.08rem) !important;
        letter-spacing:-.06em !important;
      }

      .pricing-accordion .price-lead {
        min-height:calc(.96rem * 1.52 * 2) !important;
        max-height:calc(.96rem * 1.52 * 2) !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
      }

      .pricing-accordion .price-toggle {
        margin-top:auto !important;
        flex:0 0 auto !important;
      }

      .pricing-accordion .price-details {
        overflow:hidden !important;
        contain:none !important;
      }
    }

    @media (min-width:901px) and (max-width:1080px) {
      .pricing.pricing-accordion {
        max-width:920px !important;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        padding-left:26px !important;
        padding-right:26px !important;
      }
      .pricing-accordion .price-card:last-child .price {
        font-size:clamp(1.58rem, 2.1vw, 1.9rem) !important;
      }
    }

    @media (max-width:900px) {
      .pricing.pricing-accordion {
        grid-template-columns:1fr !important;
        overflow:visible !important;
        padding-top:22px !important;
      }
      .pricing-accordion .price-card,
      .pricing-accordion .price-card.featured,
      .pricing-accordion .price-card.spotlight-card {
        overflow:visible !important;
        contain:none !important;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        overflow:visible !important;
      }
      .pricing-accordion .card-tag {
        top:-12px !important;
        left:20px !important;
        z-index:30 !important;
        white-space:nowrap !important;
      }
      .pricing-accordion .price {
        white-space:nowrap !important;
      }
    }



    /* ===== v74 ÁRAZÁS ALAPZAT + TELJES KIEGÉSZÍTŐ SZOLGÁLTATÁSOK ===== */
    #arak .pricing-foundation {
      margin: 34px auto 0;
      max-width: 1100px;
      padding: 28px;
      border-radius: 26px;
      border: 1px solid rgba(168,85,247,.18);
      background:
        radial-gradient(circle at 15% 0%, rgba(168,85,247,.16), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
      box-shadow: 0 22px 80px rgba(0,0,0,.20);
    }
    #arak .foundation-head {
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:18px;
      margin-bottom:22px;
      padding-bottom:18px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    #arak .foundation-head h3 {
      margin:0;
      color:#fff;
      font-size:clamp(1.05rem, 2vw, 1.5rem);
      line-height:1.25;
      letter-spacing:-.035em;
      max-width:760px;
    }
    #arak .foundation-list {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:16px 22px;
    }
    #arak .foundation-item {
      display:grid;
      grid-template-columns:auto 1fr;
      gap:13px;
      align-items:start;
      min-width:0;
    }
    #arak .foundation-check {
      width:28px;
      height:28px;
      border-radius:999px;
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      border:1px solid rgba(168,85,247,.45);
      background:rgba(168,85,247,.12);
      box-shadow:0 0 18px rgba(168,85,247,.28);
      flex-shrink:0;
    }
    #arak .foundation-item h4 {
      margin:0 0 6px;
      color:#fff;
      font-size:1rem;
      line-height:1.25;
      letter-spacing:-.025em;
    }
    #arak .foundation-item p {
      margin:0;
      color:var(--muted);
      font-size:.92rem;
      line-height:1.58;
    }
    #arak .addons.addons-mobile-accordion {
      grid-template-columns:repeat(4, minmax(0, 1fr));
    }
    @media (max-width:1100px) {
      #arak .addons.addons-mobile-accordion { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width:760px) {
      #arak .pricing-foundation {
        margin-top:24px;
        padding:22px 18px;
        border-radius:22px;
      }
      #arak .foundation-head {
        display:block;
        margin-bottom:18px;
      }
      #arak .foundation-head .category-pill { margin-bottom:12px; }
      #arak .foundation-list {
        grid-template-columns:1fr;
        gap:16px;
      }
      #arak .foundation-item p { font-size:.9rem; }
    }



    /* ===== v77 ÁRAZÁS HOTFIX: stabil Részletek gomb + gyors kattintás védelem ===== */
    .pricing-accordion .price-card,
    .pricing-accordion .price-card.featured,
    .pricing-accordion .price-card.spotlight-card,
    .pricing-accordion .price-card.featured.spotlight-card {
      contain:none !important;
      overflow:visible !important;
    }

    .pricing-accordion .price-summary,
    .pricing-accordion .price-card.featured .price-summary {
      position:relative !important;
      box-sizing:border-box !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:flex-start !important;
      min-height:326px !important;
      height:326px !important;
      flex:0 0 326px !important;
      padding:36px 30px 30px !important;
      gap:16px !important;
      overflow:visible !important;
    }

    .pricing-accordion .price-summary-content,
    .pricing-accordion .price-card.featured .price-summary-content {
      flex:1 1 auto !important;
      min-height:0 !important;
      padding-top:0 !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:flex-start !important;
      gap:8px !important;
    }

    .pricing-accordion .price-title {
      min-height:2.5em !important;
      line-height:1.15 !important;
    }

    .pricing-accordion .price-lead {
      min-height:calc(.96rem * 1.52 * 2) !important;
      max-height:calc(.96rem * 1.52 * 2) !important;
      display:-webkit-box !important;
      -webkit-line-clamp:2 !important;
      -webkit-box-orient:vertical !important;
      overflow:hidden !important;
    }

    .pricing-accordion .price-toggle {
      position:relative !important;
      z-index:8 !important;
      margin-top:auto !important;
      flex:0 0 auto !important;
      width:100% !important;
      min-height:54px !important;
      box-sizing:border-box !important;
      cursor:pointer !important;
      pointer-events:auto !important;
    }

    .pricing-accordion .price-details {
      height:0;
      overflow:hidden !important;
      opacity:0;
      pointer-events:none;
      transition:
        height .42s cubic-bezier(.22, 1, .36, 1),
        opacity .24s ease,
        padding .42s cubic-bezier(.22, 1, .36, 1),
        border-color .42s ease;
    }

    .pricing-accordion .price-card.is-expanded .price-details {
      opacity:1;
      pointer-events:auto;
    }

    .pricing-accordion .price-card.is-pricing-transitioning .price-summary {
      pointer-events:auto !important;
    }

    @media (max-width:900px) {
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        min-height:292px !important;
        height:292px !important;
        flex-basis:292px !important;
        padding:30px 20px 20px !important;
      }
      .pricing-accordion .price-toggle {
        min-height:52px !important;
      }
    }

    @media (max-width:420px) {
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        min-height:300px !important;
        height:300px !important;
        flex-basis:300px !important;
      }
    }



    /* v86 – egyedi elképzelések szolgáltatáskártya */
    .custom-service-card-v86 {
      grid-column:span 2;
      min-height:220px;
      background:
        radial-gradient(circle at 18% 0%, rgba(157,98,255,.16), transparent 36%),
        radial-gradient(circle at 86% 70%, rgba(240,160,111,.12), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.048));
      border-color:rgba(211,132,255,.22);
    }
    .custom-service-card-v86 h3 { max-width:720px; }
    .custom-service-card-v86 p { max-width:850px; }
    @media (max-width:980px) {
      .custom-service-card-v86 { grid-column:1 / -1; }
    }

    /* ===== v82 – Esettanulmányok / Szolgáltatásaim: rövid Előtte–Utána–Eredmény kártyák ===== */
    .cases-section-v82 {
      overflow:hidden;
    }
    .cases-container-v82 {
      width:100%;
      max-width:1180px;
      margin:0 auto;
    }
    .cases-header-v82 {
      max-width:820px;
      margin:0 0 44px;
    }
    .cases-header-v82 h2 {
      margin:0 0 18px;
      font-size:clamp(2.2rem, 4.2vw, 4.6rem);
      line-height:.98;
      letter-spacing:-.074em;
      text-wrap:balance;
    }
    .cases-header-v82 h2 span {
      color:#d384ff;
      text-shadow:0 0 24px rgba(157,98,255,.34);
    }
    .cases-header-v82 p {
      margin:0;
      max-width:710px;
      color:var(--muted);
      font-size:1.06rem;
      line-height:1.72;
    }
    .cases-track-v82 {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:22px;
      align-items:stretch;
    }
    .case-card-v82 {
      position:relative;
      min-height:470px;
      padding:30px;
      border-radius:30px;
      border:1px solid rgba(255,255,255,.12);
      background:
        radial-gradient(circle at 20% 0%, rgba(157,98,255,.11), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.026));
      box-shadow:0 24px 58px rgba(0,0,0,.21), inset 0 1px 0 rgba(255,255,255,.075);
      display:flex;
      flex-direction:column;
      gap:22px;
      overflow:hidden;
      transition:transform .25s ease, border-color .25s ease, background .25s ease;
    }
    .case-card-v82:hover {
      transform:translateY(-5px);
      border-color:rgba(157,98,255,.34);
      background:
        radial-gradient(circle at 20% 0%, rgba(157,98,255,.15), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.046));
    }
    .case-badge-v82 {
      align-self:flex-start;
      display:inline-flex;
      align-items:center;
      padding:8px 12px;
      border-radius:999px;
      color:rgba(255,248,255,.64);
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.08);
      font-size:.72rem;
      font-weight:900;
      letter-spacing:.105em;
      text-transform:uppercase;
      white-space:nowrap;
    }
    .case-card-v82 h3 {
      margin:0;
      color:#fff;
      font-size:clamp(1.22rem, 1.5vw, 1.55rem);
      line-height:1.25;
      letter-spacing:-.045em;
      text-wrap:balance;
    }
    .case-flow-v82 {
      display:grid;
      gap:16px;
      flex:1 1 auto;
    }
    .case-state-v82 {
      display:grid;
      grid-template-columns:30px 1fr;
      gap:13px;
      align-items:start;
    }
    .state-icon-v82 {
      width:28px;
      height:28px;
      border-radius:999px;
      display:grid;
      place-items:center;
      font-weight:950;
      line-height:1;
      margin-top:1px;
      border:1px solid rgba(255,255,255,.10);
    }
    .case-state-v82.before .state-icon-v82 {
      color:#ff8da7;
      background:rgba(244,63,94,.10);
      box-shadow:0 0 20px rgba(244,63,94,.12);
    }
    .case-state-v82.after .state-icon-v82 {
      color:#b9ffec;
      background:rgba(16,185,129,.12);
      box-shadow:0 0 20px rgba(16,185,129,.14);
    }
    .case-state-v82 p {
      margin:0;
      color:rgba(255,248,255,.70);
      font-size:.96rem;
      line-height:1.55;
    }
    .case-state-v82 strong { color:#fff; font-weight:900; }
    .case-result-v82 {
      margin-top:auto;
      display:grid;
      grid-template-columns:28px 1fr;
      gap:13px;
      align-items:start;
      padding:18px;
      border-radius:20px;
      border:1px solid rgba(157,98,255,.22);
      background:
        radial-gradient(circle at 12% 12%, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(145deg, rgba(157,98,255,.13), rgba(255,98,183,.055), rgba(255,255,255,.028));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.075);
    }
    .case-result-v82 > span {
      line-height:1.2;
      filter:drop-shadow(0 0 12px rgba(255,98,183,.38));
    }
    .case-result-v82 p {
      margin:0;
      color:#e9c9ff;
      font-size:.98rem;
      line-height:1.5;
    }
    .case-result-v82 strong { color:#fff; font-weight:950; }

    @media (max-width:900px) {
      .cases-section-v82 {
        width:100vw;
        max-width:none;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
        padding-left:20px;
        padding-right:0;
      }
      .cases-container-v82 { max-width:none; }
      .cases-header-v82 {
        padding-right:20px;
        margin-bottom:30px;
      }
      .cases-header-v82 h2 { font-size:clamp(2rem, 9vw, 2.7rem); }
      .cases-header-v82 p { font-size:1rem; }
      .cases-track-v82 {
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        gap:18px;
        padding:2px 20px 22px 0;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
      }
      .cases-track-v82::-webkit-scrollbar { display:none; }
      .case-card-v82 {
        min-width:85vw;
        max-width:85vw;
        min-height:455px;
        padding:26px 22px;
        scroll-snap-align:center;
      }
      .case-card-v82 h3 { font-size:1.28rem; }
      .case-result-v82 { padding:16px; }
    }

    @media (max-width:420px) {
      .case-card-v82 {
        min-width:88vw;
        max-width:88vw;
        min-height:470px;
      }
      .case-badge-v82 { font-size:.66rem; }
    }



    /* ===== v83 ÁRAZÁS TARTALMI FRISSÍTÉS: új csomagnevek és hosszabb árak stabil megjelenítése ===== */
    .pricing-accordion .price {
      white-space:nowrap !important;
      font-size:clamp(1.7rem, 2.7vw, 2.2rem) !important;
      letter-spacing:-.055em !important;
    }
    .pricing-accordion .price-title {
      overflow-wrap:normal !important;
      hyphens:none !important;
    }
    .pricing-accordion .price-card:last-child .price-title {
      font-size:clamp(1.05rem, 1.45vw, 1.18rem) !important;
    }
    .pricing-accordion .price-lead {
      -webkit-line-clamp:3 !important;
      min-height:calc(.96rem * 1.52 * 3) !important;
      max-height:calc(.96rem * 1.52 * 3) !important;
    }
    .pricing-accordion .price-summary,
    .pricing-accordion .price-card.featured .price-summary {
      min-height:350px !important;
      height:350px !important;
      flex-basis:350px !important;
    }
    @media (max-width:900px) {
      .pricing-accordion .price {
        font-size:1.72rem !important;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        min-height:330px !important;
        height:330px !important;
        flex-basis:330px !important;
      }
    }
    @media (max-width:420px) {
      .pricing-accordion .price {
        font-size:1.55rem !important;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        min-height:342px !important;
        height:342px !important;
        flex-basis:342px !important;
      }
    }

  



    /* ===== v85 MOBIL KIEGÉSZÍTŐ SZOLGÁLTATÁSOK: GYIK-SZERŰ TELJES BLOKK + BELSŐ ACCORDION ===== */
    .addons-mobile-toggle { display:none; }
    .addons-shell { width:100%; }
    @media (max-width:760px) {
      #addonsExtras .addons-headline-row {
        display:grid;
        gap:16px;
        align-items:start;
      }
      #addonsExtras .addons-headline-row > div { min-width:0; }
      #addonsExtras .addons-mobile-toggle {
        width:100%;
        min-height:56px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        padding:15px 18px;
        border-radius:18px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(168,85,247,.10);
        color:#fff;
        font-weight:850;
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
      }
      #addonsExtras .addons-mobile-toggle-icon {
        width:34px;
        height:34px;
        display:grid;
        place-items:center;
        border-radius:999px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(255,255,255,.07);
        transition:transform .24s ease;
        flex:0 0 34px;
      }
      #addonsExtras.is-addons-open .addons-mobile-toggle-icon { transform:rotate(45deg); }
      #addonsExtras .addons-shell {
        max-height:0;
        overflow:hidden;
        opacity:0;
        transition:max-height .42s cubic-bezier(.22,1,.36,1), opacity .24s ease;
      }
      #addonsExtras.is-addons-open .addons-shell {
        max-height:7000px;
        opacity:1;
      }
      #addonsExtras .addons-mobile-accordion .addon { display:block !important; }
    }

    /* ===== v84 MOBIL GYIK: teljes szekció külön nyitható, minden kérdés látszik ===== */
    .faq-mobile-toggle { display:none; }
    .faq-shell { width:100%; }
    @media (max-width:760px) {
      #gyik .faq-headline-row {
        display:grid;
        gap:16px;
        align-items:start;
      }
      #gyik .faq-headline-row > div { min-width:0; }
      #gyik .faq-mobile-toggle {
        width:100%;
        min-height:56px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        padding:15px 18px;
        border-radius:18px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(168,85,247,.10);
        color:#fff;
        font-weight:850;
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
      }
      #gyik .faq-mobile-toggle-icon {
        width:34px;
        height:34px;
        display:grid;
        place-items:center;
        border-radius:999px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(255,255,255,.07);
        transition:transform .24s ease;
      }
      #gyik.is-faq-open .faq-mobile-toggle-icon { transform:rotate(45deg); }
      #gyik .faq-shell {
        max-height:0;
        overflow:hidden;
        opacity:0;
        transition:max-height .42s cubic-bezier(.22,1,.36,1), opacity .24s ease;
      }
      #gyik.is-faq-open .faq-shell {
        max-height:7000px;
        opacity:1;
      }
      #gyik .faq-item { display:block !important; }
      #arak .addon { display:block !important; }
      #hogyan .step { display:block !important; }
    }


    /* ===== v95 CONVERSION PATCH: exit intent + rocket submit ===== */
    .exit-offer {
      position: fixed;
      inset: 0;
      z-index: 10010;
      display: grid;
      place-items: center;
      padding: 22px;
      background: radial-gradient(circle at 50% 18%, rgba(157,98,255,.22), transparent 38%), rgba(4,2,12,.72);
      backdrop-filter: blur(22px) saturate(150%);
      -webkit-backdrop-filter: blur(22px) saturate(150%);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .28s ease, visibility .28s ease;
    }
    .exit-offer.is-open { opacity:1; visibility:visible; pointer-events:auto; }
    .exit-offer__panel {
      width: min(720px, 100%);
      position: relative;
      overflow: hidden;
      border-radius: 34px;
      padding: clamp(26px, 5vw, 46px);
      border: 1px solid rgba(255,255,255,.16);
      background:
        radial-gradient(circle at 86% 18%, rgba(255,98,183,.18), transparent 34%),
        radial-gradient(circle at 8% 78%, rgba(240,160,111,.13), transparent 36%),
        linear-gradient(145deg, rgba(18,8,34,.96), rgba(9,4,20,.94));
      box-shadow: 0 36px 130px rgba(0,0,0,.58), 0 0 90px rgba(157,98,255,.16);
      transform: translateY(16px) scale(.96);
      transition: transform .34s cubic-bezier(.19,1,.22,1);
    }
    .exit-offer.is-open .exit-offer__panel { transform: translateY(0) scale(1); }
    .exit-offer__close {
      position:absolute;
      top:16px;
      right:16px;
      width:38px;
      height:38px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.13);
      background:rgba(255,255,255,.07);
      color:#fff;
      cursor:pointer;
      font-size:22px;
      line-height:1;
    }
    .exit-offer__eyebrow { color:#d8b4fe; font-weight:900; text-transform:uppercase; letter-spacing:.13em; font-size:.76rem; margin:0 0 12px; }
    .exit-offer h2 { font-size:clamp(2.25rem,5vw,4.7rem); line-height:.93; letter-spacing:-.078em; margin:0 0 18px; }
    .exit-offer p { color:var(--muted); line-height:1.7; font-size:1.05rem; max-width:610px; margin:0 0 24px; }
    .exit-offer__code {
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:11px 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.085);
      color:#fff;
      font-weight:900;
      margin-bottom:22px;
    }
    .exit-offer__code b { color:#9affd9; letter-spacing:.08em; }
    .exit-offer__actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
    .exit-offer__fineprint { display:block; margin-top:18px; color:rgba(255,248,255,.48); font-size:.78rem; line-height:1.55; }
    .exit-offer__rocket { position:absolute; right:26px; bottom:22px; font-size:3rem; filter:drop-shadow(0 0 26px rgba(255,98,183,.38)); animation:exitRocketFloat 2.8s ease-in-out infinite; opacity:.86; }
    @keyframes exitRocketFloat { 0%,100%{transform:translateY(0) rotate(-10deg)} 50%{transform:translateY(-8px) rotate(-4deg)} }

    .wizard-right { position:relative; }



    .language-switcher {
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:4px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.07);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .lang-option {
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 10px;
      border-radius:999px;
      color:rgba(255,248,255,.72);
      font-size:.78rem;
      font-weight:850;
      letter-spacing:.02em;
      line-height:1;
      transition:background .2s ease, color .2s ease, transform .2s ease;
      white-space:nowrap;
    }
    .lang-option:hover { color:#fff; background:rgba(255,255,255,.08); transform:translateY(-1px); }
    .lang-option.is-active {
      color:#fff;
      background:linear-gradient(135deg, rgba(157,98,255,.34), rgba(255,98,183,.20));
      box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;
    }
    .lang-flag { font-size:1rem; line-height:1; }
    .mobile-lang-switcher {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      padding:8px 4px 2px;
    }
    .mobile-lang-switcher a {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:13px 14px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.06);
      color:rgba(255,255,255,.82);
      font-weight:850;
    }
    .mobile-lang-switcher a.is-active {
      background:linear-gradient(135deg, rgba(157,98,255,.28), rgba(255,98,183,.14));
      color:#fff;
    }
    @media (max-width:700px) {
      .header-actions .language-switcher { display:none; }
    }

    @media (max-width: 980px){
      .about-panel {
        grid-template-columns:1fr;
      }
      .portrait-photo-frame {
        min-height:520px;
      }
      .about-copy {
        padding:28px 24px 30px;
      }
    }
    @media (max-width: 640px){
      .portrait-photo-frame {
        min-height:420px;
      }
      .about-copy p {
        font-size:1rem;
        line-height:1.82;
      }
      .about-quote {
        padding:16px 16px 16px 18px;
        font-size:.98rem;
      }
    }


    /* ===== v121 – Premium Services / SaaS glass 3x3 grid ===== */
    #szolgaltatasaim.service-premium-section {
      position: relative;
    }
    #szolgaltatasaim .service-headline {
      display: block;
      max-width: 760px;
      margin-bottom: 34px;
    }
    #szolgaltatasaim .service-headline h2 {
      margin-bottom: 16px;
    }
    #szolgaltatasaim .service-headline .section-intro {
      max-width: 680px;
      font-size: 1.08rem;
      line-height: 1.78;
      color: rgba(255,248,255,.72);
    }
    #szolgaltatasaim .service-premium-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      align-items: stretch;
    }
    #szolgaltatasaim .service-premium-grid .card {
      min-height: 252px;
      padding: 28px;
      border-radius: 30px;
      border: 1px solid rgba(255,255,255,.105);
      background:
        radial-gradient(circle at 18% 0%, rgba(157,98,255,.11), transparent 34%),
        radial-gradient(circle at 90% 105%, rgba(255,98,183,.075), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.026));
      box-shadow:
        0 30px 78px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.075);
      backdrop-filter: blur(18px) saturate(145%);
      -webkit-backdrop-filter: blur(18px) saturate(145%);
      isolation: isolate;
      transform: translateZ(0);
      transition:
        transform .34s cubic-bezier(.2,.8,.2,1),
        border-color .34s ease,
        background .34s ease,
        box-shadow .34s ease;
    }
    #szolgaltatasaim .service-premium-grid .card::before {
      content: "";
      position: absolute;
      inset: 0;
      height: auto;
      background:
        linear-gradient(115deg, rgba(255,255,255,.16), transparent 30%, transparent 68%, rgba(255,98,183,.10)),
        radial-gradient(circle at 22% 14%, rgba(157,98,255,.20), transparent 34%);
      opacity: .38;
      z-index: -1;
      transition: opacity .34s ease, transform .34s ease;
    }
    #szolgaltatasaim .service-premium-grid .card::after {
      content: "";
      position: absolute;
      inset: auto 26px 0 26px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(157,98,255,.62), rgba(255,98,183,.42), transparent);
      opacity: .38;
      transition: opacity .34s ease;
    }
    #szolgaltatasaim .service-premium-grid .card:hover {
      transform: translateY(-8px);
      border-color: rgba(255,98,183,.36);
      background:
        radial-gradient(circle at 18% 0%, rgba(157,98,255,.18), transparent 34%),
        radial-gradient(circle at 90% 105%, rgba(255,98,183,.12), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.048));
      box-shadow:
        0 34px 92px rgba(0,0,0,.28),
        0 0 0 1px rgba(157,98,255,.10),
        0 0 42px rgba(255,98,183,.10),
        inset 0 1px 0 rgba(255,255,255,.10);
    }
    #szolgaltatasaim .service-premium-grid .card:hover::before {
      opacity: .68;
      transform: scale(1.02);
    }
    #szolgaltatasaim .service-premium-grid .card:hover::after {
      opacity: .92;
    }
    #szolgaltatasaim .service-premium-grid .card .icon {
      width: 54px;
      height: 54px;
      border-radius: 18px;
      margin-bottom: 22px;
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 30%),
        linear-gradient(135deg, rgba(157,98,255,.42), rgba(255,98,183,.18), rgba(240,160,111,.12));
      border: 1px solid rgba(255,255,255,.16);
      color: #fff;
      box-shadow:
        0 18px 34px rgba(0,0,0,.18),
        0 0 28px rgba(157,98,255,.26),
        inset 0 1px 0 rgba(255,255,255,.18);
    }
    #szolgaltatasaim .service-premium-grid .card .icon svg {
      width: 25px;
      height: 25px;
      filter: drop-shadow(0 0 10px rgba(255,255,255,.16));
    }
    #szolgaltatasaim .service-premium-grid .card h3 {
      font-size: 1.22rem;
      line-height: 1.18;
      letter-spacing: -.045em;
      margin-bottom: 11px;
    }
    #szolgaltatasaim .service-premium-grid .card p {
      font-size: .98rem;
      line-height: 1.68;
      color: rgba(255,248,255,.68);
    }
    #szolgaltatasaim .service-premium-grid .custom-service-card-v86 {
      grid-column: auto;
      min-height: 252px;
    }
    @media (max-width: 1080px) {
      #szolgaltatasaim .service-premium-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 680px) {
      #szolgaltatasaim .service-headline {
        margin-bottom: 24px;
      }
      #szolgaltatasaim .service-premium-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }
      #szolgaltatasaim .service-premium-grid .card {
        min-height: auto;
        padding: 24px;
        border-radius: 26px;
      }
    }




/* ===== v125 OFFER MAIL-TO-SPACESHIP LAUNCH ===== */
.btn-launch {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  gap: 10px;
}
.btn-launch .btn-text,
.btn-launch .send-envelope {
  position: relative;
  z-index: 1;
}
.send-envelope {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  filter: drop-shadow(0 0 10px rgba(255,255,255,.35));
  transition: transform .28s cubic-bezier(.19,1,.22,1), filter .28s ease;
}
.send-envelope__icon {
  width: 23px;
  height: 23px;
  display: block;
}
.btn-launch:hover .send-envelope {
  transform: translateX(3px) translateY(-2px) rotate(-8deg);
  filter: drop-shadow(0 0 14px rgba(255,98,183,.55));
}
.btn-launch.is-mail-launching,
.launch-preview-btn.is-mail-launching {
  pointer-events: none;
  opacity: .82;
  transform: translateY(-1px) scale(.99);
}
.launch-preview-btn {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.046));
  color: #fff;
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.launch-preview-btn::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(110deg, transparent 0 34%, rgba(255,255,255,.20) 48%, transparent 62%);
  transform: translateX(-120%);
  transition: transform .65s cubic-bezier(.19,1,.22,1);
}
.launch-preview-btn:hover::before { transform: translateX(120%); }
.launch-preview-btn:hover {
  border-color: rgba(255,98,183,.38);
  box-shadow: 0 0 30px rgba(157,98,255,.18), inset 0 1px 0 rgba(255,255,255,.10);
}

.offer-launch-stage {
  position: fixed;
  inset: 0;
  z-index: 10050;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: opacity .42s ease, visibility .42s ease;
  --dock-x: 50vw;
  --dock-y: calc(100vh - 150px);
}
.offer-launch-stage.is-active {
  opacity: 1;
  visibility: visible;
}
.offer-launch-stage.is-leaving {
  opacity: 0;
  visibility: hidden;
  transition-duration: .5s;
}
.offer-launch-stage__veil {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 44%, rgba(157,98,255,.22), transparent 28%),
    radial-gradient(circle at 66% 58%, rgba(240,160,111,.14), transparent 32%),
    rgba(7,3,20,.70);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}
.offer-launch-stage__stars {
  position: absolute;
  inset: -18%;
  background:
    radial-gradient(circle, rgba(255,255,255,.70) 0 1px, transparent 1.7px) 0 0 / 96px 96px,
    radial-gradient(circle, rgba(157,98,255,.55) 0 1px, transparent 1.6px) 28px 18px / 132px 132px,
    radial-gradient(circle, rgba(240,160,111,.45) 0 1px, transparent 1.6px) 66px 48px / 154px 154px;
  opacity: .34;
  animation: offerStarsDrift 7.5s linear infinite;
}
.offer-launch-stage__mail {
  position: fixed;
  left: 0;
  top: 0;
  width: 58px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 16px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.55), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(216,196,255,.86));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.42) inset,
    0 0 34px rgba(255,98,183,.48),
    0 22px 62px rgba(0,0,0,.28);
  transform: translate(var(--mail-start-x), var(--mail-start-y)) translate(-50%, -50%) scale(.86) rotate(-6deg);
  opacity: 0;
  animation: offerMailBoardsShip 1.55s cubic-bezier(.16,.84,.24,1) .22s both;
  z-index: 4;
}
.offer-launch-stage__mail svg {
  width: 31px;
  height: 31px;
  color: #220d3f;
  filter: drop-shadow(0 0 9px rgba(255,255,255,.40));
}
.offer-launch-stage__ship {
  position: fixed;
  left: var(--dock-x);
  top: var(--dock-y);
  width: 142px;
  height: 120px;
  transform: translate(-50%, -50%) scale(.72);
  opacity: 0;
  z-index: 5;
  animation: offerShipArrival 1.15s cubic-bezier(.16,.84,.24,1) .58s both, offerShipDepart 1.35s cubic-bezier(.4,0,.2,1) 2.45s forwards;
  filter: drop-shadow(0 0 34px rgba(157,98,255,.36)) drop-shadow(0 24px 70px rgba(0,0,0,.28));
}
.offer-ship__body {
  position: absolute;
  left: 50%;
  top: 18px;
  width: 94px;
  height: 72px;
  border-radius: 54% 54% 44% 44%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.90), rgba(255,255,255,.16) 24%, transparent 25%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(178,151,255,.76) 48%, rgba(255,98,183,.55));
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset 0 -22px 40px rgba(70,30,120,.20);
}
.offer-ship__body span {
  position: absolute;
  left: 50%;
  top: -24px;
  width: 34px;
  height: 42px;
  transform: translateX(-50%);
  border-radius: 50% 50% 38% 38%;
  background: linear-gradient(135deg, #87ffd5, #9d62ff 55%, #ff62b7);
  box-shadow: 0 0 22px rgba(135,255,213,.40);
}
.offer-ship__window {
  position: absolute;
  left: 50%;
  top: 42px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle at 35% 30%, #fff, #87ffd5 38%, #5531a6 100%);
  box-shadow: 0 0 18px rgba(135,255,213,.58), inset 0 0 0 2px rgba(255,255,255,.50);
}
.offer-ship__thruster {
  position: absolute;
  top: 82px;
  width: 22px;
  height: 22px;
  border-radius: 8px 8px 14px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(157,98,255,.65));
}
.offer-ship__thruster--left { left: 45px; }
.offer-ship__thruster--right { right: 45px; }
.offer-ship__flame {
  position: absolute;
  top: 102px;
  width: 20px;
  height: 76px;
  border-radius: 50% 50% 48% 48%;
  opacity: 0;
  background: linear-gradient(180deg, #fff 0%, #87ffd5 18%, #f0a06f 52%, rgba(255,98,183,0) 100%);
  filter: blur(5px);
  transform-origin: top center;
  animation: offerFlameIgnition .18s ease-in-out 1.72s infinite alternate;
}
.offer-ship__flame--left { left: 46px; }
.offer-ship__flame--right { right: 46px; }
.offer-launch-stage__signal {
  position: fixed;
  left: var(--dock-x);
  top: calc(var(--dock-y) - 270px);
  width: 2px;
  height: 265px;
  transform: translateX(-50%);
  border-radius: 999px;
  z-index: 3;
  opacity: 0;
  background: linear-gradient(180deg, rgba(135,255,213,0), rgba(135,255,213,.74), rgba(255,98,183,.52), rgba(240,160,111,0));
  box-shadow: 0 0 28px rgba(135,255,213,.30), 0 0 58px rgba(157,98,255,.18);
  animation: offerLaunchCorridor .92s ease-out 1.88s both;
}
.offer-launch-stage__signal::before,
.offer-launch-stage__signal::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 150px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(135,255,213,0), rgba(135,255,213,.62), rgba(255,98,183,.45), rgba(135,255,213,0));
  box-shadow: 0 0 22px rgba(135,255,213,.20);
}
.offer-launch-stage__signal::before { top: 54px; }
.offer-launch-stage__signal::after { bottom: 64px; }
.offer-launch-stage__signal span {
  position: absolute;
  left: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #87ffd5;
  box-shadow: 0 0 18px rgba(135,255,213,.68), 0 0 34px rgba(255,98,183,.30);
  opacity: 0;
  animation: offerDataSpark .88s cubic-bezier(.2,.8,.2,1) 2.03s both;
}
.offer-launch-stage__signal span:nth-child(1) { top: 210px; }
.offer-launch-stage__signal span:nth-child(2) { top: 154px; animation-delay: 2.13s; background: #ff62b7; }
.offer-launch-stage__signal span:nth-child(3) { top: 92px; animation-delay: 2.23s; background: #f0a06f; }
.offer-launch-stage__message {
  position: fixed;
  left: 50%;
  top: 50%;
  width: min(560px, calc(100vw - 34px));
  transform: translate(-50%, -42%) scale(.94);
  opacity: 0;
  z-index: 10;
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: clamp(24px, 4vw, 38px);
  text-align: center;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 50% 0%, rgba(157,98,255,.26), transparent 40%),
    linear-gradient(145deg, rgba(16,8,32,.94), rgba(7,3,20,.90));
  box-shadow: 0 34px 110px rgba(0,0,0,.48), 0 0 70px rgba(157,98,255,.16), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  pointer-events: auto;
  transition: opacity .62s ease, transform .72s cubic-bezier(.22,1,.36,1);
}
.offer-launch-stage.has-message .offer-launch-stage__message {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.offer-launch-stage__message-icon {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 2.8rem;
  background: linear-gradient(135deg, rgba(135,255,213,.14), rgba(157,98,255,.26), rgba(255,98,183,.16));
  box-shadow: 0 0 0 1px rgba(255,255,255,.14) inset, 0 0 46px rgba(255,98,183,.24);
  animation: offerMessageFloat 3.2s ease-in-out infinite;
}
.offer-launch-stage__message strong {
  color: #fff;
  font-size: clamp(1.85rem, 4vw, 3rem);
  line-height: 1.02;
  letter-spacing: -.06em;
}
.offer-launch-stage__message p {
  max-width: 430px;
  margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 1.06rem;
  line-height: 1.68;
}
.offer-launch-stage__close {
  margin-top: 8px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 12px 16px;
  background: rgba(255,255,255,.07);
  color: #fff;
  font-weight: 850;
  cursor: pointer;
}
.offer-launch-stage__close:hover {
  border-color: rgba(255,98,183,.44);
  background: rgba(255,255,255,.10);
}
.offer-launch-stage.is-error .offer-launch-stage__message-icon {
  background: linear-gradient(135deg, rgba(255,107,122,.24), rgba(240,160,111,.16));
  animation: none;
}
.offer-launch-stage.is-preview .offer-launch-stage__message-icon {
  background: linear-gradient(135deg, rgba(135,255,213,.15), rgba(157,98,255,.22));
}
@keyframes offerStarsDrift { to { transform: translate3d(2.5%, -3.5%, 0); } }
@keyframes offerMailBoardsShip {
  0% { opacity: 0; transform: translate(var(--mail-start-x), var(--mail-start-y)) translate(-50%, -50%) scale(.72) rotate(-14deg); }
  12% { opacity: 1; }
  58% { opacity: 1; transform: translate(var(--dock-x), calc(var(--dock-y) - 64px)) translate(-50%, -50%) scale(1.02) rotate(2deg); }
  84% { opacity: 1; transform: translate(var(--dock-x), calc(var(--dock-y) - 32px)) translate(-50%, -50%) scale(.58) rotate(0deg); }
  100% { opacity: 0; transform: translate(var(--dock-x), calc(var(--dock-y) - 28px)) translate(-50%, -50%) scale(.12) rotate(0deg); }
}
@keyframes offerShipArrival {
  0% { opacity: 0; transform: translate(-50%, 28%) scale(.46); filter: blur(10px); }
  58% { opacity: 1; transform: translate(-50%, -54%) scale(1.04); filter: blur(0); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes offerFlameIgnition {
  from { opacity: .68; transform: scaleY(.72); }
  to { opacity: 1; transform: scaleY(1.32); }
}
@keyframes offerLaunchCorridor {
  0% { opacity: 0; transform: translateX(-50%) scaleY(.18); filter: blur(8px); }
  45% { opacity: .92; transform: translateX(-50%) scaleY(1); filter: blur(0); }
  100% { opacity: .68; transform: translateX(-50%) scaleY(.92); }
}
@keyframes offerDataSpark {
  0% { opacity: 0; transform: translate(-50%, 28px) scale(.5); }
  22% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, -78px) scale(1.05); }
}
@keyframes offerShipDepart {
  0%, 54% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  66% { opacity: 1; transform: translate(-50%, -62%) scale(.98); }
  100% { opacity: 0; transform: translate(-50%, -156vh) scale(.70); }
}
@keyframes offerMessageFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@media (max-width: 720px) {
  .offer-launch-stage { --dock-y: calc(100vh - 116px); }
  .offer-launch-stage__mail { width: 50px; height: 38px; border-radius: 14px; }
  .offer-launch-stage__mail svg { width: 27px; height: 27px; }
  .offer-launch-stage__ship { width: 118px; height: 104px; }
  .offer-ship__body { width: 82px; height: 64px; }
  .offer-ship__window { top: 38px; width: 23px; height: 23px; }
  .offer-ship__thruster--left { left: 37px; }
  .offer-ship__thruster--right { right: 37px; }
  .offer-ship__flame--left { left: 39px; }
  .offer-ship__flame--right { right: 39px; }
  .offer-launch-stage__message { border-radius: 26px; }
  .offer-launch-stage__message p { font-size: .98rem; }
}

/* ===== v124 Admin Chaos premium typography + glass rows ===== */
.admin-chaos-section .admin-chaos-layout {
  grid-template-columns: minmax(0, .92fr) minmax(340px, 1.08fr);
  gap: clamp(34px, 6vw, 78px);
  align-items: center;
}

.admin-chaos-section .admin-chaos-copy {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.admin-chaos-section .admin-chaos-copy h2 {
  margin: 0 0 28px;
  max-width: 900px;
  font-size: clamp(2.9rem, 6vw, 5.8rem);
  line-height: .94;
  letter-spacing: -.085em;
  text-wrap: balance;
}

.admin-chaos-section .chaos-gradient {
  display: inline-block;
  background: linear-gradient(92deg, #9d62ff 0%, #ff62b7 52%, #f0a06f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 32px rgba(255, 98, 183, .18);
}

.admin-chaos-section .admin-chaos-copy p {
  max-width: 660px;
  margin: 0 0 18px;
  color: rgba(255, 248, 255, .70);
  line-height: 1.78;
  font-size: clamp(1.02rem, 1.18vw, 1.15rem);
}

.admin-chaos-section .admin-chaos-copy p:last-child {
  margin-bottom: 0;
}

.admin-chaos-section .admin-chaos-list {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: grid;
  gap: 16px;
}

.admin-chaos-section .pain-row {
  position: relative;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  align-items: start;
  padding: 21px 23px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .115);
  background:
    linear-gradient(145deg, rgba(255,255,255,.042), rgba(255,255,255,.018)),
    radial-gradient(circle at 8% 0%, rgba(157,98,255,.08), transparent 36%);
  box-shadow:
    0 18px 54px rgba(0, 0, 0, .20),
    inset 0 1px 0 rgba(255, 255, 255, .055);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
  overflow: hidden;
}

.admin-chaos-section .pain-row::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(157,98,255,.0), rgba(255,98,183,.16), rgba(240,160,111,.0));
  opacity: 0;
  transition: opacity .24s ease;
  pointer-events: none;
}

.admin-chaos-section .pain-row:hover {
  transform: translateY(-3px);
  border-color: rgba(157, 98, 255, .48);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, .28),
    0 0 44px rgba(157, 98, 255, .13),
    inset 0 1px 0 rgba(255, 255, 255, .08);
  background:
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.024)),
    radial-gradient(circle at 8% 0%, rgba(157,98,255,.13), transparent 38%);
}

.admin-chaos-section .pain-row:hover::before {
  opacity: 1;
}

.admin-chaos-section .num.neon-number {
  width: auto !important;
  height: auto !important;
  display: block !important;
  place-items: initial !important;
  padding: 2px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 1.22rem !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  color: #b995ff !important;
  text-shadow:
    0 0 10px rgba(157, 98, 255, .95),
    0 0 28px rgba(255, 98, 183, .34) !important;
}

.admin-chaos-section .pain-row b {
  display: block;
  margin: 0 0 7px;
  color: #fff;
  font-size: 1.06rem;
  letter-spacing: -.025em;
}

.admin-chaos-section .pain-row p {
  margin: 0;
  color: rgba(255, 248, 255, .64);
  line-height: 1.58;
  font-size: .98rem;
}

@media (max-width: 980px) {
  .admin-chaos-section .admin-chaos-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .admin-chaos-section .admin-chaos-copy h2 {
    font-size: clamp(2.45rem, 10vw, 4.4rem);
  }
}

@media (max-width: 620px) {
  .admin-chaos-section .pain-row {
    grid-template-columns: 48px 1fr;
    padding: 18px;
    border-radius: 20px;
  }
  .admin-chaos-section .num.neon-number {
    font-size: 1.02rem !important;
  }
}

/* v127: mobile/page-scoped audit hotfix moved to assets/css/refactor-v1.css */

/* ===== Quantum connection hero refresh ===== */
.hero.hero-quantum {
  grid-template-columns: minmax(0, .84fr) minmax(520px, 1.16fr);
  gap: 92px;
  padding: 164px 0 96px;
  align-items: center;
}
.hero.hero-quantum .hero-copy {
  max-width: 620px;
  padding: 24px 0 34px;
}
.hero.hero-quantum h1 {
  margin-bottom: 30px;
}
.hero.hero-quantum .hero-lead {
  max-width: 580px;
  margin-bottom: 38px;
}
.hero.hero-quantum .hero-actions {
  gap: 16px;
  margin-bottom: 34px;
}
.hero.hero-quantum .micro-proof {
  gap: 14px;
  max-width: 620px;
}
.hero.hero-quantum .micro-pill {
  appearance: none;
  border: 1px solid rgba(211,132,255,.28);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.046));
  border-radius: 999px;
  color: rgba(255,255,255,.78);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  font-size: .92rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 0 1px rgba(157,98,255,.04), 0 0 24px rgba(157,98,255,.08);
  transition: transform .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, background .22s ease;
}
.hero.hero-quantum .micro-pill:hover,
.hero.hero-quantum .micro-pill:focus-visible,
.hero.hero-quantum .micro-pill.is-active {
  color: #fff;
  border-color: rgba(211,132,255,.56);
  background: linear-gradient(180deg, rgba(211,132,255,.12), rgba(255,255,255,.04));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.075), 0 0 0 1px rgba(211,132,255,.12), 0 0 32px rgba(157,98,255,.18);
  transform: translateY(-2px);
}
.hero.hero-quantum .micro-pill svg {
  width: 16px;
  height: 16px;
  color: #d896ff;
  flex: 0 0 auto;
}

/* ===== SAAS APP STACK HERO VISUAL ===== */
#quantumVisual.saas-stack-visual {
  position: relative;
  min-height: 660px;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1200px;
  z-index: 5;
}

.stack-glow {
  position: absolute;
  width: 460px;
  height: 460px;
  background: radial-gradient(circle, rgba(157,98,255,0.22) 0%, rgba(255,98,183,0.08) 40%, transparent 70%);
  filter: blur(40px);
  animation: stackPulse 6s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes stackPulse {
  0% { transform: scale(0.9); opacity: 0.7; }
  100% { transform: scale(1.1); opacity: 1; }
}

.stack-cards {
  position: relative;
  width: 360px;
  height: 380px;
  /* Alap izometrikus beállítás */
  transform: rotateY(-18deg) rotateX(12deg);
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Kártyák közös stílusa */
.s-card {
  position: absolute;
  width: 350px;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(20,9,38,0.85), rgba(30,12,50,0.65));
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 24px 60px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Alap pozíciók (Lépcsőzetes elrendezés) */
.s-card-custom {
  transform: translate3d(-30px, -40px, -60px);
  z-index: 1;
  opacity: 0.6;
  animation: floatCard 6s ease-in-out infinite;
}
.s-card-security {
  transform: translate3d(0px, 0px, 0px);
  z-index: 2;
  opacity: 0.8;
  animation: floatCard 6.5s ease-in-out infinite 0.5s;
}
.s-card-reports {
  transform: translate3d(30px, 40px, 60px);
  z-index: 3;
  opacity: 1;
  border-color: rgba(255,98,183,0.3);
  box-shadow: 0 30px 70px rgba(0,0,0,0.5), 0 0 40px rgba(255,98,183,0.15), inset 0 1px 0 rgba(255,255,255,0.15);
  animation: floatCard 7s ease-in-out infinite 1s;
}

@keyframes floatCard {
  0%, 100% { margin-top: 0; }
  50% { margin-top: -12px; }
}

/* Belső tartalmak dizájnja */
.s-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.s-card-header svg { width: 18px; height: 18px; color: #d384ff; }
.s-title { font-size: 0.95rem; font-weight: 800; color: #fff; letter-spacing: -0.02em; }
.s-dots { display: flex; gap: 6px; }
.s-dots span { width: 11px; height: 11px; border-radius: 50%; }
.s-dots .red { background: #ff5f56; }
.s-dots .yellow { background: #ffbd2e; }
.s-dots .green { background: #27c93f; }

.s-card-body { padding: 20px; }

/* Kód kártya */
.s-code { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 0.86rem; line-height: 1.7; color: rgba(255,255,255,0.7); }
.s-code .kw { color: #ff62b7; }
.s-code .str { color: #87ffd5; }
.s-code .fn { color: #75e7ff; }
.s-code .indent { padding-left: 20px; }

/* Jogosultságok kártya */
.s-users { display: flex; flex-direction: column; gap: 16px; }
.s-user { display: flex; align-items: center; gap: 14px; }
.s-av { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font-weight: 900; font-size: 0.9rem; color: #fff; }
.s-user-info { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.s-user-info b { font-size: 0.9rem; color: #fff; letter-spacing: -0.01em;}
.s-user-info span { font-size: 0.75rem; color: rgba(255,255,255,0.5); }
.s-toggle { width: 36px; height: 20px; border-radius: 10px; background: rgba(255,255,255,0.1); position: relative; }
.s-toggle::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: 0.25s; }
.s-toggle.on { background: #9d62ff; box-shadow: 0 0 10px rgba(157,98,255,0.4); }
.s-toggle.on.blue { background: #38bdf8; box-shadow: 0 0 10px rgba(56,189,248,0.4); }
.s-toggle.on::after { left: 18px; }

/* Riportok kártya */
.s-stats { display: flex; flex-direction: column; gap: 18px; }
.s-kpi-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.s-kpi { display: flex; flex-direction: column; gap: 6px; padding: 14px; background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.06); border-radius: 14px; }
.s-kpi span { font-size: 0.75rem; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; }
.s-kpi b { font-size: 1.35rem; font-weight: 900; }
.s-kpi b.green { color: #87ffd5; text-shadow: 0 0 14px rgba(135,255,213,0.3); }
.s-kpi b.pink { color: #ff62b7; text-shadow: 0 0 14px rgba(255,98,183,0.3); }
.s-chart { height: 70px; border-radius: 10px; overflow: hidden; }
.s-chart svg { width: 100%; height: 100%; }

/* === INTERAKCIÓK (JavaScript által vezérelve) === */

/* Fókusz állapot (Gomb hover -> Kártyák beállnak sorba) */
#quantumVisual.is-focused .stack-cards { transform: rotateY(0deg) rotateX(0deg); }
#quantumVisual.is-focused .s-card-custom { transform: translate3d(0, -100px, 0); opacity: 0.6; z-index: 1; }
#quantumVisual.is-focused .s-card-security { transform: translate3d(0, -15px, 0); opacity: 0.8; z-index: 2; }
#quantumVisual.is-focused .s-card-reports { transform: translate3d(0, 70px, 0); opacity: 1; z-index: 3; }

/* 1. Egyedi fejlesztés kiemelése */
#quantumVisual.feature-custom .stack-cards { transform: rotateY(-8deg) rotateX(4deg); }
#quantumVisual.feature-custom .s-card-custom { 
  transform: translate3d(-50px, -60px, 80px) scale(1.05); 
  z-index: 4; 
  opacity: 1; 
  border-color: rgba(135,255,213,0.5); 
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 50px rgba(135,255,213,0.25), inset 0 1px 0 rgba(255,255,255,0.2); 
}
#quantumVisual.feature-custom .s-card-security { transform: translate3d(20px, 20px, 0px); opacity: 0.6; z-index: 2; }
#quantumVisual.feature-custom .s-card-reports { transform: translate3d(70px, 90px, -60px); opacity: 0.4; z-index: 1; border-color: rgba(255,255,255,0.12); box-shadow: 0 24px 60px rgba(0,0,0,0.4); }

/* 2. Jogosultságok kiemelése */
#quantumVisual.feature-security .stack-cards { transform: rotateY(8deg) rotateX(6deg); }
#quantumVisual.feature-security .s-card-custom { transform: translate3d(-60px, -80px, -60px); opacity: 0.4; z-index: 1; }
#quantumVisual.feature-security .s-card-security { 
  transform: translate3d(0px, 0px, 80px) scale(1.05); 
  z-index: 4; 
  opacity: 1; 
  border-color: rgba(211,132,255,0.6); 
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 50px rgba(211,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2); 
}
#quantumVisual.feature-security .s-card-reports { transform: translate3d(40px, 80px, -40px); opacity: 0.6; z-index: 2; border-color: rgba(255,255,255,0.12); box-shadow: 0 24px 60px rgba(0,0,0,0.4); }

/* 3. Riportok kiemelése */
#quantumVisual.feature-reports .stack-cards { transform: rotateY(12deg) rotateX(-2deg); }
#quantumVisual.feature-reports .s-card-custom { transform: translate3d(-70px, -100px, -80px); opacity: 0.3; }
#quantumVisual.feature-reports .s-card-security { transform: translate3d(-30px, -40px, -40px); opacity: 0.6; }
#quantumVisual.feature-reports .s-card-reports { 
  transform: translate3d(20px, 20px, 80px) scale(1.05); 
  z-index: 4; 
  opacity: 1; 
  border-color: rgba(255,98,183,0.6); 
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 50px rgba(255,98,183,0.3), inset 0 1px 0 rgba(255,255,255,0.2); 
}

/* === Reszponzív beállítások === */
@media (max-width: 1160px) {
  .hero.hero-quantum {
    grid-template-columns: 1fr;
    gap: 38px;
    padding-top: 146px;
  }
  .hero.hero-quantum .hero-copy {
    max-width: 760px;
  }
  #quantumVisual.saas-stack-visual {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    min-height: 600px;
  }
  .stack-cards {
    transform: rotateY(-10deg) rotateX(8deg) scale(0.95);
  }
}

@media (max-width: 760px) {
  .hero.hero-quantum {
    gap: 30px;
    padding: 118px 0 54px;
  }
  .hero.hero-quantum .hero-copy {
    padding: 0;
  }
  #quantumVisual.saas-stack-visual {
    min-height: 440px;
    perspective: 800px;
  }
  .stack-cards {
    transform: rotateY(0deg) rotateX(0deg) scale(0.85);
    margin-left: -20px;
  }
  /* Mobilon egyenesebb oszlop, hogy kiférjen */
  .s-card-custom { transform: translate3d(-10px, -70px, 0); opacity: 0.7;}
  .s-card-security { transform: translate3d(15px, 0px, 0); opacity: 0.9;}
  .s-card-reports { transform: translate3d(40px, 70px, 0); }
  
  /* Mobil hover/focus override-ok */
  #quantumVisual.feature-custom .s-card-custom { transform: translate3d(-10px, -70px, 40px) scale(1.05); }
  #quantumVisual.feature-security .s-card-security { transform: translate3d(15px, 0px, 40px) scale(1.05); }
  #quantumVisual.feature-reports .s-card-reports { transform: translate3d(40px, 70px, 40px) scale(1.05); }
  #quantumVisual.is-focused .s-card-custom { transform: translate3d(0, -90px, 0); }
  #quantumVisual.is-focused .s-card-security { transform: translate3d(0, 0px, 0); }
  #quantumVisual.is-focused .s-card-reports { transform: translate3d(0, 90px, 0); }
}

@media (max-width: 420px) {
  .stack-cards {
    transform: rotateY(0deg) rotateX(0deg) scale(0.72);
    margin-left: -35px;
  }
}

/* ===== Pricing accordion accessibility fix: button-based cards ===== */
.pricing-accordion button.price-summary {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.pricing-accordion button.price-summary:focus {
  outline: none;
}
.pricing-accordion button.price-summary:focus-visible {
  outline: 2px solid rgba(211,132,255,.76);
  outline-offset: 4px;
}
.pricing-accordion .price-details[aria-hidden="true"] {
  overflow: hidden;
}


/* ===== homepage cleanup: no marketing tag noise + calmer blog bubble ===== */
.roi-meta-text {
  margin: 14px 0 0;
  color: rgba(255,255,255,.68);
  line-height: 1.65;
  font-weight: 650;
}

@media (max-width: 720px) {
  .dev-blog-bubble {
    right: 12px;
    bottom: 12px;
    width: min(320px, calc(100vw - 24px));
    transform: translate3d(0, 18px, 0) scale(.96);
  }

  .dev-blog-bubble__inner {
    align-items: flex-end;
    gap: 8px;
  }

  .dev-blog-bubble__avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }

  .dev-blog-bubble__card {
    padding: 12px 38px 12px 13px;
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(0,0,0,.28);
  }

  .dev-blog-bubble__label {
    display: none;
  }

  .dev-blog-bubble__text {
    font-size: .78rem;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 7px;
  }

  .dev-blog-bubble__link {
    font-size: .78rem;
    font-weight: 850;
  }

  .dev-blog-bubble__close {
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
  }
}


    /* ===== v154 GLOBAL TAP HIGHLIGHT CLEANUP ===== */
    html,
    body,
    a,
    button,
    [role="button"],
    summary,
    select,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .cta-btn,
    .btn,
    .nav-links a,
    .menu a,
    .price-accordion-toggle,
    .price-toggle,
    .custom-select-trigger,
    .custom-select-option {
      -webkit-tap-highlight-color: transparent;
      tap-highlight-color: transparent;
    }

    a:focus,
    button:focus,
    summary:focus,
    [role="button"]:focus,
    select:focus {
      outline:none;
    }


    /* ===== v155 Billingo/Barion wordmark-only polish ===== */
    .logo-billingo.no-mark,
    .logo-barion.no-mark {
      min-width: 132px;
    }
    .logo-billingo.no-mark .logo-wordmark-v80,
    .logo-barion.no-mark .logo-wordmark-v80 {
      font-weight: 850;
    }


    /* ===== v159 Language switch desktop clean label fix ===== */
    .language-switcher,
    .lang-switch,
    .language-toggle,
    .nav-lang,
    .desktop-lang-switch {
      -webkit-tap-highlight-color: transparent;
    }

    @media (min-width: 769px) {
      .language-switcher .flag,
      .lang-switch .flag,
      .language-toggle .flag,
      .nav-lang .flag,
      .desktop-lang-switch .flag,
      .language-switcher [data-lang-flag],
      .lang-switch [data-lang-flag] {
        display: none !important;
      }

      .language-switcher a,
      .lang-switch a,
      .language-toggle a,
      .nav-lang a,
      .desktop-lang-switch a {
        text-transform: uppercase;
      }
    }


    /* ===== v160 HERO GRADIENT TEXT HARD CLIP FIX ===== */
    .hero h1,
    h1:has(.gradient-text) {
      overflow: visible !important;
      line-height: 1.02 !important;
      padding-right: .12em;
      margin-right: -.12em;
    }

    .gradient-text,
    .hero h1 .gradient-text {
      display: inline;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      padding: .035em .18em .075em .18em;
      margin: -.035em -.18em -.075em -.18em;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      overflow: visible;
      line-height: 1.08;
    }

    @supports not selector(:has(*)) {
      .hero h1 {
        overflow: visible !important;
        line-height: 1.02 !important;
        padding-right: .12em;
        margin-right: -.12em;
      }
    }

    @media (max-width: 768px) {
      .hero h1,
      h1:has(.gradient-text) {
        line-height: 1.06 !important;
        letter-spacing: -.07em;
        padding-right: .16em;
        margin-right: -.16em;
      }
      .gradient-text,
      .hero h1 .gradient-text {
        padding-left: .16em;
        padding-right: .22em;
        margin-left: -.16em;
        margin-right: -.22em;
      }
    }


    /* ===== v162 pricing accordion + blog bubble stability ===== */
    .pricing-accordion .price-summary,
    .pricing-accordion .price-toggle,
    .pricing-accordion .price-details a,
    .dev-blog-bubble button,
    .dev-blog-bubble a {
      -webkit-tap-highlight-color: transparent;
      tap-highlight-color: transparent;
      user-select: none;
      -webkit-user-select: none;
    }

    .pricing-accordion .price-details {
      height: 0;
      overflow: hidden;
      opacity: 0;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      border-top-width: 0 !important;
      transition: height .28s ease, opacity .22s ease, padding .22s ease, border-color .22s ease;
    }

    .pricing-accordion .price-card.is-expanded .price-details {
      opacity: 1;
      padding: 0 24px 24px !important;
      border-top-width: 1px !important;
    }

    @media (max-width: 760px) {
      .pricing-accordion .price-card.is-expanded .price-details {
        padding: 0 18px 20px !important;
      }
    }

    .dev-blog-bubble {
      display: block;
    }


/* ===== v163 DevenIT Cookie Consent + mobile blog bubble polish ===== */
.devenit-cookie {
  position: fixed;
  inset: auto 18px 18px 18px;
  z-index: 10040;
  pointer-events: none;
  font-family: inherit;
}
.devenit-cookie:not(.needs-choice) .devenit-cookie__banner {
  display: none;
}
.devenit-cookie__banner {
  width: min(980px, calc(100vw - 36px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 10% 10%, rgba(168,85,247,.22), transparent 34%),
    radial-gradient(circle at 90% 100%, rgba(255,115,179,.18), transparent 38%),
    linear-gradient(135deg, rgba(18,10,39,.94), rgba(34,15,57,.90));
  box-shadow: 0 26px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.075);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  pointer-events: auto;
}
.devenit-cookie__copy strong {
  display: block;
  color: #fff;
  font-size: 1.02rem;
  letter-spacing: -.02em;
  margin-bottom: 6px;
}
.devenit-cookie__copy p,
.devenit-cookie__intro,
.devenit-cookie__option p {
  margin: 0;
  color: rgba(242,235,255,.74);
  line-height: 1.55;
}
.devenit-cookie__copy p {
  font-size: .92rem;
}
.devenit-cookie__actions,
.devenit-cookie__panel-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.devenit-cookie__btn {
  appearance: none;
  border: 0;
  border-radius: 999px;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 900;
  letter-spacing: -.02em;
  cursor: pointer;
  color: #fff;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
  -webkit-tap-highlight-color: transparent;
}
.devenit-cookie__btn.is-primary {
  background: linear-gradient(135deg, #ff7abf, #9d62ff, #ffb86b);
  box-shadow: 0 12px 30px rgba(157,98,255,.28), inset 0 0 0 1px rgba(255,255,255,.16);
}
.devenit-cookie__btn.is-secondary {
  background: rgba(255,255,255,.12);
}
.devenit-cookie__btn.is-ghost {
  color: rgba(245,240,255,.78);
  background: transparent;
}
.devenit-cookie__modal {
  position: fixed;
  inset: 0;
  z-index: 10041;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  pointer-events: auto;
}
.devenit-cookie__modal.is-open {
  display: flex;
}
.devenit-cookie__shade {
  position: absolute;
  inset: 0;
  background: rgba(4, 2, 12, .70);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.devenit-cookie__panel {
  position: relative;
  width: min(680px, 100%);
  max-height: min(760px, calc(100vh - 44px));
  overflow: auto;
  border-radius: 30px;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.15);
  background:
    radial-gradient(circle at 12% 0%, rgba(168,85,247,.26), transparent 34%),
    radial-gradient(circle at 90% 100%, rgba(255,115,179,.18), transparent 34%),
    linear-gradient(135deg, rgba(17,8,38,.98), rgba(33,15,58,.96));
  box-shadow: 0 30px 100px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.075);
  color: #fff;
}
.devenit-cookie__panel h2 {
  margin: 0 44px 10px 0;
  font-size: clamp(1.45rem, 3vw, 2rem);
  letter-spacing: -.05em;
}
.devenit-cookie__x {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.075);
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.devenit-cookie__option {
  margin-top: 14px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 16px;
  align-items: center;
  cursor: pointer;
}
.devenit-cookie__option strong {
  display: block;
  margin-bottom: 5px;
  font-size: .98rem;
}
.devenit-cookie__option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.devenit-cookie__switch {
  position: relative;
  width: 54px;
  height: 30px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.13);
}
.devenit-cookie__switch::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.86);
  transition: transform .22s ease, background .22s ease;
}
.devenit-cookie__option input:checked + .devenit-cookie__switch {
  background: linear-gradient(135deg, #ff7abf, #9d62ff);
}
.devenit-cookie__option input:checked + .devenit-cookie__switch::after {
  transform: translateX(24px);
  background: #fff;
}
.devenit-cookie__locked {
  color: rgba(255,255,255,.70);
  font-size: .82rem;
  font-weight: 900;
  white-space: nowrap;
}
.devenit-cookie__panel-actions {
  margin-top: 20px;
}
.cookie-modal-open {
  overflow: hidden;
}
.devenit-cookie-footer-link {
  appearance: none;
  border: 0;
  background: none;
  color: rgba(255,255,255,.64);
  font: inherit;
  font-size: .88rem;
  cursor: pointer;
  padding: 0;
  margin-left: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-tap-highlight-color: transparent;
}
.devenit-cookie-footer-link:hover {
  color: #fff;
}
.devenit-cookie-footer-link.is-floating {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 10010;
  margin: 0;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(18,10,39,.82);
  border: 1px solid rgba(255,255,255,.12);
}

/* Mobile: blog recommendation should be very discreet, not a heavy sales popup. */
@media (max-width: 720px) {
  .dev-blog-bubble {
    right: 12px !important;
    left: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    transform: translate3d(0, 14px, 0) scale(.98);
  }
  .dev-blog-bubble__inner {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: end !important;
  }
  .dev-blog-bubble__avatar {
    width: 34px !important;
    height: 34px !important;
    animation: none !important;
    box-shadow: 0 8px 20px rgba(157,98,255,.20) !important;
  }
  .dev-blog-bubble__card {
    border-radius: 18px 18px 6px 18px !important;
    padding: 11px 42px 11px 13px !important;
    backdrop-filter: blur(12px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.28) !important;
  }
  .dev-blog-bubble__card::before {
    display: none !important;
  }
  .dev-blog-bubble__label {
    font-size: .62rem !important;
    margin-bottom: 4px !important;
  }
  .dev-blog-bubble__text {
    font-size: .82rem !important;
    line-height: 1.35 !important;
    margin: 0 0 6px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .dev-blog-bubble__link {
    font-size: .78rem !important;
  }
  .dev-blog-bubble__close {
    top: 7px !important;
    right: 7px !important;
    width: 27px !important;
    height: 27px !important;
  }

  .devenit-cookie {
    inset: auto 10px 10px 10px;
  }
  .devenit-cookie__banner {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 13px;
    padding: 15px;
    border-radius: 22px;
  }
  .devenit-cookie__copy strong {
    font-size: .96rem;
  }
  .devenit-cookie__copy p {
    font-size: .84rem;
  }
  .devenit-cookie__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }
  .devenit-cookie__actions .is-primary {
    grid-column: 1 / -1;
  }
  .devenit-cookie__btn {
    min-height: 40px;
    padding: 0 12px;
    font-size: .86rem;
  }
  .devenit-cookie__modal {
    padding: 12px;
    align-items: flex-end;
  }
  .devenit-cookie__panel {
    padding: 20px;
    border-radius: 24px;
    max-height: calc(100vh - 24px);
  }
  .devenit-cookie__option {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px;
  }
  .devenit-cookie__switch,
  .devenit-cookie__locked {
    justify-self: start;
  }
}


/* ===== v164 PRICING DETAILS STABILITY + COPY REBUILD ===== */
.pricing.pricing-accordion {
  align-items: start !important;
  gap: 24px !important;
}
.pricing-accordion .price-card,
.pricing-accordion .price-card.featured,
.pricing-accordion .price-card.spotlight-card {
  overflow: hidden !important;
  contain: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
}
.pricing-accordion .price-summary,
.pricing-accordion .price-card.featured .price-summary {
  height: auto !important;
  min-height: 306px !important;
  flex: 0 0 auto !important;
  padding: 30px 24px 22px !important;
  gap: 18px !important;
  justify-content: space-between !important;
}
.pricing-accordion .price-card.featured .price-summary-content {
  padding-top: 0 !important;
}
.pricing-accordion .price-summary-content {
  min-height: 0 !important;
  gap: 8px !important;
}
.pricing-accordion .price-title {
  min-height: 0 !important;
  display: block !important;
  line-height: 1.12 !important;
}
.pricing-accordion .price-lead {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: 1.55 !important;
}
.pricing-accordion .price-details {
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  padding: 0 24px !important;
  border-top: 0 solid rgba(255,255,255,.08) !important;
  display: block !important;
  transition: opacity .22s ease, padding .24s ease, border-color .24s ease !important;
}
.pricing-accordion .price-card.is-expanded .price-details {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  padding: 18px 24px 24px !important;
  border-top-width: 1px !important;
}
.pricing-accordion .price-detail-intro {
  margin: 0 0 14px !important;
  color: rgba(245,240,255,.82) !important;
  font-size: .95rem !important;
  line-height: 1.62 !important;
}
.pricing-accordion .price-detail-intro strong {
  color: #fff !important;
}
.pricing-accordion .price-details ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  list-style: none !important;
}
.pricing-accordion .price-details li {
  position: relative !important;
  margin: 0 !important;
  padding: 11px 13px 11px 34px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  color: rgba(245,240,255,.82) !important;
  font-size: .94rem !important;
  line-height: 1.45 !important;
}
.pricing-accordion .price-details li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 13px !important;
  top: 11px !important;
  color: #d7b4ff !important;
  font-weight: 900 !important;
}
.pricing-accordion .price-details .ghost-btn {
  width: 100% !important;
  justify-content: center !important;
  margin-top: 2px !important;
}
.pricing-accordion .card-tag {
  position: absolute !important;
  top: 14px !important;
  left: 24px !important;
  z-index: 6 !important;
}
.pricing-accordion .price-card.featured .price-summary {
  padding-top: 46px !important;
}
.pricing-accordion .price-card.featured .price-title {
  padding-right: 0 !important;
}
@media (min-width: 901px) {
  .pricing.pricing-accordion {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 1080px !important;
  }
}
@media (max-width: 900px) {
  .pricing.pricing-accordion {
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
    gap: 16px !important;
  }
  .pricing-accordion .price-summary,
  .pricing-accordion .price-card.featured .price-summary {
    min-height: 0 !important;
    padding: 22px 18px 18px !important;
  }
  .pricing-accordion .price-card.featured .price-summary {
    padding-top: 42px !important;
  }
  .pricing-accordion .card-tag {
    top: 13px !important;
    left: 18px !important;
  }
  .pricing-accordion .price-card.is-expanded .price-details {
    padding: 16px 18px 18px !important;
  }
  .pricing-accordion .price-details {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* ===== v165 Cookie settings footer positioning ===== */
.footer > div:last-child .devenit-cookie-footer-link,
.footer .footer-cookie-target .devenit-cookie-footer-link {
  display: block;
  width: max-content;
  margin: 10px 0 0 auto;
  text-align: right;
  color: rgba(255,255,255,.58);
}
.footer > div:last-child .devenit-cookie-footer-link:hover,
.footer .footer-cookie-target .devenit-cookie-footer-link:hover {
  color: #fff;
}
@media (max-width: 768px) {
  .footer > div:last-child .devenit-cookie-footer-link,
  .footer .footer-cookie-target .devenit-cookie-footer-link {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
  }
}


/* ===== v167 Honeypot field hiding ===== */
.dv-hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  tabindex: -1;
}


/* ===== v169 MOBILE PERFORMANCE + CTA TEXT VISIBILITY HOTFIX ===== */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
    scroll-behavior: auto !important;
    text-rendering: optimizeSpeed;
  }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .12s !important;
    scroll-behavior: auto !important;
  }

  .hero,
  .hero *,
  .quantum-visual,
  .quantum-visual *,
  .dev-blog-bubble,
  .dev-blog-bubble *,
  .devenit-cookie,
  .devenit-cookie *,
  .integration-logo-track-v80 *,
  .price-card,
  .price-card *,
  .cta,
  .btn,
  .ghost-btn,
  .primary-btn,
  .secondary-btn,
  .btn-launch,
  .btn-submit,
  .cta-btn {
    will-change: auto !important;
  }

  .hero::before,
  .hero::after,
  .section::before,
  .section::after,
  .devenit-integration-section-v80::before,
  .devenit-integration-section-v80::after,
  .quantum-visual::before,
  .quantum-visual::after,
  .dev-blog-bubble__card::before {
    animation: none !important;
    transform: none !important;
  }

  .glass,
  .panel,
  .card,
  .roi-card,
  .price-card,
  .ref-card,
  .service-card,
  .about-card,
  .devenit-cookie__banner,
  .devenit-cookie__panel,
  .dev-blog-bubble__card,
  .integration-container-v80,
  .brand-logo-item-v80 {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .price-card,
  .roi-card,
  .service-card,
  .about-card,
  .integration-container-v80,
  .brand-logo-item-v80 {
    box-shadow: 0 12px 32px rgba(0,0,0,.28) !important;
  }

  a,
  button,
  .cta,
  .btn,
  .ghost-btn,
  .primary-btn,
  .secondary-btn,
  .btn-launch,
  .btn-submit,
  .cta-btn,
  .price-summary,
  .price-toggle {
    -webkit-tap-highlight-color: transparent !important;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
  }

  a,
  button,
  .cta,
  .btn,
  .ghost-btn,
  .primary-btn,
  .secondary-btn,
  .btn-launch,
  .btn-submit,
  .cta-btn {
    color: #fff !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    contain: none !important;
    isolation: isolate;
  }

  a *,
  button *,
  .cta *,
  .btn *,
  .ghost-btn *,
  .primary-btn *,
  .secondary-btn *,
  .btn-launch *,
  .btn-submit *,
  .cta-btn * {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .cta::before,
  .cta::after,
  .btn::before,
  .btn::after,
  .ghost-btn::before,
  .ghost-btn::after,
  .primary-btn::before,
  .primary-btn::after,
  .secondary-btn::before,
  .secondary-btn::after,
  .btn-launch::before,
  .btn-launch::after,
  .btn-submit::before,
  .btn-submit::after,
  .cta-btn::before,
  .cta-btn::after {
    pointer-events: none !important;
    z-index: -1 !important;
  }

  .price-details {
    overflow: hidden !important;
    contain: none !important;
  }

  .price-card.is-expanded .price-details {
    overflow: visible !important;
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: no-preference) {
  body.is-fast-scrolling *,
  body.is-fast-scrolling *::before,
  body.is-fast-scrolling *::after {
    animation: none !important;
    transition: none !important;
  }

  body.is-fast-scrolling .dev-blog-bubble,
  body.is-fast-scrolling .devenit-cookie,
  body.is-fast-scrolling .quantum-visual,
  body.is-fast-scrolling .hero-orb,
  body.is-fast-scrolling .floating-orb {
    display: none !important;
  }
}


/* ===== v170 MOBILE COOKIE PANEL LAYOUT FIX ===== */
@media (max-width: 768px) {
  .devenit-cookie {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    inset-inline: 10px !important;
    pointer-events: none !important;
  }

  .devenit-cookie__banner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    transform: none !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }

  .devenit-cookie__copy {
    min-width: 0 !important;
  }

  .devenit-cookie__copy strong {
    font-size: .95rem !important;
    line-height: 1.18 !important;
    margin-bottom: 5px !important;
  }

  .devenit-cookie__copy p {
    font-size: .82rem !important;
    line-height: 1.42 !important;
    max-width: 100% !important;
  }

  .devenit-cookie__actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  .devenit-cookie__actions .devenit-cookie__btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: .82rem !important;
    white-space: nowrap !important;
  }

  .devenit-cookie__actions .is-primary {
    grid-column: 1 / -1 !important;
    min-height: 42px !important;
  }

  .devenit-cookie__modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    padding: 10px !important;
    padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .devenit-cookie__modal.is-open {
    display: flex !important;
  }

  .devenit-cookie__shade {
    position: absolute !important;
    inset: 0 !important;
  }

  .devenit-cookie__panel {
    width: 100% !important;
    max-width: 100% !important;
    max-height: min(82dvh, calc(100vh - 24px)) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 24px 24px 18px 18px !important;
    padding: 20px 16px 16px !important;
    transform: none !important;
  }

  .devenit-cookie__panel h2 {
    margin: 0 42px 8px 0 !important;
    font-size: 1.32rem !important;
    line-height: 1.12 !important;
    letter-spacing: -.04em !important;
  }

  .devenit-cookie__intro {
    font-size: .86rem !important;
    line-height: 1.45 !important;
  }

  .devenit-cookie__x {
    top: 14px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 1 !important;
    z-index: 2 !important;
  }

  .devenit-cookie__option {
    width: 100% !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    margin-top: 10px !important;
    padding: 13px !important;
    border-radius: 18px !important;
  }

  .devenit-cookie__option > div {
    min-width: 0 !important;
  }

  .devenit-cookie__option strong {
    font-size: .92rem !important;
    line-height: 1.2 !important;
  }

  .devenit-cookie__option p {
    font-size: .78rem !important;
    line-height: 1.38 !important;
  }

  .devenit-cookie__locked {
    white-space: normal !important;
    text-align: right !important;
    max-width: 92px !important;
    font-size: .72rem !important;
    line-height: 1.15 !important;
  }

  .devenit-cookie__switch {
    width: 48px !important;
    height: 28px !important;
    flex: 0 0 48px !important;
    justify-self: end !important;
  }

  .devenit-cookie__switch::after {
    width: 20px !important;
    height: 20px !important;
  }

  .devenit-cookie__option input:checked + .devenit-cookie__switch::after {
    transform: translateX(20px) !important;
  }

  .devenit-cookie__panel-actions {
    width: 100% !important;
    margin-top: 16px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .devenit-cookie__panel-actions .devenit-cookie__btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    font-size: .84rem !important;
  }

  .devenit-cookie-footer-link {
    margin-left: 0 !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 390px) {
  .devenit-cookie__actions,
  .devenit-cookie__panel-actions {
    grid-template-columns: 1fr !important;
  }

  .devenit-cookie__actions .is-primary {
    grid-column: auto !important;
  }

  .devenit-cookie__option {
    grid-template-columns: 1fr !important;
  }

  .devenit-cookie__switch,
  .devenit-cookie__locked {
    justify-self: start !important;
    text-align: left !important;
  }
}


/* ===== v171 MOBILE HAMBURGER MENU LAYOUT FIX ===== */
@media (max-width: 768px) {
  body.menu-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  header,
  .site-header,
  .nav,
  .navbar,
  .topbar {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  .mobile-menu,
  #mobileMenu,
  .mobile-nav,
  .nav-mobile,
  .menu-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: calc(72px + env(safe-area-inset-top, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 92px - env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 22px !important;
    transform-origin: top center !important;
    z-index: 9997 !important;
  }

  .mobile-menu.open,
  #mobileMenu.open,
  .mobile-nav.open,
  .nav-mobile.open,
  .menu-panel.open,
  .mobile-menu.is-open,
  #mobileMenu.is-open,
  .mobile-nav.is-open,
  .nav-mobile.is-open,
  .menu-panel.is-open {
    transform: translate3d(0, 0, 0) !important;
  }

  .mobile-menu *,
  #mobileMenu *,
  .mobile-nav *,
  .nav-mobile *,
  .menu-panel * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mobile-menu a,
  #mobileMenu a,
  .mobile-nav a,
  .nav-mobile a,
  .menu-panel a,
  .mobile-menu button,
  #mobileMenu button,
  .mobile-nav button,
  .nav-mobile button,
  .menu-panel button {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-align: left !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .mobile-menu .lang-switch,
  #mobileMenu .lang-switch,
  .mobile-menu .language-switcher,
  #mobileMenu .language-switcher,
  .mobile-menu .nav-lang,
  #mobileMenu .nav-lang {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }

  .mobile-menu .lang-switch a,
  #mobileMenu .lang-switch a,
  .mobile-menu .language-switcher a,
  #mobileMenu .language-switcher a,
  .mobile-menu .nav-lang a,
  #mobileMenu .nav-lang a {
    width: auto !important;
    min-width: 48px !important;
    text-align: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  #menuToggle,
  .menu-toggle,
  .hamburger,
  .hamburger-btn {
    flex: 0 0 auto !important;
    min-width: 42px !important;
    min-height: 42px !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

@media (max-width: 390px) {
  .mobile-menu,
  #mobileMenu,
  .mobile-nav,
  .nav-mobile,
  .menu-panel {
    left: 8px !important;
    right: 8px !important;
    top: calc(64px + env(safe-area-inset-top, 0px)) !important;
    max-height: calc(100dvh - 78px - env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 18px !important;
  }
}


/* ===== v172 integrations title border cleanup + pricing copy layout sync ===== */
.devenit-integration-section-v80,
.integration-container-v80,
.integration-header-v80 {
  outline: none !important;
}

.integration-container-v80 {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.integration-header-v80,
.integration-header-v80 h2,
.integration-header-v80 h2 span {
  border: 0 !important;
  box-shadow: none !important;
  background-clip: border-box;
}

.integration-header-v80 h2 span {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pricing-accordion .price-card {
  overflow: visible !important;
}

.pricing-accordion .price-summary {
  min-height: 0 !important;
  align-items: stretch !important;
}

.pricing-accordion .price-summary-content {
  min-width: 0 !important;
  width: 100% !important;
}

.pricing-accordion .price-badge {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  margin: 0 0 10px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: linear-gradient(135deg, rgba(255,122,191,.82), rgba(157,98,255,.82));
  box-shadow: 0 10px 24px rgba(157,98,255,.22);
}

.pricing-accordion .price-details {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  width: 100% !important;
}

.pricing-accordion .price-details-block {
  display: block !important;
  width: 100% !important;
}

.pricing-accordion .price-details-block > strong {
  display: block;
  margin: 0 0 12px;
  color: #fff;
  font-size: .98rem;
  letter-spacing: -.02em;
}

.pricing-accordion .price-details ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pricing-accordion .price-details li {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(244,238,255,.84) !important;
  line-height: 1.45 !important;
}

.pricing-accordion .price-details .ghost-btn {
  margin-top: 16px !important;
  width: 100% !important;
  justify-content: center !important;
}

@media (max-width: 768px) {
  .integration-header-v80 h2 span {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .pricing-accordion .price-details li {
    padding: 10px 11px !important;
  }
}


/* ===== v173 MOBILE COOKIE CLICKABILITY FIX ===== */
@media (max-width: 768px) {
  .devenit-cookie {
    z-index: 2147483000 !important;
    pointer-events: auto !important;
    touch-action: auto !important;
  }

  .devenit-cookie *,
  .devenit-cookie__banner,
  .devenit-cookie__modal,
  .devenit-cookie__panel,
  .devenit-cookie__actions,
  .devenit-cookie__panel-actions,
  .devenit-cookie__btn,
  .devenit-cookie__x,
  .devenit-cookie__option,
  .devenit-cookie__switch,
  .devenit-cookie__shade {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  .devenit-cookie__banner,
  .devenit-cookie__modal,
  .devenit-cookie__panel {
    z-index: 2147483001 !important;
  }

  .devenit-cookie__btn,
  .devenit-cookie__x {
    position: relative !important;
    z-index: 2147483002 !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .devenit-cookie__btn::before,
  .devenit-cookie__btn::after,
  .devenit-cookie__x::before,
  .devenit-cookie__x::after {
    pointer-events: none !important;
  }

  body.is-fast-scrolling .devenit-cookie,
  body.is-fast-scrolling .devenit-cookie__banner,
  body.is-fast-scrolling .devenit-cookie__modal,
  body.is-fast-scrolling .devenit-cookie__panel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body.is-fast-scrolling .devenit-cookie__modal:not(.is-open) {
    display: none !important;
  }

  body.is-fast-scrolling .devenit-cookie__modal.is-open {
    display: flex !important;
  }
}


/* ===== v174 COOKIE UI REBUILD: stable separated banner + modal ===== */
.devenit-cookie,
.devenit-cookie__modal {
  display: none !important;
}

.devenit-cookie-banner-shell {
  position: fixed !important;
  left: 18px !important;
  right: 18px !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
  font-family: inherit !important;
}

.devenit-cookie-banner-shell:not(.needs-choice) {
  display: none !important;
}

.devenit-cookie-banner-shell .devenit-cookie__banner {
  width: min(980px, 100%) !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 18px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(168,85,247,.22), transparent 34%),
    radial-gradient(circle at 90% 100%, rgba(255,115,179,.18), transparent 38%),
    linear-gradient(135deg, rgba(18,10,39,.96), rgba(34,15,57,.93)) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.075) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

.devenit-cookie-modal-shell {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  z-index: 2147483005 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}

.devenit-cookie-modal-shell.is-open {
  display: flex !important;
}

.devenit-cookie-modal-shell .devenit-cookie__shade {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 2, 12, .72) !important;
  pointer-events: auto !important;
}

.devenit-cookie-modal-shell .devenit-cookie__panel {
  position: relative !important;
  width: min(680px, 100%) !important;
  max-height: min(760px, calc(100dvh - 44px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  box-sizing: border-box !important;
  border-radius: 30px !important;
  padding: 26px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(168,85,247,.26), transparent 34%),
    radial-gradient(circle at 90% 100%, rgba(255,115,179,.18), transparent 34%),
    linear-gradient(135deg, rgba(17,8,38,.99), rgba(33,15,58,.98)) !important;
  box-shadow: 0 30px 100px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.075) !important;
  color: #fff !important;
  pointer-events: auto !important;
}

.devenit-cookie__copy {
  min-width: 0 !important;
}

.devenit-cookie__copy strong {
  display: block !important;
  color: #fff !important;
  font-size: 1.02rem !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 6px !important;
}

.devenit-cookie__copy p,
.devenit-cookie__intro,
.devenit-cookie__option p {
  margin: 0 !important;
  color: rgba(242,235,255,.76) !important;
  line-height: 1.52 !important;
}

.devenit-cookie__copy p {
  font-size: .92rem !important;
}

.devenit-cookie__actions,
.devenit-cookie__panel-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.devenit-cookie__btn,
.devenit-cookie__x {
  appearance: none !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  position: relative !important;
  z-index: 2 !important;
}

.devenit-cookie__btn {
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10) !important;
}

.devenit-cookie__btn.is-primary {
  background: linear-gradient(135deg, #ff7abf, #9d62ff, #ffb86b) !important;
  box-shadow: 0 12px 30px rgba(157,98,255,.28), inset 0 0 0 1px rgba(255,255,255,.16) !important;
}

.devenit-cookie__btn.is-secondary {
  background: rgba(255,255,255,.13) !important;
}

.devenit-cookie__btn.is-ghost {
  color: rgba(245,240,255,.82) !important;
  -webkit-text-fill-color: rgba(245,240,255,.82) !important;
  background: transparent !important;
}

.devenit-cookie__panel h2 {
  margin: 0 44px 10px 0 !important;
  font-size: clamp(1.45rem, 3vw, 2rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.05em !important;
}

.devenit-cookie__x {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

.devenit-cookie__option {
  margin-top: 14px !important;
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

.devenit-cookie__option input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.devenit-cookie__option strong {
  display: block !important;
  margin-bottom: 5px !important;
  color: #fff !important;
}

.devenit-cookie__switch {
  position: relative !important;
  width: 54px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.13) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.13) !important;
}

.devenit-cookie__switch::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 4px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.88) !important;
  transition: transform .22s ease, background .22s ease !important;
}

.devenit-cookie__option input:checked + .devenit-cookie__switch {
  background: linear-gradient(135deg, #ff7abf, #9d62ff) !important;
}

.devenit-cookie__option input:checked + .devenit-cookie__switch::after {
  transform: translateX(24px) !important;
  background: #fff !important;
}

.devenit-cookie__locked {
  color: rgba(255,255,255,.74) !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.devenit-cookie__panel-actions {
  margin-top: 20px !important;
}

.cookie-modal-open {
  overflow: hidden !important;
}

@media (max-width: 768px) {
  .devenit-cookie-banner-shell {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .devenit-cookie-banner-shell .devenit-cookie__banner {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .devenit-cookie__copy strong {
    font-size: .95rem !important;
  }

  .devenit-cookie__copy p {
    font-size: .82rem !important;
    line-height: 1.42 !important;
  }

  .devenit-cookie__actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .devenit-cookie__actions .devenit-cookie__btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    font-size: .84rem !important;
    white-space: nowrap !important;
  }

  .devenit-cookie__actions .is-primary {
    grid-column: 1 / -1 !important;
  }

  .devenit-cookie-modal-shell {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 10px !important;
    padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .devenit-cookie-modal-shell .devenit-cookie__panel {
    width: 100% !important;
    max-width: 100% !important;
    max-height: min(82dvh, calc(100vh - 24px)) !important;
    border-radius: 24px 24px 18px 18px !important;
    padding: 20px 16px 16px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .devenit-cookie__panel h2 {
    margin: 0 42px 8px 0 !important;
    font-size: 1.32rem !important;
  }

  .devenit-cookie__intro {
    font-size: .86rem !important;
    line-height: 1.45 !important;
  }

  .devenit-cookie__x {
    top: 14px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
  }

  .devenit-cookie__option {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    margin-top: 10px !important;
    padding: 13px !important;
    border-radius: 18px !important;
  }

  .devenit-cookie__option p {
    font-size: .78rem !important;
    line-height: 1.38 !important;
  }

  .devenit-cookie__locked {
    white-space: normal !important;
    max-width: 90px !important;
    text-align: right !important;
    font-size: .72rem !important;
  }

  .devenit-cookie__switch {
    width: 48px !important;
    height: 28px !important;
  }

  .devenit-cookie__switch::after {
    width: 20px !important;
    height: 20px !important;
  }

  .devenit-cookie__option input:checked + .devenit-cookie__switch::after {
    transform: translateX(20px) !important;
  }

  .devenit-cookie__panel-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .devenit-cookie__panel-actions .devenit-cookie__btn {
    width: 100% !important;
    min-height: 42px !important;
    font-size: .84rem !important;
  }

  body.is-fast-scrolling .devenit-cookie-banner-shell,
  body.is-fast-scrolling .devenit-cookie-modal-shell {
    display: inherit !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 390px) {
  .devenit-cookie__actions,
  .devenit-cookie__panel-actions {
    grid-template-columns: 1fr !important;
  }

  .devenit-cookie__actions .is-primary {
    grid-column: auto !important;
  }

  .devenit-cookie__option {
    grid-template-columns: 1fr !important;
  }

  .devenit-cookie__switch,
  .devenit-cookie__locked {
    justify-self: start !important;
    text-align: left !important;
  }
}

/* ===== v175 COOKIE FINAL-STATE FIX: mobile fast-scroll must not resurrect saved banner ===== */
.devenit-cookie-banner-shell[hidden],
.devenit-cookie-banner-shell.is-consent-hidden,
body.is-fast-scrolling .devenit-cookie-banner-shell[hidden],
body.is-fast-scrolling .devenit-cookie-banner-shell.is-consent-hidden,
html[data-cookie-consent="saved"] .devenit-cookie-banner-shell:not(.needs-choice) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}

.devenit-cookie-modal-shell[aria-hidden="true"]:not(.is-open),
body.is-fast-scrolling .devenit-cookie-modal-shell[aria-hidden="true"]:not(.is-open) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.devenit-cookie-modal-shell.is-open {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}


/* ===== v176 – Bemutatkozó split-card + progressive disclosure ===== */
.about-panel.executive-about-card {
  grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
  min-height: 620px;
}
.executive-about-card .portrait-card,
.executive-about-card .portrait-photo-frame {
  height: 100%;
  min-height: 620px;
}
.executive-about-card .portrait-photo-frame img {
  object-fit: cover;
  object-position: center center;
  background: linear-gradient(180deg, #e8e3df 0%, #dbd5d1 100%);
}
.executive-about-card .about-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 4.4vw, 56px);
}
.about-eyebrow {
  margin: 0 0 12px !important;
  color: rgba(240,160,111,.95) !important;
  font-size: .78rem !important;
  line-height: 1.1 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 900;
  max-width: none !important;
}
.executive-copy h3 {
  margin: 0 0 8px;
  color: #fff;
  font-weight: 900;
}
.about-role {
  color: rgba(255,255,255,.68) !important;
  font-weight: 650;
  max-width: 58ch !important;
}
.about-quote {
  position: relative;
  margin: 4px 0 24px;
  padding: 18px 20px 18px 24px;
  border-left: 4px solid rgba(240,160,111,.88);
  font-style: italic;
  letter-spacing: -.01em;
}
.about-preview p {
  margin-bottom: 16px;
}
.about-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.about-read-more {
  appearance: none;
  border: 1px solid rgba(240,160,111,.34);
  border-radius: 999px;
  padding: 14px 18px;
  background: linear-gradient(135deg, rgba(240,160,111,.18), rgba(157,98,255,.16));
  color: #fff;
  font: inherit;
  font-size: .96rem;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.14);
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.about-read-more:hover,
.about-read-more:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.34);
  background: linear-gradient(135deg, rgba(240,160,111,.26), rgba(157,98,255,.22));
  box-shadow: 0 18px 42px rgba(0,0,0,.28), 0 0 30px rgba(240,160,111,.10), inset 0 1px 0 rgba(255,255,255,.18);
  outline: none;
}
.skill-strip span {
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.skill-strip span:hover {
  transform: translateY(-2px);
  border-color: rgba(240,160,111,.42);
  background: linear-gradient(145deg, rgba(240,160,111,.12), rgba(157,98,255,.11));
  color: #fff;
}
.about-modal {
  position: fixed;
  inset: 0;
  z-index: 240;
  display: grid;
  place-items: center;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.about-modal.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.about-modal[hidden] {
  display: none !important;
}
.about-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 4, 14, .74);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.about-modal__panel {
  position: relative;
  width: min(760px, 100%);
  max-height: min(82vh, 760px);
  overflow: auto;
  border-radius: 32px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 18% 10%, rgba(157,98,255,.22), transparent 32%),
    radial-gradient(circle at 88% 90%, rgba(240,160,111,.18), transparent 30%),
    linear-gradient(145deg, rgba(24,15,43,.96), rgba(11,8,23,.97));
  box-shadow: 0 30px 90px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.08);
  transform: translateY(12px) scale(.985);
  transition: transform .2s ease;
}
.about-modal.is-visible .about-modal__panel {
  transform: translateY(0) scale(1);
}
.about-modal__panel:focus {
  outline: none;
}
.about-modal__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.07);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.about-modal__close:hover,
.about-modal__close:focus-visible {
  background: rgba(255,255,255,.12);
  outline: none;
}
.about-modal h3 {
  margin: 0 48px 18px 0;
  color: #fff;
  font-size: clamp(1.75rem, 5vw, 2.55rem);
  line-height: 1.04;
  letter-spacing: -.05em;
}
.about-modal__body p {
  margin: 0 0 18px;
  color: rgba(255,255,255,.80);
  font-size: 1.04rem;
  line-height: 1.86;
}
.about-modal__body strong {
  color: #fff;
  font-weight: 800;
}
body.about-modal-open {
  overflow: hidden;
}
@media (max-width: 980px) {
  .about-panel.executive-about-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .executive-about-card .portrait-card,
  .executive-about-card .portrait-photo-frame {
    min-height: 500px;
  }
  .executive-about-card .about-copy {
    justify-content: flex-start;
  }
}
@media (max-width: 640px) {
  .about-panel.executive-about-card {
    border-radius: 28px;
  }
  .executive-about-card .portrait-card,
  .executive-about-card .portrait-photo-frame {
    min-height: 390px;
  }
  .executive-about-card .about-copy {
    padding: 24px 20px 22px;
  }
  .about-role {
    font-size: .95rem;
    line-height: 1.55;
  }
  .about-preview p {
    font-size: .98rem;
    line-height: 1.72;
  }
  .skill-strip {
    gap: 9px;
    margin-top: 18px;
  }
  .skill-strip span {
    padding: 9px 11px;
    font-size: .82rem;
  }
  .about-actions,
  .about-read-more {
    width: 100%;
  }
  .about-read-more {
    justify-content: center;
    text-align: center;
    padding: 15px 16px;
  }
  .about-modal {
    padding: 12px;
    align-items: end;
  }
  .about-modal__panel {
    width: 100%;
    max-height: 86vh;
    border-radius: 26px 26px 20px 20px;
    padding: 26px 20px 24px;
  }
  .about-modal h3 {
    margin-right: 42px;
  }
  .about-modal__body p {
    font-size: .98rem;
    line-height: 1.74;
  }
}


/* ===== v177 – Portré finomítás + alap képvédelem ===== */
.about-panel.executive-about-card {
  min-height: 560px;
}
.executive-about-card .portrait-card,
.executive-about-card .portrait-photo-frame {
  min-height: 560px;
  overflow: hidden;
}
.executive-about-card .portrait-photo-frame img[data-protected-portrait] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 44%;
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
}
.executive-about-card .portrait-photo-frame {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
@media (max-width: 980px) {
  .executive-about-card .portrait-card,
  .executive-about-card .portrait-photo-frame {
    min-height: 460px;
  }
}
@media (max-width: 640px) {
  .executive-about-card .portrait-card,
  .executive-about-card .portrait-photo-frame {
    min-height: 350px;
  }
  .executive-about-card .portrait-photo-frame img[data-protected-portrait] {
    object-position: center 42%;
  }
}

/* ===== v178 – Portré távolabbi vágás, Apple logó láthatóság ===== */
.about-panel.executive-about-card {
  grid-template-columns: minmax(380px, .95fr) minmax(0, 1.05fr);
  min-height: 520px;
}
.executive-about-card .portrait-card,
.executive-about-card .portrait-photo-frame {
  min-height: 520px;
}
.executive-about-card .portrait-photo-frame img[data-protected-portrait] {
  object-position: 18% 54%;
}
@media (max-width: 1180px) {
  .about-panel.executive-about-card {
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
  }
}
@media (max-width: 980px) {
  .about-panel.executive-about-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .executive-about-card .portrait-card,
  .executive-about-card .portrait-photo-frame {
    min-height: 460px;
  }
  .executive-about-card .portrait-photo-frame img[data-protected-portrait] {
    object-position: 50% 58%;
  }
}
@media (max-width: 640px) {
  .executive-about-card .portrait-card,
  .executive-about-card .portrait-photo-frame {
    min-height: 385px;
  }
  .executive-about-card .portrait-photo-frame img[data-protected-portrait] {
    object-position: 50% 62%;
  }
}


/* ===== v180 Typography-first premium hero + cookie footer placement ===== */
.hero.hero-premium {
  position: relative;
  isolation: isolate;
  width: min(1180px, calc(100vw - 40px));
  min-height: 100svh;
  display: grid;
  place-items: center;
  grid-template-columns: 1fr;
  padding: 154px 0 88px;
  overflow: hidden;
}

.hero.hero-premium::before {
  content: "";
  position: absolute;
  inset: 10% 8% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
  opacity: .75;
  z-index: -1;
}

.hero.hero-premium .hero-tech-grid {
  position: absolute;
  inset: -18% -12%;
  z-index: -3;
  background-size: 52px 52px;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 14%, rgba(0,0,0,.74) 42%, rgba(0,0,0,0) 74%);
  mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 14%, rgba(0,0,0,.74) 42%, rgba(0,0,0,0) 74%);
  animation: heroGridDrift 18s linear infinite;
}

.hero.hero-premium .hero-ambient-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(760px, 82vw);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  z-index: -4;
  background:
    radial-gradient(circle at 48% 44%, rgba(183,134,255,.24), rgba(118,78,228,.11) 32%, rgba(255,98,183,.055) 52%, transparent 70%);
  filter: blur(8px);
  animation: heroBreathe 9s ease-in-out infinite alternate;
}

.hero.hero-premium .hero-code-rain {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  overflow: hidden;
  opacity: .36;
}

.hero.hero-premium .hero-code-rain span {
  position: absolute;
  display: inline-flex;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  color: rgba(205,196,224,.62);
  font: 700 .72rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .02em;
  filter: blur(.05px);
  animation: codeFloat 12s ease-in-out infinite;
}

.hero.hero-premium .hero-code-rain span:nth-child(1) { left: 6%; top: 24%; animation-delay: -2s; }
.hero.hero-premium .hero-code-rain span:nth-child(2) { right: 8%; top: 30%; animation-delay: -5s; }
.hero.hero-premium .hero-code-rain span:nth-child(3) { left: 13%; bottom: 21%; animation-delay: -8s; }
.hero.hero-premium .hero-code-rain span:nth-child(4) { right: 13%; bottom: 24%; animation-delay: -10s; }

.hero.hero-premium .hero-content {
  position: relative;
  z-index: 2;
  width: min(880px, 100%);
  margin: 0 auto;
  text-align: center;
  padding: 0 18px;
}

.hero.hero-premium .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 16px;
  margin: 0 0 31px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.028));
  color: rgba(225,216,240,.76);
  font-size: .86rem;
  font-weight: 750;
  letter-spacing: .035em;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 50px rgba(0,0,0,.18);
}

.hero.hero-premium .hero-badge span {
  color: #d384ff;
  text-shadow: 0 0 18px rgba(211,132,255,.8);
}

.hero.hero-premium .hero-title {
  max-width: 920px;
  margin: 0 auto 26px;
  font-size: clamp(3.35rem, 8.1vw, 7.7rem);
  line-height: .94 !important;
  letter-spacing: -.075em;
  font-weight: 900;
  overflow: visible !important;
  text-wrap: balance;
  color: #fff;
  background: linear-gradient(180deg, #fff 0%, #fbf9ff 30%, #bcaed2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 30px 90px rgba(157,98,255,.28);
}

.hero.hero-premium .hero-title span {
  display: inline-block;
  padding-bottom: .04em;
  background: linear-gradient(92deg, #fff 0%, #d9ccff 40%, #ff8fc8 74%, #f0a06f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero.hero-premium .hero-subtitle {
  max-width: 720px;
  margin: 0 auto 42px;
  color: rgba(214,203,232,.68);
  font-size: clamp(1.05rem, 1.55vw, 1.32rem);
  line-height: 1.68;
  font-weight: 470;
}

.hero.hero-premium .cta-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin: 0;
}

.hero.hero-premium .btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 14px;
  text-decoration: none;
  font-size: .98rem;
  font-weight: 850;
  letter-spacing: -.01em;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
  -webkit-tap-highlight-color: transparent;
}

.hero.hero-premium .btn-primary {
  color: #f8f4ff;
  border: 1px solid rgba(214, 181, 255, .28);
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.06)),
    linear-gradient(135deg, rgba(132,88,255,.20), rgba(240,160,111,.075));
  box-shadow:
    0 16px 42px rgba(89, 45, 174, .18),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.hero.hero-premium .btn-primary::before {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.0) 28%, rgba(255,255,255,.26) 48%, rgba(255,255,255,.0) 66%, transparent 100%);
  transform: translateX(-120%);
  transition: transform .75s ease;
  opacity: .58;
}

.hero.hero-premium .btn-primary::after {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: 13px;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 44%);
  opacity: .62;
}

.hero.hero-premium .btn-primary:hover::before,
.hero.hero-premium .btn-primary:focus-visible::before {
  transform: translateX(120%);
}

.hero.hero-premium .btn-secondary {
  color: #fff;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.hero.hero-premium .btn:hover,
.hero.hero-premium .btn:focus-visible {
  transform: translateY(-2px);
}

.hero.hero-premium .btn-primary:hover,
.hero.hero-premium .btn-primary:focus-visible {
  border-color: rgba(231, 207, 255, .42);
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.075)),
    linear-gradient(135deg, rgba(132,88,255,.25), rgba(240,160,111,.10));
  box-shadow:
    0 20px 48px rgba(113, 69, 214, .24),
    0 0 34px rgba(211,132,255,.13),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.hero.hero-premium .btn-secondary:hover,
.hero.hero-premium .btn-secondary:focus-visible {
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.095);
}

@keyframes heroBreathe {
  0% { transform: translate(-50%, -50%) scale(.9); opacity: .72; }
  100% { transform: translate(-50%, -50%) scale(1.12); opacity: 1; }
}

@keyframes heroGridDrift {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(52px, 52px, 0); }
}

@keyframes codeFloat {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: .45; }
  50% { transform: translate3d(0, -18px, 0); opacity: .92; }
}

@media (max-width: 900px) {
  .hero.hero-premium {
    width: min(100% - 32px, 760px);
    padding: 132px 0 70px;
  }
  .hero.hero-premium .hero-code-rain span {
    opacity: .55;
  }
  .hero.hero-premium .hero-title {
    letter-spacing: -.065em;
  }
}

@media (max-width: 620px) {
  .hero.hero-premium {
    width: min(100% - 28px, 520px);
    min-height: auto;
    padding: 122px 0 58px;
  }
  .hero.hero-premium .hero-tech-grid {
    background-size: 42px 42px;
    inset: -12% -42%;
  }
  .hero.hero-premium .hero-ambient-glow {
    width: 118vw;
    filter: blur(12px);
  }
  .hero.hero-premium .hero-code-rain span {
    display: none;
  }
  .hero.hero-premium .hero-content {
    padding: 0;
  }
  .hero.hero-premium .hero-badge {
    font-size: .76rem;
    padding: 8px 12px;
    margin-bottom: 24px;
  }
  .hero.hero-premium .hero-title {
    font-size: clamp(3.05rem, 15vw, 4.9rem);
    line-height: .96 !important;
    letter-spacing: -.072em;
    margin-bottom: 22px;
  }
  .hero.hero-premium .hero-subtitle {
    font-size: 1.02rem;
    line-height: 1.62;
    margin-bottom: 30px;
  }
  .hero.hero-premium .cta-group {
    flex-direction: column;
    width: 100%;
  }
  .hero.hero-premium .btn {
    width: 100%;
    min-height: 52px;
  }
}

.footer .devenit-cookie-footer-link {
  appearance: none;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
  padding: 0;
  line-height: 1.4;
}


/* ===== v196: service copy support + descender clipping fix ===== */
.admin-chaos-section .admin-chaos-copy h2{
  line-height:1.03!important;
  padding-bottom:.10em!important;
  overflow:visible!important;
}
.admin-chaos-section .chaos-gradient{
  line-height:1.08!important;
  padding-bottom:.12em!important;
  margin-bottom:-.08em!important;
  overflow:visible!important;
}


/* ===== v199: árkártyák egységes magasság + pipa igazítás ===== */
.pricing.pricing-accordion{
  align-items:stretch!important;
}
.pricing-accordion .price-card,
.pricing-accordion .price-card.featured,
.pricing-accordion .price-card.spotlight-card,
.pricing-accordion .price-card.featured.spotlight-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
.pricing-accordion .price-summary,
.pricing-accordion .price-card.featured .price-summary{
  flex:0 0 326px!important;
  height:326px!important;
  min-height:326px!important;
}
.pricing-accordion .price-details ul{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.pricing-accordion .price-details li{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:flex-start!important;
  column-gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:12px 14px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:rgba(244,238,255,.84)!important;
  line-height:1.45!important;
}
.pricing-accordion .price-details li::before{
  content:"✓"!important;
  position:static!important;
  left:auto!important;
  top:auto!important;
  display:inline-grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  margin-top:.02em!important;
  border-radius:999px!important;
  color:#d7b4ff!important;
  font-weight:900!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.pricing-accordion .price-card.is-expanded .price-details{
  min-height:318px!important;
  box-sizing:border-box!important;
}
@media (min-width:901px){
  .pricing.pricing-accordion{
    grid-auto-rows:1fr!important;
  }
}
@media (max-width:900px){
  .pricing-accordion .price-summary,
  .pricing-accordion .price-card.featured .price-summary{
    flex-basis:300px!important;
    height:300px!important;
    min-height:300px!important;
  }
  .pricing-accordion .price-card.is-expanded .price-details{
    min-height:0!important;
  }
}
@media (max-width:420px){
  .pricing-accordion .price-details li{
    grid-template-columns:20px minmax(0,1fr)!important;
    column-gap:9px!important;
    padding:11px 12px!important;
  }
  .pricing-accordion .price-details li::before{
    width:20px!important;
    height:20px!important;
  }
}


/* ===== v200 ÁRAK ACCORDION: független kártyamagasság ===== */
/*
  A csomagkártyák zárt állapotban továbbra is egységes summary-magasságot kapnak,
  de egy nyitott kártya nem nyújthatja meg vizuálisan a mellette lévő csomagot.
*/
.pricing.pricing-accordion{
  align-items:start !important;
}
.pricing-accordion .price-card{
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
}
.pricing-accordion .price-card:not(.is-expanded){
  max-height:none !important;
}
.pricing-accordion .price-card:not(.is-expanded) .price-details{
  height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-top-width:0 !important;
  opacity:0 !important;
}
.pricing-accordion .price-card.is-expanded{
  z-index:2;
}
.pricing-accordion .price-card.is-expanded .price-details{
  height:auto;
}
@media (min-width:901px){
  .pricing.pricing-accordion{
    grid-auto-rows:auto !important;
  }
}


/* ===== v201 ÁRAK ACCORDION: valóban független kártyák ===== */
/*
  A korábbi grid sorlogika miatt egy nyitott árkártya meg tudta nyújtani
  a teljes sort, ezért a mellette lévő csomag is úgy tűnt, mintha mozogna.
  Flex layouttal a kártyák saját magasságon maradnak; csak a kattintott csomag nő.
*/
.pricing.pricing-accordion{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  justify-content:stretch!important;
  gap:16px!important;
  grid-template-columns:none!important;
  grid-auto-rows:auto!important;
}
.pricing-accordion .price-card,
.pricing-accordion .price-card.featured,
.pricing-accordion .price-card.spotlight-card,
.pricing-accordion .price-card.featured.spotlight-card{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  align-self:flex-start!important;
  display:block!important;
  contain:layout paint!important;
}
.pricing-accordion .price-card:not(.is-expanded){
  height:326px!important;
  min-height:326px!important;
  max-height:326px!important;
  overflow:visible!important;
}
.pricing-accordion .price-card.is-expanded{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  z-index:3!important;
}
.pricing-accordion .price-summary,
.pricing-accordion .price-card.featured .price-summary{
  height:326px!important;
  min-height:326px!important;
  max-height:326px!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}
.pricing-accordion .price-details{
  overflow:hidden!important;
  transition:height .30s ease, opacity .22s ease, padding .22s ease, border-color .22s ease!important;
  will-change:height!important;
}
.pricing-accordion .price-card:not(.is-expanded) .price-details{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  border-top-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.pricing-accordion .price-card.is-expanded .price-details{
  min-height:0!important;
  max-height:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}
@media (max-width:1180px){
  .pricing.pricing-accordion{
    flex-wrap:wrap!important;
  }
  .pricing-accordion .price-card,
  .pricing-accordion .price-card.featured,
  .pricing-accordion .price-card.spotlight-card,
  .pricing-accordion .price-card.featured.spotlight-card{
    flex:0 0 calc(50% - 8px)!important;
    width:calc(50% - 8px)!important;
  }
}
@media (max-width:680px){
  .pricing.pricing-accordion{
    flex-direction:column!important;
    flex-wrap:nowrap!important;
  }
  .pricing-accordion .price-card,
  .pricing-accordion .price-card.featured,
  .pricing-accordion .price-card.spotlight-card,
  .pricing-accordion .price-card.featured.spotlight-card{
    flex:0 0 auto!important;
    width:100%!important;
  }
  .pricing-accordion .price-card:not(.is-expanded){
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .pricing-accordion .price-summary,
  .pricing-accordion .price-card.featured .price-summary{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}

/* ===== v202 ÁRAK ACCORDION: closest-alapú, saját kártyás nyitás + mozgásmentes desktop ===== */
.pricing.pricing-accordion{
  align-items:flex-start!important;
}
.pricing-accordion .price-card,
.pricing-accordion .price-card.featured,
.pricing-accordion .price-card.spotlight-card,
.pricing-accordion .price-card.featured.spotlight-card{
  align-self:flex-start!important;
  transform:none!important;
}
.pricing-accordion .price-card:not(.is-expanded) .price-details{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  border-top-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.pricing-accordion .price-card.is-expanded .price-details{
  min-height:0!important;
  max-height:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.pricing-accordion .price-card.is-expanded .price-toggle::after{
  content:"−"!important;
  transform:rotate(180deg)!important;
}
.pricing-accordion .price-card:not(.is-expanded) .price-toggle::after{
  content:"+"!important;
  transform:none!important;
}

/* Nagy desktopon a lenyíló rész lebeg a saját kártya alatt, ezért sem a szomszéd, sem a sor nem mozdul. */
@media (min-width:1181px){
  .pricing.pricing-accordion{
    position:relative!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:16px!important;
    transition:padding-bottom .24s ease!important;
  }
  .pricing-accordion .price-card,
  .pricing-accordion .price-card.featured,
  .pricing-accordion .price-card.spotlight-card,
  .pricing-accordion .price-card.featured.spotlight-card{
    position:relative!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    height:326px!important;
    min-height:326px!important;
    max-height:326px!important;
    overflow:visible!important;
    contain:none!important;
    z-index:1!important;
  }
  .pricing-accordion .price-card.is-expanded{
    z-index:50!important;
  }
  .pricing-accordion .price-summary,
  .pricing-accordion .price-card.featured .price-summary{
    height:326px!important;
    min-height:326px!important;
    max-height:326px!important;
    flex:0 0 326px!important;
  }
  .pricing-accordion .price-details{
    position:absolute!important;
    top:326px!important;
    left:0!important;
    right:0!important;
    z-index:30!important;
    overflow:hidden!important;
    background:linear-gradient(180deg, rgba(24,15,34,.98), rgba(15,10,24,.98))!important;
    border-left:1px solid rgba(255,255,255,.09)!important;
    border-right:1px solid rgba(255,255,255,.09)!important;
    border-bottom:1px solid rgba(168,85,247,.22)!important;
    border-radius:0 0 28px 28px!important;
    box-shadow:0 28px 70px rgba(0,0,0,.36), 0 0 38px rgba(168,85,247,.10)!important;
    transition:height .28s ease, opacity .22s ease, padding .22s ease, border-color .22s ease!important;
    will-change:height!important;
  }
  .pricing-accordion .price-card:not(.is-expanded) .price-details{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .pricing-accordion .price-card.is-expanded .price-details{
    padding:0 24px 24px!important;
  }
}

/* Kisebb desktop/tablet: két oszlop maradhat, de a kártyák nem nyúlnak egymáshoz. */
@media (min-width:681px) and (max-width:1180px){
  .pricing.pricing-accordion{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    gap:18px!important;
  }
  .pricing-accordion .price-card,
  .pricing-accordion .price-card.featured,
  .pricing-accordion .price-card.spotlight-card,
  .pricing-accordion .price-card.featured.spotlight-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    contain:none!important;
  }
  .pricing-accordion .price-card:not(.is-expanded){
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .pricing-accordion .price-details{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }
}

@media (max-width:680px){
  .pricing.pricing-accordion{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding-bottom:0!important;
  }
  .pricing-accordion .price-details{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }
}


/* ===== v203: árkártya UI javítás – nagyobb kártyák, nincs buboréklista ===== */
#arak .pricing.pricing-accordion{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(390px, 1fr))!important;
  gap:42px 38px!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:44px!important;
  align-items:start!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
#arak .pricing-accordion .price-card,
#arak .pricing-accordion .price-card.featured,
#arak .pricing-accordion .price-card.spotlight-card,
#arak .pricing-accordion .price-card.featured.spotlight-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  contain:none!important;
  padding:0!important;
  border-radius:30px!important;
}
#arak .pricing-accordion .price-card:not(.is-expanded){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
#arak .pricing-accordion .price-summary,
#arak .pricing-accordion .price-card.featured .price-summary{
  position:relative!important;
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  flex:0 0 360px!important;
  padding:42px 38px 34px!important;
  gap:18px!important;
  border-radius:30px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#arak .pricing-accordion .price-card.featured .price-summary-content,
#arak .pricing-accordion .price-summary-content{
  min-height:0!important;
  padding-top:0!important;
  gap:10px!important;
}
#arak .pricing-accordion .card-tag{
  top:-14px!important;
  left:34px!important;
  z-index:20!important;
}
#arak .pricing-accordion .price-title{
  min-height:2.35em!important;
  font-size:clamp(1.22rem,1.7vw,1.42rem)!important;
  line-height:1.12!important;
}
#arak .pricing-accordion .price{
  font-size:clamp(2rem,3.1vw,2.55rem)!important;
  line-height:1.03!important;
  white-space:nowrap!important;
}
#arak .pricing-accordion .price-card:last-child .price{
  font-size:clamp(1.86rem,2.55vw,2.28rem)!important;
}
#arak .pricing-accordion .price-lead{
  min-height:calc(.99rem * 1.56 * 3)!important;
  max-height:calc(.99rem * 1.56 * 3)!important;
  -webkit-line-clamp:3!important;
  font-size:.99rem!important;
  line-height:1.56!important;
}
#arak .pricing-accordion .price-toggle{
  min-height:56px!important;
  padding:0 20px!important;
  border-radius:999px!important;
}
#arak .pricing-accordion .price-details{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:auto!important;
  background:transparent!important;
  box-shadow:none!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  padding-left:38px!important;
  padding-right:38px!important;
  overflow:hidden!important;
}
#arak .pricing-accordion .price-card.is-expanded .price-details{
  padding:24px 38px 34px!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
  min-height:0!important;
}
#arak .pricing-accordion .price-card:not(.is-expanded) .price-details{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-top-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
#arak .pricing-accordion .price-detail-intro{
  display:none!important;
}
#arak .pricing-accordion .price-details ul{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:0 0 18px!important;
  padding:0!important;
  list-style:none!important;
}
#arak .pricing-accordion .price-details li{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:start!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(244,238,255,.84)!important;
  line-height:1.42!important;
  font-size:.95rem!important;
}
#arak .pricing-accordion .price-details li::before{
  content:"✓"!important;
  display:block!important;
  width:20px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#c59aff!important;
  font-weight:900!important;
  line-height:1.42!important;
  text-align:left!important;
}
#arak .pricing-accordion .price-details .ghost-btn{
  margin-top:4px!important;
}
@media(max-width:980px){
  #arak .pricing.pricing-accordion{
    grid-template-columns:1fr!important;
    max-width:620px!important;
    gap:22px!important;
    padding-top:28px!important;
  }
  #arak .pricing-accordion .price-summary,
  #arak .pricing-accordion .price-card.featured .price-summary{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    padding:32px 24px 24px!important;
  }
  #arak .pricing-accordion .price-title{
    min-height:0!important;
  }
  #arak .pricing-accordion .price-lead{
    min-height:0!important;
    max-height:none!important;
    -webkit-line-clamp:unset!important;
  }
  #arak .pricing-accordion .price-card.featured .price-summary-content{
    padding-top:16px!important;
  }
  #arak .pricing-accordion .price-card.is-expanded .price-details{
    padding:22px 24px 26px!important;
  }
}
@media(max-width:520px){
  #arak .pricing.pricing-accordion{
    max-width:none!important;
    gap:18px!important;
  }
  #arak .pricing-accordion .price-summary,
  #arak .pricing-accordion .price-card.featured .price-summary{
    padding:28px 20px 20px!important;
  }
  #arak .pricing-accordion .price{
    font-size:clamp(1.62rem,8vw,2rem)!important;
    white-space:normal!important;
  }
  #arak .pricing-accordion .price-card.is-expanded .price-details{
    padding:20px 20px 24px!important;
  }
}


/* ===== v204: bemutatkozó kártya – pill-ek helyett szöveges tartóblokk ===== */
.about-note{
  margin:22px 0 0!important;
  max-width:64ch!important;
  color:rgba(255,255,255,.74)!important;
  font-size:1.02rem!important;
  line-height:1.86!important;
  letter-spacing:-.01em;
  padding:0 0 0 18px;
  border-left:2px solid rgba(240,160,111,.42);
}
.executive-copy .about-note{
  flex:0 0 auto;
}
@media(max-width:760px){
  .about-note{
    margin-top:18px!important;
    font-size:.98rem!important;
    line-height:1.78!important;
    padding-left:14px;
  }
}


/* ===== v205 Hero title descender protection ===== */
.hero.hero-premium .hero-title {
  line-height: 1.03 !important;
  padding: .035em .045em .105em;
  margin-bottom: 20px;
  overflow: visible !important;
}

.hero.hero-premium .hero-title span {
  padding-bottom: .10em;
}

@media (max-width: 620px) {
  .hero.hero-premium .hero-title {
    line-height: 1.04 !important;
    padding: .04em .055em .12em;
  }
}


/* ===== v207 Hero subtitle long-copy readability ===== */
.hero.hero-premium .hero-subtitle.hero-subtitle-v207 {
  max-width: 1040px;
  margin: 0 auto 36px;
  font-size: clamp(.98rem, 1.18vw, 1.16rem);
  line-height: 1.54;
  color: rgba(224, 214, 239, .74);
  text-wrap: balance;
}

.hero.hero-premium .hero-subtitle.hero-subtitle-v207 span {
  display: block;
}

.hero.hero-premium .hero-subtitle.hero-subtitle-v207 span + span {
  margin-top: .18em;
}

@media (max-width: 900px) {
  .hero.hero-premium .hero-subtitle.hero-subtitle-v207 {
    max-width: 720px;
    font-size: .99rem;
    line-height: 1.50;
    margin-bottom: 32px;
  }
}

@media (max-width: 620px) {
  .hero.hero-premium .hero-subtitle.hero-subtitle-v207 {
    font-size: .94rem;
    line-height: 1.43;
    margin-bottom: 26px;
    text-wrap: pretty;
  }
  .hero.hero-premium .hero-subtitle.hero-subtitle-v207 span {
    display: inline;
  }
  .hero.hero-premium .hero-subtitle.hero-subtitle-v207 span + span {
    margin-top: 0;
  }
  .hero.hero-premium .hero-subtitle.hero-subtitle-v207 span + span::before {
    content: " ";
  }
}

/* ===== v211 about modal themed scrollbar ===== */
.about-modal__panel {
  scrollbar-width: thin;
  scrollbar-color: rgba(157,98,255,.92) rgba(255,255,255,.075);
  scrollbar-gutter: stable;
}

.about-modal__panel::-webkit-scrollbar {
  width: 12px;
}

.about-modal__panel::-webkit-scrollbar-track {
  margin: 24px 0;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.07);
}

.about-modal__panel::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 3px solid rgba(13,9,28,.96);
  background: linear-gradient(180deg, #9d62ff 0%, #ff62b7 58%, #f0a06f 100%);
  box-shadow: 0 0 18px rgba(157,98,255,.34);
}

.about-modal__panel::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #b985ff 0%, #ff7cc6 56%, #f4b985 100%);
}

@media (max-width: 640px) {
  .about-modal__panel {
    scrollbar-gutter: auto;
    scrollbar-width: thin;
  }

  .about-modal__panel::-webkit-scrollbar {
    width: 8px;
  }

  .about-modal__panel::-webkit-scrollbar-track {
    margin: 22px 0;
    background: rgba(255,255,255,.06);
  }

  .about-modal__panel::-webkit-scrollbar-thumb {
    border-width: 2px;
  }
}


/* ===== v212 about modal scrollbar containment fix ===== */
/* A görgetés most már a modal belső szövegtörzsében történik,
   így a scrollbar nem lóg ki a lekerekített modal panelből. */
.about-modal__panel {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.about-modal__panel::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.about-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  padding-right: clamp(12px, 1.8vw, 18px);
  scrollbar-width: thin;
  scrollbar-color: rgba(157,98,255,.92) rgba(255,255,255,.07);
  scrollbar-gutter: stable;
}

.about-modal__body::-webkit-scrollbar {
  width: 10px;
}

.about-modal__body::-webkit-scrollbar-track {
  margin: 6px 0;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.07);
}

.about-modal__body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 2px solid rgba(13,9,28,.96);
  background: linear-gradient(180deg, #9d62ff 0%, #ff62b7 58%, #f0a06f 100%);
  box-shadow: 0 0 18px rgba(157,98,255,.30);
}

.about-modal__body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #b985ff 0%, #ff7cc6 56%, #f4b985 100%);
}

@media (max-width: 640px) {
  .about-modal {
    padding: 10px;
  }

  .about-modal__panel {
    max-height: 86vh;
  }

  .about-modal__body {
    padding-right: 10px;
    scrollbar-gutter: stable;
  }

  .about-modal__body::-webkit-scrollbar {
    width: 7px;
  }

  .about-modal__body::-webkit-scrollbar-track {
    margin: 5px 0;
    background: rgba(255,255,255,.06);
  }

  .about-modal__body::-webkit-scrollbar-thumb {
    border-width: 2px;
  }
}


/* ===== v214 integration logos: flat, no pill containers ===== */
.devenit-integration-section-v80 .integration-logo-track-v80{
  gap:clamp(24px,3vw,46px) !important;
  row-gap:30px !important;
  align-items:center !important;
  justify-content:center !important;
  padding:20px 0 4px !important;
}

.devenit-integration-section-v80 .brand-logo-item-v80{
  min-height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.devenit-integration-section-v80 .brand-logo-item-v80::before,
.devenit-integration-section-v80 .brand-logo-item-v80::after{
  display:none !important;
}

.devenit-integration-section-v80 .brand-logo-item-v80:hover{
  transform:translateY(-2px) !important;
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
}

.devenit-integration-section-v80 .brand-logo-item-v80 .logo-mark-v80{
  filter:drop-shadow(0 0 16px rgba(157,98,255,.28));
}

.devenit-integration-section-v80 .logo-wordmark-v80{
  text-shadow:0 0 18px rgba(255,255,255,.14);
}

.devenit-integration-section-v80 .logo-google-calendar{
  color:#f7f2ff !important;
}

.devenit-integration-section-v80 .logo-google-calendar .logo-mark-v80{
  width:31px;
  height:31px;
  flex-basis:31px;
}

.devenit-integration-section-v80 .logo-google-calendar .logo-wordmark-v80{
  font-weight:850;
  letter-spacing:-.04em;
}

@media (max-width:768px){
  .devenit-integration-section-v80 .integration-logo-track-v80{
    gap:20px 28px !important;
  }

  .devenit-integration-section-v80 .brand-logo-item-v80{
    gap:9px !important;
  }

  .devenit-integration-section-v80 .logo-wordmark-v80{
    font-size:clamp(.98rem,4.4vw,1.16rem) !important;
  }
}

/* ===== v222 DevenIT fixes: logo accent, homepage reference restore, cookie layout repair ===== */
.brand-slogan-accent {
  color: #d384ff !important;
  -webkit-text-fill-color: #d384ff !important;
  text-shadow: 0 0 10px rgba(157,98,255,.46), 0 0 18px rgba(211,132,255,.20) !important;
}

/* Cookie banner/modal hard reset after layout regressions */
.devenit-cookie-banner-shell {
  position: fixed !important;
  left: 18px !important;
  right: 18px !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
  font-family: inherit !important;
}
.devenit-cookie-banner-shell:not(.needs-choice) { display: none !important; }
.devenit-cookie-banner-shell .devenit-cookie__banner {
  position: relative !important;
  width: min(980px, 100%) !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 20px 58px 20px 20px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: radial-gradient(circle at 10% 10%, rgba(168,85,247,.22), transparent 34%), radial-gradient(circle at 90% 100%, rgba(255,115,179,.18), transparent 38%), linear-gradient(135deg, rgba(18,10,39,.96), rgba(34,15,57,.93)) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.075) !important;
  color: #fff !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
.devenit-cookie__copy { min-width: 0 !important; display: block !important; }
.devenit-cookie__copy strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 1.02rem !important;
  line-height: 1.22 !important;
  letter-spacing: -.02em !important;
}
.devenit-cookie__copy p,
.devenit-cookie__intro,
.devenit-cookie__option p {
  display: block !important;
  margin: 0 !important;
  color: rgba(242,235,255,.76) !important;
  -webkit-text-fill-color: rgba(242,235,255,.76) !important;
  line-height: 1.52 !important;
  font-size: .92rem !important;
}
.devenit-cookie__actions,
.devenit-cookie__panel-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.devenit-cookie__btn {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.11) !important;
  font-weight: 900 !important;
  font-size: .9rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}
.devenit-cookie__btn.is-primary { background: linear-gradient(135deg, #ff7abf, #9d62ff, #ffb86b) !important; }
.devenit-cookie__btn.is-secondary { background: rgba(255,255,255,.14) !important; }
.devenit-cookie__btn.is-ghost { background: transparent !important; color: rgba(245,240,255,.82) !important; -webkit-text-fill-color: rgba(245,240,255,.82) !important; }
.devenit-cookie__banner-x,
.devenit-cookie__x {
  appearance: none !important;
  position: absolute !important;
  z-index: 5 !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}
.devenit-cookie__banner-x:hover,
.devenit-cookie__x:hover { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.devenit-cookie-modal-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483005 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}
.devenit-cookie-modal-shell.is-open { display: flex !important; }
.devenit-cookie-modal-shell .devenit-cookie__shade { position: absolute !important; inset: 0 !important; background: rgba(4,2,12,.72) !important; }
.devenit-cookie-modal-shell .devenit-cookie__panel {
  position: relative !important;
  width: min(680px, 100%) !important;
  max-height: min(760px, calc(100dvh - 44px)) !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  border-radius: 30px !important;
  padding: 28px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  background: radial-gradient(circle at 12% 0%, rgba(168,85,247,.26), transparent 34%), radial-gradient(circle at 90% 100%, rgba(255,115,179,.18), transparent 34%), linear-gradient(135deg, rgba(17,8,38,.99), rgba(33,15,58,.98)) !important;
  box-shadow: 0 30px 100px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.075) !important;
  color: #fff !important;
}
.devenit-cookie__panel h2 { margin: 0 44px 10px 0 !important; font-size: clamp(1.45rem, 3vw, 2rem) !important; line-height: 1.12 !important; letter-spacing: -.05em !important; }
.devenit-cookie__option {
  margin-top: 14px !important;
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
}
.devenit-cookie__option strong { display: block !important; margin: 0 0 5px !important; color: #fff !important; -webkit-text-fill-color:#fff !important; }
.devenit-cookie__option input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
.devenit-cookie__switch { position: relative !important; width: 54px !important; height: 30px !important; border-radius: 999px !important; background: rgba(255,255,255,.13) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.13) !important; }
.devenit-cookie__switch::after { content:"" !important; position:absolute !important; top:4px !important; left:4px !important; width:22px !important; height:22px !important; border-radius:50% !important; background:#fff !important; transition: transform .22s ease !important; }
.devenit-cookie__option input:checked + .devenit-cookie__switch { background: linear-gradient(135deg, #ff7abf, #9d62ff) !important; }
.devenit-cookie__option input:checked + .devenit-cookie__switch::after { transform: translateX(24px) !important; }
.devenit-cookie__locked { color: rgba(255,255,255,.74) !important; font-size: .82rem !important; font-weight: 900 !important; white-space: nowrap !important; }
.devenit-cookie__panel-actions { margin-top: 20px !important; }
@media (max-width: 768px) {
  .devenit-cookie-banner-shell { left: 10px !important; right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; }
  .devenit-cookie-banner-shell .devenit-cookie__banner { grid-template-columns: 1fr !important; gap: 12px !important; padding: 18px 42px 14px 14px !important; border-radius: 20px !important; }
  .devenit-cookie__copy strong { font-size: .96rem !important; }
  .devenit-cookie__copy p { font-size: .82rem !important; line-height: 1.42 !important; }
  .devenit-cookie__actions { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; gap: 8px !important; }
  .devenit-cookie__actions .devenit-cookie__btn { width: 100% !important; min-height: 42px !important; padding: 0 10px !important; font-size: .82rem !important; }
  .devenit-cookie__actions .is-primary { grid-column: 1 / -1 !important; }
  .devenit-cookie__banner-x, .devenit-cookie__x { top: 8px !important; right: 8px !important; width: 30px !important; height: 30px !important; font-size: 1.48rem !important; }
  .devenit-cookie-modal-shell { align-items: flex-end !important; padding: 10px !important; }
  .devenit-cookie-modal-shell .devenit-cookie__panel { width: 100% !important; max-height: min(84dvh, calc(100vh - 24px)) !important; border-radius: 24px 24px 18px 18px !important; padding: 20px 16px 16px !important; }
  .devenit-cookie__panel h2 { margin: 0 38px 8px 0 !important; font-size: 1.32rem !important; }
  .devenit-cookie__intro { font-size: .86rem !important; line-height: 1.45 !important; }
  .devenit-cookie__option { grid-template-columns: minmax(0,1fr) auto !important; gap: 12px !important; margin-top: 10px !important; padding: 13px !important; border-radius: 18px !important; }
  .devenit-cookie__option p { font-size: .78rem !important; line-height: 1.38 !important; }
  .devenit-cookie__locked { white-space: normal !important; max-width: 90px !important; text-align: right !important; font-size: .72rem !important; }
  .devenit-cookie__panel-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .devenit-cookie__panel-actions .devenit-cookie__btn { width: 100% !important; min-height: 42px !important; font-size: .82rem !important; }
}
@media (max-width: 390px) {
  .devenit-cookie__actions,
  .devenit-cookie__panel-actions { grid-template-columns: 1fr !important; }
  .devenit-cookie__actions .is-primary { grid-column: auto !important; }
  .devenit-cookie__option { grid-template-columns: 1fr !important; }
}

/* Homepage clinic reference: no glass box, gradient title, purple checks, clean stacked CTA links */
.homepage-clinic-feature {
  width: var(--container) !important;
  margin: 0 auto !important;
  padding: 88px 0 96px !important;
  display: block !important;
  overflow: visible !important;
}
.homepage-reference-head {
  max-width: 920px !important;
  margin: 0 auto 44px !important;
  text-align: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.homepage-reference-head h2 {
  margin: 0 0 16px !important;
  padding: .10em 0 .18em !important;
  font-size: clamp(2.25rem, 4.4vw, 5rem) !important;
  line-height: 1.10 !important;
  letter-spacing: -.075em !important;
  background: linear-gradient(92deg, #fff 0%, #fff 26%, #f0a06f 54%, #ff62b7 76%, #9d62ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-wrap: balance !important;
  overflow: visible !important;
}
.homepage-reference-head p {
  max-width: 850px !important;
  margin: 0 auto !important;
  color: rgba(255,248,255,.74) !important;
  -webkit-text-fill-color: rgba(255,248,255,.74) !important;
  font-size: clamp(1rem, 1.45vw, 1.18rem) !important;
  line-height: 1.72 !important;
}
.homepage-clinic-feature .case-study.clinic-case {
  display: grid !important;
  grid-template-columns: minmax(280px, .88fr) minmax(0, 1.12fr) !important;
  gap: clamp(24px, 4vw, 58px) !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  isolation: auto !important;
}
.homepage-clinic-feature .case-study.clinic-case::before,
.homepage-clinic-feature .case-study.clinic-case::after { display: none !important; content: none !important; }
.homepage-clinic-feature .mock-area { min-height: 620px !important; display: grid !important; place-items: center !important; position: relative !important; overflow: visible !important; }
.homepage-clinic-feature .phone-cutout-card { width: min(360px, 78vw) !important; margin: 0 auto !important; position: relative !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; transform: rotate(-1.5deg) !important; }
.homepage-clinic-feature .clinic-gallery-card img { display: block !important; width: 100% !important; height: auto !important; max-height: 660px !important; object-fit: contain !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.homepage-clinic-feature .reference-gallery,
.homepage-clinic-feature .reference-gallery__stage { position: relative !important; width: 100% !important; min-height: 560px !important; overflow: visible !important; }
.homepage-clinic-feature .reference-gallery__item { position: absolute !important; inset: 0 !important; display: block !important; padding: 0 !important; border: 0 !important; background: transparent !important; cursor: pointer !important; opacity: 0; transform: translate3d(0,0,0) scale(.94) rotate(0deg); transition: opacity .28s ease, transform .34s ease, filter .28s ease; pointer-events: none; overflow: visible !important; }
.homepage-clinic-feature .reference-gallery__item.is-active { opacity: 1 !important; transform: translate3d(0,0,0) scale(1) rotate(0deg) !important; z-index: 4 !important; pointer-events: auto !important; filter: drop-shadow(0 34px 70px rgba(0,0,0,.28)) drop-shadow(0 0 46px rgba(157,98,255,.14)) !important; }
.homepage-clinic-feature .reference-gallery__item[data-position="prev"] { opacity: .48 !important; transform: translate3d(-42px, 18px, 0) scale(.88) rotate(-7deg) !important; z-index: 2 !important; filter: blur(.25px) saturate(.9) !important; }
.homepage-clinic-feature .reference-gallery__item[data-position="next"] { opacity: .48 !important; transform: translate3d(42px, 18px, 0) scale(.88) rotate(7deg) !important; z-index: 2 !important; filter: blur(.25px) saturate(.9) !important; }
.homepage-clinic-feature .reference-gallery__item[data-position="hidden"] { opacity: 0 !important; transform: scale(.82) !important; z-index: 1 !important; }
.homepage-clinic-feature .reference-gallery__nav {
  position: absolute !important;
  top: 50% !important;
  z-index: 20 !important;
  width: 104px !important;
  height: 118px !important;
  padding: 16px 28px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  overflow: visible !important;
  opacity: .96 !important;
}
.homepage-clinic-feature .reference-gallery__nav::before {
  display: block !important;
  width: 1.15em !important;
  text-align: center !important;
  font-size: clamp(4.3rem, 6vw, 5.9rem) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  background: linear-gradient(135deg, #fff 0%, #f0a06f 34%, #ff62b7 66%, #9d62ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 20px rgba(255,98,183,.34)) drop-shadow(0 12px 24px rgba(0,0,0,.28)) !important;
  overflow: visible !important;
}
.homepage-clinic-feature .reference-gallery__nav--prev::before { content: '‹' !important; }
.homepage-clinic-feature .reference-gallery__nav--next::before { content: '›' !important; }
.homepage-clinic-feature .reference-gallery__nav--prev { left: -78px !important; }
.homepage-clinic-feature .reference-gallery__nav--next { right: -78px !important; }
.homepage-clinic-feature .reference-gallery__nav:hover { background: transparent !important; opacity: 1 !important; transform: translateY(-50%) scale(1.07) !important; }
.homepage-clinic-feature .reference-gallery__dots { display: flex !important; justify-content: center !important; align-items: center !important; gap: 8px !important; margin-top: 18px !important; }
.homepage-clinic-feature .reference-gallery__dot { width: 8px !important; height: 8px !important; border-radius: 999px !important; padding: 0 !important; border: 0 !important; background: rgba(255,255,255,.24) !important; cursor: pointer !important; }
.homepage-clinic-feature .reference-gallery__dot.is-active { width: 22px !important; background: linear-gradient(90deg, var(--violet), var(--pink), var(--orange)) !important; }
.homepage-clinic-feature .case-copy { max-width: 620px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.homepage-clinic-feature .case-copy h2 { margin: 0 0 18px !important; font-size: clamp(2rem, 3.35vw, 3.7rem) !important; line-height: .98 !important; letter-spacing: -.068em !important; text-wrap: balance !important; }
.homepage-clinic-feature .case-subtitle { margin: 0 0 22px !important; color: rgba(255,248,255,.72) !important; -webkit-text-fill-color: rgba(255,248,255,.72) !important; line-height: 1.72 !important; font-size: 1.03rem !important; }
.homepage-clinic-feature .clinic-feature-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: grid !important; gap: 10px !important; }
.homepage-clinic-feature .clinic-feature-list li { display: grid !important; grid-template-columns: auto 1fr !important; gap: 10px !important; align-items: start !important; color: rgba(255,248,255,.80) !important; -webkit-text-fill-color: rgba(255,248,255,.80) !important; line-height: 1.48 !important; }
.homepage-clinic-feature .clinic-feature-list li::before { content: "✓" !important; width: 22px !important; height: 22px !important; display: grid !important; place-items: center !important; border-radius: 999px !important; color: #fff !important; -webkit-text-fill-color: #fff !important; background: linear-gradient(135deg, #9d62ff, #ff62b7) !important; box-shadow: 0 0 18px rgba(157,98,255,.34) !important; font-weight: 950 !important; font-size: .78rem !important; margin-top: 1px !important; }
.homepage-clinic-feature .case-action { margin-top: 26px !important; display: inline-flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
.homepage-clinic-feature .case-link { color: #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 850 !important; text-decoration: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.homepage-clinic-feature .case-link-secondary { color: rgba(211,132,255,.88) !important; -webkit-text-fill-color: rgba(211,132,255,.88) !important; font-weight: 820 !important; }
.homepage-clinic-feature .case-link:hover,
.homepage-clinic-feature .case-link-secondary:hover { color: #fff !important; -webkit-text-fill-color: #fff !important; }
@media (max-width: 980px) {
  .homepage-clinic-feature { padding: 72px 0 82px !important; }
  .homepage-clinic-feature .case-study.clinic-case { grid-template-columns: 1fr !important; gap: 28px !important; }
  .homepage-clinic-feature .mock-area { min-height: 560px !important; order: 2 !important; }
  .homepage-clinic-feature .case-copy { max-width: 720px !important; margin: 0 auto !important; text-align: center !important; }
  .homepage-clinic-feature .case-action { align-items: center !important; }
  .homepage-clinic-feature .clinic-feature-list { max-width: 520px !important; margin: 0 auto !important; text-align: left !important; }
  .homepage-clinic-feature .phone-cutout-card { width: min(330px, 74vw) !important; transform: none !important; }
  .homepage-clinic-feature .reference-gallery__nav--prev { left: -48px !important; }
  .homepage-clinic-feature .reference-gallery__nav--next { right: -48px !important; }
}
@media (max-width: 560px) {
  .homepage-clinic-feature { padding: 58px 0 70px !important; }
  .homepage-reference-head { margin-bottom: 28px !important; }
  .homepage-reference-head h2 { font-size: clamp(2.05rem, 11vw, 3.2rem) !important; line-height: 1.12 !important; padding: .12em 0 .20em !important; }
  .homepage-clinic-feature .mock-area { min-height: 500px !important; }
  .homepage-clinic-feature .phone-cutout-card { width: min(280px, 72vw) !important; }
  .homepage-clinic-feature .reference-gallery,
  .homepage-clinic-feature .reference-gallery__stage { min-height: 460px !important; }
  .homepage-clinic-feature .reference-gallery__item[data-position="prev"] { transform: translate3d(-28px, 18px, 0) scale(.84) rotate(-7deg) !important; }
  .homepage-clinic-feature .reference-gallery__item[data-position="next"] { transform: translate3d(28px, 18px, 0) scale(.84) rotate(7deg) !important; }
  .homepage-clinic-feature .reference-gallery__nav { width: 72px !important; height: 86px !important; padding: 12px 20px !important; }
  .homepage-clinic-feature .reference-gallery__nav::before { font-size: 4.1rem !important; line-height: 1 !important; }
  .homepage-clinic-feature .reference-gallery__nav--prev { left: -34px !important; }
  .homepage-clinic-feature .reference-gallery__nav--next { right: -34px !important; }
}



/* ===== v223 Cookie banner visual reset: stable bottom layout, clean X, no scattered buttons ===== */
#devenitCookieConsentBanner.devenit-cookie-banner-shell {
  position: fixed !important;
  inset: auto 16px calc(16px + env(safe-area-inset-bottom, 0px)) 16px !important;
  z-index: 2147483000 !important;
  display: block !important;
  pointer-events: none !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
#devenitCookieConsentBanner.devenit-cookie-banner-shell:not(.needs-choice),
#devenitCookieConsentBanner.devenit-cookie-banner-shell[hidden],
#devenitCookieConsentBanner.devenit-cookie-banner-shell.is-consent-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#devenitCookieConsentBanner.devenit-cookie-banner-shell.needs-choice .devenit-cookie__banner {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
  width: min(900px, calc(100vw - 32px)) !important;
  max-width: 900px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 20px 56px 18px 22px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  overflow: visible !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(157,98,255,.22), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(255,98,183,.15), transparent 36%),
    linear-gradient(135deg, rgba(18,9,38,.96), rgba(31,13,55,.94)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08) !important;
  color: #fff !important;
  pointer-events: auto !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}
#devenitCookieConsentBanner .devenit-cookie__copy {
  position: static !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transform: none !important;
  text-align: left !important;
}
#devenitCookieConsentBanner .devenit-cookie__copy strong {
  display: block !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  letter-spacing: -.02em !important;
}
#devenitCookieConsentBanner .devenit-cookie__copy p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(242,235,255,.75) !important;
  -webkit-text-fill-color: rgba(242,235,255,.75) !important;
  font-size: .91rem !important;
  line-height: 1.5 !important;
  max-width: 620px !important;
}
#devenitCookieConsentBanner .devenit-cookie__actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  float: none !important;
  clear: none !important;
  pointer-events: auto !important;
}
#devenitCookieConsentBanner .devenit-cookie__actions .devenit-cookie__btn {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  font-size: .88rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
#devenitCookieConsentBanner .devenit-cookie__actions .is-ghost {
  background: transparent !important;
  color: rgba(245,240,255,.78) !important;
  -webkit-text-fill-color: rgba(245,240,255,.78) !important;
}
#devenitCookieConsentBanner .devenit-cookie__actions .is-secondary {
  background: rgba(255,255,255,.12) !important;
}
#devenitCookieConsentBanner .devenit-cookie__actions .is-primary {
  background: linear-gradient(135deg, #ff7abf 0%, #9d62ff 55%, #ffb86b 100%) !important;
  box-shadow: 0 12px 30px rgba(157,98,255,.28), inset 0 0 0 1px rgba(255,255,255,.16) !important;
}
#devenitCookieConsentBanner .devenit-cookie__banner-x {
  appearance: none !important;
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 7 !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.76) !important;
  -webkit-text-fill-color: rgba(255,255,255,.76) !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
#devenitCookieConsentBanner .devenit-cookie__banner-x:hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
@media (max-width: 920px) {
  #devenitCookieConsentBanner.devenit-cookie-banner-shell.needs-choice .devenit-cookie__banner {
    width: min(720px, calc(100vw - 24px)) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 18px 48px 16px 18px !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__copy p { max-width: none !important; }
  #devenitCookieConsentBanner .devenit-cookie__actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 8px !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__actions .devenit-cookie__btn {
    width: 100% !important;
    padding: 0 10px !important;
  }
}
@media (max-width: 540px) {
  #devenitCookieConsentBanner.devenit-cookie-banner-shell {
    inset: auto 10px calc(10px + env(safe-area-inset-bottom, 0px)) 10px !important;
  }
  #devenitCookieConsentBanner.devenit-cookie-banner-shell.needs-choice .devenit-cookie__banner {
    width: calc(100vw - 20px) !important;
    padding: 17px 42px 14px 14px !important;
    border-radius: 20px !important;
    gap: 12px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__copy strong {
    font-size: .95rem !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__copy p {
    font-size: .82rem !important;
    line-height: 1.42 !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__actions {
    grid-template-columns: 1fr 1fr !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__actions .is-primary {
    grid-column: 1 / -1 !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__actions .devenit-cookie__btn {
    min-height: 42px !important;
    height: 42px !important;
    font-size: .82rem !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__banner-x {
    top: 8px !important;
    right: 8px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 1.42rem !important;
  }
}
@media (max-width: 360px) {
  #devenitCookieConsentBanner .devenit-cookie__actions {
    grid-template-columns: 1fr !important;
  }
  #devenitCookieConsentBanner .devenit-cookie__actions .is-primary {
    grid-column: auto !important;
  }
}

/* ===== v224 mobile offer form select stability ===== */
@media (max-width: 760px), (pointer: coarse) {
  html.native-mobile-selects .wizard-form select {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 56px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    left: auto !important;
    bottom: auto !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 18px !important;
    padding: 16px 46px 16px 17px !important;
    color: #fff !important;
    background-color: rgba(0,0,0,.18) !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    touch-action: manipulation !important;
  }

  html.native-mobile-selects .wizard-form .select-ui {
    display: none !important;
  }

  html.native-mobile-selects .wizard-form select:focus {
    border-color: rgba(240,160,111,.52) !important;
    background-color: rgba(0,0,0,.27) !important;
    box-shadow: 0 0 0 4px rgba(240,160,111,.08) !important;
  }
}


/* v225 - Services Bento Box redesign */
.service-bento-section {
  position:relative;
  padding-top:96px;
  padding-bottom:104px;
  isolation:isolate;
}
.service-bento-section::before {
  content:"";
  position:absolute;
  inset:36px -8% auto -8%;
  height:560px;
  background:
    radial-gradient(circle at 18% 20%, rgba(157,98,255,.20), transparent 36%),
    radial-gradient(circle at 76% 26%, rgba(255,98,183,.13), transparent 34%),
    radial-gradient(circle at 54% 88%, rgba(117,231,255,.08), transparent 34%);
  filter:blur(38px);
  opacity:.95;
  pointer-events:none;
  z-index:-1;
}
.service-bento-headline {
  max-width:820px;
  margin:0 0 34px;
}
.service-bento-kicker,
.service-card-label {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  color:rgba(211,132,255,.92);
  font-size:.74rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.service-bento-kicker::before,
.service-card-label::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg, #9d62ff, #ff62b7, #f0a06f);
  box-shadow:0 0 18px rgba(157,98,255,.78);
}
.service-bento-headline h2 {
  margin:0;
  font-size:clamp(2.25rem, 4.8vw, 5.05rem);
  line-height:.96;
  letter-spacing:-.075em;
  color:#fff;
  text-wrap:balance;
}
.service-bento-headline h2 span {
  background:linear-gradient(92deg, #fff 0%, #d384ff 36%, #ff62b7 68%, #f0a06f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  display:inline-block;
  padding:.08em .02em .12em;
}
.service-bento-headline p {
  max-width:680px;
  margin:18px 0 0;
  color:rgba(255,248,255,.68);
  font-size:1.05rem;
  line-height:1.72;
}
.service-bento-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}
.service-bento-card {
  position:relative;
  overflow:hidden;
  min-height:430px;
  padding:30px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 16% 12%, rgba(157,98,255,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.026));
  box-shadow:0 28px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.075);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  transition:transform .26s ease, border-color .26s ease, background .26s ease, box-shadow .26s ease;
}
.service-bento-card:hover {
  transform:translateY(-5px);
  border-color:rgba(211,132,255,.30);
  background:
    radial-gradient(circle at 16% 12%, rgba(157,98,255,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.05));
  box-shadow:0 34px 100px rgba(0,0,0,.33), 0 0 42px rgba(157,98,255,.13), inset 0 1px 0 rgba(255,255,255,.09);
}
.service-bento-card::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg, rgba(255,255,255,.12), transparent 30%, transparent 70%, rgba(211,132,255,.10));
  opacity:.55;
  pointer-events:none;
}
.service-bento-card--wide {
  grid-column:1 / -1;
  min-height:390px;
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(360px, 1.1fr);
  align-items:center;
  gap:28px;
  padding:36px;
}
.service-bento-copy {
  position:relative;
  z-index:2;
}
.service-bento-copy h3 {
  max-width:720px;
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(1.45rem, 2.2vw, 2.45rem);
  line-height:1.04;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.service-bento-card:not(.service-bento-card--wide) .service-bento-copy h3 {
  font-size:clamp(1.32rem, 1.75vw, 1.85rem);
}
.service-bento-copy p {
  margin:0;
  color:rgba(255,248,255,.66);
  line-height:1.72;
  font-size:1rem;
}
.service-micro-ui {
  position:relative;
  z-index:2;
  min-height:230px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.046) 1px, transparent 1px),
    radial-gradient(circle at 50% 20%, rgba(157,98,255,.20), transparent 42%),
    rgba(4,2,12,.42);
  background-size:34px 34px, 34px 34px, auto, auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075), 0 20px 56px rgba(0,0,0,.20);
  overflow:hidden;
}
.micro-window-top {
  position:absolute;
  top:18px;
  left:20px;
  display:flex;
  gap:7px;
}
.micro-window-top span {
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}
.micro-offer-card {
  position:absolute;
  top:48px;
  left:24px;
  width:190px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(12px);
}
.micro-offer-card small,
.micro-offer-card em {
  display:block;
  color:rgba(255,248,255,.58);
  font-size:.75rem;
  font-style:normal;
  font-weight:760;
}
.micro-offer-card strong {
  display:block;
  margin:6px 0;
  color:#fff;
  font-size:1.35rem;
  letter-spacing:-.045em;
}
.micro-offer-card em { color:#87ffd5; }
.micro-chart {
  position:absolute;
  right:16px;
  bottom:30px;
  width:min(64%, 420px);
  height:190px;
}
.micro-chart svg { width:100%; height:100%; filter:drop-shadow(0 0 18px rgba(255,98,183,.25)); }
.micro-stats {
  position:absolute;
  left:24px;
  right:24px;
  bottom:18px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
}
.micro-stats span {
  padding:10px 8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:rgba(255,248,255,.64);
  font-size:.76rem;
  font-weight:820;
  text-align:center;
}
.service-micro-ui--tasks {
  min-height:186px;
  margin-bottom:26px;
  padding:22px;
  display:grid;
  align-content:center;
  gap:12px;
}
.task-row {
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:11px;
  align-items:center;
  padding:12px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.06);
}
.task-row span {
  width:18px;
  height:18px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}
.task-row--active span {
  background:linear-gradient(135deg, #87ffd5, #9d62ff);
  box-shadow:0 0 18px rgba(135,255,213,.36);
}
.task-row--active span::before {
  content:"✓";
  display:grid;
  place-items:center;
  color:#080313;
  font-size:.72rem;
  font-weight:950;
}
.task-row b {
  color:rgba(255,255,255,.82);
  font-size:.86rem;
  line-height:1.25;
}
.task-row em {
  color:rgba(135,255,213,.86);
  font-size:.68rem;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.service-micro-ui--nodes {
  min-height:186px;
  margin-bottom:26px;
}
.node {
  position:absolute;
  width:84px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 12px 32px rgba(0,0,0,.20);
}
.node-a { left:24px; top:26px; }
.node-b { right:34px; top:36px; color:#d384ff; }
.node-c { left:42%; bottom:24px; transform:translateX(-50%); color:#87ffd5; }
.node-d { right:46px; bottom:38px; color:#ffb06e; }
.node-line {
  position:absolute;
  height:2px;
  background:linear-gradient(90deg, rgba(157,98,255,.0), rgba(211,132,255,.72), rgba(255,98,183,.0));
  transform-origin:left center;
  opacity:.9;
  filter:drop-shadow(0 0 10px rgba(157,98,255,.35));
}
.line-one { width:148px; left:92px; top:58px; transform:rotate(8deg); }
.line-two { width:160px; left:104px; top:108px; transform:rotate(26deg); }
.line-three { width:130px; right:96px; top:116px; transform:rotate(-37deg); }
.service-trust-bar {
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:rgba(255,255,255,.07);
  box-shadow:0 22px 70px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05);
}
.service-trust-bar div {
  position:relative;
  min-height:122px;
  padding:20px 20px 18px 48px;
  background:rgba(5,3,14,.42);
}
.service-trust-bar span {
  position:absolute;
  left:20px;
  top:22px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#06110d;
  background:linear-gradient(135deg, #87ffd5, #d384ff);
  font-size:.72rem;
  font-weight:950;
  box-shadow:0 0 18px rgba(135,255,213,.24);
}
.service-trust-bar strong {
  display:block;
  margin-bottom:6px;
  color:rgba(255,255,255,.88);
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:.78rem;
  line-height:1.25;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.service-trust-bar p {
  margin:0;
  color:rgba(255,248,255,.58);
  font-size:.9rem;
  line-height:1.55;
}
@media (max-width: 920px) {
  .service-bento-section {
    padding-top:72px;
    padding-bottom:78px;
  }
  .service-bento-grid,
  .service-trust-bar {
    grid-template-columns:1fr;
  }
  .service-bento-card,
  .service-bento-card--wide {
    grid-column:auto;
    display:block;
    min-height:auto;
    padding:24px;
    border-radius:28px;
  }
  .service-bento-card--wide .service-bento-copy {
    margin-bottom:24px;
  }
  .service-micro-ui {
    min-height:230px;
  }
  .micro-chart {
    width:82%;
    right:-16px;
    bottom:38px;
  }
  .micro-offer-card {
    width:170px;
  }
  .service-trust-bar {
    gap:1px;
  }
  .service-trust-bar div {
    min-height:auto;
  }
}
@media (max-width: 560px) {
  .service-bento-headline h2 {
    font-size:clamp(2rem, 12vw, 3.2rem);
  }
  .service-bento-headline p,
  .service-bento-copy p {
    font-size:.96rem;
  }
  .service-bento-card {
    padding:20px;
  }
  .micro-stats {
    grid-template-columns:1fr;
    left:18px;
    right:18px;
  }
  .service-micro-ui--revenue {
    min-height:330px;
  }
  .micro-chart {
    width:105%;
    right:-56px;
    bottom:78px;
  }
  .task-row {
    grid-template-columns:auto 1fr;
  }
  .task-row em {
    grid-column:2;
  }
  .node {
    width:74px;
    height:38px;
    font-size:.72rem;
  }
  .line-one { width:120px; }
  .line-two { width:118px; }
  .line-three { width:104px; }
}


/* v227 - Services sequential vertical stack / giant typography flow */
.service-flow-section {
  position: relative;
  padding-top: clamp(78px, 9vw, 128px);
  padding-bottom: clamp(86px, 10vw, 150px);
  isolation: isolate;
}
.service-flow-section::before {
  content: "";
  position: absolute;
  inset: 3% -12% auto -12%;
  height: 62%;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 18% 12%, rgba(157,98,255,.22), transparent 32%),
    radial-gradient(circle at 86% 44%, rgba(255,98,183,.10), transparent 34%),
    radial-gradient(circle at 46% 92%, rgba(240,160,111,.10), transparent 40%);
  filter: blur(56px);
  opacity: .82;
}
.service-flow-headline {
  max-width: 880px;
  margin: 0 auto clamp(84px, 10vw, 142px);
}
.service-flow-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: rgba(211,132,255,.92);
  font-size: .73rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.service-flow-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #9d62ff, #ff62b7, #f0a06f);
  box-shadow: 0 0 18px rgba(157,98,255,.78);
}
.service-flow-headline h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.55rem, 5.4vw, 5.35rem);
  line-height: .94;
  letter-spacing: -.078em;
  text-wrap: balance;
}
.service-flow-headline p {
  margin: 16px 0 0;
  max-width: 720px;
  color: rgba(211,132,255,.88);
  font-size: clamp(1.05rem, 1.45vw, 1.28rem);
  line-height: 1.55;
  font-weight: 720;
  letter-spacing: -.025em;
}
.service-flow-list {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: clamp(104px, 14vw, 172px);
}
.service-flow-item {
  position: relative;
  min-height: 248px;
  padding: clamp(26px, 4.5vw, 52px) 0 clamp(38px, 6vw, 68px);
  border-bottom: 1px solid rgba(255,255,255,.10);
  overflow: visible;
}
.service-flow-item::before {
  content: attr(data-service-no);
  position: absolute;
  left: clamp(-8px, -1vw, 0px);
  top: clamp(-48px, -5vw, -28px);
  z-index: -1;
  color: rgba(255,255,255,.052);
  font-size: clamp(7.2rem, 16vw, 13.2rem);
  line-height: .82;
  font-weight: 950;
  letter-spacing: -.12em;
  pointer-events: none;
  user-select: none;
  background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(211,132,255,.12), rgba(240,160,111,.06));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.service-flow-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, rgba(157,98,255,0), rgba(211,132,255,.44), rgba(240,160,111,.24), rgba(157,98,255,0));
  opacity: .16;
  transition: opacity .26s ease;
}
.service-flow-item:hover::after {
  opacity: .58;
}
.service-flow-copy {
  position: relative;
  z-index: 1;
  max-width: 790px;
}
.service-flow-copy h3 {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(1.75rem, 3.4vw, 3.35rem);
  line-height: 1.02;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.service-flow-copy p {
  margin: 0;
  max-width: 760px;
  color: rgba(255,248,255,.66);
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  line-height: 1.74;
  letter-spacing: -.012em;
  transition: color .22s ease;
}
.service-flow-item:hover .service-flow-copy p {
  color: rgba(255,248,255,.84);
}
.service-flow-trust {
  max-width: 900px;
  margin: clamp(70px, 9vw, 120px) auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  color: rgba(255,248,255,.62);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .78rem;
  letter-spacing: -.02em;
}
.service-flow-trust span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  color: rgba(255,248,255,.70);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
@supports (animation-timeline: view()) {
  .service-flow-item {
    opacity: .18;
    transform: translateY(36px);
    animation: serviceFlowReveal both ease-out;
    animation-timeline: view();
    animation-range: entry 8% cover 36%;
  }
}
@keyframes serviceFlowReveal {
  from {
    opacity: .18;
    transform: translateY(36px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .service-flow-item {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
@media (max-width: 860px) {
  .service-flow-section {
    padding-top: 74px;
    padding-bottom: 86px;
  }
  .service-flow-headline {
    margin-bottom: 72px;
  }
  .service-flow-list {
    gap: 84px;
  }
  .service-flow-item {
    min-height: auto;
    padding-top: 34px;
    padding-bottom: 46px;
  }
  .service-flow-item::before {
    top: -30px;
    font-size: clamp(6rem, 27vw, 9rem);
    opacity: .9;
  }
  .service-flow-trust {
    margin-top: 64px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
@media (max-width: 520px) {
  .service-flow-headline h2 {
    font-size: clamp(2.35rem, 12vw, 3.75rem);
  }
  .service-flow-headline p {
    font-size: 1rem;
  }
  .service-flow-copy h3 {
    font-size: clamp(1.65rem, 8.6vw, 2.45rem);
  }
  .service-flow-copy p {
    font-size: .97rem;
  }
}


/* v228 - Services compact premium bento / 1 + 3 focus blocks */
.service-compact-bento {
  position: relative;
  padding-top: clamp(78px, 8vw, 116px);
  padding-bottom: clamp(76px, 8.5vw, 118px);
  isolation: isolate;
}
.service-compact-bento::before {
  content: "";
  position: absolute;
  inset: 34px -10% auto -10%;
  height: 560px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 17% 18%, rgba(157,98,255,.22), transparent 32%),
    radial-gradient(circle at 84% 24%, rgba(255,98,183,.12), transparent 32%),
    radial-gradient(circle at 55% 96%, rgba(240,160,111,.09), transparent 40%);
  filter: blur(46px);
  opacity: .86;
}
.service-compact-headline {
  max-width: 860px;
  margin: 0 0 30px;
}
.service-compact-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
  color: rgba(211,132,255,.92);
  font-size: .73rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.service-compact-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #9d62ff, #ff62b7, #f0a06f);
  box-shadow: 0 0 18px rgba(157,98,255,.78);
}
.service-compact-headline h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.35rem, 4.9vw, 5rem);
  line-height: .96;
  letter-spacing: -.078em;
  text-wrap: balance;
}
.service-compact-headline p {
  max-width: 620px;
  margin: 14px 0 0;
  color: rgba(211,132,255,.90);
  font-size: clamp(1.02rem, 1.35vw, 1.22rem);
  line-height: 1.58;
  font-weight: 760;
  letter-spacing: -.025em;
}
.service-compact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.service-compact-card {
  position: relative;
  min-height: 318px;
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 16% 10%, rgba(157,98,255,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.028));
  box-shadow: 0 24px 72px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.075);
  backdrop-filter: blur(16px) saturate(132%);
  -webkit-backdrop-filter: blur(16px) saturate(132%);
  overflow: hidden;
  transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}
.service-compact-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.11), transparent 30%, transparent 72%, rgba(211,132,255,.09));
  opacity: .44;
}
.service-compact-card:hover {
  transform: translateY(-4px);
  border-color: rgba(211,132,255,.30);
  background:
    radial-gradient(circle at 16% 10%, rgba(157,98,255,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.034));
  box-shadow: 0 30px 84px rgba(0,0,0,.21), 0 0 38px rgba(157,98,255,.11), inset 0 1px 0 rgba(255,255,255,.08);
}
.service-compact-card--lead {
  grid-column: 1 / -1;
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(330px, .88fr);
  gap: 28px;
  align-items: center;
  padding: 34px;
}
.service-compact-copy {
  position: relative;
  z-index: 2;
}
.service-compact-no {
  display: inline-flex;
  margin-bottom: 14px;
  color: rgba(240,160,111,.82);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
}
.service-compact-card--lead .service-compact-no {
  color: rgba(211,132,255,.86);
}
.service-compact-copy h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(1.32rem, 2vw, 2rem);
  line-height: 1.06;
  letter-spacing: -.052em;
  text-wrap: balance;
}
.service-compact-card--lead .service-compact-copy h3 {
  max-width: 720px;
  font-size: clamp(1.72rem, 3vw, 3.05rem);
  line-height: .98;
  letter-spacing: -.07em;
}
.service-compact-copy p {
  margin: 0;
  color: rgba(255,248,255,.66);
  font-size: .98rem;
  line-height: 1.68;
  letter-spacing: -.012em;
  transition: color .22s ease;
}
.service-compact-card:hover .service-compact-copy p {
  color: rgba(255,248,255,.82);
}
.service-compact-card--lead .service-compact-copy p {
  max-width: 680px;
  font-size: 1.04rem;
  line-height: 1.72;
}
.service-compact-ui {
  position: relative;
  z-index: 2;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.046) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(157,98,255,.18), transparent 44%),
    rgba(5,3,14,.44);
  background-size: 32px 32px, 32px 32px, auto, auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 18px 48px rgba(0,0,0,.18);
  overflow: hidden;
}
.service-compact-ui--dashboard {
  min-height: 235px;
}
.compact-window-top {
  position: absolute;
  top: 16px;
  left: 18px;
  display: flex;
  gap: 7px;
}
.compact-window-top span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
}
.compact-dashboard-shell {
  position: absolute;
  inset: 44px 20px 18px;
}
.compact-dash-main {
  position: absolute;
  left: 0;
  top: 0;
  width: 42%;
  height: 100%;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
}
.compact-dash-line {
  position: absolute;
  left: 48%;
  right: 0;
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
}
.compact-dash-line--one { top: 12px; }
.compact-dash-line--two { top: 38px; width: 38%; right: auto; }
.compact-dash-cards {
  position: absolute;
  left: 48%;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.compact-dash-cards span {
  min-height: 82px;
  border-radius: 17px;
  border: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(157,98,255,.18), rgba(255,255,255,.05));
}
.service-compact-ui--mini,
.service-compact-ui--tasks,
.service-compact-ui--nodes {
  min-height: 142px;
  margin-bottom: 22px;
}
.compact-mini-chart {
  position: absolute;
  left: 18px;
  right: 16px;
  bottom: 16px;
  height: 86px;
  color: #d384ff;
  filter: drop-shadow(0 0 14px rgba(211,132,255,.32));
}
.compact-mini-chart svg { width: 100%; height: 100%; }
.compact-floating-chip {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(135,255,213,.16);
  background: rgba(135,255,213,.075);
  color: rgba(135,255,213,.92);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .03em;
}
.service-compact-ui--tasks {
  padding: 16px;
  display: grid;
  align-content: center;
  gap: 10px;
}
.compact-task {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.06);
}
.compact-task span {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
}
.compact-task--done span {
  background: linear-gradient(135deg, #87ffd5, #d384ff);
  box-shadow: 0 0 16px rgba(135,255,213,.28);
}
.compact-task--done span::before {
  content: "✓";
  display: grid;
  place-items: center;
  color: #0d0620;
  font-size: .68rem;
  font-weight: 950;
}
.compact-task b {
  color: rgba(255,255,255,.82);
  font-size: .8rem;
  line-height: 1.2;
}
.compact-task em {
  color: rgba(255,248,255,.54);
  font-size: .64rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.compact-task--done em { color: rgba(135,255,213,.88); }
.compact-node {
  position: absolute;
  z-index: 2;
  min-width: 62px;
  height: 34px;
  padding: 0 12px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.07);
  color: #fff;
  font-size: .72rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .03em;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
.node-one { left: 18px; top: 20px; }
.node-two { right: 28px; top: 26px; color: #d384ff; }
.node-three { left: 28%; bottom: 22px; color: #87ffd5; }
.node-four { right: 26px; bottom: 24px; color: #ffb06e; }
.compact-node-line {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, rgba(157,98,255,0), rgba(211,132,255,.66), rgba(255,98,183,0));
  transform-origin: left center;
  opacity: .78;
  filter: drop-shadow(0 0 9px rgba(157,98,255,.30));
}
.line-a { width: 118px; left: 72px; top: 42px; transform: rotate(8deg); }
.line-b { width: 132px; left: 84px; top: 82px; transform: rotate(30deg); }
.line-c { width: 118px; right: 88px; top: 88px; transform: rotate(-36deg); }
.service-compact-trust {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  color: rgba(255,248,255,.62);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .78rem;
  letter-spacing: -.02em;
}
.service-compact-trust span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 2px;
  color: rgba(255,248,255,.70);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
@media (max-width: 980px) {
  .service-compact-grid {
    grid-template-columns: 1fr;
  }
  .service-compact-card--lead {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 26px;
  }
  .service-compact-card {
    min-height: auto;
  }
  .service-compact-ui--dashboard {
    min-height: 220px;
  }
}
@media (max-width: 560px) {
  .service-compact-bento {
    padding-top: 72px;
    padding-bottom: 82px;
  }
  .service-compact-headline h2 {
    font-size: clamp(2.25rem, 12vw, 3.5rem);
  }
  .service-compact-headline p {
    font-size: 1rem;
  }
  .service-compact-card,
  .service-compact-card--lead {
    padding: 20px;
    border-radius: 26px;
  }
  .service-compact-card--lead .service-compact-copy h3 {
    font-size: clamp(1.65rem, 8.4vw, 2.38rem);
  }
  .service-compact-copy h3 {
    font-size: clamp(1.25rem, 6.6vw, 1.75rem);
  }
  .service-compact-copy p {
    font-size: .95rem;
  }
  .service-compact-ui--dashboard {
    min-height: 260px;
  }
  .compact-dashboard-shell {
    inset: 44px 16px 16px;
  }
  .compact-dash-main {
    width: 100%;
    height: 94px;
  }
  .compact-dash-line {
    left: 0;
    top: 112px;
    right: auto;
    width: 70%;
  }
  .compact-dash-line--two {
    top: 138px;
    width: 48%;
  }
  .compact-dash-cards {
    left: 0;
    top: 170px;
    bottom: auto;
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
  .compact-dash-cards span {
    min-height: 52px;
  }
  .service-compact-trust {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
}


/* === DevenIT services: Dark Focus Block v229 === */
.service-dark-focus{
  position:relative;
  width:100%;
  margin: clamp(44px, 6vw, 88px) 0;
  padding: clamp(86px, 8vw, 118px) 0;
  background:
    radial-gradient(900px 420px at 14% 0%, rgba(157,98,255,.18), transparent 62%),
    radial-gradient(780px 360px at 86% 22%, rgba(255,98,183,.08), transparent 60%),
    radial-gradient(920px 420px at 50% 100%, rgba(117,231,255,.055), transparent 64%),
    linear-gradient(180deg, rgba(18,9,36,.48) 0%, rgba(15,7,31,.56) 50%, rgba(20,9,38,.46) 100%);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  overflow:hidden;
  isolation:isolate;
}
.service-dark-focus::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, rgba(255,255,255,.028), transparent 34%, rgba(157,98,255,.035) 58%, transparent 78%),
    radial-gradient(circle at 18% 30%, rgba(255,255,255,.04) 0 1px, transparent 1.8px),
    radial-gradient(circle at 74% 62%, rgba(211,132,255,.045) 0 1px, transparent 2px),
    radial-gradient(circle at 42% 78%, rgba(117,231,255,.035) 0 1px, transparent 2px);
  background-size:auto, 170px 170px, 230px 230px, 190px 190px;
  mask-image:linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
  opacity:.72;
  z-index:-1;
}
.service-dark-focus::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 18%, transparent 82%, rgba(0,0,0,.08)),
    radial-gradient(1000px 220px at 50% 0%, rgba(255,255,255,.025), transparent 70%);
  z-index:-1;
}
.service-dark-focus__inner{
  width:var(--container);
  margin:0 auto;
}
.service-dark-focus__head{
  max-width:760px;
  margin-bottom:clamp(34px, 5vw, 62px);
}
.service-dark-focus__kicker{
  display:inline-flex;
  margin-bottom:14px;
  color:#d384ff;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-shadow:0 0 22px rgba(157,98,255,.34);
}
.service-dark-focus__head h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.45rem, 5vw, 5.15rem);
  line-height:.94;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.service-dark-focus__head p{
  margin:18px 0 0;
  color:rgba(255,248,255,.66);
  font-size:clamp(1.05rem, 1.45vw, 1.28rem);
  line-height:1.6;
  letter-spacing:-.02em;
}
.service-dark-focus__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:clamp(22px, 3vw, 36px);
}
.service-dark-card{
  --spotlight-x:50%;
  --spotlight-y:50%;
  position:relative;
  min-height:clamp(315px, 28vw, 390px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(34px, 4vw, 50px);
  border-radius:34px;
  border:1px solid rgba(255,255,255,.07);
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
    rgba(18,10,35,.56);
  box-shadow:
    0 34px 90px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
  isolation:isolate;
  transform:translateZ(0);
  transition:background .24s ease, border-color .24s ease, transform .24s ease, box-shadow .24s ease;
}
.service-dark-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(420px circle at var(--spotlight-x) var(--spotlight-y), rgba(157,98,255,.22), rgba(255,98,183,.10) 22%, transparent 58%);
  opacity:0;
  transition:opacity .22s ease;
  z-index:-1;
}
.service-dark-card::after{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(360px circle at var(--spotlight-x) var(--spotlight-y), rgba(211,132,255,.58), rgba(255,98,183,.22) 26%, rgba(255,255,255,0) 62%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:0;
  transition:opacity .22s ease;
  z-index:2;
}
.service-dark-card:hover{
  border-color:rgba(255,255,255,.095);
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.024)),
    rgba(25,13,46,.64);
  box-shadow:
    0 38px 100px rgba(0,0,0,.31),
    0 0 44px rgba(157,98,255,.10),
    inset 0 1px 0 rgba(255,255,255,.075);
  transform:translateY(-3px);
}
.service-dark-card:hover::before,
.service-dark-card:hover::after{
  opacity:1;
}
.service-dark-card__no{
  display:block;
  color:rgba(211,132,255,.44);
  font-weight:900;
  font-size:.86rem;
  line-height:1;
  letter-spacing:.16em;
  margin-bottom:clamp(44px, 5vw, 74px);
  position:relative;
  z-index:3;
}
.service-dark-card__body{
  position:relative;
  z-index:3;
}
.service-dark-card__body h3{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(1.55rem, 2.35vw, 2.35rem);
  line-height:1.04;
  letter-spacing:-.058em;
  max-width:14ch;
  text-wrap:balance;
}
.service-dark-card__body p{
  margin:0;
  color:rgba(255,248,255,.62);
  font-size:1rem;
  line-height:1.72;
  letter-spacing:-.01em;
  transition:color .22s ease;
}
.service-dark-card:hover .service-dark-card__body p{
  color:rgba(255,248,255,.78);
}
@media (max-width: 980px){
  .service-dark-focus{
    padding:82px 0;
  }
  .service-dark-focus__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .service-dark-card{
    min-height:auto;
    padding:32px;
  }
  .service-dark-card__no{
    margin-bottom:38px;
  }
  .service-dark-card__body h3{
    max-width:16ch;
  }
}
@media (max-width: 760px){
  .service-dark-focus__grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .service-dark-focus{
    margin:34px 0;
    padding:64px 0;
  }
  .service-dark-focus__inner{
    width:min(100% - 28px, 560px);
  }
  .service-dark-focus__head{
    margin-bottom:28px;
  }
  .service-dark-focus__head h2{
    font-size:clamp(2.35rem, 12vw, 3.35rem);
  }
  .service-dark-focus__head p{
    font-size:1rem;
  }
  .service-dark-focus__grid{
    gap:16px;
  }
  .service-dark-card{
    border-radius:26px;
    padding:28px;
  }
  .service-dark-card__no{
    margin-bottom:36px;
  }
  .service-dark-card__body h3{
    font-size:1.65rem;
    max-width:14ch;
  }
  .service-dark-card__body p{
    font-size:.96rem;
    line-height:1.64;
  }
}


/* === DevenIT services: Operating System Map v232 === */
.service-system-map{
  position:relative;
  width:100%;
  margin:clamp(44px, 6vw, 84px) 0;
  padding:clamp(76px, 8vw, 116px) 0;
  overflow:hidden;
  isolation:isolate;
}
.service-system-map::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 460px at 16% 10%, rgba(157,98,255,.16), transparent 66%),
    radial-gradient(760px 420px at 88% 34%, rgba(255,98,183,.08), transparent 62%),
    radial-gradient(860px 360px at 50% 100%, rgba(117,231,255,.045), transparent 68%);
  opacity:.92;
  z-index:-2;
}
.service-system-map::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(211,132,255,.22), rgba(255,98,183,.12), transparent);
  box-shadow:0 0 38px rgba(157,98,255,.16);
  pointer-events:none;
}
.service-system-map__inner{
  width:var(--container);
  margin:0 auto;
}
.service-system-map__head{
  max-width:760px;
  margin-bottom:clamp(34px, 5vw, 56px);
}
.service-system-map__kicker{
  display:inline-flex;
  margin-bottom:14px;
  color:#d384ff;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-shadow:0 0 22px rgba(157,98,255,.32);
}
.service-system-map__head h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.45rem, 5vw, 5.15rem);
  line-height:.94;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.service-system-map__head p{
  margin:18px 0 0;
  color:rgba(255,248,255,.68);
  font-size:clamp(1.05rem, 1.45vw, 1.28rem);
  line-height:1.6;
  letter-spacing:-.02em;
}
.service-system-map__canvas{
  position:relative;
  min-height:clamp(620px, 58vw, 760px);
  border-radius:42px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 50%, rgba(157,98,255,.11), transparent 28%),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.05), transparent 28%),
    radial-gradient(circle at 82% 78%, rgba(117,231,255,.045), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.075);
  box-shadow:0 32px 90px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.07);
}
.service-system-map__mesh{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(211,132,255,.18) 50%, transparent 50.2%),
    linear-gradient(0deg, transparent 49.8%, rgba(211,132,255,.13) 50%, transparent 50.2%),
    radial-gradient(circle at 50% 50%, rgba(211,132,255,.12), transparent 32%);
  opacity:.72;
  mask-image:radial-gradient(circle at 50% 50%, #000 0%, #000 28%, transparent 70%);
}
.service-system-map__mesh::before,
.service-system-map__mesh::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:72%;
  height:1px;
  transform:translate(-50%, -50%) rotate(28deg);
  background:linear-gradient(90deg, transparent, rgba(211,132,255,.32), rgba(117,231,255,.16), transparent);
  filter:drop-shadow(0 0 12px rgba(157,98,255,.22));
}
.service-system-map__mesh::after{
  transform:translate(-50%, -50%) rotate(-28deg);
}
.service-system-map__core{
  position:absolute;
  left:50%;
  top:50%;
  width:min(420px, 38vw);
  min-height:230px;
  transform:translate(-50%, -50%);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:34px;
  border-radius:32px;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.11), transparent 30%),
    linear-gradient(145deg, rgba(38,18,72,.72), rgba(15,7,30,.70));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 0 0 1px rgba(211,132,255,.08) inset,
    0 26px 80px rgba(0,0,0,.32),
    0 0 70px rgba(157,98,255,.18);
  z-index:3;
}
.service-system-map__core-label{
  margin-bottom:14px;
  color:#d384ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.service-system-map__core strong{
  display:block;
  color:#fff;
  font-size:clamp(1.65rem, 2.6vw, 2.45rem);
  line-height:1.02;
  letter-spacing:-.06em;
  max-width:12ch;
}
.service-system-map__core p{
  margin:18px 0 0;
  color:rgba(255,248,255,.68);
  line-height:1.58;
  font-size:.98rem;
}
.service-system-node{
  position:absolute;
  width:min(330px, 28vw);
  padding:0;
  background:transparent;
  border:0;
  z-index:4;
}
.service-system-node::before{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg, #d384ff, #75e7ff);
  box-shadow:0 0 24px rgba(211,132,255,.72);
}
.service-system-node span{
  display:inline-block;
  margin-bottom:12px;
  color:rgba(211,132,255,.82);
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.18em;
}
.service-system-node h3{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(1.35rem, 2vw, 2rem);
  line-height:1.05;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.service-system-node p{
  margin:0;
  color:rgba(255,248,255,.63);
  font-size:.98rem;
  line-height:1.64;
  transition:color .22s ease, transform .22s ease;
}
.service-system-node:hover p{
  color:rgba(255,248,255,.82);
}
.service-system-node--one{
  left:7%;
  top:12%;
}
.service-system-node--one::before{
  right:-32px;
  top:18px;
}
.service-system-node--two{
  right:7%;
  top:14%;
}
.service-system-node--two::before{
  left:-32px;
  top:18px;
}
.service-system-node--three{
  left:7%;
  bottom:13%;
}
.service-system-node--three::before{
  right:-32px;
  top:18px;
}
.service-system-node--four{
  right:7%;
  bottom:12%;
}
.service-system-node--four::before{
  left:-32px;
  top:18px;
}
@media (hover:hover){
  .service-system-node:hover h3{
    text-shadow:0 0 26px rgba(211,132,255,.28);
  }
}
@media (max-width: 980px){
  .service-system-map{
    padding:72px 0;
  }
  .service-system-map__canvas{
    min-height:auto;
    padding:30px;
    border-radius:32px;
  }
  .service-system-map__mesh{
    left:42px;
    right:auto;
    width:2px;
    background:linear-gradient(180deg, transparent, rgba(211,132,255,.30), rgba(117,231,255,.14), transparent);
    opacity:.9;
    mask-image:none;
  }
  .service-system-map__mesh::before,
  .service-system-map__mesh::after{
    display:none;
  }
  .service-system-map__core,
  .service-system-node{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:auto;
    transform:none;
  }
  .service-system-map__core{
    min-height:0;
    margin:0 0 28px 34px;
    padding:28px;
  }
  .service-system-map__core strong{
    max-width:18ch;
  }
  .service-system-node{
    margin:0 0 26px 34px;
    padding-bottom:26px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .service-system-node:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
  }
  .service-system-node::before{
    left:-39px;
    top:8px;
    right:auto;
  }
}
@media (max-width: 640px){
  .service-system-map{
    margin:34px 0;
    padding:58px 0;
  }
  .service-system-map__inner{
    width:min(100% - 28px, 560px);
  }
  .service-system-map__head{
    margin-bottom:28px;
  }
  .service-system-map__head h2{
    font-size:clamp(2.35rem, 12vw, 3.35rem);
  }
  .service-system-map__head p{
    font-size:1rem;
  }
  .service-system-map__canvas{
    padding:24px;
  }
  .service-system-map__mesh{
    left:30px;
  }
  .service-system-map__core,
  .service-system-node{
    margin-left:28px;
  }
  .service-system-map__core{
    padding:24px;
    border-radius:26px;
  }
  .service-system-node::before{
    left:-33px;
  }
  .service-system-node h3{
    font-size:1.55rem;
  }
  .service-system-node p{
    font-size:.96rem;
  }
}


/* === Header shine cleanup v233 === */
.nav-shell::before{
  display:none !important;
  animation:none !important;
  opacity:0 !important;
}

/* Keep the CTA alive, but make the shine much quieter. */
.cta::before{
  background:linear-gradient(90deg, transparent 38%, rgba(255,255,255,.34), transparent 62%) !important;
  animation:buttonShineSoft 4.8s ease-in-out infinite !important;
  opacity:.42;
}
.cta::after{
  opacity:.38;
  filter:blur(12px);
}

@keyframes buttonShineSoft{
  0%,52%{
    transform:translateX(-86%) rotate(18deg);
    opacity:0;
  }
  62%{
    opacity:.34;
  }
  78%,100%{
    transform:translateX(82%) rotate(18deg);
    opacity:0;
  }
}


/* === DevenIT services: Naked Typography / Editorial Flow v234 === */
.service-editorial-flow{
  position:relative;
  width:100%;
  margin:clamp(46px, 6vw, 92px) 0;
  padding:clamp(74px, 8vw, 118px) 0 clamp(66px, 7vw, 104px);
  overflow:hidden;
}
.service-editorial-flow__inner{
  width:min(900px, calc(100vw - 40px));
  margin:0 auto;
}
.service-editorial-flow__head{
  margin-bottom:clamp(68px, 9vw, 126px);
}
.service-editorial-flow__kicker{
  display:inline-flex;
  margin-bottom:14px;
  color:#d384ff;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-shadow:0 0 22px rgba(157,98,255,.28);
}
.service-editorial-flow__head h2{
  margin:0;
  color:#fff;
  font-size:clamp(3rem, 6.2vw, 6.35rem);
  line-height:.9;
  letter-spacing:-.085em;
  text-wrap:balance;
}
.service-editorial-flow__head p{
  margin:22px 0 0;
  max-width:640px;
  color:rgba(255,248,255,.66);
  font-size:clamp(1.05rem, 1.45vw, 1.28rem);
  line-height:1.55;
  letter-spacing:-.02em;
}
.service-editorial-flow__list{
  display:grid;
  gap:clamp(76px, 8.6vw, 118px);
}
.service-editorial-item{
  position:relative;
  min-height:clamp(205px, 22vw, 285px);
  display:flex;
  align-items:center;
}
.service-editorial-item__watermark{
  position:absolute;
  left:clamp(-10px, -1vw, -4px);
  top:50%;
  transform:translateY(-50%);
  color:rgba(211,132,255,.065);
  font-size:clamp(7rem, 14vw, 11.5rem);
  line-height:.8;
  font-weight:950;
  letter-spacing:-.12em;
  pointer-events:none;
  user-select:none;
  z-index:0;
}
.service-editorial-item__copy{
  position:relative;
  z-index:1;
  max-width:760px;
  padding-left:clamp(42px, 5vw, 86px);
}
.service-editorial-item__copy h3{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(2rem, 3.2vw, 3.45rem);
  line-height:.98;
  letter-spacing:-.07em;
  text-wrap:balance;
}
.service-editorial-item__copy p{
  margin:0;
  max-width:720px;
  color:rgba(255,248,255,.66);
  font-size:clamp(1.02rem, 1.25vw, 1.15rem);
  line-height:1.74;
  letter-spacing:-.012em;
}
@media (max-width: 760px){
  .service-editorial-flow{
    margin:34px 0;
    padding:58px 0 52px;
  }
  .service-editorial-flow__inner{
    width:min(100% - 28px, 560px);
  }
  .service-editorial-flow__head{
    margin-bottom:52px;
  }
  .service-editorial-flow__head h2{
    font-size:clamp(2.65rem, 13vw, 4rem);
  }
  .service-editorial-flow__head p{
    font-size:1rem;
  }
  .service-editorial-flow__list{
    gap:58px;
  }
  .service-editorial-item{
    min-height:190px;
    align-items:flex-start;
  }
  .service-editorial-item__watermark{
    top:0;
    transform:none;
    left:-2px;
    font-size:clamp(5.3rem, 28vw, 7.5rem);
    opacity:.95;
  }
  .service-editorial-item__copy{
    padding-left:26px;
    padding-top:48px;
  }
  .service-editorial-item__copy h3{
    font-size:clamp(1.75rem, 8.5vw, 2.65rem);
    margin-bottom:14px;
  }
  .service-editorial-item__copy p{
    font-size:.97rem;
    line-height:1.66;
  }
}


/* === Offer request: unboxed layout v235 === */
#kapcsolat .wizard-wrapper{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
}
#kapcsolat .wizard-wrapper::before,
#kapcsolat .wizard-wrapper::after{
  display:none !important;
}
#kapcsolat .wizard-left{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
#kapcsolat .wizard-right{
  position:relative;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 16% 0%, rgba(157,98,255,.16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.028));
  border-radius:32px;
  padding:clamp(22px, 3vw, 34px);
  box-shadow:0 24px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.075);
  overflow:hidden;
}
#kapcsolat .wizard-right::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg, rgba(211,132,255,.22), transparent 30%, transparent 70%, rgba(255,98,183,.13));
  opacity:.75;
  z-index:0;
}
#kapcsolat .wizard-right > *{
  position:relative;
  z-index:1;
}
.offer-trust-list{
  list-style:none;
  padding:0;
  margin:28px 0 0;
  display:grid;
  gap:12px;
  color:rgba(255,248,255,.78);
  font-size:.98rem;
  line-height:1.45;
}
.offer-trust-list li{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  letter-spacing:-.01em;
}
.offer-trust-list li::before{
  content:"✓";
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  font-size:.78rem;
  font-weight:950;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.32), transparent 42%),
    linear-gradient(135deg, #9d62ff, #ff62b7);
  box-shadow:0 0 22px rgba(157,98,255,.28);
}
@media (max-width: 820px){
  #kapcsolat .wizard-wrapper{
    display:grid;
    gap:28px;
  }
  #kapcsolat .wizard-right{
    border-radius:26px;
    padding:22px;
  }
  .offer-trust-list{
    margin-top:22px;
  }
}


/* === Services: horizontal editorial rail v236 === */
.service-editorial-flow{
  padding-top:clamp(70px, 7vw, 108px);
  padding-bottom:clamp(68px, 7vw, 104px);
}
.service-editorial-flow__inner{
  width:min(1480px, calc(100vw - 48px));
  max-width:none;
}
.service-editorial-flow__head{
  max-width:980px;
  margin-bottom:clamp(52px, 5vw, 76px);
}
.service-editorial-flow__head h2{
  max-width:900px;
}
.service-editorial-flow__list{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:clamp(22px, 2.4vw, 38px);
  align-items:stretch;
}
.service-editorial-item{
  min-height:clamp(330px, 30vw, 430px);
  align-items:flex-end;
}
.service-editorial-item__watermark{
  left:-6px;
  top:8px;
  transform:none;
  font-size:clamp(6rem, 9vw, 10rem);
  opacity:1;
  color:rgba(211,132,255,.07);
}
.service-editorial-item__copy{
  padding-left:0;
  padding-top:clamp(92px, 10vw, 144px);
  max-width:100%;
}
.service-editorial-item__copy h3{
  font-size:clamp(1.65rem, 2.05vw, 2.65rem);
  line-height:1;
  max-width:13ch;
}
.service-editorial-item__copy p{
  font-size:clamp(.95rem, 1vw, 1.04rem);
  line-height:1.68;
  max-width:31ch;
}
@media (max-width: 1180px){
  .service-editorial-flow__inner{
    width:min(1120px, calc(100vw - 40px));
  }
  .service-editorial-flow__list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:clamp(46px, 6vw, 74px) clamp(26px, 4vw, 46px);
  }
  .service-editorial-item{
    min-height:260px;
  }
  .service-editorial-item__copy p{
    max-width:48ch;
  }
}
@media (max-width: 760px){
  .service-editorial-flow__inner{
    width:min(100% - 28px, 560px);
  }
  .service-editorial-flow__list{
    grid-template-columns:1fr;
    gap:58px;
  }
  .service-editorial-item{
    min-height:190px;
    align-items:flex-start;
  }
  .service-editorial-item__watermark{
    left:-2px;
    top:0;
    font-size:clamp(5.3rem, 28vw, 7.5rem);
  }
  .service-editorial-item__copy{
    padding-left:26px;
    padding-top:48px;
  }
  .service-editorial-item__copy h3{
    font-size:clamp(1.75rem, 8.5vw, 2.65rem);
    max-width:16ch;
  }
  .service-editorial-item__copy p{
    max-width:100%;
  }
}


/* === Fast-scroll text smear cleanup v238 === */
/* A nagy tipográfiai szolgáltatásrész gyors görgetésnél ne húzzon maga alá sötét "utánképet". */
.service-editorial-flow,
.service-editorial-flow *{
  text-shadow:none !important;
}
.service-editorial-flow__kicker{
  text-shadow:none !important;
}
.service-editorial-item{
  contain:layout paint;
  isolation:isolate;
}
.service-editorial-item__watermark{
  opacity:.82;
  color:rgba(211,132,255,.045) !important;
  filter:none !important;
  text-shadow:none !important;
  will-change:auto !important;
  transform:none !important;
  top:10px !important;
}
.service-editorial-item__copy{
  isolation:isolate;
  transform:none !important;
  will-change:auto !important;
}
.service-editorial-item__copy h3,
.service-editorial-item__copy p{
  text-shadow:none !important;
  filter:none !important;
  transform:none !important;
  will-change:auto !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
/* A vízjel marad, de nem ül annyira a szöveg alá, így gyors scrollnál nem mosódik össze vele. */
@media (min-width: 761px){
  .service-editorial-item__copy{
    padding-top:clamp(108px, 11vw, 154px);
  }
}
@media (max-width: 760px){
  .service-editorial-item__watermark{
    top:2px !important;
  }
}


/* === Scroll reveal / active progressive loading v239 === */
.dv-reveal{
  opacity:0;
  transform:translate3d(0, 28px, 0);
  filter:blur(10px);
  transition:
    opacity .78s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms),
    transform .78s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms),
    filter .78s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms);
  will-change:opacity, transform, filter;
}
.dv-reveal.is-visible{
  opacity:1;
  transform:translate3d(0, 0, 0);
  filter:blur(0);
  will-change:auto;
}

/* A nagy szolgáltatás-sorszámok ne maszatoljanak be az animáció közben. */
.service-editorial-item.dv-reveal{
  filter:none;
}
.service-editorial-item.dv-reveal .service-editorial-item__copy{
  opacity:0;
  transform:translate3d(0, 24px, 0);
  transition:
    opacity .72s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms),
    transform .72s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms);
}
.service-editorial-item.dv-reveal .service-editorial-item__watermark{
  opacity:0;
  transform:translate3d(-10px, 0, 0);
  transition:
    opacity .9s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms),
    transform .9s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms);
}
.service-editorial-item.dv-reveal.is-visible .service-editorial-item__copy{
  opacity:1;
  transform:translate3d(0, 0, 0);
}
.service-editorial-item.dv-reveal.is-visible .service-editorial-item__watermark{
  opacity:.82;
  transform:translate3d(0, 0, 0);
}

/* Hero legyen gyorsabb, mert above-the-fold elem. */
.hero-content.dv-reveal{
  transition-duration:.58s;
  filter:blur(6px);
}

@media (prefers-reduced-motion: reduce){
  .dv-reveal,
  .dv-reveal *,
  .service-editorial-item.dv-reveal .service-editorial-item__copy,
  .service-editorial-item.dv-reveal .service-editorial-item__watermark{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
}


/* === Hero reveal blur fix v240 === */
/* A hero above-the-fold elem: nem lehet scroll-reveal miatt homályos. */
.hero-content,
.hero-content.dv-reveal,
.hero-content.dv-reveal.is-visible{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
  will-change:auto !important;
}


/* === Hero live machine background + About gradient title v241 === */
.hero-premium{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-tech-grid,
.hero-ambient-glow{
  opacity:.42;
}
.hero-code-rain{
  opacity:.32;
}
.hero-machine-bg{
  position:absolute;
  inset:-10% -8% -12% 40%;
  z-index:0;
  pointer-events:none;
  opacity:.82;
  filter:saturate(112%);
  transform:translateZ(0);
}
.hero-machine-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 68% 42%, rgba(157,98,255,.24), transparent 24%),
    radial-gradient(circle at 52% 58%, rgba(255,98,183,.10), transparent 26%),
    linear-gradient(110deg, transparent 0 32%, rgba(255,255,255,.05) 44%, transparent 60%);
  opacity:.9;
}
.hero-machine-bg::after{
  content:"";
  position:absolute;
  inset:18% 0 18% 18%;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.075) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(211,132,255,.045) 0 1px, transparent 1px 42px);
  transform:perspective(760px) rotateY(-18deg) rotateX(6deg);
  mask-image:radial-gradient(circle at 68% 48%, #000 0 34%, transparent 70%);
  opacity:.32;
}
.hero-machine-bg__ring{
  position:absolute;
  right:4%;
  top:13%;
  width:clamp(280px, 38vw, 620px);
  aspect-ratio:1;
  border-radius:999px;
  border:1px solid rgba(211,132,255,.22);
  background:
    radial-gradient(circle, transparent 0 38%, rgba(211,132,255,.06) 39% 41%, transparent 42% 47%, rgba(255,255,255,.06) 48% 50%, transparent 51%),
    conic-gradient(from 0deg, rgba(211,132,255,.0), rgba(211,132,255,.22), rgba(117,231,255,.05), rgba(255,98,183,.18), rgba(211,132,255,.0));
  box-shadow:
    inset 0 0 44px rgba(157,98,255,.08),
    0 0 70px rgba(157,98,255,.12);
  animation:heroMachineRotate 34s linear infinite;
}
.hero-machine-bg__ring--inner{
  right:10.5%;
  top:22%;
  width:clamp(180px, 24vw, 390px);
  opacity:.78;
  animation-duration:22s;
  animation-direction:reverse;
}
.hero-machine-bg__pipe{
  position:absolute;
  right:26%;
  top:46%;
  width:42%;
  height:58px;
  border-radius:999px;
  background:
    linear-gradient(90deg, transparent, rgba(211,132,255,.17), rgba(117,231,255,.10), rgba(255,98,183,.15), transparent);
  box-shadow:0 0 28px rgba(157,98,255,.14);
  transform:rotate(-11deg);
  overflow:hidden;
}
.hero-machine-bg__pipe::before{
  content:"";
  position:absolute;
  inset:14px 0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);
  animation:heroMachineFlow 2.8s linear infinite;
}
.hero-machine-bg__belt{
  position:absolute;
  left:2%;
  width:74%;
  height:34px;
  border-radius:999px;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.085), rgba(211,132,255,.10), transparent);
  transform:rotate(-7deg);
  overflow:hidden;
  opacity:.86;
}
.hero-machine-bg__belt--one{
  top:64%;
}
.hero-machine-bg__belt--two{
  top:74%;
  left:8%;
  width:66%;
  transform:rotate(-7deg) scale(.92);
  opacity:.55;
}
.hero-machine-bg__belt span{
  position:absolute;
  top:50%;
  width:24px;
  height:24px;
  border-radius:7px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.42), transparent 40%),
    linear-gradient(135deg, rgba(211,132,255,.42), rgba(117,231,255,.16));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 20px rgba(211,132,255,.22);
  transform:translateY(-50%);
  animation:heroMachineBoxes 6.4s linear infinite;
}
.hero-machine-bg__belt--one span:nth-child(1){ animation-delay:-.2s; }
.hero-machine-bg__belt--one span:nth-child(2){ animation-delay:-1.8s; }
.hero-machine-bg__belt--one span:nth-child(3){ animation-delay:-3.4s; }
.hero-machine-bg__belt--one span:nth-child(4){ animation-delay:-5s; }
.hero-machine-bg__belt--two span:nth-child(1){ animation-delay:-1s; }
.hero-machine-bg__belt--two span:nth-child(2){ animation-delay:-3.2s; }
.hero-machine-bg__belt--two span:nth-child(3){ animation-delay:-5.4s; }
.hero-machine-bg__gear{
  position:absolute;
  border-radius:999px;
  background:
    repeating-conic-gradient(from 0deg, rgba(211,132,255,.34) 0deg 8deg, transparent 8deg 18deg),
    radial-gradient(circle, transparent 0 38%, rgba(255,255,255,.085) 40% 43%, transparent 44%);
  opacity:.42;
  animation:heroMachineRotate 18s linear infinite;
}
.hero-machine-bg__gear--one{
  right:43%;
  top:55%;
  width:116px;
  height:116px;
}
.hero-machine-bg__gear--two{
  right:16%;
  bottom:10%;
  width:84px;
  height:84px;
  animation-duration:12s;
  animation-direction:reverse;
}
.hero-machine-bg__pulse{
  position:absolute;
  right:19%;
  top:41%;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#d384ff;
  box-shadow:0 0 34px rgba(211,132,255,.95);
  animation:heroMachinePulse 2.1s ease-in-out infinite;
}
.hero-content{
  position:relative;
  z-index:2;
}
@keyframes heroMachineRotate{
  to{ transform:rotate(360deg); }
}
@keyframes heroMachineFlow{
  from{ transform:translateX(-92%); opacity:0; }
  18%{ opacity:.72; }
  76%{ opacity:.72; }
  to{ transform:translateX(92%); opacity:0; }
}
@keyframes heroMachineBoxes{
  from{ left:-40px; opacity:0; }
  10%{ opacity:.82; }
  88%{ opacity:.82; }
  to{ left:calc(100% + 40px); opacity:0; }
}
@keyframes heroMachinePulse{
  0%,100%{ transform:scale(.82); opacity:.48; }
  50%{ transform:scale(1.18); opacity:1; }
}
.about-gradient-title{
  display:inline-block;
  padding:.08em .03em .16em;
  background:linear-gradient(92deg, #fff 0%, #fff 34%, #caa8ff 50%, #8f55ff 62%, #d384ff 77%, #ff76bd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.about-gradient-title span{
  color:#9d62ff;
  background:linear-gradient(90deg, #7c3cff 0%, #a855f7 45%, #d384ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 30px rgba(157,98,255,.34);
}
@media (max-width: 900px){
  .hero-machine-bg{
    inset:12% -28% 4% 14%;
    opacity:.42;
    filter:blur(.2px) saturate(105%);
  }
  .hero-machine-bg__ring{
    right:-8%;
    top:20%;
  }
  .hero-machine-bg__belt{
    width:82%;
  }
}
@media (max-width: 620px){
  .hero-machine-bg{
    inset:26% -62% 0 -4%;
    opacity:.30;
  }
  .hero-code-rain{
    opacity:.18;
  }
}
@media (prefers-reduced-motion: reduce){
  .hero-machine-bg__ring,
  .hero-machine-bg__pipe::before,
  .hero-machine-bg__belt span,
  .hero-machine-bg__gear,
  .hero-machine-bg__pulse{
    animation:none !important;
  }
}


/* === Hero code-rain removal + safer about gradient title v242 === */
.hero-code-rain{
  display:none !important;
}

.about-gradient-title{
  display:block;
  width:fit-content;
  max-width:100%;
  padding:.12em .08em .24em .02em !important;
  margin-bottom:-.08em;
  line-height:1.08 !important;
  overflow:visible;
  background:linear-gradient(96deg, #ffffff 0%, #f5edff 18%, #d9c0ff 38%, #9d62ff 58%, #d384ff 76%, #ff76bd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.about-gradient-title span{
  background:inherit;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
@media (max-width: 640px){
  .about-gradient-title{
    padding-right:.12em !important;
    padding-bottom:.28em !important;
  }
}


/* === Clean About gradient title v243 === */
/* A teljes címsor egyetlen, tiszta gradient: nincs külön DevenIT-span, nincs külön text-shadow. */
#rolam .headline-row .about-gradient-title{
  display:inline-block !important;
  width:auto !important;
  max-width:100%;
  margin:0;
  padding:.08em .08em .18em .02em !important;
  line-height:1.08 !important;
  overflow:visible !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  background:linear-gradient(92deg, #ffffff 0%, #f4ecff 18%, #d8bdff 38%, #9d62ff 58%, #d384ff 76%, #ff76bd 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:none !important;
  filter:none !important;
}
#rolam .headline-row .about-gradient-title *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  background:none !important;
  text-shadow:none !important;
  filter:none !important;
}
@media (max-width: 640px){
  #rolam .headline-row .about-gradient-title{
    padding-right:.14em !important;
    padding-bottom:.22em !important;
  }
}


/* === Hero mesh gradient + nav/footer cleanup v244 === */
.hero-machine-bg,
.hero-machine-bg *,
.hero-code-rain{
  display:none !important;
}

.hero-premium{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-mesh-bg{
  position:absolute;
  inset:-22% -10% -18% -8%;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  opacity:.92;
  filter:saturate(115%);
}
.hero-mesh-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(780px 520px at 72% 26%, rgba(157,98,255,.24), transparent 64%),
    radial-gradient(760px 520px at 26% 32%, rgba(83,55,180,.20), transparent 65%),
    radial-gradient(620px 460px at 86% 74%, rgba(255,98,183,.10), transparent 62%),
    radial-gradient(640px 420px at 44% 94%, rgba(117,231,255,.055), transparent 66%);
  animation:heroMeshBreath 12s ease-in-out infinite alternate;
}
.hero-mesh-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(6,3,16,.92) 0%, rgba(7,3,17,.62) 30%, rgba(7,3,17,.20) 62%, rgba(7,3,17,.64) 100%),
    radial-gradient(circle at 50% 50%, transparent 0 28%, rgba(0,0,0,.18) 72%);
}
.hero-mesh-bg__blob{
  position:absolute;
  display:block;
  border-radius:999px;
  filter:blur(54px);
  opacity:.34;
  transform:translate3d(0,0,0);
  mix-blend-mode:screen;
}
.hero-mesh-bg__blob--one{
  width:36vw;
  height:36vw;
  min-width:360px;
  min-height:360px;
  right:10%;
  top:6%;
  background:rgba(157,98,255,.62);
  animation:heroMeshFloatOne 18s ease-in-out infinite alternate;
}
.hero-mesh-bg__blob--two{
  width:30vw;
  height:30vw;
  min-width:300px;
  min-height:300px;
  left:38%;
  bottom:4%;
  background:rgba(255,98,183,.25);
  animation:heroMeshFloatTwo 21s ease-in-out infinite alternate;
}
.hero-mesh-bg__blob--three{
  width:24vw;
  height:24vw;
  min-width:260px;
  min-height:260px;
  left:10%;
  top:22%;
  background:rgba(91,126,255,.24);
  animation:heroMeshFloatThree 19s ease-in-out infinite alternate;
}
.hero-mesh-bg__glow{
  position:absolute;
  right:16%;
  top:42%;
  width:44vw;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(211,132,255,.28), rgba(117,231,255,.10), transparent);
  filter:blur(1px);
  opacity:.42;
  transform:rotate(-14deg);
  animation:heroMeshLine 8s ease-in-out infinite alternate;
}
.hero-content{
  position:relative;
  z-index:2;
}
@keyframes heroMeshBreath{
  from{ transform:scale(1) translate3d(0,0,0); opacity:.86; }
  to{ transform:scale(1.045) translate3d(-1.2%, .8%, 0); opacity:1; }
}
@keyframes heroMeshFloatOne{
  from{ transform:translate3d(0,0,0) scale(1); }
  to{ transform:translate3d(-8%, 6%, 0) scale(1.08); }
}
@keyframes heroMeshFloatTwo{
  from{ transform:translate3d(0,0,0) scale(1); }
  to{ transform:translate3d(10%, -8%, 0) scale(1.12); }
}
@keyframes heroMeshFloatThree{
  from{ transform:translate3d(0,0,0) scale(1); }
  to{ transform:translate3d(12%, 4%, 0) scale(1.06); }
}
@keyframes heroMeshLine{
  from{ opacity:.26; transform:rotate(-14deg) translateX(-2%); }
  to{ opacity:.54; transform:rotate(-14deg) translateX(5%); }
}
.footer a{
  color:rgba(255,248,255,.78);
  text-decoration:none;
  transition:color .18s ease;
}
.footer a:hover{
  color:#fff;
}
@media (max-width: 760px){
  .hero-mesh-bg{
    inset:-12% -52% -10% -26%;
    opacity:.76;
  }
  .hero-mesh-bg__blob{
    filter:blur(46px);
  }
}
@media (prefers-reduced-motion: reduce){
  .hero-mesh-bg::before,
  .hero-mesh-bg__blob,
  .hero-mesh-bg__glow{
    animation:none !important;
  }
}


/* === Process accordion: Hogy lássunk neki? v245 === */
.process-accordion-section{
  position:relative;
  overflow:hidden;
  margin:clamp(42px, 6vw, 90px) 0;
  padding:clamp(72px, 8vw, 116px) 0;
}
.process-accordion-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(760px 420px at 12% 18%, rgba(157,98,255,.12), transparent 62%),
    radial-gradient(680px 360px at 88% 76%, rgba(255,98,183,.06), transparent 64%);
  opacity:.9;
}
.process-accordion-inner{
  position:relative;
  z-index:1;
  width:min(1180px, calc(100vw - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px, .82fr) minmax(0, 1.18fr);
  gap:clamp(42px, 6vw, 86px);
  align-items:start;
}
.process-accordion-head{
  position:sticky;
  top:118px;
}
.process-accordion-kicker{
  display:inline-flex;
  margin-bottom:14px;
  color:#d384ff;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.process-accordion-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.6rem, 4.8vw, 5.15rem);
  line-height:.94;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.process-accordion-head p{
  margin:22px 0 0;
  color:rgba(255,248,255,.66);
  font-size:clamp(1.02rem, 1.25vw, 1.15rem);
  line-height:1.7;
  letter-spacing:-.012em;
  max-width:440px;
}
.process-accordion-list{
  position:relative;
  display:grid;
}
.process-accordion-list::before{
  content:"";
  position:absolute;
  top:30px;
  bottom:30px;
  left:22px;
  width:1px;
  background:linear-gradient(180deg, rgba(211,132,255,0), rgba(211,132,255,.34), rgba(117,231,255,.10), rgba(211,132,255,0));
  box-shadow:0 0 22px rgba(157,98,255,.16);
  pointer-events:none;
}
.process-step{
  position:relative;
  padding-left:68px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.process-step:last-child{
  border-bottom:0;
}
.process-step summary{
  list-style:none;
  cursor:pointer;
  min-height:86px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  padding:22px 0;
  color:#fff;
}
.process-step summary::-webkit-details-marker{
  display:none;
}
.process-step-no{
  position:absolute;
  left:0;
  top:24px;
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:.92rem;
  font-weight:900;
  letter-spacing:-.02em;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(135deg, rgba(157,98,255,.96), rgba(255,98,183,.58));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 28px rgba(157,98,255,.26);
  z-index:2;
}
.process-step-title{
  font-size:clamp(1.2rem, 1.75vw, 1.65rem);
  font-weight:780;
  letter-spacing:-.035em;
}
.process-step-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:rgba(255,248,255,.72);
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.05);
  transition:transform .22s ease, color .22s ease, border-color .22s ease;
}
.process-step[open] .process-step-icon{
  transform:rotate(45deg);
  color:#fff;
  border-color:rgba(211,132,255,.28);
}
.process-step-body{
  max-width:680px;
  padding:0 0 28px;
  color:rgba(255,248,255,.66);
  font-size:1rem;
  line-height:1.72;
  letter-spacing:-.01em;
}
.process-step-body p{
  margin:0;
}
.process-step[open] .process-step-title{
  color:#fff;
  text-shadow:0 0 24px rgba(211,132,255,.16);
}
@media (hover:hover){
  .process-step summary:hover .process-step-title{
    color:#f4eaff;
  }
  .process-step summary:hover .process-step-icon{
    color:#fff;
    border-color:rgba(211,132,255,.24);
  }
}
@media (max-width: 920px){
  .process-accordion-inner{
    grid-template-columns:1fr;
    gap:36px;
  }
  .process-accordion-head{
    position:relative;
    top:auto;
  }
  .process-accordion-head p{
    max-width:720px;
  }
}
@media (max-width: 640px){
  .process-accordion-section{
    margin:34px 0;
    padding:58px 0;
  }
  .process-accordion-inner{
    width:min(100% - 28px, 560px);
  }
  .process-step{
    padding-left:58px;
  }
  .process-accordion-list::before{
    left:19px;
  }
  .process-step-no{
    width:38px;
    height:38px;
    top:25px;
  }
  .process-step summary{
    min-height:78px;
    padding:18px 0;
  }
  .process-step-title{
    font-size:1.14rem;
  }
  .process-step-body{
    padding-bottom:24px;
    font-size:.97rem;
  }
}


/* === Compact process timeline v246 === */
.process-accordion-section{
  display:none !important;
}
.process-compact-section{
  position:relative;
  margin:clamp(40px, 5vw, 78px) 0;
  padding:clamp(64px, 7vw, 98px) 0;
  overflow:hidden;
}
.process-compact-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(760px 320px at 50% 8%, rgba(157,98,255,.10), transparent 68%),
    radial-gradient(620px 280px at 82% 88%, rgba(255,98,183,.045), transparent 70%);
  opacity:.78;
}
.process-compact-inner{
  position:relative;
  z-index:1;
  width:min(980px, calc(100vw - 40px));
  margin:0 auto;
}
.process-compact-head{
  max-width:760px;
  margin:0 auto clamp(34px, 4.5vw, 54px);
  text-align:center;
}
.process-compact-kicker{
  display:inline-flex;
  margin-bottom:12px;
  color:#d384ff;
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.process-compact-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.35rem, 4.8vw, 4.75rem);
  line-height:.94;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.process-compact-head p{
  margin:18px auto 0;
  max-width:720px;
  color:rgba(255,248,255,.66);
  font-size:clamp(1rem, 1.18vw, 1.12rem);
  line-height:1.68;
  letter-spacing:-.01em;
}
.process-step-rail{
  position:relative;
  max-width:760px;
  margin:0 auto clamp(28px, 4vw, 42px);
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  align-items:center;
  gap:10px;
}
.process-step-rail::before{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, transparent, rgba(211,132,255,.34), rgba(117,231,255,.12), rgba(211,132,255,.28), transparent);
  box-shadow:0 0 22px rgba(157,98,255,.16);
}
.process-step-rail span{
  position:relative;
  z-index:1;
  width:34px;
  height:34px;
  margin:0 auto;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(135deg, rgba(157,98,255,.92), rgba(255,98,183,.50));
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 0 22px rgba(157,98,255,.18);
}
.process-compact-list{
  max-width:820px;
  margin:0 auto;
  border-top:1px solid rgba(255,255,255,.075);
}
.process-compact-item{
  border-bottom:1px solid rgba(255,255,255,.075);
}
.process-compact-item summary{
  list-style:none;
  cursor:pointer;
  min-height:72px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  color:#fff;
}
.process-compact-item summary::-webkit-details-marker{
  display:none;
}
.process-compact-item summary span{
  font-size:clamp(1.08rem, 1.55vw, 1.42rem);
  font-weight:780;
  letter-spacing:-.035em;
}
.process-compact-item summary b{
  width:32px;
  height:32px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:1rem;
  color:rgba(255,248,255,.72);
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.048);
  transition:transform .2s ease, border-color .2s ease, color .2s ease;
}
.process-compact-item[open] summary b{
  transform:rotate(45deg);
  color:#fff;
  border-color:rgba(211,132,255,.26);
}
.process-compact-item p{
  margin:0;
  max-width:720px;
  padding:0 56px 24px 0;
  color:rgba(255,248,255,.66);
  font-size:.98rem;
  line-height:1.7;
  letter-spacing:-.01em;
}
@media (hover:hover){
  .process-compact-item summary:hover span{
    color:#f5ecff;
  }
  .process-compact-item summary:hover b{
    color:#fff;
    border-color:rgba(211,132,255,.24);
  }
}
@media (max-width: 640px){
  .process-compact-section{
    margin:32px 0;
    padding:54px 0;
  }
  .process-compact-inner{
    width:min(100% - 28px, 560px);
  }
  .process-compact-head{
    text-align:left;
    margin-bottom:28px;
  }
  .process-step-rail{
    max-width:100%;
    gap:6px;
    margin-bottom:24px;
  }
  .process-step-rail span{
    width:28px;
    height:28px;
    font-size:.74rem;
  }
  .process-compact-item summary{
    min-height:64px;
  }
  .process-compact-item p{
    padding-right:0;
    padding-bottom:22px;
    font-size:.96rem;
  }
}


/* === Centered process with left vertical number rail v247 === */
.process-compact-section,
.process-accordion-section{
  display:none !important;
}
.process-centered-section{
  position:relative;
  margin:clamp(40px, 5vw, 78px) 0;
  padding:clamp(64px, 7vw, 102px) 0;
  overflow:hidden;
}
.process-centered-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(760px 320px at 50% 10%, rgba(157,98,255,.09), transparent 68%),
    radial-gradient(620px 280px at 82% 88%, rgba(255,98,183,.04), transparent 70%);
  opacity:.78;
}
.process-centered-inner{
  position:relative;
  z-index:1;
  width:min(940px, calc(100vw - 40px));
  margin:0 auto;
}
.process-centered-head{
  max-width:760px;
  margin:0 auto clamp(40px, 5vw, 64px);
  text-align:center;
}
.process-centered-kicker{
  display:inline-flex;
  margin-bottom:12px;
  color:#d384ff;
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.process-centered-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.35rem, 4.8vw, 4.75rem);
  line-height:.94;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.process-centered-head p{
  margin:18px auto 0;
  max-width:720px;
  color:rgba(255,248,255,.66);
  font-size:clamp(1rem, 1.18vw, 1.12rem);
  line-height:1.68;
  letter-spacing:-.01em;
}
.process-centered-list{
  position:relative;
  max-width:800px;
  margin:0 auto;
}
.process-centered-list::before{
  content:"";
  position:absolute;
  top:30px;
  bottom:30px;
  left:22px;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(211,132,255,.36), rgba(117,231,255,.12), rgba(211,132,255,.28), transparent);
  box-shadow:0 0 22px rgba(157,98,255,.16);
  pointer-events:none;
}
.process-centered-item{
  position:relative;
  padding-left:68px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.process-centered-item:last-child{
  border-bottom:0;
}
.process-centered-item summary{
  list-style:none;
  cursor:pointer;
  min-height:74px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  color:#fff;
}
.process-centered-item summary::-webkit-details-marker{
  display:none;
}
.process-centered-no{
  position:absolute;
  left:0;
  top:18px;
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:.92rem;
  font-weight:900;
  letter-spacing:-.02em;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(135deg, rgba(157,98,255,.96), rgba(255,98,183,.55));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 28px rgba(157,98,255,.24);
  z-index:2;
}
.process-centered-title{
  font-size:clamp(1.12rem, 1.55vw, 1.42rem);
  font-weight:780;
  letter-spacing:-.035em;
}
.process-centered-item summary b{
  width:32px;
  height:32px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:1rem;
  color:rgba(255,248,255,.72);
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.048);
  transition:transform .2s ease, border-color .2s ease, color .2s ease;
}
.process-centered-item[open] summary b{
  transform:rotate(45deg);
  color:#fff;
  border-color:rgba(211,132,255,.26);
}
.process-centered-item p{
  margin:0;
  max-width:680px;
  padding:0 56px 26px 0;
  color:rgba(255,248,255,.66);
  font-size:.98rem;
  line-height:1.7;
  letter-spacing:-.01em;
}
.process-centered-item[open] .process-centered-title{
  color:#fff;
  text-shadow:0 0 22px rgba(211,132,255,.14);
}
@media (hover:hover){
  .process-centered-item summary:hover .process-centered-title{
    color:#f5ecff;
  }
  .process-centered-item summary:hover b{
    color:#fff;
    border-color:rgba(211,132,255,.24);
  }
}
@media (max-width: 640px){
  .process-centered-section{
    margin:32px 0;
    padding:54px 0;
  }
  .process-centered-inner{
    width:min(100% - 28px, 560px);
  }
  .process-centered-head{
    text-align:left;
    margin-bottom:34px;
  }
  .process-centered-list::before{
    left:19px;
  }
  .process-centered-item{
    padding-left:58px;
  }
  .process-centered-no{
    width:38px;
    height:38px;
    top:18px;
    font-size:.82rem;
  }
  .process-centered-item summary{
    min-height:68px;
  }
  .process-centered-title{
    font-size:1.12rem;
  }
  .process-centered-item p{
    padding-right:0;
    padding-bottom:23px;
    font-size:.96rem;
  }
}


/* === 4-phase premium process rail v248 === */
.process-centered-section,
.process-compact-section,
.process-accordion-section{
  display:none !important;
}
.process-rail-section{
  position:relative;
  margin:clamp(44px, 6vw, 92px) 0;
  padding:clamp(72px, 8vw, 112px) 0;
  overflow:hidden;
}
.process-rail-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(860px 360px at 50% 4%, rgba(157,98,255,.105), transparent 68%),
    radial-gradient(700px 300px at 86% 86%, rgba(255,98,183,.045), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.012), transparent 24%, transparent 76%, rgba(255,255,255,.01));
  opacity:.85;
}
.process-rail-inner{
  position:relative;
  z-index:1;
  width:min(1120px, calc(100vw - 40px));
  margin:0 auto;
}
.process-rail-head{
  max-width:780px;
  margin:0 auto clamp(42px, 5vw, 62px);
  text-align:center;
}
.process-rail-kicker{
  display:inline-flex;
  margin-bottom:12px;
  color:#d384ff;
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.process-rail-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.45rem, 5vw, 4.85rem);
  line-height:.94;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.process-rail-head p{
  margin:18px auto 0;
  max-width:720px;
  color:rgba(255,248,255,.67);
  font-size:clamp(1rem, 1.2vw, 1.13rem);
  line-height:1.7;
  letter-spacing:-.01em;
}
.process-rail-track{
  position:relative;
  width:min(900px, 100%);
  margin:0 auto clamp(30px, 4vw, 42px);
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  align-items:center;
}
.process-rail-track::before{
  content:"";
  position:absolute;
  left:12.5%;
  right:12.5%;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(211,132,255,0), rgba(211,132,255,.42), rgba(117,231,255,.16), rgba(255,98,183,.24), rgba(211,132,255,0));
  box-shadow:0 0 26px rgba(157,98,255,.18);
}
.process-rail-dot{
  position:relative;
  z-index:1;
  width:44px;
  height:44px;
  margin:0 auto;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:.92rem;
  font-weight:900;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.26), transparent 42%),
    linear-gradient(135deg, rgba(157,98,255,.95), rgba(255,98,183,.52));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.11) inset,
    0 0 28px rgba(157,98,255,.22);
}
.process-rail-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:clamp(22px, 3vw, 38px);
}
.process-rail-item{
  position:relative;
  padding-top:2px;
}
.process-rail-item h3{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(1.22rem, 1.75vw, 1.72rem);
  line-height:1.05;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.process-rail-item p{
  margin:0;
  color:rgba(255,248,255,.63);
  font-size:.98rem;
  line-height:1.68;
  letter-spacing:-.01em;
}
.process-rail-item::before{
  content:"";
  display:block;
  width:42px;
  height:1px;
  margin:0 0 22px;
  background:linear-gradient(90deg, rgba(211,132,255,.66), rgba(255,98,183,.18), transparent);
  opacity:.78;
}
@media (hover:hover){
  .process-rail-item:hover h3{
    text-shadow:0 0 24px rgba(211,132,255,.15);
  }
  .process-rail-item:hover p{
    color:rgba(255,248,255,.76);
  }
}
@media (max-width: 980px){
  .process-rail-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:40px 34px;
  }
}
@media (max-width: 640px){
  .process-rail-section{
    margin:34px 0;
    padding:58px 0;
  }
  .process-rail-inner{
    width:min(100% - 28px, 560px);
  }
  .process-rail-head{
    text-align:left;
    margin-bottom:34px;
  }
  .process-rail-track{
    display:none;
  }
  .process-rail-grid{
    position:relative;
    grid-template-columns:1fr;
    gap:0;
    padding-left:58px;
  }
  .process-rail-grid::before{
    content:"";
    position:absolute;
    left:19px;
    top:10px;
    bottom:10px;
    width:1px;
    background:linear-gradient(180deg, transparent, rgba(211,132,255,.36), rgba(117,231,255,.12), rgba(211,132,255,.26), transparent);
  }
  .process-rail-item{
    padding:0 0 34px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .process-rail-item:last-child{
    border-bottom:0;
    padding-bottom:0;
  }
  .process-rail-item::before{
    position:absolute;
    left:-58px;
    top:0;
    width:38px;
    height:38px;
    margin:0;
    border-radius:999px;
    background:
      radial-gradient(circle at 30% 20%, rgba(255,255,255,.25), transparent 42%),
      linear-gradient(135deg, rgba(157,98,255,.95), rgba(255,98,183,.52));
    box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 0 24px rgba(157,98,255,.20);
    content:counter(process-step);
    display:grid;
    place-items:center;
    color:#fff;
    font-size:.82rem;
    font-weight:900;
  }
  .process-rail-grid{
    counter-reset:process-step;
  }
  .process-rail-item{
    counter-increment:process-step;
  }
  .process-rail-item h3{
    font-size:1.35rem;
    margin-bottom:12px;
  }
  .process-rail-item p{
    font-size:.96rem;
  }
}


/* === Pricing cards: fixed-size animated state switch v249 === */
.pricing-accordion{
  align-items:stretch !important;
}
.pricing-accordion .price-card.price-card-state{
  position:relative !important;
  height:clamp(455px, 34vw, 520px);
  min-height:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  isolation:isolate;
  transition:
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease,
    transform .28s ease;
}
.pricing-accordion .price-card.price-card-state::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 0%, rgba(157,98,255,.16), transparent 34%),
    radial-gradient(circle at 88% 100%, rgba(255,98,183,.07), transparent 36%);
  opacity:.34;
  transition:opacity .36s ease;
  z-index:0;
}
.pricing-accordion .price-card.price-card-state.is-expanded::before{
  opacity:.72;
}
.pricing-accordion .price-card.price-card-state .card-tag{
  z-index:8;
}
.pricing-accordion .price-card.price-card-state .price-summary{
  position:absolute !important;
  inset:0;
  width:100%;
  min-height:0 !important;
  height:auto;
  padding:clamp(24px, 2vw, 30px) !important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  border:0;
  background:transparent;
  z-index:3;
  transition:
    height .44s cubic-bezier(.2,.8,.2,1),
    padding .44s cubic-bezier(.2,.8,.2,1),
    transform .44s cubic-bezier(.2,.8,.2,1);
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-summary{
  height:clamp(186px, 14vw, 220px);
  padding:clamp(22px, 1.8vw, 28px) clamp(24px, 2vw, 30px) 12px !important;
  justify-content:flex-start;
}
.pricing-accordion .price-card.price-card-state .price-summary-content{
  display:flex;
  flex-direction:column;
  gap:7px;
  transition:transform .42s cubic-bezier(.2,.8,.2,1);
}
.pricing-accordion .price-card.price-card-state .price-title{
  transition:
    font-size .38s cubic-bezier(.2,.8,.2,1),
    letter-spacing .38s cubic-bezier(.2,.8,.2,1),
    color .38s ease,
    opacity .38s ease;
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-title{
  font-size:.82rem;
  line-height:1.1;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(211,132,255,.88);
}
.pricing-accordion .price-card.price-card-state .price{
  transition:
    font-size .38s cubic-bezier(.2,.8,.2,1),
    margin .38s cubic-bezier(.2,.8,.2,1),
    letter-spacing .38s ease;
}
.pricing-accordion .price-card.price-card-state.is-expanded .price{
  margin-top:6px;
  font-size:clamp(1.28rem, 1.55vw, 1.72rem);
  letter-spacing:-.055em;
}
.pricing-accordion .price-card.price-card-state.is-expanded .vat{
  font-size:.82rem;
}
.pricing-accordion .price-card.price-card-state .price-lead{
  transition:
    opacity .34s ease,
    transform .34s cubic-bezier(.2,.8,.2,1),
    font-size .34s ease,
    margin .34s ease;
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-lead{
  margin-top:9px;
  font-size:.88rem;
  line-height:1.48;
  color:rgba(255,248,255,.70);
}
.pricing-accordion .price-card.price-card-state .price-toggle{
  position:relative;
  z-index:5;
  transition:
    transform .34s cubic-bezier(.2,.8,.2,1),
    background .25s ease,
    border-color .25s ease,
    color .25s ease,
    min-height .34s ease;
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-toggle{
  margin-top:auto;
  min-height:36px;
  transform:translateY(-2px);
  background:rgba(168,85,247,.16);
  border-color:rgba(168,85,247,.42);
}
.pricing-accordion .price-card.price-card-state .price-toggle::after{
  transition:transform .28s ease, content .28s ease;
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-toggle::after{
  content:"↩";
  transform:none;
  font-size:1rem;
}
.pricing-accordion .price-card.price-card-state .price-details{
  position:absolute !important;
  left:clamp(24px, 2vw, 30px);
  right:clamp(24px, 2vw, 30px);
  top:clamp(216px, 17vw, 250px);
  bottom:clamp(22px, 2vw, 28px);
  padding:18px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.09);
  display:flex !important;
  flex-direction:column;
  gap:14px;
  opacity:0;
  transform:translate3d(0, 24px, 0);
  pointer-events:none;
  z-index:4;
  transition:
    opacity .42s ease .08s,
    transform .48s cubic-bezier(.2,.8,.2,1) .08s;
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-details{
  opacity:1;
  transform:translate3d(0,0,0);
  pointer-events:auto;
}
.pricing-accordion .price-card.price-card-state .price-details ul{
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:10px;
  list-style:none;
  overflow:auto;
  max-height:100%;
  scrollbar-width:thin;
}
.pricing-accordion .price-card.price-card-state .price-details li{
  position:relative;
  padding-left:22px;
  color:rgba(255,248,255,.78);
  font-size:.9rem;
  line-height:1.42;
  opacity:0;
  transform:translate3d(0, 10px, 0);
  transition:
    opacity .34s ease,
    transform .34s cubic-bezier(.2,.8,.2,1);
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-details li{
  opacity:1;
  transform:translate3d(0,0,0);
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-details li:nth-child(1){ transition-delay:.12s; }
.pricing-accordion .price-card.price-card-state.is-expanded .price-details li:nth-child(2){ transition-delay:.16s; }
.pricing-accordion .price-card.price-card-state.is-expanded .price-details li:nth-child(3){ transition-delay:.20s; }
.pricing-accordion .price-card.price-card-state.is-expanded .price-details li:nth-child(4){ transition-delay:.24s; }
.pricing-accordion .price-card.price-card-state.is-expanded .price-details li:nth-child(5){ transition-delay:.28s; }
.pricing-accordion .price-card.price-card-state .price-details li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg, #9d62ff, #ff62b7);
  box-shadow:0 0 16px rgba(157,98,255,.36);
}
.pricing-accordion .price-card.price-card-state .price-details .ghost-btn{
  flex:0 0 auto;
  margin-top:auto !important;
  opacity:0;
  transform:translate3d(0, 10px, 0);
  transition:
    opacity .34s ease .30s,
    transform .34s cubic-bezier(.2,.8,.2,1) .30s;
}
.pricing-accordion .price-card.price-card-state.is-expanded .price-details .ghost-btn{
  opacity:1;
  transform:translate3d(0,0,0);
}
@media (hover:hover){
  .pricing-accordion .price-card.price-card-state:hover{
    transform:translateY(-3px);
  }
  .pricing-accordion .price-card.price-card-state.is-expanded:hover{
    transform:translateY(-2px);
  }
}
@media (max-width: 1080px){
  .pricing-accordion .price-card.price-card-state{
    height:500px;
  }
}
@media (max-width: 760px){
  .pricing-accordion .price-card.price-card-state{
    height:520px;
  }
  .pricing-accordion .price-card.price-card-state.is-expanded .price-summary{
    height:214px;
  }
  .pricing-accordion .price-card.price-card-state .price-details{
    top:236px;
  }
}
@media (prefers-reduced-motion: reduce){
  .pricing-accordion .price-card.price-card-state,
  .pricing-accordion .price-card.price-card-state *,
  .pricing-accordion .price-card.price-card-state::before{
    transition:none !important;
    animation:none !important;
  }
}


/* === v250 hotfix: full-bleed hero, centered process, native fixed pricing cards === */

/* Hero: ne legyen középre zárt sötét doboz. A háttér full-bleed, a tartalom marad középen. */
.hero.hero-premium{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:max(20px, calc((100vw - 1180px) / 2)) !important;
  padding-right:max(20px, calc((100vw - 1180px) / 2)) !important;
  border-radius:0 !important;
  background:transparent !important;
}
.hero.hero-premium .hero-content{
  width:min(880px, 100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.hero.hero-premium .hero-mesh-bg{
  inset:-22% 0 -18% 0 !important;
}

/* Hogy lássunk neki: középen, nem balra elcsúszva, külön látványdoboz nélkül. */
.section.process-rail-section{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  background:transparent !important;
}
.process-rail-section::before{
  display:none !important;
}
.process-rail-inner{
  width:min(1080px, calc(100vw - 40px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.process-rail-track{
  width:min(820px, 100%) !important;
}
.process-rail-grid{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

/* Ár kártyák: natív details alapú, fix méretű állapotváltás. Nem nő, nem tolja szét a rácsot. */
.pricing-accordion{
  align-items:stretch !important;
}
.pricing-accordion details.price-card.price-card-state{
  position:relative !important;
  height:clamp(455px, 34vw, 520px);
  min-height:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  isolation:isolate;
  transition:
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease,
    transform .28s ease;
}
.pricing-accordion details.price-card.price-card-state > summary.price-summary{
  list-style:none !important;
}
.pricing-accordion details.price-card.price-card-state > summary.price-summary::-webkit-details-marker{
  display:none !important;
}
.pricing-accordion details.price-card.price-card-state::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 0%, rgba(157,98,255,.16), transparent 34%),
    radial-gradient(circle at 88% 100%, rgba(255,98,183,.07), transparent 36%);
  opacity:.34;
  transition:opacity .36s ease;
  z-index:0;
}
.pricing-accordion details.price-card.price-card-state[open]::before{
  opacity:.72;
}
.pricing-accordion details.price-card.price-card-state .price-summary{
  position:absolute !important;
  inset:0;
  width:100%;
  min-height:0 !important;
  height:auto;
  padding:clamp(24px, 2vw, 30px) !important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  border:0;
  background:transparent;
  z-index:3;
  cursor:pointer;
  transition:
    height .44s cubic-bezier(.2,.8,.2,1),
    padding .44s cubic-bezier(.2,.8,.2,1),
    transform .44s cubic-bezier(.2,.8,.2,1);
}
.pricing-accordion details.price-card.price-card-state[open] .price-summary{
  height:clamp(186px, 14vw, 220px);
  padding:clamp(22px, 1.8vw, 28px) clamp(24px, 2vw, 30px) 12px !important;
  justify-content:flex-start;
}
.pricing-accordion details.price-card.price-card-state .card-tag{
  position:relative;
  z-index:7;
  align-self:flex-start;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  margin:-12px 0 2px;
}
.pricing-accordion details.price-card.price-card-state .price-title{
  transition:
    font-size .38s cubic-bezier(.2,.8,.2,1),
    letter-spacing .38s cubic-bezier(.2,.8,.2,1),
    color .38s ease,
    opacity .38s ease;
}
.pricing-accordion details.price-card.price-card-state[open] .price-title{
  font-size:.82rem;
  line-height:1.1;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(211,132,255,.9);
}
.pricing-accordion details.price-card.price-card-state .price{
  transition:
    font-size .38s cubic-bezier(.2,.8,.2,1),
    margin .38s cubic-bezier(.2,.8,.2,1),
    letter-spacing .38s ease;
}
.pricing-accordion details.price-card.price-card-state[open] .price{
  margin-top:6px;
  font-size:clamp(1.28rem, 1.55vw, 1.72rem);
  letter-spacing:-.055em;
}
.pricing-accordion details.price-card.price-card-state[open] .vat{
  font-size:.82rem;
}
.pricing-accordion details.price-card.price-card-state[open] .price-lead{
  margin-top:9px;
  font-size:.88rem;
  line-height:1.48;
  color:rgba(255,248,255,.70);
}
.pricing-accordion details.price-card.price-card-state[open] .price-toggle{
  margin-top:auto;
  min-height:36px;
  transform:translateY(-2px);
  background:rgba(168,85,247,.16);
  border-color:rgba(168,85,247,.42);
}
.pricing-accordion details.price-card.price-card-state[open] .price-toggle::after{
  content:"↩" !important;
  transform:none !important;
  font-size:1rem;
}
.pricing-accordion details.price-card.price-card-state .price-details{
  position:absolute !important;
  left:clamp(24px, 2vw, 30px);
  right:clamp(24px, 2vw, 30px);
  top:clamp(216px, 17vw, 250px);
  bottom:clamp(22px, 2vw, 28px);
  padding:18px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.09);
  display:flex !important;
  flex-direction:column;
  gap:14px;
  opacity:0;
  transform:translate3d(0, 22px, 0);
  z-index:4;
  transition:
    opacity .42s ease .06s,
    transform .48s cubic-bezier(.2,.8,.2,1) .06s;
}
.pricing-accordion details.price-card.price-card-state[open] .price-details{
  opacity:1;
  transform:translate3d(0,0,0);
}
.pricing-accordion details.price-card.price-card-state .price-details ul{
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:10px;
  list-style:none;
  overflow:auto;
  max-height:100%;
  scrollbar-width:thin;
}
.pricing-accordion details.price-card.price-card-state .price-details li{
  position:relative;
  padding-left:22px;
  color:rgba(255,248,255,.78);
  font-size:.9rem;
  line-height:1.42;
  opacity:0;
  transform:translate3d(0, 10px, 0);
  transition:
    opacity .34s ease,
    transform .34s cubic-bezier(.2,.8,.2,1);
}
.pricing-accordion details.price-card.price-card-state[open] .price-details li{
  opacity:1;
  transform:translate3d(0,0,0);
}
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(1){ transition-delay:.12s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(2){ transition-delay:.16s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(3){ transition-delay:.20s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(4){ transition-delay:.24s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(5){ transition-delay:.28s; }
.pricing-accordion details.price-card.price-card-state .price-details li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg, #9d62ff, #ff62b7);
  box-shadow:0 0 16px rgba(157,98,255,.36);
}
.pricing-accordion details.price-card.price-card-state .price-details .ghost-btn{
  flex:0 0 auto;
  margin-top:auto !important;
  opacity:0;
  transform:translate3d(0, 10px, 0);
  transition:
    opacity .34s ease .30s,
    transform .34s cubic-bezier(.2,.8,.2,1) .30s;
}
.pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn{
  opacity:1;
  transform:translate3d(0,0,0);
}
@media (hover:hover){
  .pricing-accordion details.price-card.price-card-state:hover{
    transform:translateY(-3px);
  }
  .pricing-accordion details.price-card.price-card-state[open]:hover{
    transform:translateY(-2px);
  }
}
@media (max-width: 1080px){
  .pricing-accordion details.price-card.price-card-state{
    height:500px;
  }
}
@media (max-width: 760px){
  .pricing-accordion details.price-card.price-card-state{
    height:520px;
  }
  .pricing-accordion details.price-card.price-card-state[open] .price-summary{
    height:214px;
  }
  .pricing-accordion details.price-card.price-card-state .price-details{
    top:236px;
  }
}
@media (prefers-reduced-motion: reduce){
  .pricing-accordion details.price-card.price-card-state,
  .pricing-accordion details.price-card.price-card-state *,
  .pricing-accordion details.price-card.price-card-state::before{
    transition:none !important;
    animation:none !important;
  }
}


/* === v251 Pricing details visible inside fixed card === */
/* Stabil árkártya nézet: méret nem változik, csak a belső tartalom vált át részletekre. */
.pricing-accordion{
  align-items:stretch !important;
}
.pricing-accordion details.price-card.price-card-state{
  position:relative !important;
  height:520px !important;
  min-height:520px !important;
  max-height:520px !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
}
.pricing-accordion details.price-card.price-card-state > summary.price-summary{
  list-style:none !important;
}
.pricing-accordion details.price-card.price-card-state > summary.price-summary::-webkit-details-marker{
  display:none !important;
}
.pricing-accordion details.price-card.price-card-state .price-summary{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:28px 24px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:16px !important;
  background:transparent !important;
  border:0 !important;
  cursor:pointer;
  z-index:3;
  transition:
    height .42s cubic-bezier(.2,.8,.2,1),
    padding .42s cubic-bezier(.2,.8,.2,1);
}
.pricing-accordion details.price-card.price-card-state[open] .price-summary,
.pricing-accordion details.price-card.price-card-state.is-open .price-summary{
  height:220px !important;
  padding:24px 24px 12px !important;
  justify-content:flex-start !important;
}
.pricing-accordion details.price-card.price-card-state .price-summary-content{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}
.pricing-accordion details.price-card.price-card-state .price-title{
  color:#fff;
  transition:font-size .35s ease, letter-spacing .35s ease, color .35s ease, text-transform .35s ease;
}
.pricing-accordion details.price-card.price-card-state[open] .price-title,
.pricing-accordion details.price-card.price-card-state.is-open .price-title{
  font-size:.82rem !important;
  line-height:1.1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:rgba(211,132,255,.92) !important;
}
.pricing-accordion details.price-card.price-card-state .price{
  transition:font-size .35s ease, margin .35s ease, letter-spacing .35s ease;
}
.pricing-accordion details.price-card.price-card-state[open] .price,
.pricing-accordion details.price-card.price-card-state.is-open .price{
  margin-top:6px !important;
  font-size:clamp(1.32rem, 1.55vw, 1.72rem) !important;
  letter-spacing:-.055em !important;
}
.pricing-accordion details.price-card.price-card-state[open] .vat,
.pricing-accordion details.price-card.price-card-state.is-open .vat{
  font-size:.82rem !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-lead,
.pricing-accordion details.price-card.price-card-state.is-open .price-lead{
  margin-top:9px !important;
  font-size:.88rem !important;
  line-height:1.46 !important;
  color:rgba(255,248,255,.72) !important;
}
.pricing-accordion details.price-card.price-card-state .price-toggle{
  position:relative !important;
  z-index:8 !important;
  flex:0 0 auto !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-toggle,
.pricing-accordion details.price-card.price-card-state.is-open .price-toggle{
  min-height:34px !important;
  margin-top:12px !important;
  background:rgba(168,85,247,.16) !important;
  border-color:rgba(168,85,247,.42) !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-toggle::after,
.pricing-accordion details.price-card.price-card-state.is-open .price-toggle::after{
  content:"↩" !important;
  transform:none !important;
  font-size:1rem !important;
}
.pricing-accordion details.price-card.price-card-state .price-details{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  top:232px !important;
  bottom:24px !important;
  height:auto !important;
  max-height:none !important;
  padding:18px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  opacity:0 !important;
  transform:translate3d(0, 22px, 0) !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:6 !important;
  transition:
    opacity .38s ease .06s,
    transform .44s cubic-bezier(.2,.8,.2,1) .06s,
    visibility 0s linear .44s;
}
.pricing-accordion details.price-card.price-card-state[open] .price-details,
.pricing-accordion details.price-card.price-card-state.is-open .price-details{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition:
    opacity .38s ease .08s,
    transform .44s cubic-bezier(.2,.8,.2,1) .08s,
    visibility 0s linear 0s;
}
.pricing-accordion details.price-card.price-card-state .price-details ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  gap:10px !important;
  overflow:auto !important;
  max-height:190px !important;
  scrollbar-width:thin;
}
.pricing-accordion details.price-card.price-card-state .price-details li{
  position:relative !important;
  padding-left:28px !important;
  color:rgba(255,248,255,.82) !important;
  font-size:.9rem !important;
  line-height:1.42 !important;
  opacity:0 !important;
  transform:translate3d(0, 10px, 0) !important;
  transition:
    opacity .3s ease,
    transform .34s cubic-bezier(.2,.8,.2,1);
}
.pricing-accordion details.price-card.price-card-state[open] .price-details li,
.pricing-accordion details.price-card.price-card-state.is-open .price-details li{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(1),
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(1){ transition-delay:.12s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(2),
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(2){ transition-delay:.16s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(3),
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(3){ transition-delay:.20s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(4),
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(4){ transition-delay:.24s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(5),
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(5){ transition-delay:.28s; }
.pricing-accordion details.price-card.price-card-state .price-details li::before{
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  top:.08em !important;
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  font-size:.62rem !important;
  font-weight:950 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.26), transparent 42%),
    linear-gradient(135deg, #9d62ff, #ff62b7) !important;
  box-shadow:0 0 16px rgba(157,98,255,.28) !important;
}
.pricing-accordion details.price-card.price-card-state .price-details .ghost-btn{
  flex:0 0 auto !important;
  margin-top:auto !important;
  opacity:0 !important;
  transform:translate3d(0, 10px, 0) !important;
  transition:
    opacity .32s ease .30s,
    transform .34s cubic-bezier(.2,.8,.2,1) .30s;
}
.pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn,
.pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
}
@media (max-width: 760px){
  .pricing-accordion details.price-card.price-card-state{
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
  }
  .pricing-accordion details.price-card.price-card-state[open] .price-summary,
  .pricing-accordion details.price-card.price-card-state.is-open .price-summary{
    height:230px !important;
  }
  .pricing-accordion details.price-card.price-card-state .price-details{
    top:242px !important;
  }
  .pricing-accordion details.price-card.price-card-state .price-details ul{
    max-height:210px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  .pricing-accordion details.price-card.price-card-state,
  .pricing-accordion details.price-card.price-card-state *{
    transition:none !important;
    animation:none !important;
  }
}


/* === v252 Pricing real HTML checkmarks === */
/* A pipák most már nem pseudo-elemek: valódi HTML span-ok, így nem tudnak eltűnni CSS-ütközés miatt. */
.pricing-accordion details.price-card.price-card-state .price-details li::before{
  content:none !important;
  display:none !important;
}
.pricing-accordion details.price-card.price-card-state .price-details li{
  display:flex !important;
  align-items:flex-start !important;
  gap:11px !important;
  padding-left:0 !important;
  color:rgba(255,248,255,.82) !important;
}
.price-feature-check{
  flex:0 0 20px !important;
  width:20px !important;
  height:20px !important;
  margin-top:.02em !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  font-size:.68rem !important;
  line-height:1 !important;
  font-weight:950 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(135deg, #9d62ff, #ff62b7) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 18px rgba(157,98,255,.34) !important;
  opacity:0;
  transform:scale(.72);
  transition:
    opacity .26s ease,
    transform .32s cubic-bezier(.2,.8,.2,1);
}
.price-feature-text{
  display:block !important;
  min-width:0 !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-feature-check,
.pricing-accordion details.price-card.price-card-state.is-open .price-feature-check{
  opacity:1 !important;
  transform:scale(1) !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(1) .price-feature-check,
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(1) .price-feature-check{ transition-delay:.12s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(2) .price-feature-check,
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(2) .price-feature-check{ transition-delay:.16s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(3) .price-feature-check,
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(3) .price-feature-check{ transition-delay:.20s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(4) .price-feature-check,
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(4) .price-feature-check{ transition-delay:.24s; }
.pricing-accordion details.price-card.price-card-state[open] .price-details li:nth-child(5) .price-feature-check,
.pricing-accordion details.price-card.price-card-state.is-open .price-details li:nth-child(5) .price-feature-check{ transition-delay:.28s; }


/* === v253 Pricing detail layout: title left, price right, 2x2 checks, bottom tab === */
.pricing-accordion details.price-card.price-card-state{
  height:500px !important;
  min-height:500px !important;
  max-height:500px !important;
  overflow:visible !important;
}
.pricing-accordion details.price-card.price-card-state::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 8%, rgba(157,98,255,.12), transparent 36%),
    radial-gradient(circle at 86% 92%, rgba(255,98,183,.065), transparent 40%);
  opacity:0;
  transition:opacity .3s ease;
  z-index:0;
}
.pricing-accordion details.price-card.price-card-state[open]::after,
.pricing-accordion details.price-card.price-card-state.is-open::after{
  opacity:1;
}
.pricing-accordion details.price-card.price-card-state .price-summary{
  inset:0 !important;
  height:100% !important;
  padding:28px 24px 62px !important;
  overflow:hidden !important;
  border-radius:inherit;
}
.pricing-accordion details.price-card.price-card-state[open] .price-summary,
.pricing-accordion details.price-card.price-card-state.is-open .price-summary{
  height:100% !important;
  padding:24px 24px 62px !important;
  justify-content:flex-start !important;
}
.pricing-accordion details.price-card.price-card-state .price-summary-content{
  width:100% !important;
  transition:all .34s cubic-bezier(.2,.8,.2,1);
}
.pricing-accordion details.price-card.price-card-state[open] .price-summary-content,
.pricing-accordion details.price-card.price-card-state.is-open .price-summary-content{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  grid-template-areas:
    "title price"
    "lead lead" !important;
  align-items:start !important;
  column-gap:16px !important;
  row-gap:12px !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-title,
.pricing-accordion details.price-card.price-card-state.is-open .price-title{
  grid-area:title !important;
  align-self:start !important;
  max-width:18ch !important;
  font-size:.86rem !important;
  line-height:1.18 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(211,132,255,.94) !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price,
.pricing-accordion details.price-card.price-card-state.is-open .price{
  grid-area:price !important;
  justify-self:end !important;
  align-self:start !important;
  margin:0 !important;
  max-width:150px !important;
  text-align:right !important;
  font-size:clamp(1.02rem, 1.28vw, 1.42rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  white-space:normal !important;
}
.pricing-accordion details.price-card.price-card-state[open] .vat,
.pricing-accordion details.price-card.price-card-state.is-open .vat{
  grid-area:price !important;
  justify-self:end !important;
  align-self:start !important;
  margin-top:calc(1.55rem + 4px) !important;
  max-width:150px !important;
  text-align:right !important;
  font-size:.72rem !important;
  line-height:1 !important;
  color:rgba(255,248,255,.52) !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-lead,
.pricing-accordion details.price-card.price-card-state.is-open .price-lead{
  grid-area:lead !important;
  margin:2px 0 0 !important;
  max-width:100% !important;
  font-size:.88rem !important;
  line-height:1.48 !important;
  color:rgba(255,248,255,.73) !important;
}
.pricing-accordion details.price-card.price-card-state .price-toggle{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:-20px !important;
  width:auto !important;
  min-height:44px !important;
  border-radius:0 0 22px 22px !important;
  justify-content:center !important;
  background:
    linear-gradient(135deg, rgba(157,98,255,.24), rgba(255,98,183,.18)) !important;
  border:1px solid rgba(211,132,255,.34) !important;
  border-top-color:rgba(255,255,255,.08) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.18),
    0 0 24px rgba(157,98,255,.12) !important;
}
.pricing-accordion details.price-card.price-card-state .price-toggle::after{
  margin-left:8px !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-toggle,
.pricing-accordion details.price-card.price-card-state.is-open .price-toggle{
  margin:0 !important;
  min-height:44px !important;
  transform:none !important;
}
.pricing-accordion details.price-card.price-card-state .price-details{
  left:24px !important;
  right:24px !important;
  top:170px !important;
  bottom:58px !important;
  padding:18px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  gap:14px !important;
}
.pricing-accordion details.price-card.price-card-state .price-details ul{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px 14px !important;
  max-height:none !important;
  overflow:visible !important;
  align-content:start !important;
}
.pricing-accordion details.price-card.price-card-state .price-details li{
  min-width:0 !important;
  gap:9px !important;
  font-size:.83rem !important;
  line-height:1.35 !important;
}
.pricing-accordion details.price-card.price-card-state .price-feature-check{
  flex-basis:18px !important;
  width:18px !important;
  height:18px !important;
  font-size:.62rem !important;
  margin-top:.02em !important;
}
.pricing-accordion details.price-card.price-card-state .price-details .ghost-btn{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:.84rem !important;
}
.pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn,
.pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn{
  opacity:.94 !important;
}
@media (max-width: 1180px){
  .pricing-accordion details.price-card.price-card-state{
    height:520px !important;
    min-height:520px !important;
    max-height:520px !important;
  }
}
@media (max-width: 760px){
  .pricing-accordion details.price-card.price-card-state{
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
  }
  .pricing-accordion details.price-card.price-card-state[open] .price-summary-content,
  .pricing-accordion details.price-card.price-card-state.is-open .price-summary-content{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "title"
      "price"
      "lead" !important;
    row-gap:8px !important;
  }
  .pricing-accordion details.price-card.price-card-state[open] .price,
  .pricing-accordion details.price-card.price-card-state.is-open .price,
  .pricing-accordion details.price-card.price-card-state[open] .vat,
  .pricing-accordion details.price-card.price-card-state.is-open .vat{
    justify-self:start !important;
    text-align:left !important;
    max-width:100% !important;
  }
  .pricing-accordion details.price-card.price-card-state[open] .vat,
  .pricing-accordion details.price-card.price-card-state.is-open .vat{
    margin-top:calc(1.35rem + 2px) !important;
    margin-left:0 !important;
  }
  .pricing-accordion details.price-card.price-card-state .price-details{
    top:214px !important;
  }
  .pricing-accordion details.price-card.price-card-state .price-details ul{
    grid-template-columns:1fr !important;
    gap:10px !important;
    max-height:206px !important;
    overflow:auto !important;
  }
}


/* ===== v255 PRICING: closed card stays original, details state gets compact split layout ===== */
#arak .pricing.pricing-accordion{
  align-items:start !important;
  gap:24px !important;
}

#arak .pricing-accordion details.price-card.price-card-state,
#arak .pricing-accordion details.price-card.price-card-state.featured,
#arak .pricing-accordion details.price-card.price-card-state.spotlight-card,
#arak .pricing-accordion details.price-card.price-card-state.featured.spotlight-card{
  position:relative !important;
  display:block !important;
  box-sizing:border-box !important;
  padding:0 !important;
  border-radius:28px !important;
  overflow:hidden !important;
  contain:none !important;
  height:326px !important;
  min-height:326px !important;
  max-height:326px !important;
  transition:height .32s cubic-bezier(.2,.8,.2,1), min-height .32s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open],
#arak .pricing-accordion details.price-card.price-card-state.is-open,
#arak .pricing-accordion details.price-card.price-card-state.featured[open],
#arak .pricing-accordion details.price-card.price-card-state.featured.is-open{
  height:422px !important;
  min-height:422px !important;
  max-height:422px !important;
  border-color:rgba(211,132,255,.32) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.18), 0 0 34px rgba(157,98,255,.10) !important;
}

#arak .pricing-accordion details.price-card.price-card-state > summary.price-summary,
#arak .pricing-accordion details.price-card.price-card-state.featured > summary.price-summary{
  position:static !important;
  box-sizing:border-box !important;
  list-style:none !important;
  cursor:pointer !important;
  outline:none !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:30px 24px 78px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:18px !important;
  overflow:hidden !important;
}

#arak .pricing-accordion details.price-card.price-card-state.featured > summary.price-summary{
  padding-top:46px !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] > summary.price-summary,
#arak .pricing-accordion details.price-card.price-card-state.is-open > summary.price-summary,
#arak .pricing-accordion details.price-card.price-card-state.featured[open] > summary.price-summary,
#arak .pricing-accordion details.price-card.price-card-state.featured.is-open > summary.price-summary{
  height:auto !important;
  min-height:0 !important;
  padding:24px 24px 0 !important;
  display:block !important;
  overflow:visible !important;
}

#arak .pricing-accordion details.price-card.price-card-state.featured[open] > summary.price-summary,
#arak .pricing-accordion details.price-card.price-card-state.featured.is-open > summary.price-summary{
  padding-top:44px !important;
}

#arak .pricing-accordion details.price-card.price-card-state > summary.price-summary::-webkit-details-marker{display:none !important;}
#arak .pricing-accordion details.price-card.price-card-state > summary.price-summary::marker{content:"" !important;}

/* Closed state: keep the original/simple card hierarchy. */
#arak .pricing-accordion details.price-card.price-card-state .price-summary-content,
#arak .pricing-accordion details.price-card.price-card-state.featured .price-summary-content{
  width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:8px !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-title,
#arak .pricing-accordion details.price-card.price-card-state.featured .price-title{
  min-height:0 !important;
  max-width:100% !important;
  display:block !important;
  color:#fff !important;
  font-size:1.18rem !important;
  font-weight:850 !important;
  line-height:1.12 !important;
  letter-spacing:-.045em !important;
  text-transform:none !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price,
#arak .pricing-accordion details.price-card.price-card-state.featured .price{
  margin:10px 0 0 !important;
  max-width:100% !important;
  justify-self:auto !important;
  align-self:auto !important;
  text-align:left !important;
  color:#fff !important;
  font-size:clamp(1.72rem, 2.12vw, 2.18rem) !important;
  line-height:1 !important;
  letter-spacing:-.06em !important;
  white-space:normal !important;
}

#arak .pricing-accordion details.price-card.price-card-state:last-child .price{
  font-size:clamp(1.42rem, 1.7vw, 1.72rem) !important;
}

#arak .pricing-accordion details.price-card.price-card-state .vat,
#arak .pricing-accordion details.price-card.price-card-state.featured .vat{
  margin:0 !important;
  max-width:100% !important;
  justify-self:auto !important;
  align-self:auto !important;
  text-align:left !important;
  color:rgba(255,248,255,.64) !important;
  font-size:.86rem !important;
  line-height:1.1 !important;
  font-weight:780 !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-lead,
#arak .pricing-accordion details.price-card.price-card-state.featured .price-lead{
  margin:10px 0 0 !important;
  max-width:100% !important;
  min-height:0 !important;
  max-height:none !important;
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
  overflow:visible !important;
  color:rgba(255,255,255,.76) !important;
  font-size:.96rem !important;
  line-height:1.52 !important;
}

/* Open state: only after clicking Details do we switch to the compact title-left / price-right layout. */
#arak .pricing-accordion details.price-card.price-card-state[open] .price-summary-content,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-summary-content,
#arak .pricing-accordion details.price-card.price-card-state.featured[open] .price-summary-content,
#arak .pricing-accordion details.price-card.price-card-state.featured.is-open .price-summary-content{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(118px, auto) !important;
  grid-template-areas:
    "title price"
    "lead lead" !important;
  align-items:start !important;
  column-gap:16px !important;
  row-gap:10px !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price-title,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-title{
  grid-area:title !important;
  align-self:start !important;
  max-width:20ch !important;
  color:#fff !important;
  font-size:1.02rem !important;
  line-height:1.14 !important;
  letter-spacing:-.03em !important;
  text-transform:none !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price{
  grid-area:price !important;
  justify-self:end !important;
  align-self:start !important;
  margin:0 !important;
  max-width:160px !important;
  text-align:right !important;
  font-size:clamp(1.08rem, 1.36vw, 1.48rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open]:last-child .price,
#arak .pricing-accordion details.price-card.price-card-state.is-open:last-child .price{
  max-width:150px !important;
  font-size:clamp(1rem, 1.18vw, 1.28rem) !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .vat,
#arak .pricing-accordion details.price-card.price-card-state.is-open .vat{
  grid-area:price !important;
  justify-self:end !important;
  align-self:start !important;
  margin-top:1.55rem !important;
  max-width:160px !important;
  text-align:right !important;
  font-size:.72rem !important;
  line-height:1 !important;
  color:rgba(255,248,255,.54) !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price-lead,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-lead{
  grid-area:lead !important;
  margin:2px 0 0 !important;
  max-width:100% !important;
  color:rgba(255,248,255,.74) !important;
  font-size:.88rem !important;
  line-height:1.46 !important;
}

/* Details button: part of the card bottom, not a separate pill. */
#arak .pricing-accordion details.price-card.price-card-state .price-toggle,
#arak .pricing-accordion details.price-card.price-card-state[open] .price-toggle,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-toggle{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  padding:0 22px !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border-radius:0 0 28px 28px !important;
  color:#fff !important;
  font-size:.9rem !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
  background:linear-gradient(135deg, rgba(157,98,255,.28), rgba(255,98,183,.16)) !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 -18px 34px rgba(0,0,0,.10) !important;
  transform:none !important;
  z-index:20 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-toggle::after,
#arak .pricing-accordion details.price-card.price-card-state[open] .price-toggle::after,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-toggle::after{
  margin-left:8px !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-feature-preview{
  display:none !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-details{
  position:static !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 24px 74px !important;
  border:0 !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(0, 8px, 0) !important;
  pointer-events:none !important;
  overflow:visible !important;
  transition:opacity .22s ease, transform .26s cubic-bezier(.2,.8,.2,1), visibility 0s linear .26s !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price-details,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-details{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0, 0, 0) !important;
  pointer-events:auto !important;
  transition:opacity .22s ease .06s, transform .26s cubic-bezier(.2,.8,.2,1) .06s, visibility 0s linear 0s !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-details ul{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px 12px !important;
  margin:14px 0 14px !important;
  padding:14px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  list-style:none !important;
  max-height:none !important;
  overflow:visible !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-details li{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:18px minmax(0, 1fr) !important;
  align-items:start !important;
  gap:8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(245,240,255,.80) !important;
  font-size:.82rem !important;
  line-height:1.35 !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-details li::before{
  content:none !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-feature-check{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  display:inline-grid !important;
  place-items:center !important;
  margin-top:.02em !important;
  border-radius:999px !important;
  color:#101018 !important;
  background:linear-gradient(135deg, #caffd7, #83f7b0) !important;
  font-size:.62rem !important;
  font-weight:900 !important;
  line-height:1 !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-details .ghost-btn,
#arak .pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn{
  position:static !important;
  width:100% !important;
  height:38px !important;
  min-height:38px !important;
  margin:2px 0 0 !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  opacity:.96 !important;
  transform:none !important;
  font-size:.84rem !important;
  line-height:1 !important;
}

#arak .pricing-accordion .card-tag{
  position:absolute !important;
  top:14px !important;
  left:24px !important;
  z-index:18 !important;
}

@media (max-width:1180px){
  #arak .pricing-accordion details.price-card.price-card-state,
  #arak .pricing-accordion details.price-card.price-card-state.featured{
    height:338px !important;
    min-height:338px !important;
    max-height:338px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open],
  #arak .pricing-accordion details.price-card.price-card-state.is-open,
  #arak .pricing-accordion details.price-card.price-card-state.featured[open],
  #arak .pricing-accordion details.price-card.price-card-state.featured.is-open{
    height:444px !important;
    min-height:444px !important;
    max-height:444px !important;
  }
}

@media (max-width:900px){
  #arak .pricing.pricing-accordion{
    grid-template-columns:1fr !important;
    max-width:600px !important;
    gap:22px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state,
  #arak .pricing-accordion details.price-card.price-card-state.featured{
    height:306px !important;
    min-height:306px !important;
    max-height:306px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open],
  #arak .pricing-accordion details.price-card.price-card-state.is-open,
  #arak .pricing-accordion details.price-card.price-card-state.featured[open],
  #arak .pricing-accordion details.price-card.price-card-state.featured.is-open{
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state > summary.price-summary,
  #arak .pricing-accordion details.price-card.price-card-state.featured > summary.price-summary{
    padding:26px 22px 74px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state.featured > summary.price-summary{
    padding-top:44px !important;
  }
}

@media (max-width:560px){
  #arak .pricing-accordion details.price-card.price-card-state,
  #arak .pricing-accordion details.price-card.price-card-state.featured{
    height:326px !important;
    min-height:326px !important;
    max-height:326px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open],
  #arak .pricing-accordion details.price-card.price-card-state.is-open,
  #arak .pricing-accordion details.price-card.price-card-state.featured[open],
  #arak .pricing-accordion details.price-card.price-card-state.featured.is-open{
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open] .price-summary-content,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price-summary-content,
  #arak .pricing-accordion details.price-card.price-card-state.featured[open] .price-summary-content,
  #arak .pricing-accordion details.price-card.price-card-state.featured.is-open .price-summary-content{
    grid-template-columns:minmax(0, 1fr) minmax(112px, auto) !important;
    column-gap:12px !important;
    row-gap:8px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open] .price,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price{
    max-width:136px !important;
    font-size:1.2rem !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open] .price-lead,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price-lead{
    font-size:.86rem !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state .price-details ul{
    grid-template-columns:1fr !important;
    gap:9px !important;
    margin-top:12px !important;
    padding-top:12px !important;
    max-height:none !important;
    overflow:visible !important;
  }
}

@media (max-width:400px){
  #arak .pricing-accordion details.price-card.price-card-state,
  #arak .pricing-accordion details.price-card.price-card-state.featured{
    height:350px !important;
    min-height:350px !important;
    max-height:350px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open],
  #arak .pricing-accordion details.price-card.price-card-state.is-open,
  #arak .pricing-accordion details.price-card.price-card-state.featured[open],
  #arak .pricing-accordion details.price-card.price-card-state.featured.is-open{
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open] .price-summary-content,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price-summary-content,
  #arak .pricing-accordion details.price-card.price-card-state.featured[open] .price-summary-content,
  #arak .pricing-accordion details.price-card.price-card-state.featured.is-open .price-summary-content{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "title"
      "price"
      "lead" !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open] .price,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price,
  #arak .pricing-accordion details.price-card.price-card-state[open] .vat,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .vat{
    justify-self:start !important;
    text-align:left !important;
    max-width:100% !important;
  }
  #arak .pricing-accordion details.price-card.price-card-state[open] .vat,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .vat{
    margin-top:1.44rem !important;
  }
}

/* ===== v256 PRICING: click fallback for legacy accordion class ===== */
#arak .pricing-accordion details.price-card.price-card-state.is-expanded{
  height:422px !important;
  min-height:422px !important;
  max-height:422px !important;
  border-color:rgba(211,132,255,.32) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.18), 0 0 34px rgba(157,98,255,.10) !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-expanded > summary.price-summary{
  height:auto !important;
  min-height:0 !important;
  padding:24px 24px 0 !important;
  display:block !important;
  overflow:visible !important;
}

#arak .pricing-accordion details.price-card.price-card-state.featured.is-expanded > summary.price-summary{
  padding-top:44px !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-expanded .price-summary-content{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(118px, auto) !important;
  grid-template-areas:
    "title price"
    "lead lead" !important;
  align-items:start !important;
  column-gap:16px !important;
  row-gap:10px !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-expanded .price-title{
  grid-area:title !important;
  align-self:start !important;
  max-width:20ch !important;
  color:#fff !important;
  font-size:1.02rem !important;
  line-height:1.14 !important;
  letter-spacing:-.03em !important;
  text-transform:none !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-expanded .price{
  grid-area:price !important;
  justify-self:end !important;
  align-self:start !important;
  margin:0 !important;
  max-width:160px !important;
  text-align:right !important;
  font-size:clamp(1.08rem, 1.36vw, 1.48rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-expanded:last-child .price{
  max-width:150px !important;
  font-size:clamp(1rem, 1.18vw, 1.28rem) !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-expanded .vat{
  grid-area:price !important;
  justify-self:end !important;
  align-self:start !important;
  margin-top:1.55rem !important;
  max-width:160px !important;
  text-align:right !important;
  font-size:.72rem !important;
  line-height:1 !important;
  color:rgba(255,248,255,.54) !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-expanded .price-lead{
  grid-area:lead !important;
  margin:2px 0 0 !important;
  max-width:100% !important;
  color:rgba(255,248,255,.74) !important;
  font-size:.88rem !important;
  line-height:1.46 !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-expanded .price-details{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0, 0, 0) !important;
  pointer-events:auto !important;
  transition:opacity .22s ease .06s, transform .26s cubic-bezier(.2,.8,.2,1) .06s, visibility 0s linear 0s !important;
}

/* ===== v257 PRICING: guided motion for opening/closing details ===== */
#arak .pricing-accordion details.price-card.price-card-state .price-title,
#arak .pricing-accordion details.price-card.price-card-state .price,
#arak .pricing-accordion details.price-card.price-card-state .vat,
#arak .pricing-accordion details.price-card.price-card-state .price-lead,
#arak .pricing-accordion details.price-card.price-card-state .price-toggle,
#arak .pricing-accordion details.price-card.price-card-state .price-details li,
#arak .pricing-accordion details.price-card.price-card-state .price-details .ghost-btn{
  backface-visibility:hidden !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-motioning .price-title,
#arak .pricing-accordion details.price-card.price-card-state.is-motioning .price,
#arak .pricing-accordion details.price-card.price-card-state.is-motioning .vat,
#arak .pricing-accordion details.price-card.price-card-state.is-motioning .price-lead,
#arak .pricing-accordion details.price-card.price-card-state.is-motioning .price-toggle,
#arak .pricing-accordion details.price-card.price-card-state.is-motioning .price-details li,
#arak .pricing-accordion details.price-card.price-card-state.is-motioning .price-details .ghost-btn{
  will-change:transform, opacity !important;
}


@media (max-width:760px){
  #arak .pricing-accordion details.price-card.price-card-state,
  #arak .pricing-accordion details.price-card.price-card-state.featured,
  #arak .pricing-accordion details.price-card.price-card-state.spotlight-card,
  #arak .pricing-accordion details.price-card.price-card-state.featured.spotlight-card{
    transition:height .24s cubic-bezier(.2,.8,.2,1), min-height .24s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, border-color .2s ease !important;
  }

  #arak .pricing-accordion details.price-card.price-card-state .price-details,
  #arak .pricing-accordion details.price-card.price-card-state[open] .price-details,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price-details{
    transition:opacity .18s ease, transform .2s cubic-bezier(.2,.8,.2,1), visibility 0s linear .2s !important;
  }

  #arak .pricing-accordion details.price-card.price-card-state[open] .price-details,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price-details{
    transition-delay:.02s !important;
  }
}

@media (prefers-reduced-motion: reduce){
  #arak .pricing-accordion details.price-card.price-card-state,
  #arak .pricing-accordion details.price-card.price-card-state *,
  #arak .pricing-accordion details.price-card.price-card-state::before,
  #arak .pricing-accordion details.price-card.price-card-state::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}


/* ===== v258 PRICING: stacked CTA attached above Back button ===== */
#arak .pricing-accordion details.price-card.price-card-state .price-details{
  padding-bottom:126px !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-details ul{
  margin-bottom:0 !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-details .ghost-btn,
#arak .pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:56px !important;
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  margin:0 !important;
  padding:0 22px !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px 18px 0 0 !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 50% -25%, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(135deg, rgba(157,98,255,.92), rgba(255,98,183,.58)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 -14px 34px rgba(0,0,0,.18),
    0 0 32px rgba(157,98,255,.14) !important;
  font-size:.9rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  z-index:22 !important;
  pointer-events:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(0, 8px, 0) !important;
  transition:
    opacity .24s ease .16s,
    transform .28s cubic-bezier(.2,.8,.2,1) .16s,
    visibility 0s linear .28s !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn{
  pointer-events:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0, 0, 0) !important;
  transition:
    opacity .22s ease .18s,
    transform .26s cubic-bezier(.2,.8,.2,1) .18s,
    visibility 0s linear 0s !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price-toggle,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-toggle{
  border-top-color:rgba(255,255,255,.12) !important;
  background:linear-gradient(135deg, rgba(18,16,28,.96), rgba(36,24,50,.94)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 -8px 24px rgba(0,0,0,.12) !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn:hover,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn:hover{
  transform:translate3d(0, -1px, 0) !important;
  filter:brightness(1.05) !important;
}

#arak .pricing-accordion details.price-card.price-card-state.is-motioning .price-details .ghost-btn{
  will-change:transform, opacity !important;
}

@media (max-width:760px){
  #arak .pricing-accordion details.price-card.price-card-state .price-details{
    padding-bottom:118px !important;
  }

  #arak .pricing-accordion details.price-card.price-card-state .price-details .ghost-btn,
  #arak .pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn{
    height:50px !important;
    bottom:56px !important;
    border-radius:16px 16px 0 0 !important;
    font-size:.88rem !important;
    transition:
      opacity .18s ease .08s,
      transform .2s cubic-bezier(.2,.8,.2,1) .08s,
      visibility 0s linear .2s !important;
  }
}

@media (max-width:560px){
  #arak .pricing-accordion details.price-card.price-card-state[open],
  #arak .pricing-accordion details.price-card.price-card-state.is-open,
  #arak .pricing-accordion details.price-card.price-card-state.featured[open],
  #arak .pricing-accordion details.price-card.price-card-state.featured.is-open{
    height:516px !important;
    min-height:516px !important;
    max-height:516px !important;
  }
}

@media (max-width:400px){
  #arak .pricing-accordion details.price-card.price-card-state[open],
  #arak .pricing-accordion details.price-card.price-card-state.is-open,
  #arak .pricing-accordion details.price-card.price-card-state.featured[open],
  #arak .pricing-accordion details.price-card.price-card-state.featured.is-open{
    height:558px !important;
    min-height:558px !important;
    max-height:558px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  #arak .pricing-accordion details.price-card.price-card-state .price-details .ghost-btn{
    transition:none !important;
  }
}


/* ===== v259 PRICING: CTA + Back truly flush-stacked at card bottom ===== */
#arak .pricing-accordion details.price-card.price-card-state,
#arak .pricing-accordion details.price-card.price-card-state.featured,
#arak .pricing-accordion details.price-card.price-card-state.spotlight-card,
#arak .pricing-accordion details.price-card.price-card-state.featured.spotlight-card{
  position:relative !important;
  overflow:hidden !important;
}

/* The previous details slide transform created a new containing block, so the CTA
   anchored to the details area instead of the whole card. Keep the fade, but let
   the bottom CTA attach to the card itself. */
#arak .pricing-accordion details.price-card.price-card-state .price-details,
#arak .pricing-accordion details.price-card.price-card-state[open] .price-details,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-details,
#arak .pricing-accordion details.price-card.price-card-state.is-expanded .price-details{
  transform:none !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-details .ghost-btn,
#arak .pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:56px !important;
  height:52px !important;
  min-height:52px !important;
  border-radius:18px 18px 0 0 !important;
  border-bottom:0 !important;
  z-index:32 !important;
}

#arak .pricing-accordion details.price-card.price-card-state .price-toggle,
#arak .pricing-accordion details.price-card.price-card-state[open] .price-toggle,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-toggle{
  bottom:0 !important;
  height:56px !important;
  min-height:56px !important;
  z-index:31 !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price-toggle,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-toggle{
  border-top:1px solid rgba(255,255,255,.12) !important;
}

#arak .pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn:hover,
#arak .pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn:hover{
  transform:none !important;
}

@media (max-width:760px){
  #arak .pricing-accordion details.price-card.price-card-state .price-details .ghost-btn,
  #arak .pricing-accordion details.price-card.price-card-state[open] .price-details .ghost-btn,
  #arak .pricing-accordion details.price-card.price-card-state.is-open .price-details .ghost-btn{
    bottom:56px !important;
    height:50px !important;
    min-height:50px !important;
    border-radius:16px 16px 0 0 !important;
  }
}


/* === Process rail realignment + arrows v260 === */
.process-rail-track{
  display:none !important;
}
.process-rail-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:clamp(20px, 2.6vw, 34px);
  align-items:start;
}
.process-rail-item{
  position:relative;
  padding-top:0;
}
.process-rail-item::before{
  content:none !important;
}
.process-rail-stepline{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:28px;
  margin:0 0 20px;
}
.process-rail-number{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:rgba(232,196,255,.96);
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.24em;
  line-height:1;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(157,98,255,.18);
}
.process-rail-flow{
  position:relative;
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg, rgba(211,132,255,.72), rgba(255,98,183,.34));
  box-shadow:0 0 18px rgba(157,98,255,.16);
}
.process-rail-flow::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:8px;
  height:8px;
  border-top:1.5px solid rgba(255,196,239,.82);
  border-right:1.5px solid rgba(255,196,239,.82);
  transform:translateY(-50%) rotate(45deg);
}
.process-rail-flow-end{
  opacity:0;
}
.process-rail-flow-end::after{
  display:none;
}
.process-rail-item h3{
  margin:0 0 14px;
}
@media (max-width: 980px){
  .process-rail-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:34px 28px;
  }
}
@media (max-width: 640px){
  .process-rail-inner{
    width:min(100% - 28px, 560px) !important;
  }
  .process-rail-head{
    text-align:left;
    margin-bottom:30px;
  }
  .process-rail-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  .process-rail-item{
    padding:0 0 28px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .process-rail-item:last-child{
    padding-bottom:0;
    border-bottom:0;
  }
  .process-rail-stepline{
    margin:0 0 14px;
    min-height:22px;
    gap:10px;
  }
  .process-rail-number{
    font-size:.8rem;
    letter-spacing:.18em;
  }
  .process-rail-flow{
    max-width:56px;
  }
  .process-rail-flow::after{
    width:7px;
    height:7px;
  }
  .process-rail-item h3{
    font-size:1.35rem;
    margin-bottom:12px;
  }
  .process-rail-item p{
    font-size:.96rem;
  }
}


/* === Footer cookie settings inline alignment v261 === */
.footer .footer-copy.footer-cookie-target{
  display:flex !important;
  align-items:baseline;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:0 .54rem;
  text-align:right;
}
.footer .footer-copy.footer-cookie-target small{
  display:inline !important;
  color:rgba(255,255,255,.48);
}
.footer .footer-copy.footer-cookie-target .footer-copy-sep{
  color:rgba(255,255,255,.32);
}
.footer .footer-copy.footer-cookie-target .devenit-cookie-footer-link{
  display:inline-flex !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  text-align:inherit !important;
  line-height:1.4;
  color:rgba(255,255,255,.62);
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer .footer-copy.footer-cookie-target .devenit-cookie-footer-link::before{
  content:"·";
  display:inline-block;
  margin:0 .54rem 0 0;
  color:rgba(255,255,255,.32);
  text-decoration:none;
}
.footer .footer-copy.footer-cookie-target .devenit-cookie-footer-link:hover{
  color:#fff;
}
@media (max-width: 768px){
  .footer .footer-copy.footer-cookie-target{
    justify-content:flex-start;
    text-align:left;
  }
}


/* === Footer contact + bottom legal row v262 === */
.footer{
  grid-template-columns:1fr !important;
  align-items:start !important;
  gap:18px !important;
}
.footer .footer-copy.footer-cookie-target{
  width:100% !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  text-align:left !important;
}
.footer .footer-copy-text{
  display:inline-flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:0 .54rem;
  min-width:0;
}
.footer .footer-copy.footer-cookie-target small{
  display:inline !important;
  color:rgba(255,255,255,.48);
}
.footer .footer-copy.footer-cookie-target .footer-copy-sep{
  color:rgba(255,255,255,.32);
}
.footer .footer-copy.footer-cookie-target .devenit-cookie-footer-link{
  display:inline-flex !important;
  width:auto !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  text-align:right !important;
  line-height:1.4;
  color:rgba(255,255,255,.62);
  text-decoration:underline;
  text-underline-offset:3px;
  white-space:nowrap;
}
.footer .footer-copy.footer-cookie-target .devenit-cookie-footer-link::before{
  content:none !important;
  display:none !important;
}
.footer .footer-copy.footer-cookie-target .devenit-cookie-footer-link:hover{
  color:#fff;
}
@media (max-width: 768px){
  .footer .footer-copy.footer-cookie-target{
    flex-direction:column;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }
  .footer .footer-copy.footer-cookie-target .devenit-cookie-footer-link{
    margin:0 !important;
    text-align:left !important;
  }
}


/* === Footer exact two-row layout correction v262b === */
.footer{
  grid-template-columns:1fr auto !important;
  align-items:start !important;
}
.footer .footer-copy.footer-cookie-target{
  grid-column:1 / -1 !important;
}
@media (max-width: 768px){
  .footer{
    grid-template-columns:1fr !important;
  }
}

/* ===== v263 DevenIT global gradient scrollbar ===== */
html,
body,
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(157, 98, 255, .96) rgba(10, 4, 22, .74);
}

*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

*::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(10, 4, 22, .78));
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  min-height: 46px;
  border: 3px solid rgba(10, 4, 22, .94);
  border-radius: 999px;
  background:
    linear-gradient(180deg, var(--violet, #9d62ff) 0%, var(--pink, #ff62b7) 56%, var(--copper, #f0a06f) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .36),
    0 0 18px rgba(157, 98, 255, .22);
}

*::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, #b987ff 0%, #ff7cc7 55%, #ffbd86 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .42),
    0 0 24px rgba(255, 98, 183, .30);
}

*::-webkit-scrollbar-corner {
  background: rgba(10, 4, 22, .86);
}


/* === v264: szolgáltatáscímek egy sorba igazítása === */
@media (min-width: 761px){
  .service-editorial-flow__list{
    align-items:start;
  }
  .service-editorial-item{
    align-items:flex-start !important;
  }
  .service-editorial-item__copy{
    padding-top:clamp(108px, 11vw, 154px) !important;
  }
}

/* v265: mobile fixed top app bar - full width, not floating */
@media (max-width:760px){
  body.page-home .site-header{
    padding:0!important;
    background:linear-gradient(135deg,rgba(18,9,38,.96),rgba(36,18,66,.94))!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 10px 34px rgba(0,0,0,.28)!important;
  }
  body.page-home .site-header.hide,
  body.page-home .site-header.scrolled{
    transform:none!important;
    opacity:1!important;
    padding:0!important;
  }
  body.page-home .nav-shell{
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:7px 12px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.page-home .nav-shell::before{display:none!important;}
  body.page-home .brand{padding-left:0!important;}
  body.page-home .brand-logo{width:38px!important;height:38px!important;}
  body.page-home .brand-logo img{width:36px!important;height:36px!important;}
  body.page-home .brand-word{width:112px!important;height:30px!important;}
  body.page-home .brand-word .plain{font-size:1.42rem!important;}
  body.page-home .brand-slogan{display:none!important;}
  body.page-home .menu-toggle{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.075)!important;
    box-shadow:none!important;
  }
  body.page-home .mobile-menu{top:64px!important;}
  body.page-home .hero{padding-top:92px!important;}
}