/* .button span is lime by default, but a lime-background primary button made its own arrow invisible against itself. */ .primary span{color:#141614}.primary.light span{color:var(--lime)} /* Product-card clarity pass: logos, copy and actions never share a layer. */ .product-list{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{height:550px;isolation:isolate}.product-top,.product-logo,.product-content,.product-card>a{position:relative;z-index:2}.product-logo{width:82%;height:78px;margin:32px 0 26px;display:flex;align-items:center}.product-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain;object-position:left center}.product-content{margin-top:auto;max-width:100%}.product-card h3{margin:0 0 10px}.product-card p{margin:0 0 20px}.product-card>a{margin-top:0}.product-card .card-art{display:none} .madbot{background:linear-gradient(145deg,#ffc47c 0%,#ffb362 72%,#f6a351 100%)}.madbot .madbot-logo{width:calc(100% + 42px);height:96px;margin:24px -21px 28px;padding:16px 21px;background:#161914;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(0,0,0,.24);position:relative;overflow:hidden}.madbot .madbot-logo:after{content:'AI BUSINESS AUTOMATION';position:absolute;right:18px;bottom:11px;color:#d5ff4f;font:8px 'DM Mono',monospace;letter-spacing:.12em}.madbot .madbot-logo img{max-width:188px;max-height:62px;position:relative;z-index:1}.madbot .product-content{margin-bottom:18px} @media(max-width:800px){.brand{font-size:11px}.brand-mark{width:32px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.08em}.product-list{grid-template-columns:1fr}.product-card{height:470px}.product-logo{height:66px;margin:25px 0 20px;width:72%}.madbot .madbot-logo{height:88px;margin-top:20px;margin-bottom:22px}.madbot .madbot-logo img{max-width:170px}.madbot .product-content{margin-bottom:12px}.product-card h3{font-size:31px}} @media(max-width:390px){.hero-facts{gap:12px}.hero-facts b{font-size:19px}.hero-facts span{font-size:8px}.product-card{height:450px}.section-pad{padding-left:20px;padding-right:20px}} /* The ecosystem is an outcome flow, not a terminating organisation chart. */ .ecosystem .system-map{max-width:1050px;height:auto;margin:65px auto 0;padding:38px;background:#171a16;color:#eff0e9;border:1px solid #4b5145;text-align:left;overflow:hidden}.ecosystem .system-map:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(213,255,79,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(213,255,79,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.ecosystem .map-node,.ecosystem .company-node{position:relative;z-index:1;margin:auto;width:235px;padding:14px 15px 12px;border-color:#829565;background:#1d231a;text-align:center}.ecosystem .company-node svg{width:44px;margin-bottom:5px;stroke:#d5ff4f}.ecosystem .company-node small{display:block;color:#aeb7a2;font:8px 'DM Mono',monospace;letter-spacing:.13em;margin-top:6px}.ecosystem .flow-stem{height:35px;position:relative;z-index:1;text-align:center}.ecosystem .flow-stem:before{content:'';position:absolute;height:26px;border-left:1px solid #89977e;top:0;left:50%}.ecosystem .flow-stem span{position:absolute;bottom:-1px;left:calc(50% - 6px);color:#d5ff4f;font-size:15px;background:#171a16;line-height:1}.ecosystem .map-products{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.ecosystem .map-products:before{content:'';position:absolute;top:-17px;left:16.666%;right:16.666%;height:17px;border-top:1px solid #89977e;border-left:1px solid #89977e;border-right:1px solid #89977e}.ecosystem .map-products div{min-height:111px;padding:17px;border:1px solid #656c60;background:#20241e;position:relative}.ecosystem .map-products i{display:block;font:9px 'DM Mono',monospace;color:#d5ff4f;font-style:normal;margin-bottom:20px}.ecosystem .map-products b{font-size:13px;color:#eff0e9}.ecosystem .map-products span{font:9px 'DM Mono',monospace;color:#a8aea2;margin-top:7px}.ecosystem .map-cert{border-top:2px solid #62c6de!important}.ecosystem .map-reg{border-top:2px solid #a99eff!important}.ecosystem .map-mad{border-top:2px solid #eef000!important}.ecosystem .flow-stem.compact{height:40px}.ecosystem .operations-hub{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1.2fr auto;gap:25px;align-items:center;padding:24px 25px;background:#d5ff4f;color:#172016;border:1px solid #eff0e9}.operations-hub small{display:block;font:9px 'DM Mono',monospace;letter-spacing:.1em;margin-bottom:8px}.operations-hub b{font:700 25px Manrope,sans-serif;letter-spacing:-.06em;text-transform:uppercase}.operations-hub p{font-size:11px;line-height:1.55;margin:0;max-width:260px}.hub-status{font:9px 'DM Mono',monospace;white-space:nowrap}.hub-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#172016;margin-right:6px;animation:pulse 2s infinite}.ecosystem .outcome-heading{position:relative;z-index:1;margin:34px 0 12px;text-align:center;color:#a8aea2;font:9px 'DM Mono',monospace;letter-spacing:.14em}.outcome-heading span{color:#d5ff4f;padding-left:8px;font-size:14px}.ecosystem .map-outcomes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ecosystem .map-outcomes>div{background:#1b1f1a;border:1px solid #454b42;min-height:145px;padding:18px}.map-outcomes span{display:block;color:#d5ff4f;font:9px 'DM Mono',monospace;margin-bottom:22px}.map-outcomes b{display:block;font-size:18px;line-height:1.02;letter-spacing:-.05em}.map-outcomes small{display:block;color:#a8aea2;font-size:10px;line-height:1.5;margin-top:11px}.ecosystem .outcome-bar{position:relative;z-index:1;margin-top:12px;border:1px solid #4f554c;padding:15px 18px;display:flex;align-items:center;gap:12px;background:#20241e}.outcome-bar b{font-size:11px;letter-spacing:.08em}.outcome-bar i{margin-left:auto;color:#a8aea2;font:9px 'DM Mono',monospace;letter-spacing:.08em;font-style:normal} @media(max-width:800px){.ecosystem .system-map{padding:22px 14px;margin-top:40px}.ecosystem .map-products,.ecosystem .map-outcomes{grid-template-columns:1fr}.ecosystem .map-products:before{display:none}.ecosystem .map-products div{min-height:88px}.ecosystem .operations-hub{grid-template-columns:1fr;padding:20px;gap:12px}.ecosystem .map-outcomes>div{min-height:120px}.ecosystem .outcome-bar{flex-wrap:wrap}.outcome-bar i{margin-left:0;width:100%}.ecosystem .flow-stem{height:25px}.ecosystem .flow-stem:before{height:18px}} /* MADBOT owns its vibrant yellow; its official mark now sits on its native colour. */ .madbot .madbot-logo{padding:0;background:transparent;border:0;overflow:visible}.madbot .madbot-logo:after{display:none}.madbot .madbot-logo img{max-width:100%;max-height:100%} /* Product depth gives the landing page substantive, product-specific content. */ .product-depth{background:#151815;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.capability-card{min-height:410px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);background:#1b1f1a}.capability-head{display:flex;align-items:center;gap:10px;font:9px 'DM Mono',monospace;letter-spacing:.1em}.capability-head span{color:var(--lime)}.capability-head i{margin-left:auto;font-size:16px;font-style:normal}.capability-card h3{font-size:25px;line-height:1.02;letter-spacing:-.06em;margin:42px 0 23px}.capability-card ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(239,240,233,.18)}.capability-card li{font-size:11px;line-height:1.4;padding:11px 0;border-bottom:1px solid rgba(239,240,233,.18);color:#c9ccc4}.capability-card li:before{content:'↗';color:var(--lime);margin-right:9px}.capability-card a{margin-top:auto;padding-top:22px;color:var(--paper);font-size:11px;font-weight:700;text-decoration:none}.capability-card a span{color:var(--lime);margin-left:10px}.cert-cap{border-top:2px solid #62c6de}.reg-cap{border-top:2px solid #a99eff}.mad-cap{border-top:2px solid #f2f20b}.mad-cap .capability-head span,.mad-cap li:before{color:#f2f20b} .principle-list{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.principle{min-height:143px}.principle:last-child{grid-column:1/-1;max-width:50%} @media(max-width:800px){.madbot .madbot-logo{height:66px;width:70%;margin:23px 0 20px}.capability-grid{grid-template-columns:1fr;margin-top:38px}.capability-card{min-height:360px}.principle-list{grid-template-columns:1fr}.principle:last-child{grid-column:auto;max-width:none}} /* Contact page styling and polish */ .contact-hero{text-align:center;padding:4rem 2rem 2rem}.contact-hero h1{font-size:2.5rem;font-weight:800;margin:0;color:#eff0e9}.contact-hero h1 em{color:#d5ff4f;font-style:italic}.section-heading{max-width:700px;margin-left:auto;margin-right:auto}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.contact-card{background:#0f0e0c;border:1px solid #2d2b28;padding:2.5rem 2rem;transition:border-color 0.3s ease}.contact-card:hover{border-color:#d5ff4f}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.card-header>div{flex:1}.card-number{font-size:2rem;font-weight:800;color:#d5ff4f;line-height:1;min-width:40px}.card-header h3{margin:0;color:#eff0e9;font-size:1.2rem;font-weight:700}.contact-info{margin:0;color:#d5ff4f;font-size:1rem;font-weight:600}.contact-cta{background:linear-gradient(135deg,rgba(213,255,79,0.05) 0%,rgba(213,255,79,0.02) 100%);border:1px solid rgba(213,255,79,0.1);padding:3rem 2rem}.contact-cta h2{font-size:2rem;font-weight:800;margin-top:0}.contact-partnerships{padding:3rem 2rem;max-width:900px;margin:0 auto}.contact-partnerships h2{font-size:1.8rem;font-weight:800;margin-top:0;margin-bottom:1rem}.contact-social{padding:2rem}.social-link{padding:0.75rem 1.5rem;background:#1a1918;border:1px solid #2d2b28;color:inherit;text-decoration:none;transition:all 0.3s ease;display:inline-block}.social-link:hover{border-color:#d5ff4f;color:#d5ff4f}.delay-1{animation-delay:0.1s}.delay-2{animation-delay:0.2s}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:flex-start;max-width:1100px;margin:0 auto}.contact-intro{padding-top:1rem}.contact-intro h2{font-size:2.5rem;font-weight:800;margin:1.5rem 0 1rem;color:#eff0e9;line-height:1.1}.contact-intro h2 em{color:#d5ff4f;font-style:italic}.contact-intro .eyebrow{margin-bottom:1rem}.contact-link{display:inline-flex;align-items:center;gap:0.5rem;color:#d5ff4f;text-decoration:none;font-weight:600;font-size:1.1rem;margin-top:2rem}.contact-link:hover{opacity:.8}.contact-form{background:#0f0e0c;border:1px solid #2d2b28;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:0.5rem}.form-label{font-weight:600;color:#eff0e9;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.02em}.form-input,.form-select{background:#1a1918;border:1px solid #2d2b28;padding:0.875rem 1rem;color:#eff0e9;font-family:Manrope,sans-serif;font-size:1rem;transition:all 0.3s ease;width:100%;box-sizing:border-box}.form-input::placeholder{color:#666}.form-input:focus,.form-select:focus{outline:none;border-color:#d5ff4f;box-shadow:0 0 0 3px rgba(213,255,79,0.1);background:#1a1918}.form-input:hover,.form-select:hover{border-color:#d5ff4f}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d5ff4f' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:20px;padding-right:2.5rem}.form-submit{align-self:flex-start;margin-top:1rem;padding:0.875rem 2rem;font-weight:600;border:0;cursor:pointer;font-family:inherit}.form-status{margin-top:0.5rem;font-size:0.95rem}.contact-hero-content{text-align:center;max-width:700px;margin:0 auto}.contact-hero-content h1{font-size:2.8rem;font-weight:800;margin:1.5rem 0;color:#eff0e9}.contact-hero-content h1 em{color:#d5ff4f;font-style:italic}.hero-subtext{font-size:1.1rem;color:#a3a69e;line-height:1.8;margin-top:1.5rem}@media(max-width:768px){.contact-container{grid-template-columns:1fr;gap:2rem}.contact-intro h2{font-size:2rem}.contact-form{padding:2rem}.contact-hero-content h1{font-size:2rem}.contact-grid{grid-template-columns:1fr}.contact-cta h2{font-size:1.5rem}.form-input,.form-select{padding:0.75rem 0.875rem}} /* Resources section links were plain unstyled anchors — give them the same card treatment as the rest of the site. */ .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.resource-grid a{display:flex;flex-direction:column;background:#1b1f1a;border:1px solid var(--line);padding:26px;color:var(--paper);text-decoration:none;min-height:190px;transition:border-color .3s ease}.resource-grid a:hover{border-color:var(--lime)}.resource-grid a span{font:9px 'DM Mono',monospace;color:var(--lime);letter-spacing:.1em;margin-bottom:20px}.resource-grid a h3{font-size:18px;line-height:1.32;letter-spacing:-.02em;font-weight:700;margin:0;flex:1}.resource-grid a i{font-style:normal;font-size:11px;font-weight:700;margin-top:18px} @media(max-width:800px){.resource-grid{grid-template-columns:1fr;margin-top:35px}} /* The industries grid had zero CSS anywhere — pure unstyled fallback markup. */ .industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}.industry-grid article{border:1px solid var(--line);background:#151815;padding:30px 24px}.industry-grid article span{display:block;font:44px var(--serif);color:var(--lime);line-height:1;margin-bottom:20px}.industry-grid article h3{font-size:18px;letter-spacing:-.01em;margin-bottom:10px}.industry-grid article p{font-size:12px;line-height:1.7;color:var(--muted)} @media(max-width:800px){.industry-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:35px}.industry-grid article{padding:22px 18px}} @media(max-width:390px){.industry-grid{grid-template-columns:1fr}} /* Footer: the full company lockup above a meta row, with an Indian flag mark next to "India". */ footer{display:flex;flex-direction:column;align-items:center;gap:34px;text-align:center} footer .brand{justify-content:center;gap:16px;font-size:26px} footer .brand-mark{width:88px} @media(max-width:800px){footer .brand{gap:12px;font-size:18px}footer .brand-mark{width:58px}} footer .footer-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;width:100%;text-align:left} footer .footer-meta p{margin:0} footer .footer-copy{font:9px 'DM Mono',monospace;color:#8d9189;display:flex;justify-content:flex-end;align-items:center;gap:18px;line-height:1.6} .footer-country{display:inline-flex;align-items:center} .flag-in{width:18px;height:12px;margin-right:6px;flex-shrink:0} @media(max-width:800px){footer .footer-meta{grid-template-columns:1fr;text-align:center;gap:14px}footer .footer-copy{flex-direction:column;align-items:center;gap:6px}} /* ── Corporate identity ────────────────────────────────────────────────────── The company mark is the red Mallah starburst; lime stays the interface accent. The mark has 8-fold rotational symmetry, so a slow spin reads as continuous motion with no visible seam where the loop restarts. */ :root{--brand-red:#ed1c24;--madbot:#ff6a1a} .brand{gap:12px} .brand-mark{width:30px;height:30px;fill:var(--brand-red);stroke:none;filter:drop-shadow(0 0 7px rgba(237,28,36,.3));animation:mark-spin 34s linear infinite} @keyframes mark-spin{to{transform:rotate(360deg)}} .brand-word{display:flex;flex-direction:column;line-height:1} .brand-word b{font-size:19px;font-weight:800;letter-spacing:-.035em} .brand-word i{font:500 8px 'DM Mono',monospace;font-style:normal;letter-spacing:.2em;color:var(--muted);margin-top:4px} .company-node svg{width:38px;height:38px;fill:var(--brand-red);stroke:none} .core{font-size:0;line-height:0;border-color:#4a4d44;box-shadow:0 0 46px rgba(237,28,36,.2)} .core-mark{width:42px;height:42px;fill:var(--brand-red);filter:drop-shadow(0 0 10px rgba(237,28,36,.35))} @media(max-width:800px){.brand-mark{width:26px;height:26px}.brand-word b{font-size:16px}.brand-word i{font-size:7px;letter-spacing:.16em}.core-mark{width:34px;height:34px}} /* Footer signs off with the registered lockup and the statutory registration numbers. */ footer .footer-brand{display:block} footer .footer-brand img{display:block;width:300px;max-width:74vw;height:auto} /* The statutory identifiers are the point of the strip, so they get a panel and real contrast rather than 9px grey on near-black. */ .footer-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;width:100%;padding:0;border:1px solid rgba(213,255,79,.22);background:#181c14;font-family:'DM Mono',monospace;overflow:hidden} .footer-legal span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:15px 26px;flex:1 1 auto;justify-content:center} .footer-legal span+span{border-left:1px solid rgba(213,255,79,.16)} .footer-legal i{font-style:normal;font-size:9px;font-weight:500;letter-spacing:.16em;color:var(--lime)} .footer-legal b{font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--paper)} @media(max-width:800px){footer .footer-brand img{width:232px}} @media(max-width:620px){.footer-legal{flex-direction:column}.footer-legal span{padding:12px 18px;width:100%;justify-content:space-between}.footer-legal span+span{border-left:0;border-top:1px solid rgba(213,255,79,.16)}} /* Product cards: MADBOT's mark now carries its own alpha, so the card shows the real brand yellow instead of a mismatched plate, and a capability strip fills the gap that used to sit between the logo and the headline. */ .madbot{background:var(--madbot)} .madbot .madbot-logo{width:70%;height:74px;margin:30px 0 22px} .mad-cap{border-top-color:var(--madbot)} .mad-cap .capability-head span,.mad-cap li:before{color:var(--madbot)} .product-card{height:494px;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease} .product-card.visible:hover{box-shadow:0 20px 46px rgba(0,0,0,.42)} .product-card .arrow{transition:transform .35s ease} .product-card:hover .arrow{transform:translate(3px,-3px)} .product-tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;position:relative;z-index:2} .product-tags li{font:9px 'DM Mono',monospace;letter-spacing:.1em;padding:6px 9px;border:1px solid currentColor;opacity:.55} @media(max-width:800px){.product-card{height:468px}.madbot .madbot-logo{height:66px;width:68%;margin:24px 0 18px}} /* Registered-particulars table on the company page. */ .corporate{max-width:900px;margin:0 auto} .corporate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;border-top:1px solid var(--line)} .corporate-grid div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)} .corporate-grid dt{font:9px 'DM Mono',monospace;letter-spacing:.13em;color:var(--muted);margin:0} .corporate-grid dd{margin:0;font-size:13px;font-weight:700;letter-spacing:.01em;text-align:right} .corporate-grid a{color:var(--lime);text-decoration:none;border-bottom:1px solid rgba(213,255,79,.35)} .corporate-note{font-size:11px;line-height:1.7;color:var(--muted);margin:22px 0 0} @media(max-width:800px){.corporate-grid{grid-template-columns:1fr;gap:0}} /* The eyebrow is lime on ink everywhere else, which leaves it invisible on the two light sections — lime on paper, and lime on the lime security panel. */ .ecosystem .eyebrow{color:var(--brand-red)} .ecosystem .eyebrow span{background:var(--brand-red);box-shadow:0 0 13px rgba(237,28,36,.45)} .security-panel .eyebrow{color:#2f4012} .security-panel .eyebrow span{background:#2f4012;box-shadow:none} /* Reduced motion: the global override shortens animations but left them looping, which turns a slow spin into a flicker. Run them once and stop. */ @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-iteration-count:1!important}} /* ── Product pages ─────────────────────────────────────────────────────────── Shared layout for the rewritten CertNotify / Regulane / MADBOT pages. Each page sets --product-accent in its own