/* Scoped software illustration. Values shown come from the existing example
   capture; layout is an illustrative, scalable presentation of the product. */
.software-showcase{position:relative;isolation:isolate;min-width:0;width:100%;padding:28px 0 10px;container-type:inline-size}
.software-showcase::before{content:"";position:absolute;inset:5% -4% 10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#99c9a523,transparent 67%)}
.software-notebook{width:98%;margin:0 auto;position:relative;filter:drop-shadow(0 28px 22px #0007)}
.software-notebook__lid{position:relative;padding:12px 6px 11px;background:linear-gradient(145deg,#25292b,#101313 60%,#202624);border:1px solid #adb7b1;border-bottom-color:#7e8983;border-radius:16px 16px 3px 3px;box-shadow:inset 0 1px 0 #e6ece94d,0 0 0 1px #090e0b}
.software-notebook__camera{position:absolute;top:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#121c16;box-shadow:inset 1px 1px 0 #586f61,0 0 0 1px #72887844}
.software-ui{overflow:hidden;border-radius:7px;background:#f5f8f6;color:#223b2b;font-family:Inter,sans-serif;font-size:10px;font-size:clamp(5px,1.58cqw,11px);line-height:1.4;text-align:left;aspect-ratio:16/10;display:flex;flex-direction:column}
.software-ui__top{height:3.6em;flex-shrink:0;display:flex;align-items:center;gap:1.5em;padding:0 1.3em;border-bottom:1px solid #e1e9e3;background:white}
.software-ui__top>img{display:block;width:8em;height:auto}
.software-ui__top>span:nth-child(2){font-size:.82em;color:#75867a;border-left:1px solid #e4ebe6;padding-left:1.5em}
.software-ui__avatar{display:grid;place-items:center;margin-left:auto;width:2em;height:2em;background:#e2eee6;border-radius:50%;font-size:.85em;font-weight:700;color:#557561}
.software-ui__workspace{display:flex;flex:1;min-height:0}
.software-ui__rail{display:flex;align-items:center;flex-direction:column;gap:1em;width:4.1em;flex:0 0 4.1em;padding:1.5em .6em;background:#fff;border-right:1px solid #e4ece6;color:#8da192}
.software-ui__rail>span{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:.65em;font-size:1em}
.software-ui__rail>.is-selected{color:#427858;background:#e2eee5}
.software-ui__rail-bottom{margin-top:auto}
.software-ui__content{padding:1.4em;flex:1;min-width:0}
.software-ui__greeting{display:flex;justify-content:space-between;align-items:center;gap:.8em;margin-bottom:1.1em}
.software-ui__greeting>div>strong{display:block;font-size:1.4em;line-height:1.3;letter-spacing:-.035em;color:#203229}
.software-ui__greeting strong>span{display:inline-grid;place-items:center;background:#a9c8b3;color:white;width:1.15em;height:1.15em;border-radius:50%;font-size:.65em;vertical-align:middle}
.software-ui__greeting small{display:block;font-size:.75em;color:#87978b;margin-top:.5em}
.software-ui__example{font-size:.65em;color:#83978a;white-space:nowrap}
.software-ui__metrics{display:grid;grid-template-columns:.9fr 1.3fr;gap:1.05em}
.software-ui__total{display:flex;flex-direction:column;min-width:0;border-radius:1em;padding:1.5em;background:linear-gradient(145deg,#194834,#2f6448);color:#fff;box-shadow:0 5px 12px #1a493318}
.software-ui__total>span{font-size:.85em;color:#c7ddd0}
.software-ui__total>strong{font-size:3em;letter-spacing:-.055em;font-weight:700;line-height:1.25;margin-top:.18em;color:white}
.software-ui__total>strong>small{font-size:.33em;letter-spacing:0;color:#c7ddd0}
.software-ui__total>.software-ui__recycle{display:grid;place-items:center;align-self:flex-end;width:1.8em;height:1.8em;border:1px solid #bad8c530;border-radius:50%;font-size:1.5em;color:#b6d5c2;margin:.6em 0 .3em;background:#c5e2cd08}
.software-ui__total>small{font-size:.68em;color:#b6d5c2;margin-top:auto}
.software-ui__materials{border:1px solid #e1e9e3;background:#fff;border-radius:1em;padding:1.3em}
.software-ui__materials>strong{display:block;font-size:.9em;color:#304b39;margin-bottom:1.2em}
.software-ui__materials>div{display:grid;grid-template-columns:1fr auto;gap:.45em .5em;margin-top:1.05em;font-size:.72em;color:#728577}
.software-ui__materials b{font-size:.9em;font-weight:600;color:#506b59}
.software-ui__materials i{grid-column:1/-1;height:.45em;overflow:hidden;border-radius:1em;background:#edf2ee}
.software-ui__materials em{height:100%;display:block;border-radius:1em}
.software-ui__activity{margin-top:1.1em;background:#fff;border:1px solid #e1e9e3;border-radius:1em;padding:1.15em 1.3em .35em}
.software-ui__activity-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7em}
.software-ui__activity-title>strong{font-size:.9em;color:#304b39}
.software-ui__activity-title>span{font-size:.67em;color:#8a9b90}
.software-ui__activity-row{display:flex;align-items:center;gap:1em;padding:.8em 0;border-top:1px solid #eef3ef}
.software-ui__file{display:grid;place-items:center;width:2.7em;height:2.7em;border-radius:.6em;background:#f7f0da;color:#b3994e;font-size:.8em}
.software-ui__activity-row>span:nth-child(2){flex:1}
.software-ui__activity-row strong{display:block;font-size:.75em;font-weight:600;color:#45614e}
.software-ui__activity-row small{display:block;font-size:.65em;color:#8a9b90;margin-top:.25em}
.software-ui__status{font-size:.65em;font-weight:600;padding:.4em .75em;border-radius:.5em;background:#e5f3ea;color:#477458}
.software-ui__status--pending{color:#a18a43;background:#faf3df}
.software-notebook__hinge{height:3px;background:linear-gradient(90deg,#404747,#171d1b 10%,#171d1b 90%,#404747)}
.software-notebook__base{position:relative;width:104%;margin-left:-2%;height:15px;border-radius:1px 1px 40% 40% / 1px 1px 10px 10px;background:linear-gradient(#e1e5e3 0%,#b5beba 12%,#d2d8d5 25%,#a3aea7 63%,#727e77 90%,#4e5953);box-shadow:0 2px 0 #131c17,0 16px 22px -10px #000b}
.software-notebook__base>span{position:absolute;top:0;left:42%;width:16%;height:4px;background:linear-gradient(#737e77,#aeb7b1);border-radius:0 0 8px 8px}
.software-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:18px 24px;margin:30px auto 0;width:88%;max-width:100%}
.software-proof>div{display:flex;align-items:center;gap:10px;min-width:0}
.software-proof>div:nth-child(even){border-left:1px solid #a8c5b02b;padding-left:18px}
.software-proof__icon{display:grid;place-items:center;width:28px;height:30px;flex:0 0 28px;border-radius:8px;background:#a8c5b00a;color:#b7d3c0;font-size:15px}
.software-proof strong{display:block;font-size:11px;color:#e0ebe4;font-weight:600;line-height:1.5}
.software-proof small{display:block;font-size:10px;color:#9eb3a5;line-height:1.5}
@media(max-width:480px){
 .software-showcase{padding-top:8px}
 .software-notebook__lid{padding:10px 4px 7px;border-radius:12px 12px 3px 3px}
 .software-notebook__camera{top:4px;width:3px;height:3px}
 .software-notebook__base{height:10px}
 .software-ui__example{display:none}
 .software-proof{width:96%;gap:14px 10px;margin-top:24px}
 .software-proof>div{gap:7px}
 .software-proof>div:nth-child(even){padding-left:10px}
 .software-proof strong{font-size:10px}
 .software-proof small{font-size:9px}
 .software-proof__icon{font-size:14px}
}