{"id":470,"date":"2026-01-12T16:42:11","date_gmt":"2026-01-12T16:42:11","guid":{"rendered":"https:\/\/ruk2025.windmonkey.co.uk\/?p=470"},"modified":"2026-01-12T16:55:24","modified_gmt":"2026-01-12T16:55:24","slug":"about-us","status":"publish","type":"post","link":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/2026\/01\/12\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"<style>.kadence-column470_42a273-ca > .kt-inside-inner-col,.kadence-column470_42a273-ca > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column470_42a273-ca > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column470_42a273-ca > .kt-inside-inner-col{flex-direction:column;}.kadence-column470_42a273-ca > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column470_42a273-ca > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column470_42a273-ca{position:relative;}@media all and (max-width: 1024px){.kadence-column470_42a273-ca > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column470_42a273-ca > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column470_42a273-ca home-section-002-section\"><div class=\"kt-inside-inner-col\"><!-- GOOGLE FONTS -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<!-- EMBEDDABLE STYLES -->\n<style>\n    \/* Scope all styles to this specific wrapper to protect the rest of the WP site *\/\n    .ruk-business-embed {\n        \/* Theme Variables *\/\n        --ruk-bg-color: #f8fafc;        \/* Slate-50 *\/\n        --ruk-text-main: #0f172a;       \/* Slate-900 *\/\n        --ruk-text-muted: #64748b;      \/* Slate-500 *\/\n        --ruk-accent-orange: #f97316;   \/* Orange-500 *\/\n        --ruk-accent-gradient: linear-gradient(135deg, #f97316 0%, #ef4444 100%);\n        --ruk-neu-light: #ffffff;\n        --ruk-neu-shadow: #d1d9e6;\n        --ruk-font-main: 'Inter', sans-serif;\n\n        font-family: var(--ruk-font-main);\n        background-color: var(--ruk-bg-color);\n        color: var(--ruk-text-main);\n        line-height: 1.6;\n        width: 100%;\n        position: relative;\n        overflow: hidden; \/* Contains the blobs *\/\n        box-sizing: border-box;\n    }\n\n    \/* Reset basic elements only within this embed *\/\n    .ruk-business-embed a { text-decoration: none; box-shadow: none; }\n    .ruk-business-embed ul { margin: 0; padding: 0; list-style: none; }\n    .ruk-business-embed h1, \n    .ruk-business-embed h2, \n    .ruk-business-embed h3 { margin-top: 0; color: var(--ruk-text-main); }\n    .ruk-business-embed * { box-sizing: border-box; }\n\n    \/* ==========================================================================\n       HERO SECTION\n       ========================================================================== *\/\n    .ruk-business-hero {\n        position: relative;\n        width: 100%;\n        min-height: 80vh; \/* Adjusts based on container height *\/\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        padding: 6rem 10%; \/* Responsive padding *\/\n        background: radial-gradient(circle at top right, rgba(249, 115, 22, 0.08), transparent 60%);\n        z-index: 1;\n    }\n\n    \/* The Animated Blob *\/\n    .ruk-soft-blob {\n        position: absolute;\n        top: -10%; right: -10%;\n        width: 800px; height: 800px;\n        background: radial-gradient(circle, rgba(249, 115, 22, 0.12) 0%, rgba(248, 250, 252, 0) 70%);\n        filter: blur(80px);\n        opacity: 0.8;\n        pointer-events: none;\n        z-index: 0;\n        animation: rukBlobPulse 10s ease-in-out infinite;\n    }\n\n    @keyframes rukBlobPulse {\n        0% { transform: scale(1) translate(0, 0); }\n        50% { transform: scale(1.05) translate(-20px, 20px); }\n        100% { transform: scale(1) translate(0, 0); }\n    }\n\n    \/* Hero Content *\/\n    .ruk-hero-content {\n        position: relative;\n        z-index: 10;\n        max-width: 800px;\n    }\n\n    .ruk-tag {\n        display: inline-flex; align-items: center; gap: 0.5rem; \n        padding: 0.6rem 1.2rem; border-radius: 99px; font-size: 0.8rem; \n        font-weight: 700; text-transform: uppercase;\n        margin-bottom: 1.5rem;\n        background: #eef2f6; \n        color: #ea580c;\n        box-shadow: inset 4px 4px 8px var(--ruk-neu-shadow), \n                    inset -4px -4px 8px var(--ruk-neu-light);\n        border: 1px solid rgba(255,255,255,0.8);\n    }\n\n    .ruk-business-embed h1 {\n        font-size: clamp(2.5rem, 5vw, 4.5rem);\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: 1.5rem;\n        letter-spacing: -0.04em;\n    }\n\n    .ruk-text-gradient-orange {\n        background: var(--ruk-accent-gradient);\n        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n        filter: drop-shadow(0 0 20px rgba(249, 115, 22, 0.15));\n    }\n\n    .ruk-hero-desc {\n        font-size: 1.25rem;\n        color: var(--ruk-text-muted);\n        max-width: 650px;\n        margin-bottom: 3rem;\n    }\n\n    \/* ==========================================================================\n       CONTENT SECTION (Checklist)\n       ========================================================================== *\/\n    .ruk-content-section {\n        padding: 5rem 10%;\n        position: relative;\n        z-index: 20;\n    }\n\n    .ruk-section-intro {\n        margin-bottom: 4rem;\n        max-width: 800px;\n    }\n    .ruk-section-intro h2 { font-size: 2rem; margin-bottom: 1rem; }\n    .ruk-section-intro p { font-size: 1.1rem; color: var(--ruk-text-muted); }\n\n    \/* Grid *\/\n    .ruk-cards-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2.5rem;\n    }\n\n    \/* SOFT CARDS *\/\n    .ruk-soft-card {\n        background: #f8fafc;\n        border-radius: 20px;\n        padding: 2.5rem;\n        background: linear-gradient(145deg, #ffffff, #f0f2f5);\n        box-shadow: 20px 20px 60px #d1d9e6, -20px -20px 60px #ffffff;\n        border: 1px solid rgba(255,255,255,0.8);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .ruk-soft-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 25px 25px 70px #c4cddb, -25px -25px 70px #ffffff;\n    }\n\n    .ruk-card-number {\n        font-size: 4rem;\n        font-weight: 800;\n        line-height: 1;\n        margin-bottom: -1rem;\n        position: relative;\n        z-index: 0;\n        background: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);\n        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n        user-select: none;\n    }\n\n    .ruk-card-header {\n        position: relative;\n        z-index: 1;\n        margin-bottom: 1.5rem;\n    }\n    \n    .ruk-soft-card h3 { font-size: 1.5rem; font-weight: 700; margin: 0; }\n\n    .ruk-soft-card .ruk-subtitle {\n        font-size: 0.95rem;\n        font-weight: 500;\n        color: var(--ruk-accent-orange);\n        margin-top: 0.5rem;\n        display: block;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\n\n    .ruk-checklist-items li {\n        margin-bottom: 1.2rem;\n        padding-left: 1.5rem;\n        position: relative;\n        font-size: 1rem;\n        color: #475569;\n    }\n\n    .ruk-checklist-items li::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 0.6rem;\n        width: 6px;\n        height: 6px;\n        background-color: var(--ruk-accent-orange);\n        border-radius: 50%;\n        box-shadow: 0 0 10px rgba(249, 115, 22, 0.4);\n    }\n\n    .ruk-checklist-items strong { color: var(--ruk-text-main); font-weight: 600; }\n\n    \/* ==========================================================================\n       CTA SECTION\n       ========================================================================== *\/\n    .ruk-cta-section {\n        padding: 6rem 10%;\n        background: linear-gradient(180deg, var(--ruk-bg-color) 0%, #fff7ed 100%);\n        text-align: center;\n        border-radius: 0 0 20px 20px; \/* Rounded corners at bottom if embedded in container *\/\n    }\n\n    .ruk-quote-text {\n        font-size: 1.5rem;\n        font-weight: 500;\n        font-style: italic;\n        color: var(--ruk-text-main);\n        max-width: 800px;\n        margin: 0 auto 3rem auto;\n    }\n\n    .ruk-btn-large {\n        display: inline-flex;\n        align-items: center;\n        gap: 1rem;\n        padding: 1.2rem 3rem;\n        font-size: 1.1rem;\n        font-weight: 600;\n        border-radius: 16px;\n        background: linear-gradient(145deg, #ffffff, #e6e6e6);\n        color: #ea580c; \n        border: 1px solid #ffffff;\n        box-shadow: 8px 8px 16px var(--ruk-neu-shadow), -8px -8px 16px var(--ruk-neu-light);\n        transition: all 0.3s ease;\n        text-decoration: none !important;\n    }\n    \n    .ruk-btn-large:hover {\n        transform: translateY(-2px);\n        box-shadow: 12px 12px 20px var(--ruk-neu-shadow), -12px -12px 20px var(--ruk-neu-light);\n        color: #c2410c;\n    }\n\n    \/* Mobile Responsive *\/\n    @media (max-width: 768px) {\n        .ruk-business-hero { padding: 4rem 5%; min-height: auto; }\n        .ruk-content-section, .ruk-cta-section { padding: 4rem 5%; }\n        .ruk-business-embed h1 { font-size: 2.25rem; }\n    }\n<\/style>\n\n<!-- MAIN WRAPPER (Paste this into Custom HTML Block) -->\n<div class=\"ruk-business-embed\">\n    \n    <!-- HERO SECTION -->\n    <header class=\"ruk-business-page\">\n        <div class=\"ruk-soft-blob\"><\/div>\n        \n        <div class=\"ruk-hero-content\">\n            <div class=\"ruk-tag\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right:8px\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                <span>Universal Access & Safety<\/span>\n            <\/div>\n\n            <h1>\n                Inclusive Design <br>\n                <span class=\"ruk-text-gradient-orange\">Without Compromise<\/span>\n            <\/h1>\n\n            <p class=\"ruk-hero-desc\">\n                We build for the whole of the UK. Whether your customer is 18 or 80, their data is safe, their identity is respected, and their experience is seamless.\n            <\/p>\n\n            <a href=\"#\" class=\"ruk-btn-large\">\n                Start Your Project\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n            <\/a>\n        <\/div>\n    <\/header>\n\n    <!-- CHECKLIST CONTENT -->\n    <section class=\"ruk-content-section\">\n        <div class=\"ruk-section-intro\">\n            <h2>The Safety Checklist<\/h2>\n            <p>Our Agentic Headless Commerce framework is built on a \"Zero-Knowledge\" architecture. Here is how we protect your customers.<\/p>\n        <\/div>\n\n        <div class=\"ruk-cards-grid\">\n            <!-- Card 1 -->\n            <div class=\"ruk-soft-card\">\n                <div class=\"ruk-card-number\">01<\/div>\n                <div class=\"ruk-card-header\">\n                    <h3>Data Collection<\/h3>\n                    <span class=\"ruk-subtitle\">The \"Zero-Knowledge\" Vault<\/span>\n                <\/div>\n                <ul class=\"ruk-checklist-items\">\n                    <li><strong>Minimalist Schema:<\/strong> We audit every field. We do not collect gender, titles, or DOB unless strictly required for legal reasons.<\/li>\n                    <li><strong>Identity Isolation:<\/strong> \"Preferred Name\" is the primary display to prevent deadnaming. \"Legal Name\" is encrypted for billing only.<\/li>\n                    <li><strong>Sensitive Shield:<\/strong> Health or orientation data is treated as \"Special Category Data\" under UK GDPR with higher-tier encryption.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Card 2 -->\n            <div class=\"ruk-soft-card\">\n                <div class=\"ruk-card-number\">02<\/div>\n                <div class=\"ruk-card-header\">\n                    <h3>Inclusive AI<\/h3>\n                    <span class=\"ruk-subtitle\">Agentic Intelligence<\/span>\n                <\/div>\n                <ul class=\"ruk-checklist-items\">\n                    <li><strong>Unbiased Intent:<\/strong> Our AI is tuned to recognize diverse needs (e.g., \"adaptive clothing\", \"sensory-friendly\") without stereotyping.<\/li>\n                    <li><strong>Cultural Sensitivity:<\/strong> Programmed to use culturally sensitive language and avoid Western-centric assumptions.<\/li>\n                    <li><strong>Accessibility Interface:<\/strong> Robust voice-to-text and text-to-voice features via Vercel AI SDK for visual or motor impairments.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Card 3 -->\n            <div class=\"ruk-soft-card\">\n                <div class=\"ruk-card-number\">03<\/div>\n                <div class=\"ruk-card-header\">\n                    <h3>UI \/ UX<\/h3>\n                    <span class=\"ruk-subtitle\">The Universal Sanctuary<\/span>\n                <\/div>\n                <ul class=\"ruk-checklist-items\">\n                    <li><strong>WCAG 2.2 AA\/AAA:<\/strong> High contrast, keyboard-only navigation, and screen-reader optimization for all ages.<\/li>\n                    <li><strong>Cognitive Load Reduction:<\/strong> Clean, predictable layouts to support neurodivergent users and high-stress shopping contexts.<\/li>\n                    <li><strong>Safe Browsing:<\/strong> \"Quick Escape\" button feature for sensitive retail sectors to protect users in vulnerable domestic situations.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Card 4 -->\n            <div class=\"ruk-soft-card\">\n                <div class=\"ruk-card-number\">04<\/div>\n                <div class=\"ruk-card-header\">\n                    <h3>Sovereignty<\/h3>\n                    <span class=\"ruk-subtitle\">The UK Standard<\/span>\n                <\/div>\n                <ul class=\"ruk-checklist-items\">\n                    <li><strong>Local Sovereignty:<\/strong> All PII is stored in the <strong>eu-west-2 (London)<\/strong> region, protecting users from foreign data intrusion.<\/li>\n                    <li><strong>Vulnerable Identities:<\/strong> Sensitive data remains within UK jurisdiction, subject only to the UK High Court and ICO.<\/li>\n                    <li><strong>Right to be Forgotten:<\/strong> \"One-Click Scrub\" immediately clears user data from the Vault and AI memory.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA SECTION -->\n    <section class=\"ruk-cta-section\">\n        <p class=\"ruk-quote-text\">\n            \"By implementing this checklist, you are moving beyond compliance and into advocacy.\"\n        <\/p>\n        <div style=\"margin-top: 2rem;\">\n            <a href=\"#\" class=\"ruk-btn-large\">\n                Download Full Checklist\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n            <\/a>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- AUTO-SCROLL SCRIPT -->\n<script>\n(function() {\n    var hasScrolled = false;\n\n    function onFirstScroll(e) {\n        \/\/ Only trigger if:\n        \/\/ 1. We haven't triggered it yet\n        \/\/ 2. The user is starting from near the top of the page (within first 50px)\n        \/\/ 3. The scroll direction is DOWN (deltaY > 0)\n        if (!hasScrolled && window.scrollY < 50 && e.deltaY > 0) {\n            \n            var target = document.querySelector('.ruk-content-section');\n            \n            if (target) {\n                e.preventDefault(); \/\/ Stop the initial manual scroll \"jitter\"\n                hasScrolled = true; \/\/ Ensure this only happens once\n                \n                \/\/ Calculate scroll position\n                \/\/ We assume a sticky header or just want breathing room.\n                \/\/ 100px offset ensures title isn't hidden under a header \n                \/\/ and has the requested whitespace above it.\n                var headerOffset = 100; \n                var elementPosition = target.getBoundingClientRect().top;\n                var offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n                \/\/ Execute Smooth Scroll\n                window.scrollTo({\n                    top: offsetPosition,\n                    behavior: 'smooth'\n                });\n\n                \/\/ Clean up listener so normal scrolling resumes immediately after\n                window.removeEventListener('wheel', onFirstScroll);\n            }\n        } else {\n             \/\/ If user scrolls UP or is already down the page, remove listener \n             \/\/ to prevent weird hijacking later.\n             if(hasScrolled || window.scrollY >= 50) {\n                 window.removeEventListener('wheel', onFirstScroll);\n             }\n        }\n    }\n\n    \/\/ Add listener with passive: false to allow us to cancel the first scroll event\n    window.addEventListener('wheel', onFirstScroll, { passive: false });\n})();\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":260,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-470","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=470"}],"version-history":[{"count":1,"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/470\/revisions"}],"predecessor-version":[{"id":471,"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/470\/revisions\/471"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/media\/260"}],"wp:attachment":[{"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/categories?post=470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ruk2025.windmonkey.co.uk\/index.php\/wp-json\/wp\/v2\/tags?post=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}