.home-code{--c-hero-bg:#7d51b3;--c-hero-ink:#fff;--c-hero-sub:hsla(0,0%,100%,0.92);--c-hero-micro:hsla(0,0%,100%,0.68);--c-hero-dot:#fff;--c-hero-action-line:hsla(0,0%,100%,0.42);--c-hero-btn-bg:#fff;--c-hero-btn-ink:#3a2a55;--c-bg:#fff;--c-surface:#f6f4fa;--c-ink:#201e21;--c-sub:#5b5761;--c-line:#e7e4ec;--c-accent:#4b2f77;--c-accent-ink:#fff;--c-link:#7d51b3;--c-marker:#f9df29;--c-panel-bg:#fff;--c-panel-surface:#f6f4fa;--c-panel-ink:#201e21;--c-panel-sub:#5b5761;--c-panel-line:#e7e4ec;--c-panel-accent:#7d51b3;--c-panel-accent-ink:#fff;--c-footer-bg:#2a2136;--c-footer-ink:#cfccd6;--c-footer-mut:#8f8c99;--f-primary:"Galano Classic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--f-secondary:"Adelle Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--f-body:"Adelle Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--f-accent:Adelle,Georgia,"Times New Roman",serif;--pxg-control-font:"Adelle Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fw-primary:700;--fw-secondary:700;--fw-body:400;--fw-accent:400;--ls-primary:0;--ls-secondary:0;--slot-logo-font:var(--f-primary);--slot-logo-weight:var(--fw-primary);--slot-logo-ls:var(--ls-primary);--slot-nav-font:var(--f-secondary);--slot-nav-weight:var(--fw-secondary);--slot-nav-ls:var(--ls-secondary);--slot-hero-font:var(--f-primary);--slot-hero-weight:var(--fw-primary);--slot-hero-ls:var(--ls-primary);--slot-section-font:var(--f-primary);--slot-section-weight:var(--fw-primary);--slot-section-ls:var(--ls-primary);--slot-card-font:var(--f-primary);--slot-card-weight:var(--fw-primary);--slot-card-ls:var(--ls-primary);--slot-meta-font:var(--f-secondary);--slot-meta-weight:var(--fw-secondary);--slot-meta-ls:var(--ls-secondary);--slot-button-font:var(--f-secondary);--slot-button-weight:var(--fw-secondary);--slot-button-ls:var(--ls-secondary);--slot-body-font:var(--f-body);--slot-body-weight:var(--fw-body);--slot-body-ls:0;--slot-quote-font:var(--f-accent);--slot-quote-weight:var(--fw-accent);--slot-quote-ls:0;--size-hero:67.5px;--size-hero-sub:23px;--size-section:31px;--size-card:21px;--size-body:15.5px;--size-meta:12px;--lh-hero:1.2;--lh-hero-sub:1.5;--lh-section:1.15;--lh-body:1.66;--sp:1;--ts:1;--ex:1;--hero-gap:100px;--btn-font-size:15px;--btn-line-height:1.2;--btn-radius:6px;--btn-pad-y:10px;--btn-pad-x:20px;--btn-nav-pad-y:9px;--btn-nav-pad-x:18px;--btn-border:2px solid var(--c-accent);--btn-shadow:0 4px 4px rgba(42,54,52,0.1),0 8px 8px rgba(42,54,52,0.1),0 16px 16px rgba(42,54,52,0.1),0 16px 32px rgba(42,54,52,0.1),0 32px 64px rgba(42,54,52,0.1),0 64px 128px rgba(42,54,52,0.1);--btn-case:none;--btn-hover-y:-3px;--btn-hover-scale:1.05;--btn-hover-shadow:0 10px 20px -10px rgba(0,0,0,0.7);--btn-secondary-bg:transparent;--btn-secondary-ink:var(--c-link);--btn-secondary-border:1.5px solid var(--c-line);--btn-secondary-shadow:none;--btn-hero-secondary-bg:transparent;--btn-hero-secondary-ink:var(--c-hero-ink);--btn-hero-secondary-border:1.5px solid var(--c-hero-action-line);--btn-hero-secondary-shadow:none;--hero-cta-font-size:23px;--hero-cta-pad-y:17.25px;--hero-cta-pad-x:38.18px;--hero-cta-pad-bottom:19.09px;--hero-cta-border-width:2.5px;--link-underline-color:var(--c-line);--link-hero-underline-color:var(--c-marker);--link-underline-height:2px;--link-hover-height:2px;--link-underline-offset:3px;--link-underline-size:100%;--link-hover-size:100%;--link-underline-position:0 100%}.home-code .site-header{--site-header-text-color:var(--c-hero-ink);--current-font-family:var(--slot-nav-font);--current-font-weight:var(--slot-nav-weight);--current-letter-spacing:var(--slot-nav-ls);color:var(--site-header-text-color);font-family:var(--slot-nav-font);font-size:calc(var(--size-body)*var(--ts));font-weight:var(--slot-nav-weight);letter-spacing:var(--slot-nav-ls)}.home-code .site-header,.home-code .site-header:before{background-color:transparent}.home-code .site-header .menu-toggle,.home-code .site-header .site-navigation,.home-code .site-header .site-navigation a{--current-font-family:var(--slot-nav-font);--current-font-weight:var(--slot-nav-weight);--current-letter-spacing:var(--slot-nav-ls);color:inherit;font-family:var(--slot-nav-font);font-size:inherit;font-weight:var(--slot-nav-weight);letter-spacing:var(--slot-nav-ls)}.home-code[data-font-palette]:not([data-font-palette=pixelgrade]) .site-header .site-branding .custom-logo-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:47px;color:inherit;font-family:var(--slot-logo-font);font-weight:var(--slot-logo-weight);letter-spacing:var(--slot-logo-ls);line-height:1;text-decoration:none}.home-code[data-font-palette]:not([data-font-palette=pixelgrade]) .site-header .site-branding .custom-logo-link svg{display:none}.home-code[data-font-palette]:not([data-font-palette=pixelgrade]) .site-header .site-branding .custom-logo-link:after{content:"pixelgrade";display:block;max-width:100%;font:inherit;font-size:min(var(--size-section) * var(--ts),33px);white-space:nowrap}@media (max-width:739px){.home-code[data-font-palette]:not([data-font-palette=pixelgrade]) .site-header .site-branding .custom-logo-link:after{font-size:min(var(--size-section) * var(--ts),25px)}}.home-code .site-header.site-header--scrolled{--site-header-background-color:var(--c-panel-bg);--site-header-text-color:var(--c-panel-ink);background-color:var(--c-panel-bg);color:var(--c-panel-ink)}.home-code .site-header.site-header--scrolled:before{background-color:var(--c-panel-bg)}.home-code .site-header .site-navigation--secondary .cta,.home-code .site-header .site-navigation--secondary .cta:active,.home-code .site-header .site-navigation--secondary .cta:focus,.home-code .site-header .site-navigation--secondary .cta:hover{background:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:0;-webkit-transform:none;transform:none}.home-code .site-header .site-navigation--secondary .cta>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--c-accent);border:var(--btn-border);border-radius:var(--btn-radius);color:var(--c-accent-ink);font-family:var(--slot-button-font);font-size:calc(var(--btn-font-size)*var(--ts)*var(--ex));font-weight:var(--slot-button-weight);letter-spacing:var(--slot-button-ls);line-height:var(--btn-line-height);padding:calc(var(--btn-nav-pad-y)*var(--sp)*var(--ex)) calc(var(--btn-nav-pad-x)*var(--sp)*var(--ex));text-transform:var(--btn-case);-webkit-transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out;transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease;transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out}@media (max-width:979px){.home-code .site-header .site-navigation{background:var(--c-panel-bg);color:var(--c-panel-ink)}.home-code .site-header .site-navigation--secondary .cta>a{width:100%}}.home-code .site-footer{--footer-spacing:calc(3em*var(--sp));--current-font-family:var(--slot-body-font);--current-font-weight:var(--slot-body-weight);--current-letter-spacing:var(--slot-body-ls);background-color:var(--c-bg);color:var(--c-ink);font-family:var(--slot-body-font);font-size:calc(var(--size-body)*var(--ts));font-weight:var(--slot-body-weight);letter-spacing:var(--slot-body-ls)}@media (min-width:740px){.home-code .site-footer{--footer-spacing:calc(6em*var(--sp))}}.home-code .site-footer .widget_text .intro,.home-code .site-footer .widget_text .intro *{--current-font-family:var(--slot-body-font);--current-font-weight:var(--slot-body-weight);--current-letter-spacing:var(--slot-body-ls);color:var(--c-sub);font-family:var(--slot-body-font);font-size:calc(var(--size-body)*var(--ts));font-weight:var(--slot-body-weight);letter-spacing:var(--slot-body-ls);line-height:var(--lh-body)}.home-code .site-footer .footer-item__title{color:var(--c-ink);font-family:var(--slot-card-font);font-size:calc(var(--size-card)*var(--ts));font-weight:var(--slot-card-weight);letter-spacing:var(--slot-card-ls)}.home-code .site-footer .menu a,.home-code .site-footer a:not(.footer-grid__item-image){--current-font-family:var(--slot-nav-font);--current-font-weight:var(--slot-nav-weight);--current-letter-spacing:var(--slot-nav-ls);color:var(--c-ink);font-family:var(--slot-nav-font);font-size:calc(var(--size-body)*var(--ts));font-weight:var(--slot-nav-weight);letter-spacing:var(--slot-nav-ls)}.home-code .site-footer .menu a:hover,.home-code .site-footer a:not(.footer-grid__item-image):hover{color:var(--c-marker)}.home-code .site-footer .footer-grid__item--copyright,.home-code .site-footer .footer-grid__item--copyright *{--current-font-family:var(--slot-body-font);--current-font-weight:var(--slot-body-weight);--current-letter-spacing:var(--slot-body-ls);color:var(--c-sub);font-family:var(--slot-body-font);font-size:calc(var(--size-meta)*var(--ts));font-weight:var(--slot-body-weight);letter-spacing:var(--slot-body-ls)}.home-code .home-code-page{width:100%;max-width:none;margin:0;padding:0;background:var(--c-bg);overflow-x:hidden}.home-code .home-code-page,.home-code .home-code-page *{--final-font-size:initial;--current-line-height:initial;--current-font-weight:initial;--current-font-family:initial;--current-font-style:initial;--current-letter-spacing:initial;--current-text-transform:initial;--current-font-feature:initial}.home-code .home-code-page{font-family:var(--f-body);color:var(--c-ink);font-size:16px;line-height:normal;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none}.home-code .home-code-page *,.home-code .home-code-page :after,.home-code .home-code-page :before{-webkit-box-sizing:border-box;box-sizing:border-box}.home-code .home-code-page a,.home-code .home-code-page button,.home-code .home-code-page em,.home-code .home-code-page h1,.home-code .home-code-page h2,.home-code .home-code-page h3,.home-code .home-code-page h4,.home-code .home-code-page i,.home-code .home-code-page li,.home-code .home-code-page ol,.home-code .home-code-page p,.home-code .home-code-page small,.home-code .home-code-page span,.home-code .home-code-page u,.home-code .home-code-page ul{all:revert;-webkit-box-sizing:border-box;box-sizing:border-box}.home-code .home-code-page .hero-wrap{position:relative;overflow:hidden;background-color:var(--c-hero-bg);padding-top:90px}.home-code .home-code-page .dots{position:absolute;top:0;right:0;bottom:0;width:41.667%;pointer-events:none;display:none;background-color:var(--c-hero-dot);-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 22" height="22px" width="22px"><rect x="0" y="0" width="2" height="2" fill="%23000"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 22" height="22px" width="22px"><rect x="0" y="0" width="2" height="2" fill="%23000"/></svg>');-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:0 -10px;mask-position:0 -10px}@media (min-width:980px){.home-code .home-code-page .dots{display:block}}.home-code .home-code-page .px-word{white-space:nowrap}.home-code .home-code-page .px-i{position:relative;display:inline-block;font-style:normal;--px-i-accent-color:var(--c-marker);--px-i-pixel-color:var(--c-hero-dot,#fff);--px-i-accent-top:-.2em;--px-i-pixel-size:.18em;--px-i-line-width:var(--px-i-pixel-size);--px-i-line-top:calc(var(--px-i-accent-top) + var(--px-i-pixel-size)*0.92);--px-i-line-height:.46em}.home-code[data-font-palette=archie] .home-code-page .px-i,.home-code[data-font-palette=atlas] .home-code-page .px-i,.home-code[data-font-palette=self] .home-code-page .px-i{--px-i-pixel-size:.13em}.home-code .home-code-page .px-i:after,.home-code .home-code-page .px-i:before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.home-code .home-code-page .px-i:before{top:var(--px-i-accent-top);z-index:2;width:var(--px-i-pixel-size);height:var(--px-i-pixel-size);background:var(--px-i-pixel-color)}.home-code .home-code-page .px-i:after{top:var(--px-i-line-top);z-index:1;width:var(--px-i-line-width);height:var(--px-i-line-height);background:var(--px-i-accent-color);background:linear-gradient(180deg,var(--px-i-accent-color) 0 42%,transparent)}.home-code .home-code-page .btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--c-accent);color:var(--c-accent-ink);border-radius:var(--btn-radius);padding:calc(var(--btn-pad-y)*var(--sp)*var(--ex)) calc(var(--btn-pad-x)*var(--sp)*var(--ex));font-family:var(--slot-button-font);font-weight:var(--slot-button-weight);letter-spacing:var(--slot-button-ls);font-size:calc(var(--btn-font-size)*var(--ts)*var(--ex));text-decoration:none;-webkit-box-shadow:var(--btn-shadow);box-shadow:var(--btn-shadow);border:var(--btn-border);text-transform:var(--btn-case);line-height:var(--btn-line-height);-webkit-transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out,-webkit-box-shadow .2s ease-out;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out,-webkit-box-shadow .2s ease-out;transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out,border-radius .25s ease;transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out,-webkit-box-shadow .2s ease-out}.home-code .home-code-page .btn:hover{-webkit-transform:translateY(var(--btn-hover-y)) scale(var(--btn-hover-scale));transform:translateY(var(--btn-hover-y)) scale(var(--btn-hover-scale));-webkit-box-shadow:var(--btn-hover-shadow);box-shadow:var(--btn-hover-shadow)}.home-code .home-code-page .btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-ink);border:var(--btn-secondary-border)}.home-code .home-code-page .btn.secondary,.home-code .home-code-page .btn.secondary:hover{-webkit-box-shadow:var(--btn-secondary-shadow);box-shadow:var(--btn-secondary-shadow)}.home-code .home-code-page .hero .cta-row .btn:not(.secondary){background:var(--c-hero-btn-bg);color:var(--c-hero-btn-ink);border-color:var(--c-hero-btn-bg);font-size:calc(var(--hero-cta-font-size)*var(--ts)*var(--ex));padding:calc(var(--hero-cta-pad-y)*var(--sp)*var(--ex)) calc(var(--hero-cta-pad-x)*var(--sp)*var(--ex)) calc(var(--hero-cta-pad-bottom)*var(--sp)*var(--ex));border:var(--hero-cta-border-width) solid var(--c-hero-btn-bg)}.home-code .home-code-page .hero .cta-row .btn.secondary{background:var(--btn-hero-secondary-bg);color:var(--btn-hero-secondary-ink);border:var(--btn-hero-secondary-border);-webkit-box-shadow:var(--btn-hero-secondary-shadow);box-shadow:var(--btn-hero-secondary-shadow)}.home-code .home-code-page .hero{position:relative;z-index:1;padding:calc(80px*var(--sp)) clamp(28px,4vw,72px) calc(96px*var(--sp))}.home-code .home-code-page .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:var(--hero-gap,100px);-webkit-box-align:start;-ms-flex-align:start;align-items:start;max-width:1200px;margin:0 auto;-webkit-transition:-webkit-column-gap .35s ease;transition:-webkit-column-gap .35s ease;transition:column-gap .35s ease;transition:column-gap .35s ease,-webkit-column-gap .35s ease,-moz-column-gap .35s ease}.home-code .home-code-page h1{font-family:var(--slot-hero-font);font-size:calc(var(--size-hero)*var(--ts));line-height:var(--lh-hero);letter-spacing:var(--slot-hero-ls);margin:0 0 calc(22px*var(--sp));font-weight:var(--slot-hero-weight);color:var(--c-hero-ink);max-width:100%;text-wrap:balance}.home-code .home-code-page .mk{padding:0;white-space:nowrap;text-decoration:none;color:var(--c-marker);background-image:linear-gradient(-269deg,var(--c-marker) 1%,var(--c-hero-ink));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@supports not (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.home-code .home-code-page .mk{background-image:none;-webkit-text-fill-color:currentColor}}.home-code .home-code-page .hero .sub{font-family:var(--slot-body-font);font-weight:var(--slot-body-weight);letter-spacing:var(--slot-body-ls);font-size:calc(var(--size-hero-sub)*var(--ts));line-height:var(--lh-hero-sub);color:var(--c-hero-sub);max-width:604px;margin:0 0 calc(26px*var(--sp))}.home-code .home-code-page .cta-row{gap:26px;margin:0}.home-code .home-code-page .cta-block,.home-code .home-code-page .cta-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page .cta-block{gap:24px;margin:0 0 calc(18px*var(--sp));-ms-flex-wrap:wrap;flex-wrap:wrap}.home-code .home-code-page .hero .cta-row .link{--link-underline-color:var(--link-hero-underline-color);font-family:var(--slot-button-font);font-weight:var(--slot-button-weight);letter-spacing:var(--slot-button-ls);color:var(--c-hero-ink);font-size:calc(15px*var(--ts)*var(--ex));white-space:nowrap}.home-code .home-code-page .hero .cta-row .btn:not(.secondary){-webkit-transition:background-color .5s ease,color .5s ease,border-color .5s ease,border-radius .25s ease,-webkit-transform .2s ease-out,-webkit-box-shadow .2s ease-out;transition:background-color .5s ease,color .5s ease,border-color .5s ease,border-radius .25s ease,-webkit-transform .2s ease-out,-webkit-box-shadow .2s ease-out;transition:transform .2s ease-out,background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .2s ease-out,border-radius .25s ease;transition:transform .2s ease-out,background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out,-webkit-box-shadow .2s ease-out}.home-code .home-code-page .hero .cta-row .btn:not(.secondary):hover{-webkit-transform:none;transform:none;-webkit-box-shadow:var(--btn-shadow);box-shadow:var(--btn-shadow)}@media (min-width:740px){.home-code .home-code-page .hero .cta-row .btn:not(.secondary):hover{-webkit-transform:scale(1.05) translateY(-3px);transform:scale(1.05) translateY(-3px);-webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,.7);box-shadow:0 10px 20px -10px rgba(0,0,0,.7)}.home-code .home-code-page .hero .cta-row .btn:not(.secondary):hover:active,.home-code .home-code-page .hero .cta-row .btn:not(.secondary):hover:focus{-webkit-transform:scale(1.02) translateY(1px);transform:scale(1.02) translateY(1px)}}.home-code .home-code-page .hero .micro{font-family:var(--slot-meta-font);font-weight:400;letter-spacing:var(--slot-meta-ls);font-size:15px;line-height:1.45;color:var(--c-hero-micro)}.home-code .home-code-page .dock,.home-code .home-code-page .sm,.home-code .home-code-page .sm-bar{--c-bg:var(--c-panel-bg);--c-surface:var(--c-panel-surface);--c-ink:var(--c-panel-ink);--c-sub:var(--c-panel-sub);--c-line:var(--c-panel-line);--c-accent:var(--c-panel-accent);--c-accent-ink:var(--c-panel-accent-ink);--c-link:var(--c-panel-ink);--f-secondary:var(--pxg-control-font);--f-body:var(--pxg-control-font);--slot-card-font:var(--pxg-control-font);--slot-card-weight:700;--slot-card-ls:0;--slot-meta-font:var(--pxg-control-font);--slot-meta-weight:700;--slot-meta-ls:0;--slot-button-font:var(--pxg-control-font);--slot-button-weight:700;--slot-button-ls:0;--slot-body-font:var(--pxg-control-font);--slot-body-weight:400;--slot-body-ls:0;font-family:var(--pxg-control-font);color:var(--c-ink)}.home-code .home-code-page .dock .btn.secondary,.home-code .home-code-page .sm .btn.secondary{--btn-secondary-ink:var(--c-panel-ink)}.home-code .home-code-page .dock .link,.home-code .home-code-page .sm .link{--link-underline-color:var(--c-panel-accent);color:var(--c-panel-ink)}.home-code .home-code-page .sm-stack{display:grid;gap:0;-ms-flex-line-pack:start;align-content:start;align-self:start;width:min(100%,500px);justify-self:end;background:color-mix(in srgb,var(--c-panel-bg) 94%,var(--c-panel-surface));border:1px solid color-mix(in srgb,var(--c-panel-line) 78%,transparent);border-radius:11px;-webkit-box-shadow:0 8px 22px rgba(20,10,35,.18);box-shadow:0 8px 22px rgba(20,10,35,.18);overflow:hidden}.home-code .home-code-page .sm{position:relative;background:color-mix(in srgb,var(--c-bg) 94%,var(--c-surface));border:1px solid color-mix(in srgb,var(--c-line) 78%,transparent);border-radius:18px;padding:0;-webkit-box-shadow:0 30px 70px rgba(20,10,35,.35);box-shadow:0 30px 70px rgba(20,10,35,.35);overflow:hidden}.home-code .home-code-page .sm-stack .sm{background:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.home-code .home-code-page .sm:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:-webkit-gradient(linear,left top,right top,from(var(--c-accent)),to(var(--c-marker)));background:linear-gradient(90deg,var(--c-accent),var(--c-marker))}.home-code .home-code-page .sm-stack .sm:before{display:none}.home-code .home-code-page .sm-card--type:before{background:-webkit-gradient(linear,left top,right top,from(var(--c-accent)),to(color-mix(in srgb,var(--c-accent) 38%,var(--c-bg))))!important;background:linear-gradient(90deg,var(--c-accent),color-mix(in srgb,var(--c-accent) 38%,var(--c-bg)))!important}.home-code .home-code-page .sm-card--lens:before{background:-webkit-gradient(linear,left top,right top,from(var(--c-marker)),to(var(--c-accent)))!important;background:linear-gradient(90deg,var(--c-marker),var(--c-accent))!important}.home-code .home-code-page .sm-shell{padding:24px 24px 20px}.home-code .home-code-page .sm-stack .sm-shell{padding:20px 22px 18px}.home-code .home-code-page .sm-card--color .sm-shell{padding-top:20px}.home-code .home-code-page .sm-stack .sm+.sm{border-top:1px solid var(--c-line)}.home-code .home-code-page .sm-stack .panel-card-note,.home-code .home-code-page .sm-stack .sm-kicker,.home-code .home-code-page .sm-stack .sm-window{display:none}.home-code .home-code-page .sm-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;padding:12px 22px;border-bottom:1px solid var(--c-line)}.home-code .home-code-page .sm-bar-titles{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3px}.home-code .home-code-page .sm-bar-title{font-family:var(--slot-card-font);font-weight:800;font-size:17px;line-height:1.15;letter-spacing:-.2px;color:var(--c-ink)}.home-code .home-code-page .sm-bar-help{font-family:var(--slot-body-font);font-weight:var(--slot-body-weight);font-size:12px;line-height:1.4;color:var(--c-sub)}.home-code .home-code-page .sm-bar-controls{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:22px}.home-code .home-code-page .sm-bar .sm-reset{margin:0}.home-code .home-code-page .sm-stack .panel-card-title b,.home-code .home-code-page .sm-stack .sm-title b{font-size:15px}.home-code .home-code-page .lens-toggle.lens-toggle--bar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto;border:0;background:none;padding:0;border-radius:0;gap:9px;-webkit-box-shadow:none;box-shadow:none}.home-code .home-code-page .lens-toggle.lens-toggle--bar:hover{-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.home-code .home-code-page .lens-toggle.lens-toggle--bar[aria-pressed=true]{-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.home-code .home-code-page .sm-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding:0 0 18px;border-bottom:1px solid var(--c-line)}.home-code .home-code-page .sm-stack .sm-head{padding:0;border-bottom:0}.home-code .home-code-page .panel-card-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:14px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin-bottom:8px}.home-code .home-code-page .panel-card-title{min-width:0}.home-code .home-code-page .panel-card-title .sm-kicker{margin-bottom:5px}.home-code .home-code-page .panel-card-title b{display:block;color:var(--c-ink);font-family:var(--slot-card-font);font-weight:var(--slot-card-weight);letter-spacing:var(--slot-card-ls);font-size:17px;line-height:1.05}.home-code .home-code-page .panel-card-note{-webkit-box-flex:0;-ms-flex:none;flex:none;-ms-flex-item-align:start;align-self:start;border:1.5px solid var(--c-line);border-radius:999px;padding:5px 8px;background:var(--c-surface);color:var(--c-ink);font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);letter-spacing:var(--slot-meta-ls);font-size:9px;text-transform:uppercase;white-space:nowrap}.home-code .home-code-page .sm-window{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;padding-top:7px}.home-code .home-code-page .sm-window i{width:8px;height:8px;border-radius:50%;background:var(--c-line)}.home-code .home-code-page .sm-title{min-width:0}.home-code .home-code-page .sm-kicker{display:block;margin-bottom:4px;font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);letter-spacing:.04em;word-spacing:.12em;font-size:10px;line-height:1;text-transform:uppercase;color:var(--c-sub)}.home-code .home-code-page .sm-title b{display:block;font-family:var(--slot-card-font);font-weight:var(--slot-card-weight);letter-spacing:var(--slot-card-ls);font-size:22px;line-height:1.05;color:var(--c-ink)}.home-code .home-code-page .sm-stack .sm-title b{font-size:20px}.home-code .home-code-page .sm-live{-ms-flex-item-align:start;align-self:start;border:1.5px solid var(--c-line);border-radius:999px;padding:5px 9px;background:var(--c-surface);color:var(--c-ink);font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);letter-spacing:var(--slot-meta-ls);font-size:10px;text-transform:uppercase;white-space:nowrap}.home-code .home-code-page .sm-g{padding:16px 0 0}.home-code .home-code-page .sm-stack .sm-g{padding-top:11px}.home-code .home-code-page .sm-g+.sm-g{margin-top:16px;border-top:1px solid var(--c-line)}.home-code .home-code-page .sm-section-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:12px}.home-code .home-code-page .control-label,.home-code .home-code-page .sm-g label,.home-code .home-code-page .sm-section-title{display:block;font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-size:10.5px;letter-spacing:var(--slot-meta-ls);text-transform:uppercase;color:var(--c-sub);line-height:1.1}.home-code .home-code-page .sm-g label{margin:0}.home-code .home-code-page .sm-section-note{color:var(--c-sub);font-size:10.5px;line-height:1.2;text-align:right;white-space:nowrap}.home-code .home-code-page .swr{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page .palette-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-code .home-code-page .sm-stack .palette-row{gap:7px}.home-code .home-code-page .palette-card{min-height:90px;border:1.5px solid var(--c-line);border-radius:12px;background:var(--c-surface);color:var(--c-ink);padding:10px;cursor:pointer;text-align:left;-webkit-transition:border-color .18s ease,background-color .5s ease,-webkit-transform .18s ease,-webkit-box-shadow .18s ease;transition:border-color .18s ease,background-color .5s ease,-webkit-transform .18s ease,-webkit-box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .5s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .5s ease,-webkit-transform .18s ease,-webkit-box-shadow .18s ease}.home-code .home-code-page .sm-stack .palette-card{min-height:56px;padding:7px;border-radius:10px}.home-code .home-code-page .palette-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 22px rgba(20,10,35,.08);box-shadow:0 10px 22px rgba(20,10,35,.08)}.home-code .home-code-page .palette-card:active{-webkit-transform:translateY(0) scale(.99);transform:translateY(0) scale(.99)}.home-code .home-code-page .palette-card.on{border-color:var(--c-accent);-webkit-box-shadow:0 0 0 1.5px var(--c-accent),0 12px 24px rgba(20,10,35,.1);box-shadow:0 0 0 1.5px var(--c-accent),0 12px 24px rgba(20,10,35,.1)}.home-code .home-code-page .palette-card .swatches{display:grid;grid-template-columns:1.35fr 1fr;height:36px;border-radius:9px;overflow:hidden;margin-bottom:9px;-webkit-box-shadow:inset 0 0 0 1px rgba(20,10,30,.12);box-shadow:inset 0 0 0 1px rgba(20,10,30,.12)}.home-code .home-code-page .sm-stack .palette-card .swatches{height:21px;margin-bottom:6px;border-radius:7px}.home-code .home-code-page .sm-stack .palette-card .n{font-size:10.5px}.home-code .home-code-page .sm-stack .palette-card .m{font-size:9px;margin-top:1px}.home-code .home-code-page .palette-card .n{display:block;font-family:var(--f-secondary);font-weight:var(--fw-secondary);font-size:11.5px;line-height:1.2;color:var(--c-ink)}.home-code .home-code-page .palette-card .m{display:block;margin-top:2px;font-size:10px;color:var(--c-sub)}.home-code .home-code-page .palette-help{font-size:11.5px;color:var(--c-sub);margin:10px 0 0;line-height:1.45}.home-code .home-code-page .sm-stack .palette-help{display:none}.home-code .home-code-page .color-logic{margin-top:14px;padding:12px;border:1px solid var(--c-line);border-radius:14px;background:color-mix(in srgb,var(--c-surface) 74%,var(--c-bg))}.home-code .home-code-page .sm-stack .color-logic{margin-top:9px;padding:9px;border-radius:12px}.home-code .home-code-page .grade-meter{margin:0 0 14px}.home-code .home-code-page .sm-stack .grade-meter{margin-bottom:8px}.home-code .home-code-page .grade-strip{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:22px;border-radius:6px;overflow:hidden;margin-top:0;-webkit-box-shadow:0 0 0 1.5px var(--c-line);box-shadow:0 0 0 1.5px var(--c-line)}.home-code .home-code-page .sm-stack .grade-strip{height:16px}.home-code .home-code-page .grade-strip i{-webkit-box-flex:1;-ms-flex:1;flex:1}.home-code .home-code-page .grade-tick{position:absolute;top:-2px;bottom:-2px;width:4px;border-radius:4px;background:#fff;-webkit-box-shadow:0 0 0 1.5px rgba(20,10,30,.5),0 2px 8px rgba(20,10,30,.32);box-shadow:0 0 0 1.5px rgba(20,10,30,.5),0 2px 8px rgba(20,10,30,.32);-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.home-code .home-code-page .grade-star{position:absolute;top:50%;width:17px;height:17px;display:grid;place-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;background:rgba(20,10,30,.78);color:#fff;font-size:11px;line-height:1;-webkit-box-shadow:0 1px 7px rgba(20,10,30,.32);box-shadow:0 1px 7px rgba(20,10,30,.32);pointer-events:none}.home-code .home-code-page .grade-star:before{content:"★";-webkit-transform:translateY(-.5px);transform:translateY(-.5px)}.home-code .home-code-page .grade-cap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;font-size:10px;color:var(--c-sub);margin-top:8px;letter-spacing:.2px}.home-code .home-code-page .sm-stack .grade-cap{font-size:9px;margin-top:6px}.home-code .home-code-page .presence-row{display:grid;grid-template-columns:1fr;gap:8px}.home-code .home-code-page .sm-stack .presence-row{gap:6px}.home-code .home-code-page .presence-top{-webkit-box-align:end;-ms-flex-align:end;align-items:end;gap:12px}.home-code .home-code-page .presence-labels,.home-code .home-code-page .presence-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home-code .home-code-page .presence-labels{color:var(--c-sub);font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:var(--slot-meta-ls)}.home-code .home-code-page .presence-slider{width:100%;min-height:28px;accent-color:var(--c-accent);cursor:pointer}.home-code .home-code-page .presence-help{font-size:11px;color:var(--c-sub);margin:0;line-height:1.45}.home-code .home-code-page .sm-stack .presence-help{display:none}.home-code .home-code-page .cc-lay{display:grid;grid-template-columns:auto 1fr;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page .cc-pal-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-code .home-code-page .cc-gest{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:none;padding:6px;margin:-6px;border-radius:14px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s ease,-webkit-transform .16s ease;transition:background-color .2s ease,-webkit-transform .16s ease;transition:transform .16s ease,background-color .2s ease;transition:transform .16s ease,background-color .2s ease,-webkit-transform .16s ease}.home-code .home-code-page .cc-gest:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);background:var(--c-surface)}.home-code .home-code-page .cc-peel-wrap{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.home-code .home-code-page .cc-peel{width:50px;height:50px;border-radius:13px;overflow:hidden;position:relative;-webkit-box-shadow:inset 0 0 0 1px rgba(20,10,30,.1),0 6px 16px rgba(20,10,30,.14);box-shadow:inset 0 0 0 1px rgba(20,10,30,.1),0 6px 16px rgba(20,10,30,.14)}.home-code .home-code-page .cc-peel .cc-fold{position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 24px 24px;-webkit-filter:drop-shadow(-1px -1px 1px rgba(20,10,30,.2));filter:drop-shadow(-1px -1px 1px rgba(20,10,30,.2))}.home-code .home-code-page .cc-peel-wrap .cc-badge{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:25px;height:25px;border-radius:50%;background:conic-gradient(from 210deg,#ff3b3b,#ffb020,#ffe14d,#4ade4a,#22d3ee,#3b6dff,#8e65c0,#ff2d8f,#ff3b3b);-webkit-box-shadow:0 0 0 3px var(--c-bg),0 3px 8px rgba(20,10,30,.34);box-shadow:0 0 0 3px var(--c-bg),0 3px 8px rgba(20,10,30,.34)}.home-code .home-code-page .cc-strip{position:relative;height:50px;border-radius:13px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:visible;cursor:pointer;outline:none;-ms-touch-action:none;touch-action:none;-webkit-box-shadow:0 0 0 1px var(--c-line);box-shadow:0 0 0 1px var(--c-line)}.home-code .home-code-page .cc-segs{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:13px;overflow:hidden;-webkit-box-shadow:inset 0 0 0 1px rgba(20,10,30,.12);box-shadow:inset 0 0 0 1px rgba(20,10,30,.12)}.home-code .home-code-page .cc-seg{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:grid;place-items:center}.home-code .home-code-page .cc-seg .cc-n{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:600;opacity:.55}.home-code .home-code-page .cc-seg .cc-fav{position:absolute;bottom:5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:56%;height:3px;border-radius:2px;opacity:1;pointer-events:none;z-index:2}.home-code .home-code-page .cc-thumb{position:absolute;top:-6px;bottom:-6px;width:38px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4;border-radius:12px;background:var(--c-bg);display:grid;place-items:center;cursor:-webkit-grab;cursor:grab;-webkit-box-shadow:0 9px 20px var(--cc-tg,rgba(142,101,192,.45)),0 0 0 1px rgba(20,10,30,.16),0 1px 0 hsla(0,0%,100%,.6) inset;box-shadow:0 9px 20px var(--cc-tg,rgba(142,101,192,.45)),0 0 0 1px rgba(20,10,30,.16),0 1px 0 hsla(0,0%,100%,.6) inset;-webkit-transition:left .26s cubic-bezier(.4,0,.2,1);transition:left .26s cubic-bezier(.4,0,.2,1)}.home-code .home-code-page .cc-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.home-code .home-code-page .cc-core{width:26px;height:calc(100% - 12px);border-radius:9px;display:grid;place-items:center;-webkit-box-shadow:inset 0 0 0 1px rgba(20,10,30,.16);box-shadow:inset 0 0 0 1px rgba(20,10,30,.16)}.home-code .home-code-page .cc-core b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:700}.home-code .home-code-page .cc-strip:focus-visible{-webkit-box-shadow:0 0 0 3px var(--cc-main,#8e65c0),0 0 0 1px var(--c-line);box-shadow:0 0 0 3px var(--cc-main,#8e65c0),0 0 0 1px var(--c-line)}.home-code .home-code-page .cc-pk{max-height:0;opacity:0;overflow:hidden;-webkit-transition:max-height .34s cubic-bezier(.4,0,.2,1),opacity .26s,margin .3s;transition:max-height .34s cubic-bezier(.4,0,.2,1),opacity .26s,margin .3s}.home-code .home-code-page .cc-pk.open{max-height:320px;opacity:1;margin:14px 0 2px}.home-code .home-code-page .cc-pk-inner{background:var(--c-surface);border:1px solid var(--c-line);border-radius:13px;padding:13px}.home-code .home-code-page .cc-pk-pals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.home-code .home-code-page .cc-pkp{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1.5px solid var(--c-line);border-radius:10px;background:var(--c-bg);padding:0;height:32px;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr;-webkit-transition:.14s;transition:.14s}.home-code .home-code-page .cc-pkp:hover{border-color:var(--cc-main);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.home-code .home-code-page .cc-pkp[aria-pressed=true]{border-color:var(--cc-main);-webkit-box-shadow:0 0 0 1.5px var(--cc-main);box-shadow:0 0 0 1.5px var(--cc-main)}.home-code .home-code-page .cc-pk-label{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-sub);opacity:.85;margin-bottom:9px}.home-code .home-code-page .cc-pk-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:9px;margin-top:13px}.home-code .home-code-page .cc-pk-tt{font-size:11.5px;color:var(--c-ink);font-weight:700}.home-code .home-code-page .cc-pk-tt em{font-style:normal;font-weight:500;color:var(--c-sub)}.home-code .home-code-page .cc-switch{position:relative;width:34px;height:20px;-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page .cc-switch input{position:absolute;opacity:0;width:0;height:0}.home-code .home-code-page .cc-switch>span{position:absolute;inset:0;border-radius:20px;background:var(--c-line);cursor:pointer;-webkit-transition:.2s;transition:.2s}.home-code .home-code-page .cc-switch>span:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:var(--c-bg);-webkit-box-shadow:0 1px 3px rgba(20,10,30,.3);box-shadow:0 1px 3px rgba(20,10,30,.3);-webkit-transition:.2s;transition:.2s}.home-code .home-code-page .cc-switch input:checked+span{background:var(--cc-main,#8e65c0)}.home-code .home-code-page .cc-switch input:checked+span:before{-webkit-transform:translateX(14px);transform:translateX(14px)}.home-code .home-code-page .cc-pk-hue{position:relative;height:26px;border-radius:8px;cursor:pointer;-ms-touch-action:none;touch-action:none;-webkit-box-shadow:inset 0 0 0 1px rgba(20,10,30,.14);box-shadow:inset 0 0 0 1px rgba(20,10,30,.14);background:-webkit-gradient(linear,left top,right top,from(#ff2d2d),color-stop(#ffd21a),color-stop(#4ade4a),color-stop(#22d3ee),color-stop(#3b6dff),color-stop(#c04dff),color-stop(#ff2d8f),to(#ff2d2d));background:linear-gradient(90deg,#ff2d2d,#ffd21a,#4ade4a,#22d3ee,#3b6dff,#c04dff,#ff2d8f,#ff2d2d)}.home-code .home-code-page .cc-pk-hue .cc-hm{position:absolute;top:-3px;bottom:-3px;width:6px;border-radius:4px;background:#fff;-webkit-box-shadow:0 0 0 1.5px rgba(20,10,30,.5),0 2px 6px rgba(20,10,30,.35);box-shadow:0 0 0 1.5px rgba(20,10,30,.5),0 2px 6px rgba(20,10,30,.35);-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.home-code .home-code-page .cc-pk-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-top:10px}.home-code .home-code-page .cc-native{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--c-sub);cursor:pointer;padding:4px 10px 4px 5px;border:1.5px solid var(--c-line);border-radius:999px;background:var(--c-bg)}.home-code .home-code-page .cc-native input{width:20px;height:20px;border:none;background:none;padding:0;cursor:pointer}.home-code .home-code-page .cc-cur{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px}.home-code .home-code-page .cc-cur i{width:18px;height:18px;border-radius:6px;-webkit-box-shadow:inset 0 0 0 1px rgba(20,10,30,.14);box-shadow:inset 0 0 0 1px rgba(20,10,30,.14)}.home-code .home-code-page .cc-cur b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--c-ink)}.home-code .home-code-page .cc-close{margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--c-sub);cursor:pointer;font-size:16px;line-height:1;padding:4px}.home-code .home-code-page .typo-stack{display:grid;gap:14px}.home-code .home-code-page .expression-control,.home-code .home-code-page .font-control{display:grid;gap:8px}.home-code .home-code-page .expression-head,.home-code .home-code-page .font-readout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.home-code .home-code-page .expression-head b,.home-code .home-code-page .font-readout b{display:block;color:var(--c-ink);font-family:var(--slot-card-font);font-weight:var(--slot-card-weight);letter-spacing:var(--slot-card-ls);font-size:14px;line-height:1.1}.home-code .home-code-page .expression-head span span,.home-code .home-code-page .font-readout span span{display:block;margin-top:3px;color:var(--c-sub);font-size:10.5px;line-height:1.2}.home-code .home-code-page .expression-value,.home-code .home-code-page .font-readout .font-position{color:var(--c-sub);font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);letter-spacing:var(--slot-meta-ls);font-size:10px;text-transform:uppercase;white-space:nowrap}.home-code .home-code-page .expression-slider,.home-code .home-code-page .font-slider{width:100%;min-height:28px;accent-color:var(--c-accent);cursor:pointer}.home-code .home-code-page .font-marks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;color:var(--c-sub);font-size:9.5px;line-height:1.1;text-align:center}.home-code .home-code-page .font-marks span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-code .home-code-page .font-marks span.on{color:var(--c-ink);font-weight:700}.home-code .home-code-page .expression-control{padding-top:14px;border-top:1px dashed var(--c-line)}.home-code .home-code-page .expression-head label{margin:0}.home-code .home-code-page .expression-labels{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:var(--c-sub);font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:var(--slot-meta-ls)}.home-code .home-code-page .font-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-height:258px;overflow:auto;-ms-flex-line-pack:start;align-content:start;padding:2px 4px 2px 2px;scrollbar-width:thin}.home-code .home-code-page .font-mini{max-width:220px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin}.home-code .home-code-page .font-mini .fch{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.home-code .home-code-page .fch{min-width:0;min-height:58px;border-radius:9px;border:1.5px solid var(--c-line);background:var(--c-surface);color:var(--c-ink);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;padding:8px 10px;text-align:left;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.home-code .home-code-page .fch .fp-name{font-family:var(--sample-primary);font-weight:var(--sample-weight,700);font-size:18px;line-height:1;color:var(--c-ink)}.home-code .home-code-page .fch .fp-meta{font-family:var(--sample-body);font-size:10.5px;line-height:1.25;color:var(--c-sub);overflow-wrap:anywhere;max-width:100%}.home-code .home-code-page .fch:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.home-code .home-code-page .fch.on{border-color:var(--c-accent);-webkit-box-shadow:0 0 0 1.5px var(--c-accent);box-shadow:0 0 0 1.5px var(--c-accent)}.home-code .home-code-page .dch{width:46px;height:40px;border-radius:9px;border:1.5px solid var(--c-line);background:var(--c-surface);color:var(--c-ink);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--dg,4px);padding:0;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.home-code .home-code-page .dch i{display:block;width:22px;height:3px;border-radius:2px;background:var(--c-sub)}.home-code .home-code-page .dch:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.home-code .home-code-page .dch.on{border-color:var(--c-accent);-webkit-box-shadow:0 0 0 1.5px var(--c-accent);box-shadow:0 0 0 1.5px var(--c-accent)}.home-code .home-code-page .lens-toggle{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;border:1.5px solid var(--c-line);border-radius:12px;background:var(--c-surface);color:var(--c-ink);padding:12px 13px;text-align:left;cursor:pointer;font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);letter-spacing:var(--slot-meta-ls);-webkit-transition:border-color .18s ease,background-color .5s ease,-webkit-transform .18s ease,-webkit-box-shadow .18s ease;transition:border-color .18s ease,background-color .5s ease,-webkit-transform .18s ease,-webkit-box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .5s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .5s ease,-webkit-transform .18s ease,-webkit-box-shadow .18s ease}.home-code .home-code-page .sm-card--lens .lens-toggle{padding:10px 12px}.home-code .home-code-page .sm-card--lens .sm-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(188px,236px);gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page .sm-card--lens .panel-card-head{display:block;margin:0}.home-code .home-code-page .sm-card--lens .lens-toggle span span,.home-code .home-code-page .sm-card--lens .panel-card-note{display:none}.home-code .home-code-page .sm-card--lens .lens-toggle b{font-size:12px}.home-code .home-code-page .lens-toggle:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 10px 22px rgba(20,10,35,.08);box-shadow:0 10px 22px rgba(20,10,35,.08)}.home-code .home-code-page .lens-toggle:active{-webkit-transform:translateY(0) scale(.99);transform:translateY(0) scale(.99)}.home-code .home-code-page .lens-toggle b{display:block;font-size:13px;line-height:1.15;color:var(--c-ink)}.home-code .home-code-page .lens-toggle span span{display:block;margin-top:4px;font:400 10.5px/1.25 var(--slot-body-font);letter-spacing:0;color:var(--c-sub)}.home-code .home-code-page .lens-toggle i{-webkit-box-flex:0;-ms-flex:none;flex:none;width:34px;height:18px;border-radius:999px;border:1.5px solid var(--c-line);background:var(--c-bg);position:relative}.home-code .home-code-page .lens-toggle i:after{content:"";position:absolute;width:12px;height:12px;left:2px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;background:var(--c-sub);-webkit-transition:left .18s ease,background-color .18s ease;transition:left .18s ease,background-color .18s ease}.home-code .home-code-page .lens-toggle[aria-pressed=true]{border-color:var(--c-accent);-webkit-box-shadow:0 0 0 1.5px var(--c-accent);box-shadow:0 0 0 1.5px var(--c-accent)}.home-code .home-code-page .lens-toggle[aria-pressed=true] i:after{left:18px;background:var(--c-accent)}.home-code .home-code-page .sm-reset{margin-top:14px;font-size:11.5px;color:var(--c-sub);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity .3s,color .2s ease,visibility .3s;transition:opacity .3s,color .2s ease,visibility .3s;font-family:var(--f-body)}.home-code .home-code-page .sm-card--lens .sm-reset{margin-top:0;justify-self:start}.home-code .home-code-page .sm-reset:hover{color:var(--c-ink)}.home-code .home-code-page .sm-reset.show{opacity:.85;visibility:visible;pointer-events:auto}.home-code .home-code-page .btn:focus-visible,.home-code .home-code-page .dch:focus-visible,.home-code .home-code-page .dock-lens:focus-visible,.home-code .home-code-page .fch:focus-visible,.home-code .home-code-page .lens-toggle:focus-visible,.home-code .home-code-page .link:focus-visible,.home-code .home-code-page .palette-card:focus-visible,.home-code .home-code-page .palette-mini button:focus-visible,.home-code .home-code-page .sm-reset:focus-visible,.home-code .home-code-page input[type=range]:focus-visible{outline:2px solid var(--c-marker);outline-offset:3px}.home-code .home-code-page .dock{position:fixed;left:50%;bottom:18px;-webkit-transform:translate(-50%,calc(100% + 32px)) scale(.96);transform:translate(-50%,calc(100% + 32px)) scale(.96);z-index:50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--c-bg);border:1px solid var(--c-line);border-radius:999px;padding:8px 12px;-webkit-box-shadow:0 18px 44px rgba(20,10,35,.28);box-shadow:0 18px 44px rgba(20,10,35,.28);opacity:0;visibility:hidden;pointer-events:none;max-width:calc(100vw - 32px);will-change:transform,opacity;-webkit-transition:opacity .28s ease,visibility 0s linear .42s,background-color .5s,color .5s,border-color .5s,border-radius .25s,-webkit-transform .42s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .25s;transition:opacity .28s ease,visibility 0s linear .42s,background-color .5s,color .5s,border-color .5s,border-radius .25s,-webkit-transform .42s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .25s;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .42s,background-color .5s,color .5s,border-color .5s,box-shadow .25s,border-radius .25s;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .42s,background-color .5s,color .5s,border-color .5s,box-shadow .25s,border-radius .25s,-webkit-transform .42s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .25s}.home-code .home-code-page .dock.show{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s}.home-code .home-code-page .dock.show:not(.expanded){cursor:pointer}.home-code .home-code-page .dock.expanded{cursor:default}.home-code .home-code-page .dock>*+*{margin-left:9px}.home-code .home-code-page .dk-col{max-width:0;min-width:0;opacity:0;overflow:hidden;pointer-events:none;-webkit-transition:max-width .36s cubic-bezier(.4,0,.2,1),opacity .24s ease,margin-left .3s ease;transition:max-width .36s cubic-bezier(.4,0,.2,1),opacity .24s ease,margin-left .3s ease}.home-code .home-code-page .dock:not(.expanded) .dk-col{margin-left:0}.home-code .home-code-page .dock.expanded .dk-col{opacity:1;pointer-events:auto}.home-code .home-code-page .dock.expanded .dk-gradewrap{max-width:150px}.home-code .home-code-page .dock.expanded .dk-agc{max-width:34px}.home-code .home-code-page .dock.expanded .dk-sep{max-width:1px}.home-code .home-code-page .dock.expanded .dk-fontwrap{max-width:128px}.home-code .home-code-page .dock.expanded .dk-exprwrap{max-width:118px}.home-code .home-code-page .dock.expanded .dk-sysc{max-width:60px}.home-code .home-code-page .dock.expanded .dk-resetc{max-width:36px}.home-code .home-code-page .dock.expanded .dk-fullc{max-width:152px}.home-code .home-code-page .dk-agc,.home-code .home-code-page .dk-fullc,.home-code .home-code-page .dk-resetc,.home-code .home-code-page .dk-sysc{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (hover:hover) and (pointer:fine){.home-code .home-code-page .dock.show:not(.expanded):hover{-webkit-transform:translate(-50%,-4px) scale(1.025);transform:translate(-50%,-4px) scale(1.025);-webkit-box-shadow:0 20px 50px rgba(20,10,35,.34),0 0 0 1px color-mix(in srgb,var(--c-accent) 48%,transparent);box-shadow:0 20px 50px rgba(20,10,35,.34),0 0 0 1px color-mix(in srgb,var(--c-accent) 48%,transparent)}.home-code .home-code-page .dock:not(.expanded):hover .dk-gradewrap{max-width:54px;opacity:.78;margin-left:9px;pointer-events:none}}.home-code .home-code-page .dk-peel{margin:0;padding:0;border:none;background:none;cursor:pointer;width:34px;height:34px;border-radius:11px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-transition:-webkit-transform .16s ease;transition:-webkit-transform .16s ease;transition:transform .16s ease;transition:transform .16s ease,-webkit-transform .16s ease}.home-code .home-code-page .dk-peel:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.home-code .home-code-page .dock .cc-peel{width:34px;height:34px;border-radius:10px;-webkit-box-shadow:inset 0 0 0 1px rgba(20,10,30,.1),0 4px 11px rgba(20,10,30,.16);box-shadow:inset 0 0 0 1px rgba(20,10,30,.1),0 4px 11px rgba(20,10,30,.16)}.home-code .home-code-page .dock .cc-peel .cc-fold{border-width:0 0 16px 16px}.home-code .home-code-page .dock .cc-peel-wrap .cc-badge{width:17px;height:17px;-webkit-box-shadow:0 0 0 2.5px var(--c-bg),0 2px 6px rgba(20,10,30,.34);box-shadow:0 0 0 2.5px var(--c-bg),0 2px 6px rgba(20,10,30,.34)}.home-code .home-code-page .dk-gradewrap{width:150px;-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page .dock .cc-strip{height:34px;border-radius:10px;width:100%;-webkit-box-shadow:0 0 0 1px var(--c-line);box-shadow:0 0 0 1px var(--c-line)}.home-code .home-code-page .dock .cc-segs{border-radius:10px}.home-code .home-code-page .dock .cc-seg .cc-n{font-size:8px}.home-code .home-code-page .dock .cc-seg .cc-fav{bottom:3px;height:2px}.home-code .home-code-page .dock .cc-thumb{top:-4px;bottom:-4px;width:26px;border-radius:9px;-webkit-box-shadow:0 6px 15px var(--cc-tg,rgba(142,101,192,.45)),0 0 0 1px rgba(20,10,30,.16);box-shadow:0 6px 15px var(--cc-tg,rgba(142,101,192,.45)),0 0 0 1px rgba(20,10,30,.16)}.home-code .home-code-page .dock .cc-core{width:19px;height:calc(100% - 8px);border-radius:7px}.home-code .home-code-page .dock .cc-core b{font-size:10px}.home-code .home-code-page .dk-ag{-webkit-box-flex:0;-ms-flex:none;flex:none;width:34px;height:34px;border-radius:10px;background:var(--c-surface);display:grid;place-items:center;font-family:var(--f-primary);font-weight:var(--fw-primary);font-size:16px;line-height:1;color:var(--c-ink);-webkit-box-shadow:inset 0 0 0 1px var(--c-line);box-shadow:inset 0 0 0 1px var(--c-line)}.home-code .home-code-page .dk-exprwrap,.home-code .home-code-page .dk-fontwrap{-webkit-box-flex:0;-ms-flex:none;flex:none;height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3px}.home-code .home-code-page .dk-fontwrap{width:128px}.home-code .home-code-page .dk-exprwrap{width:118px}.home-code .home-code-page .dk-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:color-mix(in srgb,var(--c-ink) 12%,var(--c-bg));outline:none;cursor:pointer;margin:0}.home-code .home-code-page .dk-range::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--c-accent);border:3px solid var(--c-bg);-webkit-box-shadow:0 2px 6px rgba(20,10,35,.35);box-shadow:0 2px 6px rgba(20,10,35,.35);cursor:-webkit-grab;cursor:grab}.home-code .home-code-page .dk-range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--c-accent);border:3px solid var(--c-bg);box-shadow:0 2px 6px rgba(20,10,35,.35);cursor:grab}.home-code .home-code-page .dk-specimens{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 2px;pointer-events:none}.home-code .home-code-page .dk-specimens span{font-size:11px;line-height:1;color:color-mix(in srgb,var(--c-ink) 28%,var(--c-bg))}.home-code .home-code-page .dk-specimens span.on{color:var(--c-ink)}.home-code .home-code-page .dk-axis{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-size:7.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--c-sub)}.home-code .home-code-page .dock .dock-lens{-webkit-box-flex:0;-ms-flex:none;flex:none;height:34px;min-width:0;padding:0 12px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-ink);font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-size:10.5px;letter-spacing:var(--slot-meta-ls);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page .dock .dock-lens[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-accent-ink)}.home-code .home-code-page .dk-icon{-webkit-box-flex:0;-ms-flex:none;flex:none;width:34px;height:34px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-sub);cursor:pointer;font-size:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;-webkit-transition:border-color .18s,color .18s;transition:border-color .18s,color .18s}.home-code .home-code-page .dk-icon:hover{color:var(--c-ink);border-color:var(--c-accent)}.home-code .home-code-page .dk-full{-webkit-box-flex:0;-ms-flex:none;flex:none;height:34px;border-radius:999px;border:none;padding:0 14px;background:color-mix(in srgb,var(--c-accent) 12%,var(--c-bg));color:var(--c-accent);font-family:var(--slot-button-font);font-weight:800;font-size:11.5px;cursor:pointer;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.home-code .home-code-page .dk-full:hover{background:color-mix(in srgb,var(--c-accent) 20%,var(--c-bg))}.home-code .home-code-page .dk-edit{-webkit-box-flex:0;-ms-flex:none;flex:none;height:34px;border:none;border-radius:999px;padding:0 15px;background:var(--c-accent);color:var(--c-accent-ink);cursor:pointer;font-family:var(--slot-button-font);font-weight:800;font-size:11.5px;letter-spacing:.01em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .5s,-webkit-filter .2s ease;transition:background-color .5s,-webkit-filter .2s ease;transition:filter .2s ease,background-color .5s;transition:filter .2s ease,background-color .5s,-webkit-filter .2s ease}.home-code .home-code-page .dk-edit:hover{-webkit-filter:brightness(1.07);filter:brightness(1.07)}.home-code .home-code-page .dk-sep{-webkit-box-flex:0;-ms-flex:none;flex:none;-ms-flex-item-align:center;align-self:center;width:1px;height:24px;background:var(--c-line)}.home-code .home-code-page .dk-huepop{position:absolute;left:6px;bottom:calc(100% + 12px);width:238px;margin-left:0;background:var(--c-bg);border:1px solid var(--c-line);border-radius:14px;padding:12px;-webkit-box-shadow:0 18px 44px rgba(20,10,35,.3);box-shadow:0 18px 44px rgba(20,10,35,.3);opacity:0;visibility:hidden;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition:opacity .2s ease,visibility .2s,-webkit-transform .2s ease;transition:opacity .2s ease,visibility .2s,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease,visibility .2s;transition:opacity .2s ease,transform .2s ease,visibility .2s,-webkit-transform .2s ease;pointer-events:none;text-align:left}.home-code .home-code-page .dk-huepop.open{opacity:1;visibility:visible;-webkit-transform:none;transform:none;pointer-events:auto}.home-code .home-code-page .dk-huepop-label{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-sub);margin-bottom:9px}.home-code .home-code-page .dk-hue{height:24px}.home-code .home-code-page .dk-duo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-top:11px;font-size:11.5px;font-weight:700;color:var(--c-ink);cursor:pointer}.home-code .home-code-page .dk-duo em{font-style:normal;font-weight:500;color:var(--c-sub)}@media (prefers-reduced-motion:reduce){.home-code .home-code-page .dock{-webkit-transition:background-color .01s linear,color .01s linear,border-color .01s linear,-webkit-box-shadow .01s linear;transition:background-color .01s linear,color .01s linear,border-color .01s linear,-webkit-box-shadow .01s linear;transition:background-color .01s linear,color .01s linear,border-color .01s linear,box-shadow .01s linear;transition:background-color .01s linear,color .01s linear,border-color .01s linear,box-shadow .01s linear,-webkit-box-shadow .01s linear;will-change:auto}}.home-code .home-code-page .link{font-family:var(--slot-button-font);font-weight:var(--slot-button-weight);letter-spacing:var(--slot-button-ls);color:var(--c-link);text-decoration:none;border-bottom:0;padding-bottom:var(--link-underline-offset);font-size:calc(14.5px*var(--ts));white-space:nowrap;background-image:-webkit-gradient(linear,left top,right top,from(var(--link-underline-color)),to(var(--link-underline-color)));background-image:linear-gradient(90deg,var(--link-underline-color),var(--link-underline-color));background-repeat:no-repeat;background-size:var(--link-underline-size) var(--link-underline-height);background-position:var(--link-underline-position);-webkit-transition:background-size .25s ease,background-position .25s ease,color .5s ease;transition:background-size .25s ease,background-position .25s ease,color .5s ease}.home-code .home-code-page .link:hover{background-size:var(--link-hover-size) var(--link-hover-height)}.home-code .home-code-page .s2-embed{width:100%}.home-code .home-code-page #s2frame{display:block;width:100%;border:0;height:1503px;background:transparent;overflow:hidden}.home-code .home-code-page .s3-embed{width:100%}.home-code .home-code-page #s3frame{display:block;width:100%;border:0;height:760px;background:transparent;overflow:hidden}.home-code .home-code-page .btn,.home-code .home-code-page .dots,.home-code .home-code-page .grade-strip,.home-code .home-code-page .hero-wrap,.home-code .home-code-page .lens-toggle,.home-code .home-code-page .link,.home-code .home-code-page .micro,.home-code .home-code-page .ovl,.home-code .home-code-page .palette-card,.home-code .home-code-page .presence-slider,.home-code .home-code-page .quote,.home-code .home-code-page .sec,.home-code .home-code-page .sm,.home-code .home-code-page .sm-stack,.home-code .home-code-page a,.home-code .home-code-page h1,.home-code .home-code-page h2,.home-code .home-code-page h3,.home-code .home-code-page p{-webkit-transition:background-color .5s ease,color .5s ease,border-color .5s ease,border-radius .25s ease,-webkit-box-shadow .25s ease;transition:background-color .5s ease,color .5s ease,border-color .5s ease,border-radius .25s ease,-webkit-box-shadow .25s ease;transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .25s ease,border-radius .25s ease;transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .25s ease,border-radius .25s ease,-webkit-box-shadow .25s ease}.home-code .home-code-page .sec{padding:calc(84px*var(--sp)) 56px;background:var(--c-bg)}.home-code .home-code-page .wrap{max-width:940px;margin:0 auto}.home-code .home-code-page .ovl{font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-size:var(--size-meta);letter-spacing:var(--slot-meta-ls);text-transform:uppercase;color:var(--c-link);margin-bottom:calc(16px*var(--sp))}.home-code .home-code-page h2{font-family:var(--slot-section-font);font-size:calc(var(--size-section)*var(--ts));line-height:var(--lh-section);letter-spacing:var(--slot-section-ls);margin:0 0 calc(16px*var(--sp));font-weight:var(--slot-section-weight);color:var(--c-ink)}.home-code .home-code-page h3{font-family:var(--slot-card-font);font-size:calc(var(--size-card)*var(--ts));font-weight:var(--slot-card-weight);letter-spacing:var(--slot-card-ls);margin:0 0 calc(12px*var(--sp));color:var(--c-ink)}.home-code .home-code-page p{font-family:var(--slot-body-font);font-size:calc(var(--size-body)*var(--ts));line-height:var(--lh-body);margin:0 0 calc(14px*var(--sp));color:var(--c-ink);font-weight:var(--slot-body-weight);letter-spacing:var(--slot-body-ls)}.home-code .home-code-page .sub{color:var(--c-sub);max-width:640px}.home-code .home-code-page .caption{font-size:12.5px;color:var(--c-sub);margin-top:calc(26px*var(--sp));border-top:1px dashed var(--c-line);padding-top:14px}.home-code .home-code-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(26px*var(--sp));margin-top:calc(28px*var(--sp))}.home-code .home-code-page .step .num{font:800 13px/1 ui-monospace,Menlo,monospace;background:var(--c-surface);border:1px solid var(--c-line);border-radius:6px;display:inline-block;padding:6px 9px;margin-bottom:12px;color:var(--c-ink)}.home-code .home-code-page .step h4{font-family:var(--slot-card-font);font-size:calc(16.5px*var(--ts));margin:0 0 8px;font-weight:var(--slot-card-weight);letter-spacing:var(--slot-card-ls);color:var(--c-ink)}.home-code .home-code-page .step p{font-size:calc(13.5px*var(--ts));color:var(--c-sub)}.home-code .home-code-page .quote{text-align:center;background:var(--c-surface);padding:calc(56px*var(--sp)) 56px}.home-code .home-code-page .quote .fq{font-family:var(--slot-body-font);font-size:calc(var(--size-card)*var(--ts));line-height:1.5;font-weight:var(--slot-body-weight);letter-spacing:var(--slot-body-ls);max-width:680px;margin:0 auto 12px;color:var(--c-ink)}.home-code .home-code-page .quote .fn{font-family:var(--slot-body-font);font-weight:var(--slot-body-weight);font-size:calc(13px*var(--ts));color:var(--c-sub)}.home-code .home-code-page #sec-help .wrap{max-width:1200px}.home-code .home-code-page #sec-help .h5-in{display:grid;grid-template-columns:minmax(0,1.05fr) auto;gap:clamp(34px,4.6vw,72px);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page #sec-help .h5-copy{max-width:620px}.home-code .home-code-page #sec-help h2{max-width:20ch;text-wrap:balance}.home-code .home-code-page #sec-help .sub{max-width:56ch}@media (max-width:1160px){.home-code .home-code-page #sec-help .h5-in{grid-template-columns:1fr}}.home-code .home-code-page #sec-help .h5-vig{position:relative;justify-self:center;--vig-w:430px;--vig-spd:1.27}.home-code .home-code-page #sec-help .wpged{position:relative;width:var(--vig-w);max-width:100%;border-radius:12px;overflow:hidden;background:#fff;-webkit-box-shadow:0 14px 34px rgba(0,0,0,.22),0 42px 80px rgba(0,0,0,.26);box-shadow:0 14px 34px rgba(0,0,0,.22),0 42px 80px rgba(0,0,0,.26)}.home-code .home-code-page #sec-help .wp-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:11px;background:#1e1e1e;color:#c9c9cf;padding:9px 13px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px}.home-code .home-code-page #sec-help .wp-plus{width:20px;height:20px;border-radius:4px;background:#3858e9;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page #sec-help .wp-top .sp{-webkit-box-flex:1;-ms-flex:1;flex:1}.home-code .home-code-page #sec-help .wp-doc{font-size:10.5px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-code .home-code-page #sec-help .wp-upd{background:#3858e9;color:#fff;border-radius:4px;padding:4px 11px;font-weight:700;font-size:10.5px;-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page #sec-help .wp-canvas{position:relative;background:var(--site-bg,var(--c-panel-surface));color:var(--c-panel-ink);padding:24px 26px 28px;min-height:320px;-webkit-transition:background-color .5s ease,color .5s ease;transition:background-color .5s ease,color .5s ease}.home-code .home-code-page #sec-help .wc-kick{font-family:var(--slot-body-font);font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent)}.home-code .home-code-page #sec-help .wc-title{font-family:var(--slot-hero-font);font-weight:var(--slot-hero-weight,700);font-size:23px;line-height:1.2;margin:7px 0 13px;max-width:86%}.home-code .home-code-page #sec-help .wc-line{height:7px;border-radius:3px;background:currentColor;opacity:.16;margin:9px 0}.home-code .home-code-page #sec-help .wc-line.w85{width:85%}.home-code .home-code-page #sec-help .wc-line.w70{width:70%}.home-code .home-code-page #sec-help .wc-line.w55{width:55%}.home-code .home-code-page #sec-help .wc-img{position:relative;height:118px;border-radius:6px;margin:15px 0 12px;overflow:hidden;background:radial-gradient(85% 90% at 72% 28%,var(--site-p2,#4b3a66) 0,transparent 62%),linear-gradient(206deg,var(--site-p3,#39506e),var(--site-p1,#5b4382));-webkit-transition:background .5s;transition:background .5s}.home-code .home-code-page #sec-help .wc-img.sel{outline:2px solid #3858e9;outline-offset:2px}.home-code .home-code-page #sec-help .wc-img .blk-lab{position:absolute;left:0;top:-1px;background:#3858e9;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.4px;padding:3px 7px;border-radius:0 0 5px 0}.home-code .home-code-page #sec-help .asst{position:absolute;right:13px;top:96px;width:224px;background:#fff;border-radius:12px;z-index:5;-webkit-box-shadow:0 16px 36px rgba(20,10,35,.28),0 3px 10px rgba(20,10,35,.16);box-shadow:0 16px 36px rgba(20,10,35,.28),0 3px 10px rgba(20,10,35,.16);padding:13px 15px 14px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#26222e;-webkit-transform:translateX(122%);transform:translateX(122%);opacity:0;-webkit-transition:opacity calc(0.5s*var(--vig-spd)) ease,-webkit-transform calc(0.7s*var(--vig-spd)) cubic-bezier(.2,.85,.3,1);transition:opacity calc(0.5s*var(--vig-spd)) ease,-webkit-transform calc(0.7s*var(--vig-spd)) cubic-bezier(.2,.85,.3,1);transition:transform calc(0.7s*var(--vig-spd)) cubic-bezier(.2,.85,.3,1),opacity calc(0.5s*var(--vig-spd)) ease;transition:transform calc(0.7s*var(--vig-spd)) cubic-bezier(.2,.85,.3,1),opacity calc(0.5s*var(--vig-spd)) ease,-webkit-transform calc(0.7s*var(--vig-spd)) cubic-bezier(.2,.85,.3,1)}.home-code .home-code-page #sec-help .wpged.in .asst{-webkit-transform:none;transform:none;opacity:1}.home-code .home-code-page #sec-help .wpged.static .asst{-webkit-transition:none;transition:none}.home-code .home-code-page #sec-help .ac-chip{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#8a8494}.home-code .home-code-page #sec-help .ac-chip i{width:7px;height:7px;border-radius:50%;background:#00cab6;-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page #sec-help .ac-t{font-size:13px;font-weight:700;line-height:1.35;margin:8px 0 6px;color:#201e21}.home-code .home-code-page #sec-help .ac-steps{margin:4px 0 2px}.home-code .home-code-page #sec-help .ac-step{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:11px;color:#4b4554;padding:4.5px 0}.home-code .home-code-page #sec-help .ac-step i{width:14px;height:14px;border-radius:50%;border:1.5px solid #cfc9da;-webkit-box-flex:0;-ms-flex:none;flex:none;display:grid;place-items:center;font-size:8px;font-weight:900;color:#fff;-webkit-transition:.25s;transition:.25s}.home-code .home-code-page #sec-help .ac-step.done i{background:#00cab6;border-color:#00cab6}.home-code .home-code-page #sec-help .ac-step.done i:after{content:"✓"}.home-code .home-code-page #sec-help .ac-step.done{color:#a29bad}@media (prefers-reduced-motion:reduce){.home-code .home-code-page #sec-help .asst{-webkit-transition-duration:.01ms;transition-duration:.01ms}}.home-code .home-code-page #sec-how .wrap{max-width:1200px}.home-code .home-code-page #sec-how .vis{position:relative;height:auto;aspect-ratio:100/78;max-height:380px;margin-bottom:14px}.home-code .home-code-page #sec-how .mk .ph{height:auto;border:0;padding:0;margin:0;display:block;border-radius:0}.home-code .home-code-page #sec-how .mk{white-space:normal;color:var(--tx);text-decoration:none;background-image:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor}.home-code .home-code-page .rcp-browser{position:absolute;inset:0;border-radius:10px;background:#fff;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 10px 26px rgba(10,6,20,.22),0 2px 8px rgba(10,6,20,.14);box-shadow:0 10px 26px rgba(10,6,20,.22),0 2px 8px rgba(10,6,20,.14)}.home-code .home-code-page .rcp-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:6px 9px;background:#f1eef5;border-bottom:1px solid #e6e0ee;-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page .rcp-bar .dot{width:7px;height:7px;border-radius:50%;-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page .rcp-bar .dot.r{background:#f6605a}.home-code .home-code-page .rcp-bar .dot.y{background:#f6c250}.home-code .home-code-page .rcp-bar .dot.g{background:#43c465}.home-code .home-code-page .rcp-url{margin-left:6px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background:#fff;border-radius:5px;padding:3px 8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:9.5px;color:#8a8494;border:1px solid #e6e0ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-code .home-code-page .rcp-crop{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;background:var(--c-bg);-webkit-transition:background-color .55s ease;transition:background-color .55s ease}.home-code .home-code-page .rcp-crop .mk .frame{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.home-code .home-code-page #sec-how .mk{--fh:var(--slot-hero-font);--fb:var(--slot-body-font);--fhw:var(--slot-hero-weight,700);--fhtt:none;--fhls:0;--fs:var(--slot-nav-font);--fsw:var(--slot-nav-weight);--fa:var(--slot-quote-font)}.home-code .home-code-page #rcp3 .rcp-crop>.mk{-webkit-transition:margin-top .98s cubic-bezier(.2,.85,.3,1);transition:margin-top .98s cubic-bezier(.2,.85,.3,1)}.home-code .home-code-page #rcp3.arrived .rcp-crop>.mk{margin-top:calc(0px - var(--rcp3-shift, 0px))!important}.home-code .home-code-page #rcp3.static .rcp-crop>.mk{-webkit-transition:none;transition:none}.home-code .home-code-page .rcp-arrive{position:absolute;left:0;right:0;bottom:0;height:62%;z-index:4;overflow:hidden;background:var(--c-bg);-webkit-transform:translateY(118%);transform:translateY(118%);-webkit-transition:-webkit-transform .98s cubic-bezier(.2,.85,.3,1);transition:-webkit-transform .98s cubic-bezier(.2,.85,.3,1);transition:transform .98s cubic-bezier(.2,.85,.3,1);transition:transform .98s cubic-bezier(.2,.85,.3,1),-webkit-transform .98s cubic-bezier(.2,.85,.3,1);-webkit-box-shadow:0 -8px 24px rgba(10,6,20,.24);box-shadow:0 -8px 24px rgba(10,6,20,.24)}.home-code .home-code-page .rcp-arrive:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c-accent);z-index:5}.home-code .home-code-page #rcp3.arrived .rcp-arrive{-webkit-transform:translateY(0);transform:translateY(0)}.home-code .home-code-page #rcp3.static .rcp-arrive{-webkit-transition:none;transition:none}.home-code .home-code-page .rcp-undo{position:absolute;right:9px;top:9px;z-index:6;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:10.5px;font-weight:700;background:hsla(0,0%,100%,.97);color:#3a3442;border:1px solid #ddd6e6;border-radius:99px;padding:5px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-box-shadow:0 4px 12px rgba(10,6,20,.22);box-shadow:0 4px 12px rgba(10,6,20,.22)}.home-code .home-code-page #rcp3.arrived .rcp-undo{opacity:1}.home-code .home-code-page .rcp-undo.pulse{-webkit-animation:rcpundopulse .5s ease 2;animation:rcpundopulse .5s ease 2}@-webkit-keyframes rcpundopulse{50%{-webkit-transform:scale(1.14);transform:scale(1.14)}}@keyframes rcpundopulse{50%{-webkit-transform:scale(1.14);transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.home-code .home-code-page .rcp-arrive{-webkit-transition-duration:.01ms;transition-duration:.01ms}}.home-code .home-code-page .rcp-card{background:var(--c-panel-bg);border-radius:10px;-webkit-box-shadow:0 10px 26px rgba(10,6,20,.22),0 2px 8px rgba(10,6,20,.14);box-shadow:0 10px 26px rgba(10,6,20,.22),0 2px 8px rgba(10,6,20,.14);padding:15px 17px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--c-panel-ink);-webkit-transition:background-color .5s,color .5s;transition:background-color .5s,color .5s}.home-code .home-code-page .rcp-k{font-size:9.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--c-panel-sub)}.home-code .home-code-page .rcp-chips{display:-webkit-box;display:-ms-flexbox;display:flex;gap:14px}.home-code .home-code-page .rcp-chip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--c-panel-ink)}.home-code .home-code-page .rcp-chip i{width:22px;height:22px;border-radius:50%;border:2px solid var(--c-panel-surface);-webkit-box-shadow:0 0 0 1px var(--c-panel-line);box-shadow:0 0 0 1px var(--c-panel-line);-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-transition:background-color .5s;transition:background-color .5s}.home-code .home-code-page .rcp-grade{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px}.home-code .home-code-page .rcp-grade i{-webkit-box-flex:1;-ms-flex:1;flex:1;height:15px;border-radius:2px;position:relative}.home-code .home-code-page .rcp-grade i.on{outline:2px solid var(--c-panel-ink);outline-offset:1px;z-index:1}.home-code .home-code-page .rcp-grade i.src:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(0,0,0,.25)}.home-code .home-code-page .rcp-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:9px}.home-code .home-code-page .rcp-aa{font-family:var(--slot-hero-font);font-weight:var(--slot-hero-weight,800);font-size:21px;line-height:1;color:var(--c-panel-ink)}.home-code .home-code-page .rcp-aa.body{font-family:var(--slot-body-font);font-size:16px;font-weight:400;opacity:.8}.home-code .home-code-page .rcp-fname{font-size:11px;font-weight:700;color:var(--c-panel-ink);margin-left:auto}.home-code .home-code-page #sec-how .pieces{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(26px*var(--sp));border-top:1px dashed var(--c-line);padding-top:16px}.home-code .home-code-page #sec-how .pieces+.caption{border-top:0;margin-top:10px;padding-top:0}.home-code .home-code-page #sec-how .piece{font-size:12px;font-weight:600;color:var(--c-ink);background:var(--c-surface);border:1px solid var(--c-line);border-radius:8px;padding:8px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-family:var(--slot-body-font)}.home-code .home-code-page #sec-how .piece i{width:7px;height:7px;border-radius:2px;background:var(--c-accent);opacity:.95;-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page #sec-how .mk{container-type:inline-size;width:600px;-webkit-transform-origin:top left;transform-origin:top left}.home-code .home-code-page #sec-how .mk .frame{aspect-ratio:1200/1728;overflow:hidden;position:relative;background:var(--bg);color:var(--tx);border-radius:9px;-webkit-box-shadow:0 8px 20px rgba(20,10,35,.22),0 26px 56px rgba(20,10,35,.3),0 0 0 1px rgba(20,10,35,.05);box-shadow:0 8px 20px rgba(20,10,35,.22),0 26px 56px rgba(20,10,35,.3),0 0 0 1px rgba(20,10,35,.05);font-family:var(--fb),Georgia,serif;-webkit-transition:background-color .55s ease,color .55s ease;transition:background-color .55s ease,color .55s ease}.home-code .home-code-page #sec-how .mk .ph{background:var(--phbg);position:relative;overflow:hidden}.home-code .home-code-page #sec-how .mk .ph:after{content:none}.home-code .home-code-page #sec-how .ph.v1{--phbg:linear-gradient(158deg,var(--p1) 8%,var(--p2) 58%,var(--p3))}.home-code .home-code-page #sec-how .ph.v2{--phbg:radial-gradient(85% 90% at 72% 28%,var(--p2) 0%,transparent 62%),linear-gradient(206deg,var(--p3),var(--p1))}.home-code .home-code-page #sec-how .ph.v3{--phbg:radial-gradient(60% 55% at 30% 68%,var(--p3) 0%,transparent 70%),linear-gradient(24deg,var(--p1),var(--p2))}.home-code .home-code-page #sec-how .ph.v4{--phbg:linear-gradient(180deg,var(--p2),var(--p1) 70%,var(--p3))}.home-code .home-code-page #sec-how .ph.v5{--phbg:radial-gradient(120% 80% at 50% 100%,var(--p1) 10%,transparent 70%),linear-gradient(120deg,var(--p2),var(--p3))}.home-code .home-code-page #sec-how .ph.v6{--phbg:radial-gradient(50% 45% at 68% 40%,var(--p2) 0%,transparent 75%),linear-gradient(320deg,var(--p3),var(--p1) 85%)}.home-code .home-code-page #sec-how .sc-scene[data-img=grain] .ph:before{content:"";position:absolute;inset:0;opacity:.45;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>")}.home-code .home-code-page #sec-how .sc-scene[data-img=shapes] .ph.v1{--phbg:radial-gradient(circle at 70% 36%,var(--s2) 0 29%,transparent 29.5%),linear-gradient(135deg,transparent 62%,var(--s3) 0 78%,transparent 0),var(--p1)}.home-code .home-code-page #sec-how .sc-scene[data-img=shapes] .ph.v2{--phbg:radial-gradient(circle at 50% 118%,var(--s3) 0 52%,transparent 52.5%),radial-gradient(circle at 21% 20%,var(--s2) 0 9%,transparent 9.5%),var(--p1)}.home-code .home-code-page #sec-how .sc-scene[data-img=shapes] .ph.v3{--phbg:radial-gradient(circle at 72% 66%,var(--s3) 0 18%,transparent 18.5%),linear-gradient(48deg,var(--s2) 52%,transparent 0),var(--p1)}.home-code .home-code-page #sec-how .sc-scene[data-img=shapes] .ph.v4{--phbg:linear-gradient(0deg,var(--s2) 24%,transparent 0),radial-gradient(circle at 0% 0%,var(--s3) 0 52%,transparent 52.5%),var(--p1)}.home-code .home-code-page #sec-how .sc-scene[data-img=shapes] .ph.v5{--phbg:radial-gradient(circle at 32% 38%,var(--s2) 0 26%,transparent 26.5%),radial-gradient(circle at 67% 64%,var(--s3) 0 30%,transparent 30.5%),var(--p1)}.home-code .home-code-page #sec-how .sc-scene[data-img=shapes] .ph.v6{--phbg:linear-gradient(215deg,var(--s2) 34%,transparent 0),linear-gradient(35deg,var(--s3) 26%,transparent 0),var(--p1)}.home-code .home-code-page #sec-how .sc-scene[data-img=contour] .ph.v1{--phbg:repeating-radial-gradient(circle at 30% 30%,var(--imgring,var(--s2)) 0 .35cqw,transparent .35cqw 2.6cqw),var(--imgc,var(--p1))}.home-code .home-code-page #sec-how .sc-scene[data-img=contour] .ph.v2{--phbg:repeating-radial-gradient(circle at 76% 18%,var(--imgring,var(--s3)) 0 .35cqw,transparent .35cqw 3cqw),var(--imgc,var(--p1))}.home-code .home-code-page #sec-how .sc-scene[data-img=contour] .ph.v3{--phbg:repeating-radial-gradient(circle at 20% 82%,var(--imgring,var(--s2)) 0 .35cqw,transparent .35cqw 2.2cqw),var(--imgc,var(--p1))}.home-code .home-code-page #sec-how .sc-scene[data-img=contour] .ph.v4{--phbg:repeating-radial-gradient(circle at 86% 76%,var(--imgring,var(--s3)) 0 .35cqw,transparent .35cqw 2.8cqw),var(--imgc,var(--p1))}.home-code .home-code-page #sec-how .sc-scene[data-img=contour] .ph.v5{--phbg:repeating-radial-gradient(circle at 50% 45%,var(--imgring,var(--s2)) 0 .35cqw,transparent .35cqw 2.4cqw),var(--imgc,var(--p1))}.home-code .home-code-page #sec-how .sc-scene[data-img=contour] .ph.v6{--phbg:repeating-radial-gradient(circle at 66% 104%,var(--imgring,var(--s2)) 0 .35cqw,transparent .35cqw 3.2cqw),var(--imgc,var(--p1))}.home-code .home-code-page #sec-how .mk .h{font-family:var(--fh),Georgia,serif;font-weight:var(--fhw,700);letter-spacing:var(--fhls,0);text-transform:var(--fhtt,none);line-height:1.12}.home-code .home-code-page #sec-how .mk .cap{text-transform:uppercase;letter-spacing:.22em}.home-code .home-code-page #sec-how .mk .dotset{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.2cqw;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page #sec-how .mk .dotset i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:currentColor;opacity:.85}.home-code .home-code-page #sec-how .mk--julia .frame{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home-code .home-code-page #sec-how .jl-band{position:absolute;top:0;left:0;right:0;height:44cqw;background:var(--tint)}.home-code .home-code-page #sec-how .jl-logo,.home-code .home-code-page #sec-how .jl-nav,.home-code .home-code-page #sec-how .jl-top{color:var(--tinttx,var(--tx))}.home-code .home-code-page #sec-how .jl-tag{color:var(--tinttx2,var(--tx2))}.home-code .home-code-page #sec-how .jl-in{position:relative;padding:3.2cqw 4cqw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.home-code .home-code-page #sec-how .jl-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.5cqw;letter-spacing:.16em;text-transform:uppercase}.home-code .home-code-page #sec-how .jl-top .search{width:1.9cqw;height:1.9cqw;border:.3cqw solid;border-radius:50%;margin-left:1cqw}.home-code .home-code-page #sec-how .jl-logo{text-align:center;font-family:var(--fh),Georgia,serif;font-weight:var(--fhw,700);font-size:12cqw;line-height:1;margin-top:2cqw;letter-spacing:-.01em}.home-code .home-code-page #sec-how .jl-tag{text-align:center;font-size:1.45cqw;letter-spacing:.34em;text-transform:uppercase;color:var(--tx2);margin-top:1.8cqw}.home-code .home-code-page #sec-how .jl-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3.4cqw;font-size:1.5cqw;letter-spacing:.14em;text-transform:uppercase;margin-top:3.6cqw}.home-code .home-code-page #sec-how .jl-grid{display:grid;grid-template-columns:28fr 39fr 28fr;gap:4cqw;margin-top:4cqw;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.home-code .home-code-page #sec-how .jl-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3.4cqw}.home-code .home-code-page #sec-how .jl-card .ph{width:100%}.home-code .home-code-page #sec-how .jl-feat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home-code .home-code-page #sec-how .jl-feat .ph{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:40cqw;max-height:60cqw}.home-code .home-code-page #sec-how .jl-col .jl-card:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home-code .home-code-page #sec-how .jl-col .jl-card:last-child .ph{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:31cqw}.home-code .home-code-page #sec-how .jl-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.3cqw;margin:1.8cqw 0 1.1cqw;font-size:1.32cqw;letter-spacing:.13em;text-transform:uppercase;color:var(--tx2);white-space:nowrap}.home-code .home-code-page #sec-how .jl-meta b{color:var(--tx);font-weight:600}.home-code .home-code-page #sec-how .jl-meta i{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:3cqw;height:1px;background:var(--tx2);opacity:.6}.home-code .home-code-page #sec-how .jl-card h3{font-size:3.05cqw;line-height:1.22}.home-code .home-code-page #sec-how .jl-feat h3{font-size:4.2cqw;line-height:1.18;margin-top:.4cqw}.home-code .home-code-page #sec-how .jl-feat p{font-size:2.05cqw;line-height:1.5;color:var(--tx2);margin-top:1.8cqw;margin-bottom:.6cqw}.home-code .home-code-page #sec-how .jl-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:20cqw;margin-top:2.2cqw;background:var(--btnbg);color:var(--btnfg);font-size:1.55cqw;letter-spacing:.06em;padding:1.6cqw 2.2cqw}.home-code .home-code-page #sec-how .jl-btn:after{content:"⟶"}.home-code .home-code-page #sec-how .jl-badge{position:absolute;right:1.3cqw;bottom:1.3cqw;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.6cqw;background:var(--bg);color:var(--tx);font-size:1.05cqw;letter-spacing:.1em;text-transform:uppercase;padding:.55cqw 1cqw}.home-code .home-code-page #sec-how .jl-badge i{width:1.1cqw;height:1.1cqw;border:.25cqw solid;border-radius:50%}.home-code .home-code-page #sec-how .jl-more{padding:0}.home-code .home-code-page #sec-how .jl-more-lab{font-size:1.5cqw;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:3cqw}.home-code .home-code-page #sec-how .jl-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2cqw;margin-top:3cqw}.home-code .home-code-page #sec-how .jl-mcard .ph{width:100%;height:11cqw;border-radius:.2cqw}.home-code .home-code-page #sec-how .jl-mcard .jl-meta{margin:1.6cqw 0 .8cqw}.home-code .home-code-page #sec-how .jl-mcard h4{font-size:1.9cqw;line-height:1.24}.home-code .home-code-page #sec-how .mk--felt .frame{-ms-flex-direction:column;flex-direction:column}.home-code .home-code-page #sec-how .ft-hero,.home-code .home-code-page #sec-how .mk--felt .frame{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.home-code .home-code-page #sec-how .ft-hero{-webkit-box-flex:0;-ms-flex:0 0 72cqw;flex:0 0 72cqw;position:relative;color:var(--herotx);-ms-flex-direction:column;flex-direction:column;padding:3cqw 4cqw 3.4cqw}.home-code .home-code-page #sec-how .ft-hero .bgimg{position:absolute;inset:0;background:var(--herobg)}.home-code .home-code-page #sec-how .ft-hero .bgimg:after{content:none}.home-code .home-code-page #sec-how .ft-hero>*{position:relative}.home-code .home-code-page #sec-how .ft-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.55cqw;letter-spacing:.05em}.home-code .home-code-page #sec-how .ft-top .lft{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.6cqw}.home-code .home-code-page #sec-how .ft-logo{text-align:center;font-family:var(--fh),Georgia,serif;font-weight:var(--fhw,700);font-size:8.6cqw;line-height:1;margin-top:3.4cqw;letter-spacing:-.01em}.home-code .home-code-page #sec-how .ft-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3.2cqw;font-size:1.55cqw;letter-spacing:.04em;border-top:1px solid hsla(0,0%,100%,.38);margin:2.8cqw 6cqw 0;padding-top:2cqw}.home-code .home-code-page #sec-how .ft-heroBody{margin-top:auto;text-align:center}.home-code .home-code-page #sec-how .ft-cat{font-size:1.4cqw;letter-spacing:.3em;text-transform:uppercase;color:var(--heroacc)}.home-code .home-code-page #sec-how .ft-hero h2{font-size:4.6cqw;line-height:1.15;margin:1.4cqw auto 0;max-width:66cqw;color:var(--herotx)}.home-code .home-code-page #sec-how .ft-hero p{font-size:1.75cqw;line-height:1.5;margin:1.6cqw auto 0;max-width:56cqw;opacity:.88;color:var(--herotx)}.home-code .home-code-page #sec-how .ft-pag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2.6cqw;font-size:1.5cqw;margin-top:2.4cqw;letter-spacing:.08em}.home-code .home-code-page #sec-how .ft-pag b{border-bottom:.3cqw solid;padding-bottom:.5cqw}.home-code .home-code-page #sec-how .ft-sec{position:relative;padding:3.2cqw 4cqw 3.2cqw 7.4cqw}.home-code .home-code-page #sec-how .ft-seclabel{position:absolute;left:2.6cqw;top:3.4cqw;font-size:1.35cqw;letter-spacing:.14em;color:var(--tx2);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.home-code .home-code-page #sec-how .ft-pop{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.home-code .home-code-page #sec-how .ft-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:2.6cqw}.home-code .home-code-page #sec-how .ft-card .ph{height:11.5cqw}.home-code .home-code-page #sec-how .ft-card .cat{font-size:1.15cqw;letter-spacing:.17em;text-transform:uppercase;color:var(--acc);margin:1.5cqw 0 .8cqw}.home-code .home-code-page #sec-how .ft-card h4{font-size:1.85cqw;line-height:1.25}.home-code .home-code-page #sec-how .ft-card p{font-size:1.4cqw;line-height:1.45;color:var(--tx2);margin-top:.9cqw}.home-code .home-code-page #sec-how .ft-feat{-webkit-box-flex:0;-ms-flex:0 0 34.5cqw;flex:0 0 34.5cqw;background:var(--tint)}.home-code .home-code-page #sec-how .ft-latest{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home-code .home-code-page #sec-how .ft-latest .ft-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.6cqw 4cqw;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-line-pack:center;align-content:center;margin-top:.6cqw}.home-code .home-code-page #sec-how .ft-lrow{display:grid;grid-template-columns:10cqw 1fr;gap:2.2cqw;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page #sec-how .ft-lrow .ph{aspect-ratio:1/1;border-radius:.4cqw}.home-code .home-code-page #sec-how .ft-lrow .cat{font-size:1.15cqw;letter-spacing:.17em;text-transform:uppercase;color:var(--acc);margin-bottom:.6cqw}.home-code .home-code-page #sec-how .ft-lrow h4{font-size:1.85cqw;line-height:1.22;margin:0}.home-code .home-code-page #sec-how .mk--felt .ft-pop{background:var(--sig-pop,transparent);--tx:var(--sig-pop-tx);--tx2:var(--sig-pop-tx2);--imgc:var(--sig-pop-img);--imgring:var(--sig-pop-imgring);color:var(--tx)}.home-code .home-code-page #sec-how .mk--felt .ft-feat{background:var(--sig-feat,var(--tint));--tx:var(--sig-feat-tx);--tx2:var(--sig-feat-tx2);--imgc:var(--sig-feat-img);--imgring:var(--sig-feat-imgring);color:var(--tx)}.home-code .home-code-page #sec-how .mk--felt .ft-latest{background:var(--sig-latest,transparent);--tx:var(--sig-latest-tx);--tx2:var(--sig-latest-tx2);--imgc:var(--sig-latest-img);--imgring:var(--sig-latest-imgring);color:var(--tx)}.home-code .home-code-page #sec-how .mk--rosa .ro-about{background:var(--sig-about,transparent);--tx:var(--sig-about-tx);--tx2:var(--sig-about-tx2);--imgc:var(--sig-about-img);--imgring:var(--sig-about-imgring);color:var(--tx)}.home-code .home-code-page #sec-how .ft-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6cqw}.home-code .home-code-page #sec-how .ft-fcard .ph{height:14cqw}.home-code .home-code-page #sec-how .ft-fcard .meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.2cqw;font-size:1.15cqw;letter-spacing:.15em;text-transform:uppercase;color:var(--acc);margin:1.4cqw 0 .8cqw}.home-code .home-code-page #sec-how .ft-fcard .meta i{width:2.6cqw;height:1px;background:var(--acc)}.home-code .home-code-page #sec-how .ft-fcard h4{font-size:1.9cqw;line-height:1.25}.home-code .home-code-page #sec-how .ft-fcard .rm{font-size:1.35cqw;color:var(--tx2);margin-top:1cqw}.home-code .home-code-page #sec-how .ft-fcard .rm:before{content:"—  "}.home-code .home-code-page #sec-how .comp-frame{aspect-ratio:auto!important;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home-code .home-code-page #sec-how .comp-mk{width:100%}.home-code .home-code-page #sec-how .comp-mk .jl-in-head{position:relative;padding:3.2cqw 4cqw 4cqw;height:auto}.home-code .home-code-page #sec-how .comp-mk .jl-in-head .jl-nav{margin-top:2.6cqw}.home-code .home-code-page #sec-how .comp-mk .jl-band{height:31cqw}.home-code .home-code-page #sec-how .comp-mk .jl-in-grid{position:relative;padding:5cqw 4cqw 4cqw;height:auto}.home-code .home-code-page #sec-how .comp-mk .pl-grid{padding-top:9cqw;-ms-flex-line-pack:start;align-content:start}.home-code .home-code-page #sec-how .comp-mk .pl-col.mid{margin-top:0}.home-code .home-code-page #sec-how .comp-mk .pl-tile.near{-webkit-transform:none;transform:none}.home-code .home-code-page #sec-how .comp-mk .ro-about:first-of-type{padding-top:9cqw}.home-code .home-code-page #sec-how .comp-mk .ft-pop{padding-top:5cqw;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.home-code .home-code-page #sec-how .comp-mk .ft-latest{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.home-code .home-code-page #sec-how .comp-mk .pl-head{padding-bottom:3.2cqw}.home-code .home-code-page #sec-how .comp-mk .jl-in-grid .jl-grid{margin-top:0;min-height:66cqw}.home-code .home-code-page #sec-how .comp-mk .ft-pop{min-height:42cqw}.home-code .home-code-page #sec-how .comp-mk .pt-c{aspect-ratio:1200/1728;height:auto}.home-code .home-code-page #sec-how .comp-pt-head{padding:3.4cqw 4cqw;border-bottom:1.5px solid var(--tx)}.home-code .home-code-page #sec-how .comp-pt-head .pt-nav{margin-top:2cqw}.home-code .home-code-page #sec-how .comp-pt-head .dotset{margin-top:2cqw;color:var(--tx2)}.home-code .home-code-page #sec-how .mk--rosa .frame{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--bg);color:var(--tx)}.home-code .home-code-page #sec-how .ro-script{font-family:Billy Ohio,Kaushan Script,Snell Roundhand,Brush Script MT,cursive;font-weight:400;line-height:.82;display:block}.home-code .home-code-page #sec-how .ro-head{display:grid;grid-template-columns:1fr auto 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2.6cqw 4cqw;font-size:1.4cqw;letter-spacing:.02em}.home-code .home-code-page #sec-how .ro-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.2cqw;color:var(--tx)}.home-code .home-code-page #sec-how .ro-nav.r{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page #sec-how .ro-wm{font-family:var(--fh),Georgia,serif;font-weight:var(--fhw,700);font-size:3.5cqw;text-align:center;letter-spacing:-.02em}.home-code .home-code-page #sec-how .ro-cart{width:2.1cqw;height:2.1cqw;border-radius:50%;border:1.5px solid var(--tx);margin-left:1.8cqw}.home-code .home-code-page #sec-how .ro-hero{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:var(--herotx);padding:5cqw 4cqw;overflow:hidden}.home-code .home-code-page #sec-how .ro-hero.main{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-height:57cqw}.home-code .home-code-page #sec-how .ro-hero.band{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-height:40cqw}.home-code .home-code-page #sec-how .ro-hero.band.half{min-height:26cqw}.home-code .home-code-page #sec-how .ro-hero.band.half .ro-script{font-size:4.2cqw}.home-code .home-code-page #sec-how .ro-hero.band.half .ro-disp{font-size:6.6cqw}.home-code .home-code-page #sec-how .ro-bg{position:absolute;inset:0;background:var(--herobg)}.home-code .home-code-page #sec-how .ro-bg:after{content:none}.home-code .home-code-page #sec-how .ro-herotext{position:relative;z-index:1}.home-code .home-code-page #sec-how .ro-hero .ro-script{color:var(--heroacc)}.home-code .home-code-page #sec-how .ro-hero.main .ro-script{font-size:7cqw}.home-code .home-code-page #sec-how .ro-hero.band .ro-script{font-size:5.8cqw}.home-code .home-code-page #sec-how .ro-disp{font-family:var(--fh),Georgia,serif;font-weight:var(--fhw,700);line-height:.9;letter-spacing:-.03em;text-transform:var(--fhtt);margin-top:-.2cqw}.home-code .home-code-page #sec-how .ro-hero.main .ro-disp{font-size:13cqw}.home-code .home-code-page #sec-how .ro-hero.band .ro-disp{font-size:9cqw}.home-code .home-code-page #sec-how .ro-sub{font-size:2cqw;margin-top:2.4cqw;opacity:.94}.home-code .home-code-page #sec-how .ro-date{font-size:1.5cqw;letter-spacing:.3em;margin-top:2cqw;opacity:.86}.home-code .home-code-page #sec-how .ro-dots{position:absolute;right:3.4cqw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.6cqw;z-index:1}.home-code .home-code-page #sec-how .ro-dots i{width:1.1cqw;height:1.1cqw;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 75%,transparent)}.home-code .home-code-page #sec-how .ro-dots i.on{background:currentColor}.home-code .home-code-page #sec-how .ro-chev{position:absolute;left:50%;bottom:2.6cqw;width:2.6cqw;height:2.6cqw;border-right:1.5px solid;border-bottom:1.5px solid;opacity:.8;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);z-index:1}.home-code .home-code-page #sec-how .ro-about{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4cqw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5cqw 4cqw}.home-code .home-code-page #sec-how .ro-about-copy{text-align:center}.home-code .home-code-page #sec-how .ro-about .ro-script{font-size:5cqw;color:var(--acc)}.home-code .home-code-page #sec-how .ro-about-title{font-family:var(--fh),Georgia,serif;font-weight:var(--fhw,700);font-size:6.2cqw;line-height:.94;letter-spacing:-.02em;text-transform:var(--fhtt);color:var(--tx);margin:-.2cqw 0 2cqw}.home-code .home-code-page #sec-how .ro-about-copy .ro-body{font-family:var(--fb),Georgia,serif;font-size:1.72cqw;line-height:1.62;color:var(--tx2);max-width:92%;margin:0 auto}.home-code .home-code-page #sec-how .ro-link{display:inline-block;margin-top:2.8cqw;font-family:var(--fb),serif;color:var(--acc);font-size:1.7cqw;letter-spacing:.02em;border-bottom:1px solid var(--acc);padding-bottom:.6cqw}.home-code .home-code-page #sec-how .ro-about.mirror .ro-about-copy{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.home-code .home-code-page #sec-how .ro-about.mirror .ro-about-imgs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.home-code .home-code-page #sec-how .ro-about-imgs{display:grid;grid-template-columns:1fr 1fr;gap:2.6cqw}.home-code .home-code-page #sec-how .ro-about-imgs .ph{aspect-ratio:3/4;border-radius:.3cqw;--imgc:var(--imghi);--imgring:var(--imghiring)}.home-code .home-code-page #sec-how .mk--pile .frame{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--bg);color:var(--tx)}.home-code .home-code-page #sec-how .pl-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:3.4cqw 4cqw 0}.home-code .home-code-page #sec-how .pl-wm{font-family:var(--fh),sans-serif;font-weight:var(--fhw,700);font-size:3.4cqw;letter-spacing:-.03em;text-transform:lowercase}.home-code .home-code-page #sec-how .pl-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.4cqw;font-size:1.4cqw;letter-spacing:.14em;text-transform:uppercase}.home-code .home-code-page #sec-how .pl-nav .on{color:var(--acc)}.home-code .home-code-page #sec-how .pl-social{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.3cqw}.home-code .home-code-page #sec-how .pl-social i{width:1.9cqw;height:1.9cqw;border-radius:50%;border:1px solid var(--tx2)}.home-code .home-code-page #sec-how .pl-grid{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6cqw;padding:4cqw 5cqw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.home-code .home-code-page #sec-how .pl-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4.5cqw}.home-code .home-code-page #sec-how .pl-col.mid{margin-top:2cqw}.home-code .home-code-page #sec-how .pl-tile .ph{width:100%;border-radius:.4cqw;-webkit-box-shadow:0 1.4cqw 2.6cqw rgba(8,6,14,.1);box-shadow:0 1.4cqw 2.6cqw rgba(8,6,14,.1)}.home-code .home-code-page #sec-how .pl-tile.tall .ph{aspect-ratio:3/4}.home-code .home-code-page #sec-how .pl-tile.port .ph{aspect-ratio:4/5}.home-code .home-code-page #sec-how .pl-tile.wide .ph{aspect-ratio:4/3}.home-code .home-code-page #sec-how .pl-tile.sq .ph{aspect-ratio:1/1}.home-code .home-code-page #sec-how .pl-tile.far .ph{width:92%;margin:0 auto;-webkit-box-shadow:0 1cqw 2cqw rgba(8,6,14,.07);box-shadow:0 1cqw 2cqw rgba(8,6,14,.07)}.home-code .home-code-page #sec-how .pl-tile.near{-webkit-transform:translateY(-4cqw) scale(1.035);transform:translateY(-4cqw) scale(1.035);position:relative;z-index:2}.home-code .home-code-page #sec-how .pl-tile.near .ph{-webkit-box-shadow:0 9cqw 15cqw rgba(8,6,14,.34);box-shadow:0 9cqw 15cqw rgba(8,6,14,.34)}.home-code .home-code-page #sec-how .pl-title-tile{text-align:center;padding:2cqw 1cqw}.home-code .home-code-page #sec-how .pl-title-tile .idx{display:block;font-family:var(--fb),ui-monospace,monospace;font-size:1.5cqw;color:var(--acc);letter-spacing:.18em;margin-bottom:2.1cqw}.home-code .home-code-page #sec-how .pl-title-tile .cat{font-size:1.3cqw;letter-spacing:.28em;text-transform:uppercase;color:var(--tx2);margin:0 0 1.4cqw}.home-code .home-code-page #sec-how .pl-title-tile .name{font-family:var(--fh),Georgia,serif;font-weight:var(--fhw,700);font-size:5.8cqw;line-height:.96;letter-spacing:-.03em;text-transform:var(--fhtt)}.home-code .home-code-page #sec-how .pl-title-tile .name em{font-style:italic;color:var(--acc)}.home-code .home-code-page #sec-how .pl-title-tile .more{display:inline-block;margin-top:1.8cqw;font-size:1.35cqw;color:var(--acc);letter-spacing:.05em}.home-code .home-code-page #sec-how .mk .ft-card .cat,.home-code .home-code-page #sec-how .mk .ft-cat,.home-code .home-code-page #sec-how .mk .ft-fcard .meta,.home-code .home-code-page #sec-how .mk .ft-fcard .rm,.home-code .home-code-page #sec-how .mk .ft-nav,.home-code .home-code-page #sec-how .mk .ft-pag,.home-code .home-code-page #sec-how .mk .ft-seclabel,.home-code .home-code-page #sec-how .mk .ft-top,.home-code .home-code-page #sec-how .mk .jl-badge,.home-code .home-code-page #sec-how .mk .jl-btn,.home-code .home-code-page #sec-how .mk .jl-meta,.home-code .home-code-page #sec-how .mk .jl-more-lab,.home-code .home-code-page #sec-how .mk .jl-nav,.home-code .home-code-page #sec-how .mk .jl-tag,.home-code .home-code-page #sec-how .mk .jl-top,.home-code .home-code-page #sec-how .mk .pl-nav,.home-code .home-code-page #sec-how .mk .pl-title-tile .cat,.home-code .home-code-page #sec-how .mk .pl-title-tile .more,.home-code .home-code-page #sec-how .mk .ro-date,.home-code .home-code-page #sec-how .mk .ro-link,.home-code .home-code-page #sec-how .mk .ro-nav{font-family:var(--fs,var(--fb)),sans-serif;font-weight:var(--fsw)}.home-code .home-code-page #sec-how .mk .ro-script{font-family:var(--fa,"Billy Ohio"),Kaushan Script,Snell Roundhand,Brush Script MT,cursive}.home-code .home-code-page #sec-fp .wrap{max-width:1200px}.home-code .home-code-page .fp2-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.2vw,28px);-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-top:calc(30px*var(--sp))}.home-code .home-code-page .fp2-col{gap:clamp(18px,2.2vw,28px)}.home-code .home-code-page .fp2-col,.home-code .home-code-page .fp-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0}.home-code .home-code-page #sec-fp .pricing-plus-offer .fp-offer__title{font-family:var(--slot-card-font);font-size:calc(var(--size-card)*var(--ts));font-weight:var(--slot-card-weight);letter-spacing:var(--slot-card-ls);margin:0;padding:calc(34px*var(--sp)) var(--pricing-offer-padding) 0;color:var(--pricing-ink);line-height:1.1;text-align:left}.home-code .home-code-page #sec-fp .fp-offer .c-plan__price{margin-top:calc(14px*var(--sp))}.home-code .home-code-page #sec-fp .pricing-plus-offer{--pricing-ink:var(--c-panel-ink);--pricing-muted:var(--c-panel-sub);--pricing-surface:var(--c-panel-bg);--pricing-line:var(--c-panel-line);--pricing-accent:var(--c-panel-accent);--pricing-accent-ink:var(--c-panel-accent-ink);--pricing-offer-font:var(--slot-body-font);--pricing-offer-padding:calc(44px*var(--sp));--pricing-offer-row-gap:calc(32px*var(--sp));grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;max-width:none;width:100%;height:auto;min-height:0;overflow:visible;background-color:var(--pricing-surface);border:1px solid var(--pricing-line);color:var(--pricing-ink);-webkit-box-shadow:0 10px 26px rgba(10,6,20,.14),0 2px 8px rgba(10,6,20,.1);box-shadow:0 10px 26px rgba(10,6,20,.14),0 2px 8px rgba(10,6,20,.1)}.home-code .home-code-page #sec-fp .fp2-grid{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.home-code .home-code-page #sec-fp .fp2-col{height:auto;-ms-flex-item-align:start;align-self:start}.home-code .home-code-page #sec-fp .fp-card{display:block;height:auto}.home-code .home-code-page #sec-fp .fp-card .pricing-plus-offer{-webkit-box-flex:0;-ms-flex:none;flex:none}.home-code .home-code-page #sec-fp .pricing-plus-offer,.home-code .home-code-page #sec-fp .pricing-plus-offer *{font-family:var(--pricing-offer-font)}.home-code .home-code-page #sec-fp .pricing-plus-offer .c-plan__price-value{font-family:var(--slot-card-font);font-size:calc(var(--size-hero)*var(--ts)*1.18);line-height:1.1;font-weight:var(--slot-card-weight);letter-spacing:var(--slot-card-ls);color:var(--pricing-accent)}.home-code .home-code-page #sec-fp .pricing-plus-offer .c-plan__price-currency{font-family:var(--slot-card-font);font-size:calc(var(--size-section)*var(--ts));line-height:1;font-weight:var(--slot-card-weight);color:var(--pricing-accent)}.home-code .home-code-page #sec-fp .pricing-plus-offer__term,.home-code .home-code-page #sec-fp .pricing-plus-offer__terms{font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);letter-spacing:var(--slot-meta-ls);color:var(--pricing-muted)}.home-code .home-code-page #sec-fp .pricing-plus-offer__term{font-size:calc(var(--size-body)*var(--ts));line-height:1.05}.home-code .home-code-page #sec-fp .pricing-plus-offer__features{list-style:none;margin:0}.home-code .home-code-page #sec-fp .pricing-plus-offer__feature.c-plan__feature{display:-webkit-box;display:-ms-flexbox;display:flex}.home-code .home-code-page #sec-fp .pricing-plus-offer__feature-copy{min-width:0;text-align:left}.home-code .home-code-page #sec-fp .pricing-plus-offer__feature-copy strong{font-weight:700;color:var(--pricing-ink)}.home-code .home-code-page #sec-fp .pricing-plus-offer__feature-copy span,.home-code .home-code-page #sec-fp .pricing-plus-offer__feature-copy strong{display:block;font-family:var(--slot-body-font);font-size:calc(var(--size-body)*var(--ts));line-height:var(--lh-body);letter-spacing:var(--slot-body-ls)}.home-code .home-code-page #sec-fp .pricing-plus-offer__feature-copy span{margin-top:calc(2px*var(--sp));font-weight:var(--slot-body-weight);color:var(--pricing-muted)}.home-code .home-code-page #sec-fp .pricing-plus-offer .c-plan__feature-icon{font-size:calc(var(--size-body)*var(--ts));width:1.5em;height:1.5em;margin-right:.75em;position:relative;-ms-flex-negative:0;flex-shrink:0;color:var(--pricing-accent)}.home-code .home-code-page #sec-fp .pricing-plus-offer__reassurance{margin:calc(-10px*var(--sp)) 0 0;padding:0 var(--pricing-offer-padding) calc(30px*var(--sp));font-family:var(--slot-meta-font);font-size:calc(var(--size-meta)*var(--ts));line-height:1.35;font-weight:var(--slot-meta-weight);letter-spacing:var(--slot-meta-ls);color:var(--pricing-muted);white-space:normal}.home-code .home-code-page #sec-fp .pricing-plus-offer .c-plan__actions{display:block}.home-code .home-code-page #sec-fp .pricing-plus-offer__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:none;text-align:center;background:var(--c-accent);color:var(--c-accent-ink);font-family:var(--slot-button-font);font-size:calc(18px*var(--ts)*var(--ex));line-height:1.5;font-weight:var(--slot-button-weight);letter-spacing:var(--slot-button-ls);padding:calc(0.75em*var(--sp)) calc(1.66em*var(--sp)) calc(0.83em*var(--sp));border:var(--btn-border);border-radius:var(--btn-radius);text-transform:var(--btn-case);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out;transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease;transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,border-radius .25s ease,-webkit-transform .2s ease-out}.home-code .home-code-page #sec-fp .pricing-plus-offer__button:hover{-webkit-transform:translateY(var(--btn-hover-y));transform:translateY(var(--btn-hover-y));-webkit-box-shadow:none;box-shadow:none}.home-code .home-code-page .fp2-dcard{background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;padding:16px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.home-code .home-code-page .fp2-dcard .dq{font-family:var(--slot-body-font,inherit);font-size:13px;line-height:1.55;color:var(--c-sub);margin:0}.home-code .home-code-page .fp2-dcard .dq b{color:var(--c-ink);font-weight:600}.home-code .home-code-page .fp2-dcard .da{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--c-sub);opacity:.8}@media (max-width:1160px){.home-code .home-code-page .fp2-grid{grid-template-columns:1fr}}.home-code .home-code-page #sec-who .wrap{max-width:1200px}.home-code .home-code-page #sec-who .who-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,4vw,56px);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page #sec-who h2{max-width:22ch}.home-code .home-code-page #sec-who .sub{max-width:56ch}.home-code .home-code-page .who-legacy{padding:6px 0;display:grid;place-items:center}.home-code .home-code-page .wl-rings{max-width:330px;display:block}.home-code .home-code-page .who-sign{margin-top:30px}.home-code .home-code-page .ws-mark{display:block;font-family:Prestige Signature Script,Billy Ohio,cursive;font-size:46px;line-height:.8;color:var(--c-ink);margin-bottom:16px}.home-code .home-code-page .ws-id{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.home-code .home-code-page .ws-av{width:46px;height:46px;border-radius:50%;-webkit-box-flex:0;-ms-flex:none;flex:none;display:grid;place-items:center;overflow:hidden;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink);font-family:var(--slot-hero-font);font-weight:800;font-size:15px;letter-spacing:.4px}.home-code .home-code-page .ws-av img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.home-code .home-code-page .ws-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.35}.home-code .home-code-page .ws-meta b{font-family:var(--slot-hero-font);font-size:15px;color:var(--c-ink)}.home-code .home-code-page .ws-meta i{font-style:italic;font-size:13px;color:var(--c-sub)}@media (max-width:1160px){.home-code .home-code-page #sec-who .who-grid{grid-template-columns:1fr}}@media (max-width:760px){.home-code .home-code-page .sec{padding-left:22px;padding-right:22px}.home-code .home-code-page .steps{grid-template-columns:1fr}}.home-code .system-lens-overlay{position:fixed;inset:0;z-index:95;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.home-code .lens-badge{position:absolute;display:grid;place-items:center;min-width:22px;height:20px;padding:0 5px;border-radius:4px;border:1px solid rgba(35,27,48,.58);background:#ffdf2d;color:#201700;font-size:10px;font-weight:900;line-height:1;-webkit-box-shadow:0 2px 7px rgba(20,10,30,.24);box-shadow:0 2px 7px rgba(20,10,30,.24);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;pointer-events:auto;cursor:help}.home-code .lens-badge:focus-visible{outline:2px solid #fff;outline-offset:2px}.home-code .lens-badge.is-pinned{-webkit-box-shadow:0 0 0 2px #fff,0 2px 12px rgba(20,10,30,.38);box-shadow:0 0 0 2px #fff,0 2px 12px rgba(20,10,30,.38)}.home-code .lens-badge--font{background:#d8f071;color:#152000}.home-code .lens-badge--area,.home-code .lens-badge--pagebase,.home-code .lens-badge--surface{background:#71d6ff;color:#051824}.home-code .lens-badge--accent{background:#ff9a65;color:#2b0c00}.home-code .lens-badge--signal{background:#b894ff;color:#1b0c36}.home-code .lens-badge-value{position:relative;z-index:1}.home-code .lens-badge--color:before{content:"";position:absolute;left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #ffdf2d;-webkit-filter:drop-shadow(0 -1px 0 rgba(35,27,48,.45));filter:drop-shadow(0 -1px 0 rgba(35,27,48,.45))}.home-code .lens-badge--font:before{left:100%;border-left:7px solid #d8f071;-webkit-filter:drop-shadow(1px 0 0 rgba(35,27,48,.45));filter:drop-shadow(1px 0 0 rgba(35,27,48,.45))}.home-code .lens-badge--font:before,.home-code .lens-badge--surface:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent}.home-code .lens-badge--surface:before{right:100%;border-right:6px solid #71d6ff;-webkit-filter:drop-shadow(-1px 0 0 rgba(35,27,48,.45));filter:drop-shadow(-1px 0 0 rgba(35,27,48,.45))}.home-code .area-arrow{position:absolute;width:0;height:0;pointer-events:none;-webkit-filter:drop-shadow(0 0 0 rgba(35,27,48,.45));filter:drop-shadow(0 0 0 rgba(35,27,48,.45))}.home-code .area-arrow--top{left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #71d6ff;-webkit-filter:drop-shadow(0 -1px 0 rgba(35,27,48,.45));filter:drop-shadow(0 -1px 0 rgba(35,27,48,.45))}.home-code .area-arrow--right{left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #71d6ff;-webkit-filter:drop-shadow(1px 0 0 rgba(35,27,48,.45));filter:drop-shadow(1px 0 0 rgba(35,27,48,.45))}.home-code .area-arrow--bottom{left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #71d6ff;-webkit-filter:drop-shadow(0 1px 0 rgba(35,27,48,.45));filter:drop-shadow(0 1px 0 rgba(35,27,48,.45))}.home-code .area-arrow--left{right:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid #71d6ff;-webkit-filter:drop-shadow(-1px 0 0 rgba(35,27,48,.45));filter:drop-shadow(-1px 0 0 rgba(35,27,48,.45))}.home-code .lens-badge--accent:before,.home-code .lens-badge--pagebase:before{content:"";position:absolute;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;-webkit-filter:drop-shadow(0 1px 0 rgba(35,27,48,.38));filter:drop-shadow(0 1px 0 rgba(35,27,48,.38))}.home-code .lens-badge--pagebase:before{border-top:6px solid #71d6ff}.home-code .lens-badge--accent:before{border-top:6px solid #ff9a65}.home-code .system-lens-tooltip{position:absolute;z-index:97;max-width:240px;padding:7px 9px;border-radius:8px;background:rgba(26,24,30,.94);color:#fff;font:650 11px/1.35 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-box-shadow:0 10px 24px rgba(20,10,30,.28);box-shadow:0 10px 24px rgba(20,10,30,.28);-webkit-transform:translate(-50%,calc(-100% - 12px));transform:translate(-50%,calc(-100% - 12px));pointer-events:none}.home-code .system-lens-tooltip:after{content:"";position:absolute;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(26,24,30,.94)}.home-code .system-lens-legend{position:fixed;left:18px;bottom:18px;z-index:96;pointer-events:none;max-width:280px;padding:10px 12px;border-radius:10px;background:rgba(26,24,30,.88);color:#fff;font:600 11px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-box-shadow:0 14px 34px rgba(20,10,30,.26);box-shadow:0 14px 34px rgba(20,10,30,.26)}.home-code .system-lens-legend b{display:block;font-size:12px;margin-bottom:3px}.home-code .system-lens-legend span{display:inline-block;margin-right:9px;color:hsla(0,0%,100%,.76)}.home-code .system-lens-legend.is-pinned{max-width:330px;background:hsla(0,0%,100%,.96);color:#1e1b24;border:1px solid rgba(35,27,48,.16);-webkit-box-shadow:0 18px 44px rgba(20,10,30,.28);box-shadow:0 18px 44px rgba(20,10,30,.28)}.home-code .system-lens-legend.is-pinned b{color:#1e1b24}.home-code .system-lens-legend.is-pinned span{display:block;margin:0;color:#5d5866;font-weight:600}.home-code .system-lens-legend.is-pinned p{margin:5px 0 0;color:#2d2933;font:500 12px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width:760px){.home-code .system-lens-legend{left:10px;right:10px;bottom:10px;max-width:none}}.home-code.system-lens-on .home-code-page .dock{z-index:90}.home-code .home-code-page .type-pad-wrap{position:relative;margin-top:4px}.home-code .home-code-page .type-pad-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.home-code .home-code-page .type-pad-yaxis{-webkit-box-flex:0;-ms-flex:none;flex:none;width:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 0;pointer-events:none}.home-code .home-code-page .type-pad-yaxis span{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg);font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-sub)}.home-code .home-code-page .type-pad{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;max-width:450px;height:298px;border:1.5px solid var(--c-line);border-radius:12px;overflow:hidden;background:var(--c-surface);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:crosshair;outline:none}.home-code .home-code-page .sm-stack .type-pad{height:156px}.home-code .home-code-page .type-pad:focus-visible{outline:2px solid var(--c-marker);outline-offset:2px}.home-code .home-code-page .type-lane,.home-code .home-code-page .type-lane .aa,.home-code .home-code-page .type-lane .th,.home-code .home-code-page .type-lanes,.home-code .home-code-page .type-puck,.home-code .home-code-page .type-ticks,.home-code .home-code-page .type-ticks i,.home-code .home-code-page .type-zthreshold{pointer-events:none}.home-code .home-code-page .type-lanes{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex}.home-code .home-code-page .type-lane{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;border-right:1px solid color-mix(in srgb,var(--c-line) 55%,transparent);-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.home-code .home-code-page .type-lane:last-child{border-right:0}.home-code .home-code-page .type-lane .th{width:100%;text-align:center;padding:7px 2px 3px}.home-code .home-code-page .type-lane .th b{display:block;font-family:var(--f-secondary);font-weight:700;font-size:9.5px;line-height:1.1;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-code .home-code-page .type-lane .th i{display:block;font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-style:normal;font-size:6.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--c-sub);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-code .home-code-page .type-lane .aa{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;place-items:center;width:100%;color:var(--c-sub);opacity:.42;line-height:1;overflow:hidden;-webkit-transition:font-size .12s ease,opacity .15s ease,color .15s ease;transition:font-size .12s ease,opacity .15s ease,color .15s ease}.home-code .home-code-page .type-lane.on{background:color-mix(in srgb,var(--c-accent) 9%,transparent)}.home-code .home-code-page .type-lane.on .th b,.home-code .home-code-page .type-lane.on .th i{color:var(--c-accent)}.home-code .home-code-page .type-lane.on .aa{opacity:1;color:var(--c-ink)}.home-code .home-code-page .type-ticks{position:absolute;left:2px;top:0;bottom:0;width:8px}.home-code .home-code-page .type-ticks i{position:absolute;left:0;width:5px;height:1px;background:color-mix(in srgb,var(--c-line) 75%,transparent)}.home-code .home-code-page .type-ticks i.mj{width:8px;height:1.5px;background:color-mix(in srgb,var(--c-sub) 50%,transparent)}.home-code .home-code-page .type-zthreshold{position:absolute;left:0;right:0;height:0;border-top:1px dashed color-mix(in srgb,var(--c-sub) 26%,transparent)}.home-code .home-code-page .type-puck{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--c-accent);border:4px solid var(--c-bg);-webkit-box-shadow:0 5px 14px rgba(20,10,35,.34);box-shadow:0 5px 14px rgba(20,10,35,.34);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:4;-webkit-transition:left .12s cubic-bezier(.2,.7,.3,1),top .1s cubic-bezier(.2,.7,.3,1);transition:left .12s cubic-bezier(.2,.7,.3,1),top .1s cubic-bezier(.2,.7,.3,1)}.home-code .home-code-page .type-puck:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--c-accent) 38%,transparent)}.home-code .home-code-page .type-pad-xaxis{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:8px 0 0 17px;font-family:var(--slot-meta-font);font-weight:var(--slot-meta-weight);font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--c-sub)}.home-code .home-code-page .sm-stack .type-pad-xaxis{margin-top:6px}.home-code .home-code-page .type-pad-read{margin:9px 0 0 17px;font-family:var(--f-body);font-size:11.5px;line-height:1.4;color:var(--c-sub)}.home-code .home-code-page .sm-stack .type-pad-read{margin-top:6px;font-size:11px}.home-code .home-code-page .type-pad-read b{color:var(--c-ink);font-family:var(--f-secondary);font-weight:700}.home-code .home-code-page .type-kbd{position:absolute;right:8px;bottom:8px;z-index:6;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;opacity:.36;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;cursor:help}.home-code .home-code-page .type-kbd:focus-visible,.home-code .home-code-page .type-kbd:hover{opacity:.9;outline:none}.home-code .home-code-page .type-kbd-keys{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-code .home-code-page .type-kbd-keys,.home-code .home-code-page .type-kbd-keys .kr{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5px}.home-code .home-code-page .type-kbd-keys b{display:inline-grid;place-items:center;width:9px;height:9px;font-size:6px;line-height:1;border:1px solid var(--c-sub);border-radius:2px;color:var(--c-sub);font-weight:400}.home-code .home-code-page .type-kbd-tip{position:absolute;bottom:calc(100% + 7px);right:0;white-space:nowrap;background:#1a181e;color:#fff;font:600 10px/1.3 system-ui,-apple-system,sans-serif;padding:6px 9px;border-radius:7px;opacity:0;pointer-events:none;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;-webkit-box-shadow:0 8px 22px rgba(20,10,30,.34);box-shadow:0 8px 22px rgba(20,10,30,.34)}.home-code .home-code-page .type-kbd-tip b{color:#fff;font-family:inherit}.home-code .home-code-page .type-kbd-tip:after{content:"";position:absolute;top:100%;right:12px;border:5px solid transparent;border-top-color:#1a181e}.home-code .home-code-page .type-kbd:focus-visible .type-kbd-tip,.home-code .home-code-page .type-kbd:hover .type-kbd-tip{opacity:1}@media (max-width:760px){.home-code .home-code-page .hero-wrap{padding-top:80px}.home-code .home-code-page .hero{padding:44px 22px 56px}.home-code .home-code-page .hero-grid{grid-template-columns:1fr;gap:30px;width:auto;max-width:100%;min-width:0}.home-code .home-code-page h1{max-width:none}.home-code .home-code-page .hero-grid>*{min-width:0}.home-code .home-code-page h1{font-size:min(var(--size-hero) * var(--ts),42px)}.home-code .home-code-page .hero .cta-row .btn:not(.secondary){font-size:18px;padding:13px 24px 15px}.home-code .home-code-page .cta-row{-ms-flex-wrap:wrap;flex-wrap:wrap}.home-code .home-code-page .cta-block,.home-code .home-code-page .cta-row{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.home-code .home-code-page .cta-block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home-code .home-code-page .hero .link{white-space:normal}.home-code .home-code-page .sm{width:100%;min-width:0;border-radius:14px}.home-code .home-code-page .sm-shell{padding:22px 20px 18px}.home-code .home-code-page .sm-stack .sm-shell{padding:14px 15px 13px}.home-code .home-code-page .sm-bar{padding:14px 16px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 12px}.home-code .home-code-page .sm-bar-controls{margin-left:auto}.home-code .home-code-page .sm-head{grid-template-columns:minmax(0,1fr) auto}.home-code .home-code-page .sm-window{display:none}.home-code .home-code-page .sm-title b{font-size:20px}.home-code .home-code-page .sm-card--lens .sm-shell{grid-template-columns:1fr;gap:10px}.home-code .home-code-page .sm-card--lens .lens-toggle span span{display:block}.home-code .home-code-page .sm-stack .type-pad{height:220px}.home-code .home-code-page .sm-section-note{display:none}.home-code .home-code-page .grade-cap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.home-code .home-code-page .dock .font-mini{max-width:52vw}.home-code .home-code-page .dock{max-width:94vw;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:20px;gap:8px}}@media (max-width:600px){.home-code .home-code-page h1{font-size:min(var(--size-hero) * var(--ts),30px);line-height:1.14;margin-bottom:18px}.home-code .home-code-page .hero .sub{font-size:17px;line-height:1.55}.home-code .home-code-page .ovl{font-size:11px}.home-code .home-code-page #sec-who .who-grid{gap:26px}.home-code .home-code-page .who-legacy .wl-rings{max-width:220px}.home-code .home-code-page #dock{left:0;right:0;bottom:0;top:auto;width:100%;max-width:none;-webkit-transform:translateY(115%);transform:translateY(115%);border-radius:18px 18px 0 0;padding:13px 16px calc(15px + env(safe-area-inset-bottom));gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-height:84vh;overflow-y:auto;overflow-x:hidden;-webkit-box-shadow:0 -14px 44px rgba(20,10,35,.3);box-shadow:0 -14px 44px rgba(20,10,35,.3)}.home-code .home-code-page #dock.show{-webkit-transform:translateY(0);transform:translateY(0)}.home-code .home-code-page #dock>*+*{margin-left:0}.home-code .home-code-page #dock.expanded{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.home-code .home-code-page #dock.expanded .dk-col{max-width:none!important;width:100%;margin-left:0!important;opacity:1}.home-code .home-code-page #dock.expanded .dk-sep{display:none}.home-code .home-code-page #dock.expanded .dk-edit{-ms-flex-item-align:center;align-self:center;margin-top:4px}.home-code .home-code-page #dock .dk-huepop{left:16px;right:16px}}@media (max-width:600px){.home-code .home-code-page .hero-wrap{padding-top:76px}.home-code .home-code-page .hero{padding:32px 22px 36px}.home-code .home-code-page .hero-grid{gap:20px}.home-code .home-code-page .hero .sub{margin-bottom:20px}.home-code .home-code-page .sm-shell{padding:15px 15px 13px}.home-code .home-code-page .sm-bar{padding:12px 15px}.home-code .home-code-page .sm-title b{font-size:17px}.home-code .home-code-page .sm-stack .type-pad{height:172px}.home-code .home-code-page .dk-fullc,.home-code .home-code-page .dk-sysc,.home-code .home-code-page .lens-toggle--bar{display:none}}@media (max-width:600px){.home-code .home-code-page .sec{padding-top:36px;padding-bottom:36px}.home-code .home-code-page .quote{padding-top:30px;padding-bottom:30px}.home-code .home-code-page h2{font-size:min(var(--size-section) * var(--ts),26px);line-height:1.2;margin-bottom:18px}.home-code .home-code-page .step h4,.home-code .home-code-page h3{font-size:min(var(--size-card) * var(--ts),17.5px)}.home-code .home-code-page #sec-fp .pricing-plus-offer .fp-offer__title{font-size:min(var(--size-card) * var(--ts),20px);padding-top:calc(24px*var(--sp))}.home-code .home-code-page .quote .fq{font-size:19px;line-height:1.5}.home-code .home-code-page #sec-how .vis{max-height:196px;margin-bottom:12px}.home-code .home-code-page #sec-how .steps{gap:22px}.home-code .home-code-page #sec-how .pieces{margin-top:20px;padding-top:14px}.home-code .home-code-page #sec-how .caption{margin-top:10px}.home-code .home-code-page #sec-help .wp-canvas{min-height:206px;padding:18px 18px 20px}.home-code .home-code-page #sec-help .h5-in{gap:20px}.home-code .home-code-page #sec-help .h5-copy,.home-code .home-code-page #sec-help .h5-vig{min-width:0}.home-code .home-code-page #sec-help .h5-vig{--vig-w:100%;width:100%}.home-code .home-code-page #sec-help .wpged{width:100%}.home-code .home-code-page .fp2-col,.home-code .home-code-page .fp2-grid{gap:14px}.home-code .home-code-page #sec-fp .pricing-plus-offer{--pricing-offer-padding:calc(20px*var(--sp));--pricing-offer-row-gap:calc(22px*var(--sp))}.home-code .home-code-page .fp2-dcard{padding:13px 16px}.home-code .home-code-page #sec-who .who-grid{gap:20px}.home-code .home-code-page .lens-toggle--bar{display:none}}@media (prefers-reduced-motion:reduce){.home-code .home-code-page *,.home-code .home-code-page :after,.home-code .home-code-page :before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;-webkit-transition-duration:.01ms!important;transition-duration:.01ms!important}}