@import url("./view.css");
body{margin:0;padding:0;font-family:var(--font-lead);box-sizing:border-box;}
*{box-sizing:border-box;}
:root {
  --tone-inverse: #2A1E38;
  --copy-main: calc(16.4px * .875);
  --stack-footer: 960px;
  --tone-deep: #7A5BB0;
  --stack-list: 1.5rem;
  --line-soft: calc(var(--stack-list) * .75);
  --font-strong: 1.85;
  --surface-panel: #2A1E38;
  --paint-inverse: #E85C7A;
  --gutter-small: 0.72rem;
  --surface-card: #E85C7A;
  --tone-extra-25: #FFFFFF;
  --radius-soft: 0.6rem;
  --surface-page: #FBF7FE;
  --font-lead: "Rubik", sans-serif;
  --stack-item: calc(var(--stack-list) * 2.4);
  --ink-deep: #E1D4EE;
  --ease-entry: ease-in-out;
  --copy-quiet: calc(16.4px * 1.35);
  --stack-nav: 1.32rem;
  --tone-extra-23: #2A1E38;
  --ease-hover: 490ms;
  --depth-medium: 0 6px 20px rgba(0,0,0,0.08);
  --radius-button: 0.2rem;
  --paint-page: #8E6FC4;
  --line-inverse: #FFFFFF;
  --radius-card: 0.33rem;
  --depth-strong: 0 1px 1px rgba(0,0,0,0.05);
  --ink-clear: #EFE7F7;
  --copy-strong: 16.4px;
  --space-section: calc(var(--gutter-small) * 1.5);
  --tone-extra-21: #3F2E52;
  --paint-deep: #FBF7FE;
  --measure-large: var(--stack-nav);
  --line-secondary: #FFFFFF;
}
.team-group{--mark-base:calc(var(--stack-list) * 1.05);padding:var(--stack-item) var(--measure-large);background:var(--surface-page);color:var(--tone-extra-23);}
.steady-form{--mark-base:calc(var(--stack-list) * 1.05);padding:var(--stack-item) var(--measure-large);background:var(--surface-page);color:var(--tone-extra-23);}
.text-nav{--mark-base:calc(var(--stack-list) * 1.32);--label-strong:calc(var(--stack-footer) / 3.9);padding:var(--stack-item) var(--measure-large);background:var(--ink-clear);color:var(--tone-extra-21);}
.plain-block{--mark-base:calc(var(--stack-list) * 1.32);--label-strong:calc(var(--stack-footer) / 3.61);padding:var(--stack-item) var(--measure-large);background:var(--surface-page);color:var(--tone-extra-23);}
@keyframes contactCatalogRise {from{ opacity: 0; transform: translateY(calc(calc(0.72rem * 2) * .12)); }to{ opacity: 1; transform: translateY(0); }
}
.simple-region{--mark-base:calc(var(--stack-list) * 1.05);--axis-control:calc(var(--stack-footer) / 3.6);padding:var(--stack-item) var(--measure-large);background:var(--surface-page);color:var(--tone-extra-23);}
.top-stack{--mark-base:calc(var(--stack-list) * 1.15);--label-strong:calc(var(--stack-footer) / 3.38);padding:var(--stack-item) var(--measure-large);background:var(--surface-card);color:var(--line-secondary);}
.wide-flow .content-header,
.wide-flow .local-service{flex: 1 1 260px;
  display: block;
  padding: var(--line-soft) 0 var(--space-section);
  border-top: 1px solid var(--ink-deep);
  color: inherit;
  text-decoration: none;
  animation: contactCatalogRise calc(var(--ease-hover) * 2.4) var(--ease-entry) both;}
.wide-flow .steady-flow{flex: 1 1 100%;
  padding: var(--line-soft) 0 var(--space-section);
  border-top: 1px solid var(--ink-deep);
  animation: contactCatalogRise calc(var(--ease-hover) * 2.4) var(--ease-entry) both;
  animation-delay: calc(var(--ease-hover) * .3);}
.wide-flow .local-service{animation-delay: calc(var(--ease-hover) * .6);}
.wide-flow span{display: block;
  margin-bottom: var(--line-soft);
  font-size: var(--copy-main);
  opacity: .72;}
.wide-flow strong{font-size: var(--copy-quiet);
  overflow-wrap: anywhere;}
.wide-flow .steady-flow p{margin: 0;
  line-height: var(--font-strong);}
.wide-flow .contact-copy{flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter-small);
  padding-top: var(--stack-list);
  border-top: 1px solid var(--ink-deep);}
.wide-flow .contact-copy a{
  flex: 1 1 220px;
  padding: var(--line-soft);
  background: var(--line-inverse);
  color: var(--tone-inverse);
  border: 1px solid var(--ink-deep);
  border-radius: var(--radius-card);
  text-decoration: none;
  line-height: var(--font-strong);
}
.wide-flow .contact-copy a span{display: block;
  margin: var(--line-soft) 0 0;
  font-size: var(--copy-main);
  opacity: .72;}
@media (max-width: 760px) {.wide-flow .content-header,
  .wide-flow .local-service,
  .wide-flow .steady-flow{
    flex: 1 1 100%;
  }
}
@media (prefers-reduced-motion: reduce) {.wide-flow .content-header,
  .wide-flow .local-service,
  .wide-flow .steady-flow{ animation: none; }
}
.direct-contact{padding:var(--stack-item) var(--measure-large);background:var(--surface-page);color:var(--tone-extra-23)}
.direct-contact .active-note{max-width:var(--stack-footer);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-section);align-items:flex-start}
.direct-contact .active-note>*{min-width:0;flex:1 1 14rem}
.direct-contact .local-feature{padding-right:var(--gutter-small)}
.direct-contact h2{margin:0;font-size:calc(16.4px * 2);line-height:1.1}
.direct-contact .local-feature>p{margin:var(--stack-list) 0 var(--space-section);font-size:calc(16.4px * 1.125);line-height:var(--font-strong);color:var(--tone-extra-21)}
.direct-contact .soft-flow{display:flex;flex-direction:column;gap:var(--stack-list)}
.direct-contact .soft-flow div{display:flex;flex-wrap:wrap;gap:var(--gutter-small);align-items:flex-start;padding-bottom:var(--stack-list);border-bottom:1px solid var(--ink-deep)}
.direct-contact .soft-flow div>*{min-width:0;flex:1 1 16rem}
.direct-contact strong{font-size:var(--copy-main)}
.direct-contact .soft-flow span{line-height:var(--font-strong);color:var(--tone-extra-21)}
.direct-contact form{display:flex;flex-direction:column;gap:var(--stack-list);align-self:flex-start;background:var(--line-inverse);color:var(--tone-inverse);border:1px solid var(--ink-deep);border-radius:var(--radius-soft);padding:var(--line-soft);box-shadow:var(--depth-strong)}
.direct-contact label span{display:block;margin-bottom:var(--line-soft);font-size:var(--copy-main);color:var(--tone-extra-21)}
.direct-contact input{width:100%;border:0;border-bottom:1px solid var(--ink-deep);border-radius:0;background:transparent;color:inherit;font:inherit;padding:var(--line-soft) 0;outline:none}
.direct-contact input::placeholder{color:rgba(255,255,255,0.55)}
.direct-contact input:focus{border-color:#B79BE0}
.direct-contact button{border:0;border-radius:var(--radius-card);background:var(--paint-page);color:var(--tone-extra-25);font:inherit;padding:var(--line-soft);cursor:pointer;transition:background var(--ease-hover) var(--ease-entry)}
.direct-contact button:hover{background:var(--tone-deep);color:var(--tone-inverse);}
@media(max-width:780px){.direct-contact .active-note,.direct-contact .soft-flow div{display:block}.direct-contact form{margin-top:var(--space-section)}.direct-contact .soft-flow span{display:block;margin-top:var(--line-soft)}}
.clear-links{
    padding:var(--stack-item) var(--measure-large);
    background:var(--ink-clear);
    color:var(--tone-extra-21);
}
.clear-links .active-note{max-width:var(--stack-footer);
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:var(--space-section);}
.clear-links .quiet-region h2{margin:0 0 var(--line-soft);
    font-size:calc(16.4px * 2);
    line-height:1.25;}
.clear-links .quiet-region p{margin:0;
    font-size:var(--copy-strong);
    line-height:var(--font-strong);}
.clear-links .fresh-content{display:flex;
    flex-wrap:wrap;
    gap:var(--gutter-small);}
.clear-links .active-callout{
    flex:1 1 220px;
    min-width:0;
    background:var(--line-inverse);
    color:var(--tone-inverse);
    border:1px solid var(--ink-deep);
    border-radius:var(--radius-soft);
    padding:var(--line-soft);
    box-shadow:var(--depth-strong);
}
.clear-links .active-callout h3{margin:0 0 0.5rem;
    font-size:var(--copy-quiet);}
.clear-links .active-callout p{margin:0 0 0.75rem;
    font-size:var(--copy-main);
    line-height:var(--font-strong);}
.clear-links .active-callout a{display:inline-block;
    font-weight:600;
    text-decoration:none;
    border-bottom:1px solid #8E6FC4;
    padding-bottom:1px;
    transition:color var(--ease-hover) var(--ease-entry), border-color var(--ease-hover) var(--ease-entry);
    word-break:break-word;}
.clear-links .active-callout a:hover{border-color:var(--paint-inverse);}
.clear-links .contact-items{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:var(--gutter-small);
    background:var(--line-inverse);
    color:var(--tone-inverse);
    border:1px solid var(--ink-deep);
    border-radius:0.72rem;
    padding:var(--line-soft);
}
.clear-links .contact-items p{margin:0;
    flex:1 1 320px;
    font-size:var(--copy-main);
    line-height:var(--font-strong);}
.clear-links .contact-items a{
    flex:0 0 auto;
    display:inline-block;
    padding:0.6rem 1.1rem;
    border-radius:var(--radius-soft);
    background:var(--surface-card);
    color:var(--line-secondary);
    font-weight:700;
    font-size:var(--copy-main);
    text-decoration:none;
    transition:background var(--ease-hover) var(--ease-entry);
}
.clear-links .contact-items a:hover{
    background:#D14A68;color:var(--tone-inverse);}
@media (max-width:760px){.clear-links .contact-items{
        flex-direction:column;
        align-items:flex-start;
    }
}
.bottom-items{background:var(--paint-page);color:var(--tone-extra-25);padding:var(--stack-item) var(--measure-large)}
.bottom-items .active-note{max-width:var(--stack-footer);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-section);align-items:flex-start;row-gap:calc(var(--space-section) + 4px);column-gap:calc(var(--space-section) + 72px)}
.bottom-items .quiet-region,.bottom-items .compact-list{min-width:0}
.bottom-items .quiet-region{flex:1 1 calc(var(--stack-footer) / 2)}
.bottom-items .compact-list{flex:1 1 calc(var(--stack-footer) / 2);display:flex;flex-direction:column;gap:var(--stack-list)}
.bottom-items h2{margin:0;font-size:calc(16.4px * 2.65);line-height:1.1;letter-spacing:0}
.bottom-items p{margin:0;line-height:var(--font-strong)}
.bottom-items .site-headline{font-size:calc(16.4px * 1.125)}
.bottom-items .quiet-track{min-width:0;padding-bottom:var(--line-soft);border-bottom:1px solid rgba(255,255,255,0.22)}
.bottom-items .quiet-track:last-child{border-bottom:0;padding-bottom:0}
.bottom-items strong{display:block;font-size:var(--copy-strong)}
.bottom-items strong+p{margin-top:calc(var(--line-soft) / 2)}
.bottom-items a{display:inline-flex;margin-top:var(--stack-list);padding:var(--line-soft) var(--stack-list);background:var(--surface-card);color:var(--line-secondary);border-radius:var(--radius-button);text-decoration:none}
.bottom-items a:hover{background:#D14A68;color:var(--tone-inverse);}
@media (max-width:760px){.bottom-items .active-note{display:block}.bottom-items .compact-list{margin-top:var(--space-section)}
}
.simple-region .active-note{max-width:var(--stack-footer);margin:0 auto;}
.simple-region h2,.simple-region h3,.simple-region p{margin:0;}
.simple-region h2{font-size:calc(16.4px * 2);line-height:1.12;}
.simple-region h3{font-size:var(--copy-quiet);line-height:1.2;}
.simple-region p{font-size:var(--copy-strong);line-height:var(--font-strong);}
.simple-region .quiet-region{display:flex;flex-direction:column;gap:var(--space-section);}
.simple-region .site-headline{color:var(--tone-extra-21);}
.simple-region .steady-entries{display:flex;flex-direction:column;gap:var(--mark-base);margin-top:var(--stack-item);}
.simple-region .primary-method{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gutter-small);padding-bottom:var(--space-section);border-bottom:1px solid var(--ink-deep);}
.simple-region .primary-method:last-child{border-bottom:0;padding-bottom:0;}
.simple-region .quiet-nav{flex:1 1 calc(var(--stack-footer) / 1.7);min-width:0;}
.simple-region .quiet-nav p{margin-top:calc(var(--stack-list) / 3);color:var(--tone-extra-21);}
.simple-region .active-callout{flex:0 0 auto;font-size:var(--copy-main);}
.simple-region .active-callout a{color:inherit;text-decoration:none;border-bottom:1px solid #8E6FC4;padding-bottom:1px;transition:color var(--ease-hover) var(--ease-entry),border-color var(--ease-hover) var(--ease-entry);}
.simple-region .active-callout a:hover{color:inherit;border-color:var(--paint-inverse);}
.simple-region .service-stack{margin:var(--stack-item) 0 0;max-width:var(--axis-control);}
.simple-region .service-stack img{display:block;width:100%;height:auto;border-radius:var(--radius-soft);box-shadow:0 2px 12px rgba(0,0,0,0.06);}
@media (max-width:640px){.simple-region .primary-method{flex-direction:column;align-items:flex-start;}.simple-region .service-stack{max-width:100%;}
}
.top-stack .active-note{max-width:var(--stack-footer);margin:0 auto;}
.top-stack h2,.top-stack h3,.top-stack p{margin:0;}
.top-stack h2{font-size:calc(16.4px * 2);line-height:1.12;}
.top-stack h3{font-size:var(--copy-quiet);line-height:1.2;}
.top-stack p{font-size:var(--copy-strong);line-height:var(--font-strong);}
.top-stack a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;}
.top-stack img{display:block;width:100%;height:auto;border-radius:var(--radius-card);}
.top-stack .site-headline{margin-top:var(--stack-list);}
.top-stack .compact-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gutter-small);margin-top:var(--mark-base);text-align:left;}
.top-stack .quiet-track{flex:1 1 calc(var(--stack-footer) / 4);min-width:0;}
.top-stack .quiet-track p,.top-stack .quiet-track a{margin-top:calc(var(--stack-list) / 3);}
.top-stack .team-panel{text-align:center;}
.top-stack .team-panel>img{margin:var(--mark-base) auto 0;max-width:var(--label-strong);}
.top-view{
  background: var(--line-inverse);
  color: var(--tone-inverse);
  padding: var(--stack-item) var(--measure-large);
}
.top-view .content-view{max-width: var(--stack-footer);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-section);}
.top-view h2{margin: 0;
  font-size: calc(16.4px * 2);
  line-height: 1.12;
  letter-spacing: 0;}
.top-view .service-items{margin: 0;
  font-size: calc(16.4px * 1.125);
  line-height: var(--font-strong);}
.top-view .bottom-steps{display: flex;
  flex-direction: column;
  gap: var(--space-section);}
.top-view .bottom-steps > p{margin: 0;
  line-height: var(--font-strong);}
.top-view ul{margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--stack-list);}
.top-view li{
  min-width: 0;
  padding: var(--line-soft) var(--stack-list);
  background: var(--ink-clear);
  color: var(--tone-extra-21);
  border-radius: var(--radius-card);
  border-left: 2px solid var(--surface-card);
}
.top-view strong{display: block;
  font-size: var(--copy-strong);}
.top-view span{display: block;
  margin-top: var(--line-soft);
  line-height: var(--font-strong);}
@media (min-width: 720px) {.top-view ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--stack-list) var(--gutter-small);
  }.top-view li:last-child{
    grid-column: 1 / -1;
  }
}
.focused-frame{padding:var(--stack-item) var(--measure-large);background:var(--surface-page);color:var(--tone-extra-23)}
.focused-frame .plain-header{max-width:min(var(--stack-footer),64rem);margin:0 auto}
.focused-frame h2{margin:0;font-size:calc(16.4px * 2);line-height:1.15}
.focused-frame .quiet-list{margin:var(--stack-list) 0 var(--space-section);font-size:calc(16.4px * 1.125);line-height:var(--font-strong)}
.focused-frame .visual-note{display:flex;flex-direction:column;gap:var(--gutter-small)}
.focused-frame .contact-items{padding:var(--line-soft);background:var(--line-inverse);color:var(--tone-inverse);border:1px solid var(--ink-deep);border-radius:var(--radius-soft);box-shadow:var(--depth-strong)}
.focused-frame h3{margin:0 0 var(--line-soft);font-size:var(--copy-quiet);line-height:1.25}
.focused-frame .contact-items p{margin:0;font-size:var(--copy-strong);line-height:var(--font-strong)}
@media (min-width:720px){.focused-frame .visual-note{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter-small)}.focused-frame .contact-items{padding:var(--space-section)}
}
.plain-visual{
  padding: var(--stack-item) var(--measure-large);
  background: var(--surface-page);
  color: var(--tone-extra-23);
}
.plain-visual .active-note{max-width: min(var(--stack-footer), 74rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: var(--space-section);
  align-items: start;}
.plain-visual .service-items h2{margin: 0;
  font-size: calc(16.4px * 2);
  line-height: 1.12;}
.plain-visual .service-items p{margin: var(--line-soft) 0 0;
  font-size: var(--copy-strong);
  color: var(--tone-extra-21);}
.plain-visual .service-benefit{display: flex;
  flex-direction: column;
  gap: var(--gutter-small);}
.plain-visual .quiet-track{
  border: 1px solid var(--ink-deep);
  border-radius: var(--radius-soft);
  background: var(--line-inverse);
  color: var(--tone-inverse);
  box-shadow: var(--depth-strong);
}
.plain-visual button{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gutter-small);
  border: 0;
  padding: var(--line-soft);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: calc(16.4px * 1.125);
  text-align: left;
  cursor: pointer;
}
.plain-visual button::after{content: "+";
  flex: 0 0 auto;
  font-size: calc(16.4px * 1.125);
  line-height: 1;color:inherit;}
.plain-visual .quiet-track.is-open button::after{content: "\2212";}
.plain-visual .quiet-track p{margin: 0;
  padding: 0 var(--line-soft) var(--line-soft);
  color: var(--tone-extra-21);
  font-size: var(--copy-main);}
.plain-visual .quiet-track:not(.is-open) p{display: none;}
.plain-visual button:focus-visible{outline: 2px solid #B79BE0;
  outline-offset: 2px;}
@media (max-width: 760px) {.plain-visual .active-note{
    grid-template-columns: 1fr;
  }
}
.fresh-plan{
  padding: var(--stack-item) var(--measure-large);
  background: var(--surface-page);
  color: var(--tone-extra-23);
}
.fresh-plan .active-note{max-width: var(--stack-footer);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-section);}
.fresh-plan .top-summary{
  flex: 1 1 320px;
  padding: var(--line-soft);
  border-radius: 0.72rem;
  background: var(--surface-panel);
  color: var(--paint-deep);
}
.fresh-plan .top-summary span{
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: var(--radius-button);
  background: var(--surface-card);
  color: var(--line-secondary);
  font-size: var(--copy-main);
}
.fresh-plan h2{margin: var(--space-section) 0 0;
  font-size: calc(16.4px * 2);
  line-height: 1.15;}
.fresh-plan .top-summary p{margin: var(--space-section) 0 0;
  font-size: calc(16.4px * 1.125);}
.fresh-plan .team-nav{flex: 1 1 360px;
  display: flex;
  flex-direction: column;
  gap: var(--space-section);}
.fresh-plan .active-callout{
  padding: var(--line-soft);
  border-radius: var(--radius-soft);
  background: var(--line-inverse);
  color: var(--tone-inverse);
  border: 1px solid var(--ink-deep);
  box-shadow: var(--depth-strong);
}
.fresh-plan .active-callout strong{display: block;
  font-size: var(--copy-quiet);}
.fresh-plan .active-callout p{margin: var(--space-section) 0 0;}
.fresh-plan .active-callout p:first-of-type{}
.fresh-plan a{text-decoration: underline;
  text-underline-offset: 2px;}
.fresh-plan a:hover{}
@media (max-width: 760px) {.fresh-plan .active-note{
    flex-direction: column;
  }
}
.fresh-wrap{
  background:var(--ink-clear);
  color:var(--tone-extra-21);
  padding:var(--stack-item) var(--measure-large);
}
.fresh-wrap .active-note{width:min(100%,var(--stack-footer));
  margin:0 auto;}
.fresh-wrap .question{display:flex;
  flex-direction:column;
  gap:var(--space-section);}
.fresh-wrap .aside{padding-left:clamp(0px,8vw,96px);}
.fresh-wrap h1{margin:0;
  max-width:14ch;
  font-size:clamp(calc(16.4px * 2),6vw,calc(16.4px * 2.65));
  line-height:1.05;
  letter-spacing:0;}
.fresh-wrap p{margin:var(--stack-list) 0 0;
  font-size:calc(16.4px * 1.125);
  line-height:var(--font-strong);}
.fresh-wrap .local-feature{display:flex;
  flex-direction:column;
  border-top:1px solid var(--ink-deep);}
.fresh-wrap .local-feature a{display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:var(--gutter-small);
  padding:var(--stack-list) 0;
  border-bottom:1px solid var(--ink-deep);
  color:inherit;
  text-decoration:none;
  transition:color var(--ease-hover) var(--ease-entry);}
.fresh-wrap .local-feature a:hover,
.fresh-wrap .local-feature a:focus-visible{color:inherit;}
.fresh-wrap .local-feature span{font-weight:700;
  font-size:var(--copy-strong);}
.fresh-wrap small{max-width:34ch;
  font-size:var(--copy-main);
  line-height:1.5;
  text-align:right;}
.fresh-wrap .offer-team{
  align-self:flex-start;
  padding:13px 20px;
  border-radius:var(--radius-card);
  background:var(--paint-page);
  color:var(--tone-extra-25);
  text-decoration:none;
  font-weight:700;
  transition:background var(--ease-hover) var(--ease-entry);
}
.fresh-wrap .offer-team:hover,
.fresh-wrap .offer-team:focus-visible{
  background:var(--tone-deep);color:var(--tone-inverse);}
@media (max-width:620px) {.fresh-wrap .aside{ padding-left:0; }.fresh-wrap .local-feature a{ flex-direction:column; align-items:flex-start; gap:6px; }.fresh-wrap small{ max-width:none; text-align:left; }
}
