@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18333c;--muted:#5c747e;--teal:#087e7a;--teal-dark:#086d73;--seafoam:#e5f3f0;--mint:#dcefeb;--line:#dce5e8;--paper:#f3f6f7;--white:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h2{font-size:clamp(2.35rem,4vw,4.15rem);line-height:1.17;font-weight:800}h2 span{color:var(--teal)}.shell{width:min(100% - 64px,1320px);margin:auto}.skip-link{position:absolute;left:14px;top:-60px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(248,249,253,.93);backdrop-filter:blur(20px);border-bottom:1px solid rgba(210,211,225,.65)}.nav-wrap{height:84px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:142px;height:auto}.main-nav{display:flex;align-items:center;gap:29px}.main-nav a,.nav-login{font-weight:700;font-size:.88rem}.main-nav a{color:#556c6d;transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--teal)}.nav-login{padding:12px 18px;border:1px solid #c4efec;border-radius:100px;white-space:nowrap;color:var(--teal-dark);transition:all .2s}.nav-login:hover{background:var(--teal);border-color:var(--teal);color:#fff}.nav-login span{font-size:1.1em;margin-left:7px}.menu-toggle{display:none}.hero{min-height:660px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:25px;padding-top:70px;padding-bottom:95px}.hero-copy{position:relative;z-index:3}.eyebrow,.section-kicker{font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:var(--teal)}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#f1fbfb;padding:10px 15px;border-radius:30px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#8ce2dd;box-shadow:0 0 0 4px #e1f7f6}.hero h1{font-size:clamp(3.1rem,5vw,5.9rem);line-height:1.09;margin:27px 0 24px;font-weight:800;max-width:720px}.hero-description{font-size:1.13rem;line-height:1.8;color:var(--muted);max-width:570px}.hero-actions{display:flex;align-items:center;gap:32px;margin:32px 0 42px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:0;border-radius:14px;padding:15px 22px;font-weight:800;font-family:Manrope,sans-serif;font-size:.94rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 14px 30px rgba(97,82,214,.24)}.btn-primary:hover{background:var(--teal-dark);box-shadow:0 18px 35px rgba(97,82,214,.3)}.btn span{font-size:1.3rem;line-height:1}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--teal-dark);font-weight:800}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-trust{display:flex;gap:12px;align-items:center;color:#74788a;max-width:355px;font-size:.8rem;line-height:1.5}.hero-trust p{margin:0}.trust-icon{width:32px;height:32px;flex:none;border-radius:50%;background:#e4f5f0;color:#219f7a;display:grid;place-items:center;font-weight:800}.hero-visual{height:545px;position:relative;display:grid;place-items:center;isolation:isolate}.visual-glow{position:absolute;inset:20px 0 20px 60px;border-radius:100px 220px 130px 250px;background:radial-gradient(circle at 30% 30%,#e2f2ef 0,#edfafa 45%,#d6eff3 100%);transform:rotate(-7deg);z-index:-1}.hero-visual:after{content:'';position:absolute;width:73%;height:55%;left:13%;bottom:0;background:#8fe3de;filter:blur(60px);opacity:.16;z-index:-2}.dashboard-window{width:min(620px,100%);background:#fff;border:1px solid #e2efee;box-shadow:0 34px 90px rgba(59,55,130,.15);border-radius:18px;overflow:hidden;transform:rotate(-2deg)}.floating{animation:float 7s ease-in-out infinite}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}.window-top{height:44px;border-bottom:1px solid #eef4f4;display:flex;align-items:center;gap:18px;padding:0 14px;color:#9b9bac;font-size:.65rem;font-weight:800}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#e4edec;border-radius:50%}.window-dots i:first-child{background:#90c6bd}.window-dots i:nth-child(2){background:#b5d7d0}.window-dots i:last-child{background:#a4dacb}.window-mark{margin-left:auto;color:#72dcd5}.window-content{display:flex;min-height:360px}.dash-side{width:55px;border-right:1px solid #eff5f5;background:#fdfefe;display:flex;flex-direction:column;align-items:center;gap:19px;padding:14px 0}.side-logo{font-size:1.3rem;color:var(--teal);margin-bottom:14px}.dash-side i{width:19px;height:8px;border-radius:5px;background:#e7f1f0}.dash-side i.active{background:#81dfda}.dash-main{flex:1;padding:23px 26px}.dash-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dash-heading div{display:flex;flex-direction:column}.dash-heading small{font-size:.58rem;color:#a8bdbc}.dash-heading strong{font:800 1.12rem Manrope,sans-serif;color:#304a4c}.dash-avatar{height:28px;width:28px;background:#eafaf9;color:#68d9d2;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:800}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-card{min-height:100px;border-radius:11px;border:1px solid #edf8f7;padding:10px;display:flex;flex-direction:column;position:relative;overflow:hidden}.dash-card-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:.8rem}.violet{background:#eefbfa;color:#6ddad4}.mint{background:#e4f8f1;color:#55b998}.peach{background:#ecf4f2;color:#4b9e95}.dash-card small{font-size:.52rem;color:#acbfbe;margin-top:6px}.dash-card strong{font-size:.7rem}.dash-line{position:absolute;right:7px;bottom:11px;height:18px;width:33px;border-bottom:3px solid #abeae6;border-radius:50%;transform:rotate(-13deg)}.mint-line{border-color:#7ddac1}.peach-line{border-color:#c8e4de}.dash-table{border:1px solid #edf5f5;border-radius:12px;margin-top:18px;padding:14px}.dash-table-head{display:flex;justify-content:space-between;font-size:.65rem;margin-bottom:12px}.dash-table-head span{color:#8ae2dd}.dash-row{display:flex;align-items:center;gap:10px;border-top:1px solid #f1f6f6;padding:8px 0}.row-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;flex:none;font-style:normal;font-size:.65rem}.dash-row span{display:flex;flex-direction:column;line-height:1.2}.dash-row b{font-size:.56rem}.dash-row small{font-size:.48rem;color:#a6a7b8;margin-top:3px}.dash-row em{margin-left:auto;font-size:.47rem;font-style:normal;color:#73d9d3;background:#f1fcfb;border-radius:20px;padding:3px 6px}.float-note{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 16px 38px rgba(53,49,116,.14);z-index:2;animation:float 6s ease-in-out infinite}.float-note span:last-child{display:flex;flex-direction:column;line-height:1.3}.float-note strong{font-size:.68rem}.float-note small{font-size:.57rem;color:#96adac}.note-icon,.note-bubble{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#dcf7ed;color:#2eae84;font-weight:800}.note-bubble{background:#eefbfa;color:#74dcd6}.float-note-one{right:-8px;top:62px}.float-note-two{left:6px;bottom:57px;animation-delay:-3s}.section-divider{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.section-divider .shell{display:flex;align-items:center;gap:25px;min-height:65px;color:#9a9dae;font-weight:800;font-size:.69rem;letter-spacing:.16em}.divider-line{height:1px;background:#dbe8e7;flex:1}.section{padding-top:112px;padding-bottom:112px;scroll-margin-top:80px}.about-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:9%;align-items:end;margin-top:25px}.about h2{max-width:650px;margin-bottom:0}.about-right{padding-bottom:8px}.about-right p{color:var(--muted);font-size:1.13rem;line-height:1.85;margin-bottom:24px}.features-band{background:#f0f9f8}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-head h2{margin:15px 0 0}.section-head p{width:320px;color:var(--muted);margin:0 0 8px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{min-height:260px;background:#fff;border:1px solid #e6f1f0;border-radius:22px;padding:29px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 23px 38px rgba(65,61,133,.09)}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#effbfa;color:#6cdad4;font-size:1.5rem;margin-bottom:33px}.feature-card:nth-child(2) .feature-icon{background:#e1f5ef;color:#329e83}.feature-card:nth-child(3) .feature-icon{background:#eaf3f0;color:#408f89}.feature-card:nth-child(4) .feature-icon{background:#e5f2f1;color:#358f8a}.feature-card h3{font-size:1.13rem;line-height:1.35;margin-bottom:11px}.feature-card p{color:var(--muted);font-size:.89rem;line-height:1.7;margin:0}.workflow-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.workflow-heading h2{margin:16px 0 38px}.workflow-heading p{width:320px;color:var(--muted);margin-bottom:44px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{border-top:2px solid #d8edec;padding:28px 18px 32px 2px;position:relative}.step-card:before{content:'';position:absolute;width:9px;height:9px;border:3px solid var(--teal);background:#fff;border-radius:50%;top:-6px;left:0}.step-number{color:var(--teal);font:800 .85rem Manrope,sans-serif}.step-card h3{font-size:1.32rem;margin:35px 0 12px}.step-card p{color:var(--muted);font-size:.93rem;max-width:325px;margin:0}.workflow-cta{background:#102e39;color:#fff;border-radius:23px;margin-top:40px;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.workflow-cta p{font:800 1.1rem Manrope,sans-serif;margin:0}.btn-light{background:#fff;color:#dcefeb}.showcase-band{background:#f0f9f8}.showcase{background:#fff;border:1px solid #e7f1f0;border-radius:24px;overflow:hidden}.showcase-panel{min-height:370px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:45px 55px;background:radial-gradient(circle at 78% 50%,#ecfaf9,transparent 32%),linear-gradient(130deg,#fff,#f9fefd)}.slide-copy .slide-label{display:inline-block;border-radius:30px;background:#edfafa;color:#67d9d2;padding:6px 12px;font-size:.73rem;font-weight:800;margin-bottom:20px}.slide-copy h3{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.16;margin-bottom:16px}.slide-copy p{color:var(--muted);max-width:400px;font-size:1rem}.slide-art{width:100%;height:260px;border:1px solid #e5f3f2;border-radius:16px;background:#fff;box-shadow:0 25px 55px rgba(63,57,131,.13);overflow:hidden;display:grid;place-items:center;animation:float 7s ease-in-out infinite}.slide-art img{width:100%;height:100%;object-fit:cover}.slide-art-default{width:100%;height:100%;padding:22px;background:linear-gradient(140deg,#f9fdfd,#eefaf8);display:grid;grid-template-columns:80px 1fr;gap:14px}.slide-art-default .mini-side{background:#e8f9f8;border-radius:11px}.mini-main{display:flex;flex-direction:column;gap:10px}.mini-head{height:25px;background:#fff;border-radius:8px;width:55%}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stats i{height:56px;border-radius:8px;background:#cef3f1}.mini-stats i:nth-child(2){background:#bfe9e0}.mini-stats i:nth-child(3){background:#e1eee9}.mini-line{background:#fff;border-radius:9px;height:15px}.mini-line:last-child{width:70%}.showcase-controls{display:flex;align-items:center;gap:24px;border-top:1px solid #eef5f5;padding:17px 26px}.slide-count{font-size:.8rem;font-weight:800;color:#73a5a2}.slide-dots{display:flex;gap:7px;margin-right:auto}.slide-dots button{width:7px;height:7px;border:0;border-radius:50%;background:#d7e5e4;padding:0;cursor:pointer}.slide-dots button.active{width:23px;border-radius:8px;background:#6adad3}.arrow-controls{display:flex;gap:7px}.arrow-controls button{height:38px;width:38px;background:#f6fdfc;color:#62d5ce;border:0;border-radius:11px;font-size:1.3rem;cursor:pointer}.arrow-controls button:hover{background:#e2f2ef}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.video-card{display:block;text-align:left;border:1px solid #e7efef;border-radius:17px;background:#fff;padding:13px;cursor:pointer;color:var(--ink);transition:transform .2s}.video-card:hover{transform:translateY(-4px)}.video-thumb{height:150px;border-radius:10px;background:linear-gradient(135deg,#def7f5,#d4f4ec);display:grid;place-items:center;background-size:cover;background-position:center}.play-icon{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--teal);display:grid;place-items:center;font-size:1.35rem;box-shadow:0 8px 26px #0002}.video-card strong{display:block;font:800 1rem Manrope,sans-serif;margin:13px 6px 4px}.video-card p{color:var(--muted);font-size:.82rem;margin:0 6px 6px}.faq-grid{display:grid;grid-template-columns:.7fr 1fr;gap:9%;align-items:start}.faq h2{margin:19px 0 0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;background:none;border:0;padding:21px 0;font:800 1rem Manrope,sans-serif;cursor:pointer;color:var(--ink)}.faq-item button span{font-size:1.5rem;color:var(--teal);transition:transform .2s}.faq-item.open button span{transform:rotate(45deg)}.faq-item p{display:none;color:var(--muted);padding:0 35px 22px 0;margin:0}.faq-item.open p{display:block}.contact-band{background:#102e39;color:#fff;padding:98px 0;scroll-margin-top:80px}.contact-grid{display:grid;grid-template-columns:.85fr 1.1fr;gap:12%;align-items:center}.contact-band .section-kicker{color:#c4f0ee}.contact-copy h2{margin:18px 0 22px}.contact-copy p{color:#d3ebea;font-size:1.08rem;line-height:1.8}.contact-links{display:flex;flex-direction:column;gap:11px;margin-top:40px}.contact-links a{font:800 1.18rem Manrope,sans-serif;color:#fff;text-decoration:underline;text-decoration-color:#84ddd8;text-underline-offset:5px}.contact-form{background:#fff;color:var(--ink);padding:32px;border-radius:23px;box-shadow:0 30px 65px rgba(17,13,52,.2)}.contact-form h3{font-size:1.55rem;margin:0 0 5px}.contact-form>p{font-size:.86rem;color:var(--muted);margin-bottom:18px}.contact-form label{display:block;font-size:.78rem;font-weight:800;margin-bottom:13px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #dceae9;border-radius:10px;padding:12px 13px;margin-top:6px;outline:none;color:var(--ink);background:#fbfefe;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ecfaf9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-submit{width:100%;margin:7px 0 8px}.contact-form small{color:#8e91a2;font-size:.7rem}.form-status{min-height:1.4em;margin:0 0 4px!important;color:#087e7a!important;font-weight:700}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.footer{background:#f9fdfd}.footer-main{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:50px;padding:63px 0}.footer-brand img{width:145px}.footer-main p{max-width:300px;color:var(--muted);font-size:.88rem;margin:22px 0 0}.footer-nav,.footer-contacts{display:flex;flex-direction:column;gap:10px;font-size:.9rem}.footer-nav a:hover,.footer-contacts a:hover{color:var(--teal)}.footer-contacts span{font-weight:800;color:#8c90a1;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;margin-bottom:5px}.footer-bottom{border-top:1px solid var(--line);padding:18px 0 28px;display:flex;justify-content:space-between;color:#9699a8;font-size:.76rem}.video-dialog{border:0;border-radius:18px;width:min(850px,90vw);padding:46px 18px 18px;background:#102e39;box-shadow:0 30px 100px #0006}.video-dialog::backdrop{background:#102e39d9;backdrop-filter:blur(4px)}.close-video{position:absolute;right:14px;top:8px;background:none;color:#fff;border:0;font-size:2rem;cursor:pointer}.video-dialog iframe,.video-dialog video{width:100%;aspect-ratio:16/9;border:0;background:#000}.reveal{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.main-nav{gap:15px}.nav-wrap{gap:18px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(2.9rem,5vw,4.8rem)}.float-note-one{right:-10px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.shell{width:min(100% - 38px,1320px)}.nav-wrap{height:70px}.brand img{width:120px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:37px;height:37px;order:3;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:var(--teal);border-radius:3px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 15px 30px #3332;padding:15px 24px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:10px}.nav-login{margin-left:auto;padding:8px 12px;font-size:.76rem}.hero{display:flex;flex-direction:column;align-items:stretch;padding:65px 0 78px;gap:15px}.hero h1{max-width:650px}.hero-description{max-width:630px}.hero-visual{height:470px;width:min(100%,660px);margin:auto}.float-note-one{right:0}.section{padding-top:78px;padding-bottom:78px}.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about-right{max-width:640px}.section-head,.workflow-heading{align-items:start;flex-direction:column;gap:8px}.section-head p,.workflow-heading p{width:auto;max-width:570px}.workflow-heading h2{margin-bottom:15px}.workflow-heading p{margin-bottom:28px}.showcase-panel{padding:35px;gap:20px}.contact-band{padding:75px 0}.contact-copy{max-width:620px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:span 2}}
@media(max-width:590px){body{font-size:15px}.hero{padding-top:42px}.hero h1{font-size:clamp(2.65rem,10vw,4.1rem)}.hero-description{font-size:1rem}.hero-actions{gap:15px;flex-wrap:wrap;margin-bottom:27px}.hero-visual{height:325px}.dashboard-window{width:96%}.window-content{min-height:235px}.dash-side{width:34px;gap:11px;padding-top:10px}.side-logo{font-size:1rem;margin-bottom:3px}.dash-side i{width:14px;height:5px}.dash-main{padding:11px}.dash-heading{margin-bottom:8px}.dash-heading strong{font-size:.74rem}.dash-heading small{font-size:.45rem}.dash-avatar{height:22px;width:22px}.dash-cards{gap:5px}.dash-card{min-height:70px;padding:6px}.dash-card-icon{width:18px;height:18px;font-size:.55rem}.dash-card small{font-size:.42rem}.dash-card strong{font-size:.52rem}.dash-line{display:none}.dash-table{margin-top:8px;padding:7px}.dash-table-head{margin-bottom:4px}.dash-row{padding:4px 0}.dash-row:nth-child(4){display:none}.dash-row b{font-size:.46rem}.dash-row small{font-size:.4rem}.dash-row em{font-size:.38rem}.row-icon{width:16px;height:16px;font-size:.4rem}.float-note{padding:7px 8px;gap:5px}.float-note-one{top:2px}.float-note-two{bottom:0}.float-note strong{font-size:.47rem}.float-note small{font-size:.41rem}.note-icon,.note-bubble{width:20px;height:20px;font-size:.65rem}.section-divider .shell{gap:12px;font-size:.54rem}.section{padding-top:67px;padding-bottom:67px}.feature-grid,.step-grid,.video-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-icon{margin-bottom:18px}.step-card{padding-bottom:10px}.step-card h3{margin-top:18px}.workflow-cta{flex-direction:column;align-items:stretch}.showcase-panel{display:flex;flex-direction:column;align-items:stretch;padding:28px;min-height:0}.slide-art{height:190px}.slide-copy h3{font-size:2rem}.slide-art-default{grid-template-columns:50px 1fr;padding:14px}.mini-stats i{height:40px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr;gap:25px}.footer-main>div:first-child{grid-column:auto}.footer-bottom{gap:15px}.nav-login{font-size:.7rem;padding:7px 8px}.nav-login span{margin-left:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Спільна палітра з кабінетом ДІОС: темний навігаційний фон і бірюзова дія. */
.site-header{background:rgba(243,246,247,.94);border-color:#dce5e8}
.dash-side{background:#102e39;border-color:#234653}
.dash-side i{background:#55717a}
.dash-side i.active{background:#70c5bb}
.side-logo{color:#a9e2d8}
.window-mark{color:#087e7a}
.features-band,.showcase-band{background:#edf3f3}
.feature-card,.showcase,.contact-form{border-color:#dce5e8}
.contact-band,.workflow-cta{background:#102e39}
.footer{background:#f3f6f7}

.btn-light{color:#086d73}
@media(max-width:800px){.step-grid{grid-template-columns:1fr}}

/* Помічники */
.assistants-band{background:#fff}
.assistants-heading{display:grid;grid-template-columns:1.15fr .75fr;align-items:end;gap:9%;margin-bottom:38px}
.assistants-heading h2{margin:18px 0 0;max-width:770px}
.assistants-heading h2 span{color:#087e7a}
.assistants-heading p{max-width:420px;color:var(--muted);font-size:1.04rem;line-height:1.8;margin:0 0 6px}
.assistant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.assistant-card{background:#f6f9f9;border:1px solid #dce8e7;border-radius:20px;overflow:hidden;transition:transform .3s,box-shadow .3s;min-width:0}
.assistant-card:hover{transform:translateY(-7px);box-shadow:0 22px 40px rgba(16,46,57,.11)}
.assistant-visual{height:205px;overflow:hidden;background:#e4f1ef;display:grid;place-items:center}
.assistant-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.assistant-card:hover .assistant-visual img{transform:scale(1.05)}
.assistant-visual-fallback{font-size:4rem;color:#087e7a}
.assistant-body{padding:24px 22px 28px}
.assistant-number{color:#087e7a;font-size:.69rem;letter-spacing:.14em;font-weight:800}
.assistant-body h3{font-size:1.15rem;line-height:1.35;margin:13px 0 10px;min-height:3.1em}
.assistant-body p{font-size:.88rem;line-height:1.65;color:var(--muted);margin:0}
.assistants-bottom{margin-top:27px;padding-top:22px;border-top:1px solid #dce8e7;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}
.assistants-bottom .text-link{white-space:nowrap}
@media(max-width:1100px){.assistant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant-body h3{min-height:0}.assistant-visual{height:225px}}
@media(max-width:800px){.assistants-heading{grid-template-columns:1fr;gap:18px}.assistants-heading p{max-width:640px}}
@media(max-width:590px){.assistant-grid{grid-template-columns:1fr}.assistant-visual{height:225px}.assistants-bottom{align-items:flex-start;flex-direction:column}.assistant-body{padding:21px}}

/* Реальні екрани кабінету в слайдах */
.showcase-panel{min-height:430px;grid-template-columns:.8fr 1.2fr;gap:36px}
.slide-copy .slide-label{color:#087e7a;background:#e5f3f0}
.slide-art.has-screen{height:340px;position:relative;display:block;border:1px solid #cfdfde;border-radius:18px;background:#fff;box-shadow:0 24px 55px rgba(16,46,57,.16)}
.slide-art.has-screen img{width:100%;height:calc(100% - 34px);object-fit:cover;object-position:top left}
.screen-chrome{height:34px;padding:0 13px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #dbe9e7;background:#fff;color:#52747a;font-size:.63rem;font-weight:800;letter-spacing:.04em}
.screen-dots{color:#9bcac4;letter-spacing:3px;font-size:.65rem}
.screen-expand{position:absolute;right:14px;bottom:14px;border:1px solid #cce0dd;border-radius:100px;background:#fff;padding:9px 15px;color:#075f62;font-size:.74rem;font-weight:800;cursor:pointer;box-shadow:0 7px 20px rgba(16,46,57,.14)}
.screen-expand:hover,.screen-expand:focus-visible{background:#087e7a;color:#fff}
.screen-dialog{border:0;border-radius:19px;padding:16px;width:min(1200px,94vw);max-height:94vh;background:#f6f9f9;box-shadow:0 30px 100px #0008;overflow:auto}
.screen-dialog::backdrop{background:rgba(10,34,43,.76);backdrop-filter:blur(5px)}
.screen-dialog figure{margin:0}
.screen-dialog img{width:100%;height:auto;max-height:78vh;object-fit:contain;border:1px solid #d7e6e4;border-radius:10px;background:#fff}
.screen-dialog figcaption{padding:11px 5px 2px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#506a70;font-size:.8rem}
.screen-dialog figcaption strong{color:#18333c;font-size:.91rem}
.close-screen{position:sticky;top:0;float:right;z-index:2;width:34px;height:34px;margin:-6px -6px 3px 0;border:0;border-radius:50%;background:#102e39;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
@media(max-width:800px){.showcase-panel{grid-template-columns:1fr;min-height:0}.slide-art.has-screen{height:320px}}
@media(max-width:590px){.slide-art.has-screen{height:210px}.screen-expand{right:9px;bottom:9px;padding:7px 10px}.screen-dialog{padding:8px}.screen-dialog figcaption{align-items:flex-start;flex-direction:column;gap:2px}}

.screen-image-scroll{overflow:auto;border-radius:10px;overscroll-behavior:contain}
.screen-swipe-hint{display:none}
@media(max-width:590px){
  .screen-dialog{width:94vw;max-height:94vh;overflow:visible}
  .screen-image-scroll{width:100%;max-height:62vh;overflow:auto;touch-action:pan-x pan-y;background:#fff}
  .screen-dialog .screen-image-scroll img{display:block;width:860px;max-width:none;max-height:none;height:auto;object-fit:initial}
  .screen-swipe-hint{display:block;margin:6px 4px 1px;color:#087e7a;font-size:.76rem;font-weight:700}
}
@media(max-width:590px){
  .screen-dialog{overflow:hidden}
  .close-screen{position:absolute;top:8px;right:8px;float:none;margin:0}
}
@media(max-width:590px){.hero-actions .btn-primary{max-width:100%;gap:10px;padding:14px 15px;font-size:.86rem;white-space:normal}}