/* PixelForgeWork - FIXED PREMIUM v2 - pfw- prefix */
:root{
--pfw-ink:#0A0A0B; --pfw-paper:#FFFCF6; --pfw-stone:#EDE7DC; --pfw-lime:#E3FF6B; --pfw-violet:#8B5CF6; --pfw-blue:#5B6CFF; --pfw-mist:#FFFCF6CC; --pfw-line:#0A0A0B14; --pfw-line2:#0A0A0B22; --pfw-rS:14px; --pfw-rM:22px; --pfw-rL:32px; --pfw-max:1280px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0; font-family:"Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:var(--pfw-paper); color:var(--pfw-ink); -webkit-font-smoothing:antialiased; line-height:1.5}
a{color:inherit; text-decoration:none} img{max-width:100%} button{border:0; background:none; cursor:pointer; font:inherit}
.pfw-wrap{max-width:var(--pfw-max); margin:0 auto; padding:0 28px}
@media(max-width:640px){.pfw-wrap{padding:0 18px}}
/* Skip link */
.pfw-skip{position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden} .pfw-skip:focus{left:18px; top:18px; width:auto; height:auto; background:var(--pfw-ink); color:#fff; padding:10px 14px; border-radius:999px; z-index:9999}

/* Header - FIXED */
.pfw-header{position:sticky; top:0; z-index:50; background:rgba(255,252,246,0.88); backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%); border-bottom:1px solid var(--pfw-line); transition:all .28s ease}
.pfw-header.pfw-scrolled{background:rgba(255,252,246,0.96); border-bottom-color:var(--pfw-line2); box-shadow:0 8px 30px rgba(10,10,11,0.06)}
.pfw-header__inner{max-width:var(--pfw-max); margin:0 auto; padding:0 28px; height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px}
@media(max-width:640px){.pfw-header__inner{padding:0 18px; height:64px}}
.pfw-brand{display:flex; align-items:center; gap:12px; flex-shrink:0}
.pfw-brand__mark{width:36px; height:36px; border-radius:10px; background:var(--pfw-ink); display:grid; place-items:center; color:var(--pfw-lime)}
.pfw-brand__name{font-family:"Syne", sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.02em} .pfw-brand__name em{font-family:"Instrument Serif", serif; font-style:italic; font-weight:400; color:var(--pfw-violet)}
.pfw-nav{display:flex; align-items:center; gap:28px}
.pfw-nav__list{display:flex; align-items:center; gap:28px; list-style:none; margin:0; padding:0}
.pfw-nav__list a{font-size:14.5px; font-weight:600; letter-spacing:-0.01em; padding:8px 2px; position:relative; opacity:0.86; transition:opacity .18s}
.pfw-nav__list a:hover{opacity:1}
.pfw-nav__list a.pfw-active{opacity:1} .pfw-nav__list a.pfw-active:after{content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; background:var(--pfw-lime); border-radius:2px}
.pfw-cta{background:var(--pfw-lime); color:var(--pfw-ink); border-radius:999px; padding:12px 20px; font-weight:700; font-size:14.5px; display:inline-flex; align-items:center; gap:8px; border:1px solid var(--pfw-ink); box-shadow:0 2px 0 var(--pfw-ink); transition:transform .15s, box-shadow .15s} .pfw-cta:hover{transform:translateY(-1px); box-shadow:0 4px 0 var(--pfw-ink)}
.pfw-burger{display:none; width:42px; height:42px; border-radius:999px; border:1px solid var(--pfw-line2); background:#fff; place-items:center} .pfw-burger i{font-size:16px}
.pfw-mobile{position:fixed; top:72px; left:0; right:0; background:var(--pfw-paper); border-bottom:1px solid var(--pfw-line2); padding:18px 28px 24px; display:none; flex-direction:column; gap:18px; z-index:49; box-shadow:0 20px 40px rgba(0,0,0,0.08)} .pfw-mobile.pfw-open{display:flex} .pfw-mobile__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px} .pfw-mobile__list a{display:flex; padding:12px 4px; font-weight:600; font-size:16px; border-bottom:1px solid var(--pfw-line)}

/* Hide mobile on desktop, hide desktop nav on mobile */
@media(min-width:901px){.pfw-mobile{display:none !important}}
@media(max-width:900px){.pfw-nav__list, .pfw-nav .pfw-cta{display:none} .pfw-burger{display:grid} .pfw-header__inner{gap:12px}}

/* Hero centered + backdrop */
.pfw-hero{background:var(--pfw-ink); color:var(--pfw-paper); padding:86px 0 0; position:relative; overflow:hidden} .pfw-hero:before{content:""; position:absolute; inset:-20% -10% 40% -10%; background:radial-gradient(60% 80% at 18% 20%, rgba(139,92,246,0.28), transparent 60%), radial-gradient(50% 70% at 82% 10%, rgba(227,255,107,0.22), transparent 60%); pointer-events:none} .pfw-hero__top{position:relative; text-align:center; padding:0 28px; max-width:900px; margin:0 auto} .pfw-kicker{font-family:"Space Grotesk", sans-serif; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--pfw-lime); display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(227,255,107,0.22); background:rgba(227,255,107,0.08); padding:8px 14px; border-radius:999px} .pfw-h1{font-family:"Syne", sans-serif; font-weight:800; font-size:clamp(42px,7.2vw,88px); line-height:0.92; letter-spacing:-0.04em; margin:22px 0 18px} .pfw-h1 em{font-family:"Instrument Serif", serif; font-style:italic; font-weight:400; color:var(--pfw-lime)} .pfw-h1 .pfw-outline{-webkit-text-stroke:1.2px rgba(255,252,246,0.28); color:transparent} .pfw-sub{max-width:560px; margin:0 auto 28px; font-size:18px; line-height:1.5; color:rgba(255,252,246,0.72)} .pfw-hero__actions{display:flex; gap:12px; justify-content:center; flex-wrap:wrap} .pfw-btn--dark{background:var(--pfw-paper); color:var(--pfw-ink); border-color:var(--pfw-paper)} .pfw-btn--ghost{color:var(--pfw-paper); border:1px solid rgba(255,252,246,0.18); background:rgba(255,252,246,0.06); backdrop-filter:blur(8px)}
.pfw-hero__visual{margin-top:48px; background:linear-gradient(180deg, rgba(255,252,246,0.08), rgba(255,252,246,0.02)); border-top:1px solid rgba(255,252,246,0.12); backdrop-filter:blur(12px); padding:18px 28px 28px} .pfw-browser{max-width:1120px; margin:0 auto; background:#101014; border:1px solid rgba(255,252,246,0.12); border-radius:18px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,0.5)} .pfw-browser__bar{height:44px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid rgba(255,252,246,0.08); background:#0F0F12} .pfw-dots{display:flex; gap:6px} .pfw-dot{width:10px; height:10px; border-radius:50%} .pfw-browser__grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:0} @media(max-width:900px){.pfw-browser__grid{grid-template-columns:1fr}} .pfw-code{padding:18px; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12.5px; line-height:1.6; color:#C9C6BE} .pfw-live{background:var(--pfw-paper); color:var(--pfw-ink); padding:18px} .pfw-live__pill{display:inline-flex; gap:6px; align-items:center; background:var(--pfw-ink); color:var(--pfw-lime); border-radius:999px; padding:6px 10px; font-size:11px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase}

/* Trust */
.pfw-trust{border-bottom:1px solid var(--pfw-line); background:var(--pfw-paper); padding:14px 0} .pfw-trust__row{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap} .pfw-trust__label{font-size:11px; letter-spacing:0.14em; text-transform:uppercase; opacity:0.56; font-weight:700} .pfw-trust__logos{display:flex; gap:22px; flex-wrap:wrap; font-family:"Syne", sans-serif; font-weight:700; opacity:0.7; letter-spacing:-0.01em}

/* Services staggered */
.pfw-section{padding:88px 0} @media(max-width:640px){.pfw-section{padding:56px 0}} .pfw-secHead{display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:36px; flex-wrap:wrap} .pfw-eyebrow{font-size:12px; letter-spacing:0.14em; text-transform:uppercase; font-weight:700; opacity:0.6} .pfw-h2{font-family:"Syne", sans-serif; font-weight:800; font-size:clamp(30px,4.2vw,52px); line-height:0.95; letter-spacing:-0.03em; margin:10px 0 0} .pfw-h2 em{font-family:"Instrument Serif", serif; font-style:italic; font-weight:400; color:var(--pfw-violet)}
.pfw-services{display:grid; grid-template-columns:1fr 1fr; gap:22px} @media(max-width:900px){.pfw-services{grid-template-columns:1fr}} .pfw-svc{background:#fff; border:1px solid var(--pfw-line); border-radius:var(--pfw-rL); padding:28px; display:flex; flex-direction:column; gap:14px; transition:transform .22s, border-color .22s, box-shadow .22s} .pfw-svc:hover{transform:translateY(-4px); border-color:var(--pfw-line2); box-shadow:0 20px 50px rgba(10,10,11,0.08)} .pfw-svc:nth-child(even){transform:translateY(28px)} @media(max-width:900px){.pfw-svc:nth-child(even){transform:none}} .pfw-svc__top{display:flex; justify-content:space-between; align-items:center} .pfw-svc__num{font-family:"Instrument Serif", serif; font-style:italic; font-size:28px; opacity:0.28} .pfw-svc__icon{width:40px; height:40px; border-radius:12px; background:var(--pfw-ink); color:var(--pfw-lime); display:grid; place-items:center} .pfw-svc__title{font-family:"Syne", sans-serif; font-weight:700; font-size:22px; letter-spacing:-0.02em} .pfw-svc__desc{opacity:0.7; font-size:15px; line-height:1.6} .pfw-svc__link{margin-top:auto; font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:8px}

/* Pricing horizontal bands */
.pfw-pricing{background:var(--pfw-stone); border-top:1px solid var(--pfw-line); border-bottom:1px solid var(--pfw-line)} .pfw-planBands{display:flex; flex-direction:column; border:1px solid var(--pfw-ink); border-radius:var(--pfw-rL); overflow:hidden; background:#fff} .pfw-band{display:grid; grid-template-columns:1.1fr 1.6fr auto; gap:18px; align-items:center; padding:22px 24px; border-bottom:1px solid var(--pfw-line)} .pfw-band:last-child{border-bottom:0} @media(max-width:900px){.pfw-band{grid-template-columns:1fr; gap:12px}} .pfw-band__name{display:flex; align-items:center; gap:12px; flex-wrap:wrap} .pfw-band__name strong{font-family:"Syne", sans-serif; font-weight:800; font-size:20px; letter-spacing:-0.02em} .pfw-badge{display:inline-flex; align-items:center; white-space:nowrap; background:var(--pfw-lime); border:1px solid var(--pfw-ink); border-radius:999px; padding:5px 10px; font-size:11px; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; line-height:1} .pfw-band__bullets{display:flex; flex-wrap:wrap; gap:8px} .pfw-bullet{background:var(--pfw-paper); border:1px solid var(--pfw-line); border-radius:999px; padding:7px 12px; font-size:12.5px; font-weight:600; display:inline-flex; align-items:center; gap:6px} .pfw-band__price{display:flex; align-items:center; gap:14px; justify-content:flex-end} @media(max-width:900px){.pfw-band__price{justify-content:flex-start}} .pfw-price{font-family:"Syne", sans-serif; font-weight:800; font-size:26px; letter-spacing:-0.03em} .pfw-band--feat{background:var(--pfw-ink); color:var(--pfw-paper)} .pfw-band--feat .pfw-bullet{background:rgba(255,252,246,0.08); border-color:rgba(255,252,246,0.14); color:var(--pfw-paper)} .pfw-band--feat .pfw-cta{background:var(--pfw-paper); color:var(--pfw-ink); border-color:var(--pfw-paper)}

/* Additional card grid */
.pfw-addGrid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px} @media(max-width:1000px){.pfw-addGrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.pfw-addGrid{grid-template-columns:1fr}} .pfw-addCard{background:#fff; border:1px solid var(--pfw-line); border-radius:20px; padding:18px 18px 16px; display:flex; flex-direction:column; gap:12px} .pfw-addCard__head{display:flex; justify-content:space-between; align-items:center} .pfw-addCard__price{background:var(--pfw-ink); color:var(--pfw-paper); border-radius:999px; padding:6px 10px; font-weight:700; font-size:12px} .pfw-addCard__name{font-weight:700; font-size:15px; letter-spacing:-0.01em} .pfw-addCard__action{margin-top:auto; font-weight:700; font-size:13px; display:inline-flex; align-items:center; gap:6px; border-top:1px solid var(--pfw-line); padding-top:12px}

/* Process wide strip */
.pfw-processStrip{display:grid; grid-template-columns:repeat(5,1fr); gap:14px} @media(max-width:1000px){.pfw-processStrip{grid-template-columns:1fr 1fr}} @media(max-width:640px){.pfw-processStrip{grid-template-columns:1fr}} .pfw-pStep{background:#fff; border:1px solid var(--pfw-line); border-radius:20px; padding:20px} .pfw-pStep__num{font-family:"Syne", sans-serif; font-weight:800; font-size:12px; letter-spacing:0.12em; opacity:0.5} .pfw-pStep__title{font-weight:700; margin:8px 0 6px} .pfw-pStep__desc{font-size:13.5px; opacity:0.7; line-height:1.5}

/* Guarantee two-col */
.pfw-guar{background:var(--pfw-ink); color:var(--pfw-paper); border-radius:var(--pfw-rL); padding:28px; display:grid; grid-template-columns:88px 1fr auto; gap:22px; align-items:center} @media(max-width:800px){.pfw-guar{grid-template-columns:1fr}} .pfw-guar__badge{width:88px; height:88px; border-radius:50%; background:var(--pfw-lime); color:var(--pfw-ink); display:grid; place-items:center; font-size:30px} .pfw-guar__h{font-family:"Syne", sans-serif; font-weight:800; font-size:22px; letter-spacing:-0.02em} .pfw-guar__p{opacity:0.72; font-size:14px; margin-top:6px} .pfw-guar__cta{background:var(--pfw-paper); color:var(--pfw-ink); border-radius:999px; padding:12px 16px; font-weight:700; font-size:13px}

/* Comparison paired */
.pfw-compare{display:grid; grid-template-columns:1fr 1fr; gap:18px} @media(max-width:800px){.pfw-compare{grid-template-columns:1fr}} .pfw-comp{border-radius:var(--pfw-rL); padding:24px; border:1px solid var(--pfw-line)} .pfw-comp--yes{background:var(--pfw-paper)} .pfw-comp--no{background:var(--pfw-stone)} .pfw-comp__h{font-family:"Syne", sans-serif; font-weight:800; margin-bottom:14px} .pfw-comp__row{display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--pfw-line); font-size:14px} .pfw-comp__row:last-child{border-bottom:0}

/* FAQ two-col */
.pfw-faq{display:grid; grid-template-columns:1fr 1fr; gap:16px} @media(max-width:900px){.pfw-faq{grid-template-columns:1fr}} .pfw-faqItem{background:#fff; border:1px solid var(--pfw-line); border-radius:18px; overflow:hidden} .pfw-faqQ{width:100%; text-align:left; padding:16px 18px; display:flex; justify-content:space-between; gap:12px; font-weight:700; font-size:15px} .pfw-faqA{padding:0 18px 16px; font-size:14px; line-height:1.6; opacity:0.74; display:none} .pfw-faqItem.pfw-open .pfw-faqA{display:block} .pfw-faqItem.pfw-open .pfw-faqQ i{transform:rotate(180deg)}

/* About bg visual */
.pfw-about{position:relative; overflow:hidden; background:var(--pfw-paper); border-top:1px solid var(--pfw-line); border-bottom:1px solid var(--pfw-line)} .pfw-about__bg{position:absolute; inset:0; background:radial-gradient(40% 60% at 10% 20%, rgba(139,92,246,0.12), transparent 60%), radial-gradient(40% 60% at 90% 80%, rgba(227,255,107,0.18), transparent 60%); pointer-events:none} .pfw-about__inner{position:relative; display:grid; grid-template-columns:1.2fr 0.8fr; gap:32px} @media(max-width:900px){.pfw-about__inner{grid-template-columns:1fr}} .pfw-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:28px} @media(max-width:700px){.pfw-stats{grid-template-columns:1fr 1fr}} .pfw-stat{background:var(--pfw-ink); color:var(--pfw-paper); border-radius:18px; padding:18px} .pfw-stat__n{font-family:"Syne", sans-serif; font-weight:800; font-size:26px; letter-spacing:-0.03em} .pfw-team{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:24px} @media(max-width:900px){.pfw-team{grid-template-columns:1fr}} .pfw-member{background:#fff; border:1px solid var(--pfw-line); border-radius:18px; padding:16px; display:flex; gap:12px; align-items:center} .pfw-avatar{width:42px; height:42px; border-radius:50%; background:var(--pfw-ink); color:var(--pfw-paper); display:grid; place-items:center; font-weight:800; font-size:12px; flex-shrink:0}

/* Reviews scroll */
.pfw-revRow{display:flex; gap:16px; overflow:auto; padding-bottom:8px; scrollbar-width:none} .pfw-revRow::-webkit-scrollbar{display:none} .pfw-rev{min-width:360px; max-width:420px; background:#fff; border:1px solid var(--pfw-line); border-radius:22px; padding:20px} @media(max-width:640px){.pfw-rev{min-width:86vw}} .pfw-rev--feat{min-width:520px; background:var(--pfw-ink); color:var(--pfw-paper)} @media(max-width:640px){.pfw-rev--feat{min-width:86vw}} .pfw-quote{font-family:"Instrument Serif", serif; font-size:20px; line-height:1.25} .pfw-rev--feat .pfw-quote{font-size:26px} .pfw-revMeta{display:flex; gap:10px; align-items:center; margin-top:14px} .pfw-revMeta__av{width:32px; height:32px; border-radius:50%; background:var(--pfw-stone); color:var(--pfw-ink); display:grid; place-items:center; font-weight:700; font-size:11px}

/* Footer */
.pfw-footer{background:var(--pfw-ink); color:var(--pfw-paper); padding:48px 0 22px; margin-top:0} .pfw-footer__grid{display:grid; grid-template-columns:1.4fr 0.8fr 0.8fr 1fr; gap:28px} @media(max-width:900px){.pfw-footer__grid{grid-template-columns:1fr 1fr}} @media(max-width:640px){.pfw-footer__grid{grid-template-columns:1fr}} .pfw-footer__brand{opacity:0.9} .pfw-footer__h{font-weight:700; font-size:13px; letter-spacing:0.12em; text-transform:uppercase; opacity:0.6; margin-bottom:12px} .pfw-footer__links{display:flex; flex-direction:column; gap:8px} .pfw-footer__links a{opacity:0.78; font-size:14px} .pfw-footer__links a:hover{opacity:1} .pfw-footer__bottom{margin-top:28px; padding-top:18px; border-top:1px solid rgba(255,252,246,0.12); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:12.5px; opacity:0.62}

/* Cookie & sticky */
.pfw-cookie{position:fixed; left:18px; right:18px; bottom:18px; max-width:560px; margin:0 auto; background:var(--pfw-ink); color:var(--pfw-paper); border-radius:20px; padding:16px; display:none; gap:12px; align-items:center; z-index:60; border:1px solid rgba(255,252,246,0.14); box-shadow:0 20px 60px rgba(0,0,0,0.32)} .pfw-cookie.pfw-show{display:flex} .pfw-cookie__actions{display:flex; gap:8px; margin-left:auto} .pfw-cookie__btn{border-radius:999px; padding:10px 14px; font-weight:700; font-size:13px} .pfw-cookie__btn--yes{background:var(--pfw-lime); color:var(--pfw-ink)} .pfw-cookie__btn--no{background:rgba(255,252,246,0.08); color:var(--pfw-paper); border:1px solid rgba(255,252,246,0.14)}
.pfw-sticky{position:fixed; right:18px; bottom:18px; z-index:55; background:var(--pfw-ink); color:var(--pfw-paper); border-radius:999px; padding:12px 18px; font-weight:700; font-size:13px; display:none; align-items:center; gap:8px; border:1px solid rgba(255,252,246,0.12); box-shadow:0 12px 30px rgba(0,0,0,0.22)} .pfw-sticky.pfw-show{display:inline-flex} @media(max-width:640px){.pfw-sticky{left:18px; right:18px; justify-content:center}}
/* Reveal */
html.pfw-js .pfw-reveal{opacity:0; transform:translateY(14px); transition:opacity .56s ease, transform .56s ease} html.pfw-js .pfw-reveal.pfw-in{opacity:1; transform:none} @media(prefers-reduced-motion:reduce){html.pfw-js .pfw-reveal{opacity:1; transform:none; transition:none}}
/* Focus */
:where(a,button):focus-visible{outline:2px solid var(--pfw-violet); outline-offset:3px; border-radius:4px}