.story-diagram{--diagram-scale:.85;position:relative;width:100%;height:100%}.story-diagram__canvas{position:absolute;width:560px;height:420px;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--diagram-scale))}.story-diagram__canvas svg{flex:0 0 auto;color:var(--studio-accent)}.diagram-window{position:absolute;left:72px;top:54px;width:416px;height:302px;border-radius:14px;background:var(--studio-white);box-shadow:0 20px 48px #111e3812;overflow:hidden}.diagram-window__bar{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 20px;border-bottom:1px solid var(--studio-line);font-size:12px;color:var(--studio-muted)}.diagram-window__bar>span{display:flex;align-items:center;gap:4px}.diagram-window__bar i{width:4px;height:4px;background:var(--studio-line);border-radius:50%}.diagram-window__bar svg{width:16px;height:16px}.diagram-development__body{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 40px)}.diagram-development__code{padding:25px 18px;background:var(--studio-soft)}.diagram-development__code>svg{width:38px;height:38px;margin-bottom:28px}.diagram-code-lines{display:grid;grid-gap:13px;gap:13px}.diagram-code-lines i{display:block;width:100%;height:5px;background:#bbcbea;border-radius:2px}.diagram-code-lines i:nth-child(2n){width:70%;margin-left:16px;background:var(--studio-accent);opacity:.5}.diagram-development__checks{display:grid;align-content:center;grid-gap:23px;gap:23px;padding:24px}.diagram-development__checks>div{display:flex;align-items:center;gap:12px;font-size:12px}.diagram-development__checks svg{width:20px;height:20px}.diagram-label{position:absolute;display:flex;align-items:center;gap:10px;padding:15px 18px;border-radius:10px;background:var(--studio-ground);border:1px solid var(--studio-line);color:var(--studio-ink);font-size:13px}.diagram-label>svg{width:24px;height:24px}.diagram-development__cost{bottom:31px;left:165px;transform:rotate(-3deg)}.diagram-chat{left:125px;top:75px;width:390px;height:290px}.diagram-chat__body{padding:23px}.diagram-chat__question{width:-moz-fit-content;width:fit-content;margin-left:auto;padding:11px 15px;background:var(--studio-soft);border-radius:10px 10px 0 10px;font-size:13px}.diagram-chat__answer{margin-top:22px;padding-left:30px;position:relative}.diagram-chat__answer>svg{position:absolute;top:0;left:0;width:20px;height:20px}.diagram-chat__answer strong{display:block;font-size:14px;font-weight:500}.diagram-chat__answer>span{display:block;margin-top:12px;color:var(--studio-muted);font-size:11px}.diagram-chat__sources{display:flex;gap:8px;margin-top:24px}.diagram-chat__sources span{display:flex;align-items:center;gap:5px;color:var(--studio-accent);font-size:10px;background:var(--studio-soft);border-radius:4px;padding:6px}.diagram-chat__sources svg{width:12px;height:12px}.diagram-knowledge{left:16px;top:48px;width:140px;height:176px;padding:20px;border-radius:12px;background:var(--studio-white);box-shadow:0 16px 38px #111e3812;position:absolute;transform:rotate(-7deg)}.diagram-knowledge>svg{width:38px;height:38px;margin-bottom:18px}.diagram-knowledge strong{display:block;font-size:13px;font-weight:500}.diagram-knowledge small{display:block;margin-top:8px;font-size:10px;color:var(--studio-muted)}.diagram-team{height:290px;top:66px}.diagram-team__head{display:flex;align-items:center;gap:16px;padding:26px}.diagram-team__head>svg{width:52px;height:52px}.diagram-team__head strong{font-size:20px;font-weight:500}.diagram-team__head small{display:block;margin-top:5px;color:var(--studio-muted);font-size:12px}.diagram-team__steps{display:flex;gap:14px;justify-content:center;padding:18px 24px}.diagram-team__steps>div{flex:1 1;display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:18px 5px;border-radius:9px;background:var(--studio-soft);font-size:11px}.diagram-team__steps svg{width:29px;height:29px}.diagram-team__tool{right:5px;top:27px;transform:rotate(5deg)}.diagram-approval{position:absolute;left:109px;top:72px;width:342px;padding:30px;border-radius:15px;background:var(--studio-white);box-shadow:0 20px 48px #111e3812}.diagram-approval__heading{display:flex;align-items:center;gap:13px;font-size:18px}.diagram-approval__heading>svg{width:38px;height:38px}.diagram-approval__row{display:flex;align-items:center;justify-content:space-between;padding-top:18px;margin-top:18px;border-top:1px solid var(--studio-line);font-size:13px}.diagram-approval__row>svg{width:18px;height:18px}.diagram-approval__release{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;margin-top:22px;border-radius:8px;font-size:12px;background:var(--studio-accent);color:var(--studio-white)}.diagram-approval__release>svg{color:inherit;width:19px;height:19px}.diagram-collaboration{position:absolute;left:62px;top:67px;width:436px;padding:26px;border-radius:14px;background:var(--studio-white);box-shadow:0 20px 48px #111e3812}.diagram-collaboration__people{display:flex;align-items:center;justify-content:space-between;padding:7px 15px 27px}.diagram-collaboration__people>div{display:grid;justify-items:center;grid-gap:12px;gap:12px;font-size:13px}.diagram-collaboration__people>div>svg{width:45px;height:45px}.diagram-collaboration__people>span{width:112px;height:1px;background:var(--studio-line);position:relative}.diagram-collaboration__people>span:after{content:"";position:absolute;left:40%;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--studio-accent)}.diagram-collaboration__steps{display:grid;grid-gap:13px;gap:13px;padding-top:23px;border-top:1px solid var(--studio-line)}.diagram-collaboration__steps>div{display:flex;align-items:center;gap:12px;font-size:13px}.diagram-collaboration__steps svg{width:19px;height:19px}.story-photo{object-fit:cover;border-radius:12px}.story-photo,.story-product-proof{width:100%;height:100%;display:block}.story-product-proof{object-fit:contain}