:root{color-scheme:light;--ink:#16212c;--muted:#667785;--paper:#fffdf9;--line:#e7dfd4;--orange:#ff5b32;--orange-dark:#da421e;--navy:#102231;--mint:#e9f8f1;--shadow:0 18px 44px rgba(41,49,54,.12)}
@media(min-width:901px){.seo-topbar{gap:12px;padding-inline:clamp(18px,3vw,50px)}.seo-topbar nav{gap:0}.seo-topbar nav a{padding:9px clamp(8px,1vw,12px);font-size:12px;white-space:nowrap}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 88% 4%,#ffe7d4 0,rgba(255,231,212,.18) 24%,transparent 44%),#f8f4ec;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.seo-app{min-height:100vh}.seo-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);gap:20px;align-items:center;min-height:74px;padding:12px clamp(18px,4vw,68px);background:rgba(255,253,249,.94);border-bottom:1px solid rgba(229,220,207,.88);backdrop-filter:blur(18px)}.seo-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.seo-brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 8px 20px rgba(255,91,50,.25)}.seo-brand strong,.seo-brand small{display:block;line-height:1.05}.seo-brand strong{font-size:15px}.seo-brand small{margin-top:4px;font-size:11px;color:var(--muted)}.seo-topbar nav{display:flex;align-items:center;padding:4px;border:1px solid #e4e5e6;border-radius:999px;background:#f5f7f8}.seo-topbar nav a{padding:9px 14px;border-radius:999px;color:#324353;text-decoration:none;font-size:13px;font-weight:750}.seo-topbar nav a:hover,.seo-topbar nav a.active{color:white;background:var(--orange);box-shadow:0 8px 18px rgba(255,91,50,.24)}.seo-account{justify-self:end;border:1px solid #e58a70;border-radius:12px;padding:9px 13px;color:#9f351f;text-decoration:none;font-size:12px;font-weight:800}.seo-main{width:min(1140px,calc(100% - 38px));margin:0 auto;padding:30px 0 82px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#74808a;font-size:13px}.breadcrumbs a{color:#496273;text-decoration:none}.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.32fr);gap:38px;align-items:end;margin:34px 0 34px;padding:clamp(26px,5vw,56px);border:1px solid #ecd9ca;border-radius:28px;background:linear-gradient(120deg,#fffdf8 0%,#fff9f3 56%,#ffe5d1 100%);box-shadow:var(--shadow)}.tool-hero.compact{display:block;margin-bottom:26px}.eyebrow{margin:0 0 12px;color:var(--orange-dark);font-size:11px;font-weight:900;letter-spacing:.12em}.tool-hero h1,.guide-article h1{max-width:800px;margin:0;font-size:clamp(38px,6vw,68px);line-height:.96;letter-spacing:-.065em}.lead{max-width:760px;margin:22px 0 0;color:#405666;font-size:clamp(17px,2vw,21px)}.primary-cta,.article-cta a{display:inline-flex;align-items:center;gap:12px;margin-top:28px;border-radius:14px;padding:13px 19px;background:var(--orange);box-shadow:0 12px 25px rgba(255,91,50,.25);color:white;text-decoration:none;font-size:14px;font-weight:850}.primary-cta:hover,.article-cta a:hover{background:var(--orange-dark)}.tool-fact{padding:21px;border:1px solid #f1d2be;border-radius:18px;background:rgba(255,255,255,.65)}.tool-fact b{font-size:17px}.tool-fact p{margin:8px 0 0;color:#61717d;font-size:13px}.tool-runtime{overflow:hidden;border:1px solid #d8e1e4;border-radius:25px;background:white;box-shadow:var(--shadow)}.runtime-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e9ecee}.runtime-head .eyebrow{margin:0 0 4px}.runtime-head h2{margin:0;font-size:21px}.runtime-link{color:#b64023;font-weight:800;font-size:13px}.tool-runtime iframe{display:block;width:100%;height:760px;border:0;background:#0e1419}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:28px 0}.content-grid article,.seo-copy,.faq,.related,.guide-article{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.8);padding:25px}.content-grid h2,.seo-copy h2,.faq h2,.related h2,.guide-article h2{margin:0 0 14px;font-size:21px;letter-spacing:-.03em}.content-grid ul,.related ul{margin:0;padding-left:19px;color:#465963}.content-grid li+li,.related li+li{margin-top:8px}.steps{display:grid;gap:10px;margin:0;padding-left:26px;color:#465963;font-weight:650}.seo-copy{margin:28px 0}.seo-copy p{max-width:930px;margin:0;color:#465963}.faq{margin:28px 0}.faq article{padding:17px 0;border-top:1px solid #eae6df}.faq article:first-of-type{border-top:0}.faq h3,.qa h3{margin:0 0 7px;font-size:17px;letter-spacing:-.015em}.faq p,.qa p{max-width:900px;margin:0;color:#526573}.related{display:grid;grid-template-columns:1fr 1fr;gap:30px}.related ul{list-style:none;padding:0}.related a,.tool-index-grid a{color:#c54124;text-decoration:none;font-weight:800}.tool-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-index-grid article{display:flex;min-height:240px;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:20px;padding:23px;background:rgba(255,255,255,.86);box-shadow:0 8px 20px rgba(44,55,61,.05)}.tool-index-grid h2{margin:0 0 10px;font-size:23px;line-height:1.06;letter-spacing:-.035em}.tool-index-grid p:not(.eyebrow){margin:0;color:#586a76;font-size:14px}.tool-index-grid a{margin-top:auto;padding-top:20px}.guide-article{max-width:880px;margin-top:32px;padding:clamp(24px,5vw,58px)}.guide-article .lead{margin-top:17px}.guide-article h2{margin-top:40px}.guide-article .qa{padding:16px 0;border-top:1px solid #eae6df}.article-cta{margin:30px 0 0}.guide-index article{min-height:225px}@media(max-width:900px){.seo-topbar{grid-template-columns:1fr auto;padding:10px 18px}.seo-topbar nav{order:3;grid-column:1/-1;justify-content:flex-start;overflow:auto;border-radius:15px}.seo-topbar nav a{white-space:nowrap}.tool-hero{grid-template-columns:1fr}.content-grid,.tool-index-grid{grid-template-columns:1fr 1fr}.tool-runtime iframe{height:680px}}@media(max-width:620px){.seo-main{width:min(100% - 24px,1140px);padding-top:18px}.seo-topbar{min-height:64px}.seo-brand img{width:36px;height:36px}.seo-account{padding:8px 10px;font-size:11px}.tool-hero{margin:20px 0;padding:25px 20px;border-radius:20px}.tool-hero h1,.guide-article h1{font-size:39px}.tool-runtime{border-radius:18px}.runtime-head{align-items:flex-start;padding:16px}.runtime-head h2{font-size:18px}.runtime-link{max-width:110px;text-align:right}.tool-runtime iframe{height:620px}.content-grid,.tool-index-grid,.related{grid-template-columns:1fr}.content-grid article,.seo-copy,.faq,.related,.guide-article{padding:20px;border-radius:16px}.tool-index-grid article{min-height:0}.lead{font-size:17px}}
