.opc-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 28%),radial-gradient(circle at 85% 12%,rgba(79,70,229,.2),transparent 22%),linear-gradient(180deg,#0f1834,#11214d 28%,#f8fafc 0,#ffffff);color:#0f172a;overflow-x:hidden}.opc-hero,.opc-platform{position:relative}.opc-hero{padding:calc(var(--header-height) + 4.5rem) 0 5rem;color:#f8fbff;overflow:hidden}.opc-hero__backdrop{position:absolute;inset:0;pointer-events:none}.opc-hero__gridGlow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(96,165,250,.08),transparent 26%,transparent 74%,rgba(96,165,250,.06)),linear-gradient(135deg,rgba(255,255,255,.05) 0 12%,transparent 12% 35%,rgba(255,255,255,.03) 35% 48%,transparent 48% 100%);opacity:.92}.opc-hero__ambient{position:absolute;border-radius:50%;filter:blur(24px)}.opc-hero__ambient--left{left:-6rem;top:2rem;width:20rem;height:20rem;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%)}.opc-hero__ambient--right{right:-5rem;top:1rem;width:26rem;height:26rem;background:radial-gradient(circle,rgba(96,165,250,.14),transparent 68%)}.opc-agent-node{position:absolute;width:4.6rem;height:4.6rem;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.5),rgba(96,165,250,.04) 65%,transparent 72%);display:grid;place-items:center}.opc-agent-node:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:#60a5fa;box-shadow:0 0 16px rgba(96,165,250,.85)}.opc-agent-node span{position:absolute;color:#93c5fd;font-size:.66rem;font-weight:700;letter-spacing:.08em}.opc-agent-node--pm{left:50%;top:20%;transform:translateX(-50%)}.opc-agent-node--pm span{top:-.9rem}.opc-agent-node--dev{left:34%;top:34%}.opc-agent-node--dev span{top:-.9rem}.opc-agent-node--cto{right:34%;top:34%}.opc-agent-node--cto span{top:-.9rem}.opc-agent-node--qa{left:34%;bottom:20%}.opc-agent-node--qa span{bottom:-.95rem}.opc-agent-node--des{right:34%;bottom:20%}.opc-agent-node--des span{bottom:-.95rem}.opc-agent-node--ops{left:50%;bottom:8%;transform:translateX(-50%)}.opc-agent-node--ops span{bottom:-.95rem}.opc-agent-link{position:absolute;left:50%;top:50%;transform-origin:center;opacity:.18;background:repeating-linear-gradient(90deg,rgba(96,165,250,.7) 0 5px,transparent 5px 10px)}.opc-agent-link--vertical{width:1px;height:20rem;transform:translate(-50%,-50%)}.opc-agent-link--diagLeft{width:16rem;height:1px;transform:translate(-50%,-50%) rotate(145deg)}.opc-agent-link--diagRight{width:16rem;height:1px;transform:translate(-50%,-50%) rotate(35deg)}.opc-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(2rem,4vw,4rem);align-items:center}.opc-hero__content{max-width:40rem}.opc-hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;margin-bottom:1.4rem;border-radius:999px;background:rgba(44,77,154,.55);border:1px solid rgba(148,189,255,.24);color:#d9e8ff;font-size:.86rem;letter-spacing:.04em}.opc-hero__eyebrowIcon{width:.95rem;height:.95rem}.opc-hero__title{margin:0;font-family:"ChuangkitDiamond",var(--font-family-chinese),sans-serif;font-size:clamp(3rem,6vw,5rem);line-height:.95;letter-spacing:.01em;color:#ffffff}.opc-hero__subtitle{margin-top:1.5rem;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.2;font-weight:700;color:#86b7ff}.opc-hero__description{margin-top:1.35rem;max-width:38rem;font-size:1.05rem;line-height:1.85;color:rgba(226,236,255,.78)}.opc-cta__actions,.opc-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.opc-hero__actions{margin-top:2rem}.opc-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:10.5rem;padding:.95rem 1.4rem;border-radius:.95rem;border:1px solid transparent;text-decoration:none;font-weight:700;transition:transform var(--transition-duration-300) var(--transition-timing-out),box-shadow var(--transition-duration-300) var(--transition-timing-out),background-color var(--transition-duration-300) var(--transition-timing-out),color var(--transition-duration-300) var(--transition-timing-out),border-color var(--transition-duration-300) var(--transition-timing-out)}.opc-button:hover{transform:translateY(-2px)}.opc-button__icon{width:1rem;height:1rem}.opc-button--primary{color:#ffffff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 18px 36px rgba(38,99,235,.3)}.opc-button--ghost{color:#eef5ff;border-color:rgba(157,191,255,.34);background:rgba(255,255,255,.04)}.opc-button--light{color:#2563eb;background:#ffffff;box-shadow:0 18px 34px rgba(8,20,68,.22)}.opc-button--outlineLight{color:#ffffff;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.04)}.opc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:3rem}.opc-stats__item{display:flex;flex-direction:column;gap:.35rem}.opc-stats__item strong{font-size:clamp(1.8rem,2.6vw,2.3rem);line-height:1;color:#ffffff}.opc-stats__item span{font-size:.92rem;color:rgba(219,229,255,.72)}.opc-hero__visual{position:relative;min-height:34rem}.opc-status-pill{position:absolute;top:-.4rem;right:.75rem;z-index:2;display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.2rem;border-radius:1rem;background:rgba(255,255,255,.96);color:#1e293b;box-shadow:0 18px 40px rgba(7,16,48,.28);font-size:.9rem;font-weight:700}.opc-status-pill__icon{width:1rem;height:1rem;color:#16a34a}.opc-console{position:absolute;inset:2.6rem 0 0 0;padding:1.2rem;border-radius:1.8rem;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04)),rgba(20,28,58,.56);border:1px solid rgba(148,179,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px rgba(8,14,36,.3);backdrop-filter:blur(18px)}.opc-console:before{content:"";position:absolute;inset:1rem;border-radius:1.35rem;border:1px solid rgba(135,176,255,.12);pointer-events:none}.opc-console__footer,.opc-console__header{display:flex;align-items:center;justify-content:space-between}.opc-console__header{padding:.3rem .45rem 1.1rem;color:#bdd8ff;font-weight:700;font-size:.9rem}.opc-console__state{display:inline-flex;align-items:center;gap:.45rem;color:#86efac;font-size:.82rem}.opc-console__state:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.opc-console__board{position:relative;min-height:24.5rem;border-radius:1.35rem;background:linear-gradient(180deg,rgba(14,22,48,.98),rgba(19,20,40,.96)),#0c132d;border:1px solid rgba(65,112,206,.48);box-shadow:inset 0 0 0 1px rgba(98,145,255,.1),0 0 0 .5rem rgba(49,95,215,.08)}.opc-console__ring{width:12rem;height:12rem;border-radius:50%;border:2px solid rgba(94,159,255,.7);box-shadow:0 0 24px rgba(59,130,246,.28)}.opc-console__ring,.opc-console__ring:after,.opc-console__ring:before{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.opc-console__ring:after,.opc-console__ring:before{content:"";background:rgba(79,156,255,.16)}.opc-console__ring:before{width:1px;height:100%}.opc-console__ring:after{width:100%;height:1px}.opc-console__hub{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 0 0 .35rem rgba(59,130,246,.12),0 0 28px rgba(59,130,246,.55);transform:translate(-50%,-50%)}.opc-console__hubIcon{width:1.3rem;height:1.3rem;color:#eff6ff}.opc-console__pulse{position:absolute;width:1.2rem;height:1.2rem;border-radius:50%;border:2px solid rgba(96,165,250,.95);background:rgba(15,23,42,.96);box-shadow:0 0 12px rgba(96,165,250,.5)}.opc-console__pulse--top{top:22%;left:50%;transform:translateX(-50%)}.opc-console__pulse--right{top:50%;right:22%;transform:translateY(-50%)}.opc-console__pulse--bottom{bottom:22%;left:50%;transform:translateX(-50%)}.opc-console__pulse--left{top:50%;left:22%;transform:translateY(-50%)}.opc-console__stream{position:absolute;inset:50% auto auto 50%;background:linear-gradient(90deg,transparent,rgba(96,165,250,.5),transparent);opacity:.45}.opc-console__stream--toBottom,.opc-console__stream--toTop{width:1px;height:5.2rem}.opc-console__stream--toLeft,.opc-console__stream--toRight{width:5.2rem;height:1px}.opc-console__stream--toTop{transform:translate(-50%,-100%)}.opc-console__stream--toBottom{transform:translate(-50%)}.opc-console__stream--toLeft{transform:translate(-100%,-50%)}.opc-console__stream--toRight{transform:translateY(-50%)}.opc-agent-card{position:absolute;display:flex;flex-direction:column;gap:.2rem;min-width:8rem;padding:.85rem .95rem;border-radius:.85rem;background:rgba(25,32,58,.92);border:1px solid rgba(74,117,210,.34);color:#d4e5ff;box-shadow:0 12px 24px rgba(7,13,35,.25)}.opc-agent-card:before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.7);position:absolute;left:.75rem;top:.82rem}.opc-agent-card strong{font-size:.9rem;padding-left:.8rem}.opc-agent-card span{font-size:.74rem;color:rgba(170,196,255,.72);padding-left:.8rem}.opc-agent-card--topLeft{top:16%;left:8%}.opc-agent-card--topRight{top:16%;right:8%}.opc-agent-card--bottomLeft{bottom:14%;left:8%}.opc-agent-card--bottomRight{bottom:14%;right:8%}.opc-console__footer{gap:1rem;margin-top:1rem;padding:0 .45rem}.opc-console__footer>div{display:flex;flex-direction:column;gap:.25rem}.opc-console__footer strong{font-size:1.2rem;color:#ffffff}.opc-console__footer span{font-size:.76rem;color:rgba(187,206,255,.72)}.opc-section{padding:5.5rem 0}.opc-section--surface{background:#ffffff}.opc-section--mist{background:#f8fafc}.opc-section__header{max-width:46rem;margin:0 auto 2.7rem;text-align:center}.opc-section__header--split{max-width:none;margin-bottom:2.2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;text-align:left}.opc-section__header h2{margin:0;font-family:"ChuangkitDiamond",var(--font-family-chinese),sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;color:#0f172a}.opc-section__header p:last-child{margin-top:1rem;font-size:1rem;line-height:1.85;color:#526078}.opc-feature-grid,.opc-scene-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(4,minmax(0,1fr))}.opc-feature-card,.opc-scene-card{border:1px solid rgba(207,220,244,.92);border-radius:1.4rem;background:#ffffff;box-shadow:0 18px 36px rgba(15,23,42,.05)}.opc-feature-card{padding:1.7rem;transition:transform var(--transition-duration-300) var(--transition-timing-out),box-shadow var(--transition-duration-300) var(--transition-timing-out)}.opc-feature-card:hover,.opc-scene-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(15,23,42,.08)}.opc-feature-card__icon{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:1rem;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(96,165,250,.16));color:#2563eb}.opc-feature-card__svg{width:1.4rem;height:1.4rem}.opc-feature-card h3{margin:1.2rem 0 0;font-size:1.2rem;line-height:1.35;color:#0f172a}.opc-feature-card p,.opc-scene-card p{margin-top:.85rem;font-size:.96rem;line-height:1.85;color:#5b667b}.opc-text-link{display:inline-flex;align-items:center;gap:.5rem;color:#2563eb;text-decoration:none;font-weight:700;white-space:nowrap}.opc-text-link__icon{width:1rem;height:1rem}.opc-scene-card{overflow:hidden;transition:transform var(--transition-duration-300) var(--transition-timing-out),box-shadow var(--transition-duration-300) var(--transition-timing-out)}.opc-scene-card__art{position:relative;height:12rem;background:#d7deea}.opc-scene-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;opacity:.84}.opc-scene-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.62))}.opc-scene-card__badge{position:absolute;left:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.55rem;color:#eff6ff;font-weight:700}.opc-scene-card__badgeIcon{width:1rem;height:1rem}.opc-scene-card__body{padding:1.45rem 1.35rem 1.6rem}.opc-cta{padding:0 0 5.5rem;background:#ffffff}.opc-cta__panel{position:relative;overflow:hidden;padding:clamp(2.6rem,5vw,4rem);border-radius:1.8rem;background:radial-gradient(circle at 10% 85%,rgba(255,255,255,.12),transparent 18%),radial-gradient(circle at 90% 10%,rgba(255,255,255,.12),transparent 20%),linear-gradient(135deg,#2563eb,#4338ca);color:#ffffff;text-align:center;box-shadow:0 30px 60px rgba(55,83,201,.22)}.opc-cta__panel h2{margin:0;font-family:"ChuangkitDiamond",var(--font-family-chinese),sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.opc-cta__panel p{max-width:46rem;margin:1rem auto 0;font-size:1rem;line-height:1.85;color:rgba(241,245,255,.9)}.opc-cta__actions{justify-content:center;margin-top:2rem}@media (max-width:1200px){.opc-feature-grid,.opc-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.opc-page{background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 28%),linear-gradient(180deg,#0f1834,#11214d 22%,#f8fafc 0,#ffffff)}.opc-hero{padding-bottom:4rem}.opc-hero__grid{grid-template-columns:1fr}.opc-hero__content{max-width:none}.opc-hero__visual{min-height:30rem}.opc-section__header--split{align-items:flex-start;flex-direction:column}.opc-agent-node--dev,.opc-agent-node--qa{left:22%}.opc-agent-node--cto,.opc-agent-node--des{right:22%}}@media (max-width:768px){.opc-hero{padding-top:calc(var(--header-height) + 3rem)}.opc-status-pill{position:static;margin-bottom:1rem}.opc-console{position:relative;inset:auto}.opc-hero__visual{min-height:auto}.opc-feature-grid,.opc-scene-grid,.opc-stats{grid-template-columns:1fr}.opc-console__board{min-height:22rem}.opc-agent-card{min-width:6.6rem;padding:.75rem}.opc-agent-card strong{font-size:.8rem}.opc-agent-card span{font-size:.68rem}.opc-agent-card--topLeft{top:10%;left:5%}.opc-agent-card--topRight{top:10%;right:5%}.opc-agent-card--bottomLeft{bottom:10%;left:5%}.opc-agent-card--bottomRight{bottom:10%;right:5%}.opc-section{padding:4.5rem 0}.opc-agent-link,.opc-agent-node{display:none}}@media (max-width:520px){.opc-hero__title{font-size:2.7rem}.opc-console__board{min-height:20rem}.opc-console__ring{width:9.5rem;height:9.5rem}.opc-console__pulse--left{left:16%}.opc-console__pulse--right{right:16%}.opc-console__pulse--top{top:18%}.opc-console__pulse--bottom{bottom:18%}.opc-agent-card{min-width:5.8rem}.opc-button{width:100%}}