/*
Theme Name: Near Earth DSP
Theme URI: https://nearearthdsp.com
Author: Near Earth DSP
Description: Bespoke dark-mode WordPress theme for Near Earth DSP audio plugins. Angular, geometric, technical and built for direct plugin sales via external checkout links such as Lemon Squeezy.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: near-earth-dsp
*/

:root {
  --space:#05080e;
  --space-2:#081220;
  --panel:#0b1622;
  --panel-2:#0e1c2b;
  --line:#124257;
  --line-soft:#0c2d3c;
  --orbit:#00e5ff;
  --orbit-soft:#67dff1;
  --nexus:#8a7bff;
  --star:#d9f3ff;
  --muted:#7897a7;
  --warning:#ff9a5c;
  --max:1240px;
  --cut:18px;
  --font-display:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--space)}
body{margin:0;background:var(--space);color:var(--star);font-family:var(--font-body);line-height:1.6;letter-spacing:.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
linear-gradient(90deg,rgba(0,229,255,.025) 1px,transparent 1px),
linear-gradient(rgba(0,229,255,.02) 1px,transparent 1px),
linear-gradient(135deg,transparent 0 48%,rgba(138,123,255,.025) 48% 49%,transparent 49% 100%);background-size:72px 72px,72px 72px,240px 240px}
a{color:var(--orbit);text-decoration:none}
a:hover{color:#fff}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
::selection{background:var(--orbit);color:#001016}

.nedsp-wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.nedsp-section{padding:90px 0;border-top:1px solid var(--line-soft)}
.nedsp-kicker,.eyebrow{font:700 12px/1.2 var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--orbit)}
.nedsp-heading{margin:.55rem 0 1rem;font:500 clamp(2rem,5vw,4.8rem)/.95 var(--font-display);letter-spacing:.16em;text-transform:uppercase}
.nedsp-heading.small{font-size:clamp(1.8rem,3vw,3rem)}
.nedsp-copy{max-width:760px;color:#a9c1cc;font-size:1.08rem}
.nedsp-rule{height:1px;background:linear-gradient(90deg,var(--orbit),transparent 70%);margin:28px 0}

.site-header{position:sticky;top:0;z-index:50;background:rgba(5,8,14,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}
.admin-bar .site-header{top:32px}
.header-inner{min-height:78px;display:flex;align-items:center;gap:26px}
.site-brand{display:flex;align-items:center;gap:14px;min-width:230px}
.site-brand img{width:210px;max-height:48px;object-fit:contain;object-position:left center}
.site-brand .custom-logo{width:auto;max-width:220px;max-height:52px}
.primary-nav{margin-left:auto}
.primary-nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;align-items:center}
.primary-nav a{display:block;padding:12px 14px;color:#a7c5d1;font:600 12px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;border:1px solid transparent}
.primary-nav a:hover{border-color:var(--line);color:#fff;background:#07121c}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--orbit);padding:10px 12px;text-transform:uppercase;letter-spacing:.16em}

.nedsp-btn,.wp-block-button__link,input[type=submit],button[type=submit]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;background:transparent;border:1px solid var(--orbit);color:var(--star);font:700 12px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));transition:.2s ease}
.nedsp-btn:hover,.wp-block-button__link:hover,input[type=submit]:hover,button[type=submit]:hover{background:var(--orbit);color:#041015;box-shadow:0 0 28px rgba(0,229,255,.22)}
.nedsp-btn.alt{border-color:var(--nexus);color:#d9d2ff}
.nedsp-btn.alt:hover{background:var(--nexus);color:#080a14}
.nedsp-btn.disabled{opacity:.45;pointer-events:none}

.hero{position:relative;min-height:0;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--line-soft)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080e 0%,rgba(5,8,14,.95) 36%,rgba(5,8,14,.54) 62%,rgba(5,8,14,.92) 100%),url('assets/images/hero.png') center/cover no-repeat;filter:saturate(.9) contrast(1.1);z-index:-2}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 64%,rgba(0,229,255,.08) 64% 65%,transparent 65% 73%,rgba(138,123,255,.08) 73% 74%,transparent 74%);z-index:-1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:center;gap:40px;padding:40px 0}
.hero h1{margin:0 0 20px;font:500 clamp(2.4rem,5.4vw,4.8rem)/.92 var(--font-display);letter-spacing:.12em;text-transform:uppercase;max-width:920px}
.hero p{max-width:690px;color:#b9cbd4;font-size:clamp(1rem,1.4vw,1.2rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-console{align-self:center;justify-self:end;width:100%;max-width:360px;min-height:310px;position:relative;border:1px solid var(--line);background:rgba(5,14,22,.74);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));overflow:hidden}
.hero-console:before{content:"";position:absolute;inset:24px;background:linear-gradient(90deg,transparent 49%,rgba(0,229,255,.13) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(0,229,255,.13) 50%,transparent 51%);background-size:66px 66px}
.hero-console:after{content:"NEDSP // SIGNAL FIELD\A 43 OBJ · DATA LINK ACTIVE\A AU · VST3\A NEAR-EARTH AUDIO SYSTEM";white-space:pre;position:absolute;left:24px;bottom:22px;color:#6cecff;font:600 12px/1.9 var(--font-display);letter-spacing:.18em}
.hero-console img{position:absolute;right:12%;top:6%;width:48%;filter:drop-shadow(0 0 26px rgba(0,229,255,.25))}
.hero-diagonal{position:absolute;left:12%;top:18%;width:70%;height:2px;background:linear-gradient(90deg,transparent,var(--orbit),var(--nexus),transparent);transform:rotate(-26deg);transform-origin:left center}

/* Keep the next section visible without fixing or clipping hero content. */
.hero + #plugins{padding-top:36px}
.hero .eyebrow:not(:empty){margin-bottom:18px}

.plugin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px}
.plugin-card{position:relative;background:linear-gradient(180deg,rgba(12,27,41,.9),rgba(5,11,18,.98));border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));overflow:hidden;min-height:100%}
.plugin-card:before{content:"";position:absolute;top:0;left:0;width:38%;height:2px;background:var(--orbit)}
.plugin-card:nth-child(2):before{background:var(--nexus)}
.plugin-card-media{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line-soft);background:#02060a}
.plugin-card-media img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.plugin-card:hover .plugin-card-media img{transform:scale(1.025)}
.plugin-card-body{padding:26px}
.plugin-card h3{margin:.3rem 0 .8rem;font:500 1.75rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase}
.plugin-card p{color:#91aebb}
.plugin-meta{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 22px;color:#7eddec;font:600 11px/1.3 var(--font-display);letter-spacing:.16em;text-transform:uppercase}
.plugin-price{color:#fff;font:600 1.05rem/1 var(--font-display);letter-spacing:.14em;margin-bottom:18px}

.tech-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:42px}
.tech-cell{padding:24px;border-right:1px solid var(--line);min-height:120px;background:#07111a}
.tech-cell:last-child{border-right:0}
.tech-cell b{display:block;font:700 12px/1.2 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--orbit);margin-bottom:10px}
.tech-cell span{color:#a4bcc8}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-panel{border:1px solid var(--line);padding:34px;position:relative;background:#071019;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.about-panel:before{content:"";position:absolute;right:22px;top:22px;width:96px;height:6px;background:repeating-linear-gradient(90deg,var(--orbit) 0 4px,transparent 4px 9px)}
.about-panel ul{margin:22px 0 0;padding:0;list-style:none}
.about-panel li{padding:13px 0;border-top:1px solid var(--line-soft);color:#aac0cb}
.about-panel li:before{content:"//";color:var(--nexus);margin-right:12px;font-weight:700}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.news-card{border:1px solid var(--line-soft);padding:24px;background:#071019;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.news-card h3{font:500 1.25rem/1.25 var(--font-display);letter-spacing:.08em;text-transform:uppercase}
.news-card time{font-size:.75rem;letter-spacing:.18em;color:#6b93a5;text-transform:uppercase}

.site-main{min-height:60vh}
.content-shell{width:min(980px,calc(100% - 40px));margin:70px auto}
.entry-title{font:500 clamp(2.2rem,5vw,4rem)/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase}
.entry-content{color:#b4c7d1}
.entry-content h2,.entry-content h3{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#e6f7ff}
.entry-content blockquote{border-left:2px solid var(--orbit);margin:2rem 0;padding:1rem 1.5rem;background:#07111a}
.entry-content table{width:100%;border-collapse:collapse}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:12px;text-align:left}

.product-hero{padding:70px 0 40px;border-bottom:1px solid var(--line-soft)}
.product-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:46px;align-items:center}
.product-shot{border:1px solid var(--line);background:#02060a;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));overflow:hidden}
.product-side{border-left:1px solid var(--line);padding-left:30px}
.product-side h1{font:500 clamp(2.6rem,6vw,5.2rem)/.95 var(--font-display);letter-spacing:.15em;text-transform:uppercase;margin:.2rem 0 1rem}
.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:34px 0}
.spec{background:#06101a;padding:18px}
.spec b{display:block;color:var(--orbit);font:700 10px/1.2 var(--font-display);letter-spacing:.2em;text-transform:uppercase;margin-bottom:7px}
.spec span{color:#d4e7ef}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;list-style:none;padding:0}
.feature-list li{padding:12px 0;border-bottom:1px solid var(--line-soft);color:#acc2cc}
.feature-list li:before{content:"▰";color:var(--nexus);margin-right:10px;font-size:.65rem}

.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pagination{margin-top:34px;display:flex;gap:8px}
.pagination .page-numbers{border:1px solid var(--line);padding:9px 13px}

.site-footer{border-top:1px solid var(--line);padding:46px 0;background:#03070b}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.footer-logo{width:260px;margin-bottom:18px}
.footer-copy{max-width:620px;color:#6f8e9d;font-size:.9rem}
.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:flex-end}
.footer-nav a{color:#839fac;font:600 11px/1 var(--font-display);letter-spacing:.15em;text-transform:uppercase}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line-soft);color:#587483;font-size:.78rem}

input[type=text],input[type=email],input[type=url],textarea,select{width:100%;background:#050c13;border:1px solid var(--line);color:#d8eff8;padding:13px 14px;border-radius:0;outline:0}
input:focus,textarea:focus,select:focus{border-color:var(--orbit);box-shadow:0 0 0 1px var(--orbit)}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:10px;left:10px;padding:12px;background:#fff;color:#000;z-index:9999}

@media(max-width:980px){
  .hero-grid,.about-grid,.product-hero-grid{grid-template-columns:1fr}
  .hero-console{min-height:280px;max-width:440px;justify-self:center}
  .plugin-grid,.archive-grid,.news-grid{grid-template-columns:1fr 1fr}
  .tech-strip{grid-template-columns:1fr 1fr}
  .tech-cell:nth-child(2){border-right:0}
  .tech-cell:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  .admin-bar .site-header{top:46px}
  .header-inner{min-height:68px}
  .site-brand img{width:175px}
  .menu-toggle{display:block;margin-left:auto}
  .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#05080e;border-bottom:1px solid var(--line);padding:14px 20px}
  .primary-nav.open{display:block}
  .primary-nav ul{display:block}
  .primary-nav a{padding:14px 10px;border-bottom:1px solid var(--line-soft)}
  .hero{min-height:auto}
  .hero-grid{padding:32px 0;gap:28px}
  .hero-console{display:none}
  .plugin-grid,.archive-grid,.news-grid,.feature-list,.spec-grid{grid-template-columns:1fr}
  .tech-strip{grid-template-columns:1fr}
  .tech-cell{border-right:0;border-bottom:1px solid var(--line)}
  .footer-grid,.footer-bottom{grid-template-columns:1fr;display:grid}
  .footer-nav ul{justify-content:flex-start}
  .nedsp-section{padding:64px 0}
  .nedsp-wrap{width:min(var(--max),calc(100% - 28px))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}