/*
Theme Name: Junkpile Hardware Intelligence
Theme URI: https://hi.junkpile.rocks/
Author: Frankenstein Junkpile / Support Hemma
Description: Ett eget, responsivt WordPress-tema för Junkpile Hardware Intelligence. Fristående från naglar.online och från hårdvaru-API:t.
Version: 0.1.2
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: junkpile-hi
*/
:root{--hi-ink:#172338;--hi-muted:#53657c;--hi-navy:#0c1628;--hi-navy2:#14253c;--hi-teal:#27c8b8;--hi-blue:#357cdf;--hi-sky:#b0e8ef;--hi-border:#e0e8ef;--hi-white:#fff;--hi-soft:#f4f8fb;--hi-shadow:0 24px 75px rgba(20,47,86,.12)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--hi-ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{color:#1569b3}button,input{font:inherit}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #16afaa;outline-offset:4px}::selection{background:#a8efe9;color:#132135}.hi-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.hi-icon{height:22px;width:22px;flex:none;vertical-align:middle}.hi-skip{position:absolute;top:-100px;left:12px;background:#fff;color:#111;z-index:300;padding:10px 18px}.hi-skip:focus{top:12px}.hi-header{position:sticky;top:0;z-index:100;background:rgba(12,22,40,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.admin-bar .hi-header{top:32px}.hi-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:83px;gap:30px}.hi-brand,.hi-footer-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.hi-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#3dd6d4,#477fd8);font-size:17px;font-weight:900;letter-spacing:-3px;color:#0c1e2e;box-shadow:0 8px 30px rgba(36,207,192,.22);padding-right:4px}.hi-mark span{color:white;transform:translateX(2px)}.hi-brandtext{display:flex;flex-direction:column;line-height:1.13;color:#fff}.hi-brandtext strong{font-size:17px;letter-spacing:.04em}.hi-brandtext em{font-style:normal;color:#52d9ce}.hi-brandtext small{font-size:9px;letter-spacing:2.75px;opacity:.7;margin-top:5px}.hi-nav{display:flex;align-items:center;gap:26px}.hi-nav a{color:#c9d8e8;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}.hi-nav a:hover,.hi-nav a[aria-current]{color:#53dbd1}.hi-nav .hi-nav-cta{border:1px solid rgba(89,220,209,.4);padding:11px 15px;border-radius:10px;color:white;display:flex;align-items:center;gap:8px}.hi-nav-cta .hi-icon{width:16px;height:16px}.hi-menu{display:none;background:none;border:1px solid rgba(255,255,255,.3);border-radius:9px;color:white;min-height:44px;width:48px;align-items:center;justify-content:center}
.hi-hero{color:white;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 26%,rgba(35,133,177,.32),transparent 30%),radial-gradient(circle at 18% 84%,rgba(24,197,176,.14),transparent 34%),linear-gradient(124deg,#0b1526,#152b44 90%)}.hi-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(136,207,226,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(136,207,226,.14) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 45%,#000)}.hi-hero-inner{min-height:635px;padding:83px 0 96px;display:grid;grid-template-columns:1.03fr .97fr;gap:55px;align-items:center;position:relative;z-index:1}.hi-eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:800;text-transform:uppercase;color:#35c9c4}.hi-hero h1{margin:20px 0 20px;max-width:640px;font-size:clamp(42px,5.6vw,73px);line-height:1.065;letter-spacing:-.055em;font-weight:800}.hi-hero h1 .hi-gradient{background:linear-gradient(95deg,#9aebec,#5ed1da 50%,#91b9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hi-hero-intro{max-width:520px;font-size:18px;color:#c9d9e8;margin:0 0 28px}.hi-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hi-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;border-radius:12px;padding:12px 19px;font-size:14px;font-weight:750;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,background .2s ease,color .2s ease}.hi-button:hover{transform:translateY(-2px);color:inherit}.hi-button .hi-icon{width:18px;height:18px}.hi-button-primary{background:#39d3c6;color:#102333}.hi-button-primary:hover{background:#8cf0e5;color:#102333}.hi-button-light{background:#176f88;color:#fff}.hi-button-light:hover{background:#205f76;color:#fff}.hi-button-outline{border-color:rgba(210,231,245,.28);color:#effaff;background:rgba(255,255,255,.06)}.hi-button-outline:hover{background:rgba(255,255,255,.12);color:white}.hi-button-dark{background:#10283b;color:white}.hi-button-dark:hover{background:#244f69;color:#fff}.hi-note{display:flex;gap:9px;align-items:center;margin-top:28px;color:#a4bdcb;font-size:12px}.hi-note .hi-icon{width:17px;height:17px;color:#6cdfd2}
.hi-demo-wrap{position:relative;padding:24px}.hi-glow{position:absolute;inset:13% 2%;border-radius:50%;filter:blur(48px);background:rgba(43,189,197,.2)}.hi-demo{position:relative;background:linear-gradient(145deg,#fbfeff,#ecf5fa);border-radius:19px;box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.7);padding:0;color:#1b2e40;transform:rotate(-1.8deg)}.hi-demo-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #dce8ed;gap:8px}.hi-demo-bar-title{display:flex;align-items:center;gap:9px;font-weight:800;font-size:12px}.hi-mini-mark{width:26px;height:26px;background:#113b54;border-radius:8px;display:grid;place-items:center;color:#79eadf;font-weight:900;font-size:13px}.hi-demo-tag{font-size:10px;color:#316472;background:#d9f6f1;border-radius:999px;padding:5px 10px;font-weight:750}.hi-demo-content{padding:24px 21px}.hi-demo-kicker{font-size:10px;letter-spacing:1.8px;color:#56727a;text-transform:uppercase;font-weight:800}.hi-demo-h{font-size:25px;line-height:1.2;margin:8px 0 19px;letter-spacing:-.04em}.hi-device{display:flex;gap:12px;align-items:center;border:1px solid #dfebf1;background:white;border-radius:12px;padding:12px 13px;margin:9px 0}.hi-device-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#e9f8f4;color:#18857a}.hi-device-icon.is-review{background:#fff5e3;color:#b76c16}.hi-device-text{display:flex;flex:1;flex-direction:column;line-height:1.35}.hi-device-text strong{font-size:12px}.hi-device-text span{font-size:11px;color:#597183;margin-top:3px}.hi-device-status{font-weight:800;font-size:10px;color:#258475}.hi-device-status.is-review{color:#b07823}.hi-algot{margin-top:14px;background:#e6f2f7;border-radius:11px;padding:13px;display:flex;align-items:flex-start;gap:10px}.hi-algot .hi-icon{color:#16788b}.hi-algot strong{font-size:12px}.hi-algot p{margin:3px 0 0;font-size:11px;line-height:1.6;color:#526b7b}.hi-demo-caption{text-align:center;color:#8ba9bd;font-size:11px;margin-top:15px}
.hi-overline{font-weight:800;color:#148e91;font-size:11px;letter-spacing:2.4px;text-transform:uppercase}.hi-section{padding:92px 0}.hi-section-soft{background:var(--hi-soft)}.hi-section-dark{background:#0e1a2d;color:#f2f7fb}.hi-section-header{max-width:740px;margin-bottom:36px}.hi-center{text-align:center;margin-inline:auto}.hi-section h2,.hi-page-hero h1{font-size:clamp(32px,4.1vw,52px);line-height:1.13;letter-spacing:-.046em;margin:12px 0 16px}.hi-section-header p,.hi-page-hero p{font-size:17px;color:var(--hi-muted);margin:0}.hi-section-dark .hi-section-header p{color:#b8cbdb}.hi-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hi-card{border:1px solid var(--hi-border);padding:30px;border-radius:18px;background:white;box-shadow:0 12px 28px rgba(24,54,83,.035)}.hi-card .hi-card-icon{height:46px;width:46px;border-radius:13px;display:grid;place-items:center;color:#09867f;background:#e2f8f3}.hi-card h3{margin:21px 0 8px;font-size:20px;letter-spacing:-.025em}.hi-card p{font-size:14px;color:var(--hi-muted);margin:0}.hi-card a{display:inline-flex;align-items:center;gap:7px;margin-top:20px;text-decoration:none;color:#146c8c;font-size:13px;font-weight:800}.hi-card a .hi-icon{width:16px;height:16px}.hi-card .hi-card-sub{font-weight:750;color:#146b79;font-size:12px;letter-spacing:.02em;margin:0}
.hi-principles{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hi-principle{display:flex;align-items:flex-start;gap:16px;padding:23px;border:1px solid #dfebf0;background:#fff;border-radius:14px}.hi-principle .hi-icon{color:#0a8d86;width:25px;height:25px;margin-top:2px}.hi-principle h3{margin:0 0 5px;font-size:16px}.hi-principle p{margin:0;color:#576c7c;font-size:14px}.hi-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hi-step{position:relative;padding:28px;border:1px solid rgba(255,255,255,.13);background:#192c43;border-radius:18px}.hi-step .hi-step-n{font-size:12px;font-weight:900;color:#50ded1;letter-spacing:2px}.hi-step h3{font-size:21px;margin:16px 0 10px;letter-spacing:-.03em}.hi-step p{margin:0;color:#adc3d3;font-size:14px}.hi-step .hi-status{display:inline-block;margin-top:26px;background:rgba(107,218,205,.13);color:#88ebe2;padding:6px 12px;border-radius:30px;font-weight:700;font-size:11px}.hi-step .hi-status.is-future{background:rgba(255,255,255,.08);color:#bdcdd9}.hi-cta{padding:78px 0;background:linear-gradient(115deg,#dff7f5,#e6f0ff)}.hi-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.hi-cta h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.15;margin:8px 0 10px}.hi-cta p{color:#4b647a;margin:0;max-width:620px}
.hi-page-hero{padding:86px 0 72px;background:linear-gradient(115deg,#f5fbfd,#edf4fb);border-bottom:1px solid #deecf2}.hi-page-hero .hi-lead{max-width:760px}.hi-page-hero h1{max-width:920px}.hi-prose{max-width:805px}.hi-prose p{color:#4b6074;font-size:17px}.hi-prose h2{font-size:30px;letter-spacing:-.035em;margin:36px 0 10px}.hi-prose strong{color:#21384b}.hi-prose ul{padding-left:23px;color:#526579}.hi-prose li{margin:7px 0}.hi-highlight{background:#e8f9f7;border-left:4px solid #27b5a7;padding:22px 26px;border-radius:0 12px 12px 0;margin:26px 0;font-weight:650;color:#24505a}.hi-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hi-feature{padding:30px;border-radius:17px;border:1px solid var(--hi-border);background:#fff}.hi-feature .hi-card-icon{height:46px;width:46px;display:grid;place-items:center;border-radius:12px;background:#e4f7f4;color:#138b84}.hi-feature h3{font-size:19px;margin:16px 0 9px}.hi-feature p{font-size:14px;color:#586d7d;line-height:1.7;margin:0}.hi-quote{padding:48px 38px;margin:52px 0;background:#13273b;border-radius:20px;text-align:center;color:#eaf8fb;font-size:clamp(23px,2.6vw,34px);line-height:1.4;letter-spacing:-.025em;font-weight:700}.hi-quote small{display:block;margin-top:16px;color:#76ded4;font-size:13px;letter-spacing:.08em}
.hi-plan-label{display:inline-block;padding:6px 11px;border-radius:999px;background:#e6f7f5;font-size:11px;font-weight:800;color:#16837a}.hi-editions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hi-edition{background:#fff;border-radius:16px;border:1px solid var(--hi-border);padding:27px 21px;position:relative}.hi-edition.is-primary{border:2px solid #37c6b9;box-shadow:var(--hi-shadow);padding:26px 20px}.hi-edition h3{font-size:21px;margin:17px 0 5px;letter-spacing:-.035em}.hi-edition p{font-size:13px;color:#546c7d;margin:0}.hi-edition .hi-audience{font-size:12px;font-weight:800;color:#147c89;margin-bottom:15px}.hi-edition ul{padding-left:19px;margin:21px 0 0;color:#506777;font-size:13px}.hi-edition li{margin:10px 0}.hi-edition .hi-license{margin-top:24px;padding-top:15px;border-top:1px solid #e5ecf0;font-size:12px;color:#31485d;font-weight:800}.hi-warning{display:flex;gap:12px;align-items:flex-start;padding:21px;border-radius:13px;background:#fff8ed;border:1px solid #ffe0ae;color:#72532b;margin-top:32px;font-size:14px}.hi-warning .hi-icon{margin-top:1px;color:#ad7928}
.hi-timeline{border-left:2px solid #d8edf0;margin-left:15px;padding-left:32px}.hi-timeline-item{position:relative;padding-bottom:43px}.hi-timeline-item:before{content:"";position:absolute;left:-42px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid #2dc4b8}.hi-timeline-item.is-later:before{border-color:#bacbd8}.hi-timeline-item h3{font-size:22px;letter-spacing:-.025em;margin:8px 0 8px}.hi-timeline-item p{color:#566d7f;max-width:790px;margin:0}.hi-timeline-item .hi-overline{display:block;font-size:10px}.hi-tablewrap{overflow-x:auto;border:1px solid #e0ebf0;border-radius:14px}.hi-table{width:100%;border-collapse:collapse;font-size:14px}.hi-table th,.hi-table td{text-align:left;padding:15px 18px;vertical-align:top;border-bottom:1px solid #e6eef3}.hi-table th{font-weight:800;background:#e9f6f6}.hi-table tr:last-child td{border:0}.hi-table td:last-child{color:#556979}
.hi-footer{background:#0b1423;color:#d8e8f2;padding:58px 0 24px}.hi-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.hi-footer-brand{color:white}.hi-footer p{font-size:14px;color:#a8bbc9;margin:13px 0 0}.hi-footer .hi-small{font-size:12px;max-width:360px}.hi-mark-small{width:34px;height:34px;font-size:13px;border-radius:9px}.hi-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hi-footer-links strong{font-size:13px;color:white;margin-bottom:7px}.hi-footer-links a{font-size:13px;text-decoration:none;color:#b2c4d2}.hi-footer-links a:hover{color:#6de5d7}.hi-footer-bottom{margin-top:45px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:10px;color:#849cad;font-size:12px}.hi-posts{display:grid;gap:20px}.hi-post{padding-bottom:20px;border-bottom:1px solid #e6eef3}.hi-post h2{font-size:22px}.hi-post a{text-decoration:none}.hi-not-found{text-align:center;padding:95px 20px}
@media(max-width:1080px){.hi-editions{grid-template-columns:repeat(2,minmax(0,1fr))}.hi-nav{gap:15px}.hi-nav a{font-size:12px}.hi-hero-inner{gap:15px}.hi-demo-wrap{padding:7px}.hi-hero h1{font-size:clamp(39px,5.2vw,65px)}}
@media(max-width:780px){.admin-bar .hi-header{top:46px}.hi-container{width:min(100% - 36px,1180px)}.hi-header-inner{min-height:73px}.hi-menu{display:flex}.hi-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0e1c30;border-top:1px solid rgba(255,255,255,.12);padding:12px 18px 19px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 40px rgba(0,0,0,.25)}.hi-nav.is-open{display:flex}.hi-nav a{font-size:15px;min-height:47px;display:flex;align-items:center;padding:10px 12px}.hi-nav .hi-nav-cta{margin-top:8px;justify-content:center}.hi-hero-inner{grid-template-columns:1fr;gap:32px;padding:66px 0 62px}.hi-hero h1{font-size:clamp(39px,9vw,64px)}.hi-demo-wrap{max-width:560px;margin-inline:auto;width:100%}.hi-section{padding:66px 0}.hi-card-grid,.hi-step-grid{grid-template-columns:1fr}.hi-principles,.hi-two-col{grid-template-columns:1fr}.hi-cta-inner{flex-direction:column;align-items:flex-start}.hi-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.hi-footer-grid>div:first-child{grid-column:1/-1}.hi-page-hero{padding:65px 0 55px}}
@media(max-width:480px){.hi-container{width:calc(100% - 30px)}.hi-brandtext strong{font-size:14px}.hi-brandtext small{font-size:7px;letter-spacing:2px}.hi-mark{width:38px;height:38px;font-size:14px}.hi-hero h1{font-size:40px}.hi-hero-intro{font-size:16px}.hi-demo-content{padding:18px 13px}.hi-demo-bar{padding:13px}.hi-demo-h{font-size:22px}.hi-card{padding:24px}.hi-editions{grid-template-columns:1fr}.hi-section h2,.hi-page-hero h1{font-size:34px}.hi-quote{padding:32px 20px}.hi-footer-grid{grid-template-columns:1fr}.hi-footer-grid>div:first-child{grid-column:auto}.hi-footer-bottom{flex-direction:column}.hi-hero .hi-note{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* One-page anchor navigation: do not hide the section headings beneath the sticky header. */
#main section[id]{scroll-margin-top:105px}
.admin-bar #main section[id]{scroll-margin-top:145px}
@media(max-width:780px){#main section[id]{scroll-margin-top:95px}.admin-bar #main section[id]{scroll-margin-top:145px}}

/* v0.1.2 – newsletter interest area (presentation only; no personal data collection). */
.hi-newsletter{position:relative;overflow:hidden;padding:82px 0;background:linear-gradient(115deg,#eefaf8 0%,#eff5ff 100%);border-top:1px solid #e0eeee}
.hi-newsletter::after{content:"";position:absolute;width:370px;height:370px;border-radius:50%;right:-185px;top:-210px;background:radial-gradient(circle,rgba(37,184,173,.16),transparent 71%);pointer-events:none}
.hi-newsletter-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);position:relative;z-index:1}
.hi-newsletter h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.047em;line-height:1.14;margin:10px 0 15px}
.hi-newsletter-lead{max-width:520px;color:#4b647a;font-size:17px;margin:0 0 15px}
.hi-newsletter-list{color:#4d6877;font-size:14px;margin:13px 0 0;padding:0;list-style:none}
.hi-newsletter-list li{display:flex;align-items:center;gap:9px;margin-top:9px}
.hi-newsletter-list .hi-icon{width:18px;height:18px;color:#0c9282}
.hi-newsletter-box{background:#fff;border:1px solid #d7e8e8;border-radius:20px;box-shadow:0 16px 55px rgba(21,62,88,.09);padding:clamp(24px,3vw,35px)}
.hi-newsletter-box h3{margin:0 0 9px;font-size:23px;line-height:1.25;letter-spacing:-.03em}
.hi-newsletter-box>p{margin:0 0 20px;font-size:14px;color:#577083}
.hi-newsletter-label{display:block;font-size:13px;font-weight:750;margin-bottom:8px;color:#283f53}
.hi-newsletter-controls{display:flex;align-items:stretch;gap:9px}
.hi-newsletter-input{min-width:0;flex:1;border:1px solid #cad9e1;border-radius:11px;padding:12px 14px;font-size:15px;min-height:49px;background:white;color:#172d3f}
.hi-newsletter-input:focus-visible{outline:3px solid #73d6d1;outline-offset:2px;border-color:#1d968e}
.hi-newsletter-button{border:0;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:800;background:#143950;color:#fff;white-space:nowrap}
.hi-newsletter-button:disabled{cursor:not-allowed;opacity:.72}
.hi-newsletter-state{display:flex;gap:7px;align-items:flex-start;margin-top:13px;color:#557080;font-size:12px;line-height:1.6}
.hi-newsletter-state .hi-icon{width:16px;height:16px;flex:none;margin-top:1px}
@media(max-width:930px){.hi-newsletter-inner{grid-template-columns:1fr;gap:25px}.hi-newsletter-lead{max-width:680px}}
@media(max-width:520px){.hi-newsletter{padding:65px 0}.hi-newsletter-controls{flex-direction:column}.hi-newsletter-button{min-height:46px}.hi-newsletter-box{padding:24px 19px}}

.hi-hero-updates{display:inline-flex;align-items:center;gap:7px;margin-top:20px;text-decoration:none;color:#8dece5;font-size:14px;font-weight:750}
.hi-hero-updates:hover{color:#d8fffc}
.hi-hero-updates .hi-icon{width:17px;height:17px}