/* Managed Enquiries: one local, reversible reconstruction from the supplied composition.
   All artwork is native HTML/CSS/SVG. Neither flattened PNG is used at runtime.
   Desktop drawing coordinates: 1672 x 941, including a 102px header.
   Homepage is the background authority for this hero; Website Design uses a different stretch. */
/* One page-scoped blue fill pair, used by the existing primary CTAs. */
.managed-enquiries-page { --me-cta-fill:linear-gradient(120deg,#0862bd,#06448c); --me-cta-hover:linear-gradient(120deg,#0969c7,#075099); }
/* Continuous page texture at the Homepage scale and origin, without stretching:
   approved head crop plus its own repeating 478px period (see website-design.css). */
.managed-enquiries-page .me-introduction {
 background-color:#04101d;
 background-image:url('../website-design/background-continuous-head.png'),url('../website-design/background-continuous-tile.png');
 background-position:center calc(-9.375vw);
 background-size:100% auto;
 background-repeat:no-repeat,repeat-y;
}
.me-hero { font-family:"Segoe UI",Arial,ui-sans-serif,sans-serif; line-height:1.55; }
.me-canvas { position:relative; width:min(100%,1672px); aspect-ratio:1672/839; margin-inline:auto; container-type:inline-size; }
.me-copy { position:absolute; top:calc(11.1% - .29cqw); left:4.78%; width:39%; z-index:4; }
.me-copy p,.me-copy h1 { margin:0; }
/* TEMPORARY protected-Preview status (owner: no permanent Coming soon labels at launch; remove with the launch decision). */
.me-copy .me-availability { display:inline-block; margin:0 0 1.1cqw; padding:.42cqw .95cqw; border:1px solid #3267aa; border-radius:100px; background:rgba(36,132,232,.18); color:#cbe7ff; font-size:max(11px,.85cqw); font-weight:800; line-height:1.2; letter-spacing:.14em; text-transform:uppercase; }
.me-copy h1 { margin-top:0; margin-bottom:2cqw; color:#f7faff; font-family:Arial,"Segoe UI",sans-serif; font-size:6.7cqw; line-height:.98; font-weight:700; letter-spacing:-.005em; }
.me-copy h1 span { display:block; }
.me-copy h1 span:last-child { color:#0097ff; }
.me-copy .me-strapline { font-size:1.65cqw; color:#c4def4; line-height:1.35; font-weight:700; letter-spacing:.02em; white-space:nowrap; }
.me-copy .me-description { margin-top:1.42cqw; color:#b6cde0; font-size:1.44cqw; line-height:1.55; letter-spacing:.005em; }
.me-trial { display:inline-flex; justify-content:center; align-items:center; gap:20px; margin-top:3cqw; width:18.18cqw; min-height:4.38cqw; padding:10px 18px; border:1px solid #4bbaff; border-radius:10px; background:var(--me-cta-fill); box-shadow:inset 0 -4px 5px #003f9d66,0 0 22px #0077ff25; color:white; font-size:1.67cqw; font-weight:700; text-decoration:none; }
.me-trial span { font-size:1.9cqw; font-weight:400; }
.managed-enquiries-page .btn-primary { background:var(--me-cta-fill); }
.me-trial:hover,.managed-enquiries-page .btn-primary:hover { background:var(--me-cta-hover); }
.me-art { position:absolute; left:38.28%; top:3.34%; width:61.72%; aspect-ratio:1032/800; margin:0; }
/* ResizeObserver scales this fixed-coordinate drawing uniformly; it never resamples an image. */
.me-scene { position:absolute; width:1032px; height:800px; transform:scale(var(--me-scene-scale,0)); transform-origin:top left; font-family:"Segoe UI",Arial,ui-sans-serif,sans-serif; color:#eef6ff; }
.me-connectors { position:absolute; inset:0; width:1032px; height:800px; overflow:visible; pointer-events:none; }
.me-floor { position:absolute; left:25px; top:669px; width:952px; height:42px; border:2px solid #078cff35; border-radius:50%; transform:rotate(3deg); box-shadow:0 6px 22px #0070ff42,inset 0 0 15px #008cff24; pointer-events:none; }
.me-floor::after { content:''; position:absolute; left:110px; top:2px; width:640px; height:30px; border-radius:50%; background:#158aff17; filter:blur(11px); }
.me-tablet { position:absolute; width:690px; height:600px; padding:25px 20px 22px; transform-origin:0 0; transform:matrix3d(0.778340957098,-0.0901677424291,0,-0.000209973521581,-0.117119420663,0.91228598017,0,-3.47309171714e-05,0,0,1,0,224,93,0,1); border:3px solid #196bbd; border-left-color:#91e0ff; border-top-color:#5aafff; border-radius:32px; background:linear-gradient(105deg,#021127,#000207 32%,#000107 85%,#04234c); box-shadow:-5px 0 3px #005bff, -9px 0 20px #007cff77, 4px 6px 5px #163575, 0 12px 17px #000d22, inset 0 0 5px #6095c7; z-index:2; }
.me-camera { position:absolute; left:49%; top:9px; width:5px; height:5px; border-radius:50%; border:1px solid #0a3251; background:#01070f; }
.me-screen { height:100%; overflow:hidden; border:1px solid #08608e; border-radius:12px; background:linear-gradient(125deg,#031529,#00101e); }
.me-workspace-label { height:32px; width:max-content; padding:7px 12px; margin-left:15px; border:1px solid #07517e; border-top:0; border-radius:0 0 3px 3px; background:#05203b; font-size:12px; font-weight:700; color:#b4dfff; }
.me-workspace { display:grid; grid-template-columns:124px 242px 1fr; height:calc(100% - 32px); }
.me-sidebar { display:flex; flex-direction:column; border-right:1px solid #113e5d; padding:12px 8px; color:#a6bed4; font-size:14px; }
.me-workspace-brand { display:flex; align-items:center; gap:4px; height:37px; margin-bottom:12px; }
.me-workspace-brand>span { font-size:7px; font-weight:700; letter-spacing:.18em; }
.me-workspace-brand small { display:block; margin-top:3px; font-size:5px; color:#46b9ff; letter-spacing:.38em; }
.me-side-item { display:flex; gap:7px; align-items:center; min-height:42px; padding:7px 5px; }
.me-side-item>span { font-family:Arial,sans-serif; font-size:14px; }
.me-side-active { color:#fff; border:1px solid #27a4ff; border-radius:7px; background:linear-gradient(110deg,#0089ff,#0068f5); font-weight:700; box-shadow:0 0 12px #007fff25; }
.me-side-active b { display:inline-grid; place-items:center; width:15px; height:15px; margin-right:-16px; border-radius:50%; background:#39adff; font-size:9px; }
.me-side-bottom { margin-top:auto; }
.me-enquiries { padding:9px 7px; border-right:1px solid #164360; }
.me-workspace-tools { display:flex; gap:7px; height:47px; margin-bottom:9px; color:#8fadc6; font-size:10px; }
.me-workspace-tools>span { display:flex; align-items:center; flex:1; border:1px solid #103c5b; border-radius:5px; padding:6px; }
.me-enquiry { display:flex; position:relative; align-items:flex-start; gap:8px; min-height:85px; padding:9px 6px; border-bottom:1px solid #0c2b42; }
.me-selected { border:1px solid #0879bb; border-radius:5px; background:linear-gradient(100deg,#083455,#052038); box-shadow:inset 0 0 12px #0066a925; }
.me-avatar { display:grid; place-items:center; flex-shrink:0; width:30px; height:30px; margin-top:2px; border-radius:50%; color:#0b2540; font-family:Arial,sans-serif; font-size:10px; font-weight:700; }
.me-purple { background:linear-gradient(120deg,#9d7cff,#e1c8ff); }
.me-mint { background:linear-gradient(120deg,#75e4c7,#b6fff0); }
.me-blue { background:linear-gradient(120deg,#70acff,#e4faff); }
.me-peach { background:linear-gradient(120deg,#ffac75,#ffe7c4); }
.me-enquiry-copy { min-width:70px; max-width:85px; line-height:1.13; font-size:12px; }
.me-enquiry-copy b,.me-enquiry-copy strong { display:block; font-weight:700; }
.me-enquiry-copy small { display:block; margin-top:4px; white-space:nowrap; color:#88abc5; font-size:9px; }
.me-enquiry-state { margin-left:auto; align-self:center; text-align:right; }
.me-status { display:inline-block; padding:4px 5px; border:1px solid #705817; border-radius:4px; background:#3e341b99; color:#ffdb79; font-size:9px; font-weight:700; white-space:nowrap; }
.me-status-detail { color:#57e8cc; border-color:#006154; background:#003a3b; }
.me-status-handled { color:#b6d9f6; border-color:#204966; background:#0a263e; }
.me-enquiry-state small { display:block; margin-top:5px; font-size:8px; line-height:1.3; white-space:nowrap; color:#93adc5; }
.me-detail { padding:9px 10px; font-size:11px; }
.me-person { display:flex; align-items:center; gap:8px; height:49px; margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid #164360; }
.me-person b { font-size:13px; }
.me-person small { display:block; margin-top:5px; font-size:10px; color:#92b3cc; }
.me-person .me-dots { margin-left:auto; font-size:18px; color:#b9d7eb; }
.me-detail-row { display:grid; grid-template-columns:42% 58%; align-items:center; min-height:34px; margin:0 0 7px; padding:6px 8px; border:1px solid #104469; border-radius:5px; background:#03192c; line-height:1.35; }
.me-detail-row>span { color:#91b7d3; font-size:10px; }
.me-detail-row>strong { font-size:11px; font-weight:700; }
.me-detail-row:nth-of-type(6),.me-detail-row:nth-of-type(7) { min-height:47px; }
.me-safety-note { margin:9px 0 0; padding:10px; border:1px solid #0871ac; border-radius:5px; background:linear-gradient(135deg,#073358,#03223f); color:#cae8ff; font-size:12px; font-weight:700; line-height:1.3; }
.me-workspace-link { display:flex; align-items:center; gap:8px; min-height:38px; margin-top:5px; color:#a8deff; text-decoration:none; font-size:10px; font-weight:700; line-height:1.35; }
.me-workspace-link span { margin-left:auto; }
.me-channel { position:absolute; width:150px; height:131px; padding:16px 13px 12px; border:1.2px solid #0798e7; border-right-color:#034272; border-radius:17px; background:linear-gradient(125deg,#002744,#02182f 58%,#001029); box-shadow:0 0 5px #007cff38,inset 0 0 12px #006aff24; z-index:3; transform:skewX(-6deg) rotate(1deg); }
.me-channel-top { display:flex; gap:9px; align-items:center; }
.me-channel-top strong { font-size:14px; white-space:nowrap; }
.me-channel-icon { display:block; width:36px; height:38px; flex-shrink:0; border-radius:12px; }
.me-channel-icon svg { display:block; width:100%; height:100%; }
.me-whatsapp { left:62px; top:151px; }
.me-whatsapp .me-channel-icon { background:linear-gradient(#00e337,#00ac26); }
.me-messenger { left:43px; top:331px; }
.me-messenger .me-channel-icon { background:linear-gradient(#00caff,#0069ff); border-radius:50%; }
.me-instagram { left:853px; top:193px; width:163px; }
.me-instagram .me-channel-icon { background:radial-gradient(circle at 20% 100%,#ffe76d,#ff8d3c 24%,#ee2685 53%,#9925e8 78%,#4737c5); }
.me-website { left:853px; top:373px; width:163px; }
.me-website .me-channel-icon { background:linear-gradient(#00aaff,#bceaff); }
.me-channel p { margin:5px 0 11px 46px; color:#b9d7f1; font-size:10px; white-space:nowrap; }
.me-whatsapp p { margin-left:0; }
.me-message-line { display:block; height:9px; width:100%; margin-top:8px; border-radius:5px; background:#325879; opacity:.8; }
.me-message-line.me-short { width:68%; }
.me-rollout { position:absolute; left:856px; top:621px; margin:0; color:#8eacc4; font-size:12px; white-space:nowrap; }
.managed-enquiries-page .me-mobile-context { display:none; }
/* Reflow the same copy and composition on smaller screens. The essential link
   and rollout note appear unscaled, with their original wording and destination. */
@media (max-width:1100px),(max-height:650px) {
 .managed-enquiries-page .me-introduction { background-size:auto 1434px,auto 478px; background-position:center top; }
 .me-canvas { display:flex; flex-direction:column; aspect-ratio:auto; padding-top:40px; }
 .me-copy { position:relative; inset:auto; width:auto; margin:0 24px; }
 .me-copy h1 { margin:0 0 25px; font-size:clamp(48px,8vw,78px); line-height:1; }
 .me-copy .me-availability { font-size:11px; padding:6px 12px; margin-bottom:16px; }
 .me-copy .me-strapline { font-size:clamp(19px,3vw,26px); white-space:normal; max-width:650px; line-height:1.4; }
 .me-copy .me-description { font-size:17px; margin-top:20px; max-width:640px; line-height:1.6; }
 .me-desktop-break { display:none; }
 .me-trial { width:260px; min-height:56px; margin-top:28px; font-size:20px; }
 .me-trial span { font-size:24px; }
 .me-art { position:relative; inset:auto; width:min(100%,850px); margin:20px auto 18px; }
 .me-workspace-link,.me-rollout { visibility:hidden; }
 .managed-enquiries-page .me-mobile-context { display:flex; flex-direction:column; align-items:center; align-self:center; gap:8px; width:min(calc(100% - 48px),500px); margin:0 24px 24px; }
 .me-mobile-preview { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; padding:12px 16px; border:1px solid #326b98; border-radius:8px; background:#072945; color:#d9f0ff; font-size:14px; line-height:1.5; font-weight:600; text-align:center; text-decoration:none; }
 .me-mobile-preview span { flex:none; }
 .me-mobile-rollout { margin:0; color:#b6cde0; font-size:14px; line-height:1.5; }


}
/* Narrow screens only (short desktop windows keep center): show the streaked right
   half of the approved texture instead of its dark centre strip. Same scale as the
   Homepage; streak coverage at 390px rises from ~8% to ~21%. */
@media (max-width:1100px) {
 .managed-enquiries-page .me-introduction { background-position:75% top; }
}
@media (max-width:480px) {
 .me-canvas { padding-top:34px; }
 .me-copy h1 { font-size:clamp(46px,12.6vw,60px); }
 .me-copy .me-strapline { max-width:335px; font-size:21px; }
 .me-copy .me-description { font-size:16px; }
 .me-art { margin-top:26px; }
}