/* Generated from parts/*.css by site/build/deploy-theme.mjs - edit the parts. */
/* about-contact.css */
/* About us (ab-) and Contact (ct-). */
.pw .elementor .e-con.ab-hero,.pw .elementor .e-con.ct-hero{padding-block:var(--hero-top) clamp(48px,6vw,72px)}
.pw .elementor .e-con.ab-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}
.pw .ab-mark{display:inline-flex;filter:drop-shadow(0 30px 60px rgba(255,190,0,.45))}
.pw .elementor .e-con.ab-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.pw .ab-text p{font-size:18px;line-height:1.7;color:var(--text)}
.pw .ab-card .ico{margin-bottom:4px}
.pw .ab-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pw .ab-fact{border-radius:18px;background:var(--paper);padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.pw .ab-fact .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .ab-fact b{font:600 16px/1.4 'Geist',sans-serif;color:#0C0B08;letter-spacing:-0.01em}
.pw .ab-fact a{color:#0C0B08}
.pw .elementor .e-con.ct-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.pw .ct-h .elementor-heading-title{font-size:clamp(24px,2.6vw,30px)}
.pw .ct-card{display:flex;gap:14px;padding:20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .ct-card .sico{flex:none;color:#B58A00;background:rgba(255,203,5,.14);box-shadow:inset 0 0 0 1px rgba(255,190,0,.35)}
.pw .ct-card b{display:block;font:600 16.5px/1.3 'Geist',sans-serif;color:#0C0B08;margin-bottom:6px}
.pw .ct-card p{font-size:15px;color:var(--text);line-height:1.55}
.pw .ct-card p+p{margin-top:6px}
.pw .ct-card a{color:#0C0B08;font-weight:500;text-decoration:underline;text-decoration-color:rgba(255,190,0,.8);text-underline-offset:3px}
.pw .ct-card .ct-sub{color:var(--muted);font-size:14px}
@media (max-width:1000px){
	.pw .elementor .e-con.ab-hero{grid-template-columns:minmax(0,1fr)}
	.pw .ab-mark{display:none}
	.pw .elementor .e-con.ab-story,.pw .elementor .e-con.ct-grid{grid-template-columns:minmax(0,1fr)}
	.pw .elementor .e-con.ab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){.pw .elementor .e-con.ab-grid,.pw .ab-facts{grid-template-columns:minmax(0,1fr)}}

/* acc.css */
/* Expandable questions (lib faqList) and Details toggles (lib more): short first, the full answer on click */
.pw .pw-acc{display:flex;flex-direction:column;gap:10px;max-width:880px;margin-inline:auto;width:100%}
.pw .pw-acc-i{background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
.pw .pw-acc-i[open]{box-shadow:0 0 0 1px var(--line2),0 16px 32px -22px rgba(12,11,8,.25)}
.pw .pw-acc-i summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;font:600 17px/1.35 'Geist',sans-serif;letter-spacing:-0.01em;color:#0C0B08}
.pw .pw-acc-i summary::-webkit-details-marker{display:none}
.pw .pw-acc-i summary:focus-visible{outline:2px solid #FFCB05;outline-offset:2px;border-radius:16px}
.pw .pw-acc-i summary i{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:#F1F0EA;transition:background .2s,transform .25s}
.pw .pw-acc-i summary i::before,.pw .pw-acc-i summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:#0C0B08}
.pw .pw-acc-i summary i::after{transform:rotate(90deg);transition:transform .25s}
.pw .pw-acc-i[open] summary i{background:#FFCB05}
.pw .pw-acc-i[open] summary i::after{transform:rotate(0)}
.pw .pw-acc-a{padding:0 22px 20px;color:var(--text);font-size:15.5px;line-height:1.65}
.pw .pw-acc-a p{margin:0 0 8px}
.pw .pw-acc-a p:last-child{margin:0}
.pw .pw-acc-a a{color:inherit;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}
.pw .pw-acc-a code{font-size:13px}
.pw .pw-acc-more{text-align:center;margin-top:6px}
.pw .pw-acc-more a{font-weight:600;color:#0C0B08;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}
.pw .pw-det{margin-top:2px}
.pw .pw-det summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font:600 14px/1 'Geist',sans-serif;color:#0C0B08}
.pw .pw-det summary::-webkit-details-marker{display:none}
.pw .pw-det summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.pw .pw-det[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.pw .pw-det summary:focus-visible{outline:2px solid #FFCB05;outline-offset:3px;border-radius:6px}
.pw .pw-det-b{margin-top:10px;font-size:14.5px;line-height:1.6;color:var(--muted)}
.pw .pw-det-b p{margin:0 0 8px}
.pw .sf-layer-dk .pw-det summary,.pw .sf-data-dk .pw-det summary{color:#F4F3EE}
.pw .sf-layer-dk .pw-det-b,.pw .sf-data-dk .pw-det-b{color:#BDBAAE}
.pw .pw-det-b a{color:inherit;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}

/* changelog.css */
/* Changelog: a timeline of releases */
.pw .cl-wrap{max-width:880px}
.pw .cl-list{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:18px}
.pw .cl-list::before{content:"";position:absolute;left:19px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,#FFCB05,rgba(255,203,5,.15))}
.pw .cl-rel{position:relative;margin-left:52px;padding:22px 24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);scroll-margin-top:96px}
.pw .cl-rel::before{content:"";position:absolute;left:-40px;top:28px;width:14px;height:14px;border-radius:50%;background:#0C0B08;box-shadow:0 0 0 4px #F6F6F3,0 0 0 5px rgba(255,203,5,.6)}
.pw .cl-rel:first-child::before{background:#FFCB05;box-shadow:0 0 0 4px #F6F6F3,0 0 18px rgba(255,203,5,.8)}
.pw .cl-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px}
.pw .cl-head h2{flex:1 1 100%;margin:0;font-size:clamp(20px,2.2vw,24px);letter-spacing:-0.02em;color:#0C0B08}
.pw .cl-v{font:600 13px/1 'Geist Mono',monospace;padding:6px 9px;border-radius:8px;background:#0C0B08;color:#FFCB05}
.pw .cl-latest{font:500 11px/1 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:rgba(255,203,5,.18);color:#6B5200}
.pw .cl-rel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pw .cl-rel ul li{display:flex;gap:12px;align-items:flex-start;color:var(--text);font-size:15.5px;line-height:1.6}
.pw .cl-rel ul li a{color:#0C0B08;font-weight:500;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px;white-space:nowrap}
.pw .cl-rel ul li a:hover{text-decoration-color:currentColor}
.pw .cl-tag{flex:none;min-width:82px;text-align:center;margin-top:2px;padding:4px 8px;border-radius:7px;font:500 11px/1.3 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.pw .cl-new{background:#0C0B08;color:#FFCB05}
.pw .cl-fix{background:rgba(61,220,132,.16);color:#16753F}
.pw .cl-changed{background:#EFEEE8;color:#4A4840}
.pw .cl-removed{background:rgba(229,72,77,.12);color:#A3262B}
.pw .cl-security{background:rgba(255,203,5,.2);color:#6B5200;box-shadow:inset 0 0 0 1px rgba(242,188,0,.55)}
@media (max-width:640px){.pw .cl-rel{margin-left:34px;padding:18px}.pw .cl-list::before{left:9px}.pw .cl-rel::before{left:-31px}.pw .cl-rel ul li{flex-direction:column;gap:6px}}

/* compare.css */
/* Compare: how to choose a WordPress MCP plugin (build/pages/compare.mjs). Classes are prefixed cm-. */

.pw .cm-qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:cmq}
.pw .cm-q{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line);counter-increment:cmq}
.pw .cm-q::before{content:counter(cmq,decimal-leading-zero);position:absolute;top:26px;right:26px;font:500 12px/1 'Geist Mono',monospace;color:var(--line2)}
.pw .cm-q-h{display:flex;align-items:center;gap:14px;padding-right:32px}
.pw .cm-q-h .ico svg{stroke:currentColor;fill:none}
.pw .cm-q h3{margin:0;font:600 19px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08;text-wrap:balance}
.pw .cm-why{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.pw .cm-a{margin-top:auto;padding:16px 18px;border-radius:16px 16px 16px 4px;background:var(--paper)}
.pw .cm-a>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7A5800}
.pw .cm-a p{margin:6px 0 0;font-size:15px;line-height:1.55;color:#0C0B08}
.pw .cm-a a{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:600 14px/1 'Geist',sans-serif;color:#0C0B08;text-decoration:none}
.pw .cm-a a:hover{text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}
.pw .cm-a a svg{stroke:currentColor;fill:none}

.pw .cm-table{overflow-x:auto;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .cm-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.5}
.pw .cm-table caption{padding:16px 20px 0;text-align:left;font:500 12px/1.4 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pw .cm-table th,.pw .cm-table td{padding:14px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.pw .cm-table tbody tr:last-child>*{border-bottom:0}
.pw .cm-table thead th{font:500 11.5px/1.3 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#FBFBF9}
.pw .cm-table tbody th{font-weight:600;white-space:nowrap}
.pw .cm-table tbody th a{color:#0C0B08;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.pw .cm-table tbody th a:hover{text-decoration-color:#FFCB05}
.pw .cm-table td:last-child{white-space:nowrap;color:var(--text)}
.pw .cm-table tr.cm-us>*{background:#FFFBEA}
.pw .cm-table tr.cm-us th em{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#0C0B08;color:#FFCB05;font:500 10.5px/1 'Geist Mono',monospace;font-style:normal;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.pw .cm-table tr.cm-us td:last-child{white-space:normal;min-width:220px}

/* Do I need a plugin if WordPress has the MCP Adapter? Two cards: the adapter, then PowerWP AI (highlighted). */
.pw .cm-ad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1000px;width:100%;margin-inline:auto}
.pw .cm-ad-c{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .cm-ad-c.cm-ad-us{background:#FFFBEA;box-shadow:0 0 0 1px #F2DE8A}
.pw .cm-ad-c>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .cm-ad-c.cm-ad-us>span{color:#7A5800}
.pw .cm-ad-c h3{margin:0;font:600 21px/1.2 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .cm-ad-c ul{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.pw .cm-ad-c li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:#0C0B08}
.pw .cm-ad-c li svg{flex:none;margin-top:3px;stroke:#127F49;fill:none}
.pw .cm-ad-c>a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font:600 14px/1 'Geist',sans-serif;color:#0C0B08;text-decoration:none}
.pw .cm-ad-c>a:hover{text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}
.pw .cm-ad-c>a svg{stroke:currentColor;fill:none}

/* Why pay when some are free */
.pw .cm-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1000px;margin-inline:auto}
.pw .cm-pay-note{text-align:center;max-width:640px;margin-inline:auto;font-size:16px}
.pw .cm-pay-note p{color:var(--text)}

@media (max-width:900px){
	.pw .cm-qs{grid-template-columns:minmax(0,1fr)}
	.pw .cm-q{padding:22px}
	.pw .cm-ad{grid-template-columns:minmax(0,1fr)}
	.pw .cm-ad-c{padding:22px}
	.pw .cm-table td:last-child{white-space:normal}
}

/* Phones: each row stacks with its own labels, so nothing is cut off at the edge (site audit 29 Oct 2026). */
@media (max-width:640px){
	.pw .cm-table{overflow:visible}
	.pw .cm-table table{min-width:0}
	.pw .cm-table thead{display:none}
	.pw .cm-table tr{display:block;padding:16px 18px;border-bottom:1px solid var(--line)}
	.pw .cm-table tbody tr:last-child{border-bottom:0}
	.pw .cm-table tr.cm-us{background:#FFFBEA}
	.pw .cm-table th,.pw .cm-table td{display:block;padding:3px 0;border:0}
	.pw .cm-table td[data-label]::before{content:attr(data-label);display:block;margin-top:8px;font:500 11px/1.3 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
}

/* "PowerWP AI vs …" pages (site/build/versus.mjs): the PowerWP card, the other product's card and the scorecard. */
.pw .vs-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:start}
.pw .vs-us{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:26px;padding:38px;border-radius:24px;background:radial-gradient(120% 90% at 50% 0%,#24221A 0%,#0C0B08 70%);color:#F4F3EE;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px rgba(255,190,0,.55),0 0 0 6px rgba(255,203,5,.06)}
.pw .vs-us .mono,.pw .vs-them .mono{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.pw .vs-us .mono{color:#FFCB05}
.pw .vs-us h3{margin:0;font:600 34px/1.06 'Geist',sans-serif;letter-spacing:-.035em;color:#F4F3EE}
.pw .vs-us h3 em{font-style:normal;color:#FFCB05}
.pw .vs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pw .vs-stat{padding:15px 16px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pw .vs-stat b{display:block;font:600 34px/1 'Geist',sans-serif;letter-spacing:-.04em;color:#FFCB05}
.pw .vs-stat span{display:block;margin-top:8px;font-size:13px;line-height:1.35;color:#A3A091}
.pw .vs-ben{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}
.pw .vs-ben>div{display:flex;gap:12px}
.pw .vs-ben .ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#FFCB05;color:#0C0B08}
.pw .vs-ben b{display:block;font:600 16px/1.3 'Geist',sans-serif;color:#F4F3EE}
.pw .vs-ben p{margin:4px 0 0;font-size:14px;line-height:1.5;color:#A3A091}
.pw .vs-btns{display:flex;flex-wrap:wrap;gap:10px}
.pw .vs-btns a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;font:600 15px/1 'Geist',sans-serif;text-decoration:none}
.pw .vs-btns .go{background:#FFCB05;color:#0C0B08}
.pw .vs-btns .gh{color:#F4F3EE;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.pw .vs-them{display:flex;flex-direction:column;gap:14px;padding:30px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .vs-them .mono{color:var(--muted)}
.pw .vs-them h3{margin:0;font:600 24px/1.15 'Geist',sans-serif;letter-spacing:-.02em;color:#0C0B08}
.pw .vs-them ul{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none}
.pw .vs-them li{display:flex;gap:11px;font-size:14.5px;line-height:1.5;color:var(--text)}
.pw .vs-them li::before{content:'';flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:#C9C7BD}
.pw .vs-them>a{margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--muted)}
.pw .vs-s{display:flex;align-items:flex-start;gap:10px}
.pw .vs-s i{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;font:700 12px/1 'Geist',sans-serif;font-style:normal}
.pw .vs-s.y i{background:#DDF4E7;color:var(--okt)}
.pw .vs-s.y{font-weight:500;color:#0C0B08}
.pw .vs-s.p i{background:#FFF0B8;color:#7A5C00}
.pw .vs-s.n i{background:#EFEEE9;color:var(--muted)}
.pw .vs-s.n{color:var(--muted)}
.pw .vs-score td:last-child{background:#FFFBEA}
.pw .vs-key{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13px;color:var(--muted)}
@media (max-width:960px){.pw .vs-grid{grid-template-columns:1fr}}
@media (max-width:640px){.pw .vs-us{padding:26px 22px}.pw .vs-us h3{font-size:27px}.pw .vs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pw .vs-stat b{font-size:28px}.pw .vs-ben{grid-template-columns:1fr}.pw .vs-score td:last-child{background:none}}

/* docs-blog.css */
/* Documents (legal pages), the blog, single posts, search, 404 and the contact form. */

/* Readable text */
.pw .pw-prose{font-size:17px;line-height:1.75;color:var(--text);min-width:0;max-width:740px}
.pw .pw-prose>*+*{margin-top:18px}
.pw .pw-prose h2{font-size:clamp(24px,2.6vw,30px);line-height:1.15;margin-top:48px;scroll-margin-top:calc(var(--hdr-h) + 24px)}
.pw .pw-prose h3{font-size:19px;margin-top:32px}
.pw .pw-prose h2+*,.pw .pw-prose h3+*{margin-top:12px}
.pw .pw-prose ul,.pw .pw-prose ol{padding-left:22px}
.pw .pw-prose li+li{margin-top:8px}
.pw .pw-prose li::marker{color:#C9A200}
.pw .pw-prose a{color:#0C0B08;text-decoration:underline;text-decoration-color:rgba(255,190,0,.8);text-decoration-thickness:2px;text-underline-offset:3px}
.pw .pw-prose a:hover{text-decoration-color:#0C0B08}
.pw .pw-prose strong{color:#0C0B08}
.pw .pw-prose code{font:500 .86em/1.4 'Geist Mono',monospace;background:#EDEBE3;border-radius:6px;padding:2px 6px}
.pw .pw-prose blockquote{margin:24px 0;padding:16px 20px;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 0 0 1px var(--line);color:#0C0B08;font-weight:500}
.pw .pw-prose blockquote p{margin:0}
.pw .pw-prose table{width:100%;border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#fff;font-size:15px}
.pw .pw-prose th,.pw .pw-prose td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.pw .pw-prose tr:last-child td{border-bottom:0}
.pw .pw-prose th{font:500 12px/1.3 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#FBFBF9}
.pw .pw-prose .pw-box{padding:18px 20px;border-radius:16px;background:#FFF8D9;box-shadow:inset 0 0 0 1px rgba(255,190,0,.45)}
/* Details toggles in posts (tools and recipes under each question) */
.pw .pw-prose details{border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:15px}
.pw .pw-prose summary{cursor:pointer;padding:10px 14px;font:500 12.5px/1.3 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pw .pw-prose summary:hover{color:#0C0B08}
.pw .pw-prose details>*:not(summary){margin:0;padding:0 14px 12px}
/* Wide tables scroll inside the column on phones instead of widening the page */
@media (max-width:640px){.pw .pw-prose table{display:block;overflow-x:auto;font-size:14px}}

/* Documents */
.pw .pw-doc-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding-block:clamp(40px,5vw,64px) clamp(72px,9vw,120px);align-items:start}
.pw .pw-toc{position:sticky;top:calc(var(--hdr-h) + 24px);display:flex;flex-direction:column;gap:2px;font-size:14px}
.pw .pw-toc b{font:500 12px/1 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.pw .pw-toc a{padding:7px 10px;border-radius:9px;color:var(--muted);text-decoration:none;line-height:1.35}
.pw .pw-toc a:hover{background:#fff;color:#0C0B08}
.pw .pw-doc-body>.pw-prose:only-child{grid-column:1/-1;margin-inline:auto}

/* Blog cards */
.pw .pw-blog-body{padding-block:clamp(40px,5vw,64px) clamp(72px,9vw,120px)}
.pw .pw-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:18px}
.pw .pw-card-post{display:flex;flex-direction:column;gap:10px;padding:14px 14px 22px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pw .pw-card-post:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25);color:inherit}
.pw .pw-cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:14px;overflow:hidden;margin-bottom:6px}
.pw .pw-cover-ink{background:radial-gradient(90% 120% at 80% 0%,#2A2618 0%,#0C0B08 60%);color:#F4F3EE}
.pw .pw-cover-yellow{background:linear-gradient(160deg,#FFE27A 0%,#FFC700 75%);color:#0C0B08}
.pw .pw-cover-paper{background:radial-gradient(90% 120% at 80% 0%,#FFFFFF 0%,#ECEAE2 70%);color:#0C0B08;box-shadow:inset 0 0 0 1px var(--line)}
.pw .pw-cover::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,currentColor 1px,transparent 1.6px),radial-gradient(circle,currentColor 1px,transparent 1.6px);background-size:26px 45px;background-position:0 0,13px 22.5px;opacity:.16}
.pw .pw-cover svg{position:relative;width:52px;height:52px;filter:drop-shadow(0 10px 22px rgba(255,190,0,.35))}
.pw .pw-cover-cat{position:absolute;left:14px;top:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.pw .pw-card-meta{font-size:12px;color:var(--muted);padding-inline:8px}
.pw .pw-card-post b{font:600 21px/1.25 'Geist',sans-serif;letter-spacing:-0.025em;color:#0C0B08;padding-inline:8px;text-wrap:balance}
.pw .pw-card-ex{font-size:15px;color:var(--muted);padding-inline:8px;line-height:1.55}
.pw .pw-card-more{margin-top:auto;padding:6px 8px 0;font:600 14.5px/1 'Geist',sans-serif;color:#0C0B08}
.pw .pw-pages,.pw .navigation.pagination{margin-top:36px}
.pw .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pw .nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:11px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;color:#0C0B08;font-weight:500}
.pw .nav-links .page-numbers.current{background:#0C0B08;color:#FFCB05}
/* Blog index: topics under the band, "Start here", the other posts, the closing call to action */
.pw .pw-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.pw .pw-topics a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;font:500 14px/1 'Geist',sans-serif;color:#C9C6B8;text-decoration:none;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pw .pw-topics a:hover{color:#F4F3EE;background:rgba(255,255,255,.09)}
.pw .pw-topics a.is-on{color:#0C0B08;background:#FFCB05;box-shadow:none}
.pw .pw-blog-h{font-size:clamp(26px,3vw,34px);margin:0 0 8px}
.pw .pw-blog-lead{color:var(--muted);font-size:16px;margin:0 0 22px;max-width:620px}
.pw .pw-start+.pw-blog-h{margin-top:clamp(40px,5vw,56px);margin-bottom:22px}
.pw .pw-blog-body>.pw-post-cta{margin-top:clamp(40px,5vw,56px)}
.pw .pw-blog-docs{margin:16px 0 0;font-size:15px;color:var(--muted)}
.pw .pw-blog-docs a{color:#0C0B08;font-weight:600}

/* Search and 404 */
.pw .pw-search{display:flex;gap:8px;max-width:520px;margin-top:6px}
.pw .pw-search input{flex:1;min-width:0;height:46px;border-radius:12px;border:0;padding:0 16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#F4F3EE;font:400 16px/1 'Geist',sans-serif}
.pw .pw-search input::placeholder{color:#8A8779}
.pw .pw-search input:focus{outline:0;box-shadow:inset 0 0 0 1.5px #FFCB05}
.pw .pw-search .btn{height:46px}
.pw .pw-results{display:flex;flex-direction:column;gap:12px;max-width:820px}
.pw .pw-result{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none}
.pw .pw-result .mono{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .pw-result b{font:600 19px/1.3 'Geist',sans-serif;color:#0C0B08;letter-spacing:-0.02em}
.pw .pw-result span:last-child{font-size:15px;color:var(--muted)}
.pw .pw-empty{font-size:17px;color:var(--muted)}
.pw .pw-empty-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}
.pw .pw-empty-links a{color:#0C0B08;font-weight:600}
.pw .pw-404-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px}
.pw .pw-404-links a{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;transition:transform .25s,box-shadow .25s}
.pw .pw-404-links a:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line2),0 18px 36px -22px rgba(12,11,8,.3)}
.pw .pw-404-links b{font:600 18px/1.3 'Geist',sans-serif;color:#0C0B08}
.pw .pw-404-links span{font-size:14.5px;color:var(--muted)}

/* Single post: hero and article as wide as the menu. The article column is about 830px (18px text) with "On this page"
   in a sticky column beside it; below 1080px everything stacks and "On this page" sits above the article. */
.pw .pw-single .pw-band-text{max-width:none;width:100%}
.pw .pw-single .pw-band h1{max-width:1100px;text-wrap:balance}
.pw .pw-single .pw-band p{max-width:820px}
.pw .pw-single-body{padding-block:clamp(32px,4vw,48px) clamp(48px,6vw,72px)}
.pw .pw-single-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.pw .pw-single-main{min-width:0;max-width:830px}
.pw .pw-single .pw-prose{max-width:none}
.pw .pw-single-side .pw-post-toc{margin:0}
@media (min-width:1080px){
	.pw .pw-single-grid.has-toc{grid-template-columns:minmax(0,1fr) 250px;column-gap:clamp(48px,5vw,80px)}
	.pw .pw-single-grid.has-toc .pw-single-side{grid-column:2;grid-row:1}
	.pw .pw-single-grid.has-toc .pw-single-main{grid-column:1;grid-row:1;max-width:none}
	.pw .pw-single .pw-prose{font-size:18px}
	.pw .pw-single-side .pw-post-toc{position:sticky;top:calc(var(--hdr-h) + 24px);margin:0;padding:4px 0 0;border-radius:0;background:none;box-shadow:none;max-height:calc(100vh - var(--hdr-h) - 48px);overflow-y:auto;scrollbar-width:none}
	.pw.admin-bar .pw-single-side .pw-post-toc{top:calc(var(--hdr-h) + 56px)}
	.pw .pw-single-side .pw-post-toc b{font:500 11.5px/1 'Geist Mono',monospace;letter-spacing:.1em;margin-bottom:12px}
	.pw .pw-single-side .pw-post-toc ol{columns:auto;padding:0;list-style:none;font-size:14px;line-height:1.4;border-left:1px solid var(--line)}
	.pw .pw-single-side .pw-post-toc li{margin:0}
	.pw .pw-single-side .pw-post-toc a{position:relative;display:block;padding:6px 0 6px 16px;color:var(--muted);transition:color .15s}
	.pw .pw-single-side .pw-post-toc a:hover{color:#0C0B08;text-decoration:none}
	.pw .pw-single-side .pw-post-toc a.on{color:#0C0B08;font-weight:500}
	.pw .pw-single-side .pw-post-toc a.on::before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:2px;border-radius:2px;background:#FFCB05}
}
.pw .pw-crumbs{font-size:12.5px;color:var(--muted);margin-bottom:20px}
.pw .pw-crumbs a{color:var(--muted);text-decoration:none}
.pw .pw-crumbs a:hover{color:#0C0B08}
.pw .pw-post-toc{margin:0 0 28px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .pw-post-toc b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.pw .pw-post-toc ol{margin:0;padding-left:20px;columns:2 240px;column-gap:28px;font-size:15px;line-height:1.45}
.pw .pw-post-toc li{break-inside:avoid;margin:0 0 6px}
.pw .pw-post-toc li::marker{color:#C9A200}
.pw .pw-post-toc a{color:#0C0B08;text-decoration:none}
.pw .pw-post-toc a:hover{text-decoration:underline;text-decoration-color:rgba(255,190,0,.8);text-underline-offset:3px}
.pw .pw-post-cta{margin-top:48px;border-radius:24px;padding:clamp(24px,4vw,36px);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.pw .pw-post-cta b{display:block;font:600 clamp(22px,2.6vw,28px)/1.15 'Geist',sans-serif;letter-spacing:-0.035em;color:#F4F3EE;margin-bottom:8px}
.pw .pw-post-cta p{color:#A3A091;font-size:15.5px;max-width:420px}
.pw .pw-post-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.pw .pw-more{padding-bottom:clamp(72px,9vw,120px)}
.pw .pw-more h2{font-size:clamp(28px,3.2vw,38px);margin-bottom:24px}

/* Contact form */
.pw .pwf{display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--line),0 12px 32px -16px rgba(12,11,8,.12);padding:clamp(22px,3vw,32px)}
.pw .pwf-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pw .pwf-f{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
.pw .pwf input,.pw .pwf select,.pw .pwf textarea{width:100%;min-height:50px;border-radius:12px;border:1.5px solid var(--line2);background:#fff;padding:12px 14px;font:400 16px/1.45 'Geist',sans-serif;color:#0C0B08}
.pw .pwf textarea{min-height:150px;resize:vertical}
.pw .pwf input:focus,.pw .pwf select:focus,.pw .pwf textarea:focus{outline:0;border-color:#0C0B08;box-shadow:0 0 0 4px rgba(255,203,5,.35)}
.pw .pwf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.pw .pwf-note{font-size:13.5px;color:var(--muted)}
.pw .pwf-note a{color:#0C0B08}
.pw .pwf .btn{align-self:flex-start}
.pw .pwf-ok,.pw .pwf-err{padding:14px 16px;border-radius:14px;font-size:15px}
.pw .pwf-ok{background:#E7F6EE;color:#0E5C36}
.pw .pwf-err{background:#FDECEA;color:#8C1D18}

@media (max-width:860px){
	.pw .pw-doc-body{grid-template-columns:minmax(0,1fr);gap:24px}
	.pw .pw-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}
	.pw .pw-toc b{width:100%;margin-bottom:2px}
	.pw .pw-toc a{background:#fff;box-shadow:0 0 0 1px var(--line);font-size:13px}
	.pw .pwf-row{grid-template-columns:minmax(0,1fr)}
}

/* docs.css */
/* Docs (/docs/…): section navigation, page, "On this page", search dialog. Plus the draft-preview badge. */

.pw .pw-preview-badge{position:fixed;left:16px;bottom:16px;z-index:95;display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:999px;background:#0C0B08;color:#FFCB05;font:600 13px/1 'Geist',sans-serif;box-shadow:0 0 0 1px rgba(255,203,5,.4),0 12px 30px -10px rgba(0,0,0,.6);pointer-events:none}
.pw .pw-preview-badge i{width:7px;height:7px;border-radius:50%;background:#FFCB05;box-shadow:0 0 10px #FFCB05}

.pw .pw-docs kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2),0 1px 0 var(--line2);font:500 11px/1 'Geist Mono',monospace;color:var(--muted);white-space:nowrap}

/* Layout: nav · page · on this page */
.pw .pw-dgrid{max-width:1440px;margin-inline:auto;display:grid;grid-template-columns:264px minmax(0,1fr) 210px;gap:0 clamp(32px,4vw,64px);padding-inline:clamp(16px,3vw,40px);align-items:start}
.pw .pw-docs-home .pw-dgrid{grid-template-columns:264px minmax(0,1fr)}
.pw .pw-dside{position:sticky;top:var(--hdr-h);max-height:calc(100vh - var(--hdr-h));overflow-y:auto;overscroll-behavior:contain;padding:28px 16px 56px 0;border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.pw.admin-bar .pw-dside{top:calc(var(--hdr-h) + 32px);max-height:calc(100vh - var(--hdr-h) - 32px)}
.pw .pw-dsearch{display:flex;align-items:center;gap:9px;width:100%;height:40px;padding:0 8px 0 12px;border:0;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);color:var(--muted);font:400 14.5px/1 'Geist',sans-serif;cursor:pointer;transition:box-shadow .2s}
.pw .pw-dsearch:hover{box-shadow:inset 0 0 0 1px #0C0B08}
.pw .pw-dsearch span{flex:1;text-align:left}
.pw .pw-dsearch .i,.pw .pw-dhero-search .i{stroke:currentColor;fill:none;stroke-width:2}
.pw .pw-dnav{display:flex;flex-direction:column;gap:2px;margin-top:18px}
.pw .pw-dnav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:8px;color:var(--text);font-size:14.5px;line-height:1.35;text-decoration:none;transition:background .15s,color .15s}
.pw .pw-dnav a:hover{background:#fff;color:#0C0B08}
.pw .pw-dnav a[aria-current]{background:#FFEFA3;color:#0C0B08;font-weight:600}
.pw .pw-dnav-home{font-weight:500;margin-bottom:6px}
.pw .pw-dnav-sec{margin-top:10px}
.pw .pw-dnav-sec summary{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px;list-style:none;cursor:pointer;font:500 11.5px/1.2 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .pw-dnav-sec summary::-webkit-details-marker{display:none}
.pw .pw-dnav-sec summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.7}
.pw .pw-dnav-sec:not([open]) summary::after{transform:rotate(-45deg)}
.pw .pw-dnav-sec summary:hover{color:#0C0B08}
.pw .pw-dbadge{flex:none;padding:3px 6px;border-radius:6px;background:#FFF3BF;color:#6B5200;font:600 10.5px/1 'Geist Mono',monospace}

.pw .pw-dmain{min-width:0;max-width:800px;padding-block:36px clamp(72px,8vw,112px)}
.pw .pw-docs-home .pw-dmain{max-width:1040px}
.pw .pw-dbar{display:none}

/* Page head */
.pw .pw-dcrumbs{display:flex;flex-wrap:wrap;gap:8px;font:500 12px/1.2 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pw .pw-dcrumbs a{color:var(--muted);text-decoration:none}
.pw .pw-dcrumbs a:hover{color:#0C0B08}
.pw .pw-dhead h1{margin:14px 0 0;font:600 clamp(32px,3.6vw,46px)/1.08 'Geist',sans-serif;letter-spacing:-0.04em;color:#0C0B08;text-wrap:balance}
.pw .pw-dlead{margin-top:14px;font-size:19px;line-height:1.55;color:var(--muted);max-width:680px;text-wrap:pretty}
.pw .pw-dtools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.pw .pw-dcopy{position:relative;display:inline-flex}
.pw .pw-dbtn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:0;border-radius:9px 0 0 9px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);color:#0C0B08;font:500 13.5px/1 'Geist',sans-serif;cursor:pointer;transition:box-shadow .2s,background .2s}
.pw .pw-dbtn:hover{background:#FBFBF9;box-shadow:inset 0 0 0 1px #0C0B08;position:relative;z-index:1}
.pw .pw-dbtn .i{stroke:currentColor;fill:none;stroke-width:2}
.pw .pw-dbtn-more{border-radius:0 9px 9px 0;margin-left:-1px;padding:0 9px}
.pw .pw-dmenu{position:absolute;top:40px;left:0;z-index:20;width:290px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 48px -16px rgba(12,11,8,.28)}
.pw .pw-dmenu a{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;text-decoration:none}
.pw .pw-dmenu a:hover{background:var(--paper)}
.pw .pw-dmenu b{font:600 14px/1.3 'Geist',sans-serif;color:#0C0B08}
.pw .pw-dmenu span{font-size:12.5px;color:var(--muted)}
.pw .pw-dupd{font-size:12px;color:var(--muted)}

/* Prose additions */
.pw .pw-dprose{max-width:none;margin-top:8px;font-size:16.5px}
.pw .pw-docs-home .pw-dprose{margin-top:0}
.pw .pw-dprose>h2:first-child{margin-top:28px}
.pw .pw-dprose h2{font-weight:600;letter-spacing:-0.03em;color:#0C0B08}
.pw .pw-dprose h3{font-weight:600;letter-spacing:-0.02em;color:#0C0B08;scroll-margin-top:calc(var(--hdr-h) + 24px)}
.pw .pw-dprose h4{font-size:16px;margin-top:24px;color:#0C0B08}
.pw .pw-anchor{margin-left:8px;color:var(--line2);text-decoration:none!important;opacity:0;transition:opacity .15s;font-weight:400}
.pw .pw-dprose :is(h2,h3,h4):hover .pw-anchor,.pw .pw-anchor:focus{opacity:1}
.pw .pw-anchor:hover{color:#C9A200}
.pw .pw-dprose hr{border:0;border-top:1px solid var(--line);margin-block:40px}
.pw .pw-dprose img{max-width:100%;height:auto;border-radius:14px;box-shadow:0 0 0 1px var(--line)}

.pw .pw-code{position:relative;border-radius:14px;background:#0C0B08;box-shadow:0 0 0 1px #0C0B08,0 14px 30px -22px rgba(12,11,8,.6)}
.pw .pw-code pre{margin:0;padding:18px 20px;overflow-x:auto;font:450 13.5px/1.7 'Geist Mono',monospace;color:#EDEBE3;white-space:pre;scrollbar-width:thin;scrollbar-color:#3A382F transparent}
.pw .pw-prose .pw-code code{background:none;padding:0;border-radius:0;font:inherit;color:inherit}
.pw .pw-code[data-lang]::before{content:attr(data-lang);position:absolute;left:20px;top:-9px;padding:2px 7px;border-radius:6px;background:#2A2618;color:#C9C6B8;font:500 10.5px/1.3 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.pw .pw-code-copy{position:absolute;top:9px;right:9px;height:28px;padding:0 10px;border:0;border-radius:7px;background:rgba(255,255,255,.08);color:#F4F3EE;font:500 12px/1 'Geist Mono',monospace;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}
.pw .pw-code:hover .pw-code-copy,.pw .pw-code-copy:focus{opacity:1}
.pw .pw-code-copy:hover{background:rgba(255,203,5,.2);color:#FFCB05}
@media (hover:none){.pw .pw-code-copy{opacity:1}}

.pw .pw-callout{padding:16px 20px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .pw-callout>b{display:block;margin-bottom:6px;font:600 11.5px/1 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#0C0B08}
.pw .pw-callout>*+*{margin-top:8px}
.pw .pw-callout p{margin:0}
.pw .pw-callout.tip{background:#EDF7F1;box-shadow:none}
.pw .pw-callout.tip>b{color:#127F49}
.pw .pw-callout.warning{background:#FFF6D6;box-shadow:none}
.pw .pw-callout.warning>b{color:#7A5800}
.pw .pw-callout.important{background:#FCEEEB;box-shadow:none}
.pw .pw-callout.important>b{color:#B42318}

.pw .pw-prose ol.pw-dsteps{list-style:none;padding:0;counter-reset:pwds;margin-top:22px}
.pw .pw-prose ol.pw-dsteps>li{position:relative;padding:3px 0 22px 50px;counter-increment:pwds;margin:0}
.pw .pw-prose ol.pw-dsteps>li::before{content:counter(pwds);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#0C0B08;color:#FFCB05;font:600 14px/32px 'Geist',sans-serif;text-align:center}
.pw .pw-prose ol.pw-dsteps>li::after{content:"";position:absolute;left:15.5px;top:38px;bottom:6px;width:1px;background:var(--line2)}
.pw .pw-prose ol.pw-dsteps>li:last-child{padding-bottom:4px}
.pw .pw-prose ol.pw-dsteps>li:last-child::after{display:none}

.pw .pw-dcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:12px}
.pw .pw-prose .pw-dcard{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 44px 18px 20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;color:var(--text);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.pw .pw-prose .pw-dcard::after{content:"→";position:absolute;right:18px;top:17px;color:var(--line2);font-size:17px;transition:transform .2s,color .2s}
.pw .pw-prose .pw-dcard:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line2),0 18px 36px -22px rgba(12,11,8,.3)}
.pw .pw-prose .pw-dcard:hover::after{color:#0C0B08;transform:translateX(3px)}
.pw .pw-dcard b{font:600 16px/1.3 'Geist',sans-serif;letter-spacing:-0.01em;color:#0C0B08}
.pw .pw-dcard span{font-size:14.5px;line-height:1.5;color:var(--muted)}

.pw .pw-table{overflow-x:auto;border-radius:14px;box-shadow:0 0 0 1px var(--line);background:#fff;scrollbar-width:thin}
.pw .pw-prose .pw-table table{box-shadow:none;border-radius:0;font-size:14.5px;line-height:1.5}
.pw .pw-prose .pw-table td code{white-space:nowrap;font-size:.84em}
.pw .pw-table.is-wide{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}

/* Tools and recipes reference */
.pw .pw-tool{padding:18px 0 20px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hdr-h) + 24px)}
.pw .pw-tool h3{margin:0;font:600 16px/1.3 'Geist Mono',monospace;letter-spacing:0}
.pw .pw-tool p{margin-top:6px}
.pw .pw-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pw .pw-chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);font:500 12px/1 'Geist',sans-serif;color:var(--text)}
.pw .pw-chip.w{background:#FFF3BF;box-shadow:inset 0 0 0 1px rgba(201,162,0,.45);color:#5E4700}
.pw .pw-chip.d{background:#FDF2F0;box-shadow:inset 0 0 0 1px rgba(180,35,24,.3);color:#8C1D18}

/* Previous / next and help */
.pw .pw-dpn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:56px}
.pw .pw-dpn a{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;transition:box-shadow .2s}
.pw .pw-dpn a:hover{box-shadow:0 0 0 1px #0C0B08}
.pw .pw-dpn span{font:500 11.5px/1 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pw .pw-dpn b{font:600 16px/1.3 'Geist',sans-serif;color:#0C0B08}
.pw .pw-dpn-prev b::before{content:"← "}
.pw .pw-dpn-next{grid-column:2;text-align:right}
.pw .pw-dpn-next b::after{content:" →"}
.pw .pw-dhelp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:20px;padding:20px 22px;border-radius:16px;background:#FFF8D9;box-shadow:inset 0 0 0 1px rgba(255,190,0,.4)}
.pw .pw-dhelp b{font:600 16px/1.3 'Geist',sans-serif;color:#0C0B08}
.pw .pw-dhelp p{margin-top:4px;font-size:14.5px;color:var(--text);max-width:460px}
.pw .pw-dhelp-btns{display:flex;flex-wrap:wrap;gap:8px}
.pw .pw-dhelp .btn{cursor:pointer;border:0}

/* On this page */
.pw .pw-dtoc{position:sticky;top:calc(var(--hdr-h) + 8px);display:flex;flex-direction:column;padding-top:40px;font-size:13.5px;max-height:calc(100vh - var(--hdr-h) - 16px);overflow-y:auto;scrollbar-width:none}
.pw.admin-bar .pw-dtoc{top:calc(var(--hdr-h) + 40px)}
.pw .pw-dtoc b{margin-bottom:10px;font:500 11.5px/1 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .pw-dtoc a{position:relative;padding:5px 0 5px 14px;color:var(--muted);text-decoration:none;line-height:1.4;transition:color .15s}
.pw .pw-dtoc a.l3{padding-left:26px;font-size:13px}
.pw .pw-dtoc a:hover{color:#0C0B08}
/* Current section: a yellow dot before the title (no rail). */
.pw .pw-dtoc a.on{color:#0C0B08;font-weight:500}
.pw .pw-dtoc a.on::before{content:"";position:absolute;left:0;top:calc(5px + .7em - 3px);width:6px;height:6px;border-radius:50%;background:#FFCB05}
.pw .pw-dtoc a.l3.on::before{left:12px}
.pw .pw-dtoc .pw-dtoc-top{margin-top:14px;border:0;padding-left:0;font-size:12.5px}

/* Docs home */
.pw .pw-dhero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(60% 90% at 85% 0%,rgba(255,203,5,.16) 0%,transparent 60%),#0C0B08;padding-block:clamp(56px,7vw,96px) clamp(44px,5vw,72px)}
.pw .pw-dhero-in{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.pw .pw-dhero h1{margin:0;max-width:880px;font:600 clamp(36px,5.2vw,64px)/1.02 'Geist',sans-serif;letter-spacing:-0.045em;color:#F4F3EE;text-wrap:balance}
.pw .pw-dhero p{max-width:640px;font-size:19px;line-height:1.55;color:var(--dm)}
.pw .pw-dhero-search{display:flex;align-items:center;gap:12px;width:min(620px,100%);height:58px;margin-top:8px;padding:0 12px 0 18px;border:0;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#A3A091;font:400 17px/1 'Geist',sans-serif;cursor:pointer;transition:box-shadow .2s,background .2s}
.pw .pw-dhero-search:hover{background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1.5px #FFCB05}
.pw .pw-dhero-search span{flex:1;text-align:left}
.pw .pw-dhero-search kbd{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#C9C6B8}
.pw .pw-dhero-links{display:flex;flex-wrap:wrap;gap:8px}
.pw .pw-dhero-links a{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#F4F3EE;font:500 14px/1 'Geist',sans-serif;text-decoration:none;transition:background .2s,box-shadow .2s}
.pw .pw-dhero-links a:hover{background:rgba(255,203,5,.14);box-shadow:inset 0 0 0 1px rgba(255,203,5,.6)}
.pw .pw-docs-home .pw-dprose h2{font-size:clamp(22px,2.2vw,26px);margin-top:44px}
.pw .pw-docs-home .pw-dprose h2+p{color:var(--muted)}

/* Search dialog */
.pw .pw-dsd{width:min(640px,calc(100% - 32px));max-width:none;max-height:none;margin:12vh auto auto;padding:0;border:0;background:transparent;overflow:visible}
.pw .pw-dsd::backdrop{background:rgba(12,11,8,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pw .pw-dsd-in{border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line),0 40px 90px -24px rgba(0,0,0,.55);overflow:hidden}
.pw .pw-dsd-q{display:flex;align-items:center;gap:12px;height:60px;padding:0 16px 0 18px;border-bottom:1px solid var(--line);color:var(--muted)}
.pw .pw-dsd-q .i{flex:none;stroke:currentColor;fill:none;stroke-width:2}
.pw .pw-dsd-q input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:400 17px/1 'Geist',sans-serif;color:#0C0B08}
.pw .pw-dsd-q input::-webkit-search-cancel-button{display:none}
.pw .pw-dsd-res{max-height:min(56vh,480px);overflow-y:auto;padding:8px;overscroll-behavior:contain}
.pw .pw-dsd-h{padding:8px 12px 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .pw-dsd-res a{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text)}
.pw .pw-dsd-res a.on,.pw .pw-dsd-res a:hover{background:var(--paper)}
.pw .pw-dsd-res a>span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pw .pw-dsd-res b{font:600 15.5px/1.3 'Geist',sans-serif;color:#0C0B08}
.pw .pw-dsd-res i{font-style:normal;font-size:13.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pw .pw-dsd-res mark{background:rgba(255,203,5,.4);color:inherit;border-radius:3px;padding:0 1px}
.pw .pw-dsd-none{padding:18px 12px;color:var(--muted);font-size:15px}
.pw .pw-dsd-none a{color:#0C0B08}
.pw .pw-dsd-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}
.pw .pw-dsd-foot kbd{height:18px;margin-right:2px}

@media (max-width:1180px){
	.pw .pw-dgrid{grid-template-columns:248px minmax(0,1fr)}
	.pw .pw-dtoc{display:none}
}
@media (max-width:900px){
	.pw .pw-dgrid,.pw .pw-docs-home .pw-dgrid{grid-template-columns:minmax(0,1fr)}
	.pw .pw-dside{position:fixed;top:0;left:0;bottom:0;z-index:90;width:min(320px,86vw);max-height:none;padding:20px 16px 40px;background:var(--paper);border-right:0;box-shadow:24px 0 60px -30px rgba(0,0,0,.5);transform:translateX(-104%);transition:transform .28s cubic-bezier(.2,.7,.2,1);visibility:hidden}
	.pw.admin-bar .pw-dside{top:0;max-height:none}
	.pw .pw-dside.is-open{transform:none;visibility:visible}
	.pw.pw-dside-open::after{content:"";position:fixed;inset:0;z-index:85;background:rgba(12,11,8,.45)}
	.pw .pw-dbar{position:sticky;top:var(--hdr-h);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;margin-inline:calc(-1 * clamp(16px,3vw,40px));padding-inline:clamp(16px,3vw,40px);background:rgba(246,246,243,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
	.pw .pw-dbar button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#0C0B08;font:500 14.5px/1 'Geist',sans-serif;cursor:pointer}
	.pw .pw-dbar button:hover{background:#fff}
	.pw .pw-dbar .i{stroke:currentColor;fill:none;stroke-width:2}
	.pw .pw-dmain{padding-top:0}
	.pw .pw-dhead{padding-top:24px}
	.pw .pw-docs-home .pw-dmain{padding-top:8px}
}
@media (max-width:600px){
	.pw .pw-dpn{grid-template-columns:minmax(0,1fr)}
	.pw .pw-dpn-next{grid-column:1}
	.pw .pw-dhero-search kbd,.pw .pw-dsearch kbd{display:none}
	.pw .pw-code pre{font-size:12.5px;padding:16px}
	.pw .pw-dprose{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
	.pw .pw-dside,.pw .pw-prose .pw-dcard,.pw .pw-dcard::after{transition:none}
}
.pw .pw-more-note{font-size:14px;color:var(--muted);margin-top:8px}
.pw .pw-dprose .pw-det{margin-top:14px}

/* Example prompts inside steps (md.mjs: "Example prompt: `…`") */
.pw .pw-prose li.pw-li-prompt{list-style:none;margin-left:-22px}
.pw .pw-prompt{position:relative;margin:4px 0;padding:12px 70px 12px 16px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .pw-prompt>span{font:500 10.5px/1 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .pw-prompt p{margin:6px 0 0;font-size:15.5px;line-height:1.5;color:#0C0B08;font-weight:500}
.pw .pw-prompt .pw-prompt-copy{top:10px;right:10px;background:var(--paper);color:#0C0B08;box-shadow:inset 0 0 0 1px var(--line2);opacity:1}
.pw .pw-prompt .pw-prompt-copy:hover{background:#FFF3BF;color:#0C0B08}

/* Code blocks wrap long prompts; on touch screens the Copy button gets its own row (site audit 29 Oct 2026). */
.pw .pw-code pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media (hover:none){.pw .pw-code pre{padding-top:46px}.pw .pw-code-copy{background:#24221B}}

/* faq.css */
/* FAQ page */
/* FAQ and Changelog heroes (more specific than .pw-sec, which they also carry). */
.pw .elementor .e-con.fq-hero{padding-block:var(--hero-top) clamp(48px,6vw,72px)}
.pw .fq-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pw .fq-jump a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#F4F3EE;font:500 14px/1 'Geist',sans-serif;text-decoration:none;transition:background .2s,box-shadow .2s}
.pw .fq-jump a:hover{background:rgba(255,203,5,.14);box-shadow:inset 0 0 0 1px rgba(255,203,5,.5)}
.pw .elementor .e-con[id]{scroll-margin-top:96px}
.pw .elementor .e-con.fq-more{display:flex;flex-direction:row;align-items:flex-start;gap:18px}
.pw .fq-more .ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#0C0B08;color:#FFCB05}
.pw .fq-more .pw-h2s{font-size:clamp(22px,2.4vw,28px)}
@media (max-width:640px){.pw .elementor .e-con.fq-more{flex-direction:column}}
/* "Ready to start?" band: text left, buttons right; stacked on narrow screens (pw-panel's auto-fit grid). */
.pw .elementor .e-con.fq-start{gap:24px}
.pw .fq-start .pw-h2s{font-size:clamp(22px,2.4vw,28px)}
@media (min-width:900px){.pw .elementor .e-con.fq-start-b{justify-content:flex-end}}
/* Inline links in answers, leads and panels (FAQ, Pricing, Guides): visible as links */
.pw .pw-card-p a,.pw .pw-hero-lead a,.pw .fq-more a,.pw .pw-lead a{color:inherit;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}
.pw .pw-card-p a:hover,.pw .pw-hero-lead a:hover,.pw .fq-more a:hover,.pw .pw-lead a:hover{text-decoration-color:currentColor}

/* features.css */
/* What you can do (build/pages/features.mjs). Every selector starts with .pw; classes are prefixed ft-. */

/* Anchors: leave room for the sticky header when a link jumps to #seo, #store, ... */
.pw .ft-anc{scroll-margin-top:calc(var(--hdr-h) + 12px)}

/* Hero */
.pw .elementor .e-con.ft-hero{padding-block:var(--hero-top) clamp(48px,6vw,72px)}
.pw .ft-hero .pw-h1{max-width:1000px}
.pw .ft-hero .pw-hero-lead{max-width:680px}
.pw .ft-jump{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pw .ft-jump a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);text-decoration:none;font:500 14px/1 'Geist',sans-serif;color:#E9E7DF;transition:background .2s,box-shadow .2s}
.pw .ft-jump a:hover{background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,203,5,.4);color:#fff}
.pw .ft-jump a.ft-y{background:linear-gradient(180deg,#FFDA3D,#FFC700);color:#0C0B08;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.pw .ft-jump a.ft-y:hover{color:#0C0B08}

/* One area: text on one side, an example result on the other */
.pw .elementor .e-con.ft-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:48px;align-items:center;padding-block:64px;border-top:1px solid var(--line)}
.pw .elementor .e-con.ft-area.ft-first{border-top:0;padding-top:0}
.pw .elementor .e-con.ft-area.ft-last{padding-bottom:0}
.pw .elementor .e-con.ft-copy{display:flex;flex-direction:column;gap:18px;min-width:0}
.pw .elementor .e-con.ft-title.pw-row{flex-wrap:nowrap;gap:16px}
.pw .ft-title .elementor-heading-title{color:#0C0B08}
.pw .ft-bigico{width:56px;height:56px;border-radius:16px;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 0 0 8px rgba(255,203,5,.12),0 12px 24px -10px rgba(255,190,0,.7);flex:none}
.pw .elementor .e-con.ft-asks{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pw .elementor .elementor-widget.ft-ask{width:fit-content;max-width:100%;font-size:15px;color:#0C0B08;background:#fff;box-shadow:0 0 0 1px var(--line);border-radius:14px 14px 14px 4px;padding:11px 14px;line-height:1.45;transition:transform .25s}
.pw .elementor .elementor-widget.ft-ask:hover{transform:translateX(4px)}
.pw .ft-chips{display:flex;flex-wrap:wrap;gap:6px}
.pw .ft-copy .elementor-widget-button{align-self:flex-start}
/* Which plan and permission a job takes: small tags under the tool chips */
.pw .ft-need{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.pw .ft-need-l{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.pw .ft-need-i{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;line-height:1.3;color:var(--muted)}
.pw .ft-need-i b{font-weight:600;color:#0C0B08}

/* Example results */
.pw .ft-res{border-radius:22px;overflow:hidden;min-width:0;background:#fff;box-shadow:0 0 0 1px var(--line),0 40px 80px -40px rgba(12,11,8,.35)}
.pw .ft-res-dk{background:#0C0B08;box-shadow:0 0 0 1px #0C0B08,0 40px 80px -40px rgba(255,190,0,.45);color:#E9E7DF}
.pw .ft-res-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#FBFBF9;flex-wrap:wrap}
.pw .ft-res-h .mono{font-size:12px;color:var(--muted)}
.pw .ft-res-dk .ft-res-h{background:rgba(255,255,255,.03);border-bottom-color:rgba(255,255,255,.08)}
.pw .ft-res-dk .ft-res-h .mono{color:#A3A091}
.pw .ft-tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font:500 12.5px/1 'Geist',sans-serif;white-space:nowrap}
.pw .ft-tag.ft-ok{background:#E7F5EC;color:var(--okt)}
.pw .ft-tag.ft-okd{background:rgba(61,220,132,.12);color:#3DDC84}
.pw .ft-tag.ft-wait{background:#FFF6CC;color:#0C0B08;box-shadow:inset 0 0 0 1px rgba(245,174,0,.4)}
.pw .ft-tag.ft-ro{background:#F1F0EC;color:#0C0B08;box-shadow:inset 0 0 0 1px var(--line2)}
.pw .ft-rt{width:100%;border-collapse:collapse;font-size:14px}
.pw .ft-rt td,.pw .ft-rt th{text-align:left;vertical-align:top;padding:12px 18px;border-bottom:1px solid var(--line)}
.pw .ft-rt tr:last-child td{border-bottom:0}
.pw .ft-rt th{font:500 11px/1.2 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pw .ft-rt .ft-nm{color:var(--muted)}
.pw .ft-rt .ft-note{color:var(--muted);font-size:13.5px}
.pw .ft-old{color:#9C998C;text-decoration:line-through;text-decoration-color:#D9786F}
.pw .ft-none{color:#9C998C}
.pw .ft-new{color:#0C0B08;font-weight:500}
.pw .ft-pad{padding:18px;display:flex;flex-direction:column;gap:14px}
.pw .ft-mock{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.pw .ft-mock-bar{height:34px;background:#0C0B08;color:#FFCB05;display:flex;align-items:center;justify-content:center;font:500 13px/1 'Geist',sans-serif;padding-inline:8px;text-align:center}
.pw .ft-mock-nav{height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.pw .ft-mock-nav b{font:600 15px/1 'Geist',sans-serif;letter-spacing:-0.03em;color:#0C0B08}
.pw .ft-mock-nav span{display:flex;gap:10px}
.pw .ft-mock-nav i{width:44px;height:8px;background:#E7E6E0;border-radius:4px;display:block}
.pw .ft-mock-body{height:80px;background:linear-gradient(180deg,#F6F6F3,#EFEEE9)}
.pw .ft-code{font-size:12.5px;line-height:1.7}
.pw .ft-code p{word-break:break-word}
.pw .ft-code .ft-fn{font-size:11.5px;color:#A3A091}
.pw .ft-code .ft-add{color:#3DDC84}
.pw .ft-code .ft-fn2{margin-top:6px}
.pw .ft-barrow{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center}
.pw .ft-barrow .mono{font-size:12px;color:#A3A091}
.pw .ft-bar{height:30px;border-radius:9px;display:flex;align-items:center;padding:0 12px;font:500 13px/1 'Geist Mono',monospace}
.pw .ft-bar.ft-bad{background:rgba(255,107,94,.12);color:#FF8A80;box-shadow:inset 0 0 0 1px rgba(255,107,94,.3)}
.pw .ft-bar.ft-good{background:linear-gradient(90deg,rgba(19,163,95,.35),rgba(61,220,132,.35));color:#3DDC84;box-shadow:inset 0 0 0 1px rgba(61,220,132,.4)}
.pw .ft-list{border-top:1px solid rgba(255,255,255,.08);padding-top:14px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:#E9E7DF}
.pw .ft-list p{display:flex;gap:10px}
.pw .ft-ck{color:#3DDC84;flex:none;margin-top:4px;display:flex}
.pw .ft-log{padding:20px;display:flex;flex-direction:column;gap:12px;font-size:14.5px}
.pw .ft-ev{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:baseline}
.pw .ft-ev .mono{font-size:12px;color:var(--muted)}
.pw .ft-ev.ft-bad .mono{color:#C2362C}
.pw .ft-ev.ft-bad p{color:#0C0B08;font-weight:500}
.pw .ft-answer{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#FFF8D6,#FFF2B8);box-shadow:inset 0 0 0 1px rgba(245,174,0,.35);color:#0C0B08}
.pw .ft-answer svg{flex:none;margin-top:2px}
.pw .ft-answer p{font-size:14.5px}
.pw .ft-fix{padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pw .ft-fix-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pw .ft-fix-h b{display:inline-flex;align-items:center;gap:10px;font:600 16px/1.2 'Geist',sans-serif;color:#F4F3EE}
.pw .ft-fix .rcpt small{display:block}
.pw .ft-fix-h .mono{font-size:11.5px;color:#A3A091}
.pw .ft-fix-ico{width:34px;height:34px;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,.3);flex:none}
.pw .ft-err{font-size:12.5px;color:#FF8A80;background:rgba(255,255,255,.04);border-radius:12px;padding:12px 14px;line-height:1.6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);word-break:break-word}

/* Pointer to the comparison page, under the tool wall */
.pw .ft-cmp{text-align:center;font-size:14.5px;margin-top:14px}
.pw .ft-cmp p{color:#A3A091}
.pw .ft-cmp a{color:#FFCB05;font-weight:500;text-decoration:underline;text-decoration-color:rgba(255,203,5,.5);text-underline-offset:3px}
.pw .ft-cmp a:hover{color:#FFE27A}

/* Tool wall */
.pw .elementor .e-con.ft-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:16px}
.pw .elementor .e-con.ft-grp{border-radius:20px;padding:20px;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:14px;transition:box-shadow .3s;min-width:0}
.pw .elementor .e-con.ft-grp:hover{box-shadow:inset 0 0 0 1px rgba(255,203,5,.35),0 20px 50px -30px rgba(255,203,5,.4)}
.pw .ft-grp .ft-grp-h .elementor-heading-title{display:flex;justify-content:space-between;gap:10px;color:#F4F3EE;font:600 16px/1.2 'Geist',sans-serif;letter-spacing:-0.02em}
.pw .ft-grp .ft-grp-h .elementor-heading-title span{font:500 12px/1.2 'Geist Mono',monospace;color:#FFCB05}

@media (max-width:600px){
	.pw .elementor .e-con.ft-area{gap:32px;padding-block:48px}
	.pw .ft-rt td,.pw .ft-rt th{padding:10px 12px}
	.pw .ft-barrow{grid-template-columns:56px minmax(0,1fr);gap:10px}
	.pw .ft-ev{grid-template-columns:48px minmax(0,1fr)}
	.pw .elementor .e-con.ft-grp{padding:18px}
}

/* guides.css */
/* Guides: a short router to the docs (build/pages/guides.mjs). Page-only styles: every selector starts with .pw and every
   class is gd-prefixed. No ::before / ::after on Elementor containers (Elementor uses them for overlays). */

/* Hero */
.pw .elementor .e-con.gd-hero{padding-block:var(--hero-top) clamp(44px,5vw,64px)}
.pw .elementor .e-con.gd-hero-t{max-width:720px;min-width:0}
.pw .gd-h1 .elementor-heading-title{font-size:clamp(40px,5vw,64px)}

/* The four steps and the help links: the whole card is one link */
.pw .elementor .e-con.gd-card,.pw .elementor .e-con.gd-help{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04);text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pw .elementor .e-con.gd-card{padding:26px}
.pw .elementor .e-con.gd-help{padding:24px;gap:8px;border-radius:20px;scroll-margin-top:calc(var(--hdr-h) + 24px)}
.pw .elementor .e-con.gd-card:hover,.pw .elementor .e-con.gd-help:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25);color:inherit}
.pw .gd-no{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:600 15px/1 'Geist Mono',monospace;color:#0C0B08;background:linear-gradient(180deg,#FFE27A,#FFC700);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 6px rgba(255,203,5,.13)}
.pw .gd-card .gd-card-h .elementor-heading-title,.pw .gd-help .gd-card-h .elementor-heading-title{font-size:20px;color:#0C0B08}
.pw .gd-card-p,.pw .gd-card-p p{font-size:15px;color:var(--muted)}
.pw .gd-card>.elementor-widget-html:last-child{margin-top:auto}
.pw .gd-go{display:inline-flex;align-items:center;gap:6px;font:600 14.5px/1 'Geist',sans-serif;color:#0C0B08}
.pw .gd-go svg{stroke:currentColor;fill:none;transition:transform .2s}
.pw .gd-card:hover .gd-go svg{transform:translateX(3px)}
.pw .gd-help-k .elementor-heading-title{font:500 12px/1.3 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* Steps for your app: one tile per app, each opens its page in the docs */
.pw .gd-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:12px}
.pw .gd-app{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;color:#0C0B08;transition:transform .25s,box-shadow .25s}
.pw .gd-app:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line2),0 16px 32px -20px rgba(12,11,8,.25);color:#0C0B08}
.pw .gd-tile{width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg,#25231C,#0C0B08);display:flex;align-items:center;justify-content:center;flex:none;color:#F4F3EE;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px -12px rgba(12,11,8,.6)}
.pw .gd-tile svg{width:22px;height:22px}
.pw .gd-app-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.pw .gd-app-t b{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:600 15.5px/1.25 'Geist',sans-serif;letter-spacing:-0.015em}
.pw .gd-app-t em{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:#0C0B08;color:#FFCB05;font:500 11.5px/1 'Geist',sans-serif;font-style:normal;letter-spacing:0}
.pw .gd-app-t small{font-size:13px;color:var(--muted)}

@media (prefers-reduced-motion:reduce){
	.pw .elementor .e-con.gd-card,.pw .elementor .e-con.gd-help,.pw .gd-app{transition:none}
}

/* home.css */
/* Home (hm-). */

/* The 60-second video under "How it works". The big play button shows only once powerwp.js runs (.js); before that,
   and after it starts, the browser's own controls work. */
.pw .elementor .e-con .elementor-widget-html figure.hm-video{max-width:980px;margin:28px auto 0}
.pw .hm-video-frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0C0B08;box-shadow:0 0 0 1px rgba(12,11,8,.1),0 30px 60px -30px rgba(12,11,8,.55)}
.pw .hm-video video{display:block;width:100%;height:100%;object-fit:cover;background:#0C0B08}
.pw .hm-video-play{display:none;position:absolute;inset:0;margin:auto;width:84px;height:84px;padding:0 0 0 4px;border:0;border-radius:50%;background:linear-gradient(180deg,#FFDA3D,#FFC700);color:#0C0B08;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(255,203,5,.2),0 20px 40px -12px rgba(0,0,0,.6);cursor:pointer;transition:transform .2s}
.pw .hm-video-play:hover,.pw .hm-video-play:focus-visible{transform:scale(1.06)}
.pw .hm-video-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.pw .hm-video.js:not(.is-on) .hm-video-play{display:flex}
.pw .hm-video figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-top:14px}
.pw .hm-video figcaption .mono{font-size:12px;color:var(--muted)}
.pw .hm-video figcaption a{display:inline-flex;align-items:center;gap:6px;font:600 15px/1.2 'Geist',sans-serif;color:#0C0B08;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:600px){
	.pw .hm-video-frame{border-radius:14px}
	.pw .hm-video-play{width:64px;height:64px;box-shadow:0 0 0 7px rgba(255,203,5,.2),0 14px 28px -10px rgba(0,0,0,.6)}
}

/* Hero: text, example session, apps. Two columns where the shared hero grid has room for two 500px columns (wrap
   1160px + padding), the session level with the top of the text, and the apps as one compact row of pills across both
   columns below (owner, 31 Oct 2026: in line, not tiles); stacked, the session comes right after the buttons. */
.pw .elementor .e-con.pw-hero-grid.hm-hero{grid-template-columns:minmax(0,1fr);gap:40px}
@media (min-width:1136px){
	.pw .elementor .e-con.pw-hero-grid.hm-hero{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"main demo" "apps apps";gap:36px 56px}
	.pw .hm-hero .hm-hero-main{grid-area:main;align-self:start}
	.pw .hm-hero .hm-hero-demo{grid-area:demo;align-self:start}
	.pw .hm-hero .hm-hero-apps{grid-area:apps;align-self:start}
}
.pw .hm-hero-apps .apps{display:flex;align-items:center;gap:12px 24px;max-width:none}
.pw .hm-hero-apps .apps-c{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0}
.pw .hm-hero-apps .apps span{height:36px;gap:8px;padding:0 14px 0 11px;border-radius:999px;font-size:13.5px}
.pw .hm-hero-apps .apps svg{width:17px;height:17px}
.pw .hm-hero-apps .apps .apps-l{flex:none;max-width:150px;height:auto;padding:0;white-space:normal;background:none;box-shadow:none;font:500 11.5px/1.4 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#8A8779}
.pw .hm-hero-apps .apps .apps-l:hover{background:none;box-shadow:none}
.pw .hm-hero-apps .apps .more{padding:0 14px}
.pw .hm-hero-note p{margin:0;font-size:14px;line-height:1.5;color:#A3A091}
.pw .hm-hero-note a{color:#F4F3EE;text-decoration:underline;text-decoration-color:rgba(255,203,5,.7);text-decoration-thickness:1.5px;text-underline-offset:3px}
.pw .hm-hero-note a:hover{text-decoration-color:#FFCB05}

/* Apps on phones: one row of overlapping logos instead of ten tiles. */
.pw .hm-apps-row{display:none}
@media (max-width:600px){
	.pw .hm-hero-apps .apps{display:none}
	.pw .hm-apps-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font:500 14px/1.4 'Geist',sans-serif;color:#E9E7DF}
	.pw .hm-apps-row .lg{display:flex;flex:none}
	.pw .hm-apps-row .lg span{width:28px;height:28px;border-radius:50%;background:#1C1B16;box-shadow:0 0 0 2px #0C0B08;display:flex;align-items:center;justify-content:center;margin-left:-6px}
	.pw .hm-apps-row .lg span:first-child{margin-left:0}
}

/* "Free MCP connectors give your AI app a way in": one linked strip under the diagram, to Compare. */
.pw .hm-mcp{display:flex;align-items:center;gap:16px 24px;margin-top:36px;padding:20px 24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--text);text-decoration:none;transition:box-shadow .25s,transform .25s}
.pw .hm-mcp:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--line2),0 16px 32px -20px rgba(12,11,8,.25);color:var(--text)}
.pw .hm-mcp p{flex:1;min-width:0;margin:0;font-size:15.5px;line-height:1.55;color:var(--muted)}
.pw .hm-mcp b{color:#0C0B08;font-weight:600}
.pw .hm-mcp-go{flex:none;display:inline-flex;align-items:center;gap:8px;font:600 15px/1.2 'Geist',sans-serif;color:#0C0B08;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:760px){
	.pw .hm-mcp{flex-wrap:wrap;align-items:flex-start;padding:20px}
	.pw .hm-mcp p{flex-basis:calc(100% - 64px)}
	.pw .hm-mcp-go{margin-left:64px}
}

/* how-it-works.css */
/* How it works. Page-only styles: every selector starts with .pw and every class is hw-prefixed.
   No ::before / ::after on Elementor containers (Elementor uses them for overlays): counters sit on widget content. */

/* Hero: the three steps at a glance */
.pw .hw-glance{display:flex;flex-direction:column;gap:12px;min-width:0}
.pw .hw-gl{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px}
.pw .hw-gl a{display:grid;grid-template-columns:36px minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:14px 14px 14px 12px;border-radius:14px;text-decoration:none;color:#F4F3EE;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background .2s,box-shadow .2s}
.pw .hw-gl a:hover{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,203,5,.35);color:#fff}
.pw .hw-gl .n{width:34px;height:34px;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 5px rgba(255,203,5,.13)}
.pw .hw-gl .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pw .hw-gl .t b{font:600 16px/1.3 'Geist',sans-serif;letter-spacing:-0.02em;color:#F4F3EE}
.pw .hw-gl .t small{font-size:13.5px;line-height:1.4;color:#A3A091}
.pw .hw-gl .m{font-size:11.5px;color:#FFCB05;white-space:nowrap}
.pw .hw-gl .go{display:flex;color:#A3A091}
.pw .hw-gl-note{font-size:11.5px;color:#7E7B6E;text-align:right}

/* A step: text on one side, the screen on the other */
.pw .elementor .e-con.hw-step{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:48px;align-items:center;padding-block:56px;border-top:1px solid var(--line);scroll-margin-top:88px}
.pw .elementor .e-con.hw-step.hw-first{border-top:0;padding-top:0}
.pw .elementor .e-con.hw-step-t{min-width:0}
.pw .elementor .e-con.hw-step-no{flex-wrap:nowrap;align-items:center}
.pw .hw-step-no>.elementor-widget{width:auto;flex:0 1 auto}
.pw .hw-no{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;font:600 18px/1 'Geist Mono',monospace;color:#0C0B08;background:linear-gradient(180deg,#FFE27A,#FFC700);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 8px rgba(255,203,5,.13),0 12px 24px -10px rgba(255,190,0,.7);flex:none}
.pw .hw-time .elementor-heading-title{font:500 12.5px/1.3 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pw .hw-h2 .elementor-heading-title{font-size:clamp(30px,3.4vw,42px)}
.pw .hw-intro,.pw .hw-intro p{color:var(--muted)}
.pw .hw-intro a,.pw .hw-link a,.pw .hw-then a,.pw .hw-sub a,.pw .hw-callout a{color:#0C0B08;font-weight:500;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:4px}
.pw .hw-link{font-size:15px}
.pw .hw-then{font-size:15.5px}
.pw .hw-then p{color:#2B2924}
.pw .hw-then b{color:#0C0B08;font-weight:600}
.pw .hw-vis{min-width:0}

/* The line under the steps' heading: what you need. The heading above it sits closer than a normal section head. */
.pw .elementor .e-con.pw-sh.hw-sh-need{margin-bottom:24px}
.pw .elementor .e-con.hw-callout.hw-need{margin:0 0 40px;text-align:center}

/* Claude and ChatGPT sign in: a dark card above the lettered steps (the key route) */
.pw .elementor .e-con.hw-route{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:16px;background:#0C0B08;box-shadow:0 0 0 1px #0C0B08,0 22px 44px -28px rgba(255,190,0,.5)}
.pw .hw-route>.elementor-widget-html{width:auto;flex:none}
.pw .hw-route>.elementor-widget-text-editor{flex:1 1 auto;min-width:0}
.pw .hw-route-i{display:flex;margin-top:2px;color:#FFCB05}
.pw .hw-route p{font-size:15px;color:#C9C6B8}
.pw .hw-route b{color:#F4F3EE;font-weight:600}
.pw .hw-route a{color:#FFCB05;font-weight:500;text-decoration:underline;text-decoration-color:rgba(255,203,5,.5);text-underline-offset:3px}
.pw .hw-route a:hover{color:#FFE27A}
.pw .hw-sub-h{font-size:15px}
.pw .hw-sub-h p{color:#2B2924;margin-top:4px}
.pw .hw-sub-h b{color:#0C0B08;font-weight:600}

/* a, b, c: lettered sub-steps (counter on the widget content) */
.pw .elementor .e-con.hw-subs{counter-reset:hw-s}
.pw .hw-sub{font-size:16px;color:#2B2924}
.pw .hw-sub .elementor-widget-container{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start}
.pw .hw-sub .elementor-widget-container::before{counter-increment:hw-s;content:counter(hw-s,lower-alpha);width:26px;height:26px;margin-top:1px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);display:flex;align-items:center;justify-content:center;font:600 12px/1 'Geist Mono',monospace;color:#0C0B08}
.pw .hw-sub b{color:#0C0B08;font-weight:600}
.pw .hw-sub p{padding-top:2px}

/* "New to this?" tip */
.pw .elementor .e-con.hw-tip{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#FFF8D6,#FFF2B8);box-shadow:inset 0 0 0 1px rgba(245,174,0,.35)}
.pw .hw-tip>.elementor-widget-html{width:auto;flex:none}
.pw .hw-tip>.elementor-widget-text-editor{flex:1 1 auto;min-width:0}
.pw .hw-tip-i{display:flex;margin-top:3px;color:#0C0B08}
.pw .hw-tip p{font-size:15px;color:#2B2924}
.pw .hw-tip b{color:#0C0B08}

/* WordPress admin mock-up */
.pw .hw-win{border-radius:16px;overflow:hidden;background:#F0F0F1;box-shadow:0 0 0 1px var(--line2),0 40px 80px -40px rgba(12,11,8,.45);min-width:0}
.pw .hw-bar{height:32px;background:#1D2327;display:flex;align-items:center;gap:10px;padding:0 12px;color:#C3C4C7;font:400 12px/1 -apple-system,'Segoe UI',Arial,sans-serif}
.pw .hw-av{width:14px;height:14px;border-radius:50%;background:#3C434A;flex:none}
.pw .hw-howdy{margin-left:auto}
.pw .hw-body{display:flex}
.pw .hw-side{width:156px;background:#1D2327;flex:none;padding:8px 0;display:flex;flex-direction:column}
.pw .hw-side span{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;color:#F0F0F1;font:400 13px/1 -apple-system,'Segoe UI',Arial,sans-serif;white-space:nowrap}
.pw .hw-side span.on{background:#0C0B08;color:#FFCB05;font-weight:600}
.pw .hw-side span.sm{height:26px;padding-left:34px;font-size:12.5px;color:#C3C4C7;background:#2C3338}
.pw .hw-side span.sm.on{color:#fff;font-weight:600;background:#2C3338;box-shadow:none}
.pw .hw-pane{flex:1;min-width:0;padding:22px;display:flex;flex-direction:column;gap:14px;background:#F6F6F3}

/* The dashboard (step 1) */
.pw .hw-stage{background:#0C0B08;color:#F4F3EE;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;box-shadow:0 20px 40px -24px rgba(12,11,8,.6)}
.pw .hw-ey{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#A3A091}
.pw .hw-st{font:600 clamp(24px,3vw,30px)/1.05 'Geist',sans-serif;letter-spacing:-0.04em;color:#F4F3EE}
.pw .hw-stage p{font-size:13.5px;line-height:1.55;color:#C9C6B8;max-width:46ch}
.pw .hw-fake{pointer-events:none;height:38px;font-size:14px;margin-top:4px}
.pw .hw-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pw .hw-cards>div{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:2px;min-width:0}
.pw .hw-cards small{font:500 11.5px/1.3 'Geist',sans-serif;color:var(--muted)}
.pw .hw-cards b{font:600 17px/1.2 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .hw-cards span{font-size:12px;line-height:1.4;color:var(--muted)}

/* The Create connection window (step 2) */
.pw .hw-modal{background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04);padding:18px;display:flex;flex-direction:column;gap:14px}
.pw .hw-mh{display:flex;gap:12px;align-items:center}
.pw .hw-tile{width:36px;height:36px;border-radius:10px;background:#0C0B08;display:flex;align-items:center;justify-content:center;flex:none;color:#F4F3EE}
.pw .hw-mh b{display:block;font:600 16px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .hw-mh small{display:block;font-size:12.5px;line-height:1.4;color:var(--muted)}
.pw .hw-stepper{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.pw .hw-stepper li{display:flex;align-items:center;gap:8px;font:500 12.5px/1 'Geist',sans-serif;color:var(--muted)}
.pw .hw-stepper i{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);display:flex;align-items:center;justify-content:center;font:600 10.5px/1 'Geist Mono',monospace;font-style:normal;color:var(--muted)}
.pw .hw-stepper .on{color:#0C0B08}
.pw .hw-stepper .on i{background:#0C0B08;color:#FFCB05;box-shadow:none}
.pw .hw-stepper .done i{background:#E7F5EC;color:var(--okt);box-shadow:inset 0 0 0 1px #CFE9DA}
.pw .hw-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.pw .hw-fld label{font:500 13px/1.3 'Geist',sans-serif;color:#0C0B08}
.pw .hw-in{height:40px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line2);background:#fff;padding:0 12px;display:flex;align-items:center;font:400 14px/1 'Geist',sans-serif;color:#0C0B08}
.pw .hw-sel{justify-content:space-between;gap:8px}
.pw .hw-ph{color:#A9A699}
.pw .hw-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:8px}
.pw .hw-opt{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-size:12.5px;line-height:1.45;color:var(--muted)}
.pw .hw-opt.on{box-shadow:inset 0 0 0 1.5px #0C0B08;background:#FFFBEA}
.pw .hw-opt b{display:block;color:#0C0B08;font:600 13.5px/1.3 'Geist',sans-serif}
.pw .hw-rad{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #A3A091;flex:none;margin-top:2px}
.pw .hw-opt.on .hw-rad{box-shadow:inset 0 0 0 5px #0C0B08}
.pw .hw-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px}
.pw .hw-modal .hw-fake{align-self:flex-start;margin-top:0}
.pw .hw-keybox{border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}
.pw .hw-kh{display:flex;gap:12px;align-items:flex-start}
.pw .hw-kic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;color:#FFCB05;background:rgba(255,203,5,.08);box-shadow:inset 0 0 0 1px rgba(255,203,5,.22)}
.pw .hw-kh b{display:block;font:600 15px/1.3 'Geist',sans-serif;color:#F4F3EE}
.pw .hw-kh small{display:block;font-size:12.5px;line-height:1.45;color:#A3A091}
.pw .hw-cfgh{font-size:11.5px;color:#A3A091}
.pw .hw-keybox pre{font-variant-ligatures:none;margin:0;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#E9E7DF;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}

/* Step 3: the five questions */
.pw .elementor .e-con.hw-qs{min-width:0}
.pw .elementor .e-con.hw-q{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .25s,box-shadow .25s}
.pw .elementor .e-con.hw-q:hover{transform:translateX(4px);box-shadow:0 0 0 1px var(--line2),0 16px 32px -20px rgba(12,11,8,.25)}
.pw .hw-q>.elementor-widget-text-editor{flex:1 1 220px;width:auto;min-width:0}
.pw .hw-q>.elementor-widget-html{flex:none;width:auto}
.pw .hw-q-t{font-size:16px;font-weight:500;color:#0C0B08}

/* Behind every request */
.pw .elementor .e-con.hw-hood{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:56px;align-items:start}
.pw .elementor .e-con.hw-hood-l,.pw .elementor .e-con.hw-hood-r{min-width:0}
.pw .elementor .e-con.hw-hood-r{padding-top:8px;display:flex;flex-direction:column}
.pw .hw-ex{margin-top:8px}
.pw .hw-ex-h{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);font-size:11.5px;color:#A3A091}
.pw .hw-ex-b{padding:18px;display:flex;flex-direction:column;gap:12px}
.pw .hw-chips{display:flex;flex-wrap:wrap;gap:6px}
.pw .hw-rc{flex:1;min-width:0}
.pw .hw-rc small{display:block}
.pw .elementor .e-con.hw-tl{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 18px}
.pw .hw-tl>.elementor-widget-html,.pw .hw-tl>.elementor-widget-html .elementor-widget-container{height:100%}
.pw .hw-dot{display:flex;flex-direction:column;align-items:center;height:100%}
.pw .hw-dot span{width:40px;height:40px;border-radius:50%;background:rgba(255,203,5,.08);box-shadow:inset 0 0 0 1px rgba(255,203,5,.4),0 0 18px rgba(255,203,5,.2);color:#FFCB05;display:flex;align-items:center;justify-content:center;font:600 13px/1 'Geist Mono',monospace;flex:none}
.pw .hw-dot i{flex:1;width:1px;background:linear-gradient(180deg,rgba(255,203,5,.5),rgba(255,255,255,.08));min-height:24px}
.pw .elementor .e-con.hw-tl-b{padding-bottom:28px;display:flex;flex-direction:column;gap:6px;min-width:0}
.pw .hw-tl-h .elementor-heading-title{color:#F4F3EE;font:600 18px/1.3 'Geist',sans-serif;letter-spacing:-0.02em}
.pw .hw-tl-p{color:#A3A091;font-size:15px}

/* Permission levels */
.pw .hw-tabw{overflow:hidden}
.pw .hw-tab{width:100%;border-collapse:collapse;font-size:15px}
.pw .hw-tab th,.pw .hw-tab td{text-align:left;vertical-align:top;padding:15px 18px;border-bottom:1px solid var(--line)}
.pw .hw-tab tr:last-child td{border-bottom:0}
.pw .hw-tab th{font:500 11.5px/1.2 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#FBFBF9}
.pw .hw-tab td:first-child{font-weight:500;color:#0C0B08}
.pw .hw-tab td.hw-y{color:var(--okt);font-weight:600}
.pw .hw-tab td.hw-n{color:#A9A699}

/* Which AI app */
.pw .elementor .e-con.hw-callout{margin-top:16px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2)}
.pw .hw-callout p{font-size:15px;color:var(--muted)}
.pw .hw-callout b{color:#0C0B08}

/* Closing call to action */
.pw .hw-cta-h .elementor-heading-title{max-width:820px;margin-inline:auto}

/* Tablet and phone */
@media (max-width:1000px){
	.pw .hw-side{display:none}
	.pw .elementor .e-con.hw-step{gap:36px;padding-block:44px}
}
@media (max-width:820px){
	.pw .hw-tab,.pw .hw-tab tbody,.pw .hw-tab tr,.pw .hw-tab td{display:block;width:100%}
	.pw .hw-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	.pw .hw-tab tr{padding:14px 16px;border-bottom:1px solid var(--line)}
	.pw .hw-tab tr:last-child{border-bottom:0}
	.pw .hw-tab td{border:0;padding:3px 0}
	.pw .hw-tab td:first-child{padding:0 0 8px;font-size:15.5px}
	.pw .hw-tab td[data-l]{display:flex;justify-content:space-between;gap:12px;font-size:14px}
	.pw .hw-tab td[data-l]::before{content:attr(data-l);font-weight:400;color:var(--muted)}
}
@media (max-width:560px){
	.pw .hw-gl a{grid-template-columns:34px minmax(0,1fr) 18px;gap:4px 12px}
	.pw .hw-gl .n{grid-row:1/3}
	.pw .hw-gl .t{grid-column:2;grid-row:1}
	.pw .hw-gl .m{grid-column:2;grid-row:2}
	.pw .hw-gl .go{grid-column:3;grid-row:1/3}
	.pw .hw-pane{padding:14px}
	.pw .hw-stage{padding:18px}
	.pw .hw-cards{grid-template-columns:minmax(0,1fr)}
	.pw .hw-modal{padding:14px}
	.pw .elementor .e-con.hw-step{padding-block:36px}
	.pw .hw-no{width:46px;height:46px;font-size:16px}
	.pw .elementor .e-con.hw-tl{grid-template-columns:40px minmax(0,1fr);gap:0 14px}
	.pw .hw-dot span{width:36px;height:36px}
}

/* Which AI app: one row of pills, each linking to its setup steps */
.pw .hw-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px;margin:0 auto}
.pw .hw-pill{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 16px 0 12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);color:#0C0B08;font:600 15px/1 'Geist',sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s}
.pw .hw-pill:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line2),0 14px 28px -18px rgba(12,11,8,.3)}
.pw .hw-pill svg,.pw .hw-pill img{flex:none}
.pw .hw-pill small{font:500 11.5px/1 'Geist Mono',monospace;letter-spacing:.02em;color:var(--muted)}
.pw .hw-pill em{font:500 10.5px/1 'Geist Mono',monospace;font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border-radius:999px;background:#0C0B08;color:#FFCB05}
.pw .hw-pill-other{padding-left:16px;color:var(--muted)}

/* menu.css */
/* Mega menu (inc/menu.php, behaviour in assets/js/powerwp.js). Desktop panels from 1001 px, an accordion below. */

/* Top bar */
.pw .pw-mega-list{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.pw .pw-mega-item{position:relative}
.pw .pw-nav .pw-mega-btn{position:relative;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:rgba(244,243,238,.74);font:500 14.5px/1 'Geist',sans-serif;text-decoration:none;cursor:pointer;transition:color .2s,background .2s}
.pw .pw-nav .pw-mega-btn:hover,.pw .pw-mega-item.is-open>.pw-mega-btn{color:#fff;background:rgba(255,255,255,.06)}
.pw .pw-nav .pw-mega-btn:focus-visible{outline:2px solid #FFCB05;outline-offset:2px}
.pw .pw-mega-item.is-current>.pw-mega-btn{color:#fff}
/* Current section: a yellow dot before the label (no underline). */
.pw .pw-mega-item.is-current>.pw-mega-btn::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#FFCB05;box-shadow:0 0 0 3px rgba(255,203,5,.16)}
.pw .pw-mega-chev{opacity:.7;transition:transform .2s,opacity .2s}
.pw .pw-mega-item.is-open .pw-mega-chev{transform:rotate(180deg);opacity:1}

/* Panels */
.pw .pw-mp{position:absolute;top:calc(100% + 17px);left:50%;z-index:70;width:max-content;max-width:calc(100vw - 32px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(calc(-50% + var(--dx,0px)),8px);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.7,.2,1),visibility 0s linear .24s}
.pw .pw-mp::before{content:"";position:absolute;left:-24px;right:-24px;top:-22px;height:22px}
.pw .pw-mega-item.is-open>.pw-mp,.pw .pw-mega:not(.is-js) .pw-mega-item:hover>.pw-mp,.pw .pw-mega:not(.is-js) .pw-mega-item:focus-within>.pw-mp{opacity:1;visibility:visible;pointer-events:auto;transform:translate(calc(-50% + var(--dx,0px)),0);transition-delay:0s}
.pw .pw-mp-in{display:grid;gap:4px;padding:10px;border-radius:20px;background:linear-gradient(180deg,#19180F 0%,#100F0B 100%);box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1px 0 rgba(255,255,255,.06) inset,0 34px 80px -24px rgba(0,0,0,.8)}
.pw .pw-mp-c1 .pw-mp-in{grid-template-columns:300px}
.pw .pw-mp-c3 .pw-mp-in{grid-template-columns:272px 272px 236px}
.pw .pw-mp-c4 .pw-mp-in{grid-template-columns:236px 236px 236px 236px}
.pw .pw-mp-col{display:flex;flex-direction:column;gap:2px;min-width:0;padding:6px 4px}
.pw .pw-mp-h{padding:6px 10px 8px;font:500 11px/1.2 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#7D7A6E}

/* Links inside panels (desktop and phone) */
.pw .pw-mp-link{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:12px;text-decoration:none;transition:background .15s}
.pw .pw-nav .pw-mp-link{color:inherit;font:inherit}
.pw .pw-mp-link:hover,.pw .pw-mp-link:focus-visible{background:rgba(255,255,255,.055);outline:0}
.pw .pw-mp-ico{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:#FFCB05;background:rgba(255,203,5,.07);box-shadow:inset 0 0 0 1px rgba(255,203,5,.2);transition:background .15s,box-shadow .15s}
.pw .pw-mp-ico svg{display:block}
.pw .pw-mp-link.is-app .pw-mp-ico{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pw .pw-mp-link:hover .pw-mp-ico{background:rgba(255,203,5,.14);box-shadow:inset 0 0 0 1px rgba(255,203,5,.45)}
.pw .pw-mp-link.is-app:hover .pw-mp-ico{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.pw .pw-mp-t{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:1px}
.pw .pw-mp-t b{font:500 14.5px/1.25 'Geist',sans-serif;color:#F4F3EE;letter-spacing:-0.01em}
.pw .pw-mp-t small{font:400 12.5px/1.4 'Geist',sans-serif;color:#8A8779}
.pw .pw-mp-link:hover .pw-mp-t b{color:#fff}
/* Current page: a filled row and a solid yellow icon tile (no underline). */
.pw .pw-mp-link[aria-current]{background:rgba(255,255,255,.055)}
.pw .pw-mp-link[aria-current]:not(.is-app) .pw-mp-ico{background:#FFCB05;box-shadow:none;color:#0C0B08}
.pw .pw-mp-link[aria-current] .pw-mp-t b{color:#fff}

/* Feature card */
.pw .pw-mp-feat{display:flex;flex-direction:column;gap:8px;margin:4px;padding:20px;border-radius:15px;background:radial-gradient(120% 90% at 100% 0%,rgba(255,203,5,.2) 0%,rgba(255,203,5,0) 60%),#1E1C14;box-shadow:inset 0 0 0 1px rgba(255,203,5,.2);text-decoration:none;transition:box-shadow .2s}
.pw .pw-nav .pw-mp-feat{color:inherit;font:inherit}
.pw .pw-mp-feat:hover{box-shadow:inset 0 0 0 1px rgba(255,203,5,.55)}
.pw .pw-mp-feat-e{font:500 11px/1.2 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#FFCB05}
.pw .pw-mp-feat b{font:600 18px/1.2 'Geist',sans-serif;letter-spacing:-0.025em;color:#F4F3EE;text-wrap:balance}
.pw .pw-mp-feat-p{font:400 13.5px/1.5 'Geist',sans-serif;color:#A3A091}
.pw .pw-mp-feat-c{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font:600 14px/1 'Geist',sans-serif;color:#FFCB05}
.pw .pw-mp-feat-c svg{transition:transform .2s}
.pw .pw-mp-feat:hover .pw-mp-feat-c svg{transform:translateX(3px)}
.pw .pw-mp-feat-q{display:flex;align-items:center;gap:8px;height:40px;margin-top:4px;padding:0 8px 0 12px;border-radius:10px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#8A8779;font:400 13.5px/1 'Geist',sans-serif}
.pw .pw-mp-feat-q span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw .pw-mp-feat-q kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:500 11px/1 'Geist Mono',monospace;color:#C9C6B8}

/* Phone: accordion in the menu panel */
.pw .pw-mnav-mega{max-height:calc(100vh - var(--hdr-h));max-height:calc(100dvh - var(--hdr-h));overflow-y:auto;overscroll-behavior:contain}
.pw .pw-macc{display:flex;flex-direction:column}
.pw .pw-macc-sec{border-bottom:1px solid rgba(255,255,255,.07)}
.pw .pw-macc-sec summary{display:flex;align-items:center;justify-content:space-between;height:56px;list-style:none;cursor:pointer;font:500 18px/1 'Geist',sans-serif;letter-spacing:-0.02em;color:#F4F3EE}
.pw .pw-macc-sec summary::-webkit-details-marker{display:none}
.pw .pw-macc-sec summary i{width:9px;height:9px;margin-right:5px;border-right:1.6px solid #A3A091;border-bottom:1.6px solid #A3A091;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.pw .pw-macc-sec[open] summary i{transform:rotate(-135deg) translate(-2px,-1px)}
.pw .pw-macc-links{display:flex;flex-direction:column;gap:2px;padding:0 0 14px}
.pw .pw-mnav .pw-macc-links a:not(.btn){display:flex;align-items:flex-start;justify-content:flex-start;height:auto;padding:9px 6px;border-bottom:0;border-radius:12px;font:inherit;letter-spacing:0}
.pw .pw-macc-links .pw-mp-ico{width:34px;height:34px}
.pw .pw-mnav .pw-macc-links a.pw-macc-more{align-items:center;gap:6px;margin-top:4px;padding:10px 6px;font:600 14.5px/1 'Geist',sans-serif;color:#FFCB05}
.pw .pw-macc-top svg,.pw .pw-macc-more svg{flex:none}

@media (max-width:1180px){
	.pw .pw-nav .pw-mega-btn{padding:0 9px;font-size:14px}
	.pw .pw-mp-c4 .pw-mp-in{grid-template-columns:repeat(2,236px)}
	.pw .pw-mp-c3 .pw-mp-in{grid-template-columns:252px 252px 220px}
}
@media (prefers-reduced-motion:reduce){
	.pw .pw-mp{transition:none}
}

/* Phones: the open menu fills the screen below the header (site audit 29 Oct 2026). */
.pw .pw-mnav-mega{min-height:calc(100vh - var(--hdr-h));min-height:calc(100dvh - var(--hdr-h))}

/* pricing.css */
/* Pricing page (/pricing/). Classes are prefixed pr-. Shared classes (pw-plan, pw-price, pw-fq, pw-panel, chip …) come from brand.css. */

/* Hero */
.pw .elementor .e-con.pr-hero{padding-block:var(--hero-top) clamp(48px,6vw,72px)}
.pw .pr-hero .pr-h1{max-width:960px}
.pw .pr-hero .pw-hero-lead{max-width:680px}

/* "Who will connect an AI app?" (radio buttons, no script) */
.pw .pr-pick{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}
.pw .pr-pick-l{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8A8779}
.pw .pr-opts{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pw .pr-r{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.pw .pr-opts label{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:11px;color:#C9C6B8;font:500 14.5px/1 'Geist',sans-serif;cursor:pointer;transition:background .2s,color .2s}
.pw .pr-opts label:hover{background:rgba(255,255,255,.06);color:#fff}
.pw .pr-r:checked+label{background:linear-gradient(180deg,#FFDA3D,#FFC700);color:#0C0B08;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 20px -10px rgba(255,190,0,.8)}
.pw .pr-r:focus-visible+label{outline:2px solid #FFCB05;outline-offset:3px}

/* Plans. Colours come from variables so the chosen plan can switch to the dark look. */
.pw .elementor .e-con.pr-plans{padding-block:clamp(48px,6vw,72px) 24px;scroll-margin-top:calc(var(--hdr-h) + 12px)}
.pw .elementor .e-con.pw-plan.pr-plan{--pr-bg:#fff;--pr-ink:#0C0B08;--pr-sub:var(--muted);--pr-text:var(--text);--pr-line:var(--line);--pr-chk:var(--okt);--pr-glow:0;--pr-shadow:0 0 0 1px var(--line);--pr-shadow-h:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25);--pr-btn-bg:#fff;--pr-btn-ink:#0C0B08;--pr-btn-sh:inset 0 0 0 1px var(--line2),0 1px 2px rgba(12,11,8,.05);--pr-btn-sh-h:inset 0 0 0 1px #0C0B08;--pr-badge-bg:#FFF6CC;--pr-badge-ink:#0C0B08;--pr-badge-sh:inset 0 0 0 1px #F2BC00;background:var(--pr-bg);box-shadow:var(--pr-shadow)}
.pw .elementor .e-con.pw-plan.pr-plan:hover{box-shadow:var(--pr-shadow-h)}
.pw:has(#pr-w0:checked) .elementor .e-con.pw-plan.pr-plan-0,
.pw:has(#pr-w1:checked) .elementor .e-con.pw-plan.pr-plan-1,
.pw:has(#pr-w2:checked) .elementor .e-con.pw-plan.pr-plan-2,
.pw:has(#pr-w3:checked) .elementor .e-con.pw-plan.pr-plan-3{--pr-bg:#0C0B08;--pr-ink:#F4F3EE;--pr-sub:#A3A091;--pr-text:#E9E7DF;--pr-line:rgba(255,255,255,.08);--pr-chk:#3DDC84;--pr-glow:1;--pr-shadow:0 0 0 1px #0C0B08,0 30px 60px -24px rgba(255,190,0,.55);--pr-shadow-h:0 0 0 1px #0C0B08,0 36px 64px -24px rgba(255,190,0,.65);--pr-btn-bg:linear-gradient(180deg,#FFDA3D 0%,#FFC700 100%);--pr-btn-sh: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);--pr-btn-sh-h: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);--pr-badge-bg:rgba(255,203,5,.14);--pr-badge-ink:#FFCB05;--pr-badge-sh:inset 0 0 0 1px rgba(255,203,5,.4)}
.pw .elementor .e-con.pr-plan .pr-glow{opacity:var(--pr-glow);transition:opacity .3s}
.pw .elementor .e-con.pr-plan .pw-plan-name .elementor-heading-title{font-size:26px;color:var(--pr-ink)}
.pw .elementor .e-con.pr-plan .pw-price .elementor-heading-title{color:var(--pr-ink)}
.pw .elementor .e-con.pr-plan .pw-price .elementor-heading-title small,.pw .elementor .e-con.pr-plan .pw-billed{color:var(--pr-sub)}
/* The billing switch sits between the hero and the cards, not under a section head. */
.pw .pr-plans .pw-bill-w{margin:0 0 28px}
.pw .elementor .e-con.pr-plan .pw-card-p{color:var(--pr-sub);min-height:50px}
.pw .elementor .e-con.pr-plan .elementor-widget-button .elementor-button{background:var(--pr-btn-bg);color:var(--pr-btn-ink);box-shadow:var(--pr-btn-sh)}
.pw .elementor .e-con.pr-plan .elementor-widget-button .elementor-button:hover{color:var(--pr-btn-ink);box-shadow:var(--pr-btn-sh-h)}
.pw .pr-plan .pw-row{min-height:28px}
/* Four plans: two per row on tablets and small laptops, one on phones (brand.css). */
@media (min-width:641px) and (max-width:1180px){.pw .elementor .e-con.pw-grid.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Four across: room for three lines of description, so the feature lists line up. */
@media (min-width:1181px){.pw .elementor .e-con.pr-plan .pw-card-p{min-height:76px}}
.pw .pr-badge{display:flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:var(--pr-badge-bg);box-shadow:var(--pr-badge-sh);font:500 12.5px/1 'Geist',sans-serif;color:var(--pr-badge-ink);white-space:nowrap}
.pw .pr-feat{border-top:1px solid var(--pr-line);padding-top:16px}
.pw .pr-feat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pw .pr-feat li{position:relative;margin:0;padding-left:27px;font-size:15px;line-height:1.5;color:var(--pr-text)}
.pw .pr-feat li:first-child{font-weight:600;color:var(--pr-ink)}
.pw .pr-feat li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;background:var(--pr-chk);-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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* Why pay: the example receipt (dark card on the light section) */
.pw .pr-proof{width:100%;max-width:640px;margin:0 auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.pw .pr-proof-t{flex:1;min-width:0}
.pw .pr-proof .rcpt small{display:block}
.pw .pr-proof-ex{padding:0 6px 2px;font-size:11.5px;color:#8A8779;text-align:right}
@media (max-width:480px){
	.pw .pr-proof .rcpt{flex-wrap:wrap}
	.pw .pr-proof .undo{margin-left:42px}
}

/* What's a connection: the example team */
.pw .pr-team{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:22px;background:var(--paper)}
.pw .pr-who{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .pr-who>div{flex:1;min-width:0}
.pw .pr-who b{display:block;color:#0C0B08;font-size:15.5px;font-weight:600;line-height:1.4}
.pw .pr-who>div>span{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
.pw .pr-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#25231C,#0C0B08);color:#FFCB05;display:flex;align-items:center;justify-content:center;font:600 13px/1 'Geist Mono',monospace;flex:none}
.pw .pr-team-ok{display:flex;align-items:center;gap:8px;padding:6px 4px 0;font-size:14.5px;color:#0C0B08}
.pw .pr-team-ok svg{color:var(--okt);flex:none}
.pw .pr-ex{padding:0 4px;font-size:11.5px;color:var(--muted);text-align:right}

/* Plan comparison. Resets the parent theme's table borders, zebra stripes and hover colour. */
.pw .pr-tbl{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .pr-tab{width:100%;margin:0;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:15px;background:transparent}
.pw .pr-tab caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pw .pr-tab th,.pw .pr-tab td{border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:15px 22px;line-height:1.4;background:transparent}
.pw .pr-tab th:first-child,.pw .pr-tab td:first-child{width:46%}
.pw .pr-tab thead th{font:500 11.5px/1.2 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#FBFBF9}
.pw .pr-tab tbody>tr>td,.pw .pr-tab tbody>tr:nth-child(odd)>td,.pw .pr-tab tbody>tr:hover>td{background:transparent}
.pw .pr-tab td:first-child{color:#0C0B08;font-weight:500}
.pw .pr-tab .c{text-align:center}
.pw .pr-tab thead th.hl,.pw .pr-tab tbody>tr>td.hl,.pw .pr-tab tbody>tr:nth-child(odd)>td.hl,.pw .pr-tab tbody>tr:hover>td.hl{background:rgba(255,203,5,.07)}
.pw .pr-tab thead th.hl{color:#0C0B08}
.pw .pr-tab td.hl.mono{color:#0C0B08;font-weight:600}
.pw .pr-tab td.pr-y{color:var(--okt)}
.pw .pr-tab tbody>tr:last-child>td{border-bottom:0}

@media (max-width:640px){
	.pw .pr-tab{font-size:13.5px}
	.pw .pr-tab th,.pw .pr-tab td{padding:12px 4px}
	.pw .pr-tab th:first-child,.pw .pr-tab td:first-child{width:36%;padding:12px 8px 12px 14px}
	.pw .pr-tab thead th{font-size:10.5px;letter-spacing:.06em}
	.pw .pr-who{padding:12px 12px;gap:12px}
}
@media (max-width:480px){
	.pw .pr-opts label{padding:0 14px}
}

/* Free plan strip under the plans (Home) */
.pw .pw-free-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:16px;padding:16px 20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--text);text-decoration:none;transition:box-shadow .25s,transform .25s}
.pw .pw-free-strip:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--line2),0 16px 32px -20px rgba(12,11,8,.25)}
.pw .pw-free-strip .mono{font:500 11.5px/1 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:#0C0B08;color:#FFCB05}
.pw .pw-free-strip b{color:#0C0B08;font-weight:600}
.pw .pw-free-s{color:var(--muted)}
.pw .pw-free-go{margin-left:auto;font-weight:600;color:#0C0B08;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}

/* Phones (site audit 29 Oct 2026): the picker as a 2x2 grid, the receipt wraps, and the plan table keeps its column
   names in view with readable columns. overflow:clip keeps the rounded corners without breaking position:sticky. */
@media (max-width:480px){
	.pw .pr-opts{display:grid;grid-template-columns:1fr 1fr}
	.pw .pr-opts label{justify-content:center}
	.pw .pr-proof-t{flex:1 1 200px}
}
@media (max-width:600px){
	.pw .pr-tbl{overflow:clip}
	.pw .pr-tab thead th{position:sticky;top:var(--hdr-h);z-index:1}
	.pw .pr-tab thead th.hl{background:#FBF7E6}
	.pw .pr-tab th,.pw .pr-tab td{padding:12px 6px;font-size:13.5px}
	.pw .pr-tab th:first-child,.pw .pr-tab td:first-child{width:36%;padding-left:14px}
}

/* safety.css */
/* Safety page (/safety/). Classes are prefixed sf-. Shared classes (card-d, rcpt, undo, chip, ico, pw-sx …) come from brand.css. */

/* Anchor target: keep the heading clear of the sticky header */
.pw .sf-layers-sec{scroll-margin-top:calc(var(--hdr-h) + 8px)}

/* Hero: the example change log */
.pw .sf-log{min-width:0}
.pw .sf-log-h{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;padding:16px 18px;flex-wrap:wrap}
.pw .sf-log-h b{display:flex;align-items:center;gap:10px;font:600 16px/1 'Geist',sans-serif;letter-spacing:-0.02em;color:#F4F3EE}
.pw .sf-log-h .mono{font-size:11.5px;color:#8A8779}
.pw .sf-lrow{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid rgba(255,255,255,.07);font-size:14px}
.pw .sf-id{display:flex;font:500 12px/1 'Geist Mono',monospace;color:#8A8779}
.pw .sf-lrow b{display:block;color:#F4F3EE;font-weight:500;font-size:14.5px;line-height:1.35;letter-spacing:-0.01em}
.pw .sf-lrow small{display:block;color:#8A8779;font-size:12.5px;line-height:1.5}
.pw .sf-lrow-cp{background:rgba(255,203,5,.08)}
.pw .sf-lrow-cp .sf-id{color:#FFCB05}
.pw .undo.undo-y{background:linear-gradient(180deg,#FFDA3D,#FFC700)}
.pw .sf-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font:500 12px/1 'Geist',sans-serif;white-space:nowrap}
.pw .sf-pill-y{background:rgba(255,203,5,.12);color:#FFCB05;box-shadow:inset 0 0 0 1px rgba(255,203,5,.35)}
.pw .sf-pill-r{background:rgba(255,107,94,.12);color:#FF8A80;box-shadow:inset 0 0 0 1px rgba(255,107,94,.3)}
.pw .sf-pill-g{background:rgba(61,220,132,.12);color:#3DDC84;box-shadow:inset 0 0 0 1px rgba(61,220,132,.3)}

/* The seven layers */
.pw .elementor .e-con.sf-layer{border-radius:20px;padding:28px;background:#fff;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);display:flex;flex-direction:column;gap:12px;min-width:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pw .elementor .e-con.sf-layer:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25)}
.pw .sf-layer .pw-card-h .elementor-heading-title{font-size:21px;line-height:1.2}
.pw .sf-layer>.elementor-widget:last-child{margin-top:auto}
.pw .sf-layer .pw-card-p{font-size:15.5px}
.pw .sf-lhead{display:flex;align-items:center;gap:12px}
.pw .sf-lhead .mono{font-size:12px;color:var(--muted)}
.pw .sf-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.pw .elementor .e-con.sf-layer.sf-layer-dk{background:radial-gradient(120% 140% at 0% 0%,#24221A 0%,#0C0B08 60%);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px rgba(255,190,0,.45)}
.pw .elementor .e-con.sf-layer.sf-layer-dk:hover{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px -30px rgba(255,190,0,.6)}
.pw .sf-layer-dk .elementor-heading-title{color:#F4F3EE}
.pw .sf-layer.sf-l7>.elementor-widget:last-child{margin-top:0}
/* The first layer spans both columns; the two switches sit in their own wide card below the grid */
.pw .elementor .e-con.sf-layer.sf-layer-wide{grid-column:1/-1}
.pw .sf-layer-wide .pw-card-p,.pw .sf-layer-wide .pw-det-b{max-width:820px}
.pw .elementor .e-con.sf-layer.sf-l7{margin-top:16px}
.pw .sf-layer-dk .pw-card-p{color:#A3A091}
.pw .sf-layer-dk .sf-lhead .mono{color:#8A8779}
.pw .elementor .e-con.sf-layer.sf-l7{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}
.pw .sf-tg{display:flex;flex-direction:column;gap:10px}
.pw .sf-tg .rcpt{justify-content:space-between}
.pw .sf-tg .rcpt>span:first-child{font-size:14.5px;font-weight:500;color:#F4F3EE}
.pw .sf-sw{width:46px;height:26px;border-radius:999px;background:rgba(255,255,255,.12);position:relative;flex:none}
.pw .sf-sw i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#F4F3EE}
.pw .sf-sw.on{background:linear-gradient(180deg,#FFDA3D,#FFC700)}
.pw .sf-sw.on i{left:auto;right:3px;background:#0C0B08}

/* What can't be rolled back */
.pw .elementor .e-con.pw-panel.sf-limits{align-items:start}
.pw .elementor .e-con.sf-lim{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px 14px;padding:20px 22px;border-radius:20px;background:#fff;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 .sf-lim .elementor-widget-html{flex:0 0 114px}
.pw .sf-lim .elementor-widget-text-editor{flex:1 1 220px}
.pw .sf-lim .pw-card-p{font-size:15.5px;color:var(--text)}
.pw .sf-pill-no{background:#FDECEA;color:#A82C23}
.pw .sf-pill-ask{background:#FFF6CC;color:#0C0B08;box-shadow:inset 0 0 0 1px #F2BC00}
.pw .sf-pill-you{background:var(--paper);color:#0C0B08;box-shadow:inset 0 0 0 1px var(--line2)}
.pw .sf-pill-ref{background:#0C0B08;color:#FFCB05}

/* Pointer to the comparison page, under the closing buttons */
.pw .sf-cmp{text-align:center;font-size:14.5px}
.pw .sf-cmp p{color:#A3A091}
.pw .sf-cmp a{color:#FFCB05;font-weight:500;text-decoration:underline;text-decoration-color:rgba(255,203,5,.5);text-underline-offset:3px}
.pw .sf-cmp a:hover{color:#FFE27A}

/* Who sees what */
.pw .elementor .e-con.sf-data-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:16px;align-items:stretch}
.pw .elementor .e-con.sf-data{padding:28px;border-radius:20px;background:#fff;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);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;isolation:isolate;min-width:0}
.pw .elementor .e-con.sf-data.sf-data-dk{background:#0C0B08;box-shadow:0 0 0 1px #0C0B08,0 30px 60px -30px rgba(255,190,0,.5)}
.pw .sf-lbl{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .sf-data-dk .sf-lbl{color:#8A8779}
.pw .sf-data .pw-card-h .elementor-heading-title{font-size:22px;line-height:1.2}
.pw .sf-data .pw-card-p{font-size:15.5px}
.pw .sf-data-dk .elementor-heading-title{color:#F4F3EE}
.pw .sf-data-dk .pw-card-p{color:#A3A091}

@media (max-width:1000px){
	.pw .elementor .e-con.sf-layer.sf-l7{grid-template-columns:minmax(0,1fr)}
	.pw .elementor .e-con.sf-data-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
	.pw .sf-lrow{grid-template-columns:36px minmax(0,1fr);gap:8px 10px}
	.pw .sf-lrow>:last-child{grid-column:2;justify-self:start}
	.pw .elementor .e-con.sf-layer,.pw .elementor .e-con.sf-data{padding:24px}
}

/* Layers with a Details toggle: each card keeps its own height, so opening one doesn't stretch its neighbour */
.pw .sf-layers-sec .pw-grid{align-items:start}
.pw .sf-layer>.elementor-widget:last-child{margin-top:0}

/* use-case-seo.css */
/* SEO use case (build/pages/use-case-seo.mjs). Every selector starts with .pw; classes are prefixed us-. */

/* Hero */
.pw .us-crumb-w{padding-top:var(--hero-top)}
.pw .elementor .e-con.us-hero.pw-hero-grid{padding-block-start:clamp(20px,3vw,36px)}
.pw .us-hero .pw-h1 .elementor-heading-title{font-size:clamp(40px,5.2vw,70px)}
.pw .us-hero .pw-hero-lead{max-width:560px}
.pw .us-lbl{font-size:11.5px;color:#7E7B6E}
.pw .us-ex{min-width:0}
.pw .us-ex-body{padding:20px;display:flex;flex-direction:column;gap:14px}
.pw .us-chips{display:flex;flex-wrap:wrap;gap:6px}
.pw .us-ex .rcpt small,.pw .us-card .rcpt small{display:block}

/* Twelve jobs */
.pw .elementor .e-con.us-job{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:18px 20px;background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--line);font-size:15.5px;color:#0C0B08;transition:transform .25s,box-shadow .25s}
.pw .elementor .e-con.us-job:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line2),0 16px 32px -20px rgba(12,11,8,.25)}
.pw .us-ck{width:24px;height:24px;border-radius:8px;background:linear-gradient(180deg,#FFE27A,#FFC700);display:flex;align-items:center;justify-content:center;color:#0C0B08;flex:none;margin-top:1px}
.pw .us-job .us-job-t{flex:1;min-width:0;color:#0C0B08}

/* A typical session: four steps, each with an example */
.pw .elementor .e-con.us-wk{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:40px;align-items:center;padding-block:40px;border-top:1px solid var(--line)}
.pw .elementor .e-con.us-wk.us-first{border-top:0;padding-top:0}
.pw .elementor .e-con.us-wk-l{display:flex;flex-direction:row;align-items:flex-start;gap:18px;min-width:0}
.pw .elementor .e-con.us-wk-t{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.pw .us-stepno{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font:600 16px/1 'Geist Mono',monospace;color:#0C0B08;background:linear-gradient(180deg,#FFE27A,#FFC700);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 8px rgba(255,203,5,.13);flex:none}
.pw .us-wk-h .elementor-heading-title{font-size:26px;color:#0C0B08}
.pw .us-wk-p{color:var(--muted)}
.pw .us-card{padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.pw .us-mt{width:100%;border-collapse:collapse;font-size:13.5px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pw .us-mt td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:#E9E7DF;vertical-align:top}
.pw .us-mt tr:last-child td{border-bottom:0}
.pw .us-mt td.us-m{color:#A3A091;font-family:'Geist Mono',monospace;font-size:12px;white-space:nowrap}

/* Copy-and-paste requests */
.pw .elementor .e-con.us-rec{background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--line);padding:22px;display:flex;flex-direction:column;gap:12px;transition:transform .3s,box-shadow .3s;min-width:0}
.pw .elementor .e-con.us-rec: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.us-rec-top.pw-row{flex-wrap:nowrap;gap:10px}
.pw .us-rec .us-rec-h .elementor-heading-title{font:600 16px/1.3 'Geist',sans-serif;letter-spacing:-0.015em;color:#0C0B08}
.pw .elementor .elementor-widget.us-p{font:400 13px/1.65 'Geist Mono',monospace;color:#E9E7DF;background:#0C0B08;border-radius:12px;padding:14px 16px}
.pw button.us-copy{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:9px;border:0;background:#F6F6F3;box-shadow:inset 0 0 0 1px var(--line2);font:500 13px/1 'Geist',sans-serif;color:#0C0B08;cursor:pointer;white-space:nowrap;text-transform:none;letter-spacing:0;flex:none}
.pw button.us-copy:hover,.pw button.us-copy:focus{background:#fff;color:#0C0B08;box-shadow:inset 0 0 0 1px #0C0B08}

/* Works with + limits */
.pw .elementor .e-con.us-pc,.pw .elementor .e-con.us-pd{padding:32px;display:flex;flex-direction:column;gap:14px;border-radius:20px;min-width:0}
.pw .elementor .e-con.us-pc{background:#fff;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 .elementor .e-con.us-pd{background:#0C0B08;box-shadow:0 0 0 1px #0C0B08;position:relative;overflow:hidden;isolation:isolate}
.pw .us-pc .us-ph .elementor-heading-title,.pw .us-pd .us-ph .elementor-heading-title{font-size:28px;letter-spacing:-0.035em;line-height:1.1;color:#0C0B08}
.pw .us-pd .us-ph .elementor-heading-title{color:#F4F3EE}
.pw .us-pd .pw-eyebrow .elementor-heading-title{color:var(--dm)}
.pw .us-pc .us-pp{font-size:16px;color:var(--muted)}
.pw .us-pd .us-pp{font-size:16px;color:#A3A091}

/* Related use cases: the whole card is a link */
.pw .elementor .e-con.us-rel{display:flex;flex-direction:column;gap:14px;padding:26px;min-width:0;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04);text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pw .elementor .e-con.us-rel:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25);color:inherit}
.pw .elementor .e-con.us-rel-top.pw-row{flex-wrap:nowrap;gap:12px}
.pw .us-rel .us-rel-h .elementor-heading-title{font-size:20px;color:#0C0B08}
.pw .us-rel .us-rel-p{font-size:15px;color:var(--muted)}

@media (max-width:600px){
	/* The sample table becomes a list: name above, text below */
	.pw .us-mt tr{display:block;border-bottom:1px solid rgba(255,255,255,.07)}
	.pw .us-mt tr:last-child{border-bottom:0}
	.pw .us-mt td{display:block;border:0;padding:10px 12px 0}
	.pw .us-mt td+td{padding-top:2px;padding-bottom:10px}
	.pw .elementor .e-con.us-wk{gap:28px;padding-block:32px}
	.pw .elementor .e-con.us-wk-l{gap:14px}
	.pw .us-stepno{width:42px;height:42px;border-radius:12px}
	.pw .elementor .e-con.us-pc,.pw .elementor .e-con.us-pd{padding:24px}
	.pw .us-pc .us-ph .elementor-heading-title,.pw .us-pd .us-ph .elementor-heading-title{font-size:24px}
}

/* use-cases-p.css */
/* Use cases hub: the problem catalog (build/use-cases-ui.mjs problemCatalog). Sidebar with the kind-of-site filter and
   the groups, cards in two columns; on phones the sidebar becomes a sticky bar. Classes are prefixed up-. */

.pw .up{display:grid;grid-template-columns:248px minmax(0,1fr);gap:clamp(32px,4vw,56px);align-items:start}
.pw .up-side{position:sticky;top:calc(var(--hdr-h) + 28px);display:flex;flex-direction:column;gap:20px;z-index:4}
.pw.admin-bar .up-side{top:calc(var(--hdr-h) + 60px)}
.pw .up-sel{display:flex;flex-direction:column;gap:8px;margin:0}
.pw .up-sel>.mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .up-sel-w{position:relative;display:block}
.pw .up-sel select{appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;padding:0 38px 0 14px;border:0;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);font:500 14.5px/1 'Geist',sans-serif;color:#0C0B08;cursor:pointer}
.pw .up-sel select:hover{box-shadow:inset 0 0 0 1px #0C0B08}
.pw .up-sel select:focus-visible{outline:2px solid #FFCB05;outline-offset:2px}
.pw .up-sel-w::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:1.6px solid #0C0B08;border-bottom:1.6px solid #0C0B08;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.pw .up-nav{display:flex;flex-direction:column;gap:2px}
.pw .up-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--text);font:500 14.5px/1.3 'Geist',sans-serif;text-decoration:none;transition:background .15s,color .15s}
.pw .up-nav a svg{flex:none;stroke:currentColor;fill:none;color:var(--muted);transition:color .15s}
.pw .up-nav a span{flex:1;min-width:0}
.pw .up-nav a b{font:500 12px/1 'Geist Mono',monospace;color:var(--muted)}
.pw .up-nav a:hover{background:#fff;color:#0C0B08}
.pw .up-nav a.on{background:#FFEFA3;color:#0C0B08;font-weight:600}
.pw .up-nav a.on svg,.pw .up-nav a.on b{color:#0C0B08}
.pw .up-nav a[hidden]{display:none}

.pw .up-main{display:flex;flex-direction:column;gap:clamp(56px,6vw,84px);min-width:0}
.pw .up-grp{scroll-margin-top:calc(var(--hdr-h) + 24px)}
.pw .up-grp[hidden]{display:none}
.pw .up-gh{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.pw .up-gi{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#0C0B08;color:#FFCB05}
.pw .up-gi svg{stroke:currentColor;fill:none}
.pw .up-gh h2{margin:0;font:600 clamp(26px,2.6vw,34px)/1.1 'Geist',sans-serif;letter-spacing:-0.035em;color:#0C0B08;text-wrap:balance}
.pw .up-gh p{margin:8px 0 0;max-width:640px;font-size:16.5px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.pw .up-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}

/* Card */
.pw .up-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 22px 18px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;scroll-margin-top:calc(var(--hdr-h) + 24px)}
.pw .up-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line2),0 22px 44px -26px rgba(12,11,8,.3)}
.pw .up-card[hidden]{display:none}
.pw .up-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.pw .up-for{font:500 11.5px/1.3 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pw .up-free{flex:none;padding:4px 8px;border-radius:7px;background:#E7F6EE;color:#0E5C36;font:600 11.5px/1 'Geist',sans-serif}
.pw .up-card h3{margin:0;font:600 20px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08;text-wrap:balance}
.pw .up-prob{margin:0;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.pw .up-sol{margin:14px 0 0;font-size:15px;line-height:1.55;color:#0C0B08;text-wrap:pretty}
.pw .up-ask{position:relative;padding:12px 64px 12px 14px;border-radius:14px 14px 14px 4px;background:var(--paper)}
.pw .up-ask>.mono{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .up-ask p{margin:4px 0 0;font-size:15px;line-height:1.45;color:#0C0B08;font-weight:500}
.pw .up-copy{position:absolute;top:8px;right:8px;height:26px;padding:0 9px;border:0;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);color:#0C0B08;font:500 12px/1 'Geist Mono',monospace;cursor:pointer}
.pw .up-copy:hover{box-shadow:inset 0 0 0 1px #0C0B08}
.pw .up-how summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font:600 14px/1 'Geist',sans-serif;color:#0C0B08}
.pw .up-how summary::-webkit-details-marker{display:none}
.pw .up-how summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.pw .up-how[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.pw .up-how summary:focus-visible{outline:2px solid #FFCB05;outline-offset:3px;border-radius:6px}
.pw .up-how ol{counter-reset:s;display:flex;flex-direction:column;gap:9px;margin:14px 0 0;padding:0;list-style:none}
.pw .up-how li{counter-increment:s;display:flex;gap:10px;font-size:14.5px;line-height:1.5;color:var(--text)}
.pw .up-how li::before{content:counter(s);flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:7px;background:#0C0B08;color:#FFCB05;font:600 11.5px/1 'Geist Mono',monospace}
.pw .up-rec{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:12px 0 0;font-size:13.5px;font-weight:600;color:#0C0B08}
.pw .up-rec a{text-decoration:none}
.pw .up-rec code{font:500 12.5px/1 'Geist Mono',monospace;color:var(--muted)}
.pw .up-rec a:hover code{color:#0C0B08}
.pw .up-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:600;color:#0C0B08;text-decoration:none}
.pw .up-more svg{stroke:currentColor;fill:none;transition:transform .2s}
.pw .up-more:hover svg{transform:translateX(3px)}
.pw .up-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
.pw .up-meta>span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;background:var(--paper);font-size:13px;line-height:1.3}
.pw .up-meta svg{flex:none;stroke:currentColor;fill:none}
.pw .up-perm{color:#0C0B08;font-weight:500}
.pw .up-undo{color:#127F49}
.pw .up-undo.is-read{color:var(--muted)}

@media (max-width:1100px){
	.pw .up-grid{grid-template-columns:minmax(0,1fr)}
}
/* Phones and small tablets: the sidebar becomes a sticky bar above the cards. */
@media (max-width:860px){
	.pw .up{grid-template-columns:minmax(0,1fr);gap:28px}
	.pw .up-side{top:var(--hdr-h);margin:0 -16px;padding:8px 16px 10px;gap:8px;background:rgba(246,246,243,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
	.pw.admin-bar .up-side{top:calc(var(--hdr-h) + 46px)}
	.pw .up-sel>.mono{display:none}
	.pw .up-sel select{height:38px;border-radius:10px;font-size:14px}
	.pw .up-sel-w::after{right:14px}
	.pw .up-nav{flex-direction:row;gap:6px;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
	.pw .up-nav::-webkit-scrollbar{display:none}
	.pw .up-nav a{flex:none;gap:7px;padding:7px 11px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px}
	.pw .up-nav a.on{box-shadow:none}
	.pw .up-grp,.pw .up-card{scroll-margin-top:calc(var(--hdr-h) + 100px)}
	.pw .up-gh{gap:12px;margin-bottom:18px}
	.pw .up-gi{width:40px;height:40px;border-radius:11px}
	.pw .up-card{padding:20px 18px 16px}
	.pw .up-card h3{font-size:19px}
}

/* use-cases-x.css */
/* Use cases hub and the pages per kind of site (build/use-cases-ui.mjs, use-case-site.mjs). Classes are prefixed ux-. */

.pw .ux-crumb{display:inline-flex;align-items:center;gap:7px;color:#A3A091;font:500 14px/1 'Geist',sans-serif;text-decoration:none}
.pw .ux-crumb:hover{color:#F4F3EE}
.pw .ux-crumb svg{transform:rotate(180deg);stroke:currentColor;fill:none}
.pw .ux-sec-find,.pw .elementor .e-con.ux-sec-find{scroll-margin-top:var(--hdr-h)}

/* Finder */
.pw .ux-finder{display:flex;flex-direction:column;gap:18px}
.pw .ux-filters{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .ux-frow{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.pw .ux-frow>span{width:44px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .ux-f{height:34px;padding:0 13px;border:0;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:500 14px/1 'Geist',sans-serif;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.pw .ux-f:hover{box-shadow:inset 0 0 0 1px #0C0B08}
.pw .ux-f[aria-pressed="true"]{background:#0C0B08;color:#FFCB05;box-shadow:none}
.pw .ux-count{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pw .ux-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;align-items:stretch}
.pw .ux-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 22px 18px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;scroll-margin-top:calc(var(--hdr-h) + 20px)}
.pw .ux-card[hidden]{display:none}
.pw .ux-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line2),0 22px 44px -26px rgba(12,11,8,.3)}
.pw .ux-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.pw .ux-job{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border-radius:8px;background:#FFF3BF;color:#5E4700;font:600 12.5px/1 'Geist',sans-serif}
.pw .ux-job svg{stroke:currentColor;fill:none}
.pw .ux-for{font-size:12.5px;color:var(--muted)}
.pw .ux-card h3{margin:0;font:600 19px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08;text-wrap:balance}
.pw .ux-ask{position:relative;padding:12px 64px 12px 14px;border-radius:14px 14px 14px 4px;background:var(--paper)}
.pw .ux-ask>span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pw .ux-ask p{margin:4px 0 0;font-size:15px;line-height:1.45;color:#0C0B08;font-weight:500}
.pw .ux-copy{position:absolute;top:8px;right:8px;height:26px;padding:0 9px;border:0;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);color:#0C0B08;font:500 12px/1 'Geist Mono',monospace;cursor:pointer}
.pw .ux-copy:hover{box-shadow:inset 0 0 0 1px #0C0B08}
.pw .ux-does{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted)}
.pw .ux-meta{display:flex;flex-direction:column;gap:7px}
.pw .ux-meta>span{display:inline-flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.4}
.pw .ux-meta svg{flex:none;margin-top:1px;stroke:currentColor;fill:none}
.pw .ux-perm{color:#0C0B08;font-weight:500}
.pw .ux-perm em{margin-left:2px;padding:2px 7px;border-radius:6px;background:#E7F6EE;color:#0E5C36;font:600 11px/1.4 'Geist',sans-serif;font-style:normal}
.pw .ux-undo{color:#127F49}
.pw .ux-undo.is-read{color:var(--muted)}
.pw .ux-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px}
.pw .ux-foot a{color:#0C0B08;font-weight:600;text-decoration:none}
.pw .ux-foot a:hover{text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}
.pw .ux-foot code{font:500 12.5px/1 'Geist Mono',monospace;color:var(--muted);font-weight:500}
.pw .ux-foot .mono{font-size:12px;color:var(--muted)}
.pw .ux-rec{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:#0C0B08;font-weight:600}
.pw .ux-more{display:inline-flex;align-items:center;gap:5px}
.pw .ux-more svg{stroke:currentColor;fill:none}
.pw .ux-none{padding:22px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--muted)}

/* By kind of site */
.pw .ux-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:16px}
.pw .ux-kind{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 56px 24px 24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pw .ux-kind:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25);color:inherit}
.pw .ux-kind .ico svg{stroke:currentColor;fill:none}
.pw .ux-kind b{margin-top:6px;font:600 19px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .ux-kind>span:not(.ico){font-size:15px;line-height:1.5;color:var(--muted)}
.pw .ux-kind i{position:absolute;right:22px;top:26px;color:var(--line2);transition:color .2s,transform .2s}
.pw .ux-kind i svg{stroke:currentColor;fill:none}
.pw .ux-kind:hover i{color:#0C0B08;transform:translateX(3px)}

/* An example session (dark card on a light page) */
.pw .ux-ex-w{max-width:760px;width:100%;margin-inline:auto}
.pw .ux-ex{min-width:0}
.pw .ux-ex-body{padding:20px;display:flex;flex-direction:column;gap:14px}
.pw .ux-lbl{font-size:11.5px;color:#7E7B6E}
.pw .ux-chips{display:flex;flex-wrap:wrap;gap:6px}
.pw .ux-ex .rcpt small{display:block}
.pw .ux-mt{width:100%;border-collapse:collapse;font-size:13.5px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pw .ux-mt td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:#E9E7DF;vertical-align:top}
.pw .ux-mt tr:last-child td{border-bottom:0}
.pw .ux-mt td.ux-m{color:#A3A091;font-family:'Geist Mono',monospace;font-size:12px;white-space:nowrap}

/* Recipes (dark) */
.pw .ux-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px}
.pw .ux-pack{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);text-decoration:none;color:#F4F3EE;transition:box-shadow .2s,background .2s}
.pw .ux-pack:hover{background:rgba(255,203,5,.06);box-shadow:inset 0 0 0 1px rgba(255,203,5,.55);color:#F4F3EE}
.pw .ux-pack>span:first-child{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FFCB05}
.pw .ux-pack b{font:600 18px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#F4F3EE}
.pw .ux-pack>span:last-child{font-size:13.5px;line-height:1.5;color:#A3A091}
.pw .ux-recipes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:16px}
.pw .ux-rpack{padding:26px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pw .ux-rpack>span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FFCB05}
.pw .ux-rpack p{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:#A3A091}
.pw .ux-rpack ul{margin:16px 0 0;padding:0;list-style:none;columns:2 220px;column-gap:24px}
.pw .ux-rpack li{break-inside:avoid;padding:7px 0;border-top:1px solid rgba(255,255,255,.08)}
.pw .ux-rpack a{color:#F4F3EE;font-size:14.5px;text-decoration:none}
.pw .ux-rpack a:hover{color:#FFCB05}
.pw .ux-rfoot{margin:16px 0 0;font-size:14.5px;line-height:1.55;color:#A3A091;text-align:center}

/* How to ask */
.pw .ux-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pw .ux-tip{padding:24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .ux-tip span{font-size:12px;color:#C9A200}
.pw .ux-tip b{display:block;margin-top:10px;font:600 19px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .ux-tip p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.pw .ux-anatomy{margin-top:16px;padding:28px 30px;border-radius:22px;background:#0C0B08;color:#F4F3EE}
.pw .ux-anatomy>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#A3A091}
.pw .ux-anatomy p{margin:12px 0 0;font-size:clamp(17px,1.7vw,20px);line-height:1.7}
.pw .ux-anatomy mark{padding:2px 5px;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pw .ux-anatomy .g{background:rgba(255,203,5,.2);color:#FFE27A}
.pw .ux-anatomy .l{background:rgba(61,220,132,.15);color:#8FF0B8}
.pw .ux-anatomy .p{background:rgba(140,170,255,.18);color:#C9D5FF}
.pw .ux-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:13px;color:#A3A091}
.pw .ux-legend span{display:inline-flex;align-items:center;gap:7px}
.pw .ux-legend span::before{content:"";width:10px;height:10px;border-radius:3px}
.pw .ux-legend .g::before{background:#FFCB05}
.pw .ux-legend .l::before{background:#3DDC84}
.pw .ux-legend .p{color:#A3A091}
.pw .ux-legend .p::before{background:#8CAAFF}

/* Pages per kind of site */
.pw .ux-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pw .ux-point{padding:26px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .ux-point .ico svg{stroke:currentColor;fill:none}
.pw .ux-point b{display:block;margin-top:16px;font:600 19px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .ux-point p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.pw .ux-qs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}
.pw .ux-q{padding:18px 20px;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .ux-q span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pw .ux-q p{margin:6px 0 0;font-size:15.5px;line-height:1.45;color:#0C0B08;font-weight:500}

/* Pricing for client sites (agencies) */
.pw .ux-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:820px;width:100%;margin-inline:auto}
.pw .ux-plan{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .ux-plan>span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#C9A200}
.pw .ux-plan b{font:600 clamp(28px,3vw,34px)/1.1 'Geist',sans-serif;letter-spacing:-0.03em;color:#0C0B08}
.pw .ux-plan small{font:400 14px/1.4 'Geist',sans-serif;letter-spacing:0;color:var(--muted)}
.pw .ux-plan p{margin:0;font-size:15px;color:var(--muted)}

@media (max-width:980px){
	.pw .ux-tips,.pw .ux-points{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
	.pw .ux-frow>span{width:100%}
	.pw .ux-filters{padding:14px}
	.pw .ux-rpack ul{columns:1}
	.pw .ux-plans{grid-template-columns:minmax(0,1fr)}
	.pw .ux-ex-body{padding:16px}
}
@media (max-width:600px){
	/* The sample table becomes a list: name above, text below */
	.pw .ux-mt tr{display:block;border-bottom:1px solid rgba(255,255,255,.07)}
	.pw .ux-mt tr:last-child{border-bottom:0}
	.pw .ux-mt td{display:block;border:0;padding:10px 12px 0}
	.pw .ux-mt td+td{padding-top:2px;padding-bottom:10px}
	.pw .ux-mt td.ux-m{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
	.pw .ux-card,.pw .ux-kind{transition:none}
}
.pw .ux-points-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pw a.ux-point{text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pw a.ux-point:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 24px 48px -24px rgba(12,11,8,.25);color:inherit}
@media (max-width:1100px){.pw .ux-points-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pw .ux-points-4{grid-template-columns:minmax(0,1fr)}}

/* use-cases.css */
/* Use cases hub and kind pages: hero (build/pages/use-cases.mjs, use-case-site.mjs). Every selector starts with .pw; classes are prefixed uc-. */

.pw .elementor .e-con.uc-hero{padding-block:var(--hero-top) clamp(48px,6vw,72px)}
.pw .uc-hero .pw-h1{max-width:900px}
.pw .uc-hero .pw-hero-lead{max-width:640px}

/* zz-consent.css */
/* Cookie consent banner (inc/consent.php, assets/js/consent.js) and the footer's Cookie settings button */
.pw .pw-consent{position:fixed;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:9999;width:min(440px,calc(100vw - 24px))}
.pw .pw-consent[hidden]{display:none}
.pw .pw-consent-in{position:relative;overflow:hidden;padding:22px 22px 20px;border-radius:20px;background:radial-gradient(120% 120% at 100% 0%,#26231A 0%,#0C0B08 62%);color:#D9D7CF;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -24px rgba(0,0,0,.55),0 24px 60px -30px rgba(255,190,0,.45);animation:pw-consent-in .35s ease-out}
.pw .pw-consent-h{margin:0 0 8px;font:600 21px/1.2 'Geist',sans-serif;letter-spacing:-0.02em;color:#F4F3EE}
.pw .pw-consent-h em{font-style:normal}
.pw .pw-consent-p{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:#BDBAAE}
.pw .pw-consent-p a{color:#F4F3EE;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}
.pw .pw-consent-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pw .pw-consent-btns .btn{width:100%;height:46px;padding:0 14px;font-size:15px;cursor:pointer;border:0}
.pw .pw-consent .pw-consent-no{background:transparent;color:#F4F3EE;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.pw .pw-consent .pw-consent-no:hover{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.pw .pw-consent .btn:focus-visible{outline:2px solid #FFCB05;outline-offset:2px}
@keyframes pw-consent-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pw .pw-consent-in{animation:none}}
@media (max-width:480px){.pw .pw-consent{left:8px;right:8px;bottom:8px;width:auto}.pw .pw-consent-in{padding:18px 16px 16px}}
.pw .pw-foot-cookies{padding:0;border:0;background:none;font:inherit;font-size:12.5px;color:#BDBAAE;cursor:pointer;transition:color .2s}
.pw .pw-foot-cookies:hover{color:#fff}

/* Laptops and up: bottom right, so the hero buttons on the left stay visible (site audit 29 Oct 2026). */
@media (min-width:768px){.pw .pw-consent{left:auto;right:clamp(12px,2vw,24px)}}

/* zz-store.css */
/* Store and plain pages on the default template (cart, checkout, my account, order received, legal pages):
   brand look for WooCommerce's blocks and classic forms. Loaded last (zz-) so it can follow WooCommerce's defaults. */

/* Page frame */
.pw main.site-main.type-page{max-width:1240px;margin-inline:auto;padding:clamp(40px,6vw,72px) clamp(16px,4vw,40px) clamp(72px,9vw,120px)}

/* Branded band (store, documents, blog) */
.pw .pw-band{padding-block:var(--hero-top) clamp(40px,5vw,64px)}
.pw .pw-band-sm{padding-block:clamp(40px,6vw,64px) clamp(36px,5vw,56px)}
.pw .pw-band-in{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px}
.pw .pw-band-text{display:flex;flex-direction:column;gap:16px;max-width:760px;min-width:0}
.pw .pw-band h1{font-size:clamp(38px,5vw,64px);color:#F4F3EE}
.pw .pw-band p{color:#C9C6B8;font-size:clamp(16px,1.4vw,18px);max-width:640px}
.pw .pw-updated{font-size:12px;color:#8A8779;letter-spacing:.04em}
.pw .pw-steps{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pw .pw-steps li{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 14px 0 6px;border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:500 14px/1 'Geist',sans-serif;color:#8A8779}
.pw .pw-steps li span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 12px/1 'Geist Mono',monospace;background:rgba(255,255,255,.06);color:#A3A091}
.pw .pw-steps li.on{color:#F4F3EE;box-shadow:inset 0 0 0 1px rgba(255,203,5,.5);background:rgba(255,203,5,.1)}
.pw .pw-steps li.on span{background:linear-gradient(180deg,#FFE27A,#FFC700);color:#0C0B08}
.pw .pw-steps li.done{color:#C9C6B8}
.pw .pw-steps li.done span{background:rgba(61,220,132,.14);color:#3DDC84}
.pw .pw-store-body{padding-block:clamp(36px,5vw,56px) clamp(56px,7vw,96px)}
.pw .pw-store-notices{max-width:760px;margin:0 auto 24px}
.pw .pw-store-notices>*{margin:0 0 12px!important}
.pw .pw-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;padding-bottom:clamp(64px,8vw,110px)}
.pw .pw-trust div{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .pw-trust b{font:600 16px/1.3 'Geist',sans-serif;color:#0C0B08;letter-spacing:-0.015em}
.pw .pw-trust span{font-size:14.5px;color:var(--muted);line-height:1.55}
.pw .pw-trust a{color:#0C0B08}
.pw .pw-trust .pw-trust-note{grid-column:1/-1;margin:0;max-width:880px;font-size:14px;line-height:1.6;color:var(--muted)}
.pw .pw-trust .pw-trust-note+.pw-trust-note{margin-top:-4px}
.pw .pw-trust .pw-trust-legal{font-size:13px}

/* Sign in */
.pw .pw-login{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}
.pw .pw-login-main{display:flex;flex-direction:column;gap:20px}
.pw .pw-login-card{background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--line),0 12px 32px -16px rgba(12,11,8,.12);padding:clamp(22px,3vw,34px)}
.pw .pw-login-card h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 18px}
.pw .pw-login .pw-login-card form.login,.pw .pw-login .pw-login-card form.register{background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;border:0!important}
.pw .pw-login-card .form-row{margin:0 0 14px;padding:0}
.pw .pw-login-card .woocommerce-form-row label{display:block;margin-bottom:6px}
.pw .pw-login-card .input-text{width:100%}
.pw .pw-login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pw .pw-login-row label{display:inline-flex!important;align-items:center;gap:8px;color:var(--text)!important;font-size:14.5px!important}
.pw .pw-lost{font-size:14.5px;color:#0C0B08}
/* WooCommerce's clearfix pseudo-elements would become flex items and push the label inward. */
.pw .pw-login-row::before,.pw .pw-login-row::after{display:none!important}
.pw .pw-login-card .woocommerce-form-login__submit{width:100%;margin-top:4px}
.pw .pw-login-side{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;padding:clamp(24px,3vw,34px);background:radial-gradient(120% 90% at 100% 0%,#24221A 0%,#0C0B08 65%);color:#F4F3EE;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px -30px rgba(255,190,0,.45)}
.pw .pw-login-side h3{color:#F4F3EE;font-size:22px;line-height:1.25}
.pw .pw-login-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pw .pw-login-side li{position:relative;display:flex;flex-direction:column;gap:2px;padding-left:18px;font-size:14.5px;color:#A3A091}
.pw .pw-login-side li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:#FFCB05}
.pw .pw-login-side li b{color:#F4F3EE;font-weight:600}
.pw .pw-login-side .btn{align-self:flex-start}
.pw .pw-login-help{font-size:13.5px;color:#8A8779}
.pw .pw-login-help a{color:#F4F3EE}

/* Thank-you: next steps */
.pw .woocommerce-order>.woocommerce-notice,.pw .woocommerce-order>p.woocommerce-thankyou-order-received{font:600 20px/1.35 'Geist',sans-serif;color:#0C0B08;letter-spacing:-0.015em;margin:0 0 20px}
.pw .pw-next{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:14px}
.pw .pw-next li{display:flex;gap:14px;padding:22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .pw-next li .num{flex:none}
.pw .pw-next li>div{min-width:0;flex:1}
.pw .pw-next b{display:block;font:600 17px/1.3 'Geist',sans-serif;color:#0C0B08;margin:6px 0 6px}
.pw .pw-next p{font-size:14.5px;color:var(--muted);margin:0 0 12px}
.pw .pw-next p a{color:#0C0B08}
/* Thank-you: download buttons, the license key with Copy, notes under the steps */
.pw .pw-ty-actions{display:flex;flex-wrap:wrap;gap:8px}
.pw .pw-ty-file{display:block;margin-top:10px;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.pw .pw-next .pw-ty-key{margin:0 0 10px}
/* The whole key stays visible on phones (the account's key bar clips it there): it wraps instead. */
.pw .pw-next .pw-ty-key code{white-space:normal;overflow-wrap:anywhere}
.pw .pw-next .pw-ty-sub{font-size:13.5px;margin:0}
.pw .pw-ty-notes{display:flex;flex-direction:column;gap:8px;margin:0 0 28px;max-width:880px}
.pw .pw-ty-notes p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted)}
.pw .pw-ty-notes a{color:#0C0B08}
.pw .pw-ty-notes .pw-ty-free{padding:14px 18px;border-radius:14px;background:#FFF8D9;box-shadow:inset 0 0 0 1px rgba(255,190,0,.45);color:#0C0B08}
.pw .woocommerce-order-overview{list-style:none;margin:0 0 28px;padding:18px 22px;display:flex;flex-wrap:wrap;gap:12px 32px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-family:'Geist Mono',monospace}
.pw .woocommerce-order-overview li{border:0!important;margin:0!important;padding:0!important}
.pw .woocommerce-order-overview strong{display:block;margin-top:6px;font:600 16px/1.2 'Geist',sans-serif;color:#0C0B08;text-transform:none;letter-spacing:-0.01em}

/* My account (logged in) */
.pw .woocommerce-account .woocommerce,.pw.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.pw.woocommerce-account:not(.logged-in) .woocommerce{display:block}
/* WooCommerce's clearfix pseudo-elements would become grid/flex items and push the menu into the wide column. */
.pw.woocommerce-account.logged-in .woocommerce::before,.pw.woocommerce-account.logged-in .woocommerce::after,.pw .woocommerce-order-overview::before,.pw .woocommerce-order-overview::after{content:none;display:none}
.pw .woocommerce-MyAccount-navigation,.pw .woocommerce-MyAccount-content{float:none!important;width:auto!important}
.pw .woocommerce-MyAccount-navigation{position:sticky;top:calc(var(--hdr-h) + 20px)}
/* Account dashboard (woocommerce/myaccount/dashboard.php) */
.pw .pw-dash{display:flex;flex-direction:column;gap:16px}
.pw .pw-dash-who{margin:0;font-size:14.5px;color:var(--muted)}
.pw .pw-dash-who b{color:#0C0B08;font-weight:600}
.pw .pw-dash-who a{color:#0C0B08}
.pw .pw-dash-card{padding:clamp(20px,2.6vw,28px);border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04)}
.pw .pw-dash-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.pw .pw-dash .pw-dash-head h2{margin:0!important;font:600 19px/1.25 'Geist',sans-serif!important;letter-spacing:-0.02em;color:#0C0B08}
.pw .pw-dash-ico{width:36px;height:36px;flex:none;border-radius:10px;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)}
.pw .pw-dash-link{margin-left:auto;font-size:14px;font-weight:600;color:#0C0B08;text-decoration:underline;text-decoration-color:rgba(255,190,0,.7);text-underline-offset:3px;white-space:nowrap}
.pw .pw-dash-muted{margin:0;font-size:14.5px;color:var(--muted)}
.pw .pw-dash-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.pw .pw-dash-plan{box-shadow:0 0 0 1px var(--line),0 24px 48px -32px rgba(255,190,0,.55)}
.pw .pw-dash-lic+.pw-dash-lic{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.pw .pw-dash-lic-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.pw .pw-dash-plan-name{font:600 26px/1.1 'Geist',sans-serif;letter-spacing:-0.035em;color:#0C0B08;margin-right:4px}
.pw .pw-dash-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font:500 12px/1 'Geist',sans-serif;background:#F1F0EB;color:var(--muted)}
.pw .pw-dash-badge.is-ok{background:rgba(19,163,95,.1);color:var(--okt)}
.pw .pw-dash-badge.is-bad{background:rgba(217,48,37,.1);color:#B3261E}
.pw .pw-dash-badge.is-ro{background:#FFF6CC;color:#0C0B08;box-shadow:inset 0 0 0 1px #F2BC00}
.pw .pw-dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.pw .pw-dash-stats>div{padding:14px 16px;border-radius:14px;background:var(--paper)}
.pw .pw-dash-stats dt{font:500 11.5px/1.3 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pw .pw-dash-stats dd{margin:6px 0 0;font:600 18px/1.2 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .pw-dash-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:14px;background:#0C0B08;color:#F4F3EE}
.pw .pw-dash-key .mono{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#A3A091}
.pw .pw-dash-key code{flex:1;min-width:0;padding:0;background:none;color:#FFCB05;font:500 14.5px/1.4 'Geist Mono',monospace;overflow-wrap:anywhere}
.pw .pw-dash-copy{height:32px;padding:0 12px;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:#F4F3EE;font:600 13px/1 'Geist',sans-serif;cursor:pointer}
.pw .pw-dash-copy:hover{background:rgba(255,255,255,.14)}
.pw .pw-dash-sites{margin-top:10px}
.pw .pw-dash-more{margin:14px 0 0;font-size:14.5px}
.pw .pw-dash-more a{color:#0C0B08;font-weight:600}
.pw .pw-dash-empty b{display:block;font:600 18px/1.3 'Geist',sans-serif;color:#0C0B08;margin-bottom:6px}
.pw .pw-dash-empty p{margin:0;color:var(--muted);max-width:560px}
.pw .pw-dash-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pw .pw-dash-file{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;color:#0C0B08}
.pw .pw-dash-new{margin-left:auto;font-size:13.5px;font-weight:600;color:#0C0B08;text-decoration:underline;text-decoration-color:rgba(255,190,0,.7);text-underline-offset:3px}
.pw .pw-dash-help{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.pw .pw-dash-help a{display:flex;gap:12px;padding:10px;margin:0 -10px;border-radius:12px;color:var(--muted);font-size:14px;line-height:1.45;text-decoration:none}
.pw .pw-dash-help a:hover{background:var(--paper)}
.pw .pw-dash-help svg{flex:none;margin-top:2px;color:#0C0B08}
.pw .pw-dash-help b{display:block;color:#0C0B08;font-weight:600;font-size:15px}
.pw .pw-dash-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pw .pw-dash-steps li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:var(--paper);font-size:14px;line-height:1.45;color:var(--muted)}
.pw .pw-dash-steps .num{width:28px;height:28px;font-size:12px;margin-bottom:4px}
.pw .pw-dash-steps b{color:#0C0B08;font-size:15px}
.pw .pw-dash-orders{list-style:none;margin:0;padding:0}
.pw .pw-dash-orders a{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14.5px;text-decoration:none}
.pw .pw-dash-orders li:first-child a{border-top:0;padding-top:0}
.pw .pw-dash-orders b{color:#0C0B08;font-weight:600}
.pw .pw-dash-orders a:hover b{text-decoration:underline;text-decoration-color:#FFCB05;text-underline-offset:3px}
.pw .pw-dash-status{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12.5px;background:#F1F0EB;color:var(--muted)}
.pw .pw-dash-status.is-completed{background:rgba(19,163,95,.1);color:var(--okt)}
.pw .pw-dash-status.is-processing,.pw .pw-dash-status.is-on-hold,.pw .pw-dash-status.is-pending{background:#FFF6CC;color:#0C0B08}
.pw .pw-dash-total{color:#0C0B08;font-weight:600;text-align:right}
@media (max-width:1100px){.pw .pw-dash-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.pw .pw-dash-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
	.pw .pw-dash-stats{grid-template-columns:minmax(0,1fr)}
	.pw .pw-dash-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px}
	.pw .pw-dash-stats dd{margin:0;font-size:16px;text-align:right}
	.pw .pw-dash-steps{grid-template-columns:minmax(0,1fr)}
	.pw .pw-dash-orders a{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
}
.pw .pw-acc-note{font-size:14.5px;color:var(--muted)}
.pw .pw-acc-note a{color:#0C0B08}
@media (max-width:860px){
	.pw .pw-login{grid-template-columns:minmax(0,1fr)}
	.pw.woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr)}
	.pw .woocommerce-MyAccount-navigation{position:static}
	.pw .pw-band-in{align-items:flex-start}
}
.pw .page-header{margin:0 0 28px}
.pw .page-header .entry-title{font-size:clamp(34px,4.4vw,52px)}
.pw .page-content>*:first-child{margin-top:0}
.pw .page-content p,.pw .page-content li{color:var(--text)}
.pw .page-content h2{font-size:clamp(24px,2.6vw,32px);margin:36px 0 12px}
.pw .page-content h3{font-size:20px;margin:28px 0 10px}
.pw .page-content a{color:#0C0B08;text-decoration:underline;text-decoration-color:rgba(255,190,0,.7);text-underline-offset:3px}

/* Buttons */
.pw .wp-element-button,.pw .wc-block-components-button:not(.is-link),.pw .woocommerce a.button,.pw .woocommerce button.button,.pw .woocommerce input.button,.pw .woocommerce #respond input#submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(180deg,#FFDA3D 0%,#FFC700 100%);color:#0C0B08;font:600 15.5px/1 'Geist',sans-serif;letter-spacing:-0.01em;text-decoration:none;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);cursor:pointer;transition:transform .2s,box-shadow .25s}
.pw .wp-element-button:hover,.pw .wc-block-components-button:not(.is-link):hover,.pw .woocommerce a.button:hover,.pw .woocommerce button.button:hover{transform:translateY(-1px);color:#0C0B08;background:linear-gradient(180deg,#FFDA3D 0%,#FFC700 100%);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 .wc-block-components-button:not(.is-link) .wc-block-components-button__text{font-weight:600}

/* Fields */
.pw .wc-block-components-text-input input,.pw .wc-block-components-combobox .wc-block-components-combobox-control input,.pw .wc-blocks-components-select__select,.pw .woocommerce form .input-text,.pw .woocommerce form select,.pw .woocommerce-page form .input-text{border-radius:12px!important;border:1.5px solid var(--line2)!important;background:#fff!important;color:#0C0B08;font:400 16px/1.4 'Geist',sans-serif;box-shadow:none}
.pw .woocommerce form .input-text,.pw .woocommerce form select{min-height:50px;padding:12px 14px}
.pw .wc-block-components-text-input input:focus,.pw .woocommerce form .input-text:focus,.pw .woocommerce form select:focus{border-color:#0C0B08!important;box-shadow:0 0 0 4px rgba(255,203,5,.35)!important;outline:0}
.pw .woocommerce form .form-row label,.pw .wc-block-components-text-input label{color:var(--muted);font-size:14px}
.pw .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:#0C0B08;border-color:#0C0B08}

/* Cards: cart and checkout sidebar, forms, account navigation */
.pw .wc-block-components-sidebar-layout .wc-block-components-sidebar{background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--line),0 12px 32px -16px rgba(12,11,8,.12);padding:24px}
/* The sidebar is the card: the summary blocks inside it stay flat. */
.pw .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block,.pw .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block{background:none;border:0!important;box-shadow:none;padding:0;margin:0}
.pw .wc-block-components-sidebar .wc-block-components-totals-coupon,.pw .wc-block-components-sidebar .wc-block-components-panel{border-radius:0}
.pw .wc-block-components-sidebar-layout .wc-block-components-sidebar{align-self:flex-start}
.pw .wc-block-components-title,.pw .wc-block-components-checkout-step__title{font:600 20px/1.2 'Geist',sans-serif;letter-spacing:-0.025em;color:#0C0B08}
.pw .wc-block-components-totals-item__label,.pw .wc-block-components-product-name{color:#0C0B08}
.pw .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,.pw .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font:600 20px/1.2 'Geist',sans-serif;letter-spacing:-0.02em}
.pw .woocommerce form.login,.pw .woocommerce form.register,.pw .woocommerce form.lost_reset_password,.pw .woocommerce-form-login,.pw .woocommerce-ResetPassword{background:#fff;border:0!important;border-radius:22px!important;box-shadow:0 0 0 1px var(--line),0 12px 32px -16px rgba(12,11,8,.12);padding:28px!important;margin:0 0 24px!important}
.pw .woocommerce-ResetPassword{max-width:640px}
.pw .woocommerce-ResetPassword .form-row{float:none;width:100%}
.pw .woocommerce .col2-set h2,.pw .woocommerce-account h2{font-size:24px;margin:0 0 14px}
.pw .woocommerce table.shop_table{border-radius:18px;border:0;box-shadow:0 0 0 1px var(--line);background:#fff;overflow:hidden;border-collapse:separate}
.pw .woocommerce table.shop_table th{font:500 12px/1 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* Notices */
.pw .wc-block-components-notice-banner,.pw .woocommerce-message,.pw .woocommerce-info,.pw .woocommerce-error{border-radius:14px!important;border:0!important;box-shadow:0 0 0 1px var(--line);background:#fff!important;color:var(--text)!important;font-size:15px}
.pw .woocommerce-message,.pw .wc-block-components-notice-banner.is-success{box-shadow:inset 4px 0 0 #13A35F,0 0 0 1px var(--line)}
.pw .woocommerce-info,.pw .wc-block-components-notice-banner.is-info{box-shadow:inset 4px 0 0 #FFCB05,0 0 0 1px var(--line)}
.pw .woocommerce-error,.pw .wc-block-components-notice-banner.is-error{box-shadow:inset 4px 0 0 #D93025,0 0 0 1px var(--line)}
/* WooCommerce's notice icons need its icon font, which isn't loaded: the coloured edge marks the notice instead. */
.pw .woocommerce-message::before,.pw .woocommerce-info::before,.pw .woocommerce-error::before{content:none!important;display:none!important}
.pw .woocommerce-message,.pw .woocommerce-info,.pw .woocommerce-error{padding:16px 20px 16px 24px!important}
/* Notices with a button: text first, button after it (it wraps under the text on phones instead of squeezing it). */
.pw .woocommerce-message,.pw .woocommerce-info,.pw .woocommerce-error li{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.pw .woocommerce-message::after,.pw .woocommerce-info::after,.pw .woocommerce-error::after{content:none;display:none}
.pw .woocommerce-message .button,.pw .woocommerce-info .button,.pw .woocommerce-error .button{float:none!important;order:2;margin:0 0 0 auto!important}

/* Account forms: the password box and the address titles */
.pw .woocommerce-MyAccount-content fieldset{margin:26px 0 10px;padding:22px 22px 8px;border:0;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .woocommerce-MyAccount-content legend{float:left;width:100%;margin:0 0 12px;padding:0;font:600 18px/1.3 'Geist',sans-serif;letter-spacing:-0.01em;color:#0C0B08}
.pw .woocommerce-MyAccount-content legend+*{clear:both}
.pw #account_display_name_description,.pw #account_display_name_description em{display:block;margin-top:6px;font-size:13.5px;font-style:normal;color:var(--muted)}
.pw .woocommerce-Address-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px}
.pw .woocommerce-Address-title::before,.pw .woocommerce-Address-title::after{content:none!important;display:none!important}
.pw .woocommerce-Address-title h2{margin:0!important}
.pw .woocommerce-Address-title .edit{float:none!important;font-size:14.5px;font-weight:600;color:#0C0B08;text-decoration:underline;text-decoration-color:rgba(255,190,0,.7);text-underline-offset:3px}
.pw .woocommerce-Address address{font-style:normal;color:var(--muted)}

/* Empty cart */
.pw .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title{font-size:clamp(26px,3vw,34px)}
.pw .wp-block-woocommerce-empty-cart-block .wp-block-separator{display:none}

/* Block cart and checkout follow the page grid, not the theme's wide alignment. */
.pw .pw-store-body .alignwide,.pw .pw-store-body .alignfull{margin-inline:0!important;max-width:none!important;width:auto!important}
/* One plan per site: no quantity stepper (the remove button stays). */
.pw .wc-block-cart-item__quantity .wc-block-components-quantity-selector{display:none}
/* Plans have no product photo: show the PowerWP mark instead of WooCommerce's placeholder. */
.pw .wc-block-cart-item__image img[src*="placeholder"],.pw .wc-block-components-order-summary-item__image img[src*="placeholder"]{display:block;border-radius:12px;background:#0C0B08 url(../img/favicon.svg) center/58% no-repeat;object-fit:none;object-position:-9999px -9999px}
/* Empty cart */
.pw .pw-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:560px;margin:8px auto 0;padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px);background:#fff;border-radius:24px;box-shadow:0 0 0 1px var(--line),0 12px 32px -16px rgba(12,11,8,.12)}
.pw .pw-empty img{width:56px;height:56px}
.pw .pw-empty h2{font-size:clamp(26px,3vw,34px);margin:4px 0 0}
.pw .pw-empty p{margin:0;color:var(--muted)}
.pw .pw-empty-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}

/* My account › Licenses (markup from the powerwp-licenses must-use plugin) */
.pw .pwai-download{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:20px 22px!important;margin:0 0 20px!important;border-radius:18px!important;background:radial-gradient(120% 140% at 100% 0%,#24221A 0%,#0C0B08 60%)!important;color:#D9D7CF!important;box-shadow:0 24px 48px -28px rgba(255,190,0,.5)!important}
.pw .pwai-download::before{display:none}
.pw .pwai-download p{margin:0;flex:1 1 320px}
.pw .pwai-download p:last-child{flex:0 0 auto}
.pw .pwai-download strong{color:#F4F3EE;display:block;font-size:17px;margin-bottom:2px}

/* Order tables (account, order view, thank-you): no grid lines or stripes from the parent theme's reset */
.pw .woocommerce table.shop_table td,.pw .woocommerce table.shop_table th{border:0!important;border-top:1px solid var(--line)!important;background:none!important;padding:14px 16px}
.pw .woocommerce table.shop_table thead th{border-top:0!important}
.pw .woocommerce-order h2,.pw .woocommerce-MyAccount-content h2,.pw .woocommerce-order-details__title,.pw .woocommerce-order-downloads__title,.pw .woocommerce-column__title{font-size:22px!important;line-height:1.25;margin:32px 0 12px!important}
.pw .woocommerce-customer-details address{border:0!important;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);padding:18px 20px!important;font-style:normal;line-height:1.7}
.pw .woocommerce-OrderUpdates{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pw .woocommerce-OrderUpdate{padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.pw .woocommerce-OrderUpdate-meta{font:500 12px/1.4 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.pw .woocommerce-OrderUpdate-description p{margin:0 0 4px}
.pw .woocommerce-table--order-downloads .button,.pw .woocommerce-orders-table .button{min-height:38px!important;padding:0 14px!important;font-size:14px!important}


/* Sign-in page: register card and the Free plan line */
.pw .pw-login .pw-login-card form.register .woocommerce-form-register__submit{width:100%;margin-top:4px}
.pw .pw-reg-note,.pw .pw-login-card .woocommerce-privacy-policy-text p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0 0 12px}
.pw .pw-login-free{margin:-4px 0 0;font-size:14.5px;line-height:1.55;color:#BDBAAE}
.pw .pw-login-btns{display:flex;flex-wrap:wrap;gap:10px}
.pw .pw-login-new{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.55;color:var(--muted)}

/* Store pages (sign in, cart, checkout, account): a compact header band, so the form starts high on the screen */
.pw .pw-store .pw-band{padding-block:clamp(26px,3.2vw,40px) clamp(24px,3vw,36px)}
.pw .pw-store .pw-band-in{align-items:center;gap:16px 28px}
.pw .pw-store .pw-band-text{gap:8px}
.pw .pw-store .pw-band h1{font-size:clamp(30px,3.4vw,44px);line-height:1.05}
.pw .pw-store .pw-band p{font-size:15.5px;line-height:1.5;margin:0}
.pw .pw-store .pw-band .eyebrow{margin-bottom:2px}
.pw .pw-store .pw-steps li{height:34px;padding:0 12px 0 5px;gap:7px;font-size:13px}
.pw .pw-store .pw-steps li span{width:24px;height:24px;font-size:11px}
.pw .pw-store .pw-store-body{padding-top:clamp(22px,3vw,40px)}
@media (max-width:640px){
	.pw .pw-store .pw-band{padding-block:20px 18px}
	.pw .pw-store .pw-band h1{font-size:28px}
	.pw .pw-store .pw-band p{font-size:14.5px}
	.pw .pw-store .pw-steps{flex-wrap:nowrap}
	.pw .pw-store .pw-steps li:not(.on){padding:0 5px;gap:0;font-size:0}
}

/* zzz-account.css */
/* My account (signed in). Loads after zz-store.css. The menu comes from woocommerce/myaccount/navigation.php, the
   Licenses page from the powerwp-licenses must-use plugin (its table is restyled into plan cards here). */

/* Layout: a wider menu column */
.pw.woocommerce-account.logged-in .woocommerce{grid-template-columns:264px minmax(0,1fr);gap:32px}

/* Menu */
.pw .pw-acc-nav{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04)}
.pw .pw-acc-me{display:flex;align-items:center;gap:12px;padding:12px 10px 14px;border-bottom:1px solid var(--line)}
.pw .pw-acc-av{width:42px;height:42px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#25231C,#0C0B08);color:#FFCB05;font:600 14px/1 'Geist Mono',monospace;letter-spacing:.04em}
.pw .pw-acc-me-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.pw .pw-acc-me-t b{font:600 15.5px/1.25 'Geist',sans-serif;color:#0C0B08;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw .pw-acc-me-t span{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw .pw-acc-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;background:none;box-shadow:none}
.pw .pw-acc-nav li{margin:0}
.pw .pw-acc-nav li a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:#3A3832;font:500 15px/1.2 'Geist',sans-serif;text-decoration:none;transition:background .2s,color .2s}
.pw .pw-acc-nav li a svg{flex:none;color:#8A8779;transition:color .2s}
.pw .pw-acc-nav li a:hover{background:var(--paper);color:#0C0B08}
.pw .pw-acc-nav li a:hover svg{color:#0C0B08}
.pw .pw-acc-nav li.is-active a,.pw .pw-acc-nav li.is-active a:hover{background:#0C0B08;color:#F4F3EE;box-shadow:0 8px 20px -12px rgba(12,11,8,.6)}
.pw .pw-acc-nav li.is-active a svg{color:#FFCB05}
.pw .pw-acc-nav li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.pw .pw-acc-nav li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--muted)}
.pw .pw-acc-help{margin:2px 0 0;padding:12px 12px 6px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted)}
.pw .pw-acc-help a{display:block;color:#0C0B08;font-weight:600}

/* Content: buttons in the account use the brand's small buttons */
.pw .woocommerce-MyAccount-content .btn{text-decoration:none}

/* Empty sections */
.pw .pw-acc-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:clamp(24px,3vw,34px)}
.pw .pw-acc-empty .pw-dash-ico{width:44px;height:44px;border-radius:12px;margin-bottom:6px}
.pw .pw-acc-empty b{font:600 20px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .pw-acc-empty p{margin:0;max-width:520px;color:var(--muted)}

/* Orders: a clean list */
.pw .woocommerce table.shop_table.pw-orders{width:100%;margin:0;border-collapse:separate;border-spacing:0;border:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04)}
.pw .woocommerce table.shop_table.pw-orders thead th{padding:14px 20px!important;background:#FBFBF9!important;border:0!important;font:500 11.5px/1.2 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left}
.pw .woocommerce table.shop_table.pw-orders tbody th,.pw .woocommerce table.shop_table.pw-orders tbody td{padding:16px 20px!important;border:0!important;border-top:1px solid var(--line)!important;background:#fff!important;vertical-align:middle;font-size:15px;color:var(--text);text-align:left}
.pw .woocommerce table.shop_table.pw-orders tbody th{font:600 15px/1.35 'Geist',sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#0C0B08}
.pw .woocommerce table.shop_table.pw-orders tbody th a{font-weight:600;color:#0C0B08;text-decoration:none}
.pw .woocommerce table.shop_table.pw-orders .pw-orders-items{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--muted)}
.pw .woocommerce table.shop_table.pw-orders .woocommerce-orders-table__cell-order-total{font-weight:600;color:#0C0B08}
.pw .woocommerce table.shop_table.pw-orders .woocommerce-orders-table__cell-order-actions{text-align:right}
.pw .woocommerce table.shop_table.pw-orders .woocommerce-orders-table__cell-order-actions .btn{margin-left:6px}

/* Downloads: one card per file */
.pw .pw-dls{display:flex;flex-direction:column;gap:12px}
.pw .pw-dl{display:flex;align-items:center;gap:16px}
.pw .pw-dl-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pw .pw-dl-t b{font:600 16.5px/1.3 'Geist',sans-serif;color:#0C0B08}
.pw .pw-dl-t span{font-size:14px;color:var(--muted)}

/* Licenses: the download box and each license as a plan card */
.pw .woocommerce-MyAccount-content>p:has(>small){margin:4px 0 0}
.pw .woocommerce-MyAccount-content>p>small{font-size:13.5px;line-height:1.6;color:var(--muted)}
.pw .woocommerce table.shop_table.pwai-licenses{display:block;width:auto;margin:0 0 12px;border:0!important;background:none!important;box-shadow:none!important;border-radius:0;overflow:visible}
.pw .woocommerce table.shop_table.pwai-licenses thead{display:none}
.pw .woocommerce table.shop_table.pwai-licenses tbody{display:flex;flex-direction:column;gap:14px}
.pw .woocommerce table.shop_table.pwai-licenses tr{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,1fr);gap:18px 28px;padding:24px 26px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04)}
.pw .woocommerce table.shop_table.pwai-licenses td{display:block;padding:0!important;border:0!important;background:none!important;text-align:left!important;font-size:15px;line-height:1.5;color:var(--text)}
.pw .woocommerce table.shop_table.pwai-licenses td::before{content:attr(data-title);display:block;float:none!important;margin:0 0 8px;font:500 11.5px/1.3 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pw .woocommerce table.shop_table.pwai-licenses td:first-child::before,.pw .woocommerce table.shop_table.pwai-licenses td:last-child::before{content:none;display:none}
.pw .woocommerce table.shop_table.pwai-licenses td br{display:none}
.pw .woocommerce table.shop_table.pwai-licenses td:first-child{font:500 15.5px/1.5 'Geist',sans-serif;color:#0C0B08}
.pw .woocommerce table.shop_table.pwai-licenses td:nth-child(2),.pw .woocommerce table.shop_table.pwai-licenses td:nth-child(3){font:600 17px/1.35 'Geist',sans-serif;letter-spacing:-0.01em;color:#0C0B08}
.pw .woocommerce table.shop_table.pwai-licenses small{display:block;margin-top:4px;font:400 13.5px/1.5 'Geist',sans-serif;letter-spacing:0;color:var(--muted)}
.pw .woocommerce table.shop_table.pwai-licenses td:first-child strong{display:inline-flex;align-items:center;height:22px;margin-left:2px;padding:0 9px;border-radius:999px;font:500 12px/1 'Geist',sans-serif;vertical-align:1px;background:rgba(19,163,95,.1);color:var(--okt)}
.pw .woocommerce table.shop_table.pwai-licenses td:first-child strong[data-status="off"]{background:#F1F0EB;color:var(--muted)}
.pw .woocommerce table.shop_table.pwai-licenses td:first-child strong[data-status="bad"]{background:rgba(217,48,37,.1);color:#B3261E}
.pw .woocommerce table.shop_table.pwai-licenses td:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px!important;border-top:1px solid var(--line)!important}
.pw .woocommerce table.shop_table.pwai-licenses td:last-child .button{min-height:40px!important;height:40px;padding:0 16px!important;margin:0!important;border-radius:10px!important;font-size:14.5px!important;background:#fff!important;color:#0C0B08!important;box-shadow:inset 0 0 0 1px var(--line2),0 1px 2px rgba(12,11,8,.05)!important}
.pw .woocommerce table.shop_table.pwai-licenses td:last-child .button:hover{box-shadow:inset 0 0 0 1px #0C0B08!important;transform:none}
.pw .woocommerce table.shop_table.pwai-licenses td:last-child .button.is-primary{background:linear-gradient(180deg,#FFDA3D 0%,#FFC700 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(12,11,8,.08)!important}
/* The license cards built by powerwp.js from that table: same parts as the dashboard's plan card */
.pw .pw-lics{display:flex;flex-direction:column;gap:14px;margin:0 0 14px}
.pw .pw-lic-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
.pw .pw-lic-order{margin-left:auto;font-size:12.5px;color:var(--muted)}
.pw .pw-lic .pw-dash-stats small{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)}
.pw .pw-lic .pw-dash-key{margin-top:2px}
.pw .pw-lic-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.pw .pw-lic-actions .btn{text-decoration:none}
/* Without the script: the key on one line, on a dark chip */
.pw .pw-lic-key{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 0 12px;padding:8px 8px 8px 14px;border-radius:12px;background:#0C0B08}
.pw .pw-lic-key code,.pw .woocommerce table.shop_table.pwai-licenses code{display:block;margin:0;padding:0;border:0;background:none;color:#FFCB05;font:500 14.5px/1.3 'Geist Mono',monospace;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw .woocommerce table.shop_table.pwai-licenses td:first-child>code{display:table;padding:8px 12px;border-radius:12px;background:#0C0B08;margin-bottom:12px}

/* Billing details and account details as cards */
.pw .woocommerce-MyAccount-content>p:empty{display:none}
.pw .woocommerce-MyAccount-content .woocommerce-Address{padding:22px 24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04)}
.pw .woocommerce-MyAccount-content .woocommerce-Address address{margin:0;line-height:1.7}
.pw .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,.pw .woocommerce-MyAccount-content form:has(.woocommerce-address-fields){padding:clamp(20px,2.6vw,28px);border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04)}
.pw .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset{background:var(--paper);box-shadow:none}

/* Desktop: the menu stays in view on long pages */
@media (min-width:861px){
	.pw.woocommerce-account.logged-in .pw-acc-nav{position:sticky;top:92px;align-self:start}
}

/* Section titles inside account pages: one size, no gap above the first one */
.pw .woocommerce-MyAccount-content>:first-child,.pw .woocommerce-MyAccount-content>.woocommerce-notices-wrapper:first-child+*{margin-top:0!important}
.pw .woocommerce-MyAccount-content h2{font:600 20px/1.25 'Geist',sans-serif!important;letter-spacing:-0.02em;color:#0C0B08;margin:30px 0 12px!important}
.pw .woocommerce-MyAccount-content .woocommerce-Address-title h2,.pw .woocommerce-MyAccount-content form>h2:first-child{margin:0 0 14px!important}
.pw .woocommerce-MyAccount-content .woocommerce-Address-title h2{margin:0!important}

/* Billing details: one address card (plans are digital, so there is no shipping address) */
.pw .woocommerce-MyAccount-content .woocommerce-Addresses{display:block;margin:0}
.pw .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{float:none;width:auto}
.pw .woocommerce-MyAccount-content .woocommerce-Address-title{align-items:center;margin:0 0 12px}

/* Subscriptions (Lightweight Subscriptions prints a table): one card per subscription, like the license cards */
.pw .woocommerce table.shop_table.lwsub-subscriptions{display:block;width:auto;margin:0;border:0!important;background:none!important;box-shadow:none!important;border-radius:0;overflow:visible}
.pw .woocommerce table.shop_table.lwsub-subscriptions thead{display:none}
.pw .woocommerce table.shop_table.lwsub-subscriptions tbody{display:flex;flex-direction:column;gap:14px}
.pw .woocommerce table.shop_table.lwsub-subscriptions tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"name status" "price next" "actions actions";gap:12px 10px;padding:24px 26px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(12,11,8,.04)}
.pw .woocommerce table.shop_table.lwsub-subscriptions tr.lwsub-status-active:not(.lwsub-cancelling){box-shadow:0 0 0 1px var(--line),0 24px 48px -34px rgba(255,190,0,.55)}
.pw .woocommerce table.shop_table.lwsub-subscriptions td{display:block;padding:0!important;border:0!important;background:none!important;text-align:left!important;font-size:15px;line-height:1.5;color:var(--text)}
.pw .woocommerce table.shop_table.lwsub-subscriptions td::before{content:none!important;display:none!important}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-name{grid-area:name;align-self:center;min-width:0}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-name strong{display:block;font:600 24px/1.15 'Geist',sans-serif;letter-spacing:-0.03em;color:#0C0B08}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-name br{display:none}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-name small{display:block;margin-top:6px;font:500 12.5px/1.3 'Geist Mono',monospace;letter-spacing:.02em}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-name small a{color:var(--muted);text-decoration:none}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-name small a:hover{color:#0C0B08;text-decoration:underline;text-decoration-color:#FFCB05;text-underline-offset:3px}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-status{grid-area:status;justify-self:end;align-self:center}
.pw .lwsub-subscriptions mark.lwsub-status,.pw .lwsub-order-subscriptions mark.lwsub-status{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#F1F0EB;color:var(--muted);font:500 12.5px/1 'Geist',sans-serif;white-space:nowrap}
.pw mark.lwsub-status.is-active{background:rgba(19,163,95,.1);color:var(--okt)}
.pw mark.lwsub-status.is-ending,.pw mark.lwsub-status.is-pending{background:#FFF6CC;color:#0C0B08}
.pw mark.lwsub-status.is-past_due,.pw mark.lwsub-status.is-unpaid,.pw mark.lwsub-status.is-failed{background:rgba(217,48,37,.1);color:#B3261E}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-price,.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-next{padding:14px 16px!important;border-radius:14px;background:var(--paper)!important;font:600 18px/1.25 'Geist',sans-serif;letter-spacing:-0.02em;color:#0C0B08}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-price{grid-area:price}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-next{grid-area:next}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-price::before,.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-next::before{content:attr(data-title)!important;display:block!important;float:none!important;margin:0 0 6px;font:500 11.5px/1.3 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-next:empty{visibility:hidden}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding-top:16px!important;border-top:1px solid var(--line)!important}
.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-actions:empty{display:none}
.pw .lwsub-subscriptions form.lwsub-action{display:inline-flex!important;margin:0!important}
.pw .woocommerce .lwsub-subscriptions .lwsub-action .button{min-height:40px!important;height:40px;padding:0 16px!important;margin:0!important;border-radius:10px!important;font-size:14.5px!important;background:#fff!important;color:#0C0B08!important;box-shadow:inset 0 0 0 1px var(--line2),0 1px 2px rgba(12,11,8,.05)!important;transform:none!important}
.pw .woocommerce .lwsub-subscriptions .lwsub-action .button:hover{box-shadow:inset 0 0 0 1px #0C0B08!important}
.pw .woocommerce .lwsub-subscriptions .lwsub-action .button.lwsub-resume{background:linear-gradient(180deg,#FFDA3D 0%,#FFC700 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(12,11,8,.08)!important}
.pw .woocommerce .lwsub-subscriptions .lwsub-action:has(.lwsub-cancel){margin-left:auto!important}
.pw .woocommerce .lwsub-subscriptions .lwsub-action .button.lwsub-cancel{background:none!important;box-shadow:none!important;color:var(--muted)!important;padding:0 6px!important;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:4px}
.pw .woocommerce .lwsub-subscriptions .lwsub-action .button.lwsub-cancel:hover{color:#B3261E!important;text-decoration-color:currentColor}

/* Order view: the summary line, downloads, items, the subscription and order updates */
.pw .woocommerce-MyAccount-content>p:has(>mark.order-status){display:block;margin:0 0 6px;padding:16px 20px;line-height:1.7;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:15px;color:var(--muted)}
.pw .woocommerce-MyAccount-content>p>mark{padding:0;background:none;color:#0C0B08;font-weight:600}
.pw .woocommerce-MyAccount-content>p>mark.order-status{display:inline-flex;align-items:center;height:24px;margin:0 1px;padding:0 10px;vertical-align:1px;border-radius:999px;background:#F1F0EB;font-size:12.5px;font-weight:500}
.pw .woocommerce-table--order-downloads .download-remaining,.pw .woocommerce-table--order-downloads .download-expires{display:none!important}
.pw .woocommerce-table--order-downloads td.download-file{text-align:right}
.pw .woocommerce-MyAccount-content .wc-item-meta{list-style:none;margin:6px 0 0;padding:0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.pw .woocommerce-MyAccount-content .wc-item-meta li{display:flex;flex-wrap:wrap;gap:4px 6px;margin:0}
.pw .woocommerce-MyAccount-content .wc-item-meta strong{font-weight:500}
.pw .woocommerce-MyAccount-content .wc-item-meta p{margin:0;font:500 13px/1.5 'Geist Mono',monospace;color:#0C0B08;overflow-wrap:anywhere}
.pw .woocommerce-MyAccount-content .order_details .product-quantity{font-weight:500;color:var(--muted)}
.pw .lwsub-order-subscriptions ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:10px}
.pw .lwsub-order-subscriptions li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:15px;color:var(--muted)}
.pw .lwsub-order-subscriptions .lwsub-name{font-weight:600;color:#0C0B08}
.pw .lwsub-order-subscriptions .lwsub-price{color:#0C0B08}
.pw .lwsub-order-subscriptions .lwsub-next{margin-left:auto;font-size:14px}
.pw .lwsub-order-subscriptions>p{margin:0;font-size:14px;color:var(--muted)}
.pw .lwsub-order-subscriptions>p a{color:#0C0B08;font-weight:600;text-decoration:underline;text-decoration-color:#FFCB05;text-decoration-thickness:2px;text-underline-offset:3px}

/* Dashboard: in the two short cards, the buttons sit at the bottom so both cards end level */
.pw .pw-dash-two>.pw-dash-card{display:flex;flex-direction:column}
.pw .pw-dash-two>.pw-dash-card>.pw-dash-actions{margin-top:auto;padding-top:16px}
.pw .pw-dash-orders .pw-dash-status{justify-self:start}

/* Tablets and phones: the menu becomes a row of tabs above the content */
@media (max-width:860px){
	.pw.woocommerce-account.logged-in .woocommerce{grid-template-columns:minmax(0,1fr);gap:18px}
	.pw .pw-acc-nav{padding:8px;gap:6px}
	.pw .pw-acc-me{padding:6px 6px 10px}
	.pw .pw-acc-nav ul{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
	.pw .pw-acc-nav ul::-webkit-scrollbar{display:none}
	.pw .pw-acc-nav li a{white-space:nowrap;padding:9px 12px;font-size:14px}
	.pw .pw-acc-nav li.woocommerce-MyAccount-navigation-link--customer-logout{margin:0;padding:0;border:0}
	.pw .pw-acc-help{display:none}
}
@media (max-width:640px){
	.pw .pw-dash-key .mono{display:none}
	.pw .pw-dash-key code{white-space:nowrap;font-size:12.5px;letter-spacing:0;overflow:hidden;text-overflow:clip}
	.pw .pw-lic-order{margin-left:0;width:100%}
	.pw .woocommerce table.shop_table.pwai-licenses tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:20px}
	.pw .woocommerce table.shop_table.pwai-licenses td:first-child{grid-column:1/-1}
	.pw .woocommerce table.shop_table.pwai-licenses .pw-lic-key code{font-size:12.5px;letter-spacing:0;text-overflow:clip}
	.pw .pw-dl{flex-wrap:wrap}
	.pw .pw-dl .btn{width:100%}
	.pw .woocommerce table.shop_table.pw-orders thead{display:none}
	.pw .woocommerce table.shop_table.pw-orders,.pw .woocommerce table.shop_table.pw-orders tbody{display:block}
	.pw .woocommerce table.shop_table.pw-orders tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px;border-top:1px solid var(--line)}
	.pw .woocommerce table.shop_table.pw-orders tr:first-child{border-top:0}
	.pw .woocommerce table.shop_table.pw-orders tbody th,.pw .woocommerce table.shop_table.pw-orders tbody td{display:block;padding:0!important;border:0!important;text-align:left}
	.pw .woocommerce table.shop_table.pw-orders tbody td::before,.pw .woocommerce table.shop_table.pw-orders tbody th::before{content:none!important;display:none!important}
	.pw .woocommerce table.shop_table.pw-orders .woocommerce-orders-table__cell-order-total,.pw .woocommerce table.shop_table.pw-orders .woocommerce-orders-table__cell-order-status{text-align:right}
	.pw .woocommerce table.shop_table.pw-orders .woocommerce-orders-table__cell-order-actions{grid-column:1/-1;text-align:left;margin-top:6px}
	.pw .woocommerce table.shop_table.pw-orders .woocommerce-orders-table__cell-order-actions .btn{margin:0 6px 0 0}
	.pw .woocommerce table.shop_table.pw-orders .woocommerce-orders-table__cell-order-status{text-align:left!important}
	.pw .woocommerce table.shop_table.lwsub-subscriptions tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name status" "price price" "next next" "actions actions";gap:10px;padding:20px}
	.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-name strong{font-size:21px}
	.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-price,.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-next{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px!important;font-size:16px;text-align:right!important}
	.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-price::before,.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-next::before{margin:0;flex:none;text-align:left}
	.pw .woocommerce table.shop_table.lwsub-subscriptions .lwsub-col-next:empty{display:none!important}
	.pw .lwsub-order-subscriptions .lwsub-next{margin-left:0;width:100%}
}
@media (max-width:560px){
	.pw .pw-lic .pw-dash-stats>div{flex-wrap:wrap}
	.pw .pw-lic .pw-dash-stats>div small{flex-basis:100%;margin-top:0;text-align:right}
}