/* Page-specific animated signatures, with readable copy and a light canvas. */
.pagehero-animated{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 15%,#f1e1f5,transparent 60%),radial-gradient(ellipse at 40% 100%,#e8e9fc,transparent 65%),#faf7fe;padding-block:40px 30px;border-bottom:1px solid #e6d9ee;--header-x:0px;--header-y:0px}
.pagehero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;min-height:350px}.pagehero-copy{position:relative;z-index:2}.pagehero-copy h1{font-size:clamp(38px,4.2vw,60px);line-height:1.12;letter-spacing:-2.3px;margin:24px 0;animation:header-copy-in .75s cubic-bezier(.2,.7,.2,1) both}.pagehero-copy p{font-size:18px;line-height:1.8;max-width:620px;animation:header-copy-in .75s cubic-bezier(.2,.7,.2,1) .12s both}.pagehero-animated .breadcrumbs{margin-bottom:12px;font-size:13px}.pagehero-visual{min-width:0;animation:header-art-in 1s cubic-bezier(.2,.7,.2,1) both;transform:translate(var(--header-x),var(--header-y))}.page-art{position:relative;width:100%;height:330px;max-width:460px;margin:auto}.art-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1.3px;color:#80658e;line-height:1.8}.art-identity .pagehero-logo{position:absolute;width:90%;height:90%;left:5%;top:0;filter:drop-shadow(0 16px 22px #9660bd20)}.page-orbit{position:absolute;inset:12%;border:1px solid #b17ed343;border-radius:50%;transform:rotateX(62deg) rotateZ(-24deg)}.orbit-b{inset:6%;transform:rotateY(60deg) rotateZ(35deg);border-style:dashed;border-color:#8e7ad43b;animation:identity-orbit 9s ease-in-out infinite alternate}.page-motion-control{display:block;margin:14px 0 0 auto;min-height:44px;padding:10px 16px;border:1px solid #d1bade;border-radius:12px;background:#ffffff90;color:#7b4b91;font-size:12px}.pagehero-animated.motion-paused .pagehero-visual *{animation-play-state:paused!important}.page-motion-control:hover{background:#f4e9fa}.page-motion-control:focus-visible{outline:3px solid #8346b5;outline-offset:4px}
@keyframes header-copy-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes header-art-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes header-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes connection-travel{to{stroke-dashoffset:-528}}@keyframes ai-core-breathe{0%,100%{box-shadow:0 0 0 7px #bc8bd21a}50%{box-shadow:0 0 0 12px #bc8bd208}}@keyframes identity-orbit{from{transform:rotateY(60deg) rotateZ(25deg)}to{transform:rotateY(60deg) rotateZ(40deg)}}@keyframes contact-settle{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
/* Real workflow previews: stable app frames, restrained activity within the screen. */
.pagehero-grid{grid-template-columns:1fr 1fr;gap:48px;min-height:440px}.real-header{max-width:530px;height:auto;padding:14px 0}.real-window{background:#fff;border:1px solid #ded8e8;border-radius:16px;box-shadow:0 24px 60px #44325c12,0 4px 12px #44325c06;overflow:hidden;color:#30293b;text-align:left}.real-titlebar{height:46px;display:flex;align-items:center;gap:14px;padding:0 18px;background:#f7f6fa;border-bottom:1px solid #ece8f1;font-size:12px;color:#776d84}.window-lights{display:flex;gap:5px}.window-lights i{width:7px;height:7px;background:#d4cbdc;border-radius:50%}.window-avatar{margin-left:auto;background:#eee5f5;border-radius:6px;padding:5px;font-size:10px;color:#76518d}.real-body{padding:24px}.real-eyebrow{font-size:10px;letter-spacing:1.2px;color:#87649b;font-weight:600}.real-body h3,.about-brief h3{font-size:21px;line-height:1.35;letter-spacing:-.5px;margin:10px 0 22px;color:#30293b}.pulse-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:20px}.pulse-stats>div{padding:12px;background:#f8f6fb;border:1px solid #ede8f3;border-radius:9px}.pulse-stats strong{display:block;font-size:23px;font-weight:600}.pulse-stats small{font-size:11px;color:#81758e;display:block;margin-top:5px}.task-head,.quote-head{font-size:11px;color:#8d8297}.task-head{display:flex;justify-content:space-between;padding-bottom:9px}.real-task{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #efeaf4;padding:14px 0}.real-task small{display:block;font-size:10px;letter-spacing:.4px;color:#887b95;margin-bottom:5px}.real-task strong{display:block;font-size:13px;font-weight:500}.real-pill{white-space:nowrap;font-size:10px;font-weight:500;padding:5px 8px;border-radius:5px;background:#edf5f1;color:#39785d}.real-pill.amber{background:#fbf3df;color:#956c22}.real-task:first-of-type{animation:row-review 8s ease-in-out infinite}.task-progress{display:grid;grid-template-columns:1fr auto;gap:8px;margin:3px 0 18px;font-size:11px;color:#80708b}.task-progress b{font-weight:500}.task-progress i{grid-column:1/-1;height:5px;background:#efe8f5;border-radius:3px;overflow:hidden}.task-progress em{transform-origin:left;display:block;width:75%;height:100%;background:linear-gradient(90deg,#c763ab,#8663c3);animation:progress-settle 1.6s ease both}.real-note{display:flex;justify-content:space-between;gap:10px;background:#f7f3fb;border:1px solid #eee5f5;padding:12px;border-radius:7px;color:#715580;font-size:11px;line-height:1.5}.real-note>span{color:#91819c;text-align:right}.real-foot{display:flex;align-items:center;gap:7px;padding:12px 18px;border-top:1px solid #eee8f3;font-size:10px;color:#968a9f}.real-foot>span:last-child{margin-left:auto}.sync-dot{height:5px;width:5px;border-radius:50%;background:#69a187}.quote-product{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;font-size:13px}.quote-product>span{font-size:11px;color:#8b7d97}.quote-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eee8f3;font-size:13px}.quote-row small{display:block;margin-top:5px;font-size:10px;color:#8b7d97}.quote-row.chosen{padding-inline:10px;background:#f0f6f3;border-radius:7px;border-color:transparent;color:#38705a;animation:quote-selected 8s ease-in-out infinite}.quote-row strong{font-size:13px;font-weight:600;white-space:nowrap}.quote-row.quote-head{padding-top:0;border:0;font-size:11px}.quote-row+.real-note{margin-top:12px}.document-source,.review-gate{display:flex;align-items:center;gap:12px}.document-source .ui-icon,.review-gate .ui-icon,.evidence-receipt .ui-icon{width:22px;height:22px;flex-shrink:0;color:#9472ac}.document-source strong,.review-gate strong{display:block;font-size:12px}.document-source small,.review-gate small{display:block;font-size:10px;color:#8a7b95;margin-top:5px}.document-source>.real-pill,.review-gate>.real-pill{margin-left:auto}.draft-preview{margin:20px 0;background:#faf8fc;border:1px solid #e9e0f0;border-radius:9px;padding:18px;position:relative;overflow:hidden}.draft-preview>small{font-size:9px;letter-spacing:.8px;color:#9879ad}.draft-preview p{font-size:14px;line-height:1.7;margin:10px 0 14px;color:#5e506b;animation:none}.draft-reference{font-size:10px;color:#9b8ba5;border-top:1px solid #ede7f3;padding-top:12px}.draft-preview:after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#be61ae,#7b6dcc);transform-origin:left;animation:draft-scan 9s ease infinite}.inspection-stages{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#93869e;border-bottom:1px solid #ede6f3;padding-bottom:14px;margin-bottom:18px}.inspection-stages b{color:#8a4cad;font-weight:600}.inspection-count{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}.inspection-count>span{font-size:10px;color:#8a7b95}.inspection-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0eaf5;font-size:12px}.corrective-note{border-left:2px solid #d8b563;background:#fcf8ed;padding:10px 12px;margin-top:12px;font-size:11px;color:#7b683c;animation:row-review 8s ease infinite}.corrective-note small{display:block;font-size:9px;letter-spacing:.6px;margin-bottom:5px}.evidence-receipt{display:flex;align-items:center;gap:8px;font-size:10px;color:#8a7b95;margin-top:16px}.evidence-receipt>span{margin-left:auto}.brief-field{border-bottom:1px solid #eee7f4;padding:0 0 16px;margin-bottom:16px}.brief-field small{display:block;font-size:11px;color:#8a7b95;margin-bottom:7px}.brief-field strong{font-size:14px;font-weight:500}.brief-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.brief-tags span{font-size:11px;background:#f4edf9;color:#87609c;padding:8px 10px;border-radius:6px}.about-brief{background:#fff;border:1px solid #e9e0ef;padding:35px;border-radius:20px;box-shadow:0 16px 45px #49326009}.about-brief>div:not(.real-eyebrow){display:flex;gap:20px;border-top:1px solid #eee7f4;padding-top:15px}.about-brief>div>span{font-size:12px;color:#9d65b4;padding-top:10px}.about-brief p{font-size:14px;line-height:1.8;margin:7px 0 20px;color:#887593}.about-brief p strong{display:block;color:#493754;font-weight:500}.art-caption{font-size:11px}
@keyframes progress-settle{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes row-review{0%,100%{background-color:transparent}40%,65%{background-color:#fbf7ed}}@keyframes quote-selected{0%,100%{background-color:#f0f6f3}50%{background-color:#e5f2eb}}@keyframes draft-scan{0%,20%{transform:scaleX(.15);opacity:.4}55%,80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:.2}}
@media(max-width:1000px){.pagehero-grid{gap:28px}.pagehero-copy h1{font-size:44px;letter-spacing:-1.8px}.real-body{padding:18px}.real-body h3{font-size:18px}.real-note{flex-direction:column;gap:3px}.real-note>span{text-align:left}.pulse-stats{gap:6px}.pulse-stats>div{padding:9px}.document-source{gap:8px}}
@media(max-width:700px){.pagehero-animated{padding-block:28px 24px}.pagehero-grid{grid-template-columns:1fr;gap:24px;min-height:0}.pagehero-copy h1{font-size:clamp(36px,8.5vw,48px);letter-spacing:-1.6px;margin-block:22px}.pagehero-copy p{font-size:17px;margin-bottom:0}.pagehero-visual{width:100%;max-width:500px;justify-self:center}.real-header{padding:0}.real-body{padding:20px}.real-body h3{font-size:21px}.real-note{flex-direction:row}.real-note>span{text-align:right}.page-motion-control{margin:8px auto 0;font-size:13px}.about-brief{padding:26px}.art-identity{height:280px}.art-identity .pagehero-logo{width:80%;height:90%;left:10%}}
@media(max-width:370px){.real-body{padding:15px}.real-note{flex-direction:column}.real-note>span{text-align:left}.document-source,.review-gate{flex-wrap:wrap}.real-body h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.pagehero-copy h1,.pagehero-copy p,.pagehero-visual,.pagehero-animated *{animation:none!important;opacity:1;translate:none}.pagehero-visual{transform:none}.page-motion-control{display:none}}