#main .recognition-section{padding:clamp(64px,5vw,128px) 0;background:var(--white,#fff);border-bottom:0;color:var(--navy);text-align:center}
.recognition-heading{position:relative;isolation:isolate;max-width:960px;margin:0 auto;padding-top:clamp(26px,2vw,42px)}
.recognition-heading::before{content:"הזדהיתם";position:absolute;z-index:-1;inset:-.05em 0 auto;color:var(--navy);opacity:.045;font-size:clamp(72px,8.5vw,164px);font-weight:800;line-height:.8;text-align:center;white-space:nowrap;pointer-events:none}
.recognition-eyebrow{margin:0 0 18px;font-weight:700;color:var(--navy);text-align:center}
.recognition-heading h2{width:100%;max-width:none;margin:25px auto 0;text-align:center;font-size:clamp(32px,3.125vw,72px);line-height:1.15}
.recognition-marker{padding:0 .08em;background:linear-gradient(transparent 10%,var(--gold) 10%,var(--gold) 90%,transparent 90%);color:var(--navy);-webkit-text-stroke:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#process>.section-cta{align-items:center;text-align:center}
.recognition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,88px);margin:clamp(36px,3.5vw,80px) 0}
.recognition-grid article{min-width:0}
.recognition-grid svg{width:60px;height:60px;margin:0 auto 20px;color:var(--navy)}
.recognition-icon-video{display:block;width:clamp(104px,8vw,154px);aspect-ratio:1;margin:0 auto 18px;border-radius:24px;object-fit:cover;background:#fff}
.recognition-icon-image{object-fit:contain;animation:recognition-icon-float 5.5s ease-in-out infinite;filter:drop-shadow(0 14px 16px rgba(17,18,35,.14))}
@keyframes recognition-icon-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1deg)}}
.recognition-grid h3{font-size:clamp(22px,1.46vw,34px);line-height:1.25;margin:0 0 18px}
.recognition-grid h3:after{content:"";display:block;width:36px;height:3px;background:var(--gold);margin:18px auto 0}
.recognition-grid p{font-size:clamp(17px,1.041667vw,24px);line-height:1.65;margin:0 auto;max-width:36ch}
.recognition-action{display:grid;justify-items:center;gap:20px}
.recognition-action p{margin:0;font-size:clamp(18px,1.15vw,26px);line-height:1.6}
.recognition-action small{font-size:14px}
.recognition-action .btn{white-space:normal;min-height:48px;text-align:center}
.recognition-action .btn:focus-visible{outline:3px solid var(--navy);outline-offset:5px}
@media(max-width:699px){.recognition-heading{padding-top:22px}.recognition-heading::before{font-size:18vw;inset:.05em 0 auto}.recognition-grid{grid-template-columns:1fr;gap:36px}.recognition-grid article+article{padding-top:32px;border-top:1px solid var(--gold)}.recognition-grid svg{width:48px;height:48px}.recognition-action .btn{width:100%;font-size:17px;padding:14px 16px}}
.pain-ticker{position:relative;z-index:2;display:grid;place-items:center;width:100vw;max-width:none;height:330px;margin-inline:calc(50% - 50vw);padding:0;background:#fff;overflow:hidden;border:0;color:var(--gold);direction:ltr}
.pain-ticker-title{position:absolute;z-index:3;top:50%;left:50%;width:min(calc(100% - 32px),880px);max-width:880px;margin:0;padding:75px 105px;transform:translate(-50%,-50%);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.92) 18%,#fff 38%,#fff 62%,rgba(255,255,255,.92) 82%,rgba(255,255,255,0));color:var(--navy);text-align:center;direction:rtl;font-size:clamp(28px,3.1vw,58px);font-weight:800;line-height:.95;letter-spacing:-.035em}
.pain-ticker-title span{display:block}
.pain-ticker-title span:last-child{color:var(--gold)}
.pain-ticker-row{position:absolute;top:50%;left:50%;width:120%;margin:0;overflow:hidden;background:#111223;border-bottom:1px solid rgba(236,204,110,.36);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center}
.pain-ticker-row-reverse{transform:translate(-50%,-50%) rotate(-12deg)}
.pain-ticker-row:last-child{border-bottom:0}
.pain-ticker-track{display:flex;width:max-content;animation:pain-ticker-flow 34s linear infinite;will-change:transform}
.pain-ticker-row-reverse .pain-ticker-track{animation-direction:reverse;animation-duration:39s}
.pain-ticker-group{display:flex;flex:none;align-items:center;gap:clamp(22px,2.2vw,44px);margin:0;padding:8px clamp(11px,1.1vw,22px);white-space:nowrap;direction:rtl;font-size:clamp(12px,.72vw,15px);font-weight:700;letter-spacing:.035em}
.pain-ticker-group i{color:#fff;font-style:normal;opacity:.64}
@keyframes pain-ticker-flow{to{transform:translateX(-50%)}}
@media(min-width:1200px){.pain-ticker{height:540px}.pain-ticker-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(calc(100% - 48px),800px);height:300px;max-width:800px;padding:0 82px;font-size:clamp(44px,3vw,58px)}.pain-ticker-row{width:110vw;transform:translate(-50%,-50%) rotate(15deg)}.pain-ticker-row-reverse{transform:translate(-50%,-50%) rotate(-15deg)}}
@media(max-width:699px){.pain-ticker{height:300px}.pain-ticker-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 20px);height:175px;max-width:none;padding:18px 12px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.94) 16%,#fff 28%,#fff 72%,rgba(255,255,255,.94) 84%,rgba(255,255,255,0));font-size:clamp(24px,8vw,34px)}.pain-ticker-row{width:175%;transform:translate(-50%,-50%) rotate(17deg)}.pain-ticker-row-reverse{transform:translate(-50%,-50%) rotate(-17deg)}.pain-ticker-group{gap:22px;padding:7px 11px;font-size:12px}.pain-ticker-track{animation-duration:26s}.pain-ticker-row-reverse .pain-ticker-track{animation-duration:30s}}
.services-animated{position:relative;isolation:isolate;background:#fff}
.services-animated .wrap{position:relative}
.services-backword{position:absolute;inset:-.35em 0 auto;font-size:clamp(64px,9vw,180px);font-weight:800;line-height:1;color:var(--navy);opacity:.045;text-align:center;pointer-events:none;z-index:-1}
.services-kicker{text-align:center;font-size:16px;font-weight:700;margin:0 0 20px}
.services-animated .section-intro{display:block;text-align:center;margin:0 auto 28px;max-width:900px}
.services-animated .section-intro h2{max-width:none;margin:0 0 24px}
.services-animated .section-intro .lede{max-width:58ch;margin-inline:auto}
.services-animated .service-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.services-animated .service-paths article{border:1px solid #e5e2d9;border-radius:24px;padding:24px;text-align:right;background:#fff}
.service-visual{aspect-ratio:1;border:1px solid rgba(236,204,110,.36);border-radius:22px;background:radial-gradient(circle at 50% 42%,#fff 0,#faf7ed 68%,#f1ead7 100%);margin:0 0 24px;overflow:hidden;box-shadow:0 18px 38px -30px rgba(17,18,35,.52);display:grid;place-items:center}
.service-visual-image{display:block;width:100%;height:100%;object-fit:cover;padding:0;border-radius:inherit;filter:none;animation:service-float 5.5s ease-in-out infinite}
video.service-visual-image{animation:none}
.service-visual *{animation-play-state:paused}
.motion-visible:not(.motion-paused) .service-visual *{animation-play-state:running}
.services-animated .service-paths h3{font-size:clamp(22px,1.46vw,30px);line-height:1.25;margin:0 0 16px}
.services-animated .service-paths p{font-size:clamp(17px,1.04vw,22px);line-height:1.65;margin:0}
.services-animated .scope-note{margin-top:32px;text-align:center}
.services-animated .text-link{display:table;margin:24px auto 0}
/* Brand-adapted native implementation of the supplied 3D card slider. */
.dream-section{background:#111223!important;color:#fff}
.dream-section .dream-title,.dream-section .dream-kicker{color:#fff}.dream-section .dream-lede{color:#d9dbea}.dream-section .brand-outline{display:inline-block;color:var(--gold);font-size:1.2em;-webkit-text-stroke:0}
.dream-section .dream-stage{align-items:center}.dream-intro{width:min(86vw,1500px)}.dream-section .dream-kicker,.dream-section .dream-title,.dream-section .dream-lede{margin-inline:auto;text-align:center}.dream-section .dream-title{width:min(100%,16ch);max-width:16ch}.dream-section .dream-lede{width:min(calc(100% - 32px),58ch);max-width:58ch}.dream-section .dream-mockups{width:min(86vw,1500px);align-self:center}.dream-copy-block .section-cta{align-items:center;text-align:center}.dream-copy-block .section-cta p{margin-inline:auto;text-align:center}
.dream-cards-3d{--pointer-x:0;--pointer-y:0;perspective:1200px;isolation:isolate;overflow:visible!important}
.dream-cards-3d .dream-mockup{top:50%;left:50%;display:grid;width:31%;height:88%;padding:24px;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;aspect-ratio:auto;border:1px solid rgba(236,204,110,.22);border-radius:24px;background:#111223;overflow:hidden;box-shadow:0 28px 70px -34px rgba(0,0,0,.8);transform-style:preserve-3d;transform-origin:center;transition:transform 300ms cubic-bezier(.23,1,.32,1),opacity 220ms cubic-bezier(.23,1,.32,1),filter 220ms cubic-bezier(.23,1,.32,1);translate:none;scale:none;rotate:none}
.dream-cards-3d .dream-mockup>img,.dream-cards-3d .dream-device-screen{position:relative;inset:auto;grid-row:2;width:100%;height:100%;min-height:0;border:0;border-radius:14px;background:#eee;overflow:hidden}
.dream-cards-3d .dream-mockup>img,.dream-cards-3d .dream-device-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;background:#111223}
.dream-cards-3d .dream-device::after{display:none}
.dream-cards-3d .dream-tooltip{position:relative;inset:auto;display:flex;grid-row:1;width:100%;min-width:0;height:auto;padding:0;flex-direction:column;align-items:flex-end;justify-content:center;direction:rtl;text-align:right;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;opacity:1;visibility:visible;transform:none}
.dream-cards-3d .dream-tooltip strong,.dream-cards-3d .dream-tooltip small{display:block;width:100%;text-align:right}.dream-cards-3d .dream-tooltip strong{font-size:clamp(20px,1.25vw,28px);line-height:1.2}.dream-cards-3d .dream-tooltip small{margin-top:7px;color:#c8cad8;font-size:clamp(14px,.83vw,18px)}
.dream-cards-3d .dream-mockup[data-dream-position="0"]{z-index:1;transform:translate(-142%,-50%) rotateY(22deg) scale(.82);opacity:.62;filter:saturate(.72)}
.dream-cards-3d .dream-mockup[data-dream-position="1"]{z-index:3;transform:translate(-50%,-50%) rotateX(calc(var(--pointer-y) * -8deg)) rotateY(calc(var(--pointer-x) * 16deg)) translateZ(38px);opacity:1}
.dream-cards-3d .dream-mockup[data-dream-position="2"]{z-index:1;transform:translate(42%,-50%) rotateY(-22deg) scale(.82);opacity:.62;filter:saturate(.72)}
.dream-cards-3d .dream-mockup[data-dream-edge="before"]{transform:translate(-225%,-50%) rotateY(28deg) scale(.72);opacity:0}
.dream-cards-3d .dream-mockup[data-dream-edge="after"]{transform:translate(125%,-50%) rotateY(-28deg) scale(.72);opacity:0}
.dream-cards-3d .dream-mockup[data-dream-position="0"]:hover,.dream-cards-3d .dream-mockup[data-dream-position="2"]:hover{opacity:.82}
.dream-cards-3d .dream-mockup[data-dream-position="1"]:hover{box-shadow:0 34px 75px -36px rgba(17,18,35,.72)}
.dream-cards-3d:focus-visible{outline:3px solid var(--navy);outline-offset:8px}
.btn{border-radius:8px}.btn img{width:24px;height:24px;object-fit:contain;flex:none}.btn[href="#form"] img,.btn[type="submit"] img{transform:scaleX(-1)}
.dream-controls{justify-content:center!important;gap:10px!important}.dream-controls .dream-status{color:#d9dbea}.dream-arrow{display:grid;place-items:center;width:52px;height:44px;border:0;border-radius:8px;background:var(--gold)!important;color:#111223!important;font:700 18px/1 Polin,sans-serif;cursor:pointer;box-shadow:none}.dream-arrow img{width:22px;height:22px}.dream-arrow-prev img{transform:scaleX(-1)}.dream-arrow-next img{transform:none}.dream-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}.dream-arrow:active{transform:scale(.94)}
.dream-copy-block .section-cta{color:#d9dbea}.dream-copy-block .section-cta small{color:#c8cad8}
@media(min-width:860px){.dream-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(64px,7vw,150px);direction:rtl}.dream-heading-block{min-width:0}.dream-section .dream-kicker,.dream-section .dream-title{margin-inline:auto;text-align:center}.dream-section .dream-title{width:100%;max-width:12ch;font-size:clamp(58px,4.45vw,88px);line-height:1.02}.dream-copy-block{min-width:0;align-self:center;text-align:center}.dream-section .dream-lede{width:100%;margin:0 auto;text-align:center;font-size:clamp(20px,1.25vw,26px);line-height:1.6}.dream-copy-block .section-cta{align-items:center;margin-top:30px;text-align:center}.dream-copy-block .section-cta p{margin-inline:auto;text-align:center}.dream-mockups.dream-cards-3d{height:min(33vw,620px);aspect-ratio:auto;margin-top:3vw}.dream-controls{width:min(86vw,1500px)}.dream-cards-3d .dream-mockup{width:27%;height:84%;max-width:420px;max-height:560px}}
@media(max-width:859px){.dream-section{scroll-margin-top:92px;padding-top:36px!important;padding-bottom:96px!important}.dream-intro{display:flex;width:100%;flex-direction:column;align-items:center}.dream-section .dream-title{margin-top:6px;font-size:clamp(28px,7.6vw,40px);line-height:1.02}.dream-section .dream-lede{margin-top:18px;font-size:16px;line-height:1.5}.dream-copy-block .section-cta{display:none}.dream-mockups.dream-cards-3d{width:100%;height:350px;aspect-ratio:auto;margin-top:20px;overflow:hidden!important}.dream-cards-3d .dream-mockup{width:min(84vw,350px);height:318px;padding:14px;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.dream-cards-3d .dream-mockup>img{display:block;align-self:center;width:100%;height:100%;max-height:190px;aspect-ratio:16/10;object-fit:cover;object-position:top center;background:#111223}.dream-cards-3d .dream-tooltip strong{font-size:20px}.dream-cards-3d .dream-tooltip small{font-size:13px}.dream-cards-3d .dream-mockup[data-dream-position="0"]{transform:translate(-118%,-50%) rotateY(18deg) scale(.78)}.dream-cards-3d .dream-mockup[data-dream-position="2"]{transform:translate(18%,-50%) rotateY(-18deg) scale(.78)}.dream-controls{width:100%;margin-top:0!important}}
@keyframes service-reveal{0%,100%{opacity:.45;transform:translateY(3px)}25%,75%{opacity:1;transform:translateY(0)}}
@keyframes service-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes service-orbit{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(5deg) scale(1.06)}}
@media(max-width:1199px){.services-animated .service-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.services-animated{overflow:visible}.services-animated .service-paths{display:block;overflow:visible}.services-animated .service-paths article{position:sticky;top:calc(86px + var(--stack-index,0) * 12px);min-height:430px;margin:0 0 20px;padding:24px;box-shadow:0 22px 42px -30px #11122399}.services-animated .service-paths article:nth-child(1){--stack-index:0;z-index:1}.services-animated .service-paths article:nth-child(2){--stack-index:1;z-index:2}.services-animated .service-paths article:nth-child(3){--stack-index:2;z-index:3;margin-bottom:0}.service-visual{max-width:250px;margin-inline:auto}.services-backword{font-size:16vw}}
@media(prefers-reduced-motion:reduce){.recognition-icon-image,.service-visual *{animation:none!important}.dream-cards-3d .dream-mockup{transition:none}.pain-ticker-track{animation:none}}
@media(min-width:1200px){
  section:not(.hero):not(.pain-section):not(.pain-ticker):not(.dream-section){padding-block:48px}
  .recognition-section{padding-block:28px}
  .recognition-heading{padding-top:8px}
  .recognition-heading::before{font-size:112px}
  .recognition-eyebrow{margin-bottom:10px}
  .recognition-heading h2{font-size:48px;line-height:1.08}
  .recognition-grid{gap:56px;margin:24px 0}
  .recognition-icon-video{width:110px;margin-bottom:10px;border-radius:20px}
  .recognition-grid h3{font-size:24px;margin-bottom:10px}
  .recognition-grid h3:after{margin-top:10px}
  .recognition-grid p{font-size:17px;line-height:1.45}
  .recognition-action{gap:10px}
  .recognition-action p{font-size:18px;line-height:1.4}
  .services-animated .service-paths{gap:18px}
  .services-animated .service-paths article{padding:18px}
  .service-visual{max-height:230px;margin-bottom:16px}
  .services-animated .service-paths h3{font-size:23px;margin-bottom:10px}
  .services-animated .service-paths p{font-size:16px;line-height:1.48}
}
/* Desktop design coordinate system: 1px at 1920 = 0.0520833333vw.
   Small screens retain content-driven layout and readable text sizes. */
@media(min-width:860px) {
  :root { --w:86.666667vw; --gutter:6.666667vw; --section-space:5vw; --heading:2.708333vw; --body-size:1.041667vw; }
  .wrap,.pain-stage,.dream-stage { width:var(--w); max-width:none; }
  .hero { width:100%; height:max(100svh,48.438vw); min-height:100svh; }
  .hero .wrap { width:100%; height:100%; }
  .hero-stage { position:absolute; inset:0; height:100%; }
  .hero-person { top:4.166667vw; left:50%; width:25.565vw; height:43.75vw; }
  .hero-blob { left:21vw; top:-1.8vw; width:58vw; height:57vw; }
  .hero h1,.hero-title-outline { top:13.541667vw; width:90.729167vw; margin-top:23px; font-size:9.12vw; line-height:9.459459vw; }
  .hero-title-outline { -webkit-text-stroke-width:.104167vw; }
  .hero-bottom { top:auto; bottom:2.083333vw; left:6.666667vw; width:86.666667vw; gap:2.5vw; }
  .hero-copy { width:30vw; max-width:30vw; }
  .hero p.lede { font-size:1.227604vw; line-height:1.5; }
  .hero-socials { top:6.25vw; left:2.8125vw; gap:1.041667vw; }
  .hero-socials>a,.hero-socials>span,.hero-socials img { width:1.822917vw; height:1.822917vw; }
  .hero .btn-gold { min-height:3.261823vw; padding:.589219vw 2.455156vw; gap:.982083vw; border-radius:.589219vw; font-size:1.473073vw; }
  .hero .btn-gold img { width:1.964115vw; height:1.964115vw; }
  .site-header .wrap { width:var(--w); padding:.520833vw 1.25vw; gap:1.666667vw; }
  .site-header .hero-nav { font-size:1.041667vw; gap:1.458333vw; }
  .nav-brand { font-size:1.25vw; }.nav-brand span { font-size:.729167vw; }
  .grid2,.form-wrap,.case { gap:4.166667vw; }
  .pain-stage { grid-template-columns:1fr 1fr; gap:3.75vw; }
  .pain h3,.service-paths h3 { font-size:1.354167vw; }
  .pain p,.service-paths p,.step p,.story,.story p,.faq .a { font-size:1.041667vw; }
  .process-section #process-h { font-size:3.333333vw; }
  .process-section .steps { margin-top:3.333333vw; gap:1.666667vw; }
  .process-section .step { padding-top:4.166667vw; }
  .process-section .step::before { font-size:2.5vw; }
  .process-section .step::after { top:2.916667vw; }
  .process-section .step h3 { font-size:1.25vw; }
  .process-section .step p { font-size:1.041667vw; }
  .process-section .process-sign { width:11.458333vw; }.process-sign span { font-size:1.354167vw; }
  .section-cta { margin-top:2.083333vw; gap:.416667vw; }
  .section-cta p,.section-cta small,.scope-note { font-size:.9375vw; }
  .btn { font-size:1.041667vw; padding:.729167vw 1.25vw; }
  .morph-copy { width:var(--w); }
}
/* Tablet is a reflow, not a miniature desktop. */
@media(min-width:860px) and (max-width:1199px) {
  :root { --body-size:17px; --heading:32px; }
  .hero p.lede { font-size:14px; }
  .hero-person { top:80px; height:calc(47.916667vw - 80px); width:calc((47.916667vw - 80px) * .58434); }
  .hero-socials { top:88px; }
  .hero-socials>a,.hero-socials>span { min-width:28px; min-height:28px; }
  .site-header .hero-nav { font-size:16px; }.nav-brand { font-size:19px; }.nav-brand span { font-size:11px; }
  .pain h3,.service-paths h3,.process-section .step h3 { font-size:22px; }
  .pain p,.service-paths p,.process-section .step p,.story,.story p,.faq .a { font-size:17px; }
  .section-cta p,.section-cta small,.scope-note,.btn { font-size:16px; }
  .process-section .steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:1200px){
  .dream-section{height:100vh;max-height:920px}
  .pain-section{height:auto!important;padding:32px 0!important;overflow:clip}
  .pain-section .pain-scroll{height:auto!important}
  .pain-section .pain-stage{position:relative;width:var(--w);height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
  .pain-section .pain-narrative,.pain-section .pains{position:relative;inset:auto;width:auto;margin:0}
  .pain-section .pain-narrative{display:grid;justify-items:center;text-align:center}
  .pain-section .pain-title{position:relative;inset:auto;width:auto;white-space:normal;font-size:48px;line-height:1.08}
  .pain-section .pain-intro{position:relative;inset:auto;width:auto;margin:20px 0 6px;font-size:20px;text-align:center}
  .pain-section .pain-quote{position:relative;inset:auto;width:auto;margin:18px 0 24px;font-size:32px;white-space:normal}
  .pain-section .pain-story{position:relative;inset:auto;width:auto;max-width:52ch;font-size:17px;line-height:1.5;text-align:center}
  .pain-section .pains{display:grid;gap:14px}
  .pain-section .pain{position:relative;width:100%;height:148px;border:1px solid rgba(236,204,110,.7);border-radius:20px;box-shadow:0 18px 36px -30px rgba(17,18,35,.5)}
  .pain-section .pain-card-copy{top:22px;right:104px;width:calc(100% - 130px)}
  .pain-section .pain h3{font-size:20px}.pain-section .pain p{margin-top:10px;font-size:14px;line-height:1.4}
  .pain-section .pain-graphic,.pain-section .pain:nth-child(2) .pain-graphic,.pain-section .pain:nth-child(3) .pain-graphic{top:26px;left:24px;width:64px;height:88px}
  .pain-section .pain-number{right:auto;left:0;bottom:0;width:54px}.pain-section .pain-number span{width:34px;height:34px;font-size:13px}
  .pain-section .pain-art,.pain-section .pain-art-blob{display:none}
  .pain-section>.section-cta{margin-top:24px}
  .recognition-heading h2{font-size:48px}
  .recognition-grid h3{font-size:24px}
  .recognition-grid p{font-size:17px}
  .services-animated .service-paths h3{font-size:23px}
  .services-animated .service-paths p{font-size:16px}
  .services-section{padding-block:20px!important}
  .services-section .section-intro{margin-bottom:16px}
  .services-section .section-cta{margin-top:18px}
  .service-visual{max-height:150px;margin-bottom:12px}
  .process-section{padding-block:32px!important}
  .process-section .steps{margin-top:32px;gap:24px}
  .process-section .step{padding-top:58px}
  .process-section .step::after{top:42px}
  .process-section .process-fig{margin-top:24px;padding-top:22px}
  .process-section .section-cta{margin-top:18px}
  .project-marquee{padding-block:22px!important}
  .project-marquee .morph-copy h2{font-size:36px;line-height:1.05}
  .project-marquee .morph-copy p{margin-bottom:8px}
  .project-marquee .morph-cards{padding-block:8px}
  .project-marquee .project-lane{padding-block:3px}
  .project-marquee .mcard{flex-basis:240px;width:240px}
  .project-marquee>.wrap{margin-top:18px!important;padding-top:18px}
  main>section:nth-of-type(9){padding-block:36px!important}
}

/* Wide desktop rhythm: content determines section height, as on the reference page.
   Only true stage sections keep a controlled viewport-like canvas. */
@media(min-width:1200px){
  main>section:not(.hero){
    box-sizing:border-box;
    min-height:0;
  }
  .hero{
    height:max(100svh,47vw);
    min-height:100svh;
    max-height:none;
  }
  .hero-person{
    top:4.166667vw;
    height:calc(max(100svh,47vw) - 4.166667vw);
    width:calc((max(100svh,47vw) - 4.166667vw) * .58434);
  }
  .dream-section{
    height:auto;
    min-height:clamp(700px,47vw,900px);
    max-height:none;
  }
  .dream-section .dream-stage{
    height:100%;
    min-height:0;
  }
  .dream-mockups.dream-cards-3d{
    height:min(23vw,440px);
    margin-top:24px;
  }
  .dream-cards-3d .dream-mockup{
    height:88%;
  }
  .pain-section{
    height:auto!important;
    min-height:0;
  }
  .pain-section .pain-scroll{
    height:auto!important;
  }
  .pain-section .pains{
    height:auto!important;
  }
  .pain-section .deck-pinned.pain-stage{
    position:relative;
    top:auto;
    overflow:visible;
    padding-bottom:0;
  }
  .pain-section .deck-pinned .pains{
    display:grid;
    height:auto!important;
    overflow:visible;
  }
  .pain-section .deck-pinned .pain,
  .pain-section .deck-pinned .pain:nth-child(2),
  .pain-section .deck-pinned .pain:nth-child(3){
    position:relative;
    inset:auto;
    height:148px!important;
    transform:none!important;
  }
  .pain-section .pain{
    height:148px!important;
    min-height:0;
  }
  .pain-section .cost-callout{
    margin-top:24px;
    padding:16px 32px;
  }
  .pain-section .cost-callout h3{
    font-size:28px;
    line-height:1.15;
  }
  .pain-section .cost-callout p{
    margin-top:10px;
    font-size:16px;
    line-height:1.45;
  }
  .pain-section>.section-cta{
    margin-top:18px;
    gap:6px;
  }
  .services-animated .service-paths.five{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .services-animated .service-paths.five article{
    padding:16px;
  }
  .services-animated .service-paths.five .service-visual{
    max-height:138px;
  }
  .project-marquee .mcard{
    width:200px;
    flex-basis:200px;
  }
  .project-marquee .case{
    gap:2.4vw;
  }
  .project-marquee .case .story,
  .project-marquee .case .story p{
    font-size:16px;
    line-height:1.42;
  }
  .project-marquee{
    padding-block:16px!important;
  }
  .project-marquee>.wrap{
    margin-top:6px!important;
  }
  #faq,#form{
    padding-block:32px!important;
  }
  #faq .faq{
    margin-top:16px;
  }
  #faq .faq summary{
    min-height:40px;
    padding:8px 0;
    font-size:18px;
  }
}

/* Proof + interactive gap meter. Content-led, not a speculative revenue promise. */
.value-section{background:#fff;color:var(--navy);padding:clamp(72px,6vw,116px) 0}
.proof-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:clamp(32px,3vw,56px);overflow:hidden;border:1px solid rgba(236,204,110,.32);border-radius:24px;background:rgba(236,204,110,.32)}
.proof-stat{display:grid;min-height:150px;padding:28px;place-content:center;text-align:center;background:var(--navy)}
.proof-stat strong{display:block;color:var(--gold);font-size:clamp(34px,3vw,58px);line-height:1;font-variant-numeric:tabular-nums}
.proof-stat span{display:block;max-width:24ch;margin:12px auto 0;color:#d9dbea;font-size:clamp(15px,1vw,19px);line-height:1.45}
.value-meter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,90px);align-items:start;padding:clamp(28px,3.5vw,64px);border-radius:30px;background:#fff;color:var(--navy);box-shadow:0 32px 80px -52px rgba(0,0,0,.9)}
.value-meter-copy .services-kicker{text-align:right;color:#756323}
.value-meter-copy h2{max-width:12ch;margin:0;font-size:clamp(38px,3.3vw,66px);line-height:1.05}
.value-meter-copy .lede{max-width:48ch;margin:24px 0 0;font-size:clamp(17px,1.05vw,21px);line-height:1.55}
.gap-result{margin-top:32px;padding:24px;border-radius:22px;background:#f5f3ed}
.gap-result-label{display:block;font-weight:700}
.gap-result strong{display:block;margin-top:10px;color:var(--navy);font-size:clamp(48px,4.4vw,84px);line-height:1;font-variant-numeric:tabular-nums}
.gap-result strong small{font-size:.3em;color:#77798a}
.gap-track{height:12px;margin-top:18px;overflow:hidden;border-radius:999px;background:#dedcd4;direction:ltr}
.gap-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--gold);transition:width 240ms cubic-bezier(.23,1,.32,1)}
.gap-result p{min-height:2.9em;margin:16px 0 0;color:#565868;line-height:1.45}
.gap-questions{display:grid;gap:12px}
.gap-questions fieldset{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0;padding:18px 20px;border:1px solid #e5e2d9;border-radius:18px;background:#fff}
.gap-questions legend{display:contents;font-weight:700;line-height:1.35}
.gap-options{display:flex;gap:8px;direction:rtl}
.gap-options button{min-width:60px;min-height:44px;padding:8px 14px;border:1px solid #c9c7bf;border-radius:10px;background:#fff;color:var(--navy);font-family:inherit;font-size:16px;font-weight:700;line-height:1;cursor:pointer;transition:transform 140ms cubic-bezier(.23,1,.32,1),background-color 140ms cubic-bezier(.23,1,.32,1),border-color 140ms cubic-bezier(.23,1,.32,1)}
.gap-options button:hover{border-color:var(--gold)}
.gap-options button:active{transform:scale(.97)}
.gap-options button[aria-pressed="true"]{border-color:var(--gold);background:var(--gold)}
.gap-options button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.pain-section .pain video.pain-graphic,.pain-section .pain:nth-child(2) video.pain-graphic,.pain-section .pain:nth-child(3) video.pain-graphic{aspect-ratio:1;object-fit:cover;border-radius:18px;background:#eeeeec}
@media(min-width:1200px){
  .pain-section .pain video.pain-graphic,.pain-section .pain:nth-child(2) video.pain-graphic,.pain-section .pain:nth-child(3) video.pain-graphic{top:37px;left:20px;width:74px;height:74px}
}
@media(min-width:860px) and (max-width:1199px){
  .pain-section .pain video.pain-graphic,.pain-section .pain:nth-child(2) video.pain-graphic,.pain-section .pain:nth-child(3) video.pain-graphic{top:38px;left:22px;width:130px;height:130px}
}
@media(max-width:859px){
  .value-section{padding:64px 0}
  .proof-stats{grid-template-columns:1fr;margin-bottom:28px}
  .proof-stat{min-height:120px;padding:22px}
  .value-meter{grid-template-columns:1fr;padding:24px;gap:28px;border-radius:22px}
  .value-meter-copy .services-kicker{text-align:center}
  .value-meter-copy h2{max-width:none;text-align:center;font-size:clamp(34px,10vw,46px)}
  .value-meter-copy .lede{text-align:center}
  .gap-questions fieldset{grid-template-columns:1fr;gap:14px}
  .gap-options button{flex:1}
  .pain-section .pain video.pain-graphic,.pain-section .pain:nth-child(2) video.pain-graphic,.pain-section .pain:nth-child(3) video.pain-graphic{top:1.2rem;right:.8rem;left:auto;width:6.1rem;height:6.1rem}
}
@media(prefers-reduced-motion:reduce){.gap-track span,.gap-options button{transition:none}}

/* Reserve room for the tilted edges; clip only beyond the page sides. */
.project-marquee .morph-cards{height:auto;padding-block:calc(3vw + 20px);overflow:hidden}
.project-marquee .project-lane{overflow:visible}
@media(min-width:700px){
  .project-marquee .morph-cards{display:flex;flex-direction:column;justify-content:center;gap:24px}
  .project-marquee .project-lane{flex:none;overflow:visible;padding:0}
  .project-marquee .mcard{width:clamp(314.496px,25.3344vw,489.216px);flex-basis:clamp(314.496px,25.3344vw,489.216px)}
  .project-marquee .project-group{gap:24px;padding-right:24px}
  .project-marquee.marquee-keyboard .morph-cards,.project-marquee.marquee-reduced .morph-cards{height:auto;overflow:visible}
  .project-marquee.marquee-keyboard .project-lane,.project-marquee.marquee-reduced .project-lane{overflow-x:auto;padding-block:8px}
}
@media(max-width:699px){
  .hero{height:auto;min-height:0}
  .hero .wrap{position:relative;height:auto;min-height:0}
  .hero-person{width:min(94vw,400px,max(260px,calc((100dvh - 350px) * .8003)));height:auto;aspect-ratio:1122/1402}
  .hero-stage{height:calc(142px + min(117.46vw,499.47px,max(324.53px,calc(100dvh - 350px))))}
  .hero-bottom{position:relative;inset:auto;width:auto;margin:0 var(--mobile-gutter,20px);padding:20px 0 calc(24px + env(safe-area-inset-bottom))}
  .project-marquee .mcard{width:93.6vw;flex-basis:93.6vw}
}

/* Static client proof gives the moving project gallery its own visual space. */
.client-proof-static{padding:48px 0;background:var(--navy);color:#fff;border-color:rgba(236,204,110,.18)}
.client-proof-static .wrap{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,3fr);gap:40px;align-items:center}
.client-grid-heading>span{display:block;color:var(--gold);font-size:13px;font-weight:700;margin-bottom:10px}
.client-proof-static .client-grid-heading p{margin:0;color:#fff;font-family:var(--fd);font-size:clamp(22px,1.7vw,30px);font-weight:700;line-height:1.2}
.client-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;background:none;border:0;overflow:visible}
.client-logo-grid li{display:flex;align-items:center;justify-content:center;min-width:0;min-height:132px;padding:24px 18px;background:#1b1c30;border:1px solid rgba(236,204,110,.25);border-radius:18px}
.client-logo-grid img{display:block;width:min(100%,160px);height:64px;object-fit:contain;filter:brightness(0) invert(1)}
.client-logo-grid li>span{color:#fff;font-family:var(--fd);font-size:clamp(18px,1.3vw,24px);font-weight:700;white-space:nowrap}
#projects.project-marquee{padding-top:clamp(64px,5vw,96px)!important}
#projects .morph-copy{text-align:center}
#projects .project-section-heading{position:relative;isolation:isolate;max-width:960px;margin:0 auto;padding-top:clamp(26px,2vw,42px)}
#projects .project-heading-backdrop{position:absolute;z-index:-1;inset:-.05em 0 auto;color:var(--navy);opacity:.045;font-size:clamp(64px,8.5vw,164px);font-weight:800;line-height:.8;text-align:center;white-space:nowrap;pointer-events:none}
#projects .project-heading-eyebrow{display:block;margin:0 0 18px;font-weight:700;color:var(--navy);font-size:16px}
#projects .morph-copy h2{max-width:26ch;margin:0 auto;color:#111223;text-align:center;font-size:clamp(32px,3.125vw,72px);line-height:1.15}
#projects .morph-copy .brand-outline{color:var(--navy);-webkit-text-stroke:1px var(--gold);paint-order:stroke fill}
#projects .morph-copy p{max-width:58ch;margin:24px auto 0;color:#555865;text-align:center;font-size:clamp(16px,1.1vw,20px);line-height:1.65}
#projects .morph-cards{margin-top:20px}
@media(max-width:999px){
  .client-proof-static .wrap{grid-template-columns:1fr;gap:24px}
  .client-grid-heading p br{display:none}
  .client-logo-grid li{min-height:100px;padding:20px 14px}
}
@media(max-width:599px){
  .client-proof-static{padding:32px 0}
  .client-proof-static .wrap{gap:20px}
  .client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .client-logo-grid img{width:min(100%,132px);height:58px}
  #projects.project-marquee{padding-top:48px!important}
  #projects .morph-copy h2{font-size:32px}
  #projects .morph-copy p{margin-top:18px;font-size:16px}
  #projects .morph-cards{margin-top:16px}
}