.why__glow{top:20%;right:-25%}.why__layout{display:grid;gap:clamp(2.5rem,2rem + 3vw,5rem);align-items:center}.why__points{display:grid;gap:1.5rem 2rem}.why__point{display:flex;gap:1rem;align-items:flex-start}.why__point-icon{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;color:var(--c-primary-bright);border:1px solid color-mix(in srgb,var(--c-primary-bright) 30%,transparent);background:color-mix(in srgb,var(--c-primary) 12%,transparent)}.why__point-title{font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin-bottom:.3rem}.why__point-text{font-size:var(--fs-small);color:var(--c-text-muted)}.why__visual{position:relative;display:grid;gap:1.25rem}.code-window{position:relative;border-radius:var(--radius);border:1px solid var(--c-border-strong);background:radial-gradient(80% 60% at 100% 0%,color-mix(in srgb,var(--c-primary) 18%,transparent),transparent 60%),color-mix(in srgb,var(--c-surface) 92%,transparent);box-shadow:0 40px 80px -40px #000000e6,0 0 calc(60px * var(--glow)) -30px var(--c-primary-bright);overflow:hidden}.code-window__bar{display:flex;align-items:center;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--c-border)}.code-window__dots{display:flex;gap:6px}.code-window__dots i{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--c-text) 16%,transparent)}.code-window__dots i:first-child{background:color-mix(in srgb,var(--c-accent) 75%,transparent)}.code-window__file{font-size:.75rem;color:var(--c-text-muted)}.code-window__code{margin:0;padding:1.25rem 1.25rem 1.5rem;font-size:clamp(.74rem,.7rem + .2vw,.86rem);line-height:1.85;white-space:normal;overflow-x:auto;counter-reset:line;color:color-mix(in srgb,var(--c-text) 88%,transparent)}.code-window__code code{display:block;white-space:normal}.code-line{display:block;white-space:pre;counter-increment:line}.code-line:before{content:counter(line);display:inline-block;width:2.2em;margin-right:1em;text-align:right;color:color-mix(in srgb,var(--c-text-muted) 50%,transparent)}.code-line--comment{color:var(--c-text-muted);font-style:italic}.code-caret{display:inline-block;width:.55em;height:1.1em;vertical-align:-.2em;background:var(--c-accent);box-shadow:0 0 10px var(--c-accent);animation:caret-blink 1.1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.arch{position:relative;height:200px;border-radius:var(--radius);border:1px solid var(--c-border);background:linear-gradient(color-mix(in srgb,var(--c-text) 4%,transparent) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,color-mix(in srgb,var(--c-text) 4%,transparent) 1px,transparent 1px) 0 0 / 24px 24px,color-mix(in srgb,var(--c-surface) 70%,transparent);overflow:hidden}.arch__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.arch__lines path{fill:none;stroke:var(--c-border-strong);stroke-width:1.2;vector-effect:non-scaling-stroke}.arch__lines .arch__flow{stroke-width:2;stroke-dasharray:40 360;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--c-accent));animation:arch-flow 3.6s linear infinite}.arch__lines .arch__flow--b{animation-delay:-1.8s}@keyframes arch-flow{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.arch__node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-radius:10px;border:1px solid var(--c-border-strong);background:color-mix(in srgb,var(--c-bg) 85%,transparent);font-size:.72rem;white-space:nowrap;color:var(--c-text)}.arch__node .icon{color:var(--c-primary-bright)}.arch__node--a{left:17.5%;top:50%}.arch__node--b{left:50%;top:18%}.arch__node--c{left:50%;top:82%}.arch__node--d{left:82.5%;top:50%;border-color:color-mix(in srgb,var(--c-accent) 55%,transparent);box-shadow:0 0 calc(24px * var(--glow)) -6px var(--c-accent)}.arch__node--d .icon{color:var(--c-accent)}@media(min-width:750px){.why__points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.why__layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}@media(prefers-reduced-motion:reduce){.arch__lines .arch__flow,.code-caret{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-why.css.map */