.seo-hero{padding-top:34px}.seo-hero-frame{min-height:650px;padding-bottom:100px}.seo-hero-frame .hero-copy{width:min(100%,1080px)}.seo-hero-frame h1{font-size:clamp(3.6rem,6.1vw,6rem)}.seo-how{padding:125px 0 86px}.seo-framed-section{padding-block:48px 68px}.seo-steps{grid-template-columns:repeat(3,1fr);gap:54px;margin:68px 0 0;padding:0;list-style:none;display:grid;position:relative}.seo-steps:before{content:"";border-top:1px dashed var(--line-strong);position:absolute;top:39px;left:52px;right:52px}.seo-steps li{grid-template-columns:72px 1fr;gap:18px;display:grid;position:relative}.seo-step-number{z-index:1;background:var(--paper);color:var(--blue);font-family:Impact,Arial Narrow,sans-serif;font-size:72px;line-height:.9;display:block;position:relative}.seo-steps h3,.seo-use-case-grid h3{margin:4px 0 8px;font-size:17px}.seo-steps p,.seo-use-case-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.seo-context{border-block:1px solid var(--line);background:var(--surface);padding:96px 0}.seo-context-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);align-items:start;gap:120px;display:grid}.seo-context-grid h2{font-size:clamp(2.8rem,4.5vw,4.7rem)}.seo-context-grid p{color:#38445f;margin:0;font-size:16px;line-height:1.8}.seo-context-grid p+p{margin-top:22px}.seo-use-cases{padding:100px 0 70px}.seo-use-case-grid{grid-template-columns:.78fr 1.22fr;gap:76px;margin-top:58px;display:grid}.seo-use-case-grid ol{margin:0;padding:0;list-style:none}.seo-use-case-grid li{border-bottom:1px dashed var(--line);grid-template-columns:58px 1fr;gap:18px;padding:18px 0;display:grid}.seo-use-icon{width:48px;height:48px;color:var(--blue);place-items:center;display:grid;position:relative}.seo-use-icon i{background:linear-gradient(var(--ink), var(--ink)) left top / 10px 2px no-repeat, linear-gradient(var(--ink), var(--ink)) left top / 2px 10px no-repeat, linear-gradient(var(--ink), var(--ink)) right top / 10px 2px no-repeat, linear-gradient(var(--ink), var(--ink)) right top / 2px 10px no-repeat, linear-gradient(var(--ink), var(--ink)) left bottom / 10px 2px no-repeat, linear-gradient(var(--ink), var(--ink)) left bottom / 2px 10px no-repeat, linear-gradient(var(--ink), var(--ink)) right bottom / 10px 2px no-repeat, linear-gradient(var(--ink), var(--ink)) right bottom / 2px 10px no-repeat;position:absolute;inset:0}.seo-use-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.seo-transcript-example{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-self:center;padding:16px 32px}.seo-transcript-example>div{border-bottom:1px solid var(--line);grid-template-columns:58px 10px 1fr;align-items:start;gap:14px;padding:23px 0;display:grid}.seo-transcript-example>div:last-child{border-bottom:0}.seo-transcript-example span{color:var(--blue);font-family:Arial Narrow,monospace;font-weight:800}.seo-transcript-example .green-time{color:var(--green)}.seo-transcript-example i{background:var(--blue);border-radius:50%;width:9px;height:9px;margin-top:7px}.seo-transcript-example>div:last-child i{background:var(--green)}.seo-transcript-example p{color:#25314c;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.7}.seo-example-section{padding-top:94px}.seo-example-section h2{margin-bottom:18px}.seo-section-intro{max-width:680px;color:var(--muted);text-align:center;margin:0 auto 42px;font-size:16px}.seo-faq-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr) 28px;align-items:start;gap:42px;padding:24px 8px;display:grid;position:relative}.seo-faq-row h3{margin:0;font-size:15px}.seo-faq-row p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.seo-faq-row>span{color:var(--blue);text-align:right;font-size:24px;font-weight:400;line-height:1}.seo-related{padding:45px 0 85px}.seo-tool-links{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:52px;display:grid}.seo-tool-links a{border-right:1px solid var(--line);min-height:96px;color:var(--blue);text-align:center;place-items:center;padding:16px;font-size:14px;font-weight:750;transition:background .16s,color .16s;display:grid}.seo-tool-links a:last-child{border-right:0}.seo-tool-links a:hover{background:var(--soft-blue);color:var(--blue-dark)}.seo-footer-shell nav{gap:28px}@media (max-width:900px){.seo-hero-frame{min-height:600px}.seo-steps{grid-template-columns:1fr;gap:34px}.seo-steps:before{border-top:0;border-left:1px dashed var(--line-strong);inset:10px auto 10px 35px}.seo-context-grid{grid-template-columns:1fr;gap:36px}.seo-use-case-grid{grid-template-columns:1fr;gap:45px}.seo-tool-links{grid-template-columns:repeat(2,1fr)}.seo-tool-links a:nth-child(2){border-right:0}.seo-tool-links a:nth-child(-n+2){border-bottom:1px solid var(--line)}.seo-faq-row{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr) 24px;gap:24px}}@media (max-width:620px){.seo-hero{padding-top:18px}.seo-hero-frame{min-height:560px;padding:50px 20px 78px}.seo-hero-frame h1{font-size:clamp(2.65rem,13.5vw,4rem)}.seo-how{padding:88px 0 60px}.seo-framed-section{padding:34px 24px 48px}.seo-steps{margin-top:42px}.seo-steps li{grid-template-columns:56px 1fr;gap:14px}.seo-step-number{font-size:56px}.seo-steps:before{left:27px}.seo-context{padding:68px 0}.seo-context-grid{gap:28px}.seo-context-grid p{font-size:15px}.seo-use-cases{padding:72px 0 48px}.seo-use-case-grid{margin-top:36px}.seo-transcript-example{padding:8px 16px}.seo-transcript-example>div{grid-template-columns:50px 8px 1fr;gap:8px;padding:18px 0}.seo-transcript-example p{font-size:11px}.seo-example-section{padding-top:72px}.seo-section-intro{margin-bottom:30px;font-size:14px}.seo-tool-links{grid-template-columns:1fr}.seo-tool-links a{border-right:0;border-bottom:1px solid var(--line)}.seo-tool-links a:last-child{border-bottom:0}.seo-related{padding-bottom:60px}.seo-faq-row{grid-template-columns:1fr 24px;gap:8px 16px;padding-block:20px}.seo-faq-row p{grid-column:1/2;font-size:14px}.seo-faq-row>span{grid-area:1/2}}
