/* A restrained graphic layer: white space, local routes, and intact illustrations. */
.design-live .character-label{display:none}
.design-live .concept{background:#f1f7f4;color:#526c61;border-bottom:1px solid #e4ede8;font-size:11px;letter-spacing:.6px}
.design-live header{border-bottom:1px solid #edf1ef;margin-bottom:18px}
.design-live nav a{position:relative;text-decoration:none;padding:7px 0}
.design-live nav a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#496f61;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.design-live nav a:hover::after,.design-live nav a[aria-current=page]::after{transform:scaleX(1)}
.design-live .button{transition:transform .22s,box-shadow .22s,background .22s}
.design-live .button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #2f48581b}
.design-live .page-hero{padding-bottom:50px;border:0;gap:52px}
.design-live .page-hero figure{position:relative;isolation:isolate;padding:15px 0 28px}
.design-live .page-hero figure::before{content:'';position:absolute;inset:0 -9px 8%;z-index:-1;border:1px dashed #b6d1c6;border-radius:48% 48% 22px 22px;transform:rotate(4deg)}
.design-live .page-hero figure::after{content:'+';position:absolute;right:0;top:3%;font:38px/1 Georgia,serif;color:#c37c50;animation:mark-turn 12s ease-in-out infinite}
.art-caption{position:absolute;bottom:9px;left:22px;background:white;border:1px solid #d8e5df;box-shadow:0 7px 25px #2f48580d;border-radius:99px;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:calc(100% - 30px);animation:caption-float 6s ease-in-out infinite}
.pin-dot{width:11px;height:11px;border-radius:50% 50% 50% 0;background:#f4ad82;transform:rotate(-45deg);flex-shrink:0}
.visual-journey{background:#f5f9f7;border:1px solid #e2ece6;border-radius:20px;padding:32px 38px;margin-top:20px}
.journey-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #dce8e1;padding-bottom:24px}.journey-heading .eyebrow{margin:0;font-size:11px;max-width:330px}.journey-heading>p:last-child{font-size:14px;color:var(--muted);max-width:440px}
.visual-journey ol{list-style:none;padding:30px 0 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.visual-journey li{position:relative;display:flex;gap:17px;align-items:flex-start}.visual-journey h2{font-size:21px;letter-spacing:-.5px;margin:4px 0 8px}.visual-journey li p{font-size:13px;color:var(--muted)}.journey-node{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border:1px solid #b9d7c9;border-radius:50%;background:white;font-size:12px;flex-shrink:0}.visual-journey li:last-child .journey-node{background:var(--blue);color:var(--mint);border-color:var(--blue)}
.visual-journey li:not(:last-child)::after{content:'';position:absolute;top:20px;left:45px;width:calc(100% - 24px);height:1px;background:linear-gradient(90deg,#c3dbcf,transparent);z-index:0}.visual-journey li>div{position:relative;background:#f5f9f7;z-index:1;padding-right:8px}
.design-live .info-card .number{display:grid;place-items:center;background:var(--mint);border-radius:12px;width:43px;height:43px;color:var(--blue)}
.design-live .info-card:nth-child(2) .number{background:#fce9dd}.design-live .info-card:nth-child(3) .number{background:var(--blue);color:white}
.design-live .service,.design-live .pack,.design-live .campaign-card{transition:transform .3s,border-color .3s,box-shadow .3s}
.design-live .service:hover,.design-live .pack:hover,.design-live .campaign-card:hover{transform:translateY(-5px);border-color:#a8cbbb;box-shadow:0 14px 35px #2f485810}
.design-live .sectionhead h2{max-width:780px}.design-live .quote-panel{position:relative;overflow:hidden}.design-live .quote-panel::after{content:'';position:absolute;right:-60px;bottom:-90px;width:220px;height:220px;border:1px solid #accdbc;border-radius:50%;pointer-events:none}
.design-live .contact{background:linear-gradient(120deg,#f3faf6,var(--mint));border:1px solid #d3e7dc}.design-live .contact-portrait{box-shadow:0 9px 26px #2f48580a}
.design-live details[open]>.answer{animation:answer-enter .3s ease-out}.design-live details[open]>summary{color:#42695c}
.design-live #sector-example .example-layout{animation:answer-enter .4s ease-out}
.design-live .sector-buttons button,.design-live .knowledge-filters button{transition:background .2s,color .2s,transform .2s}.design-live .sector-buttons button:hover,.design-live .knowledge-filters button:hover{transform:translateY(-2px)}
.design-live .progress-line{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:#dc956c;z-index:80;pointer-events:none}
.design-live .design-reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.design-live .design-reveal.is-waiting{opacity:0;translate:0 22px}
.design-live.motion-off .design-reveal{opacity:1;translate:none;transition:none}.design-live.motion-off .progress-line{display:none}
@keyframes caption-float{50%{translate:0 -5px}}@keyframes mark-turn{50%{rotate:90deg}}@keyframes answer-enter{from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.design-live .page-hero{gap:25px}.visual-journey{padding:26px}.visual-journey ol{gap:18px}.visual-journey li{gap:10px}.visual-journey h2{font-size:18px}}
@media(max-width:720px){.design-live .page-hero{gap:24px;padding-bottom:30px}.design-live .page-hero figure::before{inset:0 0 8%}.design-live .page-hero figure::after{right:10px}.visual-journey{padding:25px;margin-top:0}.journey-heading{display:block}.journey-heading>p:last-child{margin-top:12px}.visual-journey ol{grid-template-columns:1fr;gap:25px}.visual-journey li{gap:16px}.visual-journey li:not(:last-child)::after{width:1px;height:calc(100% + 18px);left:20px;top:42px;background:#c3dbcf}.visual-journey h2{font-size:21px}.art-caption{font-size:11px;left:12px;padding:8px 12px}.design-live .motion-switch{font-size:11px;padding:8px 12px;opacity:.95}}
@media(prefers-reduced-motion:reduce){.design-live .design-reveal{opacity:1!important;translate:none!important;transition:none!important}.design-live .button:hover,.design-live .pack:hover,.design-live .service:hover,.design-live .campaign-card:hover{transform:none}.design-live .progress-line{display:none}}
