/* Composition options stay outside the platform miniatures. */
.appearance-setting[data-landing-brand-settings]{grid-column:1/-1}
.radar-mini-brand{display:none;width:28px;height:28px;flex-shrink:0;line-height:0}
.radar-mini-brand>svg{width:100%;height:100%;display:block}
html[data-radar-symbol]:not([data-radar-symbol="normal"]) :is(.site-header,.concepts-header,.site-footer) .wordmark::before{display:none}
[data-mini-icon="header"] :is(.site-header,.concepts-header) .radar-mini-brand,
[data-mini-icon="bottom"] .site-footer .radar-mini-brand{display:block}
@media(max-width:760px){.radar-mini-brand{width:25px;height:25px}}
@media(max-width:400px){.radar-mini-brand{width:23px;height:23px}}
.theme-options--three{grid-template-columns:repeat(3,minmax(0,1fr))}

[data-brand-layout="line"] .hero-brand{
  display:flex;align-items:center;justify-content:center;gap:22px;
  width:max-content;max-width:100%;margin-inline:auto;
}
[data-brand-layout="line"] .hero-brand .hero-icon{margin:0}
[data-brand-layout="line"] .hero-brand h1{white-space:nowrap}

.hero-capabilities>.hero-third-layer{
  display:block;position:relative;width:100%;max-width:1170px;margin-inline:auto;
  top:clamp(12px,2svh,20px);
}
.hero-third-layer__words,.hero-third-layer__tools{
  display:flex;align-items:center;justify-content:space-around;gap:30px;
}
.hero-third-layer__words>span{
  font-size:32px;font-weight:530;letter-spacing:-.055em;
}
.hero-third-layer__tools{
  display:none;position:absolute;inset:0;
  grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 16px;
}
.hero-third-layer__tools>span{
  display:flex;align-items:center;justify-content:center;gap:11px;grid-column:span 2;
  font-size:clamp(20px,2.2vw,27px);font-weight:500;line-height:1.25;letter-spacing:-.035em;
}
.hero-third-layer__tools>span:nth-child(5){grid-column:2 / span 2}
.hero-third-layer__tools a{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:inherit;
  min-height:44px;cursor:pointer;
}
.hero-third-layer__tools a::after{
  content:"";position:absolute;inset:auto 0 2px;height:1px;
  background:currentColor;pointer-events:none;transform:scaleX(0);
  transform-origin:left;transition:transform 180ms ease;
}
.hero-third-layer__tools a:focus-visible{outline-color:currentColor}
.hero-third-layer__tools a:focus-visible::after{transform:scaleX(1)}
@media(hover:hover){
  .hero-third-layer__tools a:hover::after{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
  .hero-third-layer__tools a::after{transition:none}
}
.hero-third-layer__tools svg{width:25px;height:25px;flex-shrink:0}
[data-third-layer="tools"] .hero-third-layer__tools{display:grid;position:relative}
[data-third-layer="tools"] .hero-third-layer__words{position:absolute;inset:0}
[data-third-layer="line"] .hero-third-layer__words,
[data-third-layer="tools"] .hero-third-layer__words{visibility:hidden}
[data-third-layer="line"] .hero-third-layer::after{
  content:"";position:absolute;left:var(--third-line-start,0px);
  width:var(--third-line-width,100%);top:50%;height:1px;
  background:currentColor;opacity:.7;transform:translateY(-50%);pointer-events:none;
}

[data-brand-layout="line"][data-third-layer="tools"] .hero{
  --tools-lower-offset:clamp(28px,7svh,72px);
}
[data-brand-layout="line"][data-third-layer="tools"] :is(.hero-cta,.hero-capabilities){
  margin-top:calc(var(--hero-flow-gap) + var(--tools-lower-offset)/2);
}

/* A decorative black mark, independent of the central mark's finish. */
:is(.site-header,.concepts-header,.site-footer) .wordmark{
  display:inline-flex;align-items:center;gap:9px;
}
:is(.site-header,.concepts-header,.site-footer) .wordmark::before{
  content:"";display:none;width:28px;height:28px;flex-shrink:0;
  background:url('./assets-c560dea562e7/brand/radar-mark-black-v2-256.png') center/contain no-repeat;
}
[data-mini-icon="header"] :is(.site-header,.concepts-header) .wordmark::before,
[data-mini-icon="bottom"] .site-footer .wordmark::before{display:block}

@media(max-width:760px){
  [data-brand-layout="line"][data-third-layer="tools"] .hero{--tools-lower-offset:clamp(20px,4svh,32px)}
  [data-brand-layout="line"] .hero-brand{gap:14px}
  [data-brand-layout="line"] .hero-brand .hero-icon{width:clamp(44px,13vw,61px);height:clamp(44px,13vw,61px)}
  [data-brand-layout="line"] .hero-brand h1{font-size:clamp(34px,10vw,50px)}
  .hero-capabilities>.hero-third-layer{max-width:335px}
  .hero-third-layer__words,.hero-third-layer__tools{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 17px;
  }
  .hero-third-layer__words>span{font-size:28px;justify-self:center}
  .hero-third-layer__tools{display:none}
  [data-third-layer="tools"] .hero-third-layer__tools{display:grid}
  .hero-third-layer__tools>span{grid-column:auto;gap:8px;font-size:21px;letter-spacing:-.04em}
  .hero-third-layer__tools>span:nth-child(5){grid-column:auto}
  .hero-third-layer__tools>span:last-child{grid-column:1 / -1}
  .hero-third-layer__tools svg{width:21px;height:21px}
  :is(.site-header,.concepts-header,.site-footer) .wordmark::before{width:25px;height:25px}
}
@media(max-width:480px){
  .theme-options--three{grid-template-columns:1fr}
}
@media(max-width:400px){
  [data-mini-icon="header"] .site-header .nav-shell{gap:10px}
  [data-mini-icon="header"] :is(.site-header,.concepts-header) .wordmark{font-size:18px;gap:7px}
  [data-mini-icon="header"] :is(.site-header,.concepts-header) .wordmark::before{width:23px;height:23px}
  [data-mini-icon="header"] .site-header .nav-actions{gap:9px}
  [data-mini-icon="header"] .site-header .pill--small{font-size:12px;padding-inline:11px}
  .hero-third-layer__tools>span{font-size:19px;gap:7px}
  .hero-third-layer__tools svg{width:20px;height:20px}
}
