.diagnostic-space{position:relative;isolation:isolate;overflow:hidden;background:#fff8e7;border:1px solid #fff;box-shadow:inset 0 2px 0 #fff,0 35px 80px #38232125}.diagnostic-space:before{content:'';position:absolute;inset:35% -30% -40%;background-image:linear-gradient(#b91c1c30 1px,transparent 1px),linear-gradient(90deg,#b91c1c30 1px,transparent 1px);background-size:65px 65px;transform:perspective(650px) rotateX(56deg);mask-image:linear-gradient(transparent,#000);z-index:-1;pointer-events:none}.diagnostic-space .audit-intro{position:relative;min-width:0}.diagnostic-space .aio-tool-title{filter:drop-shadow(0 5px 0 #fffaf0c9);perspective:900px}.diagnostic-space .aio-tool-title span{display:block;transition:transform .4s,color .4s}.diagnostic-space .aio-tool-title:hover span:last-child{transform:translateX(10px);color:#382321}.diagnostic-demo{position:relative;perspective:900px;margin:56px 20px 25px 4px;max-width:370px;padding:12px 16px 20px;transform:rotateY(var(--demo-turn,0deg));transform-style:preserve-3d;transition:transform .3s ease-out}.diagnostic-mini-screen{position:relative;border-radius:17px;background:linear-gradient(140deg,#382321,#382321);border:1px solid #ff0033;color:#fff0dc;padding:20px;box-shadow:8px 12px 0 #b91c1c50,18px 30px 38px #38232145;transform:rotateY(-10deg) rotateZ(-3deg);animation:diagnostic-screen-float 6s ease-in-out infinite}.diagnostic-screen-top{display:flex;justify-content:space-between;gap:10px;font:11px Arial;color:#ff0033;letter-spacing:.06em;padding-bottom:16px;border-bottom:1px solid #fff0dc2b}.diagnostic-screen-top span{color:#ff0033;font-size:9px}.diagnostic-mini-screen>p{font-size:19px;line-height:1.7;color:#fff0dc}.diagnostic-demo-answer{padding:15px;background:#fffaf00b;border-radius:10px;display:grid;gap:10px}.diagnostic-demo-answer i{display:block;height:7px;border-radius:5px;background:#fff8e7;transform-origin:left;animation:diagnostic-answer 4s ease-in-out infinite}.diagnostic-demo-answer i:nth-child(2){width:83%;animation-delay:.25s}.diagnostic-demo-answer i:nth-child(3){width:65%;animation-delay:.5s}.diagnostic-demo-foot{font-size:11px;color:#ff0033;margin-top:17px}.diagnostic-chip{position:absolute;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:700;border:1px solid #fff0dc;box-shadow:7px 14px 23px #38232133;z-index:2;pointer-events:none;animation:diagnostic-chip-float 5s ease-in-out infinite}.chip-source{top:-12px;left:-5px;background:linear-gradient(135deg,#fff,#fff0dc);color:#382321}.chip-result{bottom:18px;right:-12px;background:#ff0033;color:#382321;animation-delay:-2.5s}.diagnostic-demo .diagnostic-demo-note{font-size:11px;color:#b91c1c;margin:26px 0 0}.diagnostic-motion-toggle{font:13px inherit;padding:9px 16px;background:#fff0dc;border:1px solid #ff0033;border-radius:25px;color:#382321;cursor:pointer}.diagnostic-space .audit-work{position:relative;border:1px solid #fff;border-radius:25px;background:linear-gradient(140deg,#fff0dcf5,#fff0dcf5);box-shadow:10px 12px 0 #b91c1c20,20px 28px 55px #38232124;transition:box-shadow .3s,border-color .3s}.diagnostic-space .audit-work:focus-within{border-color:#b91c1c;box-shadow:10px 12px 0 #ff003335,0 0 0 4px #ff003325,20px 28px 55px #38232124}.diagnostic-space .audit-url{transition:color .25s}.diagnostic-space .audit-url:focus-within{color:#382321}.diagnostic-space .audit-work input:focus,.diagnostic-space .audit-work textarea:focus{outline:2px solid #b91c1c;outline-offset:2px;box-shadow:0 8px 18px #38232120;background:#fff}.diagnostic-space .audit-primary{position:relative;overflow:hidden;font-weight:700;box-shadow:0 7px 0 #b91c1c80,0 17px 25px #38232130}.diagnostic-space .audit-primary:after{content:'';position:absolute;inset:-80%;background:linear-gradient(115deg,transparent 43%,#fffaf07a 50%,transparent 57%);animation:diagnostic-button-glow 6s ease infinite;pointer-events:none}.diagnostic-paused *,.diagnostic-paused *:after,.diagnostic-outside *,.diagnostic-outside *:after{animation-play-state:paused!important}.diagnostic-paused .diagnostic-demo{transform:none}@keyframes diagnostic-screen-float{50%{transform:translateY(-14px) rotateY(-4deg) rotateZ(1deg)}}@keyframes diagnostic-chip-float{50%{transform:translateY(-12px)}}@keyframes diagnostic-answer{0%,10%{transform:scaleX(.2);opacity:.35}40%,85%{transform:scaleX(1);opacity:1}100%{opacity:.4}}@keyframes diagnostic-button-glow{0%,45%{transform:translateX(-90%)}85%,100%{transform:translateX(90%)}}@media(max-width:800px){.diagnostic-demo{margin:38px auto 20px;width:calc(100% - 32px);max-width:330px}.diagnostic-space .audit-work{box-shadow:5px 8px 0 #b91c1c20,0 18px 35px #38232120}.diagnostic-space .audit-intro{position:static}.diagnostic-mini-screen>p{font-size:17px}.diagnostic-chip{font-size:12px}.diagnostic-motion-toggle{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.diagnostic-space *,.diagnostic-space *:after{animation:none!important;transition:none!important}.diagnostic-demo,.diagnostic-mini-screen,.diagnostic-chip,.diagnostic-space .aio-tool-title:hover span{transform:none!important}.diagnostic-motion-toggle{display:none}}

/* Clip decorative layers without creating a nested scrolling container. */
.audit-card.diagnostic-space{overflow:clip;overscroll-behavior:auto;touch-action:pan-y pinch-zoom}.diagnostic-space .audit-layout,.diagnostic-space .audit-work{overscroll-behavior:auto}