#hero.sales-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:150px 5% 90px;min-height:min(900px,100svh);overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#ffce986b,transparent 60%),#fff0e1;isolation:isolate}.sales-copy{position:relative;z-index:2}.sales-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#975e3b;margin-bottom:30px}.sales-copy h1{font-family:var(--font-1);font-weight:650;font-size:clamp(55px,5.8vw,95px);letter-spacing:-.065em;line-height:1.02;margin:0 0 30px}.sales-copy h1 span{color:#bd4e25}.sales-lede{font-size:clamp(19px,1.7vw,26px);line-height:1.5;letter-spacing:-.03em;margin-bottom:20px}.sales-detail{font-size:15px;line-height:1.7;color:#806149;margin-bottom:30px}.sales-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.sales-actions .m-btn{font-size:13px;padding:17px 22px}.sales-link{font-size:12px;text-decoration:underline;text-underline-offset:5px}.sales-footnote{font-size:10px;line-height:1.8;color:#8b6b53;margin-top:25px;max-width:350px}.desktop-demo{position:relative;perspective:1300px;padding:25px 0 65px}.demo-backplate{position:absolute;inset:0 10px 55px 5px;border-radius:25px;background:#efbe94a0;border:1px solid #fff7;transform:rotate(7deg);box-shadow:0 30px 70px #87451815}.demo-window{position:relative;transform:rotateY(-7deg) rotate(-2deg);background:linear-gradient(135deg,#fffdf5ef,#fff5e5dc);border:1px solid #ffffffed;border-radius:22px;overflow:hidden;box-shadow:0 35px 75px #934c2520,inset 0 1px 0 #fff;backdrop-filter:blur(20px)}.demo-chrome{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px;border-bottom:1px solid #d3a57c30;font-size:9px;color:#9d7556}.demo-chrome b{font-weight:450;font-size:10px;color:#71503b}.demo-dots{letter-spacing:2px;font-size:7px;color:#cba382}.demo-tabs{display:flex;padding:22px 25px 0;gap:8px}.demo-tabs button{border:1px solid #dcb48b70;background:#fff8ef;border-radius:24px;padding:10px 16px;font:500 11px var(--font-2);color:#86583b;cursor:pointer;touch-action:manipulation}.demo-tabs button[aria-selected=true]{background:#bc4e24;color:#fff8e9;border-color:#bc4e24}.demo-tabs button:active{transform:scale(.97)}#demo-panel{padding:30px 27px}.demo-label{font-size:8px;letter-spacing:1.4px;color:#ab7956;margin-bottom:15px}#demo-panel h2{font:550 clamp(24px,2.3vw,36px)/1.2 var(--font-1);letter-spacing:-1px;min-height:88px;margin:0 0 25px}.demo-result{display:flex;gap:14px;padding:20px;background:#f1d3ad60;border:1px solid #fff;border-radius:16px;align-items:start}.demo-spark{color:#bc5b2d;font-size:24px;line-height:1.3}.demo-result b{font-size:14px;font-weight:600}.demo-result p{font-size:12px;color:#8a6348;line-height:1.7;margin:9px 0 0}.demo-steps{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:25px;font-size:9px;color:#9c7656}.demo-steps i{font-style:normal;color:#be7343}.demo-steps strong{font-size:9px;color:#8e492c;font-weight:600}.demo-bottom{display:flex;justify-content:space-between;gap:10px;padding:15px 24px;border-top:1px solid #d3a57c30;color:#a17e60;font-size:8px}.demo-caption{position:absolute;right:20px;bottom:0;font-size:12px;color:#9b7251;line-height:1.6;transform:rotate(3deg)}.demo-caption strong{font-weight:500;color:#8a5433}#statement .statement__title{font-size:clamp(38px,6.5vw,100px)}#statement .statement__lead{max-width:29rem}#hero .demo-window button:focus-visible{outline:3px solid #9c431e;outline-offset:3px}#work .case__img{object-position:50% 50%}#again .partner__year{font-size:9px}#capabilities .service__text{gap:18px}#journal .story__text{max-width:30rem}
@media(max-width:1000px){#hero.sales-hero{padding-top:125px;gap:4%}.sales-copy h1{font-size:6.1vw}.sales-actions{gap:16px}.demo-chrome b{font-size:8px}.demo-chrome{padding:14px}.demo-tabs{padding:18px 18px 0;gap:5px}.demo-tabs button{padding:9px 12px;font-size:10px}#demo-panel{padding:25px 20px}.demo-result{padding:16px}.demo-steps{font-size:8px;gap:6px}.demo-bottom{font-size:7px;padding:14px 18px}}
@media(max-width:760px){#hero.sales-hero{display:block;min-height:0;padding:120px 6% 65px}.sales-eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:25px}.sales-copy h1{font-size:clamp(48px,12.7vw,80px);margin-bottom:25px}.sales-lede{font-size:19px}.sales-detail{font-size:14px;margin-bottom:25px}.sales-actions .m-btn{font-size:12px;padding:15px 20px}.sales-link{font-size:11px}.sales-footnote{font-size:9px;max-width:none;margin-top:22px}.desktop-demo{margin-top:40px;padding:12px 0 65px;max-width:500px;margin-inline:auto}.demo-backplate{inset:0 5px 60px;transform:rotate(4deg)}.demo-window{transform:rotate(-1deg);border-radius:20px}.demo-chrome{padding:14px 12px;gap:8px}.demo-chrome b{font-size:8px}.demo-chrome>span:last-child{display:none}.demo-tabs{padding:18px 16px 0;gap:7px}.demo-tabs button{font-size:10px;padding:10px 14px}#demo-panel{padding:24px 18px}#demo-panel h2{font-size:26px;min-height:80px;margin-bottom:20px}.demo-result{padding:15px;gap:10px}.demo-result b{font-size:13px}.demo-result p{font-size:11px}.demo-steps{font-size:8px;gap:5px;flex-wrap:wrap}.demo-steps strong{font-size:8px}.demo-bottom{padding:13px 16px;font-size:7px}.demo-caption{font-size:11px;right:15px;bottom:5px}#statement .statement__title{font-size:38px;line-height:1.07}#statement .statement__body{margin-top:35px}#statement .statement__lead{font-size:20px}}
@media(prefers-reduced-motion:reduce){.demo-window,.demo-backplate,.demo-caption{transform:none!important}}@media(prefers-reduced-transparency:reduce){.demo-window{background:#fff8ed;backdrop-filter:none}}@media(prefers-contrast:more){.sales-detail,.sales-footnote,.demo-label,.demo-result p,.demo-steps,.demo-bottom{color:#70472e}}

/* --- HERO LIGHT RIPPLE (reverse-engineered warm organic light ripple: skillsui.app/skills/light-ripple) --- */
.hero-light-ripple {
  position: absolute;
  inset: -25% -20% -15% -20%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ripple-wave {
  position: absolute;
  width: 130%;
  aspect-ratio: 1 / 1;
  border-radius: 46% 54% 48% 52% / 50% 45% 55% 50%;
  border: 1.5px solid rgba(224, 98, 38, 0.35);
  box-shadow: 
    0 0 45px rgba(255, 145, 60, 0.22),
    inset 0 0 35px rgba(255, 200, 120, 0.25);
  transform-origin: center center;
  will-change: transform, opacity, border-radius;
}

.ripple-wave.w-1 {
  width: 90%;
  background: radial-gradient(circle at 45% 45%, rgba(255, 175, 100, 0.28) 0%, rgba(255, 130, 40, 0.12) 45%, transparent 75%);
  animation: ripple-pulse-1 9s ease-in-out infinite alternate, ripple-spin 26s linear infinite;
}

.ripple-wave.w-2 {
  width: 122%;
  border-color: rgba(240, 115, 45, 0.24);
  background: radial-gradient(circle at 55% 50%, rgba(255, 195, 130, 0.2) 0%, rgba(220, 95, 30, 0.08) 55%, transparent 80%);
  animation: ripple-pulse-2 13s ease-in-out infinite alternate, ripple-spin-reverse 34s linear infinite;
  animation-delay: -3s;
}

.ripple-wave.w-3 {
  width: 155%;
  border-color: rgba(255, 160, 80, 0.18);
  box-shadow: 0 0 70px rgba(255, 140, 50, 0.15);
  animation: ripple-pulse-3 17s ease-in-out infinite alternate, ripple-spin 42s linear infinite;
  animation-delay: -6s;
}

.ripple-core-glow {
  position: absolute;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 190, 110, 0.55) 0%, rgba(235, 110, 40, 0.22) 40%, transparent 70%);
  filter: blur(28px);
  animation: core-breath 5.5s ease-in-out infinite alternate;
}

.ripple-photon {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff 10%, rgba(255, 180, 80, 0.9) 60%, transparent 100%);
  box-shadow: 0 0 20px #ff9533;
}

.ripple-photon.p-1 {
  width: 14px;
  height: 14px;
  top: 18%;
  right: 15%;
  animation: photon-float-1 7s ease-in-out infinite;
}

.ripple-photon.p-2 {
  width: 10px;
  height: 10px;
  bottom: 22%;
  left: 12%;
  animation: photon-float-2 9s ease-in-out infinite;
  animation-delay: -3.5s;
}

@keyframes ripple-spin {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.05); }
  100% { transform: rotate(360deg) scale(1); }
}

@keyframes ripple-spin-reverse {
  0% { transform: rotate(360deg) scale(1.04); }
  50% { transform: rotate(180deg) scale(0.96); }
  100% { transform: rotate(0deg) scale(1.04); }
}

@keyframes ripple-pulse-1 {
  0% { border-radius: 46% 54% 48% 52% / 50% 45% 55% 50%; opacity: 0.85; }
  50% { border-radius: 53% 47% 55% 45% / 46% 54% 46% 54%; opacity: 1; transform: scale(1.03); }
  100% { border-radius: 48% 52% 44% 56% / 52% 48% 52% 48%; opacity: 0.85; }
}

@keyframes ripple-pulse-2 {
  0% { border-radius: 52% 48% 54% 46% / 47% 53% 47% 53%; opacity: 0.6; }
  50% { border-radius: 45% 55% 43% 57% / 54% 46% 55% 45%; opacity: 0.88; transform: scale(1.06); }
  100% { border-radius: 50% 50% 49% 51% / 48% 52% 48% 52%; opacity: 0.6; }
}

@keyframes ripple-pulse-3 {
  0% { opacity: 0.35; transform: scale(0.98); }
  50% { opacity: 0.7; transform: scale(1.05); }
  100% { opacity: 0.35; transform: scale(0.98); }
}

@keyframes core-breath {
  0% { transform: scale(0.92); opacity: 0.65; }
  100% { transform: scale(1.14); opacity: 0.95; }
}

@keyframes photon-float-1 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.8; }
  50% { transform: translate(-24px, 32px) scale(1.3); opacity: 1; }
}

@keyframes photon-float-2 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.65; }
  50% { transform: translate(30px, -22px) scale(1.25); opacity: 1; }
}

/* --- ANIMATED FOOTER CLOSING & HIGH URGENCY --- */
.footer__closing-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 1080px;
  margin: 0 auto 50px;
  padding: 0 20px;
}

.footer__urgency-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(189, 78, 37, 0.12);
  border: 1px solid rgba(189, 78, 37, 0.35);
  border-radius: 999px;
  font-family: var(--font-2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #a83d16;
  text-transform: uppercase;
  margin-bottom: 24px;
  box-shadow: 0 4px 20px rgba(189, 78, 37, 0.15);
  backdrop-filter: blur(8px);
}

.pulse-beacon {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e64a19;
  box-shadow: 0 0 0 0 rgba(230, 74, 25, 0.7);
  animation: beacon-pulse 1.8s infinite;
}

@keyframes beacon-pulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(230, 74, 25, 0.75); }
  70% { transform: scale(1.15); box-shadow: 0 0 0 10px rgba(230, 74, 25, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(230, 74, 25, 0); }
}

.footer__bye.animated-bye {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 auto;
  cursor: default;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer__bye.animated-bye:hover {
  transform: scale(1.02);
}

.footer__bye .bye-text {
  background: linear-gradient(135deg, #2b1a13 0%, #bd4e25 35%, #e6511a 50%, #873618 70%, #2b1a13 100%);
  background-size: 240% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: bye-shimmer 6s ease-in-out infinite;
  letter-spacing: -0.05em;
  filter: drop-shadow(0 2px 18px rgba(189, 78, 37, 0.2));
}

.footer__bye .bye-sparkle {
  display: inline-block;
  color: #bd4e25;
  font-size: 0.45em;
  line-height: 1;
  vertical-align: super;
  animation: sparkle-twinkle 2.5s ease-in-out infinite;
}

@keyframes bye-shimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes sparkle-twinkle {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.85; filter: drop-shadow(0 0 4px #bd4e25); }
  50% { transform: scale(1.35) rotate(45deg); opacity: 1; filter: drop-shadow(0 0 14px #ff6622); }
}

.footer__opportunity-sub {
  font-family: var(--font-2);
  font-size: clamp(16px, 1.8vw, 22px);
  line-height: 1.5;
  letter-spacing: -0.015em;
  color: #6d4e38;
  max-width: 680px;
  margin: 20px auto 0;
}

.footer__opportunity-sub strong {
  color: #2b1a13;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: #bd4e25;
  text-underline-offset: 4px;
}

.footer__email-highlight {
  font-weight: 600 !important;
  color: #9c3f1a !important;
  transition: transform 0.25s ease, color 0.25s ease;
}

.footer__email-highlight:hover {
  transform: translateX(4px);
  color: #c94916 !important;
}

.footer__speed-tag {
  font-family: var(--font-2);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #a4532b;
  margin-top: 10px;
}