@charset "UTF-8";
:root{--navy:#0d2a3c;--navy-2:#092233;--ink:#1d2d36;--muted:#71818a;--teal:#0fa09a;--teal-light:#67c7bd;--cream:#fbfaf7;--mist:#edf4f2;--line:#dfe8e5;--gold:#e5b875;--radius:18px;--shadow:0 20px 50px rgba(13,42,60,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}button{font:inherit;border:0;background:none}h1,h2,h3,h4,.logo-lockup strong{font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;line-height:1.35}h2{font-size:clamp(2rem,4vw,3.25rem);margin:.6rem 0 1.2rem;color:var(--ink)}h2 span,h1 em{color:var(--teal-light);font-style:normal}p{color:var(--muted)}.top-strip{background:#091f2d;color:#a9c2c5;font-size:.76rem;padding:.45rem 0}.pulse-dot{font-size:.45rem;color:#71d2a2;margin-left:.4rem;vertical-align:middle}.site-header{height:74px;background:var(--navy);color:#d3e2e2;border-bottom:1px solid rgba(255,255,255,.11);position:sticky;top:0;z-index:1000;transition:.25s}.site-header.scrolled{background:rgba(9,34,51,.97);box-shadow:0 8px 28px rgba(0,0,0,.12)}.nav-wrap{height:100%}.logo-lockup{display:flex;align-items:center;gap:.55rem;color:#fff;direction:rtl}.logo-lockup span:last-child{display:flex;flex-direction:column;line-height:1}.logo-lockup strong{font-size:1.2rem;letter-spacing:-.06em}.logo-lockup small{font-size:.52rem;color:#a8c1c4;margin-top:.35rem;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px 10px 4px 10px;background:var(--teal);font-family:'Noto Kufi Arabic';font-size:1.1rem;position:relative;box-shadow:0 6px 16px rgba(15,160,154,.24)}.brand-mark i{position:absolute;width:6px;height:6px;border-radius:50%;background:#f4c878;bottom:7px;left:8px}.brand-mark.mini{width:24px;height:24px;font-size:.75rem;border-radius:7px}.brand-mark.mini i{width:4px;height:4px;bottom:4px;left:5px}.main-nav{gap:1.9rem;align-items:center;margin-right:auto;margin-left:auto}.main-nav a,.text-link{font-size:.82rem;color:#b5c9cb;transition:.2s}.main-nav a:hover,.text-link:hover{color:#fff}.text-link{cursor:pointer}.btn{border-radius:9px;font-weight:600;padding:.7rem 1.2rem;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 8px 22px rgba(15,160,154,.18)}.btn-primary:hover{background:#118d89;border-color:#118d89;color:#fff}.btn-ghost{border:1px solid rgba(255,255,255,.32);color:#e9f2f1}.btn-ghost:hover{border-color:var(--teal-light);color:#fff}.mobile-toggle{color:#fff;font-size:1.7rem;padding:.2rem}.hero-section{position:relative;overflow:hidden;background:var(--navy);color:#fff;min-height:690px}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-content{position:relative;z-index:1;padding:7.8rem 0 5rem;display:flex;align-items:center;gap:3.5rem}.hero-copy{flex:1}.hero-copy h1{font-size:clamp(3.1rem,6vw,5.35rem);letter-spacing:-.05em;margin:1rem 0 1.4rem}.hero-lead{font-size:1rem;max-width:540px;color:#aac0c3;line-height:2.1}.eyebrow{display:flex;align-items:center;gap:.65rem;color:#158f88;font-size:.77rem;font-weight:700}.eyebrow.light{color:var(--teal-light)}.eyebrow span{display:inline-block;width:28px;height:2px;background:currentColor;border-radius:2px}.hero-actions{margin-top:2rem}.hero-proof{margin-top:2.7rem;color:#c7dbda}.hero-proof strong,.hero-proof small{display:block;font-size:.75rem}.hero-proof small{font-size:.66rem;color:#78999e}.avatars{display:flex;direction:ltr}.avatars span{display:grid;place-items:center;width:29px;height:29px;margin-right:-7px;border:2px solid var(--navy);border-radius:50%;background:#263f4d;color:#fff;font-size:.7rem}.avatars span:nth-child(2){background:#65a6a2}.avatars span:nth-child(3){background:#d89d67}.avatars span:nth-child(4){background:#375768}.hero-visual{flex:1.08;position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.dashboard-card{position:relative;width:min(600px,100%);background:#f8fbfa;border-radius:16px;color:var(--ink);padding:1.05rem;box-shadow:0 35px 70px rgba(0,0,0,.28);transform:rotate(-1.3deg);z-index:2}.dash-top{font-size:.65rem;color:#3d555d;border-bottom:1px solid #e9efed;padding-bottom:.7rem}.dash-brand{display:flex;align-items:center;gap:.4rem}.dash-user{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dbb77e;color:#fff;font-size:.7rem}.dash-heading{padding:1rem 0}.dash-heading small{color:#87999d;font-size:.56rem}.dash-heading h3{font-size:1rem;margin:.15rem 0}.dash-heading button{width:28px;height:28px;border:1px solid #e2e9e7;border-radius:8px;color:#148c87}.stat-card,.dash-panel{background:#fff;border:1px solid #e9efed;border-radius:9px;padding:.55rem;min-height:82px}.stat-icon{display:grid;place-items:center;width:23px;height:23px;background:#e9f5f2;color:#158d88;border-radius:6px;font-size:.7rem}.stat-card strong{display:block;font-size:1.05rem;line-height:1.1;margin-top:.4rem}.stat-card small,.mini-title small{display:block;color:#96a7a8;font-size:.55rem}.dash-panel{min-height:122px}.mini-title{font-size:.63rem;display:flex;justify-content:space-between}.bars{height:78px;display:flex;align-items:end;gap:7%;padding:1rem .5rem .1rem}.bars i{width:10%;background:#acdcd3;border-radius:5px 5px 1px 1px}.bars i.active{background:#0d938e}.appointment{font-size:.55rem;display:flex;flex-direction:column;margin-top:.7rem;border-right:3px solid #a8ddd3;padding-right:.45rem}.appointment b{color:#158d88}.appointment.gold{border-color:#e7bd7d}.appointment.gold b{color:#b48a4f}.dash-footer{font-size:.52rem;color:#9aaaac;margin-top:.75rem}.green-dot{color:#40bf8c;font-size:.42rem}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:.5rem;background:#fff;color:var(--ink);box-shadow:0 15px 35px rgba(0,0,0,.2);padding:.65rem .8rem;border-radius:10px;font-size:.62rem}.floating-note b,.floating-note small{display:block}.floating-note small{font-size:.52rem;color:#8da0a2}.note-one{top:10%;right:-2%}.note-two{bottom:13%;left:-3%}.note-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px}.note-icon.green{background:#e0f2eb;color:#44a681}.note-icon.gold{background:#fbf0dd;color:#bf9555}.visual-orbit{position:absolute;border:1px solid rgba(104,209,198,.2);border-radius:50%;width:480px;height:480px}.orbit-one{transform:rotate(35deg) scaleX(1.55)}.orbit-two{transform:rotate(-35deg) scaleX(1.55)}.hero-bottom{background:rgba(3,23,35,.32);position:absolute;bottom:0;left:0;width:100%;border-top:1px solid rgba(255,255,255,.1)}.trust-row{min-height:75px;color:#789397;font-size:.75rem}.trust-row b{color:#d8e7e4}.section{padding:7rem 0}.features-section{background:var(--cream)}.section-lead{color:var(--muted);font-size:.94rem;line-height:2;max-width:510px}.feature-card{height:100%;background:#fff;border:1px solid var(--line);padding:1.65rem;border-radius:12px;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.featured-card{background:var(--navy);color:#fff;border-color:var(--navy)}.featured-card p{color:#aec1c3}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e8f3f0;color:#128c87;margin-bottom:1.3rem}.featured-card .feature-icon{background:#185164;color:#76d0c5}.feature-card h3{font-size:1rem;margin-bottom:.6rem}.feature-card p{font-size:.8rem;line-height:1.9;min-height:55px}.feature-card a{color:#118d88;font-size:.75rem;font-weight:700}.featured-card a{color:#78d1c8}.workflow-section{background:#eff5f3}.workflow-visual{position:relative;padding:1rem 2rem}.office-image-wrap{height:390px;border-radius:15px 70px 15px 15px;overflow:hidden;box-shadow:var(--shadow)}.office-image-wrap img{width:100%;height:100%;object-fit:cover}.workflow-stat{position:absolute;top:25px;right:0;background:#12364a;color:#fff;border-radius:11px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.55rem;box-shadow:var(--shadow)}.workflow-stat strong{font-size:1.7rem;color:#70d0c4}.workflow-stat span{font-size:.62rem;line-height:1.5}.quote-card{position:absolute;bottom:8px;left:0;background:#fff;border:1px solid var(--line);border-radius:11px;padding:1rem;max-width:240px;box-shadow:var(--shadow)}.quote-card i{color:#14958f}.quote-card p{font-size:.7rem;line-height:1.7;margin:.35rem 0}.quote-card small{font-size:.55rem;color:#95a5a5}.steps{margin-top:2rem}.step{display:flex;gap:1rem;border-top:1px solid #d9e7e3;padding:1.15rem 0}.step>b{color:#1a9991;font-size:.76rem}.step h3{font-size:.87rem;margin:0 0 .3rem}.step p{font-size:.76rem;margin:0}.portal-section,.demo-section{background:var(--navy);color:#fff;overflow:hidden}.light-text{color:#a9c2c4}.check-list{list-style:none;padding:0;margin:2rem 0}.check-list li{color:#d3e2e1;font-size:.82rem;margin:.7rem 0}.check-list i{color:#68cbbf;margin-left:.5rem}.btn-light-outline{color:#d7e8e5;border:1px solid rgba(255,255,255,.3);font-size:.8rem}.portal-window{background:#f7fbfa;border-radius:14px;box-shadow:0 28px 70px rgba(0,0,0,.25);overflow:hidden;color:var(--ink)}.portal-window-top{background:#eaf2f0;padding:.65rem .8rem;display:flex;justify-content:space-between;align-items:center;font-size:.6rem}.window-dots{direction:ltr;display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#aac1bd}.secure-pill{color:#168e86}.portal-window-body{display:flex;min-height:340px}.portal-window aside{width:30%;background:#fff;border-left:1px solid #e6efec;padding:1rem .65rem;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.portal-avatar{display:grid;place-items:center;width:40px;height:40px;background:#d6e8e3;border-radius:50%;margin-top:1.2rem;font-size:.85rem}.portal-window aside>b{font-size:.7rem}.portal-window aside>small{font-size:.5rem;color:#98a8a8}.portal-nav{font-size:.58rem;color:#829495;width:100%;padding:.5rem;border-radius:6px;margin-top:.55rem}.portal-nav.active{background:#e8f4f1;color:#118e88}.portal-nav i{margin-left:.25rem}.portal-nav em{font-style:normal;float:left;background:#d4eee8;color:#148d87;border-radius:10px;padding:0 4px}.portal-main{padding:1rem;flex:1}.portal-welcome small,.portal-card small{font-size:.52rem;color:#91a4a4}.portal-welcome h3{font-size:1.05rem;margin:.3rem 0 0}.portal-welcome p{font-size:.62rem;margin:0}.portal-bell{position:relative;display:grid;place-items:center;width:29px;height:29px;border:1px solid #e2ece9;border-radius:7px;color:#148e87}.portal-bell b{position:absolute;top:-6px;left:-5px;width:14px;height:14px;border-radius:50%;background:#d77a72;color:#fff;font-size:.48rem;display:grid;place-items:center}.portal-case{background:#fff;border:1px solid #e1ebe8;border-radius:8px;padding:.75rem;margin-top:1rem}.portal-case>div:first-child{font-size:.55rem;color:#7e9090}.portal-case>div:first-child small{background:#e3f4ed;color:#19977f;border-radius:10px;padding:2px 6px}.portal-case h4{font-size:.78rem;margin:.6rem 0}.case-progress{height:5px;background:#e7f0ee;border-radius:5px;overflow:hidden}.case-progress span{display:block;width:68%;height:100%;background:#18a49a}.case-meta{font-size:.49rem;color:#95a5a5;margin-top:.4rem}.portal-card{background:#fff;border:1px solid #e1ebe8;border-radius:8px;padding:.7rem}.portal-card>i{color:#198f87}.portal-card b,.portal-card strong,.portal-card small{display:block}.portal-card b{font-size:.57rem;color:#809494;margin-top:.25rem}.portal-card strong{font-size:.8rem;margin-top:.25rem}.pricing-section{background:#fbfaf7}.centered{max-width:700px;margin:0 auto 3.2rem}.price-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.7rem;position:relative}.price-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 22px 45px rgba(13,42,60,.18);transform:translateY(-12px)}.price-card h3{font-size:1rem;margin-top:.7rem}.price-card p{font-size:.73rem}.price-label{font-size:.65rem;color:#168f88;font-weight:700}.featured .price-label{color:#6ed1c7}.popular{position:absolute;left:1.2rem;top:1.2rem;background:#e9c27d;color:#5e482a;border-radius:20px;padding:.2rem .55rem;font-size:.53rem}.price{display:flex;align-items:baseline;gap:.35rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin:1.2rem 0}.featured .price{border-color:#315064}.price strong{font-size:2rem}.price small{font-size:.62rem;color:#8ba0a1}.price ul{}.price-card ul{list-style:none;padding:0;min-height:155px}.price-card li{font-size:.73rem;margin:.7rem 0;color:#718486}.featured li{color:#c0d1d1}.price-card li i{color:#16938c;margin-left:.4rem}.trust-section{padding:0 0 1rem;background:#fbfaf7}.trust-banner{background:#e4f1ee;border-radius:10px;padding:1.4rem 2rem;display:flex;align-items:center;gap:1.5rem}.trust-seal{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#14988f;color:#fff;font-size:1.3rem}.trust-banner h2{font-size:1.15rem;margin:.25rem 0}.trust-banner p{font-size:.7rem;margin:0}.trust-points{margin-right:auto;display:flex;gap:1rem;font-size:.66rem;color:#34716f;white-space:nowrap}.faq-section{background:#fff}.faq-list .accordion-item{border:0;border-bottom:1px solid var(--line);background:transparent}.faq-list .accordion-button{background:transparent;box-shadow:none;padding:1.15rem 0;font-family:'IBM Plex Sans Arabic';font-weight:700;font-size:.85rem;color:var(--ink)}.faq-list .accordion-button::after{margin-left:0;margin-right:auto}.faq-list .accordion-body{font-size:.77rem;color:var(--muted);padding:0 0 1.2rem;line-height:1.9}.text-link.dark{color:#128f88;font-size:.78rem;font-weight:700}.demo-section{background:var(--navy-2)}.demo-section h2{color:#fff}.demo-form{background:#fff;color:var(--ink);border-radius:12px;padding:1.5rem}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.form-heading strong{font-family:'Noto Kufi Arabic';font-size:.95rem}.form-heading small{font-size:.6rem;color:#91a2a2}.demo-form label{display:block;font-size:.67rem;font-weight:700;margin-top:.7rem}.demo-form input,.demo-form textarea{display:block;width:100%;border:1px solid #dce8e4;border-radius:7px;padding:.6rem .7rem;font:inherit;font-size:.74rem;margin-top:.25rem;outline:none}.demo-form input:focus,.demo-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,160,154,.1)}.demo-contacts{display:flex;gap:1.2rem;color:#b7ccca;font-size:.72rem;margin-top:2rem}.demo-contacts i{color:#67cabe;margin-left:.3rem}.site-footer{background:#071d2b;color:#a9c0c1;padding-top:4rem}.footer-top{display:flex;justify-content:space-between;gap:2rem;padding-bottom:3rem}.footer-brand p{max-width:280px;font-size:.7rem;margin-top:1.2rem}.footer-links{display:flex;gap:5rem}.footer-links div{display:flex;flex-direction:column;gap:.5rem}.footer-links strong{color:#fff;font-size:.7rem;margin-bottom:.35rem}.footer-links a{font-size:.68rem;color:#91abad}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1rem 0;font-size:.63rem;color:#708d91}.toast{font-size:.75rem}
@media(max-width:991.98px){.site-header{height:66px}.main-nav{position:absolute;top:66px;right:0;left:0;background:var(--navy);padding:1rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.8rem;border-top:1px solid rgba(255,255,255,.1)}.hero-content{padding-top:5rem;flex-direction:column}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-visual{width:100%;min-height:360px}.hero-proof{justify-content:center}.hero-bottom{position:relative}.trust-row{padding:1rem 0}.trust-row>span{display:none}.trust-row .d-flex{width:100%;justify-content:space-between}.section{padding:5rem 0}.workflow-visual{max-width:600px;margin:0 auto}.portal-window{max-width:700px;margin:auto}.trust-points{display:none}.trust-banner{align-items:flex-start}.price-card.featured{transform:none}.footer-links{gap:3rem}}
@media(max-width:575.98px){h2{font-size:2rem}.top-strip{font-size:.62rem}.hero-content{padding:4rem 1rem 2.5rem}.hero-copy h1{font-size:3rem}.hero-lead{font-size:.85rem}.hero-visual{min-height:310px}.dashboard-card{padding:.65rem}.note-one{right:-4%;top:7%}.note-two{left:-7%;bottom:5%}.floating-note{font-size:.52rem;padding:.45rem}.visual-orbit{width:330px;height:330px}.stat-card{min-height:72px;padding:.4rem}.stat-card strong{font-size:.85rem}.stat-card small{font-size:.46rem}.dash-panel{min-height:104px}.bars{height:60px}.trust-row .d-flex{font-size:.68rem}.section{padding:4rem 0}.workflow-visual{padding:1rem 0}.office-image-wrap{height:260px;border-radius:12px 45px 12px 12px}.workflow-stat{top:0;right:-5px}.quote-card{left:-5px;bottom:0;max-width:190px;padding:.7rem}.portal-window-body{min-height:300px}.portal-window aside{width:34%;padding:.65rem .4rem}.portal-main{padding:.65rem}.portal-nav{font-size:.5rem}.portal-card{padding:.45rem}.portal-card strong{font-size:.68rem}.price-card{padding:1.3rem}.trust-banner{padding:1.1rem;gap:.8rem}.trust-banner h2{font-size:.95rem}.trust-seal{width:39px;height:39px;font-size:1rem}.footer-top{display:block}.footer-links{margin-top:2rem;gap:4rem}.footer-bottom{display:block!important}.footer-bottom span{display:block;margin:.35rem 0}.demo-contacts{display:block}.demo-contacts span{display:block;margin:.4rem 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Final responsive hardening */
html,body{max-width:100%;overflow-x:hidden}
.hero-content,.hero-copy,.hero-visual,.dashboard-card,.portal-window{min-width:0}
.main-nav{display:flex}
.main-nav.collapse:not(.show){display:none!important}
.main-nav.collapse.show{display:flex!important}
@media(min-width:992px){.main-nav.collapse{display:flex!important}.mobile-toggle{display:none!important}}
@media(max-width:991.98px){
  .site-header{height:66px}
  .nav-wrap{position:relative;max-width:100%;padding-left:1rem;padding-right:1rem}
  .logo-lockup{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2}
  .mobile-toggle{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;display:grid;place-items:center;line-height:1;color:#fff}
  .main-nav{position:absolute!important;top:66px;right:0;left:0;width:100%;margin:0!important;padding:1rem 1.25rem;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(13,42,60,.99);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 16px 25px rgba(0,0,0,.2);z-index:20}
  .main-nav.show{display:flex!important}
  .main-nav a{display:block;width:100%;padding:.65rem .3rem;border-bottom:1px solid rgba(255,255,255,.09);font-size:.85rem}
  .main-nav a:last-child{border-bottom:0}
  .hero-content{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem}
  .hero-copy{width:100%}
  .hero-visual{width:100%;max-width:100%;overflow:visible}
  .hero-copy h1{max-width:100%;word-break:normal}
  .hero-lead{max-width:100%}
}
@media(max-width:575.98px){
  .container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem}
  .top-strip .container{padding-left:1rem;padding-right:1rem}
  .hero-content{padding-left:.75rem;padding-right:.75rem}
  .hero-copy h1{font-size:clamp(2.45rem,12vw,3.1rem);line-height:1.45}
  .hero-actions .btn{width:100%;max-width:330px}
  .hero-visual{min-height:280px}
  .dashboard-card{width:100%;transform:none}
  .floating-note{max-width:145px}
  .note-one{right:-.35rem}.note-two{left:-.35rem}
  .trust-row{padding-left:.25rem;padding-right:.25rem}
  .portal-window{width:100%}
}

@media(max-width:991.98px){
  .hero-copy{flex:none;position:relative;z-index:4}
  .hero-visual{flex:none;position:relative;z-index:1;margin-top:1.5rem}
}

@media(max-width:575.98px){
  .hero-visual{display:none}
  .hero-section{min-height:0}
  .hero-content{padding-bottom:5rem}
}

/* Original product screenshots */
.screenshot-card{overflow:hidden;padding:0;background:#f8fbfa}
.screenshot-card .owner-shot{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;object-position:top center}
.image-window{padding:0;background:#f7fbfa}
.image-window .actual-ui-shot{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;object-position:top center}
.image-window .portal-window-top{position:relative;z-index:1}
@media(max-width:991.98px){.screenshot-card .owner-shot{max-height:none}.image-window .actual-ui-shot{max-height:none}}
@media(max-width:575.98px){.image-window .actual-ui-shot{width:100%}}

.screenshot-card> *:not(.owner-shot){display:none}
.image-window> .portal-window-top,.image-window> .portal-window-body{display:none}

/* Keep the real owner dashboard screenshot visible on mobile */
@media(max-width:575.98px){
  .hero-visual{display:flex!important;min-height:auto;margin-top:2rem}
  .screenshot-card{width:100%;transform:none}
  .screenshot-card .owner-shot{width:100%;height:auto;max-height:none;object-fit:contain}
}