: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,.72);--soft:rgba(255,248,255,.52);--line:rgba(255,255,255,.17);--glass:rgba(28,14,50,.66);--shadow:0 30px 90px rgba(0,0,0,.28);--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:.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(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;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,.28)}.ghost-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);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,.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.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,.06);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,.21),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,.06);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,.048));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,.05));border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.31),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,.085)}.dash-table{display:grid;gap:8px}.dash-row{height:42px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.075)}.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,.05));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,.06);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,.05));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,.07);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,.05));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,.05));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,.046));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,.046))}.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,.28);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,.18)) !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,.20)) !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,.18)) !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;
  }
}

/* ===== v195 references: Big-Tech proof layout, no boxes, no pills ===== */
.page-references .filter-bar,
.page-references .case-meta,
.page-references .meta-pill,
.page-references .eyebrow,
.page-references .hero-side,
.page-references .hero-actions{display:none!important;}

.page-references .references-hero{
  width:var(--container)!important;
  min-height:clamp(560px,76vh,780px)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:end!important;
  padding:clamp(160px,18vh,220px) 0 clamp(90px,12vh,140px)!important;
  margin:0 auto!important;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.page-references .references-hero::before{
  content:"";
  position:absolute;
  inset:12% -18% 0 -18%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 42% 44%,rgba(157,98,255,.22),transparent 48%),
    radial-gradient(ellipse at 62% 64%,rgba(255,98,183,.09),transparent 52%),
    linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:auto,auto,92px 92px,92px 92px;
  mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.72) 0%,rgba(0,0,0,.32) 48%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.72) 0%,rgba(0,0,0,.32) 48%,transparent 78%);
}
.page-references .references-hero::after{
  content:"admin → rendszer · foglalás → kontroll · riport → döntés · készlet → átláthatóság";
  position:absolute;
  right:0;
  bottom:22%;
  z-index:-1;
  max-width:min(760px,86vw);
  color:rgba(255,248,255,.10);
  font-family:"SF Mono","Roboto Mono","Cascadia Code",ui-monospace,Menlo,Monaco,Consolas,monospace;
  font-size:clamp(.82rem,1.35vw,1.05rem);
  line-height:2.2;
  letter-spacing:.04em;
  transform:rotate(-5deg);
  text-align:right;
  white-space:normal;
}
.page-references .references-hero-copy{max-width:1120px;position:relative;z-index:2;}
.page-references .references-hero h1{
  font-size:clamp(4.2rem,10vw,10.4rem)!important;
  line-height:.86!important;
  letter-spacing:-.095em!important;
  margin:0 0 34px!important;
  max-width:1160px;
  overflow:visible!important;
  padding-right:.08em;
}
.page-references .references-hero .hero-lead{
  max-width:820px!important;
  margin:0!important;
  font-size:clamp(1.05rem,1.65vw,1.34rem)!important;
  line-height:1.72!important;
  color:rgba(255,248,255,.72)!important;
}

.page-references .case-list{
  gap:clamp(82px,10vw,136px)!important;
  padding:0 0 110px!important;
}
.page-references .case-study,
.page-references .case-study:nth-child(even),
.page-references .case-study.clinic-case,
.page-references .case-study.logistics-case,
.page-references .case-study.motorline-case{
  grid-template-columns:minmax(0,1fr) minmax(360px,.86fr)!important;
  gap:clamp(34px,5.6vw,74px)!important;
  align-items:center!important;
  padding:0 0 clamp(72px,9vw,118px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.page-references .case-study:nth-child(even){grid-template-columns:minmax(360px,.86fr) minmax(0,1fr)!important;}
.page-references .case-study:nth-child(even) .mock-area{order:2!important;}
.page-references .case-study::before{display:none!important;content:none!important;}
.page-references .case-copy{max-width:620px;}
.page-references .case-context{
  margin:0 0 18px!important;
  color:rgba(255,248,255,.50)!important;
  font-size:.88rem!important;
  line-height:1.55!important;
  font-weight:760!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
.page-references .case-copy h2{
  font-size:clamp(2.35rem,4.6vw,5.05rem)!important;
  line-height:.94!important;
  letter-spacing:-.078em!important;
  margin:0 0 30px!important;
  text-wrap:balance;
}
.page-references .story-grid{gap:18px!important;}
.page-references .story-item{
  display:grid!important;
  grid-template-columns:24px 1fr!important;
  gap:14px!important;
  align-items:start!important;
}
.page-references .story-icon{
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  margin:0!important;
  font-size:1.05rem!important;
  line-height:1.75!important;
}
.page-references .story-icon.bad{color:rgba(255,137,162,.82)!important;}
.page-references .story-icon.good{color:rgba(135,255,213,.78)!important;}
.page-references .story-item p{font-size:1.02rem;line-height:1.72!important;color:rgba(255,248,255,.70)!important;}
.page-references .story-item strong{color:#fff!important;}

.page-references .result-strip{
  margin-top:34px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
}
.page-references .result{
  min-height:0!important;
  padding:18px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.page-references .result b{
  font-size:clamp(1.35rem,2.2vw,2.1rem)!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
  color:#fff!important;
}
.page-references .result span{
  display:block!important;
  margin-top:9px!important;
  color:rgba(255,248,255,.56)!important;
  font-size:.88rem!important;
  line-height:1.45!important;
}

.page-references .mock-area,
.page-references .case-study.clinic-case .mock-area,
.page-references .case-study.logistics-case .mock-area,
.page-references .case-study.motorline-case .mock-area{
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
}
.page-references .reference-image-card{
  width:min(720px,100%)!important;
  border:0!important;
  border-radius:28px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
.page-references .reference-image-card::before,
.page-references .reference-image-card::after{display:none!important;content:none!important;}
.page-references .reference-image-card img{
  border-radius:28px!important;
  box-shadow:0 34px 100px rgba(0,0,0,.36),0 0 70px rgba(157,98,255,.10)!important;
}
.page-references .phone-cutout-card img,
.page-references .case-study.clinic-case .phone-cutout-card img{
  filter:drop-shadow(0 32px 58px rgba(0,0,0,.28))!important;
}
.page-references .reference-zoom-trigger:hover{transform:translateY(-4px)!important;filter:brightness(1.05)!important;}
.page-references .case-study.clinic-case .reference-zoom-trigger:hover{transform:translateY(-4px)!important;filter:none!important;}

.page-references .case-action{margin-top:30px!important;}
.page-references .text-link,
.page-references .mini-btn{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  padding:0 0 5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:none!important;
  line-height:1.35;
}
.page-references .text-link::after,
.page-references .mini-btn::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,var(--violet),var(--pink),var(--orange));
  transform-origin:left;
  transform:scaleX(.72);
  transition:transform .22s ease;
}
.page-references .text-link:hover::after,
.page-references .mini-btn:hover::after{transform:scaleX(1);}
.page-references .text-link:hover,
.page-references .mini-btn:hover{transform:translateY(-1px)!important;}

.page-references .final-cta{
  width:var(--container)!important;
  margin:0 auto 110px!important;
  padding:clamp(70px,9vw,110px) 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
.page-references .final-cta h2{
  max-width:980px;
  font-size:clamp(3rem,7vw,7.4rem)!important;
  line-height:.88!important;
  letter-spacing:-.09em!important;
  margin:0 0 28px!important;
}
.page-references .final-cta p{
  max-width:760px!important;
  margin:0 0 30px!important;
  font-size:clamp(1.02rem,1.45vw,1.2rem)!important;
  line-height:1.72!important;
  color:rgba(255,248,255,.70)!important;
}

@media(max-width:980px){
  .page-references .references-hero{min-height:auto!important;padding:136px 0 82px!important;}
  .page-references .references-hero h1{font-size:clamp(3.8rem,13vw,7rem)!important;}
  .page-references .case-study,
  .page-references .case-study:nth-child(even),
  .page-references .case-study.clinic-case,
  .page-references .case-study.logistics-case,
  .page-references .case-study.motorline-case{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding-bottom:76px!important;
  }
  .page-references .case-study:nth-child(even) .mock-area{order:0!important;}
  .page-references .case-copy{max-width:100%!important;}
  .page-references .result-strip{grid-template-columns:1fr!important;gap:14px!important;}
}
@media(max-width:560px){
  .page-references .references-hero{padding:118px 0 64px!important;}
  .page-references .references-hero h1{font-size:clamp(3.25rem,18vw,5.6rem)!important;line-height:.88!important;margin-bottom:24px!important;}
  .page-references .references-hero .hero-lead{font-size:1.02rem!important;}
  .page-references .case-list{gap:64px!important;padding-bottom:72px!important;}
  .page-references .case-copy h2{font-size:clamp(2.25rem,12vw,3.55rem)!important;}
  .page-references .story-item{grid-template-columns:20px 1fr!important;gap:10px!important;}
  .page-references .reference-image-card img{border-radius:20px!important;}
  .page-references .final-cta h2{font-size:clamp(2.8rem,15vw,4.8rem)!important;}
}


/* ===== v196: centered reference hero + custom-systems note, no boxes/pills ===== */
.page-references .references-hero{
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  padding:clamp(150px,17vh,210px) 0 clamp(54px,8vh,92px)!important;
  min-height:clamp(520px,70vh,720px)!important;
}
.page-references .references-hero-copy{
  max-width:1180px!important;
  margin:0 auto!important;
}
.page-references .references-hero h1{
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:.04em!important;
  padding-right:.10em!important;
}
.page-references .references-hero .hero-lead{
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:860px!important;
}
.page-references .references-hero::after{
  content:attr(data-bg)!important;
  left:50%!important;
  right:auto!important;
  top:52%!important;
  bottom:auto!important;
  width:min(980px,92vw)!important;
  max-width:none!important;
  transform:translate(-50%,-50%) rotate(-4deg)!important;
  text-align:center!important;
  font-size:clamp(.82rem,1.55vw,1.18rem)!important;
  line-height:2.55!important;
  letter-spacing:.055em!important;
  color:rgba(255,248,255,.105)!important;
  white-space:normal!important;
}
.page-references .references-hero::before{
  background:
    radial-gradient(ellipse at 50% 46%,rgba(157,98,255,.18),transparent 48%),
    radial-gradient(ellipse at 50% 58%,rgba(255,98,183,.075),transparent 54%),
    linear-gradient(to right,rgba(255,255,255,.020) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.014) 1px,transparent 1px)!important;
  background-size:auto,auto,104px 104px,104px 104px!important;
}
.page-references .references-note{
  width:var(--container);
  max-width:920px;
  margin:0 auto clamp(72px,9vw,128px);
  text-align:center;
  position:relative;
  z-index:2;
}
.page-references .references-note h2{
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(1.55rem,3vw,2.55rem);
  line-height:1.06;
  letter-spacing:-.055em;
}
.page-references .references-note p{
  margin:0 auto;
  max-width:860px;
  color:rgba(255,248,255,.68);
  font-size:clamp(1rem,1.38vw,1.18rem);
  line-height:1.78;
}
@media(max-width:980px){
  .page-references .references-hero{padding:132px 0 54px!important;min-height:auto!important;}
  .page-references .references-hero::after{opacity:.82;font-size:.92rem!important;line-height:2.25!important;}
  .page-references .references-note{margin-bottom:76px;}
}
@media(max-width:560px){
  .page-references .references-hero{padding:118px 0 44px!important;}
  .page-references .references-hero::after{top:48%!important;width:112vw!important;opacity:.62;line-height:2.1!important;}
  .page-references .references-note{text-align:left;margin-bottom:62px;}
  .page-references .references-note h2{font-size:clamp(1.55rem,8vw,2rem);}
  .page-references .references-note p{font-size:1rem;line-height:1.68;}
}


/* ===== v210 clinic reference gallery ===== */
.case-study.clinic-case .phone-cutout-card.clinic-gallery-card{
  width:min(392px,82vw)!important;
  max-width:100%!important;
}

.clinic-gallery-card .reference-gallery{
  width:100%;
  display:grid;
  gap:18px;
}

.clinic-gallery-card .reference-gallery__stage{
  position:relative;
  width:100%;
  aspect-ratio:842 / 1867;
  overflow:visible;
  isolation:isolate;
}

.clinic-gallery-card .reference-gallery__item{
  position:absolute;
  inset:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .42s cubic-bezier(.22,1,.36,1), opacity .28s ease, filter .28s ease;
  will-change:transform, opacity;
}

.clinic-gallery-card .reference-gallery__item img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 28px 44px rgba(7,10,18,.22))!important;
  pointer-events:none;
}

.clinic-gallery-card .reference-gallery__item[data-position="active"]{
  transform:translate3d(0,0,0) scale(1);
  opacity:1;
  z-index:3;
}

.clinic-gallery-card .reference-gallery__item[data-position="prev"]{
  transform:translate3d(-16%,2.5%,0) scale(.92) rotate(-3deg);
  opacity:.9;
  z-index:2;
}

.clinic-gallery-card .reference-gallery__item[data-position="next"]{
  transform:translate3d(16%,2.5%,0) scale(.92) rotate(3deg);
  opacity:.9;
  z-index:2;
}

.clinic-gallery-card .reference-gallery__item[data-position="hidden"]{
  transform:translate3d(0,4%,0) scale(.86);
  opacity:0;
  pointer-events:none;
  z-index:1;
}

.clinic-gallery-card .reference-gallery__item.is-active:hover{
  transform:translate3d(0,-4px,0) scale(1.012);
}

.clinic-gallery-card .reference-gallery__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(15,18,28,.62);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.55rem;
  line-height:1;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .2s ease, background .2s ease, opacity .2s ease;
}

.clinic-gallery-card .reference-gallery__nav:hover{
  background:rgba(24,29,44,.82);
}

.clinic-gallery-card .reference-gallery__nav:active{
  transform:translateY(-50%) scale(.96);
}

.clinic-gallery-card .reference-gallery__nav--prev{left:-10px;}
.clinic-gallery-card .reference-gallery__nav--next{right:-10px;}

.clinic-gallery-card .reference-gallery__dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.clinic-gallery-card .reference-gallery__dot{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  padding:0;
  background:rgba(255,255,255,.2);
  transition:transform .2s ease, background .2s ease, opacity .2s ease;
  opacity:.9;
}

.clinic-gallery-card .reference-gallery__dot.is-active{
  background:linear-gradient(135deg,#9d62ff,#ff62b7);
  transform:scale(1.2);
}

@media (max-width: 900px){
  .case-study.clinic-case .phone-cutout-card.clinic-gallery-card{
    width:min(340px,84vw)!important;
  }

  .clinic-gallery-card .reference-gallery__nav{
    width:40px;
    height:40px;
  }

  .clinic-gallery-card .reference-gallery__nav--prev{left:-4px;}
  .clinic-gallery-card .reference-gallery__nav--next{right:-4px;}
}

@media (max-width: 640px){
  .case-study.clinic-case .phone-cutout-card.clinic-gallery-card{
    width:min(300px,86vw)!important;
  }

  .clinic-gallery-card .reference-gallery__item[data-position="prev"]{
    transform:translate3d(-12%,2.5%,0) scale(.93) rotate(-2.4deg);
  }

  .clinic-gallery-card .reference-gallery__item[data-position="next"]{
    transform:translate3d(12%,2.5%,0) scale(.93) rotate(2.4deg);
  }
}


/* ===== v211 clinic reference copy update ===== */
.page-references .case-copy .case-subtitle{
  margin:0 0 26px;
  max-width:720px;
  color:rgba(255,248,255,.72);
  font-size:clamp(1rem,1.22vw,1.14rem);
  line-height:1.78;
  letter-spacing:-.015em;
}

@media (max-width: 768px){
  .page-references .case-copy .case-subtitle{
    margin-bottom:22px;
    font-size:1rem;
    line-height:1.7;
  }
}


/* ===== v212 clinic feature checklist ===== */
.page-references .clinic-case .clinic-feature-list{
  margin:32px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:15px;
  max-width:720px;
}

.page-references .clinic-case .clinic-feature-list li{
  position:relative;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:13px;
  align-items:center;
  margin:0;
  color:rgba(255,248,255,.9);
  font-size:clamp(1rem,1.24vw,1.16rem);
  line-height:1.42;
  font-weight:820;
  letter-spacing:-.018em;
}

.page-references .clinic-case .clinic-feature-list li::before{
  content:"✓";
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:1.02rem;
  font-weight:950;
  line-height:1;
  background:linear-gradient(135deg,#7c3cff 0%,#a855f7 48%,#ff62b7 100%);
  box-shadow:0 10px 28px rgba(157,98,255,.28), inset 0 1px 0 rgba(255,255,255,.26);
}

@media (max-width:768px){
  .page-references .clinic-case .clinic-feature-list{
    margin-top:26px;
    gap:13px;
  }

  .page-references .clinic-case .clinic-feature-list li{
    grid-template-columns:32px 1fr;
    gap:12px;
    font-size:.98rem;
  }

  .page-references .clinic-case .clinic-feature-list li::before{
    width:28px;
    height:28px;
    font-size:.96rem;
  }
}


/* ===== v213 logistics reference copy + gradient checklist ===== */
.page-references .case-feature-list{
  margin:32px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:15px;
  max-width:720px;
}

.page-references .case-feature-list li{
  position:relative;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:13px;
  align-items:center;
  margin:0;
  color:rgba(255,248,255,.9);
  font-size:clamp(1rem,1.24vw,1.16rem);
  line-height:1.42;
  font-weight:820;
  letter-spacing:-.018em;
}

.page-references .case-feature-list li::before{
  content:"✓";
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:1.02rem;
  font-weight:950;
  line-height:1;
  background:linear-gradient(135deg,#7c3cff 0%,#a855f7 48%,#ff62b7 100%);
  box-shadow:0 10px 28px rgba(157,98,255,.28), inset 0 1px 0 rgba(255,255,255,.26);
}

@media (max-width:768px){
  .page-references .case-feature-list{
    margin-top:26px;
    gap:13px;
  }

  .page-references .case-feature-list li{
    grid-template-columns:32px 1fr;
    gap:12px;
    font-size:.98rem;
  }

  .page-references .case-feature-list li::before{
    width:28px;
    height:28px;
    font-size:.96rem;
  }
}