:root{
      --cream:#fbf6ee;
      --cream2:#f4eadc;
      --white:#fffdf8;
      --green:#2f4238;
      --green2:#20342b;
      --sage:#dfe9d2;
      --sage2:#eef4e9;
      --terracotta:#17A2B8;
      --peach:#f6d9cb;
      --peach2:#fff0e8;
      --blue:#e7f1f4;
      --yellow:#fbf2d6;
      --ink:#25342d;
      --muted:#6f6860;
      --line:rgba(47,66,56,.14);
      --shadow:0 26px 70px rgba(32,52,43,.13);
      --shadow2:0 14px 36px rgba(32,52,43,.10);
      --serif:"Cormorant Garamond", Georgia, serif;
      --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    input,select,textarea,button{font:inherit}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .eyebrow{color:var(--terracotta);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
    .button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:999px;background:var(--green);color:white;font-weight:900;border:2px solid transparent;box-shadow:0 14px 32px rgba(47,66,56,.20);cursor:pointer;transition:.2s ease}
    .button:hover{transform:translateY(-2px)}
    .button.secondary{background:transparent;color:var(--green2);border-color:rgba(23,162,184,.55);box-shadow:none}
    .button.terracotta{background:var(--terracotta);box-shadow:0 14px 32px rgba(23,162,184,.23)}
    header{position:sticky;top:0;z-index:30;background:rgba(251,246,238,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(47,66,56,.08)}
    .nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{display:flex;align-items:center;gap:13px}
    .brand img{width:56px;height:auto}
    .brand-text strong{display:block;font-family:var(--serif);font-weight:500;font-size:27px;letter-spacing:-.04em;line-height:1;color:var(--green2)}
    .brand-text small{display:block;color:var(--terracotta);font-size:11px;font-weight:850;letter-spacing:.04em;margin-top:3px}
    nav{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:850;color:var(--green2)}
    .mobile{display:none;font-size:30px;color:var(--green2)}
    .floating-share{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:10px;border:0;border-radius:999px;background:var(--terracotta);color:#fff;padding:14px 18px;box-shadow:0 18px 44px rgba(23,162,184,.34);font-weight:950;cursor:pointer}
    .floating-share span:first-child{font-size:20px}
    .share-toast{position:fixed;right:20px;bottom:86px;z-index:60;max-width:330px;padding:16px 18px;border-radius:24px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);display:none}
    .share-toast.show{display:block}
    .share-toast strong{display:block;color:var(--green2);margin-bottom:3px}
    .share-toast small{color:var(--muted)}

    .hero{position:relative;padding:56px 0 96px;overflow:hidden;background:radial-gradient(circle at 5% 20%,rgba(23,162,184,.13),transparent 26%),radial-gradient(circle at 94% 14%,rgba(223,233,210,.8),transparent 32%),var(--cream)}
    .hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-76px;height:150px;background:var(--cream2);border-radius:50%}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
    .hero-logo{width:190px;margin-bottom:24px}
    h1{margin:0;font-size:clamp(48px,7.4vw,96px);line-height:.95;letter-spacing:-.075em;color:var(--green2);font-weight:950}
    h1 span{display:block}.accent{color:var(--terracotta)}
    .hero p{max-width:610px;margin:24px 0 30px;font-size:20px;color:#465248}
    .hero-actions{display:flex;flex-wrap:wrap;gap:14px}
    .hero-trust{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}
    .pill{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(255,253,248,.75);border:1px solid var(--line);font-size:13px;font-weight:850;color:var(--green2)}
    .hero-visual{position:relative;min-height:560px}
    .hero-photo{height:560px;border-radius:46px 46px 130px 46px;overflow:hidden;box-shadow:var(--shadow);background:#eadbc8}
    .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
    .hero-note{position:absolute;left:-22px;bottom:34px;width:min(390px,calc(100% - 20px));display:flex;gap:16px;align-items:center;background:rgba(255,253,248,.95);border:1px solid var(--line);box-shadow:0 18px 52px rgba(32,52,43,.14);padding:18px 20px;border-radius:28px}
    .hero-note-icon{width:54px;height:54px;border-radius:20px 26px 22px 30px;background:var(--peach);display:grid;place-items:center;color:var(--terracotta);font-size:26px}
    .hero-note small{display:block;color:var(--muted);font-weight:800}.hero-note strong{display:block;color:var(--green2);font-size:17px}

    section{position:relative;padding:80px 0}
    .section-title{text-align:center;margin:0 0 14px;color:var(--green2);font-size:clamp(34px,4.7vw,58px);line-height:1.02;letter-spacing:-.06em;font-weight:950}
    .section-lead{max-width:790px;margin:0 auto 38px;text-align:center;color:var(--muted);font-size:18px}
    .intro{background:var(--cream2);padding-top:94px;overflow:hidden}
    .intro:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-76px;height:150px;background:var(--cream);border-radius:50%}
    .intro-card{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center;background:rgba(255,253,248,.76);border:1px solid var(--line);border-radius:44px;padding:28px;box-shadow:var(--shadow)}
    .intro-photo{border-radius:36px 36px 112px 36px;overflow:hidden;min-height:420px;background:#eadbc8}
    .intro-photo img{width:100%;height:100%;min-height:420px;object-fit:cover}
    .intro-copy{padding:26px 22px}
    .intro-copy h2{margin:10px 0 15px;font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.06em;color:var(--green2)}
    .intro-copy p{font-size:18px;color:#4b554d;margin:0 0 16px}
    .quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
    .quick-link{padding:16px;border-radius:24px;background:var(--white);border:1px solid var(--line);font-weight:900;color:var(--green2)}
    .quick-link small{display:block;color:var(--muted);font-weight:700;margin-top:3px}

    .facts{background:var(--cream);overflow:hidden}
    .facts-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:stretch}
    .facts-image{border-radius:44px 44px 130px 44px;overflow:hidden;box-shadow:var(--shadow);min-height:560px}
    .facts-image img{width:100%;height:100%;object-fit:cover}
    .facts-content{align-self:center}
    .facts-content h2{text-align:left;margin-bottom:16px}
    .facts-content .section-lead{text-align:left;margin:0 0 28px}
    .fact-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .fact-card{padding:28px;border-radius:30px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow2)}
    .fact-card.green{background:var(--sage2)}
    .fact-card.peach{background:var(--peach2)}
    .fact-card.blue{background:var(--blue)}
    .fact-card.yellow{background:var(--yellow)}
    .icon{width:58px;height:58px;border-radius:22px 26px 24px 28px;display:grid;place-items:center;background:rgba(47,66,56,.08);color:var(--green2);font-size:26px;margin-bottom:22px}
    .fact-card h3{margin:0 0 8px;font-size:25px;letter-spacing:-.04em;line-height:1.05;color:var(--green2)}
    .fact-card p{margin:0;color:#526056;font-size:15px}
    .when{margin-top:22px;padding:26px;border-radius:32px;background:rgba(255,253,248,.82);border:1px solid var(--line)}
    .when h3{text-align:center;margin:0 0 18px;color:var(--green2);font-size:24px;letter-spacing:-.04em}
    .when-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .when-item{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:20px;background:var(--cream)}
    .when-item b{color:var(--terracotta)}
    .when-item span{font-size:13px;color:#596158;line-height:1.35}

    .services{background:var(--cream2);overflow:hidden}
    .services:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-76px;height:150px;background:var(--cream);border-radius:50%}
    .service-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .service{min-height:430px;border-radius:34px;overflow:hidden;position:relative;background:#ddd;box-shadow:var(--shadow2)}
    .service img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s ease}
    .service:hover img{transform:scale(1.04)}
    .service:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,32,26,.82),rgba(18,32,26,.12) 60%,rgba(18,32,26,.03))}
    .service-text{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:24px;color:white}
    .service-text small{display:block;color:#f2d3c7;font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:11px;margin-bottom:9px}
    .service-text h3{font-size:26px;line-height:1.03;letter-spacing:-.05em;margin:0 0 8px}
    .service-text p{font-size:14px;margin:0;color:rgba(255,255,255,.85)}

    .how{background:var(--cream);overflow:hidden;padding-bottom:92px}
    .step-row{margin-top:35px;display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr 80px 1fr;gap:6px;align-items:start}
    .step{text-align:center}
    .step-dot{position:relative;margin:0 auto 14px;width:76px;height:76px;border-radius:50%;background:var(--sage2);display:grid;place-items:center;color:var(--green2);font-size:30px;border:1px solid var(--line)}
    .step-num{position:absolute;left:-8px;top:-8px;width:28px;height:28px;border-radius:50%;background:var(--green);color:white;font-size:13px;font-weight:950;display:grid;place-items:center}
    .step h3{margin:0 0 6px;color:var(--green2);font-size:20px;letter-spacing:-.04em}
    .step p{margin:0;color:var(--muted);font-size:14px}
    .dotted{border-top:3px dashed rgba(47,66,56,.18);margin-top:38px}
    .why-strip{margin-top:42px;display:grid;grid-template-columns:.9fr 1fr .9fr;gap:22px;align-items:stretch}
    .why-photo{border-radius:30px;overflow:hidden;min-height:260px}
    .why-photo img{width:100%;height:100%;object-fit:cover}
    .why-card,.quote-card{padding:30px;border-radius:30px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow2)}
    .why-card h3,.quote-card h3{margin:0 0 18px;color:var(--green2);font-size:26px;letter-spacing:-.05em}
    .why-list{display:grid;gap:11px}
    .why-list div{display:flex;gap:10px;align-items:flex-start;color:#445046;font-weight:800}
    .check{width:24px;height:24px;border-radius:50%;background:var(--sage);color:var(--green2);display:grid;place-items:center;flex:0 0 24px;font-weight:950}
    .quote-mark{font-size:58px;line-height:.7;color:var(--terracotta);font-family:var(--serif);margin-bottom:4px}
    blockquote{margin:0;color:#3e493f;font-size:17px;line-height:1.45}
    .quote-card cite{display:block;margin-top:14px;color:var(--muted);font-style:normal;font-size:14px}

    .employers{background:var(--sage2);overflow:hidden}
    .employers:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-76px;height:150px;background:var(--cream2);border-radius:50%}
    .employer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
    .employer-copy{background:var(--green2);border-radius:44px 44px 44px 118px;color:white;padding:50px;box-shadow:var(--shadow)}
    .employer-copy h2{font-size:clamp(34px,4.6vw,58px);line-height:1;letter-spacing:-.06em;margin:10px 0 16px}
    .employer-copy p{color:rgba(255,255,255,.82);font-size:18px;margin:0 0 20px}
    .employer-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
    .benefit{padding:16px;border-radius:22px;background:rgba(255,255,255,.10)}
    .benefit strong{display:block;color:white;margin-bottom:3px}.benefit span{font-size:13px;color:rgba(255,255,255,.78)}
    .employer-photo{border-radius:46px 116px 46px 46px;overflow:hidden;box-shadow:var(--shadow);height:520px}
    .employer-photo img{width:100%;height:100%;object-fit:cover}

    .angel{background:var(--cream2);overflow:hidden}
    .angel-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}
    .angel-photo{height:540px;border-radius:46px 46px 116px 46px;overflow:hidden;box-shadow:var(--shadow)}
    .angel-photo img{width:100%;height:100%;object-fit:cover}
    .angel-copy{background:rgba(255,253,248,.78);border:1px solid var(--line);border-radius:44px;padding:44px;box-shadow:var(--shadow)}
    .angel-copy h2{font-size:clamp(34px,4.6vw,58px);line-height:1;letter-spacing:-.06em;margin:10px 0 16px;color:var(--green2)}
    .angel-copy p{color:#4d584f;font-size:18px;margin:0 0 16px}
    .angel-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
    .mini-card{background:var(--white);border:1px solid var(--line);border-radius:26px;padding:20px}
    .mini-card h3{margin:0 0 12px;color:var(--green2);font-size:20px}
    .mini-card ul{margin:0;padding-left:19px;color:var(--muted)}
    .mini-card li{margin:6px 0}

    .testimonials{background:var(--cream);padding-top:92px}
    .story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .story{background:var(--white);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow2)}
    .story img{height:170px;width:100%;object-fit:cover}
    .story div{padding:20px}
    .story p{margin:0 0 12px;color:#445046}
    .story strong{color:var(--green2);font-size:14px}

    .forms{background:linear-gradient(180deg,var(--cream),var(--cream2));padding-top:70px}
    .form-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}
    .form-intro{position:sticky;top:110px;background:var(--green2);color:white;border-radius:44px 44px 44px 112px;padding:38px;box-shadow:var(--shadow)}
    .form-intro h2{font-size:clamp(34px,4.3vw,54px);line-height:1;letter-spacing:-.06em;margin:10px 0 14px}
    .form-intro p{color:rgba(255,255,255,.80);font-size:17px}
    .tabs{display:flex;gap:10px;margin-bottom:14px}
    .tab{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:12px 17px;font-weight:900;color:var(--green2);cursor:pointer}
    .tab.active{background:var(--terracotta);border-color:var(--terracotta);color:white}
    form{background:var(--white);border:1px solid var(--line);border-radius:36px;padding:28px;box-shadow:var(--shadow2);display:none}
    form.active{display:block}
    .form-section{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}
    .form-section:first-child{border-top:0;padding-top:0;margin-top:0}
    .form-section h3{margin:0 0 14px;color:var(--green2);font-size:24px;letter-spacing:-.04em}
    .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    label{display:block;font-weight:850;color:var(--green2);font-size:14px;margin-bottom:7px}
    .field input,.field select,.field textarea{width:100%;border:1px solid rgba(47,66,56,.18);border-radius:18px;background:#fffaf4;padding:13px 14px;color:var(--green2);outline:none}
    .field textarea{min-height:112px;resize:vertical}
    .checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
    .checks label{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fffaf4;margin:0;color:#4f594f;font-weight:760}
    .checks input{margin-top:4px}
    .form-note{margin-top:10px;color:var(--muted);font-size:13px}
    .full{grid-column:1/-1}

    .final-cta{background:var(--cream2);padding:48px 0 58px}
    .cta-card{border-radius:44px;background:radial-gradient(circle at 10% 30%,rgba(23,162,184,.12),transparent 32%),linear-gradient(135deg,#fff8ef,#f0dfc8);box-shadow:var(--shadow);padding:34px 38px;border:1px solid var(--line);display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
    .cta-card h2{margin:0 0 10px;color:var(--green2);font-size:clamp(34px,4.3vw,54px);line-height:1;letter-spacing:-.06em}
    .cta-card p{margin:0;color:var(--muted);font-size:17px}
    .cta-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}

    footer{padding:28px 0 36px;background:var(--cream);color:var(--muted);font-size:13px}
    .footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
    .footer-links{display:flex;gap:22px;flex-wrap:wrap}
.footer-social{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;}
.footer-social a{opacity:.85;}
.footer-social a:hover{opacity:1;text-decoration:underline;}


    @media(max-width:1100px){
      nav,.nav>.button{display:none}.mobile{display:block}
      .hero-grid,.intro-card,.facts-grid,.employer-grid,.angel-grid,.form-shell,.cta-card{grid-template-columns:1fr}
      .form-intro{position:relative;top:auto}
      .service-grid{grid-template-columns:repeat(2,1fr)}
      .step-row{grid-template-columns:1fr 1fr;gap:22px}.dotted{display:none}
      .why-strip{grid-template-columns:1fr}
      .story-grid{grid-template-columns:repeat(2,1fr)}
      .employer-benefits{grid-template-columns:1fr}
    }
    @media(max-width:720px){
      .container{width:min(100% - 28px,1180px)}
      .nav{min-height:70px}.brand img{width:44px}.brand-text small{display:none}
      .hero{padding-top:34px}.hero-logo{width:150px} h1{font-size:52px}.hero p{font-size:17px}
      .hero-photo,.hero-visual{min-height:auto;height:auto}.hero-photo{height:390px;border-radius:34px 34px 88px 34px}
      .hero-note{position:relative;left:auto;bottom:auto;margin:-26px 12px 0;width:auto}
      section{padding:58px 0}.intro{padding-top:76px}
      .quick-links,.fact-cards,.when-list,.service-grid,.angel-columns,.story-grid,.field-grid,.checks{grid-template-columns:1fr}
      .facts-image{min-height:360px}.service{min-height:360px}
      .step-row{grid-template-columns:1fr}
      .angel-photo,.employer-photo{height:360px}
      .floating-share{right:12px;bottom:12px;padding:13px 15px}.floating-share em{display:none}
      form{padding:20px}.form-intro,.angel-copy,.employer-copy{padding:30px 22px}
    }
  
    /* --- Blanka requested refinements --- */
    .jm-name{font-family:var(--serif);font-weight:500;color:var(--green2);letter-spacing:-.04em;white-space:nowrap;text-transform:none}
    .hero{background:radial-gradient(circle at 12% 18%,rgba(23,162,184,.32),transparent 28%),linear-gradient(135deg,#243d34 0%,#365446 44%,#ead2bd 100%);}
    .hero:after{background:var(--cream2);opacity:.95}
    .hero .eyebrow{color:#f0b08d}.hero h1{color:#fff8ef;text-shadow:0 12px 34px rgba(0,0,0,.18)}.hero .accent{color:#f2b28e}.hero p{color:rgba(255,248,239,.88)}
    .hero-logo{filter:drop-shadow(0 14px 28px rgba(0,0,0,.18))}
    .pill{background:rgba(255,248,239,.16);border-color:rgba(255,248,239,.24);color:#fff8ef;backdrop-filter:blur(10px)}
    .hero-photo{border:8px solid rgba(255,248,239,.22);box-shadow:0 34px 90px rgba(0,0,0,.28)}
    .hero-photo:after{content:"";position:absolute;inset:8px;border-radius:38px 38px 122px 38px;background:linear-gradient(90deg,rgba(32,52,43,.12),rgba(255,248,239,.08));pointer-events:none}
    .hero-note{background:rgba(255,248,239,.92)}
    .share-modal{position:fixed;inset:0;z-index:80;background:rgba(32,52,43,.38);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
    .share-modal.show{display:flex}.share-card{width:min(520px,100%);background:var(--white);border:1px solid var(--line);border-radius:34px;padding:26px;box-shadow:var(--shadow)}
    .share-card h3{margin:0 0 8px;color:var(--green2);font-size:30px;letter-spacing:-.04em}.share-card p{margin:0 0 18px;color:var(--muted)}
    .share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-options a,.share-options button{border:1px solid var(--line);background:#fff7ee;border-radius:18px;padding:13px 14px;text-align:left;font-weight:900;color:var(--green2);cursor:pointer}.share-close{margin-top:14px;background:transparent;border:0;color:var(--muted);font-weight:850;cursor:pointer}
    .floating-share{background:linear-gradient(135deg,#c86b4a,#e28c69);box-shadow:0 20px 54px rgba(23,162,184,.46);animation:softPulse 2.4s ease-in-out infinite}.floating-share em{display:inline!important}
    @keyframes softPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
    .facts{position:relative;background:#f4eadc;min-height:900px;padding:98px 0 88px;overflow:hidden}
    .facts-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,246,238,.16) 0%,rgba(251,246,238,.38) 34%,rgba(251,246,238,.88) 62%,rgba(251,246,238,.96) 100%),url('img/chess.webp') left center/cover no-repeat;filter:saturate(.92) brightness(1.03)}
    .facts-grid{position:relative;z-index:1;display:block}.facts-content{width:min(760px,100%);margin-left:auto;background:rgba(255,253,248,.78);border:1px solid rgba(47,66,56,.12);box-shadow:0 30px 80px rgba(32,52,43,.12);border-radius:44px;padding:34px;backdrop-filter:blur(8px)}
    .facts-content h2,.facts-content .section-lead{text-align:left}.facts-content .section-lead{margin-left:0;margin-right:0}.fact-cards{grid-template-columns:1fr 1fr}.fact-card{background:rgba(255,253,248,.78)!important;box-shadow:none;border-color:rgba(47,66,56,.10)}.fact-card.green{background:rgba(238,244,233,.82)!important}.fact-card.peach{background:rgba(255,240,232,.82)!important}.fact-card.blue{background:rgba(231,241,244,.82)!important}.fact-card.yellow{background:rgba(251,242,214,.82)!important}
    .when{margin-top:26px;padding:30px 26px;border-radius:34px;background:rgba(255,253,248,.90);box-shadow:0 18px 50px rgba(32,52,43,.08);overflow:visible}.when h3{font-size:30px;margin-bottom:26px}.when-list{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.when-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:0 14px;border-right:1px solid rgba(47,66,56,.14);background:transparent;border-radius:0}.when-item:last-child{border-right:0}.when-item span{font-size:15px;line-height:1.35;color:#31473b}.when-item b{color:inherit}.when-icon{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:var(--sage2);color:var(--green2);flex:0 0 86px}.when-item:nth-child(2) .when-icon,.when-item:nth-child(4) .when-icon{background:var(--peach2);color:var(--terracotta)}.when-item:nth-child(3) .when-icon,.when-item:nth-child(6) .when-icon{background:var(--blue);color:#2e7896}.when-icon svg{width:54px;height:54px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
    .sources{margin-top:26px;color:#526056;font-size:14px}.sources a{font-weight:900;text-decoration:underline;text-underline-offset:4px;color:var(--green2)}
    .service{display:flex;align-items:flex-end}.service-text{min-height:178px;display:flex;flex-direction:column;justify-content:flex-end}.service-text small{min-height:29px}.service-text h3{min-height:54px;display:flex;align-items:flex-end}
    footer .jm-name{color:var(--green2)}
    @media(max-width:1100px){.facts{min-height:0}.facts-bg{opacity:.42;background-position:center}.facts-content{margin:0 auto}.when-list{grid-template-columns:repeat(7,minmax(140px,1fr));overflow-x:auto;padding-bottom:10px}.when{overflow:hidden}.fact-cards{grid-template-columns:1fr 1fr}}
    @media(max-width:620px){.hero{padding-top:42px}.facts-content{padding:24px 18px}.fact-cards{grid-template-columns:1fr}.share-options{grid-template-columns:1fr}.floating-share{font-size:13px;right:10px;bottom:10px;padding:12px 14px}.when-item span{font-size:14px}}

  

    /* --- v12: lighter, warmer layout without top bar --- */
    body{background:var(--cream)}
    .hero{padding-top:54px;background:
      radial-gradient(720px 180px at -8% 20%, rgba(23,162,184,.20), transparent 70%),
      radial-gradient(620px 180px at 102% 10%, rgba(138,188,198,.30), transparent 70%),
      linear-gradient(180deg,#fff8ef 0%, var(--cream) 70%, var(--cream2) 100%) !important;}
    .hero:before{content:"";position:absolute;left:-120px;right:-160px;top:80px;height:130px;background:rgba(138,188,198,.25);border-radius:999px;transform:rotate(-7deg);z-index:0;pointer-events:none}
    .hero:after{background:var(--cream2)!important;opacity:1!important}
    .hero .eyebrow{color:var(--terracotta)!important}.hero h1{color:var(--green2)!important;text-shadow:none!important}.hero .accent{color:var(--terracotta)!important}.hero p{color:#465248!important}
    .hero-logo{filter:none!important}.pill{background:rgba(255,253,248,.78)!important;border-color:var(--line)!important;color:var(--green2)!important;backdrop-filter:none!important}
    .hero-photo{border:0!important;box-shadow:0 30px 80px rgba(32,52,43,.16)!important;position:relative}.hero-photo:after{display:none!important}
    .hero-photo img{filter:saturate(.92) contrast(.96) brightness(1.04)}
    .hero-note{background:rgba(255,253,248,.94)!important}
    .floating-share{background:linear-gradient(135deg,var(--terracotta),#d88765);padding:15px 20px;font-size:15px;box-shadow:0 20px 48px rgba(23,162,184,.38)}

    .facts{background:
      radial-gradient(700px 130px at 5% 12%,rgba(23,162,184,.12),transparent 68%),
      radial-gradient(720px 150px at 92% 8%,rgba(138,188,198,.23),transparent 70%),
      var(--cream);padding:88px 0 78px;overflow:hidden}
    .facts:before{content:"";position:absolute;left:-130px;right:-130px;top:74px;height:110px;background:rgba(23,162,184,.10);border-radius:999px;transform:rotate(5deg);pointer-events:none}
    .facts-bg{display:none!important}
    .facts-grid{position:relative;z-index:1;display:block!important}.facts-content{width:100%!important;max-width:none!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;backdrop-filter:none!important}
    .facts-content h2{max-width:900px;text-align:left;margin:0 0 14px}.facts-content .section-lead{max-width:820px;text-align:left;margin:0 0 28px;color:#4f594f}
    .fact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.fact-card{min-height:205px;padding:26px!important;border-radius:30px!important;background:rgba(255,253,248,.76)!important;box-shadow:0 16px 46px rgba(32,52,43,.08)!important}.fact-card.green{background:rgba(238,244,233,.82)!important}.fact-card.peach{background:rgba(255,240,232,.86)!important}.fact-card.blue{background:rgba(231,241,244,.88)!important}.fact-card.yellow{background:rgba(251,242,214,.86)!important}
    .when{margin-top:18px!important;padding:30px 24px 32px!important;border-radius:42px!important;background:rgba(255,253,248,.86)!important;box-shadow:0 20px 54px rgba(32,52,43,.08)!important;overflow:visible!important}.when h3{font-size:32px;margin-bottom:26px}.when-list{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:0!important;overflow:visible!important}.when-item{padding:0 14px!important;min-width:0!important}.when-item span{font-size:16px!important;line-height:1.34!important;color:var(--green2)!important}.when-icon{width:92px!important;height:92px!important;flex:0 0 92px!important}.when-icon img{width:62px;height:62px;object-fit:contain;display:block}.when-icon svg{width:58px!important;height:58px!important}
    .sources{font-size:15px;margin-top:28px}.sources a{font-weight:900;text-decoration:underline;text-underline-offset:4px;color:var(--green2)}
    .how .quote-card{display:none!important}.why-strip{grid-template-columns:.9fr 1.1fr!important}.why-photo img{object-position:center}.why-list div:first-child{order:-10}
    .employers{background:linear-gradient(135deg,#e7f1f4 0%,#eef4e9 55%,#fff0e8 100%)!important}.employer-grid{grid-template-columns:1fr!important}.employer-copy{background:rgba(255,253,248,.78)!important;color:var(--green2)!important;border:1px solid var(--line);border-radius:48px!important}.employer-copy p{color:#4f594f!important}.employer-benefits{grid-template-columns:repeat(3,1fr)!important}.benefit{background:rgba(255,255,255,.68)!important;border:1px solid var(--line)}.benefit strong{color:var(--green2)!important}.benefit span{color:#57625a!important}.employer-photo{display:none!important}
    .testimonials .section-title{text-align:left}.story strong{display:none!important}.story img{height:185px}.story:nth-child(1) img{object-position:center}.story:nth-child(3) img{object-position:center}
    .forms{background:linear-gradient(180deg,var(--cream2),var(--cream));padding-top:82px}.form-shell{grid-template-columns:1fr!important}.form-intro{position:relative!important;top:auto!important;background:rgba(255,253,248,.82)!important;color:var(--green2)!important;border:1px solid var(--line);border-radius:44px!important}.form-intro p{color:#4f594f!important}.tabs{justify-content:center}.tab{min-width:230px}.tab.active{background:var(--green);border-color:var(--green)}
    #budget{display:none}.budget-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.budget-options label{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fffaf4;color:#4f594f;font-weight:760}.budget-options input{margin-right:8px}.budget-other{margin-top:10px}
    @media(max-width:1100px){.fact-cards{grid-template-columns:1fr 1fr!important}.when{overflow:hidden!important}.when-list{grid-template-columns:repeat(7,minmax(150px,1fr))!important;overflow-x:auto!important;padding-bottom:12px}.why-strip{grid-template-columns:1fr!important}.employer-benefits{grid-template-columns:1fr 1fr!important}}
    @media(max-width:720px){.fact-cards{grid-template-columns:1fr!important}.employer-benefits{grid-template-columns:1fr!important}.budget-options{grid-template-columns:1fr}.hero{padding-top:36px}.when-item span{font-size:14px!important}.floating-share em{display:inline!important}.floating-share{max-width:calc(100% - 22px)}}

  
.inline-refer{border:0;background:transparent;color:var(--terracotta);font-weight:950;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0;font:inherit}.inline-refer:hover{color:var(--green2)}


/* v13 refinements */
header{display:none!important}
body{padding-top:0!important}
.jm-name,.brand-word{font-family:var(--serif)!important;font-weight:500!important;letter-spacing:-.045em!important;color:var(--green2)!important;text-transform:none!important}
.hero{background:radial-gradient(circle at 9% 18%,rgba(23,162,184,.16),transparent 25%),radial-gradient(circle at 94% 14%,rgba(231,241,244,.95),transparent 30%),linear-gradient(135deg,#fbf6ee 0%,#f7eadc 58%,#e9f4f5 100%)!important}
.hero::before{content:"";position:absolute;inset:-140px -260px auto auto;width:760px;height:380px;border-radius:48% 52% 56% 44%/45% 55% 42% 58%;background:rgba(184,223,231,.58);transform:rotate(-18deg);filter:blur(.2px);z-index:0}
.hero .wave-blue-1,.hero .wave-blue-2{position:absolute;pointer-events:none;z-index:0;border-radius:999px;background:rgba(184,223,231,.55)}
.hero .wave-blue-1{right:-220px;top:108px;width:620px;height:92px;transform:rotate(-18deg) skewX(-16deg)}
.hero .wave-blue-2{right:-170px;bottom:120px;width:540px;height:64px;transform:rotate(15deg) skewX(18deg);opacity:.65}
.hero-jump{margin:24px 0 4px;max-width:440px;position:relative}
.hero-jump select{width:100%;appearance:none;-webkit-appearance:none;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,248,.92);color:var(--green2);font-weight:900;padding:17px 54px 17px 20px;box-shadow:0 16px 42px rgba(32,52,43,.10);cursor:pointer}
.hero-jump:after{content:"⌄";position:absolute;right:20px;top:50%;transform:translateY(-54%);font-size:24px;color:var(--terracotta);pointer-events:none}
.service{display:flex;align-items:flex-end}.service-text{min-height:176px;display:flex;flex-direction:column;justify-content:flex-end}.service:nth-child(3) .service-text{bottom:0!important;padding-bottom:24px!important}
.facts-bg{display:none!important}.facts{background:var(--cream)!important}.facts-content{position:relative;z-index:2}.facts-grid{display:block!important}.fact-cards{max-width:820px;margin:0 auto 26px}.facts-content h2,.facts-content .section-lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.when{max-width:1180px;margin:26px auto 0!important;background:rgba(255,253,248,.92)!important}.when-list{grid-template-columns:repeat(7,1fr)!important;overflow:visible!important}.when-icon{background:transparent!important}.when-icon img{width:112px!important;height:112px!important;object-fit:contain!important}.when-item{gap:8px!important}.when-item span{font-size:15px!important}.when-item b{display:block!important}.when-item svg{display:none!important}
.employers{background:linear-gradient(135deg,#e5f2f3 0%,#f6eadf 45%,#eef4e9 100%)!important}.inline-refer{color:var(--terracotta)!important}.tabs .tab[data-tab="employerForm"]::after{content:""}
.story:nth-child(3) img{object-position:center!important}
@media(max-width:900px){.hero-jump{max-width:100%}.when-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;overflow:visible!important}.when-item{border-right:0!important;border-radius:22px!important;background:rgba(255,253,248,.72)!important;padding:14px!important}.when-icon img{width:86px!important;height:86px!important}.service-text{min-height:160px}}
@media(max-width:620px){.floating-share em{display:inline!important}.floating-share{left:14px;right:14px;justify-content:center}.when-list{grid-template-columns:1fr!important}.hero::before{opacity:.5}.hero .wave-blue-1,.hero .wave-blue-2{opacity:.55}}



/* v14 refinements */
:root{--royal:#2468d8;--royal2:#4b8cff;--aqua:#cfeef2}
.hero{background:radial-gradient(circle at 10% 14%,rgba(23,162,184,.07),transparent 42%),var(--cream)!important}
.hero .wave-blue-1,.hero .wave-blue-2{background:rgba(36,104,216,.16)!important;filter:blur(.1px)}
.hero .wave-blue-1{right:-260px;top:80px;width:760px;height:100px;transform:rotate(-22deg) skewX(-26deg);border-radius:56% 44% 65% 35%/45% 55% 42% 58%!important}
.hero .wave-blue-2{right:-180px;bottom:85px;width:690px;height:76px;transform:rotate(14deg) skewX(30deg);border-radius:45% 55% 42% 58%/58% 42% 55% 45%!important;background:rgba(75,140,255,.13)!important}
.hero-photo{box-shadow:0 30px 90px rgba(32,52,43,.22)!important}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,52,43,.08),rgba(23,162,184,.05));pointer-events:none}.hero-photo{position:relative}
.service-text{min-height:178px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding-top:0!important}.service-text small{min-height:30px;display:flex;align-items:flex-end}.service-text h3{min-height:58px;display:flex;align-items:flex-start}.service-text p{min-height:64px}.service:nth-child(3) .service-text{padding-bottom:24px!important}
.why-strip{grid-template-columns:.82fr 1.05fr .82fr!important;align-items:stretch!important}.why-photo{min-height:300px!important}.why-photo-right img{object-position:center!important}.why-card{display:flex;flex-direction:column;justify-content:center}.why-list div:first-child{order:-10!important}
.facts{background:linear-gradient(180deg,#fbf6ee 0%,#fff8ef 55%,#fbf6ee 100%)!important}.facts:before{content:"";position:absolute;left:-15%;top:160px;width:55%;height:120px;background:rgba(36,104,216,.10);border-radius:50% 40% 60% 45%;transform:rotate(-14deg);pointer-events:none}.facts:after{content:"";position:absolute;right:-18%;bottom:130px;width:65%;height:90px;background:rgba(75,140,255,.10);border-radius:45% 55% 42% 58%;transform:rotate(12deg);pointer-events:none}
.when-icon{background:transparent!important}.when-icon img{filter:none!important}
.employers{background:linear-gradient(135deg,#e8f6f8 0%,#eaf2ff 38%,#fff0e8 100%)!important;overflow:hidden}.employers:before{content:"";position:absolute;right:-180px;top:70px;width:560px;height:120px;background:rgba(36,104,216,.18);border-radius:50% 44% 56% 48%;transform:rotate(-18deg)}.employer-copy{background:rgba(255,253,248,.86)!important;border:1px solid rgba(36,104,216,.18)!important}.employer-copy .eyebrow{color:var(--royal)!important}.employer-copy h2{color:var(--green2)!important}.employer-benefits{gap:16px!important}.benefit{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(232,246,248,.72))!important;border:1px solid rgba(36,104,216,.14)!important;box-shadow:0 14px 34px rgba(36,104,216,.08)!important}.benefit:nth-child(2n){background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,240,232,.75))!important}.benefit:nth-child(3n){background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(234,242,255,.78))!important}.inline-refer{color:var(--royal)!important}.inline-refer:hover{color:var(--terracotta)!important}
.story:nth-child(3) img{object-position:center!important}.story:nth-child(4) img{object-position:center!important}
.form-intro h2{font-size:clamp(34px,4.5vw,56px)!important}.tab[data-tab="employerForm"]{color:var(--green2)}
@media(max-width:1100px){.why-strip{grid-template-columns:1fr!important}.why-photo-right{display:block!important}.service-text h3,.service-text p{min-height:auto!important}}
@media(max-width:720px){.quick-links{grid-template-columns:1fr 1fr!important}.why-strip{gap:16px!important}.employer-copy{padding:30px 20px!important}}


/* v16 requested fixes */
.eyebrow{ text-transform:none!important; letter-spacing:.035em!important; font-size:14px!important; }
.hero-eyebrow{font-weight:900;color:var(--terracotta)!important;margin-bottom:10px}
.hero-logo{width:245px!important;max-width:78vw;background:rgba(255,253,248,.78);border:1px solid rgba(47,66,56,.10);border-radius:28px;padding:14px 18px;box-shadow:0 20px 56px rgba(32,52,43,.12);margin-bottom:26px!important}
.hero-jump select{font-size:16px}
.when-item:nth-child(1) .when-icon img,.when-item:nth-child(2) .when-icon img,.when-item:nth-child(5) .when-icon img{content:normal!important}
.why-photo-right{display:block!important}
.why-photo-right img{object-position:center center!important}
.other-help{margin-top:14px}
.employers{background:linear-gradient(135deg,#d9eef7 0%,#eaf2ff 35%,#fff0e8 100%)!important}
.employer-copy{border-color:rgba(36,104,216,.25)!important}
.employer-benefits .benefit{border-color:rgba(36,104,216,.18)!important}
.service-text{height:184px!important;min-height:184px!important;justify-content:flex-start!important}
.service-text small{height:32px!important;min-height:32px!important;align-items:flex-start!important}
.service-text h3{height:58px!important;min-height:58px!important;align-items:flex-start!important}
.service-text p{min-height:0!important}
.story:nth-child(3) img{object-position:center center!important}
@media(max-width:720px){.hero-logo{width:190px!important;padding:10px 13px}.quick-links{grid-template-columns:1fr!important}.why-strip{grid-template-columns:1fr!important}.why-photo-right{min-height:260px!important}.field-grid{grid-template-columns:1fr!important}.when-list{grid-template-columns:1fr!important}.when-item{border-right:0!important}}


/* --- Fésült hero update: mockup hero + v16 tartalom megtartása --- */
header{display:none!important}
.hero.hero-mock{
  min-height:760px!important;
  padding:0!important;
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#fbf5ec 0%,#fbf5ec 42%,rgba(251,245,236,.84) 54%,rgba(251,245,236,.08) 100%)!important;
}
.hero.hero-mock:before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:250px!important;
  background:linear-gradient(0deg,#fbf5ec 0%,rgba(251,245,236,.72) 42%,rgba(251,245,236,0) 100%)!important;
  z-index:2!important;
  pointer-events:none!important;
}
.hero.hero-mock:after{display:none!important}
.hero.hero-mock .container{
  position:relative!important;
  z-index:4!important;
  min-height:760px!important;
  display:flex!important;
  align-items:center!important;
}
.hero.hero-mock .hero-copy{
  width:min(610px,52vw)!important;
  padding:54px 0 125px!important;
}
.hero.hero-mock .hero-photo{
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:64%!important;
  height:100%!important;
  min-height:760px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:1!important;
  overflow:hidden!important;
  background:transparent!important;
}
.hero.hero-mock .hero-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.96) contrast(.96) brightness(1.04)!important;
}
.hero.hero-mock .hero-photo:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,#fbf5ec 0%,rgba(251,245,236,.92) 17%,rgba(251,245,236,.45) 39%,rgba(251,245,236,.08) 68%)!important;
}
.hero.hero-mock .hero-photo:after{display:none!important}
.hero-script-logo{
  width:min(320px,74vw)!important;
  margin:0 0 48px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:block!important;
}
.hero.hero-mock .hero-jump{
  max-width:430px!important;
  margin:0 0 28px!important;
  position:relative!important;
}
.hero.hero-mock .hero-jump select{
  width:100%!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(47,66,56,.16)!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.94)!important;
  color:#2f4238!important;
  font-weight:850!important;
  padding:14px 52px 14px 18px!important;
  box-shadow:0 14px 36px rgba(47,66,56,.09)!important;
  cursor:pointer!important;
}
.hero.hero-mock .hero-jump:after{
  content:"⌄"!important;
  position:absolute!important;
  right:20px!important;
  top:50%!important;
  transform:translateY(-54%)!important;
  font-size:24px!important;
  color:#c86b4a!important;
  pointer-events:none!important;
}
.hero.hero-mock h1{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  color:#263b32!important;
  text-shadow:none!important;
  font-size:clamp(54px,6.2vw,94px)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
  font-weight:900!important;
}
.hero.hero-mock .lead{
  max-width:560px!important;
  margin:28px 0 26px!important;
  color:#435149!important;
  font-size:20px!important;
  line-height:1.65!important;
}
.hero.hero-mock .hero-actions{display:flex!important;margin:0 0 45px!important;gap:14px!important}
.hero.hero-mock .button{min-height:58px!important;padding:0 30px!important}
.hero.hero-mock .hero-trust{
  margin-top:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:28px!important;
  max-width:660px!important;
}
.hero.hero-mock .pill{
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  color:#53645b!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
  backdrop-filter:none!important;
}
.hero.hero-mock .pill:before{
  content:"";
  width:46px;height:46px;
  display:block;
  margin:0 auto 10px;
  border:1.5px solid #789084;
  border-radius:50%;
  opacity:.75;
}
.hero.hero-mock .hero-wave{
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:122px!important;
  z-index:5!important;
  pointer-events:none!important;
}
.hero.hero-mock .hero-wave svg{width:100%!important;height:100%!important;display:block!important}
.hero.hero-mock .wave-fill{fill:#e9f2ec!important}
.hero.hero-mock .wave-line{fill:none!important;stroke:#7f9b8f!important;stroke-width:2!important}
.hero.hero-mock .wave-blue-1,.hero.hero-mock .wave-blue-2,.hero.hero-mock .hero-visual,.hero.hero-mock .hero-note,.hero.hero-mock .hero-logo,.hero.hero-mock .eyebrow{display:none!important}

.section-title,.employer-copy h2,.angel-copy h2,.intro-copy h2,.form-intro h2{
  text-wrap:balance;
}
.employers .eyebrow,
.angel .eyebrow,
.intro .eyebrow,
.form-intro .eyebrow{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-style:normal!important;
}
@media(max-width:1000px){
  .hero.hero-mock{min-height:760px!important;background:#fbf5ec!important}
  .hero.hero-mock .container{min-height:760px!important;align-items:flex-end!important}
  .hero.hero-mock .hero-copy{width:100%!important;padding:40px 0 125px!important}
  .hero.hero-mock .hero-photo{width:100%!important;opacity:.42!important}
  .hero.hero-mock .hero-photo:before{background:linear-gradient(0deg,#fbf5ec 0%,rgba(251,245,236,.80) 45%,rgba(251,245,236,.30) 100%)!important}
  .hero.hero-mock .hero-trust{grid-template-columns:1fr 1fr 1fr!important}
}
@media(max-width:700px){
  .hero.hero-mock{min-height:720px!important}
  .hero.hero-mock .container{min-height:720px!important}
  .hero-script-logo{width:230px!important;margin-bottom:28px!important}
  .hero.hero-mock h1{font-size:48px!important}
  .hero.hero-mock .lead{font-size:17px!important}
  .hero.hero-mock .hero-trust{grid-template-columns:1fr!important;gap:14px!important;text-align:left!important}
  .hero.hero-mock .pill{text-align:left!important;display:flex!important;align-items:center!important;gap:10px!important}
  .hero.hero-mock .pill:before{margin:0!important;flex:0 0 32px;width:32px!important;height:32px!important}
}



/* --- v17 Blanka finomhangolások --- */
:root{--terracotta:#17A2B8!important;--green:#243c34!important;--green2:#243c34!important;--ink:#243c34!important;}
body,p,li,span,small,label,input,select,textarea,.section-lead,.service-text p,.fact-card p,.benefit span{color:var(--green2);}
.jm-name{font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive!important;color:var(--terracotta)!important;font-weight:500!important;letter-spacing:.01em!important;font-size:1.24em!important;white-space:nowrap;}
.hero.hero-mock .lead .jm-name{font-size:1.36em!important;line-height:0!important;}
.hero.hero-mock .hero-jump{margin:0 0 14px!important;}
.hero.hero-mock .hero-actions{margin:0 0 38px!important;}
.hero.hero-mock .button.secondary{background:rgba(255,253,248,.70)!important;color:var(--green2)!important;border-color:rgba(23,162,184,.55)!important;box-shadow:none!important;}
.hero.hero-mock .hero-trust{max-width:620px!important;gap:0!important;border-top:0!important;}
.hero.hero-mock .pill{font-weight:850!important;color:var(--green2)!important;position:relative;padding:0 22px!important;}
.hero.hero-mock .pill:not(:last-child){border-right:1px solid rgba(36,60,52,.18)!important;}
.hero.hero-mock .pill:before{display:none!important;}
.hero.hero-mock .pill b{width:54px;height:54px;border:1.5px solid #7f9b8f;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;color:#5f7d70;font-size:22px;font-weight:400;background:rgba(255,253,248,.42);}
.hero.hero-mock .hero-wave{display:none!important;}
.hero.hero-mock .hero-photo img{object-position:center!important;}
.quick-link[href="index_en.html#urlap"] small{line-height:1.35!important;}
.service:nth-child(4) .service-text p{font-size:13px!important;line-height:1.35!important;}
.service:nth-child(4) img{object-position:center!important;}
.employers{background:linear-gradient(90deg,#fbf5ec 0%,#fbf5ec 48%,rgba(251,245,236,.84) 60%,rgba(251,245,236,.20) 100%)!important;position:relative!important;}
.employers:before{display:none!important;}
.employer-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:0!important;align-items:stretch!important;max-width:1180px!important;}
.employer-copy{position:relative!important;z-index:2!important;background:rgba(255,253,248,.88)!important;border:1px solid rgba(36,60,52,.12)!important;border-radius:44px 0 0 44px!important;box-shadow:var(--shadow2)!important;}
.employer-visual{min-height:640px;border-radius:0 44px 44px 0;overflow:hidden;position:relative;box-shadow:var(--shadow2);}
.employer-visual img{width:100%;height:100%;object-fit:cover;object-position:center;}
.employer-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,245,236,.92) 0%,rgba(251,245,236,.48) 28%,rgba(251,245,236,.05) 68%);z-index:1;}
.story:nth-child(3) img{object-position:center!important;}
.form-intro{display:none!important;}
.form-shell{display:block!important;max-width:980px!important;margin:0 auto!important;}
.tabs{justify-content:center!important;}
@media(max-width:1000px){.employer-grid{grid-template-columns:1fr!important}.employer-copy{border-radius:44px!important}.employer-visual{border-radius:34px!important;min-height:360px;margin-top:18px}.hero.hero-mock .hero-trust{grid-template-columns:repeat(3,1fr)!important}.hero.hero-mock .pill{padding:0 12px!important}}
@media(max-width:700px){.hero.hero-mock .hero-trust{grid-template-columns:1fr!important;gap:18px!important}.hero.hero-mock .pill{border-right:0!important}.hero.hero-mock .hero-actions{flex-direction:column!important;align-items:flex-start!important}.hero.hero-mock .button{width:100%!important}.hero.hero-mock .lead .jm-name{font-size:1.2em!important}.service:nth-child(4) .service-text p{font-size:12.5px!important}}



/* --- v18 Blanka finomhangolás --- */
:root{--terracotta:#17A2B8!important;--green2:#20382f!important;--green:#294337!important;}
body, p, li, label, .section-lead, .quick-link small, .story p, .benefit span{color:var(--green2)!important;}
.jm-inline{display:inline-block;height:1.42em;width:auto;vertical-align:-0.38em;margin:0 .10em;object-fit:contain;}
.hero.hero-mock .lead .jm-inline{height:1.55em;vertical-align:-0.44em;}
.eyebrow .jm-inline{height:2.4em;vertical-align:-0.75em;}
.step h3 .jm-inline{height:2.1em;vertical-align:-0.62em;}
.mini-card h3 .jm-inline{height:1.55em;vertical-align:-0.45em;}
.hero.hero-mock .button.terracotta{background:var(--terracotta)!important;box-shadow:0 16px 36px rgba(23,162,184,.28)!important;}
.hero.hero-mock .hero-actions .secondary{display:none!important;}
.hero.hero-mock .hero-actions{margin-top:18px!important;}
.hero.hero-mock .pill{color:var(--green2)!important;}
.hero.hero-mock .pill b{color:#5f7d70!important;background:rgba(255,253,248,.50)!important;}
.hero.hero-mock .pill:nth-child(1) b::before{content:'♡';font-size:24px;}
.hero.hero-mock .pill:nth-child(2) b::before{content:'⌖';font-size:24px;}
.hero.hero-mock .pill:nth-child(3) b::before{content:'✓';font-size:22px;}
.hero.hero-mock .pill b{font-size:0!important;}
.intro .eyebrow{color:var(--green2)!important;}
.intro .eyebrow .jm-inline{filter:none;}
.service-text p{color:rgba(255,253,248,.94)!important;text-shadow:0 1px 4px rgba(0,0,0,.35)!important;}
.service-text h3,.service-text small{color:#fffdf8!important;text-shadow:0 1px 5px rgba(0,0,0,.35)!important;}
.service:after{background:linear-gradient(to top,rgba(18,32,26,.90),rgba(18,32,26,.48) 48%,rgba(18,32,26,.08))!important;}
.service:nth-child(4) .service-text p{font-size:12.2px!important;line-height:1.32!important;color:rgba(255,253,248,.95)!important;}
.service:nth-child(4) img{object-position:center!important;}
.employers{background:linear-gradient(180deg,#fbf5ec 0%,#f4eadc 100%)!important;}
.employer-grid{display:block!important;max-width:1180px!important;}
.employer-copy{border-radius:44px 44px 0 0!important;border-bottom:0!important;}
.employer-visual{border-radius:0 0 44px 44px!important;min-height:0!important;height:auto!important;background:#fffdf8!important;}
.employer-visual img{width:100%!important;height:auto!important;max-height:620px!important;object-fit:contain!important;object-position:center!important;}
.employer-visual:before{display:none!important;}
.story:nth-child(3) img{object-position:center!important;}
.story img{height:210px!important;}
.inline-refer{color:var(--terracotta)!important;}
@media(max-width:720px){.jm-inline{height:1.25em;vertical-align:-0.32em}.hero.hero-mock .lead .jm-inline{height:1.35em}.eyebrow .jm-inline{height:1.9em}.employer-copy{border-radius:30px 30px 0 0!important}.employer-visual{border-radius:0 0 30px 30px!important}.service:nth-child(4) .service-text p{font-size:11.5px!important}}



/* --- v19 Blanka update: intro collage, employer image integration, testimonials --- */
.intro{background:
  radial-gradient(620px 120px at 88% 16%, rgba(74,132,190,.14), transparent 70%),
  radial-gradient(580px 120px at 4% 86%, rgba(23,162,184,.10), transparent 70%),
  var(--cream2)!important;
}
.intro-card{grid-template-columns:1.02fr .98fr!important;overflow:visible!important;position:relative!important;}
.intro-card:after{content:"";position:absolute;right:-72px;bottom:32px;width:260px;height:72px;border-radius:999px;background:repeating-linear-gradient(90deg, rgba(74,132,190,.18) 0 10px, transparent 10px 22px);transform:rotate(-8deg);z-index:0;pointer-events:none;}
.intro-collage{position:relative!important;overflow:visible!important;background:transparent!important;min-height:450px!important;box-shadow:none!important;border-radius:0!important;z-index:1!important;}
.intro-collage .intro-main{position:absolute;left:0;top:20px;width:74%;height:350px!important;min-height:0!important;object-fit:cover;border-radius:34px 34px 96px 34px;box-shadow:0 22px 58px rgba(32,52,43,.14);border:8px solid rgba(255,253,248,.82);}
.intro-collage .intro-overlap{position:absolute;right:0;bottom:18px;width:56%;height:270px!important;object-fit:cover;object-position:center;border-radius:32px;box-shadow:0 20px 54px rgba(32,52,43,.18);border:8px solid rgba(255,253,248,.88);transform:rotate(2deg);}
.intro-copy{position:relative!important;z-index:2!important;}

.employers{background:
  radial-gradient(900px 170px at -10% 15%, rgba(74,132,190,.14), transparent 72%),
  radial-gradient(760px 160px at 100% 92%, rgba(23,162,184,.10), transparent 72%),
  linear-gradient(180deg,#fbf5ec 0%,#f4eadc 100%)!important;
  padding-top:86px!important;
}
.employers:after{content:"";position:absolute;right:-140px;top:54px;width:520px;height:94px;border-radius:999px;background:rgba(74,132,190,.12);transform:rotate(-11deg);pointer-events:none;}
.employer-grid{display:grid!important;grid-template-columns:1.04fr .96fr!important;gap:0!important;align-items:stretch!important;max-width:1180px!important;background:rgba(255,253,248,.88)!important;border:1px solid rgba(32,56,47,.12)!important;border-radius:46px!important;box-shadow:0 24px 68px rgba(32,52,43,.10)!important;overflow:hidden!important;}
.employer-copy{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:48px!important;}
.employer-copy .eyebrow{color:var(--green2)!important;letter-spacing:.04em!important;font-weight:950!important;}
.employer-visual{height:auto!important;min-height:640px!important;border-radius:0!important;background:
  linear-gradient(135deg, rgba(231,241,244,.72), rgba(255,253,248,.72)),
  repeating-linear-gradient(135deg, rgba(74,132,190,.13) 0 8px, transparent 8px 22px)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:22px!important;box-shadow:none!important;overflow:hidden!important;}
.employer-visual img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:30px!important;box-shadow:0 18px 46px rgba(32,52,43,.13)!important;background:#fffdf8!important;}
.employer-visual:before{display:none!important;}
.benefit{background:rgba(255,253,248,.82)!important;}
.story:nth-child(3) img{object-position:center!important;}
.story:nth-child(4) img{object-position:center!important;}
@media(max-width:1000px){
  .intro-card{grid-template-columns:1fr!important;}
  .intro-collage{min-height:420px!important;order:-1;}
  .employer-grid{grid-template-columns:1fr!important;}
  .employer-copy{padding:34px 24px!important;}
  .employer-visual{min-height:360px!important;padding:18px!important;}
  .employer-visual img{height:auto!important;}
}
@media(max-width:720px){
  .intro-collage{min-height:420px!important;}
  .intro-collage .intro-main{width:86%;height:285px!important;}
  .intro-collage .intro-overlap{width:68%;height:220px!important;}
}



/* --- v20 focused fixes: service readability, employer layout, dog crop --- */
:root{--terracotta:#17A2B8;--blue-soft:#dcecf5;--blue-line:#bcd7e8;}
.hero.hero-mock .button.terracotta{background:var(--terracotta)!important;box-shadow:0 14px 32px rgba(23,162,184,.24)!important;}
.hero.hero-mock .button.terracotta:hover{background:#c96333!important;}
.service-grid{align-items:stretch!important;}
.service{min-height:430px!important;}
.service:after{background:linear-gradient(to top,rgba(18,32,26,.94) 0%,rgba(18,32,26,.68) 42%,rgba(18,32,26,.16) 76%,rgba(18,32,26,.03) 100%)!important;}
.service-text{height:auto!important;min-height:0!important;padding:22px 22px 20px!important;justify-content:flex-end!important;}
.service-text small{height:auto!important;min-height:0!important;margin-bottom:9px!important;color:#fff5ed!important;}
.service-text h3{height:auto!important;min-height:0!important;margin-bottom:9px!important;color:white!important;}
.service-text p{height:auto!important;min-height:0!important;color:rgba(255,253,248,.96)!important;font-size:14px!important;line-height:1.43!important;text-shadow:0 1px 5px rgba(0,0,0,.35)!important;}
.service:nth-child(4) .service-text p{font-size:12.8px!important;line-height:1.35!important;}
.service:nth-child(4):after{background:linear-gradient(to top,rgba(18,32,26,.97) 0%,rgba(18,32,26,.72) 55%,rgba(18,32,26,.16) 82%,rgba(18,32,26,.02) 100%)!important;}
.service:nth-child(4) img{object-position:center!important;}

.employers{background:
  radial-gradient(760px 180px at -8% 16%, rgba(74,132,190,.15), transparent 72%),
  radial-gradient(700px 150px at 108% 90%, rgba(23,162,184,.10), transparent 72%),
  linear-gradient(180deg,#fbf5ec 0%,#f4eadc 100%)!important;
  padding:86px 0!important;overflow:hidden!important;position:relative!important;}
.employers:before{content:""!important;position:absolute!important;left:-100px!important;top:88px!important;width:520px!important;height:92px!important;border-radius:999px!important;background:repeating-linear-gradient(90deg,rgba(74,132,190,.16) 0 12px,transparent 12px 24px)!important;transform:rotate(-12deg)!important;pointer-events:none!important;display:block!important;}
.employers:after{content:""!important;position:absolute!important;right:-160px!important;bottom:78px!important;width:620px!important;height:98px!important;border-radius:999px!important;background:rgba(74,132,190,.10)!important;transform:rotate(10deg)!important;pointer-events:none!important;}
.employer-card-v20{position:relative!important;z-index:1!important;background:rgba(255,253,248,.90)!important;border:1px solid rgba(32,56,47,.12)!important;border-radius:46px!important;box-shadow:0 24px 68px rgba(32,52,43,.10)!important;overflow:hidden!important;}
.employer-top-v20{display:grid!important;grid-template-columns:.95fr 1.05fr!important;gap:0!important;align-items:stretch!important;}
.employer-copy-v20{padding:48px 48px 34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.employer-copy-v20 .eyebrow{color:var(--terracotta)!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:none!important;}
.employer-copy-v20 h2{margin:10px 0 16px!important;color:var(--green2)!important;font-size:clamp(34px,4.5vw,58px)!important;line-height:1!important;letter-spacing:-.06em!important;}
.employer-copy-v20 p{color:var(--green2)!important;font-size:17px!important;line-height:1.62!important;margin:0 0 17px!important;}
.employer-button-v20{align-self:flex-start!important;background:var(--terracotta)!important;margin-top:8px!important;box-shadow:0 14px 30px rgba(23,162,184,.22)!important;}
.employer-visual-v20{min-height:430px!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:
  linear-gradient(135deg,rgba(220,236,245,.92),rgba(255,253,248,.86)),
  repeating-linear-gradient(135deg,rgba(74,132,190,.16) 0 8px,transparent 8px 22px)!important;}
.employer-visual-v20 img{display:block!important;width:100%!important;height:auto!important;max-height:490px!important;object-fit:contain!important;object-position:center!important;border-radius:32px!important;box-shadow:0 20px 52px rgba(32,52,43,.14)!important;background:#fffdf8!important;}
.employer-benefits-v20{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;padding:0 48px 48px!important;margin-top:0!important;}
.employer-benefits-v20 .benefit{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(232,246,248,.68))!important;border:1px solid rgba(74,132,190,.20)!important;box-shadow:0 14px 34px rgba(32,52,43,.06)!important;}
.employer-benefits-v20 .benefit:nth-child(2n){background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,240,232,.72))!important;}
.employer-benefits-v20 .benefit strong{color:var(--green2)!important;}
.employer-benefits-v20 .benefit span{color:var(--green2)!important;}
.story:nth-child(4) img{object-fit:contain!important;object-position:center!important;background:#fbf5ec!important;padding:0!important;}
.story:nth-child(3) img{object-position:center!important;}
.testimonials{background:linear-gradient(180deg,var(--cream) 0%,#fffdf8 72%,var(--cream2) 100%)!important;}
.testimonials:before{content:"";position:absolute;left:-80px;top:28px;width:360px;height:64px;border-radius:999px;background:rgba(74,132,190,.10);transform:rotate(-10deg);}
@media(max-width:1000px){
  .employer-top-v20{grid-template-columns:1fr!important;}
  .employer-copy-v20{padding:34px 24px 22px!important;}
  .employer-visual-v20{min-height:0!important;padding:18px!important;}
  .employer-visual-v20 img{max-height:none!important;}
  .employer-benefits-v20{grid-template-columns:1fr 1fr!important;padding:0 24px 34px!important;}
}
@media(max-width:720px){
  .service{min-height:390px!important;}
  .service:nth-child(4) .service-text p{font-size:12px!important;line-height:1.32!important;}
  .employer-card-v20{border-radius:30px!important;}
  .employer-benefits-v20{grid-template-columns:1fr!important;}
}



/* --- v21 Blanka refinements: Angyal collage + better dog testimonial crop --- */
.angel .angel-collage{
  position:relative!important;
  height:560px!important;
  overflow:visible!important;
  border-radius:46px 46px 116px 46px!important;
  box-shadow:none!important;
}
.angel .angel-collage .angel-main{
  width:82%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:46px 46px 116px 46px!important;
  box-shadow:0 22px 58px rgba(32,52,43,.13)!important;
}
.angel .angel-collage .angel-small{
  position:absolute!important;
  right:0!important;
  bottom:-34px!important;
  width:46%!important;
  height:230px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:28px!important;
  border:8px solid var(--cream2)!important;
  box-shadow:0 22px 54px rgba(32,52,43,.18)!important;
  transform:rotate(2deg)!important;
  background:#fffdf8!important;
}
.testimonials .story:nth-child(4) img{
  object-fit:cover!important;
  object-position:center bottom!important;
  height:210px!important;
  background:#fbf5ec!important;
}
.testimonials .story:nth-child(3) img{
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:1100px){
  .angel .angel-collage{height:460px!important;margin-bottom:34px!important;}
  .angel .angel-collage .angel-main{width:86%!important;}
  .angel .angel-collage .angel-small{width:48%!important;height:190px!important;bottom:-28px!important;}
}
@media(max-width:720px){
  .angel .angel-collage{height:390px!important;margin-bottom:38px!important;}
  .angel .angel-collage .angel-main{width:100%!important;}
  .angel .angel-collage .angel-small{width:56%!important;height:150px!important;right:10px!important;bottom:-32px!important;border-width:6px!important;}
  .testimonials .story:nth-child(4) img{height:235px!important;object-position:center bottom!important;}
}


/* --- v22: only Angyal image refresh + aligned service-card text baselines --- */
.angel .angel-collage-v22{
  position:relative!important;
  height:560px!important;
  overflow:visible!important;
  border-radius:46px 46px 116px 46px!important;
  box-shadow:none!important;
}
.angel .angel-collage-v22 .angel-main-v22{
  display:block!important;
  width:86%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:46px 46px 116px 46px!important;
  box-shadow:0 22px 58px rgba(32,52,43,.13)!important;
}
.angel .angel-collage-v22 .angel-small-v22{
  position:absolute!important;
  right:0!important;
  bottom:-30px!important;
  width:43%!important;
  height:218px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:28px!important;
  border:8px solid var(--cream2)!important;
  box-shadow:0 22px 54px rgba(32,52,43,.18)!important;
  transform:rotate(2deg)!important;
  background:#fffdf8!important;
}
.service-text{
  min-height:215px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}
.service-text small,
.service-text h3,
.service-text p{
  flex:0 0 auto!important;
}
.service:nth-child(4) .service-text p{
  font-size:12.8px!important;
  line-height:1.34!important;
}
@media(max-width:1100px){
  .angel .angel-collage-v22{height:460px!important;margin-bottom:34px!important;}
  .angel .angel-collage-v22 .angel-main-v22{width:88%!important;}
  .angel .angel-collage-v22 .angel-small-v22{width:48%!important;height:185px!important;bottom:-28px!important;}
  .service-text{min-height:205px!important;}
}
@media(max-width:720px){
  .angel .angel-collage-v22{height:390px!important;margin-bottom:38px!important;}
  .angel .angel-collage-v22 .angel-main-v22{width:100%!important;}
  .angel .angel-collage-v22 .angel-small-v22{width:58%!important;height:150px!important;right:10px!important;bottom:-32px!important;border-width:6px!important;}
  .service-text{min-height:auto!important;}
}


/* --- v23: Angyal image pile + service text alignment, no existing service images changed --- */
.angel .angel-photo-pile-v23{
  position:relative!important;
  height:560px!important;
  min-height:560px!important;
  overflow:visible!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.angel .angel-photo-pile-v23 .pile-photo{
  position:absolute!important;
  margin:0!important;
  width:48%!important;
  height:245px!important;
  border:8px solid #fffdf8!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fffdf8!important;
  box-shadow:0 22px 54px rgba(32,52,43,.16)!important;
}
.angel .angel-photo-pile-v23 .pile-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.angel .angel-photo-pile-v23 .p1{left:1%!important;top:16px!important;transform:rotate(-4deg)!important;z-index:2!important;}
.angel .angel-photo-pile-v23 .p2{right:3%!important;top:38px!important;transform:rotate(3deg)!important;z-index:3!important;}
.angel .angel-photo-pile-v23 .p3{left:13%!important;bottom:42px!important;transform:rotate(2deg)!important;z-index:4!important;}
.angel .angel-photo-pile-v23 .p4{right:4%!important;bottom:18px!important;transform:rotate(-3deg)!important;z-index:1!important;}
.angel .angel-photo-pile-v23 .p1 img{object-position:center!important;}
.angel .angel-photo-pile-v23 .p2 img{object-position:center!important;}
.angel .angel-photo-pile-v23 .p3 img{object-position:center!important;}
.angel .angel-photo-pile-v23 .p4 img{object-position:center!important;}

/* Service-card texts: make the text blocks start at the same visual level */
.service-text{
  min-height:218px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}
.service-text small{min-height:17px!important;}
.service-text h3{min-height:34px!important;display:flex!important;align-items:flex-end!important;}
.service-text p{min-height:82px!important;}
.service:nth-child(4) .service-text p{
  font-size:12.8px!important;
  line-height:1.34!important;
}

@media(max-width:1100px){
  .angel .angel-photo-pile-v23{height:500px!important;min-height:500px!important;margin-bottom:24px!important;}
  .angel .angel-photo-pile-v23 .pile-photo{height:218px!important;width:49%!important;}
  .service-text{min-height:210px!important;}
}
@media(max-width:720px){
  .angel .angel-photo-pile-v23{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:26px!important;}
  .angel .angel-photo-pile-v23 .pile-photo{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:170px!important;transform:none!important;border-width:5px!important;border-radius:18px!important;
  }
  .service-text{min-height:auto!important;}
  .service-text small,.service-text h3,.service-text p{min-height:0!important;}
}


/* --- v25 fixes requested by Blanka --- */

/* Service cards: align the text blocks to the 4th card */
.services-grid .service,
.service{
  position:relative!important;
}
.services-grid .service-text,
.service-text{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  min-height:168px!important;
  padding:0 26px 26px!important;
  display:block!important;
}
.services-grid .service-text small,
.service-text small{
  display:block!important;
  margin:0 0 14px!important;
  min-height:14px!important;
}
.services-grid .service-text h3,
.service-text h3{
  display:block!important;
  min-height:38px!important;
  margin:0 0 12px!important;
  line-height:1.05!important;
}
.services-grid .service-text p,
.service-text p{
  display:block!important;
  min-height:78px!important;
  margin:0!important;
  line-height:1.38!important;
}
.services-grid .service:nth-child(4) .service-text p,
.service:nth-child(4) .service-text p{
  font-size:12.8px!important;
  line-height:1.34!important;
}

/* Angyal section: make each pile photo unique and similar size */
.angel-photo-pile-v23 .p3 img{
  object-position:center!important;
}

@media(max-width:720px){
  .services-grid .service-text,
  .service-text{
    position:absolute!important;
    min-height:160px!important;
    padding:0 22px 22px!important;
  }
}


/* --- v26 service card alignment: fixed top text line, same height on all four cards --- */
.services-grid .service,
.service{
  position:relative!important;
  overflow:hidden!important;
}

.services-grid .service-text,
.service-text{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:245px!important;
  bottom:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:0 26px 26px!important;
  display:block!important;
}

.services-grid .service-text small,
.service-text small{
  display:block!important;
  margin:0 0 15px!important;
  min-height:14px!important;
  line-height:1.1!important;
}

.services-grid .service-text h3,
.service-text h3{
  display:block!important;
  min-height:0!important;
  margin:0 0 12px!important;
  line-height:1.05!important;
}

.services-grid .service-text p,
.service-text p{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  line-height:1.38!important;
}

.services-grid .service:nth-child(4) .service-text p,
.service:nth-child(4) .service-text p{
  font-size:12.8px!important;
  line-height:1.34!important;
}

@media(max-width:1100px){
  .services-grid .service-text,
  .service-text{
    top:238px!important;
    padding:0 24px 24px!important;
  }
}

@media(max-width:720px){
  .services-grid .service-text,
  .service-text{
    top:auto!important;
    bottom:0!important;
    padding:0 22px 22px!important;
  }
}


/* --- v27 Blanka fixes --- */

/* Hero alja: halvány terrakotta concierge sáv */
.hero .hero-features,
.hero-features,
.hero .trust-row,
.trust-row,
.hero .hero-badges,
.hero-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:min(840px, calc(100% - 42px))!important;
  margin:36px 0 0!important;
  padding:18px 24px!important;
  border-radius:999px!important;
  background:rgba(213,112,66,.13)!important;
  border:1px solid rgba(213,112,66,.18)!important;
  box-shadow:0 18px 45px rgba(87,56,37,.08)!important;
  backdrop-filter:blur(4px)!important;
}
.hero .hero-features > *,
.hero-features > *,
.hero .trust-row > *,
.trust-row > *,
.hero .hero-badges > *,
.hero-badges > *{
  flex:1 1 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 20px!important;
  min-height:auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--green)!important;
  font-weight:800!important;
  font-size:15px!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.hero .hero-features > * + *,
.hero-features > * + *,
.hero .trust-row > * + *,
.trust-row > * + *,
.hero .hero-badges > * + *,
.hero-badges > * + *{
  border-left:1px solid rgba(213,112,66,.28)!important;
}
.hero .hero-features svg,
.hero-features svg,
.hero .trust-row svg,
.trust-row svg,
.hero .hero-badges svg,
.hero-badges svg{
  width:18px!important;
  height:18px!important;
  color:var(--terracotta)!important;
  stroke:var(--terracotta)!important;
}
.hero .hero-features .feature-icon,
.hero-features .feature-icon,
.hero .trust-row .feature-icon,
.trust-row .feature-icon,
.hero .hero-badges .feature-icon,
.hero-badges .feature-icon,
.hero .hero-features i,
.hero-features i,
.hero .trust-row i,
.trust-row i{
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--terracotta)!important;
  font-size:18px!important;
  line-height:1!important;
}

/* Our services: egységesen feljebb a szöveg */
.services-grid .service,
.service{
  position:relative!important;
  overflow:hidden!important;
}
.services-grid .service-text,
.service-text{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:218px!important;
  bottom:auto!important;
  padding:0 26px 24px!important;
  display:block!important;
}
.services-grid .service-text small,
.service-text small{
  display:block!important;
  margin:0 0 13px!important;
  line-height:1.1!important;
}
.services-grid .service-text h3,
.service-text h3{
  display:block!important;
  margin:0 0 10px!important;
  line-height:1.05!important;
}
.services-grid .service-text p,
.service-text p{
  display:block!important;
  margin:0!important;
  line-height:1.32!important;
}
.services-grid .service:nth-child(4) .service-text p,
.service:nth-child(4) .service-text p{
  font-size:12.2px!important;
  line-height:1.28!important;
}

/* Testimonials: a 3. kép alja ne vágódjon le furán */
.testimonials .story:nth-child(3) img,
.stories .story:nth-child(3) img,
.testimonial-grid .story:nth-child(3) img,
.testimonial-card:nth-child(3) img{
  object-position:center 62%!important;
}

/* Forms: aktív For employers gomb fehér szöveg */
.form-tab.active,
.form-tabs .active,
.forms-tabs .active,
button.active,
.tab.active{
  color:#fff!important;
}
.form-tab.active *,
.form-tabs .active *,
.forms-tabs .active *,
button.active *,
.tab.active *{
  color:#fff!important;
  fill:#fff!important;
  stroke:#fff!important;
}

@media(max-width:760px){
  .hero .hero-features,
  .hero-features,
  .hero .trust-row,
  .trust-row,
  .hero .hero-badges,
  .hero-badges{
    width:calc(100% - 28px)!important;
    flex-wrap:wrap!important;
    border-radius:28px!important;
    padding:14px!important;
  }
  .hero .hero-features > *,
  .hero-features > *,
  .hero .trust-row > *,
  .trust-row > *,
  .hero .hero-badges > *,
  .hero-badges > *{
    flex:1 1 100%!important;
    justify-content:flex-start!important;
    padding:9px 10px!important;
    white-space:normal!important;
  }
  .hero .hero-features > * + *,
  .hero-features > * + *,
  .hero .trust-row > * + *,
  .trust-row > * + *,
  .hero .hero-badges > * + *,
  .hero-badges > * + *{
    border-left:0!important;
    border-top:1px solid rgba(213,112,66,.22)!important;
  }
  .services-grid .service-text,
  .service-text{
    top:auto!important;
    bottom:0!important;
    padding:0 22px 22px!important;
  }
}


/* --- v29: valódi halvány terrakotta hero-sáv --- */

/* Régi három nagy körös blokk elrejtése több lehetséges osztálynéven */
.hero-icons,
.hero-points,
.hero-benefits,
.hero-trust,
.feature-row,
.features-row{
  display:none!important;
}

/* Ha a régi blokk konkrét belső elemei még megmaradtak */
.hero .feature-card,
.hero .trust-item,
.hero .hero-feature{
  display:none!important;
}

/* Új concierge sáv */
.hero-concierge-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:min(840px, calc(100% - 48px))!important;
  margin:34px 0 0!important;
  padding:17px 26px!important;
  border-radius:999px!important;
  background:rgba(219,119,75,.16)!important;
  border:1px solid rgba(219,119,75,.23)!important;
  box-shadow:0 18px 42px rgba(68,45,33,.08)!important;
  color:var(--green,#17382f)!important;
  backdrop-filter:blur(4px)!important;
}
.hero-concierge-strip span{
  flex:1 1 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 22px!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:var(--green,#17382f)!important;
  white-space:nowrap!important;
}
.hero-concierge-strip span + span{
  border-left:1px solid rgba(219,119,75,.30)!important;
}

/* Services: egységesen feljebb, azonos betűmérettel */
.services-grid .service-text,
.service-text{
  top:205px!important;
}
.services-grid .service:nth-child(4) .service-text p,
.service:nth-child(4) .service-text p{
  font-size:inherit!important;
  line-height:1.32!important;
}

@media(max-width:760px){
  .hero-concierge-strip{
    width:calc(100% - 28px)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    border-radius:26px!important;
    padding:10px 18px!important;
    margin-top:26px!important;
  }
  .hero-concierge-strip span{
    justify-content:flex-start!important;
    padding:10px 0!important;
    white-space:normal!important;
  }
  .hero-concierge-strip span + span{
    border-left:0!important;
    border-top:1px solid rgba(219,119,75,.26)!important;
  }
}



/* ===== JövökMama immersive mobile v2 ===== */
@media (max-width: 760px){
  html, body{overflow-x:hidden!important;background:#fbf5ec!important;}
  body{font-size:16px!important;}

  .language-switcher{
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + 14px)!important;
    right:14px!important;
    z-index:999!important;
    transform:scale(.86)!important;
    transform-origin:top right!important;
    box-shadow:0 14px 38px rgba(32,52,43,.18)!important;
  }

  /* Hero: mobilon először a kép, utána a szöveg kártyaként beúszva */
  .hero.hero-mock{
    min-height:auto!important;
    padding:0 0 48px!important;
    overflow:visible!important;
    background:linear-gradient(180deg,#120e0a 0%,#fbf5ec 72%)!important;
  }
  .hero.hero-mock:before,
  .hero.hero-mock:after,
  .hero.hero-mock .hero-wave{display:none!important;}

  .hero.hero-mock .hero-photo{
    position:relative!important;
    inset:auto!important;
    width:100vw!important;
    height:100svh!important;
    min-height:620px!important;
    max-height:920px!important;
    margin-left:calc(50% - 50vw)!important;
    border:0!important;
    border-radius:0 0 34px 34px!important;
    box-shadow:0 28px 70px rgba(32,52,43,.22)!important;
    opacity:1!important;
    z-index:1!important;
    overflow:hidden!important;
    background:#2d2119!important;
    animation:jmHeroZoomIn 1100ms cubic-bezier(.2,.8,.2,1) both!important;
  }
  .hero.hero-mock .hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:61% center!important;
    filter:saturate(1.03) contrast(1.05) brightness(1.02)!important;
    transform:scale(1.015)!important;
  }
  .hero.hero-mock .hero-photo:before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:
      linear-gradient(180deg,rgba(13,10,8,.10) 0%,rgba(13,10,8,0) 28%,rgba(251,245,236,.08) 62%,#fbf5ec 100%),
      linear-gradient(90deg,rgba(251,245,236,.06) 0%,rgba(251,245,236,0) 42%)!important;
    pointer-events:none!important;
  }
  .hero.hero-mock .hero-photo:after{display:none!important;}

  .hero.hero-mock .container{
    display:block!important;
    min-height:auto!important;
    width:calc(100% - 32px)!important;
    margin:-92px auto 0!important;
    position:relative!important;
    z-index:5!important;
  }
  .hero.hero-mock .hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:26px 20px 22px!important;
    margin:0!important;
    border-radius:32px!important;
    background:rgba(255,253,248,.88)!important;
    border:1px solid rgba(47,66,56,.12)!important;
    box-shadow:0 24px 70px rgba(32,52,43,.16)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    animation:jmTextFloatUp 800ms cubic-bezier(.2,.8,.2,1) .28s both!important;
  }
  .hero-script-logo{
    width:188px!important;
    max-width:72vw!important;
    margin:0 0 18px!important;
  }
  .hero.hero-mock h1{
    font-size:clamp(42px,13vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.058em!important;
    margin:0 0 16px!important;
  }
  .hero.hero-mock .lead{
    font-size:16.5px!important;
    line-height:1.55!important;
    margin:0 0 18px!important;
    max-width:100%!important;
  }
  .hero.hero-mock .hero-jump{max-width:100%!important;margin:0 0 12px!important;}
  .hero-dropdown{max-width:100%!important;}
  .hero-dropdown-toggle{min-height:54px!important;font-size:15px!important;padding:12px 50px 12px 17px!important;}
  .hero-dropdown-menu{margin-top:8px!important;background:rgba(255,253,248,.98)!important;}
  .hero.hero-mock .hero-actions{display:block!important;margin:0!important;}
  .hero.hero-mock .button{width:100%!important;min-height:56px!important;margin-top:12px!important;justify-content:center!important;}
  .hero-concierge-strip{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:14px!important;}
  .hero-concierge-strip span{justify-content:center!important;width:100%!important;}

  /* finom, de nem idegesítő scroll reveal */
  .jm-reveal{opacity:0;transform:translateY(24px);transition:opacity .68s ease, transform .68s cubic-bezier(.2,.8,.2,1);}
  .jm-reveal.jm-visible{opacity:1;transform:none;}
  .service.jm-reveal:nth-child(2n), .story.jm-reveal:nth-child(2n){transform:translateY(24px) translateX(10px);}
  .service.jm-reveal:nth-child(2n).jm-visible, .story.jm-reveal:nth-child(2n).jm-visible{transform:none;}

  section{padding:58px 0!important;}
  .container{width:calc(100% - 32px)!important;}
  .section-title{font-size:clamp(34px,10vw,46px)!important;line-height:1.02!important;}
  .section-lead{font-size:16.5px!important;}

  /* Űrlapok: tabok soha ne csússzanak ki oldalra */
  .forms{padding:56px 0 78px!important;overflow:hidden!important;}
  .form-shell{display:block!important;width:100%!important;grid-template-columns:1fr!important;}
  .form-intro{
    display:block!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    margin:0 0 18px!important;
    padding:26px 20px!important;
    border-radius:30px!important;
  }
  .form-intro h2{font-size:34px!important;line-height:1.04!important;}
  .tabs{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0 0 16px!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
  }
  .tab{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:normal!important;
    text-align:center!important;
    padding:14px 16px!important;
    border-radius:999px!important;
    font-size:17px!important;
    line-height:1.15!important;
    pointer-events:auto!important;
    box-shadow:0 12px 30px rgba(32,52,43,.07)!important;
  }
  .tab.active{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important;}

  form{
    width:100%!important;
    max-width:100%!important;
    padding:24px 18px!important;
    border-radius:30px!important;
    overflow:hidden!important;
  }
  form.active{display:block!important;animation:jmFormIn .38s ease both!important;}
  .form-section{padding:22px 0!important;}
  .form-section h3{font-size:28px!important;line-height:1.06!important;}
  .field-grid,.checks{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;}
  .full{grid-column:auto!important;}
  .field input,.field select,.field textarea{
    max-width:100%!important;
    min-height:54px!important;
    font-size:16px!important;
  }
  .checks label{min-width:0!important;width:100%!important;}

  /* Lebegő ajánlás gomb ne takarja ki az űrlapot */
  .floating-share{
    left:auto!important;
    right:14px!important;
    bottom:calc(env(safe-area-inset-bottom) + 14px)!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    padding:0!important;
    border-radius:999px!important;
    justify-content:center!important;
    box-shadow:0 16px 42px rgba(23,162,184,.34)!important;
  }
  .floating-share em{display:none!important;}
  .floating-share span{font-size:0!important;}
  .floating-share:before{content:"♡";font-size:28px!important;line-height:1!important;color:#fff!important;}

  .story,.service,.fact-card,.intro-card,.when,.employer-copy,.angel-copy,form{box-shadow:0 16px 42px rgba(32,52,43,.10)!important;}
}

@keyframes jmHeroZoomIn{from{opacity:.35;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@keyframes jmTextFloatUp{from{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes jmFormIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:760px) and (prefers-reduced-motion: reduce){
  .hero.hero-mock .hero-photo,.hero.hero-mock .hero-copy,form.active,.jm-reveal{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;}
}


@media (max-width:760px){
  .floating-share{
    width:64px!important;
    height:64px!important;
    padding:0!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
  }
  .floating-share span{
    margin:0!important;
    line-height:1!important;
  }
  .floating-share span:first-child{
    font-size:26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .floating-share span:last-child{
    display:none!important;
  }

  .hero-photo img{
    object-position:right center!important;
    transition:transform .15s linear!important;
    will-change:transform!important;
  }
}


/* ===== JÖVÖKMAMA REAL MOBILE REDESIGN ===== */
@media (max-width: 760px) {
  html, body {
    overflow-x: hidden !important;
    scroll-behavior: smooth;
  }

  body {
    background: #f7efe5 !important;
  }

  /* Hero: mobile becomes image-first, then content card */
  .hero,
  .hero.hero-mock,
  section.hero {
    min-height: auto !important;
    height: auto !important;
    padding: 0 0 34px !important;
    display: block !important;
    background: #f7efe5 !important;
    overflow: visible !important;
  }

  .hero-grid,
  .hero.hero-mock .hero-grid,
  .hero .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  .hero-visual,
  .hero.hero-mock .hero-visual,
  .hero .hero-visual {
    order: 1 !important;
    width: 100% !important;
    height: 88vh !important;
    min-height: 640px !important;
    max-height: 820px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 0 34px 34px !important;
    box-shadow: 0 24px 50px rgba(33, 52, 43, .18) !important;
    background: #21342b !important;
  }

  .hero-photo,
  .hero.hero-mock .hero-photo,
  .hero .hero-photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 0 0 34px 34px !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .hero-photo img,
  .hero.hero-mock .hero-photo img,
  .hero .hero-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 63% center !important;
    opacity: 1 !important;
    filter: none !important;
    transform: scale(1.06) translateY(0);
    transition: transform .08s linear !important;
    will-change: transform !important;
  }

  /* Dark bottom gradient for immersive opening */
  .hero-visual::after,
  .hero .hero-visual::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(to bottom, rgba(0,0,0,.06) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,.35) 100%) !important;
  }

  /* Put the language switcher on top of the photo */
  .lang-switch,
  .language-switch,
  .lang-toggle {
    position: fixed !important;
    top: max(18px, env(safe-area-inset-top)) !important;
    right: 18px !important;
    z-index: 9999 !important;
    transform: scale(.88) !important;
    transform-origin: top right !important;
  }

  /* Hero text card below image */
  .hero-content,
  .hero-copy,
  .hero-text,
  .hero .hero-content,
  .hero.hero-mock .hero-content {
    order: 2 !important;
    width: calc(100% - 32px) !important;
    margin: -30px 16px 0 !important;
    padding: 32px 24px 28px !important;
    border-radius: 34px !important;
    background: rgba(255, 252, 246, .94) !important;
    box-shadow: 0 22px 54px rgba(33, 52, 43, .12) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    position: relative !important;
    z-index: 5 !important;
    transform: translateY(18px) !important;
    opacity: 0 !important;
    animation: jmHeroCardIn .75s ease-out .22s forwards !important;
  }

  @keyframes jmHeroCardIn {
    from { opacity: 0; transform: translateY(32px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .hero-logo,
  .logo,
  .brand-logo {
    max-width: 240px !important;
  }

  .hero h1,
  .hero-title,
  .hero .hero-title,
  .hero-content h1 {
    font-size: clamp(52px, 15vw, 74px) !important;
    line-height: .93 !important;
    letter-spacing: -1.5px !important;
    margin: 18px 0 18px !important;
    max-width: 100% !important;
  }

  .hero p,
  .hero-lead,
  .hero .hero-lead,
  .hero-content p {
    font-size: 18px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
  }

  .hero-actions,
  .hero-buttons,
  .hero-cta-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 22px !important;
  }

  .hero .btn,
  .hero button,
  .hero a.button,
  .hero .cta,
  .hero .dropdown-toggle,
  .hero select {
    width: 100% !important;
    min-height: 58px !important;
    justify-content: center !important;
  }

  /* Small scroll cue over photo */
  .jm-scroll-cue {
    display: flex !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 22px !important;
    transform: translateX(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 4 !important;
    color: #fff !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.14) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    animation: jmCue 1.4s ease-in-out infinite !important;
  }

  @keyframes jmCue {
    0%, 100% { transform: translateX(-50%) translateY(0); opacity: .8; }
    50% { transform: translateX(-50%) translateY(8px); opacity: 1; }
  }

  /* General section reveal */
  .jm-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s ease, transform .7s ease;
  }

  .jm-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Forms: no horizontal scrolling tabs on mobile */
  .form-tabs,
  .forms-tabs,
  .tabs,
  .form-selector,
  .form-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .form-tabs > *,
  .forms-tabs > *,
  .tabs > *,
  .form-selector > *,
  .form-nav > *,
  .form-tab,
  .tab-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 62px !important;
    border-radius: 22px !important;
    white-space: normal !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transform: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
  }

  .form-panel,
  .tab-panel,
  .forms-panel,
  form {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }

  input,
  textarea,
  select {
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* prevents iOS zoom */
  }

  /* Floating share: one centered heart, no duplicate text/icon */
  .floating-share,
  .share-floating,
  .share-fab,
  .recommend-fab {
    position: fixed !important;
    right: 18px !important;
    bottom: calc(18px + env(safe-area-inset-bottom)) !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    max-width: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    z-index: 9998 !important;
    box-shadow: 0 14px 34px rgba(217, 113, 62, .32) !important;
  }

  .floating-share *,
  .share-floating *,
  .share-fab *,
  .recommend-fab * {
    display: none !important;
  }

  .floating-share::before,
  .share-floating::before,
  .share-fab::before,
  .recommend-fab::before {
    content: "♡" !important;
    display: block !important;
    font-size: 42px !important;
    line-height: 1 !important;
    color: #fff !important;
    font-weight: 700 !important;
    transform: translateY(-1px) !important;
  }

  /* Avoid content hidden by browser bottom toolbar / floating button */
  body {
    padding-bottom: 84px !important;
  }
}

@media (min-width: 761px) {
  .jm-scroll-cue { display: none !important; }
}



/* --- FINAL MOBILE HERO VISIBILITY FIX: keep hero text visible on phones --- */
@media (max-width: 760px){
  .hero.hero-mock,
  section.hero.hero-mock{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    padding:0 0 46px!important;
    overflow:visible!important;
    background:#fbf5ec!important;
  }
  .hero.hero-mock .hero-photo{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100vw!important;
    height:58vh!important;
    min-height:390px!important;
    max-height:560px!important;
    margin:0 0 0 calc(50% - 50vw)!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:1!important;
    border-radius:0 0 34px 34px!important;
    overflow:hidden!important;
    animation:none!important;
    transform:none!important;
  }
  .hero.hero-mock .hero-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:62% center!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .hero.hero-mock .container{
    order:2!important;
    display:block!important;
    width:calc(100% - 32px)!important;
    max-width:none!important;
    min-height:0!important;
    margin:-48px auto 0!important;
    padding:0!important;
    position:relative!important;
    z-index:20!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .hero.hero-mock .hero-copy{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:26px 20px 22px!important;
    border-radius:32px!important;
    background:rgba(255,253,248,.96)!important;
    border:1px solid rgba(47,66,56,.12)!important;
    box-shadow:0 24px 70px rgba(32,52,43,.16)!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    animation:none!important;
    color:#20382f!important;
  }
  .hero.hero-mock .hero-copy *,
  .hero.hero-mock .hero-copy h1,
  .hero.hero-mock .hero-copy .lead,
  .hero.hero-mock .hero-copy p,
  .hero.hero-mock .hero-copy a,
  .hero.hero-mock .hero-copy button{
    visibility:visible!important;
    opacity:1!important;
  }
  .hero.hero-mock .hero-copy h1{
    color:#20382f!important;
    font-size:clamp(42px,13vw,56px)!important;
    line-height:.98!important;
    margin:0 0 16px!important;
  }
  .hero.hero-mock .hero-copy .lead,
  .hero.hero-mock .hero-copy p.lead{
    display:block!important;
    color:#435149!important;
    font-size:16.5px!important;
    line-height:1.55!important;
    margin:0 0 18px!important;
  }
  .hero-script-logo{
    display:block!important;
    width:188px!important;
    max-width:72vw!important;
    height:auto!important;
    margin:0 0 18px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .hero.hero-mock .hero-jump,
  .hero.hero-mock .hero-actions,
  .hero.hero-mock .hero-concierge-strip{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    animation:none!important;
  }
  .hero.hero-mock .hero-actions .button{
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
  }
}



/* --- package info box centered under all 4 cards --- */
.jm-packages-wrap .jm-package-layout{align-items:start;}
.jm-packages-wrap .jm-note{grid-column:1 / -1 !important;width:min(860px,100%) !important;margin:24px auto 0 !important;justify-content:center;text-align:center;}
@media(max-width:760px){.jm-packages-wrap .jm-note{text-align:left;justify-content:flex-start;}}



/* --- fix: EN missing package image + align away package images --- */
.jm-away-package{
  display:grid !important;
  grid-template-rows:74px 38px 58px 36px 104px auto !important;
  align-items:start !important;
  min-height:350px !important;
}
.jm-away-package .jm-away-badge{margin:20px auto 0 !important;}
.jm-away-package h3{margin:0 0 6px !important;}
.jm-away-sub{min-height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.jm-away-price{margin:0 0 10px !important;}
.jm-away-package img{height:104px !important;margin-top:0 !important;align-self:stretch !important;}
.jm-away-package p:last-child{align-self:start !important;}
@media(max-width:1100px){
  .jm-away-package{grid-template-rows:auto auto auto auto 150px auto !important;}
  .jm-away-package img{height:150px !important;}
}


.cta-card .button.terracotta,
.packages-cta .button,
.package-cta,
a[href*="ajanlat"],
a[href*="quote"]{
    font-family:'Inter',sans-serif !important;
    font-weight:600 !important;
    letter-spacing:-0.01em !important;
}



/* --- FIX: English hero dropdown should not have blue option background --- */
.hero-jump select,
.hero-jump select option,
.hero.hero-mock .hero-jump select,
.hero.hero-mock .hero-jump select option,
select option{
  background:#fffdf8 !important;
  color:#20382f !important;
}
.hero-jump select:focus,
.hero.hero-mock .hero-jump select:focus{
  background:#fffdf8 !important;
  color:#20382f !important;
}


/* SOS package image fix: embedded images + stable display */
.jm-package-card > img{display:block!important;width:100%!important;height:174px!important;object-fit:cover!important;background:#fff7ee!important;}
@media(max-width:760px){.jm-package-card > img{height:210px!important;}}


/* JövökMama kisállat aloldalak – óvatos szerkezeti kiegészítés */
.jm-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:34px;}
.jm-choice-card{display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid rgba(23,162,184,.16);border-radius:28px;background:#fffaf5;box-shadow:0 16px 38px rgba(39,50,40,.08);text-decoration:none;color:#173d35!important;transition:transform .18s ease, box-shadow .18s ease;}
.jm-choice-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(39,50,40,.12)}
.jm-choice-card img{width:100%;height:280px;object-fit:cover;display:block;}
.jm-choice-card-body{padding:26px 28px 30px;}
.jm-choice-card p:first-child{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950;color:#173d35;}
.jm-choice-card h3{font-family:var(--serif)!important;font-size:38px;line-height:1.02;margin:0 0 12px;color:#173d35;font-weight:600;}
.jm-choice-card h3 em{color:#c86b4a;font-style:italic;}
.jm-choice-card .jm-choice-text{font-size:16px;line-height:1.55;margin:0 0 18px;color:#21443c;}
.jm-choice-link{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#17A2B8;}
.jm-pet-detail .jm-away-card{padding:34px;}
.jm-pet-detail .jm-pet-panel{box-shadow:none;}
.jm-pet-detail .jm-pet-panel-cta{margin-bottom:0;}
.jm-pet-detail .jm-pet-body{padding-top:28px;}
.jm-pet-detail .jm-pet-pricecard{min-height:0;}
.jm-pet-back{padding:0 34px 34px;display:flex;gap:14px;flex-wrap:wrap;}
.jm-pet-back a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;background:#fffaf5;border:1px solid rgba(23,162,184,.16);color:#173d35!important;font-weight:900;text-decoration:none;}
.jm-pet-back a:hover{color:#c86b4a!important;}
@media(max-width:900px){.jm-choice-grid{grid-template-columns:1fr;padding:22px}.jm-choice-card img{height:240px}.jm-pet-detail .jm-away-card{padding:18px}.jm-pet-back{padding:0 18px 24px}}

/* Kiemelt "Request help" gomb a fő navigációban */
.jm-nav-links a.jm-nav-cta{
  background:var(--petrol,#17A2B8)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  border-bottom:2px solid transparent!important;
  margin-left:6px;
  flex-shrink:0;
}
.jm-nav-links a.jm-nav-cta::after{display:none!important;}
.jm-nav-links a.jm-nav-cta:hover{opacity:.9;color:#fff!important;border-bottom-color:transparent!important;}
@media(max-width:920px){
  .jm-nav-links a.jm-nav-cta{
    margin:8px 0 0!important;
    text-align:center!important;
    border-radius:999px!important;
  }
}

/* Kérdőívek link a lábléc alján - halkabb, nem konverziós elem */
.footer-surveys-link{margin-bottom:8px;}
.footer-surveys-link a{font-size:12.5px;color:#6f6860;text-decoration:underline;text-underline-offset:2px;}
.footer-surveys-link a:hover{color:#20342b;}