*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#06213d;background:#f4f4f4;word-break:keep-all}.container{width:min(1180px,calc(100% - 72px));margin:0 auto}.narrow{max-width:860px}.center{text-align:center}.hero{min-height:760px;background:radial-gradient(circle at 72% 28%,rgba(70,232,255,.14),transparent 30%),linear-gradient(180deg,#13abfd 0%,#4b179e 100%);color:#fff;display:flex;align-items:center;overflow:hidden}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:70px}.hero-copy{flex:0 0 560px}.eyebrow,.section-tag{display:inline-block;font-size:14px;font-weight:800;letter-spacing:-.02em;color:#4de8ff}.hero h1{margin:30px 0 18px;font-size:58px;line-height:1.22;letter-spacing:-.06em}.hero h1 strong,.main-features strong{color:#4de8ff}.line{width:58px;height:3px;background:#fff;margin:0 0 34px}.hero p{font-size:16px;line-height:1.75;color:#b9cad8;margin:0 0 34px}.hero-actions{display:flex;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:48px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;color:#fff;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(90deg,#8b44ff,#6b81ff);box-shadow:0 12px 30px rgba(45,109,246,.35)}.btn.ghost{border:1px solid rgba(255,255,255,.7)}.hero-art{flex:1;display:flex;justify-content:center}.hero-art img{width:min(520px,100%);height:auto;display:block}.section-light{background:#f5f5f5}.section-white{background:#fff}.intro{padding:95px 0 88px}.section-tag{color:#326af6}.intro h2,.solution h2,.benefit h2,.faq h2{font-size:34px;line-height:1.35;letter-spacing:-.05em;margin:22px 0}.intro h2 strong{color:#326af6}.intro p,.lead{font-size:15px;line-height:1.8;color:#6d7785}.solution{padding:70px 0 90px}.architecture{max-width:980px;margin:38px auto 0}.architecture img{width:100%;height:auto;display:block}.dark-section{background:linear-gradient(180deg,#073551,#020b1f);color:#fff;padding:70px 0}.dark-title{text-align:center;margin:0 0 56px;font-size:24px;font-weight:700}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 100px}.capability-grid article{display:grid;grid-template-columns:92px 1fr;column-gap:22px;align-items:start}.capability-grid article>img{width:82px;max-height:96px;object-fit:contain}.capability-grid h3{margin:4px 0 8px;color:#4de8ff;font-size:18px}.capability-grid p{margin:0;color:#b9cad8;line-height:1.65;font-size:14px}.deeper{background:#062e49;padding-top:55px}.cyan{color:#4de8ff}.main-features h2{font-size:36px;margin:12px 0 8px}.lead.light{color:#c6d7e5}.feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:55px;text-align:left}.feature-cards article{background:#06152e;border-radius:12px;padding:28px 24px;min-height:310px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.mini-icon{width:42px;height:42px;object-fit:contain;margin-bottom:22px}.feature-cards h3{font-size:20px;margin:0 0 10px}.feature-cards p,.feature-cards li{color:#b8c8d8;font-size:13px;line-height:1.65}.feature-cards ul{padding-left:0;list-style:none;margin:20px 0 0}.feature-cards li{position:relative;padding-left:20px;margin:10px 0}.feature-cards li:before{content:"";position:absolute;left:0;top:.35em;width:12px;height:12px;background:url('../imonpcs/images/check.png') center/contain no-repeat}.benefit{padding:90px 0 80px}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:50px}.benefit-grid article{background:#fff;border-radius:12px;padding:30px 20px;min-height:220px;box-shadow:0 8px 30px rgba(0,0,0,.04)}.benefit-grid span{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:url('../imonpcs/images/benefit-bg.png') center/contain no-repeat}.benefit-grid img{width:32px;height:32px;object-fit:contain}.benefit-grid h3{font-size:16px;margin:18px 0}.benefit-grid p{font-size:13px;color:#4e5a69;line-height:1.65}.benefit-grid b{display:inline-block;margin-top:8px;color:#326af6;font-size:13px}.notice{margin-top:42px;color:#6a7380}.faq{padding:80px 0 110px}.faq-wrap{max-width:980px}.faq h2{text-align:left;font-size:34px;margin-bottom:42px}.faq-list{border-top:1px solid #9ea9b7}.faq details{border-bottom:1px solid #9ea9b7}.faq summary{list-style:none;cursor:pointer;padding:24px 0;font-size:25px;letter-spacing:-.04em;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"\\25BE";font-size:16px;transition:.2s}.faq details[open] summary:after{transform:rotate(180deg)}.faq details p{margin:0 0 24px;color:#5d6875;line-height:1.7;font-size:16px}@media(max-width:960px){.container{width:min(100% - 40px,1180px)}.hero{min-height:auto;padding:90px 0}.hero-inner{flex-direction:column;text-align:left}.hero-copy{flex:auto}.hero h1{font-size:42px}.hero-art img{width:340px}.capability-grid,.feature-cards,.benefit-grid{grid-template-columns:1fr}.capability-grid{gap:28px}.faq summary{font-size:19px}.intro h2,.solution h2,.benefit h2{font-size:26px}}@media(max-width:560px){.hero-actions{flex-direction:column;align-items:flex-start}.btn{min-width:180px}.capability-grid article{grid-template-columns:70px 1fr}.capability-grid article>img{width:62px}.hero h1{font-size:34px}.main-features h2{font-size:28px}}

/* 紐⑸줉???ㅻ챸 異붽? ?ㅽ???*/
.cap-list{list-style:none;padding-left:0;margin:8px 0 0}
.cap-list li{color:#d8e7f5;font-size:14px;line-height:1.65;margin:1px 0}
.cap-list li::before{content:"\\00B7";margin-right:4px;color:#d8e7f5}
.cap-list li.plain-item{padding-left:6px}
.cap-list li.plain-item::before{content:none;margin-right:0}
.contact-popover-wrap{position:relative;display:inline-flex;justify-content:center}.contact-trigger{border:0;cursor:pointer}.contact-popover{position:absolute;left:50%;bottom:calc(100% + 18px);transform:translateX(-50%);width:290px;padding:18px 16px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(20,31,54,.96);box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 0 1px rgba(77,232,255,.04);text-align:left;z-index:10}.contact-popover::after{content:"";position:absolute;left:50%;top:100%;width:14px;height:14px;background:rgba(20,31,54,.96);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transform:translate(-50%,-7px) rotate(45deg)}.contact-popover-title{margin:0 0 14px;color:#fff;font-size:17px;font-weight:800;line-height:1.2}.contact-popover-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.contact-popover-row+.contact-popover-row{margin-top:10px}.contact-popover-row span{color:#fff;font-size:15px;font-weight:700;line-height:1.45}.contact-copy-btn{flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.04);color:#eef6ff;display:grid;place-items:center;cursor:pointer;transition:.2s ease}.contact-copy-btn:hover,.contact-copy-btn.copied{border-color:rgba(77,232,255,.55);background:rgba(77,232,255,.12);color:#4de8ff}.contact-copy-btn svg{width:16px;height:16px;display:block}
.main-features.deeper{background:linear-gradient(180deg,#020b1f 0%,#073551 100%)}
.feature-cards article{border:1px solid rgba(112,224,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 0 1px rgba(77,232,255,.04),0 0 18px rgba(77,232,255,.08)}
.feature-cards .mini-icon{display:block;margin:0 auto 6px}
.feature-cards h3{margin:0 0 4px;min-height:38px;text-align:center;display:flex;align-items:flex-end;justify-content:center}
.feature-cards .feature-en{margin:0 0 10px;min-height:19px;color:#dcecff;font-size:13px;line-height:1.45}
.feature-cards .feature-en{text-align:center}
.feature-cards .feature-desc{margin:0 0 20px;color:#8f9fb1;font-size:13px;line-height:1.55;min-height:42px;text-align:center}
.feature-cards li{padding-left:22px;margin:15px 0}
.feature-cards li strong{display:block;color:#fff;font-size:13px;line-height:1.35;margin-bottom:3px}
.feature-cards li span{display:block;color:#9fafc0;font-size:12px;line-height:1.45}

.main-features.deeper{padding-top:0}.feature-top-banner{width:100vw;margin:0 0 70px 50%;transform:translateX(-50%);background:#f7f8fa;text-align:center;padding:76px 20px 74px}.feature-top-banner span{display:block;color:#2363ff;font-size:14px;font-weight:900;line-height:1.2;margin-bottom:26px}.feature-top-banner h2{margin:0;color:#061a35;font-size:34px;line-height:1.35;font-weight:900;letter-spacing:-.055em}.feature-top-banner h2 strong{color:#2457ff}.feature-top-banner p{margin:30px 0 0;color:#586879;font-size:15px;line-height:1.8;font-weight:500}.feature-bottom-banner{display:none}@media(max-width:760px){.feature-top-banner{padding:56px 18px 54px;margin-bottom:52px}.feature-top-banner h2{font-size:25px}.feature-top-banner p{font-size:14px}.feature-top-banner p br{display:none}}

.main-features.deeper{padding-top:0!important}.feature-top-banner{width:100vw;margin:0 0 70px 50%;transform:translateX(-50%);background:#f7f8fa;text-align:center;padding:76px 20px 74px}.feature-top-banner span{display:block;color:#2363ff;font-size:14px;font-weight:900;line-height:1.2;margin-bottom:26px}.feature-top-banner h2{margin:0;color:#061a35;font-size:34px;line-height:1.35;font-weight:900;letter-spacing:-.055em}.feature-top-banner h2 strong{color:#2457ff}.feature-top-banner p{margin:30px 0 0;color:#586879;font-size:15px;line-height:1.8;font-weight:500}.feature-bottom-banner{display:none!important}@media(max-width:760px){.feature-top-banner{padding:56px 18px 54px;margin-bottom:52px}.feature-top-banner h2{font-size:25px}.feature-top-banner p{font-size:14px}.feature-top-banner p br{display:none}}

.pcs-architecture,.pcs-effects,.pcs-integration{color:#061a35}.pcs-architecture{background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%);padding:88px 0 78px}.pcs-architecture .section-tag,.pcs-effects .section-tag,.pcs-integration .section-tag{color:#2457ff;font-size:24px;font-weight:900;letter-spacing:-.04em}.pcs-architecture h2{margin:16px 0 40px;font-size:28px;line-height:1.38;font-weight:900;letter-spacing:-.045em}.pcs-architecture h2 strong{color:#2457ff}.pcs-architecture-board{position:relative;display:grid;grid-template-columns:minmax(150px,.72fr) minmax(420px,2.2fr) minmax(170px,.9fr);align-items:center;gap:28px;max-width:1080px;margin:0 auto;padding:38px 34px;border:1px solid rgba(42,211,232,.72);border-radius:20px;background:radial-gradient(circle at 52% 6%,rgba(36,100,255,.09),transparent 36%),#fff;box-shadow:0 28px 70px rgba(11,45,110,.08)}.pcs-architecture-board:before{content:"";position:absolute;left:10%;right:10%;top:50%;border-top:2px dashed rgba(36,100,255,.48)}.pcs-node,.pcs-server-node{position:relative;z-index:1;background:rgba(255,255,255,.95);border:1px solid #dce8f7;border-radius:16px;box-shadow:0 12px 28px rgba(11,45,110,.07)}.pcs-node{padding:22px 16px;text-align:center}.pcs-node h3{margin:12px 0 7px;color:#102447;font-size:17px;font-weight:900}.pcs-node p{margin:0;color:#617184;font-size:13px;line-height:1.55}.pcs-node-icon{position:relative;display:block;width:52px;height:52px;margin:0 auto;border-radius:14px;background:linear-gradient(135deg,#2457ff,#2457ff);box-shadow:0 12px 22px rgba(36,100,255,.2)}.monitor-icon:before{content:"";position:absolute;left:12px;top:12px;width:28px;height:19px;border-radius:4px;background:#fff}.monitor-icon:after{content:"";position:absolute;left:20px;bottom:9px;width:14px;height:4px;border-radius:6px;background:#fff}.server-icon{margin:0;width:46px;height:46px;border-radius:12px}.server-icon:before,.server-icon:after{content:"";position:absolute;left:10px;width:26px;height:6px;border-radius:6px;background:#fff}.server-icon:before{top:13px;box-shadow:0 10px 0 #fff}.server-icon:after{top:33px}.shield-icon:before{content:"";position:absolute;left:15px;top:10px;width:22px;height:28px;border-radius:12px 12px 16px 16px;background:#fff;clip-path:polygon(50% 0,100% 20%,88% 82%,50% 100%,12% 82%,0 20%)}.mobile-icon:before{content:"";position:absolute;left:17px;top:8px;width:18px;height:34px;border:3px solid #fff;border-radius:7px}.pcs-server-node{padding:24px}.pcs-server-title{display:flex;align-items:center;gap:14px;text-align:left;margin-bottom:18px}.pcs-server-title strong{display:block;font-size:22px;font-weight:900}.pcs-server-title p{margin:3px 0 0;color:#66788d;font-size:13px}.server-modules{display:grid;grid-template-columns:1fr 1fr;gap:14px}.module-group{padding:20px 16px;border:1px solid #dce8f7;border-radius:14px;background:#f9fbff;text-align:left}.module-group b{display:block;color:#2457ff;font-size:13px;margin-bottom:8px}.module-group span{display:block;color:#071d38;font-size:16px;font-weight:900}.module-group em{display:block;margin-top:14px;color:#66788d;font-size:12px;font-style:normal}.module-group.accent b{color:#2457ff}.server-specs{display:grid;gap:10px;margin-top:14px}.server-specs span{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;border:1px solid #e0e9f5;border-radius:12px;background:#fff;color:#57687c;font-size:13px}.server-specs b{color:#2457ff}.pcs-external-stack{display:grid;gap:20px}.pcs-effects{background:#fff;padding:76px 0 92px}.effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:64px}.effect-card{position:relative;padding-top:62px}.effect-pill{position:absolute;left:50%;top:0;transform:translateX(-50%);min-width:240px;height:48px;padding:0 32px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:900;letter-spacing:-.04em;background:#2457ff;box-shadow:0 14px 28px rgba(36,87,255,.2)}.effect-card.worker .effect-pill{background:#2457ff;box-shadow:0 14px 28px rgba(24,200,207,.18)}.effect-body{min-height:240px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:34px;padding:34px;border:2px solid #2457ff;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 20px 48px rgba(36,87,255,.08)}.effect-card.worker .effect-body{grid-template-columns:1fr 180px;border-color:#2457ff}.effect-body ul{list-style:none;margin:0;padding:0;text-align:left}.effect-body li{position:relative;margin:18px 0;padding-left:36px;color:#101827;font-size:14px;font-weight:800;line-height:1.45}.effect-body li:before{content:"";position:absolute;left:0;top:-2px;width:23px;height:23px;border-radius:50%;background:#2457ff}.effect-body li:after{content:"";position:absolute;left:8px;top:5px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.effect-card.worker li:before{background:#2457ff}.effect-visual{position:relative;height:172px;border-radius:20px;background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #e3eefb;overflow:hidden}.enterprise-visual:before{content:"";position:absolute;left:34px;bottom:38px;width:92px;height:58px;border-radius:10px;background:#fff;border:3px solid #2457ff;box-shadow:0 12px 24px rgba(36,87,255,.12)}.enterprise-visual:after{content:"";position:absolute;left:54px;bottom:64px;width:14px;height:26px;background:#2457ff;box-shadow:24px 8px 0 #68a3ff,48px -6px 0 #2457ff}.enterprise-visual span:before{content:"";position:absolute;right:32px;bottom:38px;width:64px;height:106px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#b9d8ff,#e8f3ff)}.enterprise-visual span:after{content:"";position:absolute;right:88px;bottom:38px;width:48px;height:82px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#8ebcff,#d9ebff)}.worker-visual:before{content:"";position:absolute;right:44px;top:28px;width:58px;height:58px;border-radius:50%;background:#ffd7bd}.worker-visual:after{content:"";position:absolute;right:25px;bottom:28px;width:104px;height:78px;border-radius:36px 36px 14px 14px;background:#79d9c7}.worker-visual span:before{content:"";position:absolute;left:32px;bottom:28px;width:72px;height:50px;border-radius:8px;background:#dce6f4}.worker-visual span:after{content:"";position:absolute;left:38px;top:28px;width:36px;height:36px;border:3px solid #d6e4f4;border-radius:50%;box-shadow:inset 0 0 0 8px #fff}.pcs-integration{background:linear-gradient(180deg,#fff 0%,#f7f9fd 100%);padding:88px 0 94px}.integration-flow{position:relative;display:grid;grid-template-columns:1fr 1fr 170px 1fr 1.28fr;gap:28px;align-items:center;margin-top:76px}.integration-flow:before{content:"";position:absolute;left:9%;right:9%;top:50%;border-top:2px dashed #2457ff}.integration-card,.integration-hub{position:relative;z-index:1;background:#fff}.integration-card{min-height:164px;padding:20px 18px;border:1px solid #8b95a3;border-radius:10px;text-align:left;box-shadow:0 18px 38px rgba(11,45,110,.07)}.integration-card h3{margin:12px 0 16px;color:#2648bf;font-size:18px;font-weight:900;letter-spacing:-.04em}.integration-card p{margin:0;color:#1f2937;font-size:13px;line-height:1.45}.integration-icon{position:relative;display:block;width:42px;height:42px;margin:0 auto;border-radius:12px;background:#eef5ff;border:1px solid #d8e5f6}.integration-icon:before{content:"";position:absolute;inset:10px;border:3px solid #27447b;border-radius:5px}.hr-icon:after{content:"";position:absolute;right:5px;bottom:6px;width:17px;height:17px;border-radius:50%;background:#2457ff}.security-icon:before{clip-path:polygon(50% 0,100% 22%,86% 82%,50% 100%,14% 82%,0 22%);background:#fff;border-color:#27447b}.approval-icon:after{content:"";position:absolute;right:6px;bottom:8px;width:15px;height:8px;border:solid #2457ff;border-width:0 0 3px 3px;transform:rotate(-45deg)}.app-icon:before{left:13px;right:13px;top:6px;bottom:6px;border-radius:7px}.integration-hub{width:170px;height:170px;border:2px solid #8a8a8a;border-radius:50%;display:grid;place-items:center;box-shadow:0 22px 44px rgba(11,45,110,.06)}.integration-hub strong{color:#2457ff;font-size:38px;line-height:1.05;font-weight:900;letter-spacing:-.04em}@media(max-width:1080px){.pcs-architecture-board{grid-template-columns:1fr;gap:22px}.pcs-architecture-board:before,.integration-flow:before{display:none}.pcs-external-stack{grid-template-columns:1fr 1fr}.effect-grid{grid-template-columns:1fr;gap:54px}.integration-flow{grid-template-columns:repeat(2,1fr);gap:22px}.integration-hub{grid-column:1/-1;grid-row:1;margin:0 auto}}@media(max-width:640px){.pcs-architecture,.pcs-effects,.pcs-integration{padding:58px 0}.pcs-architecture h2{font-size:24px}.pcs-architecture-board{padding:18px}.server-modules,.pcs-external-stack{grid-template-columns:1fr}.effect-body,.effect-card.worker .effect-body{grid-template-columns:1fr;padding:26px}.effect-visual{height:150px;order:-1}.effect-pill{min-width:200px;font-size:20px}.integration-flow{grid-template-columns:1fr;margin-top:42px}.integration-hub{width:142px;height:142px}.integration-hub strong{font-size:32px}}

.limit-panel em:before{content:">"!important}

.reference-visual{position:relative;overflow:hidden;background:#f7f9fd;padding:72px 0}.reference-visual::before{content:"";position:absolute;left:50%;top:0;width:min(880px,72vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#31d9f0,transparent)}.reference-visual .container{width:min(1180px,calc(100% - 64px));position:relative}.reference-visual figure{margin:0 auto;max-width:1040px;border:1px solid rgba(49,103,255,.14);border-radius:18px;background:#fff;padding:18px;box-shadow:0 24px 60px rgba(9,45,112,.09)}.reference-visual img{display:block;width:100%;height:auto;border-radius:10px}.reference-visual-effects{background:#fff;padding-top:58px}.reference-visual-effects figure{max-width:1120px;border-color:rgba(49,103,255,.18);box-shadow:0 20px 50px rgba(49,103,255,.08)}.reference-visual-integration{background:#f7f9fd;padding:74px 0 76px}.reference-visual-integration figure{max-width:1120px;border-color:rgba(37,99,235,.16);box-shadow:0 22px 56px rgba(9,45,112,.08)}@media(max-width:760px){.reference-visual{padding:44px 0}.reference-visual .container{width:min(100% - 28px,1180px)}.reference-visual figure{padding:10px;border-radius:14px}.reference-visual img{border-radius:8px}}


.main-features.deeper{background:#eef6ff;color:#111;padding:54px 0 0}.main-features.deeper .container{width:min(1240px,calc(100% - 48px))}.main-features .section-tag.cyan{display:block;color:#2457ff;font-size:20px;font-weight:900;margin-bottom:70px;letter-spacing:-.04em}.work-feature-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0;text-align:left}.work-feature-card{position:relative;background:#fff!important;border:2px solid #2457ff!important;border-radius:14px!important;padding:32px 18px 14px!important;min-height:388px!important;box-shadow:0 16px 34px rgba(49,103,255,.12)!important;color:#111}.work-feature-card .feature-number{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2457ff;color:#fff;font-size:16px;font-weight:900;box-shadow:0 8px 18px rgba(33,92,244,.26)}.work-feature-card h3{display:block!important;min-height:auto!important;margin:0 0 24px!important;text-align:center!important;color:#111!important;font-size:19px!important;line-height:1.25!important;font-weight:900}.work-feature-card .feature-desc{min-height:86px!important;margin:0 0 12px!important;color:#4d5563!important;text-align:left!important;font-size:13px!important;line-height:1.8!important}.pc-off-panel{border-radius:14px;background:#062e6e;color:#fff;text-align:center;padding:21px 12px 15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.pc-off-panel strong{display:block;font-size:15px;margin-bottom:10px}.pc-off-panel b{display:block;font-size:35px;line-height:1.1;margin-bottom:12px}.pc-off-panel span,.pc-off-panel small{display:flex;align-items:center;justify-content:center;height:35px;border-radius:3px;font-size:12px;font-weight:800}.pc-off-panel span{background:#2457ff;margin-bottom:9px}.pc-off-panel small{border:1px solid rgba(255,255,255,.5);color:#fff}.limit-panel{border:1px solid #d8dce5;border-radius:14px;padding:20px 17px 14px;background:linear-gradient(180deg,#fff,#fbfcff);min-height:208px}.limit-panel strong{display:block;color:#111;font-size:14px;margin-bottom:9px}.limit-panel b{display:block;color:#111;font-size:33px;line-height:1.15}.limit-panel b small{font-size:13px;color:#666;margin-left:2px}.limit-panel p{margin:22px 0 12px;color:#ff1818!important;font-size:12px!important;line-height:1.7!important;font-weight:900}.limit-panel em{display:block;text-align:right;color:#717680;font-size:11px;font-style:normal}.limit-panel em:before{content:"\\203A";font-size:9px;margin-right:4px;color:#747b88}.agent-panel{border-radius:12px;background:#057bc1;color:#fff;padding:13px 14px 10px}.agent-panel strong{display:block;margin-bottom:6px;font-size:14px}.agent-panel div{display:flex;gap:4px;margin-top:6px}.agent-panel div span{flex:1;height:28px;border-radius:4px;background:#fff;color:#1c2f58;display:grid;place-items:center;font-size:13px;font-weight:900}.agent-panel small{display:flex;justify-content:space-between;margin-top:10px;color:#fff;font-size:12px;font-weight:800}.agent-panel small b{color:#fff}.approval-panel strong{display:flex;align-items:center;justify-content:space-between;color:#0a3283;font-size:14px;margin-bottom:20px}.approval-panel strong span{position:relative;width:18px;height:20px;border-radius:8px 8px 3px 3px;background:#2457ff}.approval-panel strong span:after{content:"";position:absolute;right:-5px;top:1px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #ff2c2c;transform:rotate(30deg)}.approval-panel>div{width:min(170px,100%);margin:0 auto;border:1px solid #dfe3ea;border-radius:8px;padding:16px 12px;background:#fff}.approval-panel button{display:block;width:100%;height:39px;border:1px solid #e0e2e8;background:#fff;color:#333;font-size:12px;font-weight:700}.approval-panel button+button{border-top:0}.feature-bottom-banner{width:100vw;margin:28px 0 0 50%;transform:translateX(-50%);background:#d9eaf8;text-align:center;padding:15px 20px 19px}.feature-bottom-banner strong{display:block;color:#2457ff;font-size:21px;font-weight:900;margin-bottom:8px}.feature-bottom-banner span{display:block;color:#111827;font-size:13px;font-weight:800}@media(max-width:1080px){.work-feature-cards{grid-template-columns:repeat(2,1fr);gap:34px 16px}.main-features .section-tag.cyan{margin-bottom:52px}}@media(max-width:640px){.main-features.deeper .container{width:min(100% - 28px,1240px)}.work-feature-cards{grid-template-columns:1fr;gap:34px}.work-feature-card{min-height:auto!important}.main-features .section-tag.cyan{font-size:18px}.feature-bottom-banner strong{font-size:17px}.feature-bottom-banner span{font-size:12px;line-height:1.6}}

.main-features.deeper{padding-top:0!important}.feature-top-banner{width:100vw;margin:0 0 70px 50%;transform:translateX(-50%);background:#f7f8fa;text-align:center;padding:76px 20px 74px}.feature-top-banner span{display:block;color:#2363ff;font-size:14px;font-weight:900;line-height:1.2;margin-bottom:26px}.feature-top-banner h2{margin:0;color:#061a35;font-size:34px;line-height:1.35;font-weight:900;letter-spacing:-.055em}.feature-top-banner h2 strong{color:#2457ff}.feature-top-banner p{margin:30px 0 0;color:#586879;font-size:15px;line-height:1.8;font-weight:500}.feature-bottom-banner{display:none!important}@media(max-width:760px){.feature-top-banner{padding:56px 18px 54px;margin-bottom:52px}.feature-top-banner h2{font-size:25px}.feature-top-banner p{font-size:14px}.feature-top-banner p br{display:none}}

/* Replaceable visual slots:
   Swap the SVG/PNG files referenced in the matching <img src="../imonpcs/images/..."> tags
   to change icons or illustration images without changing layout. */

.pcs-section {
  color: #061a35;
}

.hero-actions {
  align-items: center;
  flex-wrap: wrap;
}

.brochure-download {
  min-width: 178px;
  border: 1px solid rgba(77, 232, 255, 0.5);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 12px 28px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(8px);
}

.brochure-download::before {
  display: none;
}

.brochure-download::after {
  display: none;
}

.brochure-download:hover {
  border-color: rgba(77, 232, 255, 0.9);
  background: rgba(77, 232, 255, 0.12);
}

.pcs-section .section-tag {
  display: block;
  text-align: center;
  color: #2457ff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.pcs-section h2 {
  text-align: center;
}

.icon-slot {
  display: inline-grid;
  place-items: center;
  background: #f0f6ff;
  border: 1px solid #d9e8fb;
  overflow: hidden;
}

.icon-slot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pcs-architecture {
  background: linear-gradient(180deg, #fff 0%, #f6f9ff 100%);
  padding: 92px 0 82px;
}

.pcs-architecture h2 {
  margin: 16px 0 42px;
  font-size: 28px;
  line-height: 1.38;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.pcs-architecture h2 strong {
  color: #2457ff;
}

.pcs-architecture-board.v2 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(150px, 0.72fr) minmax(470px, 2.25fr) minmax(170px, 0.9fr);
  align-items: center;
  gap: 28px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 38px 34px;
  border: 1px solid rgba(42, 211, 232, 0.72);
  border-radius: 22px;
  background: radial-gradient(circle at 52% 4%, rgba(36, 100, 255, 0.08), transparent 34%), #fff;
  box-shadow: 0 28px 70px rgba(11, 45, 110, 0.08);
}

.pcs-architecture-board.v2::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 50%;
  border-top: 2px dashed rgba(36, 100, 255, 0.46);
}

.pcs-architecture-board.v2 .pcs-node,
.pcs-architecture-board.v2 .pcs-server-node {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid #dce8f7;
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(11, 45, 110, 0.08);
}

.pcs-architecture-board.v2 .pcs-node {
  padding: 22px 16px;
  text-align: center;
}

.pcs-architecture-board.v2 .pcs-node h3 {
  margin: 12px 0 7px;
  color: #102447;
  font-size: 17px;
  font-weight: 900;
}

.pcs-architecture-board.v2 .pcs-node p {
  margin: 0;
  color: #617184;
  font-size: 13px;
  line-height: 1.55;
}

.node-icon {
  width: 64px;
  height: 64px;
  border-radius: 18px;
}

.pcs-server-node {
  padding: 24px;
}

.pcs-server-title {
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
  margin-bottom: 18px;
}

.server-title-icon {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 16px;
}

.pcs-server-title strong {
  display: block;
  font-size: 22px;
  font-weight: 900;
}

.pcs-server-title p {
  margin: 3px 0 0;
  color: #66788d;
  font-size: 13px;
}

.server-modules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.module-group {
  position: relative;
  min-height: 150px;
  padding: 24px 24px 22px 92px;
  border: 1px solid #d8e6f7;
  border-radius: 18px;
  background: #f9fbff;
  text-align: left;
}

.module-icon {
  position: absolute;
  left: 22px;
  top: 28px;
  width: 50px;
  height: 50px;
  border-radius: 15px;
}

.module-group b {
  display: block;
  color: #2457ff;
  font-size: 17px;
  font-weight: 900;
  margin-bottom: 12px;
}

.module-group.accent b {
  color: #2457ff;
}

.module-group h3 {
  margin: 0 0 18px;
  color: #061a35;
  font-size: 23px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.module-group p {
  margin: 0;
  color: #52677f;
  font-size: 16px;
  line-height: 1.5;
}

.server-specs {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.spec-row {
  display: grid;
  grid-template-columns: 38px 42px 1fr;
  align-items: center;
  min-height: 56px;
  padding: 0 22px;
  border: 1px solid #d8e6f7;
  border-radius: 16px;
  background: #fff;
  text-align: left;
}

.spec-icon {
  width: 28px;
  height: 28px;
  border-radius: 9px;
}

.spec-row b {
  color: #2457ff;
  font-size: 18px;
  font-weight: 900;
}

.spec-row p {
  margin: 0;
  color: #354960;
  font-size: 18px;
}

.pcs-external-stack {
  display: grid;
  gap: 20px;
}

.pcs-effects {
  background: #fff;
  padding: 76px 0 96px;
}

.effect-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  margin-top: 68px;
}

.effect-card {
  position: relative;
  padding-top: 62px;
}

.effect-pill {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  min-width: 240px;
  height: 54px;
  padding: 0 34px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.05em;
  background: #2457ff;
  box-shadow: 0 18px 34px rgba(36, 87, 255, 0.19);
}

.effect-card.worker .effect-pill {
  background: #2457ff;
  box-shadow: 0 18px 34px rgba(24, 200, 207, 0.18);
}

.effect-body {
  min-height: 260px;
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: center;
  gap: 44px;
  padding: 46px 52px;
  border: 2px solid #2457ff;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 24px 58px rgba(36, 87, 255, 0.08);
}

.effect-card.worker .effect-body {
  grid-template-columns: 1fr 220px;
}

.effect-image-slot {
  display: grid;
  place-items: center;
  width: 220px;
  height: 190px;
  border: 1px solid #dce8f7;
  border-radius: 28px;
  background: #f1f7ff;
  overflow: hidden;
}

.effect-image-slot img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.effect-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.effect-body li {
  position: relative;
  margin: 18px 0;
  padding-left: 46px;
  color: #07111f;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.45;
}

.effect-body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2457ff;
  transform: translateY(-50%);
}

.effect-card.worker li::before {
  background: #2457ff;
}

.effect-body li::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 8px;
  height: 14px;
  border: solid #fff;
  border-width: 0 4px 4px 0;
  transform: translateY(-62%) rotate(45deg);
}

.pcs-integration {
  background: linear-gradient(180deg, #fff 0%, #f7f9fd 100%);
  padding: 90px 0 96px;
}

.integration-flow.v2 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px minmax(0, 1fr);
  gap: 38px;
  align-items: center;
  max-width: 1120px;
  margin: 62px auto 0;
}

.integration-flow.v2::before {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  top: 50%;
  border-top: 2px dashed rgba(36, 87, 255, 0.38);
}

.integration-column {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 22px;
}

.integration-card {
  min-height: 150px;
  display: grid;
  grid-template-columns: 74px 1fr;
  column-gap: 20px;
  align-items: center;
  padding: 22px;
  border: 1px solid #d5e2f2;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  text-align: left;
  box-shadow: 0 20px 44px rgba(11, 45, 110, 0.08);
}

.integration-card h3,
.integration-card p {
  grid-column: 2;
}

.integration-card h3 {
  margin: 0 0 9px;
  color: #2145bd;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.integration-card p {
  margin: 0;
  color: #34465c;
  font-size: 14px;
  line-height: 1.55;
}

.integration-icon {
  grid-row: 1 / span 2;
  width: 74px;
  height: 74px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  place-items: center;
}

.integration-hub {
  position: relative;
  z-index: 2;
  width: 230px;
  height: 230px;
  border: 2px solid rgba(36, 87, 255, 0.2);
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  background: radial-gradient(circle at 50% 38%, rgba(36, 87, 255, 0.12), transparent 42%), #fff;
  box-shadow: 0 28px 58px rgba(11, 45, 110, 0.12);
}

.integration-hub::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 50%;
  border: 1px dashed rgba(24, 200, 207, 0.55);
}

.integration-hub span {
  position: relative;
  color: #18a6c4;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.integration-hub strong {
  position: relative;
  color: #2457ff;
  font-size: 44px;
  line-height: 1.03;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.limit-panel em::before {
  content: ">" !important;
}

@media (max-width: 1080px) {
  .pcs-architecture-board.v2,
  .integration-flow.v2 {
    grid-template-columns: 1fr;
  }

  .pcs-architecture-board.v2::before,
  .integration-flow.v2::before {
    display: none;
  }

  .pcs-external-stack {
    grid-template-columns: 1fr 1fr;
  }

  .effect-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }

  .integration-hub {
    margin: 0 auto;
    order: -1;
  }
}

@media (max-width: 640px) {
  .pcs-architecture,
  .pcs-effects,
  .pcs-integration {
    padding: 58px 0;
  }

  .pcs-architecture h2 {
    font-size: 24px;
  }

  .pcs-architecture-board.v2 {
    padding: 18px;
  }

  .server-modules,
  .pcs-external-stack,
  .effect-body,
  .effect-card.worker .effect-body {
    grid-template-columns: 1fr;
  }

  .module-group {
    padding: 92px 22px 22px;
  }

  .module-icon {
    left: 22px;
    top: 22px;
  }

  .effect-body {
    padding: 34px 24px;
  }

  .effect-image-slot {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .effect-card.worker .effect-image-slot {
    order: -1;
  }

  .effect-pill {
    min-width: 200px;
    font-size: 22px;
  }

  .integration-card {
    grid-template-columns: 62px 1fr;
  }

  .integration-icon {
    width: 62px;
    height: 62px;
  }

  .integration-hub {
    width: 170px;
    height: 170px;
  }

  .integration-hub strong {
    font-size: 34px;
  }
}

/* Final polish for the architecture and effects sections. */
.pcs-architecture {
  background:
    radial-gradient(circle at 50% 7%, rgba(36, 87, 255, 0.09), transparent 31%),
    linear-gradient(180deg, #fff 0%, #f6f9ff 100%);
}

.pcs-architecture-board.v2 {
  grid-template-columns: 170px minmax(560px, 1fr) 190px;
  gap: 30px;
  max-width: 1180px;
  padding: 34px;
  border-color: rgba(24, 200, 207, 0.65);
  box-shadow: 0 34px 90px rgba(14, 53, 117, 0.1);
}

.pcs-architecture-board.v2::before {
  display: none;
  top: 44%;
  left: 8%;
  right: 8%;
  border-top-color: rgba(36, 87, 255, 0.38);
}

.pcs-architecture-board.v2 .flow-side-card {
  border-radius: 20px;
  background: linear-gradient(180deg, #fff, #f9fbff);
}

.pcs-server-node {
  padding: 18px;
  border-radius: 22px !important;
}

.pcs-server-title {
  padding: 4px 4px 16px;
}

.server-title-icon {
  width: 62px;
  height: 62px;
  flex-basis: 62px;
  border-radius: 18px;
  background: transparent;
  border: 0;
}

.pcs-server-title strong {
  font-size: 28px;
  letter-spacing: -0.04em;
}

.pcs-server-title p {
  color: #52677f;
  font-size: 13px;
  font-weight: 700;
}

.server-core {
  border: 1px solid #d5e5f7;
  border-radius: 18px;
  padding: 20px;
  background: linear-gradient(180deg, #fbfdff, #fff);
}

.server-core-head {
  display: grid;
  grid-template-columns: 1fr 70px 1fr;
  align-items: center;
  margin: 0 0 14px;
  text-align: center;
}

.server-core-head b {
  display: block;
  color: #2457ff;
  font-size: 14px;
  font-weight: 900;
}

.server-core-head div:last-child b {
  color: #2457ff;
}

.server-core-head span {
  display: block;
  margin-top: 3px;
  color: #66788d;
  font-size: 11px;
  font-weight: 700;
}

.server-core-head em {
  position: relative;
  height: 2px;
  border-top: 2px dashed #2457ff;
}

.server-core-head em::before,
.server-core-head em::after {
  content: "";
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.server-core-head em::before {
  left: -1px;
  border-right: 7px solid #2457ff;
}

.server-core-head em::after {
  right: -1px;
  border-left: 7px solid #2457ff;
}

.server-modules {
  gap: 18px;
}

.module-group {
  min-height: 250px;
  padding: 18px;
  border-radius: 16px;
}

.module-icon {
  position: static;
}

.frontend-module {
  display: grid;
  place-items: center;
  text-align: center;
}

.browser-mockup {
  width: min(100%, 190px);
  padding: 10px;
  border: 1px solid #d9e7f7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 32px rgba(11, 45, 110, 0.08);
}

.module-screen-icon {
  width: 100%;
  height: 118px;
  border: 0;
  border-radius: 10px;
  background: #fff;
}

.module-group h3 {
  margin: 12px 0 3px;
  font-size: 17px;
  text-align: center;
}

.frontend-module p {
  margin: 0 0 12px;
  color: #596b80;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.tech-stack {
  display: grid;
  gap: 9px;
  width: min(100%, 184px);
}

.tech-stack span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #d9e7f7;
  border-radius: 10px;
  background: #fff;
  color: #17243a;
  font-size: 13px;
  font-weight: 900;
}

.tech-stack img {
  width: 24px;
  height: 24px;
}

.backend-module {
  padding: 18px;
}

.daemon-list {
  display: grid;
  gap: 13px;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.daemon-list li {
  display: flex;
  align-items: center;
  min-height: 45px;
  gap: 12px;
  padding: 9px 12px;
  border: 1px solid #d9e7f7;
  border-radius: 12px;
  background: #fff;
  color: #102447;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(11, 45, 110, 0.05);
}

.daemon-list small {
  color: #66788d;
  font-size: 11px;
}

.daemon-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border: 0;
  background: transparent;
}

.server-specs {
  margin-top: 14px;
  gap: 11px;
}

.spec-row {
  grid-template-columns: 30px 42px 1fr 30px;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 14px;
}

.spec-row p {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items: center;
  gap: 18px;
  font-size: 13px;
  font-weight: 700;
}

.spec-row p i {
  display: block;
  height: 16px;
  background: #9aabbf;
}

.spec-icon-right {
  justify-self: end;
}

/* Server DB/OS rows tuned to match the compact reference layout */
.server-specs {
  margin-top: 14px;
  gap: 10px;
}

.spec-row {
  grid-template-columns: 44px 1fr !important;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid #dbe8f7;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

.spec-row .spec-icon {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.spec-row b {
  color: #2457ff;
  font-size: 14px;
  font-weight: 900;
}

.spec-row p {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items: center;
  column-gap: 18px;
  margin: 0;
  color: #24364c;
  font-size: 12px;
  font-weight: 800;
}

.spec-row p span {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.spec-value-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.spec-inline-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.spec-row p i {
  display: block;
  width: 1px;
  height: 16px;
  background: #9aaabe;
  justify-self: center;
}

.spec-icon-right {
  justify-self: end;
}

.pcs-effects {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 26% 52%, rgba(36, 87, 255, 0.07), transparent 30%),
    radial-gradient(circle at 77% 52%, rgba(24, 200, 207, 0.08), transparent 30%),
    #fff;
}

.effect-grid {
  gap: 80px;
}

.effect-card {
  padding-top: 64px;
}

.effect-pill {
  height: 58px;
  min-width: 250px;
  font-size: 30px;
}

.effect-body {
  min-height: 290px;
  grid-template-columns: 240px 1fr;
  gap: 48px;
  padding: 50px 54px;
  border-width: 3px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 30px 72px rgba(36, 87, 255, 0.1);
}

.effect-card.worker .effect-body {
  grid-template-columns: 1fr 240px;
}

.effect-image-slot {
  width: 240px;
  height: 200px;
  border-radius: 30px;
  background: linear-gradient(145deg, #f0f7ff, #fff);
  box-shadow: inset 0 0 0 1px rgba(36, 87, 255, 0.04);
}

.effect-body li {
  display: flex;
  align-items: center;
  min-height: 34px;
  margin: 14px 0;
  padding-left: 48px;
  font-size: 16px;
}

.effect-body li::before {
  top: 50%;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
}

.effect-body li::after {
  left: 11px;
  top: 50%;
  width: 8px;
  height: 15px;
  border-width: 0 4px 4px 0;
  transform: translateY(-62%) rotate(45deg);
}

@media (max-width: 1080px) {
  .pcs-architecture-board.v2 {
    grid-template-columns: 1fr;
  }

  .pcs-architecture-board.v2::before {
    display: none;
  }

  .effect-grid,
  .effect-card.worker .effect-body,
  .effect-body {
    grid-template-columns: 1fr;
  }

  .effect-card.worker .effect-image-slot {
    order: -1;
  }

  .effect-image-slot {
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  .server-modules {
    grid-template-columns: 1fr;
  }

  .server-core-head {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .server-core-head em {
    display: none;
  }

  .module-group {
    min-height: auto;
  }

  .effect-body {
    padding: 34px 24px;
  }

  .effect-pill {
    min-width: 210px;
    font-size: 23px;
  }

  .effect-image-slot {
    width: 100%;
    max-width: 240px;
  }
}

/* Premium balanced effects section */
.pcs-effects {
  padding: 92px 0 112px;
  background:
    linear-gradient(180deg, rgba(247, 250, 255, 0) 0%, #f7faff 100%),
    radial-gradient(circle at 20% 18%, rgba(36, 87, 255, 0.08), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(24, 200, 207, 0.09), transparent 28%),
    #fff;
}

.pcs-effects .container {
  width: min(1320px, calc(100% - 64px));
}

.pcs-effects .section-tag {
  font-size: 28px;
  margin-bottom: 8px;
}

.effect-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px;
  align-items: stretch;
  margin-top: 68px;
}

.effect-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-top: 70px;
}

.effect-pill {
  z-index: 2;
  height: 62px;
  min-width: 270px;
  padding: 0 42px;
  font-size: 31px;
  box-shadow: 0 22px 42px rgba(36, 87, 255, 0.18);
}

.effect-card.worker .effect-pill {
  box-shadow: 0 22px 42px rgba(24, 200, 207, 0.18);
}

.effect-body,
.effect-card.worker .effect-body {
  flex: 1;
  width: 100%;
  min-height: 390px;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 42px;
  align-items: center;
  padding: 54px 58px;
  border: 3px solid #2f63ff;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(36, 87, 255, 0.035), rgba(255, 255, 255, 0) 44%),
    rgba(255, 255, 255, 0.98);
  box-shadow:
    0 34px 82px rgba(36, 87, 255, 0.11),
    inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.effect-card.worker .effect-body {
  grid-template-columns: minmax(0, 1fr) 190px;
}

.effect-image-slot {
  width: 190px;
  height: 170px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 40%, rgba(36, 87, 255, 0.08), transparent 58%),
    #f3f8ff;
  border: 1px solid #dce8f7;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.85),
    0 16px 32px rgba(11, 45, 110, 0.06);
}

.effect-image-slot img {
  width: 86%;
  height: 86%;
}

.effect-body ul {
  display: grid;
  gap: 18px;
  width: 100%;
}

.effect-body li {
  display: flex;
  align-items: center;
  min-height: 36px;
  margin: 0;
  padding-left: 50px;
  color: #071426;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: -0.035em;
}

.effect-body li::before {
  top: 50%;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  box-shadow: 0 10px 18px rgba(36, 87, 255, 0.2);
}

.effect-card.worker li::before {
  box-shadow: 0 10px 18px rgba(24, 200, 207, 0.2);
}

.effect-body li::after {
  left: 11px;
  top: 50%;
  width: 8px;
  height: 15px;
  border-width: 0 4px 4px 0;
  transform: translateY(-64%) rotate(45deg);
}

@media (max-width: 1180px) {
  .effect-grid {
    grid-template-columns: 1fr;
    gap: 58px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }

  .effect-body,
  .effect-card.worker .effect-body {
    grid-template-columns: 190px minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .pcs-effects .container {
    width: min(100% - 28px, 1320px);
  }

  .effect-body,
  .effect-card.worker .effect-body {
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: auto;
    padding: 42px 26px 34px;
  }

  .effect-card.worker .effect-image-slot {
    order: -1;
  }

  .effect-image-slot {
    width: 170px;
    height: 150px;
    margin: 0 auto;
  }

  .effect-pill {
    min-width: 210px;
    height: 54px;
    font-size: 23px;
  }

  .effect-body li {
    font-size: 15px;
    padding-left: 44px;
  }
}

/* Effects section matched to the integration option visual language */
.pcs-effects {
  background:
    linear-gradient(180deg, #fff 0%, #f7f9fd 100%),
    radial-gradient(circle at 50% 26%, rgba(36, 87, 255, 0.08), transparent 34%);
  padding: 90px 0 100px;
}

.pcs-effects .container {
  width: min(1180px, calc(100% - 64px));
}

.effect-flow.v3 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px;
  align-items: center;
  max-width: 1120px;
  margin: 64px auto 0;
}

.effect-flow.v3::before {
  content: none;
}

.effect-column {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.effect-flow-card {
  min-height: 380px;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 26px;
  padding: 30px 30px 32px;
  border: 1px solid #d5e2f2;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(36, 87, 255, 0.045), rgba(255, 255, 255, 0) 48%),
    rgba(255, 255, 255, 0.98);
  text-align: left;
  box-shadow: 0 24px 54px rgba(11, 45, 110, 0.09);
}

.effect-column.worker .effect-flow-card {
  background:
    linear-gradient(135deg, rgba(24, 200, 207, 0.05), rgba(255, 255, 255, 0) 48%),
    rgba(255, 255, 255, 0.98);
}

.effect-flow-head {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 18px;
  align-items: center;
}

.effect-flow-icon {
  width: 76px;
  height: 76px;
  border-radius: 22px;
  background: linear-gradient(145deg, #eef6ff, #fff);
}

.effect-flow-icon img[src*="img_"],
.integration-icon img[src*="img_"] {
  width: 118%;
  height: 118%;
  max-width: none;
  max-height: none;
  object-fit: contain;
}

.integration-icon img[src*="img_"] {
  width: 108%;
  height: 108%;
  object-position: center;
  transform: translate(0, 0);
}

.pcs-integration .integration-icon::before,
.pcs-integration .integration-icon::after {
  content: none !important;
  display: none !important;
}

.pcs-integration .integration-icon {
  display: grid;
  place-items: center;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
}

.effect-flow-head b {
  display: block;
  color: #2457ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}

.effect-column.worker .effect-flow-head b {
  color: #18a6c4;
}

.effect-flow-head h3 {
  margin: 0;
  color: #071426;
  font-size: 27px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.055em;
}

.effect-flow-card ul {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.effect-flow-card li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 12px 14px 12px 48px;
  border: 1px solid rgba(213, 226, 242, 0.92);
  border-radius: 14px;
  background: #fff;
  color: #172033;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.42;
  letter-spacing: -0.035em;
  box-shadow: 0 10px 22px rgba(11, 45, 110, 0.045);
}

.effect-flow-card li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #2457ff;
  transform: translateY(-50%);
}

.effect-column.worker .effect-flow-card li::before {
  background: #2457ff;
}

.effect-flow-card li::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: translateY(-62%) rotate(45deg);
}

.effect-hub {
  position: relative;
  z-index: 2;
  width: 230px;
  height: 230px;
  border: 2px solid rgba(36, 87, 255, 0.2);
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  background: radial-gradient(circle at 50% 38%, rgba(36, 87, 255, 0.12), transparent 42%), #fff;
  box-shadow: 0 28px 58px rgba(11, 45, 110, 0.12);
}

.effect-hub::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 50%;
  border: 1px dashed rgba(24, 200, 207, 0.55);
}

.effect-hub span {
  position: relative;
  color: #18a6c4;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.effect-hub strong {
  position: relative;
  color: #2457ff;
  font-size: 44px;
  line-height: 1.03;
  font-weight: 900;
  letter-spacing: -0.05em;
}

@media (max-width: 1080px) {
  .effect-flow.v3 {
    grid-template-columns: 1fr;
    max-width: 760px;
  }

  .effect-flow.v3::before {
    display: none;
  }
}

@media (max-width: 640px) {
  .pcs-effects .container {
    width: min(100% - 28px, 1180px);
  }

  .effect-flow-card {
    min-height: auto;
    padding: 24px 18px;
  }

  .effect-flow-head {
    grid-template-columns: 62px 1fr;
  }

  .effect-flow-icon {
    width: 62px;
    height: 62px;
  }

  .effect-flow-head h3 {
    font-size: 23px;
  }

  .effect-hub {
    width: 170px;
    height: 170px;
  }

  .effect-hub strong {
    font-size: 34px;
  }
}

/* Main features refined to match the PCS custom sections */
.main-features.deeper {
  padding: 0 0 98px !important;
  background:
    linear-gradient(180deg, #f7f9fd 0%, #eef6ff 44%, #f7faff 100%) !important;
  color: #061a35 !important;
}

.main-features.deeper .container {
  width: min(1320px, calc(100% - 64px)) !important;
}

.feature-top-banner {
  position: relative;
  width: 100vw;
  margin: 0 0 78px 50%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 50% 12%, rgba(36, 87, 255, 0.08), transparent 30%),
    #f7f8fa;
  text-align: center;
  padding: 84px 20px 86px;
}

.feature-top-banner::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(920px, 74vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(36, 87, 255, 0.24), transparent);
}

.feature-top-banner span {
  display: block;
  color: #2457ff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 30px;
}

.feature-top-banner h2 {
  max-width: 1200px;
  margin: 0 auto;
  color: #061a35;
  font-size: clamp(34px, 3vw, 52px);
  line-height: 1.22;
  font-weight: 900;
  letter-spacing: -0.065em;
}

.feature-top-banner h2 strong {
  color: #2457ff !important;
}

.feature-top-banner p {
  margin: 34px 0 0;
  color: #516277;
  font-size: 18px;
  line-height: 1.9;
  font-weight: 600;
}

.work-feature-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin: 0 auto;
  max-width: 1260px;
  align-items: stretch;
  text-align: center;
}

.work-feature-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr;
  min-height: 560px !important;
  padding: 54px 28px 28px !important;
  border: 1px solid #d5e2f2 !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94)),
    radial-gradient(circle at 50% 0%, rgba(36, 87, 255, 0.08), transparent 46%) !important;
  color: #061a35 !important;
  box-shadow:
    0 26px 64px rgba(11, 45, 110, 0.09),
    inset 0 0 0 1px rgba(255, 255, 255, 0.8) !important;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease;
}

.work-feature-card::before {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  top: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2457ff, #2457ff);
  opacity: 0.85;
  transition: opacity 0.28s ease, transform 0.28s ease;
}

.work-feature-card .feature-number {
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  width: 66px;
  height: 66px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #2457ff;
  color: #fff;
  font-size: 23px;
  font-weight: 900;
  box-shadow: 0 18px 38px rgba(36, 87, 255, 0.25);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.work-feature-card h3 {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 24px !important;
  color: #050b16 !important;
  text-align: center !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -0.055em;
}

.work-feature-card .feature-desc {
  min-height: 116px !important;
  margin: 0 0 26px !important;
  color: #34465c !important;
  text-align: center !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  font-weight: 600;
}

.work-feature-card:hover {
  transform: translateY(-10px);
  border-color: rgba(36, 87, 255, 0.48) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(247, 251, 255, 0.98)),
    radial-gradient(circle at 50% 0%, rgba(24, 200, 207, 0.12), transparent 48%) !important;
  box-shadow:
    0 34px 84px rgba(36, 87, 255, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.9) !important;
}

.work-feature-card:hover::before {
  opacity: 1;
  transform: scaleX(1.08);
}

.work-feature-card:hover .feature-number {
  transform: translateX(-50%) translateY(-3px);
  box-shadow: 0 22px 44px rgba(36, 87, 255, 0.34);
}

.pc-off-panel,
.limit-panel,
.agent-panel,
.approval-panel,
.feature-ui-slot {
  align-self: end;
}

.feature-ui-slot {
  width: 100%;
  height: 230px;
  margin: 0;
  border: 1px solid #d5e2f2;
  border-radius: 22px;
  background: #fff;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 18px 42px rgba(11, 45, 110, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.8);
  overflow: hidden;
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.feature-ui-slot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 16px;
  transition: transform 0.28s ease;
}

.work-feature-card:hover .feature-ui-slot {
  transform: translateY(-2px);
  border-color: rgba(24, 200, 207, 0.42);
  box-shadow:
    0 22px 48px rgba(11, 45, 110, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.9);
}

.work-feature-card:hover .feature-ui-slot img {
  transform: scale(1.035);
}

@media (prefers-reduced-motion: reduce) {
  .work-feature-card,
  .work-feature-card::before,
  .work-feature-card .feature-number,
  .feature-ui-slot,
  .feature-ui-slot img {
    transition: none;
  }

  .work-feature-card:hover,
  .work-feature-card:hover::before,
  .work-feature-card:hover .feature-number,
  .work-feature-card:hover .feature-ui-slot,
  .work-feature-card:hover .feature-ui-slot img {
    transform: none;
  }
}

.pc-off-panel {
  border-radius: 20px;
  background: linear-gradient(180deg, #0e3b7d, #082c68);
  color: #fff;
  text-align: center;
  padding: 28px 18px 20px;
  box-shadow: 0 18px 38px rgba(8, 44, 104, 0.18);
}

.pc-off-panel strong {
  display: block;
  color: #33e5ff;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 18px;
}

.pc-off-panel b {
  display: block;
  font-size: 46px;
  line-height: 1;
  letter-spacing: -0.04em;
  margin-bottom: 24px;
}

.pc-off-panel span,
.pc-off-panel small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 900;
}

.pc-off-panel span {
  background: #2457ff;
  margin-bottom: 12px;
}

.pc-off-panel small {
  border: 1px solid rgba(255, 255, 255, 0.42);
  color: #fff;
}

.limit-panel {
  min-height: 244px;
  border: 1px solid #d5e2f2;
  border-radius: 20px;
  padding: 28px 26px 22px;
  background: linear-gradient(180deg, #fff, #fbfdff);
  box-shadow: 0 16px 34px rgba(11, 45, 110, 0.055);
}

.limit-panel strong {
  display: block;
  color: #071426;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 12px;
}

.limit-panel b {
  display: block;
  color: #050b16;
  font-size: 48px;
  line-height: 1.08;
  letter-spacing: -0.055em;
}

.limit-panel b small {
  color: #6a7585;
  font-size: 18px;
  letter-spacing: -0.02em;
  margin-left: 3px;
}

.limit-panel p {
  margin: 24px 0 18px;
  color: #ff2323 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-weight: 900;
}

.limit-panel em {
  display: block;
  text-align: right;
  color: #6b7788;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.limit-panel em::before {
  content: ">" !important;
  margin-right: 6px;
  color: #8a96a8;
}

.agent-panel {
  border-radius: 20px;
  background: linear-gradient(180deg, #0789ca, #0578b6);
  color: #fff;
  padding: 20px;
  box-shadow: 0 18px 38px rgba(5, 120, 182, 0.16);
}

.agent-panel strong {
  display: block;
  margin-bottom: 14px;
  color: #7eeeff;
  font-size: 18px;
  font-weight: 900;
}

.agent-panel div {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 8px;
  margin-top: 9px;
}

.agent-panel div span {
  height: 42px;
  border-radius: 7px;
  background: #fff;
  color: #08234a;
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: 900;
}

.agent-panel small {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.agent-panel small b {
  color: #fff;
}

.approval-panel {
  padding-top: 2px;
}

.approval-panel strong {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #092f84;
  font-size: 17px;
  font-weight: 900;
  margin-bottom: 26px;
}

.approval-panel strong span {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #2457ff;
}

.approval-panel strong span::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 5px;
  width: 14px;
  height: 14px;
  background: #ff2c50;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}

.approval-panel > div {
  width: min(220px, 100%);
  margin: 0 auto;
  border: 1px solid #d5e2f2;
  border-radius: 18px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(11, 45, 110, 0.055);
}

.approval-panel button {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #dce5f1;
  background: #fff;
  color: #172033;
  font-size: 15px;
  font-weight: 900;
}

.approval-panel button + button {
  border-top: 0;
}

@media (max-width: 1180px) {
  .work-feature-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 52px 28px;
  }
}

@media (max-width: 640px) {
  .main-features.deeper .container {
    width: min(100% - 28px, 1320px) !important;
  }

  .feature-top-banner {
    padding: 62px 18px 68px;
    margin-bottom: 62px;
  }

  .feature-top-banner h2 {
    font-size: 27px;
  }

  .feature-top-banner p {
    font-size: 15px;
  }

  .feature-top-banner p br {
    display: none;
  }

  .work-feature-cards {
    grid-template-columns: 1fr;
  }

  .work-feature-card {
    min-height: auto !important;
  }
}

/* Accent palette tuned for the updated blue-to-violet hero gradient */
:root {
  --pcs-accent-violet: #6d4cff;
  --pcs-accent-purple: #9b5cff;
  --pcs-accent-cyan: #22d8ff;
  --pcs-accent-mint: #6af4ff;
  --pcs-accent-deep: #4b179e;
  --pcs-accent-shadow: rgba(83, 45, 190, 0.34);
}

.hero .eyebrow {
  color: #c9fbff;
}

.hero h1 strong,
.hero-copy h1 strong {
  color: var(--pcs-accent-mint);
  background: linear-gradient(90deg, #e9fdff 0%, var(--pcs-accent-mint) 38%, #d9c5ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero .line {
  background: linear-gradient(90deg, var(--pcs-accent-mint), #d9c5ff);
  box-shadow: 0 0 22px rgba(106, 244, 255, 0.42);
}

.hero .btn.primary,
.hero .contact-trigger {
  background: linear-gradient(135deg, #ffffff 0%, #f3f7ff 54%, #ebe6ff 100%) !important;
  color: #4b179e !important;
  border: 1px solid rgba(255, 255, 255, 0.72);
  box-shadow:
    0 18px 40px rgba(41, 18, 120, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.76) !important;
}

.hero .btn.primary:hover,
.hero .contact-trigger:hover {
  background: linear-gradient(135deg, #ffffff 0%, #eefaff 48%, #e4dcff 100%) !important;
  color: #35117e !important;
  box-shadow:
    0 22px 48px rgba(41, 18, 120, 0.34),
    0 0 24px rgba(106, 244, 255, 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.86) !important;
}

.brochure-download {
  border-color: rgba(201, 251, 255, 0.56);
  background: rgba(255, 255, 255, 0.1);
}

.brochure-download:hover {
  border-color: rgba(106, 244, 255, 0.9);
  background: rgba(106, 244, 255, 0.16);
}

.contact-popover {
  border-color: rgba(154, 112, 255, 0.3);
  box-shadow:
    0 20px 46px rgba(25, 9, 76, 0.34),
    0 0 0 1px rgba(34, 216, 255, 0.08);
}

.contact-copy-btn:hover,
.contact-copy-btn.copied {
  border-color: rgba(106, 244, 255, 0.68);
  background: rgba(106, 244, 255, 0.14);
  color: var(--pcs-accent-mint);
}

.section-tag,
.pcs-section .section-tag,
.feature-top-banner span,
.effect-flow-head b,
.integration-hub span,
.effect-hub span,
.server-core-head b,
.spec-row b,
.module-group b,
.approval-panel strong,
.integration-card h3 {
  color: var(--pcs-accent-violet) !important;
}

.module-group.accent b,
.server-core-head b + span,
.integration-hub span,
.effect-hub span {
  color: #10aecd !important;
}

.intro h2 strong,
.pcs-architecture h2 strong,
.feature-top-banner h2 strong,
.integration-hub strong,
.effect-hub strong,
.main-features strong {
  color: var(--pcs-accent-violet) !important;
}

.feature-top-banner h2 strong {
  background: linear-gradient(90deg, var(--pcs-accent-violet), var(--pcs-accent-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.feature-top-banner::after,
.work-feature-card::before {
  background: linear-gradient(90deg, transparent, var(--pcs-accent-violet), var(--pcs-accent-cyan), transparent) !important;
}

.work-feature-card .feature-number,
.effect-pill,
.effect-flow-card li::before,
.approval-panel strong span {
  background: linear-gradient(135deg, var(--pcs-accent-violet), #7b62ff) !important;
  box-shadow: 0 18px 38px rgba(109, 76, 255, 0.24);
}

.effect-column.worker .effect-flow-card li::before,
.effect-card.worker .effect-pill {
  background: linear-gradient(135deg, #14c6e2, var(--pcs-accent-cyan)) !important;
}

.work-feature-card:hover {
  border-color: rgba(109, 76, 255, 0.46) !important;
  box-shadow:
    0 34px 84px rgba(109, 76, 255, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.9) !important;
}

/* Final PCS brand refinements */
.hero-copy {
  flex-basis: 660px;
  max-width: 720px;
  overflow: visible;
}

.hero h1 {
  max-width: 720px;
  overflow: visible;
  font-size: clamp(52px, 5vw, 76px);
  line-height: 1.18;
}

.hero .eyebrow {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.intro .section-tag,
.feature-top-banner span {
  font-size: 18px !important;
}

.hero h1 .brand-name,
.intro h2 .brand-name,
.pcs-architecture h2 .brand-name,
.feature-top-banner h2 .brand-name,
.integration-hub .brand-name,
.main-features .brand-name {
  background: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.hero h1 .brand-name {
  display: inline-block;
  white-space: nowrap;
  padding-right: 0.14em;
  color: #fff !important;
}

.intro h2 .brand-name,
.pcs-architecture h2 .brand-name,
.feature-top-banner h2 .brand-name,
.integration-hub .brand-name,
.main-features .brand-name {
  color: #061a35 !important;
}

.pcs-accent-text {
  display: inline-block;
  padding-right: 0.06em;
  color: var(--pcs-accent-cyan) !important;
  background: linear-gradient(90deg, var(--pcs-accent-cyan) 0%, #63a8ff 48%, var(--pcs-accent-violet) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.integration-hub .pcs-accent-text {
  display: block;
}

.feature-top-banner h2 .pcs-accent-text {
  background: linear-gradient(90deg, #22d8ff 0%, #4e9dff 48%, #7657ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.feature-top-banner::after,
.work-feature-card::before {
  background: linear-gradient(90deg, transparent, var(--pcs-accent-cyan), var(--pcs-accent-violet), transparent) !important;
}

.work-feature-card .feature-number,
.effect-pill,
.effect-flow-card li::before,
.approval-panel strong span {
  background: linear-gradient(135deg, #22d8ff 0%, #6d4cff 100%) !important;
}

.pcs-architecture .icon-slot img,
.pcs-effects .effect-flow-icon img,
.pcs-integration .integration-icon img {
  filter: hue-rotate(18deg) saturate(1.08);
}

.browser-mockup {
  padding-top: 12px;
}

.module-screen-icon img {
  transform: translateY(2px);
}

@media (max-width: 960px) {
  .hero h1 {
    font-size: 42px;
  }

  .hero-copy {
    flex-basis: auto;
  }
}

/* Readability refinements */
.hero-copy {
  flex-basis: 740px;
  max-width: 780px;
}

.hero h1 {
  max-width: 780px;
  font-size: clamp(42px, 4.2vw, 58px);
  line-height: 1.2;
  letter-spacing: -0.058em;
}

.hero .eyebrow {
  color: #eafffb !important;
  text-shadow: 0 2px 14px rgba(0, 38, 72, 0.22);
}

.hero h1 .pcs-accent-text {
  background: none !important;
  color: #96fbff !important;
  -webkit-text-fill-color: #96fbff !important;
  text-shadow: 0 4px 18px rgba(0, 28, 84, 0.22);
}

.intro .section-tag,
.feature-top-banner span {
  color: #2f82ff !important;
}

.feature-top-banner h2 .brand-name {
  display: inline-flex;
  align-items: baseline;
  gap: 0.08em;
  white-space: nowrap;
  vertical-align: baseline;
}

.feature-top-banner h2 .pcs-accent-text {
  display: inline !important;
  font-size: 1em !important;
  line-height: inherit !important;
  vertical-align: baseline;
}

.integration-hub .pcs-accent-text {
  display: block;
  margin-top: 4px;
  font-size: 0.68em !important;
  line-height: 1;
  letter-spacing: -0.025em;
}

.faq summary::after {
  content: "" !important;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  margin-left: 18px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #5f6878;
  font-size: 0 !important;
  line-height: 0;
  transition: transform 0.2s ease;
}

.faq details[open] summary::after {
  transform: rotate(180deg);
}

.pcs-integration .section-tag,
.pcs-integration .integration-card h3,
.pcs-integration .integration-hub span,
.pcs-integration .integration-hub .pcs-accent-text {
  color: #2f82ff !important;
  -webkit-text-fill-color: #2f82ff !important;
}

.pcs-integration .integration-flow.v2::before {
  border-top-color: rgba(47, 130, 255, 0.5) !important;
}

.pcs-integration .integration-hub {
  border-color: rgba(47, 130, 255, 0.26);
  background:
    radial-gradient(circle at 50% 38%, rgba(47, 130, 255, 0.12), transparent 42%),
    #fff;
}

.pcs-integration .integration-hub::before {
  border-color: rgba(47, 130, 255, 0.38);
}

.pcs-integration .integration-card {
  border-color: rgba(47, 130, 255, 0.22);
}

.section-tag,
.pcs-section .section-tag,
.feature-top-banner span,
.pcs-architecture .section-tag,
.pcs-effects .section-tag,
.faq .section-tag,
.server-core-head b,
.module-group b,
.spec-row b,
.effect-flow-head b,
.effect-column.worker .effect-flow-head b,
.approval-panel strong,
.pcs-node h3,
.pcs-external-stack h3 {
  color: #2f82ff !important;
  -webkit-text-fill-color: #2f82ff !important;
}

.intro h2 .pcs-accent-text,
.pcs-architecture h2 .pcs-accent-text,
.feature-top-banner h2 .pcs-accent-text,
.integration-hub .pcs-accent-text {
  background: none !important;
  color: #2f82ff !important;
  -webkit-text-fill-color: #2f82ff !important;
}

.server-core-head em {
  border-top-color: rgba(47, 130, 255, 0.72) !important;
}

.server-core-head em::before {
  border-right-color: #2f82ff !important;
}

.server-core-head em::after {
  border-left-color: #2f82ff !important;
}

.hero-art img {
  width: min(600px, 100%) !important;
  border-radius: 0;
  mix-blend-mode: screen;
  opacity: 0.68;
  filter:
    hue-rotate(2deg)
    saturate(0.92)
    brightness(1.12)
    contrast(0.82)
    drop-shadow(0 30px 54px rgba(0, 18, 70, 0.14));
  -webkit-mask-image: radial-gradient(circle at 50% 52%, #000 0 58%, rgba(0, 0, 0, 0.82) 68%, rgba(0, 0, 0, 0.32) 80%, transparent 93%);
  mask-image: radial-gradient(circle at 50% 52%, #000 0 58%, rgba(0, 0, 0, 0.82) 68%, rgba(0, 0, 0, 0.32) 80%, transparent 93%);
}

@media (max-width: 960px) {
  .hero-copy {
    max-width: 100%;
  }

  .hero h1 {
    font-size: 40px;
  }

  .hero-art img {
    width: min(420px, 100%) !important;
  }
}

/* Keep integration PNG icons clean: no CSS-drawn box or dark overlay line. */
.pcs-integration .icon-slot.integration-icon,
.pcs-integration .integration-icon {
  width: 74px !important;
  height: 74px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.pcs-integration .icon-slot.integration-icon::before,
.pcs-integration .icon-slot.integration-icon::after,
.pcs-integration .integration-icon::before,
.pcs-integration .integration-icon::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pcs-integration .icon-slot.integration-icon > img,
.pcs-integration .integration-icon > img {
  display: block !important;
  width: 74px !important;
  height: 74px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Final visual sizing pass for updated icons and hero artwork. */
.spec-inline-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  background: transparent !important;
}

.spec-inline-icon > img {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  filter: none !important;
}

.pcs-integration .integration-card {
  grid-template-columns: 124px 1fr;
  column-gap: 18px;
}

.pcs-integration .icon-slot.integration-icon,
.pcs-integration .integration-icon {
  width: 116px !important;
  height: 116px !important;
  justify-self: center !important;
  align-self: center !important;
}

.pcs-integration .icon-slot.integration-icon > img,
.pcs-integration .integration-icon > img {
  width: 108px !important;
  height: 108px !important;
}

.pcs-integration .icon-slot.integration-icon.hr-custom-icon > img,
.pcs-integration .integration-icon.hr-custom-icon > img {
  width: 68px !important;
  height: 68px !important;
}

.hero-art {
  overflow: visible;
}

.hero-art img {
  width: min(720px, 122%) !important;
}

@media (max-width: 960px) {
  .pcs-integration .integration-card {
    grid-template-columns: 104px 1fr;
  }

  .pcs-integration .icon-slot.integration-icon,
  .pcs-integration .integration-icon {
    width: 96px !important;
    height: 96px !important;
  }

  .pcs-integration .icon-slot.integration-icon > img,
  .pcs-integration .integration-icon > img {
    width: 90px !important;
    height: 90px !important;
  }

  .pcs-integration .icon-slot.integration-icon.hr-custom-icon > img,
  .pcs-integration .integration-icon.hr-custom-icon > img {
    width: 58px !important;
    height: 58px !important;
  }

  .hero-art img {
    width: min(500px, 112%) !important;
  }
}

/* Align the core-features heading with the other section titles. */
.feature-top-banner span.section-tag.feature-section-title,
.feature-top-banner .section-tag.feature-section-title,
.feature-top-banner .feature-section-title {
  display: block !important;
  margin: 0 0 18px !important;
  color: #2f82ff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.04em !important;
}

@media (max-width: 760px) {
  .feature-top-banner span.section-tag.feature-section-title,
  .feature-top-banner .section-tag.feature-section-title,
  .feature-top-banner .feature-section-title {
    font-size: 24px !important;
    margin-bottom: 14px !important;
  }
}

/* Architecture connector arrows only. */
.pcs-architecture-board.v2 .architecture-arrow {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.pcs-architecture-board.v2 .architecture-arrow-agent {
  left: 18.25%;
  top: 50.05%;
  width: 5.1%;
  border-top: 2px dashed rgba(47, 130, 255, 0.58);
}

.pcs-architecture-board.v2 .architecture-arrow-agent::before,
.pcs-architecture-board.v2 .architecture-arrow-agent::after {
  content: "";
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.pcs-architecture-board.v2 .architecture-arrow-agent::before {
  left: -1px;
  border-right: 7px solid rgba(47, 130, 255, 0.82);
}

.pcs-architecture-board.v2 .architecture-arrow-agent::after {
  right: -1px;
  border-left: 7px solid rgba(47, 130, 255, 0.82);
}

.pcs-architecture-board.v2 .architecture-arrow-dmz {
  left: 77.1%;
  top: 45.4%;
  width: 8.7%;
  border-top: 2px dotted rgba(255, 96, 56, 0.72);
}

.pcs-architecture-board.v2 .architecture-arrow-dmz::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 96, 56, 0.82);
}

.pcs-architecture-board.v2 .architecture-arrow-dmz::after {
  content: "";
  position: absolute;
  right: -1px;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 8px solid rgba(255, 96, 56, 0.82);
}

.pcs-architecture-board.v2 .architecture-arrow-mobile {
  left: 91.2%;
  top: 51.1%;
  height: 10.5%;
  border-left: 2px dashed rgba(109, 76, 255, 0.58);
}

.pcs-architecture-board.v2 .architecture-arrow-mobile::before,
.pcs-architecture-board.v2 .architecture-arrow-mobile::after {
  content: "";
  position: absolute;
  left: -5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.pcs-architecture-board.v2 .architecture-arrow-mobile::before {
  top: -1px;
  border-bottom: 7px solid rgba(109, 76, 255, 0.78);
}

.pcs-architecture-board.v2 .architecture-arrow-mobile::after {
  bottom: -1px;
  border-top: 7px solid rgba(109, 76, 255, 0.78);
}

@media (max-width: 1080px) {
  .pcs-architecture-board.v2 .architecture-arrow {
    display: none;
  }
}

/* Connector arrow polish: shorter, centered, and lighter. */
.pcs-architecture-board.v2 .architecture-arrow-agent {
  left: 17.65%;
  top: 50.05%;
  width: 2.1%;
  border-top: 2px dashed rgba(47, 130, 255, 0.5);
}

.pcs-architecture-board.v2 .architecture-arrow-agent::before {
  border-right-color: rgba(47, 130, 255, 0.72);
}

.pcs-architecture-board.v2 .architecture-arrow-agent::after {
  border-left-color: rgba(47, 130, 255, 0.72);
}

.pcs-architecture-board.v2 .architecture-arrow-dmz {
  left: 76.15%;
  top: 36.15%;
  width: 4.55%;
  border-top: 2px dotted rgba(255, 112, 72, 0.58);
}

.pcs-architecture-board.v2 .architecture-arrow-dmz::before {
  width: 6px;
  height: 6px;
  top: -4px;
  background: rgba(255, 112, 72, 0.68);
}

.pcs-architecture-board.v2 .architecture-arrow-dmz::after {
  border-left-color: rgba(255, 112, 72, 0.72);
}

.pcs-architecture-board.v2 .architecture-arrow-mobile {
  left: 88.55%;
  top: 47.25%;
  height: 5.75%;
  border-left: 2px dashed rgba(109, 76, 255, 0.48);
}

.pcs-architecture-board.v2 .architecture-arrow-mobile::before {
  border-bottom-color: rgba(109, 76, 255, 0.68);
}

.pcs-architecture-board.v2 .architecture-arrow-mobile::after {
  border-top-color: rgba(109, 76, 255, 0.68);
}