:root{
  --wd-bg:#faf7f2;
  --wd-surface:#fffdfa;
  --wd-surface-soft:#f4eef7;
  --wd-ink:#2f2634;
  --wd-muted:#716876;
  --wd-purple:#6d28d9;
  --wd-purple-deep:#4c167f;
  --wd-mocha:#b47f5c;
  --wd-line:rgba(66,45,73,.11);
  --wd-shadow:0 26px 70px rgba(53,20,79,.10);
}
body.page-webdevelopment{
  color:var(--wd-ink);
  background:var(--wd-bg)!important;
  overflow-x:hidden;
}
body.page-webdevelopment::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 13% 11%,rgba(109,40,217,.08),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(229,173,129,.14),transparent 25%),
    linear-gradient(180deg,#fbf8f4,#f7f2ee 58%,#faf7f2);
}
.webdev-main{overflow:hidden}
.webdev-section{
  position:relative;
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
  padding:clamp(92px,11vw,148px) 0;
}
.webdev-kicker{
  margin:0 0 18px;
  color:var(--wd-purple);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.webdev-section h2{
  margin:0;
  color:var(--wd-ink);
  font-size:clamp(2.65rem,5.5vw,5.6rem);
  line-height:.98;
  letter-spacing:-.064em;
  text-wrap:balance;
}
.webdev-section p{color:var(--wd-muted)}
.webdev-hero{
  position:relative;
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:clamp(112px,15vh,158px) 0 86px;
  isolation:isolate;
}
.webdev-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(ellipse at 22% 40%,rgba(109,40,217,.10),transparent 46%),
    radial-gradient(ellipse at 78% 46%,rgba(217,153,106,.15),transparent 38%);
}
.webdev-hero__inner{
  width:min(1320px,calc(100% - 48px));
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);
  align-items:center;
  gap:clamp(34px,5vw,82px);
}
.webdev-hero__copy{text-align:center}
.webdev-hero h1{
  min-height:clamp(280px,39vw,470px);
  margin:0;
  color:var(--wd-ink)!important;
  font-size:clamp(3rem,6.25vw,6.7rem)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  text-wrap:balance;
}
.webdev-typed-line{display:block}
.webdev-typed-line:nth-child(2){color:var(--wd-purple)}
.webdev-typed-line:nth-child(3){font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:600;color:var(--wd-mocha)}
.webdev-typing-caret{
  display:inline-block;
  width:3px;
  height:.82em;
  margin-left:7px;
  border-radius:999px;
  background:var(--wd-purple);
  vertical-align:-.04em;
  animation:webdevCaret .74s steps(1,end) infinite;
}
@keyframes webdevCaret{0%,48%{opacity:1}49%,100%{opacity:0}}
.webdev-hero__sub{
  max-width:740px;
  margin:27px auto 0;
  color:var(--wd-muted);
  font-size:clamp(1.04rem,1.5vw,1.24rem);
  font-weight:520;
  line-height:1.7;
  opacity:1;
}
.webdev-motion-ready .webdev-hero__sub,
.webdev-motion-ready .webdev-scroll-cue{opacity:0}
.webdev-hero__sub.is-visible{animation:webdevFadeSharp .8s cubic-bezier(.22,1,.36,1) both}
@keyframes webdevFadeSharp{from{opacity:0;filter:blur(8px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:none}}
.webdev-hero__visual{
  position:relative;
  min-height:min(72vh,760px);
  display:grid;
  place-items:center;
  pointer-events:none;
}
.webdev-hero__visual::before{
  content:"";
  position:absolute;
  width:min(36vw,500px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(109,40,217,.13),rgba(200,143,103,.07) 45%,transparent 70%);
  filter:blur(8px);
}
.webdev-hero__mockup{
  position:relative;
  z-index:1;
  width:min(720px,54vw);
  max-height:82vh;
  object-fit:contain;
  filter:drop-shadow(0 34px 45px rgba(53,20,79,.22));
  transform-origin:50% 60%;
  animation:webdevMockupFloat 7.8s ease-in-out infinite;
  will-change:transform;
}
@keyframes webdevMockupFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-2.2deg)}
  50%{transform:translate3d(0,-17px,0) rotate(2.5deg)}
}
.webdev-scroll-cue{
  position:absolute;
  left:50%;
  bottom:22px;
  display:grid;
  justify-items:center;
  gap:5px;
  color:#8b818f;
  transform:translateX(-50%);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
}
.webdev-scroll-cue.is-visible{animation:webdevFadeSharp .7s .08s cubic-bezier(.22,1,.36,1) both}
.webdev-scroll-cue__arrows{display:grid;gap:0}
.webdev-scroll-cue__arrows svg{
  width:18px;height:12px;fill:none;stroke:var(--wd-purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  animation:webdevDownPulse 1.7s ease-in-out infinite;
}
.webdev-scroll-cue__arrows svg:nth-child(2){animation-delay:.18s}
.webdev-scroll-cue__arrows svg:nth-child(3){animation-delay:.36s}
@keyframes webdevDownPulse{0%,100%{opacity:.16;transform:translateY(-2px)}50%{opacity:.92;transform:translateY(3px)}}
.webdev-intro-wrap{background:linear-gradient(180deg,#fffdfa,#f6f0f8)}
.webdev-intro{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:clamp(42px,7vw,110px);
  align-items:start;
}
.webdev-intro__copy{
  max-width:800px;
  padding-top:12px;
}
.webdev-intro__copy p{
  margin:0 0 22px;
  font-size:clamp(1.08rem,1.6vw,1.28rem);
  line-height:1.82;
}
.webdev-intro__copy strong{color:var(--wd-ink)}
.webdev-intro__note{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:34px;
}
.webdev-intro__note span{
  padding:18px;
  border:1px solid var(--wd-line);
  border-radius:18px;
  background:rgba(255,255,255,.62);
  color:#554b5a;
  font-weight:720;
  line-height:1.35;
}
.webdev-services__head{max-width:880px;margin-bottom:54px}
.webdev-services__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.webdev-service-card{
  min-height:310px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:34px 26px 28px;
  border:1px solid var(--wd-line);
  border-radius:26px;
  background:rgba(255,253,250,.88);
  box-shadow:0 16px 42px rgba(53,20,79,.065);
  text-align:center;
  transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,border-color .3s ease;
}
.webdev-service-card:hover{
  transform:translateY(-7px);
  border-color:rgba(109,40,217,.24);
  box-shadow:0 30px 70px rgba(53,20,79,.12);
}
.webdev-service-card__icon{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  margin-bottom:30px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(145deg,#7c3aed,#4c167f);
  box-shadow:0 16px 34px rgba(109,40,217,.24),inset 0 1px 0 rgba(255,255,255,.25);
}
.webdev-service-card__icon svg{width:39px;height:39px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.webdev-service-card h3{
  margin:0 0 14px;
  color:var(--wd-ink);
  font-size:1.5rem;
  line-height:1.15;
  letter-spacing:-.04em;
}
.webdev-service-card p{margin:0;line-height:1.68;font-size:.95rem}
.webdev-why-wrap{background:linear-gradient(180deg,#f6f0f8,#fffdfa)}
.webdev-why__copy{max-width:1000px}
.webdev-why__copy p{
  margin:30px 0 0;
  font-size:clamp(1.03rem,1.35vw,1.18rem);
  line-height:1.85;
}
.webdev-benefits{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
  margin-top:62px;
}
.webdev-benefit{text-align:center}
.webdev-benefit__icon{
  width:76px;height:76px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:#fff;background:var(--wd-purple);box-shadow:0 14px 28px rgba(109,40,217,.22)
}
.webdev-benefit__icon svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.webdev-benefit strong{display:block;color:var(--wd-ink);font-size:.98rem;line-height:1.38}
.webdev-process__head{max-width:900px;margin-bottom:70px}
.webdev-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 18px}
.webdev-process-card{
  position:relative;
  min-height:310px;
  padding:62px 24px 26px;
  border:1px solid var(--wd-line);
  border-radius:24px;
  background:rgba(255,253,250,.90);
  box-shadow:0 16px 42px rgba(53,20,79,.065);
  text-align:center;
}
.webdev-process-card__number{
  position:absolute;
  left:50%;top:0;
  width:62px;height:62px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#7c3aed,#4c167f);box-shadow:0 14px 30px rgba(109,40,217,.25);font-size:1.15rem;font-weight:850;transform:translate(-50%,-50%)
}
.webdev-process-card h3{margin:0 0 15px;color:var(--wd-ink);font-size:1.28rem;line-height:1.2;letter-spacing:-.035em}
.webdev-process-card p{margin:0;font-size:.93rem;line-height:1.7}
.webdev-faq-wrap{background:linear-gradient(180deg,#fffdfa,#f4eef7)}
.webdev-faq__head{max-width:860px;margin-bottom:44px}
.webdev-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.webdev-faq-item{
  align-self:start;
  overflow:hidden;
  border:1px solid var(--wd-line);
  border-radius:20px;
  background:rgba(255,253,250,.92);
  box-shadow:0 13px 34px rgba(53,20,79,.055);
}
.webdev-faq-question{
  width:100%;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:0;color:var(--wd-ink);background:transparent;text-align:left;font-weight:760;line-height:1.35;cursor:pointer
}
.webdev-faq-question svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--wd-purple);stroke-width:2;stroke-linecap:round;transition:transform .24s cubic-bezier(.22,1,.36,1)}
.webdev-faq-item.is-open .webdev-faq-question svg{transform:rotate(45deg)}
.webdev-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1)}
.webdev-faq-item.is-open .webdev-faq-answer{grid-template-rows:1fr}
.webdev-faq-answer>div{overflow:hidden}
.webdev-faq-answer p{margin:0;padding:0 22px 24px;line-height:1.72;font-size:.95rem}
.webdev-contact-wrap{background:#f4eef7}
.webdev-contact{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(480px,1.28fr);
  gap:clamp(42px,7vw,96px);
  align-items:start;
}
.webdev-contact__info{position:sticky;top:124px}
.webdev-contact__info h2{font-size:clamp(2.8rem,5vw,5.2rem)}
.webdev-contact__lead{max-width:540px;margin:24px 0 38px;font-size:1.08rem;line-height:1.75}
.webdev-contact__method{display:flex;align-items:center;gap:16px;margin:16px 0;color:var(--wd-ink);font-weight:740}
.webdev-contact__method-icon{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:50%;color:#fff;background:var(--wd-purple);box-shadow:0 12px 26px rgba(109,40,217,.22)}
.webdev-contact__method-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.webdev-contact-form{
  padding:clamp(28px,4vw,48px);
  border:1px solid var(--wd-line);
  border-radius:30px;
  background:rgba(255,253,250,.94);
  box-shadow:var(--wd-shadow);
}
.webdev-contact-form > input[name="dv_contact_company_url"],
.webdev-contact-form > input[type="hidden"]{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;
}
.webdev-contact-form h3{margin:0 0 28px;color:var(--wd-ink);font-size:clamp(1.85rem,3vw,2.65rem);letter-spacing:-.045em}
.webdev-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.webdev-field{display:grid;gap:8px}
.webdev-field--wide{grid-column:1/-1}
.webdev-field label{color:#403646;font-size:.88rem;font-weight:720}
.webdev-field input,.webdev-field textarea{
  width:100%;border:1px solid rgba(72,52,80,.13);border-radius:15px;color:var(--wd-ink);background:#fff;padding:14px 15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease
}
.webdev-field textarea{min-height:150px;resize:vertical;line-height:1.6}
.webdev-field input:focus,.webdev-field textarea:focus{border-color:rgba(109,40,217,.44);box-shadow:0 0 0 4px rgba(109,40,217,.09);background:#fff}
.webdev-checkbox{grid-column:1/-1;display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;color:#665c6b;font-size:.82rem;line-height:1.55}
.webdev-checkbox input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--wd-purple)}
.webdev-checkbox a{color:var(--wd-purple);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.webdev-submit-row{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}
.webdev-submit{
  min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:0;border-radius:13px;color:#fff;background:var(--wd-purple);box-shadow:0 13px 28px rgba(109,40,217,.22);font-weight:800;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease
}
.webdev-submit:hover{transform:translateY(-2px);background:var(--wd-purple-deep);box-shadow:0 18px 34px rgba(109,40,217,.27)}
.webdev-submit:disabled{opacity:.62;cursor:wait;transform:none}
.webdev-form-status{margin:0;color:var(--wd-muted);font-size:.9rem;line-height:1.45}
.webdev-form-status.is-success{color:#21734e}.webdev-form-status.is-error{color:#a62d3f}
.webdev-reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1)}
.webdev-reveal[data-reveal="left"]{transform:translate3d(-34px,0,0)}
.webdev-reveal[data-reveal="right"]{transform:translate3d(34px,0,0)}
.webdev-reveal.is-visible{opacity:1;transform:none}
body.page-webdevelopment .footer{margin-top:0!important}
@media(max-width:1100px){
  .webdev-hero__inner{grid-template-columns:1fr;gap:10px;padding-top:26px}
  .webdev-hero h1{min-height:auto}
  .webdev-hero__visual{min-height:430px}
  .webdev-hero__mockup{width:min(580px,78vw);max-height:52vh}
  .webdev-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .webdev-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}
  .webdev-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .webdev-contact{grid-template-columns:1fr}
  .webdev-contact__info{position:relative;top:auto}
}
@media(max-width:760px){
  .webdev-section{width:min(100% - 24px,680px);padding:82px 0}
  .webdev-hero{min-height:auto;padding:112px 0 80px}
  .webdev-hero__inner{width:min(100% - 24px,680px)}
  .webdev-hero h1{font-size:clamp(2.12rem,9.6vw,3.35rem)!important;line-height:1.04!important;letter-spacing:-.052em!important;overflow-wrap:anywhere}
  .webdev-hero__sub{font-size:.98rem;line-height:1.62}
  .webdev-hero__visual{min-height:310px;margin-top:14px}
  .webdev-hero__mockup{width:min(500px,96vw);max-height:390px;animation:none;transform:rotate(1deg);filter:drop-shadow(0 22px 30px rgba(53,20,79,.18))}
  .webdev-scroll-cue{display:none}
  .webdev-intro{grid-template-columns:1fr;gap:30px}
  .webdev-intro__note{grid-template-columns:1fr}
  .webdev-services__grid{grid-template-columns:1fr}
  .webdev-service-card{min-height:270px}
  .webdev-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .webdev-process__grid{grid-template-columns:1fr;gap:44px}
  .webdev-faq-list{grid-template-columns:1fr}
  .webdev-contact-form{padding:24px 18px;border-radius:24px}
  .webdev-form-grid{grid-template-columns:1fr}
  .webdev-field--wide,.webdev-checkbox,.webdev-submit-row{grid-column:auto}
  .webdev-reveal,.webdev-reveal[data-reveal="left"],.webdev-reveal[data-reveal="right"]{opacity:1;transform:none;transition:none}
}
@media(max-width:420px){
  .webdev-section h2{font-size:clamp(2.25rem,11vw,3.3rem)}
  .webdev-benefits{grid-template-columns:1fr 1fr;gap:26px 10px}
  .webdev-benefit__icon{width:66px;height:66px}
  .webdev-contact__method{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .webdev-hero__mockup,.webdev-scroll-cue__arrows svg,.webdev-typing-caret{animation:none!important}
  .webdev-hero__sub,.webdev-scroll-cue,.webdev-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .webdev-faq-answer,.webdev-faq-question svg{transition:none!important}
}


/* Kapcsolat szekció – a hosszú címsor ne fusson rá az űrlapra */
.webdev-contact > *{
  min-width:0;
}
.webdev-contact__info{
  max-width:100%;
}
.webdev-contact__info h2{
  max-width:100%;
  font-size:clamp(2.65rem,3.35vw,3.9rem);
  line-height:.98;
  letter-spacing:-.058em;
  text-wrap:pretty;
}
@media(min-width:1101px){
  .webdev-contact{
    grid-template-columns:minmax(430px,.84fr) minmax(560px,1.16fr);
    gap:clamp(46px,5vw,74px);
  }
}
@media(max-width:1100px){
  .webdev-contact__info h2{
    font-size:clamp(2.7rem,7vw,4.8rem);
  }
}
@media(max-width:560px){
  .webdev-contact__info h2{
    font-size:clamp(2.45rem,11vw,3.5rem);
    overflow-wrap:anywhere;
  }
}


/* Weboldalfejlesztés – hangsúlyosabb szekciócímek */
body.page-webdevelopment .webdev-kicker{
  max-width:980px;
  margin:0 0 22px;
  color:var(--wd-purple);
  font-size:clamp(1.12rem,1.55vw,1.42rem);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.025em;
  text-transform:none;
  text-wrap:balance;
}
@media(max-width:760px){
  body.page-webdevelopment .webdev-kicker{
    margin-bottom:17px;
    font-size:clamp(1.02rem,4.8vw,1.22rem);
    line-height:1.32;
  }
}


/* PeakBit-jellegű szekcióhierarchia:
   kis bevezető címke, alatta valódi nagy szekciócím és rövid összefoglaló */
body.page-webdevelopment .webdev-section-heading{
  max-width:1040px;
}
body.page-webdevelopment .webdev-section-heading .webdev-kicker{
  display:block;
  width:auto;
  max-width:none;
  margin:0 0 18px;
  color:var(--wd-purple);
  font-size:.78rem;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.17em;
  text-transform:uppercase;
}
body.page-webdevelopment .webdev-section-heading h2{
  max-width:1050px;
  margin:0;
  font-size:clamp(3.2rem,6vw,6.15rem);
  font-weight:800;
  line-height:.94;
  letter-spacing:-.07em;
  text-wrap:balance;
}
body.page-webdevelopment .webdev-section-summary{
  max-width:780px;
  margin:24px 0 0!important;
  color:#625867!important;
  font-size:clamp(1.12rem,1.55vw,1.34rem)!important;
  font-weight:560;
  line-height:1.62!important;
  letter-spacing:-.018em;
  text-wrap:balance;
}
body.page-webdevelopment .webdev-services__head,
body.page-webdevelopment .webdev-process__head,
body.page-webdevelopment .webdev-faq__head{
  max-width:1040px;
  margin-bottom:58px;
}
body.page-webdevelopment .webdev-why__copy > p:not(.webdev-kicker):not(.webdev-section-summary){
  margin-top:32px;
}
@media(max-width:760px){
  body.page-webdevelopment .webdev-section-heading .webdev-kicker{
    margin-bottom:14px;
    font-size:.7rem;
    letter-spacing:.15em;
  }
  body.page-webdevelopment .webdev-section-heading h2{
    font-size:clamp(2.65rem,12vw,4rem);
    line-height:.98;
    letter-spacing:-.06em;
  }
  body.page-webdevelopment .webdev-section-summary{
    margin-top:18px!important;
    font-size:1.02rem!important;
    line-height:1.58!important;
  }
  body.page-webdevelopment .webdev-services__head,
  body.page-webdevelopment .webdev-process__head,
  body.page-webdevelopment .webdev-faq__head{
    margin-bottom:38px;
  }
}


/* Weboldalfejlesztés – PeakBit-jellegű, képes intro szekció */
body.page-webdevelopment .webdev-intro-wrap{
  background:#f8f5f1;
}
body.page-webdevelopment .webdev-intro{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:clamp(46px,7vw,118px);
  align-items:center;
}
body.page-webdevelopment .webdev-intro__copy{
  max-width:700px;
  padding-top:0;
}
body.page-webdevelopment .webdev-intro__copy h2{
  margin:0;
  font-size:clamp(3.35rem,5.8vw,5.2rem);
  font-weight:800;
  line-height:1.04;
  letter-spacing:-.065em;
  text-wrap:balance;
}
body.page-webdevelopment .webdev-intro__lead{
  max-width:680px;
  margin:28px 0 0;
  color:#5d5463;
  font-size:clamp(1.08rem,1.45vw,1.24rem);
  font-weight:560;
  line-height:1.72;
  text-wrap:balance;
}
body.page-webdevelopment .webdev-intro__copy > p:not(.webdev-kicker):not(.webdev-intro__lead){
  max-width:720px;
  margin:22px 0 0;
  color:#6c6371;
  font-size:clamp(1.02rem,1.2vw,1.12rem);
  line-height:1.86;
}
body.page-webdevelopment .webdev-kicker--lined{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 24px;
  color:var(--wd-purple);
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:none;
}
body.page-webdevelopment .webdev-kicker--lined::before,
body.page-webdevelopment .webdev-kicker--lined::after{
  content:"";
  width:56px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#7c3aed,#b47f5c);
  flex:0 0 auto;
}
body.page-webdevelopment .webdev-kicker--lined span{
  display:inline-block;
}
body.page-webdevelopment .webdev-intro__visual{
  display:flex;
  align-items:center;
  justify-content:center;
}
body.page-webdevelopment .webdev-intro__visual img{
  width:min(100%,620px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 26px 44px rgba(68,31,104,.14));
}
@media(max-width:1100px){
  body.page-webdevelopment .webdev-intro{
    grid-template-columns:1fr;
    gap:38px;
  }
  body.page-webdevelopment .webdev-intro__copy{
    max-width:820px;
  }
  body.page-webdevelopment .webdev-intro__visual{
    order:2;
  }
}
@media(max-width:760px){
  body.page-webdevelopment .webdev-kicker--lined{
    gap:10px;
    margin-bottom:18px;
    font-size:.77rem;
    letter-spacing:.1em;
  }
  body.page-webdevelopment .webdev-kicker--lined::before,
  body.page-webdevelopment .webdev-kicker--lined::after{
    width:38px;
    height:2px;
  }
  body.page-webdevelopment .webdev-intro__copy h2{
    font-size:clamp(2.55rem,10.4vw,3.55rem);
    line-height:1.03;
  }
  body.page-webdevelopment .webdev-intro__lead{
    margin-top:18px;
    font-size:1rem;
    line-height:1.64;
  }
  body.page-webdevelopment .webdev-intro__copy > p:not(.webdev-kicker):not(.webdev-intro__lead){
    margin-top:18px;
    font-size:.98rem;
    line-height:1.72;
  }
  body.page-webdevelopment .webdev-intro__visual img{
    width:min(100%,540px);
  }
}


/* Weboldalfejlesztés – finomított intro, nagyobb kép és tágasabb szekciók */
body.page-webdevelopment .webdev-intro__copy h2{
  margin-top:0;
}
body.page-webdevelopment .webdev-intro__visual img{
  width:min(116%,720px);
  max-width:none;
}

/* A két hangsúlyos tartalmi blokk kapjon több levegőt. */
body.page-webdevelopment .webdev-why,
body.page-webdevelopment .webdev-process{
  padding-top:clamp(116px,13vw,174px);
  padding-bottom:clamp(112px,12vw,166px);
}
body.page-webdevelopment .webdev-why .webdev-section-heading{
  margin-bottom:clamp(56px,6vw,82px);
}
body.page-webdevelopment .webdev-process__head{
  margin-bottom:clamp(64px,7vw,92px);
}

/* A GYIK egyetlen, jól olvasható oszlopban fusson. */
body.page-webdevelopment .webdev-faq-list{
  grid-template-columns:1fr;
  max-width:1040px;
}
body.page-webdevelopment .webdev-faq-item{
  width:100%;
}

@media(max-width:1100px){
  body.page-webdevelopment .webdev-intro__visual img{
    width:min(100%,680px);
    max-width:100%;
  }
}
@media(max-width:760px){
  body.page-webdevelopment .webdev-why,
  body.page-webdevelopment .webdev-process{
    padding-top:96px;
    padding-bottom:96px;
  }
  body.page-webdevelopment .webdev-why .webdev-section-heading{
    margin-bottom:42px;
  }
  body.page-webdevelopment .webdev-process__head{
    margin-bottom:48px;
  }
  body.page-webdevelopment .webdev-intro__visual img{
    width:min(106%,560px);
    max-width:none;
  }
}


/* A hosszú folyamatcím kapjon több levegőt, a sorok ne érjenek össze. */
body.page-webdevelopment .webdev-process__head h2{
  max-width:1120px;
  padding-block:.08em .16em;
  line-height:1.08!important;
  overflow:visible;
}
body.page-webdevelopment .webdev-process__head{
  padding-top:clamp(12px,1.6vw,24px);
}
@media(max-width:760px){
  body.page-webdevelopment .webdev-process__head h2{
    padding-block:.06em .14em;
    line-height:1.1!important;
  }
}


/* Intro illusztráció – ne lehessen kijelölni vagy elhúzni */
body.page-webdevelopment .webdev-intro__visual img{
  -webkit-user-drag:none;
  user-drag:none;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  pointer-events:none;
}


/* Egyedi szolgáltatás ikonok */

body.page-webdevelopment .webdev-service-card__icon{
  width: min(170px, 42vw);
  height: auto;
  display:flex;
  align-items:center;
  justify-content:center;
  margin: 0 auto 26px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.page-webdevelopment .webdev-service-card__icon img{
  display:block;
  width:100%;
  height:auto;
  max-width:170px;
  pointer-events:none;
  -webkit-user-drag:none;
  user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}
body.page-webdevelopment .webdev-service-card{
  padding-top: 40px;
}
@media (max-width: 760px){
  body.page-webdevelopment .webdev-service-card__icon{
    width:min(148px, 52vw);
    margin-bottom:22px;
  }
  body.page-webdevelopment .webdev-service-card{
    padding-top: 34px;
  }
}


/* Szolgáltatáskártyák – a következő sor ne csússzon rá a Webáruház kártyára */
body.page-webdevelopment .webdev-services__grid{
  align-items:stretch;
  row-gap:34px;
}

body.page-webdevelopment .webdev-service-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

@media (min-width:761px) and (max-width:1100px){
  body.page-webdevelopment .webdev-services__grid{
    row-gap:40px;
  }

  body.page-webdevelopment .webdev-service-card:last-child{
    margin-top:8px;
  }

  body.page-webdevelopment .webdev-service-card:last-child:hover{
    transform:translateY(-4px);
  }
}


/* „Miért éri meg…” – képes, kétoszlopos bevezető */
body.page-webdevelopment .webdev-why__top{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);
  gap:clamp(42px,6vw,96px);
  align-items:center;
}

body.page-webdevelopment .webdev-why__copy{
  max-width:900px;
}

body.page-webdevelopment .webdev-why__visual{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-width:0;
}

body.page-webdevelopment .webdev-why__visual img{
  display:block;
  width:min(100%,430px);
  height:auto;
  max-height:660px;
  object-fit:contain;
  filter:drop-shadow(0 28px 42px rgba(61,31,91,.13));
  pointer-events:none;
  -webkit-user-drag:none;
  user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}

@media(max-width:980px){
  body.page-webdevelopment .webdev-why__top{
    grid-template-columns:1fr;
    gap:34px;
  }

  body.page-webdevelopment .webdev-why__visual{
    justify-content:center;
  }

  body.page-webdevelopment .webdev-why__visual img{
    width:min(72vw,360px);
    max-height:none;
  }
}

@media(max-width:560px){
  body.page-webdevelopment .webdev-why__visual img{
    width:min(78vw,320px);
  }
}


/* Mobilon a dekoratív emberi figurák ne jelenjenek meg. */
@media(max-width:760px){
  body.page-webdevelopment .webdev-intro__visual,
  body.page-webdevelopment .webdev-why__visual{
    display:none!important;
  }

  body.page-webdevelopment .webdev-intro,
  body.page-webdevelopment .webdev-why__top{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
}


/* Szolgáltatáskártyák – egységes ikon-, cím- és szövegpozíció */
body.page-webdevelopment .webdev-service-card{
  display:grid;
  grid-template-rows:170px 88px minmax(0,1fr);
  justify-items:center;
  align-items:start;
  min-height:420px;
  padding:34px 26px 30px;
}

body.page-webdevelopment .webdev-service-card__icon{
  width:min(180px,100%);
  height:160px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

body.page-webdevelopment .webdev-service-card__icon img{
  width:100%;
  height:100%;
  max-width:180px;
  max-height:154px;
  object-fit:contain;
  object-position:center;
}

body.page-webdevelopment .webdev-service-card h3{
  min-height:88px;
  margin:0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;
}

body.page-webdevelopment .webdev-service-card p{
  width:100%;
  margin:0;
  align-self:start;
  text-align:center;
}

@media(max-width:760px){
  body.page-webdevelopment .webdev-service-card{
    grid-template-rows:154px 88px minmax(0,1fr);
    min-height:394px;
    padding:30px 22px 28px;
  }

  body.page-webdevelopment .webdev-service-card__icon{
    width:min(158px,100%);
    height:146px;
  }

  body.page-webdevelopment .webdev-service-card__icon img{
    max-width:158px;
    max-height:140px;
  }
}


/* Hero – minden végleges szöveghely előre le van foglalva */
body.page-webdevelopment .webdev-typed-line{
  display:grid;
}

body.page-webdevelopment .webdev-typed-line::before,
body.page-webdevelopment .webdev-typed-content{
  grid-area:1 / 1;
}

body.page-webdevelopment .webdev-typed-line::before{
  content:attr(data-type-text);
  visibility:hidden;
  pointer-events:none;
}

body.page-webdevelopment .webdev-hero__sub{
  display:block;
  visibility:visible;
  opacity:1;
  transform:none;
  filter:none;
  transition:opacity 1.45s cubic-bezier(.22,1,.36,1);
}

html.webdev-motion-ready body.page-webdevelopment .webdev-hero__sub{
  visibility:hidden;
  opacity:0;
}

html.webdev-motion-ready body.page-webdevelopment .webdev-hero__sub.is-visible{
  visibility:visible;
  opacity:1;
  animation:none!important;
  transform:none!important;
  filter:none!important;
}