/* POD Master enterprise visual layer. Shape rule: 16px surfaces, 10px controls, pill status labels. */
:root {
  --ent-ink:#111827; --ent-copy:#4b5565; --ent-muted:#6b7588; --ent-navy:#111a2e;
  --ent-accent:#2f5fec; --ent-accent-dark:#2448b8; --ent-soft:#eaf0ff;
  --ent-canvas:#f6f8fc; --ent-surface:#fbfcfe; --ent-white:#fefefe;
  --ent-line:#dce3ef; --ent-line-strong:#c6d0df;
  --ent-shadow:0 24px 64px rgba(35,53,84,.13); --ent-shadow-soft:0 12px 32px rgba(35,53,84,.08);
}
html{background:var(--ent-surface);scroll-padding-top:92px}
body{font-family:Aptos,"Segoe UI Variable","Segoe UI",system-ui,sans-serif!important;color:var(--ent-ink);background:var(--ent-surface);letter-spacing:-.008em}
::selection{color:var(--ent-white);background:var(--ent-accent)}
h1,h2,h3,h4{color:var(--ent-ink);letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}
:focus-visible{outline:3px solid rgba(47,95,236,.42)!important;outline-offset:3px!important}
#reading-progress{height:2px!important;background:var(--ent-accent)!important}
#announcement-bar{min-height:38px;padding-block:8px!important;background:var(--ent-navy)!important;border-bottom:1px solid rgba(255,255,255,.1)}
#announcement-bar span{background:transparent!important;border:1px solid rgba(255,255,255,.3);border-radius:999px!important;font-weight:650!important;letter-spacing:.08em!important}
#announcement-bar a{text-underline-offset:3px;text-decoration-thickness:1px}
#navbar{height:72px;border-bottom:1px solid transparent}#navbar>div>div{height:72px!important}
#navbar.navbar-scrolled,body:not(:has(#hero-section)) #navbar{background:rgba(254,254,254,.96)!important;border-bottom-color:var(--ent-line);box-shadow:0 8px 24px rgba(35,53,84,.06)!important;backdrop-filter:blur(16px)}
#navbar .nav-link{border-radius:8px!important;color:rgba(254,254,254,.78);font-size:.925rem;font-weight:600!important}
#navbar .nav-link:hover,#navbar .nav-link.active{color:var(--ent-white);background:rgba(255,255,255,.08)}
#navbar.navbar-scrolled .nav-link,body:not(:has(#hero-section)) #navbar .nav-link{color:#4f5b70}
#navbar.navbar-scrolled .nav-link:hover,#navbar.navbar-scrolled .nav-link.active,body:not(:has(#hero-section)) #navbar .nav-link:hover{color:var(--ent-accent);background:var(--ent-soft)}
#navbar a[href*="apps.shopify.com"]{min-height:42px;border-radius:10px!important;background:var(--ent-white)!important;color:var(--ent-navy)!important;box-shadow:none!important;white-space:nowrap}
#navbar.navbar-scrolled a[href*="apps.shopify.com"],body:not(:has(#hero-section)) #navbar a[href*="apps.shopify.com"]{color:var(--ent-white)!important;background:var(--ent-accent)!important}
#mobile-menu{border-color:var(--ent-line)!important;box-shadow:var(--ent-shadow-soft)!important}
.hero-gradient{background:var(--ent-navy)!important}
#hero-section{min-height:min(820px,calc(100dvh - 38px));padding-top:7.5rem!important;padding-bottom:4.75rem!important;background:var(--ent-navy)!important}
#hero-section>.absolute{display:none}#hero-section .grid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(3rem,6vw,6rem)!important}
.hero-copy>div:first-child{margin-bottom:1.5rem!important;padding:.45rem .75rem!important;border-color:rgba(255,255,255,.18)!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;backdrop-filter:none!important}
.hero-copy>div:first-child span:first-child{display:none}.hero-copy h1{max-width:680px;color:var(--ent-white)!important;font-size:clamp(3rem,4.3vw,4.65rem)!important;font-weight:680!important;line-height:1.02!important;letter-spacing:-.052em!important;text-shadow:none!important}
.hero-title-accent{display:block;color:#91aafa;background:none!important;-webkit-text-fill-color:currentColor!important}
.hero-copy>p{max-width:34rem!important;margin-top:1.5rem!important;color:#c9d2e3!important;font-size:1.125rem!important;line-height:1.68!important}
.hero-benefits,.hero-trust{display:none!important}.hero-copy>.mt-8.flex{margin-top:2rem!important}
.hero-copy a[href*="apps.shopify.com"],.hero-copy button{min-height:52px;padding:.85rem 1.4rem!important;border-radius:10px!important;font-size:1rem!important;white-space:nowrap;box-shadow:none!important}
.hero-copy a[href*="apps.shopify.com"]{color:var(--ent-white)!important;background:var(--ent-accent)!important}.hero-copy a[href*="apps.shopify.com"]:hover{background:#3b69ee!important}
.hero-copy button{border-width:1px!important;border-color:rgba(255,255,255,.28)!important;background:transparent!important}
.hero-visual>.relative{min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:url("../assets/podmaster-workspace-hero2.jpg") center/cover no-repeat;box-shadow:0 30px 80px rgba(4,10,24,.34)}
.hero-visual>.relative>*{display:none!important}
#hero-section+section{padding-block:2.15rem!important;border-bottom-color:var(--ent-line)!important;background:var(--ent-white)!important}
#hero-section+section p{margin-bottom:1.4rem!important;color:var(--ent-muted)!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.11em!important}
#hero-section+section .flex.flex-wrap{gap:clamp(2rem,6vw,5rem)!important}#hero-section+section .grayscale{opacity:.72;filter:grayscale(1)}#hero-section+section .grayscale:hover{opacity:1;filter:grayscale(0)}
#hero-section+section+section{padding-block:2.8rem!important;background:var(--ent-canvas)!important}#hero-section+section+section .grid>div{position:relative}
#hero-section+section+section .grid>div:not(:last-child)::after{position:absolute;top:8%;right:-1.5rem;width:1px;height:84%;background:var(--ent-line);content:""}
.stat-item>div:first-child{color:var(--ent-navy)!important;font-size:clamp(2rem,3vw,3.25rem)!important;font-weight:680!important;letter-spacing:-.055em}
section[id],body>section:not(#hero-section):not(.hero-gradient){scroll-margin-top:90px}
#features,#how-it-works,#testimonials,#faq,#demo,#pricing,body>section.bg-white,body>section.bg-gray-50{background:var(--ent-surface)!important}#demo,#pricing,#faq{background:var(--ent-canvas)!important}
#features,#demo,#how-it-works,#pricing,#testimonials,#faq{padding-block:clamp(5rem,8vw,7.5rem)!important}
section .text-center.max-w-3xl,section .text-center.mb-12{margin-inline:0!important;margin-bottom:3.5rem!important;text-align:left!important}
section .text-center.max-w-3xl>span,section .text-center.mb-12>span,#demo [data-aos="fade-right"]>span,#pricing .text-center>span,#testimonials .text-center>span,#faq .text-center>span{display:none!important}
section h2{max-width:780px;color:var(--ent-ink)!important;font-size:clamp(2.25rem,4vw,3.85rem)!important;font-weight:660!important;line-height:1.06!important;letter-spacing:-.05em!important}
section h2+p,section .text-center h2+p{max-width:650px;color:var(--ent-copy)!important;font-size:1.05rem!important;line-height:1.7!important}
#features .grid.md\:grid-cols-2{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:1rem!important}
#features .feature-card{min-height:250px;grid-column:span 4;padding:clamp(1.5rem,2.2vw,2rem)!important;border:1px solid var(--ent-line)!important;border-radius:16px!important;background:var(--ent-white)!important;box-shadow:none!important}
#features .feature-card:nth-child(1),#features .feature-card:nth-child(7){grid-column:span 7;background:var(--ent-navy)!important}#features .feature-card:nth-child(2),#features .feature-card:nth-child(6){grid-column:span 5;background:var(--ent-soft)!important}
#features .feature-card:nth-child(1) h3,#features .feature-card:nth-child(7) h3{color:var(--ent-white)!important}#features .feature-card:nth-child(1) p,#features .feature-card:nth-child(7) p{color:#bdc7d9!important}
#features .feature-card:hover{border-color:var(--ent-line-strong)!important;transform:translateY(-3px)!important;box-shadow:var(--ent-shadow-soft)!important}
#features .feature-card>div:first-child{width:48px!important;height:48px!important;margin-bottom:2.25rem!important;border-radius:12px!important;color:var(--ent-accent)!important;background:var(--ent-soft)!important}
#features .feature-card h3{margin-bottom:.65rem!important;font-size:1.22rem!important;font-weight:650!important}#features .feature-card p{max-width:54ch;color:var(--ent-copy)!important;line-height:1.65!important}
#demo .grid{gap:clamp(3rem,7vw,7rem)!important}#demo [data-aos="fade-right"]>p{max-width:560px;color:var(--ent-copy)!important;line-height:1.7!important}
#demo .space-y-4>div>div:first-child,#how-it-works .grid>div>div:first-child{border-radius:10px!important;background:var(--ent-navy)!important}#demo a[href*="apps.shopify.com"]{border-radius:10px!important;background:var(--ent-accent)!important}
#video-thumbnail{overflow:hidden;border:1px solid var(--ent-line-strong);border-radius:16px!important;background:linear-gradient(145deg,#17233f,#27375e)!important;box-shadow:var(--ent-shadow)!important}#video-thumbnail .bg-white{width:72px!important;height:72px!important;color:var(--ent-accent)!important;box-shadow:none!important}
#how-it-works .grid>div{border-top:1px solid var(--ent-line);padding-top:2rem}#how-it-works .grid>div h3{font-size:1.25rem!important}#how-it-works .grid>div p{color:var(--ent-copy)!important}
#pricing .grid{grid-template-columns:.92fr 1.12fr .92fr!important;align-items:stretch!important;gap:1rem!important}.pricing-card{border:1px solid var(--ent-line)!important;border-radius:16px!important;background:var(--ent-white)!important;box-shadow:none!important}.pricing-card:hover{transform:translateY(-3px)!important;box-shadow:var(--ent-shadow-soft)!important}.pricing-popular{border:1px solid var(--ent-accent)!important;transform:none!important;box-shadow:0 18px 48px rgba(47,95,236,.14)!important}.pricing-card a{border-radius:10px!important}
#testimonials-container{gap:1rem!important}.testimonial-card{border:1px solid var(--ent-line)!important;border-radius:16px!important;background:var(--ent-white)!important;box-shadow:none!important}.testimonial-card:hover{transform:none!important;border-color:var(--ent-line-strong)!important;box-shadow:var(--ent-shadow-soft)!important}
#faq .max-w-3xl{max-width:900px!important}#faq-search,input,select,textarea{border-color:var(--ent-line-strong)!important;border-radius:10px!important;background:var(--ent-white)!important}#faq-search:focus,input:focus,select:focus,textarea:focus{border-color:var(--ent-accent)!important;box-shadow:0 0 0 4px rgba(47,95,236,.12)!important}.faq-item{border-color:var(--ent-line)!important;border-radius:10px!important;background:var(--ent-white)!important}.faq-item.active{border-color:#acbce9!important;box-shadow:none!important}
body>section.hero-gradient:last-of-type{border-top:1px solid rgba(255,255,255,.08);background:var(--ent-navy)!important}body>section.hero-gradient:last-of-type>.absolute{display:none}body>section.hero-gradient:last-of-type h2{max-width:850px;margin-inline:auto;color:var(--ent-white)!important}body>section.hero-gradient:last-of-type p{color:#c8d2e4!important}body>section.hero-gradient:last-of-type a{min-height:52px;border-radius:10px!important;box-shadow:none!important;white-space:nowrap}
footer{border-top:1px solid rgba(255,255,255,.08);background:#0d1424!important}footer h4{color:var(--ent-white)!important;letter-spacing:-.01em}footer p,footer li,footer a{color:#95a1b5}footer a:hover{color:var(--ent-white)!important}footer .bg-gray-800{border:1px solid rgba(255,255,255,.1);border-radius:10px!important;background:rgba(255,255,255,.05)!important}footer .bg-gray-800:hover{background:var(--ent-accent)!important}
#back-to-top{right:1.5rem!important;bottom:1.5rem!important;width:44px!important;height:44px!important;border:1px solid var(--ent-line);border-radius:12px!important;color:var(--ent-white)!important;background:var(--ent-navy)!important;box-shadow:var(--ent-shadow-soft)!important}
body:not(:has(#hero-section)){background:var(--ent-canvas)}body:not(:has(#hero-section)) #navbar{position:fixed}body:not(:has(#hero-section)) section.hero-gradient{padding-top:10rem!important;padding-bottom:5.5rem!important;background:var(--ent-navy)!important}body:not(:has(#hero-section)) section.hero-gradient>.absolute{display:none}body:not(:has(#hero-section)) section.hero-gradient h1{color:var(--ent-white)!important;font-size:clamp(2.75rem,5vw,4.5rem)!important;font-weight:670!important;letter-spacing:-.052em!important}body:not(:has(#hero-section)) section.hero-gradient p{color:#c8d2e4!important}
body:not(:has(#hero-section)) main,body:not(:has(#hero-section)) section.bg-white,body:not(:has(#hero-section)) section.bg-gray-50{background:var(--ent-canvas)!important}body:not(:has(#hero-section)) .bg-white.rounded-2xl,body:not(:has(#hero-section)) .bg-white.rounded-xl,body:not(:has(#hero-section)) article,body:not(:has(#hero-section)) form{border-color:var(--ent-line)!important;border-radius:16px!important;box-shadow:var(--ent-shadow-soft)!important}body:not(:has(#hero-section)) button[type="submit"]{border-radius:10px!important;background:var(--ent-accent)!important}
@media(max-width:1023px){#navbar{height:64px}#navbar>div>div{height:64px!important}#hero-section{min-height:auto;padding-top:7rem!important}#hero-section .grid{grid-template-columns:1fr}.hero-copy{max-width:720px}.hero-visual>.relative{min-height:auto;aspect-ratio:3/2}#features .feature-card:nth-child(n){grid-column:span 6}#pricing .grid{grid-template-columns:1fr!important;max-width:680px;margin-inline:auto}}
@media(max-width:767px){#announcement-bar{padding-right:2.75rem!important}#announcement-bar span,#announcement-bar a{display:none}#announcement-bar p{font-size:.76rem;text-align:center}#hero-section{padding-top:6.5rem!important;padding-bottom:3.5rem!important}#hero-section .grid{display:grid!important;grid-template-columns:1fr!important;gap:2.5rem!important}.hero-copy h1{font-size:clamp(2.5rem,12vw,3.45rem)!important}.hero-copy>p{font-size:1rem!important}.hero-copy>.mt-8.flex>*{width:100%}.hero-visual{width:100%}.hero-visual>.relative{min-height:310px;aspect-ratio:auto;background-position:44% center}#hero-section+section .flex.flex-wrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem!important}#hero-section+section+section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2rem 1rem!important}#hero-section+section+section .grid>div::after{display:none}section .text-center.max-w-3xl,section .text-center.mb-12{margin-bottom:2.5rem!important}#features .grid.md\:grid-cols-2{grid-template-columns:1fr!important}#features .feature-card:nth-child(n){min-height:auto;grid-column:1!important}#demo .grid,#how-it-works .grid{grid-template-columns:1fr!important}body>section.hero-gradient:last-of-type{padding-block:5rem!important}body:not(:has(#hero-section)) section.hero-gradient{padding-top:8.5rem!important;padding-bottom:4rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Benefits use the same single-accent system with a deliberately uneven rhythm. */
#how-it-works + section{padding-block:clamp(5rem,8vw,7.5rem)!important;background:var(--ent-surface)!important}
#how-it-works + section .grid.md\:grid-cols-3{display:grid!important;grid-template-columns:1.08fr .9fr 1.02fr!important;gap:1rem!important}
#how-it-works + section .grid.md\:grid-cols-3>div{padding:2rem!important;text-align:left!important;border:1px solid var(--ent-line)!important;border-radius:16px!important;background:var(--ent-white)!important;box-shadow:none!important}
#how-it-works + section .grid.md\:grid-cols-3>div:hover{border-color:var(--ent-line-strong)!important;box-shadow:var(--ent-shadow-soft)!important}
#how-it-works + section .grid.md\:grid-cols-3>div>div:first-child{margin-left:0!important;border-radius:12px!important;background:var(--ent-soft)!important}
#how-it-works + section .grid.md\:grid-cols-3 svg{color:var(--ent-accent)!important}
#how-it-works + section .grid.md\:grid-cols-3 p{color:var(--ent-copy)!important}
@media(max-width:767px){.hero-copy h1{font-size:clamp(2.35rem,10vw,3rem)!important}#how-it-works + section .grid.md\:grid-cols-3{grid-template-columns:1fr!important}}