:root{--cpp-violet:#7048e8;--cpp-purple:#8b5cf6;--cpp-cyan:#1fc9df;--cpp-mint:#5bd7b0;--cpp-ink:#17122a;--cpp-body:#6f687e;--cpp-line:#e9e4f2;--cpp-soft:#f8f6fb}
.crops-project-premium,.cpp-projects-grid{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cpp-theme-ink,var(--cpp-ink));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.crops-project-premium *,.cpp-projects-grid *{box-sizing:border-box}.crops-project-premium{--cpp-accent:#7048e8;--cpp-accent2:#1fc9df;--cpp-accent3:#5bd7b0;--cpp-theme-ink:#17122a;--cpp-surface:#fff;--cpp-muted:#6f687e;--cpp-border:rgba(75,52,119,.12);width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:#fff}.cpp-project-shell{width:min(1180px,calc(100% - 42px));margin-inline:auto}.cpp-front-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:9998;pointer-events:none}.cpp-front-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cpp-accent),var(--cpp-accent2));box-shadow:0 0 14px color-mix(in srgb,var(--cpp-accent2) 42%,transparent)}
body.crops-project-page #main-content .container{width:100%;max-width:none;padding-top:0}body.crops-project-page #main-content .container:before{display:none!important}body.crops-project-page #left-area{width:100%!important;padding:0!important;float:none!important}body.crops-project-page #sidebar{display:none!important}body.crops-project-page .et_post_meta_wrapper{display:none}body.crops-project-page article.project{margin-bottom:0}body.crops-project-page .entry-content{padding-top:0}
/* Hero */
.cpp-project-hero{position:relative;overflow:hidden;padding:78px 0 36px;background:radial-gradient(circle at 9% 8%,color-mix(in srgb,var(--cpp-accent) 13%,transparent),transparent 29%),radial-gradient(circle at 89% 15%,color-mix(in srgb,var(--cpp-accent2) 13%,transparent),transparent 31%),linear-gradient(180deg,#fff,#fbfbff)}.cpp-project-hero:after{content:"";position:absolute;inset:auto 12% -240px 35%;height:420px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--cpp-accent) 11%,transparent),transparent 66%);filter:blur(18px);pointer-events:none}.cpp-project-orb{position:absolute;border-radius:50%;pointer-events:none;opacity:.8}.cpp-project-orb-a{width:290px;height:290px;right:-120px;top:45px;background:radial-gradient(circle,color-mix(in srgb,var(--cpp-accent2) 21%,transparent),transparent 68%);animation:cppFloat 8s ease-in-out infinite}.cpp-project-orb-b{width:250px;height:250px;left:-110px;bottom:-100px;background:radial-gradient(circle,color-mix(in srgb,var(--cpp-accent) 18%,transparent),transparent 68%);animation:cppFloat 10s ease-in-out infinite reverse}.cpp-project-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:58px;align-items:center}.cpp-project-hero.cpp-hero-reverse .cpp-project-copy{order:2}.cpp-project-hero.cpp-hero-reverse .cpp-project-visual{order:1}.cpp-project-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.cpp-project-eyebrow>span,.cpp-project-eyebrow>em{display:inline-flex;padding:7px 10px;border:1px solid color-mix(in srgb,var(--cpp-accent) 18%,#fff);border-radius:999px;background:rgba(255,255,255,.8);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.085em;color:var(--cpp-accent);font-style:normal}.cpp-project-eyebrow>em{color:#756d83}.cpp-project-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:850;background:#edfbf6;color:#1f745c}.cpp-project-status.is-planned,.cpp-status-pills .is-planned{background:#fff7e9;color:#966415}.cpp-project-status.is-muted,.cpp-status-pills .is-muted{background:#f0eef3;color:#6a6474}.cpp-project-status.is-live,.cpp-status-pills .is-live{background:#e9fbf2;color:#187051}.cpp-project-copy h1{font-size:clamp(44px,6.25vw,86px);line-height:.95;letter-spacing:-.06em;margin:0;max-width:920px;color:var(--cpp-theme-ink)}.cpp-project-titleline{margin:20px 0 0!important;font-size:13px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--cpp-accent)!important}.cpp-project-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.62;color:var(--cpp-muted);max-width:760px;margin:18px 0 22px}.cpp-project-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.cpp-project-chips span{font-size:11px;color:#615a70;background:rgba(255,255,255,.72);border:1px solid var(--cpp-border);padding:8px 10px;border-radius:999px;box-shadow:0 7px 20px rgba(48,35,81,.035)}.cpp-project-hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.cpp-project-btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;text-decoration:none!important;background:linear-gradient(135deg,var(--cpp-accent),color-mix(in srgb,var(--cpp-accent) 76%,var(--cpp-accent2)));color:#fff!important;border-radius:15px;padding:14px 19px;font-weight:850;box-shadow:0 15px 34px color-mix(in srgb,var(--cpp-accent) 25%,transparent);transition:.24s ease;border:1px solid transparent}.cpp-project-btn:hover{transform:translateY(-3px);box-shadow:0 20px 42px color-mix(in srgb,var(--cpp-accent) 32%,transparent)}.cpp-project-btn-ghost{background:#fff;color:#2f2740!important;border-color:var(--cpp-border);box-shadow:0 10px 26px rgba(49,35,79,.06)}.cpp-project-btn-ghost:hover{color:var(--cpp-accent)!important;border-color:color-mix(in srgb,var(--cpp-accent) 28%,#fff)}
/* Project image and dynamic scene */
.cpp-project-visual{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center}.cpp-project-visual:before{content:"";position:absolute;inset:8% -2% 8% 10%;border-radius:40px;background:linear-gradient(140deg,color-mix(in srgb,var(--cpp-accent) 15%,transparent),color-mix(in srgb,var(--cpp-accent2) 13%,transparent));filter:blur(24px)}.cpp-project-preview-frame{position:absolute;z-index:1;width:78%;right:1%;top:7%;transform:rotate(1.5deg);opacity:.82}.cpp-hero-reverse .cpp-project-preview-frame{right:auto;left:1%;transform:rotate(-1.5deg)}.cpp-project-preview-frame img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:26px;border:1px solid var(--cpp-border);box-shadow:0 28px 70px rgba(34,25,59,.16);transition:transform .35s ease,opacity .35s ease}.cpp-project-visual:hover .cpp-project-preview-frame img{transform:translateY(-3px)}
.cpp-scene{position:relative;z-index:3;width:82%;min-height:420px;margin-top:88px;margin-left:-14%;border-radius:30px;background:rgba(255,255,255,.91);border:1px solid var(--cpp-border);box-shadow:0 34px 86px rgba(39,29,67,.18);backdrop-filter:blur(18px);overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg);animation:cppDevice 7s ease-in-out infinite}.cpp-hero-reverse .cpp-scene{margin-left:13%;transform:perspective(1100px) rotateY(4deg) rotateX(1deg)}.cpp-scene-top{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(73,54,110,.08);background:rgba(255,255,255,.72)}.cpp-scene-top>span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpp-scene-top>span i{width:29px;height:29px;border-radius:10px;background:linear-gradient(135deg,var(--cpp-accent),var(--cpp-accent2));box-shadow:0 8px 18px color-mix(in srgb,var(--cpp-accent) 23%,transparent)}.cpp-scene-top>b{font-size:9px;padding:6px 8px;border-radius:99px;background:#eaf9f4;color:#23815f}.cpp-scene-main{min-height:310px;padding:18px;position:relative}.cpp-scene-foot{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px 18px;border-top:1px solid rgba(73,54,110,.08);font-size:10px;color:#7a7187}.cpp-scene-foot>i{display:block;height:7px;border-radius:99px;background:#ece8f3;overflow:hidden}.cpp-scene-foot u{display:block;height:100%;width:var(--cpp-progress);text-decoration:none;border-radius:inherit;background:linear-gradient(90deg,var(--cpp-accent),var(--cpp-accent2),var(--cpp-accent3))}.cpp-scene-foot b{font-size:11px;color:var(--cpp-theme-ink)}
/* scene: cockpit */
.cpp-cockpit-stage{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.cpp-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cpp-kpi-grid span{padding:11px;border-radius:14px;background:#fff;border:1px solid rgba(75,52,119,.08)}.cpp-kpi-grid small{display:block;color:#8b8398;font-size:8px}.cpp-kpi-grid b{display:block;margin-top:4px;font-size:18px;letter-spacing:-.04em}.cpp-cockpit-chart{min-height:118px;border-radius:17px;background:linear-gradient(180deg,color-mix(in srgb,var(--cpp-accent) 8%,#fff),#fff);border:1px solid rgba(75,52,119,.08);padding:14px}.cpp-cockpit-chart svg{width:100%;height:100%;color:var(--cpp-accent)}.cpp-cockpit-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cpp-cockpit-rows span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:8px 9px;border-radius:11px;background:#faf9fd;font-size:8px;font-weight:750}.cpp-cockpit-rows span>i{width:7px;height:7px;border-radius:50%;background:var(--cpp-accent2)}.cpp-cockpit-rows span>b{color:#2b9a73}
/* scene: analytics */
.cpp-analytics-stage{height:100%;display:grid;grid-template-columns:.75fr 1.25fr;grid-template-rows:1fr auto;gap:13px}.cpp-score-ring{align-self:center;justify-self:center;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--cpp-accent) 0 72%,#ebe7f3 72%);position:relative;color:#17122a}.cpp-score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.cpp-score-ring b,.cpp-score-ring span{position:relative;z-index:2}.cpp-score-ring b{font-size:34px;line-height:1}.cpp-score-ring span{font-size:8px;color:#82798e;margin-top:3px}.cpp-chart-bars{display:flex;align-items:flex-end;gap:7px;padding:12px;border-radius:17px;border:1px solid rgba(75,52,119,.08);background:#fff}.cpp-chart-bars i{flex:1;height:var(--h);min-height:28px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--cpp-accent2),color-mix(in srgb,var(--cpp-accent) 74%,#fff));animation:cppBars 3.2s ease-in-out infinite}.cpp-chart-bars i:nth-child(even){animation-delay:-1s}.cpp-analytics-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cpp-analytics-list span{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:9px 10px;border-radius:11px;background:#f9f8fd;font-size:8px}.cpp-analytics-list i{width:7px;height:7px;border-radius:50%;background:var(--cpp-accent3)}.cpp-analytics-list b{color:#248a6a}
/* scene: orbit/platform */
.cpp-orbit-stage{position:relative;height:292px;display:grid;place-items:center}.cpp-orbit-stage>i{position:absolute;border:1px dashed color-mix(in srgb,var(--cpp-accent) 24%,transparent);border-radius:50%;animation:cppSpin 20s linear infinite}.cpp-orbit-stage .o1{width:260px;height:260px}.cpp-orbit-stage .o2{width:190px;height:190px;animation-direction:reverse;animation-duration:14s}.cpp-orbit-stage .o3{width:120px;height:120px;animation-duration:10s}.cpp-orbit-stage .core{width:72px;height:72px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cpp-accent),var(--cpp-accent2));color:#fff;font-size:30px;font-weight:1000;box-shadow:0 18px 38px color-mix(in srgb,var(--cpp-accent) 28%,transparent);z-index:2}.cpp-orbit-stage b{position:absolute;z-index:3;min-width:78px;text-align:center;padding:8px 9px;border-radius:12px;background:#fff;border:1px solid rgba(75,52,119,.09);box-shadow:0 10px 24px rgba(44,32,71,.08);font-size:8px}.cpp-orbit-stage .n1{left:3%;top:12%}.cpp-orbit-stage .n2{right:2%;top:18%}.cpp-orbit-stage .n3{left:5%;bottom:11%}.cpp-orbit-stage .n4{right:4%;bottom:8%}
/* scene: workflow/compliance/developer */
.cpp-flow-stage{display:grid;gap:9px;padding:7px 11px}.cpp-flow-node{min-height:58px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:#fff;border:1px solid rgba(75,52,119,.09);box-shadow:0 8px 22px rgba(44,32,71,.045);position:relative}.cpp-flow-node:not(:last-child):after{content:"";position:absolute;width:2px;height:12px;left:31px;bottom:-12px;background:linear-gradient(var(--cpp-accent),var(--cpp-accent2))}.cpp-flow-node>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--cpp-accent) 10%,#fff);color:var(--cpp-accent);font-style:normal;font-weight:900;font-size:10px}.cpp-flow-node span{font-size:10px;font-weight:850}.cpp-flow-node b{color:#2a9972}
/* scene: aviation */
.cpp-aviation-stage{position:relative;height:292px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(49,94,234,.12),transparent 34%),linear-gradient(180deg,#f7f9ff,#eef4ff)}.cpp-runway{position:absolute;left:49%;top:12%;bottom:11%;width:13%;transform:perspective(400px) rotateX(28deg);background:linear-gradient(90deg,#d7dfef 0 10%,#9aa9c6 10% 45%,#fff 45% 55%,#9aa9c6 55% 90%,#d7dfef 90%);clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);opacity:.8}.cpp-plane{position:absolute;color:var(--cpp-accent);font-size:26px;filter:drop-shadow(0 8px 8px rgba(46,72,151,.18));animation:cppPlane 6s ease-in-out infinite}.cpp-plane.p1{left:22%;top:22%;transform:rotate(22deg)}.cpp-plane.p2{right:18%;top:32%;font-size:19px;animation-delay:-2s}.cpp-plane.p3{left:17%;bottom:18%;font-size:16px;animation-delay:-3.5s}.cpp-radar-ring{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(49,94,234,.18);right:8%;bottom:-42px;background:repeating-radial-gradient(circle,rgba(49,94,234,.06) 0 1px,transparent 1px 30px)}.cpp-radar-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(36,183,232,.28),transparent 18%,transparent);animation:cppSpin 4.5s linear infinite}.cpp-flight-list{position:absolute;right:10px;top:10px;width:130px;padding:8px;border-radius:13px;background:rgba(255,255,255,.9);border:1px solid rgba(49,94,234,.1);display:grid;gap:5px}.cpp-flight-list span{display:flex;justify-content:space-between;gap:6px;font-size:7px}.cpp-flight-list b{color:#278e6e;font-size:6px}
/* scene: hospitality */
.cpp-hospitality-stage{height:292px;display:grid;grid-template-columns:1.35fr .65fr;gap:9px}.cpp-tables{position:relative;border-radius:17px;background-image:linear-gradient(rgba(84,65,145,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(84,65,145,.04) 1px,transparent 1px);background-size:20px 20px;border:1px solid rgba(75,52,119,.08)}.cpp-tables i{position:absolute;display:grid;place-items:center;background:#fff;border:1px solid rgba(75,52,119,.1);box-shadow:0 8px 20px rgba(44,32,71,.06);font-style:normal;font-size:8px;font-weight:900}.cpp-tables i:after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--cpp-accent3)}.cpp-tables .t1{width:70px;height:48px;left:8%;top:13%;border-radius:13px}.cpp-tables .t2{width:62px;height:62px;left:55%;top:9%;border-radius:50%}.cpp-tables .t3{width:82px;height:48px;left:22%;top:50%;border-radius:13px}.cpp-tables .t4{width:66px;height:66px;right:6%;top:47%;border-radius:50%}.cpp-tables .t5{width:76px;height:45px;right:29%;bottom:5%;border-radius:13px}.cpp-hospitality-side{display:grid;gap:8px}.cpp-hospitality-side span{display:flex;flex-direction:column;justify-content:center;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(75,52,119,.08);font-size:8px;color:#81798d}.cpp-hospitality-side b{font-size:20px;color:var(--cpp-theme-ink);line-height:1.1}
/* scene: marketing/event */
.cpp-marketing-stage{height:292px;display:grid;grid-template-columns:.78fr 1.22fr;grid-template-rows:1fr 82px;gap:10px}.cpp-mega-metric{border-radius:18px;padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--cpp-accent) 11%,#fff),#fff);border:1px solid rgba(75,52,119,.08);display:flex;flex-direction:column;justify-content:center}.cpp-mega-metric b{font-size:38px;letter-spacing:-.06em;color:var(--cpp-accent)}.cpp-mega-metric span{font-size:9px;color:#80788c}.cpp-notify-stack{display:grid;gap:7px}.cpp-notify-stack>span{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px 9px;border-radius:13px;background:#fff;border:1px solid rgba(75,52,119,.08);box-shadow:0 8px 18px rgba(44,32,71,.04);animation:cppNotify 5s ease-in-out infinite}.cpp-notify-stack>span:nth-child(2){animation-delay:-1.5s}.cpp-notify-stack>span:nth-child(3){animation-delay:-3s}.cpp-notify-stack i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--cpp-accent) 10%,#fff);color:var(--cpp-accent);font-style:normal;font-size:8px}.cpp-notify-stack b{font-size:8px}.cpp-notify-stack em{font-style:normal;font-size:6px;color:#278c6b;background:#ebf9f4;padding:4px 5px;border-radius:99px}.cpp-sparkline{grid-column:1/-1;border-radius:15px;background:#fff;border:1px solid rgba(75,52,119,.08);overflow:hidden;position:relative}.cpp-sparkline i{position:absolute;left:4%;right:4%;top:48%;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--cpp-accent),var(--cpp-accent2));transform:rotate(-2deg);box-shadow:38px -13px 0 -1px var(--cpp-accent2),78px 8px 0 -1px var(--cpp-accent),128px -17px 0 -1px var(--cpp-accent2),185px 4px 0 -1px var(--cpp-accent3)}
/* metrics band */
.cpp-hero-metricbar{position:relative;z-index:3;margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cpp-border);border-radius:23px;background:rgba(255,255,255,.84);box-shadow:0 18px 44px rgba(45,34,76,.07);backdrop-filter:blur(16px);overflow:hidden}.cpp-hero-metricbar>div{min-height:100px;padding:18px 20px;border-right:1px solid var(--cpp-border);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-content:center}.cpp-hero-metricbar>div:last-child{border-right:0}.cpp-hero-metricbar i{grid-row:1/3;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--cpp-accent) 9%,#fff);color:var(--cpp-accent);font-style:normal;font-size:9px;font-weight:900}.cpp-hero-metricbar strong{font-size:14px;line-height:1.15}.cpp-hero-metricbar span{font-size:9px;color:#8a8295;margin-top:4px}
/* shared sales sections */
.cpp-sales-section{position:relative;padding:94px 0}.cpp-sales-purpose{background:#fff}.cpp-section-heading{max-width:820px;margin-bottom:38px}.cpp-section-heading>span,.cpp-kicker,.cpp-project-story-aside>span,.cpp-project-closing-card>div>span{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--cpp-accent);margin-bottom:10px}.cpp-section-heading h2,.cpp-status-copy h2,.cpp-project-story-aside h2,.cpp-project-closing h2{font-size:clamp(33px,4.5vw,58px);line-height:1.03;letter-spacing:-.05em;margin:0;color:var(--cpp-theme-ink)}.cpp-section-heading p,.cpp-status-copy>p,.cpp-project-story-aside>p,.cpp-project-closing p{font-size:16px;line-height:1.68;color:var(--cpp-muted);margin:15px 0 0}.cpp-purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cpp-purpose-card{padding:28px;border-radius:24px;border:1px solid var(--cpp-border);background:#fff;box-shadow:0 16px 42px rgba(48,35,81,.055);transition:.25s ease}.cpp-purpose-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(48,35,81,.1)}.cpp-purpose-card>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--cpp-accent) 10%,#fff),color-mix(in srgb,var(--cpp-accent2) 10%,#fff));color:var(--cpp-accent);font-style:normal;font-size:10px;font-weight:900}.cpp-purpose-card h3{font-size:20px;letter-spacing:-.025em;margin:22px 0 9px}.cpp-purpose-card p{font-size:14px;line-height:1.65;color:var(--cpp-muted);margin:0}
.cpp-project-feature-section{background:linear-gradient(180deg,#fbfbff,#f7fbff);border-top:1px solid rgba(75,52,119,.06);border-bottom:1px solid rgba(75,52,119,.06)}.cpp-project-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cpp-project-feature-card{position:relative;min-height:190px;padding:23px;border:1px solid var(--cpp-border);border-radius:21px;background:rgba(255,255,255,.9);box-shadow:0 14px 38px rgba(47,31,75,.05);overflow:hidden;transition:.25s ease}.cpp-project-feature-card:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-48px;bottom:-48px;background:radial-gradient(circle,color-mix(in srgb,var(--cpp-accent2) 15%,transparent),transparent 68%)}.cpp-project-feature-card:hover{transform:translateY(-5px);box-shadow:0 21px 48px rgba(47,31,75,.1);border-color:color-mix(in srgb,var(--cpp-accent) 25%,#fff)}.cpp-project-feature-card>i{display:flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--cpp-accent) 10%,#fff),color-mix(in srgb,var(--cpp-accent2) 10%,#fff));color:var(--cpp-accent);font-style:normal;font-size:10px;font-weight:900;margin-bottom:27px}.cpp-project-feature-card strong{display:block;font-size:17px;line-height:1.25}.cpp-project-feature-card span{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:#81798d}
.cpp-sales-flow{background:#fff}.cpp-flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative}.cpp-flow-steps:before{content:"";position:absolute;left:7%;right:7%;top:26px;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--cpp-accent) 30%,#fff),color-mix(in srgb,var(--cpp-accent2) 35%,#fff));z-index:0}.cpp-flow-steps article{position:relative;z-index:1;padding:0 8px;text-align:center}.cpp-flow-steps i{width:54px;height:54px;border-radius:17px;margin:0 auto 17px;display:grid;place-items:center;background:#fff;border:1px solid var(--cpp-border);box-shadow:0 12px 30px rgba(48,35,81,.08);color:var(--cpp-accent);font-style:normal;font-size:12px;font-weight:900}.cpp-flow-steps h3{font-size:15px;margin:0 0 7px;line-height:1.25}.cpp-flow-steps p{font-size:11px;line-height:1.55;color:#81798e;margin:0}
/* Status / roadmap */
.cpp-status-roadmap{background:linear-gradient(135deg,color-mix(in srgb,var(--cpp-accent) 7%,#fff),#fff 48%,color-mix(in srgb,var(--cpp-accent2) 6%,#fff))}.cpp-status-roadmap-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}.cpp-status-copy{max-width:620px}.cpp-status-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.cpp-status-pills b,.cpp-status-pills span{display:inline-flex;padding:8px 10px;border-radius:999px;font-size:10px;font-weight:850;background:#fff;border:1px solid var(--cpp-border)}.cpp-roadmap-card{padding:30px;border-radius:28px;background:#fff;border:1px solid var(--cpp-border);box-shadow:0 24px 62px rgba(45,34,76,.1)}.cpp-roadmap-head{display:flex;justify-content:space-between;align-items:end;gap:18px}.cpp-roadmap-head span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#80778c;font-weight:850}.cpp-roadmap-head strong{font-size:42px;letter-spacing:-.05em;color:var(--cpp-accent)}.cpp-project-meter{height:12px;background:#eee9f5;border-radius:999px;overflow:hidden;margin-top:12px}.cpp-project-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cpp-accent),var(--cpp-accent2),var(--cpp-accent3));box-shadow:0 0 18px color-mix(in srgb,var(--cpp-accent2) 26%,transparent);transition:width 1s cubic-bezier(.22,.8,.25,1)}.cpp-roadmap-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px}.cpp-roadmap-steps span{position:relative;padding-top:17px;font-size:8px;text-transform:uppercase;letter-spacing:.06em;text-align:center;color:#aaa3b3}.cpp-roadmap-steps span:before{content:"";position:absolute;top:0;left:50%;width:9px;height:9px;border-radius:50%;background:#ded9e8;transform:translateX(-50%)}.cpp-roadmap-steps span.done{color:#514860;font-weight:800}.cpp-roadmap-steps span.done:before{background:var(--cpp-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--cpp-accent) 10%,transparent)}
/* Story */
.cpp-project-story-section{position:relative;padding:96px 0;background:#fff}.cpp-project-story-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 15%,color-mix(in srgb,var(--cpp-accent) 6%,transparent),transparent 28%),radial-gradient(circle at 95% 78%,color-mix(in srgb,var(--cpp-accent2) 6%,transparent),transparent 30%);pointer-events:none}.cpp-project-story-grid{position:relative;display:grid;grid-template-columns:minmax(250px,.36fr) minmax(0,.64fr);gap:30px;align-items:start}.cpp-project-story-aside{position:sticky;top:110px;padding:30px;border:1px solid var(--cpp-border);border-radius:25px;background:linear-gradient(160deg,#fff,#faf9fd);box-shadow:0 18px 46px rgba(47,31,75,.055)}.cpp-story-facts{display:grid;gap:8px;margin-top:24px}.cpp-story-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:12px;background:#fff;border:1px solid var(--cpp-border)}.cpp-story-facts b{font-size:13px}.cpp-story-facts small{font-size:9px;color:#8c8496;text-transform:uppercase;letter-spacing:.06em}.cpp-project-content{background:#fff;border:1px solid var(--cpp-border);border-radius:24px;padding:clamp(25px,4vw,54px);box-shadow:0 18px 46px rgba(47,31,75,.055)}.cpp-project-content>:first-child{margin-top:0}.cpp-project-content h2,.cpp-project-content h3{color:var(--cpp-theme-ink);letter-spacing:-.025em}.cpp-project-content h2{position:relative;margin-top:45px;font-size:clamp(27px,3vw,38px);padding-top:3px}.cpp-project-content h2:before{content:"";display:block;width:48px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--cpp-accent),var(--cpp-accent2));margin-bottom:14px}.cpp-project-content p,.cpp-project-content li{color:#514a5f;line-height:1.8;font-size:16px}.cpp-project-content a{color:var(--cpp-accent)}.cpp-project-content ul{padding-left:21px}.cpp-project-content li::marker{color:var(--cpp-accent)}.cpp-project-existing-section{padding:82px 0;background:#faf9fc}
/* FAQ and close */
.cpp-project-faq{background:linear-gradient(180deg,#fbfbff,#fff)}.cpp-faq-grid{max-width:940px;display:grid;gap:11px}.cpp-faq-grid details{border:1px solid var(--cpp-border);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(48,35,81,.045);overflow:hidden}.cpp-faq-grid summary{cursor:pointer;list-style:none;padding:19px 54px 19px 20px;font-weight:850;position:relative}.cpp-faq-grid summary::-webkit-details-marker{display:none}.cpp-faq-grid summary:after{content:"+";position:absolute;right:19px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--cpp-accent) 8%,#fff);display:grid;place-items:center;color:var(--cpp-accent);font-size:19px}.cpp-faq-grid details[open] summary:after{content:"–"}.cpp-faq-grid details>div{padding:0 20px 20px;color:#665e74;line-height:1.7;font-size:14px}.cpp-project-closing{padding:0 0 94px;background:#fff}.cpp-project-closing-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:42px 46px;border-radius:31px;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--cpp-accent2) 26%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--cpp-theme-ink) 92%,#000),color-mix(in srgb,var(--cpp-accent) 70%,#17122a) 65%,color-mix(in srgb,var(--cpp-accent2) 55%,#17213a));box-shadow:0 28px 70px rgba(38,25,67,.23);color:#fff}.cpp-project-closing-card>div>span{color:#d7f9ff}.cpp-project-closing h2{color:#fff;max-width:780px}.cpp-project-closing p{color:rgba(255,255,255,.74);max-width:760px}.cpp-closing-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cpp-project-btn-light{background:#fff;color:#352069!important;box-shadow:none;flex:0 0 auto}.cpp-project-btn-outline{background:transparent;border-color:rgba(255,255,255,.35);box-shadow:none}
/* Dark selected projects */
.cpp-tone-dark{--cpp-muted:#b5bdc9;--cpp-border:rgba(255,255,255,.1);background:#070a10;color:#f8f9fc}.cpp-tone-dark .cpp-project-hero{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--cpp-accent) 18%,transparent),transparent 28%),radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--cpp-accent2) 13%,transparent),transparent 28%),linear-gradient(180deg,#060810,#0b0f16)}.cpp-tone-dark .cpp-project-copy h1,.cpp-tone-dark .cpp-project-titleline{color:#fff}.cpp-tone-dark .cpp-project-lead{color:#bcc3cf}.cpp-tone-dark .cpp-project-eyebrow>span,.cpp-tone-dark .cpp-project-eyebrow>em,.cpp-tone-dark .cpp-project-chips span{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#e5e8ef}.cpp-tone-dark .cpp-project-btn-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.13);color:#fff!important}.cpp-tone-dark .cpp-scene{background:rgba(14,19,27,.93);border-color:rgba(255,255,255,.11);box-shadow:0 35px 90px rgba(0,0,0,.5)}.cpp-tone-dark .cpp-scene-top{background:rgba(8,11,17,.8);border-color:rgba(255,255,255,.08);color:#fff}.cpp-tone-dark .cpp-scene-main,.cpp-tone-dark .cpp-scene-foot{color:#e7e9ef}.cpp-tone-dark .cpp-hero-metricbar{background:rgba(12,16,23,.9);border-color:rgba(255,255,255,.09);color:#fff}.cpp-tone-dark .cpp-hero-metricbar>div{border-color:rgba(255,255,255,.08)}.cpp-tone-dark .cpp-hero-metricbar span{color:#9ca5b2}.cpp-tone-dark .cpp-purpose-card,.cpp-tone-dark .cpp-project-feature-card,.cpp-tone-dark .cpp-roadmap-card,.cpp-tone-dark .cpp-project-story-aside,.cpp-tone-dark .cpp-project-content,.cpp-tone-dark .cpp-faq-grid details{background:#0f151d;border-color:rgba(255,255,255,.09);color:#fff}.cpp-tone-dark .cpp-sales-purpose,.cpp-tone-dark .cpp-sales-flow,.cpp-tone-dark .cpp-project-story-section,.cpp-tone-dark .cpp-project-closing{background:#070a10}.cpp-tone-dark .cpp-project-feature-section,.cpp-tone-dark .cpp-status-roadmap,.cpp-tone-dark .cpp-project-faq{background:linear-gradient(180deg,#0a0e14,#070a10)}.cpp-tone-dark .cpp-section-heading h2,.cpp-tone-dark .cpp-status-copy h2,.cpp-tone-dark .cpp-project-story-aside h2,.cpp-tone-dark .cpp-project-content h2,.cpp-tone-dark .cpp-project-content h3{color:#fff}.cpp-tone-dark .cpp-section-heading p,.cpp-tone-dark .cpp-purpose-card p,.cpp-tone-dark .cpp-project-feature-card span,.cpp-tone-dark .cpp-status-copy>p,.cpp-tone-dark .cpp-project-story-aside>p,.cpp-tone-dark .cpp-project-content p,.cpp-tone-dark .cpp-project-content li,.cpp-tone-dark .cpp-faq-grid details>div{color:#aeb7c4}.cpp-tone-dark .cpp-project-existing-section{background:#0a0e14}
/* project listing cards */
.cpp-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:34px auto}.cpp-project-card{background:#fff;border:1px solid var(--cpp-line);border-radius:20px;overflow:hidden;box-shadow:0 15px 38px rgba(44,28,72,.06);transition:.25s ease}.cpp-project-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(44,28,72,.11)}.cpp-project-card.is-featured{border-color:#cfc2f3;box-shadow:0 18px 44px rgba(112,72,232,.11)}.cpp-card-image{display:block;position:relative;overflow:hidden;background:#f3f0f8}.cpp-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease}.cpp-project-card:hover .cpp-card-image img{transform:scale(1.025)}.cpp-featured-chip{position:absolute;left:12px;top:12px;background:#1a1235;color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850}.cpp-card-body{padding:18px}.cpp-card-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:9px}.cpp-card-meta span,.cpp-card-meta b{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.cpp-card-meta span{color:var(--cpp-violet);font-weight:850}.cpp-card-meta b{color:#39745f;background:#edf9f5;padding:4px 7px;border-radius:999px}.cpp-card-body h3{font-size:21px;line-height:1.15;margin:0 0 9px}.cpp-card-body h3 a{text-decoration:none;color:var(--cpp-ink)}.cpp-card-body p{color:var(--cpp-body);font-size:13px;line-height:1.55;margin:0 0 15px}.cpp-card-progress>span{display:flex;justify-content:space-between;font-size:10px;color:#756d83}.cpp-card-progress em{font-style:normal;font-weight:800;color:var(--cpp-violet)}.cpp-card-progress>i{display:block;height:6px;margin-top:5px;background:#eeeaf4;border-radius:99px;overflow:hidden}.cpp-card-progress u{display:block;height:100%;width:var(--cpp-progress);background:linear-gradient(90deg,var(--cpp-violet),var(--cpp-cyan));text-decoration:none}.cpp-card-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none!important;color:var(--cpp-violet)!important;font-size:12px;font-weight:850;margin-top:15px}.cpp-projects-empty{padding:18px;border:1px dashed #d9d1e9;border-radius:14px;color:#746c82;background:#faf8fd}
/* animation */
.cpp-reveal{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}.cpp-reveal.is-visible{opacity:1;transform:none}@keyframes cppFloat{50%{transform:translateY(-13px) translateX(4px)}}@keyframes cppDevice{0%,100%{transform:perspective(1100px) rotateY(-4deg) rotateX(1deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-2deg) rotateX(.5deg) translateY(-9px)}}@keyframes cppBars{0%,100%{opacity:.72;transform:scaleY(.9);transform-origin:bottom}50%{opacity:1;transform:scaleY(1)}}@keyframes cppSpin{to{transform:rotate(360deg)}}@keyframes cppPlane{0%,100%{translate:0 0}50%{translate:13px -8px}}@keyframes cppNotify{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1080px){.cpp-project-hero-grid{grid-template-columns:1fr;gap:32px}.cpp-project-hero.cpp-hero-reverse .cpp-project-copy,.cpp-project-hero.cpp-hero-reverse .cpp-project-visual{order:initial}.cpp-project-visual{max-width:800px;width:100%;margin:auto;min-height:560px}.cpp-project-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-project-story-grid,.cpp-status-roadmap-grid{grid-template-columns:1fr}.cpp-project-story-aside{position:relative;top:auto}.cpp-purpose-grid{grid-template-columns:1fr 1fr}.cpp-purpose-card:last-child{grid-column:1/-1}.cpp-flow-steps{grid-template-columns:repeat(3,1fr);row-gap:28px}.cpp-flow-steps:before{display:none}.cpp-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.crops-project-premium{width:100%;max-width:100%;margin-left:0}.cpp-project-shell{width:min(100% - 24px,1180px)}.cpp-project-hero{padding:54px 0 26px}.cpp-project-copy h1{font-size:clamp(40px,12vw,58px)}.cpp-project-titleline{font-size:11px!important}.cpp-project-visual{min-height:470px}.cpp-project-preview-frame{width:88%;right:0;top:4%}.cpp-scene,.cpp-hero-reverse .cpp-scene{width:92%;min-height:360px;margin:78px auto 0;transform:none;animation:cppFloat 7s ease-in-out infinite}.cpp-scene-main{min-height:255px;padding:12px}.cpp-kpi-grid{grid-template-columns:repeat(2,1fr)}.cpp-kpi-grid span:nth-child(n+3){display:none}.cpp-cockpit-rows,.cpp-analytics-list{grid-template-columns:1fr}.cpp-cockpit-rows span:nth-child(n+2),.cpp-analytics-list span:nth-child(n+2){display:none}.cpp-analytics-stage{grid-template-columns:1fr 1fr}.cpp-orbit-stage{height:242px}.cpp-orbit-stage .o1{width:220px;height:220px}.cpp-orbit-stage .o2{width:160px;height:160px}.cpp-aviation-stage,.cpp-hospitality-stage,.cpp-marketing-stage{height:245px}.cpp-hero-metricbar{grid-template-columns:repeat(2,1fr);margin-top:24px}.cpp-hero-metricbar>div{border-bottom:1px solid var(--cpp-border)}.cpp-hero-metricbar>div:nth-child(2){border-right:0}.cpp-hero-metricbar>div:nth-child(n+3){border-bottom:0}.cpp-sales-section,.cpp-project-story-section,.cpp-project-existing-section{padding:64px 0}.cpp-purpose-grid,.cpp-project-feature-grid,.cpp-status-roadmap-grid{grid-template-columns:1fr}.cpp-purpose-card:last-child{grid-column:auto}.cpp-flow-steps{grid-template-columns:1fr 1fr}.cpp-project-feature-card{min-height:0}.cpp-roadmap-card{padding:23px}.cpp-roadmap-steps{grid-template-columns:repeat(5,minmax(54px,1fr));overflow:auto;padding-bottom:4px}.cpp-project-story-grid{grid-template-columns:1fr}.cpp-project-content{padding:22px;border-radius:18px}.cpp-project-content p,.cpp-project-content li{font-size:15px}.cpp-project-closing{padding-bottom:58px}.cpp-project-closing-card{padding:28px 22px;border-radius:22px;align-items:flex-start;flex-direction:column}.cpp-closing-actions{justify-content:flex-start;width:100%}.cpp-project-btn{min-height:50px}.cpp-projects-grid{grid-template-columns:1fr;gap:14px}.cpp-project-card{border-radius:17px}}
@media(max-width:480px){.cpp-project-hero-actions{align-items:stretch;flex-direction:column}.cpp-project-btn{width:100%}.cpp-flow-steps{grid-template-columns:1fr}.cpp-project-visual{min-height:430px}.cpp-scene,.cpp-hero-reverse .cpp-scene{width:96%;margin-top:70px}.cpp-project-preview-frame{width:94%}.cpp-hospitality-stage{grid-template-columns:1fr}.cpp-hospitality-side{display:none}.cpp-marketing-stage{grid-template-columns:1fr}.cpp-mega-metric{display:none}.cpp-notify-stack{grid-column:1/-1}.cpp-score-ring{width:94px;height:94px}.cpp-chart-bars{padding:8px}.cpp-project-eyebrow>em{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.cpp-project-orb,.cpp-scene,.cpp-chart-bars i,.cpp-orbit-stage>i,.cpp-plane,.cpp-notify-stack>span,.cpp-reveal,.cpp-project-card,.cpp-project-preview-frame img,.cpp-project-btn,.cpp-card-image img{animation:none!important;transition:none!important;transform:none!important}.cpp-reveal{opacity:1!important}.cpp-project-meter i{transition:none!important}.cpp-front-progress{display:none}.cpp-project-visual{perspective:none!important}}
.cpp-no-animation .cpp-reveal{opacity:1!important;transform:none!important;transition:none!important}.cpp-no-animation .cpp-project-orb,.cpp-no-animation .cpp-scene,.cpp-no-animation .cpp-chart-bars i,.cpp-no-animation .cpp-orbit-stage>i,.cpp-no-animation .cpp-plane,.cpp-no-animation .cpp-notify-stack>span{animation:none!important}.cpp-no-animation .cpp-project-card,.cpp-no-animation .cpp-project-preview-frame img,.cpp-no-animation .cpp-project-btn,.cpp-no-animation .cpp-card-image img{transition:none!important;transform:none!important}

body.crops-project-page.single-project #main-content .et_pb_post > .et_post_meta_wrapper,
body.crops-project-page.single-project #main-content article.project > .et_post_meta_wrapper,
body.crops-project-page.single-project #main-content .project .entry-title,
body.crops-project-page.single-project #main-content .project .post-meta,
body.crops-project-page.single-project #main-content .project .et_project_meta,
body.crops-project-page.single-project #main-content .project .et_main_title,
body.crops-project-page.single-project #main-content .project > .et_post_meta_wrapper,
body.crops-project-page.single-project #main-content .container > .et_project_meta{display:none!important}
body.crops-project-page.single-project #main-content{padding-top:0!important}
body.crops-project-page.single-project #main-content .container{padding-top:0!important}
body.crops-project-page .cpp-seo-feature-list h3{margin-top:1.55em}
body.crops-project-page .cpp-seo-feature-list h3:first-child{margin-top:.5em}

/* Related projects / internal linking */
.cpp-related-projects{background:linear-gradient(180deg,#fff,#fbfaff)}
.cpp-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.cpp-related-card{overflow:hidden;border:1px solid var(--cpp-border);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(48,34,80,.07);transition:.25s ease}
.cpp-related-card:hover{transform:translateY(-5px);box-shadow:0 23px 55px rgba(48,34,80,.12)}
.cpp-related-card>a{display:block;text-decoration:none!important;color:inherit!important}
.cpp-related-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.cpp-related-card> a > div{padding:18px}
.cpp-related-card span{display:inline-flex;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:var(--cpp-accent)}
.cpp-related-card h3{margin:7px 0 8px;font-size:20px;line-height:1.16;color:var(--cpp-theme-ink)}
.cpp-related-card p{margin:0;color:var(--cpp-muted);font-size:13px;line-height:1.55}
.cpp-related-card b{display:inline-flex;margin-top:14px;color:var(--cpp-accent);font-size:12px}
@media(max-width:900px){.cpp-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cpp-related-grid{grid-template-columns:1fr}}

.cpp-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.cpp-card-actions .cpp-card-link{margin-top:0}.cpp-card-buy{background:linear-gradient(125deg,#7044f4,#8800ff)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(112,68,244,.22)}
@media(max-width:560px){.cpp-card-actions{display:grid}.cpp-card-actions .cpp-card-link{width:100%;justify-content:center}}

/* 3.8.0 factual 16:9 visual */
.crops-project-premium .cpp-scene-factual{position:relative;width:100%;aspect-ratio:16/9;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:22px;border:1px solid rgba(112,68,244,.14);border-radius:28px;background:radial-gradient(circle at 12% 8%,rgba(112,68,244,.12),transparent 30%),radial-gradient(circle at 90% 86%,rgba(32,199,232,.12),transparent 28%),linear-gradient(180deg,#fff,#faf8ff);box-shadow:0 24px 64px rgba(55,31,116,.11);overflow:hidden}.cpp-factual-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.cpp-factual-head span{font-size:12px;font-weight:900;color:var(--cpp-theme-ink)}.cpp-factual-head b{font-size:10px;padding:7px 10px;border-radius:999px;background:#f2efff;color:var(--cpp-accent);border:1px solid rgba(112,68,244,.12)}.cpp-factual-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}.cpp-factual-step{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:14px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid rgba(112,68,244,.10);box-shadow:0 10px 26px rgba(55,31,116,.05)}.cpp-factual-step:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--cpp-accent);font-weight:900;box-shadow:0 5px 14px rgba(55,31,116,.09)}.cpp-factual-step i{font-style:normal;font-size:10px;font-weight:900;color:var(--cpp-accent)}.cpp-factual-step strong{display:block;margin-top:8px;font-size:12px;line-height:1.3;color:var(--cpp-theme-ink)}.cpp-factual-step span{display:block;margin-top:5px;font-size:10px;line-height:1.45;color:#6c647c}.cpp-factual-progress{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:10px;font-weight:850;color:#6c647c}.cpp-factual-progress>b{display:block;height:8px;border-radius:999px;background:#eee9fb;overflow:hidden}.cpp-factual-progress>b i{display:block;width:var(--cpp-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cpp-accent),var(--cpp-accent2));transform-origin:left center;animation:cppFactualGrow 1s cubic-bezier(.22,.8,.25,1) both}.cpp-factual-progress strong{font-size:11px;color:var(--cpp-accent)}@keyframes cppFactualGrow{from{transform:scaleX(.15);opacity:.35}to{transform:scaleX(1);opacity:1}}@media(max-width:900px){.crops-project-premium .cpp-scene-factual{aspect-ratio:auto;min-height:420px}.cpp-factual-flow{grid-template-columns:1fr 1fr}.cpp-factual-step:not(:last-child):after{display:none}}@media(max-width:560px){.crops-project-premium .cpp-scene-factual{padding:16px;border-radius:22px;min-height:0}.cpp-factual-flow{grid-template-columns:1fr}.cpp-factual-progress{grid-template-columns:1fr auto}.cpp-factual-progress>b{grid-column:1/-1;grid-row:2}}@media(prefers-reduced-motion:reduce){.cpp-factual-progress>b i{animation:none!important}}


/* 3.8.2 – filterbarer Projekt-Raster */
.cpp-project-browser{width:100%;margin:28px auto 0}
.cpp-project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 24px;padding:14px;border:1px solid rgba(112,72,232,.11);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 14px 38px rgba(44,28,72,.06);backdrop-filter:blur(10px)}
.cpp-project-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cpp-project-filter{appearance:none;border:1px solid #e3dcf1;background:#fff;color:#392d5a;border-radius:999px;min-height:38px;padding:0 14px;font:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:.2s ease}
.cpp-project-filter:hover{border-color:#b9a7ee;transform:translateY(-1px)}
.cpp-project-filter.is-active{background:#17122a;color:#fff;border-color:#17122a;box-shadow:0 8px 20px rgba(23,18,42,.15)}
.cpp-project-searchwrap{display:flex;align-items:center;gap:10px;min-width:min(100%,360px)}
.cpp-project-search{width:min(320px,100%);min-height:42px;border:1px solid #ddd5ec;border-radius:13px;background:#fff;padding:0 13px;color:#17122a;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.cpp-project-search:focus{border-color:#9e87e7;box-shadow:0 0 0 4px rgba(112,72,232,.08)}
.cpp-project-count{font-size:10px;font-weight:850;color:#81788f;white-space:nowrap}
.cpp-location-projects.cpp-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 auto}
.cpp-location-projects .cpp-project-card{display:flex;flex-direction:column;min-height:100%;border-radius:24px}
.cpp-location-projects .cpp-card-image img{aspect-ratio:16/9}
.cpp-card-image.is-empty{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#f2edff,#effbff)}
.cpp-card-placeholder{display:grid;place-items:center;gap:7px;text-align:center}.cpp-card-placeholder b{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#fff;color:#7048e8;font-size:22px;box-shadow:0 10px 28px rgba(75,52,119,.10)}.cpp-card-placeholder em{font-style:normal;font-size:10px;font-weight:850;color:#6d6480;text-transform:uppercase;letter-spacing:.08em}
.cpp-location-projects .cpp-card-body{display:flex;flex-direction:column;flex:1;padding:20px 21px 21px}
.cpp-location-projects .cpp-card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}
.cpp-location-projects .cpp-card-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cpp-card-buy{padding:8px 10px;border-radius:11px;background:#f3efff}
.cpp-project-card[hidden]{display:none!important}
.cpp-project-noresults{padding:28px;text-align:center;border:1px dashed #d9d1e9;border-radius:18px;background:#faf8fd;color:#746c82;font-weight:750}
@media(max-width:1100px){.cpp-location-projects.cpp-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-project-toolbar{align-items:flex-start}.cpp-project-searchwrap{width:100%;justify-content:space-between}.cpp-project-search{flex:1;width:auto}}
@media(max-width:720px){.cpp-project-toolbar{padding:12px;border-radius:17px}.cpp-project-filters{gap:6px}.cpp-project-filter{min-height:36px;padding:0 11px;font-size:10px}.cpp-project-searchwrap{display:grid;grid-template-columns:1fr auto;width:100%}.cpp-location-projects.cpp-projects-grid{grid-template-columns:1fr;gap:15px}.cpp-location-projects .cpp-project-card{border-radius:19px}.cpp-location-projects .cpp-card-body p{min-height:0;-webkit-line-clamp:4}}

/* 3.8.4: neutral premium placeholder when no truthful preview image exists. */
.cpp-card-placeholder{
  width:100%;height:100%;min-height:220px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  padding:24px;
  background:
    radial-gradient(circle at 78% 18%,rgba(32,199,232,.16),transparent 28%),
    radial-gradient(circle at 16% 82%,rgba(112,68,244,.18),transparent 32%),
    linear-gradient(135deg,#fbf9ff,#f1edff 58%,#effcff);
  color:#160d35;
}
.cpp-card-placeholder b{font-size:56px;line-height:1;font-weight:950;letter-spacing:-.06em;color:#7044f4}
.cpp-card-placeholder em{margin-top:10px;font-style:normal;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.10em;color:#625b76}
.cpp-card-preparing{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:12px;background:#f6f3fc;color:#756d87;font-size:11px;font-weight:800}

/* 3.8.7 – final CROPS Project Pages premium polish */
.cpp-project-shell{width:min(1280px,calc(100% - 48px))}
.cpp-project-copy h1,.cpp-project-content h2,.cpp-project-content h3,.cpp-card-body h3{text-wrap:balance;hyphens:none}
.cpp-project-lead,.cpp-project-content p,.cpp-card-body p{text-wrap:pretty}
.cpp-project-hero{padding:clamp(72px,7vw,96px) 0 clamp(38px,4vw,52px)}
.cpp-project-hero-grid{gap:clamp(38px,4.5vw,66px)}
.cpp-project-visual{min-height:0;aspect-ratio:16/10}
.cpp-project-preview-frame{
  position:absolute;width:86%;right:0;top:50%;transform:translateY(-50%);
  opacity:.92
}
.cpp-hero-reverse .cpp-project-preview-frame{right:auto;left:0;transform:translateY(-50%)}
.cpp-project-preview-frame img{border-radius:30px;box-shadow:0 30px 78px rgba(34,25,59,.15)}
.crops-project-premium .cpp-scene-factual{
  aspect-ratio:16/10;
  border-radius:30px;
  padding:24px;
  background:
    radial-gradient(circle at 10% 12%,color-mix(in srgb,var(--cpp-accent) 16%,transparent),transparent 31%),
    radial-gradient(circle at 90% 86%,color-mix(in srgb,var(--cpp-accent2) 15%,transparent),transparent 28%),
    linear-gradient(180deg,#fff,#faf8ff);
}
.cpp-factual-flow{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.cpp-factual-step{min-height:112px;border-color:color-mix(in srgb,var(--cpp-accent) 12%,#fff)}
.cpp-purpose-card,.cpp-project-feature-card,.cpp-roadmap-card,.cpp-related-card{
  border-color:rgba(112,72,232,.10);
  box-shadow:0 16px 44px rgba(48,34,80,.065);
}
.cpp-location-projects.cpp-projects-grid{gap:24px}
.cpp-location-projects .cpp-project-card{
  border-radius:26px;
  border-color:rgba(112,72,232,.10);
  box-shadow:0 18px 48px rgba(44,28,72,.07)
}
.cpp-location-projects .cpp-card-body{padding:22px 23px 23px}
.cpp-card-image img{transition:transform .4s ease}
.cpp-project-toolbar{border-radius:22px;padding:15px 16px}
.cpp-project-filter{min-height:40px}
.cpp-project-search{min-height:44px}
.cpp-project-btn,.cpp-card-link{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.crops-project-premium a:focus-visible,.cpp-projects-grid a:focus-visible,
.cpp-project-filter:focus-visible,.cpp-project-search:focus-visible{
  outline:3px solid color-mix(in srgb,var(--cpp-accent2) 38%,transparent);
  outline-offset:3px;
}
@media(hover:hover){
  .cpp-location-projects .cpp-project-card:hover{transform:translateY(-6px);box-shadow:0 28px 66px rgba(44,28,72,.12)}
}
@media(max-width:900px){
  .cpp-project-shell{width:min(100% - 30px,1280px)}
  .cpp-project-visual{aspect-ratio:auto;min-height:440px}
  .cpp-project-preview-frame{width:92%}
}
@media(max-width:720px){
  .cpp-project-shell{width:min(100% - 22px,1280px)}
  .cpp-project-hero-grid{gap:24px}
  .cpp-project-visual{min-height:390px}
  .crops-project-premium .cpp-scene-factual{aspect-ratio:auto}
}
@media(max-width:480px){
  .cpp-project-shell{width:min(100% - 18px,1280px)}
  .cpp-project-visual{min-height:340px}
  .cpp-location-projects .cpp-project-card{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .cpp-project-btn,.cpp-card-link,.cpp-project-card,.cpp-card-image img{transition:none!important}
}

/* 3.8.8 – pre-go-live final refinement */
.cpp-project-toolbar{
  position:sticky;top:12px;z-index:15;
  backdrop-filter:blur(14px);
  background:rgba(255,255,255,.92)
}
.cpp-project-card{overflow:hidden}
.cpp-card-body p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.cpp-card-actions{margin-top:auto}
.cpp-card-status,.cpp-type-label{white-space:nowrap}
.cpp-project-content ul,.cpp-project-content ol{padding-left:1.25em}
.cpp-project-content li+li{margin-top:.42em}
@media(max-width:760px){
  .cpp-project-toolbar{position:relative;top:auto}
  .cpp-project-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
  .cpp-project-filters::-webkit-scrollbar{display:none}
  .cpp-project-filter{flex:0 0 auto}
}
@media(max-width:520px){
  .cpp-project-search-wrap{width:100%}
  .cpp-project-search{width:100%}
}

/* 3.8.9: a single artwork-led hero; no synthetic scene overlapping the real preview. */
.crops-project-premium .cpp-project-visual{min-height:0!important;aspect-ratio:16/10!important;max-width:100%;isolation:isolate}
.crops-project-premium .cpp-project-visual:before{inset:7%;filter:blur(28px)}
.crops-project-premium .cpp-project-preview-frame,.crops-project-premium .cpp-hero-reverse .cpp-project-preview-frame{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;width:100%!important;transform:none!important;opacity:1!important;z-index:2}
.crops-project-premium .cpp-project-preview-frame img{aspect-ratio:16/10;object-fit:contain;background:#fff;transform:none!important;width:100%;height:auto}
.crops-project-premium .cpp-preview-open{width:100%;background:transparent;border:0;padding:0;display:block;position:relative;cursor:zoom-in;text-align:left}
.crops-project-premium .cpp-preview-open>span{position:absolute;bottom:15px;right:15px;padding:9px 13px;border-radius:999px;background:rgba(24,18,50,.88);color:white;font-size:12px;font-weight:700}
.cpp-preview-dialog{border:0;border-radius:20px;padding:12px;background:#fff;color:#181632;max-width:min(94vw,1400px);max-height:94dvh;box-shadow:0 30px 110px rgba(0,0,0,.3)}
.cpp-preview-dialog::backdrop{background:rgba(10,9,25,.85);backdrop-filter:blur(5px)}
.cpp-preview-dialog-inner{display:grid;gap:8px;justify-items:end}.cpp-preview-dialog img{display:block;max-width:100%;max-height:calc(94dvh - 85px);object-fit:contain;border-radius:12px}
.cpp-preview-close{border:0;border-radius:999px;background:#211b45;color:#fff;padding:9px 16px;cursor:pointer;font:inherit;font-weight:700}
.cpp-legacy-details{border:1px solid #e9e5f7;border-radius:18px;padding:18px;background:#fff}.cpp-legacy-details>summary{cursor:pointer;font-weight:750}.cpp-legacy-details .cpp-project-content{margin-top:20px}
.crops-project-premium .cpp-project-existing-section{padding:25px 0 50px}
@media(max-width:720px){.crops-project-premium .cpp-project-visual{min-height:0!important;aspect-ratio:auto!important}.crops-project-premium .cpp-preview-open>span{bottom:8px;right:8px}}

/* 3.9.1 layout and CTA enhancement */
.cpp-inline-sales-status{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:999px;background:color-mix(in srgb,var(--cpp-accent) 8%,#fff);border:1px solid color-mix(in srgb,var(--cpp-accent) 18%,#fff);font-size:11px;font-weight:800;color:var(--cpp-accent)}
.cpp-project-mini-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.cpp-project-mini-meta span{display:flex;flex-direction:column;gap:4px;min-width:150px;padding:13px 14px;border-radius:16px;border:1px solid var(--cpp-border);background:rgba(255,255,255,.78);box-shadow:0 10px 26px rgba(48,35,81,.045)}.cpp-project-mini-meta strong{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--cpp-accent)}.cpp-project-mini-meta em{font-style:normal;font-size:13px;line-height:1.45;color:#4d465c}
.cpp-story-preview{margin:22px 0 4px}.cpp-story-preview img{display:block;width:100%;border-radius:18px;border:1px solid var(--cpp-border);box-shadow:0 16px 36px rgba(48,35,81,.08)}
.cpp-project-cta-strip{padding-top:0;background:linear-gradient(180deg,#fff,#fbfbff)}.cpp-project-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 36px;border-radius:28px;border:1px solid var(--cpp-border);background:linear-gradient(135deg,color-mix(in srgb,var(--cpp-accent) 5%,#fff),color-mix(in srgb,var(--cpp-accent2) 7%,#fff));box-shadow:0 20px 54px rgba(48,35,81,.07)}.cpp-project-cta-panel>div>span{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--cpp-accent);margin-bottom:10px}.cpp-project-cta-panel h2{font-size:clamp(27px,3.7vw,46px);line-height:1.05;letter-spacing:-.04em;margin:0;color:var(--cpp-theme-ink)}.cpp-project-cta-panel p{margin:14px 0 0;font-size:15px;line-height:1.72;color:var(--cpp-muted);max-width:780px}
.cpp-card-feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.cpp-card-feature-tags span{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid var(--cpp-border);background:#fbfbff;font-size:11px;line-height:1.25;color:#5e5770}
.cpp-tone-dark .cpp-inline-sales-status,.cpp-tone-dark .cpp-project-mini-meta span,.cpp-tone-dark .cpp-project-cta-panel{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}.cpp-tone-dark .cpp-project-mini-meta em,.cpp-tone-dark .cpp-project-cta-panel p,.cpp-tone-dark .cpp-card-feature-tags span{color:#b6becc}.cpp-tone-dark .cpp-card-feature-tags span{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.cpp-tone-dark .cpp-project-cta-strip{background:linear-gradient(180deg,#070a10,#0a0e14)}
@media(max-width:1080px){.cpp-project-cta-panel{flex-direction:column;align-items:flex-start}}
@media(max-width:720px){.cpp-project-mini-meta{display:grid;grid-template-columns:1fr 1fr}.cpp-project-cta-panel{padding:24px 22px;border-radius:22px}.cpp-card-feature-tags{margin-top:12px}}
@media(max-width:520px){.cpp-project-mini-meta{grid-template-columns:1fr}.cpp-project-cta-panel .cpp-closing-actions,.cpp-project-hero-actions{width:100%}.cpp-inline-sales-status{width:100%}}

/* 3.9.2 premium refinement */
.crops-project-premium .cpp-project-visual{display:grid;grid-template-columns:1fr;gap:18px;align-content:start}
.crops-project-premium .cpp-project-preview-frame{margin-bottom:0}
.crops-project-premium .cpp-project-visual .cpp-scene-factual{position:relative;z-index:1;width:88%;margin:-64px 0 0 auto;border-radius:26px;box-shadow:0 24px 68px rgba(55,31,116,.13)}
.cpp-project-quicknav-wrap{margin-top:18px}
.cpp-project-quicknav{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--cpp-border);border-radius:20px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);box-shadow:0 14px 34px rgba(48,35,81,.05)}
.cpp-project-quicknav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;text-decoration:none!important;font-size:12px;font-weight:800;letter-spacing:.02em;color:#4c4460;background:#fff;border:1px solid transparent;transition:.24s ease}
.cpp-project-quicknav a:hover{transform:translateY(-2px);color:var(--cpp-accent);border-color:color-mix(in srgb,var(--cpp-accent) 20%,#fff);box-shadow:0 12px 24px rgba(48,35,81,.08)}
.cpp-project-hero-actions .cpp-project-btn{min-height:52px}
.cpp-project-copy h1{text-wrap:balance}
.cpp-project-lead{text-wrap:pretty}
.cpp-purpose-card,.cpp-project-feature-card,.cpp-roadmap-card,.cpp-project-content,.cpp-related-card a{backdrop-filter:blur(10px)}
.cpp-project-feature-card strong{font-size:18px;line-height:1.35}
.cpp-related-card img,.cpp-card-image img{transition:transform .35s ease,filter .35s ease}.cpp-related-card:hover img,.cpp-project-card:hover .cpp-card-image img{transform:scale(1.025);filter:saturate(1.05)}
.cpp-project-card{overflow:hidden}.cpp-project-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--cpp-accent),var(--cpp-accent2),var(--cpp-accent3));opacity:.95}
.cpp-card-content{position:relative;z-index:1}
.cpp-card-link{font-weight:850}
.cpp-card-feature-tags span{box-shadow:0 8px 18px rgba(48,35,81,.04)}
.cpp-project-closing-card,.cpp-project-cta-panel{position:relative;overflow:hidden}
.cpp-project-closing-card:after,.cpp-project-cta-panel:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cpp-accent2) 22%,transparent),transparent 66%);pointer-events:none}
.cpp-story-preview img{background:#fff;object-fit:contain;aspect-ratio:16/10}
.cpp-tone-dark .cpp-project-quicknav{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.cpp-tone-dark .cpp-project-quicknav a{background:rgba(255,255,255,.04);color:#eaf0fa;border-color:rgba(255,255,255,.06)}
.cpp-tone-dark .cpp-project-quicknav a:hover{border-color:rgba(255,255,255,.16)}
@media(max-width:980px){.crops-project-premium .cpp-project-visual .cpp-scene-factual{width:100%;margin:-36px 0 0 0}}
@media(max-width:720px){.cpp-project-quicknav{gap:8px;padding:10px}.cpp-project-quicknav a{flex:1 1 calc(50% - 8px)}.crops-project-premium .cpp-project-visual .cpp-scene-factual{margin-top:-18px;border-radius:22px}.cpp-project-feature-card strong{font-size:16px}}
@media(max-width:480px){.cpp-project-quicknav a{flex:1 1 100%}}

/* 3.10.0 CROPS premium visual differentiation + performance */
.crops-project-premium .cpp-sales-section,.crops-project-premium .cpp-project-story-section,.crops-project-premium .cpp-related-projects{content-visibility:auto;contain-intrinsic-size:720px}
.crops-project-premium .cpp-scene-factual{isolation:isolate}
.crops-project-premium .cpp-scene-factual:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.72;background:linear-gradient(135deg,color-mix(in srgb,var(--cpp-accent) 7%,transparent),transparent 42%,color-mix(in srgb,var(--cpp-accent2) 8%,transparent))}
.cpp-scene-ecosystem .cpp-factual-step,.cpp-scene-community .cpp-factual-step{border-radius:999px;min-height:92px;text-align:center}.cpp-scene-ecosystem .cpp-factual-flow,.cpp-scene-community .cpp-factual-flow{align-items:center}
.cpp-scene-aviation .cpp-factual-flow{transform:skewY(-1deg)}.cpp-scene-aviation .cpp-factual-step{border-radius:10px 24px 10px 24px}
.cpp-scene-sports .cpp-factual-step,.cpp-scene-event .cpp-factual-step{border-bottom:3px solid color-mix(in srgb,var(--cpp-accent3) 60%,transparent)}
.cpp-scene-hospitality .cpp-factual-step{border-radius:22px 8px 22px 8px}.cpp-scene-hospitality .cpp-factual-progress>b{height:10px}
.cpp-scene-intelligence .cpp-factual-step,.cpp-scene-research .cpp-factual-step{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--cpp-accent2) 4%,#fff))}.cpp-scene-intelligence .cpp-factual-step i,.cpp-scene-research .cpp-factual-step i{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cpp-scene-marketing .cpp-factual-step,.cpp-scene-impact .cpp-factual-step{box-shadow:0 12px 30px color-mix(in srgb,var(--cpp-accent) 9%,transparent)}
.cpp-scene-developer .cpp-factual-step{border-radius:8px;background:#111723;color:#f3f6fb;border-color:#263044}.cpp-scene-developer .cpp-factual-step strong{color:#fff}.cpp-scene-developer .cpp-factual-step span{color:#aeb9c9}.cpp-scene-developer .cpp-factual-head span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cpp-scene-compliance .cpp-factual-step{border-left:4px solid color-mix(in srgb,var(--cpp-accent3) 65%,var(--cpp-accent))}
.cpp-scene-commerce .cpp-factual-step{border-top:3px solid color-mix(in srgb,var(--cpp-accent) 68%,var(--cpp-accent2))}
.cpp-scene-creative .cpp-factual-step{transform:rotate(-.35deg)}.cpp-scene-creative .cpp-factual-step:nth-child(even){transform:rotate(.35deg)}
.cpp-scene-concept .cpp-factual-step{border-style:dashed}
.cpp-project-card .cpp-card-body>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cpp-related-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:720px){.crops-project-premium .cpp-sales-section,.crops-project-premium .cpp-project-story-section,.crops-project-premium .cpp-related-projects{contain-intrinsic-size:560px}.crops-project-premium .cpp-project-quicknav,.crops-project-premium .cpp-project-mini-meta span,.crops-project-premium .cpp-project-cta-panel{backdrop-filter:none}.crops-project-premium .cpp-scene-factual{box-shadow:0 16px 38px rgba(55,31,116,.09)}.cpp-scene-creative .cpp-factual-step{transform:none!important}}

/* 3.11.0 – accessibility, states, lean mobile effects */
.crops-project-premium a:focus-visible,.crops-project-premium button:focus-visible,.cpp-project-browser button:focus-visible,.cpp-project-browser input:focus-visible{outline:3px solid color-mix(in srgb,var(--cpp-accent) 28%,transparent);outline-offset:3px}
.cpp-project-noresults{padding:30px;border:1px dashed color-mix(in srgb,var(--cpp-accent) 25%,#ddd);border-radius:22px;background:linear-gradient(135deg,#fff,#fbf9ff);text-align:center;color:var(--cpp-muted)}.cpp-project-noresults strong,.cpp-project-noresults span{display:block}.cpp-project-noresults strong{font-size:17px;color:var(--cpp-theme-ink)}.cpp-project-noresults span{margin-top:6px;font-size:13px}.cpp-project-reset{margin-top:14px;appearance:none;border:1px solid color-mix(in srgb,var(--cpp-accent) 22%,#ddd);border-radius:13px;background:#fff;color:var(--cpp-accent);padding:10px 14px;font-weight:800;cursor:pointer}.cpp-project-reset:hover{background:color-mix(in srgb,var(--cpp-accent) 5%,#fff)}
.cpp-project-filter[aria-pressed="true"]{box-shadow:0 8px 20px color-mix(in srgb,var(--cpp-accent) 12%,transparent)}
.cpp-tone-dark .cpp-project-noresults{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.13)}.cpp-tone-dark .cpp-project-reset{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#fff}
@media(max-width:720px){.crops-project-premium .cpp-purpose-card,.crops-project-premium .cpp-project-feature-card,.crops-project-premium .cpp-roadmap-card,.crops-project-premium .cpp-project-content,.crops-project-premium .cpp-related-card a{backdrop-filter:none}.crops-project-premium .cpp-project-orb{opacity:.48}.crops-project-premium .cpp-project-visual:before{filter:blur(18px)}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.cpp-project-quicknav a:hover,.cpp-project-reset:hover{transform:none!important}}


/* 3.11.1 — individual public project storytelling merged onto 3.11.x */
/* 3.9.1 – stronger individual project storytelling */
.cpp-project-intent{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)}
.cpp-project-intent:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-210px;background:radial-gradient(circle, color-mix(in srgb,var(--cpp-accent) 13%,transparent), transparent 70%);pointer-events:none}
.cpp-intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.cpp-intent-card{position:relative;min-height:280px;padding:28px;border:1px solid rgba(80,59,130,.11);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 18px 54px rgba(45,30,78,.07);overflow:hidden}
.cpp-intent-card:after{content:"";position:absolute;inset:auto -45px -65px auto;width:145px;height:145px;border-radius:50%;background:color-mix(in srgb,var(--cpp-accent) 8%,transparent)}
.cpp-intent-card>span{display:inline-flex;margin-bottom:28px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--cpp-accent)}
.cpp-intent-card h3{margin:0 0 12px;font-size:clamp(20px,2vw,28px);line-height:1.12;color:var(--cpp-theme-ink,#17122a)}
.cpp-intent-card p{margin:0;color:#6d657d;line-height:1.72;font-size:15px}
.cpp-intent-promise{transform:translateY(18px);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--cpp-accent) 4%,#fff))}
.cpp-intent-result{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--cpp-accent2) 5%,#fff))}
.cpp-audience-strip{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:start;margin-top:42px;padding:23px 26px;border-radius:22px;background:var(--cpp-theme-ink,#17122a);color:#fff;box-shadow:0 20px 55px rgba(30,22,54,.13)}
.cpp-audience-strip b{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb,var(--cpp-accent2) 75%,#fff)}
.cpp-audience-strip p{margin:0;color:rgba(255,255,255,.82);line-height:1.65}
.cpp-project-feature-card{position:relative;overflow:hidden}
.cpp-project-feature-card>span{display:block;margin-top:18px;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#9a91aa}
.cpp-project-feature-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--cpp-accent),var(--cpp-accent2));opacity:.45;transform:scaleX(.25);transform-origin:left;transition:transform .28s ease,opacity .28s ease}
@media(hover:hover){.cpp-project-feature-card:hover:after{transform:scaleX(1);opacity:1}.cpp-intent-card:hover{transform:translateY(-4px)}.cpp-intent-promise:hover{transform:translateY(14px)}}
.cpp-project-story-section{background:linear-gradient(180deg,#faf9fd 0%,#fff 100%)}
.cpp-project-catalog-content>h2:first-child,.cpp-project-catalog-content>h3:first-child{margin-top:0}
@media(max-width:900px){.cpp-intent-grid{grid-template-columns:1fr}.cpp-intent-card{min-height:0}.cpp-intent-promise{transform:none}.cpp-audience-strip{grid-template-columns:1fr;gap:8px}}
@media(max-width:620px){.cpp-intent-card{padding:22px;border-radius:20px}.cpp-audience-strip{padding:20px;border-radius:18px}.cpp-intent-card>span{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.cpp-intent-card,.cpp-project-feature-card:after{transition:none!important;transform:none!important}}

/* 3.9.2 — project-specific composition layer */
.cpp-signature-section{position:relative;padding:96px 0;background:linear-gradient(180deg,#fff,#faf9ff);overflow:hidden;border-top:1px solid rgba(79,55,132,.055);border-bottom:1px solid rgba(79,55,132,.055)}
.cpp-signature-section:before{content:"";position:absolute;inset:-30% -10%;background:radial-gradient(circle at 18% 32%,color-mix(in srgb,var(--cpp-accent) 8%,transparent),transparent 23%),radial-gradient(circle at 82% 66%,color-mix(in srgb,var(--cpp-accent2) 8%,transparent),transparent 24%);pointer-events:none}
.cpp-signature-grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:64px;align-items:center}
.cpp-signature-copy>span,.cpp-signature-meta span{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cpp-accent)}
.cpp-signature-copy h2{max-width:720px;margin:12px 0 18px;font-size:clamp(34px,4.8vw,62px);line-height:1.01;letter-spacing:-.055em;color:var(--cpp-theme-ink)}
.cpp-signature-copy>p{max-width:680px;margin:0;color:#696176;font-size:16px;line-height:1.75}
.cpp-signature-copy blockquote{margin:28px 0 0;padding:20px 22px;border:1px solid color-mix(in srgb,var(--cpp-accent) 14%,#e9e5f2);border-left:4px solid var(--cpp-accent);border-radius:0 18px 18px 0;background:rgba(255,255,255,.78);color:#3f3850;font-size:14px;line-height:1.7}
.cpp-signature-visual{position:relative;min-height:420px;display:grid;place-items:center;border:1px solid rgba(83,57,139,.09);border-radius:34px;background:rgba(255,255,255,.72);box-shadow:0 28px 80px rgba(50,31,89,.09);overflow:hidden}
.cpp-signature-orbit{position:absolute;inset:0}.cpp-signature-orbit i{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--cpp-accent) 18%,transparent)}.cpp-signature-orbit i:nth-child(1){width:350px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%)}.cpp-signature-orbit i:nth-child(2){width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%);border-color:color-mix(in srgb,var(--cpp-accent2) 20%,transparent)}.cpp-signature-orbit i:nth-child(3){width:165px;height:165px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--cpp-accent) 7%,transparent),transparent 68%)}
.cpp-signature-core{position:relative;z-index:2;width:min(82%,440px);padding:28px;border-radius:26px;background:rgba(255,255,255,.94);border:1px solid rgba(82,56,137,.1);box-shadow:0 22px 54px rgba(49,31,84,.1);display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.cpp-signature-core small{grid-column:1/-1;margin-bottom:10px;color:#91889e;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cpp-signature-core strong{font-size:13px;color:var(--cpp-theme-ink)}.cpp-signature-core b{color:var(--cpp-accent);font-size:14px}
.cpp-signature-signals{position:absolute;z-index:3;inset:auto 22px 20px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cpp-signature-signals span{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.88);border:1px solid rgba(82,56,137,.09);font-size:10px;font-weight:800;color:#534b61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpp-signature-signals i{font-style:normal;color:var(--cpp-accent);font-size:9px}
.cpp-signature-meta{position:relative;margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cpp-signature-meta>div{padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--cpp-border);box-shadow:0 12px 32px rgba(47,31,75,.04)}.cpp-signature-meta p{margin:8px 0 0;color:#6d657a;font-size:13px;line-height:1.65}
.cpp-signature-network .cpp-signature-visual{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--cpp-accent3) 11%,#fff),#fff 65%)}
.cpp-signature-signal .cpp-signature-visual,.cpp-signature-evidence .cpp-signature-visual{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--cpp-accent2) 6%,#fff))}
.cpp-signature-live .cpp-signature-core,.cpp-signature-score .cpp-signature-core{transform:rotate(-1deg)}
.cpp-signature-campaign .cpp-signature-core,.cpp-signature-studio .cpp-signature-core{transform:rotate(1deg)}
.cpp-signature-system .cpp-signature-visual{background:linear-gradient(145deg,#0d1220,#151d2e);border-color:rgba(255,255,255,.08)}.cpp-signature-system .cpp-signature-core{background:rgba(18,25,40,.94);border-color:rgba(255,255,255,.1)}.cpp-signature-system .cpp-signature-core strong{color:#fff}.cpp-signature-system .cpp-signature-signals span{background:rgba(18,25,40,.9);border-color:rgba(255,255,255,.08);color:#c8cfdb}.cpp-signature-system .cpp-signature-orbit i{border-color:rgba(110,120,255,.28)}
.cpp-tone-dark .cpp-signature-section{background:#090d14;border-color:rgba(255,255,255,.07)}.cpp-tone-dark .cpp-signature-copy h2{color:#fff}.cpp-tone-dark .cpp-signature-copy>p,.cpp-tone-dark .cpp-signature-meta p{color:#adb6c3}.cpp-tone-dark .cpp-signature-copy blockquote,.cpp-tone-dark .cpp-signature-meta>div{background:#10161f;border-color:rgba(255,255,255,.08);color:#d7dce4}.cpp-tone-dark .cpp-signature-visual{background:rgba(15,21,30,.92);border-color:rgba(255,255,255,.08)}.cpp-tone-dark .cpp-signature-core,.cpp-tone-dark .cpp-signature-signals span{background:rgba(17,23,33,.94);border-color:rgba(255,255,255,.09);color:#dce1e8}.cpp-tone-dark .cpp-signature-core strong{color:#fff}
@media(max-width:980px){.cpp-signature-grid{grid-template-columns:1fr;gap:34px}.cpp-signature-visual{min-height:390px}}
@media(max-width:640px){.cpp-signature-section{padding:64px 0}.cpp-signature-visual{min-height:340px;border-radius:24px}.cpp-signature-core{width:90%;padding:22px 14px;grid-template-columns:1fr;gap:8px}.cpp-signature-core small{grid-column:auto}.cpp-signature-core b{transform:rotate(90deg)}.cpp-signature-signals{position:relative;inset:auto;width:calc(100% - 28px);margin:18px auto 14px;grid-template-columns:1fr}.cpp-signature-meta{grid-template-columns:1fr}.cpp-signature-orbit i:nth-child(1){width:290px;height:290px}.cpp-signature-orbit i:nth-child(2){width:210px;height:210px}}
@media(prefers-reduced-motion:reduce){.cpp-signature-core{transform:none!important}}

/* 3.9.3 — individual project composition */
.crops-project-premium [data-cpp-chapter]{position:relative}
.crops-project-premium [data-cpp-chapter] .cpp-section-heading>span{letter-spacing:.14em}
.crops-project-premium [data-cpp-chapter="flow"] .cpp-flow-steps article:nth-child(odd){transform:translateY(8px)}
.crops-project-premium [data-cpp-chapter="features"] .cpp-project-feature-card:nth-child(3n+2){transform:translateY(8px)}
.cpp-signature-rental .cpp-signature-visual,.cpp-signature-guestflow .cpp-signature-visual,.cpp-signature-mailroom .cpp-signature-visual{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--cpp-accent3) 7%,#fff))}
.cpp-signature-regional .cpp-signature-visual{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--cpp-accent3) 14%,#fff),#fff 68%)}
.cpp-signature-raid .cpp-signature-visual,.cpp-signature-competition .cpp-signature-visual{background:linear-gradient(160deg,color-mix(in srgb,var(--cpp-accent) 6%,#fff),#fff 58%,color-mix(in srgb,var(--cpp-accent2) 8%,#fff))}
.cpp-signature-dispatch .cpp-signature-visual,.cpp-signature-seo .cpp-signature-visual,.cpp-signature-commerceiq .cpp-signature-visual,.cpp-signature-objectiq .cpp-signature-visual{background:linear-gradient(145deg,#0d1220,#151d2e);border-color:rgba(255,255,255,.08)}
.cpp-signature-dispatch .cpp-signature-core,.cpp-signature-seo .cpp-signature-core,.cpp-signature-commerceiq .cpp-signature-core,.cpp-signature-objectiq .cpp-signature-core{background:rgba(18,25,40,.94);border-color:rgba(255,255,255,.1)}
.cpp-signature-dispatch .cpp-signature-core strong,.cpp-signature-seo .cpp-signature-core strong,.cpp-signature-commerceiq .cpp-signature-core strong,.cpp-signature-objectiq .cpp-signature-core strong{color:#fff}
.cpp-signature-dispatch .cpp-signature-signals span,.cpp-signature-seo .cpp-signature-signals span,.cpp-signature-commerceiq .cpp-signature-signals span,.cpp-signature-objectiq .cpp-signature-signals span{background:rgba(18,25,40,.9);border-color:rgba(255,255,255,.08);color:#c8cfdb}
.cpp-signature-ledger .cpp-signature-core,.cpp-signature-factory .cpp-signature-core,.cpp-signature-channels .cpp-signature-core,.cpp-signature-reward .cpp-signature-core{transform:rotate(-1deg)}
.cpp-signature-venture .cpp-signature-core,.cpp-signature-mission .cpp-signature-core{transform:rotate(1deg)}

/* Project-specific hero identities: same CROPS system, different visual character. */
.cpp-project-key-allino .cpp-project-hero{background:radial-gradient(circle at 12% 14%,rgba(91,215,176,.20),transparent 31%),radial-gradient(circle at 84% 18%,rgba(114,87,245,.17),transparent 34%),linear-gradient(180deg,#fff,#f8fffc)}
.cpp-project-key-allino .cpp-hero-metricbar{border-radius:24px;box-shadow:0 18px 48px rgba(58,126,105,.08)}
.cpp-project-key-leihmi .cpp-project-hero{background:radial-gradient(circle at 9% 8%,rgba(47,141,244,.14),transparent 29%),radial-gradient(circle at 89% 15%,rgba(53,203,191,.16),transparent 31%),linear-gradient(180deg,#fff,#f7fbff)}
.cpp-project-key-goflyelectric .cpp-project-hero{background:radial-gradient(circle at 78% 12%,rgba(36,183,232,.18),transparent 31%),radial-gradient(circle at 15% 18%,rgba(49,94,234,.13),transparent 30%),linear-gradient(180deg,#fff,#f4f9ff)}
.cpp-project-key-goflyelectric .cpp-project-preview-frame img{box-shadow:0 34px 90px rgba(36,91,167,.20)}
.cpp-project-key-cityraid .cpp-project-hero{background:radial-gradient(circle at 15% 12%,rgba(230,78,158,.15),transparent 28%),radial-gradient(circle at 85% 18%,rgba(255,173,67,.15),transparent 30%),linear-gradient(180deg,#fff,#fff9fc)}
.cpp-project-key-cityraid .cpp-project-copy h1{max-width:760px}
.cpp-project-key-crops-table-x .cpp-project-hero{background:radial-gradient(circle at 14% 12%,rgba(43,199,184,.16),transparent 30%),radial-gradient(circle at 84% 16%,rgba(239,131,174,.13),transparent 31%),linear-gradient(180deg,#fff,#fbfffd)}
.cpp-project-key-crops-wp-mail-suite-pro .cpp-project-hero{background:radial-gradient(circle at 15% 15%,rgba(39,184,218,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(108,81,239,.14),transparent 33%),linear-gradient(180deg,#fff,#f8fbff)}
.cpp-project-key-crops-seo-suite-dach .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(43,168,242,.15),transparent 29%),radial-gradient(circle at 86% 17%,rgba(64,208,191,.13),transparent 32%),linear-gradient(180deg,#fff,#f7fcff)}
.cpp-project-key-crops-faktura .cpp-project-hero{background:radial-gradient(circle at 10% 12%,rgba(103,84,232,.14),transparent 30%),radial-gradient(circle at 87% 15%,rgba(111,213,188,.14),transparent 31%),linear-gradient(180deg,#fff,#fbfbff)}
.cpp-project-key-crops-content-factory-pro .cpp-project-hero{background:radial-gradient(circle at 11% 12%,rgba(113,79,240,.14),transparent 30%),radial-gradient(circle at 86% 17%,rgba(221,100,174,.13),transparent 31%),linear-gradient(180deg,#fff,#fff9fd)}
.cpp-project-key-crops-vr-office-post-suite .cpp-project-hero{background:radial-gradient(circle at 13% 12%,rgba(32,185,197,.14),transparent 30%),radial-gradient(circle at 87% 17%,rgba(94,88,231,.13),transparent 31%),linear-gradient(180deg,#fff,#f8fffe)}
.cpp-project-key-crops-event-lite-competition .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(230,78,158,.15),transparent 29%),radial-gradient(circle at 86% 17%,rgba(255,173,67,.15),transparent 31%),linear-gradient(180deg,#fff,#fffaf6)}
.cpp-project-key-crops-anzeigenmarkt .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(43,168,242,.14),transparent 30%),radial-gradient(circle at 88% 18%,rgba(64,208,191,.14),transparent 31%),linear-gradient(180deg,#fff,#f6fbff)}
.cpp-project-key-crops-innovation-hub .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(122,99,238,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(84,174,234,.14),transparent 31%),linear-gradient(180deg,#fff,#faf9ff)}
.cpp-project-key-crops-spin-wheel-suite .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(124,58,237,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(236,92,171,.15),transparent 31%),linear-gradient(180deg,#fff,#fff8fc)}
.cpp-project-key-crops-social-media-suite .cpp-project-hero{background:radial-gradient(circle at 13% 12%,rgba(124,58,237,.14),transparent 30%),radial-gradient(circle at 87% 18%,rgba(32,191,208,.14),transparent 31%),linear-gradient(180deg,#fff,#f9fbff)}

@media(max-width:720px){
  .crops-project-premium [data-cpp-chapter="flow"] .cpp-flow-steps article:nth-child(odd),
  .crops-project-premium [data-cpp-chapter="features"] .cpp-project-feature-card:nth-child(3n+2){transform:none}
}
@media(prefers-reduced-motion:reduce){.cpp-signature-ledger .cpp-signature-core,.cpp-signature-factory .cpp-signature-core,.cpp-signature-channels .cpp-signature-core,.cpp-signature-reward .cpp-signature-core,.cpp-signature-venture .cpp-signature-core,.cpp-signature-mission .cpp-signature-core{transform:none!important}}

/* 3.9.4 — project-specific identities for the remaining public project pages */
.cpp-signature-storefront .cpp-signature-visual,.cpp-signature-booking .cpp-signature-visual,.cpp-signature-slots .cpp-signature-visual{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--cpp-accent3) 8%,#fff))}
.cpp-signature-batch .cpp-signature-visual,.cpp-signature-ticket .cpp-signature-visual,.cpp-signature-connector .cpp-signature-visual,.cpp-signature-sign .cpp-signature-visual,.cpp-signature-access .cpp-signature-visual{background:linear-gradient(145deg,#0d1220,#151d2e);border-color:rgba(255,255,255,.08)}
.cpp-signature-batch .cpp-signature-core,.cpp-signature-ticket .cpp-signature-core,.cpp-signature-connector .cpp-signature-core,.cpp-signature-sign .cpp-signature-core,.cpp-signature-access .cpp-signature-core{background:rgba(18,25,40,.94);border-color:rgba(255,255,255,.1)}
.cpp-signature-batch .cpp-signature-core strong,.cpp-signature-ticket .cpp-signature-core strong,.cpp-signature-connector .cpp-signature-core strong,.cpp-signature-sign .cpp-signature-core strong,.cpp-signature-access .cpp-signature-core strong{color:#fff}
.cpp-signature-batch .cpp-signature-signals span,.cpp-signature-ticket .cpp-signature-signals span,.cpp-signature-connector .cpp-signature-signals span,.cpp-signature-sign .cpp-signature-signals span,.cpp-signature-access .cpp-signature-signals span{background:rgba(18,25,40,.9);border-color:rgba(255,255,255,.08);color:#c8cfdb}
.cpp-signature-notify .cpp-signature-core,.cpp-signature-referral .cpp-signature-core,.cpp-signature-mobile .cpp-signature-core{transform:rotate(1deg)}

.cpp-project-key-amoriansins .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(244,114,143,.16),transparent 30%),radial-gradient(circle at 86% 17%,rgba(139,92,246,.15),transparent 31%),linear-gradient(180deg,#fff,#fff9fd)}
.cpp-project-key-amoriansins .cpp-project-preview-frame{box-shadow:0 34px 90px rgba(139,92,246,.13)}
.cpp-project-key-crops-rental-suite .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(45,159,228,.14),transparent 30%),radial-gradient(circle at 87% 17%,rgba(50,206,185,.14),transparent 31%),linear-gradient(180deg,#fff,#f7fcff)}
.cpp-project-key-crops-rehub-badge-randomizer .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(255,167,64,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(124,91,235,.13),transparent 31%),linear-gradient(180deg,#fff,#fffaf5)}
.cpp-project-key-crops-marketing-notifications-pro .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(239,78,144,.14),transparent 30%),radial-gradient(circle at 87% 18%,rgba(123,91,236,.14),transparent 31%),linear-gradient(180deg,#fff,#fff8fc)}
.cpp-project-key-crops-bugtracker-ticketsystem .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(86,107,232,.14),transparent 30%),radial-gradient(circle at 87% 18%,rgba(36,185,209,.13),transparent 31%),linear-gradient(180deg,#fff,#f8fbff)}
.cpp-project-key-crops-woocommerce-referral-coupon-manager .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(102,194,129,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(117,87,235,.13),transparent 31%),linear-gradient(180deg,#fff,#f8fff9)}
.cpp-project-key-crops-dreamlove-connector .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(80,115,235,.14),transparent 30%),radial-gradient(circle at 87% 18%,rgba(57,202,188,.13),transparent 31%),linear-gradient(180deg,#fff,#f8fbff)}
.cpp-project-key-crops-vri .cpp-project-hero{background:radial-gradient(circle at 11% 12%,rgba(35,184,195,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(86,89,231,.14),transparent 31%),linear-gradient(180deg,#fff,#f7fffe)}
.cpp-project-key-crops-slot-booking .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(57,190,168,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(100,92,232,.13),transparent 31%),linear-gradient(180deg,#fff,#f8fffc)}
.cpp-project-key-crops-signflow .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(93,95,224,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(45,181,207,.13),transparent 31%),linear-gradient(180deg,#fff,#f8faff)}
.cpp-project-key-crops-mom .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(83,199,171,.14),transparent 30%),radial-gradient(circle at 87% 18%,rgba(126,91,236,.13),transparent 31%),linear-gradient(180deg,#fff,#f9fffd)}
.cpp-project-key-crops-wp-lock-x .cpp-project-hero{background:radial-gradient(circle at 12% 12%,rgba(88,93,225,.15),transparent 30%),radial-gradient(circle at 87% 18%,rgba(46,191,178,.13),transparent 31%),linear-gradient(180deg,#fff,#f8faff)}

@media(prefers-reduced-motion:reduce){.cpp-signature-notify .cpp-signature-core,.cpp-signature-referral .cpp-signature-core,.cpp-signature-mobile .cpp-signature-core{transform:none!important}}

/* 3.9.5 — project-specific page identity beyond shared CROPS shell */
.cpp-ui-network .cpp-status-roadmap,.cpp-ui-rental-market .cpp-status-roadmap,.cpp-ui-booking .cpp-status-roadmap,.cpp-ui-slots .cpp-status-roadmap{background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--cpp-accent3) 12%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--cpp-accent) 6%,#fff),#fff 58%)}
.cpp-ui-mail-ops .cpp-status-roadmap,.cpp-ui-connector .cpp-status-roadmap,.cpp-ui-access .cpp-status-roadmap,.cpp-ui-quality .cpp-status-roadmap,.cpp-ui-sign .cpp-status-roadmap{background:linear-gradient(135deg,#0e1420,#151d2d);color:#fff}.cpp-ui-mail-ops .cpp-status-copy h2,.cpp-ui-connector .cpp-status-copy h2,.cpp-ui-access .cpp-status-copy h2,.cpp-ui-quality .cpp-status-copy h2,.cpp-ui-sign .cpp-status-copy h2{color:#fff}.cpp-ui-mail-ops .cpp-status-copy>p,.cpp-ui-connector .cpp-status-copy>p,.cpp-ui-access .cpp-status-copy>p,.cpp-ui-quality .cpp-status-copy>p,.cpp-ui-sign .cpp-status-copy>p{color:#b9c2cf}.cpp-ui-mail-ops .cpp-roadmap-card,.cpp-ui-connector .cpp-roadmap-card,.cpp-ui-access .cpp-roadmap-card,.cpp-ui-quality .cpp-roadmap-card,.cpp-ui-sign .cpp-roadmap-card{background:#111926;border-color:rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(0,0,0,.24)}.cpp-ui-mail-ops .cpp-roadmap-head span,.cpp-ui-connector .cpp-roadmap-head span,.cpp-ui-access .cpp-roadmap-head span,.cpp-ui-quality .cpp-roadmap-head span,.cpp-ui-sign .cpp-roadmap-head span{color:#aab5c3}.cpp-ui-mail-ops .cpp-roadmap-steps span,.cpp-ui-connector .cpp-roadmap-steps span,.cpp-ui-access .cpp-roadmap-steps span,.cpp-ui-quality .cpp-roadmap-steps span,.cpp-ui-sign .cpp-roadmap-steps span{color:#7f8b9b}.cpp-ui-mail-ops .cpp-roadmap-steps span.done,.cpp-ui-connector .cpp-roadmap-steps span.done,.cpp-ui-access .cpp-roadmap-steps span.done,.cpp-ui-quality .cpp-roadmap-steps span.done,.cpp-ui-sign .cpp-roadmap-steps span.done{color:#eef3f8}
.cpp-ui-event-live .cpp-project-closing-card,.cpp-ui-urban-game .cpp-project-closing-card,.cpp-ui-engagement .cpp-project-closing-card{background:radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--cpp-accent2) 42%,transparent),transparent 32%),linear-gradient(135deg,#211127,color-mix(in srgb,var(--cpp-accent) 72%,#1c1230) 54%,color-mix(in srgb,var(--cpp-accent3) 62%,#2a1820))}
.cpp-ui-object-intelligence .cpp-project-story-aside,.cpp-ui-commerce-iq .cpp-project-story-aside,.cpp-ui-seo-autopilot .cpp-project-story-aside{background:linear-gradient(160deg,color-mix(in srgb,var(--cpp-accent) 7%,#fff),#fff 55%,color-mix(in srgb,var(--cpp-accent3) 7%,#fff))}
.cpp-ui-aviation-mission .cpp-project-preview-frame,.cpp-ui-urban-game .cpp-project-preview-frame,.cpp-ui-event-live .cpp-project-preview-frame{transform:rotate(-1deg)}
.cpp-ui-storefront .cpp-project-preview-frame,.cpp-ui-finance-ops .cpp-project-preview-frame,.cpp-ui-referral .cpp-project-preview-frame{transform:rotate(1deg)}
.cpp-ui-content-line .cpp-project-feature-card:nth-child(3n+2),.cpp-ui-channels .cpp-project-feature-card:nth-child(3n+2){transform:translateY(8px)}
.cpp-ui-mailroom .cpp-roadmap-card,.cpp-ui-virtual-office .cpp-roadmap-card,.cpp-ui-restaurant-ops .cpp-roadmap-card{border-top:4px solid var(--cpp-accent)}
.cpp-ui-mobile .cpp-project-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(380px,1.14fr)}
.cpp-ui-venture .cpp-signature-section,.cpp-ui-object-intelligence .cpp-signature-section,.cpp-ui-commerce-iq .cpp-signature-section{overflow:hidden}
.cpp-ui-network .cpp-project-closing-card,.cpp-ui-virtual-office .cpp-project-closing-card{background:radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--cpp-accent3) 34%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--cpp-theme-ink) 94%,#000),color-mix(in srgb,var(--cpp-accent) 66%,#142b2b) 62%,color-mix(in srgb,var(--cpp-accent2) 48%,#17213a))}
@media(max-width:1080px){.cpp-ui-mobile .cpp-project-hero-grid{grid-template-columns:1fr}.cpp-ui-content-line .cpp-project-feature-card:nth-child(3n+2),.cpp-ui-channels .cpp-project-feature-card:nth-child(3n+2){transform:none}}
@media(max-width:720px){.cpp-ui-aviation-mission .cpp-project-preview-frame,.cpp-ui-urban-game .cpp-project-preview-frame,.cpp-ui-event-live .cpp-project-preview-frame,.cpp-ui-storefront .cpp-project-preview-frame,.cpp-ui-finance-ops .cpp-project-preview-frame,.cpp-ui-referral .cpp-project-preview-frame{transform:none}.cpp-roadmap-steps span{letter-spacing:0;font-size:7px;overflow-wrap:anywhere}}

/* 3.9.6 public-copy presentation */
.cpp-public-story{display:grid;gap:24px}.cpp-public-story-lead{max-width:760px}.cpp-public-story-lead>span,.cpp-public-story-grid article>span{display:block;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--cpp-accent);margin-bottom:8px}.cpp-public-story-lead h3{margin:0 0 12px;font-size:clamp(1.55rem,2.6vw,2.4rem);line-height:1.08}.cpp-public-story-lead p,.cpp-public-story-grid p{margin:0;line-height:1.7}.cpp-public-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cpp-public-story-grid article{padding:20px;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 14px 38px rgba(15,23,42,.06)}.cpp-public-story-cta{display:flex;gap:12px;flex-wrap:wrap}.cpp-public-highlight-list{display:grid;gap:10px;margin:18px 0 22px}.cpp-public-highlight-list span{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.72);font-weight:700}.cpp-tone-dark .cpp-public-story-grid article,.cpp-tone-dark .cpp-public-highlight-list span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
@media(max-width:780px){.cpp-public-story-grid{grid-template-columns:1fr}.cpp-public-story-cta{display:grid}.cpp-public-story-cta .cpp-project-btn{width:100%;justify-content:center}}


/* 3.11.2 — individual public value layer */
.cpp-public-value-panel{position:relative;padding:34px 0 76px;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%);overflow:hidden}
.cpp-public-value-panel:before{content:"";position:absolute;inset:-40% -12% auto;height:420px;background:radial-gradient(circle at 18% 38%,color-mix(in srgb,var(--cpp-accent) 8%,transparent),transparent 30%),radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--cpp-accent2) 7%,transparent),transparent 32%);pointer-events:none}
.cpp-public-value-head{position:relative;max-width:920px;margin-bottom:24px}.cpp-public-value-head>span{display:block;margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--cpp-accent)}.cpp-public-value-head h2{margin:0;font-size:clamp(28px,4vw,48px);line-height:1.04;letter-spacing:-.045em;color:var(--cpp-theme-ink)}
.cpp-public-value-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cpp-public-value-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;min-height:178px;padding:24px;border:1px solid rgba(74,54,118,.09);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 18px 48px rgba(44,29,73,.055);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.cpp-public-value-card>i{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--cpp-accent) 9%,#fff);color:var(--cpp-accent);font-size:10px;font-style:normal;font-weight:900;letter-spacing:.08em}.cpp-public-value-card h3{margin:2px 0 8px;font-size:18px;line-height:1.15;color:var(--cpp-theme-ink)}.cpp-public-value-card p{margin:0;color:#6c6479;font-size:13px;line-height:1.7}
@media(hover:hover){.cpp-public-value-card:hover{transform:translateY(-5px);box-shadow:0 26px 64px rgba(44,29,73,.09);border-color:color-mix(in srgb,var(--cpp-accent) 22%,#e8e3f0)}}
.cpp-tone-dark .cpp-public-value-panel{background:linear-gradient(180deg,#090d14,#0d121b)}.cpp-tone-dark .cpp-public-value-head h2{color:#fff}.cpp-tone-dark .cpp-public-value-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);box-shadow:none}.cpp-tone-dark .cpp-public-value-card h3{color:#fff}.cpp-tone-dark .cpp-public-value-card p{color:#aeb7c4}.cpp-tone-dark .cpp-public-value-card>i{background:rgba(255,255,255,.07)}
.cpp-ui-network .cpp-public-value-card:nth-child(2),.cpp-ui-rental-market .cpp-public-value-card:nth-child(2),.cpp-ui-storefront .cpp-public-value-card:nth-child(2){transform:translateY(8px)}
.cpp-ui-urban-game .cpp-public-value-card,.cpp-ui-event-live .cpp-public-value-card,.cpp-ui-engagement .cpp-public-value-card{border-radius:18px}.cpp-ui-mail-ops .cpp-public-value-panel,.cpp-ui-connector .cpp-public-value-panel,.cpp-ui-commerce-iq .cpp-public-value-panel,.cpp-ui-object-intelligence .cpp-public-value-panel{background:linear-gradient(180deg,#0d121b,#101722)}.cpp-ui-mail-ops .cpp-public-value-head h2,.cpp-ui-connector .cpp-public-value-head h2,.cpp-ui-commerce-iq .cpp-public-value-head h2,.cpp-ui-object-intelligence .cpp-public-value-head h2{color:#fff}.cpp-ui-mail-ops .cpp-public-value-card,.cpp-ui-connector .cpp-public-value-card,.cpp-ui-commerce-iq .cpp-public-value-card,.cpp-ui-object-intelligence .cpp-public-value-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);box-shadow:none}.cpp-ui-mail-ops .cpp-public-value-card h3,.cpp-ui-connector .cpp-public-value-card h3,.cpp-ui-commerce-iq .cpp-public-value-card h3,.cpp-ui-object-intelligence .cpp-public-value-card h3{color:#fff}.cpp-ui-mail-ops .cpp-public-value-card p,.cpp-ui-connector .cpp-public-value-card p,.cpp-ui-commerce-iq .cpp-public-value-card p,.cpp-ui-object-intelligence .cpp-public-value-card p{color:#aeb7c4}
@media(max-width:900px){.cpp-public-value-grid{grid-template-columns:1fr}.cpp-public-value-card{min-height:0}.cpp-ui-network .cpp-public-value-card:nth-child(2),.cpp-ui-rental-market .cpp-public-value-card:nth-child(2),.cpp-ui-storefront .cpp-public-value-card:nth-child(2){transform:none}}
@media(max-width:620px){.cpp-public-value-panel{padding:24px 0 54px}.cpp-public-value-card{padding:20px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.cpp-public-value-card{transition:none!important;transform:none!important}}

/* 3.11.3 — stronger project-specific public compositions */
.cpp-project-mid-cta{position:relative;padding:18px 0 86px;background:#fff}.cpp-project-mid-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:34px 38px;border:1px solid var(--cpp-border);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--cpp-accent) 7%,#fff),#fff 48%,color-mix(in srgb,var(--cpp-accent2) 7%,#fff));box-shadow:0 24px 64px rgba(48,35,81,.075);overflow:hidden}.cpp-project-mid-card:after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cpp-accent2) 18%,transparent),transparent 68%);pointer-events:none}.cpp-project-mid-card>div{position:relative;z-index:1;max-width:820px}.cpp-project-mid-card>div>span{display:inline-flex;margin-bottom:9px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cpp-accent)}.cpp-project-mid-card h2{margin:0;font-size:clamp(28px,4vw,48px);line-height:1.04;letter-spacing:-.045em;color:var(--cpp-theme-ink)}.cpp-project-mid-card p{margin:13px 0 0;max-width:760px;font-size:15px;line-height:1.7;color:var(--cpp-muted)}.cpp-project-mid-card>.cpp-project-btn{position:relative;z-index:1;flex:0 0 auto}
.cpp-composition-kinetic .cpp-project-mid-card,.cpp-composition-mission .cpp-project-mid-card{background:radial-gradient(circle at 86% 12%,color-mix(in srgb,var(--cpp-accent2) 26%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--cpp-theme-ink) 94%,#111),color-mix(in srgb,var(--cpp-accent) 62%,#24142e));border-color:rgba(255,255,255,.08)}.cpp-composition-kinetic .cpp-project-mid-card h2,.cpp-composition-mission .cpp-project-mid-card h2{color:#fff}.cpp-composition-kinetic .cpp-project-mid-card p,.cpp-composition-mission .cpp-project-mid-card p{color:#d4ccdc}
.cpp-composition-dashboard .cpp-project-mid-card,.cpp-composition-bridge .cpp-project-mid-card,.cpp-composition-discovery .cpp-project-mid-card{background:linear-gradient(135deg,#101722,#151f2e);border-color:rgba(255,255,255,.08);box-shadow:0 28px 72px rgba(0,0,0,.2)}.cpp-composition-dashboard .cpp-project-mid-card h2,.cpp-composition-bridge .cpp-project-mid-card h2,.cpp-composition-discovery .cpp-project-mid-card h2{color:#fff}.cpp-composition-dashboard .cpp-project-mid-card p,.cpp-composition-bridge .cpp-project-mid-card p,.cpp-composition-discovery .cpp-project-mid-card p{color:#aeb8c5}
.cpp-feature-style-showcase{grid-template-columns:1.35fr repeat(3,minmax(0,1fr))}.cpp-feature-style-showcase .cpp-project-feature-card.is-featured{grid-row:span 2;min-height:394px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,color-mix(in srgb,var(--cpp-accent) 9%,#fff),#fff 54%,color-mix(in srgb,var(--cpp-accent2) 9%,#fff))}.cpp-feature-style-showcase .cpp-project-feature-card.is-featured strong{font-size:23px;max-width:260px}.cpp-feature-style-showcase .cpp-project-feature-card.is-featured>i{margin-bottom:auto}
.cpp-feature-style-kinetic .cpp-project-feature-card:nth-child(2n){transform:translateY(10px)}.cpp-feature-style-kinetic .cpp-project-feature-card.is-featured{background:linear-gradient(145deg,color-mix(in srgb,var(--cpp-accent) 13%,#fff),#fff)}
.cpp-feature-style-dashboard .cpp-project-feature-card,.cpp-feature-style-insight .cpp-project-feature-card{border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff)}.cpp-feature-style-dashboard .cpp-project-feature-card.is-featured,.cpp-feature-style-insight .cpp-project-feature-card.is-featured{grid-column:span 2;background:linear-gradient(135deg,#111925,#182436);border-color:rgba(255,255,255,.08)}.cpp-feature-style-dashboard .cpp-project-feature-card.is-featured strong,.cpp-feature-style-insight .cpp-project-feature-card.is-featured strong{color:#fff;font-size:22px}.cpp-feature-style-dashboard .cpp-project-feature-card.is-featured span,.cpp-feature-style-insight .cpp-project-feature-card.is-featured span{color:#aeb8c5}
.cpp-feature-style-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-feature-style-timeline .cpp-project-feature-card{min-height:140px;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:start}.cpp-feature-style-timeline .cpp-project-feature-card>i{grid-row:1 / span 2;margin:0}.cpp-feature-style-timeline .cpp-project-feature-card strong{align-self:end}.cpp-feature-style-timeline .cpp-project-feature-card span{align-self:start}
.cpp-feature-style-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-feature-style-compact .cpp-project-feature-card{min-height:128px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:20px}.cpp-feature-style-compact .cpp-project-feature-card>i{margin:0;grid-row:1 / span 2}.cpp-feature-style-compact .cpp-project-feature-card span{margin-top:3px}
.cpp-feature-style-network .cpp-project-feature-card:nth-child(3n+2),.cpp-feature-style-channels .cpp-project-feature-card:nth-child(3n+2){transform:translateY(9px)}.cpp-feature-style-service .cpp-project-feature-card,.cpp-feature-style-booking .cpp-project-feature-card{border-radius:26px}.cpp-feature-style-score .cpp-project-feature-card{border-radius:16px}.cpp-feature-style-score .cpp-project-feature-card.is-featured{grid-column:span 2;background:linear-gradient(135deg,color-mix(in srgb,var(--cpp-accent) 12%,#fff),color-mix(in srgb,var(--cpp-accent2) 9%,#fff))}
.cpp-value-network .cpp-public-value-grid{gap:22px}.cpp-value-network .cpp-public-value-card{border-radius:30px}.cpp-value-editorial .cpp-public-value-card{min-height:210px}.cpp-value-score .cpp-public-value-card{border-radius:16px}.cpp-value-compact .cpp-public-value-card{min-height:140px}.cpp-value-signal .cpp-public-value-card:first-child{grid-column:span 2}.cpp-value-signal .cpp-public-value-grid{grid-template-columns:1.3fr .7fr 1fr}.cpp-value-signal .cpp-public-value-card:first-child{grid-column:auto}
.cpp-hero-style-editorial .cpp-project-copy h1{max-width:760px}.cpp-hero-style-editorial .cpp-project-preview-frame{border-radius:34px}.cpp-hero-style-kinetic .cpp-project-copy h1{transform:skewY(-1deg)}.cpp-hero-style-dashboard .cpp-project-preview-frame,.cpp-hero-style-bridge .cpp-project-preview-frame{border-radius:18px}.cpp-hero-style-mobile .cpp-project-visual{max-width:520px;margin-inline:auto}.cpp-hero-style-document .cpp-project-preview-frame{border-radius:18px;transform:rotate(1deg)}.cpp-hero-style-network .cpp-project-chips span{border-radius:12px}.cpp-hero-style-booking .cpp-project-preview-frame,.cpp-hero-style-service .cpp-project-preview-frame{border-radius:30px}.cpp-hero-style-mission .cpp-project-hero-grid{grid-template-columns:.9fr 1.1fr}
@media(max-width:1080px){.cpp-feature-style-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-feature-style-showcase .cpp-project-feature-card.is-featured{grid-row:auto;min-height:220px}.cpp-feature-style-dashboard .cpp-project-feature-card.is-featured,.cpp-feature-style-insight .cpp-project-feature-card.is-featured,.cpp-feature-style-score .cpp-project-feature-card.is-featured{grid-column:auto}.cpp-feature-style-kinetic .cpp-project-feature-card:nth-child(2n),.cpp-feature-style-network .cpp-project-feature-card:nth-child(3n+2),.cpp-feature-style-channels .cpp-project-feature-card:nth-child(3n+2){transform:none}}
@media(max-width:800px){.cpp-project-mid-card{display:block;padding:28px}.cpp-project-mid-card>.cpp-project-btn{margin-top:20px}.cpp-feature-style-showcase,.cpp-feature-style-timeline,.cpp-feature-style-compact{grid-template-columns:1fr}}
@media(max-width:620px){.cpp-project-mid-cta{padding:8px 0 58px}.cpp-project-mid-card{padding:23px;border-radius:22px}.cpp-project-mid-card h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.cpp-feature-style-kinetic .cpp-project-feature-card,.cpp-feature-style-network .cpp-project-feature-card,.cpp-feature-style-channels .cpp-project-feature-card,.cpp-hero-style-document .cpp-project-preview-frame,.cpp-hero-style-kinetic .cpp-project-copy h1{transform:none!important}}

/* 3.11.4 — calmer premium page rhythm, section navigation and mobile density */
.cpp-project-quicknav{position:sticky;top:0;z-index:22;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(15,23,42,.055);border-bottom:1px solid rgba(15,23,42,.08)}
body.admin-bar .cpp-project-quicknav{top:32px}
.cpp-project-quicknav-inner{min-height:58px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.cpp-project-quicknav-inner::-webkit-scrollbar{display:none}
.cpp-project-quicknav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:999px;color:var(--cpp-theme-ink);font-size:13px;font-weight:800;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.cpp-project-quicknav a:hover,.cpp-project-quicknav a:focus-visible,.cpp-project-quicknav a.is-active{background:color-mix(in srgb,var(--cpp-accent) 10%,#fff);color:var(--cpp-accent)}
.cpp-project-quicknav a:focus-visible{outline:2px solid var(--cpp-accent);outline-offset:2px}
.cpp-project-quicknav .cpp-project-quicknav-cta{margin-left:auto;padding-inline:16px;background:var(--cpp-theme-ink);color:#fff}
.cpp-project-quicknav .cpp-project-quicknav-cta:hover,.cpp-project-quicknav .cpp-project-quicknav-cta:focus-visible{background:var(--cpp-accent);color:#fff;transform:translateY(-1px)}
.cpp-project-quicknav .cpp-project-quicknav-cta span{margin-left:7px}

.cpp-sales-section,.cpp-signature-section,.cpp-project-story-section,.cpp-project-faq{scroll-margin-top:92px}
.cpp-sales-section[data-cpp-chapter="intent"]{background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--cpp-accent) 3%,#fff) 100%)}
.cpp-sales-section[data-cpp-chapter="features"]{background:#fff}
.cpp-sales-section[data-cpp-chapter="flow"]{background:linear-gradient(180deg,color-mix(in srgb,var(--cpp-accent2) 3%,#fff),#fff)}
.cpp-signature-section{border-top:1px solid rgba(15,23,42,.055);border-bottom:1px solid rgba(15,23,42,.055)}
.cpp-section-heading{max-width:860px}
.cpp-section-heading p{max-width:720px}
.cpp-project-feature-grid{gap:18px}
.cpp-project-feature-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.cpp-project-feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(15,23,42,.075);border-color:color-mix(in srgb,var(--cpp-accent) 24%,rgba(15,23,42,.08))}
.cpp-flow-steps{gap:14px}
.cpp-flow-steps article{min-height:160px}
.cpp-project-story-aside{position:sticky;top:106px;align-self:start}
.cpp-project-story-section{padding-top:92px;padding-bottom:92px}
.cpp-project-faq{padding-top:86px;padding-bottom:100px}
.cpp-project-closing{padding-top:0}
.cpp-project-closing-card{box-shadow:0 30px 90px rgba(15,23,42,.14)}

@media(max-width:782px){body.admin-bar .cpp-project-quicknav{top:46px}}
@media(max-width:800px){
  .cpp-project-quicknav{top:0}
  body.admin-bar .cpp-project-quicknav{top:46px}
  .cpp-project-quicknav-inner{min-height:52px;padding-right:16px}
  .cpp-project-quicknav a{font-size:12px;padding:7px 10px}
  .cpp-project-quicknav .cpp-project-quicknav-cta{margin-left:4px}
  .cpp-project-story-aside{position:static}
  .cpp-project-story-section{padding-top:64px;padding-bottom:64px}
  .cpp-project-faq{padding-top:60px;padding-bottom:72px}
  .cpp-project-feature-grid{gap:12px}
  .cpp-flow-steps article{min-height:0}
}
@media(max-width:620px){
  .cpp-project-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .cpp-project-hero-actions .cpp-project-btn{width:100%;justify-content:center}
  .cpp-project-chips{gap:7px}
  .cpp-project-chips span{font-size:12px;padding:8px 10px}
  .cpp-hero-metricbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpp-project-quicknav .cpp-project-quicknav-cta{display:none}
}
@media(prefers-reduced-motion:reduce){.cpp-project-feature-card,.cpp-project-quicknav a{transition:none!important}.cpp-project-feature-card:hover{transform:none}}

/* 3.11.5 — calmer hero ending + project-specific FAQ */
.cpp-project-hero{padding-bottom:64px}
.cpp-project-faq .cpp-section-heading{max-width:760px;margin-bottom:30px}
.cpp-faq-grid{max-width:980px;grid-template-columns:1fr 1fr;gap:14px}
.cpp-faq-grid details{border-radius:22px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.cpp-faq-grid details:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(48,35,81,.07);border-color:color-mix(in srgb,var(--cpp-accent) 18%,var(--cpp-border))}
.cpp-faq-grid details[open]{grid-column:span 2;border-color:color-mix(in srgb,var(--cpp-accent) 25%,var(--cpp-border));box-shadow:0 18px 42px rgba(48,35,81,.08)}
.cpp-faq-grid summary{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:18px 54px 18px 18px;min-height:76px}
.cpp-faq-grid summary>i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--cpp-accent) 8%,#fff);color:var(--cpp-accent);font-style:normal;font-size:10px;font-weight:900;letter-spacing:.06em}
.cpp-faq-grid summary>span{line-height:1.35}
.cpp-faq-grid details>div{padding:0 22px 22px 68px;max-width:820px}
.cpp-tone-dark .cpp-faq-grid summary>i{background:rgba(255,255,255,.06);color:#fff}
@media(max-width:720px){.cpp-project-hero{padding-bottom:44px}.cpp-faq-grid{grid-template-columns:1fr}.cpp-faq-grid details[open]{grid-column:auto}.cpp-faq-grid summary{grid-template-columns:34px 1fr auto;gap:10px;padding:16px 48px 16px 15px;min-height:68px}.cpp-faq-grid summary>i{width:32px;height:32px}.cpp-faq-grid details>div{padding:0 16px 18px 59px}}

/* 3.11.6 – sichtbarer Detailseiten-CTA in Projektkarten */
.cpp-card-actions:empty{display:none}
.cpp-card-detail-link{
  min-height:38px;padding:8px 12px;border:1px solid rgba(112,72,232,.20);border-radius:11px;
  background:linear-gradient(180deg,#fff,#faf8ff);box-shadow:0 8px 20px rgba(67,44,120,.06)
}
.cpp-card-detail-link:hover{transform:translateY(-1px);border-color:rgba(112,72,232,.42);box-shadow:0 12px 26px rgba(67,44,120,.11)}
.cpp-card-detail-link span{transition:transform .2s ease}.cpp-card-detail-link:hover span{transform:translateX(2px)}
@media(max-width:560px){.cpp-card-detail-link{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.cpp-card-detail-link,.cpp-card-detail-link span{transition:none!important}}

/* CROPS managed project pages own the full public visual. Theme/Divi featured-image shells stay hidden. */
body.crops-project-page.single-project .et_main_title,
body.crops-project-page.single-project .et_project_meta,
body.crops-project-page.single-project .et_project_image,
body.crops-project-page.single-project .entry-featured-image-url,
body.crops-project-page.single-project article.project > .post-thumbnail,
body.crops-project-page.single-project article.project > img.wp-post-image,
body.crops-project-page.single-project article.project > a:first-child > img.wp-post-image,
body.crops-project-page.single-project #left-area > img.wp-post-image,
body.crops-project-page.single-project .et_pb_image_container:first-child {display:none!important}

/* 3.12.0 – premium polish without changing project identity */
.crops-project-premium{--cpp-premium-shadow:0 24px 70px rgba(38,27,67,.085);--cpp-premium-shadow-soft:0 14px 36px rgba(38,27,67,.055)}
.crops-project-premium a:focus-visible,.crops-project-premium button:focus-visible,.crops-project-premium summary:focus-visible{outline:3px solid color-mix(in srgb,var(--cpp-accent) 34%,transparent);outline-offset:3px;border-radius:10px}
.cpp-project-hero{min-height:min(780px,82vh);display:flex;align-items:center}.cpp-project-hero-grid{width:100%}.cpp-project-copy h1{text-wrap:balance}.cpp-project-lead{text-wrap:pretty}
.cpp-project-preview-frame img{box-shadow:var(--cpp-premium-shadow)}.cpp-scene{box-shadow:0 34px 90px rgba(35,24,63,.17)}
.cpp-project-btn{min-height:48px}.cpp-project-btn,.cpp-card-link{will-change:transform}.cpp-project-btn:active,.cpp-card-link:active{transform:translateY(0) scale(.99)}
.cpp-project-quicknav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(37,26,66,.055)}
.cpp-sales-section,.cpp-project-story-section,.cpp-project-faq{scroll-margin-top:90px}.cpp-section-heading h2{text-wrap:balance}.cpp-section-heading p{text-wrap:pretty}
.cpp-project-feature-card,.cpp-project-value-card,.cpp-project-intent-card,.cpp-project-flow-card,.cpp-faq-grid details,.cpp-project-card{box-shadow:var(--cpp-premium-shadow-soft)}
.cpp-project-feature-card:hover,.cpp-project-value-card:hover,.cpp-project-intent-card:hover,.cpp-project-card:hover{transform:translateY(-4px);box-shadow:var(--cpp-premium-shadow)}
.cpp-project-card{overflow:hidden}.cpp-card-body h3 a{text-decoration-thickness:1px;text-underline-offset:4px}.cpp-card-body>p{text-wrap:pretty}
.cpp-project-closing-card{box-shadow:0 30px 90px color-mix(in srgb,var(--cpp-accent) 15%,rgba(32,20,58,.12))}.cpp-project-closing-card h2{text-wrap:balance}
.cpp-faq-grid details[open]{box-shadow:0 20px 54px rgba(36,25,62,.09)}.cpp-faq-grid summary{transition:background .2s ease,color .2s ease}.cpp-faq-grid details[open] summary{background:color-mix(in srgb,var(--cpp-accent) 5%,#fff)}
@media(max-width:980px){.cpp-project-hero{min-height:0}.cpp-project-hero-grid{gap:34px}.cpp-project-copy h1{font-size:clamp(42px,9vw,68px)}.cpp-project-visual{min-height:500px}}
@media(max-width:680px){.cpp-project-shell{width:min(100% - 28px,1180px)}.cpp-project-hero{padding-top:48px}.cpp-project-copy h1{font-size:clamp(38px,12vw,54px);line-height:1}.cpp-project-lead{font-size:16px}.cpp-project-hero-actions{display:grid;grid-template-columns:1fr}.cpp-project-btn{width:100%}.cpp-project-visual{min-height:390px}.cpp-scene{width:92%;margin-left:0}.cpp-project-preview-frame{width:88%;right:0}.cpp-section-heading h2{font-size:clamp(30px,9vw,42px)}}
@media(prefers-reduced-motion:reduce){.cpp-project-feature-card,.cpp-project-value-card,.cpp-project-intent-card,.cpp-project-card,.cpp-project-btn,.cpp-card-link{transition:none!important;will-change:auto}.cpp-project-feature-card:hover,.cpp-project-value-card:hover,.cpp-project-intent-card:hover,.cpp-project-card:hover{transform:none}}


/* 3.12.4 — detail-page width discipline and comments fully disabled */
.cpp-project-hero .cpp-project-shell{width:min(1160px,calc(100% - 48px))}
.cpp-project-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,4vw,52px)}
.cpp-project-copy h1{font-size:clamp(42px,5.2vw,72px);max-width:760px}
.cpp-project-lead{max-width:650px}
.cpp-project-preview-frame{width:82%}
body.crops-project-page #comments,
body.crops-project-page #comment-wrap,
body.crops-project-page .comments-area,
body.crops-project-page .comment-respond,
body.crops-project-page .commentlist,
body.crops-project-page .et_post_meta_wrapper + #comment-wrap,
body.crops-project-page .et_pb_comments_module,
body.crops-project-page .wp-block-comments,
body.crops-project-page .wp-block-post-comments-form{display:none!important}
@media(max-width:900px){.cpp-project-hero .cpp-project-shell{width:min(100% - 30px,1160px)}.cpp-project-preview-frame{width:90%}}
@media(max-width:680px){.cpp-project-hero .cpp-project-shell{width:min(100% - 24px,1160px)}.cpp-project-copy h1{font-size:clamp(38px,11vw,54px)}.cpp-project-preview-frame{width:88%}}
