/* PITR PC cartoon direction */
:root{--ink:#172b46;--paper:#fffdf8;--green:#2d7d46;--orange:#e34832;--blue:#2f6fae;--cream:#f7d36b;--line:#dbe4eb}
body{background:var(--paper);color:var(--ink)}
.site-header{background:rgba(23,43,70,.94);border-bottom-color:rgba(255,248,233,.18)}
.brand-mark{background:var(--cream);color:var(--ink);border-radius:50%;transform:rotate(-8deg);overflow:hidden}
.brand-mark img{width:32px;height:42px;object-fit:contain;object-position:center 10%;transform:rotate(8deg) translateY(5px)}
.brand>span:last-child span,.nav-links a:hover{color:var(--cream)}
.nav-links{color:#dbe7f2}
.icon-button{border-color:rgba(255,248,233,.3);color:var(--paper)}
.auth-trigger{border-color:var(--cream);color:var(--cream)}
.auth-trigger:hover{background:var(--cream);color:var(--ink)}
.hero{background:var(--paper);position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(247,211,107,.45),transparent 31%),radial-gradient(circle at 10% 20%,rgba(227,72,50,.12),transparent 23%);z-index:-1}
.eyebrow{color:var(--orange)}
.eyebrow-line{background:var(--orange)}
h1,h2{letter-spacing:-.025em}
h1 em,h2 em{color:var(--blue);font-family:var(--sans);font-weight:800}
.hero-text{color:#49617a}
.button-primary{background:var(--orange);color:var(--paper);box-shadow:5px 5px 0 var(--ink)}
.button-primary:hover{box-shadow:2px 2px 0 var(--ink)}
.text-link{color:#49617a}
.text-link span{color:var(--orange)}
.hero-proof strong{color:var(--ink)}
.hero-proof small{color:#6f8191}
.avatar-stack span{border-color:var(--paper)}
.hero-visual{min-height:600px}
.hero-grid{background-image:linear-gradient(rgba(23,43,70,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,43,70,.12) 1px,transparent 1px);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}
.hero-label{color:#49617a}
.pc-tower{filter:drop-shadow(20px 28px 28px rgba(23,43,70,.3))}
.tower-body{border-color:#284666;box-shadow:inset 0 0 0 1px var(--cream)}
.tower-glass{background:linear-gradient(125deg,rgba(47,111,174,.6),rgba(23,43,70,.94) 60%,rgba(227,72,50,.22))}
.rgb-bar{background:linear-gradient(var(--cream),var(--orange),#62b6d7);box-shadow:0 0 20px var(--cream)}
.cooler i{border-color:#62b6d7;background:radial-gradient(circle,#fff8e9 0 8%,#173453 10% 30%,transparent 32% 40%,#62b6d7 42% 45%,transparent 47%)}
.gpu{background:var(--cream);color:var(--ink);box-shadow:7px 7px 0 #0f2138}
.hero-spec-card{border-left-color:var(--orange);background:rgba(23,43,70,.92);box-shadow:8px 8px 0 rgba(23,43,70,.14)}
.micro-label,.tag-icon{color:var(--cream)}
.floating-tag{border-color:rgba(23,43,70,.18);background:rgba(255,248,233,.94);color:var(--ink);box-shadow:5px 5px 0 rgba(23,43,70,.12)}
.floating-tag small{color:#6f8191}
.peter-sticker{display:none}
.peter-mascot{position:absolute;z-index:6;left:2%;top:9%;width:min(25vw,250px);max-height:420px;object-fit:contain;filter:drop-shadow(12px 16px 0 rgba(23,43,70,.16));animation:mascot-float 4.5s ease-in-out infinite}
.ticker{background:var(--cream);color:var(--ink)}
.configurator{background:var(--blue);color:var(--paper)}
.config-intro p{color:#e2edf4}
.config-panel{background:var(--ink);box-shadow:18px 18px 0 rgba(23,43,70,.2)}
.panel-title{color:var(--cream)}
.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{background:var(--ink)}
.process-heading h2 em{color:var(--cream)}
.step{border-color:#3e5873}
.step:not(:last-child){border-color:#3e5873}
.step>span{color:var(--cream)}
.chat-header{background:var(--ink)}
.chat-form button{background:var(--orange);color:var(--paper)}
.message.user{background:var(--cream)}
.auth-backdrop{background:rgba(23,43,70,.76)}
.auth-modal{box-shadow:20px 20px 0 rgba(227,72,50,.2)}
.auth-tab.active{border-color:var(--orange)}
.social-button:hover{border-color:var(--orange)}
.toast{background:var(--cream)}
.verify-form[hidden]{display:none}
.verify-form label{display:block;font-size:11px;font-weight:800;margin-top:14px}
.verify-form input{display:block;width:100%;border:1px solid #d2d5ce;background:#fff;color:var(--ink);padding:13px 12px;margin-top:7px;outline:none;font-size:16px;letter-spacing:.18em;text-align:center}
.verify-form .button{width:100%;margin-top:20px}
.verify-form small{display:block;color:#89928b;font-size:10px;text-align:center;margin-top:14px}
.auth-form[hidden]{display:none}
body{letter-spacing:0}
@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:850px){.peter-mascot{left:-2%;top:6%;width:170px;max-height:300px}.hero-visual{min-height:510px}}
@media(max-width:560px){.peter-mascot{left:-4%;top:5%;width:135px;max-height:240px}.hero-visual{min-height:430px}}