
/* Defendoria Website Security Audit — v3 additions & motion.
   Uses the active white-canvas/dark-card brand system. */
.audit-v2 .a3-finding-section{background:#fff;padding:105px 0 112px;position:relative;overflow:hidden}
.audit-v2 .a3-finding-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:76px;align-items:center}
.audit-v2 .a3-finding-intro h2,.audit-v2 .a3-prep-copy h2{font-size:clamp(35px,4.15vw,56px);line-height:1.12;letter-spacing:-.06em;color:#10213b}
.audit-v2 .a3-finding-intro h2 em,.audit-v2 .a3-prep-copy h2 em{font-style:normal;color:#4678ff}
.audit-v2 .a3-finding-intro>p:not(.a2-eyebrow):not(.a3-small-note),.audit-v2 .a3-prep-copy>p:not(.a2-eyebrow){font-size:15px;line-height:1.8;color:#586a85;margin:22px 0 27px}
.audit-v2 .a3-finding-tabs{display:grid;gap:9px;max-width:410px}
.audit-v2 .a3-finding-tabs button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#f7f9fd;border:1px solid #dce5f2;color:#284262;border-radius:12px;padding:15px 17px;font:750 13px/1.4 "Segoe UI",system-ui,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.audit-v2 .a3-finding-tabs button>span{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;background:#e8effa;color:#3066ba;border-radius:9px;font-size:10px;flex:none}
.audit-v2 .a3-finding-tabs button[aria-selected="true"]{background:#edf4ff;border-color:#8db1f2;color:#164896;transform:translateX(5px)}
.audit-v2 .a3-finding-tabs button[aria-selected="true"]>span{background:#4678ff;color:#fff}
.audit-v2 .a3-finding-tabs button:hover{border-color:#94b6e7}
.audit-v2 .a3-small-note{font-size:11px;color:#7587a1;margin:15px 0 0}
.audit-v2 .a3-finding-console{color:#ecf4ff;background:radial-gradient(ellipse at 90% 8%,#2c4b9275,transparent 54%),linear-gradient(145deg,#12213f,#080f22);border:1px solid #5c83c8;border-radius:21px;box-shadow:0 30px 65px #19376c26,0 0 75px #4779db13;overflow:hidden;position:relative;transition:box-shadow .3s}
.audit-v2 .a3-finding-console:before{content:"";position:absolute;inset:0;background:linear-gradient(106deg,transparent 42%,#9bc9ff08 50%,transparent 59%);transform:translateX(-100%);pointer-events:none;animation:a3-soft-scan 13s linear infinite}
.audit-v2 .a3-console-toolbar{position:relative;display:flex;align-items:center;gap:17px;border-bottom:1px solid #7192cc49;padding:18px 22px;color:#acc5ec;font-size:10px;letter-spacing:.12em}
.audit-v2 .a3-window-dots{display:flex;align-items:center;gap:5px}
.audit-v2 .a3-window-dots i{width:7px;height:7px;border-radius:50%;background:#7599d3}
.audit-v2 .a3-window-dots i:nth-child(2){opacity:.63}
.audit-v2 .a3-window-dots i:nth-child(3){opacity:.37}
.audit-v2 .a3-console-lock{margin-left:auto;display:flex;align-items:center;gap:4px;color:#92b4e7;font-size:10px;letter-spacing:0}
.audit-v2 .a3-console-lock svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.audit-v2 .a3-console-inner{position:relative;padding:33px}
.audit-v2 .a3-finding-label{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;font-weight:750;color:#b5d0fc;letter-spacing:.1em}
.audit-v2 .a3-label-pulse{width:8px;height:8px;background:#75b4ff;border-radius:50%;box-shadow:0 0 0 5px #4678ff33;animation:a3-breathe 3.7s ease-in-out infinite}
.audit-v2 .a3-level{margin-left:auto;border:1px solid #6a8acd6e;padding:7px 9px;border-radius:7px;font-weight:650;font-size:9px;color:#c5d8ff;letter-spacing:0}
.audit-v2 .a3-console-inner>h3{font-size:clamp(23px,2.6vw,33px);font-weight:750;letter-spacing:-.05em;color:#f5f8ff;line-height:1.17;margin:21px 0 15px;max-width:570px}
.audit-v2 .a3-console-inner>p{font-size:14px;line-height:1.77;color:#b0c2dc;margin:0}
.audit-v2 .a3-evidence-card{border:1px solid #6081b55f;background:#1b2c4cbd;border-radius:12px;padding:18px 20px;margin:24px 0 12px}
.audit-v2 .a3-evidence-head{display:flex;justify-content:space-between;align-items:center;color:#a5c7ff;font-weight:750;font-size:10px;letter-spacing:.12em}
.audit-v2 .a3-evidence-head svg{width:19px;height:19px;stroke:#9abdff;stroke-width:1.7;fill:none}
.audit-v2 .a3-evidence-card p{font-size:13px;line-height:1.75;color:#d1ddf3;margin:10px 0 0}
.audit-v2 .a3-recommendation{display:flex;align-items:flex-start;gap:13px;background:#25416c70;border:1px solid #6386bf5f;padding:17px;border-radius:12px}
.audit-v2 .a3-recommendation>div{width:28px;height:28px;border:1px solid #75b3fc;background:#2466c072;border-radius:8px;display:grid;place-items:center;flex:none}
.audit-v2 .a3-recommendation svg{width:17px;height:17px;stroke:#c2e0ff;stroke-width:2;fill:none}
.audit-v2 .a3-recommendation p{margin:0;font-size:13px;line-height:1.6;color:#b9cbe6}
.audit-v2 .a3-recommendation strong{display:block;font-size:12px;color:#f4f7ff;margin-bottom:4px}
.audit-v2 .a3-recommendation p span{display:block}
.audit-v2 .a3-console-footer{display:flex;justify-content:space-between;gap:10px;margin-top:25px;font-size:9px;letter-spacing:.08em;color:#819fc8}
.audit-v2 .a3-finding-console.a3-swapping .a3-console-inner>h3,.audit-v2 .a3-finding-console.a3-swapping .a3-evidence-card,.audit-v2 .a3-finding-console.a3-swapping .a3-recommendation{animation:a3-swap .35s ease both}
@keyframes a3-swap{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes a3-breathe{50%{box-shadow:0 0 0 9px #4678ff14;opacity:.6}}
@keyframes a3-soft-scan{0%,75%{transform:translateX(-100%)}96%,100%{transform:translateX(100%)}}
/* Post-audit decisions: dark cards against a light editorial band */
.audit-v2 .a3-after-band{background:#f6f8fc;border-block:1px solid #e1e9f5;padding:98px 0 88px}
.audit-v2 .a3-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.audit-v2 .a3-path-card{background:linear-gradient(143deg,#1b2d52,#0c1629 82%);border:1px solid #6889c473;color:#fff;border-radius:19px;padding:28px;min-height:315px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.audit-v2 .a3-path-card:after{content:"";position:absolute;width:170px;height:170px;background:radial-gradient(circle,#4678ff36,transparent 69%);right:-38px;top:-60px;pointer-events:none}
.audit-v2 .a3-path-card:hover{transform:translateY(-7px);border-color:#a4c4ff;box-shadow:0 24px 42px #183f7836}
.audit-v2 .a3-path-top{display:flex;align-items:center;justify-content:space-between}
.audit-v2 .a3-path-top span{font-size:10px;letter-spacing:.13em;font-weight:750;color:#a5c8ff}
.audit-v2 .a3-path-top svg{width:38px;height:38px;fill:none;stroke:#92bbff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.audit-v2 .a3-path-card h3{font-size:21px;letter-spacing:-.04em;color:#f2f6ff;line-height:1.25;margin:43px 0 13px}
.audit-v2 .a3-path-card p{font-size:14px;line-height:1.67;color:#b2c5e0;margin:0 0 24px}
.audit-v2 .a3-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #7592cc52;padding-top:19px;color:#a7c3ed;font-size:10px;letter-spacing:.1em;margin-top:auto}
.audit-v2 .a3-card-foot i{font-size:20px;font-style:normal}
.audit-v2 .a3-after-note{display:flex;align-items:center;gap:19px;background:#fff;border:1px solid #d9e5f4;border-radius:15px;padding:18px 23px;margin-top:18px}
.audit-v2 .a3-note-symbol{display:grid;place-items:center;width:31px;height:31px;flex:none;background:#e6f0ff;border:1px solid #b8d1f8;border-radius:50%;color:#3267c1;font-weight:800}
.audit-v2 .a3-after-note p{flex:1;font-size:12px;line-height:1.6;color:#536984;margin:0}
.audit-v2 .a3-after-note strong{color:#183b63}
.audit-v2 .a3-after-note a{font-size:12px;font-weight:750;color:#2456b3;white-space:nowrap}
/* Conversion bridge with browser-only prep checklist */
.audit-v2 .a3-prep-section{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:82px;align-items:center;padding-block:112px}
.audit-v2 .a3-prep-copy>p:not(.a2-eyebrow){max-width:490px}
.audit-v2 .a3-prep-guidance{display:flex;align-items:flex-start;gap:13px;padding:17px;margin:25px 0;border-radius:12px;border:1px solid #d8e6f5;background:#f5f9ff;font-size:12px;color:#456080;line-height:1.6}
.audit-v2 .a3-prep-guidance svg{flex:none;width:25px;height:25px;stroke:#3d72d0;stroke-width:1.8;fill:none}
.audit-v2 .a3-prep-card{background:#fff;border:1px solid #d4e1f2;border-radius:20px;box-shadow:0 20px 65px #315f9c19;overflow:hidden}
.audit-v2 .a3-prep-header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#eef5ff;padding:25px 26px;border-bottom:1px solid #d5e4f9}
.audit-v2 .a3-prep-header span:not(.a3-ready-icon){font-size:10px;letter-spacing:.13em;color:#3471cb;font-weight:800}
.audit-v2 .a3-prep-header h3{font-size:21px;letter-spacing:-.04em;margin:7px 0 0;color:#19395f}
.audit-v2 .a3-ready-icon{font-size:23px;font-weight:850;border-radius:13px;width:45px;height:45px;display:grid;place-items:center;color:#3e78d1;background:#dfebff}
.audit-v2 .a3-prep-meter{padding:24px 27px 4px;display:flex;align-items:center;gap:20px}
.audit-v2 .a3-meter-track{height:8px;background:#e0e9f5;border-radius:20px;flex:1;overflow:hidden}
.audit-v2 .a3-meter-track>span{display:block;height:100%;width:0%;border-radius:20px;background:linear-gradient(90deg,#4678ff,#80b9ff);transition:width .35s ease}
.audit-v2 .a3-prep-meter>span{color:#3760a3;font-size:11px;font-weight:800;min-width:75px;text-align:right}
.audit-v2 .a3-checklist{padding:5px 26px}
.audit-v2 .a3-checklist label{display:flex;align-items:flex-start;gap:13px;cursor:pointer;padding:17px 0;border-bottom:1px solid #e2eaf5}
.audit-v2 .a3-checklist label:last-child{border-bottom:0}
.audit-v2 .a3-checklist input{position:absolute;opacity:0;width:1px;height:1px}
.audit-v2 .a3-check-box{width:24px;height:24px;border:1.5px solid #b8cee9;border-radius:7px;color:transparent;display:grid;place-items:center;flex:none;background:#fff;font-size:14px;font-weight:900;transition:background .2s,border-color .2s,color .2s}
.audit-v2 .a3-checklist input:checked+.a3-check-box{background:#4678ff;border-color:#4678ff;color:white}
.audit-v2 .a3-checklist input:focus-visible+.a3-check-box{outline:3px solid #7aafff;outline-offset:3px}
.audit-v2 .a3-checklist label>span:last-child{display:flex;flex-direction:column;gap:4px}
.audit-v2 .a3-checklist strong{font-size:13px;color:#183856}
.audit-v2 .a3-checklist small{font-size:11px;line-height:1.5;color:#68809a}
.audit-v2 .a3-prep-footer{border-top:1px solid #e0e9f5;padding:15px 27px;color:#7389a3;font-size:11px;background:#fbfdff}
/* Motion: progressive enhancement, never hidden if JS fails */
.audit-v2 .a3-progress-rail{position:fixed;inset:0 auto auto 0;width:100%;height:3px;z-index:10001;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#4678ff,#80b7ff);box-shadow:0 0 8px #4678ff70}
.audit-v2.a3-motion-ready [data-reveal]{opacity:0;transform:translate3d(0,23px,0);transition:transform .75s cubic-bezier(.17,.7,.2,1),opacity .75s ease;transition-delay:var(--a3-reveal-delay,0ms)}
.audit-v2.a3-motion-ready [data-reveal].a3-inview{opacity:1;transform:translate3d(0,0,0)}
.audit-v2 .a2-hero-stage{transform:translate3d(var(--a3-px,0px),var(--a3-py,0px),0);transition:transform .22s ease-out;will-change:transform}
.audit-v2 .a2-hero-stage:before{animation:a3-glow-float 10s ease-in-out infinite alternate}
.audit-v2 .a2-workspace{box-shadow:0 32px 65px rgba(13,43,95,.26),inset 0 1px 2px #ffffff1a;animation:a3-soft-float 7.5s ease-in-out infinite}
.audit-v2 .a2-cover-card,.audit-v2 .a2-industry-grid article{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.audit-v2 .a2-cover-card:hover,.audit-v2 .a2-industry-grid article:hover{transform:translateY(-6px);border-color:#92bbff;box-shadow:0 22px 43px #193c7236}
.audit-v2 .a2-hero .a2-primary,.audit-v2 .a2-cta .a2-primary{position:relative;overflow:hidden}
.audit-v2 .a2-hero .a2-primary:after,.audit-v2 .a2-cta .a2-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,#fff5 50%,transparent 62%);transform:translateX(-160%);transition:transform .7s ease;pointer-events:none}
.audit-v2 .a2-hero .a2-primary:hover:after,.audit-v2 .a2-cta .a2-primary:hover:after{transform:translateX(160%)}
@keyframes a3-glow-float{to{transform:scale(1.15) translate(2%,3%);opacity:.68}}
@keyframes a3-soft-float{50%{transform:perspective(1100px) rotateY(-4deg) rotateX(1deg) translateY(-7px)}}
@media(max-width:980px){.audit-v2 .a3-finding-layout,.audit-v2 .a3-prep-section{grid-template-columns:1fr;gap:33px}.audit-v2 .a3-finding-section{padding-block:78px}.audit-v2 .a3-finding-console{max-width:720px}.audit-v2 .a3-prep-section{padding-block:80px}.audit-v2 .a3-after-note{flex-wrap:wrap}.audit-v2 .a3-after-note a{margin-left:50px}}
@media(max-width:720px){.audit-v2 .a3-finding-section{padding-block:66px}.audit-v2 .a3-finding-intro h2,.audit-v2 .a3-prep-copy h2{font-size:clamp(33px,8.5vw,44px)}.audit-v2 .a3-console-inner{padding:22px}.audit-v2 .a3-console-toolbar{padding:14px 17px;gap:11px;font-size:8px}.audit-v2 .a3-finding-label{font-size:9px}.audit-v2 .a3-level{margin-left:0}.audit-v2 .a3-console-inner>h3{font-size:24px}.audit-v2 .a3-path-grid{grid-template-columns:1fr;gap:12px}.audit-v2 .a3-after-band{padding-block:68px}.audit-v2 .a3-path-card{min-height:250px}.audit-v2 .a3-path-card h3{margin-top:29px}.audit-v2 .a3-after-note{padding:15px}.audit-v2 .a3-after-note a{margin-left:0;white-space:normal}.audit-v2 .a3-prep-section{padding-block:65px;gap:26px}.audit-v2 .a3-prep-card{border-radius:15px}.audit-v2 .a3-prep-header{padding:21px 19px}.audit-v2 .a3-prep-meter{padding:20px 18px 5px}.audit-v2 .a3-checklist{padding-inline:19px}.audit-v2 .a3-prep-footer{padding-inline:19px}.audit-v2 .a2-hero-stage{will-change:auto}}
@media(prefers-reduced-motion:reduce){.audit-v2 .a3-progress-rail{display:none}.audit-v2 .a2-hero-stage,.audit-v2 .a2-workspace,.audit-v2 .a2-hero-stage:before,.audit-v2 .a3-finding-console:before,.audit-v2 .a3-label-pulse{animation:none!important;transform:none!important}.audit-v2.a3-motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.audit-v2 .a3-meter-track>span,.audit-v2 .a3-path-card,.audit-v2 .a2-cover-card,.audit-v2 .a2-industry-grid article{transition:none!important}}
