/*
Theme Name: PreformIT
Author: PreformIT
Description: Dansk bloktema til IT-drift, sikkerhed og hosting.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: preformit
*/

:root{--navy:#102e46;--ink:#142e42;--muted:#506574;--mint:#bcf4df;--line:#d8e2e8;--paper:#f3f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #16816d;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 48px}header{background:#fffffff5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:28px;font-weight:800;letter-spacing:-1.2px}.logo span{color:#16816d}.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:5px;font-size:15px;font-weight:600;cursor:pointer}.btn:hover{background:#24506d}.btn.light{background:white;color:var(--navy);border-color:var(--line)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:700;color:#327969;margin:0 0 23px}.hero{padding:85px 0 70px;background:var(--paper)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}h1{font-size:clamp(44px,5.2vw,68px);letter-spacing:-3px;line-height:1.08;margin:0 0 26px;font-weight:600}h1 em{font-style:normal;color:#237563}.lead{font-size:18px;color:var(--muted);max-width:550px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.note{font-size:13px;color:var(--muted);margin-top:20px}.architecture{background:var(--navy);color:white;border-radius:10px;padding:34px;box-shadow:15px 18px 0 #dfe9ed}.architecture .eyebrow{color:#a3c3d5;margin-bottom:30px}.arch-title{font-size:27px;line-height:1.3;margin:0 0 30px;letter-spacing:-.5px}.arch-row{display:flex;align-items:center;gap:18px;padding:21px 0;border-top:1px solid #ffffff25}.num{font-size:13px;color:#95b4c4}.arch-row h3{font-size:19px;margin:0}.arch-row p{font-size:14px;color:#b9ceda;margin:2px 0 0}.arch-foot{margin-top:15px;padding:15px;border-radius:4px;background:#ffffff0b;color:var(--mint);font-size:14px}.strip{display:flex;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--line);font-size:14px}.strip b{font-weight:600}.section{padding:88px 0}h2{font-size:clamp(32px,3.4vw,44px);letter-spacing:-1.6px;line-height:1.16;margin:0 0 20px;font-weight:600}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-head p{color:var(--muted);max-width:410px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;border:1px solid var(--line);border-radius:7px}.card .index{display:block;font-size:13px;color:#367b6b;margin-bottom:30px}.card h3{font-size:25px;letter-spacing:-.5px;margin:0 0 12px}.card p{color:var(--muted);font-size:16px}.card ul{padding:0;list-style:none;margin-top:24px}.card li{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.card a{font-size:14px;font-weight:bold;color:#237563;text-decoration:underline;text-underline-offset:5px}.security{background:var(--navy);color:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:85px}.security .eyebrow{color:var(--mint)}.security p{color:#c4d5df}.security .badge{display:inline-block;background:#ffffff0b;border:1px solid #ffffff25;padding:12px 18px;margin-top:14px;border-radius:5px;font-size:14px;color:var(--mint)}.steps{counter-reset:step}.step{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:22px 0;border-top:1px solid #ffffff30}.step:first-child{padding-top:0;border:0}.step span{font-size:13px;color:var(--mint)}.step h3{margin:0 0 5px;font-size:19px}.step p{margin:0;font-size:15px}.process{background:var(--paper)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.process-grid article{border-top:2px solid #aac6c8;padding-top:20px}.process-grid h3{font-size:20px;margin:12px 0}.process-grid p{color:var(--muted)}.process-grid span{font-size:13px;color:#237563}.faq{max-width:830px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:18px;font-weight:600;cursor:pointer}details p{color:var(--muted);max-width:730px}.contact{background:#dff3ed;padding:60px;border-radius:8px;margin-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact p{color:var(--muted)}.contact h3{font-size:20px;margin-top:0}.contact ul{padding-left:20px}.contact small{color:var(--muted);display:block}.contact .btn{margin-top:10px}footer{background:var(--navy);color:white;padding:42px 0}.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.foot p{color:#b7cbd7;font-size:14px;margin:5px 0}.menu{display:none}.copy-status{min-height:26px;font-size:14px;color:#1f6555}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:5px;z-index:100;background:white;padding:10px}@media(max-width:850px){.wrap{padding:0 25px}.nav{height:75px}.navlinks{gap:18px}.navlinks>a:not(.btn){display:none}.hero{padding:55px 0}.hero-grid,.two{grid-template-columns:1fr;gap:40px}h1{letter-spacing:-2px}.architecture{box-shadow:8px 10px 0 #dfe9ed}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:20px}.cards{grid-template-columns:1fr}.strip{flex-wrap:wrap;gap:10px 25px}.process-grid{grid-template-columns:1fr;gap:15px}.contact{grid-template-columns:1fr;padding:30px;gap:20px;margin-bottom:50px}.foot{display:block}.foot>p{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* WordPress integration */
.wp-site-blocks>*{margin-block-start:0}.wp-block-group{box-sizing:border-box}.navlinks p,.strip p,.arch-row>.num{margin:0}.logo a{font:inherit}.faq-item{padding:20px 0;border-bottom:1px solid var(--line)}.faq-item h3{font-size:18px}.faq-item p{color:var(--muted)}.admin-bar header{top:32px}.wp-block-template-part{margin:0}.editor-styles-wrapper .wp-block-group{max-width:none}.navlinks p a{display:inline-block}@media(max-width:850px){.navlinks p:not(:last-child){display:none}}@media(max-width:782px){.admin-bar header{top:46px}}