.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}

.demo--pulse{--d-bg:#0c0f1d;--d-surface:#171b2d;--d-text:#f3f2ff;--d-muted:#b7bdd9;--d-soft:#6df0ff;--d-line:#2b324e;--d-cta:#ff4fd8;--d-cta-text:#090d1b;--d-focus:#6df0ff;--d-ticker:#1e253f;--d-ticker-text:#fff;--d-ticker-dot:#6df0ff}
.demo--pulse .demo__page{background:radial-gradient(circle at 15% 8%,rgba(109,240,255,.28),transparent 24%),radial-gradient(circle at 78% 12%,rgba(255,79,216,.24),transparent 24%),linear-gradient(180deg,#0a0d17 0%,#111724 100%);color:var(--d-text)}
.demo--pulse .demo__brand span{color:#ff4fd8}
.demo--pulse .demo__header nav a{color:#cbd1f1}
.demo--pulse .demo__hero{background:linear-gradient(115deg,rgba(10,13,23,.2) 0%,rgba(10,13,23,.2) 58%,rgba(100,77,194,.18) 58%,rgba(100,77,194,.18) 100%)}
.demo--pulse .demo__hero h2 span{color:#6df0ff}
.demo--pulse .demo__art{background:linear-gradient(135deg,#111827 0%,#201a3a 52%,#091526 100%);border:1px solid rgba(255,255,255,.08)}
.demo--pulse .demo__art:before{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,12,22,.12),rgba(9,12,22,.4));content:""}
.pulse-art__flare{position:absolute;z-index:1;inset:18% 12% auto 18%;height:42%;border:1px solid rgba(109,240,255,.38);background:linear-gradient(180deg,rgba(109,240,255,.18),rgba(255,79,216,.06));border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pulse-art__label{position:absolute;z-index:2;top:17%;left:23%;color:#f3f2ff;font:900 12px/1.2 Arial,sans-serif;letter-spacing:.16em}
.pulse-art__bars{position:absolute;z-index:2;left:20%;right:20%;bottom:20%;display:flex;align-items:flex-end;gap:12px;height:74px}
.pulse-art__bars i{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#6df0ff,#ff4fd8);animation:pulseBars 1.6s ease-in-out infinite alternate}
.pulse-art__bars i:nth-child(2n){animation-delay:.2s}.pulse-art__bars i:nth-child(3n){animation-delay:.4s}
.demo__ticker--pulse{font-size:11px}
.demo--pulse .demo__list article{background:rgba(28,35,58,.9)}
.demo--pulse .demo__list article:nth-child(2){background:rgba(63,81,95,.82)}
.demo--pulse .demo__list article:nth-child(3){background:rgba(35,53,77,.72)}

@keyframes pulseBars{from{transform:scaleY(.25)}to{transform:scaleY(1)}}

@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}}