.content-page{position:relative;z-index:1;max-width:1100px;padding-top:64px;padding-bottom:40px;overflow-wrap:anywhere}
.content-intro{max-width:960px;margin-bottom:48px}
.content-eyebrow{font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;color:#b7cadd}
.content-page h1,.content-page h2,.content-page h3{color:transparent;background:linear-gradient(90deg,#0be9fe,#5797ff 52%,#d851fc);background-clip:text;-webkit-background-clip:text;width:fit-content;text-wrap:balance}
.content-page h1{font-size:clamp(32px,3.6vw,52px);line-height:1.14;letter-spacing:-.035em;margin:0 0 26px}
.content-lead{font-size:21px;line-height:1.65;margin:0;max-width:850px}
.content-sections{display:grid;gap:40px}
.content-page h2{font-size:26px;line-height:1.3;letter-spacing:-.02em;margin:0 0 18px}
.content-page h3,.topic-panel h2{font-size:21px;line-height:1.4;margin:0}
.content-page .section-copy p,.feature-panel p,.example-layout p{font-size:17px;line-height:1.7;margin:0}
.content-page .section-copy p+p{margin-top:16px}
.content-section>.section-copy{max-width:850px}
.topic-grid,.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature-grid,.three-topics{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-grid.two-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.topic-panel,.feature-panel{display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:14px;padding:24px;border:1px solid #174a66;border-radius:14px;background:#041d32;min-width:0}
.example-section{border-top:1px solid #174a66;border-bottom:1px solid #174a66;padding:30px 0}
.example-disclaimer{font-size:12px;line-height:1.6;color:#b7cadd;margin:0 0 24px}
.example-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}
.example-messages{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.example-messages li{padding:18px 20px;border-radius:12px;background:#09233e}
.example-messages strong{display:block;margin-bottom:8px;font-size:15px;color:#0be9fe}
.content-related{border-top:1px solid #174a66;margin-top:42px;padding-top:24px;display:flex;flex-wrap:wrap;gap:12px 28px}
.content-related a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#0be9fe;text-decoration:underline;text-underline-offset:5px;max-width:100%}
.content-related svg{flex:none}
@media(max-width:900px){.feature-grid,.three-topics{grid-template-columns:1fr}.three-topics .topic-panel,.feature-panel{grid-template-rows:auto;grid-row:auto}.feature-grid.two-features{grid-template-columns:1fr}}
@media(max-width:700px){.content-page{padding-top:32px;padding-bottom:24px}.content-intro{margin-bottom:32px}.content-lead{font-size:18px;line-height:1.65}.content-page h1{font-size:32px}.content-page h2{font-size:23px}.content-page h3,.topic-panel h2{font-size:21px}.content-sections{gap:28px}.topic-grid,.example-layout{grid-template-columns:1fr}.topic-panel{grid-template-rows:auto;grid-row:auto}.topic-panel,.feature-panel{padding:20px}.example-layout{gap:22px}.content-related{margin-top:30px}.example-messages li{padding:16px}.content-page h1,.content-page h2,.content-page h3{text-wrap:wrap}}
@media(forced-colors:active){.content-page h1,.content-page h2,.content-page h3{color:CanvasText;background:none}.topic-panel,.feature-panel,.example-messages li{border:1px solid CanvasText}}
.contact-page{max-width:900px}.contact-form{display:grid;gap:20px;max-width:680px}.contact-field{display:grid;gap:8px}.contact-field label{font-weight:650}.contact-field input,.contact-field textarea{width:100%;font:inherit;color:#f5f7ff;background:#041d32;border:1px solid #3a6680;border-radius:10px;padding:12px 14px}.contact-field textarea{resize:vertical}.contact-form button{width:fit-content;font:inherit;font-weight:700;color:#031425;background:#0be9fe;border:0;border-radius:10px;padding:12px 18px;cursor:pointer}.contact-note{font-size:14px;color:#b7cadd}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}