@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1822;--navy2:#122734;--green:#b8f45c;--teal:#55dccb;--text:#15232a;--muted:#64727a;--line:#e1e9e9;--soft:#f3f7f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:'DM Sans',system-ui,sans-serif;background:white;line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.14;letter-spacing:-.04em}h1{font-size:clamp(2.7rem,5.2vw,5.6rem)}h2{font-size:clamp(2rem,3.2vw,3.2rem)}h3{font-size:1.18rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:white;z-index:20}.skip:focus{top:20px}#header{position:sticky;top:0;z-index:50;background:rgba(11,24,34,.98);color:white;box-shadow:0 1px 0 #ffffff15;transition:.3s}.navbar{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;transition:.3s}#header.compact .navbar{min-height:67px}.logo{display:flex;flex-direction:column;line-height:1.1}.logo-mark{font-family:Manrope,sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:-.08em}.logo-mark span{color:var(--green)}.logo small{font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:#a9c1c4;margin-top:5px}nav{display:flex;align-items:center;gap:25px}nav a{font-size:.87rem;font-weight:700;color:#d7e5e5;transition:.2s}nav a:hover{color:var(--green)}nav .nav-button{padding:12px 18px;background:var(--green);color:#10231b;border-radius:9px}nav .nav-button:hover{color:#10231b;background:white}.menu-toggle{display:none}.hero{background:radial-gradient(circle at 85% 35%,#23565b 0%,transparent 32%),linear-gradient(140deg,#0a1925,#102d34);color:white;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,transparent,#000)}.hero-layout{position:relative;min-height:630px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;padding:75px 0 90px}.hero h1{max-width:710px;margin:24px 0;font-weight:800}.hero h1::first-line{color:white}.hero-copy>p{max-width:600px;color:#c2d4d6;font-size:1.1rem}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.15em;color:#168e7f;text-transform:uppercase}.hero .eyebrow,.subhero .eyebrow,.cta-section .eyebrow{color:var(--green)}.pulse{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 6px #b8f45c22;margin-right:8px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:10px;padding:14px 22px;font-weight:800;font-size:.9rem;transition:transform .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--green);color:#112719}.btn.ghost{border-color:#7fa3a6;color:white}.btn.outline{border-color:#b9cbca;background:white;color:var(--navy)}.btn.light{background:white;color:var(--navy)}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;color:#aac9c7;font-size:.79rem;margin-top:35px}.hero-visual{height:470px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:370px;height:370px;background:linear-gradient(130deg,#68f3cf,#b8f45c);opacity:.17;animation:float 8s ease-in-out infinite}.orb-two{width:280px;height:280px;border:1px solid #70ffcc88;transform:translate(70px,-25px);animation:spin 20s linear infinite}.visual-card{position:relative;width:85%;max-width:400px;height:355px;border:1px solid #ffffff55;border-radius:28px;background:linear-gradient(155deg,#163c47e9,#09222df0);box-shadow:0 30px 90px #0007;padding:35px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-4deg);animation:float 6s ease-in-out infinite}.visual-kicker{font-size:.7rem;letter-spacing:.18em;color:#8cd7c6}.visual-symbol{font-size:4rem;color:var(--green);line-height:1}.visual-card strong{font-family:Manrope,sans-serif;font-size:2.25rem;line-height:1.12;letter-spacing:-.05em}.visual-card strong span{color:var(--green)}.visual-line{display:flex;gap:7px}.visual-line span{height:6px;width:48px;border-radius:4px;background:var(--green)}.visual-line span:nth-child(2){background:var(--teal);width:30px}.visual-line span:nth-child(3){background:#ffffff50;width:80px}.floating-tag{position:absolute;right:-10px;bottom:35px;background:white;color:#143338;font-weight:800;padding:16px;border-radius:12px;box-shadow:0 18px 40px #0004;transform:rotate(4deg);font-size:.85rem}.trust{background:#e7f8ee;border-bottom:1px solid #d5e9de}.trust-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:19px 0;font-size:.79rem;font-weight:800;color:#24645b}.section{padding:95px 0}.section.soft{background:var(--soft)}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{margin:13px 0 16px}.section-head p{font-size:1.05rem;color:var(--muted);max-width:680px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-grid.three{grid-template-columns:repeat(3,1fr)}.service-card{padding:30px 25px;border:1px solid var(--line);border-radius:17px;background:white;transition:.25s}.service-card:hover,.article-card:hover,.reference:hover{transform:translateY(-5px);box-shadow:0 16px 40px #143b3b12}.service-icon{width:46px;height:46px;background:#e4f8ed;color:#197f71;border-radius:13px;display:grid;place-items:center;font-size:1.6rem;margin-bottom:22px}.service-card p,.steps p,.article-card p{color:var(--muted);font-size:.92rem}.section-action{margin-top:30px}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.package{border:1px solid var(--line);border-radius:19px;padding:26px;background:white;display:flex;flex-direction:column;transition:.25s}.package.featured{border:2px solid #79cda5;box-shadow:0 18px 45px #0b574a15}.package-top{display:flex;justify-content:space-between;align-items:center;min-height:30px}.package-label{font-weight:800;font-size:1.1rem}.popular{background:var(--green);font-size:.7rem;font-weight:800;padding:5px 9px;border-radius:20px}.price{font-family:Manrope,sans-serif;font-size:2.65rem;font-weight:800;letter-spacing:-.06em;margin-top:28px;white-space:nowrap}.price small{font-family:'DM Sans',sans-serif;font-size:.78rem;letter-spacing:0;font-weight:500;color:var(--muted)}.hours{color:#148875;font-weight:800;padding-bottom:20px;border-bottom:1px solid var(--line)}.package ul{list-style:none;padding:0;margin:12px 0 24px;flex:1}.package li{font-size:.88rem;padding:9px 0;display:flex;gap:9px}.package li:before{content:'✓';color:#168f7b;font-weight:800}.package .btn{width:100%;font-size:.82rem;padding:12px}.footnote{font-size:.83rem;color:var(--muted);margin-top:25px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article{padding:26px;background:#f5f8f7;border-radius:16px}.step-no{font-size:2.3rem;font-family:Manrope,sans-serif;font-weight:800;color:#9adcc8;display:block;margin-bottom:18px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{padding:30px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;min-height:270px;transition:.25s}.article-date{font-size:.73rem;color:#238b7d;font-weight:800;margin-bottom:22px}.article-card h3{font-size:1.28rem}.article-card p{flex:1}.readmore{color:#118a79;font-size:.85rem;font-weight:800}.faq-wrap{max-width:850px}.faq-list{border-top:1px solid #d6e2df}.faq-list details{border-bottom:1px solid #d6e2df;padding:19px 0}.faq-list summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.4rem;color:#168a7c}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);max-width:720px;margin:14px 0 0}.cta-section{background:linear-gradient(120deg,#102d34,#0a1a24);color:white;padding:65px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-inner h2{margin:12px 0}.cta-inner p{color:#bbd0d1;margin-bottom:0}.cta-inner .btn{flex-shrink:0}.subhero{background:linear-gradient(120deg,#0b1a26,#194149);color:white;padding:94px 0 88px}.subhero h1{max-width:950px;margin:17px 0 20px}.subhero p{max-width:740px;font-size:1.1rem;color:#c0d9d8}.intro-narrow{max-width:840px;font-size:1.1rem;color:#455b62;margin-bottom:35px}.reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.reference{padding:35px;border:1px solid #dce9e5;background:white;border-radius:16px;min-height:215px;transition:.25s}.reference>span:first-child{font-size:.7rem;color:#198e7b;letter-spacing:.12em;font-weight:800}.reference h3{margin:20px 0 35px}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.about-grid h2{margin:14px 0 26px}.about-grid p{color:#536a71}.about-visual{background:#e4f6ed;border-radius:26px;padding:40px;text-align:center}.portrait-fallback{min-height:300px;border-radius:18px;background:linear-gradient(150deg,#16434c,#0b1d2a);color:var(--green);display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Manrope,sans-serif;font-size:5rem;font-weight:800;position:relative}.portrait-fallback span+small{font-size:.8rem;color:#bcd6d3;font-family:'DM Sans',sans-serif}.portrait-fallback>span:nth-child(2){font-size:2rem;position:absolute;right:28px;top:25px}.about-visual p{margin:20px 0 0;font-weight:700}.article-hero .back{display:block;margin-bottom:30px;color:#b9e9d3;font-weight:700}.article-body{max-width:800px}.article-body p{font-size:1.08rem;line-height:1.9;color:#41545c;margin-bottom:24px}.article-end{border-top:1px solid var(--line);margin-top:45px;padding-top:30px}.contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:25px;align-items:start}.contact-panel,.contact-side{border:1px solid var(--line);border-radius:19px;padding:35px}.contact-panel h2{margin:12px 0}.contact-panel>p{color:var(--muted)}.contact-panel form{display:grid;gap:20px;margin-top:30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:.84rem;font-weight:800;display:grid;gap:8px}input,select,textarea{width:100%;border:1px solid #cedcdb;border-radius:9px;padding:13px 15px;background:white;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#1e9d89;box-shadow:0 0 0 3px #1e9d8920}.contact-panel button{justify-self:start}.fineprint{font-size:.78rem;color:var(--muted)}.contact-side{padding:15px}.contact-side .portrait-fallback{min-height:265px}.contact-info{padding:25px 17px}.contact-info h2{font-size:1.6rem;margin:13px 0}.contact-info p{color:var(--muted)}.contact-info a,.contact-info>span:last-child{display:block;margin:12px 0;font-size:.92rem}.legal-body{max-width:850px}.legal-block{margin:35px 0}.legal-block p{white-space:pre-line;color:#50646a}.legal-block h2{font-size:1.5rem}footer{background:#091620;color:#c4d4d4;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:11px}.footer-grid p{max-width:360px;font-size:.91rem;color:#98b0b1}.footer-grid b{color:white;margin-bottom:10px}.footer-grid a:not(.logo){font-size:.9rem}.footer-grid a:hover{color:var(--green)}.footline{border-top:1px solid #ffffff19;margin-top:50px;padding:22px 0;font-size:.8rem;color:#93aaab}.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-16px) rotate(-2deg)}}@keyframes spin{to{transform:translate(70px,-25px) rotate(360deg)}}@media(max-width:1050px){.service-grid,.package-grid{grid-template-columns:repeat(2,1fr)}.navbar{min-height:76px}nav{gap:14px}nav a{font-size:.78rem}.hero-layout{gap:20px}.hero-visual{height:400px}}@media(max-width:760px){.container{width:min(100% - 32px,1180px)}.menu-toggle{display:block;background:none;border:1px solid #ffffff55;color:white;border-radius:8px;padding:9px 13px;font-weight:800}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0b1822;padding:20px 16px 28px;flex-direction:column;align-items:stretch;box-shadow:0 16px 30px #0004}nav.open{display:flex}nav a{padding:8px;font-size:1rem}.hero-layout{grid-template-columns:1fr;min-height:0;padding:65px 0 40px}.hero-visual{height:330px}.visual-card{height:280px;max-width:310px}.visual-card strong{font-size:1.8rem}.floating-tag{right:0;bottom:10px;font-size:.7rem}.hero h1{font-size:clamp(2.55rem,10vw,4.5rem)}.hero-meta{gap:10px}.trust-inner{justify-content:flex-start}.section{padding:65px 0}.service-grid,.service-grid.three,.package-grid,.steps,.article-grid,.reference-grid,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start}.field-row{grid-template-columns:1fr}.subhero{padding:65px 0}.contact-panel{padding:24px}.footer-grid{gap:35px}.about-grid{gap:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* v0.3: motion-rich subpage hero */
.subhero-animated{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 10%,#23565e 0%,transparent 45%),linear-gradient(115deg,#0a1823,#12343d 72%,#0b252e);min-height:360px;display:flex;align-items:center}
.subhero-animated>.container{position:relative;z-index:2}
.hero-decoration{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.halo{position:absolute;border-radius:50%;border:1px solid rgba(123,242,202,.25);animation:haloDrift 13s ease-in-out infinite alternate}
.halo-one{width:440px;height:440px;right:-50px;top:-180px;box-shadow:0 0 0 65px rgba(100,230,190,.035),0 0 0 130px rgba(100,230,190,.025)}
.halo-two{width:230px;height:230px;right:25%;bottom:-190px;border-color:rgba(184,244,92,.18);animation-delay:-5s}
.hero-gridlines{position:absolute;inset:0;background-image:radial-gradient(rgba(210,255,244,.23) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%);animation:gridSlide 24s linear infinite}
.hero-enter{animation:heroRise .8s both cubic-bezier(.2,.75,.2,1)}.hero-enter-delay{animation-delay:.12s}.hero-enter-later{animation-delay:.24s}
@keyframes haloDrift{to{transform:translate(-45px,38px) rotate(16deg)}}@keyframes gridSlide{to{background-position:90px 60px}}@keyframes heroRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
/* Editorial article cards */
.article-grid{gap:24px}.article-grid .article-card{padding:0;overflow:hidden;min-height:440px;background:white;border:1px solid #dce9e6;border-radius:22px;box-shadow:0 10px 35px rgba(8,44,46,.045);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative}
.article-grid .article-card:hover,.article-grid .article-card:focus-visible{transform:translateY(-9px);box-shadow:0 25px 65px rgba(12,56,59,.16);border-color:#91d9c8}
.article-cover{height:166px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f3441,#166b69)}
.article-cover:before,.article-cover:after{content:'';position:absolute;border-radius:50%;border:1px solid #ffffff45;transition:transform .5s ease}
.article-cover:before{width:210px;height:210px;right:-40px;top:-95px}.article-cover:after{width:155px;height:155px;left:-50px;bottom:-110px}
.article-card:hover .article-cover:before{transform:scale(1.25)}.article-card:hover .article-cover:after{transform:translate(25px,-15px)}
.cover-2{background:linear-gradient(135deg,#203e55,#397e85)}.cover-3{background:linear-gradient(135deg,#184b4c,#3b997c)}.cover-4{background:linear-gradient(135deg,#132f4d,#2a7297)}.cover-5{background:linear-gradient(135deg,#18354b,#547b88)}
.cover-symbol{font-size:5rem;color:#c9ff9b;text-shadow:0 12px 30px #0003;font-weight:300;transition:transform .4s}.article-card:hover .cover-symbol{transform:rotate(-10deg) scale(1.12)}
.cover-number{position:absolute;top:18px;right:22px;color:#ffffffad;font-weight:800;font-size:.85rem;letter-spacing:.14em}
.article-category{margin:24px 26px 0;color:#147e70;font-weight:900;font-size:.69rem;letter-spacing:.13em}
.article-grid .article-date{margin:7px 26px 0;font-size:.76rem;color:#72858a}
.article-grid .article-card h2{font-size:1.35rem;margin:16px 26px 13px;line-height:1.3;letter-spacing:-.035em}
.article-grid .article-card p{margin:0 26px 25px;flex:1;line-height:1.7}
.article-grid .readmore{margin:0 26px 26px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1eae8;padding-top:17px;color:#0d7569}
.article-arrow{width:38px;height:38px;border-radius:50%;background:#e6f8ee;display:grid;place-items:center;font-size:1.15rem;transition:background .2s,transform .2s}.article-card:hover .article-arrow{background:#b8f45c;transform:translate(3px,-3px)}
/* Contact anti-spam UI */
.form-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.security-check{background:#f0f8f5;border:1px solid #d2e7df;padding:20px;border-radius:14px;display:grid;gap:9px;max-width:420px}
.security-title{font-weight:900;color:#144d48}.security-check p{margin:0;font-weight:700}.security-check input{max-width:160px}.refresh-challenge{justify-self:start;background:none;border:0;color:#13776b;font-size:.82rem;font-weight:800;cursor:pointer;padding:4px 0}
#form-status{margin:0;font-size:.9rem;font-weight:700}#form-status.error{color:#b33434}#form-status.success{color:#087357}
@media(max-width:760px){.subhero-animated{min-height:300px}.halo-one{right:-240px}.article-grid .article-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.hero-enter{animation:none}.halo,.hero-gridlines{animation:none}}

/* ITimVeedel contact security refresh – v0.3.1 */
.security-check .refresh-challenge{appearance:none;display:inline-flex;align-items:center;gap:9px;justify-self:start;width:auto;min-height:42px;padding:10px 16px;border:1px solid #b9ddd4;border-radius:999px;background:#e3f5ef;color:#11685e;font-size:.88rem;line-height:1.2;font-weight:750;letter-spacing:0;box-shadow:0 2px 8px rgba(9,90,76,.05);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.security-check .refresh-challenge:hover{background:#cef2e4;border-color:#78cbb8;box-shadow:0 5px 14px rgba(9,90,76,.11);transform:translateY(-1px)}
.security-check .refresh-challenge:active{transform:translateY(0)}
.security-check .refresh-challenge:focus-visible{outline:3px solid #40bda4;outline-offset:3px}
.security-check .refresh-challenge:disabled{opacity:.6;cursor:wait}
@media(prefers-reduced-motion:reduce){.security-check .refresh-challenge{transition:none}}

/* v0.4 — tasteful motion system */
.motion-reveal{opacity:0;transform:translate3d(0,36px,0);filter:blur(5px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease;transition-delay:var(--motion-delay,0ms)}
.motion-reveal.motion-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.motion-from-left{transform:translate3d(-36px,12px,0)}.motion-from-right{transform:translate3d(36px,12px,0)}
.motion-card{position:relative;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease!important;will-change:auto}
.motion-card:hover{transform:translateY(-8px)!important;box-shadow:0 24px 48px rgba(4,29,37,.14)!important}
.motion-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(52,220,177,.12),transparent 65%);opacity:0;transition:opacity .35s}
.motion-card:hover:after{opacity:1}
.motion-card .readmore,.motion-card .btn{transition:transform .3s ease}.motion-card:hover .readmore{transform:translateX(3px)}
.motion-heading{overflow:visible}.motion-heading .motion-word{display:inline-block;opacity:0;transform:translateY(18px);filter:blur(4px);animation:motion-word-in .65s both;animation-delay:calc(var(--word-index,0)*55ms + 100ms)}
@keyframes motion-word-in{to{opacity:1;transform:translateY(0);filter:blur(0)}}
.motion-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.6;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)}
.hero,.subhero,.subhero-animated{position:relative;overflow:hidden}.hero>.container,.subhero>.container,.subhero-animated>.container{position:relative;z-index:2}
.motion-network line{stroke:#63ead0;stroke-width:1;opacity:.24}.motion-network circle{fill:#a6ff8c;opacity:.6}.motion-network .net-node-pulse{animation:motion-pulse 3s ease-in-out infinite;animation-delay:var(--pulse-delay,0s)}
@keyframes motion-pulse{50%{opacity:1;r:4.5}}
@media(max-width:760px){.motion-network{opacity:.3}.motion-reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.motion-reveal,.motion-reveal.motion-visible,.motion-from-left,.motion-from-right{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.motion-heading .motion-word{opacity:1;transform:none;filter:none;animation:none}.motion-card,.motion-card:hover{transform:none!important;transition:none!important}.motion-network{display:none}}

/* ITimVeedel – kompakter animierter Header */
.subhero,
.subhero-animated {
    min-height: 380px !important;
    height: auto !important;
    padding-top: 75px !important;
    padding-bottom: 75px !important;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.subhero > .container {
    position: relative;
    z-index: 2;
}

.subhero .hero-decoration {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

@media (max-width: 768px) {
    .subhero,
    .subhero-animated {
        min-height: 300px !important;
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
}

/* Ratgeber – saubere Kacheltypografie */
.article-card,
.blog-card,
.ratgeber-card {
    height: auto !important;
    min-height: 0 !important;
    padding: 28px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.article-card h2,
.article-card h3,
.blog-card h2,
.blog-card h3,
.ratgeber-card h2,
.ratgeber-card h3 {
    margin: 0 !important;
    font-size: clamp(21px, 1.7vw, 26px) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.025em;
    overflow-wrap: break-word;
}

.article-card p,
.blog-card p,
.ratgeber-card p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

.article-card a,
.blog-card a,
.ratgeber-card a {
    text-decoration: none;
}

@media (max-width: 768px) {
    .article-card,
    .blog-card,
    .ratgeber-card {
        padding: 22px !important;
    }
}


/* ITIMVEEDEL BACK TO TOP */
.back-to-top {
    position: fixed;
    right: 26px;
    bottom: 26px;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(183,244,91,.35);
    border-radius: 50%;
    background: #10242c;
    color: #b7f45b;
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 8px 30px rgba(0,0,0,.18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px);
    transition: opacity .3s, transform .3s,
                visibility .3s, background .3s;
}
.back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.back-to-top:hover {
    background: #183c40;
    transform: translateY(-4px);
}
.back-to-top svg {
    width: 24px;
    height: 24px;
}
@media(max-width:768px) {
    .back-to-top {
        right: 16px;
        bottom: 16px;
        width: 46px;
        height: 46px;
    }
}
@media(prefers-reduced-motion:reduce) {
    .back-to-top { transition: none; }
}
