:root{--oc-white:#fff;--oc-white-rgb:255,255,255;--oc-black:#000;--oc-black-rgb:0,0,0;--oc-gray-0:#f8f9fa;--oc-gray-0-rgb:248,249,250;--oc-gray-1:#f1f3f5;--oc-gray-1-rgb:241,243,245;--oc-gray-2:#e9ecef;--oc-gray-2-rgb:233,236,239;--oc-gray-3:#dee2e6;--oc-gray-3-rgb:222,226,230;--oc-gray-4:#ced4da;--oc-gray-4-rgb:206,212,218;--oc-gray-5:#adb5bd;--oc-gray-5-rgb:173,181,189;--oc-gray-6:#868e96;--oc-gray-6-rgb:134,142,150;--oc-gray-7:#495057;--oc-gray-7-rgb:73,80,87;--oc-gray-8:#343a40;--oc-gray-8-rgb:52,58,64;--oc-gray-9:#212529;--oc-gray-9-rgb:33,37,41;--oc-red-0:#fff5f5;--oc-red-0-rgb:255,245,245;--oc-red-1:#ffe3e3;--oc-red-1-rgb:255,227,227;--oc-red-2:#ffc9c9;--oc-red-2-rgb:255,201,201;--oc-red-3:#ffa8a8;--oc-red-3-rgb:255,168,168;--oc-red-4:#ff8787;--oc-red-4-rgb:255,135,135;--oc-red-5:#ff6b6b;--oc-red-5-rgb:255,107,107;--oc-red-6:#fa5252;--oc-red-6-rgb:250,82,82;--oc-red-7:#f03e3e;--oc-red-7-rgb:240,62,62;--oc-red-8:#e03131;--oc-red-8-rgb:224,49,49;--oc-red-9:#c92a2a;--oc-red-9-rgb:201,42,42;--oc-pink-0:#fff0f6;--oc-pink-0-rgb:255,240,246;--oc-pink-1:#ffdeeb;--oc-pink-1-rgb:255,222,235;--oc-pink-2:#fcc2d7;--oc-pink-2-rgb:252,194,215;--oc-pink-3:#faa2c1;--oc-pink-3-rgb:250,162,193;--oc-pink-4:#f783ac;--oc-pink-4-rgb:247,131,172;--oc-pink-5:#f06595;--oc-pink-5-rgb:240,101,149;--oc-pink-6:#e64980;--oc-pink-6-rgb:230,73,128;--oc-pink-7:#d6336c;--oc-pink-7-rgb:214,51,108;--oc-pink-8:#c2255c;--oc-pink-8-rgb:194,37,92;--oc-pink-9:#a61e4d;--oc-pink-9-rgb:166,30,77;--oc-grape-0:#f8f0fc;--oc-grape-0-rgb:248,240,252;--oc-grape-1:#f3d9fa;--oc-grape-1-rgb:243,217,250;--oc-grape-2:#eebefa;--oc-grape-2-rgb:238,190,250;--oc-grape-3:#e599f7;--oc-grape-3-rgb:229,153,247;--oc-grape-4:#da77f2;--oc-grape-4-rgb:218,119,242;--oc-grape-5:#cc5de8;--oc-grape-5-rgb:204,93,232;--oc-grape-6:#be4bdb;--oc-grape-6-rgb:190,75,219;--oc-grape-7:#ae3ec9;--oc-grape-7-rgb:174,62,201;--oc-grape-8:#9c36b5;--oc-grape-8-rgb:156,54,181;--oc-grape-9:#862e9c;--oc-grape-9-rgb:134,46,156;--oc-violet-0:#f3f0ff;--oc-violet-0-rgb:243,240,255;--oc-violet-1:#e5dbff;--oc-violet-1-rgb:229,219,255;--oc-violet-2:#d0bfff;--oc-violet-2-rgb:208,191,255;--oc-violet-3:#b197fc;--oc-violet-3-rgb:177,151,252;--oc-violet-4:#9775fa;--oc-violet-4-rgb:151,117,250;--oc-violet-5:#845ef7;--oc-violet-5-rgb:132,94,247;--oc-violet-6:#7950f2;--oc-violet-6-rgb:121,80,242;--oc-violet-7:#7048e8;--oc-violet-7-rgb:112,72,232;--oc-violet-8:#6741d9;--oc-violet-8-rgb:103,65,217;--oc-violet-9:#5f3dc4;--oc-violet-9-rgb:95,61,196;--oc-indigo-0:#edf2ff;--oc-indigo-0-rgb:237,242,255;--oc-indigo-1:#dbe4ff;--oc-indigo-1-rgb:219,228,255;--oc-indigo-2:#bac8ff;--oc-indigo-2-rgb:186,200,255;--oc-indigo-3:#91a7ff;--oc-indigo-3-rgb:145,167,255;--oc-indigo-4:#748ffc;--oc-indigo-4-rgb:116,143,252;--oc-indigo-5:#5c7cfa;--oc-indigo-5-rgb:92,124,250;--oc-indigo-6:#4c6ef5;--oc-indigo-6-rgb:76,110,245;--oc-indigo-7:#4263eb;--oc-indigo-7-rgb:66,99,235;--oc-indigo-8:#3b5bdb;--oc-indigo-8-rgb:59,91,219;--oc-indigo-9:#364fc7;--oc-indigo-9-rgb:54,79,199;--oc-blue-0:#e7f5ff;--oc-blue-0-rgb:231,245,255;--oc-blue-1:#d0ebff;--oc-blue-1-rgb:208,235,255;--oc-blue-2:#a5d8ff;--oc-blue-2-rgb:165,216,255;--oc-blue-3:#74c0fc;--oc-blue-3-rgb:116,192,252;--oc-blue-4:#4dabf7;--oc-blue-4-rgb:77,171,247;--oc-blue-5:#339af0;--oc-blue-5-rgb:51,154,240;--oc-blue-6:#228be6;--oc-blue-6-rgb:34,139,230;--oc-blue-7:#1c7ed6;--oc-blue-7-rgb:28,126,214;--oc-blue-8:#1971c2;--oc-blue-8-rgb:25,113,194;--oc-blue-9:#1864ab;--oc-blue-9-rgb:24,100,171;--oc-cyan-0:#e3fafc;--oc-cyan-0-rgb:227,250,252;--oc-cyan-1:#c5f6fa;--oc-cyan-1-rgb:197,246,250;--oc-cyan-2:#99e9f2;--oc-cyan-2-rgb:153,233,242;--oc-cyan-3:#66d9e8;--oc-cyan-3-rgb:102,217,232;--oc-cyan-4:#3bc9db;--oc-cyan-4-rgb:59,201,219;--oc-cyan-5:#22b8cf;--oc-cyan-5-rgb:34,184,207;--oc-cyan-6:#15aabf;--oc-cyan-6-rgb:21,170,191;--oc-cyan-7:#1098ad;--oc-cyan-7-rgb:16,152,173;--oc-cyan-8:#0c8599;--oc-cyan-8-rgb:12,133,153;--oc-cyan-9:#0b7285;--oc-cyan-9-rgb:11,114,133;--oc-teal-0:#e6fcf5;--oc-teal-0-rgb:230,252,245;--oc-teal-1:#c3fae8;--oc-teal-1-rgb:195,250,232;--oc-teal-2:#96f2d7;--oc-teal-2-rgb:150,242,215;--oc-teal-3:#63e6be;--oc-teal-3-rgb:99,230,190;--oc-teal-4:#38d9a9;--oc-teal-4-rgb:56,217,169;--oc-teal-5:#20c997;--oc-teal-5-rgb:32,201,151;--oc-teal-6:#12b886;--oc-teal-6-rgb:18,184,134;--oc-teal-7:#0ca678;--oc-teal-7-rgb:12,166,120;--oc-teal-8:#099268;--oc-teal-8-rgb:9,146,104;--oc-teal-9:#087f5b;--oc-teal-9-rgb:8,127,91;--oc-green-0:#ebfbee;--oc-green-0-rgb:235,251,238;--oc-green-1:#d3f9d8;--oc-green-1-rgb:211,249,216;--oc-green-2:#b2f2bb;--oc-green-2-rgb:178,242,187;--oc-green-3:#8ce99a;--oc-green-3-rgb:140,233,154;--oc-green-4:#69db7c;--oc-green-4-rgb:105,219,124;--oc-green-5:#51cf66;--oc-green-5-rgb:81,207,102;--oc-green-6:#40c057;--oc-green-6-rgb:64,192,87;--oc-green-7:#37b24d;--oc-green-7-rgb:55,178,77;--oc-green-8:#2f9e44;--oc-green-8-rgb:47,158,68;--oc-green-9:#2b8a3e;--oc-green-9-rgb:43,138,62;--oc-lime-0:#f4fce3;--oc-lime-0-rgb:244,252,227;--oc-lime-1:#e9fac8;--oc-lime-1-rgb:233,250,200;--oc-lime-2:#d8f5a2;--oc-lime-2-rgb:216,245,162;--oc-lime-3:#c0eb75;--oc-lime-3-rgb:192,235,117;--oc-lime-4:#a9e34b;--oc-lime-4-rgb:169,227,75;--oc-lime-5:#94d82d;--oc-lime-5-rgb:148,216,45;--oc-lime-6:#82c91e;--oc-lime-6-rgb:130,201,30;--oc-lime-7:#74b816;--oc-lime-7-rgb:116,184,22;--oc-lime-8:#66a80f;--oc-lime-8-rgb:102,168,15;--oc-lime-9:#5c940d;--oc-lime-9-rgb:92,148,13;--oc-yellow-0:#fff9db;--oc-yellow-0-rgb:255,249,219;--oc-yellow-1:#fff3bf;--oc-yellow-1-rgb:255,243,191;--oc-yellow-2:#ffec99;--oc-yellow-2-rgb:255,236,153;--oc-yellow-3:#ffe066;--oc-yellow-3-rgb:255,224,102;--oc-yellow-4:#ffd43b;--oc-yellow-4-rgb:255,212,59;--oc-yellow-5:#fcc419;--oc-yellow-5-rgb:252,196,25;--oc-yellow-6:#fab005;--oc-yellow-6-rgb:250,176,5;--oc-yellow-7:#f59f00;--oc-yellow-7-rgb:245,159,0;--oc-yellow-8:#f08c00;--oc-yellow-8-rgb:240,140,0;--oc-yellow-9:#e67700;--oc-yellow-9-rgb:230,119,0;--oc-orange-0:#fff4e6;--oc-orange-0-rgb:255,244,230;--oc-orange-1:#ffe8cc;--oc-orange-1-rgb:255,232,204;--oc-orange-2:#ffd8a8;--oc-orange-2-rgb:255,216,168;--oc-orange-3:#ffc078;--oc-orange-3-rgb:255,192,120;--oc-orange-4:#ffa94d;--oc-orange-4-rgb:255,169,77;--oc-orange-5:#ff922b;--oc-orange-5-rgb:255,146,43;--oc-orange-6:#fd7e14;--oc-orange-6-rgb:253,126,20;--oc-orange-7:#f76707;--oc-orange-7-rgb:247,103,7;--oc-orange-8:#e8590c;--oc-orange-8-rgb:232,89,12;--oc-orange-9:#d9480f;--oc-orange-9-rgb:217,72,15}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}*{margin:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}#__next,#root{isolation:isolate}.content,.header{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}html{color:var(--oc-gray-8);font-family:Work Sans,sans-serif;font-size:16px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:root{--h2-font-size:2rem;--h2-line-height:1;--h3-font-size:1.5rem;--h3-line-height:1.33;--h4-font-size:1.375rem;--h4-line-height:1.09;--h5-font-size:1.125rem;--h5-line-height:1.33;--body-text-font-size:1.125rem;--body-text-line-height:1.55}@media screen and (min-width:40rem){:root{--h2-font-size:2.5rem;--h2-line-height:1.25;--h3-font-size:1.75rem;--h3-line-height:1.3333;--h4-font-size:1.5rem;--h4-line-height:1;--h5-font-size:1.25rem;--h5-line-height:1;--body-text-font-size:1.25rem;--body-text-line-height:1.6}}.richtext h2{color:var(--oc-gray-7);font-size:2rem;font-size:var(--h2-font-size);font-weight:600;line-height:1;line-height:var(--h2-line-height);margin-bottom:2rem;margin-top:2rem}@media screen and (min-width:40rem){.richtext h2{margin-bottom:2rem;margin-top:3rem}}.richtext h3{color:var(--oc-gray-7);font-size:1.5rem;font-size:var(--h3-font-size);font-weight:600;line-height:1.33;line-height:var(--h3-line-height);margin-bottom:1rem;margin-top:4rem}@media screen and (min-width:40rem){.richtext h3{margin-bottom:1rem;margin-top:6rem}}.richtext h4{color:var(--oc-gray-7);font-size:1.375rem;font-size:var(--h4-font-size);font-weight:600;line-height:1.09;line-height:var(--h4-line-height);margin-bottom:.5rem;margin-top:2rem}@media screen and (min-width:40rem){.richtext h4{margin-bottom:.5rem;margin-top:5rem}}.richtext h5{color:var(--oc-gray-7);font-size:1.125rem;font-size:var(--h5-font-size);font-weight:600;line-height:1.33;line-height:var(--h5-line-height);margin-bottom:.5rem;margin-top:1rem}@media screen and (min-width:40rem){.richtext h5{margin-bottom:.5rem;margin-top:2rem}}.richtext p,.richtext ul{color:var(--oc-gray-7);font-size:1.125rem;font-size:var(--body-text-font-size);line-height:1.55;line-height:var(--body-text-line-height);margin-bottom:1rem}.richtext a{color:var(--oc-green-7);text-underline-offset:.2em}.richtext .text--highlighted{font-size:1.75rem;font-weight:500;line-height:2.5rem;margin-bottom:2rem;margin-top:2rem}.richtext .title-quote{background-color:var(--oc-gray-0);border-top:2px solid var(--oc-gray-4);color:var(--oc-gray-8);font-size:1.25rem;font-weight:500;line-height:1.2;margin:3rem 0;padding:2rem;text-align:center}.main{margin:0 auto 4rem;max-width:80rem}hr{border:none;border-top:1px solid var(--oc-gray-4);grid-column:1/-1;margin:3rem 0}@media screen and (min-width:40rem){hr{margin:6rem 0}}.data-wrapper,.richtext{grid-column-end:span 12;margin-left:auto;margin-right:auto;max-width:65ch;padding:0 1rem}@media screen and (min-width:40rem){.data-wrapper,.richtext{grid-column:2/12}}@media screen and (min-width:64rem){.data-wrapper,.richtext{grid-column:5/12}}.data-wrapper{margin:4rem auto;width:100%}.browser{grid-column:2/12;margin-bottom:4rem;margin-top:4rem}.browser--video{margin-left:0;margin-right:0;max-width:1440px}.browser__window{border-radius:4px;border-top:2rem solid var(--oc-gray-2);-webkit-box-shadow:0 .1rem 1rem 0 rgba(var(--oc-gray-5-rgb),.25);box-shadow:0 .1rem 1rem 0 rgba(var(--oc-gray-5-rgb),.25);position:relative}.browser__window:before{background-color:var(--oc-red-6);border-radius:50%;-webkit-box-shadow:0 0 0 2px var(--oc-red-6),1.5rem 0 0 2px var(--oc-green-6),3rem 0 0 2px var(--oc-orange-5);box-shadow:0 0 0 2px var(--oc-red-6),1.5rem 0 0 2px var(--oc-green-6),3rem 0 0 2px var(--oc-orange-5);content:"";display:block;height:.5rem;left:1rem;position:absolute;top:-1.25rem;width:.5rem}.browser__content{max-height:90vh;overflow-y:auto}.browser--video .browser__content{max-height:none;padding-bottom:71.11%}.browser--video .browser__content video{height:100%;left:0;position:absolute;top:0;width:100%}.browser__description{font-style:italic;padding:1rem}.image{border-radius:4px;margin-bottom:2rem;margin-top:2rem}.image--screenshot{border-radius:8px;-webkit-box-shadow:0 2px 10px 0 rgba(var(--oc-gray-5-rgb),.25);box-shadow:0 2px 10px 0 rgba(var(--oc-gray-5-rgb),.25)}.image--part{margin-left:auto;margin-right:auto}.mobile-screen{border-radius:8px;grid-column:2/12;margin:4rem auto}.header__image{grid-column:1/-1}@media screen and (min-width:64rem){.header__image{grid-column:2/-1}}.header__card{background:#fff;grid-column:1/-1;margin-top:-4rem;padding:2rem}@media screen and (min-width:40rem){.header__card{grid-column-end:span 10;margin-left:1rem;margin-top:-4rem;padding:1.5rem 2rem}}@media screen and (min-width:64rem){.header__card{grid-column-end:span 8;padding:2rem}}.header__title{color:var(--oc-gray-9);color:var(--oc-green-9);font-size:2rem;letter-spacing:.04em;text-transform:uppercase}@media screen and (min-width:40rem){.header__title{font-size:2.5rem}}@media screen and (min-width:64rem){.header__title{font-size:3rem}}.header__description{color:var(--oc-gray-7);font-size:1.5rem;line-height:1.4;margin-bottom:2rem}@media screen and (min-width:40rem){.header__description{font-size:1.5rem}}@media screen and (min-width:64rem){.header__description{font-size:2rem}}.header__meta{color:var(--oc-gray-7)}.archetype-list{grid-gap:1rem;gap:1rem;grid-column:1/-1;margin:2rem 0;padding:0 1rem}@media screen and (min-width:64rem){.archetype-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:4rem 0}}.archetype{-webkit-box-flex:1;background:var(--oc-gray-1);border-radius:.5rem;-ms-flex:1;flex:1;margin:0 auto 2rem;max-width:65ch;padding:1.5rem 1.5rem .5rem}@media screen and (min-width:64rem){.archetype{margin:0 auto;padding:2rem 2.5rem 1rem}}.archetype__title{font-size:1.375rem;font-size:var(--h4-font-size);font-weight:600;line-height:1.09;line-height:var(--h4-line-height);margin-bottom:2rem}.archetype__section-title{font-size:1.125rem;font-size:var(--h5-font-size);font-weight:600;line-height:1.33;line-height:var(--h5-line-height);margin-bottom:.5rem}.archetype__attributes{font-size:1.125rem;font-size:var(--body-text-font-size);line-height:1.55;line-height:var(--body-text-line-height);margin-bottom:1rem;padding-left:1.5em}