.simple-links.showcase-page{
  --navy:#080d18;
  --ink:#f3f5fc;
  --blue:#2563eb;
  --accent:#92b5ff;
  color:#f3f5fc;
  background:radial-gradient(ellipse 75% 65% at 50% 50%,#12337945,transparent 75%),#080d18;
  padding:56px 32px;
  position:relative;
  isolation:isolate;
  color-scheme:dark;
}
.showcase-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(#8aaaff07 1px,transparent 1px),linear-gradient(90deg,#8aaaff07 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 75% 50% at 50% 50%,#000,transparent);
}
.showcase-page .link-shell{width:min(900px,100%);min-width:0}
.simple-links.showcase-page .tree-header{padding:0 0 40px}
.simple-links.showcase-page .tree-profile{justify-content:center;text-align:center}
.showcase-page .tree-profile h1{font-size:clamp(40px,5.5vw,64px);line-height:1.1;letter-spacing:-.035em;font-weight:600}
.showcase-page .tree-profile h1 small{
  font-size:clamp(20px,2.5vw,26px);
  line-height:1.4;
  letter-spacing:0;
  margin-top:14px;
  font-weight:400;
  color:#92b5ff;
  background:linear-gradient(105deg,#bad0ff,#709efe 70%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.simple-links.showcase-page .tree-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.showcase-page .segment-link,
.simple-links.showcase-page .tree-contact{
  min-height:116px;
  padding:24px;
  gap:18px;
  border:1px solid #ffffff16;
  background:#101827;
  border-radius:10px;
  color:#f3f5fc;
  transition:background .2s,border-color .2s;
}
.showcase-page .segment-link:first-child{grid-column:1/-1;min-height:112px;padding:28px 32px;background:#111c30;border-color:#415b8666}
.showcase-page .segment-link:first-child strong{font-size:22px;line-height:1.4;font-weight:500}
.showcase-page .segment-icon{color:#92b5ff;flex-shrink:0}
.showcase-page .segment-link strong{font-size:17px;line-height:1.5;font-weight:500}
.showcase-page .segment-link[href]:hover,.showcase-page .tree-contact:hover{background:#14233b;border-color:#689bf084}
.showcase-page .segment-disabled{display:flex;flex-wrap:wrap;gap:10px 16px;color:#a5b2c8;background:#0e1522}
.showcase-page .segment-disabled strong{flex-basis:calc(100% - 52px)}
.showcase-page .segment-disabled .segment-icon{color:#6f87ac}
.showcase-page .segment-state{margin-left:52px;color:#a5b2c8;border-color:#ffffff23;border-radius:5px;padding:4px 10px;font-size:12px;background:#ffffff04}
.showcase-page .tree-panel{border-radius:10px;border-color:#477bf2;background:#2563eb;align-self:stretch}
.simple-links.showcase-page .tree-panel>summary{padding:24px;min-height:116px;gap:16px}
.showcase-page .tree-panel>summary:hover{background:#306ef4}
.showcase-page .tree-panel[open]{grid-column:1/-1}
.showcase-page .tree-panel[open]+.tree-contact{grid-column:1/-1}
.showcase-page .tree-panel-featured .tree-mark{background:transparent;color:#fff}
.showcase-page .tree-label strong,.showcase-page .tree-contact strong{font-size:17px;line-height:1.4;font-weight:500}
.showcase-page .tree-label small{color:#e1eaff;font-size:14px;line-height:1.5}
.showcase-page .tree-contact small{color:#99a6bd;font-size:14px;line-height:1.5}
.showcase-page .tree-contact svg{color:#92b5ff}
.showcase-page .tree-content{color-scheme:light;--ink:#162b44;--muted:#576779}
.showcase-page .tree-content .form-bg{background:#0e1522;color:#f3f5fc}
.showcase-page .tree-content .form-layout>aside>p{color:#99a6bd}
.showcase-page .tree-content .form-card{color:#152943}
.simple-links.showcase-page .simple-footer{margin:30px 0 0;padding:20px 0 0;border-top:1px solid #ffffff16;text-align:center}
.showcase-page .simple-footer p{color:#8191ac;font-size:12px;line-height:1.6}
.showcase-page a:focus-visible,.showcase-page summary:focus-visible,.showcase-page button:focus-visible{outline:3px solid #92b5ff;outline-offset:4px}
@media(max-width:650px){
 .simple-links.showcase-page{padding:36px 24px}
 .simple-links.showcase-page .tree-header{padding-bottom:30px}
 .showcase-page .tree-profile h1{font-size:clamp(34px,9vw,48px)}
 .showcase-page .tree-profile h1 small{font-size:20px;margin-top:12px}
 .simple-links.showcase-page .tree-links{grid-template-columns:minmax(0,1fr);gap:12px}
 .showcase-page .segment-link,.showcase-page .segment-link:first-child,.simple-links.showcase-page .tree-panel>summary,.simple-links.showcase-page .tree-contact{min-height:96px;padding:20px;gap:14px}
 .showcase-page .segment-link:first-child strong{font-size:18px;line-height:1.5}
 .showcase-page .segment-link strong,.showcase-page .tree-label strong,.showcase-page .tree-contact strong{font-size:16px}
 .showcase-page .segment-disabled{gap:9px 14px}
 .showcase-page .segment-disabled strong{flex-basis:calc(100% - 44px)}
 .showcase-page .segment-state{margin-left:44px}
 .simple-links.showcase-page .simple-footer{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.showcase-page .segment-link,.showcase-page .tree-contact{transition:none}}