/* Gutenberg landing-page layer. Scoped to Synflo pages so plugin and admin CSS
   cannot leak into the rest of WordPress. */
.synflo-page-content{overflow:hidden}
.synflo-page-content>.wp-block-group{margin-block-start:0!important;margin-block-end:0!important}
.synflo-page-content .synflo-hero-block{position:relative;isolation:isolate;min-height:790px;padding:185px max(7vw,30px) 100px;background:#0a0a0c;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}
.synflo-page-content .synflo-hero-block:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 86% 26%,rgba(108,54,245,.38),transparent 30%),repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 1px,transparent 1px 112px);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.5) 66%,transparent 100%)}
.synflo-page-content .synflo-page-hero{min-height:680px}
.synflo-page-content .synflo-kicker,.synflo-page-content .synflo-label{font-size:10px;line-height:1.4;letter-spacing:.16em;font-weight:800;margin:0 0 28px;color:#9f9aa8}
.synflo-page-content .synflo-label{color:var(--purple)}
.synflo-page-content h1{max-width:1050px;font:600 clamp(52px,6.5vw,98px)/.98 var(--display);letter-spacing:-.055em;margin:0 0 30px}
.synflo-page-content h1 em,.synflo-page-content h2 em{font-style:normal;color:#8d66ff}
.synflo-page-content .synflo-lead{max-width:680px;color:#aaa6b1;font-size:18px;line-height:1.75;margin:0}
.synflo-page-content .synflo-hero-block>h1,.synflo-page-content .synflo-hero-block>.synflo-lead,.synflo-page-content .synflo-hero-block>.synflo-kicker,.synflo-page-content .synflo-hero-block>.wp-block-buttons{position:relative;z-index:2;max-width:min(60vw,780px)}
.synflo-page-content .synflo-hero-photo{position:absolute;z-index:1;right:max(7vw,30px);top:145px;width:min(37vw,540px);height:min(64vh,610px);margin:0;overflow:hidden;background:#24212b}.synflo-page-content .synflo-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0c 0%,transparent 36%),linear-gradient(to bottom,transparent 48%,rgba(10,10,12,.85) 100%)}.synflo-page-content .synflo-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04)}.synflo-page-content .synflo-hero-photo figcaption{position:absolute;z-index:2;right:22px;bottom:20px;left:22px;border-top:1px solid rgba(255,255,255,.3);padding-top:12px;color:#fff;font:600 12px/1.4 var(--display)}
.synflo-page-content .synflo-lead strong{color:#fff}
.synflo-page-content .wp-block-buttons{margin-top:36px;gap:18px}
.synflo-page-content .synflo-primary-button .wp-block-button__link{background:var(--purple);border-radius:999px;padding:17px 24px;font:700 14px var(--font);box-shadow:0 12px 35px rgba(108,54,245,.25)}
.synflo-page-content .synflo-text-button .wp-block-button__link{border:0;padding:17px 0;color:#fff;font:700 14px var(--font)}
.synflo-page-content .synflo-direct-contact{display:flex;gap:18px;flex-wrap:wrap;margin:30px 0 0}.synflo-page-content .synflo-direct-contact a{font-weight:700;color:#fff;border-bottom:1px solid var(--purple)}
.synflo-page-content .synflo-marquee-section{padding:25px max(7vw,30px);background:#0a0a0c;color:#aaa6b1;border-top:1px solid #28262d;border-bottom:1px solid #28262d;display:grid;grid-template-columns:220px 1fr;align-items:center;gap:20px;overflow:hidden}.synflo-page-content .synflo-marquee-section p{margin:0;font-size:9px;letter-spacing:.17em;font-weight:800;color:#77727f}.synflo-page-content .synflo-marquee-items{font:600 17px/1.5 var(--display);white-space:nowrap;animation:synflo-editorial-marquee 34s linear infinite}@keyframes synflo-editorial-marquee{to{transform:translateX(-12%)}}
.synflo-page-content .synflo-section{padding:125px max(7vw,30px);margin:0;background:#fff}.synflo-page-content .synflo-section h2{font:600 clamp(39px,4.8vw,70px)/1.08 var(--display);letter-spacing:-.05em;margin:0}.synflo-page-content .synflo-section h2 span{color:#a6a2ad}.synflo-page-content .synflo-section p{font-size:16px;line-height:1.8;color:var(--muted)}.synflo-page-content .synflo-section a{color:var(--purple);font-weight:700}.synflo-page-content .synflo-two-columns{display:grid;grid-template-columns:1.05fr .8fr;gap:10vw;align-items:start}.synflo-page-content .synflo-two-columns>div>p:first-of-type{margin-top:5px}.synflo-page-content .synflo-two-columns ul{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--line)}.synflo-page-content .synflo-two-columns li{padding:14px 0;border-bottom:1px solid var(--line);font-weight:700}
.synflo-page-content .synflo-scenarios{background:#e9e5f2}.synflo-page-content .synflo-scenarios>h2,.synflo-page-content .synflo-process-section>h2{max-width:840px;margin-bottom:60px}.synflo-page-content .synflo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9c3d0;border-left:1px solid #c9c3d0}.synflo-page-content .synflo-card-grid article{min-height:240px;padding:32px;border-right:1px solid #c9c3d0;border-bottom:1px solid #c9c3d0}.synflo-page-content .synflo-card-grid b{display:block;font-size:10px;letter-spacing:.12em;color:var(--purple);margin-bottom:66px}.synflo-page-content .synflo-card-grid h3{font:600 25px/1.18 var(--display);letter-spacing:-.03em;margin:0 0 13px}.synflo-page-content .synflo-card-grid p{font-size:13px;line-height:1.7;margin:0}.synflo-page-content .synflo-process-section{background:#121116;color:#fff}.synflo-page-content .synflo-process-section .synflo-label{color:#b8b2c0}.synflo-page-content .synflo-process-section h2 span{color:#8e8995}.synflo-page-content .synflo-process-section .synflo-card-grid{border-color:#34313c}.synflo-page-content .synflo-process-section .synflo-card-grid article{border-color:#34313c}.synflo-page-content .synflo-process-section .synflo-card-grid p{color:#a7a3ae}.synflo-page-content .synflo-contact-section{background:#efecf8}.synflo-page-content .synflo-contact-section .synflo-label{margin-bottom:22px}.synflo-page-content .synflo-contact-section h2{font-size:clamp(42px,5vw,74px)}
.synflo-page-content .synflo-system-hub>h2{max-width:840px;margin-bottom:55px}.synflo-page-content .synflo-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#c9c3d0;border:1px solid #c9c3d0}.synflo-page-content .synflo-system-card{padding:38px;background:#f3f0f8}.synflo-page-content .synflo-system-card:last-child{grid-column:1/-1}.synflo-page-content .synflo-system-code{margin:0 0 52px!important;color:var(--purple)!important;font-size:10px!important;letter-spacing:.14em;font-weight:800}.synflo-page-content .synflo-system-card h3{font:600 30px/1.15 var(--display);letter-spacing:-.035em;margin:0 0 14px}.synflo-page-content .synflo-system-card ul{padding-left:18px;color:#5e5965;line-height:1.8}.synflo-page-content .synflo-system-card a{display:inline-block;margin-top:14px}.synflo-page-content .synflo-partner-section{background:#f7f5fa}.synflo-page-content .synflo-image-slot{min-height:430px;padding:42px!important;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#17151c,#3d3450);color:#fff;border:1px dashed #a78cf8}.synflo-page-content .synflo-image-slot h3{max-width:420px;font:600 30px/1.15 var(--display);margin:8px 0 12px}.synflo-page-content .synflo-image-slot p{color:#c8c1d1}.synflo-page-content .synflo-image-slot .synflo-image-slot-label{font-size:10px;color:#a98dff;letter-spacing:.15em;font-weight:800}.synflo-page-content .synflo-sellasist-features .synflo-card-grid{grid-template-columns:repeat(3,1fr)}.synflo-page-content .synflo-process-note{max-width:720px;margin:36px 0 0!important;color:#b8b2c0!important}
/* The logo wordmark uses the exact variable-family name first, with a safe
   fallback while Fontshare is loading. */
.site-footer .footer-wordmark{font-family:'Clash Display Variable','Clash Display',var(--display)}
/* WordPress core can add global margins to images and groups; keep the designed rhythm. */
.synflo-page-content .wp-block-image{margin:0}.synflo-page-content .wp-block-group__inner-container{max-width:none}.synflo-page-content .synflo-hero-block .wp-block-group__inner-container{width:100%}
@media(max-width:800px){.synflo-page-content .synflo-hero-block{min-height:920px;padding:130px 22px 72px;justify-content:flex-start}.synflo-page-content .synflo-page-hero{min-height:580px}.synflo-page-content .synflo-page-hero .synflo-hero-photo{display:none}.synflo-page-content h1{font-size:48px}.synflo-page-content .synflo-lead{font-size:16px}.synflo-page-content .synflo-hero-block>h1,.synflo-page-content .synflo-hero-block>.synflo-lead,.synflo-page-content .synflo-hero-block>.synflo-kicker,.synflo-page-content .synflo-hero-block>.wp-block-buttons{max-width:none}.synflo-page-content .synflo-hero-photo{position:relative;right:auto;top:auto;width:100%;height:310px;margin-top:40px}.synflo-page-content .synflo-marquee-section{display:block;padding:20px 22px}.synflo-page-content .synflo-marquee-section p{margin-bottom:16px}.synflo-page-content .synflo-marquee-items{font-size:14px}.synflo-page-content .synflo-section{padding:82px 22px}.synflo-page-content .synflo-two-columns{grid-template-columns:1fr;gap:35px}.synflo-page-content .synflo-card-grid{grid-template-columns:1fr}.synflo-page-content .synflo-card-grid article{min-height:180px}.synflo-page-content .synflo-card-grid b{margin-bottom:40px}.synflo-page-content .synflo-section h2{font-size:39px}}
@media(max-width:800px){.synflo-page-content .synflo-system-grid,.synflo-page-content .synflo-sellasist-features .synflo-card-grid{grid-template-columns:1fr}.synflo-page-content .synflo-system-card:last-child{grid-column:auto}.synflo-page-content .synflo-image-slot{min-height:330px;padding:28px!important}}

/* Sellasist implementation page. The composed layout lives in one Custom HTML
   block so Gutenberg never invalidates nested editorial grids. */
.synflo-sellasist-page{background:#fff;color:var(--ink)}
.synflo-sellasist-page .synflo-sellasist-hero{position:relative;isolation:isolate;min-height:760px;padding:150px max(7vw,30px) 90px;background:#0a0a0c;color:#fff;display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:clamp(48px,6vw,100px);align-items:center;overflow:hidden}
.synflo-sellasist-page .synflo-sellasist-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 22%,rgba(108,54,245,.34),transparent 30%),repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 1px,transparent 1px 112px);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 72%,transparent 100%)}
.synflo-sellasist-page .synflo-sellasist-hero-copy{position:relative;z-index:2;min-width:0}
.synflo-sellasist-page .synflo-sellasist-hero .synflo-kicker a{color:#b99fff;text-decoration:none}
.synflo-sellasist-page .synflo-sellasist-hero h1{max-width:780px;font-size:clamp(52px,5.5vw,88px);margin-bottom:28px}
.synflo-sellasist-page .synflo-sellasist-hero .synflo-lead{max-width:720px;font-size:17px}
.synflo-sellasist-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:38px}
.synflo-sellasist-actions .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.synflo-sellasist-text-link{color:#fff!important;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding:9px 0}
.synflo-sellasist-hero-visual{position:relative;z-index:2;width:100%;margin:0;background:#f5f3f8;border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.45);overflow:hidden;transform:perspective(1400px) rotateY(-3deg)}
.synflo-sellasist-hero-visual .synflo-browser-bar{height:44px;padding:0 16px;display:flex;align-items:center;gap:7px;background:#1a1820;border-bottom:1px solid #302c38;color:#a9a4b0;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.synflo-sellasist-hero-visual .synflo-browser-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#5c5664}.synflo-sellasist-hero-visual .synflo-browser-bar i:first-child{background:#8f68ff}.synflo-sellasist-hero-visual .synflo-browser-bar span{margin-left:8px}
.synflo-sellasist-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1743/730;object-fit:contain;background:#fff}
.synflo-sellasist-hero-visual figcaption{padding:14px 18px;background:#15131a;color:#c4bfca;font-size:11px;line-height:1.5}
.synflo-sellasist-nav{position:sticky;z-index:10;top:82px;padding:0 max(7vw,30px);min-height:58px;display:flex;align-items:center;gap:32px;background:rgba(255,255,255,.94);border-bottom:1px solid #ddd8e5;backdrop-filter:blur(14px);overflow-x:auto;white-space:nowrap}
.synflo-sellasist-nav a{color:#5f5967;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:20px 0}
.synflo-sellasist-nav a:hover{color:var(--purple)}
.synflo-sellasist-page .synflo-sellasist-intro{background:#fff}
.synflo-sellasist-page .synflo-sellasist-intro .synflo-two-columns{grid-template-columns:1fr .92fr}
.synflo-sellasist-page .synflo-sellasist-integrations{background:#f7f5fa}
.synflo-sellasist-media-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:clamp(48px,8vw,120px);align-items:center}
.synflo-sellasist-media-copy.is-reversed{grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr)}
.synflo-sellasist-media-copy figure{margin:0;border:1px solid #ddd8e5;background:#fff;overflow:hidden}
.synflo-sellasist-media-copy figure img{display:block;width:100%;height:auto;max-height:590px;object-fit:contain}
.synflo-sellasist-media-copy figure figcaption{padding:13px 18px;border-top:1px solid #e3dfea;color:#6e6877;font-size:11px;line-height:1.5}
.synflo-sellasist-media-copy p+figure,.synflo-sellasist-media-copy h2+p{margin-top:28px}
.synflo-sellasist-media-copy ul{padding-left:19px;color:#5e5965;line-height:1.85}
.synflo-sellasist-page .synflo-sellasist-features .synflo-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.synflo-sellasist-page .synflo-sellasist-features .synflo-card-grid article{background:rgba(255,255,255,.34)}
.synflo-sellasist-page .synflo-sellasist-showcase{background:#f7f5fa}
.synflo-sellasist-page .synflo-sellasist-showcase>h2{max-width:900px}
.synflo-sellasist-page .synflo-sellasist-wms{background:#fff}
.synflo-sellasist-page .synflo-sellasist-wms figure img{width:100%;aspect-ratio:auto;object-fit:contain;max-height:590px;padding:18px;background:#f7f5fa}
.synflo-sellasist-page .synflo-sellasist-migration{background:#f7f5fa}
.synflo-sellasist-page .synflo-sellasist-fit .synflo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.synflo-sellasist-page .synflo-sellasist-partner{background:#fff}
.synflo-sellasist-page .synflo-sellasist-faq-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(55px,9vw,140px);background:#f3f0f8;align-items:start}
.synflo-sellasist-faq-heading{position:sticky;top:170px}.synflo-sellasist-faq-heading>p:last-child{margin-top:24px}
.synflo-sellasist-faq-list{border-top:1px solid #cbc5d3}
.synflo-sellasist-faq-list details{border-bottom:1px solid #cbc5d3}
.synflo-sellasist-faq-list summary{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font:600 19px/1.35 var(--display)}
.synflo-sellasist-faq-list summary::-webkit-details-marker{display:none}
.synflo-sellasist-faq-list summary span{color:var(--purple);font:800 10px/1 var(--font);letter-spacing:.12em}
.synflo-sellasist-faq-list summary i{position:relative;width:18px;height:18px}.synflo-sellasist-faq-list summary i:before,.synflo-sellasist-faq-list summary i:after{content:"";position:absolute;top:8px;left:1px;width:16px;height:2px;background:#2d2932;transition:transform .2s}.synflo-sellasist-faq-list summary i:after{transform:rotate(90deg)}.synflo-sellasist-faq-list details[open] summary i:after{transform:rotate(0)}
.synflo-sellasist-faq-list details>p{margin:0 42px 25px 60px!important;color:#5f5967!important}

@media(max-width:1100px){.synflo-sellasist-page .synflo-sellasist-hero{grid-template-columns:1fr;min-height:0;padding-top:145px}.synflo-sellasist-page .synflo-sellasist-hero-copy{max-width:860px}.synflo-sellasist-hero-visual{max-width:900px;transform:none}.synflo-sellasist-media-copy,.synflo-sellasist-media-copy.is-reversed{grid-template-columns:1fr;gap:42px}.synflo-sellasist-media-copy.is-reversed figure{order:2}.synflo-sellasist-page .synflo-sellasist-faq-section{grid-template-columns:1fr}.synflo-sellasist-faq-heading{position:static;max-width:760px}}
.synflo-sellasist-page .synflo-feature-showcase{background:#fff;border-top:1px solid #ddd8e5}
@media(max-width:800px){.synflo-sellasist-page .synflo-sellasist-hero{padding:125px 22px 70px;gap:42px}.synflo-sellasist-page .synflo-sellasist-hero h1{font-size:46px}.synflo-sellasist-page .synflo-sellasist-hero .synflo-lead{font-size:16px}.synflo-sellasist-actions{align-items:flex-start;flex-direction:column;gap:12px}.synflo-sellasist-hero-visual{border-radius:11px}.synflo-sellasist-hero-visual .synflo-browser-bar{height:36px}.synflo-sellasist-hero-visual figcaption{padding:11px 13px}.synflo-sellasist-nav{top:82px;padding:0 22px;gap:24px}.synflo-sellasist-page .synflo-sellasist-features .synflo-card-grid,.synflo-sellasist-page .synflo-sellasist-fit .synflo-card-grid{grid-template-columns:1fr}.synflo-sellasist-media-copy figure img{max-height:420px}.synflo-sellasist-page .synflo-sellasist-wms figure img{aspect-ratio:auto;max-height:420px;object-fit:contain;padding:10px}.synflo-sellasist-faq-list summary{grid-template-columns:36px minmax(0,1fr) 20px;font-size:17px}.synflo-sellasist-faq-list details>p{margin:0 20px 22px 48px!important}}
@media(max-width:480px){.synflo-sellasist-page .synflo-sellasist-hero h1{font-size:41px}.synflo-sellasist-hero-visual .synflo-browser-bar span{display:none}.synflo-sellasist-nav{top:74px}.synflo-sellasist-faq-list summary{grid-template-columns:30px minmax(0,1fr) 18px;gap:8px}.synflo-sellasist-faq-list details>p{margin-left:38px!important}}