/* HT Design Europe — htlp.css. Tot CSS-ul e izolat sub #htlp (și #htlp-hdr / #htlp-ftr / #htlp-mbar pentru header/footer/bara mobilă). */ :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar){ --b:#057092; --g:#0d8169; --grad:linear-gradient(118deg,#057092 0%,#0d8169 100%); --ink:#0f2a3a; --txt:#3b5160; --mute:#6f8592; --line:#e3ebee; --line2:#d3e0e5; --soft:#f5f8fa; --soft2:#e8f2f4; --bg:#ffffff; --note:#b7791f; --notebg:#fff7e6; --font:'Open Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; --r:16px; --sh:0 10px 30px rgba(5,112,146,.08),0 2px 6px rgba(15,42,58,.05); color-scheme:light; } :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) *{box-sizing:border-box} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar){margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) img{max-width:100%;display:block} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) h1,:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) h2,:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) h3,:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) h4{color:var(--ink);line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.015em} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) p{margin:0} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) a{color:var(--b)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) button{font-family:inherit} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sec{padding-block:88px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sec.tight{padding-block:48px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sec.soft{background:var(--soft)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--b);margin-bottom:14px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .eyebrow::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--grad)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .h1{font-size:clamp(34px,4.6vw,56px);font-weight:800;line-height:1.08} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .h2{font-size:clamp(28px,3.4vw,42px);font-weight:800} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .h3{font-size:20px;font-weight:700} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .lead{font-size:18px;line-height:1.6;max-width:62ch} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .mute{color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--grad);color:#fff;font-weight:700;padding:15px 26px;border-radius:12px;text-decoration:none;font-size:16px;border:0;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px rgba(5,112,146,.22);transition:transform .15s,box-shadow .15s} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(5,112,146,.28)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .btn.sm{padding:11px 18px;font-size:14.5px;border-radius:10px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line2);box-shadow:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .btn.ghost:hover{border-color:var(--b);color:var(--b);box-shadow:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .btn.white{background:#fff;color:var(--b);box-shadow:0 8px 20px rgba(0,0,0,.12)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) :focus-visible{outline:3px solid #8fd3c7;outline-offset:2px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .two{grid-template-columns:1fr;gap:32px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sec{padding-block:60px}} #htlp-hdr{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40} #htlp-hdr .wrap{display:flex;align-items:center;gap:30px;height:76px} #htlp-hdr .lg img{height:38px;width:auto} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .nav{display:flex;gap:28px;margin-left:auto;font-weight:600;font-size:15px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .nav a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .nav a.cur{border-color:var(--g);color:var(--b)} #htlp-hdr .tel{font-weight:700;color:var(--ink);text-decoration:none;font-size:15px;display:flex;align-items:center;gap:7px} #htlp-hdr .tel svg{width:17px;height:17px;stroke:var(--b);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .lang{font-size:12.5px;font-weight:700;color:var(--mute);border:1px solid var(--line2);border-radius:6px;padding:4px 8px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .burger{display:none;width:40px;height:40px;border:1.5px solid var(--line2);border-radius:10px;background:#fff;align-items:center;justify-content:center;flex:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .burger svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2.2;stroke-linecap:round} @media(max-width:1000px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .nav,:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .lang,#htlp-hdr .tel{display:none} #htlp-hdr .wrap{height:66px;gap:12px} #htlp-hdr .btn{margin-left:auto} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .burger{display:flex}} #htlp-ftr{background:var(--soft);border-top:1px solid var(--line);padding-block:64px 36px;font-size:14.5px} #htlp-ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr .9fr;gap:36px} @media(max-width:920px){#htlp-ftr .cols{grid-template-columns:1fr 1fr}} @media(max-width:560px){#htlp-ftr .cols{grid-template-columns:1fr}} #htlp-ftr h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:14px;font-weight:700} #htlp-ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px} #htlp-ftr a{color:var(--ink);text-decoration:none} #htlp-ftr .lg img{height:40px;width:auto;margin-bottom:12px} #htlp-ftr .soc{display:flex;gap:16px;margin-top:16px} #htlp-ftr .soc a{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px} #htlp-ftr .soc svg{width:18px;height:18px;fill:var(--b)} #htlp-ftr .legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line2);font-size:12.5px;color:var(--mute);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap} #htlp-ftr .fl b{display:block;color:var(--ink)} #htlp-ftr .fl span{color:var(--mute);font-size:13.5px} #htlp-mbar{display:none} @media(max-width:700px){#htlp-mbar{display:flex;position:sticky;bottom:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));gap:10px} #htlp-mbar .btn{flex:1;padding:13px;font-size:15px}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .trust{display:flex;flex-wrap:wrap;gap:14px 36px;align-items:center;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .trust .t{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--txt)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .trust .t b{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .gbadge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .gbadge .st{color:#f5a623;letter-spacing:1px;font-size:13px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .gbadge .g{font-weight:800;background:linear-gradient(90deg,#4285F4,#EA4335,#FBBC05,#34A853);-webkit-background-clip:text;background-clip:text;color:transparent} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .logos{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:560px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .logos{grid-template-columns:repeat(3,minmax(0,1fr))}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .logos div{background:#fff;border:1px solid var(--line);border-radius:12px;height:76px;display:flex;align-items:center;justify-content:center;padding:14px 22px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .logos img{max-height:38px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .logos div:hover img{filter:none;opacity:1} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .logos-title{text-align:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:18px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start;padding-top:56px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero{grid-template-columns:1fr;gap:36px;padding-top:36px}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero .lead{margin-top:20px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero .cta-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .call{font-weight:700;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .call i{width:40px;height:40px;border-radius:50%;background:var(--soft2);display:flex;align-items:center;justify-content:center} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .call svg{width:18px;height:18px;stroke:var(--b);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .call small{display:block;color:var(--mute);font-weight:400;font-size:12.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .ticks{display:grid;gap:10px;margin-top:28px;list-style:none;padding:0} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .ticks li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .ticks li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23000' stroke='none'/%3E%3C/svg%3E") center/100% no-repeat;mask:none;background:var(--soft2);position:relative;margin-top:1px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .ticks li::before{-webkit-mask:none;background:var(--soft2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23057092' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:60%;background-position:center;background-repeat:no-repeat} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero-shots a{display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3;position:relative;max-width:100%} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero-shots img{width:100%;height:100%;object-fit:cover;transition:transform .4s} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero-shots a:hover img{transform:scale(1.04)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero-shots span{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:700;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .formcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--sh);position:relative} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .formcard::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:20px 20px 0 0;background:var(--grad)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .formcard h2{font-size:23px;font-weight:800} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .formcard .sub{font-size:14px;color:var(--mute);margin-top:4px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .steps{display:flex;gap:18px;margin:18px 0 20px;font-size:13px;font-weight:700;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .steps span{display:flex;align-items:center;gap:7px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .steps span b{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--grad);color:#fff;align-items:center;justify-content:center;font-size:12px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .steps span.off b{background:#d6e1e5} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f{display:grid;gap:14px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f label{font-size:13.5px;font-weight:700;color:var(--ink);display:grid;gap:6px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f label small{font-weight:400;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f input,:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f select{width:100%;font:15.5px var(--font);padding:13px 14px;border:1.5px solid var(--line2);border-radius:10px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f input:focus,:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f select:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(5,112,146,.12);outline:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f .row{display:grid;grid-template-columns:1fr 1fr;gap:14px} @media(max-width:560px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f .row{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .chips{display:flex;gap:8px;flex-wrap:wrap} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .chips span{border:1.5px solid var(--line2);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;user-select:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .chips span.on{background:var(--soft2);border-color:var(--b);color:var(--b)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .phone{display:grid;grid-template-columns:118px 1fr;gap:8px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f .fine{font-size:12.5px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .f .err{font-size:12.5px;color:#b3261e} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .next{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .next b{display:block;color:var(--ink);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .next ol{margin:0;padding-left:18px;display:grid;gap:4px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .formwrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .formwrap{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cards{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card:hover{transform:translateY(-3px);box-shadow:var(--sh)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .im{aspect-ratio:4/3;overflow:hidden;background:#e9eef1;position:relative} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card:hover .im img{transform:scale(1.04)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .im .m2{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .bd{padding:16px 18px 18px;display:grid;gap:3px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .cl{font-weight:800;color:var(--ink);font-size:17px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .fa{font-size:14px;color:var(--txt)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .meta{display:flex;gap:10px;font-size:12.5px;color:var(--mute);margin-top:6px;flex-wrap:wrap} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .meta span+span::before{content:"·";margin-right:10px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .card .go{margin-top:10px;font-size:13.5px;font-weight:700;color:var(--b)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .band-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:32px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .band-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px;font-size:14px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .offer{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .offer{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .incl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;list-style:none;padding:0;margin:22px 0 0} @media(max-width:600px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .incl{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .incl li{display:flex;gap:12px;font-size:15px;color:var(--ink);align-items:flex-start} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .incl li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;margin-top:1px;background:var(--soft2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23057092' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/60% no-repeat} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .aside{background:var(--soft);border-radius:var(--r);padding:28px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .aside h3{font-size:17px;margin-bottom:12px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .aside ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:15px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .aside .pill{display:inline-block;margin-top:16px;background:#fff;border:1px solid var(--line2);border-radius:10px;padding:10px 14px;font-size:13.5px;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .aside .pill b{color:var(--b)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .why ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:18px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .why li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .why li i{width:44px;height:44px;border-radius:12px;background:var(--soft2);display:flex;align-items:center;justify-content:center} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .why li i svg{width:22px;height:22px;stroke:var(--b);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .why li b{display:block;color:var(--ink);font-size:16px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .why li span{font-size:14.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .mapcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--sh)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .mapcard h3{font-size:16px;margin-bottom:16px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cities{display:flex;flex-wrap:wrap;gap:8px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cities span{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:600;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cities span.ro{background:var(--soft2);border-color:#bfe0dc;color:var(--g)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .mapcard .stat{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .mapcard .stat b{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.02em} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .mapcard .stat span{font-size:13.5px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pair{display:grid;grid-template-columns:1fr 1fr;gap:20px} @media(max-width:700px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pair{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pair figure{margin:0;border-radius:var(--r);overflow:hidden;position:relative;aspect-ratio:16/10;max-width:100%;background:#e9eef1} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pair img{width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pair figcaption{position:absolute;top:14px;left:14px;background:#fff;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--b)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pair-foot{margin-top:16px;font-size:14.5px;color:var(--mute);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;counter-reset:s;position:relative} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc::before{content:"";position:absolute;left:3%;right:3%;top:22px;height:2px;background:var(--line2)} @media(max-width:1000px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc{grid-template-columns:repeat(4,minmax(0,1fr))} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc::before{display:none}} @media(max-width:600px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc{grid-template-columns:1fr 1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc div{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 16px;min-width:0} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc div::before{counter-increment:s;content:counter(s);width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin:-35px 0 12px;box-shadow:0 0 0 6px #fff} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sec.soft .proc div::before{box-shadow:0 0 0 6px var(--soft)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:5px;line-height:1.3} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc span{font-size:13px;color:var(--mute);line-height:1.45} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .proc-wrap{padding-top:36px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:8px;align-content:start} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes b{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.02em} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes b small{font-size:13px;color:var(--mute);font-weight:600;margin-left:4px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes h3{font-size:15.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes p{font-size:14px;color:var(--txt)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .sizes .ex{font-size:12.5px;color:var(--mute);border-top:1px solid var(--line);padding-top:10px;margin-top:4px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} @media(max-width:800px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .feat{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .feat div{border-top:3px solid;border-image:var(--grad) 1;padding-top:18px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .feat b{display:block;font-size:40px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-.03em} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .feat h3{font-size:16.5px;margin:8px 0} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .feat p{font-size:14.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} @media(max-width:800px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .quotes{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .q{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;display:grid;gap:16px;align-content:start;position:relative} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .q::before{content:"“";position:absolute;top:10px;right:20px;font-size:64px;line-height:1;font-weight:800;color:var(--soft2)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .q p{font-size:15.5px;color:var(--ink);line-height:1.55} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .q .who{display:flex;gap:12px;align-items:center} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .q .av{width:40px;height:40px;border-radius:50%;background:var(--soft2);color:var(--b);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .q .who b{display:block;font-size:14px;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .q .who span{font-size:12.5px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .repeat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .repeat{grid-template-columns:repeat(2,minmax(0,1fr))}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .repeat div{background:var(--soft);border-radius:14px;padding:18px 20px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .repeat b{display:block;font-size:15px;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .repeat span{font-size:13px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .fairs{display:flex;flex-wrap:wrap;gap:12px 30px;font-size:15px;color:var(--ink);font-weight:700} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .fairs span small{display:block;color:var(--mute);font-weight:400;font-size:12.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .plan3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} @media(max-width:800px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .plan3{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .plan3 div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .plan3 b{display:block;color:var(--b);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .plan3 h3{font-size:18px;margin-bottom:8px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .plan3 p{font-size:14.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .final{background:var(--grad);color:#fff;border-radius:24px;padding:52px 48px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;position:relative;overflow:hidden} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .final::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .final h2{color:#fff;font-size:clamp(26px,3.2vw,36px)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .final p{opacity:.92;margin-top:8px;font-size:17px;max-width:56ch} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .final .or{font-size:14.5px;opacity:.9;margin-top:10px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .final>*{position:relative;z-index:1} @media(max-width:700px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .final{padding:34px 26px}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .faq{display:grid;gap:10px;max-width:900px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 22px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .faq summary{cursor:pointer;font-weight:700;color:var(--ink);padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:16px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .faq summary::-webkit-details-marker{display:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .faq summary::after{content:"+";color:var(--b);font-weight:800;font-size:22px;line-height:1;flex:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .faq details[open] summary::after{content:"–"} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .faq details p{padding:0 0 18px;font-size:15px;max-width:70ch} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .faq .hi{border-color:#bfe0dc;background:#f3faf7} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc{display:grid;grid-template-columns:1.5fr 1fr;gap:24px} @media(max-width:800px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc article{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc .im{aspect-ratio:16/9;overflow:hidden;max-width:100%} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc .im img{width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc .bd{padding:26px;display:grid;gap:12px;align-content:start} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc .tag{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--b)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc h3{font-size:23px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc p{font-size:15px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .svc .main .bd{padding:30px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .filters{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 30px;align-items:center} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .filters button{border:1.5px solid var(--line2);background:#fff;color:var(--ink);border-radius:999px;padding:9px 16px;font:600 14px var(--font);cursor:pointer} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .filters button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .filters .sep{width:1px;height:26px;background:var(--line2);margin:0 6px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .count{font-size:13.5px;color:var(--mute);margin-bottom:16px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .phero{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:stretch} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .phero{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .phero .im{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;max-width:100%} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .phero .im img{width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .facts{background:var(--soft);border-radius:var(--r);padding:28px;display:flex;flex-direction:column} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .facts h1{font-size:clamp(24px,3vw,34px);margin-bottom:18px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .facts dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0;font-size:14.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .facts dt{color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .facts dd{margin:0;color:var(--ink);font-weight:600} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .facts .btn{margin-top:auto;align-self:flex-start;margin-top:22px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} @media(max-width:700px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .gal{grid-template-columns:repeat(2,minmax(0,1fr))}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .gal div{aspect-ratio:4/3;border-radius:14px;overflow:hidden;max-width:100%;background:#e9eef1} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .gal img{width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .prose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px} @media(max-width:800px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .prose{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .prose h3{font-size:17px;margin-bottom:10px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .prose p{font-size:15px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .same{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} @media(max-width:800px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .same{grid-template-columns:repeat(2,minmax(0,1fr))}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .same a{text-decoration:none;color:inherit;display:grid;gap:8px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .same .im{aspect-ratio:4/3;border-radius:12px;overflow:hidden;max-width:100%} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .same img{width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .same b{color:var(--ink);font-size:14.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .same span{font-size:13px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .crumb{font-size:13px;color:var(--mute);margin-bottom:16px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .crumb a{color:var(--mute);text-decoration:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .bigstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .bigstats div{background:var(--soft);border-radius:var(--r);padding:24px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .bigstats b{display:block;font-size:38px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .bigstats span{font-size:13.5px;color:var(--mute);display:block;margin-top:6px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .team{grid-template-columns:repeat(2,minmax(0,1fr))}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .team div{display:grid;gap:4px;text-align:center} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .team .av{width:140px;height:140px;border-radius:50%;margin:0 auto 12px;background:var(--soft2);overflow:hidden;border:4px solid #fff;box-shadow:var(--sh)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .team .av img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .team b{color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .team span{font-size:13.5px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .video{aspect-ratio:16/9;border-radius:var(--r);background:var(--ink);position:relative;overflow:hidden;max-width:100%;display:flex;align-items:center;justify-content:center;color:#fff} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .video .play{position:relative;width:70px;height:70px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.3)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .video .play::after{content:"";border-left:22px solid var(--b);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .video .vt{position:absolute;left:18px;bottom:16px;font-size:14px;font-weight:600} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .locs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .locs{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .loc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;display:grid;gap:8px;align-content:start} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .loc .tag{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--b)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .loc h3{font-size:20px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .loc p{font-size:14.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .loc a{font-size:14px;font-weight:700;text-decoration:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cbar{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--soft);border-radius:var(--r);padding:30px} @media(max-width:800px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cbar{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cbar>div{min-width:0} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cbar .big{font-size:28px;font-weight:800;color:var(--ink);overflow-wrap:anywhere;letter-spacing:-.02em} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .cbar small{display:block;color:var(--mute);font-size:13.5px;margin-top:4px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people div{display:flex;gap:14px;align-items:center;min-width:0} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people div>div{display:block;min-width:0} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people .av{width:60px;height:60px;border-radius:50%;background:var(--soft2);overflow:hidden;flex:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people .av img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people b{display:block;color:var(--ink);font-size:15px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .people span{font-size:13px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh{position:relative;overflow:hidden;min-height:600px;display:flex;align-items:flex-end} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,42,58,.05) 25%,rgba(15,42,58,.86))} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .wrap{position:relative;z-index:2;color:#fff;padding-block:64px;width:100%} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .eyebrow{color:#cfe8e3} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .eyebrow::before{background:#fff} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh h1{color:#fff;max-width:19ch} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh p{margin-top:16px;font-size:18px;max-width:58ch;opacity:.95} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .cta-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .call{color:#fff} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .call small{color:rgba(255,255,255,.8)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .call i{background:rgba(255,255,255,.14)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .call svg{stroke:#fff} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hh .cap{position:absolute;right:max(20px,env(safe-area-inset-right,0px));top:18px;background:rgba(255,255,255,.92);color:var(--ink);border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:600;z-index:2} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:-40px;position:relative;z-index:3} @media(max-width:700px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hstats{grid-template-columns:repeat(2,minmax(0,1fr))}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hstats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--sh)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hstats b{display:block;font-size:32px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hstats span{font-size:13px;color:var(--mute);display:block;margin-top:6px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pillars{grid-template-columns:1fr}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pillars div{display:grid;gap:10px;align-content:start} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pillars i{width:48px;height:48px;border-radius:14px;background:var(--soft2);display:flex;align-items:center;justify-content:center} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pillars i svg{width:24px;height:24px;stroke:var(--b);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pillars h3{font-size:17px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .pillars p{font-size:14.5px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .im-r{aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;max-width:100%} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .im-r img{width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero3{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center} @media(max-width:920px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .hero3{grid-template-columns:1fr;gap:28px}} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage{position:relative;aspect-ratio:16/11;max-width:100%;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#f5f8fa,#e8f2f4);border:1px solid var(--line);box-shadow:var(--sh)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .layer{position:absolute;inset:0;opacity:0;transition:opacity .65s ease} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .layer img{width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .layer.on{opacity:1} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .stag{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.68);border-radius:9px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);z-index:3;box-shadow:0 4px 14px rgba(15,42,58,.12)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .cap2{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:12px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .cap2 div{background:rgba(255,255,255,.68);border-radius:10px;padding:8px 12px;font-size:12.5px;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .cap2 b{display:block;color:var(--ink);font-size:14px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .steps3{position:absolute;right:16px;top:16px;z-index:3;display:flex;gap:6px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .steps3 i{width:28px;height:4px;border-radius:2px;background:rgba(15,42,58,.15);overflow:hidden;position:relative} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .steps3 i::after{content:"";position:absolute;inset:0;background:var(--grad);transform:scaleX(0);transform-origin:left} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .steps3 i.on::after{transform:scaleX(1);transition:transform 3.4s linear} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .steps3 i.done::after{transform:scaleX(1)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip{margin-top:26px;overflow:hidden;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip .tr{display:flex;gap:12px;width:max-content;animation:tick 60s linear infinite} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip:hover .tr{animation-play-state:paused} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip a{position:relative;display:block;width:200px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;flex:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip a img{width:100%;height:100%;object-fit:cover} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip a span{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.92);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;color:var(--ink)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .fairs-row{margin-top:14px;font-size:12.5px;color:var(--mute);line-height:1.7} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .fairs-row b{color:var(--ink);font-weight:600} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip-head{margin-top:36px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--mute)} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip-head b{color:var(--ink);font-size:14px} @media(max-width:600px){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage{aspect-ratio:4/3} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .cap2{left:10px;right:10px;bottom:10px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .cap2 div:last-child{display:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .cap2 div{padding:6px 10px;font-size:12px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .cap2 b{font-size:13px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .stag{left:10px;top:10px;font-size:11px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .steps3{right:10px;top:12px} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip a{width:150px}} @keyframes tick{to{transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .strip .tr{animation:none} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .bp path,:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .bp line,:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) .stage .bp rect{stroke-dashoffset:0;animation:none}} @media(prefers-reduced-motion:reduce){:is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) *{transition:none!important;scroll-behavior:auto!important}} /* ===== production additions ===== */ #htlp{overflow-x:clip} #htlp [hidden]{display:none!important} #htlp .chips button{border:1.5px solid var(--line2);border-radius:999px;padding:9px 15px;font:600 14px var(--font);color:var(--ink);background:#fff;cursor:pointer;min-height:40px} #htlp .chips button[aria-pressed="true"]{background:var(--soft2);border-color:var(--b);color:var(--b)} #htlp .f .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0} #htlp .f [aria-invalid="true"]{border-color:#b3261e;box-shadow:0 0 0 3px rgba(179,38,30,.1)} #htlp .f .actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap} #htlp .f .back{background:none;border:0;color:var(--mute);font:600 14px var(--font);cursor:pointer;padding:10px 4px;min-height:44px} #htlp .f .msg{font-size:14px;color:var(--mute);min-height:0} #htlp .f .msg.bad{color:#b3261e;font-weight:600} #htlp .steps span.done b::after{content:"✓"} #htlp .steps span.done b{font-size:0} #htlp .steps span.done b::after{font-size:12px} #htlp .btn[disabled]{opacity:.7;cursor:wait;transform:none} #htlp .video{cursor:pointer} #htlp .video.novideo{cursor:default} #htlp .video.novideo .play,#htlp .video.novideo .vt{display:none} #htlp .video.novideo img{opacity:1} #htlp .tgroup{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--b);font-weight:700;margin:34px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--line)} #htlp .tgroup:first-of-type{margin-top:8px} #htlp .team{grid-template-columns:repeat(4,minmax(0,1fr))} #htlp .team .av{width:120px;height:120px} @media(max-width:920px){#htlp .team{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:560px){#htlp .team{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#htlp .team .av{width:104px;height:104px}#htlp .team b{font-size:14.5px}#htlp .team span{font-size:12.5px}} #htlp .people{grid-template-columns:repeat(4,minmax(0,1fr))} @media(max-width:920px){#htlp .people{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){#htlp .people{grid-template-columns:1fr}} #htlp .strip a{color:inherit;text-decoration:none} #htlp .strip .tr{will-change:transform} #htlp .card.nolink:hover{transform:none;box-shadow:none} #htlp .ty{max-width:720px} #htlp .ty .box{background:var(--soft);border-radius:var(--r);padding:28px;margin-top:26px} #htlp .ty ol{margin:12px 0 0;padding-left:20px;display:grid;gap:8px;font-size:15.5px} #htlp .ty .row2{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px} /* mobile bar: fixed, over the theme footer; hidden while the form is on screen */ #htlp-mbar{display:none} @media(max-width:700px){#htlp-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9000;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));gap:10px;transition:transform .25s}#htlp-mbar.hide{transform:translateY(110%)}#htlp-mbar .btn{flex:1;padding:13px;font-size:15px}} /* new header: mobile menu */ #htlp-hdr .burger[aria-expanded="true"] svg path{d:path("M6 6l12 12M6 18L18 6")} @media(max-width:1000px){#htlp-hdr .nav.open{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px 14px;box-shadow:0 12px 30px rgba(15,42,58,.1)}#htlp-hdr .nav.open a{padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}#htlp-hdr .nav.open a.cur{border-bottom-color:var(--line);color:var(--b)}#htlp-hdr .nav.open .tel2{display:flex;margin-top:10px;gap:8px;font-weight:700;color:var(--ink);text-decoration:none;border:0}#htlp-hdr{position:sticky;top:0}} #htlp-hdr .nav .tel2{display:none} #htlp-hdr .nav .tel2 svg{width:17px;height:17px;stroke:var(--b);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none} /* touch targets */ #htlp .filters button{min-height:40px} #htlp .faq summary{min-height:44px} /* Integration fixes: preserve the approved visual rules. */ #htlp #oferta,#htlp #team,#htlp #faq,#htlp #project-steps,#htlp-form{scroll-margin-top:92px} #htlp .formcard>.msg{font-size:14px;color:var(--mute)} #htlp .formcard>.msg.bad{margin-top:14px;color:#b3261e;font-weight:600} #htlp .strip:focus-within .tr{animation-play-state:paused} #htlp .strip:focus-within{overflow-x:auto} #htlp .strip:focus-within .tr{animation:none;transform:none} #htlp .strip:focus-within [aria-hidden=true]{display:none} #htlp .formcard{min-width:0;max-width:100%} #htlp .formcard input,#htlp .formcard select{min-width:0;width:100%} #htlp .formcard .btn{white-space:normal} :is(#htlp,#htlp-hdr,#htlp-ftr,#htlp-mbar) :focus-visible{outline-color:var(--b)} @media(max-width:450px){#htlp-hdr .wrap{gap:8px;padding-inline:12px}#htlp-hdr .lg{flex:0 0 90px}#htlp-hdr .lg img{width:100%;height:auto}#htlp-hdr .burger{width:36px}} @media(max-width:380px){#htlp-hdr .lg{flex-basis:74px}#htlp-hdr .btn{white-space:normal;font-size:13px;padding:8px 10px;max-width:160px}} @media(prefers-reduced-motion:reduce){#htlp .strip{overflow-x:auto}} /* contact: featured contacts + 3-column bar */ #htlp .cbar.c3{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:920px){#htlp .cbar.c3{grid-template-columns:1fr}} #htlp .people2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #htlp .pc{display:flex;gap:16px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:16px 18px;min-width:0} #htlp .pc .av{width:76px;height:76px;flex:none;border-radius:50%;overflow:hidden} #htlp .pc .av img{width:100%;height:100%;object-fit:cover;display:block} #htlp .pc b{display:block;font-size:16px;color:var(--ink)} #htlp .pc span{display:block;font-size:13px;color:var(--mute);line-height:1.4;margin:2px 0 6px} #htlp .pc a{display:block;font-weight:600;color:var(--b);text-decoration:none;font-size:14.5px;line-height:1.6;overflow-wrap:anywhere} @media(max-width:700px){#htlp .people2{grid-template-columns:1fr}#htlp .pc{gap:12px;padding:14px}#htlp .pc .av{width:64px;height:64px}#htlp .pc a{font-size:13.5px}} /* blog listing */ #htlp .feat{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s} #htlp .feat:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,42,58,.1)} #htlp .feat .im{aspect-ratio:4/3;min-height:100%} #htlp .feat .im img{width:100%;height:100%;object-fit:cover;display:block} #htlp .feat .tx{padding:30px 32px;display:flex;flex-direction:column;justify-content:center;gap:12px} #htlp .feat h2{font-size:clamp(22px,2.4vw,30px);line-height:1.2;margin:0;color:var(--ink)} #htlp .feat p{margin:0;color:var(--mute);font-size:15.5px} #htlp .btag{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--b)} #htlp .btag i{width:18px;height:2px;background:var(--grad);display:inline-block} #htlp .bmeta{font-size:13px;color:var(--mute)} #htlp .bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px} #htlp .bcard{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s} #htlp .bcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,42,58,.1)} #htlp .bcard .im{aspect-ratio:4/3;background:var(--soft)} #htlp .bcard .im img{width:100%;height:100%;object-fit:cover;display:block} #htlp .bcard .bx{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1} #htlp .bcard h3{font-size:17.5px;line-height:1.3;margin:0;color:var(--ink)} #htlp .bcard p{margin:0;color:var(--mute);font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #htlp .bcard .go{margin-top:auto;padding-top:6px;color:var(--b);font-weight:700;font-size:14px} #htlp .bempty{display:none;padding:30px;text-align:center;color:var(--mute)} @media(max-width:920px){#htlp .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}#htlp .feat{grid-template-columns:1fr}#htlp .feat .im{min-height:0}#htlp .feat .tx{padding:22px}} @media(max-width:560px){#htlp .bgrid{grid-template-columns:1fr;gap:16px}} #htlp .feat .im{min-width:0} #htlp .formcard .field{font-weight:600;font-size:14px} #htlp .formcard .field small{display:block;font-weight:400;color:var(--mute)} /* Let footer links wrap within narrow screens. */ #htlp-ftr .soc{flex-wrap:wrap} #htlp-ftr .cols > *{min-width:0} /* Match the shared site colours without changing consent choices. */ #wpconsent-container::part(wpconsent-banner), #wpconsent-container::part(wpconsent-preferences-content) { background: linear-gradient(118deg, #057092 0%, #0d8169 100%); color: #fff; font-family: 'Open Sans', sans-serif; } #wpconsent-container::part(wpconsent-banner-body) { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.5; } #wpconsent-container::part(wpconsent-button-preferences), #wpconsent-container::part(wpconsent-button-cancel), #wpconsent-container::part(wpconsent-button-accept), #wpconsent-container::part(wpconsent-preferences-accept-button), #wpconsent-container::part(wpconsent-preferences-cancel-button), #wpconsent-container::part(wpconsent-preferences-save-button) { min-height: 44px; border-radius: 8px; background: #fff; color: #057092; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; } #wpconsent-container::part(wpconsent-settings-button) { background: #057092; color: #fff; } @media (max-width: 700px) { #wpconsent-container::part(wpconsent-banner) { padding: 14px; } #wpconsent-container::part(wpconsent-banner-footer) { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } #wpconsent-container::part(wpconsent-button-preferences), #wpconsent-container::part(wpconsent-button-cancel), #wpconsent-container::part(wpconsent-button-accept) { flex: 1 1 0; width: auto; min-width: 0; padding: 8px; margin: 0; } } /* Front elevation based on the NORD render in the next slide. */ #htlp .stage .bp { padding: 54px 18px 80px; background: repeating-linear-gradient(0deg, transparent 0 27px, rgba(5,112,146,.045) 27px 28px), repeating-linear-gradient(90deg, transparent 0 27px, rgba(5,112,146,.045) 27px 28px), #f5f8fa; } #htlp .stage .bp svg { width: 100%; height: 100%; overflow: visible; } #htlp .stage .bp :is(path, line, rect, circle) { fill: none; stroke: var(--b); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; vector-effect: non-scaling-stroke; } #htlp .stage .bp .bp-fine { stroke-width: .85; stroke-opacity: .7; } #htlp .stage .bp .bp-accent { stroke: var(--g); stroke-width: 1.5; } #htlp .stage .bp .bp-surface { fill: #f5f8fa; } #htlp .stage .bp text { fill: var(--b); fill-opacity: .6; font: 9px "Open Sans", sans-serif; } #htlp .stage .bp .bp-brand { font-size: 19px; font-weight: 700; fill-opacity: .85; letter-spacing: 1px; } #htlp .stage .bp .bp-brand-sub { font-size: 5.5px; letter-spacing: 1px; } #htlp .stage.play .bp [pathLength] { animation: htlp-blueprint-draw 1.1s cubic-bezier(.22,.61,.36,1) var(--draw-delay,0ms) both; } #htlp .stage.play .bp .bp-lettering { animation: htlp-blueprint-reveal .4s ease-out 1s both; } @keyframes htlp-blueprint-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } } @keyframes htlp-blueprint-reveal { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 600px) { #htlp .stage .bp { padding: 45px 8px 67px; } } @media (prefers-reduced-motion: reduce) { #htlp .stage.play .bp [pathLength], #htlp .stage.play .bp .bp-lettering { animation: none; } } #htlp .stage .steps3 i.on::after { transition: none; animation: htlp-stage-progress var(--htlp-slide-duration,3.5s) linear both; } #htlp .stage.motion-stopped .bp *, #htlp .stage.motion-stopped .steps3 i::after { animation-play-state: paused !important; } @keyframes htlp-stage-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } } @media (prefers-reduced-motion: reduce) { #htlp .stage .steps3 i.on::after { animation: none; } } /* Keep one caption when the desktop hero has a narrow second column. */ @media (min-width: 921px) and (max-width: 1100px) { #htlp .stage .cap2 div:last-child { display: none; } }