:root{--tuscan:#EEC643;--onyx:#141414;--platinum:#EEF0F2;--royal:#0D21A1;--prussian:#011638;--bg:var(--platinum);--surface:#ffffff;--text:var(--onyx);--muted:#6b7280;--border:#dde0e4;--font:'Urbanist',system-ui,sans-serif;--radius:10px;--radius-lg:16px;--shadow:0 1px 4px rgba(20,20,20,.06),0 4px 16px rgba(20,20,20,.06);--shadow-md:0 2px 8px rgba(20,20,20,.08),0 8px 32px rgba(20,20,20,.08);--transition:180ms cubic-bezier(.4,0,.2,1);--shell-width:1180px;--shell-gutter:clamp(16px,2.4vw,28px);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;scroll-behavior:smooth;}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;}.nav-inner,main,.footer-inner{width:min(calc(100% - (var(--shell-gutter) * 2)),var(--shell-width));max-width:var(--shell-width);margin-left:auto;margin-right:auto;}.nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}.nav-inner{padding:0;height:64px;display:flex;align-items:center;justify-content:space-between;}.nav-brand{font-size:1.25rem;font-weight:700;color:var(--onyx);text-decoration:none;letter-spacing:-.5px;display:flex;align-items:center;gap:6px;}.nav-brand .brand-x{color:var(--royal);}.nav-brand .brand-dot{width:7px;height:7px;background:var(--tuscan);border-radius:50%;display:inline-block;margin-left:1px;}.btn-hub{font-family:var(--font);font-size:.8125rem;font-weight:600;color:var(--royal);background:transparent;border:1.5px solid var(--royal);border-radius:var(--radius);padding:7px 15px;cursor:pointer;text-decoration:none;transition:background var(--transition),color var(--transition);letter-spacing:.01em;}.btn-hub:hover,.btn-hub:focus-visible{background:var(--royal);color:#fff;}main{flex:1;padding:62px 0 88px;}.page-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--royal);margin-bottom:14px;}.page-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;color:var(--onyx);margin-bottom:18px;}.page-title .accent{color:var(--royal);}.page-subtitle{font-size:1.0625rem;color:var(--muted);max-width:720px;line-height:1.65;}.divider{height:1px;background:var(--border);margin:48px 0;}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:var(--shadow);}footer{background:var(--prussian);color:rgba(255,255,255,.76);padding:48px 0 30px;margin-top:auto;}.footer-inner{padding:0;}.footer-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:28px;}.footer-brand{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.4px;margin-bottom:5px;display:inline-block;text-decoration:none;}.footer-brand .brand-x{color:var(--tuscan);}.footer-tagline{max-width:560px;font-size:.875rem;color:rgba(255,255,255,.72);line-height:1.55;}.footer-hub-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:.8125rem;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.26);border-radius:8px;padding:9px 13px;transition:border-color var(--transition),color var(--transition),background var(--transition);white-space:nowrap;}.footer-hub-link:hover,.footer-hub-link:focus-visible{border-color:var(--tuscan);color:var(--tuscan);background:rgba(255,255,255,.04);}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:28px 0 34px;border-top:1px solid rgba(255,255,255,.14);}.footer-col-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.8);margin-bottom:13px;}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}.footer-col a{font-size:.8125rem;color:rgba(255,255,255,.72);text-decoration:none;transition:color var(--transition);}.footer-col a:hover,.footer-col a:focus-visible,.footer-col a[aria-current="page"]{color:var(--tuscan);}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:21px;font-size:.75rem;color:rgba(255,255,255,.62);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}.footer-bottom a{color:rgba(255,255,255,.76);text-decoration:none;transition:color var(--transition);}.footer-bottom a:hover,.footer-bottom a:focus-visible{color:#fff;}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:999px;}.badge-royal{background:rgba(13,33,161,.08);color:var(--royal);}.badge-tuscan{background:rgba(238,198,67,.15);color:#8a6d00;}.hero{padding:66px 0 50px;border-bottom:1px solid var(--border);margin-bottom:34px;}.hero-title{font-size:clamp(4rem,14vw,7.5rem);font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--onyx);margin-bottom:10px;}.hero-xx{color:var(--royal);}.hero-sub{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:#4b5563;letter-spacing:-.01em;margin-bottom:14px;}.hero-desc{font-size:1rem;color:#5c6470;max-width:760px;line-height:1.75;}.tool-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px;}.tool-intro-copy h2{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px;}.tool-intro-copy p{max-width:790px;font-size:.9rem;line-height:1.65;color:#5c6470;}.tool-intro-note{display:inline-flex;align-items:center;gap:8px;color:#267448;font-size:.75rem;font-weight:700;white-space:nowrap;padding-bottom:3px;}.tool-status-dot{width:7px;height:7px;border-radius:50%;background:#28a35c;box-shadow:0 0 0 3px rgba(40,163,92,.12);}.section-kicker{color:var(--royal);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;}.section-heading-note{max-width:390px;color:#687180;font-size:.84rem;line-height:1.55;text-align:right;}.reference-section{margin-top:48px;}.ref-title{font-size:1.45rem;font-weight:800;letter-spacing:-.025em;}.seo-section{margin-top:76px;}.seo-intro h2,.seo-section > h2,.faq-section > h2{font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:var(--onyx);margin-bottom:14px;}.seo-intro p:not(.section-kicker),.seo-body{font-size:.96rem;color:#374151;line-height:1.8;max-width:1080px;margin-bottom:14px;}.seo-intro code,.seo-body code,.workflow-list code,.guide-panel code,.faq-a code,.pattern-example p code{font-family:'JetBrains Mono','Fira Mono',monospace;font-size:.84em;background:rgba(13,33,161,.07);color:var(--royal);padding:2px 5px;border-radius:4px;}.seo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;}.seo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:21px 22px;}.seo-card-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--royal);margin-bottom:9px;}.seo-card p:last-child{font-size:.875rem;color:#374151;line-height:1.7;}.pattern-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;}.pattern-example{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:19px 20px 18px;min-width:0;}.pattern-example-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;}.pattern-example h3{font-size:.94rem;font-weight:800;}.pattern-example-head span{color:#697386;font-size:.66rem;text-transform:uppercase;font-weight:700;letter-spacing:.06em;white-space:nowrap;}.pattern-code{display:block;color:var(--royal);background:rgba(13,33,161,.055);border:1px solid rgba(13,33,161,.09);border-radius:7px;padding:10px 11px;font-family:'JetBrains Mono','Fira Mono',monospace;font-size:.78rem;line-height:1.55;overflow-wrap:anywhere;margin-bottom:12px;}.pattern-example p{color:#46505e;font-size:.84rem;line-height:1.65;}.workflow-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;counter-reset:workflow;margin-top:20px;}.workflow-list li{counter-increment:workflow;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:50px 16px 17px;color:#46505e;font-size:.84rem;line-height:1.65;}.workflow-list li::before{content:counter(workflow,decimal-leading-zero);position:absolute;left:16px;top:13px;color:var(--royal);font-size:.95rem;font-weight:900;letter-spacing:.02em;}.workflow-list strong{color:var(--onyx);}.guide-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;}.guide-panel{background:rgba(255,255,255,.58);border:1px solid var(--border);border-radius:var(--radius);padding:20px 21px;}.guide-panel h3{font-size:.96rem;font-weight:800;margin-bottom:9px;}.guide-panel p{color:#46505e;font-size:.86rem;line-height:1.72;}.faq-section{margin-top:0;}.faq-intro{color:#596273;font-size:.9rem;line-height:1.65;margin:-2px 0 19px;}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;border-top:1px solid var(--border);}.faq-item{padding:20px 0 19px;border-bottom:1px solid var(--border);}.faq-q{font-size:.98rem;line-height:1.4;font-weight:800;color:var(--onyx);margin-bottom:8px;}.faq-a{font-size:.875rem;color:#46505e;line-height:1.75;}@media (max-width:1000px){.seo-grid,.guide-columns{grid-template-columns:repeat(2,minmax(0,1fr));}.workflow-list{grid-template-columns:repeat(3,minmax(0,1fr));}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:680px){main{padding:42px 0 64px;}.nav-inner{height:58px;}footer{padding:38px 0 24px;}.footer-topline{flex-direction:column;gap:17px;}.footer-grid{grid-template-columns:1fr 1fr;gap:26px 18px;}.hero{padding:48px 0 38px;margin-bottom:28px;}.tool-intro{flex-direction:column;align-items:flex-start;gap:9px;}.section-heading-row{flex-direction:column;align-items:flex-start;gap:7px;}.section-heading-note{text-align:left;}.seo-section{margin-top:58px;}.seo-grid,.pattern-examples,.guide-columns{grid-template-columns:1fr;}.workflow-list{grid-template-columns:1fr 1fr;}.faq-list{grid-template-columns:1fr;}.divider{margin:36px 0;}}@media (max-width:420px){.footer-grid{grid-template-columns:1fr;}.workflow-list{grid-template-columns:1fr;}.footer-bottom{align-items:flex-start;flex-direction:column;}}