.works-hero{padding:95px 0 75px;background:linear-gradient(180deg,#fff,#f3f6f9)}.works-hero h1{max-width:900px;margin:15px 0 20px;font-size:clamp(48px,6vw,72px);line-height:1.03;letter-spacing:-.055em}.works-hero p{max-width:730px;color:var(--muted);font-size:17px}.works-group{padding:90px 0}.works-group.soft{background:#f4f7fa}.works-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.works-heading h2{margin:12px 0 0;font-size:clamp(35px,4vw,50px);letter-spacing:-.045em}.works-heading p{max-width:500px;color:var(--muted);font-size:12px}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.work-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.work-visual{position:relative;height:310px;padding:25px;overflow:hidden}.work-visual.shop{background:linear-gradient(135deg,#eee5d9,#faf7f2)}.work-visual.auto{background:linear-gradient(135deg,#152332,#34516a);color:#fff}.work-browser{height:100%;padding:15px;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(26,48,70,.12)}.browser-top{display:flex;gap:5px;padding-bottom:12px;border-bottom:1px solid #e7ebef}.browser-top i{width:6px;height:6px;border-radius:50%;background:#ccd4db}.browser-layout{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.browser-copy{padding:18px}.browser-copy small,.browser-copy b,.browser-copy span{display:block}.browser-copy small{font-size:6px;letter-spacing:.12em}.browser-copy b{margin:8px 0;font:500 24px Georgia,serif}.browser-copy span{color:#738291;font-size:7px}.browser-art{border-radius:9px;background:linear-gradient(145deg,#d8baa6,#f3e6da)}.auto .work-browser{background:#1e2d3b}.auto .browser-top{border-color:#354a5c}.auto .browser-top i{background:#597084}.auto .browser-copy span{color:#9fb1c0}.auto .browser-art{background:linear-gradient(145deg,#4c677d,#121b24)}.work-content{padding:24px}.work-label{display:inline-block;padding:5px 8px;border-radius:99px;background:#eaf3ff;color:#326ba8;font-size:8px;font-weight:850;text-transform:uppercase}.work-content h3{margin:11px 0 7px;font-size:22px}.work-content p{color:var(--muted);font-size:12px}.work-meta{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.work-meta span{padding:6px 8px;border-radius:7px;background:#f1f4f6;color:#617386;font-size:8px}.work-link{display:inline-flex;color:var(--blue);font-size:11px;font-weight:850}.demo-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-work{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff}.demo-work small{color:var(--blue);font-size:8px;font-weight:850}.demo-work h3{font-size:18px}.demo-work p{color:var(--muted);font-size:11px}.demo-work a{color:var(--blue);font-size:10px;font-weight:850}@media(max-width:760px){.works-grid,.demo-work-grid{grid-template-columns:1fr}.works-heading{align-items:start;flex-direction:column}.work-visual{height:250px}}