/* PulseBoard Fusion — editorial realm redesign inspired by the supplied layout.
   Content and product identity remain PulseBoard. */
:root{
  --pb-canvas:#07131d;
  --pb-canvas-2:#0b1c28;
  --pb-surface:#102634;
  --pb-surface-2:#15303f;
  --pb-paper:#e8f4f2;
  --pb-paper-2:#cfe4e2;
  --pb-ink:#07141e;
  --pb-muted:#8fa9b5;
  --pb-line:rgba(198,229,231,.16);
  --pb-line-strong:rgba(198,229,231,.34);
  --pb-orange:#ff7246;
  --pb-coral:#ff9b70;
  --pb-teal:#2ed3c6;
  --pb-blue:#6694ff;
  --pb-violet:#a879ff;
  --pb-green:#8bd47c;
  --pb-gold:#f5c769;
  --pb-shadow:0 28px 90px rgba(0,0,0,.38);
  --pb-serif:Georgia,"Times New Roman",serif;
  --pb-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --accent:var(--pb-orange);
  --accent-rgb:255,114,70;
}

body.theme-world{--accent:var(--pb-blue);--accent-rgb:102,148,255}
body.theme-tanaman{--accent:var(--pb-green);--accent-rgb:139,212,124}
body.theme-binatang{--accent:var(--pb-gold);--accent-rgb:245,199,105}
body.theme-teknologi{--accent:var(--pb-violet);--accent-rgb:168,121,255}
body.theme-news{--accent:var(--pb-coral);--accent-rgb:255,155,112}
body.theme-commerce{--accent:var(--pb-teal);--accent-rgb:46,211,198}
body.theme-azka{--accent:#71d7ad;--accent-rgb:113,215,173}
body.theme-portfolio{--accent:#78a8ff;--accent-rgb:120,168,255}
body.theme-manager{--accent:#ff865e;--accent-rgb:255,134,94}
body.theme-posts,body.theme-analytics{--accent:#44d8cb;--accent-rgb:68,216,203}

html{background:var(--pb-canvas);scroll-behavior:smooth}
body{
  min-height:100%;
  color:var(--pb-paper);
  font-family:var(--pb-ui);
  background:
    radial-gradient(circle at 82% 7%,rgba(var(--accent-rgb),.18),transparent 31rem),
    radial-gradient(circle at 10% 43%,rgba(46,211,198,.09),transparent 28rem),
    linear-gradient(145deg,var(--pb-canvas),var(--pb-canvas-2) 46%,#081620);
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;inset:0;z-index:-3;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 86%);
}
body::after{
  content:"PULSEBOARD  /  FUSION  /  LIVE SYSTEM";
  position:fixed;right:-98px;top:47%;z-index:0;pointer-events:none;
  transform:rotate(90deg);transform-origin:center;
  font:800 10px/1 var(--pb-ui);letter-spacing:.34em;color:rgba(232,244,242,.22);
}
.noise{opacity:.11;mix-blend-mode:soft-light}
.hero-glow{background:radial-gradient(circle,rgba(var(--accent-rgb),.2),transparent 68%);filter:none}

/* fixed editorial command bar */
.site-header{
  height:74px!important;
  padding:0 clamp(14px,2.2vw,34px)!important;
  background:rgba(5,16,24,.88)!important;
  border-bottom:1px solid var(--pb-line-strong)!important;
  box-shadow:0 14px 50px rgba(0,0,0,.28)!important;
  backdrop-filter:none;
}
.site-header::before{
  content:"";position:absolute;left:0;bottom:-1px;width:clamp(90px,17vw,290px);height:2px;
  background:linear-gradient(90deg,var(--accent),transparent);box-shadow:0 0 20px rgba(var(--accent-rgb),.65)
}
.brand{position:relative;display:grid!important;gap:0!important;padding-left:18px!important;color:var(--pb-paper)!important;line-height:.9!important}
.brand::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:6px;background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.7)}
.brand span:first-child{font:800 clamp(.93rem,1.4vw,1.16rem)/1 var(--pb-serif)!important;letter-spacing:.14em!important;text-transform:uppercase}
.brand span:last-child{font:700 .55rem/1.3 var(--pb-ui)!important;letter-spacing:.35em!important;color:var(--accent)!important;text-transform:uppercase}
.nav{gap:3px!important;padding:5px!important;border:1px solid var(--pb-line)!important;border-radius:4px!important;background:rgba(255,255,255,.025)!important}
.nav a{position:relative;padding:10px 9px!important;border-radius:2px!important;color:#a9bcc5!important;font-size:.61rem!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:1px;background:var(--accent);transform:scaleX(0);transition:.28s ease}
.nav a:hover,.nav a.is-active{color:var(--pb-paper)!important;background:rgba(var(--accent-rgb),.09)!important}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1)}
.header-tools{gap:8px!important}
.chip,.button,.ghost-button,.menu-toggle{
  border-radius:3px!important;text-transform:uppercase!important;letter-spacing:.11em!important;font-weight:800!important
}
.chip,.ghost-button{background:rgba(255,255,255,.035)!important;border-color:var(--pb-line-strong)!important;color:var(--pb-paper)!important}
.chip:hover,.ghost-button:hover{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.1)!important}
.button{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#fff 22%))!important;color:#07131d!important;border-color:transparent!important;box-shadow:0 12px 34px rgba(var(--accent-rgb),.22)!important}
.menu-toggle{border:1px solid var(--pb-line-strong)!important;background:rgba(255,255,255,.04)!important}

/* page framing */
main:not(.game-stage){position:relative;padding-top:18px}
.shell{width:min(calc(100% - clamp(24px,5vw,82px)),1460px)!important}
.hero{position:relative;padding-top:48px!important}
.hero::before,.section::before,.manager-hero::before{
  content:attr(data-pb-index);position:absolute;left:-2px;top:8px;
  font:800 .58rem/1 var(--pb-ui);letter-spacing:.25em;color:var(--accent);text-transform:uppercase
}
.hero__top,.section-head{padding-top:17px;border-top:1px solid var(--pb-line-strong)}
.eyebrow,.micro,.panel-label{color:var(--accent)!important;font-weight:850!important;letter-spacing:.22em!important;text-transform:uppercase!important}

.hero__grid{gap:14px!important;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr)!important}
.hero__copy,.hero__visual,.panel,.info-card,.split-card,.tool-card,.case-card,.media-card,.video-card,.footer-box,.world-card,.manager-panel,.manager-hero{
  border-radius:4px!important;
  border:1px solid var(--pb-line-strong)!important;
  box-shadow:var(--pb-shadow)!important;
}
.hero__copy{
  min-height:650px!important;padding:clamp(30px,5vw,72px)!important;
  background:
    linear-gradient(90deg,rgba(var(--accent-rgb),.12),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012))!important;
}
.hero__copy::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--accent);box-shadow:0 0 34px rgba(var(--accent-rgb),.6)}
.hero__copy::after{right:-150px!important;bottom:-170px!important;width:430px!important;height:430px!important;border:1px solid rgba(var(--accent-rgb),.25);background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 66%)!important}
.hero__copy h1{
  max-width:12ch!important;font-family:var(--pb-serif)!important;font-size:clamp(3.2rem,7vw,7.8rem)!important;
  font-weight:700!important;letter-spacing:-.055em!important;line-height:.82!important;text-transform:uppercase!important;
  text-wrap:balance
}
.hero__copy h1::first-line{color:var(--pb-paper)}
.hero__summary{padding-left:17px;border-left:2px dotted var(--accent);max-width:70ch!important}
.hero__copy p,.section-head p,.panel p{font-size:.92rem;line-height:1.9!important}
.hero-actions{margin-top:26px}
.hero__visual{min-height:650px!important;background:linear-gradient(155deg,#102a38,#07131d 72%)!important;isolation:isolate}
.hero__visual::before{content:"";position:absolute;inset:14px;border:1px solid var(--pb-line);pointer-events:none;z-index:4}
.hero-art{background:
  radial-gradient(circle at 60% 28%,rgba(var(--accent-rgb),.48),transparent 20%),
  conic-gradient(from 220deg at 50% 50%,transparent,rgba(var(--accent-rgb),.18),transparent 48%),
  repeating-radial-gradient(circle at 60% 46%,transparent 0 38px,rgba(255,255,255,.035) 39px 40px)!important}
.hero-layers{padding:17px!important}

.stats-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid var(--pb-line);padding-top:14px}
.stat{position:relative;border-radius:2px!important;background:rgba(255,255,255,.025)!important;border-color:var(--pb-line)!important;overflow:hidden}
.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}
.stat__value{font-family:var(--pb-serif)!important;color:var(--pb-paper)}

.section{position:relative;padding-top:48px!important}
.section-head{display:grid!important;grid-template-columns:minmax(250px,.75fr) minmax(300px,1.25fr)!important;align-items:end!important}
.section-head h2,.panel h2,.manager-hero h1{font-family:var(--pb-serif)!important;font-weight:700!important;letter-spacing:-.035em!important;text-transform:uppercase!important}
.section-head h2{max-width:13ch!important;font-size:clamp(2.5rem,5vw,5rem)!important}
.section-head p{padding-left:24px;border-left:2px dotted var(--accent);max-width:72ch!important}
.panel,.info-card,.split-card,.tool-card,.case-card,.media-card,.video-card,.footer-box,.manager-panel{
  background:
    linear-gradient(145deg,rgba(var(--accent-rgb),.075),transparent 34%),
    rgba(13,34,46,.78)!important;
  backdrop-filter:none
}
.panel{position:relative;overflow:hidden}
.panel::before{content:"";position:absolute;left:0;top:0;width:42%;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}
.info-card,.split-card,.tool-card,.case-card,.media-card,.video-card{transition:transform .28s ease,border-color .28s ease,background .28s ease!important}
.info-card:hover,.split-card:hover,.tool-card:hover,.case-card:hover,.media-card:hover,.video-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.58)!important;background:linear-gradient(145deg,rgba(var(--accent-rgb),.13),rgba(13,34,46,.9))!important}
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.feature-grid>*:nth-child(2n),.case-grid>*:nth-child(2n){transform:translateY(18px)}
.feature-grid>*:nth-child(2n):hover,.case-grid>*:nth-child(2n):hover{transform:translateY(13px)}
.pill{border-radius:2px!important;border:1px solid var(--pb-line)!important;color:var(--pb-paper)!important}
.signal-strip{border-color:var(--pb-line-strong)!important;background:rgba(4,15,22,.48)}
.signal-track span::before{content:"◆";margin-right:18px;color:var(--accent)}

/* media and atlas surfaces */
.media-stage,.catalog-card,.world-card,.library-stage,.library-copy,.library-meta-panel{
  border-radius:4px!important;border-color:var(--pb-line-strong)!important;background:rgba(10,29,40,.78)!important
}
.media-frame,.yt-shell__poster{border-radius:2px!important}
.world-card{overflow:hidden}
.world-overlay{backdrop-filter:none;background:rgba(5,17,25,.72)!important}

/* manager / developer edit */
.manager-shell{padding-top:46px!important}
.manager-hero{position:relative;padding:clamp(28px,4vw,60px)!important;background:linear-gradient(130deg,rgba(var(--accent-rgb),.15),rgba(11,28,40,.88) 48%)!important;overflow:hidden}
.manager-hero::after{content:"DEVELOPER / CONTROL / LAYER";position:absolute;right:18px;bottom:16px;font-size:.56rem;letter-spacing:.25em;color:rgba(255,255,255,.28)}
.manager-hero h1{max-width:24ch!important;font-size:clamp(2.2rem,4.4vw,5rem)!important;line-height:.95!important}
.manager-main{gap:14px!important}
.manager-panel.sidebar{position:sticky!important;top:92px!important;border-left:4px solid var(--accent)!important}
.manager-panel.content{border-top:4px solid var(--accent)!important}
input,textarea,select{
  border-radius:2px!important;background:#071822!important;border:1px solid var(--pb-line-strong)!important;color:var(--pb-paper)!important
}
input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13)!important}
.status-bar{border-radius:2px!important}

/* footer */
footer,.site-footer{position:relative;border-top:1px solid var(--pb-line-strong)!important;background:#06121b!important}
.footer-box{overflow:hidden}
.footer-box::after{content:"PULSEBOARD FUSION";position:absolute;right:-10px;bottom:-18px;font:700 clamp(2rem,7vw,7rem)/1 var(--pb-serif);color:rgba(255,255,255,.025);white-space:nowrap}

/* mobile command drawer inspired by the supplied full menu */
.mobile-menu{
  top:74px!important;right:10px!important;left:auto!important;bottom:10px!important;width:min(92vw,460px)!important;max-height:none!important;
  padding:22px!important;border-radius:4px!important;border:1px solid var(--pb-line-strong)!important;
  background:linear-gradient(155deg,rgba(14,37,50,.98),rgba(5,16,24,.99))!important;
  box-shadow:-28px 30px 90px rgba(0,0,0,.5)!important;overflow:auto!important
}
.mobile-menu::before{content:"PROJECT LANES";display:block;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--pb-line);color:var(--accent);font-size:.63rem;font-weight:900;letter-spacing:.25em}
.mobile-menu a,.mobile-menu__action{border-radius:2px!important;border-left:2px solid transparent!important;background:rgba(255,255,255,.028)!important;color:var(--pb-paper)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:.72rem!important;font-weight:800!important}
.mobile-menu a:hover,.mobile-menu a.is-active,.mobile-menu__action:hover{border-left-color:var(--accent)!important;background:rgba(var(--accent-rgb),.1)!important;color:#fff!important}
.mobile-menu__shell{border-radius:2px!important;background:linear-gradient(145deg,rgba(var(--accent-rgb),.14),transparent)!important;border-color:var(--pb-line)!important}
.mobile-menu__brandmark{border-radius:2px!important;background:var(--accent)!important;box-shadow:0 0 28px rgba(var(--accent-rgb),.5)!important}

/* external farm link marker */
a[data-external-farm="true"]{position:relative}
a[data-external-farm="true"]::after{content:"↗";margin-left:.45em;color:var(--accent);font-size:.88em}

/* loader */
.loader{background:#06131d!important}
.loader__inner{border-left:5px solid var(--accent);padding-left:24px}
.loader__label{font-family:var(--pb-serif)!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.loader__bar{border-radius:0!important}
.loader__bar span{background:var(--accent)!important}

@media (max-width:1180px){
  .nav{max-width:58vw;overflow-x:auto;scrollbar-width:none}
  .hero__grid{grid-template-columns:1fr 1fr!important}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:980px){
  body::after{display:none}
  .hero__grid{grid-template-columns:1fr!important}
  .hero__copy,.hero__visual{min-height:auto!important}
  .section-head{grid-template-columns:1fr!important;align-items:start!important}
  .section-head p{padding-left:17px}
  .feature-grid>*:nth-child(2n),.case-grid>*:nth-child(2n){transform:none}
  .manager-panel.sidebar{position:relative!important;top:auto!important}
}
@media (max-width:860px){
  .site-header{padding-inline:14px!important}
  .header-tools>.chip,.header-tools>.button,.header-tools>.ghost-button{display:none!important}
  .brand span:first-child{font-size:.92rem!important}
  .mobile-menu{display:grid!important}
}
@media (max-width:640px){
  .shell{width:min(calc(100% - 18px),1460px)!important}
  .hero{padding-top:30px!important}
  .hero__copy{padding:30px 22px 36px!important}
  .hero__copy h1{font-size:clamp(2.75rem,15vw,5rem)!important;line-height:.86!important}
  .hero__visual{min-height:520px!important}
  .hero-layers{grid-template-columns:1fr!important}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .section{padding-bottom:64px!important}
  .section-head h2{font-size:clamp(2.25rem,13vw,4rem)!important}
  .feature-grid,.case-grid,.tool-grid,.rail-grid{grid-template-columns:1fr!important}
  .mobile-menu{right:5px!important;left:5px!important;width:auto!important;bottom:5px!important;padding:17px!important}
  .manager-hero h1{font-size:clamp(2rem,11vw,3.35rem)!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}