{"product_id":"about-woosh-solutions","title":"About Woosh Solutions","description":"\u003cstyle\u003e\n  :root { --brand-gold: #FDC656; --brand-glow: rgba(253, 198, 86, 0.3); --dark: #000; }\n  \n  .woosh-immersive-about { \n    width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;\n    font-family: 'Inter', sans-serif; color: var(--dark); overflow: hidden; background: #fff;\n  }\n\n  \/* Cinematic Hero *\/\n  .woosh-hero-split { display: flex; flex-wrap: wrap; min-height: 90vh; width: 100%; background: var(--dark); }\n  .hero-left-narrative { flex: 1.2; min-width: 50%; padding: 100px 8%; color: #fff; display: flex; flex-direction: column; justify-content: center; }\n  .hero-tag-gold { background: var(--brand-gold); color: #000; padding: 10px 25px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; width: fit-content; margin-bottom: 25px; border-radius: 4px; }\n  .hero-left-narrative h1 { font-size: clamp(3.5rem, 8vw, 6.5rem); font-weight: 900; line-height: 0.85; margin: 0; text-transform: uppercase; }\n\n  \/* Hero Main Woosh Card *\/\n  .hero-visual-card { flex: 0.8; min-width: 50%; background: #111; display: flex; align-items: center; justify-content: center; padding: 60px; border-left: 1px solid rgba(255,255,255,0.1); }\n  .woosh-main-card { \n    background: transparent; border: 2px solid var(--brand-gold); padding: 50px; text-align: left; width: 100%; max-width: 500px;\n    box-shadow: 25px 25px 0px var(--brand-gold); transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n  .woosh-main-card:hover { transform: translate(-10px, -10px); box-shadow: 40px 40px 0px var(--brand-gold); }\n\n  \/* Interactive Triple Woosh Cards Section *\/\n  .woosh-value-strip { display: flex; flex-wrap: wrap; width: 100%; background: #fff; padding: 80px 5%; gap: 30px; }\n  .value-woosh-card { \n    flex: 1; min-width: 300px; padding: 60px 40px; border: 1px solid #eee; border-radius: 20px;\n    transition: 0.5s; position: relative; background: #fff; overflow: hidden;\n  }\n  .value-woosh-card:hover { \n    border-color: var(--brand-gold); transform: translateY(-15px);\n    box-shadow: 0 20px 50px var(--brand-glow);\n  }\n  .value-woosh-card h3 { font-size: 1.6rem; font-weight: 800; color: #000; text-transform: uppercase; margin-bottom: 20px; transition: 0.3s; }\n  .value-woosh-card:hover h3 { color: var(--brand-gold); }\n  .value-woosh-card p { font-size: 1.1rem; color: #555; line-height: 1.6; z-index: 2; position: relative; }\n\n  \/* Glow Animation Logic *\/\n  .value-woosh-card::after {\n    content: \"\"; position: absolute; top: 100%; left: 100%; width: 200px; height: 200px;\n    background: radial-gradient(circle, var(--brand-glow) 0%, transparent 70%);\n    transition: 0.8s; z-index: 1; border-radius: 50%;\n  }\n  .value-woosh-card:hover::after { top: -50px; left: -50px; opacity: 0.6; }\n\n  \/* Roadmap Section with Reduced Vertical Spacing *\/\n  .woosh-process-full { padding: 60px 5% 40px 5%; background: #fcfcfc; text-align: center; }\n  .woosh-process-full h2 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; margin-bottom: 50px; text-transform: uppercase; }\n  \n  .process-grid-immersive { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; background: #eee; border: 1px solid #eee; max-width: 1700px; margin: 0 auto; }\n  .phase-card { \n    background: #fff; padding: 50px 35px; text-align: left; transition: 0.4s; position: relative; overflow: hidden; \n  }\n  .phase-card:hover { \n    background: var(--dark); color: #fff; \n    box-shadow: inset 0 0 40px rgba(253, 198, 86, 0.15); \n  }\n  .phase-card span { font-size: 0.8rem; font-weight: 900; color: var(--brand-gold); letter-spacing: 2px; display: block; margin-bottom: 15px; }\n  .phase-card h4 { font-size: 1.3rem; font-weight: 800; text-transform: uppercase; margin-bottom: 12px; }\n\n  @media (max-width: 1100px) {\n    .hero-left-narrative, .hero-visual-card, .value-woosh-card { min-width: 100%; }\n    .process-grid-immersive { grid-template-columns: 1fr 1fr; }\n    .woosh-immersive-about { width: 100%; margin: 0; left: 0; }\n  }\n  @media (max-width: 650px) { .process-grid-immersive { grid-template-columns: 1fr; } }\n\u003c\/style\u003e\n\n\u003cdiv class=\"woosh-immersive-about\"\u003e\n  \n  \u003csection class=\"woosh-hero-split\"\u003e\n    \u003cdiv class=\"hero-left-narrative\"\u003e\n      \u003cdiv class=\"hero-tag-gold\"\u003eYour Reliable Marketing Partner\u003c\/div\u003e\n      \u003ch1\u003eAbout\u003cbr\u003eWoosh Solutions\u003c\/h1\u003e\n      \u003cp style=\"margin-top:30px; font-size: 1.25rem; opacity: 0.8; max-width: 650px;\"\u003e\n        Headquartered in Toronto, we architect high-performance market entry and expansion models for brands targeting the US and Canadian landscapes.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-visual-card\"\u003e\n      \u003cdiv class=\"woosh-main-card\"\u003e\n        \u003ch3 style=\"color:var(--brand-gold); font-size: 1.8rem; font-weight: 900; text-transform: uppercase; margin-bottom: 20px;\"\u003eOur Strategic Core\u003c\/h3\u003e\n        \u003cp style=\"color:#fff; font-size: 1.1rem; line-height: 1.6; opacity: 0.95;\"\u003e\n          We deliver **holistic marketing ecosystems** that integrate data-led strategy with flawless execution. We ensure your entire North American roadmap is transparent and engineered for scalable ROI.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"woosh-value-strip\"\u003e\n    \u003cdiv class=\"value-woosh-card\"\u003e\n      \u003ch3\u003eHolistic Strategy\u003c\/h3\u003e\n      \u003cp\u003eMoving beyond tactics to build comprehensive plans that align with your long-term North American business objectives.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"value-woosh-card\"\u003e\n      \u003ch3\u003eMarket Ecosystems\u003c\/h3\u003e\n      \u003cp\u003eIntegrating sophisticated data pipelines with sincere creative to dominate the US and Canadian sectors.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"value-woosh-card\"\u003e\n      \u003ch3\u003eUnified Execution\u003c\/h3\u003e\n      \u003cp\u003eSeamless management of your entire presence, ensuring consistency and profound results across all channels.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"woosh-process-full\"\u003e\n    \u003ch2\u003eThe Woosh Roadmap\u003c\/h2\u003e\n    \u003cdiv class=\"process-grid-immersive\"\u003e\n      \u003cdiv class=\"phase-card\"\u003e\n        \u003cspan\u003ePHASE 01\u003c\/span\u003e\n        \u003ch4\u003eStrategic Audit\u003c\/h4\u003e\n        \u003cp\u003eA rigorous evaluation of your market position and data assets to build a holistic foundation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"phase-card\"\u003e\n        \u003cspan\u003ePHASE 02\u003c\/span\u003e\n        \u003ch4\u003eHolistic Planning\u003c\/h4\u003e\n        \u003cp\u003eArchitecting an end-to-end marketing ecosystem tailored for sustainable growth.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"phase-card\"\u003e\n        \u003cspan\u003ePHASE 03\u003c\/span\u003e\n        \u003ch4\u003eOmnichannel Deployment\u003c\/h4\u003e\n        \u003cp\u003eExecuting your unified strategy across all high-impact channels to maximize resonance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"phase-card\"\u003e\n        \u003cspan\u003ePHASE 04\u003c\/span\u003e\n        \u003ch4\u003eAgile Optimization\u003c\/h4\u003e\n        \u003cp\u003eContinuous data-driven refinement to ensure your holistic plan remains profound and profitable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Woosh Solutions","offers":[{"title":"Default Title","offer_id":51423872254273,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true}],"url":"https:\/\/www.wooshsolutions.ca\/products\/about-woosh-solutions","provider":"Woosh Solutions","version":"1.0","type":"link"}