/*
Theme Name: AdviceIT Modern
Theme URI: https://adviceit.info/
Author: AdviceIT
Description: Lichtgewicht responsive WordPress-thema voor AdviceIT, zonder externe fonts of scripts.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: adviceit-modern
*/
:root{--navy:#112744;--navy2:#182f50;--blue:#2563eb;--cyan:#22c7d6;--ink:#1b293d;--muted:#58677d;--paper:#f5f8fc;--line:#dfE7f1;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:#1355b7;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.17;letter-spacing:-.03em;margin:0 0 .65em}h1{font-size:clamp(2.3rem,5vw,4.3rem)}h2{font-size:clamp(1.8rem,3vw,2.8rem)}h3{font-size:1.24rem}p{margin:0 0 1.2em}.wrap{width:min(1140px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:10px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:10px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:83px;gap:20px}.brand{font-weight:800;color:var(--navy);font-size:1.65rem;letter-spacing:-.055em}.brand span{color:#168bb6}.main-menu,.main-menu ul{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:24px}.main-menu a{color:var(--navy);font-size:.93rem;font-weight:650}.main-menu a:hover{color:var(--blue)}.nav-toggle{display:none;background:#eef4fb;border:0;padding:10px 14px;border-radius:8px;font:inherit;cursor:pointer}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 38%,rgba(28,168,205,.28),transparent 27%),linear-gradient(112deg,#102441 12%,#1a406b 100%);color:#fff}.hero:after{content:"";position:absolute;width:550px;height:550px;border:1px solid rgba(120,223,255,.12);border-radius:50%;right:-100px;top:-130px;box-shadow:0 0 0 80px rgba(120,223,255,.035),0 0 0 165px rgba(120,223,255,.028)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:52px;min-height:540px;padding-block:90px;position:relative;z-index:1}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:#68e4ec;display:block;margin-bottom:20px}.hero h1{max-width:760px}.hero h1 em{font-style:normal;color:#78e8e8}.hero p{color:#d3e3f4;font-size:1.11rem;max-width:640px}.buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 22px;border-radius:9px;font-weight:750;font-size:.94rem;transition:transform .2s,background .2s;text-decoration:none}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:#65dce9;color:#102943}.btn-primary:hover{background:#a0f1f4}.btn-secondary{color:#fff;border:1px solid #9eb7d3}.btn-secondary:hover{background:#ffffff12}.visual{min-height:280px;position:relative;display:grid;place-items:center}.orb{height:min(30vw,310px);width:min(30vw,310px);min-height:220px;min-width:220px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#7ee9f5 0,#22a7c9 16%,#19649b 40%,#102441 74%);box-shadow:0 0 75px #32bad650,inset 0 0 55px #7befff35;position:relative}.orb:before,.orb:after{content:"";position:absolute;inset:-23px;border:1px solid #5ce5ee6b;border-radius:50%;transform:rotateX(62deg) rotate(-20deg)}.orb:after{inset:-45px;transform:rotateY(60deg) rotate(27deg)}.orbit-label{position:absolute;padding:7px 12px;border:1px solid #8de8f46b;background:#153859dd;border-radius:8px;color:#e7fcff;font-size:.85rem;box-shadow:0 6px 30px #091c3970}.label-a{top:17%;left:1%}.label-b{right:0;top:44%}.label-c{bottom:12%;left:7%}.section{padding:92px 0}.section-alt{background:var(--paper)}.section-intro{max-width:730px;margin-bottom:34px}.section-intro p,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:31px;box-shadow:0 7px 25px #17355208}.card-icon{height:47px;width:47px;display:grid;place-items:center;border-radius:12px;background:#e5f4fa;color:#087a9a;font-weight:800;font-size:1.3rem;margin-bottom:22px}.service-card p{color:var(--muted);margin-bottom:0}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.steps{display:grid;gap:21px}.step{display:flex;gap:17px}.step-no{flex:0 0 38px;height:38px;display:grid;place-items:center;color:#1b5eb4;background:#e4efff;border-radius:50%;font-weight:750}.step h3{margin:0 0 5px}.step p{color:var(--muted);margin:0}.about-panel{background:linear-gradient(140deg,#e6f4fa,#edf2ff);padding:38px;border-radius:var(--radius);border:1px solid #d4e5f5}.about-panel p{color:#344b62}.contact-band{background:var(--navy);color:white;border-radius:20px;padding:48px 56px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-band p{color:#c9d8ea;margin:0}.contact-band h2{font-size:2rem;margin-bottom:10px}.site-footer{background:#0d1e35;color:#bfcfe3;padding:34px 0;font-size:.9rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer a{color:#d9f2ff}.standard-content{padding:70px 0;min-height:40vh}.standard-content article{max-width:850px}.standard-content .entry-title{font-size:clamp(2rem,4vw,3.3rem)}.entry-meta{color:var(--muted);font-size:.9rem}.entry-content{overflow-wrap:anywhere}.entry-content a{text-decoration:underline}.posts-list article{padding:26px 0;border-bottom:1px solid var(--line)}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px}@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:5px;padding-block:65px}.visual{min-height:260px}.cards{grid-template-columns:repeat(2,1fr)}.approach-grid{grid-template-columns:1fr;gap:30px}.contact-band{padding:35px;align-items:flex-start;flex-direction:column}}@media(max-width:620px){.wrap{width:min(100% - 32px,1140px)}.topbar{min-height:72px;flex-wrap:wrap}.nav-toggle{display:block}.main-menu{display:none;width:100%;padding:0 0 18px}.main-menu.is-open{display:block}.main-menu ul{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.cards{grid-template-columns:1fr}.hero-grid{padding-block:52px}.hero h1{font-size:2.5rem}.visual{min-height:230px}.section{padding:63px 0}.contact-band{padding:27px}.orbit-label{font-size:.72rem}.orb{width:195px;height:195px;min-width:195px;min-height:195px}}