.demo-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 48px}
.demo-picker a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:13px;font-weight:600}
.demo-picker a:hover{border-color:var(--blue);color:var(--blue)}
.demo-picker .demo-picker__back{margin-left:auto;border-color:transparent;color:var(--muted)}
.demo{margin:0 0 56px;scroll-margin-top:88px}
.demo__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.demo__bar .eyebrow{margin:0}
.demo__back{color:var(--muted);font-size:13px;font-weight:600}
.demo__page{overflow:hidden;border:1px solid var(--d-line);border-radius:28px;background:var(--d-bg);color:var(--d-text);box-shadow:0 24px 80px rgba(0,0,0,.08)}
.demo__page a{color:inherit;text-decoration:none}
.demo__page a:focus-visible{outline-color:var(--d-focus,#06c)}
.demo__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:13px clamp(18px,4vw,40px);border-bottom:1px solid var(--d-line)}
.demo__brand{font:800 20px/1 Manrope,sans-serif;letter-spacing:-.07em}
.demo__header nav{display:flex;flex-wrap:wrap;gap:4px 24px}
.demo__header nav a{display:inline-flex;align-items:center;min-height:40px;color:var(--d-muted);font-size:13px}
.demo__header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border-radius:999px;background:var(--d-cta);color:var(--d-cta-text)!important;font-size:13px;font-weight:600}
.demo__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:clamp(28px,6vw,76px);padding:clamp(38px,7vw,84px) clamp(22px,7vw,82px)}
.demo__hero-copy{max-width:520px}
.demo__kicker{margin:0 0 12px;color:var(--d-muted);font-size:11px;font-weight:700;letter-spacing:.14em}
.demo__hero h2{margin:0;font:750 clamp(46px,7.2vw,82px)/.96 Manrope,sans-serif;letter-spacing:-.08em}
.demo__hero h2 span{color:var(--d-soft)}
.demo__hero-copy>p:not(.demo__kicker){max-width:440px;margin:18px 0 0;color:var(--d-muted);font-size:16px}
.demo__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:22px;padding:0 20px;border-radius:999px;background:var(--d-cta);color:var(--d-cta-text)!important;font-size:14px;font-weight:600}
.demo__trust{margin:14px 0 0;color:var(--d-muted);font-size:12px}
.demo__trust span{margin-right:7px;color:#ae7044;letter-spacing:.08em}
.demo__art{position:relative;min-height:350px;overflow:hidden;border-radius:24px}
.demo__photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.demo__block,.demo__cta{padding:clamp(30px,5vw,58px) clamp(22px,7vw,82px);border-top:1px solid var(--d-line)}
.demo__block h3,.demo__cta h3{margin:0;font:700 clamp(28px,4vw,42px)/1.08 Manrope,sans-serif;letter-spacing:-.06em}
.demo__block>.demo__kicker,.demo__cta>.demo__kicker{margin-bottom:9px}
.demo__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.demo__list article{padding:20px;border-radius:18px;background:var(--d-surface)}
.demo__list article>span,.demo__projects article>span{color:var(--d-muted);font-size:11px;font-weight:700;letter-spacing:.08em}
.demo__list h4,.demo__projects h4{margin:12px 0 5px;font:650 20px/1.15 Manrope,sans-serif;letter-spacing:-.04em}
.demo__list p,.demo__cta>p:not(.demo__kicker){max-width:580px;margin:0;color:var(--d-muted);font-size:14px}
.demo__cta{background:var(--d-surface)}
.demo__cta>p:not(.demo__kicker){margin-top:10px}
.demo__text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:13px;font-weight:600;text-decoration:underline!important;text-underline-offset:4px}
.demo__footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:18px clamp(22px,7vw,82px);border-top:1px solid var(--d-line)}
.demo__footer strong{font:700 14px Manrope,sans-serif}
.demo__footer span{flex:1;color:var(--d-muted);font-size:12px}
.demo__footer a{font-size:13px;font-weight:600;text-decoration:underline!important;text-underline-offset:4px}
.demo__ticker{display:flex;align-items:center;justify-content:space-around;gap:18px;min-height:54px;padding:10px 22px;background:var(--d-ticker);color:var(--d-ticker-text);font-size:10px;font-weight:800;letter-spacing:.14em}
.demo__ticker i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--d-ticker-dot)}
.demo__button,.demo__header-cta,.demo__text-link,.demo__list article,.demo__projects article{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.demo__button:hover,.demo__header-cta:hover{filter:brightness(1.08);transform:translateY(-2px)}
.demo__list article:hover,.demo__projects article:hover{box-shadow:0 12px 25px rgba(0,0,0,.12);transform:translateY(-4px)}

.demo--home{--d-bg:#fffdf7;--d-surface:#f2f5f6;--d-text:#172b35;--d-muted:#526772;--d-soft:#ed684b;--d-line:#dce4e5;--d-cta:#ed684b;--d-cta-text:#fff;--d-focus:#116c82;--d-ticker:#123f52;--d-ticker-text:#fff;--d-ticker-dot:#f3bc45}
.demo--home .demo__brand span{color:#ed684b}
.demo--home .demo__hero h2 span{color:#ed684b}
.demo--home .demo__art{background:radial-gradient(circle at 78% 19%,#f9c24d 0 8%,transparent 8.3%),linear-gradient(145deg,#72c9ca 0%,#43aab8 52%,#176f86 100%)}
.demo--home .demo__art:before{position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,rgba(18,63,82,.36),transparent 52%,rgba(237,104,75,.1));content:""}
.home-art__badge{position:absolute;z-index:3;top:13%;left:9%;display:grid;width:88px;height:88px;align-content:center;border:2px solid #fff;border-radius:50%;background:#ed684b;color:#fff;text-align:center;font:800 10px/1.2 Manrope,sans-serif;letter-spacing:.1em;transform:rotate(-12deg)}
.home-art__note{position:absolute;z-index:3;right:8%;bottom:8%;padding:8px 11px;background:#fff8e8;color:#123f52;font-size:9px;font-weight:800;letter-spacing:.13em;transform:rotate(3deg)}
.demo--home .demo__photo{object-position:center 45%}
.demo__ticker--home{font-size:11px}

.demo--wellness{--d-bg:#fff7f1;--d-surface:#fff0e8;--d-text:#251432;--d-muted:#66536d;--d-soft:#f65749;--d-line:#e9d8e9;--d-cta:#f65749;--d-cta-text:#fff;--d-focus:#8a30a0;--d-ticker:#271638;--d-ticker-text:#fff;--d-ticker-dot:#d7f23b}
.demo--wellness .demo__brand{font-family:Manrope,sans-serif;font-weight:850;letter-spacing:-.08em}
.demo--wellness .demo__brand span{color:#f65749;font-size:.72em;font-style:normal;letter-spacing:-.04em}
.demo--wellness .demo__hero h2{font-family:Manrope,sans-serif;font-weight:850;letter-spacing:-.085em}
.demo--wellness .demo__hero h2 span{color:#f65749}
.demo--wellness .demo__hero{background:linear-gradient(115deg,#fff7f1 0%,#fff7f1 58%,#f9e8ff 58%,#f9e8ff 100%)}
.demo--wellness .demo__art{background:radial-gradient(ellipse at 66% 28%,#ffca55 0 13%,transparent 13.4%),linear-gradient(145deg,#fb6650 0%,#d848a0 48%,#6b43ba 100%)}
.demo--wellness .demo__art:before{position:absolute;z-index:1;inset:0;background:linear-gradient(145deg,rgba(244,68,111,.3),transparent 45%,rgba(41,20,62,.42));content:""}
.demo--wellness .demo__photo{object-position:center 44%}
.wellness-art__caption{position:absolute;z-index:2;bottom:11%;left:9%;color:#fff;font:900 clamp(20px,3vw,29px)/.85 Manrope,sans-serif;letter-spacing:-.07em;text-shadow:0 2px 12px rgba(0,0,0,.3);transform:rotate(-8deg)}
.wellness-art__sticker{position:absolute;z-index:2;top:16%;right:8%;display:grid;width:78px;height:78px;align-content:center;border-radius:50%;background:#d7f23b;color:#271638;text-align:center;font-size:10px;font-weight:900;line-height:1.25;transform:rotate(11deg)}
.wellness-art__credit{position:absolute;z-index:2;right:12px;bottom:12px;color:#fff;font-size:8px;font-weight:700;letter-spacing:.08em;text-shadow:0 1px 8px #000}
.demo__ticker--wellness{font-size:11px}
.demo--wellness .demo__list article:nth-child(2){background:#fbd8f1}
.demo--wellness .demo__list article:nth-child(3){background:#d7f23b}

.demo--creative{--d-bg:#17191e;--d-surface:#22252c;--d-text:#f5f5f3;--d-muted:#b7bac3;--d-soft:#e8ff55;--d-line:#3a3c46;--d-cta:#e8ff55;--d-cta-text:#17191e;--d-focus:#e8ff55;--d-ticker:#e8ff55;--d-ticker-text:#17191e;--d-ticker-dot:#fc5b3a}
.demo--creative .demo__art{background:#fc5b3a}
.demo--creative .demo__art:before{position:absolute;inset:10% 12% 9% 23%;background:#171715;clip-path:polygon(50% 0,100% 26%,78% 100%,0 82%);content:"";transform:rotate(8deg)}
.creative-art__type{position:absolute;z-index:1;top:17%;left:26%;color:#e8ff55;font:900 clamp(76px,10vw,120px)/1 Arial,sans-serif;letter-spacing:-.13em;transform:rotate(-12deg)}
.creative-art__orbit{position:absolute;z-index:2;top:18%;right:12%;width:50px;aspect-ratio:1;border:5px solid #e8ff55;border-radius:50%;box-shadow:0 0 0 9px #fc5b3a,0 0 0 12px #e8ff55}
.creative-art__caption{position:absolute;z-index:2;bottom:10%;left:9%;color:white;font:800 11px/1.25 Arial,sans-serif;letter-spacing:.14em}
.demo--creative .demo__projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.demo__projects article{min-height:160px;padding:18px;border-radius:16px;color:#17191e}
.demo__projects article:nth-child(1){background:#4f7cff}
.demo__projects article:nth-child(2){background:#d8c3a5}
.demo__projects article:nth-child(3){background:#c6f432}
.demo__projects h4{font-size:clamp(18px,2vw,25px)}
.demo__projects article>p{margin:0;font-size:12px}

@media(max-width:760px){
  .demo-picker{margin-bottom:32px}
  .demo-picker .demo-picker__back{margin-left:0}
  .demo__header{align-items:flex-start}
  .demo__header nav{order:3;width:100%;gap:2px 18px}
  .demo__header nav a{min-height:34px;font-size:12px}
  .demo__hero{grid-template-columns:1fr;gap:28px;padding:42px 24px}
  .demo--wellness .demo__hero{background:linear-gradient(180deg,#fff7f1 0%,#fff7f1 56%,#f9e8ff 56%,#f9e8ff 100%)}
  .demo__hero h2{font-size:clamp(46px,13vw,70px)}
  .demo__art{min-height:270px}
  .demo__list,.demo--creative .demo__projects{grid-template-columns:1fr}
  .demo__projects article{min-height:130px}
  .demo__footer{align-items:flex-start;flex-direction:column}
  .demo__ticker{justify-content:flex-start;gap:13px;overflow:hidden;white-space:nowrap;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.demo-picker a,.demo__button,.demo__header-cta,.demo__text-link,.demo__list article,.demo__projects article{transition:none}}