/* Alternate public-only skins. Original markup and portal styles remain unchanged. */
.landing-design-bar { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:10px 18px; background:#252b29; color:#f1f1ed; font:12px "Segoe UI",sans-serif; }
.landing-design-bar[hidden] { display:none; }
.landing-design-bar label { font-weight:700; }
.landing-design-bar select { max-width:100%; padding:7px 12px; border:1px solid #87928e; border-radius:5px; background:#fff; color:#182122; font:inherit; }
.landing-design-bar span { opacity:.7; }
.landing[data-design] .landing-nav nav a:focus-visible, .landing[data-design] .btn:focus-visible, .landing-design-bar select:focus-visible { outline:3px solid #f2ae53; outline-offset:3px; }

/* Vision: bright blue/white product-site direction of infistar.de / infistar.vision. */
.landing[data-design="vision"] { --landing-bg:#f4f8fd; --landing-card:#fff; --landing-line:#d9e5f4; --landing-text:#112947; --landing-muted:#536b86; background:linear-gradient(145deg,#e9f3ff,#fff 32%); }
.landing[data-design="vision"] .landing-nav { border-color:#d4e2f2; }
.landing[data-design="vision"] .landing-brand small { color:#416a99; }
.landing[data-design="vision"] .landing-kicker, .landing[data-design="vision"] .feature-index, .landing[data-design="vision"] .landing-copy h1 em { color:#1479cf; }
.landing[data-design="vision"] .btn-primary { background:#1578d1; border-color:#1578d1; }
.landing[data-design="vision"] .landing-text-link { color:#1465aa !important; }
.landing[data-design="vision"] .landing-proof { color:#41749f; }
.landing[data-design="vision"] .landing-hero { min-height:640px; }
.landing[data-design="vision"] .landing-hero-art { border:9px solid #172d53; border-radius:16px; box-shadow:0 26px 55px #17539239; }
.landing[data-design="vision"] .landing-features article, .landing[data-design="vision"] .pricing-grid article { background:#fff; border:1px solid #d9e5f4; border-radius:12px; padding:28px; box-shadow:0 12px 35px #215ba20d; }
.landing[data-design="vision"] .landing-features { gap:16px; border:0; }
.landing[data-design="vision"] .pricing-grid .price-featured { background:#e8f3ff; border-color:#278bdd; }
.landing[data-design="vision"] .landing-intro, .landing[data-design="vision"] .landing-pricing, .landing[data-design="vision"] .landing-cta, .landing[data-design="vision"] .landing-footer { border-color:#d5e2f0; }
.landing[data-design="vision"] .pricing-grid article > span, .landing[data-design="vision"] .pricing-note { color:#536b86; }

/* Command center: split-screen monitor with high contrast industrial framing. */
.landing[data-design="command"] { --landing-bg:#070d14; --landing-card:#101e29; --landing-line:#244050; --landing-text:#e7f6f6; --landing-muted:#99b5bd; background:radial-gradient(circle at 85% 10%,#174350,#070d14 45%); }
.landing[data-design="command"] .landing-hero { width:min(1360px,calc(100% - 56px)); grid-template-columns:.8fr 1.2fr; min-height:690px; }
.landing[data-design="command"] .landing-copy h1 { text-transform:uppercase; font-weight:900; }
.landing[data-design="command"] .landing-copy h1 em, .landing[data-design="command"] .landing-kicker, .landing[data-design="command"] .feature-index { color:#56d7bf; }
.landing[data-design="command"] .btn-primary { background:#087e7c; border-color:#087e7c; }
.landing[data-design="command"] .landing-hero-art { min-height:480px; border:2px solid #56d7bf; box-shadow:12px 12px 0 #14343c; }
.landing[data-design="command"] .landing-features article { background:#10212b; padding:32px; }
.landing[data-design="command"] .pricing-grid .price-featured { border-color:#56d7bf; background:#102d32; }

/* Field journal: warm editorial page with serif headlines and archival photo treatment. */
.landing[data-design="editorial"] { --landing-bg:#eee9da; --landing-card:#f9f6ed; --landing-line:#c3baa6; --landing-text:#292e27; --landing-muted:#5e6358; background:#eee9da; }
.landing[data-design="editorial"] .landing-nav, .landing[data-design="editorial"] .landing-intro, .landing[data-design="editorial"] .landing-pricing, .landing[data-design="editorial"] .landing-cta, .landing[data-design="editorial"] .landing-footer { border-color:#c3baa6; }
.landing[data-design="editorial"] .landing-brand small, .landing[data-design="editorial"] .pricing-note { color:#606858; }
.landing[data-design="editorial"] .landing-hero { grid-template-columns:1.05fr .95fr; min-height:660px; }
.landing[data-design="editorial"] h1, .landing[data-design="editorial"] h2, .landing[data-design="editorial"] h3 { font-family:Georgia,serif; font-weight:400; letter-spacing:-.045em; }
.landing[data-design="editorial"] .landing-copy h1 { font-size:clamp(60px,7vw,100px); }
.landing[data-design="editorial"] .landing-copy h1 em { color:#a3442c; font-style:italic; }
.landing[data-design="editorial"] .landing-kicker, .landing[data-design="editorial"] .feature-index { color:#91402f; }
.landing[data-design="editorial"] .btn-primary { background:#99452d; border-color:#99452d; }
.landing[data-design="editorial"] .landing-text-link { color:#99452d !important; }
.landing[data-design="editorial"] .landing-proof, .landing[data-design="editorial"] .pricing-grid article > span { color:#62695c; }
.landing[data-design="editorial"] .landing-hero-art { filter:sepia(.35); box-shadow:18px 18px 0 #c7beaa; }
.landing[data-design="editorial"] .pricing-grid .price-featured { background:#e7dbc4; border-color:#99452d; }

/* Signal: austere near-black technical grid and lime highlights. */
.landing[data-design="signal"] { --landing-bg:#0a0c0c; --landing-card:#141917; --landing-line:#3e4e3e; --landing-text:#eff7e9; --landing-muted:#b4c4ae; background-color:#0a0c0c; background-image:linear-gradient(#9bba8b0c 1px,transparent 1px),linear-gradient(90deg,#9bba8b0c 1px,transparent 1px); background-size:48px 48px; font-family:Consolas,"Courier New",monospace; }
.landing[data-design="signal"] .landing-nav { border-bottom:2px solid #b9eb60; }
.landing[data-design="signal"] .landing-hero { display:flex; flex-direction:column; text-align:center; min-height:0; padding:100px 0 65px; gap:55px; }
.landing[data-design="signal"] .landing-copy h1 { font-size:clamp(50px,9vw,110px); text-transform:uppercase; }
.landing[data-design="signal"] .landing-copy h1 em, .landing[data-design="signal"] .landing-kicker, .landing[data-design="signal"] .feature-index { color:#b9eb60; }
.landing[data-design="signal"] .landing-copy > p { margin-inline:auto; }
.landing[data-design="signal"] .landing-actions, .landing[data-design="signal"] .landing-proof { justify-content:center; }
.landing[data-design="signal"] .landing-hero-art { width:min(900px,100%); min-height:430px; border:1px solid #b9eb60; box-shadow:none; }
.landing[data-design="signal"] .btn-primary { background:#b9eb60; border-color:#b9eb60; color:#101610; }
.landing[data-design="signal"] .pricing-grid .price-featured { background:#242c1d; border-color:#b9eb60; }

/* Minimal studio: restrained white typography and a full-width product image. */
.landing[data-design="minimal"] { --landing-bg:#fff; --landing-card:#f6f6f6; --landing-line:#d9d9d9; --landing-text:#171717; --landing-muted:#555; background:#fff; }
.landing[data-design="minimal"] .landing-nav, .landing[data-design="minimal"] .landing-intro, .landing[data-design="minimal"] .landing-pricing, .landing[data-design="minimal"] .landing-cta, .landing[data-design="minimal"] .landing-footer { border-color:#d9d9d9; }
.landing[data-design="minimal"] .landing-brand small, .landing[data-design="minimal"] .pricing-note { color:#555; }
.landing[data-design="minimal"] .landing-hero { display:flex; flex-direction:column; align-items:stretch; gap:50px; padding:85px 0 100px; }
.landing[data-design="minimal"] .landing-copy h1 { font-size:clamp(60px,10vw,130px); max-width:960px; }
.landing[data-design="minimal"] .landing-copy h1 em { color:#171717; }
.landing[data-design="minimal"] .landing-kicker, .landing[data-design="minimal"] .feature-index { color:#aa3636; }
.landing[data-design="minimal"] .btn-primary { background:#171717; border-color:#171717; }
.landing[data-design="minimal"] .landing-text-link { color:#171717 !important; }
.landing[data-design="minimal"] .landing-proof, .landing[data-design="minimal"] .pricing-grid article > span { color:#555; }
.landing[data-design="minimal"] .landing-hero-art { width:100%; min-height:520px; box-shadow:none; border-color:#d9d9d9; background-color:#121a22; }
.landing[data-design="minimal"] .landing-features { gap:16px; border:0; }
.landing[data-design="minimal"] .landing-features article { border:1px solid #ddd; padding:30px; }
.landing[data-design="minimal"] .pricing-grid .price-featured { background:#f1f1f1; border-color:#171717; }

@media (max-width:760px) {
  .landing[data-design="command"] .landing-hero, .landing[data-design="editorial"] .landing-hero { width:calc(100% - 36px); grid-template-columns:1fr; min-height:0; gap:36px; padding:60px 0; }
  .landing[data-design="command"] .landing-hero-art, .landing[data-design="signal"] .landing-hero-art, .landing[data-design="minimal"] .landing-hero-art { min-height:240px; }
  .landing[data-design="signal"] .landing-hero { padding:65px 0 50px; }
  .landing[data-design="minimal"] .landing-hero { padding:55px 0; }
  .landing[data-design="vision"] .landing-hero { min-height:0; }
  .landing[data-design="vision"] .landing-features, .landing[data-design="minimal"] .landing-features { grid-template-columns:1fr; }
  .landing[data-design="editorial"] .landing-copy h1, .landing[data-design="minimal"] .landing-copy h1 { font-size:clamp(48px,12vw,76px); }
  .landing[data-design="vision"] .landing-features article, .landing[data-design="minimal"] .landing-features article { padding:24px; }
}

/* The next 15 concepts share only interaction/content; each has its own palette,
   composition, typography and product-image treatment. No portal styles are touched. */
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) {
  --landing-bg:var(--concept-bg); --landing-card:var(--concept-card); --landing-line:var(--concept-line); --landing-text:var(--concept-text); --landing-muted:var(--concept-muted);
  background:var(--concept-backdrop,var(--concept-bg)); color:var(--concept-text);
}
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-kicker,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .feature-index,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-copy h1 em { color:var(--concept-accent); }
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .btn-primary { background:var(--concept-button,var(--concept-accent)); border-color:var(--concept-button,var(--concept-accent)); color:var(--concept-button-text,#fff); }
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-text-link { color:var(--concept-accent) !important; }
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-brand small,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-proof,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .pricing-note,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .pricing-grid article > span { color:var(--concept-muted); }
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-nav,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-intro,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-features,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-pricing,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-cta,
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-footer { border-color:var(--concept-line); }
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .landing-features article + article { border-color:var(--concept-line); }
.landing:is([data-design="ember"],[data-design="arctic"],[data-design="brutalist"],[data-design="noir"],[data-design="terminal"],[data-design="sunrise"],[data-design="copper"],[data-design="atlas"],[data-design="paper"],[data-design="neon"],[data-design^="vision-"]) .pricing-grid .price-featured { background:var(--concept-featured); border-color:var(--concept-accent); }

/* 01: heat-map survival campaign. */
.landing[data-design="ember"] { --concept-bg:#17100d; --concept-card:#291b15; --concept-line:#6b3d29; --concept-text:#fff0d8; --concept-muted:#d2b7a2; --concept-accent:#ff854d; --concept-featured:#512818; --concept-backdrop:radial-gradient(circle at 90% 14%,#693019,#17100d 46%); }
.landing[data-design="ember"] .landing-hero { min-height:710px; }
.landing[data-design="ember"] .landing-copy h1 { font-weight:900; text-transform:uppercase; }
.landing[data-design="ember"] .landing-hero-art { border:5px solid #a54c2a; box-shadow:25px 25px 0 #472216; transform:rotate(-2deg); }
.landing[data-design="ember"] .landing-features article { background:#261710; padding:28px; }
/* 02: icy expedition, wide gallery and cool glass cards. */
.landing[data-design="arctic"] { --concept-bg:#eaf5f8; --concept-card:#fff; --concept-line:#afcdd7; --concept-text:#163345; --concept-muted:#4b6b78; --concept-accent:#087f9a; --concept-featured:#d5edf3; --concept-backdrop:linear-gradient(145deg,#d4ebf2,#fff 55%); }
.landing[data-design="arctic"] .landing-hero { grid-template-columns:1fr 1.1fr; min-height:640px; }
.landing[data-design="arctic"] .landing-hero-art { border:9px solid #fff; border-radius:25px; box-shadow:0 24px 55px #326c8444; filter:saturate(.6); }
.landing[data-design="arctic"] .pricing-grid article, .landing[data-design="arctic"] .showcase-screenshot { border-radius:18px; }
/* 03: typographic poster, stark blocks and unapologetic black borders. */
.landing[data-design="brutalist"] { --concept-bg:#f8ec39; --concept-card:#fffdf2; --concept-line:#151515; --concept-text:#151515; --concept-muted:#333; --concept-accent:#bd2525; --concept-button:#151515; --concept-featured:#ffb7a8; }
.landing[data-design="brutalist"] .landing-hero { min-height:680px; gap:24px; }
.landing[data-design="brutalist"] .landing-copy h1 { font-size:clamp(65px,8vw,118px); font-weight:1000; text-transform:uppercase; line-height:.9; }
.landing[data-design="brutalist"] .landing-hero-art, .landing[data-design="brutalist"] .pricing-grid article, .landing[data-design="brutalist"] .showcase-screenshot { border:3px solid #151515; box-shadow:9px 9px 0 #151515; }
.landing[data-design="brutalist"] .landing-features article { background:#f3de20; padding:28px; }
/* 04: film noir, monochrome photography and editorial serif. */
.landing[data-design="noir"] { --concept-bg:#101010; --concept-card:#1c1c1c; --concept-line:#555; --concept-text:#f5f0e6; --concept-muted:#bfbab0; --concept-accent:#dbc298; --concept-button:#d0b88d; --concept-button-text:#161616; --concept-featured:#29241e; --concept-backdrop:linear-gradient(110deg,#060606,#2b2926); }
.landing[data-design="noir"] h1, .landing[data-design="noir"] h2, .landing[data-design="noir"] h3 { font-family:Georgia,serif; font-weight:400; }
.landing[data-design="noir"] .landing-copy h1 em { font-style:italic; }
.landing[data-design="noir"] .landing-hero-art { filter:grayscale(1) contrast(1.2); border:1px solid #aaa; box-shadow:0 30px 55px #000; }
/* 05: terminal interface with asymmetric console panel. */
.landing[data-design="terminal"] { --concept-bg:#07120d; --concept-card:#0c1d13; --concept-line:#2c7447; --concept-text:#d6fadd; --concept-muted:#a0d3ab; --concept-accent:#73e894; --concept-button-text:#092013; --concept-featured:#18412a; font-family:Consolas,"Courier New",monospace; }
.landing[data-design="terminal"] .landing-hero { grid-template-columns:.9fr 1.1fr; }
.landing[data-design="terminal"] .landing-copy h1 { text-transform:uppercase; font-size:clamp(48px,6vw,78px); }
.landing[data-design="terminal"] .landing-copy h1::before { content:'> '; color:#73e894; }
.landing[data-design="terminal"] .landing-hero-art { border:2px solid #73e894; box-shadow:0 0 35px #42bd7144; }
.landing[data-design="terminal"] .landing-features article { background:#0c1d13; padding:26px; }
/* 06: human and optimistic warm outdoor service identity. */
.landing[data-design="sunrise"] { --concept-bg:#fff4e6; --concept-card:#fffcf8; --concept-line:#e2beaa; --concept-text:#43302f; --concept-muted:#745952; --concept-accent:#b04e5a; --concept-featured:#f9dfd1; --concept-backdrop:linear-gradient(160deg,#ffe4be,#fff8ed 44%,#f7d8d2); }
.landing[data-design="sunrise"] .landing-hero { min-height:680px; }
.landing[data-design="sunrise"] .landing-copy h1 { font-family:Georgia,serif; font-weight:400; }
.landing[data-design="sunrise"] .landing-hero-art { border:12px solid #fff; border-radius:150px 150px 10px 10px; box-shadow:0 30px 60px #9e6a5540; }
.landing[data-design="sunrise"] .pricing-grid article { border-radius:12px; }
/* 07: premium copper typography and gallery treatment. */
.landing[data-design="copper"] { --concept-bg:#11191b; --concept-card:#202b2b; --concept-line:#776657; --concept-text:#f2e8d9; --concept-muted:#c6b6a6; --concept-accent:#dca777; --concept-button-text:#211812; --concept-featured:#423125; --concept-backdrop:radial-gradient(circle at 10% 75%,#2c3835,#11191b 65%); }
.landing[data-design="copper"] .landing-nav { border-bottom:1px solid #dca777; }
.landing[data-design="copper"] .landing-copy h1 { font-family:Georgia,serif; font-weight:400; }
.landing[data-design="copper"] .landing-hero-art { border:1px solid #dca777; padding:12px; box-shadow:0 0 0 12px #26302f,0 20px 60px #0009; }
.landing[data-design="copper"] .pricing-grid article { border-top:3px solid #dca777; }
/* 08: map-first cartographic exhibition. */
.landing[data-design="atlas"] { --concept-bg:#dce5d1; --concept-card:#eef1e7; --concept-line:#889d81; --concept-text:#20392f; --concept-muted:#4e685c; --concept-accent:#a44433; --concept-featured:#e6d6b8; --concept-backdrop:repeating-linear-gradient(0deg,#dce5d1,#dce5d1 38px,#b5c5ad 39px); }
.landing[data-design="atlas"] .landing-hero { display:flex; flex-direction:column-reverse; align-items:stretch; gap:44px; }
.landing[data-design="atlas"] .landing-hero-art { width:100%; min-height:520px; border:5px double #465d48; box-shadow:12px 12px 0 #95a590; }
.landing[data-design="atlas"] .landing-copy h1 { font-family:Georgia,serif; }
.landing[data-design="atlas"] .landing-copy > p { max-width:740px; }
/* 09: newspaper-style dispatch, spacious columns. */
.landing[data-design="paper"] { --concept-bg:#f6f3e9; --concept-card:#fffefa; --concept-line:#9e9a8e; --concept-text:#242724; --concept-muted:#505751; --concept-accent:#a22f29; --concept-featured:#f1e2d6; }
.landing[data-design="paper"] .landing-nav { border-bottom:3px double #555; }
.landing[data-design="paper"] .landing-hero { grid-template-columns:1fr 1fr; }
.landing[data-design="paper"] h1, .landing[data-design="paper"] h2, .landing[data-design="paper"] h3 { font-family:Georgia,serif; }
.landing[data-design="paper"] .landing-copy h1 { font-size:clamp(60px,7vw,95px); }
.landing[data-design="paper"] .landing-hero-art { filter:grayscale(1); box-shadow:none; border:1px solid #777; }
.landing[data-design="paper"] .landing-features { border-block:3px double #555; }
/* 10: after-hours electric violet. */
.landing[data-design="neon"] { --concept-bg:#0f0a1f; --concept-card:#1c1534; --concept-line:#6e418f; --concept-text:#f6eaff; --concept-muted:#c8b0d5; --concept-accent:#f17dde; --concept-button:#a348b7; --concept-featured:#402052; --concept-backdrop:radial-gradient(circle at 80% 5%,#482066,#0f0a1f 52%); }
.landing[data-design="neon"] .landing-hero { min-height:700px; }
.landing[data-design="neon"] .landing-copy h1 { font-weight:900; }
.landing[data-design="neon"] .landing-hero-art { border:2px solid #ef79dc; border-radius:20px; box-shadow:0 0 55px #c841b366; }
.landing[data-design="neon"] .pricing-grid article { border-radius:16px; }

/* Vision family: five alternative product-site approaches, not reused claims or assets. */
.landing[data-design="vision-cloud"] { --concept-bg:#f6faff; --concept-card:#fff; --concept-line:#d6e6f9; --concept-text:#193655; --concept-muted:#506f8b; --concept-accent:#1175c6; --concept-featured:#dfedff; --concept-backdrop:radial-gradient(circle at 75% 0%,#c8e6ff,#fff 52%); }
.landing[data-design="vision-cloud"] .landing-hero { min-height:680px; }
.landing[data-design="vision-cloud"] .landing-hero-art { border:10px solid #fff; border-radius:26px; box-shadow:0 28px 70px #2376b432; }
.landing[data-design="vision-cloud"] .landing-features { gap:16px; border:0; }
.landing[data-design="vision-cloud"] .landing-features article, .landing[data-design="vision-cloud"] .pricing-grid article { background:#fff; border:1px solid #d6e6f9; border-radius:18px; padding:28px; box-shadow:0 16px 32px #1b62910e; }
.landing[data-design="vision-midnight"] { --concept-bg:#0a1930; --concept-card:#132b46; --concept-line:#355474; --concept-text:#f5fbff; --concept-muted:#bdd0e1; --concept-accent:#5dbdff; --concept-button:#187ddd; --concept-featured:#16416c; --concept-backdrop:radial-gradient(circle at 85% 20%,#204e89,#0a1930 55%); }
.landing[data-design="vision-midnight"] .landing-hero { min-height:680px; }
.landing[data-design="vision-midnight"] .landing-hero-art { border:7px solid #274e7a; border-radius:14px; box-shadow:0 32px 60px #0007; }
.landing[data-design="vision-midnight"] .landing-features article { background:#132b46; border:1px solid #355474; padding:28px; }
.landing[data-design="vision-gradient"] { --concept-bg:#f5f5ff; --concept-card:#fff; --concept-line:#d9d6f5; --concept-text:#282a54; --concept-muted:#5d6282; --concept-accent:#6150dd; --concept-featured:#e8e3ff; --concept-backdrop:linear-gradient(135deg,#e2eaff,#f9f4ff 55%,#d8f1ff); }
.landing[data-design="vision-gradient"] .landing-hero { display:flex; flex-direction:column; text-align:center; min-height:0; gap:55px; padding:110px 0 70px; }
.landing[data-design="vision-gradient"] .landing-copy > p { margin-inline:auto; }
.landing[data-design="vision-gradient"] .landing-actions, .landing[data-design="vision-gradient"] .landing-proof { justify-content:center; }
.landing[data-design="vision-gradient"] .landing-hero-art { width:min(960px,100%); min-height:440px; border:10px solid #fff; border-radius:22px; box-shadow:0 35px 70px #5044b833; }
.landing[data-design="vision-gradient"] .btn-primary { background:linear-gradient(120deg,#6150dd,#158bd8); border-color:#6150dd; }
.landing[data-design="vision-dashboard"] { --concept-bg:#eaf0f6; --concept-card:#fff; --concept-line:#bccbd9; --concept-text:#102f4b; --concept-muted:#526c81; --concept-accent:#0077b8; --concept-featured:#d5ebf5; }
.landing[data-design="vision-dashboard"] .landing-hero { grid-template-columns:.75fr 1.25fr; min-height:690px; }
.landing[data-design="vision-dashboard"] .landing-copy h1 { font-size:clamp(52px,5.5vw,77px); }
.landing[data-design="vision-dashboard"] .landing-hero-art { min-height:480px; border:11px solid #193650; border-radius:12px; box-shadow:14px 18px 0 #bbccd9; }
.landing[data-design="vision-dashboard"] .landing-features article { background:#fff; border:1px solid #bccbd9; padding:28px; }
.landing[data-design="vision-dashboard"] .pricing-grid article { border-top:4px solid #0077b8; }
.landing[data-design="vision-skyline"] { --concept-bg:#fff; --concept-card:#f4f8fc; --concept-line:#c7d9e9; --concept-text:#1b3453; --concept-muted:#506a85; --concept-accent:#0b72bf; --concept-featured:#e3f2fc; --concept-backdrop:linear-gradient(#f0f8ff 0%,#fff 650px); }
.landing[data-design="vision-skyline"] .landing-hero { display:flex; flex-direction:column-reverse; text-align:center; gap:32px; padding:55px 0 100px; }
.landing[data-design="vision-skyline"] .landing-hero-art { width:100%; min-height:460px; border:8px solid #fff; border-radius:18px; box-shadow:0 24px 60px #1f5e9633; }
.landing[data-design="vision-skyline"] .landing-copy > p { margin-inline:auto; }
.landing[data-design="vision-skyline"] .landing-actions, .landing[data-design="vision-skyline"] .landing-proof { justify-content:center; }
.landing[data-design="vision-skyline"] .landing-features { gap:16px; border:0; }
.landing[data-design="vision-skyline"] .landing-features article { background:#f4f8fc; border:1px solid #c7d9e9; border-radius:12px; padding:28px; }

@media (max-width:760px) {
  .landing:is([data-design="arctic"],[data-design="brutalist"],[data-design="terminal"],[data-design="paper"],[data-design="vision-dashboard"]) .landing-hero { grid-template-columns:1fr; min-height:0; }
  .landing:is([data-design="ember"],[data-design="neon"],[data-design="vision-cloud"],[data-design="vision-midnight"]) .landing-hero { min-height:0; }
  .landing:is([data-design="atlas"],[data-design="vision-gradient"],[data-design="vision-skyline"]) .landing-hero { padding:55px 0; gap:28px; }
  .landing:is([data-design="atlas"],[data-design="vision-gradient"],[data-design="vision-skyline"],[data-design="vision-dashboard"],[data-design="terminal"]) .landing-hero-art { min-height:235px; }
  .landing[data-design="brutalist"] .landing-copy h1, .landing[data-design="paper"] .landing-copy h1 { font-size:clamp(52px,12vw,72px); }
  .landing[data-design="vision-cloud"] .landing-features, .landing[data-design="vision-skyline"] .landing-features { grid-template-columns:1fr; }
}

/* Vision's actual site palette: #db2828 red, #1667bb blue, #1d1f20
   charcoal, #303030 dark cards and #f3f3f3 light cards. The earlier blue-only
   experiments were not faithful to the product identity. */
.landing:is([data-design="vision"],[data-design^="vision-"]) {
  --concept-bg:#fff; --concept-card:#f3f3f3; --concept-line:#d5d7d8;
  --concept-text:#303030; --concept-muted:#505050; --concept-accent:#db2828;
  --concept-button:#db2828; --concept-featured:#fff2f2;
  --concept-backdrop:#fff;
  --landing-bg:#fff; --landing-card:#f3f3f3; --landing-line:#d5d7d8;
  --landing-text:#303030; --landing-muted:#505050;
  background:#fff; color:#303030; font-family:Inter,"Segoe UI",system-ui,sans-serif;
}
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-nav { border-top:3px solid #db2828; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-kicker,
.landing:is([data-design="vision"],[data-design^="vision-"]) .feature-index { color:#1667bb; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-copy h1 em { color:#db2828; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .btn-primary { background:#db2828; border-color:#db2828; color:#fff; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-text-link { color:#1667bb !important; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-brand small,
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-proof,
.landing:is([data-design="vision"],[data-design^="vision-"]) .pricing-grid article > span,
.landing:is([data-design="vision"],[data-design^="vision-"]) .pricing-note { color:#555; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-hero-art { filter:none; border-color:#d5d7d8; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-features article,
.landing:is([data-design="vision"],[data-design^="vision-"]) .pricing-grid article,
.landing:is([data-design="vision"],[data-design^="vision-"]) .showcase-screenshot { background:#f3f3f3; border-color:#d5d7d8; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .pricing-grid .price-featured { background:#fff2f2; border-color:#db2828; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-nav,
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-intro,
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-features,
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-pricing,
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-cta,
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-footer { border-color:#d5d7d8; }
.landing:is([data-design="vision"],[data-design^="vision-"]) .landing-nav { border-top-color:#db2828; }
.landing[data-design="vision"] .landing-features article { box-shadow:none; }

/* Five layouts remain distinct: framed service cards, night console, centered
   product stage, dashboard-first split, and wide screenshot-first skyline. */
.landing[data-design="vision-cloud"] .landing-hero { background:radial-gradient(circle at 70% 35%,#edf5fd,transparent 56%); }
.landing[data-design="vision-midnight"] .landing-hero { background:linear-gradient(125deg,#303030,#1d1f20); color:#fff; padding-inline:30px; }
.landing[data-design="vision-midnight"] .landing-hero p, .landing[data-design="vision-midnight"] .landing-proof { color:#eee; }
.landing[data-design="vision-midnight"] .landing-copy h1 em { color:#ff6868; }
.landing[data-design="vision-midnight"] .landing-hero-art { border-color:#4d4d4d; }
.landing[data-design="vision-gradient"] .landing-hero { background:linear-gradient(155deg,#f3f3f3,#fff 55%); }
.landing[data-design="vision-dashboard"] .landing-hero-art { border:10px solid #303030; }
.landing[data-design="vision-skyline"] .landing-hero { background:linear-gradient(#f3f3f3,#fff 75%); }

/* Every landing design uses its dark palette without a visitor-facing mode switch. */
.landing[data-mode="dark"] { --landing-bg:#1d1f20; --landing-card:#303030; --landing-line:#53575a; --landing-text:#fff; --landing-muted:#d0d0d0; --concept-bg:#1d1f20; --concept-card:#303030; --concept-line:#53575a; --concept-text:#fff; --concept-muted:#d0d0d0; --concept-featured:#412b2d; background:#1d1f20; color:#fff; }
.landing[data-mode] .landing-nav, .landing[data-mode] .landing-intro, .landing[data-mode] .landing-features, .landing[data-mode] .landing-pricing, .landing[data-mode] .landing-cta, .landing[data-mode] .landing-footer { border-color:var(--landing-line); }
.landing[data-mode] .landing-features article, .landing[data-mode] .pricing-grid article, .landing[data-mode] .showcase-screenshot { background:var(--landing-card); border-color:var(--landing-line); }
.landing[data-mode] .pricing-grid .price-featured { background:var(--concept-featured); border-color:var(--concept-accent,#db2828); }
.landing[data-mode] .landing-proof, .landing[data-mode] .landing-brand small, .landing[data-mode] .pricing-grid article > span, .landing[data-mode] .pricing-note { color:var(--landing-muted); }
.landing[data-mode="dark"] .landing-text-link { color:#85c9ff !important; }
.landing[data-mode="dark"] .landing-copy h1 em { color:#ff7878; }
.landing[data-mode="dark"] .landing-hero-art { box-shadow:0 22px 45px #0008; }
.landing[data-mode="dark"]:is([data-design="editorial"],[data-design="minimal"],[data-design="arctic"],[data-design="brutalist"],[data-design="sunrise"],[data-design="atlas"],[data-design="paper"]) .landing-hero { background:#1d1f20; }
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) { --landing-bg:#1d1f20; --landing-card:#303030; --landing-line:#53575a; --landing-text:#fff; --landing-muted:#d0d0d0; background:#1d1f20; color:#fff; }
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-features article,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .pricing-grid article,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .showcase-screenshot { background:#303030; border-color:#53575a; }
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .pricing-grid .price-featured { background:#412b2d; border-color:#db2828; }
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-nav,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-intro,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-features,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-pricing,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-cta,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-footer { border-color:#53575a; }
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-nav { border-top-color:#db2828; }
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-brand small,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-proof,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .pricing-grid article > span,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .pricing-note { color:#d0d0d0; }
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-kicker,
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .feature-index { color:#85c9ff; }
.landing[data-mode="dark"]:is([data-design="vision"],[data-design^="vision-"]) .landing-hero { background:#1d1f20; }
.landing[data-mode="dark"][data-design="vision-midnight"] .landing-hero { background:linear-gradient(125deg,#303030,#1d1f20); }

@media (max-width:760px) { .landing-nav nav { gap:8px; } }
@media (max-width:490px) { .landing-nav nav > a.btn:not(.btn-primary) { display:none; } .landing-brand { gap:5px; font-size:12px; } .landing-brand img { width:27px; height:27px; } .landing-nav .btn-primary { font-size:10px; padding:7px 8px; } }