/*
Theme Name: Spectre Middle East
Author: Spectre Middle East
Description: Bilingual English and Arabic consultancy theme with responsive layouts.
Version: 1.8.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: spectre-middle-east
License: GPL-2.0-or-later
*/
:root{--navy:#35385f;--amber:#ffaf19;--green:#30aa7d;--ink:#252842;--muted:#686a7e;--line:#e5e6ed;--light:#f5f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:6px}p{line-height:1.75}h1,h2,h3,h4,p{margin-top:0}h1,h2{letter-spacing:-.055em}h2{font-size:clamp(32px,3.6vw,48px);line-height:1.13;font-weight:600}h3{font-size:22px;letter-spacing:-.025em}em{font-style:normal;color:var(--navy)}.wrap{max-width:1240px;margin:auto;padding-inline:40px}.header{border-bottom:1px solid var(--line);background:#fff}.header-inner{height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo-window{display:block;position:relative;width:110px;height:91px;overflow:hidden}.logo-window img{position:absolute;width:265px;height:auto;max-width:none;left:-77px;top:-74px}.header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.header nav a:hover,.text-link:hover{color:#16835c}.language{border:1px solid var(--line);padding:11px 16px;border-radius:6px;font-size:14px}.language span{margin-inline-start:12px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;padding-block:70px 75px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.6}.hero .eyebrow{display:flex;gap:9px;align-items:center}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(44px,4.7vw,66px);line-height:1.07;font-weight:600;margin-bottom:26px}.intro{font-size:17px;color:var(--muted);max-width:530px}.actions{display:flex;align-items:center;gap:23px;margin-top:31px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:17px 21px;border-radius:5px;background:var(--amber);color:var(--ink);font-weight:700;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#ffc24e;transform:translateY(-2px)}.button span{font-size:20px}.text-link{font-size:13px;font-weight:700;display:inline-flex;gap:10px}.hero-note{font-size:9px;letter-spacing:.12em;margin:40px 0 0;color:var(--muted)}.visual{height:445px;border-radius:10px;background:var(--navy);position:relative;overflow:hidden;color:white}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:35px 35px}.orbit{position:absolute;border:1px solid #ffffff24;border-radius:50%;width:270px;height:270px;left:50%;top:42%;transform:translate(-50%,-50%)}.orbit-two{width:365px;height:365px}.orbit-three{width:165px;height:165px;border-color:#ffffff47}.orb{position:absolute;width:17px;height:17px;border-radius:50%;background:var(--amber);top:43px;left:60%;box-shadow:0 0 0 8px #ffaf1910}.core{position:absolute;width:103px;height:103px;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-8deg);display:grid;place-items:center;background:#45496f;border:1px solid #ffffff33;border-radius:25px;box-shadow:0 20px 30px #1a1d3533}.core>span{font-size:66px;font-weight:700}.core-dot{color:var(--amber)}.floating{position:absolute;background:white;color:var(--navy);padding:13px 16px;border-radius:6px;font-size:12px;box-shadow:0 10px 25px #171a3222;display:flex;align-items:center;gap:18px}.floating b{color:#187c5b;font-size:18px}.float-one{top:70px;left:24px;transform:rotate(-6deg)}.float-two{top:170px;right:15px;transform:rotate(5deg)}.float-three{top:259px;left:38px;transform:rotate(-3deg)}.visual-caption{position:absolute;bottom:22px;left:26px;right:26px}.visual-caption .eyebrow{font-size:8px;color:#c3c5d8}.visual-caption h2{font-size:23px;letter-spacing:-.025em;margin-bottom:5px}.visual-caption p{font-size:11px;margin:0;color:#d2d3e0}.strap{background:var(--light);border-block:1px solid var(--line)}.strap .wrap{display:flex;gap:30px;align-items:center;padding-block:27px}.strap h2{font-size:19px;letter-spacing:-.025em;margin:0}.strap p{font-size:13px;color:var(--muted);margin:0}.strap span{margin-inline-start:auto;font-size:38px;color:var(--green)}.section{padding-block:95px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-heading h2{margin:14px 0 0}.section-heading>p{max-width:320px;color:var(--muted);font-size:15px;margin-bottom:2px}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service{border:1px solid var(--line);border-radius:8px;padding:29px 30px;background:white}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#8a8ca0;font-size:12px}.icon{width:43px;height:43px;border-radius:10px;background:#fff5df;display:grid;place-items:center;color:var(--navy);font-size:28px}.service:nth-child(2) .icon,.service:nth-child(3) .icon{background:#eaf6f1}.service h3{margin-bottom:13px}.service h4{font-weight:400;font-size:16px;margin-bottom:10px}.service p{font-size:14px;color:var(--muted);max-width:440px}.tags{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:10px;color:var(--navy);line-height:1.7}.clients{background:var(--light)}.audiences{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.audience{border-top:1px solid #d9dbe6;padding-top:22px}.mini-dot{display:block;background:var(--green);height:8px;width:8px;border-radius:50%;margin-bottom:22px}.audience:nth-child(even) .mini-dot{background:var(--amber)}.audience h3{font-size:17px;line-height:1.3}.audience p{font-size:13px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{margin-block:20px}.about-body{font-size:15px;color:var(--muted)}.process{padding-top:5px}.process>.eyebrow{margin-bottom:26px}.step{display:flex;gap:22px;border-top:1px solid var(--line);padding-block:21px}.step>span{font-size:12px;color:#21805f;padding-top:4px}.step h3{font-size:18px;margin-bottom:7px}.step p{font-size:13px;color:var(--muted);margin:0}.contact{background:var(--navy);color:white;padding-block:70px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact h2{font-size:56px;margin:18px 0 0}.contact em{color:var(--amber)}.contact .eyebrow{color:#dedfeb}.contact p{max-width:360px;color:#dedfeb}.contact .contact-pending{font-size:13px;border-top:1px solid #ffffff33;padding-top:17px}.contact-links{display:flex;flex-wrap:wrap;gap:15px}.contact-email{overflow-wrap:anywhere;font-size:15px;text-decoration:underline;text-underline-offset:5px}.footer-inner{padding-block:36px;display:flex;justify-content:space-between;gap:25px}.footer-inner strong{color:var(--navy);font-size:20px;letter-spacing:-.03em}.footer-inner strong span{font-size:9px;letter-spacing:.15em;display:block;margin-top:5px}.footer-inner p{font-size:11px;color:var(--muted);margin:10px 0 0}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--amber);padding:15px}.skip:focus{top:15px}.post-content{min-height:55vh;padding-block:65px}.post-content img{max-width:100%;height:auto}[dir=rtl]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] h1{line-height:1.35;font-size:56px}[dir=rtl] h2{line-height:1.4}[dir=rtl] .hero-note{letter-spacing:0}[dir=rtl] .visual-caption h2{font-size:23px}[dir=rtl] .visual-caption .eyebrow{letter-spacing:.06em}[dir=rtl] .strap h2{font-size:19px}[dir=rtl] .floating{font-size:11px}
@media(min-width:1450px){.hero{padding-block:85px}.visual{height:480px}}@media(max-width:1000px){.wrap{padding-inline:26px}.header nav{gap:18px}.hero{gap:30px}h1{font-size:49px}.actions{gap:18px}.visual{height:440px}.floating{font-size:10px;padding:11px}.float-two{right:10px}.audiences{grid-template-columns:repeat(3,1fr)}.about,.contact-inner{gap:50px}[dir=rtl] h1{font-size:44px}}@media(max-width:720px){.wrap{padding-inline:22px}.header-inner{height:auto;min-height:96px;flex-wrap:wrap;padding-bottom:14px;gap:4px}.logo-window{width:96px;height:79px}.logo-window img{width:230px;left:-66px;top:-64px}.header nav{order:3;flex:0 0 100%;justify-content:space-between;font-size:12px;gap:12px;padding-top:4px}.language{font-size:12px;padding:9px 12px}.hero{grid-template-columns:1fr;padding-block:43px 40px;gap:35px}h1{font-size:48px}.intro{font-size:16px}.hero-note{margin-top:25px;font-size:8px}.visual{height:400px;max-width:520px;width:100%;margin:auto}.float-one{left:35px}.float-two{right:20px}.float-three{left:45px;top:240px}.visual-caption{bottom:18px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:none}.services{grid-template-columns:1fr}.service{padding:25px}.strap .wrap{gap:12px;flex-wrap:wrap;padding-block:22px}.strap h2{font-size:17px}.strap p{width:85%;font-size:12px}.strap span{display:none}.audiences{grid-template-columns:repeat(2,1fr);gap:20px}.audience:last-child{grid-column:1/-1}.about,.contact-inner{grid-template-columns:1fr;gap:30px}.contact{padding-block:50px}.contact h2{font-size:44px}.footer-inner{flex-direction:column;gap:12px}[dir=rtl] h1{font-size:43px}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.work-section{grid-column:1/-1}.about{row-gap:42px}.work-heading{font-size:25px;margin-bottom:24px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.work-card{padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--light)}.work-card .eyebrow{color:#28765a;font-size:10px;margin-bottom:16px}.work-card h3{margin-bottom:12px;text-align:start}.work-card>p:last-child{font-size:14px;color:var(--muted);margin:0}[dir=rtl] .work-card h3{text-align:right}@media(max-width:720px){.work-grid{grid-template-columns:1fr}.work-card{padding:24px}}

/* Separate content pages */
.zimi-logo{display:block;width:150px;height:auto;border-radius:22px;margin-bottom:30px;box-shadow:0 10px 28px #35385f18}@media(max-width:720px){.zimi-logo{width:115px;margin-bottom:24px}}
.zimi-intro .intro{max-width:760px;margin-top:28px}.zimi-coverage{display:flex;gap:20px;background:var(--light);padding:28px;border-radius:8px;margin-top:36px;max-width:850px}.zimi-coverage .mini-dot{flex:none;margin-top:8px}.zimi-coverage h3{margin-bottom:10px}.zimi-coverage p{color:var(--muted);margin:0;font-size:15px}.zimi-ai{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}.page-zimi-market .contact h2{font-size:36px}.header nav{gap:22px}@media(max-width:900px){.header nav{gap:13px;font-size:12px}}@media(max-width:720px){.zimi-ai{grid-template-columns:1fr}.zimi-coverage{padding:22px}}
.header nav a[aria-current=page]{color:#28765a;text-decoration:underline;text-underline-offset:8px}
main:not(.page-home){min-height:65vh}
main:not(.page-home) h1{font-size:clamp(36px,4vw,52px);margin:14px 0 0;line-height:1.15}
.page-contact{background:var(--navy)}.page-contact .contact{padding-block:100px}.page-contact h1{font-size:56px!important}
[dir=rtl] main:not(.page-home) h1{line-height:1.4;letter-spacing:0}
@media(max-width:720px){.header nav{flex-wrap:wrap;row-gap:14px}.page-contact .contact{padding-block:65px}.page-contact h1{font-size:44px!important}}

.enquiry-form{margin-top:28px;display:grid;gap:10px}.enquiry-form label{font-size:14px;font-weight:600}.enquiry-form input:not([type=hidden]),.enquiry-form select,.enquiry-form textarea{width:100%;font:inherit;color:var(--ink);background:white;border:1px solid #d0d2df;border-radius:5px;padding:12px;margin-bottom:8px;min-width:0}.enquiry-form textarea{resize:vertical}.enquiry-form :focus-visible{outline:3px solid var(--amber);outline-offset:3px}.enquiry-form .button{border:0;cursor:pointer;justify-self:start;font:inherit;font-weight:700}.enquiry-form .form-notice{font-size:12px;max-width:none;margin:0 0 10px}.enquiry-form .form-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.form-message:empty{display:none}.form-message{padding:14px;background:#ffffff15;border-inline-start:3px solid var(--amber);font-size:14px;line-height:1.6;margin-bottom:12px}.page-contact .contact-inner{align-items:start}.page-contact .contact-inner>div{min-width:0}

/* Spectre motion and interaction — no external libraries */
.header nav a{position:relative;padding-block:8px}
.header nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
.service,.work-card{position:relative;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service::before,.work-card::before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffaf1915,transparent 75%);opacity:0;transition:opacity .25s ease;z-index:-1}
@media(hover:hover) and (pointer:fine){.service:hover,.work-card:hover{transform:translateY(-5px);border-color:#b9bdd3;box-shadow:0 18px 36px #35385f0c}.service:hover::before,.work-card:hover::before{opacity:1}.service:hover .icon{transform:rotate(-6deg) scale(1.06)}}
.icon{transition:transform .25s ease}.button{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover{box-shadow:0 8px 22px #ffaf1928}.button span{transition:transform .2s ease}.button:hover span{transform:translate(2px,-2px)}.button:active{transform:translateY(0) scale(.98)}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{transition:border-color .2s ease,box-shadow .2s ease}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--amber);box-shadow:0 0 0 4px #ffaf191a}
@media(prefers-reduced-motion:no-preference){
.visual .float-one{animation:spectre-float-one 2s ease-in-out 2}.visual .float-two{animation:spectre-float-two 2.3s ease-in-out 2}.visual .float-three{animation:spectre-float-three 2.1s ease-in-out 2}.visual .orb{animation:spectre-orb 2.2s ease-in-out 2}
@keyframes spectre-float-one{50%{transform:translateY(-9px) rotate(-3deg)}}
@keyframes spectre-float-two{50%{transform:translateY(8px) rotate(2deg)}}
@keyframes spectre-float-three{50%{transform:translateY(-7px) rotate(-1deg)}}
@keyframes spectre-orb{50%{transform:scale(1.18);box-shadow:0 0 0 15px #ffaf1910}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.service:hover,.work-card:hover,.button:hover,.button:active{transform:none}}

/* Interactive homepage meeting cards */
.visual{perspective:900px;background-image:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,40%),#5d61884d,transparent 65%)}
.visual .meeting-card{width:202px;min-height:68px;padding:13px 15px;gap:10px;justify-content:space-between;z-index:3;overflow:hidden;animation:none;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s;color:var(--navy)}
.meeting-copy{display:grid;gap:0}.meeting-topic{font-size:12px;line-height:1.5;transition:transform .35s,color .35s}.meeting-invite{display:block;max-height:0;opacity:0;transform:translateY(10px);font-size:12px;font-weight:700;line-height:1.6;transition:opacity .3s,transform .35s,max-height .35s}
.meeting-card::after{content:"";position:absolute;inset:-100% -50%;background:linear-gradient(115deg,transparent 35%,#ffffff88 49%,transparent 62%);transform:translateX(-100%);pointer-events:none}
.meeting-card:hover,.meeting-card:focus-visible{background:#fff3d7;transform:translateY(-9px) rotate(0deg) rotateX(5deg) scale(1.035);box-shadow:0 20px 36px #15182e55;z-index:4;outline:3px solid var(--amber);outline-offset:4px}
.meeting-card:hover .meeting-invite,.meeting-card:focus-visible .meeting-invite{opacity:1;transform:translateY(0);max-height:26px}
.meeting-card:hover .meeting-topic,.meeting-card:focus-visible .meeting-topic{color:#63657b}
.meeting-card:hover::after,.meeting-card:focus-visible::after{animation:spectre-shine .7s ease-out 1}
.meeting-card b{transition:transform .35s;color:#247a5b}.meeting-card:hover b,.meeting-card:focus-visible b{transform:rotate(-20deg) scale(1.2)}
.visual .core{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .4s}.visual .orbit{transition:border-color .5s,box-shadow .5s}
.visual:has(.meeting-card:hover) .core,.visual:has(.meeting-card:focus-visible) .core{transform:translate(-50%,-50%) rotate(5deg) scale(1.08);box-shadow:0 0 44px #ffaf1933;border-color:#ffaf1999}
.visual:has(.meeting-card:hover) .orbit,.visual:has(.meeting-card:focus-visible) .orbit{border-color:#ffaf1944;box-shadow:0 0 24px #ffaf1908}
@keyframes spectre-shine{to{transform:translateX(100%)}}
@media(max-width:1000px){.visual .meeting-card{width:180px;padding:11px}.meeting-topic,.meeting-invite{font-size:11px}}
@media(max-width:720px){.visual .meeting-card{width:175px;min-height:66px}.visual .float-one{left:18px;top:48px}.visual .float-two{right:16px;top:158px}.visual .float-three{left:24px;top:241px}}
@media(hover:none),(pointer:coarse){.meeting-invite{opacity:1;transform:none;max-height:30px}.visual .meeting-card{background:#fff3d7}}
@media(prefers-reduced-motion:reduce){.meeting-card:hover,.meeting-card:focus-visible{transform:none}.visual:has(.meeting-card:hover) .core,.visual:has(.meeting-card:focus-visible) .core{transform:translate(-50%,-50%) rotate(-8deg)}.meeting-invite{transform:none}.meeting-card::after{display:none}}

/* Branded navigation transition */
.page-transition{position:fixed;inset:0;z-index:999999;background:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.page-transition.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.transition-brand{display:flex;align-items:center;flex-direction:column;text-align:center;padding:32px;transform:translateY(12px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.is-visible .transition-brand{transform:translateY(0)}
.transition-brand .logo-window{width:180px;height:155px;margin-bottom:24px}
.transition-brand .logo-window img{width:450px;height:auto;left:-132px;top:-125px}
.transition-brand p{font-size:clamp(18px,3vw,26px);font-weight:600;color:var(--navy);margin:0 0 24px;letter-spacing:-.02em}
.transition-line{height:3px;width:64px;background:var(--amber);border-radius:4px;transform:scaleX(0);transform-origin:center}
.is-visible .transition-line{animation:spectre-transition-line .8s ease-out forwards}
@keyframes spectre-transition-line{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.page-transition{display:none!important}}

/* Compact responsive layouts, including narrow 320px viewports */
.mobile-menu{display:none}
.enquiry-form{position:relative}.enquiry-form .form-trap{left:auto;right:auto;inset-inline-start:0;top:0;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
img{max-width:100%}
.hero-copy,.section-heading>div,.service,.audience,.about>div,.contact-inner>div,.footer-inner>div{min-width:0}
@media(max-width:760px){
 html{scroll-padding-top:20px}
 .wrap{padding-inline:18px}
 .header-inner{min-height:82px;height:auto;position:relative;display:flex;flex-wrap:nowrap;gap:12px;padding-block:5px}
 .header-inner>a:first-child{margin-inline-end:auto;flex-shrink:0}
 .header-inner>.logo-window{flex-shrink:0}
 .header-inner>nav{display:none}
 .header-inner .logo-window{width:84px;height:70px}
 .header-inner .logo-window img{width:205px;left:-59px;top:-57px}
 .header .language{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;font-size:13px;order:2;white-space:nowrap}
 .language span{margin-inline-start:7px}
 .mobile-menu{display:block;order:3;position:static}
 .mobile-menu summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px 10px;cursor:pointer;font-size:13px;color:var(--navy)}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
 .menu-bars{font-size:17px}.mobile-menu[open] summary{background:var(--light);border-color:var(--navy)}
 .header .mobile-menu nav{position:absolute;inset-inline:18px;top:calc(100% - 1px);z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;background:white;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 16px 28px #35385f1a}
 .header .mobile-menu nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;font-size:13px;border-radius:5px;overflow-wrap:anywhere}
 .header .mobile-menu nav a[aria-current=page]{background:var(--light);text-decoration:none}
 .hero{grid-template-columns:1fr;gap:24px;padding-block:30px}
 h1,[dir=rtl] h1{font-size:clamp(32px,8.6vw,44px);line-height:1.14;margin-bottom:18px;overflow-wrap:break-word}
 [dir=rtl] h1{line-height:1.4}
 h2{font-size:clamp(27px,7vw,36px);line-height:1.2}
 main:not(.page-home) h1{font-size:clamp(30px,8vw,40px);margin-top:10px}
 .intro{font-size:15px;line-height:1.7;margin-bottom:16px}
 .eyebrow{font-size:10px;letter-spacing:.08em}
 .actions{gap:12px;margin-top:20px}.actions .button{width:100%;min-height:48px}.actions .text-link{min-height:44px;align-items:center}
 .hero-note{margin-top:16px;line-height:1.7;font-size:8px}
 .visual{height:340px;width:100%;max-width:480px}
 .visual .meeting-card{width:155px;min-height:57px;padding:10px 12px}
 .visual .meeting-topic,[dir=rtl] .visual .meeting-topic{font-size:10px;line-height:1.5}
 .visual .float-one{top:31px;left:14px}.visual .float-two{top:132px;right:13px}.visual .float-three{top:211px;left:17px}
 .visual .core{width:80px;height:80px;border-radius:20px;top:42%}.core>span{font-size:51px}
 .visual .orbit-one{width:220px;height:220px}.visual .orbit-two{width:300px;height:300px}.visual .orbit-three{width:136px;height:136px}
 .visual-caption{left:18px;right:18px;bottom:15px}.visual-caption h2,[dir=rtl] .visual-caption h2{font-size:20px;line-height:1.25}.visual-caption p{font-size:10px;line-height:1.5}.visual-caption .eyebrow{font-size:7px;margin-bottom:7px}
 .strap .wrap{padding-block:18px;gap:7px}.strap h2,[dir=rtl] .strap h2{font-size:16px;line-height:1.4}.strap p{width:100%;font-size:12px}
 .section{padding-block:38px}.section-heading{display:block;margin-bottom:23px}.section-heading>p{margin-top:15px;font-size:14px;max-width:none}
 .services,.work-grid{grid-template-columns:minmax(0,1fr);gap:14px}.service,.work-card{padding:21px}.service h3{font-size:20px}.service h4{font-size:15px}.service p,.work-card>p:last-child{font-size:14px}
 .card-top{margin-bottom:18px}.tags{margin-top:18px;padding-top:14px;font-size:11px;overflow-wrap:anywhere}
 .audiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.audience{padding-top:15px}.audience h3{font-size:16px;overflow-wrap:break-word}.audience p{font-size:13px}.mini-dot{margin-bottom:14px}
 .about{grid-template-columns:minmax(0,1fr);gap:26px}.about h2{margin-block:15px}.about-body{font-size:14px}.step{gap:15px;padding-block:16px}.work-heading{font-size:23px;margin-bottom:20px}
 .contact{padding-block:36px}.contact-inner{grid-template-columns:minmax(0,1fr);gap:22px}.contact h2,.page-zimi-market .contact h2{font-size:32px}.contact-inner p{font-size:14px;max-width:none}.page-contact .contact{padding-block:35px}.page-contact h1{font-size:38px!important}
 .enquiry-form{margin-top:20px;gap:8px}.enquiry-form input:not([type=hidden]),.enquiry-form select,.enquiry-form textarea{font-size:16px;min-height:46px;padding:11px;margin-bottom:5px}.enquiry-form .button{width:100%;min-height:48px;justify-self:stretch;font-size:15px}.enquiry-form .form-notice{font-size:12px}.enquiry-form textarea{min-height:110px}
 .footer-inner{flex-direction:column;gap:13px;padding-block:25px}.footer-inner p{font-size:12px;margin-top:5px;overflow-wrap:anywhere}
 .zimi-intro .intro{margin-top:20px}.zimi-logo{width:96px;margin-bottom:20px}.zimi-coverage{padding:20px;gap:12px;margin-top:24px}.zimi-coverage h3{font-size:19px}.zimi-coverage p{font-size:14px}.zimi-ai{grid-template-columns:1fr;gap:16px;margin-top:24px}
 .transition-brand{padding:24px}.transition-brand p{font-size:20px}
}
@media(max-width:360px){
 .wrap{padding-inline:14px}.header-inner{gap:7px}.header .language,.mobile-menu summary{padding-inline:8px}.language span{display:none}
 .audiences{grid-template-columns:1fr}.audience:last-child{grid-column:auto}
 .visual .meeting-card{width:145px}.visual .float-two{right:10px}
 .hero-note{letter-spacing:.04em}
}

/* Products navigation and eduNest */
.header nav{align-items:center}.products-menu{position:relative}.products-menu>summary{list-style:none;cursor:pointer;padding:8px 0;font-size:inherit;font-weight:600;display:flex;gap:7px;align-items:center}.products-menu>summary::-webkit-details-marker{display:none}.products-menu>summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}.products-menu>summary.current-product{color:#28765a}.products-links{position:absolute;inset-inline-start:0;top:100%;min-width:175px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 32px #35385f16;z-index:30}.header .products-links a{display:block;padding:12px;white-space:nowrap}.products-links a:hover{background:var(--light);border-radius:5px}
.edu-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.edu-hero .intro{margin-top:24px}.edu-visual{border-radius:16px;background:var(--navy);padding:30px;color:white;overflow:hidden}.edu-visual>.eyebrow{color:#e0e2ef;font-size:9px}.edu-devices{height:255px;position:relative;direction:ltr}.edu-device{position:absolute;padding:8px;background:#fafaff;border-radius:9px;box-shadow:0 20px 35px #15172c40}.edu-device-0{width:78%;height:155px;top:25px;left:0}.edu-device-0::after{content:"";position:absolute;bottom:-22px;left:40%;width:25%;height:22px;background:#d4d8e4;clip-path:polygon(25% 0,75% 0,85% 80%,100% 80%,100% 100%,0 100%,0 80%,15% 80%)}.edu-device-1{width:55%;height:122px;bottom:5px;left:0;border-bottom:7px solid #c9cedd}.edu-device-2{width:23%;height:160px;bottom:7px;right:0;border-radius:16px}.edu-screen{height:100%;background:#eaf6f1;border-radius:4px;padding:12px;overflow:hidden}.edu-screen strong{display:block;color:var(--navy);font-size:16px;margin-bottom:10px}.edu-screen-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-bottom:10px}.edu-screen-line{display:block;width:80%;height:5px;background:#b9d9ca;margin-bottom:7px;border-radius:3px}.edu-screen-line.short{width:50%}.edu-screen-tiles{display:flex;gap:5px;margin-top:12px}.edu-screen-tiles i{display:block;flex:1;height:27px;background:#ffffffaa;border-radius:4px}.edu-device-2 .edu-screen{padding:8px}.edu-device-2 .edu-screen strong{font-size:10px}.edu-device-2 .edu-screen-tiles{flex-direction:column}.edu-device-2 .edu-screen-tiles i{flex:none;height:17px}.edu-device-labels{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:26px}.edu-device-labels span{font-size:11px;color:#e0e2ef}.edu-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.page-edunest .contact h2{font-size:38px}
@media(max-width:760px){
.header .mobile-menu .products-menu{grid-column:1/-1}.header .mobile-menu .products-menu>summary{border:0;min-height:46px;padding:10px 12px;background:var(--light);font-size:13px;justify-content:space-between}.header .mobile-menu .products-links{position:static;min-width:0;border:0;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;padding:4px}.header .mobile-menu .products-links a{white-space:normal}.edu-hero{grid-template-columns:minmax(0,1fr);gap:25px}.edu-visual{padding:22px}.edu-devices{height:220px}.edu-device-0{height:140px}.edu-device-1{height:110px}.edu-device-2{height:140px}.edu-apps{grid-template-columns:1fr;gap:14px}.page-edunest .contact h2{font-size:30px}.edu-hero .button{min-height:46px}.edu-device-labels span{font-size:10px}
}
.ui-concept-note,.ui-caption{font-size:12px;color:var(--muted)}.ui-caption{text-align:center;margin:14px 0 0}.ui-showcase-block{margin-top:52px}.ui-showcase-block+.ui-showcase-block{margin-top:85px}.ui-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:25px}.ui-showcase-heading h2{font-size:36px;margin-bottom:0}.ui-showcase-heading>p{max-width:320px;font-size:14px;color:var(--muted);margin:0}.ui-window{border:1px solid #dce2e4;border-radius:14px;overflow:hidden;box-shadow:0 22px 55px #35385f10;background:#f4f7f8;color:#293c40;font-size:13px}.ui-window h4,.ui-phone h4{font-size:24px;letter-spacing:-.04em;margin:8px 0 22px}.ui-window h5,.ui-phone h5{font-size:14px;margin:0 0 18px}.ui-chrome{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;font-size:10px;color:#738286;background:#fff;border-bottom:1px solid #e4e9ea}.ui-chrome>span:first-child{color:#c0d2ca;letter-spacing:3px}.ui-desktop{display:grid;grid-template-columns:180px minmax(0,1fr)}.ui-sidebar{background:#fff;border-inline-end:1px solid #e4e9ea;padding:24px 15px;display:flex;flex-direction:column;gap:9px}.ui-wordmark{font-size:22px;letter-spacing:-1px;color:#254342;white-space:nowrap}.ui-wordmark>span{color:#32916e}.ui-sidebar>.ui-wordmark{margin:0 10px 22px}.ui-sidebar>span{padding:12px 10px;display:flex;gap:13px;font-size:12px;border-radius:7px}.ui-selected{color:#237657;background:#e9f4ee}.ui-sidebar i{font-style:normal}.ui-sidebar-foot{margin-top:auto;padding:50px 10px 10px;font-size:10px;line-height:1.8;color:#7b8788}.ui-sidebar-foot strong{color:#304948}.ui-main{padding:26px;min-width:0}.ui-top{display:flex;justify-content:space-between;gap:10px}.ui-top small,.ui-phone-body>small{font-size:9px;letter-spacing:.08em;color:#708381}.ui-avatar{display:inline-flex;flex-shrink:0;width:30px;height:30px;align-items:center;justify-content:center;background:#ebefdd;color:#536440;border-radius:50%;font-size:9px;font-weight:700}.ui-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.ui-stat{padding:17px;background:#fff;border:1px solid #e2e9e6;border-radius:9px;display:flex;flex-direction:column;gap:7px}.ui-stat>span{font-size:11px;color:#657975}.ui-stat>strong{font-size:27px;letter-spacing:-1px}.ui-stat small{font-size:9px;color:#5e8574}.ui-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:18px}.ui-panel{min-width:0;padding:20px;border:1px solid #e2e9e6;border-radius:9px;background:white}.ui-panel-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.ui-pill{display:inline-block;padding:5px 8px;border:1px solid #d8e4de;border-radius:5px;font-size:9px;white-space:nowrap}.ui-chart{height:135px;display:flex;align-items:end;gap:12px;padding-top:8px;border-bottom:1px solid #e4ebe8;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#f0f4f2 33px,#f0f4f2 34px)}.ui-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.ui-chart i{display:block;width:65%;height:var(--bar);background:#86bea4;border-radius:4px 4px 0 0}.ui-chart>div:nth-child(4) i{background:#267859}.ui-chart small{font-size:8px;color:#6c817a;white-space:nowrap}.ui-ring{width:104px;height:104px;border-radius:50%;background:conic-gradient(#368568 0 84%,#ebf2ee 84%);margin:0 auto 12px;display:grid;place-items:center}.ui-ring>strong{width:80px;height:80px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px}.ui-ring small{font-size:12px}.ui-muted{color:#70817c;font-size:10px}.ui-ring+.ui-muted{text-align:center;margin-bottom:0}.ui-table{width:100%;border-collapse:collapse;font-size:11px;text-align:start}.ui-table th{text-align:start;color:#82908a;font-size:9px;font-weight:400;padding:7px 0}.ui-table td{padding:9px 0;border-top:1px solid #edf0ef}.ui-table .ui-avatar{margin-inline-end:10px}.ui-status{background:#edf7f0;color:#337151;padding:4px 8px;border-radius:4px;font-size:9px}.ui-portal-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;padding:20px 28px}.ui-portal-nav>div{display:flex;gap:8px;font-size:11px}.ui-portal-nav>div>span{padding:8px 12px;border-radius:6px}.ui-portal-body{padding:28px}.ui-welcome{border-radius:10px;padding:30px;background:linear-gradient(110deg,#dfeee4,#f0f4e5);margin-bottom:24px}.ui-welcome small{font-size:9px;letter-spacing:.09em;color:#507761}.ui-welcome h4{font-size:30px;margin:10px 0}.ui-welcome p{font-size:12px;margin-bottom:15px;color:#5b7468}.ui-welcome .ui-pill{background:#fff9}.portal-columns{grid-template-columns:1.2fr 1fr;margin-bottom:0}.ui-course{display:flex;gap:12px;align-items:center;border-top:1px solid #eaf0ec;padding:15px 0}.ui-course-icon{display:grid;place-items:center;background:#eef3e1;border-radius:9px;width:37px;height:37px;flex-shrink:0;font-size:16px;color:#5f7742}.ui-course:nth-of-type(2) .ui-course-icon{background:#e8eef9;color:#5976a1}.ui-course:nth-of-type(3) .ui-course-icon{background:#f8eee3;color:#9c7d45}.ui-course>div{min-width:0}.ui-course strong{display:block;font-size:12px;margin-bottom:5px}.ui-course small{display:block;font-size:10px;color:#71827b}.ui-time{margin-inline-start:auto;font-size:10px;color:#687b73}.ui-notice{padding:16px;background:#faf4e7;border-radius:7px;margin-top:10px}.ui-notice small{font-size:8px;letter-spacing:.08em;color:#997643}.ui-notice strong{display:block;font-size:13px;margin-top:8px}.ui-notice p{font-size:11px;color:#7b8175;margin:7px 0 0}.ui-notice.plain{background:#f4f7f5}.ui-phone-stage{background:#eaf0ed;border:1px solid #dfe6e2;border-radius:16px;padding:48px;display:flex;align-items:center;justify-content:center;gap:80px}.ui-phone{width:300px;flex-shrink:0;padding:9px;border:2px solid #465450;background:#263b33;border-radius:40px;box-shadow:0 25px 40px #213b3426;overflow:hidden;color:#293c40}.ui-phone-status{display:flex;justify-content:space-between;background:#fbfcfa;padding:14px 20px 10px;border-radius:29px 29px 0 0;font-size:10px}.ui-phone-head{display:flex;align-items:center;justify-content:space-between;background:#fbfcfa;padding:12px 18px}.ui-phone-head .ui-wordmark{font-size:21px}.ui-phone-body{background:#fbfcfa;padding:10px 18px}.ui-phone h4{font-size:24px;margin:7px 0 18px}.ui-next{background:#2e7358;color:white;padding:20px;border-radius:13px;margin-bottom:15px}.ui-next>small{font-size:8px;letter-spacing:.1em;color:#cee4d4}.ui-next strong{display:block;font-size:21px;margin:12px 0 5px}.ui-next p{margin:0 0 8px;font-size:12px}.ui-next>span{font-size:10px;color:#d3e6d8}.ui-phone-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.ui-phone-metrics>div{display:flex;flex-direction:column;gap:5px;background:#edf3ed;border-radius:9px;padding:13px}.ui-phone-metrics strong{font-size:23px}.ui-phone-metrics small{font-size:9px;color:#69806e}.ui-phone .ui-course{padding:12px 0;gap:9px}.ui-phone .ui-course strong{font-size:11px}.ui-phone .ui-course small{font-size:9px}.ui-phone .ui-course-icon{width:30px;height:30px;font-size:13px}.ui-phone .ui-time{font-size:9px}.ui-mobile-note{display:flex;gap:10px;background:#f4efde;padding:14px;border-radius:9px;margin-block:12px 8px}.ui-mobile-note>span{color:#8e9166}.ui-mobile-note strong{font-size:11px;display:block}.ui-mobile-note small{font-size:9px;display:block;margin-top:5px;color:#7d826f}.ui-phone-nav{display:flex;justify-content:space-around;background:#fbfcfa;border-top:1px solid #e5ece6;padding:11px 5px 5px}.ui-phone-nav>span{background:transparent;text-align:center;color:#83928a;font-size:19px}.ui-phone-nav>span.ui-selected{color:#287754}.ui-phone-nav small{display:block;font-size:8px;margin-top:3px}.ui-home-indicator{background:#fbfcfa;height:22px;border-radius:0 0 29px 29px;position:relative}.ui-home-indicator:after{content:"";position:absolute;bottom:7px;left:33%;width:34%;height:3px;border-radius:3px;background:#263b33}.ui-mobile-copy{max-width:310px}.ui-mobile-copy h3{font-size:36px;line-height:1.2;font-weight:500}.ui-mobile-copy>p:not(.eyebrow){font-size:15px;color:#677d72}.ui-design-points{display:grid;gap:13px;margin-top:25px;font-size:13px;color:#365a47}.ui-design-points>span:before{content:"✓";margin-inline-end:12px;color:#3d9165}[dir=rtl] .ui-window h4,[dir=rtl] .ui-phone h4{letter-spacing:0}[dir=rtl] .ui-wordmark{direction:ltr;display:inline-block}
@media(max-width:900px){.ui-phone-stage{gap:40px;padding:30px}.ui-desktop{grid-template-columns:140px minmax(0,1fr)}.ui-main{padding:18px}.ui-sidebar{padding:20px 10px}.ui-panel{padding:15px}.ui-grid{gap:12px}.ui-portal-nav{padding:18px}.ui-portal-nav>div>span{padding:7px}}
@media(max-width:600px){.ui-showcase-heading{display:block}.ui-showcase-heading h2{font-size:27px}.ui-showcase-heading>p{margin-top:14px;font-size:13px}.ui-showcase-block+.ui-showcase-block{margin-top:45px}.ui-chrome{padding:11px;font-size:8px}.ui-chrome>span:last-child:not(:nth-child(2)){display:none}.ui-desktop{grid-template-columns:1fr}.ui-sidebar{display:none}.ui-main{padding:13px}.ui-window h4{font-size:20px}.ui-top small{font-size:8px}.ui-stats{gap:6px}.ui-stat{padding:10px 8px}.ui-stat>span{font-size:9px}.ui-stat>strong{font-size:23px}.ui-stat small{font-size:8px}.ui-grid{grid-template-columns:1fr}.ui-chart{height:130px}.ui-table{font-size:10px}.ui-table .ui-avatar{width:24px;height:24px;font-size:8px;margin-inline-end:6px}.ui-portal-nav{padding:15px;flex-wrap:wrap;gap:12px}.ui-portal-nav>div{order:3;width:100%;gap:4px;justify-content:space-between;font-size:9px}.ui-portal-body{padding:13px}.ui-welcome{padding:19px}.ui-welcome h4{font-size:23px}.ui-welcome p{font-size:11px}.ui-phone-stage{padding:25px 12px;flex-direction:column;gap:30px}.ui-phone{width:min(100%,300px);padding:6px;border-radius:35px}.ui-phone-body{padding-inline:13px}.ui-phone-head{padding-inline:13px}.ui-phone .ui-course small{font-size:8px}.ui-phone .ui-course strong{font-size:10px}.ui-mobile-copy{padding:0 8px}.ui-mobile-copy h3{font-size:28px}.ui-mobile-copy>p:not(.eyebrow){font-size:14px}.ui-caption{font-size:10px}.ui-showcase-block{margin-top:30px}}
