.openclaw-page .oc-hero .hero-copy h1{font-size:clamp(44px,4.7vw,68px);line-height:1.05;max-width:680px}
.openclaw-page .oc-faq{padding-block:48px;scroll-margin-top:130px}
.openclaw-page .oc-faq [hidden]{display:none!important}
.openclaw-page .oc-faq .v2-heading{margin-bottom:23px}
.oc-faq-search{max-width:680px;margin:0 auto 24px}
.oc-faq-search label{display:block;margin-bottom:8px;font-size:14px;font-weight:650;color:var(--ink)}
.oc-faq-search-field{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;background:var(--white);padding:0 15px;min-height:52px}
.oc-faq-search-field:focus-within{outline:2px solid var(--purple);outline-offset:2px}
.oc-faq-search-field>svg{width:26px;height:26px;flex:none}
.oc-faq-search-field input{appearance:none;min-width:0;flex:1;width:100%;font:inherit;font-size:15px;color:var(--ink);background:transparent;border:0;border-radius:0;outline:0;padding:14px 0;box-shadow:none}
.oc-faq-search-field input::placeholder{color:var(--muted);opacity:1}
.oc-faq-search-field input::-webkit-search-cancel-button{appearance:none}
.oc-faq-search-field button{border:0;background:transparent;color:var(--purple);font:inherit;font-size:13px;font-weight:650;min-height:44px;padding:4px;cursor:pointer}
.openclaw-page .oc-faq .v2-faq-topics{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding-inline:2px;gap:6px;border:0;max-width:1240px;padding:3px 2px 8px;margin:0 auto 18px}
.openclaw-page .oc-faq .v2-faq-topics button{flex:1 0 auto;flex-direction:row;white-space:nowrap;gap:8px;padding:10px;min-height:49px;border:1px solid transparent;border-radius:5px;font-size:13px;line-height:1.4}
.openclaw-page .oc-faq .v2-faq-topics button span{max-width:none}
.openclaw-page .oc-faq .v2-faq-topics button>svg.fuerza-illustrated-icon{width:25px;height:25px;flex:none}
.openclaw-page .oc-faq .v2-faq-topics button[aria-selected=true]{border-color:var(--line);color:var(--purple);background:#f0e6f7}
.openclaw-page .oc-faq .v2-faq-topics button:focus-visible,.oc-faq-search-field button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.oc-faq-topic-heading{font:650 20px/1.4 'FUERZA Sans','DM Sans',sans-serif!important;letter-spacing:0!important;margin:26px 0 12px}
.oc-faq-enhanced .oc-faq-topic-heading{display:none}
.openclaw-page .oc-faq .faq-list summary{padding:17px 16px;font-size:15px;line-height:1.55}
.openclaw-page .oc-faq .faq-list details{scroll-margin-top:130px}
.openclaw-page .oc-faq .faq-list details>p{font-size:14px;line-height:1.8;padding:0 52px 20px 16px;max-width:930px;margin:0}
.oc-faq .faq-list a,.oc-faq-empty a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.oc-faq-results{max-width:1040px;margin:auto}
.oc-faq-status{font-size:13px;line-height:1.5;color:var(--muted);margin:0 16px 8px}
.openclaw-page .oc-faq .faq-list summary>.oc-faq-result-title{font:inherit;color:inherit;flex:1;min-width:0;width:auto;text-align:left}
.openclaw-page .oc-faq .faq-list summary .oc-faq-result-topic{display:block;font:550 11px/1.4 'FUERZA Sans','DM Sans',sans-serif;letter-spacing:.5px;color:var(--muted);margin-bottom:5px;width:auto;text-align:left}
.oc-faq-empty{padding:24px 16px;font-size:15px;line-height:1.7;color:var(--muted)}
@media(max-width:700px){
 .openclaw-page .oc-faq{padding-block:32px}
 .oc-faq-search{margin-bottom:17px}
 .oc-faq-search-field{gap:8px;padding-inline:12px}
 .oc-faq-search-field input{font-size:16px}
 .openclaw-page .oc-faq .v2-faq-topics{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:6px;padding:3px 2px 11px;scroll-padding-inline:2px}
 .openclaw-page .oc-faq .v2-faq-topics button{flex:none;white-space:nowrap;min-height:46px;font-size:13px;padding:8px 12px}
 .openclaw-page .oc-faq .v2-faq-topics button span{max-width:none}
 .openclaw-page .oc-faq .faq-list summary{font-size:14px;padding:15px 10px;gap:15px}
 .openclaw-page .oc-faq .faq-list details>p{font-size:14px;padding:0 15px 18px 10px;line-height:1.75}
 .oc-faq-status{margin-left:10px}
}
.openclaw-page .oc-hero .hero-lead{max-width:590px}
.openclaw-page .oc-hero .hero-actions{flex-wrap:wrap;gap:20px}
.openclaw-page .oc-hero-note{font-size:14px;color:var(--muted);margin-top:20px}
.openclaw-page .oc-art-caption{text-align:center;font-size:14px;color:var(--muted);line-height:1.7}
.openclaw-page .oc-benefits{padding:28px 0 36px}
.oc-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding-top:28px}
.oc-benefit-grid article{display:flex;gap:16px;align-items:flex-start}
.oc-benefit-grid article>svg{width:32px;height:32px;flex:none;color:var(--purple)}
.oc-benefit-grid h2{font:650 17px/1.4 'FUERZA Sans','DM Sans',sans-serif!important;letter-spacing:0!important}
.oc-benefit-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:8px}
.oc-workload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.oc-workload-grid article>svg{width:36px;height:36px;color:var(--purple);margin-bottom:20px}
.oc-workload-grid h3{font-size:22px;letter-spacing:-.5px;margin-bottom:12px}
.oc-workload-grid p{font-size:15px;line-height:1.75;color:var(--muted)}
.oc-workload-grid .oc-prompt-example{margin-top:21px;border-top:1px solid var(--line);padding-top:17px;color:var(--ink);font-size:15px}
.oc-prompt-example span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--purple);font-weight:650;margin-bottom:8px}
.oc-example-note{font-size:13px;color:var(--muted);line-height:1.7;text-align:center;max-width:750px;margin:35px auto 0}
.oc-offer{background:var(--lavender)}
.oc-offer-includes{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 30px;margin:-6px 0 34px;font-size:14px;color:var(--muted)}
.oc-offer-includes span{display:flex;gap:9px;align-items:center}
.oc-offer-includes svg{width:23px;height:23px;color:var(--purple)}
.oc-billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:var(--white);border:1px solid var(--line)}
.oc-billing-card{padding:30px;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}
.oc-billing-card:last-child{border-right:0}
.oc-term-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--purple);font-weight:650;margin-bottom:13px}
.oc-billing-card h3{font-size:24px;line-height:1.3;letter-spacing:-.5px;margin-bottom:10px}
.oc-term-copy{font-size:14px;color:var(--muted);line-height:1.65;min-height:46px}
.oc-term-price{display:flex;flex-wrap:wrap;gap:3px 7px;align-items:baseline;margin:24px 0 11px}
.oc-term-price strong{font-size:36px;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.25}
.oc-term-price>span{font-size:14px;color:var(--muted)}
.oc-term-total,.oc-term-payment{font-size:13px;color:var(--muted);line-height:1.7}
.oc-term-payment{color:var(--ink);margin-top:10px}
.oc-billing-card .button{width:100%;margin-top:28px;align-self:start;justify-content:space-between}
.oc-offer-note{max-width:900px;margin:25px auto 0;font-size:13px;color:var(--muted);line-height:1.8;text-align:center}
.oc-technical{border-top:1px solid var(--line);max-width:900px;margin:25px auto 0;padding:20px 0;font-size:14px;color:var(--muted);line-height:1.8}
.oc-technical summary{font-weight:600;color:var(--ink);min-height:32px}
.oc-technical>p{margin-top:13px}
.oc-offer-help{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:13px}
.oc-offer-help>p{font-size:15px;color:var(--muted)}
.oc-start{background:var(--paper)}
.oc-simple-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0;padding:0}
.oc-simple-steps li>span{font-size:27px;color:var(--purple);display:block;margin-bottom:17px}
.oc-simple-steps h3{font-size:22px;line-height:1.35;letter-spacing:-.4px;margin-bottom:12px}
.oc-simple-steps p{font-size:15px;color:var(--muted);line-height:1.75}
@media(max-width:1050px){.oc-billing-card{padding:24px 20px}.oc-term-price strong{font-size:31px}.oc-workload-grid{gap:30px}}
@media(max-width:800px){.oc-benefit-grid{gap:22px}.oc-benefit-grid article{gap:11px}.oc-benefit-grid h2{font-size:15px!important}.oc-billing-grid{grid-template-columns:1fr}.oc-billing-card{padding:25px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;column-gap:22px}.oc-billing-card:last-child{border-bottom:0}.oc-term-label,.oc-billing-card h3,.oc-term-copy{grid-column:1}.oc-term-copy{min-height:0}.oc-term-price{grid-column:2;grid-row:1/4;align-self:center;margin:0;justify-content:end}.oc-term-total,.oc-term-payment{grid-column:1/-1;margin-top:13px}.oc-billing-card .button{grid-column:1/-1;margin-top:18px}.oc-simple-steps{gap:26px}}
@media(max-width:650px){.openclaw-page .oc-hero .hero-copy h1{font-size:44px}.oc-benefit-grid,.oc-workload-grid,.oc-simple-steps{grid-template-columns:1fr}.oc-benefit-grid{gap:24px}.oc-benefit-grid h2{font-size:17px!important}.oc-benefit-grid article>svg{width:30px;height:30px}.oc-workload-grid{gap:32px}.oc-workload-grid article>svg{margin-bottom:14px}.oc-example-note{text-align:left}.oc-offer-includes{display:grid;justify-content:start;gap:13px}.oc-billing-card{display:flex;padding:25px}.oc-term-price{justify-content:start;margin:12px 0 0}.oc-term-price strong{font-size:36px}.oc-offer-note{text-align:left}.oc-offer-help{justify-content:start;gap:14px}.oc-simple-steps{gap:30px}.openclaw-page .oc-hero .hero-actions>.button{width:100%;justify-content:center}.openclaw-page .oc-hero-note{font-size:13px}}

/* Explicit product introduction and footer country selection. */
.openclaw-page .oc-hero{padding-block:54px 48px}
.openclaw-page .oc-hero .hero-copy h1{font-size:clamp(40px,4.05vw,58px)!important;line-height:1.08;max-width:670px;margin-bottom:22px}
.openclaw-page .oc-hero .hero-layout{padding-block:10px 6px}
.oc-product-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.oc-product-brand>img{width:44px;height:44px;flex:none}
.oc-product-brand p{display:grid;gap:2px;line-height:1.3}
.oc-product-brand strong{font-size:20px;font-weight:700;letter-spacing:-.3px}
.oc-product-brand span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.openclaw-page .oc-hero .hero-lead{font-size:17px;line-height:1.75;max-width:590px}
.oc-hosting-explainer{font-size:15px;line-height:1.75;color:var(--muted);max-width:570px;margin-top:14px}
.oc-hero-price{margin:14px 0 0;padding-left:0;border-left:0;max-width:540px}
.oc-price-label{display:block;font-size:22px;line-height:1.3;font-weight:650;color:var(--ink);margin-bottom:6px}
.oc-hero-price>div{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;line-height:1.2}
.oc-hero-price strong{font-size:32px;font-weight:750;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.oc-hero-price>div>span{font-size:14px;color:var(--muted)}
.oc-hero-price>p{font-size:12px;color:var(--muted);margin-top:4px}
.oc-hero-price small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:7px}
.openclaw-page .oc-hero .hero-actions{gap:12px;margin-top:16px}
.openclaw-page .oc-hero .hero-actions .button{gap:11px;font-size:13px;padding:13px 17px}
.oc-footer-controls{display:flex;gap:12px 22px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
#fuerza-opening .oc-footer-controls .legal-links{margin:0;gap:16px}
.oc-country-picker summary{font-size:12px;gap:8px;min-height:42px;white-space:nowrap}
.oc-country-prefix{color:var(--muted)}
.oc-country-picker .currency-options{top:auto;bottom:calc(100% + 10px);width:280px;max-height:min(410px,65vh);overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 40px);text-align:left}
.oc-country-picker .currency-options button{min-height:40px;font-size:13px}
.oc-country-picker .currency-intro{padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}
.oc-country-picker .currency-intro strong{font-size:13px}
.oc-country-picker .currency-intro p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:6px;white-space:normal}
.oc-country-picker [aria-pressed=true]{background:#eee3f6;color:var(--purple)}
.openclaw-page .site-footer .footer-top{flex-wrap:wrap;gap:22px}
.oc-country-picker summary:focus-visible{outline:3px solid #9364b5;outline-offset:4px}
@media(max-width:1050px){.openclaw-page .oc-hero .hero-copy h1{font-size:46px}.oc-footer-controls{width:100%;justify-content:space-between}.openclaw-page .oc-hero .hero-actions .button{padding-inline:13px}}
@media(max-width:650px){.openclaw-page .oc-hero{padding-block:34px 38px}.openclaw-page .oc-hero .hero-copy h1{font-size:40px}.oc-product-brand{margin-bottom:21px}.openclaw-page .oc-hero .hero-lead{font-size:16px}.oc-hosting-explainer{font-size:14px}.oc-hero-price{margin-block:14px 0}.oc-footer-controls{align-items:flex-start;flex-direction:column;gap:12px}.oc-country-picker .currency-options{left:0;right:auto}.openclaw-page .oc-hero .hero-actions{flex-direction:column;align-items:stretch}.openclaw-page .oc-hero .hero-actions>.button{width:100%;justify-content:center}.openclaw-page .oc-art-caption{font-size:12px}}

.openclaw-page .oc-hero .hero-actions .oc-cta-logo{width:25px;height:25px;object-fit:contain;flex:none}.oc-hero-price .oc-price-from{font-size:14px;color:var(--muted);margin-right:1px}

/* Illustrated tasks in one horizontal row. */
.oc-workloads>.container{width:min(1640px,calc(100% - 64px))}
.oc-workloads .v2-heading>p:not(.eyebrow){max-width:780px;margin-inline:auto}
.oc-capability-carousel{--oc-columns:6;--oc-gap:16px}
.oc-capability-window{overflow-x:auto;overflow-y:hidden;touch-action:pan-y;outline-offset:5px;scrollbar-width:thin}
.is-ready .oc-capability-window{overflow:hidden}
.oc-capability-window:focus-visible{outline:2px solid #9364b5;outline-offset:4px}
.oc-capability-window:focus:not(:focus-visible){outline:none}
.oc-capability-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--oc-columns) - 1)*var(--oc-gap))/var(--oc-columns));gap:var(--oc-gap)}
.oc-capability-carousel.is-ready .oc-capability-track{display:flex;gap:0;transition:transform .65s ease;will-change:transform}
.oc-capability-carousel[data-resetting=true] .oc-capability-track{transition:none}
.oc-capability-page{display:grid;grid-template-columns:repeat(var(--oc-columns),minmax(0,1fr));grid-template-rows:1fr;gap:var(--oc-gap);flex:0 0 100%;min-width:0;padding:2px}
.oc-capability-card{min-width:0;background:#fcfafc;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.oc-capability-art{margin:0;padding:10px 6px 0;aspect-ratio:1.5;display:flex;align-items:center}
.oc-capability-art img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.oc-capability-copy{padding:8px 15px 22px}
.oc-capability-category{min-height:28px;font-size:9px;line-height:1.5;font-weight:650;text-transform:uppercase;letter-spacing:.85px;color:var(--purple);margin-bottom:6px}
.oc-capability-card h3{font-size:18px;line-height:1.3;letter-spacing:-.35px;min-height:2.6em;margin:0 0 10px}
.oc-capability-description{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.oc-capability-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-inline:2px}
.oc-capability-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.oc-capability-buttons{flex:none;display:flex;align-items:center;gap:8px}
.oc-capability-buttons button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;width:42px;padding:9px;border:1px solid #cbb6da;background:transparent;border-radius:4px;color:var(--ink)}
.oc-capability-buttons button:hover{background:var(--lavender)}
.oc-capability-buttons svg{width:19px;height:19px;flex:none}
.oc-capability-arrow[data-capability-previous]>svg{transform:rotate(180deg)}
@media(max-width:1279px){.oc-capability-carousel{--oc-columns:3;--oc-gap:20px}.oc-capability-category{font-size:10px;min-height:15px}.oc-capability-card h3{font-size:21px}.oc-capability-description{font-size:14px}.oc-capability-copy{padding:8px 20px 23px}.oc-capability-art{max-height:180px}.oc-capability-art img{height:180px}}
@media(max-width:650px){.oc-workloads>.container{width:calc(100% - 40px)}.oc-capability-carousel{--oc-columns:1;--oc-gap:14px}.oc-capability-art{aspect-ratio:1.75;max-height:190px}.oc-capability-art img{height:190px}.oc-capability-card h3{font-size:23px;min-height:0;margin-bottom:12px}.oc-capability-description{font-size:15px;line-height:1.7}.oc-capability-category{font-size:10px;margin-bottom:9px}.oc-capability-copy{padding:8px 23px 25px}.oc-capability-controls{gap:8px;margin-top:16px}.oc-capability-note{font-size:11px;max-width:190px}}
@media(prefers-reduced-motion:reduce){.oc-capability-carousel.is-ready .oc-capability-track{transition:none}}

/* Compact transitions between the campaign's opening sections. */
/* A supporting logo strip, kept subordinate to tasks and packages. */
.openclaw-page .oc-integrations.section{padding-block:22px 20px;border-top:1px solid var(--line);background:#faf7fc}
.oc-integration-heading{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:10px}
.oc-integration-heading h2{font:400 30px/1.2 'FUERZA Editorial',serif;letter-spacing:-.7px;margin:0}
.oc-integration-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 1px;touch-action:pan-x pan-y}
.oc-integration-track::-webkit-scrollbar{display:none}
.oc-integration-tile{display:flex;flex:0 0 calc((100% - 60px)/6);min-width:0;height:90px;flex-direction:column;align-items:center;justify-content:center;gap:9px;scroll-snap-align:start;text-align:center;border:1px solid transparent;border-radius:5px;color:var(--ink);transition:background .15s,border-color .15s}
.oc-integration-tile:hover{background:#fff;border-color:var(--line)}
.oc-integration-logo{display:block;width:36px;height:36px;object-fit:contain;flex:none}
.oc-integration-tile>span{font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
.oc-integration-tile sup{font-size:9px;margin-left:2px;color:var(--muted)}
.oc-provider-row{display:flex;align-items:center;gap:12px 22px;padding-top:10px;margin-top:8px;border-top:1px solid var(--line)}
.oc-provider-row>h3{flex:0 0 92px;font:600 12px/1.4 'FUERZA Sans','DM Sans',sans-serif;letter-spacing:0;margin:0}
.oc-provider-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 22px;min-width:0}
.oc-provider-links>a{display:flex;align-items:center;gap:7px;min-height:30px;font-size:12px;font-weight:500}
.oc-provider-links .oc-integration-logo{width:21px;height:21px}
.oc-external-arrow{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2;flex:none;opacity:.65}
.oc-provider-links>a:hover span:hover{text-decoration:underline;text-underline-offset:4px}
.oc-integration-connection-note{font-size:10px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.oc-integration-connection-note span{margin-left:8px}
.oc-integration-tile:focus-visible,.oc-provider-links>a:focus-visible:focus-visible,.oc-integration-track:focus-visible{outline:2px solid #9364b5;outline-offset:-2px}
@media(max-width:1100px){.oc-integration-tile{flex-basis:calc((100% - 36px)/4)}}
@media(max-width:800px){.oc-integration-tile{flex-basis:calc((100% - 24px)/3)}.oc-provider-row{gap:8px 14px}.oc-provider-links{gap:4px 16px}}
@media(max-width:650px){.openclaw-page .oc-integrations.section{padding-block:18px}.oc-integration-heading{gap:10px}.oc-integration-heading h2{font-size:25px;max-width:240px}.oc-integration-controls button{width:32px;height:32px}.oc-integration-tile{flex-basis:calc((100% - 12px)/2);height:86px}.oc-provider-row{align-items:flex-start;gap:5px;flex-direction:column}.oc-provider-row>h3{flex:auto;font-size:11px}.oc-provider-links{gap:4px 14px}.oc-provider-links>a{font-size:11px}.oc-provider-links .oc-integration-logo{width:19px;height:19px}.oc-extension-links{gap:0 14px}.oc-extension-links>a{font-size:11px;min-height:26px}.oc-integration-connection-note{font-size:9px}.oc-integration-connection-note span{margin-left:4px}}

.openclaw-page .oc-hero .v2-hero-art{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.openclaw-page .oc-hero .v2-hero-art .hero-server{width:100%;max-width:100%;margin:0;transform:none;mask-image:none}
.openclaw-page .oc-hero{padding-block:32px 20px}
.openclaw-page .oc-hero .hero-layout{min-height:0;padding-block:8px}
.openclaw-page .oc-workloads.section{padding-block:32px 28px}
.openclaw-page .oc-offer.section{padding-block:32px 48px}
.openclaw-page .oc-workloads .v2-heading,.openclaw-page .oc-offer .v2-heading{margin-bottom:24px}
.openclaw-page .oc-workloads .v2-heading>.eyebrow,.openclaw-page .oc-offer .v2-heading>.eyebrow{margin:0 auto 8px}
.oc-inclusion-box{margin-top:20px;padding:18px 20px;border:1px solid #d5c3e1;border-radius:7px;background:#fcfafc}
.oc-inclusion-box>h3{font:650 16px/1.4 'FUERZA Sans','DM Sans',sans-serif;letter-spacing:-.2px;margin:0 0 14px}
.openclaw-page .oc-offer-includes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 18px;max-width:none;margin:0;font-size:12px;line-height:1.5}
.openclaw-page .oc-offer-includes svg{flex:none;width:32px;height:32px}
@media(max-width:1100px){.openclaw-page .oc-offer-includes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px}}
@media(max-width:650px){.oc-inclusion-box{padding:18px 16px}.openclaw-page .oc-offer-includes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.openclaw-page .oc-offer-includes{gap:14px 16px;font-size:12px}.openclaw-page .oc-offer-includes span{gap:8px}.openclaw-page .oc-offer-includes svg{width:32px;height:32px}}
.oc-capability-note{display:flex;align-items:center;gap:6px}
.oc-capability-note>svg{width:15px;height:15px;flex:none;stroke-width:1.6}
.oc-package-billing{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:26px}
.oc-billing-switch{display:flex;gap:5px;padding:5px;background:#fcfafc;border:1px solid var(--line);border-radius:7px}
.oc-billing-switch button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;min-height:46px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}
.oc-billing-switch button[aria-pressed=true]{background:var(--purple);color:#fff}
.oc-billing-switch button>span{font-size:10px;font-weight:650;padding:2px 6px;border-radius:3px;color:var(--purple);background:var(--lavender)}
.oc-billing-switch button[aria-pressed=true]>span{background:#ffffff24;color:#fff}
.oc-billing-caption{font-size:12px;color:var(--muted);line-height:1.5}
.oc-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.oc-package-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:20px 22px;background:#fffdfd;border:1px solid var(--line);border-radius:6px}
.oc-package-card.is-recommended{border:2px solid var(--purple);padding:19px 21px}
.oc-package-recommendation{position:absolute;top:-16px;right:18px;padding:6px 12px;background:var(--purple);color:#fff;border-radius:4px;font-size:14px;font-weight:650;line-height:1.4}
.oc-package-level{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--purple);font-weight:650;margin-bottom:8px}
.oc-package-card h3{font-size:26px;letter-spacing:-.5px;line-height:1.2;margin-bottom:8px}
.oc-package-description{font-size:14px;line-height:1.7;color:var(--muted);min-height:48px}
.oc-package-specs{display:grid;gap:8px;list-style:none;margin:14px 0 10px;padding:12px 0;border-block:1px solid var(--line)}
.oc-package-specs li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.5}
.oc-package-specs svg{width:25px;height:25px;flex:none;color:var(--purple)}
.oc-package-specs strong{font-weight:650;letter-spacing:-.2px}
.oc-package-platform{font-size:11px;line-height:1.6;color:var(--muted)}
.oc-package-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:16px 0 5px}
.oc-package-price strong{font-size:36px;line-height:1.2;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.oc-package-price>span{font-size:13px;color:var(--muted)}
.oc-package-total,.oc-package-payment{font-size:12px;line-height:1.7;color:var(--muted)}
.oc-package-payment{margin-top:8px;color:var(--ink)}
.oc-package-card>.button{width:100%;margin-top:auto;padding:13px 14px;gap:9px}
.oc-package-total{margin-bottom:16px}
.oc-package-payment:not([hidden]){margin-bottom:16px}
@supports(grid-template-rows:subgrid){@media(min-width:801px){
 .oc-package-grid{grid-template-rows:repeat(9,auto);row-gap:0}
 .oc-package-card{display:grid;grid-template-rows:subgrid;grid-row:span 9}
 .oc-package-level{grid-row:1}.oc-package-card h3{grid-row:2}.oc-package-description{grid-row:3}
 .oc-package-specs{grid-row:4}.oc-package-platform{grid-row:5}.oc-package-price{grid-row:6}
 .oc-package-total{grid-row:7}.oc-package-payment{grid-row:8}.oc-package-card>.button{grid-row:9}
}}
.oc-package-card>.button img{width:23px;height:23px;flex:none}
.oc-package-card>.button span{margin-right:auto}
.oc-package-card>.button svg{width:20px;height:20px;flex:none}
.oc-offer .oc-credit-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;font-size:12px}
.oc-credit-note>svg{width:15px;height:15px;flex:none}
.oc-offer-help{margin-top:18px}
.oc-offer .oc-paul-card{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:18px;max-width:860px;margin:22px auto 0;padding:18px 22px;border:1px solid #d5c3e1;border-radius:7px;background:#fcfafc}
.oc-paul-card-portrait{display:block;width:88px;height:88px;object-fit:contain}
.oc-paul-card-byline{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:12px;line-height:1.5}
.oc-paul-card-byline strong{font-size:14px;font-weight:650;color:var(--purple)}
.oc-paul-card-copy h3{font:650 20px/1.3 'FUERZA Sans','DM Sans',sans-serif;letter-spacing:-.3px;margin:4px 0 6px}
.oc-paul-card-copy>p:last-child{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.oc-paul-card>.button{white-space:nowrap;gap:10px;padding:12px 16px;font-size:13px}
@media(max-width:650px){.oc-offer .oc-paul-card{grid-template-columns:66px minmax(0,1fr);gap:14px;padding:18px}.oc-paul-card-portrait{width:66px;height:66px}.oc-paul-card-byline{display:grid;gap:1px;font-size:11px}.oc-paul-card-copy h3{font-size:18px;margin-top:6px}.oc-paul-card-copy>p:last-child{font-size:12px}.oc-paul-card>.button{grid-column:1/-1;width:100%;justify-content:center}}
@media(max-width:1050px){.oc-package-grid{gap:12px}.oc-package-card{padding:20px 18px}.oc-package-card.is-recommended{padding:19px 17px}.oc-package-card h3{font-size:24px}.oc-package-description{min-height:96px}.oc-package-specs li{font-size:15px}.oc-package-price strong{font-size:31px}.oc-package-card>.button{font-size:12px;padding-inline:10px}}
@media(max-width:800px){.oc-package-grid{grid-template-columns:1fr}.oc-package-card{padding:20px}.oc-package-card.is-recommended{padding:19px}.oc-package-description{min-height:0}.oc-package-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.oc-package-specs li{flex-direction:column;align-items:flex-start;gap:7px}.oc-package-price strong{font-size:36px}.oc-package-card>.button{font-size:14px}}
@media(max-width:650px){.oc-billing-switch{width:100%;gap:3px;padding:4px}.oc-billing-switch button{flex:1;flex-direction:column;gap:5px;padding:9px 5px;font-size:13px}.oc-billing-switch button>span{font-size:9px}.oc-package-billing{margin-bottom:22px}.oc-package-specs{gap:10px}.oc-package-specs li{font-size:14px}.oc-package-specs svg{width:23px;height:23px}.oc-offer .oc-credit-note{justify-content:flex-start}}
@media(max-width:650px){.openclaw-page .oc-hero{padding-block:24px 16px}.openclaw-page .oc-workloads.section{padding-block:28px 24px}.openclaw-page .oc-offer.section{padding-block:28px 36px}.openclaw-page .oc-workloads .v2-heading,.openclaw-page .oc-offer .v2-heading{margin-bottom:20px}.oc-capability-note{max-width:none}}

/* The connections strip has no visible controls or extension catalogue. */
.oc-integration-heading{text-align:center}
.oc-provider-row{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding-top:12px}
.oc-provider-row>h3{flex:auto;text-align:center;font-size:12px}
.oc-provider-links{justify-content:center;gap:8px 24px}
.oc-provider-links .oc-integration-logo{width:24px;height:24px}
.oc-integration-connection-note{text-align:center}
@media(max-width:650px){.oc-integration-heading h2{max-width:none;font-size:25px}.oc-provider-row{align-items:center;gap:6px}.oc-provider-links{gap:5px 16px}.oc-provider-links .oc-integration-logo{width:21px;height:21px}}

/* Eight desktop connections, with mouse dragging and native touch scrolling. */
@media(min-width:1101px){.oc-integration-tile{flex-basis:calc((100% - 84px)/8)}}
.oc-integration-track{cursor:grab;user-select:none;-webkit-user-select:none}
.oc-integration-track img,.oc-integration-tile{-webkit-user-drag:none}
.oc-integration-track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.oc-integration-track.is-dragging a{cursor:grabbing}
.oc-provider-links .oc-integration-logo{width:40px;height:40px}
.oc-provider-links{gap:12px 30px}
.oc-provider-links>a{min-height:44px;gap:9px}
@media(max-width:650px){.oc-provider-links .oc-integration-logo{width:34px;height:34px}.oc-provider-links{gap:8px 18px}.oc-provider-links>a{min-height:38px}}

.oc-provider-links>a{flex-direction:column;gap:6px;line-height:1.3}
.oc-provider-row>h3{font-size:14px}

/* App connections support the more prominent AI-provider choice. */
.oc-integration-heading h2{font-family:var(--fuerza-sans)!important;font-size:17px;font-weight:600!important;letter-spacing:0!important;line-height:1.4}
.oc-provider-row{padding-top:14px;gap:12px}
.oc-provider-row>h3{font:400 32px/1.2 'FUERZA Editorial',serif;letter-spacing:-.5px}
.oc-provider-links .oc-integration-logo{width:44px;height:44px}
@media(min-width:1101px){.oc-integration-track{gap:8px}.oc-integration-tile{flex-basis:calc((100% - 88px)/12);gap:8px}.oc-integration-tile>.oc-integration-logo{width:32px;height:32px}.oc-integration-tile>span{font-size:11px;white-space:normal;max-width:100%;text-wrap:balance}}
@media(max-width:650px){.oc-integration-heading h2{font-size:16px}.oc-provider-row>h3{font-size:28px}.oc-provider-links .oc-integration-logo{width:38px;height:38px}}

@media(min-width:1101px){.oc-integration-tile{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:32px 28px;align-content:center;justify-items:center}.oc-integration-tile>span{align-self:start}}

/* The expanded catalogue stays in two compact, independently draggable rows. */
.oc-provider-links{width:100%;max-width:780px;flex-wrap:nowrap;justify-content:flex-start;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 1px;cursor:grab;user-select:none;-webkit-user-select:none}
.oc-provider-links::-webkit-scrollbar{display:none}
.oc-provider-links>a{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 28px;align-content:start;justify-items:center;align-items:center;flex:0 0 calc((100% - 120px)/6);min-width:0;height:82px;gap:6px;scroll-snap-align:start;text-align:center;border-radius:4px}
.oc-provider-links>a>span{align-self:start;max-width:100%;white-space:normal;text-wrap:balance}
.oc-provider-links.is-dragging{cursor:grabbing;scroll-snap-type:none}
.oc-provider-links.is-dragging a{cursor:grabbing}
.oc-provider-links img,.oc-provider-links>a{-webkit-user-drag:none}
.oc-provider-links:focus-visible{outline:2px solid #9364b5;outline-offset:-2px}
@media(max-width:650px){.oc-provider-links{gap:14px;max-width:420px}.oc-provider-links>a{flex-basis:calc((100% - 42px)/4);grid-template-rows:38px 28px;height:76px;font-size:10px}}

html.oc-order-open{overflow:hidden}
.oc-order-dialog{width:min(960px,calc(100vw - 40px));height:min(840px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #d8c6e3;border-radius:9px;background:#fffdfd;color:var(--ink);box-shadow:0 24px 80px #27103338;overflow:hidden}
.oc-order-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.oc-order-dialog::backdrop{background:#24102e78;backdrop-filter:blur(3px)}
.oc-order-heading{display:flex;gap:14px;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid var(--line);background:#f6f0fa}
.oc-order-heading>img{flex:none;margin-top:3px}
.oc-order-heading>div{flex:1;min-width:0}
.oc-order-heading h2{font-size:30px;line-height:1.15;margin:0 0 6px}
.oc-order-heading p{font-size:13px;line-height:1.5;margin:0}
.oc-order-heading [data-oc-order-specs]{font-size:11px;color:var(--muted);margin-top:3px}
.oc-order-heading>button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:8px;border:1px solid #d8c6e3;border-radius:4px;background:#fffdfd;color:var(--ink)}
.oc-order-heading>button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.oc-order-content{position:relative;min-height:0;overflow:hidden}
.oc-order-content>iframe{display:block;width:100%;height:100%;border:0;background:#fffdfd}
.oc-order-loading,.oc-order-fallback{padding:32px 24px;font-size:14px;color:var(--muted);line-height:1.6}
.oc-order-fallback .button{margin:16px 8px 0 0}
@media(max-width:650px){.oc-order-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.oc-order-heading{padding:16px;gap:10px}.oc-order-heading h2{font-size:27px}.oc-order-heading>img{width:30px;height:30px}.oc-order-heading p{font-size:12px}.oc-order-heading>button{width:36px;height:36px}.oc-order-heading [data-oc-order-specs]{font-size:10px}}

.oc-order-payment{height:100%;overflow:auto;overscroll-behavior:contain;padding:18px 24px 28px}.oc-order-payment-status{font-size:13px;color:var(--muted);line-height:1.6;margin:10px 0}.oc-order-payment iframe{max-width:100%;border:0}.oc-order-payment .text-button{margin-bottom:8px}@media(max-width:650px){.oc-order-payment{padding:14px 16px 22px}}

/* Share the established contact-modal frame, cards and footer actions. */
#fuerza-opening .oc-order-dialog{inset:50dvh 0 auto;transform:translateY(-50%);width:min(1080px,calc(100% - 32px));height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:0 auto;border-radius:16px;background:var(--paper);overflow:hidden;grid-template-rows:auto minmax(0,1fr)}
#fuerza-opening .oc-order-dialog[data-step="1"]{height:auto}
#fuerza-opening .oc-order-heading{position:relative;display:block;margin:0;padding:24px 32px 18px;border-bottom:1px solid var(--line);background:var(--paper)}
#fuerza-opening .oc-order-brand{display:flex;align-items:center;gap:9px;font-size:14px;margin:0 44px 10px 0;color:var(--purple)}
#fuerza-opening .oc-order-brand img{width:28px;height:28px}
#fuerza-opening .oc-order-heading h2{font-size:36px;line-height:1.15;margin:0 44px 16px 0}
#fuerza-opening .oc-order-heading>.contact-close{position:absolute;top:14px;right:14px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent}
#fuerza-opening .oc-order-heading>.contact-close:hover{background:var(--lavender)}
#fuerza-opening .oc-order-heading .contact-service-context{padding:12px 16px;background:#f0e9f5;border-radius:8px}
#fuerza-opening .oc-order-heading [data-oc-order-specs],#fuerza-opening .oc-order-heading [data-oc-order-choices]{font-size:12px;color:var(--muted);margin-top:3px}
#fuerza-opening .oc-order-heading .contact-step-indicator{margin-top:14px;gap:12px}
#fuerza-opening .oc-order-content{min-height:0;overflow:hidden}
#fuerza-opening .oc-order-setup{padding:18px 32px 24px;max-height:calc(100dvh - 300px);overflow:auto;overscroll-behavior:contain}
.oc-order-setup form{display:grid;gap:14px}
.oc-setup-intro,.oc-setup-hint{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.oc-setup-group{border:1px solid var(--line);border-radius:8px;background:#fffdfd;min-width:0}
.oc-setup-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:14px 16px;font-size:14px;font-weight:600}
.oc-setup-group>summary::-webkit-details-marker{display:none}
.oc-setup-group>summary::after{content:'+';font-size:20px;font-weight:400;color:var(--purple)}
.oc-setup-group[open]>summary::after{content:'−'}
.oc-setup-group>summary>span{margin-left:auto;color:var(--muted);font-weight:400;font-size:12px}
.oc-setup-group>fieldset,.oc-setup-group>.oc-setup-options{margin:0 14px 14px;padding:0;border:0}
.oc-setup-group>.oc-setup-hint{padding:0 16px 12px}
.oc-setup-search{margin:0 14px 12px}
.oc-setup-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-width:0}
.oc-provider-options{grid-template-columns:repeat(6,minmax(0,1fr))}
.oc-tool-options{max-height:250px;overflow:auto;overscroll-behavior:contain;padding:3px!important}
.oc-extension-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.oc-setup-choice{position:relative;display:block;min-width:0;cursor:pointer}
.oc-setup-choice>input{position:absolute;opacity:0;width:1px;height:1px;inset:8px auto auto 8px}
.oc-setup-tile{display:flex;align-items:center;gap:9px;min-height:64px;height:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:12px;line-height:1.4}
.oc-setup-tile>img,.oc-setup-tile>svg{width:28px;height:28px;object-fit:contain;flex:none}
.oc-provider-options .oc-setup-tile{flex-direction:column;text-align:center;justify-content:center;min-height:86px}
.oc-setup-tile small{display:block;font-size:11px;color:var(--muted);font-weight:400;line-height:1.5;margin-top:3px}
.oc-setup-choice>input:checked+.oc-setup-tile{border-color:var(--purple);background:#f0e9f5;box-shadow:inset 0 0 0 1px var(--purple)}
.oc-setup-choice>input:focus-visible+.oc-setup-tile{outline:2px solid var(--purple);outline-offset:2px}
#fuerza-opening .oc-order-setup textarea{height:90px;min-height:80px;resize:vertical}
#fuerza-opening .oc-order-details{display:flex;flex-direction:column;height:100%;min-height:0}
#fuerza-opening .oc-order-details[hidden]{display:none}
#fuerza-opening .oc-order-back{align-self:flex-start;flex:none;margin:12px 24px}
.oc-details-framebox{min-height:0;flex:1;position:relative;overflow:hidden}
.oc-details-framebox>iframe{display:block;width:100%;height:100%;border:0;background:#fffdfd}
#fuerza-opening .oc-order-payment{padding:18px 32px 24px}
@media(max-width:650px){#fuerza-opening .oc-order-heading{padding:20px 20px 14px}#fuerza-opening .oc-order-heading h2{font-size:30px}#fuerza-opening .oc-order-setup{padding:16px 20px 20px;max-height:calc(100dvh - 300px)}#fuerza-opening .oc-order-payment{padding:14px 20px 20px}.oc-setup-options{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-provider-options{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-extension-options{grid-template-columns:1fr}.oc-setup-group>summary{font-size:13px;padding:12px}.oc-setup-group>summary>span{font-size:11px}.oc-setup-tile{font-size:12px;padding:10px}.oc-setup-tile>img,.oc-setup-tile>svg{width:25px;height:25px}}

#fuerza-opening .oc-order-dialog .oc-order-setup textarea{height:90px!important;min-height:80px!important}#fuerza-opening .oc-order-dialog .contact-submit-row{justify-content:flex-end!important}#fuerza-opening .oc-order-dialog label .contact-optional{margin-left:5px}

/* OpenClaw uses the established two-column VPS configurator composition. */
#fuerza-opening .oc-config-dialog[data-step]{width:min(1320px,calc(100% - 32px));height:min(920px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border-radius:8px;background:#fffdfd;grid-template-rows:auto minmax(0,1fr) auto}
.oc-config-heading{position:relative;padding:24px 32px;border-bottom:1px solid var(--line)}
#fuerza-opening .oc-config-heading h2{font-family:var(--fuerza-sans)!important;font-size:30px;font-weight:750!important;letter-spacing:-.6px!important;line-height:1.2;margin:0 44px 10px 0}
.oc-config-heading>p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}
.oc-config-heading>.contact-close{position:absolute;right:14px;top:14px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center}
.oc-config-heading>.contact-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.oc-config-layout{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:0;overflow:hidden}
.oc-config-summary{display:flex;flex-direction:column;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 24px;background:#f3edf9;border-right:1px solid var(--line)}
.oc-config-art{width:100%;height:150px;object-fit:contain;margin:0 auto 16px}
.oc-config-summary #oc-order-summary{font-size:21px;font-weight:700;line-height:1.3;margin:0 0 10px}
.oc-config-summary [data-oc-order-specs]{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.oc-config-current-os{display:flex;align-items:center;gap:9px;font-size:14px;margin:14px 0 20px}
.oc-config-current-os img{width:25px;height:25px;object-fit:contain}
.oc-config-price>p:first-child{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 7px}
.oc-config-price>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.oc-config-price strong{font-size:42px;font-weight:800;line-height:1.2;letter-spacing:-1.2px}
.oc-config-price>div>span{font-size:14px;color:var(--muted)}
.oc-config-price [data-oc-config-billed],.oc-config-price [data-oc-config-payment]{font-size:13px;line-height:1.6;margin:10px 0 0}
.oc-config-price [data-oc-config-payment]{color:var(--purple);font-weight:600}
.oc-config-tax,.oc-config-renewal,.oc-config-summary [data-oc-order-choices]{font-size:11px;color:var(--muted);line-height:1.6;margin:14px 0 0}
.oc-config-summary [data-oc-order-choices]{padding-top:12px;border-top:1px solid #dfd2e9}
.oc-config-desktop-action{margin-top:auto;padding-top:24px}
#fuerza-opening .oc-config-desktop-action>.contact-submit{width:100%;font-size:14px;padding:13px 12px;gap:12px}
#fuerza-opening .oc-config-dialog .oc-order-setup{height:100%;max-height:none;padding:24px;overflow:auto;min-height:0}
.oc-config-field{margin:0;padding:0;border:0;min-width:0}
.oc-config-field>legend{font-size:14px;font-weight:500;line-height:1.5;color:var(--muted);padding:0;margin-bottom:10px}
.oc-config-billing,.oc-config-resources,.oc-config-systems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.oc-config-systems{grid-template-columns:repeat(4,minmax(0,1fr))}
.oc-config-choice{display:block;position:relative;min-width:0;cursor:pointer}
.oc-config-choice>input{position:absolute;width:1px;height:1px;opacity:0;inset:8px auto auto 8px}
.oc-config-term-card,.oc-config-resource-card,.oc-config-os-card{display:flex;min-width:0;position:relative;border:1px solid var(--line);border-radius:6px;background:#fffdfd;box-sizing:border-box;height:100%}
.oc-config-choice>input:checked+span{background:#eee5f6;border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple)}
.oc-config-choice>input:focus-visible+span{outline:2px solid var(--purple);outline-offset:3px}
.oc-config-term-card{flex-direction:column;justify-content:center;gap:7px;min-height:122px;padding:28px 14px 12px}
.oc-config-term-card>small{position:absolute;top:8px;left:14px;right:10px;font-size:10px;font-weight:650;color:var(--purple)}
.oc-config-choice>input:checked+.oc-config-term-card>small{top:0;left:0;right:0;display:grid;place-items:center;height:24px;background:var(--purple);color:white;border-radius:5px 5px 0 0}
.oc-config-term-card>strong{font-size:16px;font-weight:650;line-height:1.3}
.oc-config-term-card>span{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.oc-config-term-card b{font-size:22px;font-weight:750;line-height:1.2}
.oc-config-term-card>span>span{font-size:12px;color:var(--muted)}
.oc-config-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0 0}
.oc-config-resource-card{flex-direction:column;align-items:center;justify-content:center;min-height:92px;padding:10px;gap:5px;text-align:center}
.oc-config-resource-card>strong{font-size:17px;font-weight:650}
.oc-config-resource-card>span{font-size:13px}
.oc-config-resource-card>small{font-size:10px;color:var(--muted)}
.oc-config-upgrades{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.oc-config-stepper{display:flex;align-items:center;min-height:46px;border:1px solid var(--line);border-radius:6px;background:#fffdfd;overflow:hidden}
.oc-config-stepper>button{display:grid;place-items:center;flex:none;width:40px;min-height:46px;padding:0;border:0;background:transparent;color:var(--purple);font-size:22px}
.oc-config-stepper>button:first-child{border-right:1px solid var(--line)}
.oc-config-stepper>button:last-child{border-left:1px solid var(--line)}
.oc-config-stepper>output{min-width:0;flex:1;text-align:center;font-size:16px}
.oc-config-stepper>span{padding-inline:10px;font-size:12px;color:var(--muted)}
.oc-config-os-card{align-items:center;justify-content:center;gap:8px;padding:12px 8px;min-height:50px;font-size:12px}
.oc-config-os-card>img{width:24px;height:24px;object-fit:contain;flex:none}
.oc-config-tools-heading{border-top:1px solid var(--line);padding-top:20px;margin-top:4px}
.oc-config-tools-heading h3{font-size:18px;font-weight:650;letter-spacing:-.3px;line-height:1.4;margin:0 0 5px}
.oc-config-tools-heading p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.oc-config-mobile-action{display:none}
.oc-config-dialog:not([data-step="1"]) .oc-config-desktop-action,.oc-config-dialog:not([data-step="1"]) .oc-config-mobile-action{display:none!important}
@media(max-width:1100px){.oc-config-layout{grid-template-columns:260px minmax(0,1fr)}.oc-config-summary{padding:18px}.oc-config-art{height:125px}#fuerza-opening .oc-config-dialog .oc-order-setup{padding:20px}.oc-config-term-card{padding-inline:10px}.oc-config-term-card b{font-size:20px}.oc-config-os-card{gap:5px;font-size:11px}}
@media(max-width:900px){#fuerza-opening .oc-config-dialog[data-step]{width:calc(100% - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.oc-config-heading{padding:18px 20px}#fuerza-opening .oc-config-heading h2{font-size:25px;margin-bottom:7px}.oc-config-heading>p{font-size:13px}.oc-config-layout{display:flex;flex-direction:column}.oc-config-summary{display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 14px;flex:none;overflow:visible;padding:14px 20px;border-right:0;border-bottom:1px solid var(--line)}.oc-config-art{grid-row:1/5;width:76px;height:84px;margin:0}.oc-config-summary #oc-order-summary{font-size:16px;margin:0}.oc-config-summary [data-oc-order-specs]{font-size:11px;line-height:1.6}.oc-config-current-os{font-size:11px;margin:0;gap:6px}.oc-config-current-os img{width:18px;height:18px}.oc-config-price{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:5px}.oc-config-price>p:first-child{display:none}.oc-config-price strong{font-size:28px}.oc-config-price>div>span{font-size:12px}.oc-config-price [data-oc-config-billed]{font-size:11px;margin:0}.oc-config-price [data-oc-config-payment]{width:100%;font-size:11px;margin:0}.oc-config-tax{grid-column:1/-1;margin:3px 0 0;font-size:10px}.oc-config-renewal,.oc-config-summary [data-oc-order-choices],.oc-config-desktop-action{display:none!important}#fuerza-opening .oc-config-dialog .oc-order-content{flex:1;min-height:0}#fuerza-opening .oc-config-dialog .oc-order-setup{padding:16px}.oc-config-mobile-action{display:block;padding:12px 16px;border-top:1px solid var(--line);background:#fffdfd}.oc-config-mobile-action>.contact-submit{width:100%;justify-content:center}.oc-config-systems{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-config-term-card{min-height:108px;padding:27px 10px 10px}.oc-config-term-card b{font-size:19px}.oc-config-term-card>strong{font-size:14px}.oc-config-term-card>small{left:10px}.oc-config-upgrades{gap:12px}.oc-config-resource-card{padding:8px;min-height:86px}.oc-config-resource-card>strong{font-size:15px}.oc-config-resource-card>span{font-size:12px}}

.oc-config-art{mix-blend-mode:multiply}

/* OpenClaw workspace: capacity, capabilities and connections; Ubuntu is fixed. */
.oc-config-art{height:220px;mix-blend-mode:normal;margin-bottom:8px}
.oc-workspace-caption{font-size:13px;color:var(--purple);text-align:center;line-height:1.5;margin:0 0 22px}
.oc-workspace-included{display:flex;align-items:center;gap:12px;padding:14px;background:#f3edf9;border:1px solid #ded0eb;border-radius:8px}
.oc-workspace-included>img{width:40px;height:40px;flex:none}.oc-workspace-included>div{flex:1;min-width:0}.oc-workspace-included strong{font-size:15px;display:block;line-height:1.4}.oc-workspace-included span{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px}.oc-workspace-included>b{font-size:11px;color:var(--purple)}
.oc-config-resource-card{align-items:flex-start;text-align:left;min-height:120px;gap:6px;padding:14px}.oc-config-resource-card>strong{font-size:16px}.oc-config-resource-card>span{font-size:11px;color:var(--muted);line-height:1.4;min-height:30px}.oc-config-resource-card>small{font-size:11px;line-height:1.6;color:var(--muted)}
.oc-config-term-card{min-height:104px;padding-top:27px}.oc-config-field>legend,.oc-capabilities-picker>legend{font-size:14px;font-weight:650;color:var(--ink);margin-bottom:10px}
.oc-capabilities-picker{border:0;padding:0;margin:6px 0 0;min-width:0}.oc-capabilities-picker>legend{width:100%;display:flex;align-items:center;justify-content:space-between}.oc-capabilities-picker>legend>span{font-size:11px;font-weight:400;color:var(--muted)}.oc-capabilities-picker>p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 12px}.oc-capabilities-picker .oc-setup-tile{min-height:98px;font-size:13px;padding:14px;align-items:flex-start}.oc-capabilities-picker .oc-setup-tile>svg{width:30px;height:30px}.oc-capabilities-picker .oc-setup-tile small{font-size:11px}.oc-capabilities-picker .oc-setup-choice input:checked+.oc-setup-tile::after{content:'✓';color:var(--purple);font-weight:700;margin-left:auto}
.oc-config-summary .oc-config-current-os{font-size:12px}.oc-config-desktop-action{padding-top:20px}
@media(max-width:1100px){.oc-config-art{height:190px}.oc-config-resource-card{padding:10px}}
@media(max-width:900px){.oc-config-art{width:76px;height:84px;grid-row:1/4;margin:0}.oc-workspace-caption{display:none}.oc-config-summary .oc-config-current-os{font-size:11px}.oc-config-resource-card{padding:10px 8px;min-height:122px}.oc-config-resource-card>strong{font-size:13px}.oc-config-resource-card>span{font-size:10px;min-height:30px}.oc-config-resource-card>small{font-size:10px}.oc-workspace-included{padding:10px;gap:9px}.oc-workspace-included strong{font-size:13px}.oc-workspace-included span{font-size:11px}.oc-workspace-included>img{width:32px;height:32px}.oc-workspace-included>b{font-size:10px}.oc-capabilities-picker .oc-setup-tile{min-height:88px;padding:12px}}
@media(max-width:450px){.oc-extension-options{grid-template-columns:1fr}.oc-workspace-included{flex-wrap:wrap}.oc-workspace-included>b{margin-left:41px}.oc-config-summary{padding:10px 16px}.oc-config-heading{padding:16px}.oc-config-heading>p{max-width:90%}}

/* Setup audit: explain connections without conflating APIs, devices or installs. */
.oc-tool-category{grid-column:1/-1;font-size:12px;font-weight:650;line-height:1.5;margin:10px 0 1px;color:var(--purple)}.oc-tool-category:first-child{margin-top:0}.oc-tool-options .oc-setup-tile{align-items:flex-start;min-height:100px}.oc-tool-options .oc-setup-tile small{font-size:10px;line-height:1.5}.oc-provider-options .oc-setup-tile small{font-size:10px;line-height:1.4}.oc-provider-options .oc-setup-tile{min-height:104px}.oc-tool-options .oc-setup-tile>img{width:25px;height:25px}.oc-tool-category[hidden]{display:none}
@media(max-width:650px){.oc-tool-options .oc-setup-tile{min-height:100px;padding:9px;gap:7px}.oc-tool-options .oc-setup-tile>img{width:22px;height:22px}}

/* Broader companion apps remain optional and searchable inside the setup modal. */
.oc-companion-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:390px;overflow:auto;overscroll-behavior:contain;padding:3px!important}.oc-companion-options .oc-setup-tile{align-items:flex-start;min-height:90px}.oc-companion-options .oc-tool-category[hidden]{display:none}.oc-companion-options .oc-setup-tile small{font-size:11px;line-height:1.5}
@media(max-width:650px){.oc-companion-options{grid-template-columns:1fr;max-height:350px}}

/* Optional role combinations select existing choices without changing the tariff. */
.oc-preset-picker{min-width:0;padding:2px 0 4px}.oc-preset-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.oc-preset-heading h3{font-size:14px;font-weight:650;line-height:1.5;margin:0}.oc-preset-picker>p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 12px}.oc-preset-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#fuerza-opening .oc-preset-card{display:grid;grid-template-columns:28px minmax(0,1fr);align-content:start;align-items:center;gap:7px 9px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fffdfd;color:inherit;text-align:left;font-family:inherit;cursor:pointer}.oc-preset-card>svg{width:28px;height:28px;grid-row:1/3}.oc-preset-card>strong{font-size:14px;line-height:1.4}.oc-preset-card>span{font-size:11px;line-height:1.5;color:var(--muted)}.oc-preset-card>small{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--purple)}#fuerza-opening .oc-preset-card[aria-pressed="true"]{background:#eee5f6;border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple)}.oc-preset-card:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.oc-preset-picker>.oc-preset-status{margin:10px 0 0;font-size:11px;line-height:1.7}
@media(max-width:650px){.oc-preset-cards{grid-template-columns:1fr;gap:8px}#fuerza-opening .oc-preset-card{grid-template-columns:28px minmax(0,1fr);padding:11px 12px;gap:3px 10px}.oc-preset-card>svg{grid-row:1/4}.oc-preset-card>small{grid-column:2}.oc-preset-card>span{font-size:11px}.oc-preset-card>strong{font-size:13px}}

/* Customisation follows workspace capacity and billing, and remains optional. */
.oc-preset-picker{border-top:1px solid var(--line);margin-top:4px;padding-top:18px}.oc-preset-heading h3{font-size:18px;line-height:1.4}.oc-preset-picker>p{max-width:760px}
@media(max-width:650px){.oc-preset-heading h3{font-size:17px}.oc-preset-picker{padding-top:16px}}

/* Keep optionality beside the capability heading, independent of the count. */
.oc-capabilities-picker>legend>.oc-capability-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;font-weight:650;color:var(--ink)}.oc-capability-label>.oc-optional-badge{display:inline-block;padding:5px 9px;border:1px solid #d8c5e8;border-radius:5px;background:#eee5f6;color:#643095;font-size:12px;font-weight:650;line-height:1.1}

.oc-whatsapp-mark{width:25px;height:25px;object-fit:contain;flex:none}