@charset "UTF-8";.wp-site-blocks>section,.wp-site-blocks>.wp-block-group,.wp-site-blocks>[class^=pattern-],.wp-site-blocks>[class*=" pattern-"],footer{margin-block-start:0}header{position:sticky;top:0;z-index:10;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1);background:#fff;width:100%;max-width:100%}.forwp-header{background:#fff;width:100%;max-width:100%}.forwp-header__inner{align-items:center;min-height:5rem}.forwp-header-logo{display:flex;align-items:center;text-decoration:none}.forwp-header-logo__box{position:relative;background:linear-gradient(to bottom right,#0073aa,#005177);padding:.5rem .75rem;display:flex;align-items:center;border-radius:0}.forwp-header-logo__text{color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1.125rem;font-weight:700}.forwp-header-logo__text strong:first-child{transform:rotate(-25deg);margin-right:-4px;display:inline-block}.forwp-header-logo__dot{position:absolute;bottom:1rem;right:-.25rem;width:.5rem;height:.5rem;background:#fff}.forwp-header-logo__dev{color:#333;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1.125rem;font-weight:700;margin-left:.25rem}.forwp-header-nav{flex:1;display:flex;justify-content:center;gap:.25rem}@media (max-width:782px){.forwp-header-nav{display:none}}.forwp-nav__link,.forwp-nav__trigger{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#333;font-family:inherit;line-height:1;text-decoration:none;background:#fff0;border:0;cursor:pointer;transition:all 0.2s ease}.forwp-nav__link:hover,.forwp-nav__link:focus-visible,.forwp-nav__trigger:hover,.forwp-nav__trigger:focus-visible{color:#0073aa;background:rgb(0 115 170 / .05);outline:none}.forwp-nav__chevron{width:1rem;height:1rem}.forwp-nav__dropdown{position:relative}.forwp-nav__dropdown:hover .forwp-nav__menu,.forwp-nav__dropdown:focus-within .forwp-nav__menu{opacity:1;visibility:visible;transform:translateY(0)}.forwp-nav__menu{position:absolute;top:100%;left:0;margin-top:.25rem;width:12rem;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 16px rgb(15 23 42 / .12);opacity:0;visibility:hidden;transform:translateY(4px);transition:all 0.2s ease;z-index:50}.forwp-nav__menu a{display:block;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#333;text-decoration:none;border-bottom:1px solid #f3f4f6;transition:all 0.2s ease}.forwp-nav__menu a:hover,.forwp-nav__menu a:focus-visible{color:#0073aa;background:rgb(0 115 170 / .05);outline:none}.forwp-nav__menu a:last-child{border-bottom:0}.forwp-header-actions{display:flex;align-items:center;gap:.5rem}@media (max-width:782px){.forwp-header-actions{display:none}}.forwp-header-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;border-radius:0;transition:all 0.2s ease}.forwp-header-action svg{width:1.25rem;height:1.25rem}.forwp-header-action--icon{color:#333;background:#fff0}.forwp-header-action--icon:hover,.forwp-header-action--icon:focus-visible{color:#0073aa;background:rgb(0 115 170 / .1);outline:none}.forwp-header-action--ai{color:#fff;background:linear-gradient(90deg,#a855f7,#7c3aed)}.forwp-header-action--ai:hover,.forwp-header-action--ai:focus-visible{background:linear-gradient(90deg,#9333ea,#6d28d9)}.forwp-header-action--user{color:#fff;background:#0073aa}.forwp-header-action--user:hover,.forwp-header-action--user:focus-visible{background:#005177}.forwp-logo{display:flex;align-items:center;margin-bottom:var(--wp--preset--spacing--30)}.forwp-logo__box{position:relative;background:rgb(255 255 255 / .1);padding:.5rem .75rem;display:flex;align-items:center;border-radius:0}.forwp-logo__text{color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1rem;font-weight:700}.forwp-logo__text strong:first-child{transform:rotate(-25deg);margin-right:-4px;display:inline-block}.forwp-logo__dot{position:absolute;bottom:.65rem;right:-.25rem;width:.5rem;height:.5rem;background:rgb(255 255 255 / .3)}.forwp-logo__dev{color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1rem;font-weight:700;margin-left:.25rem}.site-footer .wp-block-group a[href*="github.com"],.site-footer .wp-block-group a[href*="linkedin.com"],.site-footer .wp-block-group a[href*="facebook.com"],.site-footer .wp-block-group a[href*="x.com"],.site-footer .wp-block-group a[href*="dev.to"],.site-footer .wp-block-group a[href*="medium.com"],.site-footer .wp-block-group a[href*="hashnode.dev"]{width:36px;height:36px;background:rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;text-decoration:none;border-radius:.25rem}.site-footer .wp-block-group a[href*="github.com"]:hover,.site-footer .wp-block-group a[href*="linkedin.com"]:hover,.site-footer .wp-block-group a[href*="facebook.com"]:hover,.site-footer .wp-block-group a[href*="x.com"]:hover,.site-footer .wp-block-group a[href*="dev.to"]:hover,.site-footer .wp-block-group a[href*="medium.com"]:hover,.site-footer .wp-block-group a[href*="hashnode.dev"]:hover{background:rgb(255 255 255 / .2)}.site-footer .wp-block-group a[href*="github.com"] svg,.site-footer .wp-block-group a[href*="linkedin.com"] svg,.site-footer .wp-block-group a[href*="facebook.com"] svg,.site-footer .wp-block-group a[href*="x.com"] svg,.site-footer .wp-block-group a[href*="dev.to"] svg,.site-footer .wp-block-group a[href*="medium.com"] svg,.site-footer .wp-block-group a[href*="hashnode.dev"] svg{width:16px;height:16px;fill:#fff}.pattern-what-to-expect .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color,.pattern-what-to-expect .wp-block-group.has-feature-card{transition:all 0.3s ease}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color:hover,.pattern-what-to-expect .wp-block-group.has-feature-card:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .pattern-what-to-expect__icon,.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .wp-block-html>div:first-child,.pattern-what-to-expect .wp-block-group.has-feature-card .pattern-what-to-expect__icon,.pattern-what-to-expect .wp-block-group.has-feature-card .wp-block-html>div:first-child{width:56px;height:56px;background:linear-gradient(135deg,#0073aa 0%,#2271b1 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform 0.3s ease;flex-shrink:0}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .pattern-what-to-expect__icon svg,.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .wp-block-html>div:first-child svg,.pattern-what-to-expect .wp-block-group.has-feature-card .pattern-what-to-expect__icon svg,.pattern-what-to-expect .wp-block-group.has-feature-card .wp-block-html>div:first-child svg{width:28px;height:28px}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color:hover .pattern-what-to-expect__icon,.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color:hover .wp-block-html>div:first-child,.pattern-what-to-expect .wp-block-group.has-feature-card:hover .pattern-what-to-expect__icon,.pattern-what-to-expect .wp-block-group.has-feature-card:hover .wp-block-html>div:first-child{transform:scale(1.1)}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .wp-block-heading,.pattern-what-to-expect .wp-block-group.has-feature-card .wp-block-heading{flex-shrink:0}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .wp-block-paragraph,.pattern-what-to-expect .wp-block-group.has-feature-card .wp-block-paragraph{flex:1}.pattern-documentation-features .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-documentation-features .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-documentation-features .wp-block-group.has-feature-card{text-align:center;transition:all 0.3s ease}.pattern-documentation-features .wp-block-group.has-feature-card:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.pattern-documentation-features .wp-block-group.has-feature-card .pattern-documentation-features__icon{display:flex;justify-content:center;margin:0 auto;transition:transform 0.3s ease;flex-shrink:0}.pattern-documentation-features .wp-block-group.has-feature-card .pattern-documentation-features__icon .forwp-icon-badge{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--30);border-radius:0;transition:transform 0.3s ease}.pattern-documentation-features .wp-block-group.has-feature-card:hover .pattern-documentation-features__icon,.pattern-documentation-features .wp-block-group.has-feature-card:hover .pattern-documentation-features__icon .forwp-icon-badge{transform:scale(1.1)}.pattern-documentation-features .wp-block-group.has-feature-card .wp-block-heading{flex-shrink:0}.pattern-documentation-features .wp-block-group.has-feature-card .wp-block-paragraph{flex:1}.pattern-documentation-features .pattern-documentation-features__icon-wrap{margin-top:0}.pattern-documentation-features .pattern-documentation-features__card{margin-bottom:var(--wp--preset--spacing--40)}.pattern-browse-by-topic .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-browse-by-topic .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-browse-by-topic .wp-block-column>.wp-block-group.has-border-color{transition:all 0.3s ease}.pattern-browse-by-topic .wp-block-column>.wp-block-group.has-border-color:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.pattern-browse-by-topic .wp-block-column>.wp-block-group.has-border-color .pattern-browse-by-topic__icon{display:flex;justify-content:center;margin:0 auto;transition:transform 0.3s ease;flex-shrink:0}.pattern-browse-by-topic .wp-block-column>.wp-block-group.has-border-color .pattern-browse-by-topic__icon .forwp-icon-badge{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--30);border-radius:0;transition:transform 0.3s ease}.pattern-browse-by-topic .wp-block-column>.wp-block-group.has-border-color:hover .pattern-browse-by-topic__icon,.pattern-browse-by-topic .wp-block-column>.wp-block-group.has-border-color:hover .pattern-browse-by-topic__icon .forwp-icon-badge{transform:scale(1.1)}.pattern-browse-by-topic .wp-block-column>.wp-block-group.has-border-color .wp-block-heading{flex-shrink:0}.pattern-browse-by-topic .wp-block-column>.wp-block-group.has-border-color .wp-block-paragraph{flex:1}.pattern-browse-by-topic .pattern-browse-by-topic__icon-wrap{margin-top:0}.pattern-hero-methodologies .pattern-browse-by-topic__icon-wrap{margin-top:0}.pattern-hero-methodologies .pattern-browse-by-topic__icon{display:flex;justify-content:flex-start;margin:0;flex-shrink:0}.pattern-hero-methodologies .pattern-browse-by-topic__icon .forwp-icon-badge{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--30);border-radius:0}.pattern-hero-community{position:relative;overflow:hidden}.pattern-hero-community__bg{position:absolute;inset:0;opacity:.03;pointer-events:none;z-index:0}@media (max-width:782px){.pattern-hero-community .wp-block-columns{grid-template-columns:repeat(2,1fr)}.pattern-hero-community .wp-block-columns .wp-block-column{flex-basis:50%!important}}.pattern-hero-documentation input[type=text]:focus{outline:none;border-color:var(--wp--preset--color--primary)!important}.forwp-jobs-popup{display:flex;justify-content:center;margin-top:var(--wp--preset--spacing--40)}.forwp-jobs-popup__details{position:relative}.forwp-jobs-popup__trigger{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;background:#fff;color:#333;border:2px solid #e5e7eb;cursor:pointer;list-style:none}.forwp-jobs-popup__trigger::-webkit-details-marker{display:none}.forwp-jobs-popup__panel{position:absolute;top:calc(100% + 0.5rem);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 24px rgb(15 23 42 / .12);padding:1rem 1.25rem;min-width:16rem;z-index:10}.forwp-jobs-popup__panel p{margin:0 0 .5rem}.forwp-jobs-popup__panel p:last-child{margin-bottom:0}.forwp-jobs-popup__panel a{color:#0073aa;text-decoration:none}.forwp-jobs-popup__panel a:hover{color:#005177;text-decoration:underline}.pattern-essential-resources .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-essential-resources .wp-block-columns .wp-block-column .pattern-resource-link{flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit}.pattern-essential-resources .wp-block-columns .wp-block-column .pattern-resource-link:hover{text-decoration:none}.pattern-essential-resources .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-essential-resources .pattern-resource-link{text-decoration:none;color:inherit;display:block;height:100%}.pattern-essential-resources .pattern-resource-link:hover{text-decoration:none}.pattern-essential-resources .wp-block-group.has-resource-card{transition:all 0.3s ease;cursor:pointer;height:100%}.pattern-resource-link:hover .pattern-essential-resources .wp-block-group.has-resource-card{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05);border-color:var(--wp--preset--color--primary)!important}.pattern-essential-resources .wp-block-group.has-resource-card:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05);border-color:var(--wp--preset--color--primary)!important}.pattern-essential-resources .wp-block-group.has-resource-card:hover .wp-block-html>div:first-child>div:first-child{background-color:var(--wp--preset--color--primary)!important}.pattern-essential-resources .wp-block-group.has-resource-card:hover .wp-block-html>div:first-child>div:first-child svg{stroke:var(--wp--preset--color--base)!important}.pattern-essential-resources .wp-block-group.has-resource-card:hover .wp-block-html>div:first-child>svg:last-child{stroke:var(--wp--preset--color--primary)!important}.pattern-essential-resources .wp-block-group.has-resource-card:hover .wp-block-heading{color:var(--wp--preset--color--primary)!important}.pattern-essential-resources .wp-block-group.has-resource-card .wp-block-heading{transition:color 0.3s ease}.pattern-essential-resources .wp-block-group.has-resource-card .wp-block-paragraph{flex:1}.pattern-practical-code-examples .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-practical-code-examples .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-practical-code-examples .wp-block-group.has-code-example{background-color:var(--wp--preset--color--base);transition:all 0.3s ease}.pattern-practical-code-examples .wp-block-group.has-code-example:hover{border-color:var(--wp--preset--color--primary)!important;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.pattern-practical-code-examples .wp-block-group.has-code-example .pattern-code-copy{transition:color 0.3s ease}.pattern-practical-code-examples .wp-block-group.has-code-example .pattern-code-copy:hover{color:var(--wp--preset--color--primary)!important}.pattern-practical-code-examples .wp-block-group.has-code-example .wp-block-code{margin:0;border-radius:.375rem;background-color:#1a1a1a!important;color:#f5f5f5!important;padding:1rem;overflow-x:auto}.pattern-practical-code-examples .wp-block-group.has-code-example .wp-block-code code{font-family:"Courier New",Courier,monospace;font-size:.875rem;line-height:1.6;white-space:pre;word-wrap:normal;color:#f5f5f5;background:#fff0}.pattern-browse-by-category .wp-block-terms-query{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--wp--preset--spacing--40)}@media (min-width:782px){.pattern-browse-by-category .wp-block-terms-query{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pattern-browse-by-category .wp-block-terms-query{grid-template-columns:repeat(4,1fr)}}.pattern-browse-by-category .wp-block-group.has-category-card{background-color:var(--wp--preset--color--base);transition:all 0.3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.pattern-browse-by-category .wp-block-group.has-category-card:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05);border-color:var(--wp--preset--color--primary)!important}.pattern-browse-by-category .wp-block-group.has-category-card:hover .wp-block-html>div:first-child{transform:scale(1.1)}.pattern-browse-by-category .wp-block-group.has-category-card:hover .wp-block-term-title a{color:var(--wp--preset--color--primary)!important}.pattern-browse-by-category .wp-block-group.has-category-card:hover .wp-block-html>div:last-child svg{transform:translateX(.25rem)}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-html>div:first-child{transition:transform 0.3s ease;flex-shrink:0}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-term-title{flex-shrink:0}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-term-title a{transition:color 0.3s ease;text-decoration:none}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-term-description{flex:1}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-html>div:last-child{flex-shrink:0}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-html>div:last-child svg{transition:transform 0.3s ease}.forwp-blog-categories{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:var(--wp--preset--spacing--50)}.forwp-blog-hero-badge{border-radius:999px;max-width:fit-content}.forwp-blog-hero{text-align:center}.forwp-blog-hero .forwp-blog-hero-badge{margin-left:auto;margin-right:auto}.forwp-blog-search{display:flex;justify-content:center;margin-top:1rem}.forwp-blog-search .wp-block-search__input{border:2px solid var(--wp--preset--color--gray-light);padding:.85rem 1rem;font-size:1rem;transition:border-color 0.2s ease}.forwp-blog-search .wp-block-search__input:focus{outline:none;border-color:var(--wp--preset--color--primary)}.forwp-blog-categories{justify-content:center;gap:.5rem}.forwp-blog-categories .forwp-blog-category a{display:inline-flex;align-items:center;padding:.35rem .85rem;border:1px solid var(--wp--preset--color--gray-light);border-radius:.25rem;background-color:var(--wp--preset--color--base);font-weight:600}.forwp-blog-categories .forwp-blog-category a:hover{border-color:var(--wp--preset--color--primary);background-color:rgb(0 115 170 / .08)}.forwp-blog-categories .forwp-blog-category{margin:0}.forwp-blog-categories .forwp-blog-category a{color:var(--wp--preset--color--gray-dark);text-decoration:none;transition:color 0.2s ease}.forwp-blog-categories .forwp-blog-category a:hover{color:var(--wp--preset--color--primary)}.forwp-blog-card{background-color:var(--wp--preset--color--base);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.forwp-blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgb(0 0 0 / .08);border-color:var(--wp--preset--color--primary)!important}.forwp-blog-card .wp-block-post-title a{text-decoration:none;transition:color 0.25s ease}.forwp-blog-card:hover .wp-block-post-title a{color:var(--wp--preset--color--primary)}.pattern-join-community .wp-block-button__link{transition:all 0.3s ease;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.pattern-join-community .wp-block-button__link:hover{background-color:var(--wp--preset--color--primary-dark)!important;box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 10px 10px -5px rgb(0 0 0 / .04)}.pattern-ready-to-connect{background:linear-gradient(to bottom right,#0073aa 0%,#005177 100%);color:#fff}.page-architectures.is-layout-flow,.page-architectures.wp-block-group-is-layout-flow{--wp--style--block-gap:0;gap:0}.page-architectures.is-layout-flow>*,.page-architectures.wp-block-group-is-layout-flow>*{margin-block-start:0;margin-top:0}.pattern-hero-architectures .forwp-icon-badge,.pattern-hero-architectures .architecture-card__letter,.pattern-essential-principles .forwp-icon-badge,.pattern-essential-principles .architecture-card__letter,.pattern-solid-principles .forwp-icon-badge,.pattern-solid-principles .architecture-card__letter,.pattern-gof-patterns .forwp-icon-badge,.pattern-gof-patterns .architecture-card__letter,.pattern-wp-practical-examples .forwp-icon-badge,.pattern-wp-practical-examples .architecture-card__letter,.pattern-architectural-patterns .forwp-icon-badge,.pattern-architectural-patterns .architecture-card__letter,.pattern-architecture-best-practices .forwp-icon-badge,.pattern-architecture-best-practices .architecture-card__letter{border-radius:0}.pattern-hero-architectures{position:relative;overflow:hidden}.pattern-hero-architectures .pattern-hero-architectures__watermarks{position:absolute;inset:0;pointer-events:none;opacity:.04}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark{position:absolute;font-weight:900;line-height:1;letter-spacing:.02em}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--s{top:2rem;left:4%;font-size:6rem;color:var(--wp--preset--color--blue-600);transform:rotate(12deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--o{top:6rem;right:8%;font-size:5rem;color:var(--wp--preset--color--green-600);transform:rotate(-6deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--l{bottom:5rem;left:12%;font-size:4.5rem;color:var(--wp--preset--color--purple-600);transform:rotate(-15deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--i{top:8rem;left:40%;font-size:6rem;color:var(--wp--preset--color--orange-600);transform:rotate(6deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--d{bottom:6rem;right:18%;font-size:5rem;color:var(--wp--preset--color--red-600);transform:rotate(-12deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--dry{top:60%;right:45%;font-size:3.5rem;color:var(--wp--preset--color--cyan-600);transform:rotate(-8deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--kiss{bottom:2rem;left:32%;font-size:4rem;color:var(--wp--preset--color--pink-600);transform:rotate(20deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--yagni{top:25%;right:4%;font-size:2.75rem;color:var(--wp--preset--color--amber-600);transform:rotate(-25deg)}.pattern-hero-architectures .forwp-icon-badge{border-radius:0}.pattern-hero-architectures .pattern-browse-by-topic__icon-wrap{margin-top:0}.pattern-hero-architectures .pattern-browse-by-topic__icon{display:flex;justify-content:flex-start;margin:0;flex-shrink:0}.pattern-hero-architectures .pattern-browse-by-topic__icon .forwp-icon-badge{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--30);border-radius:0}.pattern-oop-foundations .architecture-badge{border-color:var(--wp--preset--color--white-20)}.pattern-hero-architectures .wp-element-button{border-radius:0}.architecture-badge{border:1px solid #fff0;border-radius:0;padding:.35rem .85rem;font-weight:600;margin:0}.architecture-badge a{color:inherit;text-decoration:none;display:inline-block;margin:-.35rem -.85rem;padding:.35rem .85rem;transition:opacity 0.2s ease}.architecture-badge a:hover{opacity:.75}.pattern-oop-teaser,.pattern-essential-principles,.pattern-solid-principles,.pattern-gof-patterns,.pattern-wp-practical-examples,.pattern-architectural-patterns,.pattern-architecture-best-practices{scroll-margin-top:5rem}.architecture-pill,.architecture-filter,.architecture-quote-dot{border-radius:999px;padding:.35rem .85rem;font-weight:600;margin:0}.architecture-badge--blue{color:var(--wp--preset--color--blue-600);background-color:color-mix(in srgb,var(--wp--preset--color--blue-600) 15%,var(--wp--preset--color--base))}.architecture-badge--cyan{color:var(--wp--preset--color--cyan-600);background-color:color-mix(in srgb,var(--wp--preset--color--cyan-600) 15%,var(--wp--preset--color--base))}.architecture-badge--green{color:var(--wp--preset--color--green-600);background-color:color-mix(in srgb,var(--wp--preset--color--green-600) 15%,var(--wp--preset--color--base))}.architecture-badge--purple{color:var(--wp--preset--color--purple-600);background-color:color-mix(in srgb,var(--wp--preset--color--purple-600) 15%,var(--wp--preset--color--base))}.architecture-badge--orange{color:var(--wp--preset--color--orange-600);background-color:color-mix(in srgb,var(--wp--preset--color--orange-600) 15%,var(--wp--preset--color--base))}.architecture-card{position:relative;background-color:var(--wp--preset--color--base);transition:transform 0.25s ease,box-shadow 0.25s ease}.architecture-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px color-mix(in srgb,var(--wp--preset--color--gray-200) 60%,transparent)}.architecture-card .architecture-card__letter{width:3.5rem;height:3.5rem;display:inline-flex;align-items:center;justify-content:center;color:var(--wp--preset--color--base);border-radius:0;font-size:1.5rem;font-weight:700;margin:0 0 1rem 0}.architecture-card--topline{position:relative}.architecture-card--topline::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:.5rem .5rem 0 0;opacity:.9}.architecture-card--topline.architecture-card--blue::before{background:var(--wp--preset--gradient--architectures-blue-gradient)}.architecture-card--topline.architecture-card--green::before{background:var(--wp--preset--gradient--architectures-green-gradient)}.architecture-card--topline.architecture-card--purple::before{background:var(--wp--preset--gradient--architectures-purple-gradient)}.architecture-card--topline.architecture-card--orange::before{background:var(--wp--preset--gradient--architectures-orange-gradient)}.architecture-card--topline.architecture-card--red::before{background:var(--wp--preset--gradient--architectures-red-gradient)}.architecture-card--topline.architecture-card--cyan::before{background:var(--wp--preset--gradient--architectures-cyan-gradient)}.architecture-card--topline.architecture-card--pink::before{background:var(--wp--preset--gradient--architectures-pink-gradient)}.architecture-card--topline.architecture-card--amber::before{background:var(--wp--preset--gradient--architectures-amber-gradient)}.architecture-card--topline:hover{border-color:var(--wp--preset--color--primary)}.architecture-card--topline:hover .architecture-card__letter{transform:translateY(-2px);box-shadow:0 8px 16px color-mix(in srgb,var(--wp--preset--color--primary) 35%,transparent);transition:transform 0.2s ease,box-shadow 0.2s ease}.architecture-solid-card__toggle{display:inline-flex;align-items:center;gap:.35rem;color:var(--wp--preset--color--primary);margin-top:.75rem;margin-bottom:0}.architecture-solid-card__toggle::before{content:"";width:.7rem;height:.7rem;background-color:currentColor;mask:url(//4wp.dev/wp-content/themes/4wpdev/assets/css/../images/icon-arrow-right.svg) no-repeat center/contain;transform:rotate(90deg)}.architecture-solid-details .architecture-solid-detail{border:2px solid var(--wp--preset--color--gray-200);border-radius:.75rem;background-color:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)}.architecture-solid-details summary{cursor:pointer;font-weight:600;margin-bottom:var(--wp--preset--spacing--30);list-style:none}.architecture-solid-details summary::-webkit-details-marker{display:none}.architecture-solid-details summary::after{content:"";float:right;width:.75rem;height:.75rem;margin-top:.25rem;background-color:var(--wp--preset--color--primary);mask:url(//4wp.dev/wp-content/themes/4wpdev/assets/css/../images/icon-arrow-right.svg) no-repeat center/contain;transform:rotate(90deg);transition:transform 0.2s ease}.architecture-solid-details details[open] summary::after{transform:rotate(-90deg)}.architecture-solid-benefits{font-weight:600}.architecture-solid-benefits__list{margin:0 0 0 1.1rem}.architecture-solid-code-label{font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.architecture-solid-code-label::before{content:"";width:1rem;height:1rem;background-color:var(--wp--preset--color--primary);mask:url(//4wp.dev/wp-content/themes/4wpdev/assets/css/../images/icon-arrow-right.svg) no-repeat center/contain;transform:rotate(90deg)}.architecture-solid-details .wp-block-code{background-color:#0f172a;color:var(--wp--preset--color--base);border-radius:.5rem;padding:1rem}.architecture-card--essential{border-radius:0}.pattern-essential-principles .architecture-card--topline::before{border-radius:0}.pattern-essential-principles .architecture-card__header .wp-block-forwp-icons-icon{display:inline-block;flex-shrink:0;line-height:0}.pattern-essential-principles .architecture-card__header .forwp-icon-badge{border-radius:0}.pattern-essential-principles .architecture-card__header .architecture-pill{margin-bottom:0;border-radius:0}.pattern-essential-principles .wp-block-code,.pattern-essential-principles .forwp-advanced-code,.pattern-essential-principles .wp-block-code-advanced{margin:0;border-radius:0;overflow:hidden;border:none;background-color:var(--wp--preset--color--contrast)}.pattern-essential-principles .forwp-advanced-code__header{padding:6px 12px;background-color:color-mix(in srgb,var(--wp--preset--color--contrast) 85%,var(--wp--preset--color--base));border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--base) 12%,transparent)}.pattern-essential-principles .forwp-advanced-code__language{color:color-mix(in srgb,var(--wp--preset--color--base) 65%,transparent);font-size:.65rem}.pattern-essential-principles .forwp-advanced-code__copy,.pattern-essential-principles .forwp-advanced-code__share{padding:2px 8px;font-size:.6rem;border-radius:0;border-color:color-mix(in srgb,var(--wp--preset--color--base) 20%,transparent);background:#fff0;color:color-mix(in srgb,var(--wp--preset--color--base) 75%,transparent)}.pattern-essential-principles .forwp-advanced-code__copy:hover,.pattern-essential-principles .forwp-advanced-code__share:hover{background:color-mix(in srgb,var(--wp--preset--color--base) 12%,transparent);color:var(--wp--preset--color--base);border-color:color-mix(in srgb,var(--wp--preset--color--base) 30%,transparent)}.pattern-essential-principles .forwp-advanced-code pre,.pattern-essential-principles .wp-block-code{background-color:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);border-radius:0;padding:1rem;font-size:.75rem;line-height:1.5;overflow-x:auto}.pattern-essential-principles .forwp-advanced-code pre code,.pattern-essential-principles .wp-block-code code{white-space:pre;display:block;background:none;padding:0}.pattern-essential-principles .architecture-card--essential:hover{border-color:var(--wp--preset--color--gray-200);box-shadow:0 12px 28px color-mix(in srgb,var(--wp--preset--color--gray-200) 70%,transparent)}.pattern-gof-patterns .architecture-category,.pattern-gof-patterns .architecture-card__header,.pattern-wp-practical-examples .architecture-category,.pattern-wp-practical-examples .architecture-card__header,.pattern-architectural-patterns .architecture-category,.pattern-architectural-patterns .architecture-card__header{align-items:center}.pattern-gof-patterns .architecture-category .wp-block-forwp-icons-icon,.pattern-gof-patterns .architecture-card__header .wp-block-forwp-icons-icon,.pattern-wp-practical-examples .architecture-category .wp-block-forwp-icons-icon,.pattern-wp-practical-examples .architecture-card__header .wp-block-forwp-icons-icon,.pattern-architectural-patterns .architecture-category .wp-block-forwp-icons-icon,.pattern-architectural-patterns .architecture-card__header .wp-block-forwp-icons-icon{display:inline-block;flex-shrink:0;line-height:0}.pattern-gof-patterns .architecture-category .forwp-icon-badge,.pattern-gof-patterns .architecture-card__header .forwp-icon-badge,.pattern-wp-practical-examples .architecture-category .forwp-icon-badge,.pattern-wp-practical-examples .architecture-card__header .forwp-icon-badge,.pattern-architectural-patterns .architecture-category .forwp-icon-badge,.pattern-architectural-patterns .architecture-card__header .forwp-icon-badge{border-radius:0}.pattern-gof-patterns .architecture-category,.pattern-wp-practical-examples .architecture-category,.pattern-architectural-patterns .architecture-category{gap:var(--wp--preset--spacing--40)}.pattern-gof-patterns .architecture-category .wp-block-heading,.pattern-wp-practical-examples .architecture-category .wp-block-heading,.pattern-architectural-patterns .architecture-category .wp-block-heading{margin-bottom:.25rem}.pattern-gof-patterns .architecture-category .wp-block-paragraph,.pattern-wp-practical-examples .architecture-category .wp-block-paragraph,.pattern-architectural-patterns .architecture-category .wp-block-paragraph{margin-top:0}.pattern-gof-patterns .architecture-card__header,.pattern-wp-practical-examples .architecture-card__header,.pattern-architectural-patterns .architecture-card__header{gap:var(--wp--preset--spacing--40)}.pattern-gof-patterns .architecture-card__header .architecture-pill,.pattern-wp-practical-examples .architecture-card__header .architecture-pill,.pattern-architectural-patterns .architecture-card__header .architecture-pill{margin-bottom:0}.pattern-gof-patterns .architecture-card__title-group .architecture-pill,.pattern-wp-practical-examples .architecture-card__title-group .architecture-pill,.pattern-architectural-patterns .architecture-card__title-group .architecture-pill{margin-bottom:.35rem}.pattern-gof-patterns .architecture-card__title-group .wp-block-heading,.pattern-wp-practical-examples .architecture-card__title-group .wp-block-heading,.pattern-architectural-patterns .architecture-card__title-group .wp-block-heading{margin-top:0;margin-bottom:0}.pattern-gof-patterns .architecture-card,.pattern-gof-patterns .architecture-card--accordion,.pattern-wp-practical-examples .architecture-card,.pattern-wp-practical-examples .architecture-card--accordion,.pattern-architectural-patterns .architecture-card,.pattern-architectural-patterns .architecture-card--accordion{border-radius:0}.pattern-gof-patterns .wp-block-code,.pattern-gof-patterns .forwp-advanced-code,.pattern-gof-patterns .wp-block-code-advanced,.pattern-wp-practical-examples .wp-block-code,.pattern-wp-practical-examples .forwp-advanced-code,.pattern-wp-practical-examples .wp-block-code-advanced,.pattern-architectural-patterns .wp-block-code,.pattern-architectural-patterns .forwp-advanced-code,.pattern-architectural-patterns .wp-block-code-advanced{margin:0;border-radius:0;overflow:hidden;border:none;background-color:var(--wp--preset--color--contrast)}.pattern-gof-patterns .forwp-advanced-code__header,.pattern-wp-practical-examples .forwp-advanced-code__header,.pattern-architectural-patterns .forwp-advanced-code__header{padding:6px 12px;background-color:color-mix(in srgb,var(--wp--preset--color--contrast) 85%,var(--wp--preset--color--base));border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--base) 12%,transparent)}.pattern-gof-patterns .forwp-advanced-code__language,.pattern-wp-practical-examples .forwp-advanced-code__language,.pattern-architectural-patterns .forwp-advanced-code__language{color:color-mix(in srgb,var(--wp--preset--color--base) 65%,transparent);font-size:.65rem}.pattern-gof-patterns .forwp-advanced-code__copy,.pattern-gof-patterns .forwp-advanced-code__share,.pattern-wp-practical-examples .forwp-advanced-code__copy,.pattern-wp-practical-examples .forwp-advanced-code__share,.pattern-architectural-patterns .forwp-advanced-code__copy,.pattern-architectural-patterns .forwp-advanced-code__share{padding:2px 8px;font-size:.6rem;border-radius:0;border-color:color-mix(in srgb,var(--wp--preset--color--base) 20%,transparent);background:#fff0;color:color-mix(in srgb,var(--wp--preset--color--base) 75%,transparent)}.pattern-gof-patterns .forwp-advanced-code pre,.pattern-gof-patterns .wp-block-code,.pattern-wp-practical-examples .forwp-advanced-code pre,.pattern-wp-practical-examples .wp-block-code,.pattern-architectural-patterns .forwp-advanced-code pre,.pattern-architectural-patterns .wp-block-code{background-color:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);border-radius:0;padding:1rem;font-size:.75rem;line-height:1.5;overflow-x:auto}.pattern-gof-patterns .forwp-advanced-code pre code,.pattern-gof-patterns .wp-block-code code,.pattern-wp-practical-examples .forwp-advanced-code pre code,.pattern-wp-practical-examples .wp-block-code code,.pattern-architectural-patterns .forwp-advanced-code pre code,.pattern-architectural-patterns .wp-block-code code{white-space:pre;display:block;background:none;padding:0}.pattern-wp-practical-examples .architecture-card__header{gap:.75rem}.pattern-architectural-patterns .architecture-subtitle{font-weight:600;margin-top:var(--wp--preset--spacing--30);margin-bottom:.5rem}.pattern-architectural-patterns .architecture-benefits{margin-bottom:var(--wp--preset--spacing--30)}.architecture-card--blue .architecture-card__letter{background:var(--wp--preset--gradient--architectures-blue-gradient)}.architecture-card--green .architecture-card__letter{background:var(--wp--preset--gradient--architectures-green-gradient)}.architecture-card--purple .architecture-card__letter{background:var(--wp--preset--gradient--architectures-purple-gradient)}.architecture-card--orange .architecture-card__letter{background:var(--wp--preset--gradient--architectures-orange-gradient)}.architecture-card--red .architecture-card__letter{background:var(--wp--preset--gradient--architectures-red-gradient)}.architecture-card--cyan .architecture-card__letter,.architecture-card--pink .architecture-card__letter,.architecture-card--amber .architecture-card__letter,.architecture-card--teal .architecture-card__letter{background:var(--wp--preset--gradient--architectures-cyan-gradient)}.architecture-pill{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:.25rem .75rem;border-radius:999px}.architecture-pill--gray{color:var(--wp--preset--color--gray-dark);background-color:var(--wp--preset--color--gray-100)}.architecture-pill--blue{color:var(--wp--preset--color--blue-600);background-color:color-mix(in srgb,var(--wp--preset--color--blue-600) 15%,var(--wp--preset--color--base))}.architecture-pill--green{color:var(--wp--preset--color--green-600);background-color:color-mix(in srgb,var(--wp--preset--color--green-600) 15%,var(--wp--preset--color--base))}.architecture-pill--purple{color:var(--wp--preset--color--purple-600);background-color:color-mix(in srgb,var(--wp--preset--color--purple-600) 15%,var(--wp--preset--color--base))}.architecture-pill--orange{color:var(--wp--preset--color--orange-600);background-color:color-mix(in srgb,var(--wp--preset--color--orange-600) 15%,var(--wp--preset--color--base))}.architecture-pill--red{color:var(--wp--preset--color--red-600);background-color:color-mix(in srgb,var(--wp--preset--color--red-600) 15%,var(--wp--preset--color--base))}.architecture-pill--cyan{color:var(--wp--preset--color--cyan-600);background-color:color-mix(in srgb,var(--wp--preset--color--cyan-600) 15%,var(--wp--preset--color--base))}.architecture-pill--pink{color:var(--wp--preset--color--pink-600);background-color:color-mix(in srgb,var(--wp--preset--color--pink-600) 15%,var(--wp--preset--color--base))}.architecture-pill--amber{color:var(--wp--preset--color--amber-600);background-color:color-mix(in srgb,var(--wp--preset--color--amber-600) 15%,var(--wp--preset--color--base))}.architecture-pill--teal{color:var(--wp--preset--color--teal-600);background-color:color-mix(in srgb,var(--wp--preset--color--teal-600) 15%,var(--wp--preset--color--base))}.architecture-filters .architecture-filter{border-radius:0;padding:.4rem .9rem;border:2px solid var(--wp--preset--color--gray-200);background-color:var(--wp--preset--color--base);color:var(--wp--preset--color--gray-dark);cursor:pointer}.architecture-filters .architecture-filter--active{background-color:var(--wp--preset--color--primary);border-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--base)}.architecture-card--accordion{border-radius:0;padding:0}.architecture-card--accordion summary{list-style:none;cursor:pointer;padding:var(--wp--preset--spacing--40);font-weight:600;position:relative}.architecture-card--accordion summary::-webkit-details-marker{display:none}.architecture-card--accordion summary::after{content:"";position:absolute;right:1.25rem;top:50%;width:.65rem;height:.65rem;border-right:2px solid var(--wp--preset--color--gray-medium);border-bottom:2px solid var(--wp--preset--color--gray-medium);transform:translateY(-60%) rotate(45deg);transition:transform 0.2s ease}.architecture-card--accordion[open] summary::after{transform:translateY(-30%) rotate(-135deg)}.architecture-card--accordion:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--wp--preset--color--gray-200) 70%,transparent)}.architecture-use-case{display:flex;gap:.5rem;color:var(--wp--preset--color--gray-medium)}.architecture-pattern-label{color:var(--wp--preset--color--primary);font-weight:600;margin-bottom:.5rem}.pattern-architectures-quote{position:relative;overflow:hidden}.pattern-architectures-quote::before{content:"";position:absolute;inset:0;background-image:url(//4wp.dev/wp-content/themes/4wpdev/assets/css/../images/quote-grid.svg);opacity:.25;pointer-events:none}.pattern-architectures-quote>.wp-block-group{position:relative;z-index:1}.pattern-architectures-quote .architecture-quote{text-align:center;font-size:clamp(2rem, 4vw, 3.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.architecture-quote-badge{border:1px solid var(--wp--preset--color--white-20);background-color:var(--wp--preset--color--white-10);color:var(--wp--preset--color--white-80);text-transform:uppercase;letter-spacing:.12em;font-weight:600;border-radius:.5rem}.architecture-quote-body{position:relative;padding-left:1.25rem}.architecture-quote-body::before{content:"";position:absolute;left:0;top:.75rem;width:3px;height:2.25rem;background-color:var(--wp--preset--color--blue-500)}.architecture-quote-meta .wp-block-column+.wp-block-column{border-left:1px solid var(--wp--preset--color--white-20);padding-left:2rem}.architecture-quote-link .wp-element-button{border-radius:.5rem;border:1px solid var(--wp--preset--color--white-20)}.architecture-quote-dots .architecture-quote-dot{width:.6rem;height:.6rem;background-color:var(--wp--preset--color--white-20);border-radius:999px}.architecture-quote-dots .architecture-quote-dot.is-active{width:2rem;background-color:var(--wp--preset--color--base)}.architecture-best-practice__links{list-style:none;padding-left:0;margin:1rem 0}.architecture-best-practice__links li{margin-bottom:.5rem;padding-left:1.25rem;position:relative}.architecture-best-practice__links a{color:var(--wp--preset--color--white-80);text-decoration:none}.pattern-architecture-best-practices .forwp-icon-badge{border-radius:0;padding:0}.pattern-architecture-best-practices .architecture-best-practice__links li::before{content:"";position:absolute;left:0;top:.35rem;width:.6rem;height:.6rem;background-color:var(--wp--preset--color--white-80);mask:url(//4wp.dev/wp-content/themes/4wpdev/assets/css/../images/icon-arrow-right.svg) no-repeat center/contain}.pattern-architecture-best-practices .architecture-best-practice__button .wp-element-button{display:inline-flex;align-items:center;gap:.5rem}.pattern-architecture-best-practices .architecture-best-practice__button .wp-element-button::after{content:"";width:.75rem;height:.75rem;background-color:var(--wp--preset--color--base);mask:url(//4wp.dev/wp-content/themes/4wpdev/assets/css/../images/icon-arrow-right.svg) no-repeat center/contain}.architecture-best-practice__button .wp-element-button{border-radius:.5rem}.architecture-benefits{margin:0 0 1rem 1.1rem}.plugin-faq-hero,.plugin-faq-cta{background:radial-gradient(1200px 500px at 20% 0%,rgb(168 85 247 / .25),#fff0 60%),radial-gradient(900px 500px at 80% 20%,rgb(59 130 246 / .25),#fff0 60%),linear-gradient(135deg,#0b0f1f 0%,#111b3a 45%,#0b1220 100%);color:var(--wp--preset--color--base)}.plugin-faq-hero{position:relative;overflow:hidden}.plugin-faq-hero>*{position:relative;z-index:1}.plugin-faq-hero::before,.plugin-faq-hero::after{content:"";position:absolute;border-radius:9999px;filter:blur(64px);opacity:.1;pointer-events:none}.plugin-faq-hero::before{top:80px;left:40px;width:18rem;height:18rem;background:#a855f7}.plugin-faq-hero::after{bottom:80px;right:40px;width:24rem;height:24rem;background:#3b82f6}.plugin-faq-hero .wp-block-buttons{margin-top:var(--wp--preset--spacing--40)}.plugin-faq-hero-inner{text-align:center}.plugin-faq-hero-inner .wp-block-heading.plugin-faq-hero-title{font-size:clamp(3rem, 6vw, 6rem);font-weight:900;line-height:1;letter-spacing:.02em;color:#f1e7ff;text-shadow:0 10px 35px rgb(0 0 0 / .4)}.plugin-faq-hero-inner p{max-width:720px;margin-left:auto;margin-right:auto;color:rgb(255 255 255 / .75)}.plugin-faq-hero-inner .wp-block-group.label{gap:.5rem;padding:.35rem .75rem;border-radius:inherit;border:1px solid rgb(255 255 255 / .15);background:rgb(255 255 255 / .04)}.plugin-faq-hero-ctas{gap:1rem}.plugin-faq-cta-button{gap:.6rem;padding:.75rem 1.75rem;border-radius:0;border:1px solid rgb(255 255 255 / .18);background:rgb(255 255 255 / .06);display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;box-shadow:0 10px 25px rgb(0 0 0 / .2);transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease}.plugin-faq-cta-button p{margin:0;font-weight:600}.plugin-faq-cta-button a{color:inherit;text-decoration:none;font-weight:600}.plugin-faq-cta-button a:hover{text-decoration:none;opacity:.92}.plugin-faq-cta-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgb(0 0 0 / .28)}.plugin-faq-cta-button--primary{background:#fff;border-color:#fff;color:#111827}.plugin-faq-cta-button--primary.has-background:not(.has-cta-button-gradient-background):not([class*=-gradient-background]){background:inherit;border-color:#fff0;color:#fff}.plugin-faq-cta-button--primary.has-cta-button-gradient-background,.plugin-faq-cta-button--primary.has-cta-button-gradient-gradient-background{background:var(--wp--preset--gradient--cta-button-gradient);border-color:#fff0;color:#fff}.plugin-faq-cta-button--primary.has-cta-button-gradient-background p,.plugin-faq-cta-button--primary.has-cta-button-gradient-background a,.plugin-faq-cta-button--primary.has-cta-button-gradient-gradient-background p,.plugin-faq-cta-button--primary.has-cta-button-gradient-gradient-background a{color:#fff}.plugin-faq-cta-button--secondary{color:#fff;background:rgb(255 255 255 / .08)}.plugin-faq-cta-button--secondary:hover{background:rgb(255 255 255 / .12)}.plugin-faq-cta{text-align:center}.plugin-faq-cta .alignwide{display:flex;flex-direction:column;align-items:center;gap:var(--wp--preset--spacing--20,1rem)}.plugin-faq-cta .wp-block-heading{margin:0;font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:700;line-height:1.15;color:var(--wp--preset--color--base)}.plugin-faq-cta>.alignwide>p,.plugin-faq-cta .alignwide>.wp-block-paragraph{max-width:36rem;margin:0;color:rgb(255 255 255 / .8);font-size:var(--wp--preset--font-size--large,1.125rem);line-height:1.6}.plugin-faq-cta .alignwide>.wp-block-group.is-layout-constrained,.plugin-faq-cta .alignwide>.wp-block-group:not(.plugin-faq-cta-button){width:100%;max-width:20rem;margin-top:var(--wp--preset--spacing--30,1.5rem);display:flex;justify-content:center}.plugin-faq-cta .plugin-faq-cta-button{width:100%;min-height:3rem}.plugin-faq-dark-section,.plugin-faq-features,.plugin-faq-author,.plugin-faq-timeline{background:var(--wp--preset--gradient--faq-dark-gradient,linear-gradient(135deg,#111827 0%,#0f172a 100%));color:var(--wp--preset--color--base)}.plugin-faq-dark-section .wp-block-heading,.plugin-faq-dark-section p,.plugin-faq-dark-section li,.plugin-faq-features .wp-block-heading,.plugin-faq-features p,.plugin-faq-features li,.plugin-faq-author .wp-block-heading,.plugin-faq-author p,.plugin-faq-author li,.plugin-faq-timeline .wp-block-heading,.plugin-faq-timeline p,.plugin-faq-timeline li{color:rgb(255 255 255 / .9)}.plugin-faq-docs-inner{max-width:980px}.plugin-faq-summary .wp-block-group.has-background{background:var(--wp--preset--gradient--faq-accent-gradient,linear-gradient(135deg,#a855f7 0%,#3b82f6 100%));color:#fff;border-radius:1.5rem}.plugin-faq-docs .plugin-faq-nav{position:sticky;top:5rem;z-index:8;padding:.75rem 0;margin-left:calc(-1 * var(--wp--style--root--padding-left, 1rem));margin-right:calc(-1 * var(--wp--style--root--padding-right, 1rem));backdrop-filter:blur(12px);border-bottom:1px solid rgb(255 255 255 / .08);overflow-x:auto;flex-wrap:nowrap;gap:.5rem;scrollbar-width:none;padding-left:1rem;padding-right:1rem;justify-content:flex-start}.plugin-faq-docs .plugin-faq-nav::before,.plugin-faq-docs .plugin-faq-nav::after{content:"";position:absolute;top:0;bottom:0;width:4rem;pointer-events:none;z-index:10}.plugin-faq-docs .plugin-faq-nav::-webkit-scrollbar{display:none}.plugin-faq-docs .plugin-faq-nav>*{flex:0 0 auto;position:relative;z-index:1}.plugin-faq-docs .plugin-faq-nav p{background:rgb(255 255 255 / .06);margin:0;border:1px solid rgb(255 255 255 / .12);transition:border-color 0.2s ease,background 0.2s ease,color 0.2s ease,transform 0.2s ease}.plugin-faq-docs .plugin-faq-nav p.is-active{background:linear-gradient(90deg,rgb(139 92 246 / .85),rgb(59 130 246 / .85));border-color:rgb(139 92 246 / .9);box-shadow:0 10px 24px rgb(99 102 241 / .35);transform:translateY(-1px)}.plugin-faq-docs .plugin-faq-nav a{color:var(--wp--preset--color--white-80);text-decoration:none;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap}.plugin-faq-docs .plugin-faq-nav p.is-active a{color:#fff}.plugin-faq-docs .plugin-faq-nav a:hover{color:#fff}.plugin-faq-content [id]{scroll-margin-top:11rem}.plugin-faq-content .wp-block-details{border:1px solid rgb(255 255 255 / .12);padding:1rem 1.25rem;background:rgb(17 24 39 / .85);color:var(--wp--preset--color--base)}.plugin-faq-content .wp-block-details:not(:last-child){margin-bottom:1rem}.plugin-faq-content .wp-block-details[open]{background:rgb(30 41 59 / .9)}.plugin-faq-content .wp-block-details h3{font-size:1.25rem}.plugin-faq-content summary{cursor:pointer;font-weight:600;font-size:var(--wp--preset--font-size--x-large);color:var(--wp--preset--color--base);display:flex;align-items:center;justify-content:space-between}.plugin-faq-content summary::marker,.plugin-faq-content summary::-webkit-details-marker{display:none}.plugin-faq-content summary::after{content:"▾";font-size:.9rem;opacity:.6}.plugin-faq-content p{color:rgb(255 255 255 / .8)}.plugin-faq-content .wp-block-image img{border-radius:.75rem;border:1px solid rgb(255 255 255 / .08)}.plugin-faq-features .wp-block-column,.plugin-faq-timeline .wp-block-column{padding:1.5rem;border-radius:1.25rem;background:#fff0}.plugin-faq-different-gradient{background:linear-gradient(90deg,#a855f7 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;color:#fff0}.plugin-faq-features .plugin-faq-feature .wp-block-heading{font-size:var(--wp--preset--font-size--x-large);line-height:1.2}.plugin-faq-features .plugin-faq-feature p{font-size:var(--wp--preset--font-size--medium);color:rgb(255 255 255 / .85)}.plugin-faq-feature--purple{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 45%,#ec4899 100%)}.plugin-faq-feature--blue{background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 60%,#22d3ee 100%)}.plugin-faq-feature--orange{background:linear-gradient(135deg,#f97316 0%,#f59e0b 45%,#ef4444 100%)}.plugin-faq-timeline-gradient{background:linear-gradient(90deg,#a855f7 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;color:#fff0}.plugin-faq-timeline-card{background:rgb(15 23 42 / .8);border-radius:0}.plugin-faq-author .wp-block-image img{border-radius:999px;border:3px solid rgb(255 255 255 / .25)}.plugin-faq-author-card{max-width:680px;margin-left:auto;margin-right:auto;padding:2.25rem;background:linear-gradient(135deg,rgb(15 23 42 / .95) 0%,rgb(30 41 59 / .9) 55%,rgb(88 28 135 / .25) 100%);border-radius:1.5rem;border:1px solid rgb(255 255 255 / .12);box-shadow:0 20px 40px rgb(2 6 23 / .35)}.plugin-faq-author-card .wp-block-columns{align-items:center;gap:1.5rem}.plugin-faq-author-card .wp-block-image{max-width:200px}.plugin-faq-author-card .wp-block-image img{width:100%;height:auto;max-width:200px;max-height:200px;aspect-ratio:1/1;object-fit:cover;border-color:rgb(168 85 247 / .6);box-shadow:0 6px 18px rgb(0 0 0 / .35)}.plugin-faq-author-card .wp-block-heading{font-size:var(--wp--preset--font-size--x-large);margin-bottom:.25rem}.plugin-faq-author-card .wp-block-quote{margin:1rem 0 0;padding-left:1rem;border-left:3px solid rgb(168 85 247 / .9);font-style:italic;color:rgb(255 255 255 / .85)}.plugin-faq-summary{color:var(--wp--preset--color--base)}.plugin-faq-summary .wp-block-heading,.plugin-faq-summary p{color:rgb(255 255 255 / .9)}.plugin-faq-summary-card{max-width:760px;margin-left:auto;margin-right:auto;padding:2.5rem 2.75rem;background:linear-gradient(135deg,rgb(15 23 42 / .95) 0%,rgb(30 41 59 / .9) 55%,rgb(88 28 135 / .25) 100%);border-radius:0;border:1px solid rgb(255 255 255 / .14);box-shadow:0 20px 40px rgb(2 6 23 / .4)}.plugin-faq-summary-card .wp-block-heading{text-align:left;margin-bottom:.5rem}.plugin-faq-summary-card .wp-block-heading+p{text-align:left;font-size:var(--wp--preset--font-size--medium);color:rgb(255 255 255 / .9)}.plugin-faq-summary-card p.has-text-color{text-align:left;font-size:var(--wp--preset--font-size--medium);color:rgb(255 255 255 / .75);line-height:1.6}.plugin-faq-summary-card .wp-block-group.has-background{margin-top:1.75rem;background:rgb(17 24 39 / .85);border-radius:0;border:1px solid rgb(255 255 255 / .08)}.plugin-faq-summary-card .wp-block-group.has-background p{font-size:var(--wp--preset--font-size--small);color:rgb(255 255 255 / .85)}.plugin-faq-cta .wp-block-button__link{border-radius:0}.oop-splash{position:fixed;inset:0;z-index:1;background:linear-gradient(180deg,#0c1e4a 0%,#0a3d7a 40%,#0e5f6e 100%);overflow:hidden}.oop-bubble{position:absolute;bottom:-40px;width:var(--size,12px);height:var(--size,12px);left:var(--left,10%);border-radius:50%;border:1.5px solid rgb(255 255 255 / .25);background:radial-gradient(circle at 35% 32%,rgb(255 255 255 / .22) 0%,rgb(255 255 255 / .04) 70%);box-shadow:inset 0 -2px 4px rgb(255 255 255 / .08);pointer-events:none;animation:oop-bubble-rise var(--dur,14s) ease-in-out var(--delay,0s) infinite}@keyframes oop-bubble-rise{0%{transform:translate(0,0);opacity:.9}100%{transform:translate(var(--drift,0),calc(-100vh - 60px));opacity:0}}.oop-rays{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:350px;pointer-events:none;opacity:.2}.oop-ray{position:absolute;top:0;left:50%;width:2px;height:350px;background:linear-gradient(to bottom,rgb(254 249 195 / .6),transparent);transform-origin:top center}.oop-ray:nth-child(1){transform:rotate(-90deg)}.oop-ray:nth-child(2){transform:rotate(-72deg)}.oop-ray:nth-child(3){transform:rotate(-54deg)}.oop-ray:nth-child(4){transform:rotate(-36deg)}.oop-ray:nth-child(5){transform:rotate(-18deg)}.oop-ray:nth-child(6){transform:rotate(0deg)}.oop-ray:nth-child(7){transform:rotate(18deg)}.oop-ray:nth-child(8){transform:rotate(36deg)}.oop-ray:nth-child(9){transform:rotate(54deg)}.oop-ray:nth-child(10){transform:rotate(72deg)}.oop-debris{position:absolute;top:-40px;left:var(--left,20%);pointer-events:none;animation:oop-debris-fall var(--dur,12s) linear var(--delay,0s) infinite}.oop-debris svg{display:block}@keyframes oop-debris-fall{0%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(var(--drift,0),calc(100vh + 60px)) rotate(var(--rotate,180deg))}}.oop-fish{position:absolute;top:var(--top,20%);left:-80px;pointer-events:none;animation:oop-fish-swim var(--dur,18s) linear var(--delay,0s) infinite}@keyframes oop-fish-swim{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 80px))}}.oop-anchor{position:absolute;left:var(--left,10%);top:var(--top,78%);display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:oop-anchor-bob 4s ease-in-out var(--delay,0s) infinite}.oop-anchor-chain{width:2px;height:30px;background:repeating-linear-gradient(180deg,var(--anchor-color) 0 6px,transparent 6px 10px);opacity:.5}.oop-anchor-label{margin-top:4px;font-size:10px;font-weight:700;color:var(--anchor-color);letter-spacing:1px;text-transform:uppercase;opacity:.8;font-family:ui-monospace,monospace;background:rgb(0 0 0 / .4);padding:2px 6px}@keyframes oop-anchor-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}.oop-submarine{position:absolute;bottom:22%;left:-220px;pointer-events:none;animation:oop-submarine-cross 35s linear 3s infinite}@keyframes oop-submarine-cross{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 220px))}}.oop-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:opacity 0.3s,transform 0.3s}.oop-nav.is-hidden{opacity:0;transform:translateY(-80px);pointer-events:none}.oop-nav a{display:inline-flex;align-items:center;gap:.5rem;color:rgb(255 255 255 / .8);text-decoration:none;font-weight:500;transition:color 0.2s}.oop-nav a:hover{color:#fff}.oop-center{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:20}.oop-title{font-size:clamp(4rem, 12vw, 8rem);font-weight:900;line-height:1;background:linear-gradient(to right,#93c5fd,#a5f3fc,#99f6e4);-webkit-background-clip:text;background-clip:text;color:#fff0;user-select:none;animation:oop-title-in 1s ease-out}.oop-subtitle{font-size:clamp(1.25rem, 3vw, 1.875rem);font-weight:300;color:rgb(255 255 255 / .85);margin-top:.75rem;margin-bottom:2rem;animation:oop-subtitle-in 1s ease-out 0.4s both}.oop-badge{padding:.75rem 2rem;background:rgb(255 255 255 / .1);border:1px solid rgb(34 211 238 / .3);backdrop-filter:blur(4px);animation:oop-badge-in 1s ease-out 0.7s both}.oop-badge p{margin:0;color:#67e8f9;font-size:1rem}.oop-scroll-hint{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgb(34 211 238 / .5);animation:oop-scroll-bounce 2.5s ease-in-out infinite}.oop-scroll-hint span{font-size:.875rem}@keyframes oop-title-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes oop-subtitle-in{from{opacity:0}to{opacity:1}}@keyframes oop-badge-in{from{opacity:0}to{opacity:1}}@keyframes oop-scroll-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}.oop-whale-wrap{position:fixed;z-index:30;cursor:pointer;opacity:0;min-height:140px;min-width:260px;transition:transform 0.2s;outline:none;border:none;box-shadow:none;user-select:none;background:#fff0}.oop-whale-wrap:focus,.oop-whale-wrap:focus-visible{outline:none;border:none;box-shadow:none}.oop-whale-wrap:hover{transform:scale(1.06);animation-duration:4s}.oop-whale-wrap[data-whale=encapsulation]{top:8vh;left:2vw;animation:oop-whale-enter-left 2s ease-out 0s forwards,oop-whale-float 5s ease-in-out 2s infinite}.oop-whale-wrap[data-whale=abstraction]{top:14vh;right:3vw;left:auto;animation:oop-whale-enter-right 2s ease-out 0.25s forwards,oop-whale-float 5.7s ease-in-out 2.25s infinite}.oop-whale-wrap[data-whale=inheritance]{top:58vh;left:3vw;animation:oop-whale-enter-bottom-left 2s ease-out 0.5s forwards,oop-whale-float 5.35s ease-in-out 2.5s infinite}.oop-whale-wrap[data-whale=polymorphism]{top:55vh;right:2vw;left:auto;animation:oop-whale-enter-bottom-right 2s ease-out 0.75s forwards,oop-whale-float 5.7s ease-in-out 2.75s infinite}@keyframes oop-whale-enter-left{from{opacity:0;transform:translate(-85%,0) scale(.2)}to{opacity:1;transform:translate(0,0) scale(1)}}@keyframes oop-whale-enter-right{from{opacity:0;transform:translate(85%,0) scale(.2)}to{opacity:1;transform:translate(0,0) scale(1)}}@keyframes oop-whale-enter-bottom-left{from{opacity:0;transform:translate(-60%,35%) scale(.2)}to{opacity:1;transform:translate(0,0) scale(1)}}@keyframes oop-whale-enter-bottom-right{from{opacity:0;transform:translate(60%,35%) scale(.2)}to{opacity:1;transform:translate(0,0) scale(1)}}@keyframes oop-whale-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-25px)}}.oop-whale-sprite{width:340px;height:160px;background-image:url(https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/69638e6dfca734f543d8ea0a/39681421f_image.png);background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 8px 20px rgb(0 40 120 / .5));transition:filter 0.3s;outline:none;border:none;box-shadow:none;pointer-events:none}.oop-whale-wrap.is-active .oop-whale-sprite{filter:drop-shadow(0 0 22px rgb(100 200 255 / .9)) brightness(1.15);animation:oop-whale-click-pulse 0.4s ease-out}@keyframes oop-whale-click-pulse{0%{transform:scale(1)}35%{transform:scale(1.06)}100%{transform:scale(1)}}.oop-whale-wrap[data-whale=encapsulation] .oop-whale-sprite{background-position:0% 0%}.oop-whale-wrap[data-whale=abstraction] .oop-whale-sprite{width:289px;height:136px;background-position:100% 0%}.oop-whale-wrap[data-whale=inheritance] .oop-whale-sprite{width:306px;height:144px;background-position:0% 100%}.oop-whale-wrap[data-whale=polymorphism] .oop-whale-sprite{width:323px;height:152px;background-position:100% 100%}.oop-whale-label{position:absolute;bottom:-1.75rem;left:50%;transform:translateX(-50%);white-space:nowrap;color:rgb(255 255 255 / .85);font-size:.875rem;font-weight:600;font-family:var(--wp--preset--font-family--monospace,ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace);pointer-events:none;outline:none;user-select:none;opacity:0;transition:opacity 0.2s ease}.oop-whale-label.oop-whale-label--visible{opacity:1}.oop-tooltip{position:fixed;bottom:24px;right:24px;left:24px;max-width:420px;margin-left:auto;z-index:200;background:rgb(0 0 0 / .95);border:1px solid rgb(255 255 255 / .2);backdrop-filter:blur(8px);overflow:hidden;transition:opacity 0.3s,transform 0.3s}.oop-tooltip.is-hidden{opacity:0;transform:translateY(60px);pointer-events:none}.oop-tooltip-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.25rem .75rem}.oop-tooltip-title{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.oop-tooltip-subtitle{margin:.25rem 0 0;font-size:.875rem}.oop-tooltip-close{background:none;border:none;color:rgb(255 255 255 / .4);padding:4px;cursor:pointer;margin-left:1rem;flex-shrink:0;pointer-events:auto}.oop-tooltip-close:hover{color:#fff}.oop-tooltip-desc{padding:0 1.25rem 1rem;margin:0;font-size:.875rem;color:rgb(255 255 255 / .75);line-height:1.6}.oop-tooltip-code{margin:0 1.25rem 1.25rem;padding:1rem;background:#030712;font-size:.75rem;color:#4ade80;overflow-x:auto;line-height:1.5;font-family:ui-monospace,monospace;border-radius:4px}.oop-tooltip-code code{white-space:pre}.oop-content{position:relative;background:#fff;z-index:60}.solid-page{min-height:100vh;background:#0a0a0f;color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}.solid-page .wp-block-group{padding:0;margin:0}.solid-header{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;display:flex;align-items:center;padding:0 1.5rem;background:rgb(10 10 15 / .7);backdrop-filter:blur(14px);border-bottom:1px solid rgb(255 255 255 / .06)}.solid-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:80rem;margin:0 auto}.solid-header__logo{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:1rem}.solid-header__logo-icon{background:linear-gradient(135deg,#0073aa 0%,#005177 100%);padding:.5rem .75rem;margin-right:.25rem}.solid-header__logo-text{color:#fff}.solid-header__title{display:flex;align-items:center;justify-content:center;flex:1;gap:.25rem;font-weight:900;font-size:1.5rem}.solid-header__letter{background:none;border:none;color:rgb(255 255 255 / .3);cursor:pointer;padding:0 .375rem;line-height:1;transition:color 0.3s;font:inherit}.solid-header__letter:hover{color:rgb(255 255 255 / .6)}.solid-header__badge{display:none;margin-left:.75rem;padding:.125rem .5rem;font-size:.75rem;font-weight:400;border:1px solid;font-family:system-ui,sans-serif;letter-spacing:.05em}@media (min-width:768px){.solid-header__badge{display:inline}}.solid-header__nav{display:none;gap:1.25rem}.solid-header__nav a{color:rgb(255 255 255 / .3);text-decoration:none;font-size:.875rem;font-weight:500;transition:color 0.2s}.solid-header__nav a:hover{color:#fff}@media (min-width:768px){.solid-header__nav{display:flex}}.solid-panels{display:flex;flex-direction:column;padding-top:4rem;padding-bottom:1.5rem;height:100vh;min-height:0;box-sizing:border-box}.solid-panel{--solid-accent:#3b82f6;--solid-bg:#1e3a5f;position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:flex 0.5s ease-in-out,min-height 0.5s ease-in-out;border-bottom:1px solid rgb(255 255 255 / .04)}.solid-panel:first-child{margin-top:30px}.solid-panel:last-child{border-bottom:none}.solid-panel.is-collapsed{flex:.3;min-height:2.8rem}.solid-panel.is-collapsed .solid-panel__collapsed{display:flex}.solid-panel.is-collapsed .solid-panel__content{opacity:0;pointer-events:none}.solid-panel.is-collapsed .solid-panel__watermark{display:none}.solid-panel.is-active{flex:5;cursor:default}.solid-panel.is-active .solid-panel__default{display:none}.solid-panel.is-active .solid-panel__expanded{display:flex}.solid-panel.is-active .solid-panel__watermark{display:none}.solid-panel--srp{--solid-accent:#3b82f6;--solid-bg:#1e3a5f}.solid-panel--ocp{--solid-accent:#8b5cf6;--solid-bg:#2d1b69}.solid-panel--lsp{--solid-accent:#14b8a6;--solid-bg:#134e4a}.solid-panel--isp{--solid-accent:#eab308;--solid-bg:#422006}.solid-panel--dip{--solid-accent:#ef4444;--solid-bg:#450a0a}.solid-panel__collapsed{display:none;position:absolute;inset:0;align-items:center;padding:0 1.5rem;gap:1rem;z-index:10}.solid-panel__collapsed .solid-panel__letter{font-size:1.5rem;font-weight:900;color:var(--solid-accent)}.solid-panel__collapsed .solid-panel__name{font-size:.875rem;color:rgb(255 255 255 / .3);display:none}@media (min-width:768px){.solid-panel__collapsed .solid-panel__name{display:block}}.solid-panel__collapsed .solid-panel__arrow{margin-left:auto;margin-right:1rem;opacity:.5;color:var(--solid-accent)}.solid-panel__content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;transition:opacity 0.3s}.solid-panel__default{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1rem 1.5rem 1rem;min-height:0;max-width:1200px;width:100%;margin:0 auto}@media (min-width:768px){.solid-panel__default{padding:1.5rem 2rem 1rem}}.solid-panel__giant{font-size:clamp(2.5rem, 6vw, 5rem);font-weight:900;line-height:1;opacity:.12;flex-shrink:0;color:var(--solid-accent)}.solid-panel__info{position:relative;z-index:10;margin-top:-1rem}.solid-panel__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.25rem;color:var(--solid-accent)}.solid-panel__heading{font-size:1.25rem;font-weight:900;color:#fff;line-height:1.2;margin:0}@media (min-width:768px){.solid-panel__heading{font-size:1.5rem}}.solid-panel__subtitle{color:rgb(255 255 255 / .4);font-size:.875rem;margin:.25rem 0 0;font-weight:300}.solid-panel__hint{font-size:.75rem;color:rgb(255 255 255 / .2);margin:.5rem 0 0}.solid-panel__expanded{display:none;flex-direction:column;width:100%;height:100%;overflow:hidden}@media (min-width:768px){.solid-panel__expanded{flex-direction:row}}.solid-panel__left{flex:0 0 40%;display:flex;flex-direction:column;padding:1.5rem 2rem;overflow-y:auto;border-right:1px solid rgb(255 255 255 / .08)}@media (min-width:768px){.solid-panel__left{padding:1.5rem 2rem}}.solid-panel.is-active .solid-panel__left{border-right-color:color-mix(in srgb,var(--solid-accent) 15%,transparent)}.solid-panel__collapse{align-self:flex-start;font-size:.75rem;padding:.375rem .75rem;border:1px solid color-mix(in srgb,var(--solid-accent) 40%,transparent);background:none;color:var(--solid-accent);cursor:pointer;margin-bottom:1.5rem;transition:opacity 0.2s;font-family:inherit}.solid-panel__collapse:hover{opacity:.8}.solid-panel__flow-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;color:var(--solid-accent);opacity:.9}.solid-panel__flow-letter{font-size:2.25rem;font-weight:900;color:#fff;margin:0 0 .5rem;line-height:1}@media (min-width:768px){.solid-panel__flow-letter{font-size:2.5rem}}.solid-panel__flow-name{font-size:1.125rem;font-weight:700;color:rgb(255 255 255 / .7);margin:0 0 .25rem}.solid-panel__flow-tagline{font-size:.875rem;color:rgb(255 255 255 / .4);line-height:1.5;margin:0 0 2rem;font-weight:300}.solid-panel__flow{display:flex;flex-direction:column;gap:.5rem}.solid-panel__flow-node{padding:.75rem 1rem;border-left:2px solid var(--solid-accent);background:color-mix(in srgb,var(--solid-accent) 5%,transparent)}.solid-panel__flow-node>div:first-child{font-weight:700;font-size:.875rem;color:rgb(255 255 255 / .8)}.solid-panel__flow-node>div:last-child{font-size:.75rem;margin-top:.25rem;color:var(--solid-accent);opacity:.9}.solid-panel__flow-node--bad{border-left-color:#ef4444;background:rgb(239 68 68 / .06)}.solid-panel__flow-node--bad>div:last-child{color:#ef4444}.solid-panel__flow-arrow{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;margin-left:1rem;font-size:.75rem;color:rgb(255 255 255 / .3)}.solid-panel__flow-arrow::before{content:"";width:1px;height:1.5rem;background:color-mix(in srgb,var(--solid-accent) 40%,transparent);opacity:.9}.solid-panel__right{flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem;overflow-y:auto}.solid-panel__teaser-label,.solid-panel__sections-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem;color:rgb(255 255 255 / .3)}.solid-panel__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.solid-panel__badges span{font-size:.75rem;padding:.25rem .75rem;border:1px solid color-mix(in srgb,var(--solid-accent) 40%,transparent);background:color-mix(in srgb,var(--solid-accent) 6%,transparent);color:var(--solid-accent)}.solid-panel__sections{display:flex;flex-direction:column;gap:.25rem}.solid-panel__sections a{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-left:2px solid color-mix(in srgb,var(--solid-accent) 30%,transparent);background:color-mix(in srgb,var(--solid-accent) 3%,transparent);color:rgb(255 255 255 / .7);text-decoration:none;font-size:.875rem;transition:color 0.2s,background 0.2s}.solid-panel__sections a:hover{color:#fff;background:color-mix(in srgb,var(--solid-accent) 8%,transparent)}.solid-panel__cta{margin-top:1.5rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--solid-accent) 20%,transparent)}.solid-panel__cta a{font-size:.875rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;color:var(--solid-accent);transition:opacity 0.2s}.solid-panel__cta a:hover{opacity:.8}.solid-panel__watermark{position:absolute;right:5%;top:50%;transform:translate(0,-50%);font-size:clamp(3rem, 10vw, 7rem);font-weight:900;line-height:1;opacity:.06;pointer-events:none;letter-spacing:-.02em}.ddd-page{min-height:100vh;background:#0a0a0f;color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}.ddd-page .wp-block-group{margin:0}.ddd-header{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;display:flex;align-items:center;padding:0 1.5rem;background:rgb(10 10 15 / .55);backdrop-filter:blur(12px);border-bottom:1px solid rgb(255 255 255 / .06)}.ddd-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:80rem;margin:0 auto}.ddd-header__logo{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:1rem}.ddd-header__logo-icon{background:linear-gradient(135deg,#0073aa 0%,#005177 100%);padding:.5rem .75rem;margin-right:.25rem}.ddd-header__logo-text{color:#fff}.ddd-header__back{display:inline-flex;align-items:center;color:rgb(255 255 255 / .3);text-decoration:none;font-size:.8125rem;font-weight:500;transition:color 0.2s;margin-left:.5rem}.ddd-header__back:hover{color:#fff}.forwp-header .ddd-header__back{color:rgb(0 0 0 / .6)}.forwp-header .ddd-header__back:hover{color:rgb(0 0 0 / .9)}@media (max-width:767px){.ddd-header__back{display:none}}.ddd-header__title{display:flex;align-items:center;justify-content:center;flex:1;gap:.25rem;font-weight:900;font-size:1.25rem}.ddd-header__letter{background:none;border:none;border-radius:.25rem;color:rgb(255 255 255 / .3);cursor:pointer;padding:.35rem .5rem;line-height:1;transition:color 0.2s,background 0.2s,border-color 0.2s;font:inherit}.ddd-header__letter[data-ddd="0"]{color:var(--wp--preset--color--ddd-domain,#7c3aed)}.ddd-header__letter[data-ddd="1"]{color:var(--wp--preset--color--ddd-driven,#0073aa)}.ddd-header__letter[data-ddd="2"]{color:var(--wp--preset--color--ddd-design,#0d9488)}.ddd-header__letter:hover{opacity:.85}.ddd-header__letter.is-active{background:rgb(255 255 255 / .08);border:1px solid currentColor}.ddd-header__badge{display:none;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:400;border:1px solid;font-family:system-ui,sans-serif;letter-spacing:.05em}@media (min-width:768px){.ddd-header__badge{display:inline}}.ddd-header__nav{display:none;gap:1.25rem}.ddd-header__nav a{color:rgb(255 255 255 / .3);text-decoration:none;font-size:.875rem;font-weight:500;transition:color 0.2s}.ddd-header__nav a:hover{color:#fff}@media (min-width:768px){.ddd-header__nav{display:flex}}.ddd-panels{display:flex;flex-direction:row;height:100vh;min-height:0;box-sizing:border-box;overflow:hidden;margin-top:4rem}.ddd-panel{--ddd-accent:#0073aa;--ddd-bg:#0f172a;position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:flex 0.5s ease-in-out,opacity 0.5s ease-in-out;border-right:1px solid rgb(255 255 255 / .05);background:var(--ddd-bg)}.ddd-panel:last-child{border-right:none}.ddd-panel.is-collapsed{flex:.5;opacity:.6}@media (max-width:767px){.ddd-panel.is-collapsed{flex:.32}}.ddd-panel.is-collapsed .ddd-panel__collapsed{display:flex}.ddd-panel.is-collapsed .ddd-panel__content{opacity:0;pointer-events:none}.ddd-panel.is-collapsed .ddd-panel__watermark{display:none}.ddd-panel.is-active{flex:2;cursor:default;opacity:1}.ddd-panel.is-active .ddd-panel__default{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:1.5rem;padding-bottom:1.25rem;min-height:0}.ddd-panel.is-active .ddd-panel__default .ddd-panel__giant,.ddd-panel.is-active .ddd-panel__default .ddd-panel__preview,.ddd-panel.is-active .ddd-panel__default .ddd-panel__hint{display:none!important}.ddd-panel.is-active .ddd-panel__default .ddd-panel__info{margin-top:0}.ddd-panel.is-active .ddd-panel__expanded{display:flex;flex:1;min-height:0}.ddd-panel.is-active .ddd-panel__watermark{display:none}.ddd-panel--driven{--ddd-accent:var(--wp--preset--color--ddd-driven, #0073aa);background:var(--wp--preset--gradient--ddd-driven-bg)}.ddd-panel--domain{--ddd-accent:var(--wp--preset--color--ddd-domain, #7c3aed);background:var(--wp--preset--gradient--ddd-domain-bg)}.ddd-panel--design{--ddd-accent:var(--wp--preset--color--ddd-design, #0d9488);background:var(--wp--preset--gradient--ddd-design-bg)}.ddd-panel__collapsed{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;pointer-events:none}.ddd-panel__letter{display:none}.ddd-panel__name{display:block;font-size:1.75rem;font-weight:900;color:var(--ddd-accent);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.15em;text-transform:uppercase}@media (min-width:768px){.ddd-panel__name{font-size:2.25rem}}.ddd-panel__arrow{width:1.25rem;height:1.25rem;opacity:.3;color:#fff;transform:rotate(-90deg);flex-shrink:0}.ddd-panel__content{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;transition:opacity 0.3s;-ms-overflow-style:none;scrollbar-width:none}.ddd-panel__content::-webkit-scrollbar{display:none}.ddd-panel__default{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-height:0;padding:1.5rem 1.75rem 2rem;max-width:100%;box-sizing:border-box}@media (min-width:768px){.ddd-panel__default{padding-left:2rem;padding-right:2rem}}@media (max-width:767px){.ddd-panel:not(.is-active) .ddd-panel__default{display:none!important}.ddd-panel:not(.is-active) .ddd-panel__collapsed{display:flex!important}}.ddd-panel__giant{font-size:clamp(4rem, 8vw, 8rem);font-weight:900;line-height:1;opacity:.12;flex-shrink:0;color:var(--ddd-accent);margin:0 0 .25rem}.ddd-panel__info{position:relative;z-index:10;margin-top:-2rem}.ddd-panel__label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:0.35rem!important;color:var(--ddd-accent)!important;opacity:.95}.ddd-panel__heading{font-size:clamp(1.5rem, 3vw, 3rem)!important;font-weight:900!important;color:#fff!important;line-height:1.1!important;margin:0 0 0.25rem!important}.ddd-panel__subtitle{color:rgb(255 255 255 / .5)!important;font-size:clamp(0.9rem, 1.5vw, 1.1rem)!important;margin:0 0 0.5rem!important;font-weight:300!important}.ddd-panel__tagline{color:rgb(255 255 255 / .4)!important;font-size:0.875rem!important;line-height:1.5!important;max-width:560px;margin:0!important}.ddd-panel__preview{margin-top:1.5rem!important;display:flex;flex-direction:column;gap:.5rem}.ddd-panel__preview-row{display:flex;align-items:center;gap:.875rem;font-size:0.8125rem!important;margin:0!important}.ddd-panel__preview-label{color:#fff;width:7rem;flex-shrink:0;font-size:inherit}.ddd-panel__preview-code{padding:.35rem .75rem;font-size:.8125rem;color:#fff;background:color-mix(in srgb,var(--ddd-accent) 35%,transparent);border:none;border-radius:.375rem;font-family:inherit}.ddd-panel__hint{font-size:0.8125rem!important;color:var(--ddd-accent)!important;margin:1.25rem 0 0!important;display:flex;align-items:center;gap:.5rem}.ddd-panel__expanded{display:none;flex-direction:column;width:100%;box-sizing:border-box;padding:1.5rem 1.75rem 2.5rem;padding-top:1.5rem;gap:2rem;overflow-y:auto}@media (min-width:768px){.ddd-panel__expanded{padding-left:2rem;padding-right:2rem;padding-top:1.75rem}}.ddd-panel__collapse{align-self:flex-start;font-size:.75rem;padding:.5rem .75rem;border:1px solid color-mix(in srgb,var(--ddd-accent) 40%,transparent);background:color-mix(in srgb,var(--ddd-accent) 12%,transparent);color:var(--ddd-accent);cursor:pointer;margin:0 0 .25rem;transition:opacity 0.2s;font-family:inherit}.ddd-panel__collapse:hover{opacity:.8}.ddd-panel__sections{display:flex;flex-direction:column;gap:2rem}.ddd-panel__section{display:flex;flex-direction:column;gap:.75rem}.ddd-panel__section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:rgb(255 255 255 / .5);margin:0;display:flex;align-items:center;gap:.75rem}.ddd-panel__section-title::before{content:"";width:2rem;height:1px;background:var(--ddd-accent)}.ddd-panel__section-desc{font-size:.875rem;line-height:1.6;color:rgb(255 255 255 / .5);max-width:32rem;margin:0;padding-right:.5rem}.ddd-panel__code{font-size:.75rem;line-height:1.55;padding:1.125rem 1.25rem!important;overflow-x:auto;background:rgb(0 0 0 / .4)!important;color:var(--ddd-accent)!important;border:none!important;border-left:3px solid var(--ddd-accent)!important;border-radius:0 .25rem .25rem 0;margin:0;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;white-space:pre!important;max-width:100%;box-sizing:border-box}.ddd-panel__code,.ddd-panel__code code{white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important}.ddd-panel__code code{background:none!important;padding:0!important;color:inherit!important;display:block}.ddd-page .wp-block-code-advanced{margin:0;border:none;border-left:3px solid var(--ddd-accent);border-radius:0 .25rem .25rem 0;background:rgb(0 0 0 / .4);overflow:hidden}.ddd-page .wp-block-code-advanced .code-header{background:rgb(0 0 0 / .25);border-bottom:1px solid color-mix(in srgb,var(--ddd-accent) 25%,transparent);padding:.35rem .75rem}.ddd-page .wp-block-code-advanced .code-language,.ddd-page .wp-block-code-advanced .code-copy-btn,.ddd-page .wp-block-code-advanced .code-share-btn{color:var(--ddd-accent)}.ddd-page .wp-block-code-advanced .code-copy-btn,.ddd-page .wp-block-code-advanced .code-share-btn{background:#fff0;border-color:color-mix(in srgb,var(--ddd-accent) 35%,transparent)}.ddd-page .wp-block-code-advanced pre{margin:0;padding:1.125rem 1.25rem;background:#fff0;color:var(--ddd-accent);font-size:.75rem;line-height:1.55;white-space:pre}.ddd-panel__cta-wrap{border-top:1px solid color-mix(in srgb,var(--ddd-accent) 20%,transparent);padding-top:1.5rem;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.ddd-panel__cta-link{margin:0}.ddd-panel__cta-link a{font-size:.875rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;color:var(--ddd-accent);transition:opacity 0.2s}.ddd-panel__cta-link a:hover{opacity:.8}.ddd-panel__cta-link--secondary a{color:rgb(255 255 255 / .5)}.ddd-panel__cta-link--secondary a:hover{color:rgb(255 255 255 / .5);opacity:1}.ddd-panel__watermark{position:absolute;right:5%;top:50%;transform:translate(0,-50%);font-size:clamp(3rem, 10vw, 7rem);font-weight:900;line-height:1;opacity:.06;pointer-events:none;margin:0}.mcp-hero{text-align:center}.mcp-hero__badge{display:inline-block;font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--wp--preset--color--mcp-accent,#0073aa) 30%,transparent);padding:.25rem .75rem;margin-bottom:1rem}.mcp-hero__title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:700;margin:1rem 0;line-height:1.2}.mcp-hero__desc{max-width:42rem;margin-left:auto;margin-right:auto;font-size:1.25rem;opacity:.85}.mcp-pyramid-wrap{padding:2rem 0}.mcp-pyramid-hint{font-size:.75rem;font-family:ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-bottom:2rem!important}.mcp-pyramid{display:flex;flex-direction:column;align-items:center;max-width:32rem;margin:0 auto;gap:0}.mcp-page:has(.mcp-detail.is-active) .mcp-pyramid__layer:not(.is-active){opacity:.4}.mcp-pyramid__layer{width:100%;height:90px;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1rem;border:2px solid;cursor:pointer;transition:background-color 0.3s,border-color 0.3s,box-shadow 0.3s,transform 0.2s;font:inherit;text-align:left}.mcp-pyramid__layer--presenter{clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:var(--wp--preset--color--mcp-layer-presenter,#f8fafc);border-color:#e2e8f0}.mcp-pyramid__layer--presenter.is-active{background:#0f172a;border-color:#0f172a;box-shadow:0 8px 32px rgb(0 0 0 / .18)}.mcp-pyramid__layer--presenter.is-active .mcp-pyramid__label{color:#fff}.mcp-pyramid__layer--presenter.is-active .mcp-pyramid__subtitle{color:rgb(255 255 255 / .7)}.mcp-pyramid__layer--controller{clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);background:var(--wp--preset--color--mcp-layer-controller,#f1f5f9);border-color:#cbd5e1}.mcp-pyramid__layer--controller.is-active{background:#1e293b;border-color:#1e293b;box-shadow:0 8px 32px rgb(0 0 0 / .18)}.mcp-pyramid__layer--controller.is-active .mcp-pyramid__label{color:#fff}.mcp-pyramid__layer--controller.is-active .mcp-pyramid__subtitle{color:rgb(255 255 255 / .7)}.mcp-pyramid__layer--model{clip-path:polygon(3% 0%,97% 0%,100% 100%,0% 100%);background:var(--wp--preset--color--mcp-layer-model,#e2e8f0);border-color:#94a3b8}.mcp-pyramid__layer--model.is-active{background:#334155;border-color:#334155;box-shadow:0 8px 32px rgb(0 0 0 / .18)}.mcp-pyramid__layer--model.is-active .mcp-pyramid__label{color:#fff}.mcp-pyramid__layer--model.is-active .mcp-pyramid__subtitle{color:rgb(255 255 255 / .7)}.mcp-pyramid__layer:hover:not(.is-active){opacity:.9}.mcp-pyramid__label{font-size:1rem;font-weight:700;color:#1e293b}.mcp-pyramid__subtitle{font-size:.75rem;font-family:ui-monospace,monospace;color:#64748b}@media (max-width:768px){.mcp-pyramid__subtitle{display:none}}.mcp-pyramid-links{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.mcp-pyramid-links__btn{font-size:.75rem;font-family:ui-monospace,monospace;background:none;border:none;cursor:pointer;color:#9ca3af;transition:color 0.2s}.mcp-pyramid-links__btn:hover,.mcp-pyramid-links__btn.is-active{color:#111827;font-weight:700;text-decoration:underline}.mcp-detail{display:none;color:#fff}.mcp-detail.is-active{display:block}.mcp-detail__title{font-size:2.25rem;font-weight:700;margin-bottom:.25rem}.mcp-detail__tagline{font-size:1.125rem;opacity:.7;font-style:italic;margin-bottom:2rem}.mcp-detail__section-title{font-size:.75rem;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;opacity:.5;margin-top:2rem;margin-bottom:.75rem}.mcp-detail__desc{opacity:.85;line-height:1.6;max-width:65ch}.mcp-detail__responsibilities{list-style:none;padding-left:0;margin:.5rem 0 2rem}.mcp-detail__responsibilities li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;opacity:.85;font-size:.9375rem}.mcp-detail__responsibilities li::before{content:"→";opacity:.4;flex-shrink:0}.mcp-accordion{border:1px solid rgb(255 255 255 / .1);margin-bottom:.5rem}.mcp-accordion summary{padding:1rem 1.25rem;cursor:pointer;font-weight:600;font-size:.9375rem;transition:background 0.2s;list-style:none}.mcp-accordion summary::-webkit-details-marker{display:none}.mcp-accordion summary::after{content:"▼";float:right;font-size:.7rem;opacity:.5}.mcp-accordion[open] summary::after{content:"▲"}.mcp-accordion summary:hover{background:rgb(255 255 255 / .05)}.mcp-accordion__detail{padding:0 1.25rem .5rem;font-size:.75rem;font-family:ui-monospace,monospace;opacity:.5;margin:0!important}.mcp-accordion__code,.mcp-accordion .wp-block-code{margin:0!important;padding:1.25rem!important;font-size:.8125rem;line-height:1.5;background:rgb(0 0 0 / .35)!important;color:#4ade80;border-top:1px solid rgb(255 255 255 / .1);overflow-x:auto;white-space:pre-wrap}.mcp-flow__badge{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem!important}.mcp-flow__title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.mcp-flow__desc{font-size:1.125rem;opacity:.85;margin-bottom:2rem!important}.mcp-flow-step{border:2px solid #e5e7eb;margin-bottom:.5rem;background:#fff}.mcp-flow-step summary{padding:1rem 1.25rem;cursor:pointer;font-weight:600;transition:background 0.2s;list-style:none}.mcp-flow-step summary::-webkit-details-marker{display:none}.mcp-flow-step summary::after{content:"▼";float:right;font-size:.7rem;opacity:.5}.mcp-flow-step[open] summary::after{content:"▲"}.mcp-flow-step summary:hover{background:#f9fafb}.mcp-flow-step p{padding:0 1.25rem .5rem;margin:0!important;font-size:.9375rem;line-height:1.5}.mcp-flow-step__code,.mcp-flow-step .wp-block-code{margin:0 1.25rem 1.25rem!important;padding:1.25rem!important;font-size:.8125rem;background:#030712!important;color:#4ade80;border-radius:.25rem;overflow-x:auto;white-space:pre-wrap}.mcp-practices__badge{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--mcp-accent,#0073aa)!important;margin-bottom:1rem!important}.mcp-practices__title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.mcp-practices__desc{font-size:1.125rem;opacity:.85;margin-bottom:2rem!important}.mcp-practices-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:3rem}@media (min-width:768px){.mcp-practices-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mcp-practices-grid{grid-template-columns:repeat(3,1fr)}}.mcp-practice{padding:1.5rem;border:2px solid;border-radius:.25rem;transition:border-color 0.2s}.mcp-practice--do{border-color:#e5e7eb}.mcp-practice--do:hover{border-color:#111827}.mcp-practice--dont{border-style:dashed;border-color:#e5e7eb}.mcp-practice--dont:hover{border-color:#fca5a5}.mcp-practice__title{font-size:1rem;font-weight:700;margin-bottom:.5rem}.mcp-practice__text{font-size:.9375rem;line-height:1.5;opacity:.85;margin:0!important}.mcp-comparison__title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.mcp-comparison{margin-bottom:2rem}.mcp-comparison .wp-block-column{border:2px solid;border-radius:.25rem;overflow:hidden}.mcp-comparison__label{padding:.75rem 1.25rem!important;font-size:0.75rem!important;font-family:ui-monospace,monospace!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.1em;margin:0!important}.mcp-comparison__label--bad{background:#fef2f2;color:#dc2626}.mcp-comparison__label--good{background:#f0fdf4;color:#16a34a}.mcp-comparison__code{margin:0!important;padding:1.25rem!important;font-size:.8125rem;white-space:pre-wrap;overflow-x:auto}.mcp-comparison__code--bad{background:rgb(220 38 38 / .05)!important;color:#991b1b}.mcp-comparison__code--good{background:rgb(22 163 74 / .05)!important;color:#166534}.mcp-principle-callout{color:#fff;max-width:48rem}.mcp-principle-callout__title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.mcp-principle-callout__text{font-size:1.125rem;line-height:1.6;opacity:.85;margin:0!important}.mvc-hero{text-align:center}.mvc-hero__badge{display:inline-block;font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--wp--preset--color--mvc-accent,#0073aa) 30%,transparent);padding:.25rem .75rem;margin-bottom:1rem}.mvc-hero__title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:700;line-height:1.2;margin:1rem 0}.mvc-hero__desc{max-width:42rem;margin-left:auto;margin-right:auto;font-size:1.25rem;opacity:.85}.mvc-diagram-wrap{padding:2rem 0}.mvc-diagram{position:relative;max-width:32rem;margin:0 auto;aspect-ratio:500/360;min-height:280px}.mvc-diagram__asset{display:block;width:100%;height:100%;position:absolute;inset:0}.mvc-diagram__svg{width:100%;height:100%;object-fit:contain;display:block}.mvc-diagram>.mvc-diagram-node{z-index:1;position:absolute;width:7.5rem;min-height:3.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:opacity 0.25s,filter 0.25s,transform 0.2s,box-shadow 0.25s;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.mvc-diagram>.mvc-diagram-node:hover{filter:brightness(1.1);transform:scale(1.03)}.mvc-diagram>.mvc-diagram-node.is-active{filter:brightness(1.15);box-shadow:0 4px 20px rgb(0 0 0 / .18),0 0 0 3px rgb(255 255 255 / .5);transform:scale(1.05)}.mvc-diagram>.mvc-diagram-node--controller{top:15%;left:50%;transform:translateX(-50%);background:var(--wp--preset--color--mvc-controller,#06b6d4)}.mvc-diagram>.mvc-diagram-node--controller:hover{transform:translateX(-50%) scale(1.03)}.mvc-diagram>.mvc-diagram-node--controller.is-active{transform:translateX(-50%) scale(1.05)}.mvc-diagram>.mvc-diagram-node--model{bottom:18%;left:4%;background:var(--wp--preset--color--mvc-model,#22c55e)}.mvc-diagram>.mvc-diagram-node--view{bottom:18%;right:4%;background:var(--wp--preset--color--mvc-view,#f97316)}.mvc-diagram svg .mvc-diagram-node:focus,.mvc-diagram svg .mvc-diagram-node:focus-visible,.mvc-diagram svg .mvc-diagram-node.is-active{outline:none!important;box-shadow:none!important}.mvc-diagram svg .mvc-diagram-node{transition:opacity 0.25s,filter 0.25s,transform 0.2s;transform-box:fill-box;transform-origin:center}.mvc-diagram svg .mvc-diagram-node:hover{filter:brightness(1.1);transform:scale(1.03)}.mvc-diagram svg .mvc-diagram-node.is-active{filter:brightness(1.15);transform:scale(1.05)}.mvc-diagram__label,.mvc-diagram .mvc-diagram-node__label{margin:0!important;color:#fff!important;font-weight:700!important;font-size:0.9375rem!important}.mvc-diagram .mvc-page:has(.mvc-detail.is-active) .mvc-diagram-node:not(.is-active){opacity:.4}.mvc-page:has(.mvc-detail.is-active) .mvc-diagram-legend__btn:not(.is-active){opacity:.5}.mvc-diagram-legend{margin-top:1.25rem!important;gap:1.5rem!important}.mvc-diagram-legend .wp-block-button{margin:0}.mvc-diagram-legend .mvc-diagram-legend__btn .wp-block-button__link,.mvc-diagram-legend .wp-block-button.mvc-diagram-legend__btn .wp-block-button__link{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-family:ui-monospace,monospace;background:none!important;border:none!important;color:#9ca3af;transition:color 0.2s;padding:.25rem 0!important;box-shadow:none!important}.mvc-diagram-legend .mvc-diagram-legend__btn .wp-block-button__link:hover,.mvc-diagram-legend .wp-block-button.mvc-diagram-legend__btn.is-active .wp-block-button__link{color:#111827;outline:none!important;box-shadow:none!important;border:none!important}.mvc-diagram-legend .mvc-diagram-legend__btn .wp-block-button__link:active,.mvc-diagram-legend .mvc-diagram-legend__btn .wp-block-button__link:focus,.mvc-diagram-legend .mvc-diagram-legend__btn .wp-block-button__link:focus-visible{outline:none!important;box-shadow:none!important;border:none!important}.mvc-diagram-legend .wp-block-button.mvc-diagram-legend__btn.is-active .wp-block-button__link{font-weight:700;background:rgb(0 0 0 / .06)!important;border-radius:9999px;padding:.35rem 0.75rem!important}.mvc-diagram-legend .mvc-diagram-legend__btn--controller .wp-block-button__link::before{content:"";width:.5rem;height:.5rem;border-radius:2px;background:var(--wp--preset--color--mvc-controller,#06b6d4)}.mvc-diagram-legend .mvc-diagram-legend__btn--controller .wp-block-button__link{justify-content:center}.mvc-diagram-legend .mvc-diagram-legend__btn--model .wp-block-button__link::before{content:"";width:.5rem;height:.5rem;border-radius:2px;background:var(--wp--preset--color--mvc-model,#22c55e)}.mvc-diagram-legend .mvc-diagram-legend__btn--view .wp-block-button__link::before{content:"";width:.5rem;height:.5rem;border-radius:2px;background:var(--wp--preset--color--mvc-view,#f97316)}.mvc-diagram-legend .wp-block-button.mvc-diagram-legend__btn.is-active .wp-block-button__link::before{width:.625rem;height:.625rem;box-shadow:none!important}.mvc-diagram-hint{font-size:.75rem;font-family:ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.6;text-align:center;margin-top:0.75rem!important}.mvc-detail{display:none;color:#fff}.mvc-detail.is-active{display:block}.mvc-detail__header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.mvc-detail__header-left{flex:1;min-width:0}.mvc-detail__label{font-size:.75rem;font-family:ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin:0 0 0.5rem!important}.mvc-detail__icon{flex-shrink:0}.mvc-detail__title{font-size:2.25rem;font-weight:700;margin:0}.mvc-detail__close{flex-shrink:0;margin:0!important}.mvc-detail__close .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0!important;font-size:1.5rem;line-height:1;background:rgb(255 255 255 / .1)!important;border:1px solid rgb(255 255 255 / .2);border-radius:4px;color:#fff;transition:background 0.2s,border-color 0.2s}.mvc-detail__close .wp-block-button__link:hover{background:rgb(255 255 255 / .2)!important;border-color:rgb(255 255 255 / .35)}.mvc-detail__body{align-items:stretch!important;gap:2.5rem}@media (max-width:768px){.mvc-detail__body{flex-direction:column}}.mvc-detail__body .wp-block-column{min-width:0}.mvc-detail__section:first-child .mvc-detail__section-title{margin-top:0}.mvc-detail__section-title{font-size:.75rem;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;opacity:.5;margin-top:2rem;margin-bottom:.75rem}.mvc-detail__section-title:first-child{margin-top:0}.mvc-detail__section-link{color:inherit;text-decoration:none;opacity:.85;transition:opacity 0.2s}.mvc-detail__section-link:hover{opacity:1;text-decoration:underline}.mvc-detail__tagline{font-size:1.125rem;opacity:.7;font-style:italic;margin:0 0 0.5rem!important}.mvc-detail__desc{opacity:.85;line-height:1.6;max-width:65ch;margin:0 0 1rem!important}.mvc-detail__responsibilities{list-style:none;padding-left:0;margin:.5rem 0 2rem}.mvc-detail__responsibilities li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;opacity:.85;font-size:.9375rem}.mvc-detail__responsibilities li::before{content:"→";opacity:.4;flex-shrink:0}body.block-editor-writing-flow .mvc-detail,body.block-editor-page .mvc-detail,body.editor-styles-wrapper .mvc-detail{display:block!important}.mvc-accordion-item{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:.75rem;padding-top:.5rem;margin-top:.5rem}.mvc-accordion-item:first-child{border-top:none;padding-top:0;margin-top:0}.mvc-accordion-item__icon{flex-shrink:0;margin-top:1rem}.mvc-detail--controller .mvc-accordion-item__icon{color:var(--wp--preset--color--mvc-controller,#06b6d4)}.mvc-detail--model .mvc-accordion-item__icon{color:var(--wp--preset--color--mvc-model,#22c55e)}.mvc-detail--view .mvc-accordion-item__icon{color:var(--wp--preset--color--mvc-view,#f97316)}.mvc-accordion{flex:1;min-width:0;border:1px solid rgb(255 255 255 / .15);border-radius:4px;margin:0}.mvc-accordion summary{padding:1rem 1.25rem;cursor:pointer;font-weight:600;font-size:.9375rem;transition:background 0.2s;list-style:none}.mvc-accordion summary::-webkit-details-marker{display:none}.mvc-accordion summary::after{content:"▼";float:right;font-size:.7rem;opacity:.5}.mvc-accordion[open] summary::after{content:"▲"}.mvc-accordion summary:hover{background:rgb(255 255 255 / .05)}.mvc-accordion__detail{padding:0 1.25rem .5rem;font-size:.75rem;font-family:ui-monospace,monospace;opacity:.6;margin:0!important}.mvc-accordion__code,.mvc-accordion .wp-block-code{margin:0!important;padding:1.25rem!important;font-size:.8125rem;line-height:1.5;background:rgb(0 0 0 / .35)!important;color:#4ade80;border-top:1px solid rgb(255 255 255 / .1);overflow-x:auto;white-space:pre-wrap}.header-transparent{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:5rem;pointer-events:none;height:80px}.header-transparent>*{pointer-events:auto}.header-transparent__left{flex:0 0 50%;display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;background:var(--wp--preset--color--gray-950,#0a0a0a);min-height:5rem}.header-transparent__left a{color:#fff;text-decoration:none;font-weight:700}.header-transparent__center{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;margin-block-start:0!important}.header-transparent__title-split,.header-transparent_title-split{position:relative;display:inline-block;width:max-content;min-height:1.2em;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-weight:900;font-size:1.6rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.header-transparent__title-ghost,.header-transparent_title-ghost{visibility:hidden;display:inline-block;pointer-events:none}.header-transparent__title-left,.header-transparent__title-right,.header-transparent_title-left,.header-transparent_title-right{position:absolute;left:0;top:0;display:block;width:100%;line-height:1.2;overflow:hidden}.header-transparent__title-left,.header-transparent_title-left{color:#fff;clip-path:inset(0 50% 0 0)}.header-transparent__title-right,.header-transparent_title-right{color:var(--wp--preset--color--gray-950,#0a0a0a);clip-path:inset(0 0 0 50%)}.header-transparent__right{flex:0 0 50%;display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem;background:var(--wp--preset--color--base,#fff);min-height:5rem}.header-transparent__right a{color:var(--wp--preset--color--gray-900,#171717);text-decoration:none;font-weight:500}.hooks-body{height:100vh;height:100dvh;display:flex;flex-wrap:nowrap;overflow:hidden}.hooks-panel{flex:0 0 50%;height:100%;overflow-y:auto;overflow-x:hidden;padding:7rem 1.5rem 2rem}.hooks-panel--left{background:var(--wp--preset--color--gray-950,#0a0a0a);color:#fff}.hooks-panel--left .hooks-panel__title{color:#fff}.hooks-panel--left .hooks-panel__intro,.hooks-panel--left .hooks-card__tagline{color:rgb(255 255 255 / .65)!important}.hooks-panel--left .hooks-panel__intro strong{color:var(--wp--preset--color--white-900,#fff)}.hooks-panel--right{background:var(--wp--preset--color--base,#fff);color:var(--wp--preset--color--gray-900,#171717)}.hooks-panel--right .hooks-panel__intro,.hooks-panel--right .hooks-card__tagline{color:var(--wp--preset--color--gray-600,#525252)!important}.hooks-panel--right .hooks-panel__intro strong{color:var(--wp--preset--color--black-900,#171717)!important}.hooks-panel__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.hooks-panel__icon{flex-shrink:0}.hooks-panel--left .hooks-panel__icon{color:var(--wp--preset--color--green-400,#4ade80)}.hooks-panel--right .hooks-panel__icon{color:var(--wp--preset--color--primary,#0073aa)}.hooks-panel__title{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:1.25rem;font-weight:700;margin:0}.hooks-panel__intro{font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.hooks-panel__signature{font-family:ui-monospace,monospace;font-size:.75rem;margin-bottom:1.5rem}.hooks-panel--left .hooks-panel__signature{color:var(--wp--preset--color--green-400,#4ade80)}.hooks-panel--right .hooks-panel__signature{color:var(--wp--preset--color--primary,#0073aa)}.hooks-accordion{display:flex;flex-direction:column;gap:.75rem}.hooks-card{border:1px solid;border-radius:4px;overflow:hidden;transition:border-color 0.2s}.hooks-panel--left .hooks-card{border-color:var(--wp--preset--color--gray-800,#262626)}.hooks-panel--left .hooks-card:hover{border-color:var(--wp--preset--color--gray-600,#525252)}.hooks-panel--right .hooks-card{border-color:var(--wp--preset--color--gray-200,#e5e5e5)}.hooks-panel--right .hooks-card:hover{border-color:var(--wp--preset--color--gray-400,#a3a3a3)}.hooks-card__heading{width:100%;text-align:left;padding:1rem 1.25rem;background:#fff0;border:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;font:inherit;position:relative;padding-right:2.5rem}.hooks-card__heading::after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%) rotate(0deg);width:0;height:0;border-left:5px solid #fff0;border-right:5px solid #fff0;border-top:6px solid currentColor;transition:transform 0.2s ease;flex-shrink:0}.hooks-card.is-open .hooks-card__heading::after{transform:translateY(-50%) rotate(180deg)}.hooks-panel--left .hooks-card__heading{color:#fff}.hooks-panel--right .hooks-card__heading{color:var(--wp--preset--color--gray-900,#171717)}.hooks-card__name{font-family:ui-monospace,monospace;font-size:.875rem;font-weight:700}.hooks-panel--left .hooks-card__name{color:var(--wp--preset--color--green-400,#4ade80)}.hooks-panel--right .hooks-card__name{color:var(--wp--preset--color--primary,#0073aa)}.hooks-card__tagline{font-size:.75rem;margin-top:.25rem}.hooks-card__content{display:none;padding:0 1.25rem 1.25rem;border-top:1px solid}.hooks-card.is-open .hooks-card__content{display:block}.hooks-panel--left .hooks-card__content{border-color:var(--wp--preset--color--gray-800,#262626);background:rgb(0 0 0 / .2);padding:1rem 1rem 1rem;margin:0}.hooks-panel--left .hooks-card__content .entry-content p{color:var(--wp--preset--color--white-900,#fff)!important}.hooks-panel--right .hooks-card__content{border-color:var(--wp--preset--color--gray-200,#e5e5e5);background:var(--wp--preset--color--gray-50,#fafafa)}.hooks-card__meta-wrap{margin-top:1rem;padding-top:1rem;border-top:1px solid}.hooks-panel--left .hooks-card__meta-wrap{border-color:var(--wp--preset--color--gray-800,#262626)}.hooks-panel--right .hooks-card__meta-wrap{border-color:var(--wp--preset--color--gray-200,#e5e5e5)}.hooks-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.hooks-card__since{font-family:ui-monospace,monospace;font-size:.75rem;padding:.2em .5em;border-radius:4px}.hooks-panel--left .hooks-card__since{background:rgb(34 197 94 / .2);color:var(--wp--preset--color--green-400,#4ade80)}.hooks-panel--right .hooks-card__since{background:rgb(0 115 170 / .1);color:var(--wp--preset--color--primary,#0073aa)}.hooks-card__source{font-family:ui-monospace,monospace;font-size:.75rem;opacity:.85;word-break:break-all}.hooks-panel--left .hooks-card__source{color:rgb(255 255 255 / .7)}.hooks-panel--right .hooks-card__source{color:var(--wp--preset--color--gray-600,#525252)}.hooks-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.hooks-card__read-more,.hooks-card__wp-docs{font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:4px;text-decoration:none;transition:opacity 0.2s}.hooks-card__read-more:hover,.hooks-card__wp-docs:hover{opacity:.9}.hooks-panel--left .hooks-card__read-more{background:var(--wp--preset--color--green-600,#16a34a);color:#fff}.hooks-panel--left .hooks-card__wp-docs{border:1px solid var(--wp--preset--color--gray-700,#404040);color:rgb(255 255 255 / .8)}.hooks-panel--right .hooks-card__read-more{background:var(--wp--preset--color--primary,#0073aa);color:#fff}.hooks-panel--right .hooks-card__wp-docs{border:1px solid var(--wp--preset--color--gray-400,#a3a3a3);color:var(--wp--preset--color--gray-600,#525252)}.pattern-oop-teaser{position:relative;overflow:hidden;min-height:28rem;padding:var(--wp--preset--spacing--70) var(--wp--preset--spacing--40);background:linear-gradient(180deg,#0c1e4a 0%,#0a3d7a 45%,#0e5f6e 100%);color:#fff}.oop-teaser__scene{position:absolute;inset:0;pointer-events:none;z-index:0}.oop-teaser__rays{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:220px;opacity:.18}.oop-teaser__ray{position:absolute;top:0;left:50%;width:2px;height:220px;background:linear-gradient(to bottom,rgb(254 249 195 / .7),transparent);transform-origin:top center}.oop-teaser__ray:nth-child(1){transform:rotate(-90deg)}.oop-teaser__ray:nth-child(2){transform:rotate(-72deg)}.oop-teaser__ray:nth-child(3){transform:rotate(-54deg)}.oop-teaser__ray:nth-child(4){transform:rotate(-36deg)}.oop-teaser__ray:nth-child(5){transform:rotate(-18deg)}.oop-teaser__ray:nth-child(6){transform:rotate(0deg)}.oop-teaser__ray:nth-child(7){transform:rotate(18deg)}.oop-teaser__ray:nth-child(8){transform:rotate(36deg)}.oop-teaser__ray:nth-child(9){transform:rotate(54deg)}.oop-teaser__ray:nth-child(10){transform:rotate(72deg)}.oop-teaser__bubble{position:absolute;bottom:-20px;width:var(--size,10px);height:var(--size,10px);left:var(--left,10%);border-radius:50%;border:1.5px solid rgb(255 255 255 / .22);background:radial-gradient(circle at 35% 32%,rgb(255 255 255 / .2) 0%,rgb(255 255 255 / .04) 70%);animation:oop-teaser-bubble-rise var(--dur,14s) ease-in-out var(--delay,0s) infinite}@keyframes oop-teaser-bubble-rise{0%{transform:translate(0,0);opacity:.85}100%{transform:translate(var(--drift,0),-420px);opacity:0}}.oop-teaser__fish{position:absolute;left:-40px;width:28px;height:16px;border-radius:50% 50% 45% 45%;opacity:.55;animation:oop-teaser-fish-swim 22s linear infinite}.oop-teaser__fish--1{top:22%;background:#fbbf24;animation-duration:20s;animation-delay:2s}.oop-teaser__fish--2{top:68%;width:22px;height:13px;background:#a78bfa;animation-duration:26s;animation-delay:8s}.oop-teaser__fish::after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-top:5px solid #fff0;border-bottom:5px solid #fff0;border-right:8px solid currentColor;color:inherit}@keyframes oop-teaser-fish-swim{0%{transform:translateX(0) scaleX(1)}49%{transform:translateX(calc(100vw + 80px)) scaleX(1)}50%{transform:translateX(calc(100vw + 80px)) scaleX(-1)}100%{transform:translateX(0) scaleX(-1)}}.oop-teaser__whale{position:absolute;z-index:1;display:block;text-decoration:none;opacity:.88;transition:transform 0.25s ease,opacity 0.25s ease;animation:oop-teaser-whale-float 5.5s ease-in-out infinite}.oop-teaser__whale:hover{opacity:1;transform:scale(1.05)}.oop-teaser__whale--encapsulation{top:8%;left:2%;animation-delay:0s}.oop-teaser__whale--encapsulation .oop-teaser__whale-sprite{background-position:0% 0%}.oop-teaser__whale--abstraction{top:10%;right:2%;left:auto;animation-delay:0.6s}.oop-teaser__whale--abstraction .oop-teaser__whale-sprite{width:120px;height:56px;background-position:100% 0%}.oop-teaser__whale--inheritance{bottom:10%;left:2%;top:auto;animation-delay:1.2s}.oop-teaser__whale--inheritance .oop-teaser__whale-sprite{width:128px;height:60px;background-position:0% 100%}.oop-teaser__whale--polymorphism{bottom:8%;right:2%;left:auto;top:auto;animation-delay:1.8s}.oop-teaser__whale--polymorphism .oop-teaser__whale-sprite{width:135px;height:64px;background-position:100% 100%}.oop-teaser__whale-sprite{width:140px;height:66px;background-image:url(https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/69638e6dfca734f543d8ea0a/39681421f_image.png);background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 6px 14px rgb(0 40 120 / .45));pointer-events:none}.oop-teaser__whale-label{display:block;margin-top:.35rem;text-align:center;color:rgb(255 255 255 / .8);font-size:.7rem;font-weight:600;font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace);letter-spacing:.02em}@keyframes oop-teaser-whale-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.oop-teaser__content{position:relative;z-index:2}.oop-teaser__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--wp--preset--spacing--40)}.oop-teaser__title{margin:0;font-size:clamp(3rem, 10vw, 5.5rem);font-weight:900;line-height:1;background:linear-gradient(to right,#93c5fd,#a5f3fc,#99f6e4);-webkit-background-clip:text;background-clip:text;color:#fff0}.oop-teaser__subtitle{margin:.75rem 0 1.5rem;font-size:clamp(1.125rem, 2.5vw, 1.625rem);font-weight:300;color:rgb(255 255 255 / .88)}.oop-teaser__badge{display:inline-block;width:auto;max-width:max-content;padding:.65rem 1.5rem;background:rgb(255 255 255 / .1);border:1px solid rgb(34 211 238 / .35);backdrop-filter:blur(4px)}.oop-teaser__badge p{margin:0;color:#67e8f9;font-size:.9375rem;white-space:nowrap}.oop-teaser__desc{color:rgb(255 255 255 / .82)!important;line-height:1.75}.oop-teaser__desc code{color:#67e8f9;background:rgb(0 0 0 / .25);padding:.1em .35em;font-size:.9em}.oop-teaser__cta .wp-element-button{font-weight:600;padding:.75rem 1.5rem;transition:transform 0.2s ease,box-shadow 0.2s ease}.oop-teaser__cta .wp-element-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0 / .25)}@media (max-width:782px){.pattern-oop-teaser{min-height:24rem;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)}.oop-teaser__whale{opacity:.45;transform:scale(.75)}.oop-teaser__whale--encapsulation,.oop-teaser__whale--inheritance{left:-4%}.oop-teaser__whale--abstraction,.oop-teaser__whale--polymorphism{right:-4%}.oop-teaser__badge p{white-space:normal;text-align:center}}@media (max-width:600px){.oop-teaser__whale{display:none}}.forwp-practice-case{--forwp-pc-sticky-top:1.5rem;--forwp-pc-workspace-height:calc(100dvh - 14rem)}.forwp-practice-case .forwp-practice-case__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 clamp(0.75rem, 2vw, 1.25rem);font-size:var(--wp--preset--font-size--small,.875rem);color:var(--wp--preset--color--gray-medium,#6b7280)}.forwp-practice-case .forwp-practice-case__breadcrumb a{color:inherit;text-decoration:none}.forwp-practice-case .forwp-practice-case__breadcrumb a:hover{color:var(--wp--preset--color--primary,#0073aa);text-decoration:underline}.forwp-practice-case .forwp-practice-case__breadcrumb-sep{opacity:.55;user-select:none}.forwp-practice-case .forwp-practice-case__shell{display:flex;flex-direction:column;gap:clamp(1rem, 2vw, 1.5rem)}.forwp-practice-case .forwp-practice-case__shell>.wp-block-post-title{margin:0;max-width:48rem}.forwp-practice-case .forwp-practice-case__shell>.wp-block-post-content,.forwp-practice-case .forwp-practice-case__shell>.entry-content{display:contents}.forwp-practice-case .forwp-practice-case__parts{display:contents}.forwp-practice-case .forwp-seo-techarticle-context{display:none}.forwp-practice-case .forwp-practice-case__shell>.forwp-seo-techarticle-goal,.forwp-practice-case .forwp-practice-case__shell>.wp-block-forwp-seo-techarticle-goal,.forwp-practice-case .forwp-practice-case__shell .wp-block-post-content>.forwp-seo-techarticle-goal,.forwp-practice-case .forwp-practice-case__shell .wp-block-post-content>.wp-block-forwp-seo-techarticle-goal{margin:0;padding-bottom:0;border-bottom:0}.forwp-practice-case .forwp-practice-case__shell>.forwp-seo-techarticle-goal>.wp-block-heading,.forwp-practice-case .forwp-practice-case__shell>.wp-block-forwp-seo-techarticle-goal>.wp-block-heading,.forwp-practice-case .forwp-practice-case__shell .wp-block-post-content>.forwp-seo-techarticle-goal>.wp-block-heading,.forwp-practice-case .forwp-practice-case__shell .wp-block-post-content>.wp-block-forwp-seo-techarticle-goal>.wp-block-heading{margin-top:0}.forwp-practice-case .forwp-practice-case__workspace,.forwp-practice-case .forwp-practice-case__shell>.wp-block-columns.forwp-practice-case__workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem, 2.5vw, 2rem);align-items:stretch;min-height:0;margin:0}@media (min-width:782px){.forwp-practice-case .forwp-practice-case__workspace,.forwp-practice-case .forwp-practice-case__shell>.wp-block-columns.forwp-practice-case__workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:var(--forwp-pc-workspace-height)}}.forwp-practice-case .forwp-practice-case__workspace-terminal,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-terminal{position:static;align-self:start;min-width:0;max-height:none}.forwp-practice-case .forwp-practice-case__workspace-terminal .wp-block-forwp-advanced-code-terminal,.forwp-practice-case .forwp-practice-case__workspace-terminal .forwp-ac-terminal-block,.forwp-practice-case .forwp-practice-case__workspace-terminal .forwp-ac-terminal,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-terminal .wp-block-forwp-advanced-code-terminal,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-terminal .forwp-ac-terminal-block,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-terminal .forwp-ac-terminal{min-height:0}.forwp-practice-case .forwp-practice-case__workspace-terminal .forwp-ac-terminal__shell,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-terminal .forwp-ac-terminal__shell{max-height:min(70vh, 640px)}@media (min-width:782px){.forwp-practice-case .forwp-practice-case__workspace-terminal,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-terminal{position:sticky;top:var(--forwp-pc-sticky-top);max-height:calc(100dvh - 3rem)}.forwp-practice-case .forwp-practice-case__workspace-terminal .forwp-ac-terminal__shell,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-terminal .forwp-ac-terminal__shell{max-height:calc(100dvh - 3rem)}}.forwp-practice-case .forwp-practice-case__workspace-steps,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-steps{min-width:0;max-height:none;overflow-y:visible;overscroll-behavior:auto;scrollbar-gutter:stable;padding:clamp(0.85rem, 1.5vw, 1.25rem);border:1px solid var(--wp--preset--color--gray-light,#e5e7eb);border-radius:0;background:var(--wp--preset--color--base,#fff)}@media (min-width:782px){.forwp-practice-case .forwp-practice-case__workspace-steps,.forwp-practice-case .forwp-practice-case__workspace>.forwp-practice-case__workspace-steps{max-height:calc(100dvh - 3rem);overflow-y:auto;overscroll-behavior:contain}}.forwp-practice-case .forwp-seo-techarticle-steps>.wp-block-heading,.forwp-practice-case .wp-block-forwp-seo-techarticle-steps>.wp-block-heading{margin-top:0;position:sticky;top:0;z-index:1;padding-bottom:.65rem;margin-bottom:.75rem;background:var(--wp--preset--color--base,#fff);border-bottom:1px solid var(--wp--preset--color--gray-light,#e5e7eb)}.forwp-practice-case .forwp-seo-techarticle-step{margin:0;padding:clamp(0.75rem, 1.25vw, 1rem);border-radius:6px;border-left:3px solid #fff0;transition:background-color 0.2s ease,border-color 0.2s ease,opacity 0.2s ease}.forwp-practice-case .forwp-seo-techarticle-step+.forwp-seo-techarticle-step{margin-top:clamp(0.65rem, 1.25vw, 0.85rem)}.forwp-practice-case .forwp-seo-techarticle-step>.wp-block-heading{margin-top:0}.forwp-practice-case .forwp-seo-techarticle-step.is-active{border-left-color:var(--wp--preset--color--primary,#0073aa);background:color-mix(in srgb,var(--wp--preset--color--primary,#0073aa) 8%,transparent)}.forwp-practice-case .forwp-seo-techarticle-step.is-complete{opacity:.72}.forwp-practice-case .forwp-seo-techarticle-step.is-error{border-left-color:#f48771;background:color-mix(in srgb,#f48771 10%,transparent)}.forwp-practice-case .forwp-practice-case__shell>.forwp-seo-techarticle-issues,.forwp-practice-case .forwp-practice-case__shell>.wp-block-forwp-seo-techarticle-issues,.forwp-practice-case .forwp-practice-case__shell .wp-block-post-content>.forwp-seo-techarticle-issues{padding-top:clamp(1rem, 2vw, 2rem);border-top:1px solid var(--wp--preset--color--gray-light,#e5e7eb)}.forwp-practice-case .forwp-practice-case__shell>.forwp-practice-case__real-cases,.forwp-practice-case .forwp-practice-case__shell>.wp-block-group.forwp-practice-case__real-cases{padding-top:clamp(0.5rem, 1.5vw, 1rem)}.forwp-practice-case .forwp-practice-case__shell>.wp-block-4wp-faq,.forwp-practice-case .forwp-practice-case__shell>.wp-block-forwp-faq{padding-top:clamp(0.5rem, 1.5vw, 1rem);border-top:1px solid var(--wp--preset--color--gray-light,#e5e7eb)}