@import url("/vendor/fonts/instrument-sans/wght.css");

:root { --seo-void:#08080d; --seo-paper:#f4f4ef; --seo-cyan:#87f5ff; --seo-purple:#9f7cff; --seo-lime:#c9ff63; font-family:"Instrument Sans Variable","Instrument Sans",sans-serif; }
html { scroll-behavior:auto; background:var(--seo-void); }
body.seo-page { overflow-x:hidden; color:#121218; background:var(--seo-paper); font-family:inherit; letter-spacing:-.015em; }
.seo-page .shell { width:min(1180px,calc(100% - 48px)); }
.seo-page .topbar { position:relative; z-index:20; width:min(1220px,calc(100% - 28px)); height:58px; margin:14px auto 0; padding:7px 10px 7px 16px; border:1px solid rgba(255,255,255,.11); border-radius:999px; color:#f7f7f2; background:#0d0d14; box-shadow:0 18px 60px rgba(0,0,0,.18); }
.seo-page .brand { gap:9px; color:inherit; font-size:13px; font-weight:670; }.seo-page .brand em { color:var(--seo-cyan); }
.seo-page .brand-mark { width:27px; height:27px; border-radius:8px; background:#f6f6f1; }.seo-page .brand-mark i:nth-child(1){background:#7960ff}.seo-page .brand-mark i:nth-child(2){background:#ff755f}.seo-page .brand-mark i:nth-child(3){background:#41dbea}
.seo-page .desktop-nav { gap:4px; }.seo-page .desktop-nav a,.seo-page .text-button { padding:10px 12px; border-radius:999px; color:#9b9ba6; font-size:11px; }.seo-page .desktop-nav a:hover,.seo-page .text-button:hover { color:#fff; background:rgba(255,255,255,.07); }
.seo-page .top-actions { gap:4px; }.seo-page .button { min-height:44px; padding:0 18px; border-radius:999px; font-size:12px; }.seo-page .button-primary { color:#0b0b0f; background:var(--seo-cyan); box-shadow:0 10px 34px rgba(65,219,234,.16); }.seo-page .button-ghost { border-color:rgba(255,255,255,.15); color:#ededeb; background:rgba(255,255,255,.035); }.seo-page .button-light { color:#0d0d12; background:#fff; }
.seo-hero { position:relative; z-index:0; isolation:isolate; display:grid; min-height:720px; grid-template-columns:minmax(0,1fr) minmax(420px,.85fr); align-items:center; gap:70px; padding-block:90px 80px; color:#f7f7f2; }
.seo-copy,.seo-terminal { min-width:0; }
.seo-hero::before { content:""; position:absolute; z-index:-1; top:-86px; left:50%; width:100vw; height:calc(100% + 86px); background:radial-gradient(circle at 72% 40%,rgba(135,245,255,.12),transparent 28%),radial-gradient(circle at 60% 80%,rgba(159,124,255,.1),transparent 30%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--seo-void); background-size:auto,auto,72px 72px,72px 72px,auto; transform:translateX(-50%); }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; color:#6f707c; font:600 9px/1 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.08em; }.breadcrumbs a:hover { color:var(--seo-cyan); }.breadcrumbs b { color:#a7a7b1; font-weight:600; }
.seo-eyebrow { display:inline-flex; align-items:center; gap:11px; color:#92929d; font:650 9px/1 ui-monospace,monospace; letter-spacing:.13em; }
.seo-platform-mark { display:grid; width:35px; height:35px; place-items:center; border-radius:11px; color:#fff; }.seo-platform-mark i,.seo-platform-mark svg { width:17px; height:17px; }.seo-platform-mark svg,.seo-platform-cloud svg { fill:currentColor; }
.seo-platform-cloud { display:flex; gap:4px; }.seo-platform-cloud i { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; color:#fff; background:#181820; }.seo-platform-cloud i:first-child{background:radial-gradient(circle at 30% 100%,#f9ce34,#ee2a7b 48%,#6228d7)}.seo-platform-cloud i:nth-child(4){background:#bd081c}.seo-platform-cloud i:nth-child(5){background:#26a5e4}.seo-platform-cloud svg{width:13px;height:13px}
.platform-instagram { background:radial-gradient(circle at 30% 100%,#f9ce34,#ee2a7b 48%,#6228d7); }.platform-tiktok { background:#111; box-shadow:inset 2px 0 #25f4ee,inset -2px 0 #fe2c55; }.platform-x { background:#111; }.platform-pinterest { background:#bd081c; }.platform-telegram { background:#26a5e4; }
.seo-hero h1 { max-width:700px; margin:22px 0; font-size:clamp(52px,5.8vw,80px); font-weight:580; line-height:.95; letter-spacing:-.065em; text-wrap:balance; }
.seo-lead { max-width:650px; color:#aaaab4; font-size:17px; line-height:1.65; }.seo-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:30px; }
.keyword-pills { display:flex; flex-wrap:wrap; gap:6px; margin-top:34px; }.keyword-pills span { padding:7px 9px; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#777783; background:rgba(255,255,255,.025); font:600 8px/1 ui-monospace,monospace; }
.seo-terminal { overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:rgba(12,12,20,.88); box-shadow:0 35px 90px rgba(0,0,0,.35); transform:rotateY(-3deg) rotateX(2deg); }
.terminal-head,.terminal-foot { display:flex; align-items:center; justify-content:space-between; padding:14px 17px; color:#777884; font:650 9px/1 ui-monospace,monospace; }.terminal-head { border-bottom:1px solid rgba(255,255,255,.08); }.terminal-head b { color:var(--seo-lime); }.terminal-foot { border-top:1px solid rgba(255,255,255,.08); }.terminal-foot b { color:#9d9da8; }
.seo-terminal pre { max-width:100%; margin:0; padding:23px; overflow:auto; color:#c9d4e6; font:12px/1.72 ui-monospace,monospace; }.seo-terminal code { color:inherit; }
.seo-kicker { color:#666771; font:700 10px/1 ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; }.seo-kicker.light { color:#9b9caa; }
.seo-intro { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; padding-block:105px; }.seo-intro h2,.seo-section-head h2 { margin:14px 0 0; font-size:clamp(38px,4.5vw,62px); font-weight:570; line-height:1; letter-spacing:-.055em; }.seo-intro p { margin:0; color:#5d5e68; font-size:17px; line-height:1.8; }
.seo-features { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding-bottom:110px; }.seo-features article { min-height:330px; padding:26px; border:1px solid rgba(17,17,23,.13); border-radius:20px; background:rgba(255,255,255,.5); }.seo-features h2 { margin:17px 0 40px; font-size:24px; letter-spacing:-.04em; }.seo-features ul { display:grid; gap:14px; margin:0; padding:0; list-style:none; }.seo-features li { display:grid; grid-template-columns:20px 1fr; gap:9px; color:#656670; font-size:13px; line-height:1.5; }.seo-features li span { color:#397d6a; font-weight:800; }
.seo-value { color:#f4f4ef; background:#0b0b11; }.seo-value>.shell { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; padding-block:95px; }.seo-value h2 { max-width:650px; margin:15px 0; font-size:clamp(39px,4.8vw,66px); font-weight:570; line-height:.99; letter-spacing:-.055em; }.seo-value p { max-width:650px; color:#9696a2; line-height:1.7; }.seo-metrics { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(255,255,255,.11); border-radius:18px; }.seo-metrics div { padding:25px 18px; border-right:1px solid rgba(255,255,255,.1); }.seo-metrics div:last-child { border:0; }.seo-metrics strong,.seo-metrics span { display:block; }.seo-metrics strong { font-size:28px; }.seo-metrics span { margin-top:6px; color:#8b8c98; font-size:12px; }
.seo-how,.seo-faq,.seo-related { padding-block:105px; }.seo-section-head { max-width:750px; margin-bottom:45px; }.seo-how ol { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:0; padding:0; list-style:none; }.seo-how li { min-height:260px; padding:25px; border:1px solid rgba(17,17,23,.13); border-radius:19px; }.seo-how li>b { color:#b4b5bb; font:500 30px/1 ui-monospace,monospace; }.seo-how h3 { margin:65px 0 10px; font-size:19px; }.seo-how p { color:#676871; font-size:13px; line-height:1.65; }.seo-how code { padding:2px 5px; border-radius:5px; background:#e3e3df; font:11px ui-monospace,monospace; }
.seo-guardrails { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; margin-bottom:20px; padding:35px; border:1px solid #dfc97a; border-radius:20px; background:#fff9dd; }.seo-guardrails span { color:#8b731e; font:700 9px/1 ui-monospace,monospace; letter-spacing:.13em; }.seo-guardrails h2 { margin:10px 0 0; font-size:31px; letter-spacing:-.045em; }.seo-guardrails p { margin:0; color:#6f643b; line-height:1.7; }
.seo-faq { max-width:1000px; }.seo-faq details { border-top:1px solid rgba(17,17,23,.14); }.seo-faq details:last-child { border-bottom:1px solid rgba(17,17,23,.14); }.seo-faq summary { padding:22px 4px; cursor:pointer; font-size:16px; font-weight:700; }.seo-faq details p { max-width:780px; margin:0 4px 24px; color:#62636c; line-height:1.7; }
.seo-related { padding-top:50px; }.seo-related>div:last-child { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.seo-related a { display:flex; min-height:145px; flex-direction:column; justify-content:space-between; padding:20px; border:1px solid rgba(17,17,23,.13); border-radius:17px; background:rgba(255,255,255,.5); transition:.25s; }.seo-related a:hover { color:#fff; background:#13131b; transform:translateY(-5px); }.seo-related a span { font-weight:700; }.seo-related a b { color:#777883; font-size:10px; }
.seo-final { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-block:20px 80px; padding:45px; border-radius:25px; color:#fff; background:linear-gradient(120deg,#513ef0,#8c57ef 55%,#ff7663); }.seo-final>div>span { font:700 9px ui-monospace,monospace; letter-spacing:.14em; }.seo-final h2 { margin:10px 0; font-size:clamp(35px,4vw,55px); letter-spacing:-.055em; }.seo-final p { margin:0; color:#ded9ff; }
.seo-how li>b { color:#72737c; }
.seo-how code { color:#565760; }
.seo-guardrails span { color:#776014; }
.seo-related a b { color:#666771; }
.seo-page footer { color:#d8d8dd; background:#09090d; }.seo-page .footer-main { padding-block:50px; }.seo-page .footer-main h3 { color:#d7d7dc; font-size:10px; text-transform:uppercase; letter-spacing:.11em; }.seo-page .footer-main p,.seo-page .footer-main a:not(.brand),.seo-page .footer-bottom { color:#7c7c87; }.seo-page .status-pill { color:#6ce3bd; }
@media(max-width:1000px){.seo-hero{grid-template-columns:1fr;padding-top:75px}.seo-terminal{width:min(680px,100%);margin:auto}.seo-intro,.seo-value>.shell{grid-template-columns:1fr}.seo-features{grid-template-columns:1fr 1fr}.seo-related>div:last-child{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.seo-page .shell{width:calc(100% - 28px)}.seo-page .topbar{height:56px;padding-left:12px;border-radius:16px}.seo-page .desktop-nav,.seo-page .top-actions .text-button{display:none}.seo-page .top-actions .button{display:inline-flex;min-height:38px;padding-inline:12px;font-size:10px}.seo-page .mobile-menu{display:block;border-radius:11px;background:rgba(255,255,255,.08)}.seo-page .mobile-menu span{background:#fff}.seo-page.menu-open .desktop-nav{position:absolute;display:grid;top:64px;left:0;right:0;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0d0d14}.seo-hero{min-height:auto;gap:50px;padding-block:70px}.seo-hero h1{font-size:clamp(38px,12vw,47px)}.seo-lead{font-size:15px}.seo-terminal{transform:none}.seo-intro{gap:25px;padding-block:75px}.seo-features,.seo-how ol{grid-template-columns:1fr}.seo-features{padding-bottom:75px}.seo-value>.shell{gap:35px;padding-block:75px}.seo-metrics{grid-template-columns:1fr}.seo-metrics div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.seo-how,.seo-faq,.seo-related{padding-block:75px}.seo-guardrails{grid-template-columns:1fr;gap:22px;padding:25px}.seo-related>div:last-child{grid-template-columns:1fr}.seo-final{display:grid;padding:30px 23px}.seo-final .button{width:100%}.seo-page .footer-main{gap:30px}}
@media(max-width:470px){.seo-page .brand>span:last-child{max-width:125px;overflow:hidden}.seo-platform-cloud i{width:25px;height:25px}.keyword-pills{display:none}.seo-features{grid-template-columns:1fr}.seo-terminal pre{font-size:12px;padding:16px}.breadcrumbs b{display:none}.seo-hero h1{max-width:100%;font-size:40px;overflow-wrap:anywhere}}