/* Templates 21–50: each theme keeps the shared content contract while changing
   palette, typography, geometry and surface treatment. */
.modern-theme{--m-display:Inter,"Microsoft YaHei",sans-serif}
.modern-theme .modern-cta{isolation:isolate}
/* The closing panel is often a saturated gradient.  Keep its primary action
   independent from the theme surface so it is always visible and readable. */
.modern-theme .modern-cta .modern-button{position:relative;z-index:2;min-width:172px;min-height:52px;padding:13px 22px;border:2px solid #fff;background:#101828!important;color:#fff!important;box-shadow:0 0 0 4px rgba(16,24,40,.28),0 14px 30px rgba(0,0,0,.32);text-shadow:none}
.modern-theme .modern-cta .modern-button:hover{background:#000!important;box-shadow:0 0 0 4px rgba(255,255,255,.52),0 18px 36px rgba(0,0,0,.42)}
.modern-theme .modern-cta .modern-button:focus-visible{outline:3px solid #ffe45c;outline-offset:4px}
.modern-theme[class*="modern-"] .network-visual{isolation:isolate;overflow:hidden}
.modern-theme[class*="modern-"] .network-visual:after{content:"";position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--m-primary) 45%,transparent);border-radius:36%;transform:rotate(-12deg);opacity:.65;pointer-events:none}
.modern-theme[class*="modern-"] .hero-copy h1{letter-spacing:-.055em}
.modern-theme[class*="modern-"] .modern-nav{backdrop-filter:blur(14px)}
.modern-noir{--m-bg:#0b0b0d;--m-surface:#17171b;--m-surface-2:#24242a;--m-text:#f7f3ec;--m-muted:#a7a1a0;--m-line:#3b373b;--m-primary:#d8b27b;--m-secondary:#7764b8;--m-button:#d8b27b;--m-success:#80d6b0;--m-grad:linear-gradient(125deg,#17151a,#8e694a);--m-shadow:0 24px 70px #0008;--m-radius:0;--m-display:Georgia,serif}
.modern-ivory{--m-bg:#f7f3ea;--m-surface:#fffdf8;--m-surface-2:#eee8da;--m-text:#28251f;--m-muted:#7b7469;--m-line:#ded6c7;--m-primary:#9c5b3e;--m-secondary:#315b70;--m-button:#315b70;--m-success:#3e9070;--m-grad:linear-gradient(130deg,#c99473,#e6c2a1);--m-shadow:0 18px 48px #76543a1c;--m-radius:18px;--m-display:Georgia,serif}.modern-ivory .network-visual{border-radius:50% 8px 50% 8px}
.modern-prism{--m-bg:#0e1024;--m-surface:#171a38;--m-surface-2:#24285a;--m-text:#f7f5ff;--m-muted:#b7b4d2;--m-line:#3c4383;--m-primary:#78e7ff;--m-secondary:#fa70d8;--m-button:#fa70d8;--m-success:#6cf2b4;--m-grad:linear-gradient(120deg,#2e77ff,#a33dff 48%,#ff5db1);--m-shadow:0 25px 80px #4434a955;--m-radius:24px}.modern-prism .network-visual{transform:rotate(2deg);border-radius:28px}
.modern-carbon{--m-bg:#111315;--m-surface:#1b1e21;--m-surface-2:#282d31;--m-text:#eef2f1;--m-muted:#9ba8a8;--m-line:#394348;--m-primary:#b8d7d1;--m-secondary:#ec7a45;--m-button:#ec7a45;--m-success:#6fe0a8;--m-grad:linear-gradient(135deg,#283b42,#0e1518);--m-shadow:10px 10px 0 #050607;--m-radius:4px;--m-display:ui-monospace,monospace}.modern-carbon .plan-card{box-shadow:6px 6px 0 #050607}
.modern-oasis{--m-bg:#f0fbf2;--m-surface:#fff;--m-surface-2:#dff3db;--m-text:#17432f;--m-muted:#638271;--m-line:#c7e2c5;--m-primary:#258e68;--m-secondary:#d28b38;--m-button:#d27932;--m-success:#269e71;--m-grad:linear-gradient(135deg,#44ae78,#167a82);--m-shadow:0 22px 55px #367d551f;--m-radius:30px}.modern-oasis .modern-hero{grid-template-columns:1fr 1fr}.modern-oasis .network-visual{border-radius:100px 20px}
.modern-midnight{--m-bg:#071326;--m-surface:#0d203b;--m-surface-2:#143158;--m-text:#edf5ff;--m-muted:#8da8c7;--m-line:#244a77;--m-primary:#70b8ff;--m-secondary:#a983ff;--m-button:#ffaf67;--m-success:#62e0bd;--m-grad:linear-gradient(135deg,#164d91,#5c3f9f);--m-shadow:0 25px 70px #041a3e99;--m-radius:10px}.modern-midnight .network-visual{background:radial-gradient(circle at 30% 30%,#235a98,#0b1932 70%)}
.modern-sakura{--m-bg:#fff6f8;--m-surface:#fff;--m-surface-2:#ffe2eb;--m-text:#482735;--m-muted:#927080;--m-line:#f1cbd8;--m-primary:#d85683;--m-secondary:#8066d8;--m-button:#3d9b82;--m-success:#3b9d7d;--m-grad:linear-gradient(135deg,#ee8eaa,#b46bdb);--m-shadow:0 22px 55px #b54c741c;--m-radius:26px;--m-display:Georgia,serif}.modern-sakura .network-visual{border-radius:50% 50% 12px 12px}
.modern-auric{--m-bg:#15110b;--m-surface:#231c0d;--m-surface-2:#362a12;--m-text:#fff7dc;--m-muted:#cbb98b;--m-line:#604b20;--m-primary:#e7bb59;--m-secondary:#c96739;--m-button:#e7bb59;--m-success:#80d59f;--m-grad:linear-gradient(135deg,#a66d18,#f0c968 52%,#7b421c);--m-shadow:0 25px 80px #b2792633;--m-radius:3px;--m-display:Georgia,serif}.modern-auric .modern-button{color:#241707!important}
.modern-volt{--m-bg:#090c12;--m-surface:#121924;--m-surface-2:#1b2638;--m-text:#f4f8ff;--m-muted:#95a7be;--m-line:#30445f;--m-primary:#6ef3ff;--m-secondary:#b7ff36;--m-button:#b7ff36;--m-success:#6ef3ff;--m-grad:linear-gradient(120deg,#14a8d1,#7148ee);--m-shadow:0 20px 65px #0bd6ff33;--m-radius:2px;--m-display:Impact,"Microsoft YaHei",sans-serif}.modern-volt .network-visual{clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}
.modern-atlas{--m-bg:#111827;--m-surface:#1b2638;--m-surface-2:#263650;--m-text:#f0f4fa;--m-muted:#9aaac1;--m-line:#3a4f6d;--m-primary:#f4b860;--m-secondary:#6ba6e8;--m-button:#f4b860;--m-success:#7ed3ad;--m-grad:linear-gradient(135deg,#2e506f,#182035);--m-shadow:0 25px 70px #070e1d99;--m-radius:12px;--m-display:Georgia,serif}.modern-atlas .network-visual:after{border-radius:50%;transform:none}
.modern-lunar{--m-bg:#151622;--m-surface:#222333;--m-surface-2:#303147;--m-text:#f5f3ff;--m-muted:#aaa9c1;--m-line:#484962;--m-primary:#c4bbff;--m-secondary:#7ae1e4;--m-button:#7ae1e4;--m-success:#8be7bb;--m-grad:linear-gradient(135deg,#5f5c9c,#22243c);--m-shadow:0 24px 70px #070712aa;--m-radius:50%}.modern-lunar .network-visual{border-radius:50%;aspect-ratio:1}
.modern-terra{--m-bg:#f8f0e8;--m-surface:#fffaf4;--m-surface-2:#f0ddca;--m-text:#3e2b23;--m-muted:#85685a;--m-line:#e2c8b2;--m-primary:#b85c38;--m-secondary:#50726a;--m-button:#50726a;--m-success:#438b6c;--m-grad:linear-gradient(135deg,#d28a55,#9f4738);--m-shadow:0 18px 45px #8a50311c;--m-radius:12px;--m-display:Georgia,serif}.modern-terra .network-visual{border-radius:12px 70px 12px 70px}
.modern-ember{--m-bg:#1a0b0c;--m-surface:#2b1315;--m-surface-2:#401b1b;--m-text:#fff1e9;--m-muted:#d2a9a0;--m-line:#68302d;--m-primary:#ff9b57;--m-secondary:#ed4962;--m-button:#ff9b57;--m-success:#68d99e;--m-grad:linear-gradient(135deg,#ed4b31,#7c1d32);--m-shadow:0 25px 75px #d63b2b33;--m-radius:8px}.modern-ember .network-visual{background:radial-gradient(circle at 70% 25%,#f08d3f,#321218 62%)}
.modern-fjord{--m-bg:#eff8fb;--m-surface:#fff;--m-surface-2:#dff0f5;--m-text:#163c50;--m-muted:#648393;--m-line:#c4e0e8;--m-primary:#228eaf;--m-secondary:#6d70d8;--m-button:#ef7440;--m-success:#2a9c77;--m-grad:linear-gradient(135deg,#4bc5cf,#5a72d7);--m-shadow:0 20px 50px #387e9818;--m-radius:4px}.modern-fjord .network-visual{border-radius:4px 4px 60px 60px}
.modern-onyx{--m-bg:#050506;--m-surface:#111114;--m-surface-2:#1d1d22;--m-text:#f0f0f2;--m-muted:#96969d;--m-line:#33333a;--m-primary:#b7a0ff;--m-secondary:#59d8d1;--m-button:#b7a0ff;--m-success:#69e0a4;--m-grad:linear-gradient(135deg,#211c3d,#111);--m-shadow:0 25px 80px #000;--m-radius:0}.modern-onyx .network-visual{border:1px solid var(--m-primary)}
.modern-cobalt{--m-bg:#edf2ff;--m-surface:#fff;--m-surface-2:#dce6ff;--m-text:#172b61;--m-muted:#64739b;--m-line:#c2d0f2;--m-primary:#315edb;--m-secondary:#e35c82;--m-button:#e35c5c;--m-success:#299a73;--m-grad:linear-gradient(135deg,#3f76ed,#7650d2);--m-shadow:0 22px 55px #4969bc25;--m-radius:14px}.modern-cobalt .network-visual{transform:rotate(-2deg)}
.modern-linen{--m-bg:#f5f0e7;--m-surface:#fffdf8;--m-surface-2:#eae1d2;--m-text:#493f35;--m-muted:#897b6d;--m-line:#ded2c0;--m-primary:#ae7651;--m-secondary:#688b77;--m-button:#688b77;--m-success:#5d9b75;--m-grad:linear-gradient(135deg,#c3916b,#769b7d);--m-shadow:0 15px 35px #72583a1c;--m-radius:2px;--m-display:Georgia,serif}.modern-linen .plan-card{border-style:dashed}
.modern-cosmos{--m-bg:#070a20;--m-surface:#111743;--m-surface-2:#1b2460;--m-text:#f4f1ff;--m-muted:#a8add4;--m-line:#35428a;--m-primary:#ed8dff;--m-secondary:#6aa7ff;--m-button:#ed8dff;--m-success:#69e6c0;--m-grad:linear-gradient(135deg,#233da1,#9a32b6);--m-shadow:0 25px 80px #1f2b9d55;--m-radius:18px}.modern-cosmos .network-visual{background:radial-gradient(circle at 28% 38%,#4658c9 1px,transparent 2px),radial-gradient(circle at 70% 70%,#e887ff 1px,transparent 2px),#0b1030;background-size:52px 52px,67px 67px}
.modern-velvet{--m-bg:#170d18;--m-surface:#27142a;--m-surface-2:#3a1c3c;--m-text:#fff0f8;--m-muted:#c7a9bd;--m-line:#5b315a;--m-primary:#f19ac8;--m-secondary:#9f83ff;--m-button:#f19ac8;--m-success:#76d8ae;--m-grad:linear-gradient(135deg,#7b2a61,#3a1b5e);--m-shadow:0 26px 72px #a02f7940;--m-radius:10px;--m-display:Georgia,serif}.modern-velvet .network-visual{border-radius:90px 10px}
.modern-pulse{--m-bg:#1c0a18;--m-surface:#32132c;--m-surface-2:#4a1b3b;--m-text:#fff4fc;--m-muted:#d5a9c8;--m-line:#6c2e57;--m-primary:#ff6bb1;--m-secondary:#ffbd52;--m-button:#ffbd52;--m-success:#6ce9b2;--m-grad:linear-gradient(135deg,#ec2d72,#ff8e2f);--m-shadow:0 25px 70px #ed267555;--m-radius:50px}.modern-pulse .network-visual{border-radius:50%;animation:pulse-ring 4s ease-in-out infinite}
.modern-orchid{--m-bg:#fcf7ff;--m-surface:#fff;--m-surface-2:#f0e2fa;--m-text:#3b2547;--m-muted:#806b8b;--m-line:#dfcaeb;--m-primary:#a954ba;--m-secondary:#4b79d8;--m-button:#4b79d8;--m-success:#3c9c7a;--m-grad:linear-gradient(135deg,#c36bd1,#6875d5);--m-shadow:0 20px 50px #8c4fa21a;--m-radius:22px}.modern-orchid .network-visual{border-radius:22px 90px}
.modern-monolith{--m-bg:#e9e9e7;--m-surface:#f7f7f5;--m-surface-2:#d8d8d4;--m-text:#171817;--m-muted:#646763;--m-line:#bfc2bd;--m-primary:#191b19;--m-secondary:#d65b38;--m-button:#d65b38;--m-success:#388b66;--m-grad:linear-gradient(135deg,#313633,#111);--m-shadow:12px 12px 0 #171817;--m-radius:0;--m-display:Arial Black,sans-serif}.modern-monolith .plan-card{box-shadow:8px 8px 0 #171817}
.modern-coral{--m-bg:#fff6ef;--m-surface:#fff;--m-surface-2:#ffe1d2;--m-text:#4d2e2b;--m-muted:#956e67;--m-line:#f0c9bb;--m-primary:#ed735e;--m-secondary:#397aa4;--m-button:#397aa4;--m-success:#3d9d78;--m-grad:linear-gradient(135deg,#fb9a68,#eb566d);--m-shadow:0 20px 52px #c7674b20;--m-radius:16px}.modern-coral .network-visual{border-radius:70px 12px 12px 12px}
.modern-sage{--m-bg:#f3f7f0;--m-surface:#fff;--m-surface-2:#e0eadb;--m-text:#263a2d;--m-muted:#718174;--m-line:#cbd9c7;--m-primary:#5b8f68;--m-secondary:#bd7b51;--m-button:#bd7b51;--m-success:#4b9c70;--m-grad:linear-gradient(135deg,#7bb584,#507aa0);--m-shadow:0 18px 45px #456b4d18;--m-radius:8px;--m-display:Georgia,serif}.modern-sage .network-visual{border-radius:8px 8px 80px 8px}
.modern-meridian{--m-bg:#f1f5fa;--m-surface:#fff;--m-surface-2:#dce6f2;--m-text:#203047;--m-muted:#687b93;--m-line:#c5d3e2;--m-primary:#3d78a8;--m-secondary:#d08c51;--m-button:#d08c51;--m-success:#3d9a77;--m-grad:linear-gradient(135deg,#4c9bb6,#5e63b2);--m-shadow:0 20px 50px #456a9020;--m-radius:3px}.modern-meridian .network-visual{border-top:5px solid var(--m-primary);border-radius:0}
.modern-opal{--m-bg:#f7fbfb;--m-surface:#fff;--m-surface-2:#e3f2ef;--m-text:#1e3a3c;--m-muted:#698486;--m-line:#cbe2df;--m-primary:#4ab7a6;--m-secondary:#9f72db;--m-button:#9f72db;--m-success:#36a778;--m-grad:linear-gradient(135deg,#56d6c8,#ac73e4);--m-shadow:0 21px 52px #438f8c1c;--m-radius:28px}.modern-opal .network-visual{background:linear-gradient(125deg,#b8fff3,#7364bf);border-radius:28px 60px}
.modern-tide{--m-bg:#eef9fc;--m-surface:#fff;--m-surface-2:#d9f2f7;--m-text:#133c50;--m-muted:#638696;--m-line:#bddde7;--m-primary:#168dab;--m-secondary:#4d66d7;--m-button:#ec7141;--m-success:#2b9e78;--m-grad:linear-gradient(135deg,#22b4c2,#5965d8);--m-shadow:0 22px 55px #2a849d1f;--m-radius:50%}.modern-tide .network-visual{border-radius:50% 50% 8px 8px}
.modern-copper{--m-bg:#19110e;--m-surface:#291914;--m-surface-2:#41251a;--m-text:#fff1dc;--m-muted:#c8a68b;--m-line:#69412b;--m-primary:#df8d53;--m-secondary:#7ac4ac;--m-button:#7ac4ac;--m-success:#7ac4ac;--m-grad:linear-gradient(135deg,#d55d2e,#6c2f1d);--m-shadow:0 24px 66px #d3633733;--m-radius:5px}.modern-copper .plan-card{border-top:4px solid var(--m-primary)}
.modern-halo{--m-bg:#fff;--m-surface:#fff;--m-surface-2:#f2f4f7;--m-text:#1f2937;--m-muted:#788495;--m-line:#e0e5eb;--m-primary:#6474d8;--m-secondary:#d17eaf;--m-button:#d17eaf;--m-success:#40a27d;--m-grad:linear-gradient(135deg,#8997ef,#d58bc3);--m-shadow:0 17px 42px #5b678e16;--m-radius:999px}.modern-halo .network-visual{border-radius:50%;box-shadow:0 0 0 20px #6474d81a,0 0 0 40px #6474d80c}
.modern-studio{--m-bg:#f4f4f1;--m-surface:#fff;--m-surface-2:#e7e7e2;--m-text:#202320;--m-muted:#747a75;--m-line:#d4d8d2;--m-primary:#222522;--m-secondary:#df6145;--m-button:#df6145;--m-success:#328b67;--m-grad:linear-gradient(135deg,#3d574b,#b15b43);--m-shadow:0 20px 46px #3d574b1a;--m-radius:6px}.modern-studio .modern-nav{border-bottom:2px solid var(--m-text)}.modern-studio .network-visual{border-radius:6px;background:repeating-linear-gradient(135deg,#d6d8d2 0 2px,#f5f5f2 2px 12px)}
@keyframes pulse-ring{50%{transform:scale(.985);box-shadow:0 0 0 12px color-mix(in srgb,var(--m-primary) 18%,transparent)}}
@media(max-width:1080px){.modern-oasis .modern-hero{grid-template-columns:minmax(0,1fr)}}

/* 21–50 finishing signatures: each theme receives a distinct visual motif. */
.modern-noir .modern-hero{background:radial-gradient(ellipse at 88% 18%,#4b342733,transparent 42%)}
.modern-ivory .modern-story{background:linear-gradient(110deg,#fffdf8 0%,#f3eadc 100%)}
.modern-prism .modern-cta{background:conic-gradient(from 210deg,#4435bd,#e647af,#2a9de0,#4435bd)}
.modern-carbon .modern-nav,.modern-carbon .modern-story{border-color:#59656b}
.modern-oasis .modern-story{border-radius:70px 70px 0 0;margin:0 3vw}
.modern-midnight .modern-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,#9dc9ff 0 1px,transparent 2px);background-size:90px 70px;opacity:.25}
.modern-sakura .modern-hero{background-image:radial-gradient(#e78bab33 1px,transparent 1px);background-size:26px 26px}
.modern-auric .modern-story{background:linear-gradient(135deg,#231b0d,#120e09);color:#fff7dc}
.modern-volt .modern-nav{border-bottom:2px solid var(--m-primary)}
.modern-atlas .modern-story{background-image:linear-gradient(90deg,transparent 49.5%,#d5a65b22 50%,transparent 50.5%);background-size:80px 100%}
.modern-lunar .modern-hero{background:radial-gradient(circle at 80% 15%,#7a78bf33,transparent 36%)}
.modern-terra .modern-story{background-image:linear-gradient(165deg,#fffaf4,#efd4bc)}
.modern-ember .modern-cta{background:radial-gradient(circle at 75% 5%,#ffb43c,#8a1e2d 52%,#3a0e18)}
.modern-fjord .modern-hero{background:linear-gradient(180deg,#fff,#e4f5f8)}
.modern-onyx .modern-story{background:#0a0a0c;border-top:1px solid #51477b}
.modern-cobalt .modern-hero{background:linear-gradient(135deg,#fff,#e4ebff)}
.modern-linen .modern-story{background-image:repeating-linear-gradient(0deg,#00000005 0 1px,transparent 1px 5px)}
.modern-cosmos .modern-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:73px 61px;opacity:.18}
.modern-velvet .modern-story{background:linear-gradient(120deg,#30152f,#1c0c22)}
.modern-pulse .modern-hero{background:radial-gradient(ellipse at 20% 10%,#ff6ba833,transparent 40%)}
.modern-orchid .modern-story{background:linear-gradient(135deg,#fff,#f2e5fa)}
.modern-monolith .modern-hero{background:linear-gradient(90deg,#f7f7f5 0 72%,#d9dad5 72%)}
.modern-coral .modern-story{background:linear-gradient(135deg,#fff,#ffe6d9)}
.modern-sage .modern-hero{background-image:linear-gradient(120deg,#ffffffaa,#e1eedc)}
.modern-meridian .modern-nav{border-bottom:4px double var(--m-primary)}
.modern-opal .modern-cta{background:linear-gradient(110deg,#54d6c2,#8b65d9,#ed8bc5)}
.modern-tide .modern-story{background:linear-gradient(180deg,#fff,#d9f5f7)}
.modern-copper .modern-hero{background:linear-gradient(135deg,#25150f,#130b08)}
.modern-halo .modern-story{background:radial-gradient(circle at 50% 0,#fff,#f2f4fa 60%)}
.modern-studio .modern-hero{background:linear-gradient(90deg,#f4f4f1 0 65%,#e0e2dc 65%)}

/* Closing-screen treatments: the visual language follows each edition while
   the dark, white-keylined action remains contrast-safe above every surface. */
.modern-noir .modern-cta:after,.modern-auric .modern-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 55px,#f6d58b12 56px 57px)}
.modern-ivory .modern-cta{background:linear-gradient(135deg,#b85e3d,#315b70)}
.modern-carbon .modern-cta{background:linear-gradient(135deg,#243238,#101416)}
.modern-oasis .modern-cta{background:linear-gradient(135deg,#167a82,#d27932)}
.modern-midnight .modern-cta{background:linear-gradient(135deg,#123767,#6c3f99)}
.modern-sakura .modern-cta{background:linear-gradient(135deg,#bf4f7b,#6b58b9)}
.modern-volt .modern-cta{background:linear-gradient(120deg,#075879,#4e2f9e)}
.modern-atlas .modern-cta{background:linear-gradient(135deg,#1b3855,#9a6425)}
.modern-lunar .modern-cta{background:linear-gradient(135deg,#34345d,#117e86)}
.modern-terra .modern-cta{background:linear-gradient(135deg,#93442e,#365e59)}
.modern-fjord .modern-cta{background:linear-gradient(135deg,#176f8f,#4954ae)}
.modern-onyx .modern-cta{background:linear-gradient(135deg,#161329,#076c69)}
.modern-cobalt .modern-cta{background:linear-gradient(135deg,#234bb5,#a42f51)}
.modern-linen .modern-cta{background:linear-gradient(135deg,#8f5e41,#4d7561)}
.modern-cosmos .modern-cta{background:linear-gradient(135deg,#172775,#7c248f)}
.modern-velvet .modern-cta{background:linear-gradient(135deg,#652044,#35215f)}
.modern-orchid .modern-cta{background:linear-gradient(135deg,#843b9a,#345cae)}
.modern-monolith .modern-cta{background:linear-gradient(135deg,#181b19,#b6462b)}
.modern-coral .modern-cta{background:linear-gradient(135deg,#c85345,#24648e)}
.modern-meridian .modern-cta{background:linear-gradient(135deg,#2c638d,#a66731)}
.modern-tide .modern-cta{background:linear-gradient(135deg,#087b96,#394bb7)}
.modern-copper .modern-cta{background:linear-gradient(135deg,#8e3c21,#4d2117)}
.modern-halo .modern-cta{background:linear-gradient(135deg,#5564c3,#ad5c91)}
.modern-studio .modern-cta{background:linear-gradient(135deg,#202720,#bd4e36)}

/* 21–50 layouts. Shared content stays semantic; each selector changes the composition. */
.modern-noir .modern-nav{width:100%;height:92px;padding:0 7vw;border-bottom-color:#d8b27b55}.modern-noir .modern-hero{min-height:760px}.modern-noir .network-visual{border-width:0 0 1px;border-radius:0;background:#171419}.modern-noir .metric-row{border-style:double}.modern-noir .plan-card{border-radius:0;border-width:0 0 1px;background:transparent}
.modern-ivory .modern-nav{border:0;background:#fffdf8}.modern-ivory .modern-hero{grid-template-columns:.82fr 1.18fr;padding-top:110px}.modern-ivory .hero-copy h1{font-size:clamp(52px,6vw,80px);font-weight:500}.modern-ivory .network-visual{height:500px}.modern-ivory .advantage-list{border:0;gap:20px}.modern-ivory .advantage-list article{border:1px solid var(--m-line);border-radius:20px}
.modern-prism .modern-nav{margin-top:18px;border:1px solid #ffffff22;border-radius:999px;padding:0 24px;background:#171a38bb}.modern-prism .modern-hero{min-height:730px}.modern-prism .network-visual{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);border:0}.modern-prism .metric-row{border:0;gap:12px}.modern-prism .metric-row article{border:1px solid var(--m-line);border-radius:18px;background:var(--m-surface)}
.modern-carbon .modern-nav{height:68px;border-top:1px solid var(--m-line)}.modern-carbon .modern-hero{grid-template-columns:1fr;min-height:0;padding-top:58px}.modern-carbon .hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;max-width:none}.modern-carbon .hero-copy h1{grid-column:1;grid-row:2}.modern-carbon .hero-lead{grid-column:2;grid-row:2;align-self:end}.modern-carbon .hero-actions,.modern-carbon .hero-proof{grid-column:1/-1}.modern-carbon .network-visual{height:330px}.modern-carbon .plan-grid{gap:0}.modern-carbon .plan-card{border-radius:0}
.modern-oasis .modern-nav{border-bottom:0}.modern-oasis .modern-hero{padding-top:44px}.modern-oasis .network-visual{height:480px;order:-1}.modern-oasis .metric-row{background:var(--m-surface);border-radius:30px}.modern-oasis .modern-plans{background:linear-gradient(#f0fbf2,#dff3db)}.modern-oasis .plan-card{border-radius:30px}
.modern-midnight .modern-nav{width:min(1280px,calc(100% - 64px));border-bottom:0}.modern-midnight .modern-hero{min-height:780px}.modern-midnight .network-visual{height:500px;border-radius:0 72px 0 72px}.modern-midnight .modern-story{background:#0d203b;color:#edf5ff}.modern-midnight .advantage-list{border-color:#244a77}.modern-midnight .plan-card.featured{transform:translateY(-18px)}
.modern-sakura .modern-nav{border-bottom:0;justify-content:center;gap:55px}.modern-sakura .modern-hero{grid-template-columns:1fr;min-height:0;text-align:center}.modern-sakura .hero-copy{display:grid;justify-items:center}.modern-sakura .eyebrow,.modern-sakura .hero-actions,.modern-sakura .hero-proof{justify-content:center}.modern-sakura .network-visual{width:min(760px,100%);margin:auto;height:360px}.modern-sakura .metric-row{width:min(900px,100%);margin:25px auto 0}.modern-sakura .modern-story>header{display:block;text-align:center}.modern-sakura .story-copy{display:block;text-align:center}.modern-sakura .story-copy p{margin:auto}.modern-sakura .story-copy a{display:inline-block;margin-top:18px}
.modern-auric .modern-nav{height:102px;border-bottom:1px solid #e7bb5955}.modern-auric .modern-hero{min-height:790px}.modern-auric .hero-copy h1{font-size:78px;font-weight:500}.modern-auric .network-visual{border:1px solid #e7bb5988;box-shadow:inset 0 0 0 12px #e7bb590d}.modern-auric .modern-plans{background:#15110b}.modern-auric .plan-card{background:#231c0d}.modern-auric .modern-footer{background:#090704}
.modern-volt .modern-nav{width:100%;padding:0 5vw;background:#0d121c}.modern-volt .modern-hero{min-height:690px}.modern-volt .hero-copy h1{font-size:76px;text-transform:uppercase}.modern-volt .network-visual{border-width:2px 0}.modern-volt .metric-row article{background:#121924}.modern-volt .modern-cta{clip-path:polygon(0 0,100% 10%,100% 100%,0 90%)}
.modern-atlas .modern-nav{border-bottom:0}.modern-atlas .modern-hero{grid-template-columns:1.2fr .8fr}.modern-atlas .network-visual{height:520px;border-radius:50%;aspect-ratio:1}.modern-atlas .metric-row{margin-top:-40px;background:var(--m-surface);z-index:5}.modern-atlas .modern-story{padding-top:150px}.modern-atlas .plan-card{border-radius:12px 12px 60px 12px}
.modern-lunar .modern-nav{border-bottom:0}.modern-lunar .modern-hero{grid-template-columns:1fr 1fr;min-height:760px}.modern-lunar .network-visual{width:min(500px,100%);height:auto;justify-self:center}.modern-lunar .metric-row{border:0}.modern-lunar .metric-row article{border:1px solid var(--m-line);border-radius:50%;aspect-ratio:1;place-content:center;text-align:center}.modern-lunar .modern-story{background:#1b1c2b;color:#f5f3ff}
.modern-terra .modern-nav{width:min(1120px,calc(100% - 48px));border-bottom:3px solid var(--m-primary)}.modern-terra .modern-hero{min-height:730px}.modern-terra .network-visual{height:480px}.modern-terra .advantage-list{gap:24px;border:0}.modern-terra .advantage-list article{border:0;border-radius:45px 6px 45px 6px;background:var(--m-surface-2)}.modern-terra .plan-card{border-radius:38px 8px}
.modern-ember .modern-nav{background:#2b1315;border-bottom:0;width:100%;padding:0 6vw}.modern-ember .modern-hero{min-height:760px}.modern-ember .network-visual{height:510px;border-radius:50% 4px 50% 4px}.modern-ember .metric-row{border-top:2px solid var(--m-primary)}.modern-ember .modern-story{background:#2b1315}.modern-ember .plan-card{background:linear-gradient(160deg,#401b1b,#210e12)}
.modern-fjord .modern-nav{height:88px;border-bottom:0;background:#fff}.modern-fjord .modern-hero{grid-template-columns:.9fr 1.1fr;padding-top:96px}.modern-fjord .network-visual{height:460px}.modern-fjord .metric-row{background:#fff}.modern-fjord .modern-story{padding-top:140px;clip-path:polygon(0 5vw,100% 0,100% 100%,0 100%)}.modern-fjord .plan-card{border-radius:4px 4px 44px 4px}
.modern-onyx .modern-nav{width:100%;padding:0 6vw;border-bottom:1px solid #b7a0ff}.modern-onyx .modern-hero{min-height:760px}.modern-onyx .network-visual{height:500px;border-width:1px}.modern-onyx .modern-story{color:#f0f0f2}.modern-onyx .advantage-list article{border-color:#33333a}.modern-onyx .modern-cta{background:#211c3d}
.modern-cobalt .modern-nav{margin-top:16px;border:1px solid var(--m-line);border-radius:14px;padding:0 18px;background:#ffffffcc}.modern-cobalt .modern-hero{min-height:710px}.modern-cobalt .network-visual{height:400px;border-radius:70px 12px}.modern-cobalt .metric-row{border:0;gap:16px}.modern-cobalt .metric-row article{border:0;border-radius:14px;background:#fff;box-shadow:var(--m-shadow)}
.modern-linen .modern-nav{border-bottom:1px dashed var(--m-primary)}.modern-linen .modern-hero{grid-template-columns:1fr;min-height:0}.modern-linen .hero-copy{max-width:760px}.modern-linen .network-visual{height:300px}.modern-linen .modern-story{background:#fffdf8}.modern-linen .advantage-list article{border-right:1px dashed var(--m-line)}.modern-linen .plan-card{border-radius:2px}
.modern-cosmos .modern-nav{border-bottom:0}.modern-cosmos .modern-hero{min-height:800px}.modern-cosmos .network-visual{height:540px;border-radius:50%;aspect-ratio:1}.modern-cosmos .metric-row{border:0}.modern-cosmos .metric-row article{border:1px solid #35428a;border-radius:18px;background:#111743}.modern-cosmos .modern-story{background:#0b1030}
.modern-velvet .modern-nav{height:96px;border-bottom:1px solid #f19ac855}.modern-velvet .modern-hero{grid-template-columns:1.15fr .85fr;min-height:750px}.modern-velvet .network-visual{height:510px;border-radius:120px 0}.modern-velvet .modern-story{color:#fff0f8}.modern-velvet .plan-card{border-radius:28px;background:#27142a}
.modern-pulse .modern-nav{border-bottom:0}.modern-pulse .modern-hero{grid-template-columns:1fr;min-height:0;text-align:center}.modern-pulse .hero-copy{display:grid;justify-items:center}.modern-pulse .eyebrow,.modern-pulse .hero-actions,.modern-pulse .hero-proof{justify-content:center}.modern-pulse .network-visual{width:min(560px,100%);height:560px;margin:auto}.modern-pulse .metric-row{margin-top:45px;border:0}.modern-pulse .metric-row article{border:0}.modern-pulse .modern-cta{background:radial-gradient(circle,#ffbd52,#ec2d72 55%,#531439)}
.modern-orchid .modern-nav{border-bottom:0}.modern-orchid .modern-hero{grid-template-columns:1fr 1fr}.modern-orchid .network-visual{height:470px;border-radius:25% 75% 25% 75%}.modern-orchid .modern-story{text-align:center}.modern-orchid .modern-story>header{display:block}.modern-orchid .story-copy{display:block}.modern-orchid .story-copy p{margin:auto}
.modern-monolith .modern-nav{width:100%;padding:0 5vw;border-bottom:4px solid #171817}.modern-monolith .modern-hero{grid-template-columns:1fr;min-height:0;padding-top:60px}.modern-monolith .hero-copy{display:grid;grid-template-columns:1fr 1fr}.modern-monolith .hero-copy h1{font-size:82px;grid-row:1/3}.modern-monolith .hero-lead{align-self:end}.modern-monolith .network-visual{height:280px}.modern-monolith .modern-story{background:#d8d8d4}
.modern-coral .modern-nav{border-bottom:0}.modern-coral .modern-hero{min-height:730px}.modern-coral .network-visual{height:450px;border-radius:100px 14px 14px 14px}.modern-coral .modern-story{margin:0 4vw;border-radius:40px}.modern-coral .plan-card{border-radius:24px}
.modern-sage .modern-nav{border-bottom:1px solid #5b8f68}.modern-sage .modern-hero{grid-template-columns:1.1fr .9fr}.modern-sage .network-visual{height:470px;border-radius:12px 12px 90px 12px}.modern-sage .advantage-list{gap:15px;border:0}.modern-sage .advantage-list article{background:#e0eadb;border-radius:8px;border:0}.modern-sage .modern-cta{background:linear-gradient(135deg,#7bb584,#507aa0)}
.modern-meridian .modern-nav{width:100%;padding:0 6vw}.modern-meridian .modern-hero{grid-template-columns:1fr;min-height:0;text-align:center}.modern-meridian .hero-copy{display:grid;justify-items:center}.modern-meridian .eyebrow,.modern-meridian .hero-actions,.modern-meridian .hero-proof{justify-content:center}.modern-meridian .network-visual{width:min(900px,100%);height:330px}.modern-meridian .metric-row{width:min(980px,100%);margin:auto}.modern-meridian .modern-story{padding-top:130px}
.modern-opal .modern-nav{border:0;background:#ffffff99}.modern-opal .modern-hero{min-height:760px}.modern-opal .network-visual{height:500px;border:0}.modern-opal .modern-story{border-radius:70px 70px 0 0}.modern-opal .plan-card{border-radius:32px}
.modern-tide .modern-nav{border-bottom:0}.modern-tide .modern-hero{grid-template-columns:1fr 1fr}.modern-tide .network-visual{height:500px;border-radius:50% 50% 8px 8px}.modern-tide .metric-row{border:0}.modern-tide .metric-row article{border-bottom:3px solid var(--m-primary)}.modern-tide .modern-story{clip-path:ellipse(90% 70% at 50% 70%)}
.modern-copper .modern-nav{width:100%;padding:0 5vw;background:#291914;border-bottom:1px solid #df8d53}.modern-copper .modern-hero{min-height:740px}.modern-copper .network-visual{height:480px;border-radius:4px}.modern-copper .modern-story{background:#291914}.modern-copper .advantage-list article{border-color:#69412b}.modern-copper .plan-card{background:#291914}
.modern-halo .modern-nav{border-bottom:0}.modern-halo .modern-hero{grid-template-columns:1fr;min-height:0;text-align:center}.modern-halo .hero-copy{display:grid;justify-items:center}.modern-halo .eyebrow,.modern-halo .hero-actions,.modern-halo .hero-proof{justify-content:center}.modern-halo .network-visual{width:min(500px,100%);height:auto;aspect-ratio:1;margin:auto}.modern-halo .metric-row{border:0}.modern-halo .modern-story{text-align:center}.modern-halo .modern-story>header{display:block}.modern-halo .story-copy{display:block}.modern-halo .story-copy p{margin:auto}
.modern-studio .modern-nav{width:100%;padding:0 5vw}.modern-studio .modern-hero{grid-template-columns:1fr 1fr;min-height:760px}.modern-studio .hero-copy h1{font-size:72px}.modern-studio .network-visual{height:520px;border:2px solid #222522}.modern-studio .modern-story{border-top:2px solid #222522}.modern-studio .plan-card{border:2px solid #222522}
@media(max-width:1080px){.modern-carbon .hero-copy,.modern-monolith .hero-copy{display:block}.modern-lunar .modern-hero,.modern-tide .modern-hero,.modern-orchid .modern-hero,.modern-studio .modern-hero{grid-template-columns:1fr}.modern-atlas .modern-hero,.modern-velvet .modern-hero,.modern-coral .modern-hero,.modern-sage .modern-hero,.modern-cobalt .modern-hero,.modern-fjord .modern-hero,.modern-noir .modern-hero{grid-template-columns:1fr}.modern-auric .hero-copy h1,.modern-monolith .hero-copy h1,.modern-volt .hero-copy h1,.modern-studio .hero-copy h1{font-size:clamp(44px,8vw,72px)}}