html{--radius: .75rem;--speed: .4s;--peachi: "Peachi Medium", Georgia, Serif;--transition: all var(--speed) ease-in-out;--white: #ffffff;--black: #020408;--grey: #84888e;--red: #ff0000;--background: #020408;--panel: #131518;--outline: #232527;--geist-mono: "Geist Mono Variable", monospace;--geist: "Geist Variable", Helvetica, sans-serif}.methodology .panel{display:flex;gap:1rem;flex-direction:column;padding-bottom:1.5rem}.methodology .panel ul{list-style:none;padding:0;flex-grow:1}.methodology .panel ul:hover li:not(.focus){opacity:.4;transition:var(--transition)}.methodology .panel li{margin:0 0 1rem 3.5rem;position:relative}.methodology .panel li:last-child{margin-bottom:0}.methodology .panel li .icon{position:absolute;left:-3.5rem;top:50%;transform:translateY(-50%)}.methodology .panel li p{margin:0}.methodology .panel li strong{font-family:var(--peachi);font-size:1.25rem;font-weight:400;line-height:1}.methodology .panel .diagram{width:13.75rem;flex-shrink:0;order:2;align-self:center;display:flex;justify-content:center;align-items:center}.methodology .panel .diagram .positional{position:relative}.methodology .panel .diagram .phase{position:absolute;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;transition:var(--transition)}.methodology .panel .diagram .phase.defocus{opacity:.4}.methodology .panel .diagram .phase.focus{opacity:1}.methodology .panel .diagram .phase-discover{top:2.25rem;left:50%}.methodology .panel .diagram .phase-define{top:5.75rem;left:83%}.methodology .panel .diagram .phase-design{bottom:.875rem;left:70%}.methodology .panel .diagram .phase-develop{bottom:.875rem;left:28%}.methodology .panel .diagram .phase-drive{top:5.625rem;left:16%}.methodology .panel .diagram .iterative{top:54%;left:50%;opacity:.4}@media(prefers-reduced-motion:no-preference){.methodology .panel .diagram .iterative{animation:iterative 4s ease infinite}}@keyframes iterative{0%{transform:translate(-50%,-50%) rotate(0)}0%{transform:translate(-50%,-50%) rotate(-360deg)}}@media(min-width:37.5rem){.methodology .panel{flex-direction:row}}.method .t2{margin-top:0}.method .label{text-align:center}@media(min-width:37.5rem){.method{display:flex;justify-content:space-between;gap:1rem}.method .content,.method .diagram{width:50%}.method.define .content,.method.develop .content{order:2}}.discover .diagram .label{margin:1rem 1rem .5rem}.discover .diagram .panels{display:flex;flex-wrap:wrap;gap:1rem}.discover .diagram .panels .panel{width:calc(50% - 8px);margin:0;padding:0;min-height:13.75rem;position:relative}.discover .diagram .cards{overflow:hidden}.discover .diagram .cards:after{z-index:10}.discover .diagram .cards .card{--timing: linear(0, .029, .094, .172, .253, .33, .401, .467, .525, .578, .625, .667, .704, .737, .767, .793, .816, .837, .855, .871, .886, .898, .91, .92, .929, .937, .944, .95, .956, .961, .965, .969, .973, .976, .978, .981, .983, .985, .987, .988, .989, .991, .992, .993, .993, .994, .995, .995, .996, .996, .997, 1);background:var(--black);width:6rem;height:8rem;border:1px solid var(--white);border-radius:.25rem;padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;position:absolute;bottom:0;left:0}.discover .diagram .cards .card .icon{margin-top:.5rem;align-self:center}.discover .diagram .cards .card p{font-family:var(--geist-mono);font-size:.75rem;font-weight:600;line-height:1;text-transform:uppercase;margin:0}.discover .diagram .cards .card.card-1{transform:rotate(-10deg);position:absolute;left:3rem;bottom:0}.discover .diagram .cards .card.card-2{transform:rotate(-20deg);left:.5rem;bottom:-2rem;z-index:2}.discover .diagram .cards .card.card-3{transform:rotate(10deg);left:6.5rem;bottom:-1.25rem}.discover .diagram .cards .card.card-4{transform:rotate(-10deg);left:10rem;bottom:-2.5rem}@media(prefers-reduced-motion:no-preference){.discover .diagram .cards .card.card-1{transform:rotate(-20deg) translate(-20%,120%)}.discover .diagram .cards .card.card-2{transform:rotate(-40deg) translate(-20%,100%)}.discover .diagram .cards .card.card-3{transform:rotate(20deg) translate(60%,100%)}.discover .diagram .cards .card.card-4{transform:rotate(50deg) translate(60%,100%)}}@media(prefers-reduced-motion:no-preference)and (prefers-reduced-motion:no-preference){.discover .diagram .cards.animate .card.card-1{animation:card-1 2s var(--timing) 1s forwards}@keyframes card-1{0%{transform:rotate(-20deg) translate(-20%,120%)}to{transform:rotate(-10deg)}}.discover .diagram .cards.animate .card.card-2{animation:card-2 2s var(--timing) 1.4s forwards}@keyframes card-2{0%{transform:rotate(-40deg) translate(-20%,100%)}to{transform:rotate(-20deg)}}.discover .diagram .cards.animate .card.card-3{animation:card-3 2s var(--timing) 1.2s forwards}@keyframes card-3{0%{transform:rotate(20deg) translate(60%,100%)}to{transform:rotate(10deg)}}.discover .diagram .cards.animate .card.card-4{animation:card-4 2s var(--timing) 1.6s forwards}@keyframes card-4{0%{transform:rotate(30deg) translate(60%,100%)}to{transform:rotate(-10deg)}}}.discover .diagram .ranking .chart{margin:1.5rem auto 0;position:relative;width:8rem}.discover .diagram .ranking .chart #chart{position:relative;z-index:2}.discover .diagram .ranking .chart #segments{position:absolute;top:0;left:0}@media(prefers-reduced-motion:no-preference){.discover .diagram .ranking .segment{opacity:0}.discover .diagram .ranking #outline{stroke-dasharray:2000;stroke-dashoffset:2000}.discover .diagram .ranking.animate #outline{animation:dash-array 5s ease .5s forwards}.discover .diagram .ranking.animate .segment{animation:segment .4s ease forwards .5s}.discover .diagram .ranking.animate .segment#segment-1{animation-delay:1s}.discover .diagram .ranking.animate .segment#segment-2{animation-delay:1.25s}.discover .diagram .ranking.animate .segment#segment-3{animation-delay:1.5s}@keyframes dash-array{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes segment{0%{opacity:0}to{opacity:1}}}.discover .diagram .moscow{overflow:hidden}.discover .diagram .moscow .notes{list-style:none;padding:.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem -1.5rem 0}.discover .diagram .moscow .note{background:var(--black);border:1px solid var(--white);font-size:.75rem;line-height:1;border-radius:.5rem;position:relative;width:3.5rem;height:3.5rem;display:flex;align-items:center}.discover .diagram .moscow .note div{padding:0 .25rem;display:block;width:100%;overflow:hidden}.discover .diagram .moscow .note:before,.discover .diagram .moscow .note:after{content:"";display:block;position:absolute}.discover .diagram .moscow .note:after{background:var(--white);width:.75rem;height:.75rem;position:absolute;bottom:0;right:0;z-index:2;border-top-left-radius:.5rem;border-bottom-right-radius:.5rem}.discover .diagram .moscow .note:before{background:var(--panel);width:1.25rem;height:.75rem;position:absolute;bottom:-5px;right:-11px;z-index:3;transform:rotate(-45deg);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}@media(prefers-reduced-motion:no-preference){.discover .diagram .moscow .note{opacity:0;transform:scale(0)}.discover .diagram .moscow.animate .note{animation:note 1s ease .5s forwards}.discover .diagram .moscow.animate .note:nth-child(1){animation-delay:1s}.discover .diagram .moscow.animate .note:nth-child(2){animation-delay:1.25s}.discover .diagram .moscow.animate .note:nth-child(3){animation-delay:1.5s}.discover .diagram .moscow.animate .note:nth-child(4){animation-delay:1.75s}.discover .diagram .moscow.animate .note:nth-child(5){animation-delay:2s}.discover .diagram .moscow.animate .note:nth-child(6){animation-delay:2.22s}.discover .diagram .moscow.animate .note:nth-child(7){animation-delay:2.5s}@keyframes note{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}}.discover .diagram .usability{overflow:hidden}.discover .diagram .usability .buy-button{background:var(--black) linear-gradient(180deg,#232323 0,var(--black) 100%);border:1px solid var(--black);border-radius:var(--radius);padding:1rem;text-align:center;margin:4rem 1rem;transition:var(--transition)}.discover .diagram .usability .cursor{position:absolute;top:50%;left:64%}@media(prefers-reduced-motion:no-preference){.discover .diagram .usability.animate .buy-button{animation:buy .6s ease 3s}.discover .diagram .usability.animate .cursor{top:100%;left:100%;animation:cursor 1.2s ease 1s forwards}.discover .diagram .usability.animate .cursor .ray{transform-origin:50% 50%;transform:scale(0);opacity:0;animation:rays .6s linear 3s forwards}@keyframes cursor{0%{top:100%;left:100%}to{top:50%;left:74%}}@keyframes rays{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes buy{0%{background:var(--black) linear-gradient(180deg,#232323 0,var(--black) 100%)}to{background:var(--black) linear-gradient(180deg,var(--black) 0,#232323 100%)}}}.define .diagram .panel{padding-bottom:2rem}.define .diagram .panel svg{margin:0 auto}@media(prefers-reduced-motion:no-preference){.define .diagram.animate #window{stroke-dasharray:2000;stroke-dashoffset:2000;animation:dash-array 3s ease 0s forwards}.define .diagram.animate #header #hiq{opacity:0;animation:fadein 1s ease 1s forwards}.define .diagram.animate #header .navigation-item{opacity:0;animation:fadein 1s ease 1.125s forwards}.define .diagram.animate #header .navigation-item#navigation-2{animation-delay:1.25s}.define .diagram.animate #header .navigation-item#navigation-3{animation-delay:1.375s}.define .diagram.animate #header .navigation-item#navigation-4{animation-delay:1.4s}.define .diagram.animate #header .navigation-item#navigation-5{animation-delay:1.525s}.define .diagram.animate #header .navigation-item#navigation-6{animation-delay:1.65s}.define .diagram.animate #header .navigation-item#navigation-7{animation-delay:1.75s}.define .diagram.animate #header .navigation-item#navigation-8,.define .diagram.animate #header .navigation-item#navigation-9{animation-delay:1.875s}.define .diagram.animate #hero{opacity:0;animation:fadein 1s ease 2.25s forwards}.define .diagram.animate .promotion{opacity:0;animation:fadein 1s ease 3s forwards}.define .diagram.animate .promotion#promotion-2{animation-delay:3.125s}.define .diagram.animate .promotion#promotion-3{animation-delay:3.25s}.define .diagram.animate .promotion#promotion-4{animation-delay:3.375s}.define .diagram.animate #divider{opacity:0;animation:fadein 1s ease 3.5s forwards}.define .diagram.animate .service{opacity:0;animation:fadein 1s ease 4s forwards}.define .diagram.animate .service#service-1{animation-delay:4.125s}.define .diagram.animate .service#service-2{animation-delay:4.25s}.define .diagram.animate .service#service-3{animation-delay:4.375s}}.design .diagram .row{padding:0 0 1rem 3rem;position:relative}.design .diagram .row .label{position:absolute;text-transform:none;left:-.5rem;color:var(--grey);text-align:right;width:2.5rem}.design .diagram .row h3{font-family:var(--geist);margin-bottom:.5rem}.design .diagram .row .definition{list-style:none;padding:0;display:flex;gap:.5rem}.design .diagram .row .definition li{background:var(--black);border:1px solid #292929;border-radius:1.5rem;padding:.25rem 1rem;text-transform:none}.design .diagram .row:first-child h3{font-size:1.625rem}.design .diagram .row:nth-child(2) h3{font-size:1.5rem}.design .diagram .row:nth-child(3) h3{font-size:1.375rem}.design .diagram .row .swatches{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.design .diagram .row .swatches li{width:calc((100% - 24px) / 3);margin:0}.design .diagram .row .swatches li .swatch{background:#009fe3;width:1.5rem;height:1.5rem;display:block;border-radius:50%;float:left;margin:.375rem .5rem 0 0;position:relative}.design .diagram .row .swatches li .swatch:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;border:2px solid var(--white);border-radius:50%;mix-blend-mode:overlay;opacity:.4}.design .diagram .row .swatches li:nth-child(2) .swatch{background-color:#20adff}.design .diagram .row .swatches li:nth-child(3) .swatch{background-color:#45bbff}.design .diagram .row .swatches li:nth-child(4) .swatch{background-color:#6ac9ff}.design .diagram .row .swatches li:nth-child(5) .swatch{background-color:#90d6ff}.design .diagram .row .swatches li:nth-child(6) .swatch{background-color:#b5e4ff}.design .diagram .row .swatches li div{font-size:.75rem}.design .diagram .row:last-child{padding-bottom:.5rem}.design .diagram .row:last-child .label{top:.375rem}@media(prefers-reduced-motion:no-preference){.design .diagram.animate .row{opacity:0;animation:fadein 1s ease 1s forwards}.design .diagram.animate .row:nth-child(2){animation-delay:1.25s}.design .diagram.animate .row:nth-child(3){animation-delay:1.5s}.design .diagram.animate .row:nth-child(4){animation-delay:1.75s}}.develop .diagram .panel{position:relative}.develop .diagram ul{list-style:none;padding:0;margin:1rem auto 0;text-align:center;position:relative;max-width:23.75rem}.develop .diagram ul li{background:var(--panel);text-transform:none;text-align:center;font-size:.75rem;display:block;padding:.625rem .5rem;border:1px solid var(--white);border-radius:var(--radius);width:6.5rem;margin-bottom:1.5rem;position:relative;z-index:2}.develop .diagram ul li:first-child,.develop .diagram ul li:nth-child(4),.develop .diagram ul li:nth-child(5),.develop .diagram ul li:nth-child(6),.develop .diagram ul li:nth-child(7){margin-right:auto;margin-left:auto}.develop .diagram ul li:first-child{margin-bottom:2.5rem}.develop .diagram ul li:nth-child(8),.develop .diagram ul li:nth-child(9),.develop .diagram ul li:nth-child(10){position:absolute;top:5rem;right:0;border-style:dashed}.develop .diagram ul li:nth-child(9){top:9rem}.develop .diagram ul li:nth-child(10){top:13rem}.develop .diagram .connector{position:absolute;top:6.3125rem;left:50%;transform:translate(-99.2%)}.develop .diagram .connector .connector-line{stroke:var(--white);stroke-dasharray:0;stroke-width:1;fill:none;stroke-linejoin:round;stroke-linecap:round}.develop .diagram .connector .mask{fill:none;stroke:var(--white);stroke-width:6}.develop .diagram .connector-two{left:auto;right:50%;transform:translate(99.2%) scaleX(-1)}.develop .diagram .connector-two .connector-line{stroke-dasharray:4}@media(prefers-reduced-motion:no-preference){.develop .diagram.animate ul li{opacity:0;animation:fadein 1s ease 1s forwards}.develop .diagram.animate ul li:nth-child(2){animation-delay:1.25s}.develop .diagram.animate ul li:nth-child(3),.develop .diagram.animate ul li:nth-child(8){animation-delay:1.5s}.develop .diagram.animate ul li:nth-child(4),.develop .diagram.animate ul li:nth-child(9){animation-delay:1.75s}.develop .diagram.animate ul li:nth-child(5),.develop .diagram.animate ul li:nth-child(10){animation-delay:2s}.develop .diagram.animate ul li:nth-child(6){animation-delay:2.25s}.develop .diagram.animate ul li:nth-child(7){animation-delay:2.5s}.develop .diagram.animate .connector .mask{stroke-dasharray:2000;stroke-dashoffset:2000;animation:dash-array 8s ease 1s forwards}}.develop .journeys{list-style:none;padding:0}.develop .journeys li{padding:0 0 0 2.5rem;position:relative}.develop .journeys li:before,.develop .journeys li:after{content:"";display:block;width:1.5rem;height:1.5rem;position:absolute;top:0;left:0}.develop .journeys li:before{background:var(--outline);border-radius:50%}.develop .journeys li:after{border:0;border-bottom:1px solid white;width:1rem;height:.0625rem;top:.6875rem;left:.25rem}.develop .journeys li.secondary:after{border-style:dashed}.drive{margin-bottom:1.5rem}.drive .panel{padding-bottom:0;padding-right:0}.drive .label{text-align:center}.drive #engagement{width:100%;overflow-x:auto;padding-right:1rem}.drive #engagement #engagement-chart{height:20rem;width:55.625rem}.drive .years{list-style:none;padding:0 .5rem 0 4.375rem;display:flex;gap:2.5rem;margin:-1.75rem 0 0;width:55.625rem;font-size:.625rem}.drive .years li{background:linear-gradient(180deg,#16181b,#2f3238);width:20%;text-align:center;padding:2.5rem 0 .5rem;margin:0}.drive .years li:nth-child(2n){background:linear-gradient(180deg,#16181b,#24262c)}