/* neptox tech inner pages (website, apps, templates, viewer, start, thanks, legal, 404). Owner: Claude.
   Nova direction by Codex: light ground, violet brand/action, dark apps block. Loaded only with body.pg. */
body.pg{
  --bg:#f7f8fa;--surface:#fff;--surface-2:#f2f1f7;--line:#dedfe5;
  --text:#24252e;--muted:#636670;--faint:#8b8d97;
  --brand:#7152db;--action:#7152db;--action-ink:#fff;--violet-soft:#eeeafb;--dark:#272832;
  --r-hero:28px;--r-section:26px;--r-card:15px;--r-btn:10px;
  --shadow-show:0 30px 70px rgba(45,32,96,.16),0 6px 18px rgba(45,32,96,.08);
  color-scheme:light;background:var(--bg);color:var(--text)
}
.pg a{color:var(--brand)}
.pg h1,.pg h2,.pg h3{color:var(--text)}
.pg p{color:var(--muted)}
.pg-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
@media(max-width:640px){.pg-wrap{padding:0 16px}}

/* header + category navigation */
.pg-hdr{position:sticky;top:0;z-index:30;background:rgba(247,248,250,.9);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.pg-hdr-row{display:flex;align-items:center;gap:20px;height:68px}
.pg-brand{display:flex;align-items:center;gap:10px;color:var(--text)}
.pg-brand:hover{text-decoration:none}
.pg-brand img{filter:brightness(0);width:104px;height:auto}
.pg-brand span{font-size:12px;color:var(--muted);border-left:1px solid #cbcbd3;padding-left:10px;margin-top:3px}
.pg-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);padding:0 12px;width:min(320px,38vw)}
.pg-search svg,.pg-find svg{width:16px;height:16px;fill:none;stroke:var(--faint);stroke-width:1.8;flex-shrink:0}
.pg-search input,.pg-find input{border:0;background:transparent;padding:10px 0;font-size:14px;color:var(--text);outline:none;min-width:0;width:100%}
.pg-search:focus-within,.pg-find:focus-within{outline:2px solid var(--brand);outline-offset:2px}
.pg-contact{color:var(--text)!important;font-weight:600;font-size:14px;white-space:nowrap;border-bottom:1px solid var(--text);padding-bottom:3px}
.pg-contact:hover{text-decoration:none;color:var(--brand)!important;border-color:var(--brand)}
.pg-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:10px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.pg-cats::-webkit-scrollbar{display:none}
.pg-cats a{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 14px;border-radius:12px;border:1px solid transparent;color:#686a75;font-size:13px;font-weight:550;scroll-snap-align:start}
.pg-cats a:hover{background:#eeeaf6;text-decoration:none}
.pg-cats a[aria-current]{background:var(--surface);border-color:#e1dced;color:#6044c1}
.pg-cats svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.pg-search{display:none}.pg-hdr-row{height:60px}.pg-contact{margin-left:auto}}

/* buttons */
.pg .btn{border-radius:var(--r-btn);font-weight:600}
.pg .btn-action{background:var(--brand);color:#fff}
.pg .btn-action:hover{background:#5f43c8}
.pg .btn-ghost{background:var(--surface);border-color:var(--line);color:var(--text)}
.pg .btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.pg .eyebrow{color:var(--brand)}
.pg .accent{color:var(--brand)}
.pg .micro{color:var(--faint)}
.pg .ticks li{color:var(--muted)}
.pg .ticks li:before{border-color:var(--brand)}

/* hero blocks: the classic .hero becomes a white rounded panel */
.pg main{padding-bottom:20px}
.pg .hero{padding:34px 0 0}
.pg .hero>.wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-hero);padding:56px 56px 48px;max-width:1224px}
@media(max-width:640px){.pg .hero>.wrap{padding:32px 22px;border-radius:22px;margin:0 12px}}
.pg .hero h1{font-size:clamp(2.1rem,5vw,3.8rem);letter-spacing:-.035em}
.pg section{padding:56px 0}
.pg .band{background:transparent;border:0}
.pg .band>.wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-section);padding:40px;max-width:1224px}
@media(max-width:640px){.pg .band>.wrap{padding:26px 20px;margin:0 12px}}
.pg .card{background:var(--surface);border-color:var(--line);border-radius:var(--r-card)}
.pg .notice{background:var(--violet-soft);border:1px solid #ddd3fa;border-left:3px solid var(--brand);color:#4b3f78;border-radius:12px}
.pg .steps li:before{border-color:var(--brand);color:var(--brand);background:var(--surface)}
.pg details{border-color:var(--line)}
.pg summary{color:var(--text)}
.pg summary:after{color:var(--brand)}
.pg input,.pg select,.pg textarea{background:var(--surface);border-color:var(--line);color:var(--text)}
.pg label{color:var(--text)}

/* website hero with showcase (shadow only on showcases) */
.pg-hero{padding:34px 0 10px!important}
.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-hero);overflow:hidden;padding:0;max-width:1224px}
.pg-hero-copy{padding:56px}
.pg-hero-copy h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.04em;margin-bottom:.35em}
.pg-price{display:flex;align-items:baseline;gap:12px;margin:22px 0 10px;padding-top:20px;border-top:1px solid var(--line)}
.pg-price strong{font-size:2.6rem;letter-spacing:-.03em;color:var(--text);font-weight:700}
.pg-price span{color:var(--faint);font-size:.9rem}
.pg-hero-copy .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pg-showcase{position:relative;background:radial-gradient(120% 90% at 70% 30%,#cdb9ff 0%,#9a83ec 38%,#7152db 70%,#5a3fc4 100%);min-height:520px;overflow:hidden}
.pg-showcase img{position:absolute;width:56%;border-radius:12px;box-shadow:var(--shadow-show);object-fit:cover;object-position:top;aspect-ratio:900/994;height:auto}
.pg-showcase img:nth-of-type(1){left:8%;top:12%;transform:rotate(-4deg);z-index:2}
.pg-showcase img:nth-of-type(2){right:6%;top:6%;transform:rotate(5deg);width:46%;z-index:1;opacity:.95}
.pg-showcase img:nth-of-type(3){right:12%;bottom:-6%;transform:rotate(-1deg);width:44%;z-index:3}
.pg-showcase small{position:absolute;left:18px;bottom:14px;color:rgba(255,255,255,.85);font-size:.75rem;z-index:4}
@media(max-width:900px){.pg-hero-grid{grid-template-columns:minmax(0,1fr);margin:0 12px}.pg-hero-copy{padding:32px 22px}.pg-showcase{min-height:340px}}
@media (prefers-reduced-motion:no-preference){.pg-showcase img{transition:transform .5s ease}.pg-showcase:hover img:nth-of-type(1){transform:rotate(-2deg) translateY(-6px)}}

/* templates grid */
.pg-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line)}
.pg-toolbar .chips{margin:0}
.pg-find{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);padding:0 12px;min-width:220px;flex:0 1 280px}
.pg-count{font-size:.85rem;color:var(--faint);margin:12px 0 18px}
.pg-empty{text-align:center;padding:40px 0}
.pg .chip{border-color:var(--line);color:var(--muted);background:var(--surface);border-radius:999px}
.pg .chip[aria-pressed=true]{border-color:#e1dced;color:#6044c1;background:var(--violet-soft)}
.pg .tpl .thumb{aspect-ratio:900/760;background:var(--surface-2)}
.pg .tpl .thumb img{object-position:top}
.pg .tpl .thumb .tag{background:rgba(255,255,255,.92);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pg .tpl .name{color:var(--text)}
.pg .tpl .sector{color:var(--text);font-weight:650}
.pg .tpl p{font-size:.9rem}

/* apps: dark block like the homepage */
.pg .app{background:var(--surface)}
.pg .app .kicker{color:var(--brand)}
.pg .app .permo{color:var(--text)}
.pg #custom{background:var(--dark);border-color:var(--dark)}
.pg #custom h3,.pg #custom .price{color:#fff}
.pg #custom p,.pg #custom .ticks li,.pg #custom .price small{color:#c9c7d6}
.pg #custom .kicker{color:#b9a8ff}
.pg #custom .btn-action{background:#f6f3ff;color:#3f3457}
.pg #custom .btn-action:hover{background:#ded1ff}

/* footer */
.pg .ftr{background:var(--surface);border-color:var(--line);color:var(--faint)}
.pg .ftr .brand img{filter:brightness(0)}
.pg .ftr .brand span{color:var(--muted)}
.pg .ftr a{color:var(--muted)}
.pg .ftr strong{color:var(--text)!important}

/* consent banner on light pages */
.pg .consent{background:var(--surface);border-color:var(--line);box-shadow:0 12px 40px rgba(36,37,46,.14)}
.pg .linkbtn{color:var(--muted)}

/* template viewer (light chrome) */
.pg.vw{display:flex;flex-direction:column}
.pg .vw-bar{background:rgba(255,255,255,.92);border-bottom-color:var(--line)}
.pg .vw-back{color:var(--muted)}
.pg .vw-title h1{color:var(--text)}
.pg .vw-devices{background:var(--surface-2);border-color:var(--line)}
.pg .vw-devices button[aria-pressed=true]{background:var(--surface);color:var(--brand);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pg .vw-open{color:var(--muted)}
.pg .vw-stage{background:radial-gradient(80% 60% at 50% 0%,#ece6ff 0%,var(--bg) 70%)}
.pg .vw-frame{border-color:var(--line);box-shadow:var(--shadow-show)}
.pg .vw-more a{background:var(--surface);border-color:var(--line);color:var(--text)}
.pg .vw-more a:hover{border-color:var(--brand)}

/* fixes */
.pg [hidden]{display:none!important}
.pg .wrap{max-width:1224px}
.pg .hero+section{padding-top:24px}
.pg .ticks.no li:before{border:0;transform:none;width:10px;height:2px;top:.8em;left:2px;background:var(--faint)}
.pg .app .btn{margin-top:18px}