@import url("./base.css");
@import url("./layout.css");
body{margin:0;padding:0;font-family:"Sora", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
:root {
  --motion-fast: ease;
}
.secondary-brand{--axis-content:calc(1.5rem * 1.1);--copy-quiet:calc(1520px / 3.1);padding:calc(1.5rem * 2.4) 1.4rem;background:linear-gradient(135deg, #0B0E2B 0%, #1B1F52 45%, #3A2A8C 100%);color:#EDEEF9;}
.compact-rail{--axis-content:calc(1.5rem * 1.19);--copy-quiet:calc(1520px / 3.05);padding:calc(1.5rem * 2.4) 1.4rem;background:#0B0E2B;color:#EDEEF9;}
.focused-unit{--axis-content:calc(1.5rem * 1.15);padding:calc(1.5rem * 2.4) 1.4rem;background:#0B0E2B;color:#EDEEF9;}
.offer-region{--axis-content:calc(1.5rem * 1.12);--layer-local:calc(1520px / 2.15);padding:calc(1.5rem * 2.4) 1.4rem;background:#6C4CF1;color:#FFFFFF;}
.focused-view{--axis-content:calc(1.5rem * 1.22);--layer-local:calc(1520px / 2.46);--copy-quiet:calc(1520px / 3.50);--copy-heading:calc(1520px / 3.55);padding:calc(1.5rem * 2.4) 1.4rem;background:#F4F4FC;color:#141838;}
.page-visual{--axis-content:calc(1.5rem * 1.3);padding:calc(1.5rem * 2.4) 1.4rem;background:#0B0E2B;color:#EDEEF9;}
.content-callout{--axis-content:calc(1.5rem * 1.42);--layer-local:calc(1520px / 2.30);--copy-quiet:calc(1520px / 3.66);padding:calc(1.5rem * 2.4) 1.4rem;background:#6C4CF1;color:#FFFFFF;}
.compact-feature{--axis-content:calc(1.5rem * 1.15);--copy-quiet:calc(1520px / 3.22);padding:calc(1.5rem * 2.4) 1.4rem;background:#0B0E2B;color:#EDEEF9;}
.local-view .top-story{flex:1 1 calc(1520px / 4.2);min-width:0;padding-top:calc(1.5rem * .75);border-top:1px solid rgba(108, 76, 241, 0.28);}
.local-view .top-story p{margin-top:calc(calc(1.5rem * .75) / 2);}
.local-view .visual-form{margin:0;}
.local-view .visual-form img{display:block;width:100%;height:auto;border-radius:0.76rem;}
@media (max-width:720px){.local-view .top-story{flex:1 1 100%;}
}
.page-visual .top-method{max-width:1520px;margin:0 auto;display:flex;flex-direction:column;gap:var(--axis-content);}
.page-visual h2,.page-visual h3,.page-visual p,.page-visual ul{margin:0;}
.page-visual h2{font-size:calc(18.2px * 2);line-height:1.14;}
.page-visual h3{font-size:calc(18.2px * 1.35);line-height:1.22;}
.page-visual p{font-size:18.2px;line-height:1.6;}
.page-visual a{color:inherit;text-decoration:none;}
.page-visual .bottom-unit{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2.55rem;}
.page-visual .bottom-unit .wide-inner{flex:1 1 60%;min-width:0;display:flex;flex-direction:column;gap:calc(1.5rem / 2);}
.page-visual .main-view{font-size:calc(18.2px * .875);color:#D6D8F0;}
.page-visual .clear-frame{color:#D6D8F0;}
.page-visual .fresh-stack{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:calc(calc(1.5rem * .75) / 1.4) 1.5rem;border-radius:0.57rem;background:#6C4CF1;color:#FFFFFF;font-size:calc(18.2px * .875);}
.page-visual .fresh-stack:hover{background:#5638D8;color:#EDEEF9;}
.page-visual .legal{display:flex;flex-wrap:wrap;gap:2.55rem;}
.page-visual .top-story{flex:1 1 calc(1520px / 3.6);min-width:0;display:flex;flex-direction:column;gap:calc(1.5rem / 2.4);padding:calc(1.5rem * .75);border:1px solid rgba(108, 76, 241, 0.28);border-radius:0.76rem;background:#161A3D;color:#EDEEF9;}
.page-visual .contact-callout{color:#D6D8F0;}
.page-visual .open-benefit{list-style:none;padding:0;display:flex;flex-direction:column;gap:calc(1.5rem / 4);}
.page-visual .open-benefit li{position:relative;padding-left:calc(1.4rem * 0.9);font-size:calc(18.2px * .875);line-height:1.6;}
.page-visual .open-benefit li::before{content:"";position:absolute;left:0;top:0.62em;width:0.4rem;height:0.4rem;border-radius:50%;background:#E23A6B;color:#FFFFFF;}
.page-visual .top-story a{align-self:flex-start;margin-top:auto;padding-bottom:2px;border-bottom:1px solid #E23A6B;color:#E23A6B;font-size:calc(18.2px * .875);}
.page-visual .top-story a:hover{color:inherit;border-color:#C42A58;}
.page-visual .mark{font-size:calc(18.2px * .875);color:#D6D8F0;}
@media (max-width: 900px){.page-visual .bottom-unit{align-items:flex-start;}.page-visual .bottom-unit .wide-inner{flex:1 1 100%;}.page-visual .fresh-stack{flex:1 1 auto;width:100%;}.page-visual .top-story{flex:1 1 100%;}
}
.content-callout .top-method{max-width:1520px;margin:0 auto;}
.content-callout h1,.content-callout h2,.content-callout h3,.content-callout p{margin:0;}
.content-callout h1{font-size:calc(18.2px * 2.65);line-height:1.08;}
.content-callout h2{font-size:calc(18.2px * 2);line-height:1.12;}
.content-callout h3{font-size:calc(18.2px * 1.35);line-height:1.2;}
.content-callout p{font-size:18.2px;line-height:1.6;color:color-mix(in srgb, currentColor 74%, transparent);}
.content-callout a{color:inherit;text-decoration:none;}
.content-callout img{display:block;width:100%;height:auto;border-radius:0.57rem;}
.content-callout .fresh-stack{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:calc(1.5rem * .75) 1.5rem;border-radius:0.24rem;background:#FFFFFF;color:#6C4CF1;}
.content-callout .main-view{font-size:calc(18.2px * 1.125);line-height:1.6;color:color-mix(in srgb, currentColor 84%, transparent);}
.content-callout .legal{display:flex;flex-wrap:wrap;gap:var(--axis-content);margin-top:var(--axis-content);}
.content-callout .top-story{flex:1 1 calc(1520px / 3.4);min-width:0;padding:calc(calc(1.5rem * .75) * .85);border-radius:0.57rem;background:color-mix(in srgb, currentColor 11%, transparent);}
.content-callout .top-story p,.content-callout .top-story a{margin-top:calc(1.5rem / 3);}
.content-callout .top-story img{margin-bottom:calc(1.5rem / 2);max-width:100%;}
.content-callout .team-copy>.legal{margin-top:var(--axis-content);}
.content-callout .team-copy>h2{margin-top:var(--axis-content);}
.compact-feature .top-method{max-width:1520px;margin:0 auto;}
.compact-feature h2,.compact-feature h3,.compact-feature p{margin:0;}
.compact-feature h2{font-size:calc(18.2px * 2);line-height:1.12;}
.compact-feature h3{font-size:calc(18.2px * 1.35);line-height:1.2;}
.compact-feature p{font-size:18.2px;line-height:1.6;color:#D6D8F0;}
.compact-feature img{display:block;width:100%;height:auto;border-radius:0.57rem;}
.compact-feature .clear-frame{margin-top:1.5rem;}
.compact-feature .focused-summary>img{margin-top:var(--axis-content);}
.compact-feature .legal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2.55rem;margin-top:var(--axis-content);}
.compact-feature .top-story{flex:1 1 calc(1520px / 4.4);min-width:0;padding-top:calc(1.5rem * .75);border-top:1px solid rgba(108, 76, 241, 0.28);}
.compact-feature .top-story h3{margin-top:calc(1.5rem / 3);}
.compact-feature .top-story p{color:#D6D8F0;}
@media (max-width:720px){.compact-feature .top-story{flex:1 1 100%;}
}
.secondary-actions{background:linear-gradient(135deg, #0B0E2B 0%, #1B1F52 45%, #3A2A8C 100%);color:#EDEEF9;padding:calc(1.5rem * 2.4) 1.4rem}
.secondary-actions .top-method{max-width:min(1520px,70rem);margin:0 auto}
.secondary-actions .narrow-story{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2.55rem * 1.5)}
.secondary-actions .main-view{margin:0;font-size:calc(18.2px * .875);letter-spacing:.04em;text-transform:uppercase;opacity:.78}
.secondary-actions h2{margin:0;max-width:22ch;font-size:clamp(calc(18.2px * 2),5.2vw,calc(18.2px * 2.65));line-height:1.06;letter-spacing:0}
.secondary-actions .team-rail{display:block;width:min(100%,46rem);height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0.76rem;box-shadow:0 12px 20px rgba(0,0,0,0.13)}
.secondary-actions .open-shell{display:flex;flex-direction:column;gap:1.5rem;width:100%}
.secondary-actions .top-story{width:100%;min-width:0;padding-left:calc(1.5rem * .75);border-left:2px solid rgba(108, 76, 241, 0.28)}
.secondary-actions .top-story:nth-child(3n+2){border-left-color:#E23A6B}
.secondary-actions strong,.secondary-actions span{display:block}
.secondary-actions strong{font-size:18.2px;line-height:1.35}
.secondary-actions span{margin-top:calc(calc(1.5rem * .75)*.45);line-height:1.6;}
@media(max-width:680px){.secondary-actions .top-story{padding-left:calc(calc(1.5rem * .75)*.7)}.secondary-actions h2{max-width:none}
}
.offer-wrap{padding:calc(1.5rem * 2.4) 1.4rem;background:#0B0E2B;color:#EDEEF9}
.offer-wrap .wide-inner{max-width:min(1520px,60rem);margin:0 auto;display:flex;flex-direction:column;gap:calc(2.55rem * 1.5)}
.offer-wrap h2{margin:0;font-size:calc(18.2px * 2.65);line-height:1.08;letter-spacing:-0.01em}
.offer-wrap .bottom-unit{margin:0;font-size:calc(18.2px * 1.125);color:#D6D8F0;padding-bottom:calc(2.55rem * 1.5);border-bottom:1px solid rgba(108, 76, 241, 0.28)}
.offer-wrap .soft-grid{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:2.55rem;padding:calc(1.5rem * .75) 0;border-bottom:1px solid rgba(108, 76, 241, 0.28)}
.offer-wrap .soft-grid:last-child{border-bottom:0;padding-bottom:0}
.offer-wrap h3{margin:0;font-size:calc(18.2px * 1.35);line-height:1.25}
.offer-wrap .soft-grid p{margin:0;color:#D6D8F0}
@media (max-width:720px){.offer-wrap .soft-grid{grid-template-columns:1fr;gap:calc(1.5rem * .75)}
}
.steady-headline{
  padding: calc(1.5rem * 2.4) 1.4rem;
  background: #0B0E2B;
  color: #EDEEF9;
}
.steady-headline .top-method{max-width: min(1520px, 72rem);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: calc(2.55rem * 1.5);}
.steady-headline .narrow-panel h2{margin: 0;
  font-size: calc(18.2px * 2);
  line-height: 1.1;}
.steady-headline .narrow-panel .bottom-unit{margin: calc(1.5rem * .75) 0 0;
  font-size: calc(18.2px * 1.125);
  color: #D6D8F0;}
.steady-headline .rows{display: flex;
  flex-wrap: wrap;
  gap: calc(1.5rem * .75);}
.steady-headline .rows .top-story{
  flex: 1 1 18rem;
  padding: calc(1.5rem * .75);
  border: 1px solid rgba(108, 76, 241, 0.28);
  border-radius: 0.76rem;
  background: #161A3D;
  color: #EDEEF9;
}
.steady-headline .rows .top-story strong{display: block;
  font-size: calc(18.2px * 1.35);
  margin-bottom: var(--stack-base, 0.5rem);}
.steady-headline .rows .top-story p{margin: 0;
  color: #D6D8F0;}
.steady-headline .top-details{
  padding: calc(1.5rem * .75);
  border-radius: 0.76rem;
  background: #141838;
  color: #D6D8F0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.steady-headline .top-details .content-flow{margin: 0;}
.steady-headline .top-details .contact-team{display: inline-block;
  min-width: 6.5rem;
  color: #EDEEF9;
  font-weight: 600;}
.steady-headline .top-details a{color:inherit;
  text-decoration: none;}
.steady-headline .top-details a:hover{color: #E23A6B;}
.steady-headline .fresh-stack{display: flex;
  flex-wrap: wrap;
  gap: calc(1.5rem * .75);}
.steady-headline .fresh-stack .feature{
  display: inline-block;
  padding: 0.85rem 1.4rem;
  border-radius: 0.57rem;
  background: #6C4CF1;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
}
.steady-headline .fresh-stack .feature:hover{
  background: #5638D8;color:#EDEEF9;}
.steady-headline .fresh-stack .feature.ghost{
  background: transparent;
  color: #EDEEF9;
  border: 1px solid rgba(108, 76, 241, 0.28);
}
.steady-headline .fresh-stack .feature.ghost:hover{
  background: color-mix(in srgb, currentColor 10%, transparent);color:#EDEEF9;}
@media (max-width: 640px) {.steady-headline .rows{
    flex-direction: column;
  }
}
.simple-media{
  background: linear-gradient(135deg, #0B0E2B 0%, #1B1F52 45%, #3A2A8C 100%);
  color: #EDEEF9;
  padding: calc(1.5rem * 2.4) 1.4rem;
}
.simple-media .top-method{width: min(100%, 1520px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: calc(2.55rem * 1.5);}
.simple-media .clear-frame{display: flex;
  flex-direction: column;
  gap: calc(1.5rem * .75);}
.simple-media h1{margin: 0;
  font-size: clamp(calc(18.2px * 2), 6vw, calc(18.2px * 2.65));
  line-height: 1.05;
  letter-spacing: 0;}
.simple-media .wide-inner{margin: 0;
  font-size: calc(18.2px * 1.125);
  line-height: 1.6;}
.simple-media .contact-callout{display: flex;
  flex-direction: column;
  gap: calc(1.5rem * .75);}
.simple-media .main-view{margin: 0;
  font-size: 18.2px;
  color: #EDEEF9;
  opacity: 0.82;}
.simple-media .legal{list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2.55rem;}
.simple-media .top-story{flex: 1 1 240px;
  min-width: 0;}
.simple-media .top-story a{
  display: block;
  height: 100%;
  padding: calc(1.5rem * .75);
  border-radius: 0.76rem;
  background: #161A3D;
  color: #EDEEF9;
  border: 1px solid rgba(108, 76, 241, 0.28);
  text-decoration: none;
  transition: background 430ms var(--motion-fast), border-color 430ms var(--motion-fast);
}
.simple-media .top-story a:hover{
  background: #141838;
  border-color: #E23A6B;color:#D6D8F0;}
.simple-media .top-story strong{display: block;
  font-size: 18.2px;
  margin-bottom: 8px;}
.simple-media .top-story span{display: block;
  font-size: calc(18.2px * .875);
  line-height: 1.55;
  opacity: 0.85;}
.simple-media .plain-shell{display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(1.5rem * .75);
  padding-top: calc(1.5rem * .75);
  border-top: 1px solid rgba(108, 76, 241, 0.28);}
.simple-media .content-flow{margin: 0;
  flex: 1 1 320px;
  font-size: calc(18.2px * .875);
  opacity: 0.82;}
.simple-media .fresh-stack{
  display: inline-flex;
  align-items: center;
  padding: 13px 20px;
  border-radius: 0.57rem;
  background: #6C4CF1;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 700;
  font-size: calc(18.2px * .875);
  transition: background 430ms var(--motion-fast);
}
.simple-media .fresh-stack:hover{
  background: #5638D8;color:#EDEEF9;}
@media (max-width: 720px) {.simple-media .legal{
    flex-direction: column;
  }.simple-media .plain-shell{
    flex-direction: column;
    align-items: flex-start;
  }
}
