.ipp-card h3{margin-top:24px}.cp-page .sx-header:not(.sx-scrolled){color:#171717;background:rgba(247,245,241,.78);border-bottom-color:rgba(20,20,20,.1);backdrop-filter:blur(14px)}.cp-page .sx-header:not(.sx-scrolled)::before{opacity:0}.cp-page .sx-header:not(.sx-scrolled) .sx-brand img{filter:none}
.cp-main{overflow:clip;color:#171717;background:#f5f2ed;font-family:Arial,"Helvetica Neue",sans-serif}.cp-wrap{width:min(1260px,calc(100% - 48px));margin:auto}.cp-hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:155px 24px 75px;background:#f5f2ed}.cp-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(20,20,20,.1) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(20,20,20,.06) 50%,transparent 50.2%),radial-gradient(circle at 78% 26%,rgba(222,45,45,.2),transparent 26%);background-size:220px 220px,220px 220px,100% 100%}.cp-hero::after{content:"CUSTOM";position:absolute;z-index:-1;right:-30px;bottom:-72px;color:transparent;-webkit-text-stroke:1px rgba(20,20,20,.1);font-size:clamp(8rem,18vw,19rem);font-weight:900;letter-spacing:-.08em}.cp-hero-grid{width:min(1260px,100%);min-height:500px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:center}.cp-hero-title h1{max-width:850px;margin:0;font-size:clamp(4rem,6.5vw,7.2rem);line-height:.86;letter-spacing:-.075em;text-wrap:balance}.cp-hero-title h1 span{display:block;color:#d72d2d}.cp-hero-note{align-self:end;margin-bottom:55px;padding:0 0 0 25px;border-left:4px solid #d72d2d}.cp-hero-note p{margin:0 0 24px;color:#555;font-size:18px;line-height:1.7}.cp-hero-note a{display:inline-flex;padding:13px 17px;border-radius:7px;color:#fff;background:#171717;text-decoration:none;font-size:13px;font-weight:900;transition:.35s}.cp-hero-note a:hover{transform:translateY(-4px);background:#d72d2d;box-shadow:0 15px 35px rgba(215,45,45,.2)}.cp-ticker{position:absolute;right:0;bottom:0;left:0;display:flex;gap:28px;justify-content:center;padding:15px 20px;color:#fff;background:#171717;font-size:11px;font-weight:900;letter-spacing:.13em;white-space:nowrap;overflow:hidden}.cp-ticker i{color:#e33}.cp-local{top:68px}.cp-studio{padding:112px 0;background:#fff}.cp-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:55px}.cp-intro .ipp-kicker{grid-column:1/-1;margin-bottom:-36px}.cp-intro h2,.cp-route h2,.cp-approval h2,.cp-launch h2{margin:0;font-size:clamp(3.2rem,5.2vw,5.7rem);line-height:.92;letter-spacing:-.065em}.cp-intro>p:last-child{margin:0;color:#666;font-size:17px;line-height:1.7}.cp-console{display:grid;grid-template-columns:.42fr 1fr;min-height:475px;border:1px solid rgba(20,20,20,.13);border-radius:22px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.09)}.cp-console-menu{display:grid;align-content:stretch;background:#161616}.cp-console-menu button{position:relative;padding:25px 28px;border:0;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.62);background:transparent;text-align:left;font:800 15px Arial,sans-serif;cursor:pointer;transition:.35s}.cp-console-menu button::after{content:"↗";position:absolute;right:24px;opacity:0;transition:.35s}.cp-console-menu button:hover,.cp-console-menu button.active{color:#fff;background:#d62d2d;padding-left:36px}.cp-console-menu button.active::after{opacity:1;transform:rotate(45deg)}.cp-console-view{position:relative;overflow:hidden;padding:52px;background:linear-gradient(135deg,#f8f6f2,#efe7e2)}.cp-console-view::after{content:"";position:absolute;width:330px;height:330px;right:-190px;bottom:-190px;border:1px solid rgba(215,45,45,.22);border-radius:50%;box-shadow:0 0 0 42px rgba(215,45,45,.035),0 0 0 84px rgba(215,45,45,.02)}.cp-console-view>span{color:#d62d2d;font-size:11px;font-weight:900;letter-spacing:.17em}.cp-console-view h3{max-width:600px;margin:45px 0 16px;font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.045em}.cp-console-view>p{max-width:670px;color:#626262;font-size:17px;line-height:1.7}.cp-console-view ul{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 38px;padding:0;list-style:none}.cp-console-view li{padding:9px 12px;border:1px solid rgba(20,20,20,.13);border-radius:999px;background:#fff;font-size:12px;font-weight:800}.cp-console-view a{position:relative;z-index:1;display:inline-flex;padding:14px 17px;border-radius:8px;color:#fff;background:#171717;text-decoration:none;font-size:13px;font-weight:900;transition:.35s}.cp-console-view a:hover{transform:translateY(-4px);background:#d62d2d}.cp-console-view.swap>*:not(a){animation:cpSwap .48s cubic-bezier(.22,1,.36,1)}.cp-route{padding:112px 0;color:#fff;background:#151515}.cp-route-head{display:grid;grid-template-columns:.45fr 1fr;gap:70px;align-items:start;margin-bottom:60px}.cp-route-head h2{max-width:900px}.cp-route-list{border-top:1px solid rgba(255,255,255,.18)}.cp-route-list article{display:grid;grid-template-columns:.35fr .8fr 1fr;gap:55px;align-items:center;padding:31px 12px;border-bottom:1px solid rgba(255,255,255,.18);transition:.4s}.cp-route-list article:hover{padding-left:28px;background:linear-gradient(90deg,rgba(215,45,45,.25),transparent)}.cp-route-list b{color:#ff6868;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.cp-route-list h3{margin:0;font-size:25px}.cp-route-list p{margin:0;color:rgba(255,255,255,.62);line-height:1.6}.cp-approval{padding:112px 0;background:#eee9e2}.cp-approval-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.cp-sample-frame{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16/11;padding:30px;border:1px dashed rgba(20,20,20,.28);border-radius:22px;background:repeating-linear-gradient(135deg,#dfdad3 0 22px,#e9e4dd 23px 44px);overflow:hidden;transition:.4s}.cp-sample-frame::after{content:"";position:absolute;width:260px;height:260px;right:-110px;top:-110px;border:1px solid rgba(215,45,45,.25);border-radius:50%;box-shadow:0 0 0 45px rgba(215,45,45,.035)}.cp-sample-frame:hover{transform:translateY(-8px);border-color:#d62d2d;box-shadow:0 28px 65px rgba(0,0,0,.12)}.cp-sample-frame span{color:#d62d2d;font-size:10px;font-weight:900;letter-spacing:.16em}.cp-sample-frame strong{margin:10px 0 5px;font-size:22px}.cp-sample-frame small{color:#777}.cp-approval-copy>p:not(.ipp-kicker){color:#616161;font-size:17px;line-height:1.7}.cp-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.cp-checks span{padding:15px;border:1px solid rgba(20,20,20,.12);border-radius:9px;background:#fff;font-size:13px;font-weight:800;transition:.3s}.cp-checks span:hover{color:#fff;background:#d62d2d;transform:translateY(-3px)}.cp-launch{position:relative;overflow:hidden;padding:110px 0;color:#fff;background:linear-gradient(120deg,#d62d2d,#8e1e1e)}.cp-launch::after{content:"";position:absolute;right:-180px;bottom:-360px;width:620px;height:620px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.015)}.cp-launch-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.cp-launch aside{padding:28px;border:1px solid rgba(255,255,255,.22);border-radius:17px;background:rgba(20,20,20,.16);backdrop-filter:blur(10px)}.cp-launch aside p{margin:0 0 22px;color:rgba(255,255,255,.75);line-height:1.65}.cp-launch aside a{display:flex;justify-content:space-between;padding:15px 17px;border-radius:8px;color:#171717;background:#fff;text-decoration:none;font-size:13px;font-weight:900;transition:.35s}.cp-launch aside a:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.18)}@keyframes cpSwap{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@media(max-width:1023px){.cp-hero-grid,.cp-intro,.cp-route-head,.cp-approval-grid,.cp-launch-grid{grid-template-columns:1fr}.cp-hero-grid{gap:45px}.cp-hero-note{max-width:680px;align-self:auto;margin:0}.cp-intro .ipp-kicker{margin-bottom:0}.cp-console{grid-template-columns:1fr}.cp-console-menu{grid-template-columns:repeat(4,1fr)}.cp-console-menu button{padding:18px 14px;border-right:1px solid rgba(255,255,255,.12);border-bottom:0;text-align:center}.cp-console-menu button:hover,.cp-console-menu button.active{padding-left:14px}.cp-route-list article{grid-template-columns:.35fr .75fr 1fr}.cp-approval-grid,.cp-launch-grid{gap:45px}}
@media(max-width:640px){.cp-wrap{width:min(100% - 30px,100%)}.cp-hero{min-height:670px;padding:125px 16px 75px}.cp-hero-title h1{font-size:clamp(3rem,14vw,4.5rem)}.cp-ticker{justify-content:flex-start}.cp-studio,.cp-route,.cp-approval,.cp-launch{padding:78px 0}.cp-intro h2,.cp-route h2,.cp-approval h2,.cp-launch h2{font-size:clamp(2.6rem,11.5vw,3.8rem)}.cp-console-menu{grid-template-columns:1fr 1fr}.cp-console-menu button{border-bottom:1px solid rgba(255,255,255,.12)}.cp-console-view{padding:32px 23px}.cp-console-view h3{margin-top:30px}.cp-route-list article{grid-template-columns:1fr;gap:10px;padding:25px 7px}.cp-route-list article:hover{padding-left:14px}.cp-checks{grid-template-columns:1fr}.cp-launch aside{padding:22px}}

/* 2026-09 dark brand hero: retain the project-studio structure, replace the pale cover */
.cp-page .sx-header:not(.sx-scrolled){color:#fff;background:rgba(8,9,11,.28);border-bottom-color:rgba(255,255,255,.13);backdrop-filter:blur(15px)}
.cp-page .sx-header:not(.sx-scrolled)::before{opacity:1}
.cp-page .sx-header:not(.sx-scrolled) .sx-brand img{filter:brightness(0) invert(1)}
.cp-page .sx-header:not(.sx-scrolled) .sx-nav-link{color:#fff}
.cp-page .sx-header:not(.sx-scrolled) .sx-icon{color:#fff;background:rgba(255,255,255,.08)}
.cp-hero{--cp-x:76%;--cp-y:28%;color:#fff;background:linear-gradient(118deg,#090a0c 0 48%,#251013 71%,#67171c 100%)}
.cp-hero::before{background:radial-gradient(circle at var(--cp-x) var(--cp-y),rgba(236,48,54,.46),transparent 20%),repeating-linear-gradient(124deg,transparent 0 84px,rgba(255,255,255,.045) 85px 86px),linear-gradient(118deg,#090a0c 0 48%,#251013 71%,#67171c 100%);background-size:auto;animation:cpHeroDrift 12s ease-in-out infinite alternate}
.cp-hero::after{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);animation:cpHeroWord 8s ease-in-out infinite alternate}
.cp-hero-note{padding:30px;border:1px solid rgba(255,255,255,.2);border-left:4px solid #e2373c;border-radius:18px;background:rgba(255,255,255,.065);box-shadow:0 28px 75px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.cp-hero-note p{color:rgba(255,255,255,.7)}
.cp-hero-note a{color:#171717;background:#fff}
.cp-hero-note a:hover{color:#fff;background:#d72d2d}
.cp-ticker{border-top:1px solid rgba(255,255,255,.12);background:rgba(10,10,12,.72);backdrop-filter:blur(14px)}
@keyframes cpHeroDrift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.04)}}
@keyframes cpHeroWord{to{transform:translateX(-24px)}}
@media(prefers-reduced-motion:reduce){.cp-hero::before,.cp-hero::after{animation:none}}