/* ============================================================
   YMS360 Blog stylesheet — self-contained, Webflow-free.
   Shared by /blog-articles/* and the /blog listing pages.
   ============================================================ */

/* Self-hosted fonts (formerly delivered via the Webflow CSS) */
@font-face{font-family:Inter;src:url("/assets/644830a8afea164b21435fb2/69fcc9f223f683ddab0e70e9_inter-v20-latin-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/644830a8afea164b21435fb2/69fcc9f26d50f0906d5f1e2b_inter-v20-latin-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/644830a8afea164b21435fb2/69fcc9f21c9040b04f746feb_inter-v20-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url("/assets/644830a8afea164b21435fb2/69fcce2a096f90dbe44d36c7_montserrat-v31-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url("/assets/644830a8afea164b21435fb2/69fcce2a20517830a00775fe_montserrat-v31-latin-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url("/assets/644830a8afea164b21435fb2/69fcce2a9941841cb6d2310b_montserrat-v31-latin-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{--navy:#07111E;--navy-2:#0C1E35;--navy-3:#102843;--teal:#146cf3;--teal-dark:#0f57cc;--teal-10:rgba(20,108,243,.1);--teal-15:rgba(20,108,243,.15);--teal-25:rgba(20,108,243,.25);--cta:#146cf3;--cta-hover:#0f57cc;--cta-10:rgba(20,108,243,.1);--cta-25:rgba(20,108,243,.25);--white:#FFFFFF;--off-white:#F8F9FB;--light:#F1F5F9;--muted:#B0BCCD;--dark-gray:#334155;--ink:#1E293B;--green:#10B981;--red:#EF4444;--nav-height:72px;--container-max:1280px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow:0 1px 3px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.04);--shadow-lg:0 8px 30px rgba(0,0,0,.1)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.menu-open{overflow:hidden}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat','Inter',sans-serif;line-height:1.2}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;cursor:pointer;background:none;border:none}
input,select,textarea{font:inherit}

/* Layout */
.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.container-narrow{max-width:800px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.grid{display:grid;gap:1.5rem}
.grid-1{grid-template-columns:1fr}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.align-center{align-items:center}
.platform-h1-pills{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}
.platform-h1-pill{color:var(--teal);background:var(--teal-10);padding:.1em .4em;border-radius:8px;line-height:1.2}

/* Typography */
.eyebrow{font-size:13px;font-family:'Montserrat',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--teal)}
.lead{font-size:18px;color:var(--dark-gray);line-height:1.6}
.text-teal{color:var(--teal)}
.text-coral{color:var(--cta)}
.text-blue{color:#146cf3}
.text-center{text-align:center}
.text-lg{font-size:1.125rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-nav{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.75rem 1.5rem;background:var(--teal);color:var(--white);font-weight:600;border-radius:var(--radius-sm)}
.skip-nav:focus{top:1rem}

/* Navigation */
.site-header{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:rgba(255,255,255,.99);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;box-shadow:0 2px 20px rgba(0,0,0,.08)}
.site-header.nav-scrolled{background:rgba(255,255,255,.99);box-shadow:0 2px 20px rgba(0,0,0,.08)}
.nav-inner{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);width:100%}
.nav-brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.nav-brand-logo{height:40px;width:auto}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-link{font-size:14px;font-family:'Inter',sans-serif;font-weight:500;color:var(--dark-gray);padding:.5rem 0;position:relative;transition:color .2s ease;background:none;border:none;cursor:pointer}
.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--teal);transition:width .3s ease}
.nav-link:hover{color:var(--teal)}
.nav-link:hover::after{width:100%}
.nav-link.active{color:var(--teal)}
.nav-link.active::after{width:100%}
.nav-cta{display:flex;align-items:center}
.nav-hamburger{display:none;flex-direction:column;gap:5px;width:28px;cursor:pointer;z-index:1010;background:none;border:none;padding:0}
.nav-hamburger span{display:block;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile Menu */
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1004;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.mobile-menu-overlay.open{opacity:1;visibility:visible}
.mobile-menu{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:var(--navy);z-index:1005;transform:translateX(100%);transition:transform .35s ease;padding:calc(var(--nav-height) + 2rem) 1.5rem 1.5rem;display:flex;flex-direction:column;overflow-y:auto}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu-links{display:flex;flex-direction:column;gap:.25rem}
.mobile-menu-link{display:block;color:rgba(255,255,255,.8);font-size:18px;font-weight:500;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s ease}
.mobile-menu-link:hover{color:var(--teal)}
.mobile-menu-cta{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:1rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;padding:.7rem 1.5rem;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all .25s ease;text-decoration:none;line-height:1.4}
.btn-cta{background:var(--cta);color:var(--white);border-color:var(--cta)}
.btn-cta:hover{background:var(--cta-hover);border-color:var(--cta-hover);transform:translateY(-2px);box-shadow:0 4px 16px rgba(20,108,243,.35)}
.btn-outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,.3)}
.btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
.btn-secondary{background:var(--teal);color:var(--white);border-color:var(--teal)}
.btn-secondary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}
.btn-lg{font-size:16px;padding:.9rem 2rem}
.btn-sm{font-size:12px;padding:.5rem 1rem}
.btn-full{width:100%;justify-content:center}

/* Hero */
.hero{background:var(--white);min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--nav-height);padding-bottom:3rem;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,108,243,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.hero .container{position:relative;z-index:2}
.hero h1{font-size:clamp(2.5rem,5vw,4rem);color:var(--ink);font-weight:800;margin-bottom:1.5rem;line-height:1.1}
.hero .lead{color:var(--dark-gray);max-width:700px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}
.hero .eyebrow{color:var(--teal);margin-bottom:1.25rem}
.hero .hero-content.text-center .lead{margin-left:auto;margin-right:auto}
.hero.hero--home{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--nav-height) + 2rem)}
.hero.hero--home > .container{flex:1;display:flex;align-items:center}
.hero.hero--home::before{background-image:linear-gradient(rgba(20,108,243,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,108,243,.03) 1px,transparent 1px);background-size:60px 60px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero-bg::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.88)}
.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:2}
.hero-image{display:flex;align-items:center;justify-content:center}
.hero-image img{width:100%;max-width:560px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);object-fit:cover}
.hero.hero--home .hero-content{max-width:none}
.hero.hero--home .hero-content .eyebrow{color:var(--cta);margin-bottom:1.5rem}
.hero.hero--home .hero-content h1{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:var(--ink);line-height:1.1;letter-spacing:-.02em;margin-bottom:1.25rem}
.hero.hero--home .hero-content .lead{color:var(--dark-gray);font-size:1.1rem;max-width:none;margin-bottom:1.5rem}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}
.hero .btn-outline{color:var(--ink);border-color:rgba(0,0,0,.2)}
.hero .btn-outline:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.35)}
.hero--compact{min-height:auto;padding-top:calc(var(--nav-height) + 4rem);padding-bottom:4rem}
.hero--compact h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}

/* ===== Blog Article Template — magazine layout ===== */

/* Split hero on a full-width tinted band */
.article-hero-band{position:relative;overflow:hidden;background:var(--off-white);border-bottom:1px solid rgba(0,0,0,.06);padding:calc(var(--nav-height) + 2.5rem) 0 3rem}
.article-hero-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,108,243,.05) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}
.article-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.article-hero-copy{min-width:0}
.article-hero-copy .breadcrumb{justify-content:flex-start;margin-bottom:1.25rem}
.article-hero-copy .eyebrow{display:block;margin-bottom:1rem}
.article-hero-copy h1{font-size:clamp(2rem,3.6vw,3.25rem);color:var(--ink);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:1.5rem}
.article-hero-media{margin:0}
.article-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:block}

/* Byline + share row */
.article-byline{display:flex;align-items:center;gap:.75rem}
.article-byline img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0}
.article-byline-text{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.article-byline-text a{color:var(--ink);font-weight:600;font-size:15px}
.article-byline-text a:hover{color:var(--teal)}
.article-date{font-size:13px;color:var(--muted)}
.article-share{display:flex;align-items:center;gap:.5rem;margin-top:1.75rem}
.article-share-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:.25rem;font-family:'Montserrat',sans-serif}
.article-share a,.article-share button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.12);color:var(--dark-gray);background:var(--white);transition:color .2s ease,border-color .2s ease,background .2s ease;cursor:pointer;padding:0}
.article-share a:hover,.article-share button:hover{color:var(--teal);border-color:var(--teal-25);background:var(--teal-10)}
.article-share svg{width:17px;height:17px}
.article-share .is-copied{color:var(--green);border-color:var(--green);background:rgba(16,185,129,.08)}

/* Body — wide, fluid two-column: article text + sticky TOC sidebar */
.article-body{padding:clamp(2rem,4vw,3.5rem) 0 clamp(3rem,5vw,4.5rem);background:var(--white)}
.article-measure{width:min(100% - 2rem,76rem);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) clamp(15rem,22vw,19rem);gap:clamp(2rem,4vw,4rem);align-items:start}
.article-prose{grid-column:1;grid-row:1;min-width:0}

/* Table of contents — sticky sidebar on wide screens */
.article-toc{grid-column:2;grid-row:1;position:sticky;top:calc(var(--nav-height) + 1.5rem);margin:0;background:var(--white);border:1px solid rgba(0,0,0,.08);border-left:3px solid var(--teal);border-radius:var(--radius-md);padding:1.25rem 1.5rem}
.article-toc-title{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}
.article-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;display:grid;gap:.55rem}
.article-toc li{counter-increment:toc;display:flex;gap:.65rem;font-size:15px;line-height:1.4}
.article-toc li::before{content:counter(toc,decimal-leading-zero);font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:var(--teal);flex-shrink:0;padding-top:3px}
.article-toc a{color:var(--dark-gray);transition:color .2s ease}
.article-toc a:hover{color:var(--teal)}

/* Prose */
.article-prose{font-size:clamp(1.0625rem,1.02rem + .25vw,1.1875rem);line-height:1.8;color:var(--dark-gray)}
.article-prose>*:first-child{margin-top:0}
.article-lead{font-size:1.3rem;line-height:1.6;color:var(--ink);margin-bottom:1.5rem}
.article-lead::first-letter{float:left;font-family:'Montserrat',sans-serif;font-size:4rem;line-height:.78;font-weight:800;color:var(--teal);margin:.06em .14em -.02em 0}
.article-prose h2{font-size:clamp(1.6rem,2.4vw,2rem);font-weight:800;color:var(--ink);letter-spacing:-.01em;margin:3rem 0 1rem;scroll-margin-top:calc(var(--nav-height) + 1.5rem)}
.article-prose h2::before{content:"";display:block;width:44px;height:3px;background:var(--teal);border-radius:2px;margin-bottom:1.1rem}
.article-prose h3{font-size:1.375rem;font-weight:700;color:var(--ink);margin:2rem 0 .75rem;scroll-margin-top:calc(var(--nav-height) + 1.5rem)}
.article-prose h4{font-size:1.125rem;font-weight:700;color:var(--ink);margin:1.5rem 0 .5rem}
.article-prose p{margin-bottom:1.35rem}
.article-prose strong{color:var(--ink)}
.article-prose ul,.article-prose ol{margin:1.25rem 0 1.75rem 1.5rem}
.article-prose ul{list-style:disc}
.article-prose ol{list-style:decimal}
.article-prose li{margin-bottom:.6rem;padding-left:.25rem}
.article-prose li::marker{color:var(--teal)}
.article-prose a{color:var(--teal);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.article-prose a:hover{color:var(--teal-dark)}
.article-prose img{width:100%;border-radius:var(--radius-md);margin:2rem 0}
.article-prose code{background:var(--light);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:'SF Mono',Menlo,Monaco,monospace}
.article-prose pre{background:var(--ink);color:var(--white);padding:1.25rem;border-radius:var(--radius-md);overflow-x:auto;margin:2rem 0}
.article-prose pre code{background:transparent;padding:0;color:inherit}
/* Breakout pull-quote (when the article has a blockquote) */
.article-prose blockquote{margin:2.5rem calc(-1 * clamp(0px,4vw,110px));padding:1.5rem 2rem;border-left:4px solid var(--teal);background:var(--off-white);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:'Montserrat',sans-serif;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:600;line-height:1.45;color:var(--ink);font-style:normal}
.article-prose blockquote p{margin:0}

/* Related articles strip (full-width light band) */
.article-related{background:var(--light);padding:4rem 0 5rem;border-top:1px solid rgba(0,0,0,.06)}
.article-related-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.article-related-head h2{font-size:1.75rem;font-weight:800;color:var(--ink)}
.article-related-head .back-link{display:inline-flex;align-items:center;gap:.4rem;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;color:var(--teal);transition:color .2s ease}
.article-related-head .back-link:hover{color:var(--teal-dark)}

/* ≤1024px: body collapses to one readable column, TOC on top */
@media(max-width:1024px){
.article-measure{grid-template-columns:1fr;gap:0;width:min(100% - 2rem,44rem)}
.article-toc{grid-column:1;position:static;top:auto;margin-bottom:2.5rem}
.article-prose{grid-column:1}
}

/* ≤900px: hero stacks, image on top */
@media(max-width:900px){
.article-hero-grid{grid-template-columns:1fr;gap:1.75rem}
.article-hero-media{order:-1}
.article-hero-media img{aspect-ratio:16/9}
.article-prose blockquote{margin-left:0;margin-right:0}
}

/* Trust Bar */
.trust-bar{position:relative;z-index:2;margin-top:clamp(2rem,4vw,4rem);padding:1.5rem 0;background:var(--ink);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}
.trust-bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.trust-item{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.8);font-size:14px;font-weight:500}
.trust-item svg,.trust-item i{font-size:20px;width:20px;height:20px;color:var(--teal)}

/* Sections */
.section{padding:6rem 0}
.section-header{margin-bottom:3rem}
.section-header h2{font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-top:.5rem}
.section-header .eyebrow{margin-bottom:.5rem}
.section-desc{font-size:18px;color:var(--muted);max-width:700px;margin:1rem auto 0;line-height:1.6}
.bg-light{background:var(--light)}
.bg-navy{background:var(--navy)}
.bg-navy h2,.bg-navy h3,.bg-navy p,.bg-navy span,.bg-navy li{color:var(--white)}
.bg-navy .eyebrow{color:var(--teal)}
.bg-light .eyebrow{color:var(--teal-dark)}
.bg-navy .lead,.bg-navy .section-desc{color:var(--muted)}

/* Cards */
.card,.card-feature,.card-module,.card-trust,.card-contact-info{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}
.card:hover,.card-feature:hover,.card-module:hover,.card-trust:hover,.card-contact-info:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
a.card-module{text-decoration:none;color:inherit;display:block;cursor:pointer}
a.card-module:hover h3,a.card-module:hover p{color:inherit}
.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--teal-10);border-radius:var(--radius-sm);color:var(--teal);margin-bottom:1rem}
.card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--ink)}
.card p{font-size:14px;color:var(--dark-gray);line-height:1.6}
.card-highlight{border-left:3px solid var(--teal)}
.card-featured{border-left:3px solid var(--cta)}
.card-testimonial{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);padding:1.5rem;border-left:3px solid var(--teal);display:flex;flex-direction:column;gap:1.5rem}
.card-testimonial-lg{padding:2rem;font-size:1.125rem}
.bg-navy .card,.bg-navy .card-feature,.bg-navy .card-module,.bg-navy .card-trust,.bg-navy .card-contact-info{background:var(--navy-2);border-color:rgba(255,255,255,.08)}
.bg-navy .card h3{color:var(--white)}
.bg-navy .card p{color:var(--muted)}
.card-module img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:1rem}
.card-module .date,.card-module time{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;display:block}
.grid-3 .card-module{display:flex;flex-direction:column;height:100%}

.card-module .card-meta{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}
.card-module .card-meta .sep{opacity:.5}
.card-title{font-family:'Montserrat',sans-serif;font-size:1.25rem;font-weight:700;line-height:1.3;color:var(--ink);margin:.25rem 0 .5rem}
a.card-module:hover .card-title{color:var(--teal)}

/* Blog listing pagination */
.blog-pagination{display:flex;justify-content:center;gap:1rem;margin-top:3rem}
.blog-pagination .page-link{display:inline-flex;align-items:center;gap:.4rem;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;padding:.7rem 1.5rem;border-radius:var(--radius-sm);border:2px solid rgba(0,0,0,.15);color:var(--dark-gray);background:var(--white);transition:color .2s ease,border-color .2s ease,background .2s ease}
.blog-pagination .page-link:hover{border-color:var(--teal);color:var(--teal)}
.blog-pagination .page-link--next{background:var(--teal);border-color:var(--teal);color:var(--white)}
.blog-pagination .page-link--next:hover{background:var(--teal-dark);border-color:var(--teal-dark);color:var(--white)}
.blog-pagination svg{width:14px;height:14px}

/* Check List */
.check-list{display:flex;flex-direction:column;gap:1.25rem}
.check-list li{display:flex;gap:1rem;align-items:flex-start;font-size:16px;line-height:1.6;color:var(--ink)}
.check-list li svg,.check-list li i{width:22px;height:22px;font-size:22px;flex-shrink:0;margin-top:2px}
.icon-teal{color:var(--teal)}
.icon-green{color:var(--green)}
.icon-coral{color:var(--cta)}

/* Testimonials */
.testimonial-body{font-size:16px;color:var(--dark-gray);line-height:1.6;font-style:italic}
.testimonial-body p::before{content:'\201C';color:var(--teal);font-size:1.5em;margin-right:2px}
.testimonial-author{display:flex;flex-direction:column;gap:2px}
.testimonial-author strong{display:block;font-size:14px;font-weight:600;color:var(--ink);font-style:normal}
.testimonial-author span{display:block;font-size:12px;color:var(--muted);font-style:normal}

/* Stats Bar */
.stats-bar{background:var(--teal);padding:3rem 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}
.stat-number{font-family:'Montserrat',sans-serif;font-size:3.75rem;font-weight:800;color:var(--white);line-height:1}
.stat-suffix{font-family:'Montserrat',sans-serif;font-size:2.25rem;font-weight:700;color:rgba(255,255,255,.8)}
.stat-label{font-size:14px;color:rgba(255,255,255,.8);font-weight:500}
.stats-grid--compact{grid-template-columns:1.5fr repeat(3,1fr);align-items:center}
.stat-item--headline{text-align:left}
.stat-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;color:var(--white);line-height:1.2}
.stats-grid--compact .stat-number{font-size:clamp(2.5rem,4vw,3.25rem)}
.stats-grid--compact .stat-suffix{font-size:clamp(1.5rem,2.5vw,2rem)}

/* Process Timeline */
.process-timeline{display:flex;flex-direction:column;max-width:700px;margin:2rem auto 0}
.process-step{display:flex;gap:2rem;padding:2rem 0;border-bottom:1px solid rgba(0,0,0,.06)}
.process-step:last-child{border-bottom:none}
.step-marker{flex-shrink:0}
.step-content{flex:1}
.step-content h3{font-size:1.25rem;margin-bottom:.5rem}
.step-content p{font-size:16px;color:var(--dark-gray)}
.step-number{width:48px;height:48px;border-radius:50%;background:var(--teal);color:var(--white);font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1}

/* About */
.content-narrow{max-width:800px;margin:0 auto}
.timeline-narrative{display:flex;flex-direction:column;gap:0}
.narrative-block{display:flex;gap:2rem;padding:2rem 0;border-bottom:1px solid rgba(0,0,0,.06)}
.narrative-marker{width:48px;height:48px;border-radius:50%;background:var(--teal-10);color:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.narrative-marker svg,.narrative-marker i{width:24px;height:24px;font-size:24px}
.narrative-content h3{font-size:1.25rem;margin-bottom:.5rem}
.narrative-content p{color:var(--dark-gray);font-size:16px}

/* Platform */
.modules-quick-nav{background:var(--light);padding:2rem 0}
.modules-quick-nav-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.modules-quick-nav-item{font-size:14px;font-family:'Montserrat',sans-serif;font-weight:600;color:var(--dark-gray);padding:.5rem 1rem;background:var(--white);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);text-decoration:none;transition:color .2s ease,border-color .2s ease}
.modules-quick-nav-item:hover{border-color:var(--teal);color:var(--teal)}
.module-section{padding:4rem 0;border-bottom:1px solid rgba(0,0,0,.06)}
.module-section:last-child{border-bottom:none}
.module-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;align-items:center}
.module-section--reversed .module-section-grid{direction:rtl}
.module-section--reversed .module-section-grid > *{direction:ltr}
.module-image-placeholder{background:var(--light);border-radius:var(--radius-lg);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--teal)}
.module-image-placeholder svg,.module-image-placeholder i{width:64px;height:64px;font-size:64px;opacity:.4}
.module-section-content .eyebrow{margin-bottom:.5rem}
.module-section-content h2{font-size:2.25rem;margin-bottom:1rem}
.module-section-content > p{font-size:18px;color:var(--dark-gray);margin-bottom:1.5rem}
.module-features-list{display:flex;flex-direction:column;gap:.5rem}
.module-features-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:16px;color:var(--dark-gray);line-height:1.6}
.module-features-list li svg,.module-features-list li i{width:20px;height:20px;font-size:20px;color:var(--teal);flex-shrink:0;margin-top:2px}
.modules-more{padding:4rem 0}
.modules-more-content{text-align:center;margin-bottom:2rem}
.modules-more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.modules-more-card{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);padding:1.5rem}

/* Tabs */
.tabs-nav{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}
.tab-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;padding:.75rem 1.5rem;border-radius:var(--radius-sm);border:2px solid rgba(0,0,0,.1);background:var(--white);color:var(--dark-gray);cursor:pointer;transition:all .25s ease}
.tab-btn:hover{border-color:var(--teal);color:var(--teal)}
.tab-btn.active{background:var(--teal);color:var(--white);border-color:var(--teal)}
.tab-btn i,.tab-btn svg{width:18px;height:18px}
.tab-panel{display:none;animation:tabFadeIn .35s ease}
.tab-panel.active{display:block}
@keyframes tabFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.tab-intro{max-width:700px;margin:0 auto 2rem;text-align:center}
.tab-intro h2{font-size:2.25rem;font-weight:800;margin-bottom:.75rem}
.tab-intro p{font-size:18px;color:var(--dark-gray)}
.tab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}
.tab-testimonial{max-width:700px;margin:0 auto}
.coming-soon-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--cta-10);border:1px solid var(--cta-25);border-radius:100px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cta);margin-bottom:1.25rem}
.coming-soon-badge svg{width:16px;height:16px}
.card-coming-soon{position:relative;opacity:.85}
.coming-soon-tag{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;background:var(--teal-10);border:1px solid var(--teal-25);border-radius:100px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-dark)}
.coming-soon-cta{text-align:center;margin-top:2rem;padding:1.25rem;background:var(--light);border-radius:var(--radius-md);font-size:15px;color:var(--dark-gray)}
.coming-soon-cta a{color:var(--cta);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.coming-soon-cta a:hover{color:var(--teal)}

/* Contact / Forms */
.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}
.contact-sidebar-col{display:flex;flex-direction:column;gap:1rem}
.form-row{margin-bottom:1rem}
.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.form-group{display:flex;flex-direction:column;gap:.25rem}
.form-group label{font-size:14px;font-weight:600;color:var(--ink)}
.form-group .required{color:var(--red)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;font-size:16px;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-sm);background:var(--white);transition:border-color .2s ease,box-shadow .2s ease;outline:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-10)}
.form-group textarea{min-height:120px;resize:vertical}
.form-reassurance{font-size:12px;color:var(--dark-gray);text-align:center;margin-top:.5rem}
.contact-info-list{display:flex;flex-direction:column;gap:.75rem}
.contact-label{font-size:12px;color:var(--muted);background:rgba(148,163,184,.05);padding:2px 8px;border-radius:4px}
.contact-offices{font-size:14px;color:var(--muted)}

/* FAQ */
.faq-accordion{display:flex;flex-direction:column;gap:.5rem}
.faq-item{background:var(--white);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);overflow:hidden}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;background:none;border:none;transition:color .2s ease}
.faq-chevron{width:20px;height:20px;color:var(--teal);transition:transform .3s ease;flex-shrink:0}
.faq-item.open .faq-chevron{transform:rotate(45deg)}
.faq-panel{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-panel > div,.faq-panel > p{padding:0 1.5rem 1.25rem;font-size:16px;color:var(--dark-gray);line-height:1.6}

/* CTA Band */
.cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);padding:5rem 0;text-align:center}
.cta-band-inner{max-width:800px;margin:0 auto}
.cta-band-content{margin-bottom:2rem}
.cta-band-title{font-size:2.5rem;color:var(--white);font-weight:800;margin-bottom:.5rem}
.cta-band-subtitle{font-size:18px;color:var(--muted)}
.cta-band-actions{display:flex;justify-content:center;gap:1rem}

/* Pre-footer CTA */
.prefooter-cta{background:transparent;padding:60px 0;text-align:center}
.prefooter-cta-inner{display:flex;flex-direction:column;align-items:center;gap:1.75rem;background:#0d54c7;background-image:radial-gradient(circle at 20% 30%,rgba(20,108,243,.6) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(45,128,255,.5) 0%,transparent 45%),linear-gradient(135deg,#0a3d8f 0%,#146cf3 100%);border-radius:20px;padding:72px 40px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08),0 16px 40px -12px rgba(0,0,0,.2)}
.prefooter-cta-text{max-width:880px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}
.prefooter-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:8px 16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:100px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.prefooter-eyebrow svg,.prefooter-eyebrow i{width:14px;height:14px;color:#FFB020;stroke:#FFB020}
.prefooter-cta-text h2{font-size:2.75rem;color:#fff;font-weight:800;margin:0;line-height:1.15;letter-spacing:-.01em}
.prefooter-cta-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;margin-top:.5rem}
.prefooter-cta .btn-cta{background:linear-gradient(135deg,#FFB020 0%,#FF8A00 100%);color:#07111E;border:none;font-weight:700;padding:16px 36px;border-radius:8px;box-shadow:0 8px 24px rgba(7,17,30,.3);transition:transform .2s ease,box-shadow .2s ease;animation:ymsBtnPulse 2.4s ease-in-out infinite}
@keyframes ymsBtnPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.prefooter-cta .btn-cta:hover{transform:scale(1.06) translateY(-1px);background:linear-gradient(135deg,#FFC040 0%,#FF9A10 100%);box-shadow:0 12px 32px rgba(7,17,30,.4);animation-play-state:paused}
.prefooter-phone{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#1A1E2A;padding:14px 22px;border-radius:8px;font-size:16px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px rgba(7,17,30,.2)}
.prefooter-phone:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(7,17,30,.3);color:#1A1E2A}
.prefooter-phone svg,.prefooter-phone i{width:18px;height:18px;color:#1A1E2A;stroke:#1A1E2A}

/* Footer */
.site-footer{background:var(--navy);padding:3rem 0 0;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2.5rem}
.footer-brand{display:flex;flex-direction:column;gap:1rem}
.footer-logo svg,.logo-wordmark{width:140px;height:auto}
.footer-tagline{font-size:14px;color:var(--muted);line-height:1.6}
.footer-triton{font-size:12px;color:var(--muted)}
.footer-triton a{color:#3a8aff}
.footer-triton a:hover{color:var(--white)}
.footer-social{display:flex;gap:.5rem;margin-top:.5rem}
.footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);color:var(--muted);transition:color .2s ease,border-color .2s ease,background .2s ease}
.footer-social a:hover{color:var(--teal);border-color:var(--teal-25);background:var(--teal-10)}
.footer-heading{font-size:14px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}
.footer-links{display:flex;flex-direction:column;gap:.5rem;padding:0}
.footer-links a{font-size:14px;color:var(--muted);transition:color .2s ease}
.footer-links a:hover{color:var(--teal)}
.footer-contact-links li{display:flex;align-items:center;gap:.5rem}
.footer-contact-label{font-size:12px;color:var(--muted);background:rgba(255,255,255,.05);padding:2px 8px;border-radius:4px}
.footer-bottom{margin-top:2rem;padding:1rem 0!important;border-top:1px solid rgba(255,255,255,.08);min-height:unset!important;height:auto!important}
.footer-bottom-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:unset!important;padding-left:clamp(1rem,4vw,2.5rem)!important;padding-right:clamp(1rem,4vw,2.5rem)!important;padding-top:0!important;padding-bottom:0!important}
.footer-bottom-inner .footer-copyright{grid-column:1}
.footer-bottom-inner .footer-legal{grid-column:2;justify-self:center}
.footer-copyright{font-size:12px;color:var(--muted)}
.footer-legal{display:flex;gap:1.5rem}
.footer-legal a{font-size:12px;color:#C7D2E0;transition:color .2s ease}
.footer-legal a:hover{color:var(--teal)}

/* Back to Top */
.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--navy);border:1px solid rgba(20,108,243,.2);color:var(--teal);z-index:900;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .2s ease,color .2s ease}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--teal);color:var(--white)}
.back-to-top svg{width:20px;height:20px}

/* Animations */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .3s ease,transform .3s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* Spacing */
.mt-sm{margin-top:.5rem}
.mt-md{margin-top:1rem}
.mt-lg{margin-top:2rem}
.mt-xl{margin-top:3rem}

/* Migration */
.migration-source-list{display:flex;flex-direction:column;gap:.5rem}
.migration-source-list span,.migration-source-list a{display:inline-block;padding:.35rem .75rem;font-size:13px;font-weight:500;background:var(--teal-10);color:var(--teal);border-radius:var(--radius-sm);border:1px solid var(--teal-15);align-self:flex-start}

/* Reduce motion */
@media(prefers-reduced-motion:reduce){.prefooter-cta-inner,.prefooter-cta .btn-cta{animation:none}}

/* Responsive */
@media(max-width:1024px){.nav-links{display:none}.nav-cta{display:none}.nav-hamburger{display:flex}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.section{padding:3rem 0}.section-header h2{font-size:2.25rem}.hero{min-height:80vh}.hero h1{font-size:2.75rem}.hero .lead{font-size:16px}.hero-split{grid-template-columns:1fr}.hero-image{order:-1}.hero-image img{max-width:480px}.trust-bar-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid--compact{grid-template-columns:1fr}.stat-item--headline{text-align:center;margin-bottom:1rem}.stat-number{font-size:2.75rem}.module-section-grid{grid-template-columns:1fr;gap:2rem}.module-section--reversed .module-section-grid{direction:ltr}.module-section-content h2{font-size:1.75rem}.contact-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1 / -1}.cta-band-title{font-size:2.25rem}.prefooter-cta-text h2{font-size:2.25rem}.tab-grid{grid-template-columns:1fr}.tab-intro h2{font-size:1.75rem}}
@media(max-width:767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-header h2{font-size:1.75rem}.hero{min-height:70vh;padding-top:var(--nav-height);padding-bottom:2rem}.hero h1{font-size:2rem;margin-bottom:1rem}.hero .lead{font-size:15px}.hero .eyebrow{margin-bottom:.75rem}.hero.hero--home .hero-content .lead{font-size:1rem}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stats-grid--compact{grid-template-columns:1fr;gap:1.25rem}.stats-grid--compact .stat-item:not(.stat-item--headline){flex-direction:row;gap:.5rem;justify-content:center}.stat-number{font-size:2.25rem}.stat-suffix{font-size:1.5rem}.modules-more-grid{grid-template-columns:1fr}.form-row-2{grid-template-columns:1fr}.cta-band-title{font-size:1.75rem}.cta-band-actions{flex-direction:column;align-items:center}.prefooter-cta-text h2{font-size:1.75rem}.prefooter-cta-actions{flex-direction:column}.prefooter-cta-inner{padding:48px 28px}.footer-grid{grid-template-columns:1fr}.footer-bottom-inner{display:flex;flex-direction:column;text-align:center;gap:.75rem}.footer-bottom-inner .footer-copyright{grid-column:unset;width:100%}.footer-bottom-inner .footer-legal{grid-column:unset;justify-self:auto;justify-content:center;flex-direction:column;gap:.5rem}.faq-trigger{font-size:16px;padding:1rem 1.25rem}.process-step{flex-direction:column;gap:1rem}.narrative-block{flex-direction:column;gap:1rem}.tabs-nav{gap:.35rem}.tab-btn{font-size:13px;padding:.6rem 1rem}.article-hero-band{padding:calc(var(--nav-height) + 1.5rem) 0 2rem}.article-hero-copy h1{font-size:1.75rem}.article-body{padding:2rem 0 3rem}.article-prose{font-size:1rem}.article-prose h2{font-size:1.5rem}.article-prose h3{font-size:1.25rem}.article-lead{font-size:1.15rem}.article-lead::first-letter{font-size:3rem}.article-related{padding:3rem 0 3.5rem}.article-related-head h2{font-size:1.5rem}}