.mark{--stroke:max(1px, .055cap);font-family:var(--font-gt-standard-l);letter-spacing:-.005em;white-space:nowrap;vertical-align:middle;align-items:center;font-weight:700;line-height:1;display:inline-flex}.mark-figures,.mark-name{text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){.mark-figures,.mark-name{translate:0 -.0375em}}.mark-field{background:currentColor;border-radius:.39cap;align-items:center;height:2.17cap;padding-inline:.66cap .7cap;display:inline-flex}.mark-field .mark-figures{color:var(--knockout,var(--paper))}.mark-field:not(:last-child){border-radius:.39cap 0 0 .39cap}.mark-cell{height:2.17cap;box-shadow:inset 0 0 0 var(--stroke) currentColor;border-radius:0 .39cap .39cap 0;align-items:center;padding-inline:.58cap .7cap;display:inline-flex}.mark-round{--stroke:max(1px, .095cap);letter-spacing:-.03em}.mark-round .mark-field,.mark-round .mark-cell{height:2.1cap}.mark-round .mark-field{border-radius:1.05cap;padding-inline:.69cap .565cap}.mark-round .mark-field:not(:last-child){border-radius:1.05cap 0 0 1.05cap}.mark-round .mark-cell{border-radius:0 1.05cap 1.05cap 0;padding-inline:.495cap .78cap}.mark-color-signal{color:var(--brand-signal)}.mark-color-umber{color:var(--brand-umber)}.mark-color-oxblood{color:var(--brand-oxblood)}.mark-color-bone{color:var(--brand-bone)}.mark-color-ochre{color:var(--brand-ochre)}.mark-color-ultramarine{color:var(--brand-ultramarine)}.mark-color-malachite{color:var(--brand-malachite)}.web.web-native{--lead:var(--brand-ultramarine);--paper:#fff;--ink-2:color-mix(in srgb, var(--ink) 74%, var(--paper));--ink-3:color-mix(in srgb, var(--ink) 60%, var(--paper));--alert:#b42318;--surface:color-mix(in srgb, var(--ink) 3.5%, var(--paper));--track:color-mix(in srgb, var(--ink) 7%, var(--paper));--type-statement:clamp(2.5rem, 6cqi, 6.5rem);--type-title:clamp(2rem, 3.4cqi, 3.5rem);--type-lead:clamp(1.625rem, 2.6cqi, 2.5rem);--type-body:clamp(1.0625rem, 1.3cqi, 1.3125rem);--type-small:.875rem;--type-label:.75rem;--native-above:clamp(1.25rem, 3.5cqi, 4rem);--native-logo:clamp(1.375rem, 1.885cqi, 2rem);--native-head:calc(var(--native-above) + var(--native-logo) * 1.4805);--native-room:clamp(5rem, 14cqi, 14rem);--spring:linear(0, .0279, .0967, .1884, .2903, .3934, .4919, .5824, .6629, .7328, .792, .8414, .8817, .914, .9395, .9592, .9741, .9851, .9931, .9986, 1.0022, 1.0045, 1.0057, 1.0062, 1.0062, 1.0059, 1.0054, 1.0048, 1.0041, 1.0035, 1.0029, 1.0024, 1)}.web-native :where(#native-library,#native-companion,#native-notify){scroll-margin-top:calc(var(--native-head) + 1rem)}.web-native .native-head{z-index:2;padding:var(--native-above) var(--pad) 0;pointer-events:none;justify-content:center;display:flex;position:sticky;top:0}.web-native .native-logo{font-size:var(--native-logo);display:flex;position:relative}.web-native .native-logo:before{content:"";backdrop-filter:blur(16px)saturate(1.8);opacity:0;transition:opacity .35s var(--ease), scale .5s var(--spring);background:#ffffffb8;border-radius:999px;position:absolute;inset:-.34em -.38em;scale:.94;box-shadow:inset 0 0 0 1px #fffc,inset 0 1px 1px #ffffffe6,0 0 0 .5px #00000012,0 .75rem 2rem -.75rem #00000038}.web-native[data-scrolled] .native-logo:before{opacity:1;scale:1}.web-native .native-logo .mark{position:relative}.web-native .native-first{min-height:calc(var(--screen) - var(--native-head));padding:0 var(--pad) var(--native-head);text-align:center;align-content:center;justify-items:center;display:grid}.web-native .native-soon{font-family:var(--label);font-variant-numeric:tabular-nums;font-size:var(--type-label);letter-spacing:.08em;text-transform:uppercase;color:var(--lead);margin-bottom:clamp(1.25rem,2.2cqi,2rem);line-height:1.4}.web-native .native-statement{max-width:12em;font-family:var(--l);font-size:var(--type-statement);letter-spacing:-.03em;text-wrap:balance;color:var(--ink);font-weight:400;line-height:1.02}.web-native .native-keep{white-space:nowrap}.web-native .native-word{margin-block:-.12em -.2em;padding-block:.12em .2em;display:inline-block;overflow:visible clip}.web-native .native-word-in{display:inline-block}.web-native :is(.native-cta,.native-form-send){background:var(--lead);color:var(--paper);font-family:var(--m);transition:background-color .25s var(--ease), scale .15s var(--ease);border-radius:999px;font-size:1rem;font-weight:500;line-height:1}.web-native .native-cta{margin-top:clamp(2rem,3.5cqi,3.25rem);padding:.9375rem 1.75rem}.web-native :is(.native-cta,.native-form-send):active{scale:.97}.web-native :is(.native-cta,.native-form-send):focus-visible{outline:2px solid var(--lead);outline-offset:3px}@media (hover:hover) and (pointer:fine){.web-native :is(.native-cta,.native-form-send):hover{background:color-mix(in srgb, var(--lead) 86%, var(--ink))}}.web-native .native-platform{--shot:min(100cqi - 2 * var(--pad), 76rem);--below:calc(var(--shot) / 1.6884 * .22);margin-bottom:var(--native-room);padding:clamp(5rem, 11cqi, 10rem) var(--pad) 0;background:linear-gradient(to bottom, var(--lead) calc(100% - var(--below)), var(--paper) calc(100% - var(--below)));text-align:center;justify-items:center;gap:clamp(3rem,6cqi,6rem);display:grid}.web-native .native-platform-text{max-width:23em;font-family:var(--l);font-size:var(--type-lead);letter-spacing:-.01em;text-wrap:balance;color:var(--paper);font-weight:400;line-height:1.2}.web-native .native-platform-shot{width:var(--shot)}.web-native .native-platform-shot img{width:100%;height:auto}.web-native .native-title{font-family:var(--l);font-size:var(--type-title);letter-spacing:-.025em;text-align:center;text-wrap:balance;color:var(--ink);font-weight:500;line-height:1.05}.web-native .native-text{max-width:30em;font-family:var(--m);font-size:var(--type-body);text-align:center;text-wrap:balance;color:var(--ink-2);margin-top:1.25rem;line-height:1.5}.web-native .native-library{padding:0 var(--pad) var(--native-room);justify-items:center;display:grid}.web-native .native-library-body{gap:1rem;width:min(100%,38rem);margin-top:clamp(2.5rem,4.5cqi,4.5rem);display:grid}.web-native .native-segments{background:var(--track);border:0;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0 0 .5rem;padding:.1875rem;display:grid;position:relative}.web-native .native-segments-thumb{background:var(--paper);width:calc(33.3333% - .125rem);transition:translate .55s var(--spring);border-radius:999px;position:absolute;inset:.1875rem auto .1875rem .1875rem;box-shadow:0 0 0 .5px #0000000a,0 1px 2px #0000000f,0 .25rem .75rem -.125rem #0000001a}.web-native .native-segments:has(input[value=patterns]:checked) .native-segments-thumb{translate:100%}.web-native .native-segments:has(input[value=foundations]:checked) .native-segments-thumb{translate:200%}.web-native .native-segment{min-height:2.75rem;font-family:var(--m);color:var(--ink-2);cursor:pointer;transition:color .25s var(--ease);border-radius:999px;place-items:center;padding-inline:.5rem;font-size:clamp(.875rem,1.1cqi,.9375rem);font-weight:500;display:grid;position:relative}.web-native .native-segment:has(:checked){color:var(--ink)}.web-native .native-segment input{opacity:0;cursor:pointer;appearance:none;margin:0;position:absolute;inset:0}.web-native .native-segment:has(:focus-visible){outline:2px solid var(--lead);outline-offset:2px}.web-native .native-segment span{position:relative}@media (hover:hover) and (pointer:fine){.web-native .native-segment:hover{color:var(--ink)}}.web-native .native-lists{background:var(--surface);border-radius:clamp(1rem,1.6cqi,1.5rem);overflow:clip}.web-native .native-list{padding-inline-start:clamp(1rem,1.6cqi,1.375rem);display:none}.web-native .native-library-body:has(input[value=components]:checked) [data-group=components],.web-native .native-library-body:has(input[value=patterns]:checked) [data-group=patterns],.web-native .native-library-body:has(input[value=foundations]:checked) [data-group=foundations]{display:grid}.web-native .native-list li{border-bottom:1px solid var(--line);gap:.2rem;padding:.9375rem clamp(1rem,1.6cqi,1.375rem) .9375rem 0;display:grid}.web-native .native-list li:last-child{border-bottom:0}.web-native .native-row-name{font-family:var(--m);color:var(--ink);font-size:1.0625rem;font-weight:500;line-height:1.35}.web-native .native-row-text{font-family:var(--m);color:var(--ink-2);font-size:.9375rem;line-height:1.45}.web-native .native-list-foot{font-family:var(--s);font-size:var(--type-small);color:var(--ink-3);padding-inline:clamp(1rem,1.6cqi,1.375rem);line-height:1.5}.web-native .native-details{max-width:72rem;padding:0 var(--pad) var(--native-room);justify-items:center;margin-inline:auto;display:grid}.web-native .native-count{text-align:center;justify-items:center;gap:clamp(.75rem,1.4cqi,1.25rem);margin-block:clamp(2.5rem,5cqi,5rem) clamp(3.5rem,7cqi,7rem);display:grid}.web-native .native-count-value{font-family:var(--l);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--lead);font-size:clamp(7rem,20cqi,18rem);font-weight:700;line-height:.8}.web-native .native-count-text{font-family:var(--m);font-size:var(--type-body);color:var(--ink-2);line-height:1.5}.web-native .native-points{gap:clamp(2rem,3cqi,3rem) clamp(2rem,5cqi,5rem);width:100%;display:grid}@container web (width>=48rem){.web-native .native-points{grid-template-columns:repeat(2,minmax(0,1fr))}}.web-native .native-points li{border-top:1px solid var(--line);align-content:start;gap:.5rem;padding-top:clamp(1.25rem,2cqi,1.75rem);display:grid}.web-native .native-point-title{font-family:var(--m);font-size:var(--type-body);color:var(--ink);font-weight:500;line-height:1.35}.web-native .native-point-text{max-width:32em;font-family:var(--m);font-size:var(--type-body);text-wrap:pretty;color:var(--ink-2);line-height:1.5}.web-native .native-companion{padding:0 var(--pad) var(--native-room);justify-items:center;display:grid}.web-native .native-video{width:min(100%,26rem);margin-top:clamp(1.5rem,3cqi,3rem);position:relative}.web-native .native-video video{aspect-ratio:1188/1920;background:var(--paper);filter:brightness(1.02);width:100%;height:auto}.web-native .native-video-toggle{backdrop-filter:blur(12px)saturate(1.8);width:2.75rem;height:2.75rem;color:var(--ink);transition:scale .15s var(--ease);background:#ffffffb8;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:4%;right:8%;box-shadow:inset 0 0 0 1px #fffc,0 0 0 .5px #00000014,0 .5rem 1.25rem -.5rem #00000040}.web-native .native-video-toggle:active{scale:.94}.web-native .native-video-toggle:focus-visible{outline:2px solid var(--lead);outline-offset:3px}.web-native .native-video-toggle svg{width:1.125rem;height:1.125rem}.web-native .native-video-toggle:not([data-paused]) .native-icon-play,.web-native .native-video-toggle[data-paused] .native-icon-pause{display:none}.web-native .native-notify{padding:0 var(--pad) var(--native-room);justify-items:center;display:grid}.web-native .native-form{text-align:center;justify-items:center;gap:.75rem;width:min(100%,28rem);margin-top:clamp(2rem,3.5cqi,3rem);display:grid}.web-native .native-form-field{background:var(--surface);width:100%;transition:border-color .25s var(--ease), background-color .25s var(--ease);border:1px solid #0000;border-radius:999px;gap:.5rem;padding:.3125rem;display:flex}.web-native .native-form-field:focus-within{border-color:var(--line);background:var(--paper)}.web-native .native-form-field:has(input:focus-visible){outline:2px solid var(--lead);outline-offset:2px}.web-native .native-form-field:has([aria-invalid=true]){border-color:var(--alert)}.web-native .native-form-field input{min-width:0;color:var(--ink);font-family:var(--m);background:0 0;border:0;outline:none;flex:1;padding:0 0 0 1.125rem;font-size:1rem;line-height:1.5}.web-native .native-form-field input::placeholder{color:var(--ink-3)}.web-native .native-form-send{flex:none;padding:.875rem 1.375rem}.web-native .native-form-send:disabled{cursor:progress;opacity:.7}.web-native :where(.native-form-error,.native-form-status){font-family:var(--s);font-size:var(--type-small);text-wrap:balance;color:var(--alert);line-height:1.5}.web-native .native-form-status:empty{display:none}.web-native .native-form-note{font-family:var(--s);font-size:var(--type-small);color:var(--ink-3);line-height:1.5}.web-native .native-form-sent{width:min(100%,28rem);padding:clamp(2rem, 4cqi, 3rem) var(--pad);background:var(--surface);text-align:center;border-radius:clamp(1.25rem,2cqi,2rem);justify-items:center;gap:.5rem;margin-top:clamp(2rem,3.5cqi,3rem);display:grid}.web-native .native-form-sent:focus{outline:none}.web-native .native-form-sent-title{font-family:var(--l);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.5rem,2.4cqi,2.5rem);font-weight:500;line-height:1.1}.web-native .native-form-sent-text{font-family:var(--m);font-size:var(--type-body);color:var(--ink-2);line-height:1.5}.web-native .native-foot{--foot:color-mix(in srgb, var(--ink) 5%, var(--paper));--knockout:var(--foot);background:var(--foot);color:var(--ink);font-family:var(--m)}.web-native .native-foot-in{max-width:90rem;padding:clamp(2.5rem, 4cqi, 4rem) var(--pad) clamp(1.5rem, 2.5cqi, 2.5rem);grid-template-areas:"logo""columns""copy""company";gap:clamp(1.5rem,3cqi,2.5rem);margin-inline:auto;display:grid}.web-native[data-web-live] .native-foot-in{padding-bottom:6rem}@container web (width>=60rem){.web-native .native-foot-in{grid-template-columns:minmax(0,1fr) minmax(0,34rem);grid-template-areas:"logo.""columns.""copy company";gap:clamp(4rem,7cqi,7rem) clamp(2rem,6cqi,8rem)}}.web-native .native-foot-logo{grid-area:logo;font-size:clamp(1.5rem,2cqi,2rem);display:flex}.web-native .native-foot-logo .mark{color:var(--ink)}.web-native .native-foot-columns{grid-area:columns;align-content:start;gap:2rem;display:grid}@container web (width>=30rem){.web-native .native-foot-columns{grid-template-columns:repeat(2,minmax(max-content,1fr))}}@container web (width>=64rem){.web-native .native-foot-columns{grid-template-columns:repeat(4,minmax(max-content,1fr))}}.web-native .native-foot-head{font-family:var(--label);font-variant-numeric:tabular-nums;font-size:var(--type-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:1.25rem;line-height:1.4}.web-native .native-foot-column ul{gap:.75rem;display:grid}.web-native .native-foot li{font-size:1rem;line-height:1.4}.web-native .native-foot :where(.native-foot-copy,.native-foot-company){font-family:var(--s);font-size:var(--type-small);color:var(--ink-2);line-height:1.5}.web-native .native-foot a{text-underline-offset:.25em;transition:text-decoration-color .25s var(--ease);text-decoration:underline 1px #0000}.web-native .native-foot a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}@media (hover:hover) and (pointer:fine){.web-native .native-foot a[href]:hover{text-decoration-color:currentColor}}.web-native .native-foot-copy{flex-wrap:wrap;grid-area:copy;align-self:end;gap:.5rem 1.5rem;display:flex}.web-native .native-foot-company{grid-area:company;align-self:end}@container web (width>=60rem){.web-native .native-foot-company{text-align:end;justify-self:end}}.web-native .native-blob{z-index:1;background:var(--lead);pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}@media (prefers-reduced-motion:no-preference){:root:not([data-intro-seen]) .web-native[data-web-live]:not([data-intro]) .native-logo{animation:native-wait .45s 1.5s var(--ease) backwards}:root:not([data-intro-seen]) .web-native[data-web-live]:not([data-intro]) .native-word-in{animation:native-rise 1.1s 1.6s var(--ease) backwards}:root:not([data-intro-seen]) .web-native[data-web-live]:not([data-intro]) :is(.native-soon,.native-cta){animation:native-wait .6s 1.9s var(--ease) backwards}.web-native[data-intro=playing] .native-logo{opacity:.01}.web-native[data-intro=playing] .native-word-in{transform:translateY(130%)}.web-native[data-intro=playing] :is(.native-soon,.native-cta){opacity:.01}}@keyframes native-wait{0%{opacity:.01}}@keyframes native-rise{0%{transform:translateY(130%)}}