UX Design Archives - WebIT Solutions - Marketing Agency Ottawa

Best UX Design Agency Ottawa

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:root{--wp--style--global--content-size:800px;--wp--style--global--wide-size:1200px}:where(body){margin:0}.wp-site-blocks>.alignleft{float:left;margin-right:2em}.wp-site-blocks>.alignright{float:right;margin-left:2em}.wp-site-blocks>.aligncenter{justify-content:center;margin-left:auto;margin-right:auto}:where(.wp-site-blocks)>*{margin-block-start:24px;margin-block-end:0}:where(.wp-site-blocks)>:first-child{margin-block-start:0}:where(.wp-site-blocks)>:last-child{margin-block-end:0}:root{--wp--style--block-gap:24px}:root :where(.is-layout-flow)>:first-child{margin-block-start:0}:root :where(.is-layout-flow)>:last-child{margin-block-end:0}:root :where(.is-layout-flow)>*{margin-block-start:24px;margin-block-end:0}:root :where(.is-layout-constrained)>:first-child{margin-block-start:0}:root :where(.is-layout-constrained)>:last-child{margin-block-end:0}:root :where(.is-layout-constrained)>*{margin-block-start:24px;margin-block-end:0}:root :where(.is-layout-flex){gap:24px}:root :where(.is-layout-grid){gap:24px}.is-layout-flow>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-flow>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-flow>.aligncenter{margin-left:auto !important;margin-right:auto !important}.is-layout-constrained>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-constrained>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-constrained>.aligncenter{margin-left:auto !important;margin-right:auto !important}.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important}.is-layout-constrained>.alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*, div){margin:0}body{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}a:where(:not(.wp-element-button)){text-decoration:underline}:root :where(.wp-element-button, .wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}@view-transition{navigation:auto}@media (prefers-reduced-motion: no-preference){::view-transition-group(*){animation-duration:2s}}@media screen and (min-width: 768px){#menu-item-4340,.menu-item-4340{display:none !important}}:root{--primary:#ffa600;--dark:#050505;--darker:#000;--card:#111;--borderGray:#222;--text-main:#d1d5db;--text-muted:#9ca3af;--text-dark:#6b7280;--section-padding:120px 0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--darker);color:var(--text-main);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit}.container{max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--darker)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-white{color:#fff}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-black{font-weight:900}.relative{position:relative}.z-10{z-index:10}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.btn-primary{background-color:var(--primary);color:var(--darker);font-weight:700;border-radius:.375rem;transition:transform .3s,background-color .3s;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(255,166,0,.3)}.btn-primary:hover{background-color:#eab308;transform:scale(1.05)}.btn-outline{background-color:transparent;border:1px solid var(--borderGray);color:#fff;font-weight:700;border-radius:.375rem;transition:border-color .3s;display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{border-color:var(--text-dark)}.btn-nav{padding:.75rem 1.5rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-huge{padding:1.25rem 2.5rem;font-size:1.5rem}.btn-full{width:100%;padding:1rem;font-size:1.125rem;margin-top:1rem}.navbar{position:fixed;width:100%;z-index:50;top:0;background-color:rgba(0,0,0,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--borderGray)}.nav-container{display:flex;justify-content:space-between;align-items:center;height:5rem}.logo-group{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-icon{width:2rem;height:2rem;background:var(--primary);color:black;display:flex;align-items:center;justify-content:center;font-weight:bold;border-radius:.25rem}.logo-text{color:white;font-weight:bold;font-size:1.25rem;letter-spacing:-.025em}.nav-links{display:none;gap:2rem}@media (min-width: 768px){.nav-links{display:flex}}.nav-link{color:var(--text-muted);font-weight:600;transition:color .3s;border-bottom:2px solid transparent;padding-bottom:.25rem}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.nav-cta-wrapper{display:none}@media (min-width: 768px){.nav-cta-wrapper{display:flex}}.mobile-menu-btn{color:white;font-size:1.5rem;display:flex;align-items:center}.mobile-menu-btn:hover{color:var(--primary)}@media (min-width: 768px){.mobile-menu-btn{display:none}}#main-content{padding-top:5rem}.section-header{text-align:center;margin-bottom:4rem;max-width:48rem;margin-left:auto;margin-right:auto}.section-title{font-size:1.875rem;font-weight:700;color:white;margin-bottom:1.5rem}@media (min-width: 768px){.section-title{font-size:3rem}}.title-underline{width:6rem;height:.25rem;background-color:var(--primary);margin:0 auto}.hero-section{padding:var(--section-padding);position:relative;overflow:hidden}.hero-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:50rem;height:25rem;background-color:rgba(255,166,0,.05);filter:blur(120px);border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;position:relative;z-index:10}@media (min-width: 1024px){.hero-grid{grid-template-columns:repeat(2,1fr)}}.hero-title{font-size:3rem;font-weight:700;color:white;line-height:1.2;margin-bottom:1.5rem}@media (min-width: 768px){.hero-title{font-size:3.75rem}}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;max-width:32rem}.hero-ctas{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}@media (min-width: 640px){.hero-ctas{flex-direction:row}}.hero-trust-items{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.trust-item{display:flex;align-items:center;gap:.5rem}.mockup-wrapper{position:relative;width:100%;height:20rem}@media (min-width: 768px){.mockup-wrapper{height:24rem}}.mockup-glow{position:absolute;inset:0;background:linear-gradient(to top right,rgba(255,166,0,.2),transparent);border-radius:1rem;filter:blur(24px)}.mockup-laptop{position:absolute;top:1rem;left:1rem;right:3rem;bottom:3rem;background:var(--card);border:1px solid var(--borderGray);border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.mockup-header{height:1.5rem;border-bottom:1px solid var(--borderGray);display:flex;align-items:center;padding:0 .75rem;gap:.25rem}.mockup-dot{width:.5rem;height:.5rem;border-radius:50%}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#eab308}.mockup-dot.green{background:#22c55e}.mockup-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem;height:100%}.mockup-line-short{height:2rem;width:75%;background:var(--borderGray);border-radius:.25rem}.mockup-box-large{height:8rem;width:100%;background:var(--dark);border-radius:.25rem}.mockup-phone{position:absolute;bottom:0;right:0;width:33.333%;height:66.666%;background:var(--card);border:1px solid var(--borderGray);border-radius:.75rem;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.8);z-index:10}.mockup-box-medium{height:6rem;width:100%;background:var(--dark);border-radius:.25rem}.mockup-dashboard{background:var(--card);border:1px solid var(--borderGray);border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:1rem;display:flex;flex-direction:column;gap:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end}.dash-title{height:2rem;width:33.333%;background:var(--borderGray);border-radius:.25rem}.dash-pill{height:1.5rem;width:25%;background:rgba(255,166,0,.2);border-radius:.25rem}.dashboard-body{display:flex;gap:1rem;flex:1}.dash-chart{width:66.666%;background:var(--dark);border:1px solid var(--borderGray);border-radius:.25rem;padding:1rem;display:flex;align-items:flex-end;gap:.5rem}.dash-bar{background:var(--primary);border-radius:.25rem .25rem 0 0;width:16.666%}.dash-bar:nth-child(1){height:25%;opacity:.4}.dash-bar:nth-child(2){height:50%;opacity:.6}.dash-bar:nth-child(3){height:75%;opacity:.8}.dash-bar:nth-child(4){height:100%}.dash-side{width:33.333%;display:flex;flex-direction:column;gap:1rem}.dash-box{flex:1;background:var(--dark);border:1px solid var(--borderGray);border-radius:.25rem}.mockup-ranking{background:var(--card);border:1px solid var(--borderGray);border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.rank-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.rank-avatar{width:3rem;height:3rem;border-radius:50%;background:var(--borderGray)}.rank-title{height:1.5rem;width:12rem;background:var(--borderGray);border-radius:.25rem}.rank-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--dark);border:1px solid var(--borderGray);border-radius:.25rem}.rank-item.active{border-color:rgba(255,166,0,.5)}.rank-badge{width:2rem;height:1rem;border-radius:.25rem}.rank-badge.primary{background:var(--primary)}.rank-badge.gray{background:#4b5563}.rank-line{height:1rem;background:var(--borderGray);border-radius:.25rem}.trust-section{padding:3rem 0;border-top:1px solid var(--borderGray);border-bottom:1px solid var(--borderGray);background-color:var(--dark)}.trust-subtitle{font-size:.875rem;letter-spacing:.1em;color:var(--text-dark);text-transform:uppercase;font-weight:700;margin-bottom:2rem;text-align:center}.trust-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;opacity:.7}@media (min-width: 768px){.trust-logos{gap:6rem}}.trust-logo{font-size:1.25rem;font-weight:700}.trust-stats{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(34,34,34,.5);text-align:center}@media (min-width: 768px){.trust-stats{grid-template-columns:repeat(3,1fr)}}.stat-val{font-size:2.25rem;font-weight:700;color:white;margin-bottom:.5rem}.stat-label{color:var(--primary);font-weight:600}.problem-section{padding:var(--section-padding)}.problem-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.problem-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.problem-grid{grid-template-columns:repeat(4,1fr)}}.problem-card{background:var(--card);border:1px solid var(--borderGray);padding:2rem;border-radius:.75rem;text-align:center;transition:all .3s}.problem-card:hover{box-shadow:0 0 20px rgba(255,166,0,.1);border-color:rgba(255,166,0,.5)}.problem-icon-wrapper{width:4rem;height:4rem;background:rgba(69,10,10,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.problem-icon{color:#ef4444;font-size:2rem}.problem-text{color:var(--text-main);font-weight:500}.solution-section{padding:var(--section-padding);background-color:var(--dark);position:relative}.solution-glow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:31.25rem;height:31.25rem;background-color:rgba(255,166,0,.05);filter:blur(150px);border-radius:50%;pointer-events:none}.solution-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 768px){.solution-grid{grid-template-columns:repeat(2,1fr)}}.solution-list{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.solution-list{grid-template-columns:repeat(2,1fr)}}.solution-card{background:var(--card);border:1px solid var(--borderGray);border-top:2px solid rgba(255,166,0,.5);padding:1.5rem;border-radius:.75rem}.solution-card-title{font-size:1.25rem;font-weight:700;color:white;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.step-badge{width:1.5rem;height:1.5rem;border-radius:.25rem;background:var(--primary);color:black;display:flex;align-items:center;justify-content:center;font-size:.75rem}.solution-card-text{color:var(--text-muted);font-size:.875rem;line-height:1.625}.solution-image-wrapper{position:relative;border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid var(--borderGray)}.solution-image{width:100%;height:auto;opacity:.6;mix-blend-mode:luminosity;transition:mix-blend-mode .5s;display:block}.solution-image-wrapper:hover .solution-image{mix-blend-mode:normal}.solution-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,black,transparent);pointer-events:none}.process-section{padding:var(--section-padding);background-color:var(--darker);position:relative;border-top:1px solid var(--borderGray)}.process-bg-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(255,166,0,.05));opacity:.5;pointer-events:none}.process-grid{display:grid;grid-template-columns:1fr;gap:2rem;position:relative}@media (min-width: 768px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-line{display:none;position:absolute;top:3rem;left:10%;right:10%;height:2px;background-color:var(--borderGray);z-index:0}@media (min-width: 768px){.process-line{display:block}}.process-line-inner{height:100%;width:100%;background-color:rgba(255,166,0,.3);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:default}.process-number{width:6rem;height:6rem;border-radius:1rem;background-color:var(--darker);border:1px solid var(--borderGray);display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:900;color:#374151;transition:all .3s;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);margin-bottom:1.5rem;position:relative;z-index:10;transform:translateY(0)}.process-step:hover .process-number{border-color:var(--primary);color:var(--primary);box-shadow:0 0 30px rgba(255,166,0,.2);transform:translateY(-.5rem)}.process-step-title{font-size:1.25rem;font-weight:700;color:white;margin-bottom:.5rem;transition:color .3s}.process-step:hover .process-step-title{color:var(--primary)}.process-step-desc{font-size:.875rem;color:var(--text-dark)}.results-section{padding:var(--section-padding);background-color:var(--dark);position:relative;overflow:hidden;border-top:1px solid var(--borderGray);border-bottom:1px solid var(--borderGray)}.results-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:56rem;height:18.75rem;background-color:rgba(255,166,0,.1);filter:blur(150px);pointer-events:none;border-radius:50%}.results-subtitle{color:var(--text-muted);font-size:1.125rem}.results-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.results-grid{grid-template-columns:repeat(3,1fr)}}.result-card{background:var(--card);border:1px solid var(--borderGray);padding:2.5rem;border-radius:1rem;position:relative;overflow:hidden;transition:all .5s;cursor:default;transform:translateY(0)}.result-card:hover{border-color:rgba(255,166,0,.5);transform:translateY(-4px)}.result-card-glow{position:absolute;top:0;right:0;width:8rem;height:8rem;background:rgba(255,166,0,.1);border-radius:50%;filter:blur(24px);transform:translate(50%,-50%);transition:all .3s;pointer-events:none}.result-card:hover .result-card-glow{background:rgba(255,166,0,.2)}.result-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center}.result-val{font-size:3.75rem;font-weight:900;background:linear-gradient(to bottom right,white,#6b7280);-webkit-background-clip:text;color:transparent;margin-bottom:1.5rem;letter-spacing:-.05em;filter:drop-shadow(0 0 10px rgba(0,0,0,.8));transition:all .5s}@media (min-width: 768px){.result-val{font-size:4rem}}.result-card:hover .result-val{background:linear-gradient(to bottom right,var(--primary),#fde047);-webkit-background-clip:text;color:transparent}.result-divider{width:3rem;height:.25rem;background:var(--borderGray);margin-bottom:1.5rem;transition:background-color .3s;border-radius:9999px}.result-card:hover .result-divider{background:var(--primary)}.result-label{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-main)}.testimonials-section{padding:var(--section-padding);background-color:var(--dark)}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:var(--card);border:1px solid var(--borderGray);padding:2rem;border-radius:.75rem;display:flex;flex-direction:column;justify-content:space-between}.stars{color:var(--primary);margin-bottom:1rem;display:flex;gap:.25rem;font-size:1.25rem}.testimonial-text{color:var(--text-main);font-style:italic;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:1rem;border-top:1px solid var(--borderGray);padding-top:1rem}.author-avatar{width:3rem;height:3rem;background-color:#1f2937;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-dark)}.author-name{color:white;font-weight:700}.author-role{font-size:.875rem;color:var(--text-dark)}.form-section{padding:var(--section-padding)}.form-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 1024px){.form-grid{grid-template-columns:5fr 7fr}}.form-info{display:flex;flex-direction:column;justify-content:center}.form-info-title{font-size:2.25rem;font-weight:700;color:white;margin-bottom:1rem;line-height:1.2}.investment-box{background:var(--dark);border:1px solid var(--borderGray);padding:1.5rem;border-radius:.75rem;margin:1.5rem 0 2rem}.investment-subtitle{color:var(--text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:.5rem}.investment-price{font-size:3rem;font-weight:900;color:var(--primary);margin-bottom:1rem;line-height:1}.investment-vars li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-main);margin-bottom:.5rem}.fit-title{font-size:1.5rem;font-weight:700;color:white;margin-bottom:1rem}.fit-desc{color:var(--text-muted);margin-bottom:1.5rem}.fit-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:var(--text-main)}.fit-list i{font-size:1.5rem;margin-top:-.125rem}.form-wrapper{background:var(--card);border:1px solid var(--borderGray);padding:2rem;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);position:relative}@media (min-width: 768px){.form-wrapper{padding:2.5rem}}.form-badge{position:absolute;top:-1rem;right:-1rem;background:var(--primary);color:black;font-size:.75rem;font-weight:700;padding:.5rem 1rem;border-radius:9999px;transform:rotate(12deg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.form-title{font-size:1.5rem;font-weight:700;color:white;margin-bottom:2rem;border-bottom:1px solid var(--borderGray);padding-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.form-input,.form-select,.form-textarea{width:100%;background:var(--dark);border:1px solid var(--borderGray);padding:.75rem;border-radius:.25rem;color:white;outline:none;transition:border-color .3s;font-family:inherit;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-select.nitro-lazy{background-image:none !important}.form-secure{font-size:.75rem;text-align:center;color:var(--text-dark);margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:.25rem}.faq-section{padding:var(--section-padding);background-color:var(--dark)}.faq-container{max-width:48rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--card);border:1px solid var(--borderGray);border-radius:.5rem;overflow:hidden}.faq-btn{width:100%;text-align:left;padding:1.5rem;font-weight:700;color:white;display:flex;justify-content:space-between;align-items:center;outline:none}.faq-icon{transition:transform .3s;color:var(--primary)}.faq-ans{display:none;padding:0 1.5rem 1.5rem;color:var(--text-muted);border-top:1px solid rgba(34,34,34,.5);margin-top:1rem}.faq-ans.show{display:block}.final-cta-section{padding:var(--section-padding);position:relative;text-align:center;border-top:1px solid var(--borderGray);border-bottom:1px solid var(--borderGray)}.final-cta-bg{position:absolute;inset:0;background:linear-gradient(to bottom,var(--dark),var(--card))}.final-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37.5rem;height:18.75rem;background:rgba(255,166,0,.1);filter:blur(100px);border-radius:50%;pointer-events:none}.final-cta-title{font-size:3rem;font-weight:900;color:white;margin-bottom:2rem;letter-spacing:-.025em;line-height:1.1}@media (min-width: 768px){.final-cta-title{font-size:4.5rem}}.final-cta-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:42rem;margin-inline:auto}.footer{background-color:var(--dark);border-top:1px solid var(--borderGray);padding:3rem 0;text-align:center}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;color:var(--text-muted);font-size:1.25rem}.social-icon{cursor:pointer;transition:color .3s}.social-icon:hover{color:var(--primary)}.footer-text{font-size:.875rem;color:var(--text-dark)}.chat-widget{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50}.chat-window{display:none;margin-bottom:1rem;background-color:var(--card);border:1px solid var(--borderGray);width:18rem;border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;flex-direction:column}.chat-window.show{display:flex}.chat-header{background-color:var(--darker);padding:1rem;border-bottom:1px solid var(--borderGray);display:flex;justify-content:space-between;align-items:center}.chat-title{color:white;font-weight:700;display:flex;align-items:center;gap:.5rem}.chat-dot{width:.5rem;height:.5rem;background-color:#22c55e;border-radius:50%}.chat-close{color:var(--text-muted)}.chat-close:hover{color:white}.chat-body{padding:1rem;height:12rem;background-color:var(--darker);display:flex;flex-direction:column;justify-content:flex-end}.chat-bubble{background-color:var(--card);padding:.75rem;border-radius:.5rem;font-size:.875rem;border:1px solid var(--borderGray);color:#e5e7eb;margin-bottom:.5rem}.chat-input-area{padding:.5rem;background-color:var(--darker);border-top:1px solid var(--borderGray);display:flex;gap:.5rem}.chat-input{flex:1;background-color:var(--card);border:1px solid var(--borderGray);border-radius:.25rem;padding:.5rem;font-size:.875rem;color:white;outline:none;transition:border-color .3s}.chat-input:focus{border-color:var(--primary)}.chat-send{background-color:var(--primary);color:black;padding:.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;width:2.25rem}.chat-btn{background-color:var(--primary);color:black;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 20px rgba(255,166,0,.4);transition:transform .3s,background-color .3s;float:right}.chat-btn:hover{background-color:#eab308;transform:scale(1.1)}.elementor-widget-form .elementor-field-textual{padding:10px 15px !important}.projectContainer{border-radius:16px;overflow:hidden;background-image:linear-gradient(167deg,rgba(0,43,91,.3) 18%,rgba(255,255,255,.14) 88%),linear-gradient(166deg,#f9a825 -31%,rgba(0,0,0,.85) 20%,rgba(249,168,37,.21) 62%,rgba(0,0,0,.5) 78%);padding:1px}.projectImage{position:relative;height:200px;overflow:hidden}.projectImage img{width:100%;height:auto;transform:translateY(0);transition:transform 5s linear;display:block}.projectContainer:hover .projectImage img{transform:translateY(calc(-100% + 200px))}.elementor-element.e-con-full.projectTitle{padding-top:10px;padding-bottom:20px;min-height:80px;align-items:center}@media (max-width: 767px){.loadContainer .elementor-element.loadGrid{display:block !important}.loadContainer .elementor-element.loadGrid .projectContainer{margin-bottom:20px}.loadContainer .elementor-element.loadGrid .projectContainer:last-child{margin-bottom:0}}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}@media screen and (max-height: 1024px){.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}}@media screen and (max-height: 640px){.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}html,body{overflow-x:hidden}html{scrollbar-width:thin;scrollbar-color:#ffa600 rgba(0,0,0,.35)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.35);border-radius:999px;margin:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,166,0,1),rgba(255,166,0,.65));border-radius:999px;border:3px solid rgba(0,0,0,.55);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 10px 24px rgba(0,0,0,.45)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,166,0,1),rgba(255,166,0,.8))}::-webkit-scrollbar-thumb:active{background:rgba(255,166,0,1)}::-webkit-scrollbar-corner{background:rgba(0,0,0,.35)}.page-id-610 #footer-form{display:none}.elementor-widget-form .elementor-form{font-family:"Inter",sans-serif}.elementor-widget-form .elementor-field-label{color:#f1f1f1 !important;font-size:12px !important;font-weight:600 !important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px !important;display:block}.elementor-widget-form .elementor-field-textual{background-color:#111 !important;border:1px solid #333 !important;border-radius:8px !important;color:#fff !important;padding:16px 20px !important;font-size:15px !important;box-shadow:none !important;transition:border-color .3s ease}.elementor-widget-form .elementor-field-textual::placeholder{color:#777 !important}.elementor-widget-form .elementor-field-textual:focus{border-color:#666 !important;outline:none !important}.elementor-field-group-field_ff0d5c4{border-top:1px solid #222;padding-top:30px !important;margin-top:15px}.elementor-widget-form .elementor-field-type-checkbox .elementor-field-subgroup{display:grid !important;gap:15px}.elementor-field-group-field_ff0d5c4 .elementor-field-subgroup{grid-template-columns:repeat(3,1fr) !important}.elementor-field-type-checkbox:not(.elementor-field-group-field_ff0d5c4) .elementor-field-subgroup{grid-template-columns:repeat(2,1fr) !important}.elementor-widget-form .elementor-field-option{background-color:#111;border:1px solid #333;border-radius:8px;padding:15px 20px;display:flex !important;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;margin:0 !important}.elementor-widget-form .elementor-field-option:hover{border-color:#555;background-color:#161616}.elementor-widget-form .elementor-field-option:has(input[type="checkbox"]:checked){border-color:#888}.elementor-widget-form .elementor-field-option input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid #555;border-radius:4px;background-color:transparent;cursor:pointer;position:relative;margin:0 !important;flex-shrink:0;transition:all .2s ease}.elementor-widget-form .elementor-field-option input[type="checkbox"]:checked{background-color:#fff;border-color:#fff}.elementor-widget-form .elementor-field-option input[type="checkbox"]:checked::after{content:"";position:absolute;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;top:45%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.elementor-widget-form .elementor-field-option label{color:#fff !important;font-size:15px !important;font-weight:400 !important;cursor:pointer;margin:0 !important;line-height:1.2;text-transform:none;letter-spacing:normal}@media (max-width: 424px){.trust-bradge-section{margin-top:-40px !important}}@media (max-width: 767px){.elementor-field-group-field_ff0d5c4 .elementor-field-subgroup,.elementor-field-type-checkbox:not(.elementor-field-group-field_ff0d5c4) .elementor-field-subgroup{grid-template-columns:1fr !important}.trust-bradge-section{margin-top:-110px}}.my-desc{opacity:0;display:none;visibility:hidden;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.my-hover{height:100px}.my-hover:hover{height:150px;transition:1s ease-in-out}.my-hover:hover .my-desc{display:block;opacity:1;visibility:visible;transform:translateY(0)}

Tag: UX Design

Best UX Design Agency Ottawa