/* Подробный кейс на главной: задача, работа и настоящий результат. */
.featured-build{padding-top:70px;padding-bottom:45px}.featured-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.featured-heading h2{font-size:clamp(30px,4vw,50px);line-height:1.1;letter-spacing:-.045em;margin:13px 0 0}.featured-heading>p{font-size:12px;color:var(--muted);max-width:240px;margin:0}.featured-picker{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.featured-picker button{padding:12px 18px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s}.featured-picker button[aria-selected=true]{background:var(--lime);border-color:var(--lime);color:#172017;font-weight:750}.featured-picker button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.featured-stage{position:relative;display:grid;grid-template-columns:.85fr 1.35fr;gap:35px;padding:38px;border:1px solid #435143;border-radius:24px;overflow:hidden;background:linear-gradient(130deg,#1c2a23,#111e25);box-shadow:0 20px 70px #0002}.featured-stage:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:35px 35px}.featured-copy,.featured-result{position:relative;min-width:0;z-index:1}.featured-number{font:10px/1.5 monospace;color:#9cae93;letter-spacing:.1em}.featured-copy h3{font-size:clamp(30px,3vw,43px);line-height:1.1;letter-spacing:-.04em;color:#f0f4e9;margin:18px 0 8px}.featured-subtitle{color:#b7c4b1;font-size:13px;margin:0 0 26px}.featured-story{display:grid;gap:17px}.featured-story>div{border-top:1px solid #ffffff16;padding-top:14px}.featured-story dt{font:9px monospace;color:#c3ed77;letter-spacing:.12em;margin-bottom:7px}.featured-story dd{margin:0;font-size:13px;line-height:1.7;color:#c9d3c5}.featured-role{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.featured-role span{border:1px solid #ffffff25;padding:5px 9px;border-radius:6px;font-size:9px;color:#b6c6b4}.featured-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.featured-actions>a:first-child{font-size:12px;padding:12px 18px}.featured-actions>a:last-child{font-size:11px;color:#d3dec9}.featured-result{display:flex;align-items:center;padding:15px 20px 70px 0;min-height:470px}.featured-desktop{width:100%;border:1px solid #ffffff35;border-radius:12px;overflow:hidden;background:#172017;transform:rotate(-2deg);box-shadow:0 25px 50px #0005;transition:transform .4s}.featured-desktop:hover{transform:rotate(0)}.featured-desktop .site-browser-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#26332a;color:#bdc7b8}.featured-desktop>img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;object-position:top}.featured-mobile{position:absolute;right:-5px;bottom:38px;width:132px;border:5px solid #40483c;border-radius:20px;overflow:hidden;transform:rotate(5deg);box-shadow:-10px 20px 35px #0005;background:#f3f4e9;cursor:zoom-in;padding:0}.featured-mobile>img{width:100%;display:block;height:auto}.featured-caption{position:absolute;left:8px;bottom:13px;color:#8ea88e;font:9px monospace;letter-spacing:.05em}.featured-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:25px;margin-top:25px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.featured-flow strong{font-weight:500;color:var(--lime-text);margin-right:auto;font-size:10px}.featured-flow i{font-style:normal;color:var(--lime-text)}.featured-contact{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:24px;padding:22px 25px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.featured-contact p{font-size:13px;color:var(--muted);margin:3px 0 0}.featured-contact strong{font-size:14px}.featured-contact>a{font-size:12px;color:var(--lime-text);white-space:nowrap}.interactive-shelf{margin-top:45px;margin-bottom:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.interactive-shelf>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0}.interactive-shelf>summary::-webkit-details-marker{display:none}.interactive-shelf>summary small{color:var(--muted);font-size:10px;letter-spacing:.1em}.interactive-shelf>summary strong{display:block;font-size:25px;line-height:1.2;font-weight:600;margin-top:8px;letter-spacing:-.03em}.interactive-shelf>summary>b{font-size:35px;color:var(--lime-text);font-weight:400;transition:transform .2s}.interactive-shelf[open]>summary>b{transform:rotate(45deg)}.interactive-shelf .section{padding-left:0;padding-right:0}.interactive-shelf .wrap{padding-left:0;padding-right:0}.interactive-shelf .bug-section{margin:15px 0 0}.interactive-shelf .design-lab{background:transparent;margin:0}.interactive-shelf .section{padding-top:35px;padding-bottom:35px}.interactive-shelf .comparison-section{max-width:100%}.featured-panel-switch{animation:featured-enter .35s ease both}@keyframes featured-enter{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .featured-stage{background:linear-gradient(130deg,#edf3e3,#e2ebe5);border-color:#bbc9af}:root[data-theme=light] .featured-copy h3{color:#243b2b}:root[data-theme=light] .featured-story dd,:root[data-theme=light] .featured-subtitle{color:#4d6351}:root[data-theme=light] .featured-story dt,:root[data-theme=light] .featured-number{color:#557632}:root[data-theme=light] .featured-story>div{border-color:#526d3d30}:root[data-theme=light] .featured-role span{color:#4e6448;border-color:#526d3d40}:root[data-theme=light] .featured-actions>a:last-child{color:#35532c}@media(max-width:1000px){.featured-stage{padding:27px;gap:25px;grid-template-columns:1fr 1.15fr}.featured-mobile{width:110px;right:-12px}.featured-result{padding-right:10px;min-height:420px}.featured-copy h3{font-size:33px}.featured-story dd{font-size:12px}}@media(max-width:760px){.featured-build{padding-top:45px}.featured-heading{align-items:flex-start;flex-direction:column;gap:15px}.featured-heading>p{max-width:420px}.featured-stage{grid-template-columns:1fr;padding:25px;gap:15px}.featured-result{grid-row:1;min-height:0;padding:8px 22px 65px 0;margin-bottom:0}.featured-desktop>img{aspect-ratio:1.55}.featured-mobile{width:105px;right:-6px;bottom:26px}.featured-caption{font-size:8px;bottom:6px;left:0}.featured-copy h3{font-size:35px;margin-top:10px}.featured-subtitle{margin-bottom:18px}.featured-story{gap:13px}.featured-role{margin:20px 0}.featured-picker{gap:6px}.featured-picker button{font-size:10px;padding:10px 13px}.featured-flow{gap:8px;font-size:10px}.featured-flow strong{width:100%;margin-bottom:3px}.featured-contact{align-items:flex-start;flex-direction:column;gap:14px;padding:20px}.interactive-shelf>summary strong{font-size:23px}.featured-story dd{font-size:13px}}@media(max-width:400px){.featured-mobile{width:86px;border-width:4px;border-radius:16px}.featured-result{padding-bottom:55px}.featured-stage{padding:19px}.featured-actions{gap:14px}.featured-copy h3{font-size:31px}}@media(prefers-reduced-motion:reduce){.featured-panel-switch{animation:none}.featured-desktop{transform:none;transition:none}.featured-mobile{transform:none}}
.featured-screen-button{padding:0;border:0;background:none;display:block;width:100%;cursor:zoom-in}.featured-screen-button>img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;object-position:top}.featured-flow-steps{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.featured-screen-button:focus-visible,.featured-mobile:focus-visible{outline:3px solid #c3ed77;outline-offset:-3px}@media(max-width:760px){.featured-screen-button>img{aspect-ratio:1.55}.featured-flow-steps{gap:8px}}