.xgb-cvs,.xgb-cvs *{box-sizing: border-box}.xgb-cvs{--xgb-orange: #ff6a00;--xgb-orange-deep: #e45700;--xgb-orange-soft: #fff5ed;--xgb-black: #111214;--xgb-graphite: #1b1d20;--xgb-text: #282b30;--xgb-muted: #666b73;--xgb-border: #e7e9ec;--xgb-soft: #f6f7f8;--xgb-white: #ffffff;width: min(100%,1180px);margin: 0 auto;padding: 32px 24px 80px;color: var(--xgb-text);background: var(--xgb-white);font-family: inherit;line-height: 1.78}.xgb-cvs a{color: var(--xgb-orange-deep);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;transition: color 0.2s ease,opacity 0.2s ease}.xgb-cvs a:hover{color: var(--xgb-orange)}.xgb-cvs__hero{position: relative;overflow: hidden;margin-bottom: 24px;padding: clamp(30px,5vw,60px);border: 1px solid var(--xgb-border);border-radius: 26px;background: radial-gradient( circle at 100% 0%,rgba(255,106,0,0.13),transparent 35% ),linear-gradient( 145deg,#ffffff 0%,#fafafa 100% )}.xgb-cvs__hero::before{content: "";position: absolute;top: 0;left: 0;width: 130px;height: 5px;background: var(--xgb-orange)}.xgb-cvs__eyebrow{margin: 0 0 14px;color: var(--xgb-orange-deep);font-size: 12px;font-weight: 800;line-height: 1.4;letter-spacing: 0.11em}.xgb-cvs__hero h1{max-width: 980px;margin: 0 0 20px;color: var(--xgb-black);font-size: clamp(32px,5vw,56px);font-weight: 850;line-height: 1.15;letter-spacing: -0.035em}.xgb-cvs__lead{max-width: 930px;margin: 0;color: #474b52;font-size: clamp(17px,2vw,20px)}.xgb-cvs__cover{width: 100%;margin: 0 0 30px;overflow: hidden;border: 1px solid var(--xgb-border);border-radius: 22px;background: var(--xgb-soft)}.xgb-cvs__cover img{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.xgb-cvs__notice{margin-top: 26px;padding: 20px 22px;border-left: 4px solid var(--xgb-orange);border-radius: 0 14px 14px 0;background: var(--xgb-orange-soft)}.xgb-cvs__notice strong{color: var(--xgb-black)}.xgb-cvs__section{margin: 0 0 28px;padding: clamp(25px,4vw,42px);border: 1px solid var(--xgb-border);border-radius: 22px;background: #ffffff}.xgb-cvs__section > h2,.xgb-cvs__final > h2{margin: 0 0 20px;color: var(--xgb-black);font-size: clamp(25px,3vw,34px);font-weight: 820;line-height: 1.3;letter-spacing: -0.025em}.xgb-cvs__section > h3{margin: 28px 0 10px;color: var(--xgb-black);font-size: 21px;line-height: 1.4}.xgb-cvs__section p{margin: 0 0 18px}.xgb-cvs__section p:last-child{margin-bottom: 0}.xgb-cvs__architecture{margin: 30px 0;padding: clamp(24px,4vw,40px);border-radius: 22px;background: radial-gradient( circle at 50% 0%,rgba(255,106,0,0.12),transparent 40% ),var(--xgb-black)}.xgb-cvs__architecture-title{margin-bottom: 24px;color: #ffffff;text-align: center;font-size: 13px;font-weight: 800;letter-spacing: 0.12em}.xgb-cvs__architecture-flow{display: flex;flex-direction: column;align-items: center;gap: 9px}.xgb-cvs__architecture-flow span{width: min(100%,500px);padding: 13px 18px;border: 1px solid rgba(255,255,255,0.14);border-radius: 12px;color: #ffffff;background: var(--xgb-graphite);text-align: center;font-size: 14px;font-weight: 750}.xgb-cvs__architecture-flow b{color: var(--xgb-orange);font-size: 20px}.xgb-cvs__layers{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px;margin: 26px 0}.xgb-cvs__layer-card{padding: 24px;border: 1px solid var(--xgb-border);border-radius: 18px;background: var(--xgb-soft)}.xgb-cvs__layer-number{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;margin-bottom: 14px;border-radius: 50%;color: #ffffff;background: var(--xgb-orange);font-size: 14px;font-weight: 850}.xgb-cvs__layer-card h3{margin: 0 0 8px;color: var(--xgb-black);font-size: 19px}.xgb-cvs__layer-card p{margin: 0;font-size: 15px}.xgb-cvs__flow-row,.xgb-cvs__trace{display: flex;flex-wrap: wrap;align-items: center;gap: 9px;margin: 24px 0;padding: 18px;border-radius: 16px;background: var(--xgb-soft)}.xgb-cvs__flow-row span,.xgb-cvs__trace span{padding: 8px 12px;border: 1px solid var(--xgb-border);border-radius: 9px;background: #ffffff;font-size: 14px;font-weight: 700}.xgb-cvs__flow-row b,.xgb-cvs__trace b{color: var(--xgb-orange)}.xgb-cvs__comparison-callout{display: grid;grid-template-columns: 1fr auto 1fr;align-items: stretch;gap: 16px;margin: 28px 0}.xgb-cvs__comparison-callout > div:not(.xgb-cvs__versus){padding: 24px;border-radius: 17px;color: #ffffff;background: var(--xgb-black)}.xgb-cvs__comparison-callout strong,.xgb-cvs__comparison-callout span{display: block}.xgb-cvs__comparison-callout strong{margin-bottom: 7px;color: var(--xgb-orange)}.xgb-cvs__versus{align-self: center;color: var(--xgb-orange-deep);font-weight: 900}.xgb-cvs__dual-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 18px;margin: 24px 0}.xgb-cvs__info-card{padding: 24px;border: 1px solid var(--xgb-border);border-radius: 17px;background: var(--xgb-soft)}.xgb-cvs__info-card h3{margin: 0 0 14px;color: var(--xgb-black)}.xgb-cvs__info-card ul{margin: 0;padding-left: 19px}.xgb-cvs__info-card li{margin-bottom: 7px}.xgb-cvs__technical-flow{margin: 0;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size: 14px}.xgb-cvs__table-wrap{width: 100%;margin: 26px 0 15px;overflow-x: auto;border: 1px solid var(--xgb-border);border-radius: 16px}.xgb-cvs__table{width: 100%;min-width: 780px;border-collapse: collapse;background: #ffffff}.xgb-cvs__table th,.xgb-cvs__table td{padding: 15px 16px;border-bottom: 1px solid var(--xgb-border);vertical-align: top;text-align: left}.xgb-cvs__table th{color: #ffffff;background: var(--xgb-black);font-size: 14px;font-weight: 800}.xgb-cvs__table td{font-size: 14px}.xgb-cvs__table tbody tr:nth-child(even){background: #fafafa}.xgb-cvs__table tbody tr:last-child td{border-bottom: 0}.xgb-cvs__table-note{color: var(--xgb-muted);font-size: 13px}.xgb-cvs__checklist{margin: 24px 0;padding: 24px;border: 1px solid var(--xgb-border);border-radius: 17px;background: var(--xgb-soft)}.xgb-cvs__checklist h3{margin: 0 0 14px;color: var(--xgb-black)}.xgb-cvs__checklist ul{display: grid;gap: 9px;margin: 0;padding: 0;list-style: none}.xgb-cvs__checklist li{position: relative;padding-left: 29px}.xgb-cvs__checklist li::before{content: "✓";position: absolute;top: 0;left: 0;color: var(--xgb-orange-deep);font-weight: 900}.xgb-cvs__checklist--columns ul{grid-template-columns: repeat(2,1fr)}.xgb-cvs__vertical-flow{display: flex;flex-direction: column;align-items: center;gap: 8px;margin: 28px 0;padding: clamp(22px,4vw,36px);border-radius: 20px;background: var(--xgb-black)}.xgb-cvs__vertical-flow span{width: min(100%,520px);padding: 12px 16px;border: 1px solid rgba(255,255,255,0.14);border-radius: 10px;color: #ffffff;background: var(--xgb-graphite);text-align: center;font-size: 13px;font-weight: 750}.xgb-cvs__vertical-flow b{color: var(--xgb-orange);font-size: 19px}.xgb-cvs__number-list{counter-reset: xgb-cvs-count;margin: 24px 0 0;padding: 0;list-style: none}.xgb-cvs__number-list li{counter-increment: xgb-cvs-count;position: relative;min-height: 42px;margin-bottom: 12px;padding: 10px 14px 10px 53px;border: 1px solid var(--xgb-border);border-radius: 12px;background: #ffffff}.xgb-cvs__number-list li::before{content: counter(xgb-cvs-count);position: absolute;top: 8px;left: 11px;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 8px;color: #ffffff;background: var(--xgb-black);font-size: 12px;font-weight: 850}.xgb-cvs__scenario{margin: 18px 0;padding: 20px;border-left: 4px solid var(--xgb-orange);border-radius: 0 14px 14px 0;background: var(--xgb-soft)}.xgb-cvs__scenario h3{margin: 0 0 8px;color: var(--xgb-black)}.xgb-cvs__scenario p{margin: 0;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size: 14px}.xgb-cvs__redflags{margin-top: 24px}.xgb-cvs__redflags ol{margin: 0;padding-left: 24px}.xgb-cvs__redflags li{margin-bottom: 12px;padding: 13px 16px;border: 1px solid #f0dad0;border-radius: 12px;background: #fff8f4}.xgb-cvs__faq-item{margin-top: 16px;padding: 20px;border: 1px solid var(--xgb-border);border-radius: 15px;background: var(--xgb-soft)}.xgb-cvs__faq-item h3{margin: 0 0 9px;color: var(--xgb-black);font-size: 18px;line-height: 1.45}.xgb-cvs__faq-item p{margin: 0}.xgb-cvs__final{position: relative;overflow: hidden;padding: clamp(30px,5vw,52px);border-radius: 24px;color: #ffffff;background: radial-gradient( circle at 100% 0%,rgba(255,106,0,0.25),transparent 34% ),var(--xgb-black)}.xgb-cvs__final-label{display: inline-flex;margin-bottom: 13px;color: var(--xgb-orange);font-size: 12px;font-weight: 850;letter-spacing: 0.11em}.xgb-cvs__final > h2{max-width: 850px;color: #ffffff}.xgb-cvs__final p{max-width: 900px;color: rgba(255,255,255,0.82)}.xgb-cvs__actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 26px}.xgb-cvs__button{display: inline-flex;align-items: center;justify-content: center;min-height: 46px;padding: 12px 19px;border: 1px solid rgba(255,255,255,0.24);border-radius: 12px;color: #ffffff !important;background: rgba(255,255,255,0.07);text-decoration: none !important;font-size: 14px;font-weight: 760;transition: transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}.xgb-cvs__button:hover{transform: translateY(-2px);border-color: rgba(255,255,255,0.45);background: rgba(255,255,255,0.12)}.xgb-cvs__button--primary{border-color: var(--xgb-orange);background: var(--xgb-orange)}.xgb-cvs__button--primary:hover{background: var(--xgb-orange-deep)}@media (max-width: 900px){.xgb-cvs__layers,.xgb-cvs__dual-grid{grid-template-columns: 1fr}.xgb-cvs__checklist--columns ul{grid-template-columns: 1fr}.xgb-cvs__comparison-callout{grid-template-columns: 1fr}.xgb-cvs__versus{justify-self: center}}@media (max-width: 640px){.xgb-cvs{padding: 24px 14px 55px}.xgb-cvs__hero,.xgb-cvs__section,.xgb-cvs__final,.xgb-cvs__cover{border-radius: 18px}.xgb-cvs__hero,.xgb-cvs__section,.xgb-cvs__final{padding: 24px 19px}.xgb-cvs__hero h1{font-size: 31px}.xgb-cvs__section > h2,.xgb-cvs__final > h2{font-size: 25px}.xgb-cvs__flow-row,.xgb-cvs__trace{align-items: stretch;flex-direction: column}.xgb-cvs__flow-row span,.xgb-cvs__trace span{width: 100%;text-align: center}.xgb-cvs__flow-row b,.xgb-cvs__trace b{transform: rotate(90deg);align-self: center}.xgb-cvs__actions{flex-direction: column}.xgb-cvs__button{width: 100%}}@media (prefers-reduced-motion: reduce){.xgb-cvs *,.xgb-cvs *::before,.xgb-cvs *::after{scroll-behavior: auto !important;transition: none !important}}@media print{.xgb-cvs{max-width: none;padding: 0}.xgb-cvs__section,.xgb-cvs__hero,.xgb-cvs__final{break-inside: avoid}}