main section:not(.hero){background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6) 0;box-shadow:var(--shadow-md)}main section:nth-child(2) .top{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-left:var(--space-6);padding-right:var(--space-5)}main section:nth-child(2) .top .words{max-width:480px}main section:nth-child(2) .top .words p{margin-bottom:var(--space-3);color:var(--text-secondary);line-height:1.6}main section:nth-child(2) .top h2{margin-bottom:var(--space-3)}main section:nth-child(2) .top img{max-width:280px;flex-shrink:0}main section:nth-child(2) .green-bar{padding:var(--space-4) var(--space-6);background:linear-gradient(135deg, rgba(142, 248, 253, 0.25) 0%, rgba(84, 209, 219, 0.15) 100%);margin-bottom:var(--space-5);border-left:4px solid var(--cyan-5)}main section:nth-child(2) .green-bar span{font-weight:600;font-size:clamp(18px,3vw,24px);color:var(--cyan-9)}main section:nth-child(2) .green-bar+p{margin-bottom:var(--space-3);padding:0 var(--space-6);color:var(--text-secondary);line-height:1.6}main section:nth-child(2) .green-bar+p+p{padding:0 var(--space-6);color:var(--text-secondary);line-height:1.6}main section:nth-child(3){padding:var(--space-6)}main section:nth-child(3) h2{margin-bottom:var(--space-5)}main section:nth-child(3) .card-container{display:flex;flex-flow:row nowrap;gap:var(--space-5)}main section:nth-child(3) .card-container .card{flex:1;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);transition:transform var(--transition-fast) ease,box-shadow var(--transition-base) ease}main section:nth-child(3) .card-container .card .top{display:flex;flex-flow:row nowrap;align-items:center;margin-bottom:var(--space-3)}main section:nth-child(3) .card-container .card .top img{height:36px;width:36px;margin-right:var(--space-3)}main section:nth-child(3) .card-container .card .top span{font-weight:600;font-size:18px}main section:nth-child(3) .card-container .card p{color:var(--text-secondary);font-size:15px;line-height:1.5}@media(hover: hover)and (pointer: fine){main section:nth-child(3) .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}@media all and (max-width: 767px){main section:not(.hero){width:calc(100% - var(--space-7))}main section:not(.hero) h2{text-align:center}main section:nth-child(2){width:calc(100% - var(--space-7))}main section:nth-child(2) .top{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;padding:0 var(--space-5)}main section:nth-child(2) .top h2{text-align:center}main section:nth-child(2) .top img{max-width:200px;margin-top:var(--space-5)}main section:nth-child(2) p{text-align:center}main section:nth-child(2) .green-bar{text-align:center;border-left:none;border-top:4px solid var(--cyan-5)}main section:nth-child(3){padding:var(--space-5)}main section:nth-child(3) .card-container{flex-direction:column;gap:var(--space-4)}main section:nth-child(3) .card-container .card{display:flex;flex-flow:column nowrap;align-items:center;text-align:center}main section:nth-child(3) .card-container .card .top{flex-direction:column}main section:nth-child(3) .card-container .card .top img{margin-right:0;margin-bottom:var(--space-2)}}