/*
Theme Name: DermCollect
Theme URI: https://dermcollect.com
Author: DermCollect
Description: Professional medical A/R verification and collection workflow website.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dermcollect
*/
:root{--navy:#0a1a2a;--deep:#07131f;--teal:#1cc7b1;--mint:#b8f4e8;--slate:#506275;--off:#f3f7f7;--white:#fff;--line:#dce6e7;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--navy);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:3px}img{max-width:100%}.wrap{max-width:1170px;margin:auto;padding:0 28px}.site-header{background:var(--deep);color:white;position:sticky;top:0;z-index:50;border-bottom:1px solid #203344}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:25px;letter-spacing:-1px;font-weight:800;white-space:nowrap}.brand span{color:var(--teal)}.navlinks{display:flex;align-items:center;gap:27px;font-size:14px}.navlinks a:hover{color:var(--mint)}.navcta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:13px 21px;font-weight:750;cursor:pointer;transition:.2s ease}.navcta,.button.primary{background:var(--teal);color:var(--deep)}.button.primary:hover,.navcta:hover{background:#72eadb;transform:translateY(-1px)}.button.secondary{background:transparent;border:1px solid #718994;color:white}.button.secondary:hover{background:#213545}.menubtn{display:none;background:none;border:1px solid #66808c;color:white;padding:7px 10px;border-radius:7px;font-size:23px}.hero{background:radial-gradient(circle at 85% 28%,#154c52 0,transparent 34%),linear-gradient(130deg,#07131f,#0d2935 76%);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding-top:102px;padding-bottom:106px}.eyebrow{display:inline-block;text-transform:uppercase;font-weight:800;letter-spacing:2.4px;font-size:12px;color:#00bdac;margin-bottom:17px}.hero .eyebrow{color:#89e9df}.hero h1{font-size:clamp(43px,5vw,69px);line-height:1.075;letter-spacing:-2.8px;margin:0 0 25px}.hero h1 em{font-style:normal;color:#7ce6d7}.hero p{font-size:18px;max-width:555px;color:#c5d4dd;margin-bottom:31px}.buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:12px!important;color:#96acb7!important;margin-top:24px!important}.platform{background:#102f3a;border:1px solid #345761;box-shadow:0 30px 80px #00101c6b;border-radius:20px;padding:25px;transform:rotate(1deg)}.platform-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #31515e;padding-bottom:17px;margin-bottom:20px;color:#d0eaeb;font-size:13px}.live{color:#83edd8;background:#1c494b;border-radius:30px;padding:4px 10px;font-size:11px}.platform h3{font-size:14px;color:#b6d1d2;font-weight:550;margin:0 0 10px}.metric{font-size:37px;line-height:1.2;font-weight:800;letter-spacing:-1px;color:white}.metric small{font-size:14px;color:#80e2d3;letter-spacing:0}.statline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.stat{border:1px solid #2c5360;border-radius:10px;padding:12px}.stat strong{display:block;font-size:19px;color:#fff}.stat span{font-size:11px;color:#bad0d7}.bars{display:flex;align-items:end;gap:10px;height:104px;border-bottom:1px solid #31515e;padding:10px 0}.bars i{flex:1;background:linear-gradient(0deg,#0d8e8b,#5ee7d4);border-radius:5px 5px 0 0;opacity:.9}.bars i:nth-child(1){height:44%}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){height:57%}.bars i:nth-child(4){height:80%}.bars i:nth-child(5){height:65%}.bars i:nth-child(6){height:94%}.bars i:nth-child(7){height:76%}.bars i:nth-child(8){height:100%}.mock-disclaimer{color:#9bb5ba;font-size:11px;margin-top:12px}.trust{padding:20px 0;background:#e9f5f3;border-bottom:1px solid #d2e9e6;color:#31515b;text-align:center;font-weight:650;font-size:13px;letter-spacing:.2px}.section{padding:100px 0}.section.muted{background:var(--off)}.section-head{max-width:730px;margin-bottom:43px}.section-head h2{font-size:clamp(31px,3.5vw,48px);line-height:1.15;letter-spacing:-1.6px;margin:0 0 16px}.section-head p{color:var(--slate);font-size:18px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:white}.card h3{font-size:22px;line-height:1.25;margin:17px 0 12px}.card p{color:var(--slate);margin:0}.card-icon{display:grid;place-items:center;width:46px;height:46px;background:#e1f8f4;color:#08776e;font-size:21px;border-radius:12px;font-weight:bold}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{position:relative;background:#f5f9f9;border:1px solid #dce6e7;border-radius:16px;padding:25px}.stepnum{font-size:12px;font-weight:800;color:#008c82;letter-spacing:1.4px}.step h3{font-size:19px;margin:15px 0 10px}.step p{color:var(--slate);font-size:14px;margin:0}.dark{background:var(--navy);color:white}.dark .section-head p,.dark .card p{color:#c2d0d8}.dark .card{background:#132b3e;border-color:#29445a}.dark .card h3{color:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.checks{padding:0;margin:25px 0;list-style:none}.checks li{padding:10px 0 10px 33px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:#00ac9a;font-weight:900}.panel{padding:35px;background:#e9f7f4;border:1px solid #cbe9e4;border-radius:19px}.panel .big{font-size:68px;font-weight:850;letter-spacing:-3px;line-height:1;color:#09263b}.panel p{color:#45616b}.model{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #c7dfdb}.model strong{font-size:20px}.fine{font-size:12px!important;color:#5c727d!important}.quote{background:#dff8f2;border-left:4px solid #06aa96;padding:22px 24px;border-radius:0 12px 12px 0;font-weight:700;font-size:20px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-grid h2{font-size:45px;letter-spacing:-1.8px;line-height:1.12}.contact-grid p{color:var(--slate)}form.contact{display:grid;gap:14px;background:#f5f9f9;border:1px solid var(--line);padding:30px;border-radius:20px}form.contact label{font-size:13px;font-weight:750}form.contact input,form.contact textarea,form.contact select{width:100%;font:inherit;padding:12px 13px;border:1px solid #cbdadc;border-radius:8px;background:white}form.contact textarea{min-height:95px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.notice{font-size:12px;color:#5b6872}.status{padding:12px;background:#e3f6ef;border-radius:8px}.footer{background:#07131f;color:#a5b6bf;padding:46px 0 27px}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #2a3c46;padding-bottom:25px}.footer .brand{color:white}.footer small{font-size:12px}.foot-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:23px;font-size:12px}.foot-bottom a{text-decoration:underline}.legal{max-width:760px;margin:auto;padding:80px 28px}.legal h1{font-size:43px}.legal p,.legal li{color:#405667}.honeypot{position:absolute;left:-9999px}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:850px){.navlinks{display:none;position:absolute;left:0;right:0;top:80px;padding:26px;background:#0c2632;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menubtn{display:block}.hero-grid,.two,.contact-grid{grid-template-columns:1fr}.hero-grid{padding-top:65px;padding-bottom:65px}.platform{transform:none;max-width:550px}.cards,.steps{grid-template-columns:1fr 1fr}.two,.contact-grid{gap:25px}.section{padding:72px 0}}@media(max-width:560px){.wrap{padding:0 18px}.hero h1{letter-spacing:-1.6px}.cards,.steps,.formgrid{grid-template-columns:1fr}.platform{padding:17px}.section{padding:56px 0}.contact-grid h2{font-size:35px}.foot,.foot-bottom{flex-direction:column;align-items:flex-start}.statline{grid-template-columns:1fr 1fr 1fr}.stat{padding:8px}.stat strong{font-size:16px}}