/*
Theme Name: PepSaver Editable Landing Page
Theme URI: https://pepsaver.com
Author: PepSaver, Inc.
Description: Editable WordPress landing page for PepSaver, Inc. Creates a block-editor Home page automatically.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pepsaver-editable
*/

:root {
  --ps-bg: #020c1c;
  --ps-bg-soft: #07172e;
  --ps-panel: rgba(8, 30, 61, 0.78);
  --ps-line: rgba(77, 151, 255, 0.24);
  --ps-blue: #1877ff;
  --ps-cyan: #35b9ff;
  --ps-text: #f7fbff;
  --ps-muted: #a9bbd4;
  --ps-green: #46d79a;
  --ps-shadow: 0 24px 80px rgba(0,0,0,.34);
  --ps-max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ps-text); background:radial-gradient(circle at 78% 4%,rgba(24,119,255,.24),transparent 30%),linear-gradient(180deg,#020a17 0%,var(--ps-bg) 48%,#031127 100%); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
a { color:inherit; }
img { max-width:100%; height:auto; }
.ps-site-header { position:sticky; top:0; z-index:50; border-bottom:1px solid var(--ps-line); background:rgba(2,12,28,.86); backdrop-filter:blur(18px); }
.ps-header-inner { width:min(calc(100% - 40px),var(--ps-max)); min-height:84px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.ps-brand img { display:block; width:238px; }
.ps-header-contact { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:12px; background:linear-gradient(135deg,var(--ps-blue),#005ee8); text-decoration:none; font-weight:750; }
.ps-main { overflow:hidden; }
.ps-home > .wp-block-group { margin:0; }
.ps-section { padding:88px 20px; }
.ps-section-inner { width:min(100%,var(--ps-max)); margin:0 auto; }
.ps-hero { padding:94px 20px 76px; }
.ps-hero-grid { width:min(100%,var(--ps-max)); margin:0 auto; display:grid !important; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); align-items:center !important; gap:48px; }
.ps-hero-grid > .wp-block-column { min-width:0; margin:0; }
.ps-hero-product { display:flex; justify-content:flex-end; }
.ps-hero h1 { margin:0 0 24px; font-size:clamp(3rem,7vw,5.65rem); line-height:.98; letter-spacing:-.055em; }
.ps-hero h1 strong { color:var(--ps-cyan); }
.ps-lede { color:#c5d4e8; font-size:clamp(1.06rem,2vw,1.3rem); max-width:720px; }
.ps-buttons { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.ps-buttons .wp-block-button__link { min-height:52px; display:inline-flex; align-items:center; border-radius:12px; padding:0 24px; font-weight:750; text-decoration:none; }
.ps-primary .wp-block-button__link { background:linear-gradient(135deg,var(--ps-blue),#005ee8); box-shadow:0 12px 34px rgba(24,119,255,.34); }
.ps-secondary .wp-block-button__link { background:rgba(9,35,72,.72); border:1px solid rgba(102,170,255,.44); }
.ps-proof { margin-top:26px; display:flex; flex-wrap:wrap; gap:18px; color:var(--ps-muted); font-size:.92rem; }
.ps-proof span::before { content:"✓"; color:var(--ps-green); margin-right:8px; font-weight:800; }
.ps-vial-card { width:min(100%,350px); min-height:470px; border:1px solid var(--ps-line); border-radius:30px; background:linear-gradient(145deg,rgba(16,58,112,.82),rgba(3,17,39,.92)); box-shadow:var(--ps-shadow); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px 22px 24px; position:relative; overflow:hidden; }
.ps-vial-card figure { width:100%; margin:0; display:flex; justify-content:center; }
.ps-vial-card img { display:block; width:auto !important; height:370px !important; max-width:100% !important; object-fit:contain; filter:drop-shadow(0 24px 34px rgba(0,0,0,.45)); }
.ps-vial-caption { color:var(--ps-muted); font-size:.9rem; text-align:center; margin-top:10px; }
.ps-alt { background:rgba(5,21,46,.55); border-block:1px solid var(--ps-line); }
.ps-heading { max-width:760px; margin-bottom:42px; }
.ps-heading h2 { margin:0 0 16px; font-size:clamp(2.2rem,4vw,3.5rem); line-height:1.05; letter-spacing:-.035em; }
.ps-heading p { color:var(--ps-muted); font-size:1.08rem; }
.ps-two-col { display:grid !important; grid-template-columns:1fr 1fr; gap:30px; }
.ps-panel { border:1px solid var(--ps-line); background:var(--ps-panel); border-radius:22px; padding:34px; }
.ps-panel h3 { margin-top:0; }
.ps-panel p { color:var(--ps-muted); }
.ps-list { list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ps-list li { padding:18px 18px 18px 48px; border:1px solid var(--ps-line); border-radius:14px; background:rgba(7,25,53,.72); position:relative; }
.ps-list li::before { content:"✓"; position:absolute; left:18px; color:var(--ps-green); font-weight:900; }
.ps-standards { display:grid !important; grid-template-columns:repeat(4,1fr); gap:18px; }
.ps-standard { padding:28px 24px; border-left:2px solid var(--ps-blue); background:linear-gradient(90deg,rgba(15,51,101,.52),rgba(6,24,52,.2)); }
.ps-standard p { color:var(--ps-muted); font-size:.94rem; }
.ps-contact-card { width:min(100%,var(--ps-max)); margin:0 auto; border:1px solid rgba(70,155,255,.42); border-radius:28px; padding:clamp(34px,6vw,68px); background:radial-gradient(circle at 100% 0%,rgba(24,119,255,.28),transparent 42%),linear-gradient(140deg,rgba(11,40,81,.95),rgba(4,18,42,.98)); box-shadow:var(--ps-shadow); }
.ps-contact-card h2 { margin-top:0; font-size:clamp(2.3rem,5vw,4.4rem); line-height:1.02; letter-spacing:-.04em; }
.ps-site-footer { padding:38px 20px; border-top:1px solid var(--ps-line); color:var(--ps-muted); font-size:.9rem; }
.ps-footer-inner { width:min(100%,var(--ps-max)); margin:0 auto; display:flex; justify-content:space-between; gap:28px; }
.ps-footer-inner > div:last-child { max-width:720px; }
@media(max-width:900px){ .ps-hero-grid,.ps-two-col{grid-template-columns:1fr;} .ps-hero-product{justify-content:center;} .ps-vial-card{margin-top:16px;} .ps-standards{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .ps-header-inner{width:min(calc(100% - 24px),var(--ps-max)); min-height:72px;} .ps-brand img{width:190px;} .ps-header-contact{display:none;} .ps-hero{padding-top:62px;} .ps-list,.ps-standards{grid-template-columns:1fr;} .ps-footer-inner{flex-direction:column;} .ps-buttons .wp-block-button{width:100%;} .ps-buttons .wp-block-button__link{width:100%;} }