/* Responsive corrections scoped to the Areal case. Full-HD composition remains unchanged. */
.areal-page,
.areal-page *{
  box-sizing:border-box;
}

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

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

/* Remove only native blue press/focus effects across this case.
   Component transforms, transitions, animations and shadows stay intact. */
.areal-page :where(a,button,input,select,textarea,label,[tabindex],[role="button"]){
  -webkit-tap-highlight-color:transparent!important;
}

.areal-page :where(a,button,input,select,textarea,[tabindex],[role="button"]):focus,
.areal-page :where(a,button,input,select,textarea,[tabindex],[role="button"]):focus-visible{
  outline:0!important;
}

.areal-page input[type="checkbox"],
.areal-page input[type="radio"]{
  accent-color:var(--areal-gold);
}

.areal-page .capture-form>label:not(.capture-consent) input:focus,
.areal-page .capture-form>label:not(.capture-consent) input:focus-visible,
.areal-page .modal-card input:focus,
.areal-page .modal-card input:focus-visible{
  border-color:var(--areal-gold)!important;
  box-shadow:0 0 0 3px rgba(169,133,84,.16)!important;
}

.areal-page .related-case-card:focus-visible{
  outline:2px solid var(--areal-gold)!important;
  outline-offset:3px;
}

.areal-page .header .nav-links > a,
.areal-page .header .nav-industry-trigger,
.areal-page .header .nav-industry-dropdown a{
  -webkit-tap-highlight-color:transparent!important;
}

.areal-page .header .nav-links > a:focus,
.areal-page .header .nav-links > a:focus-visible,
.areal-page .header .nav-links > a:active,
.areal-page .header .nav-industry-trigger:focus,
.areal-page .header .nav-industry-trigger:focus-visible,
.areal-page .header .nav-industry-trigger:active,
.areal-page .header .nav-industry-dropdown a:focus,
.areal-page .header .nav-industry-dropdown a:focus-visible,
.areal-page .header .nav-industry-dropdown a:active{
  outline:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

.areal-page .header:not(.is-light) .callback-btn:focus,
.areal-page .header:not(.is-light) .callback-btn:focus-visible,
.areal-page .header:not(.is-light) .callback-btn:active,
.areal-page .header.is-light .callback-btn:focus,
.areal-page .header.is-light .callback-btn:focus-visible,
.areal-page .header.is-light .callback-btn:active{
  outline:0!important;
  border-color:var(--areal-gold)!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

.areal-page .header:not(.is-light) .callback-btn:focus,
.areal-page .header:not(.is-light) .callback-btn:focus-visible,
.areal-page .header:not(.is-light) .callback-btn:active{
  color:#fff!important;
}

.areal-page .header.is-light .callback-btn:focus,
.areal-page .header.is-light .callback-btn:focus-visible,
.areal-page .header.is-light .callback-btn:active{
  color:#14263f!important;
}

.areal-page .header:not(.is-light) .messenger:hover{
  border-color:rgba(255,255,255,.28);
  transform:translateY(-2px);
}

.areal-page .header.is-light .messenger:hover{
  border-color:rgba(20,38,63,.2);
  transform:translateY(-2px);
}

.areal-page .header .nav-links > a:active,
.areal-page .header .nav-industry-trigger:active,
.areal-page .header .nav-industry-dropdown a:active{
  background-color:transparent!important;
}

@media (min-width:1101px) and (max-width:1536px){
  .areal-page .areal-hero .hero-product img{
    object-position:60% center;
  }
}

@media (min-width:981px) and (max-width:1100px){
  .areal-page .areal-hero .hero-product img{
    object-position:64% center;
  }

  .areal-page .areal-hero .hero-copy-main p{
    max-width:550px;
  }
}

@media (min-width:701px) and (max-width:980px){
  .areal-page .areal-hero .hero-product{
    opacity:1;
  }

  .areal-page .areal-hero .hero-product img{
    object-position:58% center;
  }
}

@media (max-width:700px){
  .areal-page .areal-hero::after{
    z-index:1;
    display:block!important;
    background:linear-gradient(90deg,rgba(4,13,23,.82) 0%,rgba(4,13,23,.68) 48%,rgba(4,13,23,.3) 76%,rgba(4,13,23,.06) 100%)!important;
  }

  .areal-page .areal-hero .hero-product{
    opacity:1;
  }

  .areal-page .areal-hero .hero-product img{
    object-position:72% center;
  }
}

.areal-page .events-title-break-tablet{
  display:none;
}

@media (max-width:980px){
  .areal-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;
  }

  .areal-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;
  }

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

  .areal-page .header.menu-open .nav-industry-dropdown a:hover,
  .areal-page .header.menu-open .nav-industry-dropdown a:focus-visible{
    color:#fff;
    background:transparent;
  }

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

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

.areal-page .client-grid > *,
.areal-page .context-grid > *,
.areal-page .stage-zero-grid > *,
.areal-page .stage-head-with-gem > *,
.areal-page .screen-story > *,
.areal-page .followup-layout > *,
.areal-page .capture-grid > *,
.areal-page .footer-main > *{
  min-width:0;
}

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

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

  .areal-page .context-grid{
    grid-template-columns:1fr;
    gap:50px;
  }

  .areal-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%);
  }

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

  .areal-page .stage-nav a{
    min-width:0;
    padding-right:12px;
    padding-left:12px;
  }

  .areal-page .stage-nav a::before,
  .areal-page .stage-nav a::after{
    left:72px;
  }

  .areal-page .stage-nav a > span{
    max-width:100%;
    overflow-wrap:anywhere;
  }

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

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

  .areal-page .client-visual{
    width:100%;
    max-width:680px;
    margin-right:auto;
    margin-left:auto;
  }

  .areal-page .client-visual-dark{
    right:0;
  }

  .areal-page .capture-grid{
    width:100%;
  }
}

@media (min-width:981px) and (max-width:1100px){
  .areal-page .client-visual{
    height:auto;
    aspect-ratio:632 / 610;
  }

  .areal-page .client-visual-light{
    bottom:-7.7%;
    padding:clamp(12px,1.3vw,18px);
  }
}

@media (min-width:821px) and (max-width:1100px){
  .areal-page #stage-0 .stage-copy h3{
    max-width:100%;
  }

  .areal-page #stage-0 .stage-copy h3 .stage-title-break-tablet-hidden{
    display:none;
  }

  .areal-page #stage-1 .stage-head-with-gem{
    display:block;
    margin-bottom:42px;
  }

  .areal-page #stage-1 .system-gem{
    display:none;
  }

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

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

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

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

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

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

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

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

  .areal-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;
  }

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

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

  .areal-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;
  }

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

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

@media (min-width:981px) and (max-width:1100px){
  .areal-page .footer-main{
    transform:translateX(12px);
  }
}

@media (min-width:901px) and (max-width:1050px){
  .areal-page .areal-results .result-final-person{
    height:503px;
    margin-bottom:-56px;
    overflow:hidden;
    align-self:end;
    background:url("assets/sergey-portrait-master-2350-soft-edge-v20.png") center 10px/108% auto no-repeat;
  }

  .areal-page .areal-results .result-final-person img{
    opacity:0;
  }
}

@media (min-width:701px) and (max-width:1100px){
  .areal-page .stage-nav-rail{
    position:absolute;
    z-index:0;
    left:-22px;
    top:250px;
    width:34px;
    height:1px;
    display:block;
    overflow:hidden;
    background:#c3cdd9;
    pointer-events:none;
  }

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

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

@media (min-width:701px) and (max-width:820px){
  .areal-page .client-grid{
    gap:32px;
  }

  .areal-page .client-visual{
    margin-top:18px;
  }

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

  .areal-page #stage-0 .stage-copy h3 .stage-title-break-tablet-hidden{
    display:none;
  }

  .areal-page #stage-1 .stage-head-with-gem{
    display:block;
    margin-bottom:42px;
  }

  .areal-page #stage-1 .system-gem{
    display:none;
  }

  .areal-page #stage-1 .base-crm-story{
    height:300px;
    min-height:300px;
    grid-template-columns:225px minmax(250px,1fr) 170px;
    gap:14px;
    padding:24px 0 24px 28px;
  }

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

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

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

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

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

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

  .areal-page #stage-1 .base-crm-person figcaption strong{
    white-space:nowrap;
  }

  .areal-page #stage-3 .stage-head h3 > span{
    display:inline!important;
  }

  .areal-page #stage-3 .events-title-break-tablet{
    display:inline;
  }

  /* Keep the tablet portrait attached to the same divider as the Full-HD crop. */
  .areal-page .areal-results .result-final-head{
    gap:28px;
  }

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

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

  .areal-page .areal-results .result-final-person img{
    opacity:0;
  }

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

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

  .areal-page .capture-section{
    padding:82px 0;
  }

  .areal-page .capture-grid{
    width:calc(100% - 48px);
    margin-right:auto;
    margin-left:auto;
  }

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

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

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

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

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

  .areal-page .stage-nav a{
    padding-right:8px;
    padding-left:8px;
  }

  .areal-page .stage-nav a::before,
  .areal-page .stage-nav a::after{
    left:68px;
  }

  .areal-page .stage-nav-rail{
    width:30px;
  }

  .areal-page .stage-nav a > span{
    font-size:18px;
  }

  .areal-page #stage-1 .base-crm-story{
    gap:28px;
    padding-right:34px;
    padding-left:34px;
  }

  .areal-page .capture-grid{
    padding:52px 42px;
  }

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

  .areal-page .related-case-card{
    width:100%;
  }
}

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

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

  .areal-page .areal-hero,
  .areal-page .areal-hero .hero-content{
    min-height:max(640px,100svh);
  }

  .areal-page .areal-hero .hero-panel{
    width:100%;
    max-width:100%;
  }

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

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

  .areal-page .client-grid,
  .areal-page .context-grid,
  .areal-page .stage-zero-grid,
  .areal-page .stage-head-with-gem,
  .areal-page .screen-story,
  .areal-page .followup-layout,
  .areal-page .adoption-grid,
  .areal-page .result-final-head,
  .areal-page .capture-grid,
  .areal-page .footer-main{
    grid-template-columns:minmax(0,1fr);
  }

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

  .areal-page .context-decoration{
    display:none;
  }

  .areal-page .client-visual{
    height:clamp(360px,112vw,470px);
    margin-top:44px;
  }

  .areal-page .client-visual-dark{
    inset:0 0 54px 56px;
    width:auto;
    height:auto;
  }

  .areal-page .client-visual-light{
    left:0;
    bottom:-18px;
    width:48%;
    padding:12px;
  }

  .areal-page .client-facts{
    grid-template-columns:1fr;
  }

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

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

  .areal-page .stage-copy,
  .areal-page .stage-head-copy,
  .areal-page .system-gem,
  .areal-page .result-final-copy,
  .areal-page .result-final-signature,
  .areal-page .blueprint-figure,
  .areal-page .phone-screen,
  .areal-page .stage-screen,
  .areal-page .screen-frame{
    width:100%;
    max-width:100%;
    min-width:0;
  }

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

  .areal-page .stage-blueprint .blueprint-figure{
    width:100%;
    margin:0;
  }

  .areal-page .areal-blueprint{
    min-height:340px;
    border-radius:28px;
  }

  .areal-page .areal-blueprint strong{
    font-size:24px;
  }

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

  .areal-page .stage-nav a{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    align-items:center;
    min-height:76px;
    padding:8px 0;
    text-align:left;
  }

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

  .areal-page .stage-nav a > span{
    max-width:none;
    font-size:15px;
    line-height:1.25;
    overflow-wrap:normal;
  }

  .areal-page .stage-nav a::after,
  .areal-page .stage-nav a::before{
    content:none;
    display:none;
  }

  .areal-page .stage-nav-rail{
    display:none;
  }

  .areal-page #stage-1 .stage-head-with-gem{
    gap:34px;
  }

  .areal-page #stage-1 .system-gem{
    display:none;
  }

  .areal-page #stage-2 .stage-head h3{
    font-size:27px;
    line-height:1.1;
    letter-spacing:-.8px;
  }

  .areal-page #stage-2 .stage-head h3 > span{
    display:inline;
  }

  .areal-page .screen-story,
  .areal-page .screen-story-reverse{
    gap:34px;
    padding:46px 0;
  }

  .areal-page #stage-2 .screen-story h4{
    font-size:24px;
    line-height:1.18;
  }

  .areal-page .screen-frame{
    border-radius:16px;
    outline-width:3px;
  }

  .areal-page #stage-1 .base-crm-story{
    grid-template-columns:1fr;
    gap:24px;
    padding:32px 24px;
  }

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

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

  .areal-page #stage-1 .base-crm-person{
    display:block;
    position:relative;
    inset:auto;
    width:100%;
    min-height:330px;
  }

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

  .areal-page #stage-4 .followup-layout{
    gap:38px;
  }

  .areal-page #stage-4 .phone-screen{
    width:min(92%,430px);
    margin:auto;
  }

  .areal-page .followup-steps{
    grid-template-columns:1fr;
  }

  .areal-page .followup-steps article{
    padding:24px;
  }

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

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

  .areal-page .areal-results .result-final-person img{
    width:100%;
    height:auto;
    opacity:0;
  }

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

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

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

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

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

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

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

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

  .areal-page .capture-grid{
    gap:42px;
    padding:40px 22px;
  }

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

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

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

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

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

  .areal-page .footer-brand > .brand .brand-logo{
    transform:translate(0,0);
  }

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

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

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

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

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

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

  .areal-page .nav-links.is-open,
  .areal-page .nav-actions.is-open{
    max-height:calc(100dvh - 76px);
    overflow-y:auto;
  }
}

@media (max-width:389px){
  .areal-page #stage-2 .stage-head h3{
    font-size:25px;
    letter-spacing:-.5px;
  }
}

@media (max-width:430px){
  .areal-page #stage-0 .stage-copy h3{
    font-size:36px;
    line-height:1.08;
  }

  .areal-page #stage-3 .stage-copy h3{
    font-size:37px;
    line-height:1.08;
  }

  .areal-page #stage-1 .base-crm-story{
    height:auto;
    min-height:0;
  }

  .areal-page #stage-1 .base-crm-person{
    display:none;
  }
}

@media (max-width:360px){
  .areal-page #stage-3 .stage-copy h3{
    font-size:36px;
  }

  .areal-page .areal-hero .hero-copy-main h1{
    font-size:37px;
  }

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

  .areal-page .areal-blueprint > span{
    max-width:42%;
    font-size:11px;
    line-height:1.25;
  }

  .areal-page #stage-2 .stage-head h3{
    font-size:25px;
  }
}

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

  .areal-page .areal-hero .hero-panel{
    padding-top:112px;
    padding-bottom:44px;
  }

  .areal-page .areal-official-logo{
    bottom:20px;
  }
}

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

/* Areal-specific differences from the six-stage LILEO pilot. */
@media (min-width:701px) and (max-width:1100px){
  .areal-page .stage-nav{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }

  .areal-page .stage-nav > a{
    grid-column:span 2;
  }

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

  .areal-page .stage-nav-rail{
    left:0;
    width:calc(16.6667% + 32px);
  }

  .areal-page #stage-0 .stage-copy h3 br{
    display:none;
  }
}

@media (max-width:700px){
  .areal-page .client-grid{
    gap:0;
  }

  .areal-page #stage-0 .stage-copy h3 br{
    display:none;
  }

  .areal-page #stage-3 .stage-copy h3 br{
    display:none;
  }

  .areal-page #stage-3 .communication-screen-stack{
    width:100%;
    max-width:100%;
  }

  .areal-page #stage-4 .stage-copy h3 > span{
    display:inline;
  }

  .areal-page .areal-results .result-final-copy h2{
    font-size:clamp(31px,9vw,35px);
    line-height:1.08;
    letter-spacing:-.8px;
  }

  .areal-page .areal-results .result-final-signature{
    right:12px;
    max-width:calc(100% - 24px);
    font-size:14px;
  }
}