/* Minimal PITR PC visual system */
:root{
  --ink:#111827;
  --paper:#f7f7f3;
  --green:#2d7d46;
  --orange:#ef4b35;
  --blue:#eef3f7;
  --cream:#f5ce61;
  --line:#d9dee2;
  --muted:#68737d;
}
body{background:var(--paper);color:var(--ink)}
.site-header{height:74px;padding:0 5vw;background:rgba(247,247,243,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.brand{gap:9px;color:var(--ink);font-size:15px;letter-spacing:.02em}
.brand>span:last-child span{color:var(--orange)}
.brand-mark{width:34px;height:34px;background:var(--ink);border-radius:50%;box-shadow:none;transform:none}
.brand-mark img{width:31px;height:40px;transform:translateY(5px);filter:none}
.nav-links{gap:28px;color:var(--muted)}
.nav-links a:hover{color:var(--orange)}
.auth-trigger{height:36px;border-color:var(--ink);color:var(--ink);margin-right:12px}
.auth-trigger:hover{background:var(--ink);color:var(--paper)}
.icon-button{height:36px;border-color:var(--line);color:var(--ink);background:#fff}
.status-dot,.pulse{background:var(--green);box-shadow:none}
.hero{min-height:calc(100vh - 74px);grid-template-columns:.9fr 1.1fr;gap:4vw;padding-top:38px;padding-bottom:42px;background:var(--paper)}
.hero:before{background:radial-gradient(circle at 80% 35%,rgba(245,206,97,.28),transparent 25%);opacity:.8}
.eyebrow{color:var(--orange);font-size:9px}
.eyebrow-line{background:var(--orange);width:24px}
h1,h2{font-size:clamp(48px,6.7vw,104px);line-height:.94;margin:24px 0 24px;color:var(--ink)}
h1 em,h2 em{color:var(--orange)}
.hero-text{max-width:390px;color:var(--muted);font-size:13px}
.hero-actions{gap:18px;margin-top:28px}
.button{padding:13px 15px}
.button-primary{background:var(--orange);box-shadow:3px 3px 0 var(--ink)}
.button-primary:hover{box-shadow:1px 1px 0 var(--ink)}
.text-link{color:var(--muted)}
.hero-proof{margin-top:38px}
.hero-visual{min-height:500px}
.hero-grid{inset:5% 8%;background-image:linear-gradient(rgba(17,24,39,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.07) 1px,transparent 1px);background-size:32px 32px}
.hero-label{top:7%;right:8%;color:var(--muted)}
.peter-mascot{left:4%;top:10%;width:min(21vw,210px);max-height:360px;filter:drop-shadow(8px 10px 0 rgba(17,24,39,.1))}
.pc-tower{width:min(29vw,280px);min-width:210px;filter:drop-shadow(16px 22px 24px rgba(17,24,39,.18))}
.tower-body{height:360px;border-color:#253b54;box-shadow:inset 0 0 0 1px var(--cream)}
.hero-spec-card{left:3%;bottom:7%;padding:12px 15px;background:rgba(17,24,39,.94);border-left:2px solid var(--orange);box-shadow:6px 6px 0 rgba(17,24,39,.12)}
.floating-tag{padding:9px 11px;background:#fff;border-color:var(--line);box-shadow:3px 3px 0 rgba(17,24,39,.08)}
.ticker{padding:14px 5vw;background:var(--ink);color:var(--paper);font-size:9px}
.ticker span{color:var(--cream)}
.configurator{grid-template-columns:.9fr 1.1fr;gap:8vw;padding-top:92px;padding-bottom:92px;background:#e9f0f4;color:var(--ink)}
.config-intro h2{font-size:clamp(54px,6.5vw,92px)}
.config-intro p{color:var(--muted)}
.config-orbit{width:150px;height:150px;margin-top:42px;border-color:#a8bac7}
.config-panel{max-width:560px;padding:26px;background:var(--ink);box-shadow:10px 10px 0 rgba(17,24,39,.12)}
.panel-title{color:var(--cream)}
.config-panel h3{font-size:25px;margin:34px 0 20px}
.choice{padding:13px;background:#182435;border-color:#314256}
.choice:hover,.choice.active{border-color:var(--cream);color:var(--cream)}
.budget-row strong{color:var(--cream)}
.budget-row input{accent-color:var(--cream)}
.process{padding-top:92px;padding-bottom:96px;background:var(--paper)}
.process-heading h2{color:var(--ink)}
.process-heading h2 em{color:var(--orange)}
.step{border-color:var(--line)}
.step:not(:last-child){border-color:var(--line)}
.step h3{color:var(--ink)}
.step p{color:var(--muted)}
.step>span{color:var(--orange)}
.site-footer{padding-top:24px;padding-bottom:24px;color:var(--muted);border-top:1px solid var(--line)}
.site-footer .brand{color:var(--ink)}
.chat-panel{right:18px;bottom:18px;box-shadow:0 14px 45px rgba(17,24,39,.18)}
.chat-header{background:var(--ink)}
.chat-form button{background:var(--orange)}
.message.user{background:var(--cream)}
.auth-modal{box-shadow:10px 10px 0 rgba(239,75,53,.15)}
@media(max-width:850px){
  .hero{grid-template-columns:1fr;padding-top:52px}
  .hero-visual{min-height:470px}
  .peter-mascot{left:0;top:8%;width:160px}
  .pc-tower{width:250px}
  .configurator{grid-template-columns:1fr;gap:42px}
}
@media(max-width:560px){
  .site-header{padding:0 20px}
  .hero{padding-top:42px}
  .hero h1{font-size:50px}
  .hero-visual{min-height:400px}
  .peter-mascot{width:130px}
  .pc-tower{min-width:195px;width:57vw}
  .tower-body{height:300px}
  .configurator{padding-top:68px;padding-bottom:70px}
}

/* Black site / light logo */
:root{
  --ink:#f4f5f2;
  --paper:#090b0d;
  --green:#8ed081;
  --orange:#ff5540;
  --blue:#121820;
  --cream:#f4e6a3;
  --line:#293039;
  --muted:#98a2aa;
}
body{background:var(--paper);color:var(--ink)}
.site-header{background:rgba(9,11,13,.92);border-bottom-color:var(--line)}
.brand{color:var(--ink)}
.brand>span:last-child span{color:var(--cream)}
.brand-mark{background:#f4f5f2;border:1px solid #fff}
.brand-mark img{mix-blend-mode:multiply}
.nav-links{color:#aab3ba}
.nav-links a:hover{color:var(--cream)}
.auth-trigger{border-color:var(--cream);color:var(--cream)}
.auth-trigger:hover{background:var(--cream);color:#090b0d}
.icon-button{background:#11151a;border-color:var(--line);color:var(--ink)}
.hero{background:#090b0d}
.hero:before{background:radial-gradient(circle at 80% 35%,rgba(244,230,163,.12),transparent 25%),radial-gradient(circle at 10% 20%,rgba(255,85,64,.08),transparent 23%)}
h1,h2{color:var(--ink)}
.hero-text,.text-link{color:var(--muted)}
.hero-proof strong{color:var(--ink)}
.hero-proof small{color:#7e8992}
.hero-grid{background-image:linear-gradient(rgba(244,245,242,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(244,245,242,.07) 1px,transparent 1px)}
.hero-label{color:#98a2aa}
.hero-spec-card{background:rgba(9,11,13,.94)}
.floating-tag{background:#11151a;border-color:var(--line);color:var(--ink)}
.floating-tag small{color:#98a2aa}
.ticker{background:#f4e6a3;color:#090b0d}
.configurator{background:#111820;color:var(--ink)}
.config-intro p{color:#aab8c2}
.config-panel{background:#090b0d;box-shadow:10px 10px 0 rgba(0,0,0,.4)}
.choice{background:#11151a;border-color:#293039;color:#aab3ba}
.choice:hover,.choice.active{border-color:var(--cream);color:var(--cream)}
.process{background:#090b0d}
.process-heading h2{color:var(--ink)}
.step h3{color:var(--ink)}
.step p{color:#98a2aa}
.step,.step:not(:last-child){border-color:var(--line)}
.site-footer{background:#090b0d;border-top-color:var(--line);color:#7e8992}
.site-footer .brand{color:var(--ink)}
.auth-backdrop{background:rgba(0,0,0,.82)}
.auth-modal{
  background:#101419;
  color:#f4f5f2;
  border:1px solid #293039;
  box-shadow:12px 12px 0 rgba(255,85,64,.16);
}
.auth-close{color:#98a2aa}
.auth-kicker{color:#8ed081}
.auth-modal h2{color:#f4f5f2}
.auth-modal h2 em{color:#f4e6a3}
.auth-tabs{border-bottom-color:#293039}
.auth-tab{color:#7e8992}
.auth-tab.active{color:#f4f5f2;border-bottom-color:#ff5540}
.auth-form label{color:#cbd1d4}
.auth-form input{
  border-color:#293039;
  background:#171c22;
  color:#f4f5f2;
}
.auth-form input::placeholder{color:#74808a}
.auth-form input:focus{
  border-color:#8ed081;
  box-shadow:0 0 0 3px rgba(142,208,129,.14);
}
.auth-error{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid rgba(255,85,64,.75);
  background:rgba(255,85,64,.12);
  color:#ff9c8f;
  font-size:11px;
  line-height:1.45;
}
.auth-divider{color:#7e8992}
.auth-divider:before,.auth-divider:after{background:#293039}
.social-button{
  border-color:#293039;
  background:#171c22;
  color:#f4f5f2;
}
.social-button:hover{border-color:#f4e6a3}
.auth-note{color:#7e8992}
.chat-panel{background:#101419;color:#f4f5f2;border:1px solid #293039}
.chat-header{background:#111820}
.chat-form button{background:var(--orange);color:#fff}
.message.user{background:var(--cream);color:#111820}
.toast{background:var(--cream);color:#111820}