.publishing-page{--pub-violet:#793cff;
--pub-lilac:#cbb5ff;
--pub-line:rgba(203,181,255,.36);
--pub-panel:#131116;
--pub-copy:#d4cfdc;
background:#0c0b0e;
color:#fff;
overflow:hidden}
.publishing-page *{box-sizing:border-box}
.publishing-page p{color:var(--pub-copy);
font:400 17px/1.6 "Inter Tight",Arial,sans-serif}
.publishing-page h2{margin:0;
font:600 clamp(40px,4.5vw,72px)/.98 "Inter Tight",Arial,sans-serif;
letter-spacing:-.05em}
.publishing-page .pub-label{font:600 11px/1.4 "Inter Tight",Arial,sans-serif;
letter-spacing:.08em;
color:var(--pub-lilac)}
.publishing-page .pub-intro{display:grid;
gap:15px}
.publishing-page .pub-intro p{margin:0}
.publishing-page .solution-overview-copy>strong{display:block;
margin-top:23px;
font:600 19px/1.4 "Inter Tight",Arial,sans-serif;
color:#fff}
.publishing-page .pipeline-visual{position:relative;
min-height:430px;
overflow:hidden;
border:1px solid var(--pub-line);
background:radial-gradient(circle at 73% 32%,rgba(117,64,245,.42),transparent 28%),linear-gradient(145deg,#15111b,#09090b)}
.publishing-page .pipeline-visual:before{content:"";
position:absolute;
inset:0;
background:linear-gradient(rgba(183,156,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(183,156,255,.09) 1px,transparent 1px);
background-size:42px 42px;
mask-image:linear-gradient(120deg,black,transparent 70%)}
.publishing-page .pipeline-document,.publishing-page .pipeline-record{position:absolute;
z-index:1;
border:1px solid rgba(255,255,255,.4);
box-shadow:0 24px 60px rgba(0,0,0,.4)}
.publishing-page .pipeline-document{left:9%;
top:15%;
width:40%;
height:48%;
padding:24px;
background:#f3f2f4;
color:#151216;
transform:rotate(-4deg)}
.publishing-page .pipeline-document span,.publishing-page .pipeline-record small{font:600 10px "Inter Tight",Arial,sans-serif}
.publishing-page .pipeline-document i{display:block;
height:2px;
margin-top:24px;
background:#76717a}
.publishing-page .pipeline-document i:nth-of-type(2){width:72%}
.publishing-page .pipeline-document i:nth-of-type(3){width:86%}
.publishing-page .pipeline-document b{position:absolute;
right:22px;
bottom:18px;
color:var(--pub-violet);
font:650 42px "Inter Tight",Arial,sans-serif}
.publishing-page .pipeline-visual ol{position:absolute;
z-index:2;
right:8%;
top:15%;
bottom:15%;
width:41%;
margin:0;
padding:0;
list-style:none;
display:grid;
gap:7px}
.publishing-page .pipeline-visual li{padding:10px 13px;
border:1px solid var(--pub-line);
background:rgba(15,12,20,.88);
font:600 10px "Inter Tight",Arial,sans-serif}
.publishing-page .pipeline-record{left:26%;
bottom:8%;
width:43%;
padding:17px;
background:#201433;
color:#fff;
transform:rotate(3deg)}
.publishing-page .pipeline-record b{display:block;
margin:13px 0;
color:var(--pub-lilac);
font:650 25px "Inter Tight",Arial,sans-serif}
.publishing-page .pipeline-record span{margin-right:7px;
font:600 9px "Inter Tight",Arial,sans-serif;
color:#d9ceff}
.publishing-page .digest-nav{display:flex;
justify-content:center;
gap:26px;
flex-wrap:wrap;
padding:20px 5vw;
border-block:1px solid var(--pub-line);
background:#100d15}
.publishing-page .digest-nav a{color:#e7defe;
text-decoration:none;
font:600 13px "Inter Tight",Arial,sans-serif}
.publishing-page .digest-nav a:hover{color:#fff}
.publishing-page .digest-section{padding:86px max(5vw,calc((100vw - 1440px)/2));
border-bottom:1px solid var(--pub-line)}
.publishing-page .digest-heading{max-width:900px}
.publishing-page .digest-heading>span,.publishing-page .digest-final>span{display:block;
margin-bottom:18px;
color:var(--pub-lilac);
font:600 11px/1.4 "Inter Tight",Arial,sans-serif;
letter-spacing:.09em}
.publishing-page .digest-heading p{max-width:680px;
margin:22px 0 0}
.publishing-page .publishing-digest{position:relative;
background:radial-gradient(circle at 84% 10%,rgba(121,60,255,.42),transparent 35%),linear-gradient(145deg,#171126,#0d0c10 60%)}
.publishing-page .publishing-route{display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin-top:44px}
.publishing-page .publishing-route article{position:relative;
padding:22px 20px 24px;
border:1px solid var(--pub-line);
background:linear-gradient(145deg,rgba(121,60,255,.3),#17131e 54%,#0f0d13);
overflow:hidden;
transition:transform .35s ease,border-color .35s ease}
.publishing-page .publishing-route article:after{content:"";
position:absolute;
left:20px;
right:20px;
bottom:0;
height:3px;
background:linear-gradient(90deg,var(--pub-violet),transparent);
animation:pubRoute 3.8s ease-in-out infinite}
.publishing-page .publishing-route article:nth-child(2):after{animation-delay:.35s}
.publishing-page .publishing-route article:nth-child(3):after{animation-delay:.7s}
.publishing-page .publishing-route article:nth-child(4):after{animation-delay:1.05s}
.publishing-page .publishing-route article:hover{transform:translateY(-7px);
border-color:#c2a8ff}
.publishing-page .publishing-route b{display:block;
color:var(--pub-lilac);
font:600 13px "Inter Tight",Arial,sans-serif}
.publishing-page .publishing-route strong{display:block;
margin:38px 0 10px;
font:600 26px "Inter Tight",Arial,sans-serif}
.publishing-page .publishing-route span{color:#c6bfce;
font-size:15px;
line-height:1.4}
.publishing-page .digest-statement{max-width:840px;
margin:36px 0 0;
padding-left:22px;
border-left:3px solid var(--pub-violet);
font:600 clamp(20px,2vw,31px)/1.25 "Inter Tight",Arial,sans-serif;
color:#fff}
.publishing-page .publishing-outputs{display:grid;
grid-template-columns:minmax(300px,.9fr) 1.1fr;
gap:7vw;
align-items:center;
background:radial-gradient(circle at 18% 45%,rgba(121,60,255,.28),transparent 35%),linear-gradient(145deg,#181127,#0b0b0d 68%)}
.publishing-page .publishing-print{position:relative;
margin:0;
min-height:450px;
overflow:hidden;
border:1px solid var(--pub-line);
background:#1a1520;
box-shadow:0 0 70px rgba(117,64,245,.14)}
.publishing-page .publishing-print:before{content:"";
position:absolute;
z-index:2;
left:0;
right:0;
top:0;
height:2px;
background:linear-gradient(90deg,transparent,var(--pub-lilac),#fff,var(--pub-violet),transparent);
box-shadow:0 0 18px rgba(183,156,255,.7);
animation:pubPressScan 6.8s ease-in-out infinite}
.publishing-page .publishing-print:after{content:"";
position:absolute;
inset:0;
background:linear-gradient(20deg,rgba(8,6,10,.76),rgba(8,6,10,.05) 70%)}
.publishing-page .publishing-print img{display:block;
width:100%;
height:450px;
object-fit:cover;
object-position:50% 23%;
filter:saturate(.92) contrast(1.06);
animation:pubImageDrift 13s ease-in-out infinite alternate}
.publishing-page .publishing-print figcaption{position:absolute;
z-index:3;
left:22px;
right:22px;
bottom:20px;
font:600 16px/1.35 "Inter Tight",Arial,sans-serif}
.publishing-page .output-list{display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
margin:30px 0 0;
padding:0;
list-style:none}
.publishing-page .output-list li{padding:15px 16px;
border:1px solid var(--pub-line);
background:rgba(24,19,32,.86);
font:600 15px "Inter Tight",Arial,sans-serif}
.publishing-page .publishing-systems{background:radial-gradient(circle at 74% 20%,rgba(121,60,255,.4),transparent 35%),linear-gradient(145deg,#171126,#0c0b0e 62%)}
.publishing-page .publishing-points{display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin-top:42px}
.publishing-page .publishing-points article{padding:25px;
border-top:2px solid var(--pub-violet);
background:linear-gradient(145deg,rgba(121,60,255,.28),#18131e 58%,#100e14)}
.publishing-page .publishing-points strong{font:600 23px "Inter Tight",Arial,sans-serif}
.publishing-page .publishing-points p{margin:13px 0 0;
font-size:16px}
.publishing-page .digest-questions{background:radial-gradient(circle at 88% 18%,rgba(121,60,255,.27),transparent 34%),#111015}
.publishing-page .digest-questions details{max-width:940px;
padding:22px 0;
border-top:1px solid var(--pub-line)}
.publishing-page .digest-questions details:first-of-type{margin-top:38px}
.publishing-page .digest-questions summary{cursor:pointer;
font:600 21px "Inter Tight",Arial,sans-serif}
.publishing-page .digest-questions p{max-width:700px;
margin:14px 0 0;
font-size:16px}
.publishing-page .digest-final{padding:96px max(5vw,calc((100vw - 1440px)/2));
background:linear-gradient(118deg,#5b21d1,#7e45fa 52%,#4d1ba9);
color:#fff}
.publishing-page .digest-final h2{max-width:850px}
.publishing-page .digest-final h2 em{font-style:normal;
color:#e9ddff}
.publishing-page .digest-final p{max-width:720px;
color:#fff}
.publishing-page .digest-final .button-02{border-color:#fff;
color:#fff}
@keyframes pubRoute{0%,100%{transform:scaleX(.18);
transform-origin:left;
opacity:.45}
50%{transform:scaleX(1);
opacity:1}
}
@keyframes pubImageDrift{from{transform:scale(1.02) translateY(0)}
to{transform:scale(1.055) translateY(0)}
}
@keyframes pubPressScan{0%,12%{top:4%;
opacity:0}
30%,68%{opacity:1}
88%,100%{top:96%;
opacity:0}
}
@media(max-width:900px){.publishing-page .publishing-route{grid-template-columns:1fr 1fr}
.publishing-page .publishing-outputs{grid-template-columns:1fr;
gap:38px}
.publishing-page .publishing-points{grid-template-columns:1fr}
.publishing-page .digest-section{padding-top:68px;
padding-bottom:68px}
}
@media(max-width:650px){.publishing-page .pipeline-visual{min-height:360px}
.publishing-page .pipeline-document{left:7%;
width:48%}
.publishing-page .pipeline-visual ol{right:6%;
width:39%}
.publishing-page .pipeline-record{left:20%;
width:52%}
.publishing-page .digest-nav{justify-content:flex-start;
gap:16px;
overflow-x:auto;
flex-wrap:nowrap}
.publishing-page .digest-section,.publishing-page .digest-final{padding:56px 6%}
.publishing-page .publishing-route{grid-template-columns:1fr 1fr;
gap:8px}
.publishing-page .publishing-route article{padding:16px}
.publishing-page .publishing-route strong{margin-top:28px;
font-size:22px}
.publishing-page .publishing-route span{font-size:14px}
.publishing-page .publishing-print,.publishing-page .publishing-print img{min-height:300px;
height:300px}
.publishing-page .output-list{grid-template-columns:1fr}
.publishing-page .digest-questions summary{font-size:19px}
}