/*
Theme Name: WebDokterPro Digital
Theme URI: https://webdokterpro.id/
Author: WebDokterPro
Description: Custom one-page business and digital transformation website for WebDokterPro.
Version: 1.4.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: webdokterpro
*/
:root{--navy:#101d35;--navy2:#172b4d;--gold:#d9b66f;--gold2:#f0d99e;--ink:#172033;--muted:#667085;--paper:#f6f7fa;--white:#fff;--line:#e7eaf0;--radius:20px;--shadow:0 18px 50px rgba(16,29,53,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(16,29,53,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:21px;letter-spacing:-.5px}.brand-mark{width:42px;height:42px;border:1px solid rgba(217,182,111,.65);border-radius:13px;display:grid;place-items:center;color:var(--gold);font-size:23px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#c7d0df;font-weight:600;margin-top:-4px}.main-nav{display:flex;align-items:center;gap:25px;color:#e8edf5;font-size:13px;font-weight:600}.main-nav a:hover{color:var(--gold2)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:999px;font-weight:750;font-size:13px;transition:.2s}.nav-cta,.btn-gold{background:var(--gold);color:var(--navy)}.nav-cta:hover,.btn-gold:hover{background:var(--gold2);transform:translateY(-2px)}.menu-toggle{display:none;background:none;border:1px solid #52617a;color:#fff;border-radius:10px;padding:9px 12px;font-size:20px}.hero{background:radial-gradient(circle at 80% 20%,rgba(217,182,111,.18),transparent 28%),linear-gradient(125deg,#0c172b,#142746 68%,#1b3152);color:#fff;position:relative;overflow:hidden;padding:100px 0 92px}.hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(217,182,111,.15);border-radius:50%;right:-140px;bottom:-280px;box-shadow:0 0 0 45px rgba(217,182,111,.025),0 0 0 90px rgba(217,182,111,.02)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.5vw,66px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0}.hero h1 span{color:var(--gold2)}.hero-copy{max-width:650px;color:#cbd5e1;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-outline{border:1px solid rgba(255,255,255,.35);color:#fff}.btn-outline:hover{border-color:var(--gold);color:var(--gold2)}.hero-note{margin-top:28px;color:#9eacc1;font-size:12px}.hero-panel{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:26px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.panel-top{display:flex;justify-content:space-between;align-items:center;color:#dce5f2;font-size:12px;margin-bottom:25px}.status-dot{width:8px;height:8px;border-radius:50%;background:#75d6a1;display:inline-block;margin-right:7px}.panel-title{font-size:22px;font-weight:800;margin-bottom:8px}.panel-desc{font-size:13px;color:#c4cfdf}.panel-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}.panel-item{border:1px solid rgba(255,255,255,.13);background:rgba(7,17,34,.25);padding:14px;border-radius:14px;font-size:12px;color:#e8edf5}.panel-item b{display:block;color:var(--gold2);font-size:17px;margin-bottom:3px}.trust-strip{background:#fff;border-bottom:1px solid var(--line);padding:21px 0}.trust-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#596579;font-size:12px;font-weight:700}.trust-inner span{display:flex;align-items:center;gap:8px}.trust-inner i{color:#b18b43;font-style:normal}.section{padding:88px 0}.section-soft{background:var(--paper)}.section-head{max-width:720px;margin-bottom:38px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.kicker{color:#9b762f;font-size:11px;font-weight:850;letter-spacing:2px;text-transform:uppercase}.section h2{font-size:clamp(30px,4vw,43px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0 15px;color:var(--navy)}.section-head p{color:var(--muted);font-size:15px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.22s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#e0c98e}.service-icon{width:48px;height:48px;border-radius:15px;background:#f8f1e2;color:#9a742f;display:grid;place-items:center;font-size:22px;margin-bottom:18px}.service-card h3{font-size:17px;color:var(--navy);margin-bottom:8px}.service-card p{font-size:13px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.blueprint-card{background:var(--navy);color:#fff;border-radius:25px;padding:30px;box-shadow:var(--shadow)}.blueprint-card h3{font-size:22px}.blueprint-steps{display:grid;gap:13px;margin-top:22px}.blueprint-step{display:flex;gap:13px;align-items:flex-start;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:13px}.step-no{color:var(--gold2);font-weight:850;font-size:13px}.blueprint-step b{display:block;font-size:13px}.blueprint-step small{color:#b9c5d7;font-size:11px}.check-list{padding:0;list-style:none;display:grid;gap:13px;margin:25px 0}.check-list li{display:flex;gap:11px;color:#4e5a6d;font-size:14px}.check-list li:before{content:"✓";flex:0 0 23px;height:23px;display:grid;place-items:center;background:#f8f1e2;color:#94702f;border-radius:50%;font-weight:900}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.portfolio-visual{height:155px;background:linear-gradient(135deg,#142746,#263f65);display:grid;place-items:center;color:var(--gold2);font-size:42px;position:relative}.portfolio-visual:after{content:"WEBDOKTERPRO";position:absolute;bottom:12px;right:14px;font-size:8px;letter-spacing:2px;color:rgba(255,255,255,.5)}.portfolio-body{padding:20px}.portfolio-body small{color:#a17b37;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.portfolio-body h3{font-size:16px;color:var(--navy);margin:7px 0}.portfolio-body p{font-size:12px;color:var(--muted);margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.process-card strong{font-size:26px;color:#c29b4d}.process-card h3{font-size:15px;color:var(--navy);margin:8px 0}.process-card p{font-size:12px;color:var(--muted);margin:0}.cta-band{background:linear-gradient(120deg,#101d35,#1c3458);border-radius:26px;padding:44px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-band h2{color:#fff;margin:8px 0;font-size:32px}.cta-band p{color:#c5d0df;margin:0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-card{background:var(--navy);color:#fff;border-radius:22px;padding:28px}.contact-card h3{font-size:22px}.contact-card p{color:#c2ccda;font-size:13px}.contact-line{padding:13px 0;border-top:1px solid rgba(255,255,255,.13);font-size:13px}.contact-line b{display:block;color:var(--gold2);font-size:10px;letter-spacing:1px;text-transform:uppercase}.contact-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:750;margin-bottom:6px;color:#344054}.field input,.field textarea,.field select{width:100%;border:1px solid #d9dee7;border-radius:11px;padding:13px;font:inherit;font-size:13px;background:#fff}.field textarea{min-height:110px;resize:vertical}.contact-form button{border:0;cursor:pointer}.site-footer{background:#0b1527;color:#c5cfdd;padding:42px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.footer-brand{color:#fff;font-weight:800;font-size:20px}.footer-top p{max-width:450px;font-size:12px;color:#9eacc1;margin-top:10px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:18px;font-size:11px;color:#8e9bb0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;background:#1fae67;color:#fff;padding:14px 19px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:13px;font-weight:800}.wa-float:hover{background:#159456}.notice{font-size:11px;color:#8791a2;margin-top:12px}
@media(max-width:900px){.main-nav{gap:13px;font-size:11px}.hero-grid{gap:30px}.services-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 30px,1160px)}.nav-wrap{height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:18px 22px 24px;flex-direction:column;align-items:stretch;border-top:1px solid rgba(255,255,255,.1)}.main-nav.open{display:flex}.main-nav a{padding:8px 0;font-size:14px}.nav-cta{display:none}.hero{padding:68px 0 60px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-copy{font-size:15px}.hero-panel{padding:21px}.section{padding:65px 0}.services-grid,.portfolio-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.trust-inner{justify-content:center}.cta-band{padding:30px;display:block}.cta-band .btn{margin-top:22px}.footer-top{display:block}.footer-links{margin-top:20px}.blueprint-card{padding:23px}.wa-float{right:14px;bottom:14px;padding:12px 16px}}
@media(max-width:390px){.process-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.panel-list{grid-template-columns:1fr 1fr}}

/* WebDokterPro v2 — stronger hierarchy, larger typography, higher contrast */
:root{--muted:#475467;--gold:#e4bd68;--gold2:#ffe2a0;--paper:#f2f4f8;--line:#d9e0ea}
body{font-size:17px;line-height:1.75;color:#111c30}
.container{width:min(1200px,calc(100% - 48px))}
.brand{font-size:24px}.brand-mark{width:48px;height:48px;font-size:26px}.brand small{font-size:10px}
.main-nav{font-size:15px;font-weight:750;gap:28px}
.nav-wrap{height:86px}.nav-cta,.btn{font-size:15px;padding:15px 25px;font-weight:850}
.hero{padding:118px 0 108px;background:radial-gradient(ellipse at 82% 30%,rgba(228,189,104,.25),transparent 32%),radial-gradient(ellipse at 8% 95%,rgba(60,108,170,.25),transparent 38%),linear-gradient(125deg,#081326,#122746 62%,#1c3963)}
.hero h1{font-size:clamp(48px,6.2vw,78px);line-height:1.04;letter-spacing:-2.8px;font-weight:900;max-width:760px}
.hero-copy{font-size:20px;line-height:1.7;color:#edf2f9;font-weight:550}
.eyebrow{font-size:13px;letter-spacing:2.3px;font-weight:900}
.hero-note{font-size:14px;color:#d0d9e7}.hero-panel{padding:32px;border-color:rgba(255,226,160,.35);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06))}
.panel-top{font-size:14px}.panel-title{font-size:27px;line-height:1.25}.panel-desc{font-size:16px;color:#e0e8f3}.panel-item{font-size:14px;padding:17px}.panel-item b{font-size:21px}
.trust-strip{padding:25px 0}.trust-inner{font-size:14px;color:#344054}
.section{padding:104px 0}.kicker{font-size:13px;letter-spacing:2.2px;font-weight:900}.section h2{font-size:clamp(36px,4.4vw,52px);line-height:1.12;letter-spacing:-1.5px;font-weight:900}.section-head{max-width:820px;margin-bottom:48px}.section-head p{font-size:18px;line-height:1.75;color:#475467}
.service-card{padding:30px;border-radius:22px;border-color:#dce2eb;box-shadow:0 8px 24px rgba(16,29,53,.045)}.service-icon{width:58px;height:58px;font-size:27px}.service-card h3{font-size:21px;font-weight:850;line-height:1.3}.service-card p{font-size:16px;line-height:1.7;color:#475467}
.split{gap:65px}.blueprint-card{padding:36px}.blueprint-card h3{font-size:27px}.blueprint-step{padding:16px}.step-no{font-size:16px}.blueprint-step b{font-size:16px}.blueprint-step small{font-size:14px;color:#d5deeb}.check-list{gap:16px}.check-list li{font-size:17px;color:#344054}.check-list li:before{flex-basis:27px;height:27px}
.portfolio-grid{gap:22px}.portfolio-visual{height:190px;font-size:54px}.portfolio-body{padding:25px}.portfolio-body small{font-size:12px}.portfolio-body h3{font-size:20px;font-weight:850}.portfolio-body p{font-size:15px;line-height:1.7;color:#475467}
.process-grid{gap:18px}.process-card{padding:27px}.process-card strong{font-size:34px}.process-card h3{font-size:19px;font-weight:850}.process-card p{font-size:15px;line-height:1.7;color:#475467}
.cta-band{padding:54px}.cta-band h2{font-size:clamp(32px,4vw,44px);font-weight:900;line-height:1.12}.cta-band p{font-size:18px}
.contact-card,.contact-form{padding:34px}.contact-card h3{font-size:27px}.contact-card p,.contact-line{font-size:16px}.contact-line b{font-size:12px}.field label{font-size:15px;font-weight:850}.field input,.field textarea,.field select{font-size:16px;padding:15px;color:#172033}.field textarea{min-height:140px}.notice{font-size:13px;color:#596579}
.site-footer{padding:52px 0 25px}.footer-brand{font-size:24px}.footer-top p,.footer-links{font-size:15px}.footer-bottom{font-size:13px}.wa-float{font-size:15px;padding:16px 22px}
@media(max-width:900px){.main-nav{font-size:13px;gap:14px}.hero h1{font-size:clamp(44px,6vw,64px)}}
@media(max-width:700px){body{font-size:16px}.container{width:calc(100% - 32px)}.nav-wrap{height:72px}.brand{font-size:21px}.brand-mark{width:42px;height:42px}.main-nav{top:72px}.main-nav a{font-size:16px;padding:11px 0}.hero{padding:76px 0 68px}.hero h1{font-size:clamp(42px,11vw,56px);letter-spacing:-1.8px;line-height:1.06}.hero-copy{font-size:18px}.hero-note{font-size:13px}.panel-title{font-size:24px}.panel-desc{font-size:15px}.panel-item{font-size:13px}.section{padding:76px 0}.section h2{font-size:clamp(32px,8.5vw,40px)}.section-head p{font-size:16px}.services-grid,.portfolio-grid,.process-grid{grid-template-columns:1fr}.service-card{padding:25px}.service-card h3{font-size:20px}.service-card p{font-size:15px}.portfolio-visual{height:170px}.portfolio-body h3{font-size:19px}.portfolio-body p{font-size:15px}.process-card p{font-size:15px}.cta-band{padding:32px 25px;display:block}.cta-band h2{font-size:32px}.cta-band p{font-size:16px;margin-bottom:22px}.contact-grid{gap:20px}.contact-card,.contact-form{padding:25px}.wa-float{right:14px;bottom:14px;font-size:14px;padding:14px 18px}}

/* WebDokterPro V3: stronger readability from contact section through footer */
#kontak .section-head .kicker{font-size:15px!important;font-weight:900!important;letter-spacing:2.2px!important;color:#8a6420!important}
#kontak .section-head h2{font-size:clamp(38px,4.5vw,54px)!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-1.4px!important;color:#101d35!important}
#kontak .section-head p{font-size:19px!important;line-height:1.7!important;font-weight:500!important;color:#344054!important}
#kontak .contact-card h3{font-size:30px!important;font-weight:900!important}
#kontak .contact-card>p{font-size:17px!important;line-height:1.7!important;color:#e0e7f0!important}
#kontak .contact-line{font-size:18px!important;line-height:1.6!important;color:#fff!important}
#kontak .contact-line b{font-size:13px!important;font-weight:900!important;color:#f0d99e!important}
#kontak .contact-card p[style]{font-size:15px!important;color:#d4deeb!important}
#kontak .field label{font-size:17px!important;font-weight:850!important;color:#172033!important;margin-bottom:9px!important}
#kontak .field input,#kontak .field textarea,#kontak .field select{font-size:17px!important;line-height:1.5!important;padding:16px 17px!important;color:#101828!important;border:1.5px solid #c7cfda!important}
#kontak .field input::placeholder,#kontak .field textarea::placeholder{color:#667085!important;opacity:1!important}
#kontak .contact-form .btn{font-size:16px!important;padding:16px 24px!important;font-weight:900!important}
#kontak .contact-form .notice{font-size:14px!important;line-height:1.65!important;color:#475467!important}
.site-footer{padding:60px 0 28px!important}
.site-footer .footer-brand{font-size:27px!important;font-weight:900!important;color:#fff!important}
.site-footer .footer-top p{font-size:16px!important;line-height:1.75!important;color:#d0d8e4!important}
.site-footer .footer-links{font-size:16px!important;font-weight:700!important;gap:22px!important;color:#f1f5f9!important}
.site-footer .footer-links a:hover{color:#f0d99e!important}
.site-footer .footer-bottom{font-size:14px!important;line-height:1.7!important;color:#c0cad8!important}
@media(max-width:700px){#kontak .section-head h2{font-size:36px!important}#kontak .section-head p{font-size:17px!important}#kontak .field label{font-size:16px!important}#kontak .field input,#kontak .field textarea,#kontak .field select{font-size:16px!important}.site-footer .footer-top p,.site-footer .footer-links{font-size:15px!important}.site-footer .footer-bottom{font-size:13px!important}}


/* WebDokterPro V4 — vivid premium visual upgrade */
:root{--navy:#0b1730;--navy2:#173968;--gold:#f0bd55;--gold2:#ffe29a;--accent:#39c6d8;--purple:#7467ef;--paper:#f4f7fc;--shadow:0 22px 60px rgba(13,35,70,.14)}
.site-header{background:rgba(7,18,39,.97);box-shadow:0 8px 30px rgba(5,15,35,.16)}
.brand-mark{background:linear-gradient(145deg,rgba(240,189,85,.2),rgba(57,198,216,.13));box-shadow:0 0 24px rgba(240,189,85,.12)}
.nav-cta,.btn-gold{background:linear-gradient(110deg,#f5c86a,#ffe7a5);box-shadow:0 9px 24px rgba(240,189,85,.22)}
.hero{background:radial-gradient(ellipse at 82% 18%,rgba(57,198,216,.25),transparent 28%),radial-gradient(ellipse at 15% 90%,rgba(116,103,239,.28),transparent 35%),radial-gradient(ellipse at 65% 100%,rgba(240,189,85,.17),transparent 32%),linear-gradient(125deg,#071329 0%,#10294e 52%,#1b4775 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000 60%,transparent)}
.hero:after{border-color:rgba(255,226,154,.25);box-shadow:0 0 0 45px rgba(57,198,216,.045),0 0 0 90px rgba(116,103,239,.04),0 0 90px rgba(240,189,85,.08)}
.hero h1 span{background:linear-gradient(90deg,#ffe29a,#f5bd55 48%,#6fe3e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:#ffe29a}.eyebrow:before{background:linear-gradient(90deg,#f0bd55,#39c6d8);height:3px;border-radius:9px}
.hero-panel{background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.055));border-color:rgba(255,255,255,.28);box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(16px)}
.panel-item{background:linear-gradient(135deg,rgba(57,198,216,.13),rgba(116,103,239,.12));border-color:rgba(255,255,255,.19)}
.panel-item b{color:#ffe29a}
.trust-strip{background:linear-gradient(90deg,#fff,#f4f8ff 48%,#fff);border-bottom:1px solid #dce6f3}
.trust-inner i{color:#0c9eb0}
.section-soft{background:radial-gradient(ellipse at 0% 10%,rgba(57,198,216,.08),transparent 32%),radial-gradient(ellipse at 100% 90%,rgba(116,103,239,.07),transparent 30%),#f4f7fc}
.kicker{color:#087f91}
.section h2{background:linear-gradient(100deg,#0b1c3b,#214b7a 72%,#087f91);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-card{position:relative;overflow:hidden;border:1px solid #dbe5f1;box-shadow:0 10px 28px rgba(15,39,77,.055);transition:transform .25s,box-shadow .25s,border-color .25s}
.service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f0bd55,#39c6d8,#7467ef);opacity:.85}
.service-card:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(15,39,77,.14);border-color:#9bdde4}
.service-icon{background:linear-gradient(135deg,#fff0ca,#dff8fa 65%,#ebe9ff);color:#145477;box-shadow:0 8px 20px rgba(20,84,119,.08)}
.blueprint-card{background:radial-gradient(circle at 100% 0%,rgba(57,198,216,.22),transparent 35%),linear-gradient(145deg,#0b1730,#173968 75%,#214b7a);box-shadow:0 24px 55px rgba(11,31,65,.2)}
.blueprint-step{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.18)}
.step-no{color:#ffe29a}
.portfolio-card{overflow:hidden;box-shadow:0 10px 28px rgba(15,39,77,.07);transition:transform .25s,box-shadow .25s}
.portfolio-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(15,39,77,.15)}
.portfolio-visual{background:radial-gradient(circle at 75% 25%,rgba(57,198,216,.45),transparent 28%),radial-gradient(circle at 20% 90%,rgba(116,103,239,.5),transparent 38%),linear-gradient(135deg,#0b1730,#1c4775);color:#ffe29a}
.portfolio-body small{color:#087f91}
.process-card{border-color:#dce5f0;box-shadow:0 8px 24px rgba(15,39,77,.045);transition:.22s}
.process-card:hover{transform:translateY(-5px);border-color:#9bdde4;box-shadow:0 18px 38px rgba(15,39,77,.1)}
.process-card strong{background:linear-gradient(90deg,#d99b2b,#079bad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-band{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 0%,rgba(57,198,216,.28),transparent 34%),radial-gradient(circle at 5% 100%,rgba(116,103,239,.25),transparent 35%),linear-gradient(120deg,#08152d,#173968 75%,#20517b);box-shadow:0 25px 60px rgba(11,31,65,.2)}
.cta-band:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-100px;bottom:-180px;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}
.cta-band>*{position:relative;z-index:1}
#kontak.section-soft{background:radial-gradient(ellipse at 0% 20%,rgba(57,198,216,.12),transparent 35%),radial-gradient(ellipse at 100% 80%,rgba(240,189,85,.12),transparent 35%),linear-gradient(180deg,#f3f7fc,#fff)}
#kontak .contact-card{background:radial-gradient(circle at 100% 0%,rgba(57,198,216,.24),transparent 38%),linear-gradient(145deg,#0b1730,#173968 75%,#214b7a);box-shadow:0 22px 50px rgba(11,31,65,.18)}
#kontak .contact-form{box-shadow:0 18px 45px rgba(15,39,77,.08);border-color:#dce5f0}
#kontak .contact-form .btn{background:linear-gradient(110deg,#f0bd55,#ffe29a);box-shadow:0 10px 24px rgba(240,189,85,.24)}
.site-footer{background:radial-gradient(ellipse at 90% 0%,rgba(57,198,216,.16),transparent 35%),linear-gradient(125deg,#071329,#10294e 65%,#173968);border-top:4px solid transparent;border-image:linear-gradient(90deg,#f0bd55,#39c6d8,#7467ef) 1}
.site-footer .footer-brand{color:#ffe29a!important}
.site-footer .footer-links a:hover{color:#6fe3e9!important}
.wa-float{background:linear-gradient(110deg,#13a96b,#20c982);box-shadow:0 12px 32px rgba(19,169,107,.32);border:1px solid rgba(255,255,255,.25)}
.btn,.nav-cta,.wa-float{transition:transform .22s,box-shadow .22s,filter .22s}
.btn:hover,.nav-cta:hover,.wa-float:hover{transform:translateY(-3px);filter:saturate(1.15);box-shadow:0 14px 30px rgba(0,0,0,.18)}
:focus-visible{outline:3px solid #39c6d8;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* WebDokterPro V5 — clean premium visual system */
:root{--navy:#10213b;--navy2:#193454;--gold:#c99b45;--gold2:#e8c77f;--accent:#168b96;--purple:#7467ef;--paper:#f7f8fa;--ink:#172033;--muted:#536174;--line:#e4e8ee;--shadow:0 14px 36px rgba(16,33,59,.09)}
.site-header{background:#10213b;box-shadow:0 3px 16px rgba(12,28,50,.10)}
.hero{background:linear-gradient(120deg,#10213b 0%,#193454 100%);}
.hero:before{display:none!important}.hero:after{border-color:rgba(232,199,127,.16);box-shadow:0 0 0 38px rgba(232,199,127,.025),0 0 0 76px rgba(232,199,127,.018)}
.hero h1 span{color:#e8c77f;background:none;-webkit-text-fill-color:initial}
.eyebrow{color:#e8c77f}.eyebrow:before{background:#c99b45;height:2px}
.hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 42px rgba(0,0,0,.16);backdrop-filter:none}
.panel-item{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13)}
.panel-item b{color:#e8c77f}
.trust-strip{background:#fff;border-bottom:1px solid #e7ebf0}.trust-inner i{color:#a77b2e}
.section-soft{background:#f6f8fb}
.kicker{color:#96702d}.section h2{background:none;color:#10213b;-webkit-text-fill-color:initial}
.service-card{border:1px solid #e5e9ef;box-shadow:0 5px 18px rgba(16,33,59,.035)}.service-card:before{height:3px;background:#c99b45;opacity:1}.service-card:hover{border-color:#d8c18d;box-shadow:0 14px 30px rgba(16,33,59,.09);transform:translateY(-4px)}
.service-icon{background:#f5efe2;color:#876323;box-shadow:none}
.blueprint-card{background:#10213b;box-shadow:0 16px 36px rgba(16,33,59,.13)}
.portfolio-card{box-shadow:0 5px 18px rgba(16,33,59,.045)}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,33,59,.10)}
.portfolio-visual{background:linear-gradient(135deg,#193454,#294866);color:#e8c77f}.portfolio-visual:after{color:rgba(255,255,255,.42)}.portfolio-body small{color:#96702d}
.process-card{box-shadow:0 4px 14px rgba(16,33,59,.035)}.process-card:hover{transform:translateY(-3px);border-color:#d8c18d;box-shadow:0 12px 26px rgba(16,33,59,.08)}.process-card strong{color:#b18436;background:none;-webkit-text-fill-color:initial}
.cta-band{background:#10213b;box-shadow:0 16px 36px rgba(16,33,59,.14)}.cta-band:after{border-color:rgba(232,199,127,.16);box-shadow:0 0 0 35px rgba(232,199,127,.025),0 0 0 70px rgba(232,199,127,.018)}
#kontak.section-soft{background:#f6f8fb}#kontak .contact-card{background:#10213b;box-shadow:0 14px 32px rgba(16,33,59,.13)}#kontak .contact-form{box-shadow:0 8px 24px rgba(16,33,59,.045);border-color:#e4e8ee}
#kontak .contact-form .btn,.nav-cta,.btn-gold{background:#e8c77f;color:#10213b;box-shadow:none}.nav-cta:hover,.btn-gold:hover,#kontak .contact-form .btn:hover{background:#f0d99e;box-shadow:0 8px 18px rgba(16,33,59,.10)}
.site-footer{background:#0d1b30;border-top:3px solid #c99b45}.site-footer .footer-brand{color:#e8c77f!important}.site-footer .footer-top p{color:#d2d9e3!important}.site-footer .footer-bottom{color:#c1cad6!important}
.wa-float{background:#159b65;box-shadow:0 8px 22px rgba(21,155,101,.20);border:0}.wa-float:hover{background:#118553}
.btn:hover,.nav-cta:hover,.wa-float:hover{transform:translateY(-2px);filter:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

/* WebDokterPro brand icon */
.brand-mark{overflow:hidden;padding:0;background:#0b1730;border:1px solid rgba(48,211,164,.75);box-shadow:0 0 0 1px rgba(48,211,164,.08)}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}