.woo-plugin-hero{position:relative;overflow:hidden;padding:88px 0 0;background:radial-gradient(circle at 85% 10%,rgba(150,88,138,.18),transparent 28%),radial-gradient(circle at 20% 20%,#dfe7ff,transparent 35%),linear-gradient(145deg,#fbfcff,#f2f5ff 72%,#fff)}
.woo-plugin-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,55,195,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,55,195,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.woo-plugin-hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}
.woo-plugin-hero-copy{padding-bottom:70px}.woo-plugin-hero-copy h1{font-size:clamp(3rem,5.3vw,5.25rem);max-width:760px}.woo-plugin-hero-copy .hero-lead{max-width:720px}.woo-plugin-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.woo-plugin-badges span{padding:7px 11px;border:1px solid #dbe2f8;border-radius:99px;background:rgba(255,255,255,.82);color:#3d4962;font-size:.72rem;font-weight:800;box-shadow:0 8px 22px rgba(28,49,108,.06)}
.woo-plugin-detail-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--blue);font-size:.88rem;font-weight:800}
.woo-review-notice{display:flex;align-items:flex-start;gap:9px;max-width:760px;margin:18px 0 0;padding:12px 14px;border:1px solid #d8e0f5;border-radius:12px;background:#f4f7ff;color:#435170;font-size:.75rem;line-height:1.55}.woo-review-notice span{flex:0 0 auto;color:var(--blue);font-size:1rem;font-weight:900}
.woo-plugin-visual{position:relative;min-height:530px;display:grid;grid-template-columns:1fr 110px 1fr;align-items:center}
.woo-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;padding:26px 18px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(255,255,255,.88);text-align:center;box-shadow:0 26px 65px rgba(25,43,105,.17);backdrop-filter:blur(15px)}
.woo-node strong{margin-top:20px;font-size:1rem}.woo-node small{margin-top:5px;color:#78839a;font-size:.72rem}.woo-mark{display:grid;place-items:center;width:105px;height:72px;border-radius:22px 22px 22px 6px;background:#96588a;color:#fff;font-size:2rem;font-weight:900;letter-spacing:-.08em;box-shadow:0 15px 30px rgba(150,88,138,.28)}
.woo-node-app img{border-radius:24px;box-shadow:0 15px 30px rgba(23,55,195,.22)}
.woo-sync{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;color:#536079;text-align:center}.woo-sync:before{content:"";position:absolute;left:-42px;right:-42px;top:28px;height:2px;background:linear-gradient(90deg,#96588a,var(--blue));z-index:-1}.woo-sync strong{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--blue);font-size:1.7rem;box-shadow:0 12px 28px rgba(23,55,195,.18)}.woo-sync span{max-width:108px;font-size:.72rem;font-weight:850;line-height:1.3}.woo-sync small{font-size:.64rem;color:#8c95a7}
.woo-proof-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e1e6f3;border-bottom:0;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -8px 30px rgba(24,45,105,.06)}.woo-proof-grid article{padding:24px 30px}.woo-proof-grid article+article{border-left:1px solid var(--line)}.woo-proof-grid strong,.woo-proof-grid span{display:block}.woo-proof-grid strong{color:var(--blue);font-size:.88rem}.woo-proof-grid span{margin-top:3px;color:var(--muted);font-size:.82rem}
.woo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.woo-steps article{position:relative;padding:30px 25px;border:1px solid var(--line);border-radius:22px;background:#fff}.woo-steps article:after{content:"→";position:absolute;right:-17px;top:44px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce3f5;border-radius:50%;background:#fff;color:var(--blue);font-weight:900}.woo-steps article:last-child:after{display:none}.woo-steps article>span{display:grid;place-items:center;width:45px;height:45px;margin-bottom:30px;border-radius:14px;background:var(--blue);color:#fff;font-weight:900}.woo-steps p{margin-bottom:0;font-size:.9rem}
.woo-catalogue-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.woo-catalogue-copy>p{font-size:1.05rem}.woo-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:0;margin:30px 0 0;list-style:none}.woo-checks li{position:relative;padding:13px 14px 13px 45px;border:1px solid #e2e7f4;border-radius:13px;background:#fff;color:#344054;font-size:.9rem;font-weight:700}.woo-checks li:before{content:"✓";position:absolute;left:15px;color:var(--green);font-weight:950}
.woo-update-card{position:relative;overflow:hidden;padding:45px;border-radius:30px;background:linear-gradient(145deg,#111c41,#09132f);color:#fff;box-shadow:0 25px 60px rgba(9,19,47,.2)}.woo-update-card>span{display:grid;place-items:center;width:70px;height:70px;margin-bottom:45px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.08);font-size:2.2rem}.woo-update-card h3{font-size:1.7rem}.woo-update-card p{color:#b9c3de}.woo-update-card>div{display:flex;align-items:center;gap:9px;margin-top:35px}.woo-update-card>div i{width:10px;height:10px;border-radius:50%;background:#6f85e5}.woo-update-card>div i:nth-child(2){background:#8ea1f3}.woo-update-card>div i:nth-child(3){background:#bfd0ff}.woo-update-card>div small{margin-left:7px;color:#aeb9d6}
.woo-orders-section{background:#fff}.woo-order-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto .65fr;align-items:center;gap:15px;margin-bottom:30px;padding:28px;border:1px solid #dfe5f3;border-radius:24px;background:#f8faff}.woo-order-flow>div{padding:18px;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(25,45,100,.06)}.woo-order-flow strong,.woo-order-flow small{display:block}.woo-order-flow strong{color:#182343}.woo-order-flow small{color:#788399}.woo-order-flow>span{color:var(--blue);font-size:1.4rem;font-weight:900}.woo-order-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.woo-order-grid article{padding:26px;border-top:3px solid var(--blue);border-radius:6px 6px 18px 18px;background:#f5f7fc}.woo-order-grid h3{font-size:1.1rem}.woo-order-grid p{margin:0;font-size:.86rem}
.woo-security-section{background:#0b1533;color:#fff}.woo-security-heading{max-width:760px;margin-bottom:45px}.woo-security-heading h2{color:#fff}.woo-security-heading p{color:#b9c4df;font-size:1.05rem}.woo-security-heading .eyebrow{color:#a9b9ff}.woo-security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.woo-security-grid article{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055)}.woo-security-grid article>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:32px;border-radius:14px;background:rgba(255,255,255,.1);color:#cbd5ff;font-size:.78rem;font-weight:900}.woo-security-grid h3{color:#fff}.woo-security-grid p{margin:0;color:#aeb9d3;font-size:.87rem}.woo-requirements{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center;margin-top:22px;padding:24px 28px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04)}.woo-requirements strong{color:#fff}.woo-requirements p{margin:0;color:#b8c3dd}
.section-heading.center{text-align:center;margin-bottom:45px}.woo-faq details{border-bottom:1px solid var(--line)}.woo-faq summary{display:flex;justify-content:space-between;gap:25px;padding:24px 0;color:#1b263e;font-weight:800;cursor:pointer;list-style:none}.woo-faq summary::-webkit-details-marker{display:none}.woo-faq summary span{color:var(--blue);font-size:1.2rem}.woo-faq details[open] summary span{transform:rotate(45deg)}.woo-faq p{padding:0 50px 22px 0}
.woo-plugin-cta{display:flex;align-items:center;justify-content:space-between;gap:55px;padding:55px 60px;border-radius:30px;background:linear-gradient(135deg,#1737c3,#071c83);color:#fff;box-shadow:0 26px 65px rgba(23,55,195,.25)}.woo-plugin-cta>div:first-child{max-width:720px}.woo-plugin-cta h2{color:#fff}.woo-plugin-cta p{color:#cbd5ff}.woo-plugin-cta .eyebrow{color:#aebeff}.woo-plugin-cta>div:last-child{display:flex;flex-direction:column;gap:12px;min-width:230px}
@media(max-width:980px){.woo-plugin-hero-grid{grid-template-columns:1fr;gap:20px}.woo-plugin-hero-copy{padding-bottom:10px}.woo-plugin-visual{max-width:700px;width:100%;min-height:430px;margin:auto}.woo-steps,.woo-order-grid,.woo-security-grid{grid-template-columns:1fr 1fr}.woo-steps article:nth-child(2):after{display:none}.woo-catalogue-grid{grid-template-columns:1fr;gap:40px}.woo-order-flow{grid-template-columns:1fr}.woo-order-flow>span{transform:rotate(90deg);justify-self:center}.woo-plugin-cta{display:block}.woo-plugin-cta>div:last-child{margin-top:30px;flex-direction:row}}
@media(max-width:620px){.woo-plugin-hero{padding-top:55px}.woo-plugin-hero-copy h1{font-size:clamp(2.55rem,13vw,3.8rem)}.woo-plugin-badges span{font-size:.66rem}.woo-plugin-visual{grid-template-columns:1fr;gap:14px;min-height:0;margin:35px 0 45px}.woo-node{min-height:170px}.woo-sync{padding:8px 0}.woo-sync:before{top:-20px;bottom:-20px;left:50%;right:auto;width:2px;height:auto;background:linear-gradient(#96588a,var(--blue))}.woo-proof-grid{grid-template-columns:1fr}.woo-proof-grid article+article{border-left:0;border-top:1px solid var(--line)}.woo-steps,.woo-order-grid,.woo-security-grid{grid-template-columns:1fr}.woo-steps article:after{display:none}.woo-checks{grid-template-columns:1fr}.woo-update-card{padding:32px 26px}.woo-requirements{grid-template-columns:1fr;gap:8px}.woo-plugin-cta{padding:38px 25px}.woo-plugin-cta>div:last-child{flex-direction:column}.woo-plugin-cta .button{width:100%}}
@media(prefers-reduced-motion:reduce){.woo-sync strong{transition:none}}