.complexity-tiers-design{background:var(--surface-app);color:var(--fg-primary);font:400 16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased}.complexity-tiers-design .pr-hero{color:#fff;isolation:isolate;background:radial-gradient(130% 120% at 0% 0%, #1d4374 0%, var(--vw-navy-700) 46%, var(--vw-navy-800) 100%);position:relative;overflow:hidden}.complexity-tiers-design .pr-hero .dots{z-index:0;opacity:.55;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 130% at 85% 0,#000,#0000 72%);mask-image:radial-gradient(80% 130% at 85% 0,#000,#0000 72%)}.complexity-tiers-design .pr-hero .glow{z-index:0;filter:blur(8px);background:radial-gradient(circle,#00b74a2e,#0000 66%);width:540px;height:540px;position:absolute;top:-210px;right:-150px}.complexity-tiers-design .pr-hero .vw-wrap{z-index:1;padding-top:28px;padding-bottom:56px;position:relative}.complexity-tiers-design .pr-hero .vw-crumbs{width:fit-content;max-width:100%;font:var(--fw-medium) var(--fs-sm) / 1 var(--font-sans);color:#fff6;letter-spacing:0;border-radius:var(--r-pill);background:#ffffff0f;border:1px solid #ffffff24;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;padding:7px 14px;display:flex}.complexity-tiers-design .pr-hero .vw-crumbs a{color:#ffffffa8;text-decoration:none}.complexity-tiers-design .pr-hero .vw-crumbs a:hover{color:#fff}.complexity-tiers-design .pr-hero .vw-crumbs .sep{opacity:.45}.complexity-tiers-design .pr-hero .vw-crumbs .here{color:#fff;font-weight:var(--fw-semibold)}.complexity-tiers-design .pr-hero h1{font:400 clamp(40px, 5.4vw, 64px) / 1.02 var(--font-display);letter-spacing:-.02em;max-width:13ch;margin:12px 0 0}.complexity-tiers-design .pr-hero h1 em{color:var(--vw-green-400);font-style:italic}.complexity-tiers-design .pr-hero .sub{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:#ffffffc2;max-width:54ch;margin:20px 0 0}.complexity-tiers-design .alt{background:radial-gradient(circle, color-mix(in oklab, var(--vw-navy-700) 8%, transparent) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--vw-cream)}.complexity-tiers-design .media-banner{margin-top:24px}.complexity-tiers-design .media-banner .image-slot:not(.image-slot--filled){width:100%;height:360px;box-shadow:var(--e-rest);border-radius:var(--r-xl);display:block}.complexity-tiers-design .media-banner .image-slot--filled{border-radius:var(--r-xl);overflow:hidden}@media (max-width:768px){.complexity-tiers-design .media-banner .image-slot:not(.image-slot--filled){height:230px}}.complexity-tiers-design .tier{border-top:1px solid var(--hair);grid-template-columns:320px 1fr;gap:48px;padding:56px 0;display:grid}.complexity-tiers-design .tier:first-of-type{border-top:none;padding-top:0}@media (max-width:980px){.complexity-tiers-design .tier{grid-template-columns:1fr;gap:24px}}.complexity-tiers-design .tier .meta .badge{font:700 12px/1 var(--font-sans);letter-spacing:.04em;border-radius:100px;align-items:center;gap:10px;padding:6px 14px;display:inline-flex}.complexity-tiers-design .tier.t1 .meta .badge{background:var(--vw-green-50);color:var(--vw-green-700)}.complexity-tiers-design .tier.t2 .meta .badge{color:#1b5bc7;background:#2a6fdb1a}.complexity-tiers-design .tier.t3 .meta .badge{color:#a8431c;background:#ffa12b2e}.complexity-tiers-design .tier.t4 .meta .badge{color:#b82a2f;background:#e5484d1a}.complexity-tiers-design .tier .meta h2{font:400 clamp(32px, 4vw, 40px) / 1.05 var(--font-display);letter-spacing:-.02em;margin:14px 0 12px}.complexity-tiers-design .tier .meta h2 em{color:var(--vw-green-700);font-style:italic}.complexity-tiers-design .tier .meta .price{font:500 22px/1 var(--font-sans);letter-spacing:-.005em;font-variant-numeric:tabular-nums;margin-bottom:6px}.complexity-tiers-design .tier .meta .credits{font:500 13px/1.4 var(--font-sans);color:var(--fg-muted);margin-bottom:16px}.complexity-tiers-design .tier .meta p{font:400 15px/1.6 var(--font-sans);color:var(--fg-secondary);margin:0}.complexity-tiers-design .tier .ex{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:600px){.complexity-tiers-design .tier .ex{grid-template-columns:1fr}}.complexity-tiers-design .ex-card{background:var(--surface-card);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--e-rest);padding:18px}.complexity-tiers-design .ex-card .art{aspect-ratio:4/3;background:var(--vw-cream);border-radius:8px;place-items:center;margin-bottom:12px;padding:12px;display:grid;position:relative;overflow:hidden}.complexity-tiers-design .ex-card .art:has(.image-slot--filled){padding:0;display:block}.complexity-tiers-design .ex-card .art .image-slot--filled{background:#fff;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.complexity-tiers-design .ex-card .art .image-slot--filled .image-slot__img{object-fit:cover}.complexity-tiers-design .ex-card .art>div,.complexity-tiers-design .ex-card .art svg{width:100%;max-width:100%;max-height:100%}.complexity-tiers-design .ex-card h4{font:600 14px/1.3 var(--font-sans);margin:0}.complexity-tiers-design .ex-card p{font:400 12.5px/1.5 var(--font-sans);color:var(--fg-secondary);margin:6px 0 0}.complexity-tiers-design .ex-card .pill{background:var(--vw-gray-50);font:600 10px/1 var(--font-mono);color:var(--fg-muted);border-radius:100px;margin-top:8px;padding:3px 8px;display:inline-block}.complexity-tiers-design .rubric{background:var(--surface-card);border:1px solid var(--hair);border-radius:var(--r-xl);box-shadow:var(--e-rest);padding:32px}.complexity-tiers-design .rubric .crit{border-top:1px solid var(--hair);grid-template-columns:60px 1fr;align-items:start;gap:16px;padding:14px 0;display:grid}.complexity-tiers-design .rubric .crit:first-of-type{border-top:none;padding-top:0}.complexity-tiers-design .rubric .crit .num{font:400 24px/1 var(--font-display);color:var(--vw-green-700);font-variant-numeric:tabular-nums}.complexity-tiers-design .rubric .crit h4{font:600 14px/1 var(--font-sans);margin:0 0 4px}.complexity-tiers-design .rubric .crit p{font:400 13.5px/1.5 var(--font-sans);color:var(--fg-secondary);margin:0}.complexity-tiers-design .rubric-footnote{font:500 13px/1.5 var(--font-sans);color:var(--fg-muted);margin-top:20px}