:root{
      --bg0:#070314;--bg1:#120923;--bg2:#21103b;--violet:#9d62ff;--violet2:#d384ff;--pink:#ff62b7;--copper:#f0a06f;--orange:#ffb06e;--cyan:#75e7ff;--green:#87ffd5;--text:#fff8ff;--muted:rgba(255,248,255,.72);--soft:rgba(255,248,255,.52);--line:rgba(255,255,255,.14);--glass:rgba(16,8,32,.62);--shadow:0 30px 90px rgba(0,0,0,.42);--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,#05020f 0%,#100722 38%,#1d0c35 70%,#090311 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,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(circle at 50% 26%,#000 0%,transparent 68%);opacity:.22;z-index:-2}
    @keyframes slowNebula{0%{transform:rotate(0) 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{font:inherit}::selection{background:rgba(255,98,183,.45)}
    .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;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}.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(19,9,36,.74),rgba(31,14,55,.56));backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 18px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12);border-radius:999px;overflow:hidden;position:relative}.brand{display:flex;align-items:center;gap:12px;min-width:0;position:relative;z-index:2}.brand-logo{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 40%),linear-gradient(135deg,rgba(157,98,255,.72),rgba(255,98,183,.32),rgba(240,160,111,.58));box-shadow:0 0 28px rgba(157,98,255,.20),inset 0 1px 0 rgba(255,255,255,.22);font-weight:950;letter-spacing:-.08em}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-word{font-size:1.82rem;font-weight:900;letter-spacing:-.06em;line-height:.9;background:linear-gradient(95deg,#fff 0%,#fff 58%,#ef9d76 76%,#ff78b3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-slogan{color:rgba(255,248,255,.58);font-size:.56rem;font-weight:850;line-height:1;letter-spacing:.24em;white-space:nowrap}.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:.2s;white-space:nowrap}.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.075);transform:translateY(-1px)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;z-index:2}.cta,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:14px 20px;font-weight:850;transition:.22s}.cta{border:1px solid rgba(255,255,255,.18);color:#fff;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,.34)}.ghost-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055);color:#fff}.cta:hover,.ghost-btn:hover{transform:translateY(-2px)}.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}.mobile-menu{display:none}

    /* v88: index.html fejléc + logó azonosítás */
    .site-header{transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .34s ease,padding .25s ease}.site-header.scrolled{padding-top:8px;padding-bottom:8px}.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{padding-left:4px}.brand-copy{align-items:flex-start;justify-content:center}.brand-logo{width:54px;height:54px;display:grid;place-items:center;background:transparent!important;box-shadow:none!important;overflow:visible;border-radius:0!important}.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;font-size:inherit;font-weight:inherit;letter-spacing:normal;line-height:normal;background:none!important;color:inherit!important}.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);z-index:2}.brand:hover .brand-slogan{color:#d384ff;text-shadow:0 0 10px rgba(168,85,247,.42)}
    .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::after,.desktop-nav a.active::after{transform:scaleX(1)}
    .cta{position:relative;overflow:hidden;isolation:isolate}.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}@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)}}

    .hero{width:var(--container);margin:0 auto;min-height:100vh;display:grid;grid-template-columns:1fr .85fr;gap:46px;align-items:center;padding:150px 0 78px}.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,.055);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.2rem,6.1vw,7rem);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:700px;margin-bottom:34px}.hero-lead strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-actions .cta{font-weight:900;padding:15px 24px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.14);box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 0 36px rgba(255,98,183,.24),0 18px 40px rgba(0,0,0,.36)}.hero-actions .ghost-btn{font-weight:820;padding:15px 22px;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.20)}.hero-actions .ghost-btn:hover{background:rgba(255,255,255,.075);border-color:rgba(211,132,255,.42)}.hero-side{position:relative;min-height:520px;isolation:isolate}.hero-orbit{position:absolute;inset:6% 4% 8%;border:none;border-radius:999px;background:radial-gradient(circle at 32% 30%,rgba(157,98,255,.24),transparent 24%),radial-gradient(circle at 74% 38%,rgba(255,98,183,.16),transparent 20%),radial-gradient(circle at 50% 76%,rgba(240,160,111,.14),transparent 22%);filter:blur(6px);opacity:.95;box-shadow:none;overflow:visible}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:auto;pointer-events:none}.hero-orbit:before{width:74%;height:74%;left:10%;top:8%;border-radius:999px;background:radial-gradient(circle,rgba(157,98,255,.18),transparent 66%);filter:blur(22px);animation:slowNebula 24s linear infinite}.hero-orbit:after{width:46%;height:46%;right:8%;bottom:10%;border-radius:999px;background:radial-gradient(circle,rgba(255,98,183,.16),transparent 68%);filter:blur(18px);animation:slowNebula 20s linear infinite reverse}.hero-metric{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:24px 24px 22px;background:linear-gradient(160deg,rgba(22,11,42,.72),rgba(14,7,29,.78));backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.04) inset,0 0 26px rgba(157,98,255,.12)}.hero-metric.one{left:8px;top:30px;width:268px;transform:rotate(-7deg)}.hero-metric.two{right:10px;top:166px;width:238px;transform:rotate(6deg)}.hero-metric.three{left:78px;bottom:30px;width:324px;transform:rotate(-3deg)}.hero-metric small{display:block;color:rgba(255,248,255,.62);font-weight:780;font-size:.83rem;letter-spacing:.02em;margin-bottom:12px}.hero-metric b{display:block;font-size:clamp(2.28rem,3vw,2.7rem);line-height:.96;letter-spacing:-.065em;margin-bottom:10px;color:#aaffd7;text-shadow:0 0 22px rgba(135,255,213,.18)}.hero-metric span{display:block;color:rgba(255,248,255,.78);font-size:1rem;line-height:1.45;font-weight:700}.filter-bar{width:var(--container);margin:0 auto 34px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.filter-btn{border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,248,255,.72);padding:11px 15px;font-weight:780;cursor:pointer;transition:.22s}.filter-btn:hover,.filter-btn.active{color:#fff;border-color:rgba(240,160,111,.38);background:linear-gradient(135deg,rgba(157,98,255,.22),rgba(255,98,183,.10),rgba(240,160,111,.12));box-shadow:0 14px 34px rgba(0,0,0,.20)}
    .case-list{width:var(--container);margin:0 auto;display:grid;gap:42px;padding:0 0 84px}.case-study{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:34px;border-radius:42px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.032));box-shadow:var(--shadow);position:relative;overflow:hidden;isolation:isolate}.case-study:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 18% 20%,rgba(157,98,255,.22),transparent 28%),radial-gradient(circle at 82% 78%,rgba(240,160,111,.16),transparent 30%);z-index:-1;opacity:.7}.case-study:nth-child(even){grid-template-columns:.98fr 1.02fr}.case-study:nth-child(even) .mock-area{order:2}.case-study.hidden{display:none}.mock-area{min-height:440px;position:relative;display:grid;place-items:center}.browser-mock{width:min(560px,100%);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 80px rgba(157,98,255,.13);overflow:hidden;transform:rotate(-1.2deg)}.mock-top{height:54px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.16)}.dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.24)}.mock-url{height:28px;border-radius:999px;background:rgba(255,255,255,.075);margin-left:8px;flex:1}.mock-body{padding:20px;background:rgba(7,3,20,.82)}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dash-title{width:40%;height:20px;border-radius:999px;background:rgba(255,255,255,.18)}.dash-pill{width:128px;height:28px;border-radius:999px;background:linear-gradient(90deg,rgba(157,98,255,.65),rgba(255,98,183,.22))}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.dash-card{height:84px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.065)}.dash-table{display:grid;gap:8px}.dash-row{height:42px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06)}.phone-mock{position:absolute;right:14px;bottom:22px;width:150px;height:292px;border-radius:30px;background:#0c0716;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 44px rgba(255,98,183,.12);padding:14px}.phone-screen{height:100%;border-radius:23px;background:linear-gradient(180deg,rgba(157,98,255,.18),rgba(255,255,255,.035));padding:14px;display:grid;gap:10px;align-content:start}.phone-line{height:12px;border-radius:999px;background:rgba(255,255,255,.18)}.phone-line.short{width:65%}.phone-card{height:54px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08)}.case-meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.meta-pill{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 11px;color:rgba(255,248,255,.70);background:rgba(255,255,255,.045);font-size:.78rem;font-weight:780}.case-copy h2{font-size:clamp(2rem,3.6vw,4.1rem);line-height:.98;letter-spacing:-.068em;margin:0 0 24px;text-wrap:balance}.story-grid{display:grid;gap:16px}.story-item{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start}.story-icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-weight:950;margin-top:2px}.story-icon.bad{color:#ff89a2;background:rgba(244,63,94,.12)}.story-icon.good{color:#87ffd5;background:rgba(16,185,129,.12)}.story-item p{margin:0;color:var(--muted);line-height:1.68}.story-item strong{color:#fff}.result-strip{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result{min-height:112px;padding:18px;border-radius:22px;border:1px solid rgba(157,98,255,.20);background:linear-gradient(145deg,rgba(157,98,255,.13),rgba(255,255,255,.035));display:flex;flex-direction:column;justify-content:center}.result b{display:block;font-size:clamp(1.45rem,2.4vw,2.25rem);line-height:.98;letter-spacing:-.06em}.result span{color:rgba(255,248,255,.66);font-size:.86rem;font-weight:740;margin-top:7px}.case-action{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.mini-btn{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:999px;padding:12px 15px;font-weight:820;color:#fff}.mini-btn:hover{background:rgba(255,255,255,.085);transform:translateY(-1px)}
    .deep-note{width:var(--container);margin:0 auto 84px;padding:32px;border:1px solid rgba(255,255,255,.13);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.deep-note h2{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1;letter-spacing:-.06em;margin:0 0 10px}.deep-note p{color:var(--muted);line-height:1.65;margin:0}.final-cta{width:var(--container);margin:0 auto 96px;padding:46px;border-radius:42px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 20% 10%,rgba(157,98,255,.22),transparent 34%),radial-gradient(circle at 80% 70%,rgba(240,160,111,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:var(--shadow);text-align:center}.final-cta h2{font-size:clamp(2.2rem,4.4vw,5rem);line-height:.94;letter-spacing:-.078em;margin:0 0 20px}.final-cta p{max-width:760px;margin:0 auto 28px;color:var(--muted);line-height:1.7;font-size:1.08rem}.footer{width:var(--container);margin:0 auto;padding:34px 0 46px;color:rgba(255,248,255,.55);border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a{color:rgba(255,248,255,.72)}

    .reference-image-card{width:min(680px,100%);position:relative;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:0 34px 110px rgba(0,0,0,.46),0 0 90px rgba(157,98,255,.17);transform:rotate(-1deg);isolation:isolate}.reference-image-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%,rgba(157,98,255,.10));pointer-events:none;z-index:2}.reference-image-card::after{content:"";position:absolute;inset:auto 8% -18% 8%;height:38%;background:radial-gradient(ellipse at center,rgba(157,98,255,.34),transparent 70%);filter:blur(26px);z-index:-1}.reference-image-card img{display:block;width:100%;height:auto;object-fit:cover}.phone-cutout-card{width:min(360px,78vw);margin:0 auto;position:relative;background:transparent;border:0;box-shadow:none;overflow:visible;transform:rotate(-1.6deg)}.phone-cutout-card img{display:block;width:100%;height:auto;max-height:660px;object-fit:contain;background:transparent;border:0;box-shadow:none}.case-study.clinic-case{border-color:rgba(135,255,213,.20);background:linear-gradient(145deg,rgba(255,255,255,.086),rgba(117,231,255,.045),rgba(157,98,255,.032))}.case-study.clinic-case .mock-area{min-height:650px}.case-study.clinic-case .case-copy h2{font-size:clamp(2.05rem,3.35vw,3.72rem)}.case-study.logistics-case{border-color:rgba(117,231,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.086),rgba(34,98,255,.04),rgba(117,231,255,.04),rgba(157,98,255,.028))}.case-study.logistics-case .mock-area{min-height:500px}.case-study.logistics-case .case-copy h2{font-size:clamp(2.05rem,3.35vw,3.72rem)}@media (max-width:980px){.case-study.clinic-case .mock-area{min-height:560px}.case-study.logistics-case .mock-area{min-height:auto}.phone-cutout-card{width:min(330px,74vw);transform:none}.phone-cutout-card img{max-height:610px}}@media (max-width:560px){.case-study.clinic-case .mock-area{min-height:500px}.case-study.logistics-case .mock-area{min-height:auto}.phone-cutout-card{width:min(280px,72vw)}.phone-cutout-card img{max-height:520px}}.case-study.motorline-case{border-color:rgba(157,98,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.084),rgba(157,98,255,.04),rgba(255,255,255,.03))}.case-study.motorline-case .mock-area{min-height:500px}.case-study.motorline-case .case-copy h2{font-size:clamp(2.05rem,3.35vw,3.72rem)}@media (max-width:980px){.case-study.motorline-case .mock-area{min-height:auto}.reference-image-card{transform:none;border-radius:24px}}

    @media (max-width:980px){.desktop-nav,.header-actions .ghost-btn{display:none}.menu-toggle{display:block}.nav-shell{grid-template-columns:auto 1fr auto}.brand-word{font-size:1.55rem}.brand-slogan{font-size:.48rem;letter-spacing:.18em}.mobile-menu{position:fixed;left:18px;right:18px;top:94px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(20,9,38,.96),rgba(34,14,56,.92));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:28px;padding:14px;z-index:79;box-shadow:0 24px 80px rgba(0,0,0,.42);display:none}.mobile-menu.open{display:block}.mobile-menu a{display:flex;padding:16px;border-radius:18px;color:rgba(255,248,255,.82);font-weight:800}.mobile-menu a:hover{background:rgba(255,255,255,.075);color:#fff}.hero{grid-template-columns:1fr;min-height:auto;padding-top:132px}.hero-side{display:none}.filter-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap}.case-study,.case-study:nth-child(even){grid-template-columns:1fr;padding:22px;border-radius:30px}.case-study:nth-child(even) .mock-area{order:0}.mock-area{min-height:330px}.phone-mock{width:112px;height:220px;right:4px;bottom:0}.result-strip{grid-template-columns:1fr}.deep-note{grid-template-columns:1fr}.footer{display:grid}.case-copy h2{font-size:2.15rem}.final-cta{padding:32px 22px}.hero-actions .cta,.hero-actions .ghost-btn{width:100%}}
    @media (max-width:560px){:root{--container:calc(100vw - 30px)}.site-header{padding:10px}.nav-shell{min-height:66px;padding:9px 12px}.brand-logo{width:40px;height:40px;border-radius:15px}.brand-word{font-size:1.34rem}.brand-slogan{font-size:.42rem}.hero{padding-top:118px}.eyebrow{font-size:.66rem}.case-list{gap:24px}.case-study{padding:18px}.browser-mock{border-radius:22px}.mock-top{height:42px}.dash-cards{grid-template-columns:1fr 1fr}.dash-cards .dash-card:last-child{display:none}.mock-area{min-height:300px}.case-meta{gap:7px}.meta-pill{font-size:.70rem;padding:7px 9px}.deep-note,.final-cta{border-radius:28px}.footer{padding-bottom:34px}}
  
    /* referencia nagyítás */
    body.lightbox-open{overflow:hidden}.reference-zoom-trigger{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:inherit;cursor:zoom-in;border-radius:inherit;position:relative;transition:transform .22s ease,filter .22s ease}.reference-zoom-trigger:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.04)}.reference-zoom-trigger:focus-visible{outline:2px solid rgba(240,160,111,.95);outline-offset:8px}.reference-zoom-trigger img{pointer-events:none}.reference-lightbox{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .24s ease}.reference-lightbox.open{opacity:1;pointer-events:auto}.reference-lightbox__backdrop{position:absolute;inset:0;border:0;background:rgba(5,2,15,.78);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);cursor:zoom-out}.reference-lightbox__panel{position:relative;z-index:1;width:min(1180px,calc(100vw - 36px));max-height:92vh;padding:18px;border-radius:34px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(20,9,38,.92),rgba(34,14,56,.84));box-shadow:0 34px 120px rgba(0,0,0,.58),0 0 100px rgba(157,98,255,.18);display:grid;place-items:center;animation:lightboxPop .22s ease both}.reference-lightbox__panel img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:24px;box-shadow:0 24px 85px rgba(0,0,0,.40)}.reference-lightbox__title{margin:14px 54px 0;color:rgba(255,248,255,.82);font-weight:800;line-height:1.45;text-align:center}.reference-lightbox__close{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-size:1.55rem;line-height:1;cursor:pointer;z-index:2}.reference-lightbox__close:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}@keyframes lightboxPop{from{transform:scale(.975) translateY(8px);opacity:.2}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width:680px){.reference-lightbox{padding:12px}.reference-lightbox__panel{width:calc(100vw - 20px);padding:10px;border-radius:24px}.reference-lightbox__panel img{max-height:78vh;border-radius:18px}.reference-lightbox__title{margin:12px 48px 2px;font-size:.88rem}.reference-lightbox__close{right:10px;top:10px;width:40px;height:40px}}


/* ===== v174 clinic phone cutout polish ===== */
.case-study.clinic-case .phone-cutout-card{
  width:fit-content !important;
  max-width:min(360px,78vw) !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.case-study.clinic-case .reference-zoom-trigger{
  display:inline-flex !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  align-items:center !important;
  justify-content:center !important;
}

.case-study.clinic-case .reference-zoom-trigger:hover{
  background:transparent !important;
  box-shadow:none !important;
}

.case-study.clinic-case .reference-zoom-trigger img,
.case-study.clinic-case .phone-cutout-card img{
  display:block !important;
  width:min(360px,78vw) !important;
  max-width:100% !important;
  height:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.26)) !important;
}

@media (max-width: 768px){
  .case-study.clinic-case .reference-zoom-trigger img,
  .case-study.clinic-case .phone-cutout-card img{
    width:min(300px,82vw) !important;
  }
}


/* ===== v175 clinic phone cutout clean fix ===== */
.case-study.clinic-case .phone-cutout-card{
  transform: none !important;
}

.case-study.clinic-case .reference-zoom-trigger{
  transform: none !important;
}

.case-study.clinic-case .reference-zoom-trigger:hover{
  transform: none !important;
  filter: none !important;
}

.case-study.clinic-case .reference-zoom-trigger img,
.case-study.clinic-case .phone-cutout-card img{
  transform: none !important;
  rotate: 0deg !important;
  clip-path: inset(2px 6px 2px 6px round 54px) !important;
  -webkit-clip-path: inset(2px 6px 2px 6px round 54px) !important;
  filter: drop-shadow(0 22px 40px rgba(0,0,0,.24)) !important;
}

@media (max-width: 768px){
  .case-study.clinic-case .reference-zoom-trigger img,
  .case-study.clinic-case .phone-cutout-card img{
    clip-path: inset(2px 5px 2px 5px round 46px) !important;
    -webkit-clip-path: inset(2px 5px 2px 5px round 46px) !important;
  }
}


/* ===== v176 clinic phone asset restore ===== */
.case-study.clinic-case .phone-cutout-card{
  width: fit-content !important;
  max-width: min(360px, 78vw) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

.case-study.clinic-case .reference-zoom-trigger{
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

.case-study.clinic-case .reference-zoom-trigger:hover{
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.case-study.clinic-case .reference-zoom-trigger img,
.case-study.clinic-case .phone-cutout-card img{
  display: block !important;
  width: min(360px, 78vw) !important;
  max-width: 100% !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  transform: none !important;
  rotate: 0deg !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  filter: drop-shadow(0 18px 36px rgba(0,0,0,.22)) !important;
}

@media (max-width: 768px){
  .case-study.clinic-case .reference-zoom-trigger img,
  .case-study.clinic-case .phone-cutout-card img{
    width: min(300px, 82vw) !important;
  }
}