/* =====================================================================================
   CREATIVE THEME — loaded only under /creative/ (body.theme-creative).
   Same pages and content as the classic site; this sheet repaints them playfully.
   Classic pages use inline styles, so overrides here need !important.
   ===================================================================================== */
.theme-creative{
  --c-red:#E4002B; --c-orange:#F7A823; --c-yellow:#FFEC3D; --c-green:#4DAE3E;
  --c-sky:#66AEDF; --c-purple:#4A2873; --c-magenta:#921F74; --c-blue:#3366B0; --c-navy:#132B52;
  --paper:#FFF8E7;
  --cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cpath fill='%23fff' d='M30 80h140a28 28 0 0 0 0-56 40 40 0 0 0-76-6 30 30 0 0 0-50 22A22 22 0 0 0 30 80z'/%3E%3C/svg%3E");
  --stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 260'%3E%3Cg%3E%3Cpath fill='%23F7A823' d='M40 30l5 11 12 1-9 8 3 12-11-6-11 6 3-12-9-8 12-1z'/%3E%3Cpath fill='%23E4002B' d='M330 40l4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1z'/%3E%3Cpath fill='%234DAE3E' d='M250 200l4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1z'/%3E%3Cpath fill='%23921F74' d='M120 210l3 6 7 1-5 5 1 7-6-4-6 4 1-7-5-5 7-1z'/%3E%3Ccircle cx='190' cy='40' r='5' fill='%2366AEDF'/%3E%3Ccircle cx='370' cy='160' r='6' fill='%23F7A823'/%3E%3Ccircle cx='20' cy='150' r='4' fill='%234A2873'/%3E%3Ccircle cx='300' cy='110' r='3' fill='%23E4002B'/%3E%3C/g%3E%3C/svg%3E");
  --night:radial-gradient(1.5px 1.5px at 10% 20%,#fff 60%,transparent 61%),radial-gradient(2px 2px at 30% 70%,#FFEC3D 60%,transparent 61%),radial-gradient(1.5px 1.5px at 55% 30%,#fff 60%,transparent 61%),radial-gradient(2px 2px at 75% 80%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 90% 15%,#FFEC3D 60%,transparent 61%),radial-gradient(1px 1px at 45% 55%,#fff 60%,transparent 61%);
}

/* ---------- header & menu ---------- */
.theme-creative header[data-component="SiteHeader"] a[aria-label="Chrysalis home"] img{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.theme-creative header[data-component="SiteHeader"] a[aria-label="Chrysalis home"]:hover img{transform:rotate(-8deg) scale(1.12)}
@media(min-width:861px){
  .theme-creative .site-nav{gap:6px 6px}
  .theme-creative .site-nav > a,.theme-creative .nav-drop > a{padding:8px 14px;border-radius:100px;transition:background-color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}
  .theme-creative .nav-drop > a:hover{background:#EDE3F7}
  /* every menu item gets a hover pill, cycling the petal tints (works for any number of items) */
  .theme-creative .site-nav > a:nth-child(7n+1):hover, .theme-creative .site-nav > .nav-drop:nth-child(7n+1) > a:hover{background:#FFE0E6}
  .theme-creative .site-nav > a:nth-child(7n+2):hover, .theme-creative .site-nav > .nav-drop:nth-child(7n+2) > a:hover{background:#FFF1B8}
  .theme-creative .site-nav > a:nth-child(7n+3):hover, .theme-creative .site-nav > .nav-drop:nth-child(7n+3) > a:hover{background:#D9F2D3}
  .theme-creative .site-nav > a:nth-child(7n+4):hover, .theme-creative .site-nav > .nav-drop:nth-child(7n+4) > a:hover{background:#DCEFFD}
  .theme-creative .site-nav > a:nth-child(7n+5):hover, .theme-creative .site-nav > .nav-drop:nth-child(7n+5) > a:hover{background:#E9E1F7}
  .theme-creative .site-nav > a:nth-child(7n+6):hover, .theme-creative .site-nav > .nav-drop:nth-child(7n+6) > a:hover{background:#FBE0F1}
  .theme-creative .site-nav > a:nth-child(7n+7):hover, .theme-creative .site-nav > .nav-drop:nth-child(7n+7) > a:hover{background:#FFE8CC}
  .theme-creative .site-nav > a:hover,.theme-creative .nav-drop > a:hover{transform:translateY(-2px) rotate(-2deg);color:var(--c-navy) !important}
  .theme-creative nav.site-nav a[aria-current="page"]:not(.nav-drop-menu a){box-shadow:none;background:var(--c-yellow);color:var(--c-navy) !important;font-weight:800}
}
.theme-creative .nav-drop-menu{border:3px solid var(--c-navy);border-radius:20px;box-shadow:0 8px 0 var(--c-navy)}
.theme-creative .nav-drop-menu a:hover{transform:translateX(4px)}
.theme-creative .nav-drop-menu a::before{width:12px;height:12px}
/* the rainbow stripe becomes a wiggly ribbon */
.theme-creative header[data-component="SiteHeader"] > div[aria-hidden="true"]{height:8px !important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'%3E%3Cpath d='M0 4 Q10 0 20 4 T40 4 V8 H0Z'/%3E%3C/svg%3E") repeat-x 0 0/40px 8px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'%3E%3Cpath d='M0 4 Q10 0 20 4 T40 4 V8 H0Z'/%3E%3C/svg%3E") repeat-x 0 0/40px 8px}

/* ---------- page heroes: pastel sky, clouds, sun, stars ---------- */
.theme-creative .page-hero,.theme-creative .hero{position:relative;overflow:hidden;color:var(--c-navy) !important}
.theme-creative .page-hero::before,.theme-creative .hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:var(--cloud) no-repeat -220px 40px/180px auto,var(--cloud) no-repeat -220px 170px/120px auto,var(--cloud) no-repeat -220px 10px/230px auto;
  animation:cr-clouds 60s linear infinite}
.theme-creative .page-hero::after,.theme-creative .hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 92% 8%,var(--c-yellow) 0 70px,rgba(255,236,61,.35) 71px 92px,transparent 93px),var(--stars) repeat 0 0/760px auto;
  -webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.25) 12%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.25) 80%,#000 100%);mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.25) 12%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.25) 80%,#000 100%);
  animation:cr-twinkle 6s ease-in-out infinite alternate}
.theme-creative .page-hero > *,.theme-creative .hero > *{position:relative;z-index:1}
/* one pastel sky per page, in the petal colours */
.theme-creative .page-hero{background:linear-gradient(180deg,#A9DCFF 0%,#D6EEFF 55%,#FFF4CF 100%) !important}
.theme-creative .page-hero--voice{background:linear-gradient(180deg,#FFC9E6 0%,#FFE4F1 55%,#FFF4CF 100%) !important}
.theme-creative .page-hero--journey{background:linear-gradient(180deg,#BDEBB4 0%,#E3F7DD 55%,#FFF4CF 100%) !important}
.theme-creative .hero-home{background:linear-gradient(180deg,#FFE7A6 0%,#FFF2CC 55%,#FFF8E7 100%) !important}
.theme-creative .hero-tr{background:linear-gradient(180deg,#A9DCFF 0%,#D6EEFF 60%,#FFF4CF 100%) !important}
.theme-creative .hero-thinkers{background:linear-gradient(180deg,#BDEBB4 0%,#E3F7DD 60%,#FFF4CF 100%) !important}
.theme-creative .hero-ai{background:linear-gradient(180deg,#D9C7F5 0%,#EDE3FB 60%,#FFF4CF 100%) !important}
.theme-creative .hero-support{background:linear-gradient(180deg,#B9E4FF 0%,#DDF1FF 60%,#FFF4CF 100%) !important}
.theme-creative .hero-myspace{background:linear-gradient(180deg,#FFD3B5 0%,#FFE8D8 60%,#FFF4CF 100%) !important}
/* dark text on the light skies */
.theme-creative .page-hero h1,.theme-creative .hero h1{color:var(--c-navy) !important;font-weight:800 !important}
.theme-creative .page-hero p,.theme-creative .hero p,.theme-creative .hero-copy p{color:#2E4366 !important}
.theme-creative .page-hero h1::first-line,.theme-creative .hero h1 .hl{color:var(--c-red)}
.theme-creative .hero h1 .hl{background:none !important;-webkit-text-fill-color:currentColor;color:var(--c-magenta) !important}
.theme-creative .hero-stat b{color:var(--c-red) !important;font-weight:800}
.theme-creative .hero-stat:nth-child(2) b{color:var(--c-green) !important}.theme-creative .hero-stat:nth-child(3) b{color:var(--c-purple) !important}
.theme-creative .hero-stat span{color:#2E4366 !important}
.theme-creative .hero-actions .btn-ghost{border-color:var(--c-navy) !important;color:var(--c-navy) !important;background:#FFFFFF !important}
.theme-creative .hero-badge{background:#FFFFFF !important;border:3px solid var(--c-navy)}
.theme-creative .hero-badge span{color:var(--c-navy) !important}
.theme-creative .hero-photo-wrap{border:8px solid #FFFFFF;border-radius:36px 36px 36px 10px !important;transform:rotate(2deg);box-shadow:0 14px 0 rgba(19,43,82,.15),0 30px 50px -20px rgba(19,43,82,.5) !important}

/* ---------- eyebrows become stickers ---------- */
.theme-creative main div[style*="text-transform: uppercase"][style*="letter-spacing: 0.1em"],
.theme-creative main .eyebrow{background:#FFFFFF;color:var(--c-purple) !important;padding:7px 14px 7px 12px;border-radius:100px;border:3px dashed var(--c-orange);transform:rotate(-2deg);box-shadow:0 4px 0 rgba(19,43,82,.12);align-self:flex-start;width:fit-content}
.theme-creative main .section-head.center .eyebrow,.theme-creative .hero-grid--center .eyebrow,.theme-creative .hero-home .eyebrow,.theme-creative .hero-support .eyebrow{align-self:center;margin-inline:auto}
.theme-creative main section:nth-of-type(3n+2) div[style*="text-transform: uppercase"][style*="letter-spacing: 0.1em"],.theme-creative main section:nth-of-type(3n+2) .eyebrow{border-color:var(--c-sky);transform:rotate(2deg)}
.theme-creative main section:nth-of-type(3n+3) div[style*="text-transform: uppercase"][style*="letter-spacing: 0.1em"],.theme-creative main section:nth-of-type(3n+3) .eyebrow{border-color:var(--c-green)}

/* ---------- headings: chunky, with a wavy crayon underline ---------- */
.theme-creative main h1,.theme-creative main h2{font-weight:800 !important;letter-spacing:-.01em}
.theme-creative main h2:not(.sr-only){text-decoration:underline wavy var(--c-orange);text-decoration-thickness:3px;text-underline-offset:12px;text-decoration-skip-ink:none}
.theme-creative main section:nth-of-type(5n+2) h2{text-decoration-color:var(--c-red)}
.theme-creative main section:nth-of-type(5n+3) h2{text-decoration-color:var(--c-green)}
.theme-creative main section:nth-of-type(5n+4) h2{text-decoration-color:var(--c-sky)}
.theme-creative main section:nth-of-type(5n+5) h2{text-decoration-color:var(--c-magenta)}

/* ---------- buttons: candy ---------- */
.theme-creative main a[style*="border-radius: 100px"],.theme-creative .btn{font-weight:800 !important;box-shadow:0 6px 0 rgba(19,43,82,.28) !important;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease !important}
.theme-creative main a[style*="border-radius: 100px"]:hover,.theme-creative .btn:hover{transform:translateY(-3px) rotate(-1.5deg) !important}
.theme-creative main a[style*="border-radius: 100px"]:active,.theme-creative .btn:active{transform:translateY(4px) !important;box-shadow:0 2px 0 rgba(19,43,82,.28) !important}
.theme-creative .btn-primary{background:var(--c-yellow) !important;color:var(--c-navy) !important;box-shadow:0 6px 0 #D9B800 !important}

/* ---------- cards: chunky toys that tilt and bounce ---------- */
.theme-creative main section:not(.pl-hero):not(.pl-stats) div[style*="border-radius: 24px"],
.theme-creative main section:not(.pl-hero):not(.pl-stats) div[style*="border-radius: 28px"],
.theme-creative .benefit,.theme-creative .home-product-card,.theme-creative .compare-col,.theme-creative .glimpse-card,.theme-creative .pillar,.theme-creative .road-col,.theme-creative .testimonial,.theme-creative .founder-card,.theme-creative .cta-card{
  border-radius:30px 30px 30px 10px !important;box-shadow:0 8px 0 rgba(19,43,82,.16) !important;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}
.theme-creative main section:not(.pl-hero):not(.pl-stats) div[style*="border-radius: 24px"]:hover,
.theme-creative .benefit:hover,.theme-creative .home-product-card:hover,.theme-creative .compare-col:hover,.theme-creative .glimpse-card:hover,.theme-creative .pillar:hover,.theme-creative .road-col:hover{transform:translateY(-6px) rotate(-1.2deg);box-shadow:0 14px 0 rgba(19,43,82,.18) !important}
.theme-creative main section div[style*="flex-wrap: wrap"] > div[style*="border-radius: 24px"]:nth-child(odd){rotate:-1deg}
.theme-creative main section div[style*="flex-wrap: wrap"] > div[style*="border-radius: 24px"]:nth-child(even){rotate:1deg}
.theme-creative .benefit-grid .benefit:nth-child(odd),.theme-creative .home-product-card:nth-child(odd){rotate:-1deg}
.theme-creative .benefit-grid .benefit:nth-child(even),.theme-creative .home-product-card:nth-child(even){rotate:1deg}
/* light cards get a crayon outline in a petal colour */
.theme-creative main section div[style*="background: #F3F8FD"][style*="border-radius: 24px"],.theme-creative .benefit,.theme-creative .compare-col{border:3px solid var(--c-sky) !important;background:#FFFFFF !important}
.theme-creative main section div[style*="flex-wrap: wrap"] > div[style*="background: #F3F8FD"]:nth-child(4n+2){border-color:var(--c-orange) !important}
.theme-creative main section div[style*="flex-wrap: wrap"] > div[style*="background: #F3F8FD"]:nth-child(4n+3){border-color:var(--c-green) !important}
.theme-creative main section div[style*="flex-wrap: wrap"] > div[style*="background: #F3F8FD"]:nth-child(4n+4){border-color:var(--c-magenta) !important}
.theme-creative .benefit-grid .benefit:nth-child(4n+2){border-color:var(--c-orange) !important}
.theme-creative .benefit-grid .benefit:nth-child(4n+3){border-color:var(--c-green) !important}
.theme-creative .benefit-grid .benefit:nth-child(4n+4){border-color:var(--c-magenta) !important}
/* icon tiles wiggle */
.theme-creative main div[style*="width: 52px; height: 52px"]{border-radius:18px !important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.theme-creative main div[style*="border-radius: 24px"]:hover div[style*="width: 52px; height: 52px"]{transform:rotate(-12deg) scale(1.15)}

/* ---------- photos: framed snapshots ---------- */
.theme-creative main section:not(.pl-hero):not(.pl-stats) img[width][height]:not(.logo-track img):not(.df-cc img):not(.p-kicker img):not(.founder-avatar img):not(.hero-photo-wrap img):not([width="432"]){
  border:6px solid #FFFFFF !important;border-radius:26px 26px 26px 8px !important;box-shadow:0 10px 0 rgba(19,43,82,.12),0 22px 40px -22px rgba(19,43,82,.45) !important;transform:rotate(-1deg)}
.theme-creative main img[width="432"]{box-shadow:0 0 0 5px var(--c-sky),0 0 0 11px #FFFFFF !important}

/* ---------- section backgrounds ---------- */
/* light grey-blue sections -> warm paper with dots */
.theme-creative main section[style*="background: #F3F8FD"],.theme-creative .cta,.theme-creative .ms-section-alt{background:var(--paper) radial-gradient(#F2DDB0 1.2px,transparent 1.3px) 0 0/22px 22px !important}
.theme-creative .page-hero-wave path[fill="#F3F8FD"]{fill:var(--paper)}
/* dark sections -> twinkling night sky */
.theme-creative main section[style*="background: #132B52"],.theme-creative main section[style*="background: #3366B0"],.theme-creative .statstrip,.theme-creative .why{background-image:var(--night) !important;background-size:240px 240px !important;animation:cr-night 8s ease-in-out infinite alternate}
.theme-creative .stat-item b{font-size:42px !important}
.theme-creative .stat-grid .stat-item{border-top-width:6px !important;border-radius:6px}
.theme-creative .why-item .chip{width:14px;height:14px;margin-top:4px;border-radius:4px;rotate:45deg}

/* ---------- footer: wavy top ---------- */
.theme-creative footer[data-component="SiteFooter"]{position:relative;margin-top:40px}
.theme-creative footer[data-component="SiteFooter"]::before{content:"";position:absolute;left:0;right:0;top:-38px;height:40px;background:#132B52;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V20 Q15 0 30 20 T60 20 T90 20 T120 20 V40Z'/%3E%3C/svg%3E") repeat-x 0 0/120px 40px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V20 Q15 0 30 20 T60 20 T90 20 T120 20 V40Z'/%3E%3C/svg%3E") repeat-x 0 0/120px 40px}
.theme-creative footer[data-component="SiteFooter"] > div[aria-hidden="true"]{display:none}

/* ---------- pop-in on scroll (creative.js adds .cr-pop then .cr-in) ---------- */
.theme-creative .cr-pop{opacity:0;transform:translateY(26px) scale(.94);transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}
.theme-creative .cr-pop.cr-in{opacity:1;transform:none}
/* confetti */
.cr-confetti{position:fixed;z-index:200;width:10px;height:14px;border-radius:3px;pointer-events:none;animation:cr-fall 1s cubic-bezier(.2,.7,.4,1) forwards}

@keyframes cr-clouds{from{background-position:-220px 40px,-220px 170px,-220px 10px}to{background-position:calc(100vw + 40px) 40px,calc(100vw + 60px) 170px,calc(100vw + 20px) 10px}}
@keyframes cr-twinkle{from{opacity:.75}to{opacity:1}}
@keyframes cr-night{from{background-position:0 0}to{background-position:24px 12px}}
@keyframes cr-fall{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}

@media(max-width:700px){
  .theme-creative .hero-photo-wrap,.theme-creative main img{transform:none !important}
  .theme-creative main div[style*="border-radius: 24px"]{rotate:0deg !important}
}

/* outline buttons written for dark heroes (white text) -> navy on the light skies */
.theme-creative .page-hero a[style*="color: #FFFFFF"][style*="border"]{color:var(--c-navy) !important;background:#FFFFFF !important;border-color:var(--c-navy) !important}