/* Responsive corrections scoped to the Golden Horseshoe case.
   The approved 1920px composition is intentionally unchanged. */
.golden-page,
.golden-page *{
  box-sizing:border-box;
}

.golden-page img,
.golden-page svg{
  max-width:100%;
}

.golden-page .header .callback-btn{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Header navigation is deliberately inert visually on press at every width. */
.golden-page .header .nav-links > a,
.golden-page .header .nav-industry-trigger,
.golden-page .header .nav-industry-dropdown a{
  -webkit-tap-highlight-color:transparent!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

.golden-page .header .nav-links > a::before,
.golden-page .header .nav-links > a::after,
.golden-page .header .nav-industry-trigger::before,
.golden-page .header .nav-industry-trigger::after,
.golden-page .header .nav-industry-dropdown a::before,
.golden-page .header .nav-industry-dropdown a::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  transition:none!important;
}

.golden-page .header .nav-links > a:hover,
.golden-page .header .nav-links > a:focus,
.golden-page .header .nav-links > a:focus-visible,
.golden-page .header .nav-links > a:active,
.golden-page .header .nav-industry-trigger:hover,
.golden-page .header .nav-industry-trigger:focus,
.golden-page .header .nav-industry-trigger:focus-visible,
.golden-page .header .nav-industry-trigger:active,
.golden-page .header .nav-industry-dropdown a:hover,
.golden-page .header .nav-industry-dropdown a:focus,
.golden-page .header .nav-industry-dropdown a:focus-visible,
.golden-page .header .nav-industry-dropdown a:active{
  outline:0!important;
  color:#132440!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

.golden-page .header .callback-btn,
.golden-page .header .callback-btn:hover,
.golden-page .header .callback-btn:focus,
.golden-page .header .callback-btn:focus-visible,
.golden-page .header .callback-btn:active{
  -webkit-tap-highlight-color:transparent!important;
  outline:0!important;
  color:#132440!important;
  border-color:#294669!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

.golden-page .client-grid > *,
.golden-page .context-grid > *,
.golden-page .stage-zero-grid > *,
.golden-page .crm-unified-chapter > *,
.golden-page .integration-grid > *,
.golden-page .internal-space-story > *,
.golden-page .adoption-grid > *,
.golden-page .result-final-head > *,
.golden-page .capture-grid > *,
.golden-page .footer-main > *{
  min-width:0;
}

@media (min-width:1101px) and (max-width:1536px){
  .golden-page .case-hero .hero-image{
    background-color:#fff!important;
    background-image:
      radial-gradient(ellipse 78% 132% at -4% 50%,#fff 0%,rgba(255,255,255,.995) 54%,rgba(255,255,255,.88) 62%,rgba(255,255,255,.36) 70%,rgba(255,255,255,0) 77%),
      url("assets/client-hero-jewelry-v5.png")!important;
    background-position:center,right center!important;
    background-size:100% 100%,auto 100%!important;
    background-repeat:no-repeat!important;
  }

  .golden-page .hero-panel{
    width:min(720px,58%);
  }

  .golden-page .hero-copy-main h1{
    max-width:700px;
    font-size:clamp(46px,4.1vw,62px);
  }
}

@media (max-width:1180px){
  .golden-page .header .nav{
    gap:20px;
  }

  .golden-page .header .nav-actions{
    gap:10px;
  }
}

@media (max-width:1100px){
  html,
  body.golden-page{
    max-width:100%;
    overflow-x:clip;
  }

  .golden-page .case-hero .hero-image{
    background-color:#fff!important;
    background-image:
      radial-gradient(ellipse 88% 126% at -8% 50%,#fff 0%,rgba(255,255,255,.995) 55%,rgba(255,255,255,.9) 64%,rgba(255,255,255,.38) 74%,rgba(255,255,255,0) 82%),
      url("assets/client-hero-jewelry-v5.png")!important;
    background-position:center,right 48% center!important;
    background-size:100% 100%,auto 84%!important;
    background-repeat:no-repeat!important;
  }

  .golden-page .hero-panel{
    width:min(680px,66%);
  }

  .golden-page .client-grid,
  .golden-page .context-grid,
  .golden-page .stage-zero-grid,
  .golden-page .crm-sales-chapter,
  .golden-page .crm-service-chapter,
  .golden-page #stage-2.communication-stage > .integration-grid,
  .golden-page #stage-2.communication-stage .internal-space-story,
  .golden-page #stage-3 > .container,
  .golden-page .result-final-head,
  .golden-page .capture-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .golden-page .client-grid{
    gap:46px;
  }

  .golden-page .golden-about{
    width:100%;
    max-width:680px;
    margin-right:auto;
    margin-left:auto;
  }

  .golden-page .context-section{
    overflow:hidden;
  }

  .golden-page .context-grid{
    gap:50px;
  }

  .golden-page .context-decoration{
    right:-54px;
    width:min(420px,52vw);
    -webkit-mask-image:radial-gradient(ellipse 95% 78% at 100% 50%,#000 0 55%,rgba(0,0,0,.7) 72%,transparent 100%);
    mask-image:radial-gradient(ellipse 95% 78% at 100% 50%,#000 0 55%,rgba(0,0,0,.7) 72%,transparent 100%);
  }

  .golden-page .stage-nav{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
  }

  .golden-page .stage-nav > a{
    grid-column:span 2;
    min-width:0;
    padding-right:10px;
    padding-left:10px;
  }

  .golden-page .stage-nav > a:nth-of-type(4){
    grid-column:2 / span 2;
  }

  .golden-page .stage-nav > a:nth-of-type(5){
    grid-column:4 / span 2;
  }

  .golden-page .stage-nav a::before,
  .golden-page .stage-nav a::after{
    left:70px;
    right:-10px;
  }

  .golden-page .stage-nav a > span,
  .golden-page .stage-nav a:hover > span,
  .golden-page .stage-nav a:focus-visible > span{
    max-width:100%;
    white-space:normal;
    overflow-wrap:normal;
  }

  .golden-page .stage-blueprint .blueprint-figure{
    width:96%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    transform:none;
  }

  .golden-page .stage-blueprint .blueprint-figure:hover{
    transform:none;
  }

  .golden-page .crm-unified-chapter .stage-heading{
    max-width:820px;
  }

  .golden-page .crm-unified-chapter .stage-screen{
    width:100%;
    max-width:820px;
  }

  .golden-page .crm-sales-screen{
    margin-top:34px!important;
  }

  .golden-page .crm-return-chapter .retention-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .golden-page #stage-2.communication-stage .stage-copy,
  .golden-page #stage-2.communication-stage .integration-notes{
    grid-column:1;
    grid-row:auto;
  }

  .golden-page #stage-2.communication-stage .stage-copy{
    max-width:820px;
  }

  .golden-page #stage-2.communication-stage .internal-space-story{
    gap:42px;
  }

  .golden-page #stage-2.communication-stage .communication-screen-stack{
    width:100%;
    max-width:820px;
    justify-self:start;
  }

  .golden-page #stage-3 .stage-heading{
    max-width:820px;
  }

  .golden-page #stage-3 .wide-screen{
    width:100%;
    max-width:900px;
  }

  .golden-page .capture-section{
    padding:88px 0;
  }

  .golden-page .capture-grid{
    width:min(calc(100% - 72px),900px);
    margin-right:auto;
    margin-left:auto;
    gap:44px;
  }

  .golden-page .capture-grid > div{
    width:min(100%,800px);
    justify-self:center;
  }

  .golden-page .capture-form{
    width:min(100%,760px);
    justify-self:center;
  }

  .golden-page .related-cases-list{
    grid-template-columns:1fr;
  }
}

@media (min-width:821px) and (max-width:1100px){
  .golden-page #stage-2.communication-stage .stage-copy,
  .golden-page #stage-2.communication-stage .stage-copy h3{
    max-width:780px;
  }

  .golden-page .golden-results .result-final-head{
    grid-template-columns:minmax(0,1fr) 350px;
    gap:28px;
  }

  .golden-page .golden-results .result-final-copy{
    padding-bottom:30px;
  }

  .golden-page .golden-results .result-final-person{
    display:block;
    width:100%;
    height:503px!important;
    margin:0 0 -56px!important;
    overflow:hidden!important;
    align-self:end;
    justify-self:stretch;
    transform:none!important;
    background:url("assets/sergey-portrait-master-2350-soft-edge-v20.png") center 10px/108% auto no-repeat!important;
  }

  .golden-page .golden-results .result-final-person img{
    opacity:0!important;
  }

  .golden-page .golden-results .result-final-signature{
    position:absolute;
    right:0;
    bottom:-90px;
    width:auto;
    margin:0;
    white-space:nowrap;
    text-align:right;
  }

  .golden-page #stage-1 .base-crm-story{
    height:300px;
    min-height:300px;
    grid-template-columns:minmax(230px,.74fr) minmax(300px,1fr) 210px;
    gap:24px;
    padding:28px 0 28px 38px;
  }

  .golden-page #stage-1 .base-crm-copy{
    align-self:start;
    margin-top:10px;
    padding:0;
    transform:translateY(8px);
  }

  .golden-page #stage-1 .base-crm-person{
    position:absolute;
    inset:0 0 0 auto;
    display:block;
    width:210px;
    min-height:0;
  }

  .golden-page #stage-1 .base-crm-person figcaption{
    right:0;
    bottom:13px;
    width:190px;
  }

  .golden-page .footer-main{
    grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,1.15fr);
    gap:34px 36px;
    padding-top:50px;
    padding-bottom:42px;
  }

  .golden-page .footer-brand{
    grid-column:1;
    grid-row:1;
  }

  .golden-page .footer-signature{
    margin-top:64px;
    gap:16px;
    transform:none;
    font-size:13px;
  }

  .golden-page .footer-documents{
    grid-column:1 / span 2;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    gap:13px 18px;
  }

  .golden-page .footer-documents > strong{
    grid-column:1 / -1;
  }

  .golden-page .footer-contact{
    grid-column:3;
    grid-row:2;
  }
}

@media (min-width:701px) and (max-width:1100px){
  .golden-page .stage-nav-rail{
    position:absolute;
    z-index:0;
    left:0;
    top:250px;
    width:calc(16.6667% + 32px);
    height:1px;
    display:block;
    overflow:hidden;
    background:#e8b9be;
    pointer-events:none;
  }

  .golden-page .stage-nav-rail::before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--gold-red);
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .796s cubic-bezier(.32,.72,.22,1) 4.142s;
  }

  .golden-page .stage-nav.route-animated .stage-nav-rail::before{
    transform:scaleX(1);
  }
}

@media (min-width:701px) and (max-width:820px){
  .golden-page .case-hero .hero-image{
    background-position:center,right 44% center!important;
    background-size:100% 100%,auto 78%!important;
  }

  .golden-page .hero-panel{
    width:70%;
  }

  .golden-page .client-grid{
    gap:32px;
  }

  .golden-page .golden-about{
    margin-top:18px;
  }

  .golden-page #stage-0 .stage-copy h3{
    max-width:100%;
    font-size:39px;
  }

  .golden-page #stage-1 .base-crm-zone{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-top:40px;
  }

  .golden-page #stage-1 .base-crm-story{
    width:100%;
    height:276px;
    min-height:276px;
    grid-template-columns:210px minmax(240px,1fr) 164px;
    gap:12px;
    margin-right:0;
    margin-left:0;
    padding:18px 0 18px 24px;
  }

  .golden-page #stage-1 .base-crm-copy{
    align-self:start;
    margin-top:0;
    padding:0;
    transform:none;
  }

  .golden-page #stage-1 .base-crm-copy h4{
    font-size:24px;
    line-height:1.14;
  }

  .golden-page #stage-1 .base-settings-grid article{
    padding:6px 0 6px 27px;
    background-size:88% 1px;
    font-size:12.5px;
    line-height:1.3;
  }

  .golden-page #stage-1 .base-settings-grid article::before,
  .golden-page #stage-1 .base-settings-grid article::after{
    left:3px;
    width:13px;
    height:13px;
  }

  .golden-page #stage-1 .base-crm-person{
    position:absolute;
    inset:0 0 0 auto;
    display:block;
    width:164px;
    height:100%!important;
    max-height:none!important;
    min-height:0;
  }

  .golden-page #stage-1 .base-crm-person figcaption{
    right:0;
    bottom:12px;
    width:164px;
  }

  .golden-page .golden-results .result-final-head{
    gap:28px;
  }

  .golden-page .golden-results .result-final-copy{
    padding-bottom:30px;
  }

  .golden-page .golden-results .result-final-person{
    display:block;
    width:min(390px,100%);
    height:420px!important;
    margin:0 auto -56px!important;
    overflow:hidden!important;
    transform:none!important;
    background:url("assets/sergey-portrait-master-2350-soft-edge-v20.png") center 8px/108% auto no-repeat!important;
  }

  .golden-page .golden-results .result-final-person img{
    opacity:0!important;
  }

  .golden-page .golden-results .result-final-signature{
    position:absolute;
    right:0;
    bottom:-90px;
    width:auto;
    margin:0;
    white-space:nowrap;
    text-align:right;
  }

  .golden-page .golden-results .result-achievements article,
  .golden-page .golden-results .result-achievements article:nth-child(odd),
  .golden-page .golden-results .result-achievements article:nth-child(even){
    padding-left:18px;
  }

  .golden-page .capture-grid{
    width:calc(100% - 48px);
    padding:52px 42px;
  }

  .golden-page .footer-main{
    width:calc(100% - 54px);
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px 34px;
    padding-top:48px;
    padding-bottom:40px;
    transform:translateX(10px);
  }

  .golden-page .footer-brand{
    grid-column:1 / -1;
    display:block;
  }

  .golden-page .footer-signature{
    margin-top:34px;
    gap:14px;
    transform:none;
    font-size:13px;
  }

  .golden-page .footer-documents,
  .golden-page .footer-contact{
    grid-column:auto;
  }
}

@media (max-width:980px){
  .golden-page .header,
  .golden-page .header .nav,
  .golden-page .header .nav-links,
  .golden-page .header .nav-links a,
  .golden-page .header .nav-links a::before,
  .golden-page .header .nav-links a::after,
  .golden-page .header .nav-industry-menu,
  .golden-page .header .nav-industry-trigger,
  .golden-page .header .nav-industry-trigger > span,
  .golden-page .header .nav-industry-dropdown,
  .golden-page .header .nav-industry-dropdown a,
  .golden-page .header .menu-btn,
  .golden-page .header .menu-btn span{
    animation:none!important;
    transition:none!important;
  }

  .golden-page .header .nav-links a,
  .golden-page .header .nav-industry-trigger,
  .golden-page .header .nav-industry-dropdown a,
  .golden-page .header .menu-btn{
    -webkit-tap-highlight-color:transparent;
  }

  .golden-page .header.menu-open .nav-links a:active,
  .golden-page .header.menu-open .nav-links a:focus:not(:focus-visible),
  .golden-page .header.menu-open .nav-industry-trigger:active,
  .golden-page .header.menu-open .nav-industry-trigger:focus:not(:focus-visible),
  .golden-page .header.menu-open .nav-industry-dropdown a:active,
  .golden-page .header.menu-open .nav-industry-dropdown a:focus:not(:focus-visible){
    outline:0!important;
    color:#132440!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .golden-page .header .menu-btn span{
    background:#132440!important;
  }

  .golden-page .header.menu-open{
    color:#132440;
    background:rgba(255,255,255,.98);
  }

  .golden-page .header.menu-open .nav-links a{
    color:#132440;
  }

  .golden-page .header.menu-open .nav-industry-dropdown{
    max-height:0;
    padding:0;
    visibility:hidden;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    transition:max-height .22s ease,opacity .18s ease,padding .22s ease,visibility .18s ease;
  }

  .golden-page .header.menu-open .nav-industry-menu.is-open .nav-industry-dropdown{
    max-height:58px;
    padding:0 0 7px;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }

  .golden-page .header.menu-open .nav-industry-dropdown a{
    padding:10px 0;
    border-left:0;
    color:#132440;
  }

  .golden-page .header.menu-open .nav-industry-dropdown a:hover,
  .golden-page .header.menu-open .nav-industry-dropdown a:focus-visible{
    color:#132440;
    background:#eef2f6;
  }

  .golden-page .header.is-light.menu-open .nav-industry-dropdown a{
    color:#132440;
  }
}

@media (max-width:820px){
  .golden-page .context-decoration{
    display:none!important;
  }

  .golden-page .stage-nav a > span,
  .golden-page .stage-nav a:hover > span,
  .golden-page .stage-nav a:focus-visible > span{
    font-size:17px!important;
  }

  .golden-page .related-case-card,
  .golden-page .related-case-content{
    min-height:330px;
  }
}

@media (max-width:700px){
  html,
  body.golden-page{
    max-width:100%;
    overflow-x:clip;
  }

  .golden-page .header .container,
  .golden-page main > section > .container,
  .golden-page .footer > .container{
    width:calc(100% - 24px);
    max-width:none;
    margin-right:auto;
    margin-left:auto;
  }

  .golden-page .case-hero,
  .golden-page .case-hero .hero-content{
    min-height:max(720px,100svh);
  }

  .golden-page .case-hero .hero-image{
    background-image:
      radial-gradient(circle at 88% 36%,rgba(213,201,188,.45),rgba(246,242,237,.22) 38%,transparent 66%),
      linear-gradient(145deg,#fff 0%,#f7f4f0 58%,#e9e3dc 100%)!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }

  .golden-page .case-hero .hero-image::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("assets/client-hero-jewelry-v5.png") 75% center/auto 74% no-repeat;
    -webkit-mask-image:linear-gradient(180deg,transparent 7%,#000 22%,#000 72%,transparent 87%);
    mask-image:linear-gradient(180deg,transparent 7%,#000 22%,#000 72%,transparent 87%);
  }

  .golden-page .case-hero .hero-image::after{
    content:"";
    position:absolute;
    inset:0;
    display:block!important;
    background:radial-gradient(ellipse 108% 42% at -14% 34%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 56%,rgba(255,255,255,.9) 69%,rgba(255,255,255,.55) 84%,rgba(255,255,255,.14) 100%)!important;
  }

  .golden-page .case-hero .hero-panel{
    width:100%;
    max-width:100%;
    padding:112px 0 126px;
  }

  .golden-page .hero-copy-main h1{
    max-width:100%;
    font-size:clamp(37px,10.7vw,45px);
    line-height:1.02;
    letter-spacing:-.04em;
  }

  .golden-page .hero-copy-main p{
    max-width:34em;
    font-size:15px;
    line-height:1.5;
  }

  .golden-page .hero-client{
    position:absolute;
    left:0;
    bottom:30px;
    margin:0;
    transform:none;
  }

  .golden-page .golden-logo-image{
    width:190px;
  }

  .golden-page .client-grid,
  .golden-page .context-grid,
  .golden-page .stage-zero-grid,
  .golden-page .crm-sales-chapter,
  .golden-page .crm-service-chapter,
  .golden-page #stage-2.communication-stage > .integration-grid,
  .golden-page #stage-2.communication-stage .internal-space-story,
  .golden-page #stage-3 > .container,
  .golden-page .adoption-grid,
  .golden-page .result-final-head,
  .golden-page .capture-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .golden-page .client-copy h2,
  .golden-page .context-section h2,
  .golden-page .implementation-intro h2,
  .golden-page .project-stage h3,
  .golden-page .result-final-copy h2,
  .golden-page .capture-grid h2{
    max-width:100%;
    font-size:clamp(31px,9vw,39px);
    line-height:1.08;
    letter-spacing:-.02em;
    overflow-wrap:normal;
  }

  .golden-page .implementation-intro h2 > span,
  .golden-page .stage-adoption .stage-copy h3 > span{
    display:inline;
    white-space:normal;
  }

  .golden-page .stage-adoption .stage-copy h3 > span{
    display:block;
  }

  .golden-page .client-facts{
    grid-template-columns:1fr!important;
  }

  .golden-page .client-facts article,
  .golden-page .client-facts article + article{
    padding:22px 0;
    border-left:0;
    border-bottom:1px solid var(--line);
  }

  .golden-page .client-facts article:last-child{
    border-bottom:0;
  }

  .golden-page .golden-about{
    min-height:410px;
    margin-top:12px;
  }

  .golden-page .golden-about .collection-main{
    right:0;
    width:88%;
    height:350px;
  }

  .golden-page .golden-about .collection-small{
    left:0;
    bottom:0;
    width:48%;
    height:auto;
  }

  .golden-page .task-map article{
    grid-template-columns:44px minmax(0,1fr);
    gap:14px;
  }

  .golden-page .stage-copy,
  .golden-page .stage-heading,
  .golden-page .specialist-copy,
  .golden-page .blueprint-figure,
  .golden-page .stage-screen,
  .golden-page .wide-screen,
  .golden-page .communication-screen-stack{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .golden-page .stage-blueprint .stage-zero-grid{
    gap:44px;
  }

  .golden-page .stage-blueprint .blueprint-figure{
    width:100%;
    margin:0;
    padding:8px;
    border-radius:20px;
  }

  .golden-page .blueprint-figure figcaption{
    font-size:13px!important;
  }

  .golden-page .stage-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px 16px;
    width:100%;
    padding:0;
  }

  .golden-page .stage-nav > a,
  .golden-page .stage-nav > a:nth-of-type(4),
  .golden-page .stage-nav > a:nth-of-type(5){
    grid-column:auto;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    align-items:center;
    min-height:76px;
    padding:8px 0;
    text-align:left;
  }

  .golden-page .stage-nav a b,
  .golden-page .stage-nav a.is-active b,
  .golden-page .stage-nav a:hover b,
  .golden-page .stage-nav a:focus-visible b{
    width:44px;
    height:44px;
    margin:0;
  }

  .golden-page .stage-nav a > span,
  .golden-page .stage-nav a:hover > span,
  .golden-page .stage-nav a:focus-visible > span{
    max-width:none;
    font-size:15px!important;
    line-height:1.25;
  }

  .golden-page .stage-nav a::before,
  .golden-page .stage-nav a::after,
  .golden-page .stage-nav-rail{
    content:none!important;
    display:none!important;
  }

  .golden-page #stage-1.stage-crm-unified,
  .golden-page #stage-2.communication-stage,
  .golden-page .project-stage{
    padding:76px 0;
  }

  .golden-page .crm-unified-chapter + .crm-unified-chapter{
    margin-top:58px;
    padding-top:58px;
  }

  .golden-page .crm-return-chapter .retention-grid{
    margin-top:38px;
  }

  .golden-page .crm-return-chapter .retention-grid > article > div{
    min-height:0;
  }

  .golden-page .crm-unified-chapter .stage-screen img,
  .golden-page #stage-2.communication-stage .communication-screen-stack img{
    border-radius:12px!important;
    outline-width:3px;
  }

  .golden-page #stage-1 .base-crm-zone{
    margin-top:32px;
    padding-top:44px;
  }

  .golden-page #stage-1 .base-crm-story{
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
    gap:24px;
    padding:32px 24px;
  }

  .golden-page #stage-1 .base-crm-copy{
    width:100%;
    padding:0;
  }

  .golden-page #stage-1 .base-settings-grid{
    width:100%;
  }

  .golden-page #stage-1 .base-crm-person{
    display:none!important;
  }

  .golden-page #stage-1 .base-crm-person figcaption{
    right:12px;
    bottom:12px;
    width:min(190px,calc(100% - 24px));
  }

  .golden-page #stage-2.communication-stage .stage-copy h3{
    font-size:clamp(30px,8.5vw,38px);
    line-height:1.09;
  }

  .golden-page #stage-2.communication-stage .stage-copy h3 br{
    display:none;
  }

  .golden-page #stage-2.communication-stage .integration-notes{
    grid-template-columns:1fr;
    border-radius:20px;
  }

  .golden-page #stage-2.communication-stage .integration-notes article,
  .golden-page #stage-2.communication-stage .integration-notes article:nth-child(2n),
  .golden-page #stage-2.communication-stage .integration-notes article:nth-last-child(-n+2){
    min-height:0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.17);
  }

  .golden-page #stage-2.communication-stage .integration-notes article:last-child{
    border-bottom:0;
  }

  .golden-page #stage-2.communication-stage .internal-space-story{
    margin-top:48px;
    padding-top:48px;
  }

  .golden-page #stage-2.communication-stage .communication-screen-stack{
    display:grid;
    gap:34px;
    min-height:0;
    margin-top:0;
  }

  .golden-page #stage-2.communication-stage .communication-screen-stack .stage-screen,
  .golden-page #stage-2.communication-stage .communication-screen-stack .stage-screen:last-child{
    position:relative;
    inset:auto;
    width:100%;
  }

  .golden-page .stage-adoption .adoption-steps article,
  .golden-page .stage-adoption .adoption-steps article:last-child{
    padding-right:0;
    padding-left:0;
  }

  .golden-page .golden-results .result-final-head{
    gap:16px;
  }

  .golden-page .golden-results .result-final-person{
    display:block;
    width:min(300px,100%);
    height:420px!important;
    margin:0 auto -56px!important;
    overflow:hidden!important;
    transform:none!important;
    background:url("assets/sergey-portrait-master-2350-soft-edge-v20.png") center -10px/108% auto no-repeat!important;
  }

  .golden-page .golden-results .result-final-person img{
    opacity:0!important;
  }

  .golden-page .golden-results .result-final-signature{
    position:absolute;
    right:12px;
    bottom:-90px;
    width:auto;
    max-width:calc(100% - 24px);
    margin:0;
    white-space:nowrap;
    text-align:right;
  }

  .golden-page .golden-results .result-metric-stories article{
    grid-template-columns:118px minmax(0,1fr);
    gap:28px;
    padding:22px 14px;
  }

  .golden-page .golden-results .result-metric-stories .concept-ring{
    width:118px;
    height:118px;
  }

  .golden-page .golden-results .result-metric-stories .concept-ring strong{
    font-size:30px;
    line-height:1;
  }

  .golden-page .golden-results .result-metric-stories .concept-ring span{
    font-size:10.5px;
    line-height:1.2;
  }

  .golden-page .golden-results .result-achievements article,
  .golden-page .golden-results .result-achievements article:nth-child(odd),
  .golden-page .golden-results .result-achievements article:nth-child(even){
    padding:30px 76px 30px 14px;
  }

  .golden-page .golden-results .result-achievements > div{
    grid-template-columns:minmax(0,1fr);
  }

  .golden-page .golden-results .result-achievements article,
  .golden-page .golden-results .result-achievements h4,
  .golden-page .golden-results .result-achievements p{
    width:100%;
    min-width:0;
    overflow-wrap:break-word;
  }

  .golden-page .golden-results .outcome-icon,
  .golden-page .golden-results .result-achievements article:nth-child(even) .outcome-icon{
    right:0!important;
    top:30px!important;
    width:64px!important;
  }

  .golden-page .capture-grid{
    width:100%;
    gap:42px;
    padding:40px 22px;
  }

  .golden-page .capture-form{
    width:100%;
    padding:24px 18px;
  }

  .golden-page .capture-form input,
  .golden-page .capture-form input[type="datetime-local"]{
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .golden-page .related-cases-section{
    padding:68px 0;
  }

  .golden-page .related-cases-list{
    grid-template-columns:1fr;
    gap:16px;
  }

  .golden-page .related-case-card,
  .golden-page .related-case-content{
    min-height:340px;
  }

  .golden-page .footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 20px;
    padding-top:48px;
    padding-bottom:42px;
  }

  .golden-page .footer-brand,
  .golden-page .footer-documents,
  .golden-page .footer-contact{
    grid-column:1 / -1;
  }

  .golden-page .footer-brand > .brand{
    margin-left:0;
  }

  .golden-page .footer-brand > .brand .brand-logo{
    transform:none;
  }

  .golden-page .footer-signature{
    margin-top:38px;
    transform:none;
  }

  .golden-page .footer-column,
  .golden-page .footer-contact,
  .golden-page .footer-documents{
    min-width:0;
  }

  .golden-page .footer a,
  .golden-page .footer button,
  .golden-page .footer address{
    overflow-wrap:anywhere;
  }

  .golden-page .modal-card{
    width:calc(100% - 24px);
    max-height:calc(100dvh - 24px);
    padding:28px 20px;
    overflow-y:auto;
  }

  .golden-page .cookie-panel{
    right:12px;
    bottom:12px;
    left:12px;
    width:auto;
    max-width:none;
    max-height:calc(100dvh - 24px);
    overflow-y:auto;
  }
}

@media (max-width:430px){
  .golden-page .golden-results .result-metric-stories article{
    grid-template-columns:96px minmax(0,1fr);
    gap:18px;
  }

  .golden-page .golden-results .result-metric-stories .concept-ring{
    width:96px;
    height:96px;
  }

  .golden-page .golden-results .result-metric-stories .concept-ring strong{
    font-size:27px;
  }
}

@media (max-width:360px){
  .golden-page .hero-copy-main h1{
    font-size:36px;
  }

  .golden-page .client-copy h2,
  .golden-page .context-section h2,
  .golden-page .implementation-intro h2,
  .golden-page .project-stage h3,
  .golden-page .result-final-copy h2,
  .golden-page .capture-grid h2{
    font-size:30px;
  }

  .golden-page .golden-results .result-metric-stories article{
    gap:20px;
    padding-right:8px;
    padding-left:8px;
  }
}

@media (max-height:680px) and (max-width:700px){
  .golden-page .case-hero,
  .golden-page .case-hero .hero-content{
    min-height:680px;
  }

  .golden-page .case-hero .hero-panel{
    padding-top:98px;
    padding-bottom:112px;
  }

  .golden-page .hero-client{
    bottom:24px;
  }
}

@media (prefers-reduced-motion:reduce){
  .golden-page *,
  .golden-page *::before,
  .golden-page *::after{
    scroll-behavior:auto!important;
  }
}