/* Approved supporting-section styles; hero styles are owned separately. */
.visual-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #cccec1;border-radius:13px;background:#e9eccf;color:#3f5008;margin-bottom:20px;flex-shrink:0}
.visual-icon svg,.visual-icon img{width:25px;height:25px}
.evolved .buildgrid{gap:36px}
.evolved .codepath,.evolved .aipath{padding:28px;background:#222224;border:1px solid #444447;border-radius:16px;min-width:0}
.buildgrid .visual-icon{background:#30332a;color:#D6F436;border-color:#50553a}
.evolved .buildgrid p{font-size:16px;line-height:1.7}
.evolved .buildgrid .setup-note,.evolved .buildgrid .shared-sdk-note{font-size:13px}
.evolved .principles-grid{grid-template-columns:repeat(4,1fr);gap:28px}
.evolved .principles-grid article{border:0;padding-top:0}
.evolved .principles-grid h3{font-size:20px;line-height:1.3}
.evolved .principles-grid p{font-size:16px;line-height:1.75}
.evolved .closing{position:relative;isolation:isolate;overflow:hidden}
.evolved .closing .wrap{position:relative;z-index:1;padding-right:210px}
.closing-mark{display:block;width:clamp(360px,38vw,600px);height:auto;position:absolute;right:-55px;top:50%;transform:translateY(-50%);opacity:.065;pointer-events:none;user-select:none;z-index:0}
.docs-visual-head{display:flex;align-items:center;gap:22px;margin-bottom:22px}
.docs-visual-head>.visual-icon{width:82px;height:82px;background:#18181A;color:#D6F436;margin:0}
.docs-visual-head>.visual-icon svg{width:36px;height:36px}
.docs-visual-head .visual-kicker{color:#627514;margin:0 0 9px;font-size:12px}
.docs-visual-head h1{margin:0}
.docs-concept .card{position:relative;border-radius:12px}
.docs-concept .card .visual-icon{margin-bottom:20px}
.docs-concept .card::after{content:'↗';position:absolute;right:20px;top:20px;color:#667923;font-size:22px}
.principle-marker{display:flex;align-items:center;gap:14px;margin-bottom:23px;color:#66685d}
.principle-marker span{font-size:12px;line-height:1;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.principle-marker i{display:block;height:1px;flex:1;background:#d5d6ca}
.evolved .howsection .utilitygrid h3{display:flex;align-items:center;gap:11px}
.audience-icon{display:block;width:23px;height:23px;flex:0 0 23px;color:#18181A}
.docs-visual-head .visual-kicker{display:block;font-weight:800;letter-spacing:.13em}
@media(max-width:1000px){.evolved .principles-grid{grid-template-columns:repeat(2,1fr)}.evolved .codepath,.evolved .aipath{padding:22px}}
@media(max-width:740px){.evolved .principles-grid{gap:24px 20px}.evolved .principles-grid h3{font-size:18px}.evolved .principles-grid p{font-size:15px}.evolved .closing .wrap{padding-right:22px}.closing-mark{width:350px;right:-145px;opacity:.045}.docs-visual-head{gap:15px}.docs-visual-head>.visual-icon{width:60px;height:60px}.docs-visual-head h1{font-size:34px}}