.services-module__g8J8Uq__hero{text-align:center;max-width:800px;margin:0 auto;padding:8rem 2rem 4rem}@media (max-width:768px){.services-module__g8J8Uq__hero{padding:6rem 1.5rem 3rem}}.services-module__g8J8Uq__title{margin-bottom:1.5rem;font-size:clamp(3rem,6vw,4.5rem)}.services-module__g8J8Uq__subtitle{color:var(--text-secondary);font-size:1.25rem}.services-module__g8J8Uq__serviceSection{border-bottom:1px solid var(--border-color);padding:6rem 0}@media (max-width:768px){.services-module__g8J8Uq__serviceSection{padding:4rem 1.5rem}}.services-module__g8J8Uq__serviceSection:last-of-type{border-bottom:none}.services-module__g8J8Uq__serviceGrid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (max-width:1024px){.services-module__g8J8Uq__serviceGrid{grid-template-columns:1fr;gap:3rem}.services-module__g8J8Uq__serviceInfo{text-align:center;max-width:700px;margin:0 auto}.services-module__g8J8Uq__featureList{justify-content:center}.services-module__g8J8Uq__btnContainer{justify-content:center;display:flex}}.services-module__g8J8Uq__serviceInfo h2{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,4vw,2.5rem)}.services-module__g8J8Uq__serviceInfo p{color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(1rem,2vw,1.1rem)}.services-module__g8J8Uq__btnContainer{margin-top:2.5rem}.services-module__g8J8Uq__serviceBtn{background:var(--text-primary);color:var(--bg-color);border-radius:50px;padding:1rem 2rem;font-weight:600;transition:transform .3s,opacity .3s;display:inline-block}@media (min-width:1025px){.services-module__g8J8Uq__serviceBtn:hover{opacity:.9;transform:translateY(-2px)}}.services-module__g8J8Uq__featureList{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:480px){.services-module__g8J8Uq__featureList{text-align:left;grid-template-columns:1fr;max-width:max-content;margin:0 auto}}.services-module__g8J8Uq__featureList li{padding-left:1.5rem;font-weight:500;position:relative}.services-module__g8J8Uq__featureList li:before{content:"→";color:var(--accent-ui);position:absolute;left:0}.services-module__g8J8Uq__webDev li:before{color:var(--accent-web)}.services-module__g8J8Uq__aiAuto li:before{color:var(--accent-ai)}.services-module__g8J8Uq__serviceVisual{background:var(--surface-color);aspect-ratio:1;border:1px solid var(--border-color);border-radius:24px;position:relative;overflow:hidden}@media (max-width:1024px){.services-module__g8J8Uq__serviceVisual{aspect-ratio:16/9;width:100%;max-width:700px;margin:0 auto}}.services-module__g8J8Uq__workflowSection{background:var(--surface-hover);padding:8rem 0}@media (max-width:768px){.services-module__g8J8Uq__workflowSection{padding:4rem 0}}.services-module__g8J8Uq__workflowHeader{text-align:center;margin-bottom:5rem}.services-module__g8J8Uq__workflowHeader h2{margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem)}.services-module__g8J8Uq__timeline{justify-content:space-between;max-width:1000px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.services-module__g8J8Uq__timeline:before{content:"";background:var(--border-color);z-index:0;height:2px;position:absolute;top:40px;left:10%;right:10%}.services-module__g8J8Uq__timelineStep{z-index:1;text-align:center;background:var(--surface-hover);width:250px;position:relative}.services-module__g8J8Uq__stepIcon{background:var(--bg-color);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2rem;transition:transform .3s,border-color .3s;display:flex}@media (min-width:1025px){.services-module__g8J8Uq__timelineStep:hover .services-module__g8J8Uq__stepIcon{transform:scale(1.1)}.services-module__g8J8Uq__step1:hover .services-module__g8J8Uq__stepIcon{border-color:var(--accent-ui)}.services-module__g8J8Uq__step2:hover .services-module__g8J8Uq__stepIcon{border-color:var(--accent-web)}.services-module__g8J8Uq__step3:hover .services-module__g8J8Uq__stepIcon{border-color:var(--accent-ai)}}.services-module__g8J8Uq__timelineStep h3{margin-bottom:.5rem;font-size:1.5rem}.services-module__g8J8Uq__timelineStep p{color:var(--text-secondary);font-size:.95rem}@media (max-width:1024px){.services-module__g8J8Uq__timeline{flex-direction:column;align-items:center;gap:4rem}.services-module__g8J8Uq__timeline:before{width:2px;height:100%;inset:0 auto 0 50%}}@media (min-width:1025px){.services-module__g8J8Uq__serviceSection:nth-of-type(2n) .services-module__g8J8Uq__serviceVisual{order:-1}}
