/* Dedicated DOQUM product page, uses the existing APConsulting palette. */
.doqum-hero{background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--purple) 55%,transparent),transparent 46%),linear-gradient(135deg,var(--deep),color-mix(in srgb,var(--deep) 76%,#111 24%));color:#fff;overflow:hidden}
.doqum-hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:64px;align-items:center;padding:100px 0 104px;min-height:570px}
.doqum-eyebrow{color:var(--accent);font-size:.77rem;letter-spacing:.15em;font-weight:800}
.doqum-eyebrow span{padding:0 8px;opacity:.6}
.doqum-hero h1{font-size:clamp(3rem,5.4vw,5.8rem);line-height:1.04;letter-spacing:-.055em;margin:25px 0 24px;max-width:780px;color:white}
.doqum-hero-copy>p{font-size:1.16rem;line-height:1.75;max-width:630px;color:rgba(255,255,255,.84)}
.doqum-hero .button-row{margin-top:32px}
.doqum-hero .doqum-cta{background:var(--accent);border-color:var(--accent);color:#1a1516}
.doqum-hero .doqum-cta:hover{background:#fff;border-color:#fff;color:var(--deep)}
.doqum-hero .doqum-secondary{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}
.doqum-hero .doqum-secondary:hover{background:rgba(255,255,255,.12);color:#fff}
.doqum-flow{width:100%;max-width:450px;justify-self:end;background:color-mix(in srgb,var(--bg) 98%,white 2%);color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 25px 75px #0004;transform:rotate(1deg)}
.doqum-flow-top{display:flex;gap:9px;align-items:center;padding-bottom:18px;font-weight:900;letter-spacing:.11em;font-size:.84rem;border-bottom:1px solid var(--line);color:var(--purple)}
.doqum-flow-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}
.doqum-flow-note{font-weight:700;letter-spacing:.07em;color:var(--muted);font-size:.55rem;margin-left:auto;text-align:right}
.doqum-flow-step{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 16px}
.doqum-flow-step strong{display:block;color:var(--deep);font-size:1.13rem}
.doqum-flow-step small{display:block;color:var(--muted);font-size:.79rem;line-height:1.4}
.doqum-flow-number{color:var(--purple);background:var(--lav);font-weight:800;font-size:.83rem;border-radius:7px;min-width:39px;height:39px;display:grid;place-items:center}
.doqum-flow-check{margin-left:auto;color:var(--purple);font-weight:900}
.doqum-flow-arrow{text-align:center;font-size:1.05rem;color:var(--purple);line-height:1.9}
.doqum-benefits-section{padding:90px 0}
.doqum-content{max-width:1100px;margin:auto;line-height:1.8;font-size:1.045rem}
.doqum-content>h2{font-size:clamp(2.1rem,3.8vw,3.7rem);max-width:850px;margin:20px 0 24px}
.doqum-content>p{max-width:825px;color:var(--muted);font-size:1.13rem;line-height:1.83;margin:0 0 33px}
.doqum-content>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;padding:0;margin:32px 0 76px;list-style:none}
.doqum-content>ul li{background:#fff;border:1px solid var(--line);border-top:4px solid var(--purple);border-radius:10px;box-shadow:var(--shadow);padding:27px 24px;margin:0;color:var(--muted)}
.doqum-content>ul li strong{display:block;font-size:1.16rem;line-height:1.35;color:var(--deep);margin-bottom:12px}
.doqum-outro{background:var(--panel-bg);padding:65px 0}
.doqum-outro-layout{display:flex;align-items:center;justify-content:space-between;gap:38px}
.doqum-outro h2{font-size:clamp(2rem,3.2vw,3.1rem);max-width:770px;margin:12px 0}
.doqum-outro .btn{flex-shrink:0}
/* An additional navigation item needs slightly tighter spacing on medium desktops. */
@media (min-width:781px) and (max-width:1170px){.header .wrap{gap:10px}.header .brand-logo{width:130px}.header .nav{gap:10px}.header .nav a{font-size:.78rem}}
@media (max-width:900px){.doqum-hero-layout{grid-template-columns:1fr;padding:80px 0;gap:40px}.doqum-flow{justify-self:start;transform:none;max-width:490px}.doqum-content>ul{grid-template-columns:1fr;gap:16px}.doqum-content>ul li{padding:25px}.doqum-outro-layout{align-items:flex-start;flex-direction:column;gap:15px}}
@media (max-width:520px){.doqum-hero-layout{padding:60px 0}.doqum-hero h1{font-size:clamp(2.7rem,11vw,3.5rem)}.doqum-hero-copy>p{font-size:1.02rem}.doqum-flow{padding:15px}.doqum-flow-note{font-size:.49rem}.doqum-benefits-section{padding:60px 0}.doqum-outro{padding:50px 0}}

/* DOQUM DEMO: keep the action with the right-hand illustration. */
.doqum-visual{width:100%;max-width:450px;justify-self:end;display:flex;flex-direction:column;align-items:center;gap:23px}
.doqum-visual .doqum-flow{max-width:none;justify-self:auto}
.doqum-demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:176px;background:var(--accent);border:1px solid var(--accent);color:#1a1516;font-weight:800;letter-spacing:.1em;box-shadow:0 10px 30px #0002}
.doqum-demo-btn:hover,.doqum-demo-btn:focus-visible{background:#fff;border-color:#fff;color:var(--deep)}
@media(max-width:900px){.doqum-visual{justify-self:start;max-width:490px}}
