.seo-body{background:var(--paper)}.seo-header{position:absolute;z-index:5;top:0;left:50%;width:var(--content);height:88px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:30px;border-bottom:1px solid #ffffff24;color:#fff;transform:translate(-50%)}.seo-brand img{width:145px;height:48px;object-fit:contain}.seo-header nav{display:flex;justify-content:center;gap:30px}.seo-header nav a{color:#ffffffad;font-size:.78rem}.seo-header nav a:hover{color:var(--cyan)}.seo-header-cta{padding:11px 14px;color:var(--ink);background:var(--cyan);font-size:.76rem;font-weight:700}.seo-hero{position:relative;min-height:620px;display:grid;align-items:center;overflow:hidden;color:#fff;background:var(--ink)}.seo-grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:72px 72px}.seo-hero:after{content:"";position:absolute;right:-180px;top:120px;width:580px;height:580px;border:1px solid #00d7f236;border-radius:50%;box-shadow:0 0 180px #00d7f218}.seo-hero-inner{position:relative;z-index:2;width:var(--content);margin:auto;padding:132px 0 76px}.breadcrumbs{display:flex;gap:10px;color:#ffffff75;font-size:.7rem}.breadcrumbs a:hover{color:var(--cyan)}.seo-eyebrow{margin:40px 0 16px;color:var(--cyan);font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.seo-hero h1{max-width:920px;margin:0;font-size:clamp(2.8rem,5.7vw,5.5rem);font-weight:600;line-height:.98}.seo-lead{max-width:720px;margin:24px 0 0;color:#ffffffb3;font-size:1.05rem}.seo-actions{display:flex;gap:12px;margin-top:30px}.seo-primary,.seo-secondary{min-height:52px;display:inline-flex;align-items:center;padding:0 18px;font-size:.8rem;font-weight:700}.seo-primary{color:var(--ink);background:var(--cyan)}.seo-primary:hover{background:var(--acid)}.seo-secondary{border:1px solid #ffffff3d}.seo-section{width:var(--content);margin:auto;padding:110px 0}.seo-code{display:block;margin-bottom:32px;color:#007f91;font-size:.67rem;font-weight:600;letter-spacing:.13em}.seo-problem{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.seo-problem h2,.seo-solution h2,.seo-section-head h2,.seo-examples h2,.seo-faq h2{margin:0;font-size:clamp(2.3rem,4.8vw,4.7rem);font-weight:600;line-height:1}.seo-problem p,.seo-solution-head>p,.seo-section-head>p{max-width:690px;color:var(--muted)}.seo-problem ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.seo-problem li{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.88rem}.seo-problem li span{color:#007f91}.seo-solution{color:#fff;background:var(--soft)}.seo-solution-head{display:grid;grid-template-columns:1fr .7fr;gap:35px 80px}.seo-solution-head .seo-code{grid-column:1/-1;color:var(--cyan)}.seo-solution-head>p{margin:0;color:#fff9;align-self:end}.seo-steps{display:grid;grid-template-columns:repeat(4,1fr);padding-top:0}.seo-steps article{min-height:250px;padding:24px;border-top:1px solid #ffffff24;border-right:1px solid #ffffff24}.seo-steps article:last-child{border-right:0}.seo-steps article>span{color:var(--cyan);font-size:.68rem}.seo-steps h3{margin:70px 0 10px;font-size:1.18rem}.seo-steps p{margin:0;color:#ffffff85;font-size:.82rem}.seo-section-head{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:end}.seo-section-head>p{margin:0}.seo-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.seo-benefit-grid article{min-height:230px;padding:25px;border:1px solid var(--line);background:#fff}.seo-benefit-grid h3{margin:35px 0 10px;font-size:1.25rem}.seo-benefit-grid p{margin:0;color:var(--muted);font-size:.85rem}.seo-examples{color:#fff;background:var(--ink)}.seo-code.light{color:var(--cyan)}.seo-examples h2{max-width:850px}.seo-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin-top:55px;border-top:1px solid #ffffff24}.seo-example-grid div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #ffffff24}.seo-example-grid span{color:var(--acid);font-size:.68rem}.seo-example-grid p{margin:0;color:#ffffffc2}.seo-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.seo-faq-list{border-top:1px solid var(--line)}.seo-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.seo-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-weight:600}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary span{color:#007f91;font-size:1.2rem}.seo-faq details p{margin:13px 45px 0 0;color:var(--muted);font-size:.88rem}.seo-related{border-top:1px solid var(--line)}.seo-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-related-grid>a{min-height:230px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);background:#fff}.seo-related-grid h3{margin:0;font-size:1.25rem}.seo-related-grid p{color:var(--muted);font-size:.82rem}.seo-related-grid a>span{margin-top:auto;color:#007f91;font-size:.75rem;font-weight:700}.seo-final{padding:100px 24px;color:var(--ink);background:var(--cyan)}.seo-final>div{width:min(900px,100%);margin:auto;text-align:center}.seo-final p{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.seo-final h2{margin:20px 0 35px;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1}.seo-final a{display:inline-block;padding:15px 18px;color:#fff;background:var(--ink);font-size:.8rem;font-weight:700}.seo-footer{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:50px;align-items:center;padding:38px max(24px,calc((100vw - 1240px)/2));color:#fff;background:var(--ink)}.seo-footer-brand{width:160px;height:80px;display:flex;align-items:center;overflow:hidden}.seo-footer-brand img{width:160px!important;height:80px!important;object-fit:contain;object-position:left center}.seo-footer p{max-width:620px;margin:0;color:#ffffff80;font-size:.8rem}.seo-footer nav{display:grid;gap:6px}.seo-footer nav a{color:#ffffffad;font-size:.75rem}.seo-footer nav a:hover{color:var(--cyan)}@media(max-width:900px){.seo-header{grid-template-columns:1fr auto}.seo-header nav{display:none}.seo-problem,.seo-solution-head,.seo-section-head,.seo-faq{grid-template-columns:1fr;gap:40px}.seo-steps{grid-template-columns:1fr 1fr}.seo-benefit-grid,.seo-related-grid{grid-template-columns:1fr}.seo-footer{grid-template-columns:1fr;gap:25px}}@media(max-width:620px){.seo-header{height:74px}.seo-brand img{width:125px}.seo-header-cta{font-size:.68rem}.seo-hero{min-height:590px}.seo-hero-inner{padding:108px 0 62px}.seo-eyebrow{margin-top:34px}.seo-hero h1{font-size:clamp(2.55rem,12vw,4rem)}.seo-lead{font-size:1rem}.seo-actions{display:grid}.seo-primary,.seo-secondary{width:100%}.seo-section{padding:78px 0}.seo-steps,.seo-example-grid{grid-template-columns:1fr}.seo-steps article{min-height:auto;border-right:0;border-bottom:1px solid #ffffff24}.seo-steps h3{margin-top:32px}.seo-benefit-grid{margin-top:38px}.seo-example-grid{gap:0}.seo-footer{padding:34px 22px}.seo-footer-brand{width:145px;height:72px}.seo-footer-brand img{width:145px!important;height:72px!important}}