/* === Shared service-detail primitives (ported for WordPress page) === */
#main:focus{outline:none}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control){
 --action-fill:var(--action-green);--action-ink:#fff;--action-edge:var(--action-green);--action-cut:12px;
 position:relative;isolation:isolate;z-index:0;border:1px solid transparent;border-radius:0 0 3px 3px;
 background:transparent;color:var(--action-ink);box-shadow:none;transform:none;text-decoration:none;
 min-height:44px;cursor:pointer;transition:color var(--action-speed) var(--action-ease);-webkit-tap-highlight-color:transparent;
}
/* Two clipped surfaces create a true angled outline without clipping focus or text. */
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control)::before,
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control)::after{
 content:'';position:absolute;pointer-events:none;clip-path:polygon(0 0,calc(100% - var(--action-cut)) 0,100% var(--action-cut),100% 100%,3px 100%,0 calc(100% - 3px));
 transition:clip-path var(--action-speed) var(--action-ease),background-position var(--action-speed) var(--action-ease),background-color var(--action-speed) var(--action-ease);
}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control)::before{
 inset:-1px;z-index:-2;background:linear-gradient(135deg,transparent 40%,var(--action-orange) 41%,var(--action-orange) 70%,transparent 71%) calc(100% + 5px) -5px/25px 25px no-repeat,var(--action-edge);
}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control)::after{
 inset:1px;z-index:-1;background:linear-gradient(105deg,transparent 25%,#ffffff0d 50%,transparent 75%) 150% 0/240% 100% no-repeat,var(--action-fill);
}
:root body .sf-run{--action-fill:var(--action-green);--action-ink:#fff;--action-edge:#90b2a3;--action-cut:8px}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control) :is(.ico,svg,[aria-hidden=true]):last-child{
 flex-shrink:0;transition:transform var(--action-speed) var(--action-ease);
}
/* Touch and keyboard retain a visible pressed/focus response without hover. */
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control,.text-link,.inline-link):focus-visible{
 outline:2px solid var(--action-orange);outline-offset:5px;box-shadow:0 0 0 2px #fff;
}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control):active:not(:disabled):not([aria-disabled=true]){--action-cut:15px}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control):active:not(:disabled):not([aria-disabled=true])::after{background-color:#174535}
@media(hover:hover) and (pointer:fine){
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control):hover:not(:disabled):not([aria-disabled=true]){--action-cut:16px;background:transparent;border-color:transparent;transform:none;box-shadow:none}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control):hover:not(:disabled):not([aria-disabled=true])::before{background-position:100% 0}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control):hover:not(:disabled):not([aria-disabled=true])::after{background-position:0 0;background-color:#254f41}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control):hover:not(:disabled):not([aria-disabled=true]) :is(.ico,svg,[aria-hidden=true]):last-child{transform:translateX(3px)}
}
:root body :is(.button,.sf-run,.wf-outline-button):is(:disabled,[aria-disabled=true]){opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control,.text-link,.inline-link),
 :root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control,.text-link,.inline-link)::before,
 :root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control,.text-link,.inline-link)::after,
 :root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control,.text-link,.inline-link) :is(.ico,svg,[aria-hidden=true]):last-child{transition:none!important;animation:none!important;transform:none!important}
}
@media(forced-colors:active){
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control){border:1px solid ButtonText;color:ButtonText;background:ButtonFace}
:root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control)::before,
 :root body :is(.button,.nav-cta,.wf-outline-button,.sf-run,.sf-demo-button,.sf-chat-question,[data-ask-webflow],.commerce-motion-control)::after{display:none}
}
/* Shopify-specific commerce compositions; shared homepage tokens and controls. */
.sf-page{--sf-paper:#f4f7f5;--sf-space:80px}
.sf-page [id]{scroll-margin-top:45px}
.sf-page h1{font-size:clamp(36px,3.5vw,49px);line-height:1.12}
.sf-page h2{font-size:clamp(29px,2.8vw,40px);line-height:1.15}
.sf-page h3{font-size:24px;line-height:1.25}
.sf-page p{font-size:17px;line-height:1.65;color:var(--gray)}
.sf-section{padding:var(--sf-space) 0}
.sf-eyebrow{display:block;font:600 10px/1.6 Montserrat,sans-serif;letter-spacing:.1em;color:var(--green);margin-bottom:21px}
.sf-eyebrow:before{content:'';display:inline-block;width:18px;height:2px;background:var(--orange);vertical-align:middle;margin-right:11px}
.sf-mini-label{font:10px/1.6 Montserrat,sans-serif;letter-spacing:.06em;color:var(--green)}
.sf-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}
.sf-heading>p{max-width:375px}
.sf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px}
.sf-actions .button{font-size:15px;gap:16px}
.sf-actions .text-link{font-size:15px}
.sf-hero{padding:25px 0 0}
.sf-breadcrumb{display:inline-flex;flex-wrap:wrap;gap:12px;padding:8px 14px;border-left:2px solid var(--orange);background:var(--wash);font-size:13px;color:var(--gray);margin-bottom:47px}
.sf-breadcrumb [aria-current]{color:var(--green);font-weight:600}
.sf-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.sf-hero-grid>div>p{max-width:495px;margin:24px 0 28px;font-size:19px}
.sf-hero-signature{display:flex;gap:15px;margin-top:31px;font-size:13px;color:var(--green)}
.sf-hero-signature span+span:before{content:'+';color:var(--orange);margin-right:15px}
.sf-capability-rail{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:48px;padding:24px 0;font-size:14px;color:var(--green)}
.sf-capability-rail span:before{content:'↗';color:var(--orange);margin-right:13px}
.sf-window{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);font:9px/1.5 Montserrat,sans-serif;color:var(--gray);letter-spacing:.035em;background:white}
.sf-page .sf-product-copy h3{font-size:clamp(21px,2vw,29px);color:var(--green);margin:14px 0}
.sf-page .sf-product-copy p{font-size:12px;margin-bottom:6px}
.sf-status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;flex:none}
.sf-page .sf-cart>p{font-size:15px;color:var(--green);margin-top:25px}
.sf-page .sf-cart .sf-cart-disclaimer{font-size:11px;color:var(--gray);margin-top:12px}
.sf-page .sf-demo-note{font-size:10px;padding:8px 15px;margin:0;color:var(--green)}
.sf-jumps{position:sticky;top:86px;z-index:30;border-block:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}
.sf-jumps .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:auto}
.sf-jumps a{white-space:nowrap;padding:17px 0;font-size:14px;border-bottom:2px solid transparent;color:var(--gray)}
.sf-jumps a:hover,.sf-jumps [aria-current]{border-bottom-color:var(--orange);color:var(--green)}
.sf-jumps .wrap>span{font-size:9px;color:var(--green);white-space:nowrap}
.sf-page .sf-level h3{font-size:16px;font-weight:500;margin-bottom:5px}
.sf-page .sf-level p{font-size:14px;line-height:1.65}
.sf-page .sf-theme-canvas h3{font-size:24px;color:var(--green)}
.sf-page .sf-annotation{font-size:12px;color:var(--gray);line-height:1.6}
.sf-page .sf-proof-note p{font-size:12px}
/* Architecture & custom application interface. */
.sf-app-section,.sf-ai-section,.sf-work-section,.sf-faq{background:var(--wash);border-block:1px solid var(--line)}
.sf-page .sf-rule p{font-size:14px}
.sf-page dl{margin:0}
.sf-page dt{font-size:16px;font-weight:550;color:var(--green);margin-bottom:7px}
.sf-page dd{margin:0;font-size:15px;line-height:1.65;color:var(--gray)}
.sf-page .sf-engineering-rail p{font-size:14px}
.sf-run{border:1px solid #ffffff55;background:transparent;color:white;padding:8px 12px;font-size:12px;display:flex;align-items:center;gap:12px}
.sf-run .ico{width:15px;height:15px}
.sf-run:disabled{cursor:default;opacity:.7}
.sf-page .sf-flow-status{font-size:12px;color:#ffffffe0;border-top:1px solid #ffffff30;padding-top:17px;min-height:37px}
.sf-page .sf-chat-bubble{background:var(--wash);border:1px solid var(--line);padding:16px;font-size:15px;max-width:93%;border-radius:0 8px 8px}
.sf-page .sf-chat-note{font-size:10px;margin-top:auto;padding-top:20px;color:var(--gray)}
.sf-page .sf-case-store h3{grid-column:1;grid-row:2;font-size:28px;align-self:center;color:var(--green)}
.sf-page .sf-delivery h3{font-size:20px;color:var(--green);margin:14px 0 10px}
.sf-page .sf-delivery p{font-size:13px}
.sf-page .sf-migration p{font-size:14px}
.sf-final .sf-eyebrow{color:white}
.sf-page .sf-final p{color:#ffffffe0;margin-bottom:26px;font-size:18px}
@keyframes sf-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){
.sf-hero-grid{gap:30px;grid-template-columns:.9fr 1.1fr}
.sf-hero-grid>div>p{font-size:17px}
.sf-hero-signature{gap:10px;font-size:12px}
.sf-page .sf-delivery h3{font-size:18px}
}
@media(max-width:850px){
.sf-hero-grid{grid-template-columns:1fr;gap:34px}
.sf-hero-grid>div>p{max-width:600px}
.sf-page .sf-product-copy h3{font-size:28px}
.sf-capability-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.sf-jumps .wrap{justify-content:start}
.sf-jumps .wrap>span{display:none}
.sf-heading{align-items:start;gap:25px}
.sf-heading>p{max-width:280px;font-size:16px}
.sf-page .sf-case-store h3{font-size:23px}
}
@media(max-width:600px){
.sf-page{--sf-space:54px}
.sf-page h1{font-size:37px}
.sf-page h2{font-size:31px}
.sf-breadcrumb{gap:8px;font-size:11px;margin-bottom:31px}
.sf-hero-signature{margin-top:24px}
.sf-capability-rail{margin-top:30px;font-size:12px}
.sf-capability-rail span:before{margin-right:7px}
.sf-page .sf-product-copy h3{font-size:23px}
.sf-window{padding:10px 12px;font-size:8px}
.sf-page .sf-cart>p{margin-top:12px}
.sf-jumps{top:74px}
.sf-jumps a{font-size:12px;padding:14px 0}
.sf-heading{flex-direction:column;gap:19px;margin-bottom:27px}
.sf-heading>p{max-width:100%}
.sf-page .sf-proof-note p{margin-top:8px}
.sf-page .sf-delivery h3{margin:4px 0 0;font-size:19px}
.sf-page .sf-delivery p{font-size:13px;margin-top:4px}
.sf-final .sf-actions{gap:20px}
}
@media(prefers-reduced-motion:reduce){
.sf-page *{animation:none!important;transition:none!important}
.sf-page .sf-flow.is-running li.is-active{transform:none}
}
@media(max-width:600px){
.sf-page [id]{scroll-margin-top:15px}
}

/* === WordPress page family rules === */
/* ===== Full-Stack / SaaS page. Tokens, buttons, header, footer and sf- primitives come from the shared stylesheet above. ===== */
.fs-page code{font:10.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.fs-wash{background:var(--wash);border-block:1px solid var(--line)}
.fs-inline{color:var(--green);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.fs-page .sf-proof-note a:hover{color:var(--orange)}
.fs-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 0}
.fs-tags li{font-size:12px;line-height:1.4;color:var(--green);background:var(--wash);border:1px solid var(--line);padding:4px 9px;border-radius:3px}
/* Hero system */
.fs-hero-grid{grid-template-columns:.82fr 1.18fr}
.fs-hero h1{max-width:590px}
.fs-system-foot{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);background:var(--wash);padding:12px 15px;font-size:11px;color:var(--green)}
.fs-system-foot>span:last-child{margin-left:auto;font-size:9px;color:var(--gray)}
.fs-page .fs-type h3{font-size:inherit;line-height:1}
.fs-page .fs-type p{font-size:15px;margin:8px 0 0 36px}
.fs-type .fs-tags{margin-left:36px}
.fs-type-stage[data-type="0"] [data-preview="0"],.fs-type-stage[data-type="1"] [data-preview="1"],.fs-type-stage[data-type="2"] [data-preview="2"],.fs-type-stage[data-type="3"] [data-preview="3"],.fs-type-stage[data-type="4"] [data-preview="4"]{display:block;animation:sf-appear .3s ease}
.fs-foundation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 18px 18px;border:1px solid var(--green);border-radius:4px;padding:13px 16px;color:var(--green)}
.fs-foundation strong{display:block;font-size:14px;font-weight:600}
.fs-foundation small{display:block;font-size:11px;color:var(--gray);margin-top:3px}
.fs-foundation .ico{color:var(--orange)}
.fs-page .fs-tech h3{font-size:18px;letter-spacing:-.01em}
.fs-page .fs-mern h3{font-size:27px;color:var(--green);margin:12px 0 22px}
.fs-page .fs-mern p{font-size:15px}
.fs-page .fs-decisions dt{font-size:14px;font-weight:400;color:var(--ink);margin:0}
.fs-page .fs-decisions dd{font-size:14px;color:var(--green);font-weight:600}
.fs-page .fs-module h3{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:550;color:var(--green);transition:color .3s}
.fs-page .fs-module p{font-size:14px;line-height:1.6;margin-top:8px}
/* 04 AI + automation (dark) */
.fs-ai{background:var(--green);color:#fff}
.fs-page .fs-ai .sf-eyebrow{color:#fff}
.fs-page .fs-ai h2 em{color:#fff;opacity:.65}
.fs-page .fs-ai p{color:#ffffffc7}
.fs-ai .text-link{color:#fff!important;margin-top:22px}
.fs-page .fs-ai dt{color:#fff}
.fs-page .fs-ai dd{color:#ffffffbf;font-size:14px}
.fs-page .fs-msg{font-size:14px;line-height:1.6;color:var(--ink);padding:13px 15px;border-radius:0 8px 8px 8px;background:var(--wash);border:1px solid var(--line);max-width:94%}
.fs-page .fs-ai .fs-msg{color:var(--ink)}
.fs-page .fs-ai .fs-chat-note{color:var(--gray)}
.fs-page .fs-chat-note{font-size:10px;color:var(--gray);margin-top:auto}
.fs-auto{margin-top:64px;border:1px solid #ffffff35;border-radius:6px;padding:24px 26px;background:linear-gradient(160deg,#ffffff0a,transparent)}
.fs-auto-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.fs-page .fs-ai .sf-mini-label{color:#ffffffb3}
.fs-pipe{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:0;margin:26px 0 20px}
.fs-pipe li{position:relative;border:1px solid #ffffff33;border-radius:4px;padding:15px 13px;background:#ffffff06;transition:border-color .3s,background .3s,transform .3s,opacity .3s}
.fs-pipe li:not(:last-child):after{content:'';position:absolute;right:-17px;top:50%;width:16px;height:1px;background:#ffffff55}
.fs-pipe .ico{display:block;width:22px;height:22px;color:var(--orange);margin-bottom:12px}
.fs-pipe small{font:8px/1.5 Montserrat,sans-serif;letter-spacing:.08em;color:#ffffffa6;text-transform:uppercase}
.fs-pipe strong{display:block;font-size:16px;font-weight:550;margin:4px 0 3px}
.fs-pipe span{font-size:12px;color:#ffffffc2}
.fs-pipe.is-running li{opacity:.4}
.fs-pipe li.is-active{opacity:1!important;border-color:var(--orange);background:#ffffff14;transform:translateY(-4px)}
.fs-pipe li.is-done{opacity:1!important;border-color:#ffffff80}
.fs-console{background:#143f31;border:1px solid #ffffff22;border-radius:4px;padding:13px 16px;font:11px/1.85 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#ffffffdb;min-height:128px}
.fs-console span{display:block;animation:sf-appear .25s ease}
.fs-console time{color:#ffffff75;margin-right:12px}
.fs-console b{color:#ffb08f;font-weight:400}
.fs-integrations{display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px;margin-top:40px}
.fs-integrations dl{border-top:1px solid #ffffff30;padding:16px 0}
.fs-page .fs-integrations dt{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:550;margin-bottom:5px}
.fs-integrations dt .ico{width:18px;height:18px;color:var(--orange)}
.fs-page .fs-integrations dd{font-size:13px}
.fs-page .fs-pillars h3{display:flex;align-items:center;gap:10px;font-size:20px;color:var(--green)}
.fs-page .fs-pillars p{font-size:14px;margin-top:10px}
.fs-case-visual{display:flex;flex-direction:column;height:320px;border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden;margin-bottom:22px}
.fs-case-visual>img{width:100%;height:100%;object-fit:cover;object-position:top}
.fs-diagram{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px 14px;background-image:linear-gradient(rgba(29,84,66,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(29,84,66,.06) 1px,transparent 1px);background-size:26px 26px;background-color:#fff}
.fs-diagram span{border:1px solid var(--line);background:#fff;padding:6px 11px;border-radius:3px;font-size:11px;line-height:1.35;color:var(--green);text-align:center}
.fs-diagram strong{background:var(--green);color:#fff;padding:9px 16px;border-radius:3px;font-size:14px;font-weight:550;box-shadow:0 8px 18px #1d544226}
.fs-diagram b{color:var(--orange);font-weight:400;font-size:11px;line-height:1}
.fs-diagram .fork{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.fs-page .fs-case>h3{font-size:22px;margin:12px 0 18px}
.fs-page .fs-case dt{font-size:12px;font-weight:600;margin:0}
.fs-page .fs-case dd{font-size:13px;line-height:1.55}
.fs-more{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px;margin-top:36px;padding-top:18px;border-top:1px solid var(--line)}
.fs-more>span{font:600 10px/1.6 Montserrat,sans-serif;letter-spacing:.08em;color:var(--gray);text-transform:uppercase}
.fs-more .text-link{font-size:15px}
/* Process lifecycle */
.fs-cycle ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;position:relative}
.fs-cycle ol:before{content:'';position:absolute;left:16px;right:16px;top:16px;height:1px;background:var(--green)}
.fs-cycle li{position:relative;padding-top:46px;display:flex;flex-direction:column}
.fs-page .fs-cycle li p{flex:1}
.fs-cycle li>b{position:absolute;top:0;left:0;width:33px;height:33px;border-radius:50%;background:#fff;border:1px solid var(--green);display:grid;place-items:center;font:600 10px Montserrat,sans-serif;color:var(--green)}
.fs-cycle li:nth-child(7)>b{background:var(--green);color:#fff}
.fs-cycle li:nth-child(8)>b{background:var(--orange);border-color:var(--orange);color:#fff}
.fs-page .fs-cycle h3{font-size:20px;color:var(--green)}
.fs-page .fs-cycle p{font-size:13px;line-height:1.55;margin:8px 0 12px}
.fs-cycle small{display:block;font-size:11px;font-weight:600;color:var(--green);padding-top:9px;border-top:1px dashed rgba(29,84,66,.35)}
.fs-loop{position:relative;height:30px;margin:26px 16px 0;border:1px solid var(--orange);border-top:0;border-radius:0 0 14px 14px}
.fs-loop:before{content:'';position:absolute;left:-5px;top:-7px;border:5px solid transparent;border-bottom:7px solid var(--orange);border-top:0}
.fs-loop span{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);background:#fff;padding:0 14px;font-size:12px;color:var(--orange);white-space:nowrap}
.fs-considers .sf-mini-label{flex:none;max-width:180px}
.fs-considers .fs-tags{margin:0}
.fs-page .fs-start-result p{font-size:13px;line-height:1.6}
.fs-page .fs-a p{font-size:15px;line-height:1.65}
.fs-page .fs-faq-empty{font-size:14px;margin-top:18px}
@media(max-width:1100px){
.fs-hero-grid{grid-template-columns:1fr 1.1fr}
.fs-pipe{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fs-pipe li:nth-child(3):after{display:none}
.fs-integrations{grid-template-columns:repeat(2,1fr)}
.fs-cycle ol{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:34px}
.fs-cycle ol:before{display:none}
.fs-cycle li{border-top:1px solid var(--green);padding-top:30px}
.fs-cycle li>b{top:-17px}
.fs-loop{display:none}
}
@media(max-width:850px){
.fs-hero-grid{grid-template-columns:1fr}
.fs-case-visual{height:auto;min-height:280px}
.fs-considers .fs-tags{margin-top:14px}
}
@media(max-width:650px){
.fs-system-foot>span:last-child{display:none}
.fs-page .fs-type p,.fs-type .fs-tags{margin-left:0}
.fs-auto{padding:20px 16px}
.fs-auto-top{flex-direction:column;align-items:start}
.fs-pipe{grid-template-columns:1fr 1fr;gap:12px}
.fs-pipe li:after{display:none}
.fs-console{font-size:10px}
.fs-integrations{grid-template-columns:1fr}
.fs-cycle ol{grid-template-columns:1fr;row-gap:0}
.fs-cycle li{border-top:0;border-left:1px solid var(--green);padding:0 0 26px 30px;margin-left:16px}
.fs-cycle li>b{top:-2px;left:-17px}
}
@media(prefers-reduced-motion:reduce){
.fs-page *,.fs-page *:before,.fs-page *:after{animation:none!important;transition:none!important}
}
/* ===== Other CMS page. Builds on the shared sf- and fs- components. ===== */
.cm-page .fs-hero h1{max-width:560px}
/* 01 Platforms */
.cm-plat-copy .sf-mini-label{display:block;margin-bottom:10px}
.cm-page .cm-plat-copy h3{font-size:30px;color:var(--green)}
.cm-page .cm-plat-copy p{font-size:16px;margin:14px 0 4px;max-width:520px}
.cm-page .cm-framer h3{font-size:38px}
.cm-motion-controls button,.cm-triggers button,.cm-prios button,.cm-layer-reqs button{border:1px solid var(--line);background:#fff;border-radius:3px;padding:7px 11px;font-size:12px;color:var(--green);min-height:36px;transition:background .2s,color .2s,border-color .2s}
.cm-motion-controls button:hover,.cm-triggers button:hover,.cm-prios button:hover,.cm-layer-reqs button:hover{border-color:var(--green)}
.cm-motion-controls button[aria-pressed=true],.cm-triggers button[aria-pressed=true],.cm-prios button[aria-pressed=true],.cm-layer-reqs button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}
.cm-page .cm-other dt{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:600;color:var(--green);margin-bottom:10px}
.cm-page .cm-other dd{font-size:13px;line-height:1.55;margin-bottom:9px}
.cm-page .cm-others-note{font-size:14px;margin-top:20px}
.cm-page .cm-cap h3{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--green)}
.cm-page .cm-cap p{font-size:14px;margin-top:9px}
.cm-page .fs-ai .cm-commerce p{font-size:13px;color:var(--gray);margin-top:12px}
.cm-auto-ctrls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cm-triggers{display:flex;gap:5px;flex-wrap:wrap}
.fs-ai .cm-triggers button{background:transparent;border-color:#ffffff45;color:#fff}
.fs-ai .cm-triggers button[aria-pressed=true]{background:#fff;color:var(--green);border-color:#fff}
/* 04 Migration, performance, selection */
.cm-mig{border:1px solid var(--line);border-radius:5px;background:#fff;overflow:hidden;box-shadow:0 18px 44px #1d54420a}
.cm-mig .sf-window{padding-block:9px}
.cm-mig-run{padding:6px 12px!important;min-height:36px!important;font-size:12px}
.cm-mig-stages{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0;padding:18px 20px 0}
.cm-mig-stages li{position:relative;font-size:12px;color:var(--gray);border-top:2px solid var(--line);padding-top:9px;transition:color .3s,border-color .3s}
.cm-mig-stages li.done{border-color:var(--green);color:var(--green)}
.cm-mig-stages li.on{border-color:var(--orange);color:var(--green);font-weight:600}
.cm-mig-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:18px 20px}
.cm-mig-pane small{display:block;font-size:10px;color:var(--gray);margin-bottom:6px}
.cm-mig-pane ul{list-style:none;margin:0;padding:0}
.cm-mig-pane li{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:8px 10px;border:1px solid var(--line);border-radius:3px;margin-bottom:5px;transition:opacity .4s,border-color .4s,transform .4s,background .4s}
.cm-mig-pane li span{font:10.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gray)}
.cm-mig-pane li b{font-weight:500}
.cm-redirects li{font:10.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gray);opacity:.25}
.cm-redirects li.in{opacity:1;color:var(--green);border-color:var(--green)}
.cm-redirects li.in:after{content:'301';margin-left:auto;color:var(--orange)}
.cm-page .cm-mig-status{font-size:12px;color:var(--green);padding:12px 20px;border-top:1px solid var(--line);background:var(--wash)}
.cm-page .cm-perf h3{display:flex;align-items:center;gap:10px;font-size:22px;color:var(--green)}
.cm-page .cm-perf p{font-size:15px;margin:10px 0 6px}
.cm-page .cm-choose h3{font-size:30px;color:var(--green);margin:10px 0}
.cm-page .cm-choose-head p{font-size:15px}
.cm-page .cm-options dt{font-size:16px;font-weight:600;color:var(--green);margin:0}
.cm-page .cm-options dd{font-size:13px;line-height:1.5}
.cm-page .cm-choose-note{font-size:12px;color:var(--green);margin-top:14px}
/* 05 Work */
.cm-feature-case{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.cm-feature-case .fs-case-visual{height:auto;min-height:380px;margin:0}
.cm-feature-copy h3{font-size:26px;margin:12px 0 18px}
.cm-feature-copy dl>div{display:grid;grid-template-columns:130px 1fr;gap:16px;border-top:1px solid var(--line);padding:11px 0}
.cm-page .cm-feature-copy dt{font-size:12px;font-weight:600;margin:0}
.cm-page .cm-feature-copy dd{font-size:14px;line-height:1.55}
.fs-diagram .fork .ico{width:13px;height:13px;vertical-align:-2px;margin-right:4px}
.cm-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.cm-slots article{border:1px dashed rgba(29,84,66,.4);border-radius:5px;padding:22px;background:#ffffff90}
.cm-page .cm-slots h3{font-size:19px;color:var(--green);margin:10px 0 8px}
.cm-page .cm-slots p{font-size:13px}
.cm-cycle ol{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1100px){
.cm-cycle ol{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:850px){
.cm-framer,.cm-duo,.cm-layers,.cm-feature-case{grid-template-columns:1fr}
.cm-mig-body{grid-template-columns:1fr 1fr}
.cm-redirects{grid-column:1/-1}
.cm-slots{grid-template-columns:1fr}
}
@media(max-width:650px){
.cm-page .cm-framer h3{font-size:30px}
.cm-mig-stages{grid-template-columns:repeat(3,1fr);row-gap:12px}
.cm-mig-body{grid-template-columns:1fr}
.cm-feature-copy dl>div{grid-template-columns:1fr;gap:3px}
.cm-cycle ol{grid-template-columns:1fr}
}
/* ===== WordPress page. Builds on shared sf-, fs- and cm- components. ===== */
.wp-page.cm-page .fs-hero h1{max-width:600px}
.wp-hero-grid{grid-template-columns:.8fr 1.2fr}
/* Hero system */
.wp-sys{border:1px solid var(--line);border-radius:5px;background:#fff;box-shadow:0 20px 50px #1d54420c;overflow:hidden;min-width:0}
.wp-sys-body{display:grid;grid-template-columns:1fr .95fr 1.1fr;gap:0;min-height:320px}
.wp-sys-body>*{min-width:0}
.wp-admin{display:flex;flex-direction:column;gap:9px;padding:14px;background:var(--sf-paper);border-right:1px solid var(--line)}
.wp-admin-bar{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--green);font-weight:600;padding-bottom:9px;border-bottom:1px solid var(--line)}
.wp-admin-bar b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:10px}
.wp-admin-bar em{margin-left:auto;font-style:normal;font-size:9px;color:var(--orange);border:1px solid #ef602455;border-radius:20px;padding:1px 7px}
.wp-admin label{display:block}
.wp-admin small,.wp-acf-fields small{display:block;font-size:9px;color:var(--gray);margin-bottom:4px}
.wp-field{display:block;min-height:26px;font-size:11px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:3px;padding:5px 8px;white-space:nowrap;overflow:hidden}
.wp-field.typing{border-color:var(--green);box-shadow:0 0 0 2px #1d544218}
.wp-field.typing:after{content:'';display:inline-block;width:1px;height:11px;background:var(--green);margin-left:1px;vertical-align:-1px;animation:wp-caret .8s steps(1) infinite}
.wp-select:after{content:'▾';float:right;color:var(--gray)}
.wp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.wp-thumbs i{height:22px;border-radius:2px;background:linear-gradient(135deg,#d9e3dd,#eef2ef);border:1px solid var(--line)}
.wp-update{align-self:flex-start;margin-top:auto;font-size:10px;background:var(--green);color:#fff;padding:5px 11px;border-radius:3px;transition:background .3s}
.wp-update.go{background:var(--orange)}
.wp-paths{list-style:none;margin:0;padding:14px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px;position:relative;border-right:1px solid var(--line);background:linear-gradient(#fff,var(--wash))}
.wp-paths li{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:#fff;opacity:.5;transition:opacity .35s,border-color .35s,box-shadow .35s}
.wp-paths li .ico{width:17px;height:17px;color:var(--green);flex:none}
.wp-paths b{display:block;font-size:12px;color:var(--green);font-weight:600}
.wp-paths small{display:block;font-size:9px;color:var(--gray)}
.wp-paths li.on{opacity:1;border-color:var(--green);box-shadow:inset 2px 0 0 var(--orange),0 6px 14px #1d544212}
.wp-front{display:flex;flex-direction:column;padding:14px;background-color:var(--wash);background-image:radial-gradient(rgba(29,84,66,.14) 1px,transparent 1px);background-size:14px 14px}
.wp-front-bar{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:4px 4px 0 0;padding:6px 8px}
.wp-front-bar i{width:5px;height:5px;border-radius:50%;background:#c9d2cd}
.wp-front-bar span{margin-left:6px;font-size:9px;color:var(--gray)}
.wp-front-body{flex:1;background:#fff;border:1px solid var(--line);border-radius:0 0 4px 4px;padding:14px;box-shadow:0 12px 28px #1d544214}
.wp-front-body small,.wp-acf-page small{font:600 8px/1.5 Montserrat,sans-serif;letter-spacing:.08em;color:var(--gray)}
.wp-front-body strong{display:block;font-size:20px;line-height:1.1;letter-spacing:-.03em;margin:6px 0 9px;border-radius:2px;transition:background .4s,box-shadow .4s}
.wp-front-body strong.flash,.wp-acf-page strong.flash{background:#ef602420;box-shadow:0 0 0 2px #ef602440}
.wp-front-body>span{display:block;height:4px;border-radius:2px;background:var(--line);width:85%;margin-bottom:4px}
.wp-front-body>span.short{width:55%}
.wp-front-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}
.wp-front-grid i{height:38px;border-radius:3px;background:linear-gradient(135deg,#d9e3dd,#eef2ef)}
.wp-sys-rail{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:11px 14px;border-top:1px solid var(--line)}
.wp-sys-rail span,.wp-sys-rail b{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--green);border:1px solid var(--line);border-radius:20px;padding:4px 10px;transition:all .3s}
.wp-sys-rail .ico{width:13px;height:13px}
.wp-sys-rail b{margin-left:auto;background:var(--wash)}
.wp-sys-rail .on{border-color:var(--orange);box-shadow:0 0 0 3px #ef602418}
.wp-sys-rail b.on{background:var(--green);border-color:var(--green);color:#fff;box-shadow:none}
/* 2. Build paths */
.wp-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:6px 6px 0 0;overflow:hidden;background:#fff}
.wp-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;text-align:left;border:0;border-right:1px solid var(--line);background:#fff;padding:18px;color:var(--green);transition:background .2s}
.wp-tabs button:last-child{border-right:0}
.wp-tabs button:hover{background:var(--wash)}
.wp-tabs b{grid-row:span 2;font:600 10px/2 Montserrat,sans-serif;color:var(--orange)}
.wp-tabs span{font-size:17px;font-weight:600;line-height:1.3}
.wp-tabs small{font-size:12px;color:var(--gray)}
.wp-tabs button[aria-selected=true]{background:var(--green);color:#fff}
.wp-tabs button[aria-selected=true] small{color:#ffffffb3}
.wp-tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange)}
.wp-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center;border:1px solid var(--line);border-top:0;padding:34px;background:#fff;animation:sf-appear .35s ease}
.wp-panel[hidden]{display:none}
.wp-page .wp-panel h3{font-size:27px;color:var(--green)}
.wp-page .wp-panel-copy p{font-size:15px;margin:12px 0 4px}
.wp-ui{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden;min-height:280px;box-shadow:0 18px 44px #1d544210}
.wp-ui-side{background:var(--sf-paper);border-right:1px solid var(--line);padding:12px;font-size:11px}
.wp-ui-side small{display:block;font-size:9px;color:var(--gray);margin:10px 0 5px}
.wp-ui-side small:first-child{margin-top:0}
.wp-ui-side ul{list-style:none;margin:0;padding:0}
.wp-ui-side li{padding:5px 6px;border-radius:3px;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-ui-side li.on{background:#fff;color:var(--green);font-weight:600;box-shadow:inset 2px 0 0 var(--orange)}
.wp-ui-tabs,.wp-ui-dir{display:flex;gap:3px}
.wp-ui-tabs span,.wp-ui-dir span{flex:1;text-align:center;font-size:9px;padding:4px 2px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--gray);transition:all .3s}
.wp-ui-tabs span.on,.wp-ui-dir span.on{background:var(--green);border-color:var(--green);color:#fff}
.wp-ui-els{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.wp-ui-els span{font-size:9px;padding:6px 4px;border:1px solid var(--line);border-radius:2px;background:#fff;text-align:center;color:var(--green)}
.wp-ui-canvas{position:relative;display:flex;flex-direction:column;justify-content:center;padding:18px;background-color:var(--wash);background-image:radial-gradient(rgba(29,84,66,.14) 1px,transparent 1px);background-size:14px 14px;min-width:0}
.wp-ui-note{font-size:10px!important;color:var(--gray)!important;margin-top:10px;text-align:center}
.wp-sec{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border:1px dashed var(--orange);border-radius:4px;padding:14px;transition:grid-template-columns .6s}
.wp-sec.col{grid-template-columns:1fr}
.wp-sec-copy small{font:600 8px/1.5 Montserrat,sans-serif;letter-spacing:.08em;color:var(--orange)}
.wp-sec-copy strong{display:block;font-size:17px;line-height:1.15;letter-spacing:-.02em;margin:4px 0 8px}
.wp-sec-copy span{display:block;height:4px;background:var(--line);border-radius:2px;margin-bottom:4px}
.wp-sec-copy span.short{width:60%}
.wp-sec-copy em{display:inline-block;font-style:normal;font-size:9px;background:var(--green);color:#fff;padding:4px 9px;border-radius:2px;margin-top:6px}
.wp-sec-img{min-height:90px;border-radius:3px;background:linear-gradient(135deg,#cfdcd5,#eef2ef)}
.wp-sec.col .wp-sec-img{min-height:56px}
.wp-blocks{display:grid;gap:6px}
.wp-b{background:#fff;border:1px solid var(--line);border-radius:3px;padding:9px 11px}
.wp-b small{font:600 8px/1.5 Montserrat,sans-serif;letter-spacing:.08em;color:var(--gray)}
.wp-b strong{display:block;font-size:14px;letter-spacing:-.02em}
.wp-b-two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.wp-b-two i{height:34px;background:var(--wash);border-radius:2px}
.wp-b-custom{border:1px solid var(--green);box-shadow:inset 2px 0 0 var(--orange);animation:wp-pulse 2.6s ease-in-out infinite}
.wp-b-custom span{display:block;height:4px;width:70%;background:var(--line);border-radius:2px;margin-top:6px}
.wp-b-cta{text-align:center;font-size:11px;background:var(--green);color:#fff;border-color:var(--green)}
.wp-tpl{background:#fff;border:1px solid var(--line);border-radius:4px;padding:14px}
.wp-tpl>small{font-size:9px;color:var(--gray)}
.wp-tpl code{display:inline-block;font:12px ui-monospace,Menlo,monospace;color:var(--orange);background:#ef602412;padding:3px 7px;border-radius:3px;margin:6px 0 10px}
.wp-tpl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.wp-tpl-cards span{font-size:10px;font-weight:600;color:var(--green);border:1px solid var(--line);border-radius:3px;padding:44px 7px 7px;background:linear-gradient(#e4ece8 0 38px,#fff 38px);animation:sf-appear .5s ease both}
.wp-tpl-cards span:nth-child(2){animation-delay:.15s}
.wp-tpl-cards span:nth-child(3){animation-delay:.3s}
.wp-code{background:var(--green);background-image:none}
.wp-code code{font:11.5px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffffde}
.wp-converge{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:26px;padding:0 10px}
.wp-converge span{position:relative;text-align:center;font-size:11px;color:var(--gray);padding-bottom:22px;transition:color .3s}
.wp-converge span:after{content:'';position:absolute;left:50%;bottom:0;width:1px;height:17px;background:var(--line)}
.wp-converge span.on{color:var(--green);font-weight:600}
.wp-converge span.on:after{width:2px;background:var(--orange)}
.wp-one{margin:0}
.wp-existing{display:grid;grid-template-columns:auto 1fr;gap:10px 30px;align-items:start;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.wp-existing ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.wp-existing li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--green);border:1px solid var(--line);border-radius:4px;padding:8px 12px;background:#fff}
.wp-existing li .ico{width:16px;height:16px;color:var(--orange)}
.wp-page .wp-existing p{grid-column:2;font-size:14px}
/* 3. ACF + AI */
.wp-acf{display:grid;grid-template-columns:1.1fr auto 1fr;gap:0;align-items:center}
.wp-acf-admin,.wp-acf-front{border:1px solid var(--line);border-radius:5px;background:#fff;overflow:hidden;box-shadow:0 18px 44px #1d54420d;min-width:0}
.wp-acf-body{display:grid;grid-template-columns:110px 1fr}
.wp-acf-body aside{background:#1e2a25;color:#ffffffa6;padding:12px 8px;font-size:11px}
.wp-acf-body aside b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#1e2a25;font-size:11px;margin:0 0 12px 4px}
.wp-acf-body aside span{display:block;padding:6px 7px;border-radius:3px}
.wp-acf-body aside span.on{background:var(--green);color:#fff;box-shadow:inset 2px 0 0 var(--orange)}
.wp-acf-fields{padding:16px}
.wp-acf-fields small{margin-top:10px}
.wp-acf-fields input{width:100%;font:15px var(--font);color:var(--ink);border:1px solid var(--green);border-radius:3px;padding:8px 10px;outline:0}
.wp-acf-fields input:focus{box-shadow:0 0 0 3px #ef602430;border-color:var(--orange)}
.wp-acf-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wp-flex{list-style:none;margin:0;padding:0}
.wp-flex li{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 9px;border:1px solid var(--line);border-radius:3px;margin-top:4px}
.wp-flex b{font:600 9px Montserrat,sans-serif;color:var(--orange)}
.wp-flex span{margin-left:auto;font-size:10px;color:var(--gray)}
.wp-page .wp-acf-hint{font-size:11px;color:var(--green);margin-top:10px}
.wp-acf-arrow{position:relative;width:90px;height:2px;background:var(--orange)}
.wp-acf-arrow:after{content:'';position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--orange);border-right:0}
.wp-acf-arrow span{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font:10px ui-monospace,Menlo,monospace;color:var(--orange);white-space:nowrap}
.wp-acf-page{padding:22px}
.wp-acf-page strong{display:block;font-size:32px;line-height:1.05;letter-spacing:-.04em;margin:8px 0 6px;color:var(--ink);word-break:break-word;transition:background .4s,box-shadow .4s}
.wp-page .wp-acf-page p{font-size:14px}
.wp-acf-page em{display:inline-block;font-style:normal;font-size:11px;color:var(--green);font-weight:600;margin-top:12px}
.wp-chain{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0;padding:0}
.wp-chain li{position:relative;font-size:12px;font-weight:600;color:var(--green);background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 14px}
.wp-chain li:not(:last-child):after{content:'→';position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--orange);font-weight:400}
.wp-chain li:last-child{background:var(--green);color:#fff;border-color:var(--green)}
.wp-cap,.wp-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:46px}
.wp-cap>div,.wp-quad>div{border-top:2px solid var(--green);padding-top:16px}
.wp-page .wp-cap h3,.wp-page .wp-quad h3{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--green)}
.wp-cap h3 .ico,.wp-quad h3 .ico{width:19px;height:19px;color:var(--orange)}
.wp-page .wp-cap p,.wp-page .wp-quad p{font-size:14px;margin-top:9px}
.wp-quad .text-link{margin-top:10px;font-size:14px}
.wp-ai{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start;margin-top:64px;padding-top:44px;border-top:1px solid var(--line)}
.wp-page .wp-ai h3{font-size:30px;color:var(--green);margin:12px 0}
.wp-page .wp-ai-copy p{font-size:15px}
.wp-ai-run{margin-top:22px}
.wp-ai-board{border:1px solid var(--line);border-radius:5px;background:#fff;overflow:hidden;box-shadow:0 18px 44px #1d54420d}
.wp-ai-steps{list-style:none;margin:0;padding:10px 18px}
.wp-ai-steps li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);opacity:.55;transition:opacity .3s}
.wp-ai-steps li:first-child{border-top:0}
.wp-ai-steps li>b{font:600 10px Montserrat,sans-serif;color:var(--orange)}
.wp-ai-steps strong{display:block;font-size:14px;font-weight:600;color:var(--green)}
.wp-ai-steps small{font-size:11px;color:var(--gray)}
.wp-ai-steps em{font-style:normal;font-size:10px;color:var(--gray);border:1px dashed var(--line);border-radius:20px;padding:2px 9px}
.wp-ai-steps li.is-active{opacity:1}
.wp-ai-steps li.is-active strong{color:var(--orange)}
.wp-ai-steps li.is-done{opacity:1}
.wp-ai-steps li.is-done em{border-style:solid;border-color:var(--green);color:var(--green)}
.wp-ai-steps li.is-done em:before{content:'✓ '}
.wp-term{margin:0 18px 18px;min-height:112px}
/* 4. Woo + integrations (dark) */
.wp-dark-head p{color:#ffffffc7}
.wp-woo{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.wp-woo-store{background:#fff;color:var(--ink);border-radius:5px;overflow:hidden;box-shadow:0 24px 60px #0003;min-width:0}
.wp-woo-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px;background:var(--wash)}
.wp-woo-stage{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:11px;opacity:.45;transform:translateY(4px);transition:opacity .4s,transform .4s,border-color .4s,box-shadow .4s;min-height:180px}
.wp-woo-stage small{font:600 8px/1.5 Montserrat,sans-serif;letter-spacing:.08em;color:var(--gray);text-transform:uppercase}
.wp-woo-stage.on{opacity:1;transform:none;border-color:var(--green);box-shadow:0 10px 22px #1d54421c}
.wp-woo-stage.done{opacity:1;transform:none}
.wp-prod{display:block;height:62px;border-radius:3px;background:radial-gradient(circle at 50% 40%,#ffd9c7 0 14px,transparent 15px),linear-gradient(135deg,#1d5442,#2b6e57)}
.wp-woo-stage b{font-size:11px}
.wp-var{display:flex;gap:4px}
.wp-var em{font-style:normal;font-size:9px;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--line);border-radius:2px}
.wp-var em.on2{border-color:var(--green);background:var(--green);color:#fff}
.wp-btn{margin-top:auto;text-align:center;font-size:10px;background:var(--orange);color:#fff;border-radius:2px;padding:5px}
.wp-line{display:flex;justify-content:space-between;font-size:10px;padding:4px 0;border-bottom:1px solid var(--line)}
.wp-line.tot{font-weight:600;border:0;color:var(--green)}
.wp-pay{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:6px}
.wp-pay.on{border-color:var(--green);box-shadow:inset 2px 0 0 var(--orange)}
.wp-op{font-size:10px;font-weight:600;color:var(--green);border:1px solid var(--line);border-radius:3px;padding:5px 7px}
.wp-woo-stage.on .wp-op{animation:sf-appear .4s ease both}
.wp-woo-stage.on .wp-op:nth-child(3){animation-delay:.15s}
.wp-woo-stage.on .wp-op:nth-child(4){animation-delay:.3s}
.wp-woo-stage.on .wp-op:nth-child(5){animation-delay:.45s}
.wp-woo-caps{display:grid;gap:20px}
.wp-woo-caps>div{border-top:1px solid #ffffff35;padding-top:14px}
.wp-woo-caps span{font:600 10px/1.5 Montserrat,sans-serif;letter-spacing:.1em;color:var(--orange)}
.wp-page .wp-woo-caps h3{font-size:20px;color:#fff;margin:4px 0 6px}
.wp-page .fs-ai .wp-woo-caps p{font-size:14px}
.wp-page .fs-ai .wp-woo-foot{font-size:12px;color:#ffffff99}
.wp-ai-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;margin-top:40px}
.wp-int{grid-template-columns:1fr 1fr!important;margin-top:0!important}
.wp-chat{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 24px 60px #0003}
.wp-chat-body{display:flex;flex-direction:column;gap:8px;padding:16px}
.wp-page .fs-ai .wp-chat-body p{align-self:start;max-width:88%;font-size:12px;line-height:1.5;color:var(--ink);background:var(--wash);border:1px solid var(--line);border-radius:0 8px 8px 8px;padding:8px 11px}
.wp-page .fs-ai .wp-chat-body p.u{align-self:end;background:var(--green);color:#fff;border-color:var(--green);border-radius:8px 0 8px 8px}
.wp-chat-body span{font-size:10px;color:var(--green);font-weight:600;margin-top:4px}
.wp-page .fs-ai .wp-dark-note{font-size:14px;max-width:900px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff30}
.wp-dark-note .fs-inline{color:#fff}
/* 5. Quality */
.wp-perf{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.wp-rebuild{border:1px solid var(--line);border-radius:5px;background:#fff;overflow:hidden;box-shadow:0 18px 44px #1d54420a}
.wp-rebuild .sf-window{padding-block:9px}
.wp-rb-body{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:18px}
.wp-rb-col small{display:block;font-size:10px;color:var(--gray);margin-bottom:6px}
.wp-rb-col ul{list-style:none;margin:0;padding:0}
.wp-rb-col li{font-size:12px;padding:8px 10px;border:1px solid var(--line);border-radius:3px;margin-bottom:5px;transition:opacity .4s,background .4s,border-color .4s,text-decoration-color .4s}
[data-rb-before] li{background:#fbeee9;border-color:#f3d2c4;text-decoration:line-through;text-decoration-color:transparent}
[data-rb-before] li.out{opacity:.35;text-decoration-color:var(--orange)}
[data-rb-after] li{opacity:.3;border-style:dashed}
[data-rb-after] li.in{opacity:1;border-style:solid;border-color:var(--green);background:var(--wash);color:var(--green);font-weight:600}
.wp-rb-arrow{color:var(--orange);font-size:20px;font-weight:400}
.wp-page .wp-rb-note{font-size:11px;color:var(--gray);padding:11px 18px;border-top:1px solid var(--line);background:var(--wash)}
.wp-cwv dl{margin:14px 0 16px!important;border:1px solid var(--line);border-radius:5px;background:#fff}
.wp-cwv dl>div{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}
.wp-cwv dl>div:first-child{border:0}
.wp-page .wp-cwv dt{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--green);margin:0}
.wp-cwv dt small{display:block;font-size:10px;font-weight:400;color:var(--gray);letter-spacing:0}
.wp-page .wp-cwv dd{font-size:13px}
.wp-page .wp-cwv>p{font-size:14px}
.wp-mig{margin-top:46px}
.wp-mig-tags{margin-top:16px}
.wp-page .wp-mig-note{font-size:13px;color:var(--gray);margin-top:12px}
/* 6. Work + process */
.wp-process{margin-top:84px;padding-top:60px;border-top:1px solid var(--line);scroll-margin-top:170px}
.wp-toolkit{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin:48px 0 0!important}
.wp-toolkit>div{border-top:1px solid var(--line);padding-top:12px}
.wp-page .wp-toolkit dt{font:600 10px/1.5 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:5px}
.wp-page .wp-toolkit dd{font-size:13px;line-height:1.55}
.wp-end{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:44px;padding:26px 30px;border:1px solid var(--green);border-radius:6px;background:#fff}
.wp-page .wp-end p{font-size:18px;color:var(--green);max-width:520px}
.wp-end .sf-actions{margin:0}
@keyframes wp-caret{50%{opacity:0}}
@keyframes wp-pulse{50%{box-shadow:inset 2px 0 0 var(--orange),0 0 0 4px #ef602414}}
@media(max-width:1100px){
.wp-hero-grid{grid-template-columns:1fr 1.1fr}
.wp-sys-body{grid-template-columns:1fr 1fr}
.wp-paths{display:none}
.wp-tabs span{font-size:15px}
.wp-tabs small{display:none}
.wp-panel{grid-template-columns:1fr;gap:26px}
.wp-cap,.wp-quad{grid-template-columns:1fr 1fr}
.wp-ai{grid-template-columns:1fr;gap:30px}
.wp-woo{grid-template-columns:1fr}
.wp-ai-grid{grid-template-columns:1fr}
.wp-toolkit{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
.wp-hero-grid{grid-template-columns:1fr}
.wp-sys{max-width:680px;width:100%;justify-self:center}
.wp-acf{grid-template-columns:1fr;gap:34px}
.wp-acf-arrow{width:2px;height:40px;justify-self:center}
.wp-acf-arrow:after{right:-4px;top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid var(--orange);border-bottom:0}
.wp-acf-arrow span{top:50%;left:14px;transform:translateY(-50%)}
.wp-perf{grid-template-columns:1fr}
.wp-woo-stages{grid-template-columns:1fr 1fr}
.wp-existing{grid-template-columns:1fr}
.wp-page .wp-existing p{grid-column:auto}
.wp-end{flex-direction:column;align-items:flex-start}
}
@media(max-width:650px){
.wp-sys-body{grid-template-columns:1fr}
.wp-admin{border-right:0;border-bottom:1px solid var(--line)}
.wp-sys-rail b{margin-left:0}
.wp-tabs{grid-template-columns:1fr 1fr}
.wp-tabs button:nth-child(2){border-right:0}
.wp-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}
.wp-panel{padding:18px}
.wp-ui{grid-template-columns:1fr}
.wp-ui-side{border-right:0;border-bottom:1px solid var(--line)}
.wp-converge span{font-size:9px}
.wp-acf-body{grid-template-columns:1fr}
.wp-acf-body aside{display:none}
.wp-cap,.wp-quad{grid-template-columns:1fr}
.wp-ai-steps li{grid-template-columns:24px 1fr}
.wp-ai-steps em{display:none}
.wp-woo-stage{min-height:150px}
.wp-int{grid-template-columns:1fr!important}
.wp-rb-body{grid-template-columns:1fr}
.wp-rb-arrow{transform:rotate(90deg);justify-self:center}
.wp-cwv dl>div{grid-template-columns:1fr;gap:4px}
.wp-toolkit{grid-template-columns:1fr}
.wp-end{padding:20px}
}
[data-wmig-old] li.moved{opacity:.35;transform:translateX(8px)}
[data-wmig-new] li{opacity:.25;border-style:dashed}
[data-wmig-new] li.in{opacity:1;border-style:solid;border-color:var(--green);background:var(--wash)}
[data-wmig-new] li.in b:after{content:' ✓';color:var(--orange)}
.wp-chain{gap:8px 24px}