/* Дизайн конкретных интерактивных кейсов */
.school-demo,.beauty-demo,.crm-demo-app{background:#fff;color:#243027;box-shadow:0 15px 45px rgba(47,57,43,.07)}.school-top,.beauty-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid #e5e3da;font-size:8px}.school-top>a:first-child,.beauty-top>a:first-child{font-weight:700;letter-spacing:.12em}.school-top>a:first-child i{color:#758460;font-style:normal}.school-top>span,.beauty-top nav{color:#7d8077;font:7px var(--mono);letter-spacing:.08em}.school-top>a:last-child,.beauty-top>a:last-child{color:#60704c;font-weight:700}.school-hero{display:grid;grid-template-columns:1fr .8fr;gap:25px;align-items:center;padding:clamp(25px,5vw,55px);background:#f8f7f2}.school-hero small,.school-enroll small,.beauty-hero small,.beauty-services>div small,.beauty-booking small{color:#758460;font:8px var(--mono);letter-spacing:.1em}.school-hero h2,.beauty-hero h2{margin:14px 0 12px;font:500 clamp(35px,5vw,60px)/.98 var(--serif);letter-spacing:-.05em}.school-hero h2 em,.beauty-hero h2 em{color:#68784d;font-weight:500}.school-hero p,.beauty-hero p{max-width:400px;color:#75786e;font-size:10px;line-height:1.7}.school-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:39px;padding:10px 12px;border:0;background:#283229;color:white;font-size:9px;font-weight:700;cursor:pointer}.school-shape{position:relative;display:grid;align-content:space-between;min-height:195px;padding:18px;background:linear-gradient(140deg,#d8dfca,#b6c39d);overflow:hidden}.school-shape:after{position:absolute;right:-15%;bottom:-60%;width:100%;aspect-ratio:1;border:1px solid rgba(47,61,38,.3);border-radius:50%;content:'';box-shadow:0 0 0 17px rgba(47,61,38,.05),0 0 0 40px rgba(47,61,38,.05)}.school-shape span{z-index:1;color:#566448;font:9px var(--mono)}.school-shape b{z-index:1;font:500 27px/1.05 var(--serif)}.school-shape i{z-index:1;justify-self:end;color:#a96048;font-size:24px;font-style:normal}.school-catalog{padding:27px 20px}.school-catalog-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:17px}.school-catalog-head small{color:#758460;font:8px var(--mono)}.school-catalog-head h3,.school-enroll h3,.beauty-services h3,.beauty-booking h3{margin:7px 0 0;font:500 24px var(--serif)}.school-filters{display:flex;gap:4px;flex-wrap:wrap}.school-filters button{padding:7px 9px;border:1px solid #e0dfd6;background:#fff;color:#62675c;font-size:8px;cursor:pointer}.school-filters button.is-current{background:#283229;color:#fff;border-color:#283229}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.course-grid article{padding:15px;background:#f2f1e9;animation:fade .4s ease both}.course-grid article[hidden]{display:none}.course-grid article>span{color:#788166;font:7px var(--mono);letter-spacing:.06em}.course-grid h4{min-height:35px;margin:17px 0 7px;font:500 17px var(--serif)}.course-grid p{min-height:28px;margin:0;color:#73766e;font-size:8px;line-height:1.5}.course-grid button{margin-top:13px;padding:8px 9px;border:1px solid #bfc4b3;background:transparent;color:#43503c;font-size:8px;cursor:pointer}.school-enroll{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;padding:25px 20px;background:#e6e8dc}.school-enroll h3{margin-bottom:7px}.school-enroll>div p{color:#73766e;font-size:9px;line-height:1.6}.school-enroll form{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px}.school-enroll form button,.school-enroll .case-disclaimer,.school-enroll .demo-status{grid-column:1/-1}.beauty-hero{display:grid;grid-template-columns:1fr .8fr;gap:25px;align-items:center;padding:clamp(25px,5vw,55px);background:#f7f2ed}.beauty-figure{position:relative;display:grid;place-items:center;min-height:215px;overflow:hidden;background:linear-gradient(145deg,#e3cfc1,#cdb7a8)}.beauty-figure i{width:115px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff2e3,#b58972 55%,#88705e);box-shadow:0 15px 40px rgba(75,55,45,.18);animation:lift 7s ease-in-out infinite}.beauty-figure span,.beauty-figure b{position:absolute;color:#665c51;font:7px var(--mono);letter-spacing:.1em}.beauty-figure span{left:14px;top:14px}.beauty-figure b{right:13px;bottom:13px;text-align:right;line-height:1.5}.beauty-services{display:grid;grid-template-columns:1fr;gap:0;padding:24px 20px}.beauty-services>div{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.beauty-services article{display:grid;grid-template-columns:.7fr 1.4fr auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #e7e5dc}.beauty-services article span{color:#7b806f;font:7px var(--mono)}.beauty-services article b{font:500 14px var(--serif)}.beauty-services article strong{font:10px var(--mono)}.beauty-booking{display:grid;gap:16px;padding:22px 20px;background:#e8e3dc}.beauty-booking>div:first-child p{margin:5px 0 0;color:#77766e;font-size:9px}.beauty-booking .case-button{justify-self:start;cursor:pointer}.beauty-booking .case-field strong{display:grid;align-content:center;min-height:40px;padding:10px;background:#fff;color:#556347;font:500 16px var(--serif)}.crm-demo-app{display:grid;grid-template-columns:56px 1fr;min-height:420px;background:#f9f8f4}.crm-sidebar{display:flex;flex-direction:column;align-items:center;gap:19px;padding:18px 8px;background:#29332b;color:#dbe0d2}.crm-mark{font:italic 20px var(--serif)}.crm-mark span{color:#c7d0a6}.crm-side-icon{display:grid;place-items:center;width:28px;height:28px;color:#a6ad9b;font-size:15px}.crm-side-icon.is-on{background:#465341;color:#fff}.crm-sidebar small{margin-top:auto;color:#aeb99a;font:6px var(--mono)}.crm-main{min-width:0;padding:clamp(16px,3vw,27px)}.crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.crm-toolbar small,.crm-metrics small{color:#848679;font:7px var(--mono);letter-spacing:.08em}.crm-toolbar h3{margin:6px 0 0;font:500 24px var(--serif)}.crm-toolbar .case-button{min-height:35px;padding:8px 10px;cursor:pointer;font-size:8px}.crm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.crm-metrics div{padding:11px;background:#eff0e8}.crm-metrics b{display:block;margin-top:6px;color:#45513d;font:500 21px var(--serif)}.crm-controls{display:grid;grid-template-columns:1.5fr .8fr;gap:10px}.crm-controls .case-field{font:7px var(--mono)}.crm-controls input,.crm-controls select{min-height:34px;font-size:9px}.crm-list-head,.crm-row{display:grid;grid-template-columns:1fr .6fr auto;align-items:center;gap:12px}.crm-list-head{margin-top:20px;padding:8px 10px;background:#eeefe8;color:#818477;font:7px var(--mono)}.crm-row{min-height:54px;padding:9px 10px;border-bottom:1px solid #e8e6df}.crm-client b,.crm-client small{display:block}.crm-client b{font-size:9px}.crm-client small{margin-top:4px;color:#828579;font-size:7px}.crm-date{color:#85867a;font-size:8px}.crm-status{min-width:64px;padding:6px;border:1px solid #d5d9cc;background:#f5f5ee;color:#586348;font-size:7px;cursor:pointer}.crm-empty{padding:18px;text-align:center;color:#777;font-size:10px}
@media(max-width:700px){.school-hero,.beauty-hero{grid-template-columns:1fr}.school-shape{min-height:150px}.school-catalog-head{align-items:start;flex-direction:column}.course-grid{grid-template-columns:1fr}.course-grid article{display:grid;grid-template-columns:1fr auto;gap:0 10px}.course-grid article>span,.course-grid h4,.course-grid p{grid-column:1}.course-grid button{grid-column:2;grid-row:2/4;align-self:center}.school-enroll{grid-template-columns:1fr}.school-enroll form{grid-template-columns:1fr}.school-enroll form button,.school-enroll .case-disclaimer,.school-enroll .demo-status{grid-column:auto}.beauty-figure{min-height:165px}.crm-demo-app{grid-template-columns:38px 1fr}.crm-sidebar{gap:12px;padding-inline:4px}.crm-toolbar{align-items:start;flex-direction:column}.crm-list-head,.crm-row{grid-template-columns:1fr auto;gap:7px}.crm-list-head span:nth-child(2),.crm-date{display:none}.crm-status{grid-column:2;grid-row:1/3}.case-stats{grid-template-columns:1fr}.case-stats div{display:flex;justify-content:space-between;gap:12px;border-right:0;border-bottom:1px solid var(--line)}.case-stats div:last-child{border-bottom:0}}