
:root {
  --cc-black:#050305;
  --cc-black-2:#0c070a;
  --cc-panel:#121012;
  --cc-white:#fffafd;
  --cc-muted:#b7adb3;
  --cc-line:rgba(255,255,255,.13);
  --cc-pink:#ff0b7d;
  --cc-pink-2:#c90059;
  --cc-radius:26px;
}

html { scroll-behavior:smooth; }
body.cc-landing-template {
  margin:0 !important;
  background:var(--cc-black) !important;
}
body.cc-landing-template .wp-site-blocks,
body.cc-landing-template main,
body.cc-landing-template .site-main,
body.cc-landing-template .entry-content {
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  width:100% !important;
}

.cc-site {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  background:var(--cc-black);
  color:var(--cc-white);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
}
.cc-site,.cc-site *{box-sizing:border-box}
.cc-site *{margin:0}
.cc-site img{display:block;max-width:100%}
.cc-site a{color:inherit;text-decoration:none}
.cc-site button{font:inherit}
.cc-site ::selection{background:var(--cc-pink);color:#fff}
.cc-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}

.cc-nav{
  position:sticky;top:0;z-index:100;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(5,3,5,.76);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px)
}
.cc-nav__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.cc-logo{width:168px;flex:0 0 auto}
.cc-menu{display:flex;align-items:center;gap:30px;color:#ddd4d9;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cc-menu a{transition:color .25s ease,opacity .25s ease}
.cc-menu a:hover{color:var(--cc-pink)}
.cc-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;
  border:1px solid transparent;border-radius:999px;
  background:linear-gradient(135deg,var(--cc-pink),#e60069 55%,#ae004c);
  color:#fff!important;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 16px 45px rgba(255,11,125,.24);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease
}
.cc-btn:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(255,11,125,.38)}
.cc-btn--ghost{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.04);box-shadow:none}
.cc-btn--ghost:hover{border-color:var(--cc-pink);background:rgba(255,11,125,.08)}

.cc-hero{
  position:relative;min-height:calc(100vh - 82px);display:grid;align-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,0,128,.95) 0,rgba(255,0,128,.28) 23%,transparent 46%),
    radial-gradient(circle at 100% 82%,rgba(255,0,128,.95) 0,rgba(255,0,128,.3) 22%,transparent 48%),
    radial-gradient(circle at 52% 45%,rgba(86,0,34,.58),transparent 52%),
    linear-gradient(135deg,#0b0005 0%,#030203 48%,#160009 100%)
}
.cc-hero:before{
  content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,black,transparent 82%)
}
.cc-hero__mark{position:absolute;right:-8vw;top:50%;width:min(58vw,820px);transform:translateY(-48%) rotate(-8deg);opacity:.08;filter:drop-shadow(0 0 90px rgba(255,11,125,.2));pointer-events:none}
.cc-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.cc-orbit--one{width:540px;height:540px;right:-180px;top:-210px}
.cc-orbit--two{width:260px;height:260px;left:-120px;bottom:40px}
.cc-hero__inner{position:relative;z-index:2;padding:110px 0 88px}
.cc-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:25px;color:#f3dbe7;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.cc-eyebrow:before{content:"";width:38px;height:4px;border-radius:999px;background:var(--cc-pink);box-shadow:0 0 22px rgba(255,11,125,.7)}
.cc-display{max-width:1020px;font-size:clamp(58px,9.2vw,142px);line-height:.84;letter-spacing:-.072em;text-transform:uppercase;font-weight:1000}
.cc-display .cc-outline{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.9);text-stroke:2px rgba(255,255,255,.9)}
.cc-display .cc-pink{color:var(--cc-pink);text-shadow:0 0 55px rgba(255,11,125,.32)}
.cc-hero__bottom{margin-top:42px;max-width:760px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px}
.cc-hero__copy{color:#d0c5cb;font-size:clamp(17px,1.6vw,22px);line-height:1.55}
.cc-hero__copy strong{color:#fff}
.cc-actions{display:flex;flex-wrap:wrap;gap:12px}
.cc-scroll{position:absolute;right:32px;bottom:32px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.55);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}
.cc-scroll:after{content:"";width:1px;height:55px;background:linear-gradient(var(--cc-pink),transparent)}

.cc-marquee{overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:var(--cc-pink);color:#fff;transform:rotate(-1deg) scale(1.02);position:relative;z-index:5}
.cc-marquee__track{width:max-content;display:flex;gap:22px;padding:16px 0;animation:cc-marquee 24s linear infinite;font-size:14px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.cc-marquee__track span:after{content:"✦";margin-left:22px}
@keyframes cc-marquee{to{transform:translateX(-50%)}}

.cc-section{position:relative;padding:120px 0}
.cc-section--light{background:var(--cc-white);color:#0b080a}
.cc-section--dark{background:linear-gradient(180deg,#080507,#030203)}
.cc-section--pink{background:radial-gradient(circle at 10% 30%,rgba(255,255,255,.22),transparent 25%),linear-gradient(135deg,#ff0b7d,#b6004d 72%,#760032)}
.cc-kicker{margin-bottom:20px;color:var(--cc-pink);font-size:12px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}
.cc-section--pink .cc-kicker{color:white;opacity:.75}
.cc-title{max-width:980px;font-size:clamp(42px,6.3vw,92px);line-height:.94;letter-spacing:-.06em;text-transform:uppercase;font-weight:1000}
.cc-title--small{max-width:780px;font-size:clamp(38px,5.2vw,72px)}
.cc-lead{max-width:720px;margin-top:30px;color:#5e565b;font-size:clamp(18px,1.8vw,24px);line-height:1.55}
.cc-section--dark .cc-lead{color:#beb3b9}
.cc-section--pink .cc-lead{color:rgba(255,255,255,.82)}
.cc-intro-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:64px;align-items:end}
.cc-manifesto{border-left:1px solid #d7cfd3;padding-left:28px;color:#4f484c;font-size:17px}
.cc-manifesto strong{display:block;margin-bottom:14px;color:#0a0709;font-size:18px}

.cc-services{margin-top:70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--cc-line)}
.cc-service{position:relative;min-height:330px;padding:38px;overflow:hidden;border-right:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line);background:rgba(255,255,255,.018);transition:background .3s ease,transform .3s ease}
.cc-service:nth-child(even){border-right:0}
.cc-service:hover{background:linear-gradient(135deg,rgba(255,11,125,.16),rgba(255,255,255,.025));transform:translateY(-4px)}
.cc-service:after{content:"";position:absolute;width:150px;height:150px;right:-80px;bottom:-80px;border:34px solid rgba(255,11,125,.12);border-radius:50%;transition:transform .45s ease}
.cc-service:hover:after{transform:scale(1.35) rotate(30deg)}
.cc-service__number{display:inline-block;margin-bottom:70px;color:var(--cc-pink);font-size:13px;font-weight:1000;letter-spacing:.16em}
.cc-service h3{max-width:510px;font-size:clamp(27px,3vw,46px);line-height:.98;letter-spacing:-.045em;text-transform:uppercase;font-weight:1000}
.cc-service p{max-width:520px;margin-top:18px;color:#b8adb3;font-size:16px;line-height:1.65}

.cc-process{margin-top:70px;counter-reset:cc-step}
.cc-step{position:relative;display:grid;grid-template-columns:90px .7fr 1.3fr;gap:30px;padding:34px 0;border-top:1px solid #d8d0d4;align-items:start}
.cc-step:last-child{border-bottom:1px solid #d8d0d4}
.cc-step:before{counter-increment:cc-step;content:"0" counter(cc-step);color:var(--cc-pink);font-size:13px;font-weight:1000;letter-spacing:.12em}
.cc-step h3{font-size:clamp(24px,3vw,40px);line-height:1;letter-spacing:-.04em;text-transform:uppercase;font-weight:1000}
.cc-step p{max-width:620px;color:#62595e;font-size:17px;line-height:1.65}

.cc-system{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.cc-system__visual{position:relative;min-height:590px;display:grid;place-items:center}
.cc-system__visual:before,.cc-system__visual:after{content:"";position:absolute;border-radius:50%}
.cc-system__visual:before{width:440px;height:440px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 90px rgba(255,11,125,.08)}
.cc-system__visual:after{width:290px;height:290px;border:42px solid rgba(255,11,125,.19)}
.cc-system__visual img{position:relative;z-index:2;width:min(72%,390px);opacity:.98;filter:drop-shadow(0 30px 80px rgba(255,11,125,.26));animation:cc-float 5.5s ease-in-out infinite}
@keyframes cc-float{50%{transform:translateY(-16px) rotate(2deg)}}
.cc-points{margin-top:38px;display:grid;gap:0;border-top:1px solid var(--cc-line)}
.cc-point{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--cc-line);color:#ded5da;font-size:17px}
.cc-point:before{content:"↗";color:var(--cc-pink);font-weight:1000}

.cc-fit{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc-fit__card{min-height:260px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.34);border-radius:var(--cc-radius);background:rgba(0,0,0,.08);backdrop-filter:blur(12px)}
.cc-fit__card span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--cc-pink);font-weight:1000}
.cc-fit__card h3{font-size:clamp(25px,2.4vw,37px);line-height:1;letter-spacing:-.045em;text-transform:uppercase;font-weight:1000}

.cc-cta{position:relative;overflow:hidden;text-align:center}
.cc-cta:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 50% 50%,rgba(255,11,125,.28),transparent 32%),conic-gradient(from 0deg,transparent,rgba(255,11,125,.18),transparent 40%);animation:cc-spin 18s linear infinite}
@keyframes cc-spin{to{transform:rotate(360deg)}}
.cc-cta__inner{position:relative;z-index:2;padding:140px 0}
.cc-cta .cc-title{margin-inline:auto;max-width:1120px}
.cc-cta .cc-lead{margin:28px auto 38px;color:#beb3b9}

.cc-footer{border-top:1px solid rgba(255,255,255,.1);background:#020102}
.cc-footer__inner{min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;color:#8f858a;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.cc-footer__logo{width:126px;margin-inline:auto}
.cc-footer__right{text-align:right}
.cc-mobile-menu{display:none}

@media(max-width:900px){
  .cc-menu{display:none}.cc-nav__inner>.cc-btn{display:none}
  .cc-mobile-menu{display:block;position:relative}
  .cc-mobile-menu summary{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;list-style:none;cursor:pointer;font-weight:1000}
  .cc-mobile-menu summary::-webkit-details-marker{display:none}
  .cc-mobile-menu nav{position:absolute;top:58px;right:0;width:min(300px,calc(100vw - 40px));padding:20px;display:grid;gap:4px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(8,5,7,.97);box-shadow:0 30px 80px rgba(0,0,0,.55)}
  .cc-mobile-menu nav a{padding:14px;border-radius:12px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .cc-mobile-menu nav a:hover{background:rgba(255,11,125,.12)}
  .cc-hero__bottom,.cc-intro-grid,.cc-system{grid-template-columns:1fr}
  .cc-hero__bottom{align-items:start}
  .cc-hero__mark{width:85vw;right:-35vw;opacity:.06}
  .cc-services{grid-template-columns:1fr}
  .cc-service{border-right:0}
  .cc-step{grid-template-columns:60px 1fr}
  .cc-step p{grid-column:2}
  .cc-fit{grid-template-columns:1fr}
  .cc-system__visual{min-height:460px;order:-1}
  .cc-footer__inner{grid-template-columns:1fr;text-align:center;padding:40px 0}
  .cc-footer__right{text-align:center}
}
@media(max-width:620px){
  .cc-container{width:min(100% - 28px,1180px)}
  .cc-nav__inner{min-height:70px}
  .cc-logo{width:145px}
  .cc-hero{min-height:auto}
  .cc-hero__inner{padding:92px 0 80px}
  .cc-display{font-size:clamp(50px,18vw,84px)}
  .cc-display .cc-outline{-webkit-text-stroke-width:1.4px}
  .cc-hero__bottom{margin-top:32px;gap:26px}
  .cc-actions{display:grid}
  .cc-actions .cc-btn{width:100%}
  .cc-scroll{display:none}
  .cc-section{padding:86px 0}
  .cc-title{font-size:clamp(42px,14vw,65px)}
  .cc-service{min-height:0;padding:28px 22px}
  .cc-service__number{margin-bottom:54px}
  .cc-step{grid-template-columns:42px 1fr;gap:16px}
  .cc-system__visual{min-height:350px}
  .cc-system__visual:before{width:310px;height:310px}
  .cc-system__visual:after{width:205px;height:205px;border-width:30px}
  .cc-fit__card{min-height:220px}
  .cc-cta__inner{padding:100px 0}
}
@media(prefers-reduced-motion:reduce){
  .cc-site *,.cc-site *:before,.cc-site *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}
