/* PowerWP "Workbench" brand styles. Tokens and components from the design canvas (sites/PowerWP/design/README.md),
   mapped onto Elementor's markup. Every page has body.pw; Elementor sections use the pw-* classes set by the page
   builder script (site/build). */

/* Fonts (self-hosted, latin) */
@font-face{font-family:'Geist';src:url(../fonts/geist-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url(../fonts/geist-mono-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* Tokens and base */
.pw{--hero-top:clamp(28px,3.4vw,48px);--ink:#0C0B08;--dt:#F4F3EE;--dm:#A3A091;--y:#FFCB05;--paper:#F6F6F3;--text:#2B2924;--muted:#67645A;--line:#E7E6E0;--line2:#D6D4CB;--okt:#127F49;--hdr-h:72px;margin:0;background:var(--paper);font-family:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
.pw *,.pw *::before,.pw *::after{box-sizing:border-box}
.pw a{color:inherit}
.pw a:hover,.pw a:active{color:inherit}
.pw h1,.pw h2,.pw h3,.pw h4,.pw .elementor-heading-title{font-family:'Geist',ui-sans-serif,system-ui,sans-serif;font-weight:600;color:#0C0B08;letter-spacing:-0.045em;line-height:1.02;margin:0;text-wrap:balance}
.pw h3,.pw h4{letter-spacing:-0.025em;line-height:1.2}
.pw p{margin:0;text-wrap:pretty}
/* Headlines are one font and one colour (owner, 31 Oct 2026): em.s still marks a phrase in the copy, but looks like the
   rest of the headline. */
.pw em.s{font:inherit;letter-spacing:inherit;color:inherit}
.pw .mono{font-family:'Geist Mono',ui-monospace,Consolas,monospace}
.pw img,.pw svg{max-width:100%}
.pw ::selection{background:rgba(255,203,5,.35)}
.pw :focus-visible{outline:2px solid #FFCB05;outline-offset:3px}
.pw .screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;display:block;padding:12px 16px;background:#FFCB05;color:#0C0B08;z-index:100000;position:fixed;top:8px;left:8px;border-radius:8px}
.pw button{font-family:inherit}
.pw svg.i{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Elementor: our sections set their own spacing */
.pw .elementor .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px}
.pw .elementor .elementor-widget:not(:last-child){margin-block-end:0;margin-bottom:0}
.pw .elementor-widget-text-editor p{margin:0}
.pw .elementor-widget-text-editor p+p{margin-top:12px}
.pw .elementor-widget-heading .elementor-heading-title{color:inherit}
.pw .elementor-widget-html,.pw .elementor-widget-heading,.pw .elementor-widget-text-editor,.pw .elementor-widget-button{min-width:0}
.pw main#content,.pw .site-main{margin:0;max-width:none;padding:0}

/* Layout */
.pw .wrap,.pw .pw-wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px);width:100%}
.pw .elementor .e-con.pw-wrap{--width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.pw .sec,.pw .elementor .e-con.pw-sec{padding-block:clamp(72px,9vw,120px)}
.pw .elementor .e-con.pw-flush-top{padding-top:0}
.pw .elementor .e-con.pw-flush-bottom{padding-bottom:0}
.pw .elementor .e-con.pw-stack{display:flex;flex-direction:column;gap:var(--pw-gap,16px)}
.pw .elementor .e-con.pw-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--pw-gap,12px)}
.pw .elementor .e-con.pw-center{align-items:center;text-align:center}
.pw .elementor .e-con.pw-grid{display:grid;gap:var(--pw-gap,16px);grid-template-columns:repeat(var(--pw-cols,3),minmax(0,1fr))}
.pw .elementor .e-con.pw-grid-auto{display:grid;gap:var(--pw-gap,16px);grid-template-columns:repeat(auto-fit,minmax(min(var(--pw-min,300px),100%),1fr));align-items:stretch}
.pw .elementor .e-con.pw-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr));gap:56px;align-items:center;padding-block:var(--hero-top) 64px}

/* Spacing and grid helpers for containers */
.pw .elementor .e-con.pw-g6{--pw-gap:6px}.pw .elementor .e-con.pw-g10{--pw-gap:10px}.pw .elementor .e-con.pw-g12{--pw-gap:12px}.pw .elementor .e-con.pw-g14{--pw-gap:14px}.pw .elementor .e-con.pw-g16{--pw-gap:16px}.pw .elementor .e-con.pw-g20{--pw-gap:20px}.pw .elementor .e-con.pw-g26{--pw-gap:26px}.pw .elementor .e-con.pw-g32{--pw-gap:32px}.pw .elementor .e-con.pw-g40{--pw-gap:40px}
.pw .elementor .e-con.pw-c2{--pw-cols:2}.pw .elementor .e-con.pw-c3{--pw-cols:3}.pw .elementor .e-con.pw-c4{--pw-cols:4}
.pw .elementor .e-con.pw-min240{--pw-min:240px}.pw .elementor .e-con.pw-min300{--pw-min:300px}.pw .elementor .e-con.pw-min380{--pw-min:380px}.pw .elementor .e-con.pw-min460{--pw-min:460px}
.pw .elementor .e-con.pw-row.pw-center{justify-content:center}
.pw .elementor .e-con.pw-between{justify-content:space-between}
.pw .elementor .e-con.pw-mt20{margin-top:20px}.pw .elementor .e-con.pw-mt36{margin-top:36px}
.pw .elementor .e-con.pw-cta{padding-block:clamp(80px,10vw,140px)}

/* Dark stages */
.pw .dk,.pw .elementor .e-con.pw-dk{background:#0C0B08;color:#F4F3EE;position:relative;isolation:isolate;overflow:hidden}
.pw .dk h1,.pw .dk h2,.pw .dk h3,.pw .pw-dk .elementor-heading-title{color:#F4F3EE}
/* Dark stages: a triangular dot lattice (26 × 22.5 px). Its rows lean 60°, like the bolt in the Split Tile mark, and the
   hero signal (.pw-sig) runs along it. The class keeps its old name, so pages built before the change get the dots too. */
.pw .grid-bg{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(244,243,238,.2) 1px,transparent 1.6px),radial-gradient(circle,rgba(244,243,238,.2) 1px,transparent 1.6px);background-size:26px 45px;background-position:0 0,13px 22.5px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 25%,transparent 78%);pointer-events:none}
.pw .pw-hero .grid-bg{-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 10%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 80% 70% at 60% 10%,#000 20%,transparent 78%)}
/* Hero signal (assets/js/powerwp.js): now and then a faint yellow bolt, the mark's cut, runs from dot to dot in free
   space, and the dot where it ends glows once. Nothing moves under reduced motion (see Motion). */
.pw .pw-sig{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}
.pw .pw-sig .tr{fill:none;stroke:#FFCB05;stroke-width:1.2;stroke-linejoin:round;opacity:0;animation:pw-sig-tr 12s ease-out infinite;animation-delay:var(--d,0s)}
.pw .pw-sig .vx{fill:none;stroke:#FFE27A;stroke-width:3.2;stroke-linecap:round;opacity:0;animation:pw-sig-vx 12s ease-out infinite;animation-delay:var(--d,0s)}
.pw .pw-sig .cm{fill:none;stroke:#FFD43B;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16 200;stroke-dashoffset:16;opacity:0;animation:pw-sig-cm 12s cubic-bezier(.45,0,.25,1) infinite;animation-delay:var(--d,0s)}
.pw .pw-sig .rg{fill:none;stroke:#FFCB05;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:pw-sig-rg 12s ease-out infinite;animation-delay:var(--d,0s)}
.pw .pw-sig .en{fill:#FFCB05;opacity:0;transform-box:fill-box;transform-origin:center;animation:pw-sig-en 12s ease-out infinite;animation-delay:var(--d,0s)}
.pw .glow{position:absolute;border-radius:50%;filter:blur(60px);z-index:-1;pointer-events:none}
.pw .elementor-widget-html.pw-fx{position:absolute!important;inset:0;z-index:-1;margin:0!important;pointer-events:none;width:auto!important;max-width:none!important}
.pw .pw-fx .elementor-widget-container{position:absolute;inset:0}

/* Section header */
.pw .sh,.pw .elementor .e-con.pw-sh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:56px}
.pw .sh h2,.pw .pw-sh .pw-h2 .elementor-heading-title{font-size:clamp(34px,4.6vw,56px);max-width:860px;margin-inline:auto}
.pw .sh p,.pw .pw-sh .pw-lead{max-width:620px;color:var(--muted);font-size:18px;margin-inline:auto}
.pw .dk .sh p,.pw .pw-dk .pw-sh .pw-lead{color:var(--dm)}
/* Section labels: plain sentence case after the mark's bolt (owner, 31 Oct 2026; no mono capitals, no glowing dot). */
.pw .eyebrow,.pw .pw-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:8px;font:500 15px/1.2 'Geist',sans-serif;letter-spacing:-0.01em;color:var(--muted)}
.pw .eyebrow i,.pw .pw-eyebrow .elementor-heading-title::before{content:"";width:8px;height:17px;flex:none;display:block;background:#E5A800;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='14 3 20 42'%3E%3Cpath d='M26.65 3L31.45 3L21.34 21.37Q21.05 21.9 21.65 21.9L33.45 21.9Q34.05 21.9 33.76 22.43L21.35 45L16.55 45L26.66 26.63Q26.95 26.1 26.35 26.1L14.55 26.1Q13.95 26.1 14.24 25.57L26.65 3Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='14 3 20 42'%3E%3Cpath d='M26.65 3L31.45 3L21.34 21.37Q21.05 21.9 21.65 21.9L33.45 21.9Q34.05 21.9 33.76 22.43L21.35 45L16.55 45L26.66 26.63Q26.95 26.1 26.35 26.1L14.55 26.1Q13.95 26.1 14.24 25.57L26.65 3Z'/%3E%3C/svg%3E") center/contain no-repeat}
.pw .dk .eyebrow,.pw .pw-dk .pw-eyebrow .elementor-heading-title{color:#FFCB05}
.pw .dk .eyebrow i,.pw .pw-dk .pw-eyebrow .elementor-heading-title::before{background:#FFCB05}
.pw .pw-h1 .elementor-heading-title{font-size:clamp(44px,5.8vw,78px)}
.pw .pw-h2 .elementor-heading-title{font-size:clamp(34px,4.6vw,56px)}
.pw .pw-h2s .elementor-heading-title{font-size:clamp(30px,3.6vw,44px)}
.pw .pw-lead{color:var(--muted);font-size:18px}
.pw .pw-hero-lead{font-size:clamp(17px,1.5vw,19px);color:#C9C6B8;max-width:570px}
.pw .pw-dk .pw-lead{color:var(--dm)}

/* Buttons (classes on Elementor button widgets: pw-btn-y, pw-btn-gh, pw-btn-lt, pw-btn-sm, pw-arrow) */
.pw .btn,.pw .elementor-widget-button .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 22px;border-radius:12px;font:600 15.5px/1 'Geist',sans-serif;letter-spacing:-0.01em;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .25s,background .2s;cursor:pointer;border:0}
.pw .btn-y,.pw .pw-btn-y .elementor-button{background:linear-gradient(180deg,#FFDA3D 0%,#FFC700 100%);color:#0C0B08;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(12,11,8,.08),0 8px 24px -10px rgba(255,190,0,.7)}
.pw .btn-y:hover,.pw .pw-btn-y .elementor-button:hover{color:#0C0B08;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(12,11,8,.08),0 14px 34px -10px rgba(255,190,0,.85)}
.pw .btn-y svg{transition:transform .2s}.pw .btn-y:hover svg{transform:translateX(3px)}
.pw .btn-gh,.pw .pw-btn-gh .elementor-button{background:rgba(255,255,255,.04);color:#F4F3EE;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.pw .btn-gh:hover,.pw .pw-btn-gh .elementor-button:hover{background:rgba(255,255,255,.09);color:#fff}
.pw .btn-lt,.pw .pw-btn-lt .elementor-button{background:#fff;color:#0C0B08;box-shadow:inset 0 0 0 1px var(--line2),0 1px 2px rgba(12,11,8,.05)}
.pw .btn-lt:hover,.pw .pw-btn-lt .elementor-button:hover{color:#0C0B08;box-shadow:inset 0 0 0 1px #0C0B08}
.pw .btn-sm,.pw .pw-btn-sm .elementor-button{height:40px;padding:0 16px;font-size:14.5px;border-radius:10px}
.pw .pw-btn-block,.pw .pw-btn-block .elementor-button{width:100%}
.pw .pw-arrow .elementor-button-text::after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;vertical-align:-3px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.pw .pw-arrow .elementor-button:hover .elementor-button-text::after{transform:translateX(3px)}
.pw .pw-play .elementor-button-text::before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:-2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4v16l13-8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4v16l13-8z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Chips, pills, app tiles */
.pw .chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 9px;border-radius:7px;font:500 12px/1 'Geist Mono',monospace;background:rgba(255,255,255,.05);color:#E9E7DF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);white-space:nowrap}
.pw .chip i{width:6px;height:6px;border-radius:50%;background:#3DDC84;box-shadow:0 0 8px rgba(61,220,132,.8);display:block;flex:none}
.pw .chip.lt{background:#fff;color:#2B2924;box-shadow:inset 0 0 0 1px var(--line)}
.pw .chip.lt i{background:#13A35F;box-shadow:none}
.pw .pill{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px 0 6px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font:500 13.5px/1 'Geist',sans-serif;color:#F4F3EE;text-decoration:none;width:fit-content;max-width:100%}
.pw .pill:hover{color:#fff;background:rgba(255,255,255,.08)}
.pw .pill .lg{display:flex;flex:none}
.pw .pill .lg span{width:24px;height:24px;border-radius:50%;background:#1C1B16;box-shadow:0 0 0 2px #0C0B08;display:flex;align-items:center;justify-content:center;margin-left:-6px;color:#F4F3EE}
.pw .pill .lg span:first-child{margin-left:0}
.pw .pill .lg svg{width:14px;height:14px}
.pw .apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-width:640px}
.pw .apps span{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font:500 14px/1 'Geist',sans-serif;color:#E9E7DF;white-space:nowrap;transition:background .2s,box-shadow .2s}
.pw .apps span:hover{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,203,5,.35)}
.pw .apps svg{width:21px;height:21px;flex:none;color:#F4F3EE}
.pw .apps .more{color:#A3A091}

/* The example session (hero) */
.pw .card-d{background:linear-gradient(180deg,rgba(28,27,22,.94),rgba(18,17,13,.97));border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.09),0 40px 80px -30px rgba(0,0,0,.8);overflow:hidden}
.pw .conn{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.pw .node{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;border-radius:10px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:500 13px/1 'Geist',sans-serif;color:#F4F3EE;white-space:nowrap;flex:none}
.pw .node svg{width:16px;height:16px;flex:none;color:#F4F3EE}
.pw .beam{flex:1;height:2px;min-width:16px;border-radius:2px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.pw .beam::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#FFCB05,transparent);width:45%;animation:pw-flow 2.2s cubic-bezier(.6,0,.4,1) infinite}
.pw .beam.b2::after{animation-delay:1.1s}
.pw .tabs{display:flex;gap:4px;padding:10px 12px 0;overflow-x:auto;scrollbar-width:none}
.pw .tabs::-webkit-scrollbar{display:none}
.pw .tab{position:relative;height:34px;padding:0 12px;border-radius:9px;border:0;background:transparent;color:#A3A091;font:500 13px/1 'Geist',sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;flex:none;box-shadow:none}
.pw .tab:hover,.pw .tab:focus{background:rgba(255,255,255,.05);color:#F4F3EE;border:0}
.pw .tab.on{background:rgba(255,255,255,.07);color:#fff}
.pw .tab .pb{position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:#FFCB05;transform-origin:left;animation:pw-fill 7s linear both}
.pw .body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:14px;min-height:340px}
.pw .ask{align-self:flex-end;max-width:86%;background:linear-gradient(180deg,#FFDA3D,#FFC700);color:#0C0B08;border-radius:16px 16px 5px 16px;padding:11px 15px;font-size:15px;font-weight:500;line-height:1.5;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.pw .reply{color:#E9E7DF;font-size:15px;line-height:1.62}
.pw .rcpt{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pw .rcpt b{display:block;color:#F4F3EE;font-size:14px;font-weight:600}
.pw .rcpt small{font-size:12.5px;color:#A3A091}
.pw .ok-ic{width:30px;height:30px;border-radius:8px;background:rgba(61,220,132,.12);color:#3DDC84;display:flex;align-items:center;justify-content:center;flex:none}
.pw .undo{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;background:#F4F3EE;color:#0C0B08;font:600 13px/1 'Geist',sans-serif;text-decoration:none;white-space:nowrap}
.pw .undo:hover{color:#0C0B08;background:#fff}
.pw .session-note{margin-top:12px;font-size:11.5px;color:#7E7B6E;text-align:right}
.pw .q1,.pw .q2,.pw .q3,.pw .q4{animation:pw-rise .6s cubic-bezier(.2,.7,.2,1) both}
.pw .q2{animation-delay:.6s}.pw .q3{animation-delay:1.3s}.pw .q4{animation-delay:2s}

/* Marquee */
.pw .mq-band{border-top:1px solid rgba(255,255,255,.07);padding-block:26px 30px}
.pw .mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pw .mq-t{display:flex;gap:56px;width:max-content;animation:pw-marquee 46s linear infinite}
.pw .mq:hover .mq-t{animation-play-state:paused}
.pw .mq-t span{display:inline-flex;align-items:center;gap:10px;font:500 17px/1 'Geist',sans-serif;color:rgba(244,243,238,.6);white-space:nowrap}
.pw .mq-t svg{width:20px;height:20px;flex:none}

/* Light cards, diagram, bento */
.pw .dia{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1.15fr) 90px minmax(0,1fr);align-items:center}
.pw .dline{height:2px;background:var(--line2);position:relative;overflow:hidden;border-radius:2px}
.pw .dline::after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,#FFC400,transparent);animation:pw-flow 2.4s cubic-bezier(.6,0,.4,1) infinite}
.pw .dline.b2::after{animation-delay:1.2s}
.pw .lcard{background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04),0 12px 32px -16px rgba(12,11,8,.12)}
.pw .appsq{width:36px;height:36px;border-radius:10px;background:#0C0B08;display:flex;align-items:center;justify-content:center;color:#F4F3EE}
.pw .appsq svg{width:18px;height:18px}
.pw .bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.pw .bx{background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04);padding:26px;display:flex;flex-direction:column;gap:14px;min-width:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;position:relative;overflow:hidden;text-decoration:none;color:inherit}
.pw a.bx:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25);color:inherit}
.pw .ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#0C0B08;background:linear-gradient(180deg,#FFE27A,#FFC700);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px -6px rgba(255,190,0,.7);flex:none}
.pw .bq{font-size:14.5px;color:#2B2924;background:var(--paper);border-radius:12px 12px 12px 4px;padding:10px 13px;line-height:1.45;width:fit-content;max-width:100%}
.pw .mini{background:#0C0B08;border-radius:14px;padding:14px;color:#F4F3EE}

/* Steps, safety cards, compare, plans, FAQ, stats */
.pw .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pw .stp,.pw .elementor .e-con.pw-stp{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .pw-stp .pw-card-h .elementor-heading-title{font-size:20px}
.pw .num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 13px/1 'Geist Mono',monospace;color:#0C0B08;background:linear-gradient(180deg,#FFE27A,#FFC700);box-shadow:0 0 0 6px rgba(255,203,5,.15)}
.pw .pw-card-p{font-size:15px;color:var(--muted)}
.pw .pw-dk .pw-card-p{color:#A3A091}
.pw .sb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pw .sx,.pw .elementor .e-con.pw-sx{border-radius:20px;padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px;transition:box-shadow .3s,transform .3s}
.pw .sx:hover,.pw .elementor .e-con.pw-sx:hover{box-shadow:inset 0 0 0 1px rgba(255,203,5,.35),0 20px 50px -30px rgba(255,203,5,.4);transform:translateY(-2px)}
.pw .sx b,.pw .pw-sx .pw-card-h .elementor-heading-title{color:#F4F3EE;font:600 18px/1.3 'Geist',sans-serif;letter-spacing:-0.02em}
.pw .sx p,.pw .pw-sx .pw-card-p{color:#A3A091;font-size:15px}
.pw .sico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#FFCB05;background:rgba(255,203,5,.08);box-shadow:inset 0 0 0 1px rgba(255,203,5,.22)}
.pw .cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pw .crow{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:15.5px}
.pw .crow.f{border-top:0}
.pw .plan,.pw .elementor .e-con.pw-plan{border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:14px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;isolation:isolate}
.pw .plan:hover,.pw .elementor .e-con.pw-plan:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25)}
.pw .elementor .e-con.pw-plan.pw-plan-dk{background:#0C0B08;box-shadow:0 0 0 1px #0C0B08,0 30px 60px -24px rgba(255,190,0,.55)}
.pw .pw-plan .pw-plan-name .elementor-heading-title{font-size:20px;line-height:26px}
.pw .pw-plan-dk .pw-plan-name .elementor-heading-title{color:#F4F3EE}
.pw .pw-plan .pw-price .elementor-heading-title{font:600 52px/1 'Geist',sans-serif;letter-spacing:-0.05em;color:#0C0B08}
.pw .pw-plan .pw-price .elementor-heading-title small{font:400 14.5px/1 'Geist',sans-serif;letter-spacing:0;color:var(--muted);margin-left:6px}
.pw .pw-plan-dk .pw-price .elementor-heading-title{color:#F4F3EE}
.pw .pw-plan-dk .pw-price .elementor-heading-title small,.pw .pw-plan-dk .pw-card-p{color:#A3A091}
.pw .pw-plan .elementor-widget-button{margin-top:auto}
.pw .pw-plan .elementor-widget-button .elementor-button{width:100%}
/* Monthly | Yearly switch (build/lib.mjs billSwitch, 31 Oct 2026). Its section (pw-bill-sec) shows the bill-m or the
   bill-y parts of the plan cards. The :has() rules stand alone, so a browser without :has() still uses the data-bill
   rules that powerwp.js sets. */
.pw .pw-bill-w{text-align:center;margin:-28px 0 28px}
.pw .pw-bill{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2)}
.pw .pw-bill-r{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.pw .pw-bill label{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font:500 14.5px/1 'Geist',sans-serif;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.pw .pw-bill label:hover{color:var(--ink)}
.pw .pw-bill-r:checked+label{background:var(--ink);color:#F4F3EE;font-weight:600}
.pw .pw-bill-r:focus-visible+label{outline:2px solid #FFCB05;outline-offset:3px}
.pw .pw-bill-save{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#FFCB05;color:#0C0B08;font:600 12px/1 'Geist',sans-serif}
.pw .pw-bill-sec:has(#pw-bill-y:checked) .bill-m,.pw .pw-bill-sec:not(:has(#pw-bill-y:checked)) .bill-y{display:none!important}
.pw .pw-bill-sec[data-bill="y"] .bill-m,.pw .pw-bill-sec[data-bill="m"] .bill-y{display:none!important}
.pw .pw-plan .pw-billed{font-size:13.5px;line-height:1.45;color:var(--muted);margin-top:-6px}
.pw .pw-plan .pw-billed p{margin:0}
.pw .pw-plan-dk .pw-billed{color:#A3A091}
.pw .badge-y{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:rgba(255,203,5,.14);box-shadow:inset 0 0 0 1px rgba(255,203,5,.4);font:500 12.5px/1 'Geist',sans-serif;color:#FFCB05}
.pw .fq,.pw .elementor .e-con.pw-fq{border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.pw .fq b,.pw .pw-fq .pw-card-h .elementor-heading-title{color:#0C0B08;font:600 17px/1.35 'Geist',sans-serif;letter-spacing:-0.015em}
.pw .fq p,.pw .pw-fq .pw-card-p{color:var(--muted);font-size:15.5px}
.pw .stat{border-radius:18px;background:var(--paper);padding:20px}
.pw .stat b{display:block;font:600 44px/1 'Geist',sans-serif;letter-spacing:-0.05em;color:#0C0B08}
.pw .stat p{font-size:14px;color:var(--muted);margin-top:6px}
.pw .elementor .e-con.pw-panel{border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--line);padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:40px;align-items:center}
.pw .pw-note{font-size:13.5px;color:var(--muted);text-align:center;margin-top:18px}

/* Header */
.pw .pw-hdr{position:sticky;top:0;z-index:60;background:#0C0B08;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(255,255,255,.06);color:#F4F3EE;transition:background .25s,box-shadow .25s}
.pw.admin-bar .pw-hdr{top:32px}
.pw .pw-hdr.is-scrolled{background:rgba(12,11,8,.88);box-shadow:0 10px 30px -20px rgba(0,0,0,.8)}
.pw .pw-hdr-in{height:var(--hdr-h);display:flex;align-items:center;justify-content:space-between;gap:24px}
.pw .pw-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.pw .pw-logo span{font:600 21px/1 'Geist',sans-serif;letter-spacing:-0.045em;color:#F4F3EE}
.pw .pw-nav{display:flex;gap:30px}
.pw .pw-nav a,.pw .pw-signin{color:rgba(244,243,238,.72);font:500 14.5px/1 'Geist',sans-serif;text-decoration:none;transition:color .2s}
.pw .pw-nav a:hover,.pw .pw-signin:hover,.pw .pw-nav a[aria-current]{color:#fff}
.pw .pw-hdr-r{display:flex;align-items:center;gap:18px}
.pw .pw-burger{display:none;width:42px;height:42px;border-radius:11px;border:0;padding:0;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);cursor:pointer;position:relative}
.pw .pw-burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:#F4F3EE;transition:transform .25s,top .25s}
.pw .pw-burger span:first-child{top:16px}.pw .pw-burger span:last-child{top:24px}
.pw .pw-burger[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}
.pw .pw-burger[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}
.pw .pw-mnav{border-top:1px solid rgba(255,255,255,.07);padding:10px 0 22px;background:#0C0B08}
.pw .pw-mnav .pw-wrap{display:flex;flex-direction:column}
.pw .pw-mnav a:not(.btn){display:flex;align-items:center;justify-content:space-between;height:56px;border-bottom:1px solid rgba(255,255,255,.07);font:500 18px/1 'Geist',sans-serif;letter-spacing:-0.02em;color:#F4F3EE;text-decoration:none}
.pw .pw-mnav .btn{margin-top:18px;width:100%}

/* Footer */
.pw .pw-foot{background:#0C0B08;border-top:1px solid rgba(255,255,255,.07);color:#8A8779}
.pw .pw-foot-top{padding-block:56px 36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:32px}
.pw .pw-foot-brand{display:flex;flex-direction:column;gap:14px;min-width:0}
.pw .pw-foot-brand .pw-logo span{font-size:19px}
.pw .pw-foot-brand p{font-size:14px}
.pw .pw-foot-col{display:flex;flex-direction:column;gap:10px}
.pw .pw-foot-col b{color:#F4F3EE;font:600 13px/1.4 'Geist',sans-serif}
.pw .pw-foot a{color:#BDBAAE;text-decoration:none;font-size:14.5px;transition:color .2s}
.pw .pw-foot a:hover{color:#fff}
.pw .pw-foot-bot{padding-block:18px 26px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:12.5px}
.pw .pw-foot-legal{display:flex;gap:18px}
.pw .pw-foot-legal a{font-size:12.5px}

/* Motion */
.pw .in{animation:pw-rise .8s cubic-bezier(.2,.7,.2,1) both}
.pw .d1{animation-delay:.08s}.pw .d2{animation-delay:.16s}.pw .d3{animation-delay:.24s}.pw .d4{animation-delay:.32s}.pw .d5{animation-delay:.42s}
.pw .breathe{animation:pw-breathe 7s ease-in-out infinite}
@keyframes pw-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pw-flow{from{transform:translateX(-110%)}to{transform:translateX(260%)}}
@keyframes pw-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pw-breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}
@keyframes pw-marquee{to{transform:translateX(-50%)}}
@keyframes pw-sig-cm{0%{stroke-dashoffset:16;opacity:0}2%{opacity:1}13%{stroke-dashoffset:-100;opacity:1}14%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes pw-sig-tr{0%,2%{opacity:0}12%{opacity:.32}34%,100%{opacity:0}}
@keyframes pw-sig-vx{0%,4%{opacity:0}13%{opacity:.6}36%,100%{opacity:0}}
@keyframes pw-sig-en{0%,12%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.2)}34%{opacity:.5;transform:scale(1)}56%,100%{opacity:0}}
@keyframes pw-sig-rg{0%,12%{opacity:0;transform:scale(1)}14%{opacity:.7}32%,100%{opacity:0;transform:scale(5)}}
@supports (animation-timeline: view()){.pw:not(.elementor-editor-active) .rv{animation:pw-rise linear both;animation-timeline:view();animation-range:entry 0% entry 30%}}
@media (prefers-reduced-motion:reduce){.pw *,.pw *::after,.pw *::before{animation:none!important;transition:none!important}}

/* Responsive */
@media (max-width:1000px){
	.pw .pw-nav,.pw .pw-signin{display:none}
	.pw .pw-burger{display:block}
	.pw .dia{grid-template-columns:minmax(0,1fr)}.pw .dia .dline{height:40px;width:2px;margin:0 auto}
	.pw .bento{grid-template-columns:minmax(0,1fr)}.pw .bento>*{grid-column:auto!important}
	.pw .steps,.pw .sb,.pw .cmp{grid-template-columns:minmax(0,1fr)}
	.pw .elementor .e-con.pw-grid{grid-template-columns:minmax(0,1fr)}
	.pw .split{grid-template-columns:minmax(0,1fr)!important}
}
@media (min-width:1001px){.pw .pw-mnav{display:none!important}}
@media (max-width:782px){.pw.admin-bar .pw-hdr{top:46px}}
@media (max-width:600px){.pw.admin-bar .pw-hdr{top:0}}
@media (max-width:560px){.pw .node .nl{display:none}.pw .node{padding:0 8px}.pw .pw-hdr-r .btn{display:none}}
@media (max-width:600px){
	.pw .pw-foot-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
	.pw .pw-foot-brand{grid-column:1/-1}
}