.headless-page{color:#29435f;background:#fff}
.headless-page *{box-sizing:border-box}
.headless-page .content{max-width:1140px}
.headless-page p,.headless-page li{font-size:17px;line-height:1.7}
.headless-page p{margin:0 0 18px}
.headless-page h1,.headless-page h2,.headless-page h3{color:#183b65}
.headless-page h1{font-size:52px;line-height:1.13;font-weight:700;letter-spacing:-1.2px;margin:15px 0 24px}
.headless-page h2{font-size:34px;line-height:1.25;font-weight:600;margin:0 0 18px}
.headless-page h3{font-size:21px;line-height:1.35;font-weight:600;margin:0 0 14px}
.headless-page .hl-eyebrow{font-size:13px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#3365a8;margin-bottom:12px}
.headless-page .hl-hero{padding:64px 0 48px;background:linear-gradient(130deg,#f1f6fc 0%,#fff 85%)}
.headless-page .hl-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}
.headless-page .hl-lead{font-size:21px;line-height:1.6;color:#385574}
.headless-page .hl-audience{font-size:15px;color:#59718a}
.headless-page .hl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:26px 0 18px}
.headless-page a.button{display:inline-block;max-width:100%;height:auto;min-height:0;line-height:1.4;padding:15px 22px;font-size:15px;text-transform:none;letter-spacing:0;white-space:normal;text-align:center;margin:0}
.headless-page .hl-text-link{font-size:15px;font-weight:600;color:#254575;text-decoration:underline;text-underline-offset:3px}
.headless-page .hl-architecture{padding:28px;background:#fff;border:1px solid #dce6f2;border-radius:12px;box-shadow:0 12px 38px rgba(31,61,100,.07)}
.headless-page .hl-diagram-label{font-size:14px;color:#526c88;margin-bottom:24px}
.headless-page .hl-diagram{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.headless-page .hl-node{padding:22px 14px;background:#eef4fb;border:1px solid #d7e3f2;border-radius:8px;text-align:center;min-width:0}
.headless-page .hl-node:last-child{background:#254575;color:white;border-color:#254575}
.headless-page .hl-node strong{font-size:21px;display:block;margin-bottom:10px}
.headless-page .hl-node span{display:block;font-size:13px;line-height:1.5}
.headless-page .hl-connector{text-align:center;font-size:12px;color:#40628a}
.headless-page .hl-connector b{font-size:25px;display:block;line-height:1.3}
.headless-page .hl-diagram-note{font-size:14px;line-height:1.65;color:#59718a;margin:22px 0 0}
.headless-page .hl-section{padding:60px 0}
.headless-page .hl-tinted{background:#f5f8fc}
.headless-page .hl-section-intro{max-width:820px;margin-bottom:30px}
.headless-page .hl-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.headless-page .hl-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.headless-page .hl-benefit{padding:24px 0 0;border-top:3px solid #3b78c4}
.headless-page .hl-benefit p{font-size:16px;margin:0}
.headless-page .hl-path{padding:30px;border:1px solid #dce6f2;border-top:4px solid #3d77bf;border-radius:8px;background:#fff}
.headless-page .hl-path:nth-child(2){border-top-color:#24877c}
.headless-page .hl-path .hl-eyebrow{font-size:12px}
.headless-page .hl-path:nth-child(2) .hl-eyebrow{color:#247a71}
.headless-page .hl-path p,.headless-page .hl-path li{font-size:16px}
.headless-page .hl-path ul{padding-left:20px;margin:20px 0}
.headless-page .hl-path li{margin-bottom:9px}
.headless-page .hl-mini-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:15px 0;border-top:1px solid #e0e8f2;border-bottom:1px solid #e0e8f2;margin:22px 0}
.headless-page .hl-mini-flow span{font-size:12px;font-weight:600;line-height:1.5;padding:6px 9px;background:#eef4fb;border-radius:4px}
.headless-page .hl-mini-flow b{font-size:16px;color:#587697}
.headless-page p.hl-fit{font-size:14px;color:#536f8c;margin:0}
.headless-page .hl-scope{padding:24px;background:white;border:1px solid #e0e8f2;border-radius:7px}
.headless-page .hl-scope p{font-size:16px;margin:0}
.headless-page .hl-step{padding-top:16px}
.headless-page .hl-step-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#254575;color:white;font-size:17px;font-weight:700;margin-bottom:19px}
.headless-page .hl-step p{font-size:16px;margin:0}
.headless-page .hl-api{padding:26px;border:1px solid #dce6f2;border-radius:7px;background:#fff}
.headless-page .hl-api p{font-size:16px}
.headless-page .hl-faq{max-width:900px;margin:0 auto}
.headless-page details{padding:20px 0;border-bottom:1px solid #dce6f2}
.headless-page summary{font-size:18px;font-weight:600;color:#254575;cursor:pointer;line-height:1.5}
.headless-page details p{margin:16px 0 0;font-size:16px}
.headless-page .hl-cta{padding:38px;background:#eef4fb;border-radius:10px}
.headless-page .hl-cta p{max-width:820px}
.headless-page .hl-related{display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0 0;padding:0;list-style:none}
.headless-page .hl-related li{font-size:15px}
.headless-page .hl-related-label{font-size:14px;color:#59718a;margin:26px 0 12px}
@media(max-width:1000px){.headless-page h1{font-size:43px}.headless-page .hl-hero-grid{gap:28px}.headless-page .hl-architecture{padding:22px}.headless-page .hl-node{padding:20px 10px}}
@media(max-width:800px){.headless-page .hl-hero-grid,.headless-page .hl-grid-3{grid-template-columns:minmax(0,1fr)}.headless-page .hl-hero{padding-top:38px}.headless-page .hl-benefit{padding-top:20px}.headless-page .hl-section{padding:42px 0}.headless-page h2{font-size:29px}.headless-page .hl-grid-2{gap:18px}}
@media(max-width:620px){.headless-page h1{font-size:36px;letter-spacing:-.6px}.headless-page .hl-lead{font-size:19px}.headless-page .hl-grid-2{grid-template-columns:minmax(0,1fr)}.headless-page .hl-path,.headless-page .hl-scope,.headless-page .hl-api,.headless-page .hl-cta{padding:24px}.headless-page .hl-actions{gap:16px}.headless-page .hl-diagram{gap:8px}.headless-page .hl-node strong{font-size:18px}.headless-page .hl-node span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.headless-page *{scroll-behavior:auto!important}}