.hero--home .hero-stage {
  min-height: clamp(220px, 34vh, 320px);
}
.pe2-deposit-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;padding:16px;border:1px solid #cbdcf7;border-radius:8px;background:#f1f6ff}.pe2-deposit-summary>div{display:grid;gap:3px}.pe2-deposit-summary span{color:#667791;font-size:12px}.pe2-deposit-summary strong{color:#155bea;font-size:24px}.pe2-deposit-summary p{grid-column:1/-1;margin:4px 0 0;color:#687791;font-size:11px;line-height:1.65}
.pe2-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.pe2-card-actions .pe2-button{min-height:38px;padding:0 10px;font-size:12px}.pe2-card-actions+.pe2-subaction{margin-top:11px}@media(max-width:420px){.pe2-card-actions{grid-template-columns:1fr}}
.pe2-referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.pe2-referral-stats article{display:grid;gap:4px;padding:15px;border:1px solid #d9e5f8;border-radius:8px;background:#f6f9ff;text-align:center}.pe2-referral-stats strong{color:#155bea;font-size:26px}.pe2-referral-stats span{color:#677791;font-size:12px}.pe2-progress{margin:0 0 18px}.pe2-progress>span{display:block;height:9px;overflow:hidden;border-radius:99px;background:#e5ecf8}.pe2-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1760e8,#5794ff);transition:width .35s ease}.pe2-progress p{margin:8px 0 0;color:#52627d;font-size:13px}

/* Product ecosystem v2, matched to the supplied shengtai2 reference. */
.pe2-main{background:#f7faff;color:#10234a}.pe2-main *{box-sizing:border-box}.pe2-main section{border:0}.pe2-hero{position:relative;overflow:hidden;padding:54px 0 28px;background:linear-gradient(155deg,#fff 4%,#f2f7ff 58%,#e6f0ff 100%)}.pe2-hero:after{content:"";position:absolute;inset:auto -10% -80px; height:180px;border-top:1px solid rgba(50,112,244,.16);border-radius:50%;transform:rotate(-5deg);pointer-events:none}.pe2-hero-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(620px,1.4fr);gap:38px;align-items:center}.pe2-kicker{margin:0 0 14px;color:#1559e8;font-weight:800}.pe2-hero h1{margin:0;color:#07183b;font-size:44px;line-height:1.15;letter-spacing:0}.pe2-hero-copy>p:not(.pe2-kicker){margin:16px 0 0;color:#526480;line-height:1.7}.pe2-actions{display:flex;gap:12px;margin-top:22px}.pe2-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border:1px solid #2461ef;border-radius:6px;background:#fff;color:#1555dc;font:700 14px/1 inherit;letter-spacing:0;text-decoration:none;cursor:pointer}.pe2-button:hover{background:#f0f5ff}.pe2-button--primary{background:#145bea;color:#fff;box-shadow:0 10px 20px -15px #145bea}.pe2-button--primary:hover{background:#064bd3;color:#fff}.pe2-product-line{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center}.pe2-product-line article{display:grid;justify-items:center;gap:3px;text-align:center;min-width:0}.pe2-product-line img{width:116px;height:112px;object-fit:contain;mix-blend-mode:multiply}.pe2-product-line strong{font-size:14px;white-space:nowrap}.pe2-product-line span{font-size:12px;color:#536581}.pe2-product-line>i{color:#2869f3;font-size:24px;font-style:normal;text-align:center}.pe2-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid #dce7fa}.pe2-benefits>span{display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:20px 28px}.pe2-benefits b{grid-row:1/3;color:#1b63ee;font-size:26px}.pe2-benefits strong{font-size:14px}.pe2-benefits small{color:#64738d}.pe2-section{padding:30px 0}.pe2-catalog{padding-top:34px}.pe2-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pe2-product-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:22px 16px 17px;border:1px solid #d9e4f7;border-radius:8px;background:#fff;box-shadow:0 14px 36px -32px #5573a8;text-align:center}.pe2-tag{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:800}.pe2-tag--amber{background:#fff2df;color:#dc741a}.pe2-tag--violet{background:#f0e9ff;color:#7046d8}.pe2-product-card figure{width:100%;height:150px;margin:0}.pe2-product-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pe2-product-card h2{margin:5px 0 7px;font-size:20px}.pe2-product-card>p{min-height:42px;margin:0;color:#596982;font-size:13px;line-height:1.55}.pe2-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0}.pe2-chips span{padding:4px 8px;border-radius:4px;background:#eef4ff;color:#3264c1;font-size:11px}.pe2-price{margin:3px 0;color:#0c1831;font-size:21px}.pe2-price em{font-size:11px;font-style:normal}.pe2-product-card>small{min-height:34px;color:#697993;font-size:11px}.pe2-product-card>.pe2-button{width:100%;min-height:38px}.pe2-subaction{margin-top:10px;color:#1760e8;font-size:12px;text-decoration:none}.pe2-helpbar{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-top:18px;padding:16px 26px;border:1px solid #d7e5fb;border-radius:8px;background:#edf5ff}.pe2-helpbar div{display:grid;gap:4px}.pe2-helpbar span{color:#66768f;font-size:12px}.pe2-note{margin:8px 4px 0;color:#7a879b;font-size:11px}.pe2-heading{position:relative;margin:0 0 16px;padding-left:12px;font-size:17px}.pe2-heading:before{content:"";position:absolute;left:0;top:2px;width:3px;height:18px;border-radius:3px;background:#1460ed}.pe2-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pe2-info-grid article{display:grid;grid-template-columns:46px 1fr;gap:10px;min-height:132px;padding:20px;border:1px solid #dce6f6;border-radius:8px;background:#fff}.pe2-info-grid article>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f0ff;color:#1760e8;font-size:20px}.pe2-info-grid strong{font-size:14px}.pe2-info-grid p,.pe2-info-grid span,.pe2-info-grid a{display:block;margin:6px 0 0;color:#52627b;font-size:11px;line-height:1.65}.pe2-info-grid a{color:#1760e8}.pe2-info-card--warm{background:#fffaf3!important}.pe2-info-card--green{background:#f4fbf8!important}.pe2-connect{text-align:center}.pe2-connect .pe2-heading{text-align:left}.pe2-endpoints{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1080px;margin:auto}.pe2-endpoints span,.pe2-support span{padding:10px;border:1px solid #d9e5fa;border-radius:6px;background:#fff;font-size:12px;font-weight:700}.pe2-platform{position:relative;margin:16px auto 10px;padding:16px;border:1px solid #78a6ff;border-radius:7px;background:#f0f6ff}.pe2-platform strong{font-size:18px}.pe2-platform p{margin:7px 0 0;color:#526481;font-size:12px}.pe2-support{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:800px;margin:auto}.pe2-connect>.wrap>p{margin:10px 0 0;color:#78869d;font-size:11px}.pe2-deploy-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px}.pe2-deploy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pe2-deploy-grid article{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:20px;border:1px solid #dbe6f7;border-radius:8px;background:#edf5ff}.pe2-deploy-grid b{font-size:30px;color:#1760e8}.pe2-deploy-grid strong{font-size:14px}.pe2-deploy-grid p{margin:5px 0 0;color:#60708a;font-size:11px;line-height:1.55}.pe2-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pe2-assurance span{display:grid;justify-items:center;text-align:center}.pe2-assurance b{color:#1760e8;font-size:28px}.pe2-assurance strong{margin:8px 0 3px;font-size:12px}.pe2-assurance small{color:#748198;font-size:10px}.pe2-final{padding:16px 0 42px}.pe2-final-panel{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;padding:25px 34px;border-radius:8px;background:#061e55;color:#fff}.pe2-final h2{margin:0;font-size:23px}.pe2-final p{margin:7px 0 0;color:#c7d4ef}.pe2-button--light{border-color:#fff;background:#fff;color:#0f56df}.pe2-button--ghost{border-color:#89a8e8;background:transparent;color:#fff}.pe2-text-button{border:0;background:none;color:#fff;cursor:pointer}.pe2-modal[hidden]{display:none}.pe2-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:24px}.pe2-modal-backdrop{position:absolute;inset:0;background:rgba(27,48,83,.48);backdrop-filter:blur(2px)}.pe2-dialog{position:relative;z-index:1;width:min(100%,920px);max-height:calc(100vh - 48px);overflow:auto;padding:42px 50px 30px;border-radius:8px;background:#fff;box-shadow:0 30px 90px rgba(13,35,75,.28);color:#12254b}.pe2-dialog--compare{width:min(100%,1380px)}.pe2-dialog h2{margin:0;font-size:28px}.pe2-dialog>p{margin:3px 0 20px;color:#60708b}.pe2-close{position:absolute;right:24px;top:19px;width:40px;height:40px;border:0;background:transparent;color:#596a85;font-size:36px;line-height:1;cursor:pointer}.pe2-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0 44px;padding:0;list-style:none}.pe2-steps li{position:relative;display:grid;justify-items:center;gap:8px;color:#60708a}.pe2-steps li:before{content:"";position:absolute;left:-50%;right:50%;top:18px;height:2px;background:#d5e0f4}.pe2-steps li:first-child:before{display:none}.pe2-steps li{font-size:14px}.pe2-steps li::marker{display:none}.pe2-steps li{counter-increment:none}.pe2-steps li{z-index:1}.pe2-steps li:not(span){ }.pe2-steps li{padding-top:8px}.pe2-steps li>span{margin-top:8px}.pe2-steps li.is-active{color:#155bea}.pe2-steps li.is-active:after{content:"";position:absolute;top:0;width:36px;height:36px;border-radius:50%;background:#2561e9;z-index:-1}.pe2-steps li.is-active{color:#fff}.pe2-steps li.is-active span{color:#155bea}.pe2-wizard h3{margin:0;font-size:24px}.pe2-wizard-panel>p{margin:5px 0 20px;color:#667690}.pe2-options{display:grid;gap:12px}.pe2-options button{display:grid;grid-template-columns:50px 1fr auto;align-items:center;min-height:72px;padding:8px 18px;border:1px solid #c9d8f3;border-radius:8px;background:#f7faff;color:#1a2e54;text-align:left;cursor:pointer}.pe2-options button>b{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e7f0ff;color:#2364eb;font-size:20px}.pe2-options button span{display:grid;gap:3px}.pe2-options button strong{font-size:17px}.pe2-options button small{color:#667791}.pe2-options button.is-selected{border:2px solid #2865ee;background:#eef4ff}.pe2-options button.is-selected:after{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2865ee;color:#fff}.pe2-dialog-actions{display:flex;justify-content:space-between;margin-top:24px}.pe2-result{text-align:center;padding:30px}.pe2-result-label{color:#1760e8!important;font-weight:800}.pe2-result h3{font-size:32px}.pe2-table-scroll{overflow:auto;border:1px solid #cad9f3;border-radius:8px}.pe2-dialog table{width:100%;min-width:1000px;border-collapse:collapse;text-align:center}.pe2-dialog th,.pe2-dialog td{padding:18px 14px;border-right:1px solid #d6e1f3;border-bottom:1px solid #d6e1f3}.pe2-dialog thead th{background:#f0f5fd;font-size:18px}.pe2-dialog tbody th{background:#f8faff}.pe2-dialog td{color:#2d405f}.pe2-dialog td strong{color:#1359e5}.pe2-dialog td .pe2-button{min-height:38px;padding:0 18px}.pe2-dialog--compare>small{display:block;margin-top:13px;color:#76849a}body.pe2-modal-open{overflow:hidden}
@media(max-width:1100px){.pe2-hero-grid{grid-template-columns:1fr}.pe2-product-line{max-width:760px}.pe2-product-grid,.pe2-info-grid{grid-template-columns:repeat(2,1fr)}.pe2-final-panel{grid-template-columns:1fr auto auto}.pe2-text-button{grid-column:1/-1}.pe2-deploy-wrap{grid-template-columns:1fr}.pe2-dialog{padding:38px 28px 24px}}
@media(max-width:720px){.pe2-hero{padding-top:36px}.pe2-hero h1{font-size:34px}.pe2-actions{flex-direction:column}.pe2-product-line{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:24px}.pe2-product-line>i{display:none}.pe2-product-line img{width:72px;height:72px}.pe2-product-line strong{font-size:11px}.pe2-benefits{grid-template-columns:repeat(2,1fr)}.pe2-benefits>span{padding:14px 8px}.pe2-product-grid,.pe2-info-grid,.pe2-deploy-grid,.pe2-assurance{grid-template-columns:1fr}.pe2-helpbar{grid-template-columns:1fr}.pe2-endpoints{grid-template-columns:repeat(2,1fr)}.pe2-support{grid-template-columns:1fr}.pe2-final-panel{grid-template-columns:1fr}.pe2-final-panel .pe2-button{width:100%}.pe2-modal{padding:10px}.pe2-dialog{max-height:calc(100vh - 20px);padding:34px 16px 20px}.pe2-dialog h2{font-size:22px}.pe2-steps{margin-bottom:30px}.pe2-steps li{font-size:12px}.pe2-steps li>span{font-size:10px}.pe2-wizard h3{font-size:20px}.pe2-options button{grid-template-columns:42px 1fr;padding:8px}.pe2-options button:after{display:none!important}.pe2-options button strong{font-size:14px}.pe2-dialog-actions .pe2-button{padding:0 16px}.pe2-close{right:10px;top:8px}.pe2-deploy-wrap{gap:28px}}

/* Product ecosystem icon system: one precise SVG language replaces text glyph placeholders. */
.pe2-icon{display:block;width:22px;height:22px;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pe2-icon--inline{display:inline-block;width:14px;height:14px;margin-left:3px;vertical-align:-2px;stroke-width:2}
.pe2-hero-visual{position:relative;isolation:isolate;margin:0;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(61,116,220,.16);border-radius:22px;background:linear-gradient(145deg,#fafdff,#eaf3ff);box-shadow:0 28px 72px -48px rgba(21,73,164,.72)}
.pe2-hero-visual:after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);pointer-events:none}
.pe2-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.006)}
.pe2-hero-labels{position:absolute;z-index:3;inset:0;margin:0;pointer-events:none}
.pe2-hero-label{position:absolute;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1px solid rgba(87,136,222,.42);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 9px 24px -15px rgba(20,67,150,.8);backdrop-filter:blur(8px);color:#164481;font-size:11px;font-weight:800;white-space:nowrap;transform:translateX(-50%)}
.pe2-hero-label:before{content:"";width:6px;height:6px;border-radius:50%;background:#1760e8;box-shadow:0 0 0 3px rgba(23,96,232,.12)}
.pe2-hero-label--go{left:15%;bottom:4%}
.pe2-hero-label--mini{left:46%;bottom:4%}
.pe2-hero-label--core{left:78%;bottom:4%}
.pe2-hero-label--station{left:83%;top:4%}
.pe2-connect-visual{position:relative;width:min(100%,1080px);aspect-ratio:3/1;margin:0 auto 20px;overflow:hidden;border:1px solid rgba(62,119,226,.16);border-radius:18px;background:#f5f9ff;box-shadow:0 20px 48px -38px rgba(25,76,172,.72)}
.pe2-connect-visual:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.66);pointer-events:none}
.pe2-connect-visual img{display:block;width:100%;height:100%;object-fit:cover}
.pe2-connect-deployment{position:absolute;z-index:2;inset:0;margin:0;pointer-events:none}
.pe2-connect-deployment span{position:absolute;bottom:7%;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid rgba(111,157,232,.46);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 10px 26px -14px rgba(21,74,166,.72);backdrop-filter:blur(8px);color:#164886;font-size:12px;font-weight:800;white-space:nowrap}
.pe2-connect-deployment span .pe2-icon{width:18px;height:18px;color:#1760e8;stroke-width:1.9}
.pe2-connect-deployment--cloud{left:11%;transform:translateX(-50%)}
.pe2-connect-deployment--local{left:89%;transform:translateX(-50%)}
.pe2-product-line>i.pe2-flow-arrow{display:grid;place-items:center;width:42px;height:28px;margin:auto;border:1px solid rgba(48,111,240,.18);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(224,237,255,.94));box-shadow:0 7px 18px -12px rgba(25,88,218,.75);color:#1760e8;font-size:inherit}
.pe2-flow-arrow .pe2-icon{width:18px;height:18px;stroke-width:2.1}
.pe2-benefits b{display:grid;grid-row:1/3;place-items:center;width:36px;height:36px;border:1px solid rgba(59,120,240,.18);border-radius:12px;background:linear-gradient(145deg,#fff,#e9f2ff);box-shadow:0 9px 22px -16px rgba(23,96,232,.9);color:#1760e8;font-size:inherit}
.pe2-benefits b .pe2-icon{width:19px;height:19px}
.pe2-info-grid article>b{border:1px solid rgba(48,107,225,.15);border-radius:14px;background:linear-gradient(145deg,#f9fcff,#e4efff);box-shadow:0 9px 22px -17px rgba(21,89,220,.9);font-size:inherit}
.pe2-info-grid article>b .pe2-icon{width:21px;height:21px}
.pe2-info-card--warm>b{border-color:rgba(226,139,50,.18)!important;background:linear-gradient(145deg,#fffdf8,#ffecd3)!important;color:#cf7721!important}
.pe2-info-card--green>b{border-color:rgba(43,151,115,.16)!important;background:linear-gradient(145deg,#fbfffd,#dff5ec)!important;color:#178260!important}
.pe2-info-grid a{display:inline-flex;align-items:center;width:max-content}
.pe2-endpoints span,.pe2-support span{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:12px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 10px 24px -20px rgba(25,82,190,.85);color:#173766}
.pe2-endpoints span .pe2-icon{width:18px;height:18px;color:#1760e8}
.pe2-support span{border-color:#bfd5fc;background:linear-gradient(145deg,#fafdff,#eaf3ff);color:#183d74}
.pe2-support span .pe2-icon{box-sizing:border-box;width:29px;height:29px;padding:5px;border-radius:9px;background:#dceaff;color:#155de5;stroke-width:1.9}
.pe2-deploy-grid b{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(43,109,237,.16);border-radius:13px;background:linear-gradient(145deg,#fff,#dceaff);box-shadow:0 9px 22px -17px rgba(21,89,220,.85);font-size:inherit}
.pe2-deploy-grid b .pe2-icon{width:22px;height:22px}
.pe2-assurance b{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(43,109,237,.15);border-radius:50%;background:linear-gradient(145deg,#fff,#e4efff);box-shadow:0 10px 25px -18px rgba(21,89,220,.9);font-size:inherit}
.pe2-assurance b .pe2-icon{width:23px;height:23px}
.pe2-text-button{display:inline-flex;align-items:center;gap:3px}
@media(max-width:720px){.pe2-product-line>i.pe2-flow-arrow{display:none}.pe2-hero-visual{border-radius:16px}.pe2-hero-label{gap:4px;min-height:20px;padding:0 5px;font-size:7px}.pe2-hero-label:before{width:4px;height:4px;box-shadow:0 0 0 2px rgba(23,96,232,.12)}.pe2-hero-label--go{left:15%;bottom:3%}.pe2-hero-label--mini{left:45%;bottom:3%}.pe2-hero-label--core{left:76%;bottom:3%}.pe2-hero-label--station{left:82%;top:3%}.pe2-benefits>span{grid-template-columns:34px 1fr}.pe2-benefits b{width:32px;height:32px;border-radius:10px}.pe2-benefits b .pe2-icon{width:17px;height:17px}.pe2-connect-visual{margin-bottom:14px;border-radius:12px}.pe2-connect-deployment span{bottom:5%;gap:4px;min-height:25px;padding:0 7px;font-size:9px}.pe2-connect-deployment span .pe2-icon{width:13px;height:13px}.pe2-connect-deployment--cloud{left:11%}.pe2-connect-deployment--local{left:89%}.pe2-endpoints span{min-height:44px;font-size:11px}}
.pe2-tag-stack{position:absolute;left:12px;top:12px;display:flex;gap:6px;z-index:2}.pe2-tag-stack .pe2-tag{position:static}.pe2-link-button{padding:0;border:0;background:transparent;cursor:pointer;font:inherit}.pe2-dialog--compact{width:min(100%,720px)}.pe2-dialog-kicker{margin:0 0 7px!important;color:#1760e8!important;font-size:13px;font-weight:800}.pe2-invite-rule{display:grid;gap:6px;margin:20px 0;padding:16px;border-radius:8px;background:#f1f6ff;color:#52627c}.pe2-invite-rule strong{color:#17305c}.pe2-invite-rule span{font-size:13px;line-height:1.7}.pe2-field{display:grid;gap:7px;color:#263b61;font-size:13px;font-weight:700}.pe2-field span i{color:#e34850;font-style:normal}.pe2-field input,.pe2-field textarea{width:100%;padding:12px 13px;border:1px solid #cbd8ee;border-radius:6px;background:#fff;color:#182c51;font:400 14px/1.5 inherit;outline:none}.pe2-field input:focus,.pe2-field textarea:focus{border-color:#2363ed;box-shadow:0 0 0 3px rgba(35,99,237,.1)}.pe2-copy-row{display:grid;grid-template-columns:1fr auto;gap:10px}.pe2-copy-row input{background:#f6f8fc;color:#50617e}.pe2-share-actions{display:flex;gap:10px;margin-top:14px}.pe2-form-status{min-height:20px;margin:10px 0 0!important;color:#1760e8!important;font-size:13px}.pe2-form-status.is-error{color:#c7353e!important}.pe2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pe2-field--wide{grid-column:1/-1}.pe2-consent{display:flex;gap:8px;align-items:flex-start;margin:17px 0 0;color:#64738c;font-size:12px;line-height:1.5}.pe2-consent input{margin-top:2px}.pe2-submit{width:100%;margin-top:4px}@media(max-width:620px){.pe2-tag-stack{flex-wrap:wrap;right:12px}.pe2-form-grid{grid-template-columns:1fr}.pe2-field--wide{grid-column:auto}.pe2-copy-row{grid-template-columns:1fr}.pe2-share-actions{flex-direction:column}.pe2-dialog--compact .pe2-button{width:100%}}

.hero--home .academic-strip {
  margin-top: -18px;
  padding-top: 0;
}

.hero--home .metric-line {
  margin-top: -10px;
}

@media (max-width: 640px) {
  .hero--home .hero-stage {
    min-height: 180px;
  }

  .hero--home .academic-strip,
  .hero--home .metric-line {
    margin-top: 0;
  }
}

.pd-page,
.company-page,
.pd-detail-page {
  background: var(--bg);
}

.pd-page section,
.company-page section {
  border-bottom-color: var(--line-soft);
}

.pd-story {
  padding-top: 84px;
}

.pd-story-grid,
.company-intro-grid,
.company-roadmap-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 56px;
  align-items: end;
}

.pd-story-grid h2,
.company-intro-grid h2,
.company-roadmap-copy h2 {
  margin: 0;
  font-family: var(--sans);
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.pd-story-grid p,
.company-intro-grid p,
.company-roadmap-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
}

.pd-grid,
.company-pillars {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.pd-card,
.company-pillar {
  background: color-mix(in srgb, var(--bg2) 82%, transparent);
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
}

.pd-card-media {
  display: block;
  aspect-ratio: 16 / 10;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
}

.pd-card-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 24px;
  display: block;
}

.pd-card-body {
  padding: 22px 24px 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pd-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--dim);
  font: 11px/1.2 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pd-card h3,
.pd-article h3,
.company-pillar h3 {
  margin: 0;
  font-family: var(--sans);
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.pd-card p,
.pd-article p,
.company-pillar p,
.company-roadmap-list article span {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}

.pd-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  font: 12px/1 var(--mono);
  letter-spacing: 0.04em;
}

.pd-stack {
  display: grid;
  gap: 14px;
}

.pd-stack-band {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 20px;
  padding: 22px 24px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--bg2) 80%, transparent);
}

.pd-stack-band span,
.company-pillar span {
  color: var(--mint);
  font: 600 12px/1 var(--mono);
  letter-spacing: 0.16em;
}

.pd-stack-band h3,
.company-roadmap-list article strong {
  margin: 0 0 8px;
  font-family: var(--sans);
  font-size: 24px;
  letter-spacing: -0.02em;
}

.pd-stack-band p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}

.pd-article-list {
  display: grid;
  gap: 18px;
}

.pd-article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 26px;
  align-items: center;
  padding: 20px 22px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: color-mix(in srgb, var(--bg2) 82%, transparent);
}

.pd-article-copy {
  display: grid;
  gap: 12px;
}

.pd-article-thumb {
  display: block;
  aspect-ratio: 1 / 1;
  background: var(--surface);
  border-radius: 18px;
  overflow: hidden;
}

.pd-article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
}

.pd-detail-lead {
  margin: 0 0 28px;
  font-size: 18px;
  line-height: 1.9;
  color: var(--ink);
}

.pd-detail-block {
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}

.pd-detail-block h2 {
  margin: 0 0 14px;
  font-family: var(--sans);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.pd-detail-block p,
.pd-detail-block li {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
}

.pd-detail-rich > *:first-child {
  margin-top: 0;
}

.pd-detail-rich > *:last-child {
  margin-bottom: 0;
}

.pd-detail-rich p,
.pd-detail-rich li,
.pd-detail-rich blockquote,
.pd-detail-rich td,
.pd-detail-rich th {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
}

.pd-detail-rich a {
  color: var(--mint);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pd-detail-rich h1,
.pd-detail-rich h2,
.pd-detail-rich h3,
.pd-detail-rich h4 {
  margin: 0 0 14px;
  font-family: var(--sans);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.pd-detail-rich img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 18px 0;
  border-radius: 16px;
}

.pd-detail-rich ul,
.pd-detail-rich ol {
  padding-left: 20px;
}

.pd-detail-rich table {
  width: 100%;
  border-collapse: collapse;
}

.pd-detail-rich th,
.pd-detail-rich td {
  padding: 10px 12px;
  border: 1px solid var(--line);
}

.pd-detail-block ul {
  margin: 0;
  padding-left: 20px;
}

.company-values,
.company-roadmap,
.company-rich,
.company-visual,
.company-closing {
  border-top: 1px solid var(--line);
}

.company-pillars {
  margin-top: 12px;
}

.company-pillar {
  padding: 24px;
}

.company-pillar span {
  display: inline-block;
  margin-bottom: 18px;
}

.company-roadmap-list {
  display: grid;
  gap: 14px;
}

.company-roadmap-grid {
  align-items: center;
}

.company-roadmap-copy {
  align-self: center;
  max-width: 520px;
  margin-top: 0;
}

.company-roadmap-copy .kicker,
.company-roadmap-copy h2,
.company-roadmap-copy p {
  text-align: center;
}

.company-roadmap-list article {
  display: grid;
  gap: 6px;
  padding: 18px 22px;
  border: 0;
  border-radius: 18px;
  background: color-mix(in srgb, var(--bg2) 80%, transparent);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.company-visual-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.company-visual-grid figure {
  margin: 0;
  aspect-ratio: 1 / 1;
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: var(--surface);
}

.company-visual-grid img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 22px;
}

.company-page-body {
  padding: 28px 32px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: color-mix(in srgb, var(--bg2) 82%, transparent);
}

.company-page-body > :first-child {
  margin-top: 0;
}

.company-page-body > :last-child {
  margin-bottom: 0;
}

@media (max-width: 980px) {
  .pd-story-grid,
  .company-intro-grid,
  .company-roadmap-grid,
  .pd-grid,
  .company-pillars,
  .company-visual-grid {
    grid-template-columns: 1fr;
  }

  .pd-article {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .pd-stack-band {
    grid-template-columns: 1fr;
  }

  .pd-card h3,
  .pd-article h3,
  .company-pillar h3,
  .pd-stack-band h3,
  .company-roadmap-list article strong {
    font-size: 22px;
  }
}

/* PrimData Scipilot homepage */
html body.scp-home-page {
  background: #f7faf8;
  color: #10221d;
}

body.scp-home-page::before {
  display: none;
}

body.scp-home-page .nav {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(20, 54, 46, 0.12);
  color: #10221d;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

body.scp-home-page .nav .wrap {
  height: 64px;
}

body.scp-home-page .brand strong,
body.scp-home-page .mobile-menu-label {
  color: #10221d;
}

body.scp-home-page .brand-mark {
  width: 28px;
  height: 28px;
}

body.scp-home-page .nav-links {
  gap: 30px;
  color: #243a34;
  font-size: 14px;
}

body.scp-home-page .nav-links a:hover,
body.scp-home-page .nav-links a[aria-current="page"] {
  color: #007e70;
}

body.scp-home-page .nav-links a[href*="#waitlist"] {
  display: none;
}

body.scp-home-page .mobile-menu-links a[href*="#waitlist"] {
  display: none;
}

body.scp-home-page .nav-links a[href*="index"] {
  order: 1;
}

body.scp-home-page .nav-links a[href*="ecosystem"] {
  order: 2;
}

body.scp-home-page .nav-links a[href*="blog"] {
  order: 3;
}

body.scp-home-page .nav-links a[href*="reproductions"] {
  order: 4;
}

body.scp-home-page .nav-links a[href*="courses"] {
  order: 5;
}

body.scp-home-page .nav-links a[href*="company"] {
  order: 6;
}

body.scp-home-page .scp-nav-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.scp-nav-button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid #0d3029;
  color: #0d3029;
  background: #ffffff;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.scp-nav-button--primary {
  border-color: #082c25;
  background: #082c25;
  color: #ffffff;
}

.scp-nav-button:hover {
  transform: translateY(-1px);
}

.scp-home {
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(26, 91, 78, 0.045) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(0deg, rgba(26, 91, 78, 0.04) 1px, transparent 1px) 0 0 / 72px 72px,
    #f7faf8;
}

.scp-home section {
  padding: 76px 0;
  border-bottom: 1px solid #dfe9e5;
}

.scp-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
}

.scp-section-head h2,
.scp-trust h2,
.scp-final h2 {
  margin: 0;
  color: #10221d;
  font-family: var(--sans);
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.scp-section-head p {
  width: min(420px, 100%);
  margin: 0;
  color: #5e6d67;
  font-size: 15px;
  line-height: 1.8;
}

.scp-hero {
  position: relative;
  min-height: 0;
  padding: 72px 0 68px;
  border-bottom-color: #dfe9e5;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.92), rgba(242, 250, 247, 0.88)),
    #f7faf8;
}

.scp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(105deg, transparent 0 46%, rgba(0, 135, 122, 0.07) 46% 47%, transparent 47%),
    linear-gradient(115deg, transparent 0 56%, rgba(77, 114, 201, 0.06) 56% 57%, transparent 57%);
  opacity: 0.9;
}

.scp-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.scp-hero-copy {
  max-width: 760px;
}

.scp-eyebrow {
  margin: 0 0 18px;
  color: #007e70;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}

.scp-eyebrow span {
  color: #4d72c9;
}

.scp-hero-title {
  margin: 0;
  max-width: 720px;
  color: #10221d;
  font-family: var(--sans);
  font-size: 64px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
}

.scp-hero-lead {
  max-width: 680px;
  margin: 24px 0 0;
  color: #41534d;
  font-size: 17px;
  line-height: 1.9;
}

.scp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.scp-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 24px;
  border: 1px solid #0d3029;
  border-radius: 8px;
  color: #0d3029;
  background: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.scp-button svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
}

.scp-button--primary {
  background: #082c25;
  color: #ffffff;
  border-color: #082c25;
  box-shadow: 0 16px 34px rgba(8, 44, 37, 0.18);
}

.scp-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(8, 44, 37, 0.12);
}

.scp-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 36px;
}

.scp-pill {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid #cfe0da;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  color: #38534c;
  font-size: 11px;
  font-weight: 700;
}

.scp-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 2px;
  border: 1px solid #008778;
}

.scp-hero-visual {
  margin: 0;
  border: 1px solid #dce9e5;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 28px 60px rgba(17, 48, 41, 0.12);
  overflow: hidden;
}

.scp-hero-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.scp-flow-section {
  background: #ffffff;
  padding: 48px 0;
}

.scp-flow-title {
  margin: 0 0 26px;
  color: #10221d;
  text-align: center;
  font-family: var(--sans);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0;
}

.scp-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.scp-flow li {
  position: relative;
  min-height: 134px;
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 18px 16px;
  border: 1px solid #dfe9e5;
  border-radius: 8px;
  background: #f8fbf9;
}

.scp-flow li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -17px;
  width: 16px;
  height: 1px;
  background: #0d9b89;
}

.scp-flow-icon,
.scp-card-icon,
.scp-trust-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eaf5f1;
  color: #007e70;
}

.scp-flow-icon svg,
.scp-card-icon svg,
.scp-trust-icon svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.scp-flow strong {
  color: #10221d;
  font-size: 16px;
  font-weight: 800;
}

.scp-flow p {
  margin: 0;
  color: #60716b;
  font-size: 13px;
  line-height: 1.65;
}

.scp-core {
  background: #f7faf8;
}

.scp-core-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.scp-core-card,
.scp-scenario-card,
.scp-product-card,
.scp-quote,
.scp-metric,
.scp-partners {
  border: 1px solid #dfe9e5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
}

.scp-core-card {
  min-height: 276px;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 14px;
  padding: 22px;
}

.scp-core-card h3,
.scp-scenario-card h3,
.scp-product-card h3 {
  margin: 0;
  color: #10221d;
  font-family: var(--sans);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
}

.scp-core-card p,
.scp-scenario-card p,
.scp-product-card p {
  margin: 0;
  color: #5d6f69;
  font-size: 14px;
  line-height: 1.75;
}

.scp-mini-shot {
  min-height: 86px;
  display: grid;
  align-items: end;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e2ece8;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(0, 126, 112, 0.06) 1px, transparent 1px) 0 0 / 20px 20px,
    #fbfdfc;
}

.scp-mini-lines {
  display: grid;
  gap: 6px;
}

.scp-mini-lines i,
.scp-code-line,
.scp-list-line {
  display: block;
  height: 7px;
  border-radius: 8px;
  background: #d8e7e2;
}

.scp-mini-lines i:nth-child(1) {
  width: 76%;
}

.scp-mini-lines i:nth-child(2) {
  width: 58%;
  background: #b9dcd4;
}

.scp-mini-lines i:nth-child(3) {
  width: 88%;
}

.scp-mini-chart {
  height: 38px;
  display: flex;
  align-items: end;
  gap: 5px;
}

.scp-mini-chart i {
  width: 100%;
  min-width: 8px;
  border-radius: 4px 4px 0 0;
  background: #0d9b89;
}

.scp-mini-chart i:nth-child(2) {
  height: 76%;
  background: #4d72c9;
}

.scp-mini-chart i:nth-child(3) {
  height: 42%;
  background: #b26a2e;
}

.scp-mini-chart i:nth-child(4) {
  height: 88%;
}

.scp-mini-chart i:nth-child(5) {
  height: 56%;
  background: #4d72c9;
}

.scp-code-lines {
  display: grid;
  gap: 7px;
}

.scp-code-line:nth-child(1) {
  width: 82%;
  background: #c9d9f3;
}

.scp-code-line:nth-child(2) {
  width: 64%;
  background: #d9e6e1;
}

.scp-code-line:nth-child(3) {
  width: 92%;
  background: #f0d8bd;
}

.scp-molecule {
  width: 100%;
  height: 86px;
}

.scp-molecule path,
.scp-molecule line {
  stroke: #0d9b89;
  stroke-width: 1.7;
  fill: none;
}

.scp-molecule circle {
  fill: #ffffff;
  stroke: #4d72c9;
  stroke-width: 1.5;
}

.scp-list-shot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.scp-list-line:nth-child(1) {
  width: 80%;
}

.scp-list-line:nth-child(2) {
  width: 62%;
  background: #b9dcd4;
}

.scp-scenarios {
  background: #ffffff;
}

.scp-scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.scp-scenario-card {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  min-height: 172px;
  padding: 18px;
}

.scp-scenario-visual {
  height: 132px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #f1f8f5;
  overflow: hidden;
}

.scp-scenario-visual svg {
  width: 118px;
  height: 118px;
}

.scp-scenario-copy {
  display: grid;
  gap: 10px;
}

.scp-tag {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  padding: 0 9px;
  border: 1px solid #cfe0da;
  border-radius: 8px;
  color: #007e70;
  background: #f7fbf9;
  font-size: 12px;
  font-weight: 700;
}

.scp-card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #007e70;
  font-size: 13px;
  font-weight: 800;
}

.scp-card-link svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

.scp-products {
  background: #f7faf8;
}

.scp-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.scp-product-card {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 18px;
  align-items: center;
  padding: 20px;
  min-height: 206px;
}

.scp-product-visual {
  min-height: 160px;
  display: grid;
  place-items: center;
  border: 1px solid #e2ece8;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.scp-laptop {
  width: 146px;
}

.scp-laptop-screen {
  height: 92px;
  padding: 10px;
  border: 4px solid #1a2522;
  border-radius: 8px 8px 2px 2px;
  background: #f8fbf9;
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 8px;
}

.scp-laptop-rail {
  display: grid;
  gap: 5px;
}

.scp-laptop-rail i,
.scp-laptop-main i {
  display: block;
  height: 6px;
  border-radius: 6px;
  background: #d8e7e2;
}

.scp-laptop-main {
  display: grid;
  gap: 6px;
  align-content: start;
}

.scp-laptop-main i:nth-child(2) {
  width: 72%;
  background: #b9dcd4;
}

.scp-laptop-base {
  height: 10px;
  border-radius: 0 0 10px 10px;
  background: #2d3431;
}

.scp-device {
  width: 82px;
  height: 142px;
  border-radius: 26px;
  background: linear-gradient(180deg, #111916, #050807);
  box-shadow: inset 0 0 0 1px #2a3733, 0 18px 26px rgba(8, 44, 37, 0.2);
  display: grid;
  place-items: center;
  color: #eafff7;
}

.scp-device::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 5px solid #00b89e;
  border-top-color: transparent;
}

.scp-box {
  width: 120px;
  height: 142px;
  position: relative;
  background: linear-gradient(90deg, #111815, #222a27);
  border-radius: 8px;
  box-shadow: 18px 20px 34px rgba(8, 44, 37, 0.2);
}

.scp-box::before {
  content: "PrimData";
  position: absolute;
  left: 18px;
  top: 68px;
  color: #d7fff4;
  font-size: 12px;
  font-weight: 700;
}

.scp-box::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 18px;
  width: 34px;
  height: 88px;
  border-radius: 4px;
  background: repeating-linear-gradient(0deg, #080d0b 0 4px, #27322f 4px 7px);
}

.scp-product-copy {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.scp-checks {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #49615a;
  font-size: 13px;
  line-height: 1.5;
}

.scp-checks li {
  display: flex;
  gap: 7px;
}

.scp-checks li::before {
  content: "";
  width: 12px;
  height: 12px;
  margin-top: 3px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #0d9b89;
  box-shadow: inset 0 0 0 3px #dff2ed;
}

.scp-product-link {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  padding: 0 12px;
  border: 1px solid #0d9b89;
  border-radius: 8px;
  color: #0d3029;
  font-size: 13px;
  font-weight: 800;
}

.scp-trust {
  background: #051917;
  color: #ffffff;
  border-bottom: 0;
}

.scp-trust-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  gap: 42px;
  align-items: center;
}

.scp-trust h2 {
  color: #ffffff;
}

.scp-trust-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 32px;
}

.scp-trust-item {
  min-height: 130px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(184, 255, 235, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.scp-trust-icon {
  background: rgba(0, 184, 158, 0.16);
  color: #7ff4df;
}

.scp-trust-item strong {
  color: #ffffff;
  font-size: 15px;
}

.scp-trust-item p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.65;
}

.scp-trust-visual {
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(184, 255, 235, 0.12);
  background: #06110f;
}

.scp-trust-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.scp-proof {
  background: #ffffff;
}

.scp-proof-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 0.9fr) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}

.scp-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.scp-metric {
  min-height: 148px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 18px;
}

.scp-metric strong {
  color: #007e70;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

.scp-metric span {
  color: #53645f;
  font-size: 13px;
  line-height: 1.5;
}

.scp-quote {
  margin: 0;
  min-height: 148px;
  padding: 22px;
  display: grid;
  align-content: center;
  gap: 14px;
}

.scp-quote p {
  margin: 0;
  color: #394d47;
  font-size: 14px;
  line-height: 1.8;
}

.scp-quote cite {
  color: #007e70;
  font-style: normal;
  font-size: 13px;
  font-weight: 800;
}

.scp-partners {
  min-height: 148px;
  padding: 20px;
}

.scp-partners h3 {
  margin: 0 0 18px;
  color: #10221d;
  font-size: 16px;
}

.scp-logo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: center;
}

.scp-logo-grid img {
  display: block;
  width: 100%;
  height: 38px;
  object-fit: contain;
}

.scp-final {
  background:
    linear-gradient(90deg, rgba(0, 126, 112, 0.12) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(0deg, rgba(0, 126, 112, 0.08) 1px, transparent 1px) 0 0 / 72px 72px,
    #eaf7f4;
}

.scp-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: center;
}

.scp-final p {
  max-width: 620px;
  margin: 16px 0 0;
  color: #425650;
  font-size: 16px;
  line-height: 1.8;
}

.scp-final-actions {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

body.scp-home-page .site-footer {
  background: #ffffff;
  color: #10221d;
  border-top: 1px solid #dfe9e5;
}

body.scp-home-page .footer-copy,
body.scp-home-page .footer-col a,
body.scp-home-page .footer-beian {
  color: #5e6d67;
}

body.scp-home-page .footer-col h3 {
  color: #10221d;
}

body.scp-home-page .social {
  color: #10221d;
  border-color: #dfe9e5;
}

.scp-section-visual {
  margin: 0;
  border: 1px solid #dfe9e5;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 24px 54px rgba(17, 48, 41, 0.1);
}

.scp-section-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.scp-flow-section .scp-flow-title,
.scp-core .scp-section-head,
.scp-scenarios .scp-section-head,
.scp-products .scp-section-head {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.scp-flow,
.scp-core-grid,
.scp-scenario-grid,
.scp-product-grid,
.scp-trust-list {
  display: none;
}

.scp-trust-grid {
  display: block;
}

.scp-trust-visual {
  margin: 28px auto 0;
  max-width: 1180px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
}

@media (max-width: 1120px) {
  .scp-hero-grid,
  .scp-trust-grid,
  .scp-proof-grid {
    grid-template-columns: 1fr;
  }

  .scp-core-grid,
  .scp-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .scp-trust-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.scp-home-page .scp-nav-actions {
    display: none;
  }

  .scp-hero {
    padding-top: 58px;
    min-height: 0;
  }

  .scp-hero-title {
    font-size: 52px;
  }

  .scp-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .scp-flow li:not(:last-child)::after {
    display: none;
  }

  .scp-core-grid,
  .scp-scenario-grid,
  .scp-product-grid {
    grid-template-columns: 1fr;
  }

  .scp-scenario-card {
    grid-template-columns: 132px minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .scp-home section {
    padding: 56px 0;
  }

  .scp-section-head,
  .scp-final-grid {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
  }

  .scp-section-head h2,
  .scp-trust h2,
  .scp-final h2 {
    font-size: 28px;
  }

  .scp-hero-title {
    font-size: 40px;
  }

  .scp-hero-lead {
    font-size: 15px;
  }

  .scp-actions,
  .scp-final-actions {
    width: 100%;
  }

  .scp-button {
    width: 100%;
  }

  .scp-flow,
  .scp-trust-list,
  .scp-metrics,
  .scp-logo-grid {
    grid-template-columns: 1fr;
  }

  .scp-scenario-card,
  .scp-product-card {
    grid-template-columns: 1fr;
  }

  .scp-scenario-visual {
    height: 150px;
  }

  .scp-section-visual--wide {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .scp-section-visual--wide img {
    width: 860px;
    max-width: none;
  }
}

/* PrimData research scenario page */
body.rs-page {
  background: #f7faf8;
  color: #10221d;
}

body.rs-page::before {
  display: none;
}

body.rs-page .nav {
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(20, 54, 46, 0.12);
  color: #10221d;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

body.rs-page .nav .wrap {
  height: 64px;
}

body.rs-page .brand strong,
body.rs-page .mobile-menu-label {
  color: #10221d;
}

body.rs-page .brand-mark {
  width: 28px;
  height: 28px;
}

body.rs-page .nav-links {
  gap: 30px;
  color: #243a34;
  font-size: 14px;
}

body.rs-page .nav-links a:hover,
body.rs-page .nav-links a[aria-current="page"] {
  color: #007e70;
}

body.rs-page .nav-links a[href*="#waitlist"],
body.rs-page .mobile-menu-links a[href*="#waitlist"] {
  display: none;
}

body.rs-page .rs-nav-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.rs-nav-button,
.rs-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
  border: 1px solid #0d3029;
  border-radius: 8px;
  background: #ffffff;
  color: #0d3029;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.rs-nav-button--primary,
.rs-button--primary {
  border-color: #082c25;
  background: #082c25;
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(8, 44, 37, 0.18);
}

.rs-nav-button:hover,
.rs-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(8, 44, 37, 0.12);
}

.rs-main {
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(26, 91, 78, 0.045) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(0deg, rgba(26, 91, 78, 0.04) 1px, transparent 1px) 0 0 / 72px 72px,
    #f7faf8;
}

.rs-main section {
  padding: 64px 0;
  border-bottom: 1px solid #dfe9e5;
}

.rs-hero {
  padding: 72px 0 58px;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.94), rgba(239, 249, 246, 0.86)),
    #f7faf8;
}

.rs-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 44px;
  align-items: center;
}

.rs-kicker {
  margin: 0 0 16px;
  color: #007e70;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase;
}

.rs-title {
  margin: 0;
  max-width: 640px;
  color: #10221d;
  font-family: var(--sans);
  font-size: 46px;
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: 0;
}

.rs-lead {
  margin: 20px 0 0;
  max-width: 620px;
  color: #41534d;
  font-size: 16px;
  line-height: 1.9;
}

.rs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.rs-visual,
.rs-section-visual,
.rs-card,
.rs-mini-card,
.rs-road-card,
.rs-cta-panel {
  border: 1px solid #dfe9e5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 24px 54px rgba(17, 48, 41, 0.1);
  overflow: hidden;
}

.rs-visual {
  margin: 0;
}

.rs-visual img,
.rs-section-visual img,
.rs-card-media img,
.rs-dark-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.rs-flow {
  background: #ffffff;
}

.rs-flow-panel {
  padding: 28px;
  border: 1px solid #dfe9e5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 46px rgba(17, 48, 41, 0.08);
}

.rs-flow-title,
.rs-section-title {
  margin: 0 0 24px;
  color: #10221d;
  font-family: var(--sans);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0;
}

.rs-flow-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rs-flow-list li {
  position: relative;
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 146px;
  padding: 18px 14px;
  border: 1px solid #dfe9e5;
  border-radius: 8px;
  background: #f8fbf9;
}

.rs-flow-num {
  color: #007e70;
  font-size: 13px;
  font-weight: 800;
}

.rs-flow-list strong {
  color: #10221d;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

.rs-flow-list p {
  margin: 0;
  color: #5e6d67;
  font-size: 12px;
  line-height: 1.65;
}

.rs-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 24px;
}

.rs-section-head p {
  margin: 0;
  max-width: 460px;
  color: #5e6d67;
  font-size: 15px;
  line-height: 1.8;
}

.rs-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.rs-card {
  display: flex;
  flex-direction: column;
  min-height: 360px;
}

.rs-card-body {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.rs-card h3,
.rs-mini-card h3,
.rs-road-card h3 {
  margin: 0;
  color: #10221d;
  font-family: var(--sans);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
}

.rs-card p,
.rs-mini-card p,
.rs-road-card li,
.rs-dark-copy p {
  margin: 0;
  color: #5e6d67;
  font-size: 14px;
  line-height: 1.75;
}

.rs-card-media {
  display: block;
  aspect-ratio: 16 / 10;
  background: #f3faf7;
  border-bottom: 1px solid #dfe9e5;
  overflow: hidden;
}

.rs-card-media img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.rs-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.rs-tag {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid #cfe0da;
  border-radius: 8px;
  color: #007e70;
  background: #f7fbf9;
  font-size: 12px;
  font-weight: 700;
}

.rs-mini-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.rs-mini-card {
  min-height: 278px;
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 18px;
}

.rs-mini-visual {
  display: block;
  margin: 0;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  border: 1px solid #dfe9e5;
  background: #f8fbf9;
  overflow: hidden;
}

.rs-mini-visual img,
.rs-extend-graphic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rs-extend-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.rs-extend-card {
  min-height: 260px;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 20px;
  align-items: center;
  padding: 22px;
  border: 1px solid #dfe9e5;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(17, 48, 41, 0.08);
}

.rs-extend-graphic {
  margin: 0;
  aspect-ratio: 16 / 8;
  border-radius: 8px;
  border: 1px solid #dfe9e5;
  background: #f3faf7;
  overflow: hidden;
}

.rs-dark {
  background: #041817;
  color: #ffffff;
  border-bottom: 0;
}

.rs-dark-copy {
  max-width: 820px;
  margin: 0 auto 24px;
  text-align: center;
}

.rs-dark-copy h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--sans);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.3;
}

.rs-dark-copy p {
  margin: 12px auto 0;
  max-width: 720px;
  color: rgba(255, 255, 255, 0.72);
}

.rs-dark-visual {
  margin: 0 auto;
  max-width: 1180px;
  border: 1px solid rgba(184, 255, 235, 0.16);
  border-radius: 8px;
  background: #06110f;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.26);
  overflow: hidden;
}

.rs-road-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.rs-road-card {
  min-height: 210px;
  padding: 22px;
}

.rs-road-card ul {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding-left: 18px;
}

.rs-cta {
  padding: 54px 0;
}

.rs-cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 34px;
  background:
    linear-gradient(90deg, rgba(0, 126, 112, 0.12) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(0deg, rgba(0, 126, 112, 0.08) 1px, transparent 1px) 0 0 / 72px 72px,
    #eaf7f4;
}

.rs-cta-panel h2 {
  margin: 0;
  color: #10221d;
  font-family: var(--sans);
  font-size: 30px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
}

.rs-cta-panel p {
  margin: 12px 0 0;
  color: #425650;
  font-size: 15px;
  line-height: 1.8;
}

.rs-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-end;
}

body.rs-page .site-footer {
  background: #ffffff;
  color: #10221d;
  border-top: 1px solid #dfe9e5;
}

body.rs-page .footer-copy,
body.rs-page .footer-col a,
body.rs-page .footer-beian {
  color: #5e6d67;
}

body.rs-page .footer-col h3 {
  color: #10221d;
}

body.rs-page .social {
  color: #10221d;
  border-color: #dfe9e5;
}

@media (max-width: 1120px) {
  .rs-hero-grid,
  .rs-extend-grid {
    grid-template-columns: 1fr;
  }

  .rs-flow-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rs-card-grid,
  .rs-mini-grid,
  .rs-road-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.rs-page .rs-nav-actions {
    display: none;
  }

  .rs-title {
    font-size: 38px;
  }

  .rs-card-grid,
  .rs-mini-grid,
  .rs-road-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .rs-main section {
    padding: 48px 0;
  }

  .rs-title {
    font-size: 32px;
  }

  .rs-actions,
  .rs-cta-actions {
    width: 100%;
  }

  .rs-button {
    width: 100%;
  }

  .rs-flow-list {
    grid-template-columns: 1fr;
  }

  .rs-section-head,
  .rs-cta-panel {
    grid-template-columns: 1fr;
    display: grid;
    align-items: start;
  }

  .rs-section-title,
  .rs-flow-title,
  .rs-dark-copy h2,
  .rs-cta-panel h2 {
    font-size: 25px;
  }

  .rs-section-visual--wide,
  .rs-dark-visual {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .rs-section-visual--wide img,
  .rs-dark-visual img {
    width: 860px;
    max-width: none;
  }

  .rs-extend-card {
    grid-template-columns: 1fr;
  }
}

/* PrimData 2026 layout refresh */
.pdv-page {
  background: #f7faf9;
  color: #10221d;
}

.pdv-page::before {
  display: none;
}

.pdv-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pdv-page .nav {
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid #dce8e4;
  color: #10221d;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.pdv-page .nav .wrap {
  min-height: 64px;
}

.pdv-page .brand strong,
.pdv-page .mobile-menu-label {
  color: #10221d;
}

.pdv-page .brand-mark {
  width: 28px;
  height: 28px;
}

.pdv-page .nav-links {
  gap: 28px;
  color: #28423a;
  font-size: 14px;
}

.pdv-page .nav-links a:hover,
.pdv-page .nav-links a[aria-current="page"] {
  color: #007c70;
}

.pdv-page .pdv-nav-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.pdv-nav-button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #0d3029;
  color: #0d3029;
  background: #ffffff;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
}

.pdv-nav-button--primary {
  border-color: #082c25;
  background: #082c25;
  color: #ffffff;
}

.pdv-main {
  overflow: hidden;
  background: #f7faf9;
}

.pdv-main section {
  border-bottom: 1px solid #dfe9e5;
}

.pdv-hero {
  padding: 76px 0 64px;
  background: #f7faf9;
}

.pdv-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 48px;
  align-items: center;
}

.pdv-hero-copy {
  min-width: 0;
}

.pdv-eyebrow {
  margin: 0 0 14px;
  color: #007c70;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: uppercase;
}

.pdv-title {
  margin: 0;
  max-width: 760px;
  color: #10221d;
  font-family: var(--sans);
  font-size: 58px;
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: 0;
}

.pdv-lead {
  margin: 22px 0 0;
  max-width: 700px;
  color: #53655f;
  font-size: 18px;
  line-height: 1.82;
}

.pdv-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.pdv-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 8px;
  border: 1px solid #c9d9d4;
  background: #ffffff;
  color: #10221d;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.pdv-button--primary {
  border-color: #082c25;
  background: #082c25;
  color: #ffffff;
}

.pdv-button:hover,
.pdv-nav-button:hover {
  transform: translateY(-1px);
}

.pdv-hero-visual,
.pdv-image-frame {
  margin: 0;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 26px 60px -42px rgba(21, 54, 48, 0.45);
}

.pdv-hero-visual img,
.pdv-image-frame img {
  display: block;
  width: 100%;
  height: auto;
}

.pdv-hero-visual--small {
  max-width: 620px;
  justify-self: end;
}

.pdv-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 34px 0 0;
}

.pdv-hero-stats div {
  padding: 16px;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
}

.pdv-hero-stats dt {
  margin: 0;
  color: #007c70;
  font-size: 26px;
  font-weight: 760;
  line-height: 1;
}

.pdv-hero-stats dd {
  margin: 7px 0 0;
  color: #5c6c67;
  font-size: 13px;
  line-height: 1.4;
}

.pdv-section {
  padding: 78px 0;
  background: #ffffff;
}

.pdv-section--soft {
  background: #f4f8f7;
}

.pdv-section--flow,
.pdv-section--split {
  background: #ffffff;
}

.pdv-section-head {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.1fr);
  gap: 42px;
  align-items: end;
  margin-bottom: 34px;
}

.pdv-section-head .pdv-eyebrow {
  grid-column: 1 / -1;
  margin-bottom: -24px;
}

.pdv-section h2,
.pdv-section-copy h2,
.pdv-cta h2 {
  margin: 0;
  color: #10221d;
  font-family: var(--sans);
  font-size: 38px;
  font-weight: 760;
  line-height: 1.16;
  letter-spacing: 0;
}

.pdv-section-head p:not(.pdv-eyebrow),
.pdv-section-copy p:not(.pdv-eyebrow),
.pdv-large-copy,
.pdv-cta p {
  margin: 0;
  color: #5a6a65;
  font-size: 16px;
  line-height: 1.85;
}

.pdv-split {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 48px;
  align-items: center;
}

.pdv-split--narrow {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.pdv-section-copy {
  min-width: 0;
}

.pdv-section-copy p:not(.pdv-eyebrow) {
  margin-top: 18px;
}

.pdv-image-frame--compact {
  align-self: start;
}

.pdv-build-section {
  background: #f7faf9;
}

.pdv-build-head {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 42px;
  align-items: end;
  margin-bottom: 30px;
}

.pdv-build-head .pdv-eyebrow {
  margin: 0 0 14px;
}

.pdv-build-head p:not(.pdv-eyebrow) {
  margin: 0;
  color: #5a6a65;
  font-size: 16px;
  line-height: 1.85;
}

.pdv-build-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
  gap: 22px;
  align-items: stretch;
}

.pdv-build-visual {
  min-width: 0;
  min-height: 430px;
  margin: 0;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 30px 70px -44px rgba(21, 54, 48, 0.42);
}

.pdv-build-visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
  object-position: center;
}

.pdv-build-cards {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pdv-build-cards article {
  min-width: 0;
  padding: 22px;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 44px -36px rgba(21, 54, 48, 0.4);
}

.pdv-build-cards span {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 8px;
  background: #e6f4f1;
  color: #007c70;
  font-size: 12px;
  font-weight: 780;
  line-height: 1;
}

.pdv-build-cards strong {
  display: block;
  color: #10221d;
  font-size: 19px;
  line-height: 1.35;
}

.pdv-build-cards p {
  margin: 10px 0 0;
  color: #5a6a65;
  font-size: 14px;
  line-height: 1.75;
}

.pdv-capability-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
  gap: 28px;
  align-items: stretch;
}

.pdv-feature-grid,
.pdv-card-grid {
  display: grid;
  gap: 18px;
}

.pdv-feature-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pdv-card-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pdv-card-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pdv-card-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pdv-feature-card,
.pdv-product-card,
.pdv-resource-type {
  min-width: 0;
  padding: 24px;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
}

.pdv-feature-card span,
.pdv-product-card span,
.pdv-resource-type span,
.pdv-media-card span,
.pdv-teaser-card span,
.pdv-case-card span,
.pdv-resource-item span {
  display: inline-flex;
  margin-bottom: 14px;
  color: #007c70;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: uppercase;
}

.pdv-feature-card h3,
.pdv-product-card h3,
.pdv-resource-type h3,
.pdv-media-card h3,
.pdv-teaser-card h3,
.pdv-case-card h3,
.pdv-resource-item h3 {
  margin: 0;
  color: #10221d;
  font-family: var(--sans);
  font-size: 22px;
  font-weight: 740;
  line-height: 1.28;
  letter-spacing: 0;
}

.pdv-feature-card p,
.pdv-product-card p,
.pdv-resource-type p,
.pdv-media-card p,
.pdv-teaser-card p,
.pdv-case-card p,
.pdv-resource-item p {
  margin: 12px 0 0;
  color: #5a6a65;
  font-size: 15px;
  line-height: 1.75;
}

.pdv-teaser-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pdv-teaser-card,
.pdv-media-card,
.pdv-case-card,
.pdv-resource-item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}

.pdv-teaser-card figure,
.pdv-media-card figure,
.pdv-case-card figure,
.pdv-resource-item figure {
  margin: 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-bottom: 1px solid #e1ece8;
  background: #eef5f3;
}

.pdv-teaser-card img,
.pdv-media-card img,
.pdv-case-card img,
.pdv-resource-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pdv-teaser-card div,
.pdv-media-card div,
.pdv-case-card div,
.pdv-resource-item div {
  padding: 22px;
}

.pdv-product-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 22px;
  padding: 0;
  list-style: none;
}

.pdv-product-card li,
.pdv-pill-row span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  background: #eef8f5;
  color: #0b766b;
  font-size: 13px;
  font-weight: 650;
}

.pdv-product-card a,
.pdv-resource-type a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin-top: 18px;
  padding: 0 14px;
  border: 1px solid #c9d9d4;
  border-radius: 8px;
  color: #0d3029;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.pdv-step-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  overflow: hidden;
  background: #d7e4df;
}

.pdv-step-grid li {
  min-width: 0;
  padding: 22px 18px;
  background: #ffffff;
}

.pdv-step-grid span {
  display: block;
  margin-bottom: 16px;
  color: #007c70;
  font-size: 12px;
  font-weight: 760;
}

.pdv-step-grid strong {
  display: block;
  color: #10221d;
  font-size: 17px;
  line-height: 1.35;
}

.pdv-step-grid p {
  margin: 10px 0 0;
  color: #5a6a65;
  font-size: 14px;
  line-height: 1.65;
}

.pdv-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.pdv-proof-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 32px;
  align-items: start;
}

.pdv-quote {
  padding: 30px;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
}

.pdv-quote p {
  margin: 0;
  color: #10221d;
  font-size: 24px;
  line-height: 1.65;
}

.pdv-quote span {
  display: block;
  margin-top: 18px;
  color: #6a7873;
  font-size: 14px;
}

.pdv-proof-list {
  display: grid;
  gap: 12px;
}

.pdv-proof-list article {
  padding: 20px;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
}

.pdv-proof-list strong {
  display: block;
  color: #10221d;
  font-size: 18px;
  line-height: 1.35;
}

.pdv-proof-list span {
  display: block;
  margin-top: 7px;
  color: #5a6a65;
  font-size: 14px;
  line-height: 1.7;
}

.pdv-compare {
  border: 1px solid #d7e4df;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.pdv-compare-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(70px, 0.36fr));
  border-top: 1px solid #e2ece9;
}

.pdv-compare-row:first-child {
  border-top: 0;
}

.pdv-compare-row span,
.pdv-compare-row strong {
  min-width: 0;
  padding: 14px 16px;
  color: #28423a;
  font-size: 14px;
  line-height: 1.45;
}

.pdv-compare-row strong {
  text-align: center;
  color: #007c70;
}

.pdv-compare-row strong.pdv-muted {
  color: #91a09b;
  font-weight: 650;
}

.pdv-compare-head {
  background: #f2f7f5;
}

.pdv-compare-head strong,
.pdv-compare-head span {
  color: #10221d;
  font-weight: 760;
}

.pdv-case-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pdv-search {
  display: flex;
  max-width: 660px;
  margin-top: 30px;
  padding: 6px;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
}

.pdv-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 0 14px;
  color: #10221d;
  font: 15px/1 var(--sans);
}

.pdv-search input:focus {
  outline: none;
}

.pdv-search button {
  flex: none;
  min-height: 40px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  background: #082c25;
  color: #ffffff;
  font-weight: 700;
  cursor: pointer;
}

.pdv-resource-list {
  display: grid;
  gap: 14px;
}

.pdv-resource-item {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  align-items: center;
}

.pdv-resource-item figure {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  border-bottom: 0;
  border-right: 1px solid #e1ece8;
}

.pdv-help-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pdv-help-grid a {
  display: grid;
  gap: 8px;
  min-height: 116px;
  padding: 22px;
  border: 1px solid #d7e4df;
  border-radius: 8px;
  background: #ffffff;
  color: inherit;
  text-decoration: none;
}

.pdv-help-grid strong {
  color: #10221d;
  font-size: 18px;
}

.pdv-help-grid span {
  color: #5a6a65;
  font-size: 14px;
  line-height: 1.6;
}

.pdv-large-copy {
  align-self: end;
  font-size: 18px;
}

.pdv-cta {
  padding: 70px 0;
  background: #082c25;
  color: #ffffff;
}

.pdv-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 36px;
  align-items: center;
}

.pdv-cta .pdv-eyebrow,
.pdv-cta h2,
.pdv-cta p {
  color: #ffffff;
}

.pdv-cta p:not(.pdv-eyebrow) {
  max-width: 700px;
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.78);
}

.pdv-cta .pdv-actions {
  justify-content: flex-end;
  margin-top: 0;
}

.pdv-cta .pdv-button {
  border-color: rgba(255, 255, 255, 0.32);
  background: transparent;
  color: #ffffff;
}

.pdv-cta .pdv-button--primary {
  border-color: #ffffff;
  background: #ffffff;
  color: #082c25;
}

.pdv-footer .brand strong {
  color: var(--ink);
}

@media (max-width: 1180px) {
  .pdv-title {
    font-size: 48px;
  }

  .pdv-card-grid--four,
  .pdv-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pdv-card-grid--three,
  .pdv-teaser-grid,
  .pdv-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .pdv-page .pdv-nav-actions {
    display: none;
  }

  .pdv-hero-grid,
  .pdv-split,
  .pdv-split--narrow,
  .pdv-build-head,
  .pdv-build-layout,
  .pdv-capability-layout,
  .pdv-proof-grid,
  .pdv-cta-grid,
  .pdv-section-head {
    grid-template-columns: 1fr;
  }

  .pdv-section-head .pdv-eyebrow {
    margin-bottom: 0;
  }

  .pdv-hero-visual--small {
    max-width: none;
    justify-self: stretch;
  }

  .pdv-build-visual,
  .pdv-build-visual img {
    min-height: 360px;
  }

  .pdv-cta .pdv-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .pdv-hero {
    padding: 46px 0 44px;
  }

  .pdv-section {
    padding: 54px 0;
  }

  .pdv-title {
    font-size: 36px;
    line-height: 1.14;
  }

  .pdv-section h2,
  .pdv-section-copy h2,
  .pdv-cta h2 {
    font-size: 28px;
  }

  .pdv-lead,
  .pdv-large-copy {
    font-size: 16px;
  }

  .pdv-actions,
  .pdv-search {
    width: 100%;
  }

  .pdv-button,
  .pdv-search button {
    width: 100%;
  }

  .pdv-search {
    flex-direction: column;
    gap: 8px;
  }

  .pdv-search input {
    min-height: 42px;
  }

  .pdv-hero-stats,
  .pdv-feature-grid,
  .pdv-build-cards,
  .pdv-card-grid--two,
  .pdv-card-grid--three,
  .pdv-card-grid--four,
  .pdv-teaser-grid,
  .pdv-case-grid,
  .pdv-help-grid,
  .pdv-step-grid {
    grid-template-columns: 1fr;
  }

  .pdv-resource-item {
    grid-template-columns: 1fr;
  }

  .pdv-resource-item figure {
    border-right: 0;
    border-bottom: 1px solid #e1ece8;
  }

  .pdv-build-visual,
  .pdv-build-visual img {
    min-height: 260px;
  }

  .pdv-compare {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .pdv-compare-row {
    min-width: 620px;
  }

  .pdv-quote p {
    font-size: 20px;
  }
}


/* Product ecosystem page refresh, 2026-07-18 */
.pdv-nav--productized .wrap {
  gap: 22px;
}

.pdv-nav--productized .brand {
  gap: 9px;
  flex: 0 0 auto;
}

.pdv-nav--productized .brand strong {
  font-size: 18px;
  font-weight: 760;
}

.pdv-nav--productized .nav-links {
  gap: 24px;
  margin-inline: auto;
}

.pdv-nav--productized .nav-links a {
  position: relative;
  padding: 23px 0 20px;
  color: #0f1f3a;
  font-size: 14px;
  font-weight: 600;
}

.pdv-nav--productized .nav-links a[aria-current="page"] {
  color: #0b55ff;
}

.pdv-nav--productized .nav-links a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: #0b55ff;
}

.pdv-nav--productized .pdv-nav-button {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 6px;
  border-color: transparent;
  color: #102044;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
}

.pdv-nav--productized .pdv-nav-button--primary {
  min-height: 38px;
  padding: 0 16px;
  border-color: #0b55ff;
  background: #0b55ff;
  color: #fff;
  box-shadow: 0 12px 24px -18px rgba(11, 85, 255, 0.7);
}

.pdv-product-ecosystem-page,
.pdv-product-ecosystem-page .pe-main {
  background: #f6f9ff;
  color: #0c1831;
}

.pdv-product-ecosystem-page .pe-main section {
  border-bottom: 0;
}

.pe-hero {
  position: relative;
  overflow: hidden;
  padding: 82px 0 74px;
  background:
    linear-gradient(140deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 246, 255, 0.94) 58%, rgba(225, 237, 255, 0.86) 100%);
}

.pe-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0 55%, rgba(34, 105, 255, 0.08) 55% 56%, transparent 56%),
    linear-gradient(145deg, transparent 0 68%, rgba(16, 104, 255, 0.08) 68% 69%, transparent 69%);
}

.pe-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(330px, 0.84fr) minmax(0, 1.16fr);
  gap: 40px;
  align-items: center;
}

.pe-hero-copy {
  min-width: 0;
}

.pe-eyebrow {
  margin: 0 0 20px;
  color: #0b55ff;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.35;
}

.pe-hero h1 {
  margin: 0;
  max-width: 720px;
  color: #08142b;
  font-size: 58px;
  font-weight: 780;
  line-height: 1.08;
  letter-spacing: 0;
}

.pe-hero h1 span {
  display: block;
  margin-top: 14px;
  color: #0b55ff;
  font-size: 30px;
  font-weight: 680;
  line-height: 1.35;
}

.pe-hero-copy > p:not(.pe-eyebrow) {
  margin: 22px 0 0;
  max-width: 560px;
  color: #4b5d7a;
  font-size: 16px;
  line-height: 1.85;
}

.pe-mode-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  max-width: 530px;
  margin-top: 34px;
  padding: 12px;
  border: 1px solid #d4e1f7;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 22px 60px -46px rgba(32, 80, 150, 0.45);
}

.pe-mode-strip span {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #24385d;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.pe-ico,
.pe-node-icon,
.pe-deploy-icon,
.pe-social,
.pe-team-figure i {
  display: inline-block;
  box-sizing: border-box;
}

.pe-ico {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: linear-gradient(145deg, #e9f1ff, #ffffff);
  border: 1px solid #cbdcff;
  box-shadow: inset 0 -5px 12px rgba(11, 85, 255, 0.13);
  position: relative;
}

.pe-ico::before,
.pe-ico::after,
.pe-node-icon::before,
.pe-node-icon::after,
.pe-deploy-icon::before,
.pe-deploy-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.pe-ico-cloud::before {
  width: 18px;
  height: 10px;
  left: 5px;
  top: 12px;
  border-radius: 8px;
  background: #5a91ff;
}

.pe-ico-cloud::after {
  width: 10px;
  height: 10px;
  left: 8px;
  top: 8px;
  border-radius: 50%;
  background: #6fa4ff;
  box-shadow: 7px 3px 0 #3e79ff;
}

.pe-ico-device::before {
  inset: 5px 9px;
  border: 2px solid #0b55ff;
  border-radius: 4px;
}

.pe-ico-server::before {
  inset: 7px 6px;
  border-radius: 4px;
  background: #33415c;
  box-shadow: inset 0 -6px 0 #5d6e91;
}

.pe-ico-collab::before {
  width: 8px;
  height: 8px;
  left: 5px;
  top: 7px;
  border-radius: 50%;
  background: #0b55ff;
  box-shadow: 10px 0 0 #8ab0ff, 5px 10px 0 #4a80ff;
}

.pe-ico-shield::before {
  left: 7px;
  top: 5px;
  width: 14px;
  height: 17px;
  border: 2px solid #0b55ff;
  border-radius: 8px 8px 10px 10px;
}

.pe-hero-visual {
  position: relative;
  min-height: 470px;
  margin: 0;
}

.pe-orbit {
  position: absolute;
  border: 2px solid rgba(61, 119, 255, 0.32);
  border-radius: 50%;
  pointer-events: none;
}

.pe-orbit--outer {
  width: 520px;
  height: 340px;
  left: 70px;
  top: 70px;
  transform: rotate(-14deg);
}

.pe-orbit--inner {
  width: 420px;
  height: 260px;
  left: 120px;
  top: 112px;
  border-style: dashed;
  border-color: rgba(61, 119, 255, 0.24);
  transform: rotate(8deg);
}

.pe-hub-card {
  position: absolute;
  left: 160px;
  top: 130px;
  width: 320px;
  padding: 12px;
  border: 1px solid #8fb4ff;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 30px 60px -34px rgba(10, 72, 190, 0.55);
}

.pe-hub-card img,
.pe-product-card img,
.pe-channel-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pe-node {
  position: absolute;
  display: grid;
  place-items: center;
  gap: 6px;
  min-width: 96px;
  min-height: 82px;
  padding: 10px;
  border: 1px solid #d5e2ff;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.88);
  color: #0c1831;
  font-size: 13px;
  font-weight: 760;
  text-align: center;
  box-shadow: 0 20px 48px -36px rgba(18, 76, 180, 0.55);
}

.pe-node img {
  max-width: 94px;
  max-height: 58px;
  object-fit: contain;
}

.pe-node--web { left: 42px; top: 182px; }
.pe-node--mobile { left: 78px; top: 314px; }
.pe-node--go { left: 236px; top: 8px; min-width: 132px; }
.pe-node--appliance { right: 6px; top: 80px; min-width: 136px; }
.pe-node--deploy { right: 34px; bottom: 56px; }
.pe-node--wechat { left: 322px; bottom: 16px; min-width: 126px; }

.pe-node-icon {
  width: 34px;
  height: 34px;
  position: relative;
}

.pe-node-icon--web {
  border: 3px solid #0b55ff;
  border-radius: 50%;
}

.pe-node-icon--web::before {
  inset: 7px -4px;
  border-top: 2px solid #0b55ff;
  border-bottom: 2px solid #0b55ff;
}

.pe-node-icon--web::after {
  inset: -3px 9px;
  border-left: 2px solid #0b55ff;
  border-right: 2px solid #0b55ff;
}

.pe-node-icon--mobile::before {
  inset: 2px 9px;
  border: 3px solid #0b55ff;
  border-radius: 7px;
}

.pe-node-icon--deploy::before {
  inset: 5px 5px 7px;
  border-radius: 5px;
  background: linear-gradient(#34506f, #172844);
  box-shadow: 0 9px 0 -3px #4f6d96, 0 18px 0 -6px #6c88b0;
}

.pe-node-icon--wechat::before {
  width: 18px;
  height: 14px;
  left: 1px;
  top: 9px;
  border-radius: 12px;
  background: #1fc65b;
}

.pe-node-icon--wechat::after {
  width: 18px;
  height: 14px;
  right: 1px;
  top: 13px;
  border-radius: 12px;
  background: #2e75ff;
}

.pe-section {
  padding: 34px 0 30px;
  background: #ffffff;
}

.pe-section--tight {
  padding-top: 18px;
}

.pe-section-title {
  margin: 0 0 20px;
  color: #08142b;
  font-size: 28px;
  font-weight: 780;
  line-height: 1.25;
  text-align: center;
}

.pe-product-grid,
.pe-channel-grid,
.pe-deploy-grid {
  display: grid;
  gap: 20px;
}

.pe-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pe-product-card,
.pe-channel-card,
.pe-deploy-card {
  min-width: 0;
  border: 1px solid #d7e4fb;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 20px 56px -46px rgba(31, 80, 160, 0.35);
}

.pe-product-card {
  padding: 20px;
}

.pe-product-card figure {
  display: grid;
  place-items: center;
  height: 190px;
  margin: 0 0 18px;
  border-radius: 8px;
  background: linear-gradient(180deg, #f8fbff, #ffffff);
  overflow: hidden;
}

.pe-product-card:nth-child(2) figure img {
  max-width: 72%;
}

.pe-product-card h3,
.pe-channel-card h3,
.pe-deploy-card h3 {
  margin: 0;
  color: #0c1831;
  font-size: 21px;
  font-weight: 780;
  line-height: 1.3;
}

.pe-product-card p,
.pe-channel-card p,
.pe-deploy-card p,
.pe-final p {
  margin: 10px 0 0;
  color: #53637d;
  font-size: 14px;
  line-height: 1.75;
}

.pe-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.pe-chip-row span,
.pe-channel-card h3 span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eef5ff;
  color: #245dca;
  font-size: 13px;
  font-weight: 720;
}

.pe-channel-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pe-channel-card {
  padding: 18px;
  text-align: center;
}

.pe-channel-card figure {
  display: grid;
  place-items: center;
  height: 120px;
  margin: 0 0 14px;
  border-radius: 8px;
  background: linear-gradient(180deg, #f7fbff, #ffffff);
  overflow: hidden;
}

.pe-device-figure img {
  max-width: 58%;
}

.pe-social-figure,
.pe-team-figure {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.pe-social {
  width: 48px;
  height: 42px;
  border-radius: 22px;
  background: #1fc65b;
  position: relative;
}

.pe-social--wechat::before,
.pe-social--wechat::after {
  content: "";
  position: absolute;
  top: 17px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: white;
}

.pe-social--wechat::before { left: 15px; }
.pe-social--wechat::after { right: 15px; }

.pe-social--feishu {
  background: linear-gradient(135deg, #25c7c4 0 48%, #2d65ff 49% 100%);
  border-radius: 10px 24px 10px 24px;
}

.pe-team-figure i {
  width: 44px;
  height: 56px;
  border: 1px solid #d8e4fa;
  border-radius: 8px;
  background: linear-gradient(180deg, #eef5ff, #fff);
  box-shadow: 16px 10px 0 -8px rgba(76, 125, 230, 0.18);
}

.pe-deploy-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pe-deploy-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: 12px;
  align-items: center;
  min-height: 132px;
  padding: 22px 24px;
}

.pe-deploy-icon {
  width: 96px;
  height: 76px;
  position: relative;
  justify-self: end;
  border-radius: 18px;
  background: linear-gradient(150deg, #edf4ff, #ffffff);
}

.pe-deploy-icon--cloud::before {
  width: 74px;
  height: 34px;
  left: 11px;
  top: 28px;
  border-radius: 20px;
  background: #a9c7ff;
}

.pe-deploy-icon--cloud::after {
  width: 32px;
  height: 32px;
  left: 28px;
  top: 14px;
  border-radius: 50%;
  background: #c4d8ff;
  box-shadow: 22px 10px 0 #8fb3ff;
}

.pe-deploy-icon--server::before {
  inset: 14px 28px 16px;
  border-radius: 8px;
  background: #253c5f;
  box-shadow: 18px 10px 0 -2px #476896, -18px 14px 0 -4px #5f7fac;
}

.pe-deploy-icon--building::before {
  left: 26px;
  bottom: 14px;
  width: 46px;
  height: 50px;
  background: linear-gradient(90deg, #dce9ff 0 48%, #8db2ff 49% 100%);
  clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
}

.pe-final {
  padding: 28px 0 24px;
  background: #ffffff;
}

.pe-final-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 34px 52px;
  border: 1px solid #d7e4fb;
  border-radius: 8px;
  background:
    linear-gradient(110deg, rgba(236, 244, 255, 0.92), rgba(210, 228, 255, 0.72)),
    #ecf4ff;
  overflow: hidden;
}

.pe-final h2 {
  margin: 0;
  color: #08142b;
  font-size: 28px;
  font-weight: 780;
  line-height: 1.3;
}

.pe-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-end;
}

.pe-final .pdv-button {
  min-height: 42px;
  border-color: #0b55ff;
  color: #0b55ff;
  background: #ffffff;
}

.pe-final .pdv-button--primary {
  background: #0b55ff;
  color: #ffffff;
}

.pe-footer {
  background: #ffffff;
  border-top: 1px solid #dfe8f7;
}

.pe-footer-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 18px 0;
}

.pe-footer .footer-copy {
  margin: 0;
  color: #63708a;
}

.pe-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.pe-footer-links a {
  color: #4e5c76;
  font-size: 13px;
  text-decoration: none;
}

@media (max-width: 1180px) {
  .pdv-nav--productized .nav-links {
    gap: 16px;
  }

  .pdv-nav--productized .nav-links a {
    font-size: 13px;
  }

  .pe-hero-grid {
    grid-template-columns: 1fr;
  }

  .pe-hero-visual {
    width: min(680px, 100%);
    margin: 0 auto;
  }
}

@media (max-width: 980px) {
  .pdv-nav--productized .mobile-menu-actions {
    align-items: stretch;
  }

  .pe-product-grid,
  .pe-deploy-grid,
  .pe-final-panel {
    grid-template-columns: 1fr;
  }

  .pe-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pe-final-actions {
    justify-content: flex-start;
  }

  .pe-footer-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .pe-hero {
    padding: 54px 0 42px;
  }

  .pe-hero h1 {
    font-size: 36px;
  }

  .pe-hero h1 span {
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.45;
  }

  .pe-mode-strip,
  .pe-channel-grid {
    grid-template-columns: 1fr;
  }

  .pe-hero-visual {
    min-height: 500px;
    transform: scale(0.86);
    transform-origin: top center;
    margin-bottom: -58px;
  }

  .pe-section-title {
    font-size: 24px;
  }

  .pe-product-card figure {
    height: 160px;
  }

  .pe-deploy-card {
    grid-template-columns: 1fr;
  }

  .pe-deploy-icon {
    justify-self: start;
  }
}

/* Homepage reference layout 20260718_1 */
.pdv-home-page {
  background: #f7fbff;
  color: #071532;
}

.pdv-home-page .nav {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid #dfe9f7;
  box-shadow: 0 10px 28px rgba(25, 78, 168, 0.06);
}

.pdv-home-page .nav .wrap {
  min-height: 68px;
}

.pdv-home-page .brand strong,
.pdv-home-page .mobile-menu-label {
  color: #06142e;
}

.pdv-home-page .nav-links {
  gap: clamp(20px, 2.8vw, 42px);
  color: #17264a;
  font-size: 17px;
  font-weight: 600;
}

.pdv-home-page .nav-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 68px;
}

.pdv-home-page .nav-links a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: transparent;
}

.pdv-home-page .nav-links a:hover,
.pdv-home-page .nav-links a[aria-current="page"] {
  color: #1159f5;
}

.pdv-home-page .nav-links a[aria-current="page"]::after {
  background: #1159f5;
}

.pdv-page .mobile-menu-links a[aria-current="page"] {
  padding-inline: 12px;
  border-radius: 8px;
  background: #edf4ff;
  color: #1159f5;
  font-weight: 700;
}

.pdv-home-page .pdv-nav-actions {
  gap: 18px;
}

.pdv-home-page .pdv-nav-button {
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #152243;
  font-size: 16px;
  font-weight: 600;
}

.pdv-home-page .pdv-nav-button--primary {
  min-width: 206px;
  gap: 11px;
  padding: 0 23px;
  background: linear-gradient(135deg, #1667ff 0%, #0c4fe9 100%);
  color: #ffffff;
  box-shadow: 0 12px 26px rgba(22, 103, 255, 0.24);
}

.pdv-home-page .pdv-main {
  background: #f7fbff;
}

.pdv-home-page .pdv-main section {
  border-bottom: 0;
}

.pdv-home-page .pdv-hero {
  position: relative;
  min-height: 520px;
  padding: 62px 0 56px;
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 38%, rgba(128, 174, 255, 0.3), transparent 32%),
    linear-gradient(105deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 247, 255, 0.94) 45%, rgba(226, 239, 255, 0.96) 100%);
}

.pdv-home-page .pdv-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 52%, rgba(70, 128, 255, 0.1) 52.2%, transparent 53%),
    linear-gradient(155deg, transparent 0 38%, rgba(255, 255, 255, 0.58) 38.2%, transparent 39%),
    radial-gradient(circle at 91% 26%, rgba(255, 255, 255, 0.7) 0 1px, transparent 2px) 0 0 / 44px 44px;
  pointer-events: none;
}

.pdv-home-page .pdv-hero::after {
  content: "";
  position: absolute;
  right: -8vw;
  bottom: -16vw;
  width: min(48vw, 620px);
  aspect-ratio: 1;
  border: 2px solid rgba(49, 112, 255, 0.18);
  border-radius: 50%;
  box-shadow: inset 0 0 0 18px rgba(65, 132, 255, 0.06);
  pointer-events: none;
}

.pdv-home-page .pdv-hero-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(460px, 0.86fr) minmax(560px, 1.14fr);
  gap: clamp(34px, 4.2vw, 74px);
}

.pdv-home-page .pdv-eyebrow {
  margin-bottom: 22px;
  color: #51607a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  text-transform: none;
}

.pdv-home-page .pdv-eyebrow span {
  color: #1159f5;
}

.pdv-home-page .pdv-title {
  max-width: 690px;
  color: #071532;
  font-size: clamp(46px, 4.3vw, 72px);
  font-weight: 800;
  line-height: 1.14;
}

.pdv-home-page .pdv-title span {
  display: block;
  color: #155af2;
}

.pdv-home-page .pdv-lead {
  max-width: 610px;
  margin-top: 22px;
  color: #526079;
  font-size: 17px;
  line-height: 1.85;
}

.pdv-home-page .pdv-actions {
  gap: 28px;
  margin-top: 31px;
}

.pdv-home-page .pdv-button {
  min-width: 218px;
  min-height: 50px;
  gap: 12px;
  padding: 0 27px;
  border-color: #155af2;
  border-radius: 9px;
  color: #155af2;
  background: rgba(255, 255, 255, 0.72);
  font-size: 16px;
  box-shadow: 0 12px 26px rgba(22, 103, 255, 0.08);
}

.pdv-home-page .pdv-button--primary {
  background: linear-gradient(135deg, #1667ff 0%, #0c4fe9 100%);
  color: #ffffff;
  box-shadow: 0 15px 30px rgba(22, 103, 255, 0.28);
}

.pdv-home-page .pdv-hero-stats {
  max-width: 640px;
  gap: 28px;
  margin-top: 37px;
}

.pdv-home-page .pdv-hero-stats div {
  position: relative;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
}

.pdv-home-page .pdv-hero-stats div::before {
  content: "";
  width: 48px;
  height: 48px;
  border: 1px solid rgba(21, 90, 242, 0.26);
  border-radius: 50%;
  background: linear-gradient(145deg, #ffffff, #e8f1ff);
  box-shadow: inset 0 0 0 9px rgba(21, 90, 242, 0.06);
}

.pdv-home-page .pdv-hero-stats dt {
  color: #1d2b49;
  font-size: 15px;
  font-weight: 750;
}

.pdv-home-page .pdv-hero-stats dd {
  margin-top: 5px;
  color: #63718c;
  font-size: 13px;
}

.pdv-home-page .pdv-hero-visual {
  justify-self: stretch;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.pdv-home-page .pdv-hero-visual img {
  width: min(58vw, 880px);
  max-width: none;
  margin: -8px 0 -20px -18px;
  filter: drop-shadow(0 32px 42px rgba(51, 94, 167, 0.18));
}

.pdv-home-overview {
  margin-top: 0;
  padding: 20px 0 38px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.pdv-home-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.pdv-home-card {
  min-height: 260px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 8px;
  padding: 25px 22px 24px;
  border: 1px solid #d9e5f6;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  color: inherit;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(45, 91, 160, 0.07);
}

.pdv-home-card-copy {
  min-width: 0;
}

.pdv-home-icon {
  display: inline-flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.pdv-home-card--blue .pdv-home-icon {
  background: linear-gradient(145deg, #377bff, #0d51ed);
}

.pdv-home-card--green .pdv-home-icon {
  background: linear-gradient(145deg, #51d6aa, #17ad81);
}

.pdv-home-card--violet .pdv-home-icon {
  background: linear-gradient(145deg, #9d6cff, #6b3df0);
}

.pdv-home-card h2 {
  margin: 0;
  color: #071532;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.22;
}

.pdv-home-card p {
  margin: 9px 0 0;
  color: #526079;
  font-size: 14px;
  line-height: 1.7;
}

.pdv-home-card ul {
  display: grid;
  gap: 5px;
  margin: 15px 0 0;
  padding-left: 17px;
  color: #44516b;
  font-size: 14px;
  line-height: 1.45;
}

.pdv-home-card strong {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 18px;
  color: #155af2;
  font-size: 14px;
  font-weight: 800;
}

.pdv-home-card--green strong {
  color: #139774;
}

.pdv-home-card--violet strong {
  color: #7047f2;
}

.pdv-home-card figure {
  align-self: end;
  width: 210px;
  height: 150px;
  margin: 0 -42px -20px 0;
  border-radius: 50%;
  overflow: hidden;
  background: #edf4ff;
  box-shadow: inset 0 0 0 1px rgba(21, 90, 242, 0.12);
}

.pdv-home-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.32);
}

.pdv-home-trust {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 2fr);
  gap: 26px;
  align-items: center;
  margin-top: 26px;
  padding: 19px 24px;
  border: 1px solid #dce7f7;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  color: #25324d;
  box-shadow: 0 14px 28px rgba(45, 91, 160, 0.05);
}

.pdv-home-trust > span {
  font-size: 15px;
  line-height: 1.55;
}

.pdv-home-partners {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  align-items: center;
}

.pdv-home-partners strong {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-left: 1px solid #e3ebf7;
  color: #586784;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 1180px) {
  .pdv-home-page .pdv-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .pdv-home-page .pdv-hero-visual img {
    width: 100%;
    margin: 0;
  }

  .pdv-home-card-grid {
    grid-template-columns: 1fr;
  }

  .pdv-home-card {
    grid-template-columns: minmax(0, 1fr) 260px;
  }

  .pdv-home-card figure {
    width: 300px;
    height: 190px;
  }
}

@media (max-width: 980px) {
  .pdv-home-page .nav-links a {
    min-height: auto;
  }

  .pdv-home-page .mobile-menu-actions .pdv-nav-button {
    width: 100%;
    padding: 0 18px;
    border: 1px solid #d8e4f5;
  }

  .pdv-home-page .mobile-menu-actions .pdv-nav-button--primary {
    border-color: #155af2;
  }

  .pdv-home-trust {
    grid-template-columns: 1fr;
  }

  .pdv-home-partners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pdv-home-page .pdv-hero {
    min-height: 0;
    padding: 42px 0 34px;
  }

  .pdv-home-page .pdv-eyebrow {
    font-size: 15px;
  }

  .pdv-home-page .pdv-title {
    font-size: 36px;
  }

  .pdv-home-page .pdv-lead {
    font-size: 15px;
  }

  .pdv-home-page .pdv-actions {
    gap: 12px;
  }

  .pdv-home-page .pdv-button {
    min-width: 0;
  }

  .pdv-home-page .pdv-hero-stats {
    gap: 14px;
  }

  .pdv-home-page .pdv-hero-stats div {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .pdv-home-page .pdv-hero-stats div::before {
    width: 40px;
    height: 40px;
  }

  .pdv-home-overview {
    padding-top: 14px;
  }

  .pdv-home-card {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .pdv-home-card figure {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 8;
    margin: 10px 0 -8px;
    border-radius: 8px;
  }

  .pdv-home-partners {
    grid-template-columns: 1fr;
  }

  .pdv-home-partners strong {
    border-top: 1px solid #e3ebf7;
    border-left: 0;
  }

  .pdv-home-partners strong:first-child {
    border-top: 0;
  }
}

/* Homepage alignment pass */
.pdv-home-page {
  --home-max: 1454px;
  --home-gutter: clamp(22px, 4.1vw, 66px);
}

.pdv-home-page .wrap,
.pdv-home-page .pdv-nav .wrap {
  width: min(var(--home-max), calc(100vw - (var(--home-gutter) * 2)));
  max-width: var(--home-max);
}

.pdv-home-page .pdv-nav .wrap {
  height: 68px;
  min-height: 68px;
}

.pdv-home-page .brand {
  flex: 0 0 auto;
}

.pdv-home-page .nav-links {
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
}

.pdv-home-page .pdv-nav-actions {
  flex: 0 0 auto;
}

.pdv-home-page .pdv-hero {
  padding: 28px 0 0;
  min-height: 522px;
}

.pdv-home-page .pdv-hero-grid {
  min-height: 522px;
  grid-template-columns: minmax(470px, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(28px, 3.7vw, 64px);
  align-items: center;
}

.pdv-home-page .pdv-hero-copy {
  align-self: center;
  padding: 0 0 10px;
}

.pdv-home-page .pdv-title {
  max-width: 650px;
  font-size: clamp(46px, 4.35vw, 70px);
}

.pdv-home-page .pdv-lead {
  max-width: 610px;
}

.pdv-home-page .pdv-hero-stats {
  max-width: 600px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.pdv-home-page .pdv-hero-stats div {
  min-width: 0;
}

.pdv-home-page .pdv-hero-visual {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.pdv-home-page .pdv-hero-visual img {
  width: 100%;
  max-width: 830px;
  margin: 0;
  object-fit: contain;
}

.pdv-home-overview {
  padding: 20px 0 36px;
}

.pdv-home-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.pdv-home-card {
  min-width: 0;
  min-height: 248px;
  height: 100%;
  grid-template-columns: minmax(0, 1fr) clamp(132px, 11vw, 168px);
  padding: 24px 22px;
}

.pdv-home-card-copy {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}

.pdv-home-card h2 {
  min-height: 30px;
  font-size: 23px;
}

.pdv-home-card p {
  min-height: 48px;
}

.pdv-home-card ul {
  min-height: 84px;
}

.pdv-home-card strong {
  margin-top: auto;
  padding-top: 16px;
}

.pdv-home-card figure {
  width: clamp(170px, 14vw, 214px);
  height: 156px;
  margin: auto -42px -18px 0;
}

.pdv-home-card figure img {
  transform: scale(1.18);
}

.pdv-home-trust {
  width: 100%;
  grid-template-columns: minmax(320px, 0.86fr) minmax(0, 2.14fr);
  margin-top: 24px;
}

.pdv-home-partners {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pdv-home-page .pdv-section--soft,
.pdv-home-page .pdv-section--proof,
.pdv-home-page .pdv-cta {
  display: none;
}

@media (max-width: 1240px) {
  .pdv-home-page .pdv-hero-grid {
    grid-template-columns: minmax(420px, 0.85fr) minmax(0, 1.15fr);
  }

  .pdv-home-page .pdv-title {
    font-size: 50px;
  }

  .pdv-home-page .pdv-hero-visual img {
    max-width: 720px;
  }

  .pdv-home-card {
    grid-template-columns: 1fr;
  }

  .pdv-home-card figure {
    width: 100%;
    height: 112px;
    margin: 6px 0 -8px;
    border-radius: 8px;
  }
}

@media (max-width: 980px) {
  .pdv-home-page .wrap,
  .pdv-home-page .pdv-nav .wrap {
    width: min(100% - 36px, var(--home-max));
  }

  .pdv-home-page .pdv-hero {
    min-height: 0;
    padding: 38px 0 18px;
  }

  .pdv-home-page .pdv-hero-grid {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .pdv-home-page .pdv-hero-copy {
    padding: 0;
  }

  .pdv-home-page .pdv-hero-visual {
    justify-content: center;
  }

  .pdv-home-page .pdv-hero-visual img {
    max-width: 760px;
  }

  .pdv-home-card-grid {
    grid-template-columns: 1fr;
  }

  .pdv-home-card {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) 260px;
  }

  .pdv-home-card figure {
    width: 300px;
    height: 184px;
    margin: auto -34px -16px 0;
    border-radius: 50%;
  }
}

@media (max-width: 720px) {
  .pdv-home-page .wrap,
  .pdv-home-page .pdv-nav .wrap {
    width: min(100% - 28px, var(--home-max));
  }

  .pdv-home-page .pdv-title {
    font-size: 35px;
  }

  .pdv-home-page .pdv-hero-stats {
    grid-template-columns: 1fr;
  }

  .pdv-home-card {
    grid-template-columns: 1fr;
  }

  .pdv-home-card h2,
  .pdv-home-card p,
  .pdv-home-card ul {
    min-height: 0;
  }

  .pdv-home-card figure {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 8;
    margin: 10px 0 -8px;
    border-radius: 8px;
  }
}

/* SciPilot auth page */
.scipilot-auth-body {
  background: #eaf4ff;
}

.scipilot-auth-body::before,
.scipilot-auth-body .nav,
.scipilot-auth-body .site-footer {
  display: none;
}

.scipilot-auth-main {
  min-height: 100vh;
}

.scipilot-auth-page {
  min-height: 100vh;
  padding: clamp(28px, 4.4vw, 62px) clamp(22px, 5vw, 92px) 34px;
  border: 0;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(239, 247, 255, .96) 0%, rgba(230, 242, 255, .9) 38%, rgba(219, 235, 255, .78) 100%),
    url('/static/picture/scipilot-auth/scipilot-auth-reference.png') center / cover no-repeat;
  color: #0b2f7f;
}

.scipilot-auth-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(420px, 560px);
  min-height: calc(100vh - 100px);
  gap: clamp(34px, 5vw, 82px);
  align-items: center;
  max-width: 1600px;
  margin: 0 auto;
}

.scipilot-auth-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 10px 0 54px;
}

.scipilot-auth-logo {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #0a347f;
  text-decoration: none;
}

.scipilot-auth-logo img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.scipilot-auth-logo strong {
  font-size: clamp(30px, 3vw, 45px);
  line-height: 1;
  font-weight: 750;
  letter-spacing: -.02em;
}

.scipilot-auth-message {
  max-width: 650px;
  margin-top: 96px;
}

.scipilot-auth-message h1 {
  max-width: none;
  margin: 0;
  font-family: var(--sans);
  font-size: clamp(46px, 5vw, 76px);
  line-height: 1.12;
  font-weight: 760;
  letter-spacing: -.03em;
  color: #0b3484;
}

.scipilot-auth-message p {
  max-width: 610px;
  margin: 28px 0 0;
  color: #36547c;
  font-size: clamp(17px, 1.45vw, 23px);
  line-height: 1.75;
  letter-spacing: .01em;
}

.scipilot-auth-features {
  display: grid;
  gap: 26px;
  margin: 54px 0 0;
  padding: 0;
  list-style: none;
  max-width: 600px;
}

.scipilot-auth-features li {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  gap: 18px;
}

.scipilot-auth-icon {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #eff7ff, #cde4ff);
  box-shadow: 0 12px 28px rgba(34, 102, 205, .18), inset 0 1px 0 rgba(255, 255, 255, .85);
  color: #0b67e9;
}

.scipilot-auth-icon svg,
.scipilot-auth-field svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.scipilot-auth-features strong,
.scipilot-auth-features em {
  display: block;
}

.scipilot-auth-features strong {
  color: #0e347d;
  font-size: 21px;
  font-weight: 760;
  line-height: 1.2;
}

.scipilot-auth-features em {
  margin-top: 8px;
  color: #476589;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
}

.scipilot-auth-visual {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.scipilot-auth-visual img {
  position: absolute;
  width: min(58vw, 880px);
  left: 35%;
  top: 3%;
  opacity: .54;
  transform: translateX(-12%);
}

.scipilot-auth-card {
  justify-self: end;
  width: min(100%, 500px);
  padding: clamp(28px, 3vw, 48px) clamp(26px, 3.3vw, 46px) 28px;
  border: 1px solid rgba(174, 197, 228, .76);
  border-radius: 22px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 26px 70px rgba(35, 93, 164, .14);
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

.scipilot-auth-card-head h2 {
  margin: 0;
  font-family: var(--sans);
  color: #13306c;
  font-size: 32px;
  line-height: 1.15;
  font-weight: 760;
  letter-spacing: -.01em;
}

.scipilot-auth-card-head p {
  margin: 14px 0 0;
  color: #5b6f92;
  font-size: 17px;
  line-height: 1.5;
}

.scipilot-auth-tabs,
.scipilot-auth-methods {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border: 1px solid #d6e1f0;
  background: #f9fbff;
}

.scipilot-auth-tabs {
  margin-top: 30px;
  border-radius: 12px 12px 0 0;
}

.scipilot-auth-tabs button,
.scipilot-auth-methods button {
  min-width: 0;
  min-height: 52px;
  border: 0;
  background: transparent;
  color: #4f5d73;
  font: 700 17px/1 var(--sans);
  cursor: pointer;
}

.scipilot-auth-tabs button.is-active {
  color: #075ff2;
  box-shadow: inset 0 -3px 0 #075ff2;
}

.scipilot-auth-form {
  padding-top: 30px;
}

.scipilot-auth-methods {
  border-radius: 9px;
  margin-bottom: 28px;
}

.scipilot-auth-methods button {
  min-height: 40px;
  font-size: 15px;
  font-weight: 650;
}

.scipilot-auth-methods button.is-active {
  color: #075ff2;
  background: #fff;
  box-shadow: inset 0 0 0 1px #bdd4f6;
}

.scipilot-auth-field {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  margin-top: 18px;
  padding: 0 16px;
  border: 1px solid #cfdaea;
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  color: #8b9bb3;
}

.scipilot-auth-field:focus-within {
  border-color: #8eb8f6;
  box-shadow: 0 0 0 3px rgba(30, 111, 242, .12);
}

.scipilot-auth-field span,
.scipilot-auth-field button {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
}

.scipilot-auth-field span svg,
.scipilot-auth-field button svg {
  width: 21px;
  height: 21px;
}

.scipilot-auth-field input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #18335f;
  font: 500 15px/1 var(--sans);
}

.scipilot-auth-field input::placeholder {
  color: #9aa9bc;
}

.scipilot-auth-field button {
  width: 28px;
  height: 28px;
  border: 0;
  padding: 0;
  background: transparent;
  color: #8798b0;
  cursor: pointer;
}

.scipilot-auth-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 18px 0 26px;
  color: #5f6f89;
  font-size: 14px;
}

.scipilot-auth-options label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.scipilot-auth-options input {
  width: 18px;
  height: 18px;
  accent-color: #075ff2;
}

.scipilot-auth-options a,
.scipilot-auth-register a,
.scipilot-auth-legal a {
  color: #075ff2;
  text-decoration: none;
}

.scipilot-auth-submit {
  width: 100%;
  min-height: 56px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(90deg, #075df0, #0979ff);
  color: #fff;
  font: 750 18px/1 var(--sans);
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(5, 99, 241, .22);
}

.scipilot-auth-register {
  margin: 22px 0 0;
  text-align: center;
  color: #697a94;
  font-size: 15px;
}

.scipilot-auth-org {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 36px;
  color: #61728d;
  font-size: 14px;
  white-space: nowrap;
}

.scipilot-auth-org::before,
.scipilot-auth-org::after {
  content: "";
  height: 1px;
  flex: 1;
  background: #d4dfed;
}

.scipilot-auth-legal {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 10px;
  color: #536a8b;
  font-size: 14px;
}

@media (max-width: 1100px) {
  .scipilot-auth-page {
    padding: 28px 22px;
  }

  .scipilot-auth-shell {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .scipilot-auth-copy {
    padding-bottom: 0;
  }

  .scipilot-auth-logo {
    position: static;
  }

  .scipilot-auth-message {
    margin-top: 48px;
  }

  .scipilot-auth-card {
    justify-self: start;
    width: min(100%, 560px);
  }

  .scipilot-auth-visual img {
    left: 34%;
    top: 10%;
    width: 86vw;
    opacity: .28;
  }
}

@media (max-width: 680px) {
  .scipilot-auth-page {
    padding: 22px 16px 26px;
  }

  .scipilot-auth-message {
    margin-top: 34px;
  }

  .scipilot-auth-message h1 {
    font-size: 38px;
  }

  .scipilot-auth-message p {
    font-size: 16px;
  }

  .scipilot-auth-features {
    gap: 18px;
    margin-top: 34px;
  }

  .scipilot-auth-features li {
    grid-template-columns: 56px 1fr;
    gap: 14px;
  }

  .scipilot-auth-icon {
    width: 56px;
    height: 56px;
  }

  .scipilot-auth-icon svg {
    width: 24px;
    height: 24px;
  }

  .scipilot-auth-features strong {
    font-size: 18px;
  }

  .scipilot-auth-features em {
    font-size: 14px;
  }

  .scipilot-auth-card {
    padding: 24px 18px 22px;
    border-radius: 18px;
  }

  .scipilot-auth-tabs button,
  .scipilot-auth-card-head p,
  .scipilot-auth-submit {
    font-size: 15px;
  }

  .scipilot-auth-org {
    white-space: normal;
    text-align: center;
  }
}

/* 20260718 homepage rebuild */
.pdx-home{color:#102657;background:radial-gradient(circle at 8% 8%,rgba(40,192,181,.18),transparent 28%),radial-gradient(circle at 88% 16%,rgba(73,138,255,.15),transparent 30%),linear-gradient(180deg,#f7fbff 0%,#eef8f7 42%,#f8fbff 100%)}
.pdx-home img{max-width:100%;display:block}.pdx-kicker{margin:0 0 14px;color:#16857f;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pdx-hero{position:relative;overflow:hidden;padding:76px 0 62px}.pdx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,251,255,.96),rgba(247,251,255,.72) 48%,rgba(247,251,255,.94)),radial-gradient(circle at 75% 44%,rgba(39,184,174,.12),transparent 34%);pointer-events:none}.pdx-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:46px;align-items:center}.pdx-hero-copy h1,.pdx-section-head h2,.pdx-product-copy h2,.pdx-capability-grid h2,.pdx-trust-grid h2,.pdx-final h2{margin:0;color:#071b49;font-weight:850;letter-spacing:0}.pdx-hero-copy h1{font-size:64px;line-height:1.08}.pdx-hero-copy h1 span{color:#0b67ff}.pdx-lead,.pdx-section-head p,.pdx-product-copy>p,.pdx-trust-grid p,.pdx-final p{margin:20px 0 0;color:#465a7c;font-size:17px;line-height:1.82}.pdx-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.pdx-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid #cbd9eb;border-radius:8px;background:#fff;color:#15315d;font-weight:760;box-shadow:0 12px 28px rgba(64,101,158,.1)}.pdx-button--primary{border-color:#0b67ff;background:linear-gradient(180deg,#1673ff,#0758eb);color:#fff;box-shadow:0 18px 38px rgba(18,102,255,.26)}.pdx-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}.pdx-hero-metrics div,.pdx-workflow-grid article,.pdx-product-list article,.pdx-capability-list article,.pdx-trust-list article{border:1px solid rgba(63,121,170,.16);border-radius:12px;background:rgba(255,255,255,.82);box-shadow:0 16px 44px rgba(48,94,139,.1)}.pdx-hero-metrics div{min-height:92px;padding:18px}.pdx-hero-metrics strong,.pdx-hero-metrics span{display:block}.pdx-hero-metrics strong{color:#092555;font-size:20px}.pdx-hero-metrics span{margin-top:8px;color:#61718d;font-size:13px;line-height:1.45}.pdx-hero-media,.pdx-wide-visual,.pdx-product-media,.pdx-capability-grid figure{margin:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 24px 72px rgba(47,95,142,.14)}.pdx-hero-media img,.pdx-wide-visual img,.pdx-product-media img,.pdx-capability-grid figure img{width:100%;aspect-ratio:2508/1412;object-fit:cover}.pdx-band{padding:82px 0;border-bottom:1px solid rgba(127,158,190,.16)}.pdx-section-head{max-width:780px;margin-bottom:34px}.pdx-section-head--split{max-width:none;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.72fr);gap:46px;align-items:end}.pdx-section-head--split p:not(.pdx-kicker){margin:0}.pdx-section-head h2,.pdx-product-copy h2,.pdx-capability-grid h2,.pdx-trust-grid h2,.pdx-final h2{font-size:42px;line-height:1.16}.pdx-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pdx-workflow-grid article{min-height:190px;padding:24px}.pdx-workflow-grid span,.pdx-scenario-card span,.pdx-capability-list span{color:#16857f;font-weight:850}.pdx-workflow-grid h3{margin:24px 0 10px;color:#112b58;font-size:22px;line-height:1.22}.pdx-workflow-grid p,.pdx-scenario-card p,.pdx-product-list span,.pdx-capability-list p,.pdx-trust-list span{margin:0;color:#5b6c88;font-size:14px;line-height:1.7}.pdx-wide-visual{margin-top:28px}.pdx-scenarios{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(236,248,247,.72))}.pdx-scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pdx-scenario-card{display:grid;grid-template-rows:auto 1fr;min-height:100%;overflow:hidden;border:1px solid rgba(71,123,168,.15);border-radius:14px;background:#fff;color:inherit;box-shadow:0 18px 46px rgba(49,101,145,.1)}.pdx-scenario-card--large{grid-column:span 2;grid-row:span 2}.pdx-scenario-card figure{margin:0;aspect-ratio:16/10;overflow:hidden;background:#eff7fb}.pdx-scenario-card--large figure{aspect-ratio:16/9}.pdx-scenario-card img{width:100%;height:100%;object-fit:cover}.pdx-scenario-card div{padding:20px}.pdx-scenario-card h3{margin:8px 0 0;color:#102657;font-size:20px;line-height:1.28}.pdx-product-grid,.pdx-capability-grid,.pdx-trust-grid,.pdx-final-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;align-items:center}.pdx-product-list,.pdx-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.pdx-product-list article,.pdx-capability-list article{padding:18px}.pdx-product-list strong,.pdx-product-list span,.pdx-trust-list strong,.pdx-trust-list span{display:block}.pdx-product-list strong,.pdx-trust-list strong{color:#0d2a57;font-size:18px}.pdx-product-list span,.pdx-trust-list span{margin-top:8px}.pdx-text-link{display:inline-flex;margin-top:24px;color:#0b67ff;font-weight:800}.pdx-capability{background:rgba(255,255,255,.58)}.pdx-capability-list{gap:14px;margin-top:28px}.pdx-capability-list article{min-height:150px;padding:20px}.pdx-capability-list strong{display:block;margin-top:12px;color:#102657;font-size:20px}.pdx-capability-list p{margin-top:8px}.pdx-trust{background:linear-gradient(135deg,#0b2d4a,#123c67);color:#fff}.pdx-trust .pdx-kicker,.pdx-trust-grid h2,.pdx-trust-grid p{color:#fff}.pdx-trust-grid p{opacity:.78}.pdx-trust-list{display:grid;gap:14px}.pdx-trust-list article{padding:22px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);box-shadow:none}.pdx-trust-list strong,.pdx-trust-list span{color:#fff}.pdx-trust-list span{opacity:.76}.pdx-final{padding:70px 0;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(235,247,255,.92)),url("/static/picture/primdata-home/home-application-cases-hd.png") center/cover no-repeat}.pdx-final-grid{padding:42px;border:1px solid rgba(43,104,170,.16);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 24px 76px rgba(54,105,158,.16)}.pdx-final .pdx-actions{justify-content:flex-end;margin-top:0}
@media(max-width:1120px){.pdx-hero-grid,.pdx-product-grid,.pdx-capability-grid,.pdx-trust-grid,.pdx-final-grid,.pdx-section-head--split{grid-template-columns:1fr}.pdx-hero-copy h1{font-size:54px}.pdx-workflow-grid,.pdx-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdx-final .pdx-actions{justify-content:flex-start}}
@media(max-width:680px){.pdx-hero{padding:52px 0 42px}.pdx-hero-copy h1{font-size:38px}.pdx-lead,.pdx-section-head p,.pdx-product-copy>p,.pdx-trust-grid p,.pdx-final p{font-size:15px;line-height:1.72}.pdx-hero-metrics,.pdx-workflow-grid,.pdx-scenario-grid,.pdx-product-list,.pdx-capability-list{grid-template-columns:1fr}.pdx-scenario-card--large{grid-column:span 1;grid-row:span 1}.pdx-band{padding:54px 0}.pdx-section-head h2,.pdx-product-copy h2,.pdx-capability-grid h2,.pdx-trust-grid h2,.pdx-final h2{font-size:30px}.pdx-final-grid{padding:24px}.pdx-actions,.pdx-button{width:100%}}
/* 20260718 homepage rebuild conflict guards */
.pdv-home-page .pdx-home{background:radial-gradient(circle at 8% 8%,rgba(40,192,181,.18),transparent 28%),radial-gradient(circle at 88% 16%,rgba(73,138,255,.15),transparent 30%),linear-gradient(180deg,#f7fbff 0%,#eef8f7 42%,#f8fbff 100%)}
.pdv-home-page .pdx-home .pdx-band{border-bottom:1px solid rgba(127,158,190,.16)}
/* 20260718 homepage source image replacements */
.pdv-home-page .pdx-hero-media img,.pdv-home-page .pdx-wide-visual img,.pdv-home-page .pdx-product-media img,.pdv-home-page .pdx-capability-grid figure img{aspect-ratio:1672/941;object-fit:contain;background:#fff}
.pdv-home-page .pdx-final{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(235,247,255,.92)),url("/static/picture/primdata-home/home-application-cases.png") center/cover no-repeat}
/* 20260718 homepage whitespace cleanup */
.pdv-home-page .pdx-wide-visual{display:none}
.pdv-home-page .pdx-product-devices{position:relative;min-height:430px;border:1px solid rgba(70,120,180,.16);border-radius:18px;background:linear-gradient(145deg,#f8fbff,#eef8f6);overflow:hidden;box-shadow:0 24px 72px rgba(47,95,142,.12)}
.pdv-home-page .pdx-product-devices:before{content:"";position:absolute;inset:auto -8% -18% 18%;height:54%;background:radial-gradient(circle,rgba(40,184,174,.2),transparent 64%);pointer-events:none}
.pdv-home-page .pdx-device{position:absolute;margin:0}
.pdv-home-page .pdx-device img{width:100%;height:auto;display:block}
.pdv-home-page .pdx-device--web{left:34px;right:160px;top:48px;z-index:1;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 46px rgba(34,80,130,.16)}
.pdv-home-page .pdx-device--go{right:56px;bottom:26px;width:33%;max-width:230px;z-index:2;filter:drop-shadow(0 18px 26px rgba(28,55,88,.18))}
.pdv-home-page .pdx-device--box{right:28px;top:38px;width:20%;max-width:116px;z-index:3;filter:drop-shadow(0 16px 20px rgba(20,42,72,.2))}
.pdv-home-page .pdx-capability-visual img{aspect-ratio:1096/650;object-fit:cover;background:#fff}
@media(max-width:680px){.pdv-home-page .pdx-product-devices{min-height:330px}.pdv-home-page .pdx-device--web{left:18px;right:54px;top:34px}.pdv-home-page .pdx-device--go{right:18px;bottom:20px;width:38%}.pdv-home-page .pdx-device--box{right:18px;top:20px;width:24%}}

/* Homepage research-scene carousel: one image at a time. */
.pdv-home-page .pdx-hero-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,2.8vw,44px);align-items:center}
.pdv-home-page .pdx-hero-copy h1{font-size:clamp(44px,3.65vw,56px);line-height:1.1;letter-spacing:-.015em}
.pdv-home-page .pdx-hero-copy .pdx-lead{max-width:600px;margin-top:18px;font-size:16px;line-height:1.8}
.pdv-home-page .pdx-hero-copy .pdx-actions{margin-top:24px}
.pdv-home-page .pdx-hero-copy .pdx-hero-metrics{margin-top:24px}
.pdv-home-page .pdx-hero-copy .pdx-hero-metrics div{min-height:84px;padding:15px 16px}
.pdv-home-page .pdx-hero-copy .pdx-hero-metrics strong{font-size:18px}
.pdv-home-page .pdx-hero-copy .pdx-hero-metrics span{margin-top:6px;font-size:12.5px}
.pdv-home-page .pdx-hero-carousel{position:relative;width:min(100%,800px);aspect-ratio:4/3;justify-self:end;min-width:0;min-height:0;margin:0;background:#f4f7fb}
.pdv-home-page .pdx-hero-carousel-track{position:absolute;inset:0;overflow:hidden}
.pdv-home-page .pdx-hero-carousel-track img{display:none;position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain;object-position:center;background:#f4f7fb}
.pdv-home-page .pdx-hero-carousel-track img.is-active{display:block;z-index:1;animation:pdx-hero-scene-in .4s ease both}
@keyframes pdx-hero-scene-in{from{opacity:.25}to{opacity:1}}
.pdx-hero-carousel-dots{position:absolute;z-index:3;left:50%;bottom:14px;display:flex;gap:8px;transform:translateX(-50%);padding:7px 10px;border:1px solid rgba(72,104,144,.14);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(42,74,117,.14);backdrop-filter:blur(8px)}
.pdx-hero-carousel-dots button{width:8px;height:8px;margin:0;padding:0;border:0;border-radius:999px;background:#9eb0c8;cursor:pointer;transition:width .25s ease,background-color .25s ease}
.pdx-hero-carousel-dots button.is-active{width:24px;background:#0b67ff}
.pdx-hero-carousel-dots button:focus-visible{outline:2px solid #0b67ff;outline-offset:3px}
@media(max-width:1120px){.pdv-home-page .pdx-hero-grid{grid-template-columns:1fr}.pdv-home-page .pdx-hero-carousel{width:min(100%,720px);justify-self:center}.pdx-hero-carousel-dots{bottom:10px}}
@media(max-width:680px){.pdv-home-page .pdx-hero-copy h1{font-size:clamp(34px,10vw,42px)}.pdv-home-page .pdx-hero-copy .pdx-lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.pdv-home-page .pdx-hero-carousel-track img.is-active{animation:none}.pdx-hero-carousel-dots button{transition:none}}

/* Keep the workflow headline on one line at every viewport size. */
.pdv-home-page .pdx-workflow .pdx-section-head{max-width:none}
.pdv-home-page .pdx-workflow .pdx-section-head h2{font-size:clamp(17px,2.9vw,42px);white-space:nowrap}

/* 20260720 layered autoresearch workflow */
.pdx-autoresearch{position:relative;isolation:isolate;overflow:hidden;padding:48px 0 38px;color:#102668;border-bottom:1px solid rgba(86,130,216,.16)}
.pdx-autoresearch-bg{position:absolute;z-index:-2;inset:0;background:#edf4ff url('/static/picture/primdata-autoresearch/1.png') center/cover no-repeat}
.pdx-autoresearch-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(249,252,255,.22),rgba(238,246,255,.06) 70%,rgba(238,246,255,.3))}
.pdx-autoresearch-shell{position:relative}.pdx-autoresearch-head{text-align:left;margin:0 auto 18px;max-width:none}
.pdx-autoresearch-kicker{margin:0 0 12px;color:#1264e8;font-size:13px;font-weight:850;letter-spacing:.19em;text-transform:uppercase}
.pdx-autoresearch-head h2{margin:0;color:#091b61;font-size:clamp(13px,3.45vw,55px);font-family:Georgia,'Noto Serif SC',serif;font-weight:760;line-height:1.16;letter-spacing:-.035em;white-space:nowrap}
.pdx-autoresearch-head>p:last-child{margin:10px 0 0;color:#36578f;font-size:19px;line-height:1.55}
.pdx-mode-switch{position:relative;width:min(920px,78vw);height:78px;margin:16px auto 6px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;text-align:center;padding:0 28px}
.pdx-mode-switch>img{position:absolute;inset:-4px -2%;width:104%;height:calc(100% + 8px);max-width:none;object-fit:fill;filter:drop-shadow(0 12px 20px rgba(39,94,198,.14))}.pdx-mode-switch strong,.pdx-mode-switch i{position:relative;z-index:1}.pdx-mode-switch strong{color:#14358c;font-size:24px}.pdx-mode-switch strong:last-child{color:#5422cb}.pdx-mode-switch small{font-size:15px}.pdx-mode-switch i{height:30px;background:#3763d8}
.pdx-interventions{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;min-height:62px;margin:0 3.5%;padding:0 1%}.pdx-interventions span{position:relative;grid-column:var(--point);justify-self:center;white-space:nowrap;padding:8px 16px;border:1px solid rgba(123,71,225,.32);border-radius:11px;background:rgba(255,255,255,.76);color:#6324d8;font-size:15px;font-weight:750;box-shadow:0 9px 24px rgba(76,81,183,.12)}.pdx-interventions span:after{content:"";position:absolute;left:50%;top:100%;height:20px;border-left:2px dotted #8249ea}
.pdx-flow-stage{position:relative;min-height:420px;padding:54px 3.6% 56px}.pdx-flow-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;object-position:center}.pdx-flow-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;height:310px}
.pdx-flow-cards article{position:relative;min-width:0;display:grid;grid-template-columns:42px 1fr;grid-template-rows:46px minmax(0,1fr) 36px;align-items:center;padding:8px 12px 7px;border:1px solid rgba(111,150,226,.22);border-radius:24px;background:rgba(248,251,255,.32);overflow:hidden}.pdx-flow-cards article>span{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid #1671ef;border-radius:50%;color:#1269e5;font-size:14px;font-weight:850}.pdx-flow-cards h3{margin:0;color:#102b73;font-size:21px;white-space:nowrap}.pdx-flow-cards img{grid-column:1/-1;width:100%;height:100%;min-height:0;align-self:end;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px rgba(46,91,174,.1))}.pdx-flow-cards p{grid-column:1/-1;align-self:start;margin:-2px 0 0;color:#496a9f;font-size:12px;font-weight:700;line-height:1.25;text-align:center}
.pdx-traceability{position:relative;width:94%;min-height:122px;margin:10px auto 0;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:17px 4%}.pdx-traceability>img{position:absolute;inset:-6px -1%;width:102%;height:calc(100% + 12px);max-width:none;object-fit:fill}.pdx-traceability>div{position:relative;z-index:1;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;padding:0 30px;border-right:1px solid rgba(49,93,190,.42)}.pdx-traceability>div:last-child{border:0}.pdx-traceability b{grid-row:1/3;display:grid;place-items:center;color:#1768e8;font-size:34px}.pdx-traceability strong{color:#102c70;font-size:21px}.pdx-traceability span{margin-top:4px;color:#55719e;font-size:13px;line-height:1.35}.pdx-autoresearch-closing{margin:10px 0 0;text-align:center;color:#1767e8;font-size:20px;font-weight:800;letter-spacing:.05em}
@media(max-width:980px){.pdx-autoresearch{padding:48px 0 42px}.pdx-autoresearch-head{text-align:center}.pdx-mode-switch{width:min(820px,92vw);height:78px}.pdx-flow-stage{padding:42px 4% 40px}.pdx-flow-frame{inset:0;width:100%;height:100%}.pdx-flow-cards{grid-template-columns:repeat(3,1fr);height:auto;gap:14px}.pdx-flow-cards article{min-height:330px;grid-template-rows:46px minmax(225px,1fr) 38px}.pdx-flow-stage{min-height:720px}.pdx-interventions{display:none}.pdx-traceability{width:96%;padding-inline:2%}.pdx-traceability>div{padding:0 10px}.pdx-traceability strong{font-size:15px}}
@media(max-width:640px){.pdx-autoresearch{padding:44px 0 40px}.pdx-autoresearch-head>p:last-child{font-size:14px}.pdx-mode-switch{width:100%;height:70px;padding:0 10px}.pdx-mode-switch strong{font-size:15px}.pdx-mode-switch small{display:block;font-size:10px}.pdx-flow-frame{display:none}.pdx-flow-stage{padding:18px 0;min-height:0}.pdx-flow-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 8vw 18px;gap:14px}.pdx-flow-cards article{flex:0 0 76vw;min-height:460px;grid-template-rows:52px minmax(330px,1fr) 48px;scroll-snap-align:center;background:rgba(248,251,255,.72);box-shadow:0 16px 38px rgba(41,83,153,.14)}.pdx-flow-cards h3{font-size:18px}.pdx-flow-cards p{font-size:10px}.pdx-traceability{grid-template-columns:1fr;gap:12px;padding:18px 12px;background:rgba(255,255,255,.58);border:1px solid rgba(84,126,215,.25);border-radius:22px}.pdx-traceability>img{display:none}.pdx-traceability>div{border:0;padding:8px 14px}.pdx-autoresearch-closing{font-size:14px;letter-spacing:0}}

/* Refine hero title rhythm and remove excess empty background. */
.pdv-home-page .pdx-hero{padding-top:48px;padding-bottom:44px}
.pdv-home-page .pdx-hero-copy h1 span{display:inline-block;margin-top:16px}
@media(max-width:1120px){.pdv-home-page .pdx-hero{padding-top:40px;padding-bottom:38px}}
@media(max-width:680px){.pdv-home-page .pdx-hero{padding-top:34px;padding-bottom:32px}.pdv-home-page .pdx-hero-copy h1 span{margin-top:9px}}

/* Keep the final CTA clean: no decorative image behind or below it. */
.pdv-home-page .pdx-final{background:linear-gradient(135deg,#f7fbff 0%,#edf7ff 52%,#eef9f7 100%)}

/* Fit the six new square, high-resolution workflow illustrations. */
.pdv-home-page .pdx-flow-stage{
  min-height:472px;
  width:100%;
  margin:-38px auto 0;
  padding:54px 5% 58px 3.5%;
}
.pdv-home-page .pdx-flow-cards{
  height:288px;
  gap:8px;
  transform:translateY(24px);
}
.pdv-home-page .pdx-flow-cards article{
  grid-template-columns:1fr;
  grid-template-rows:minmax(0,1fr) 22px;
  padding:6px 7px 2px;
  border-radius:20px;
}
.pdv-home-page .pdx-flow-cards img{
  width:100%;
  height:100%;
  max-width:none;
  justify-self:center;
  align-self:end;
  object-fit:contain;
  object-position:center;
}
.pdv-home-page .pdx-flow-cards p{
  margin:0;
  align-self:start;
  position:relative;
  z-index:2;
  padding-top:0;
  font-size:12px;
  line-height:1.2;
  transform:translateY(-10px);
}
.pdv-home-page .pdx-flow-frame{
  left:0;
  right:0;
  width:100%;
}
.pdv-home-page .pdx-autoresearch{
  padding-bottom:10px;
}
.pdv-home-page .pdx-traceability{
  margin-top:-86px;
}
.pdv-home-page .pdx-autoresearch-closing{
  margin-top:-10px;
}
@media(max-width:980px){
  .pdv-home-page .pdx-autoresearch{
    padding-bottom:28px;
  }
  .pdv-home-page .pdx-flow-stage{
    min-height:1110px;
    margin-top:0;
    padding:44px 5% 46px 4%;
  }
  .pdv-home-page .pdx-flow-cards{
    height:auto;
    gap:14px;
    transform:none;
  }
  .pdv-home-page .pdx-flow-cards article{
    min-height:400px;
    grid-template-rows:minmax(348px,1fr) 26px;
    padding:8px 10px 4px;
  }
  .pdv-home-page .pdx-flow-cards img{
    width:min(100%,400px);
    max-height:400px;
  }
  .pdv-home-page .pdx-flow-frame{
    left:0;
    right:0;
    width:100%;
  }
  .pdv-home-page .pdx-traceability{
    margin-top:10px;
  }
  .pdv-home-page .pdx-autoresearch-closing{
    margin-top:10px;
  }
}
@media(max-width:640px){
  .pdv-home-page .pdx-flow-stage{
    min-height:0;
    padding:18px 0;
  }
  .pdv-home-page .pdx-flow-cards article{
    flex-basis:82vw;
    min-height:460px;
    grid-template-rows:minmax(408px,1fr) 26px;
    padding:8px 10px 4px;
  }
  .pdv-home-page .pdx-flow-cards img{
    width:min(100%,450px);
    max-height:450px;
  }
}

/* Crop the symbol from the supplied logo source; keep all source text outside the viewport. */
.pdv-home-page .brand-mark--source-logo{position:relative;width:34px;height:34px;overflow:hidden;border-radius:0;background:#fff}
.pdv-home-page .brand-mark--source-logo img{position:absolute;left:-7.3px;top:-3.5px;width:45.6px;height:48.2px;max-width:none;display:block}
.pdv-home-page .footer-logo .brand-mark--source-logo{width:34px;height:34px}

/* Use the complete standalone mark; override and retire the earlier source-image crop. */
.pdv-home-page .brand-mark{width:34px;height:34px;overflow:visible;background:transparent}
.pdv-home-page .brand-mark .brand-logo-image{position:static;width:100%;height:100%;max-width:100%;display:block;object-fit:contain;object-position:center}

/* Unified primary navigation across all public pages, 2026-07-25. */
.pdv-page .pdv-nav--productized > .wrap > .brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
  min-width:0;
  margin:0;
  white-space:nowrap;
}
.pdv-page .pdv-nav--productized > .wrap > .brand .brand-mark{
  position:static;
  display:inline-flex;
  width:36px;
  height:36px;
  flex:0 0 36px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.pdv-page .pdv-nav--productized > .wrap > .brand .brand-logo-image{
  position:static;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
  clip-path:none;
}
.pdv-page .pdv-nav--productized > .wrap > .brand strong{
  color:#0b1d36;
  font-size:21px;
  font-weight:760;
  line-height:1;
  letter-spacing:-.015em;
}

@media (min-width:981px){
  .pdv-page .pdv-nav--productized > .wrap{
    display:grid;
    width:min(1320px,calc(100% - 48px));
    height:72px;
    min-height:72px;
    grid-template-columns:minmax(210px,1fr) auto minmax(270px,1fr);
    align-items:center;
    gap:26px;
    margin:0 auto;
    padding:0;
  }
  .pdv-page .pdv-nav--productized > .wrap > .brand{justify-self:start}
  .pdv-page .pdv-nav--productized .nav-links{
    justify-self:center;
    gap:30px;
    margin:0;
    color:#102044;
  }
  .pdv-page .pdv-nav--productized .nav-links a{
    padding:26px 0 23px;
    color:#102044;
    font-size:16px;
    font-weight:650;
    line-height:1;
  }
  .pdv-page .pdv-nav--productized .pdv-nav-actions{
    justify-self:end;
    gap:16px;
    margin:0;
  }
  .pdv-page .pdv-nav--productized .pdv-nav-button{
    min-height:44px;
    padding:0 8px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#152243;
    font-size:16px;
    font-weight:650;
  }
  .pdv-page .pdv-nav--productized .pdv-nav-button--primary{
    min-width:180px;
    min-height:46px;
    padding:0 24px;
    border:1px solid #155af2;
    background:linear-gradient(135deg,#1667ff 0%,#0c4fe9 100%);
    color:#fff;
    box-shadow:0 12px 26px rgba(22,103,255,.22);
  }
}

@media (max-width:980px){
  .pdv-page .pdv-nav--productized > .wrap{
    width:calc(100% - 28px);
    height:72px;
    min-height:72px;
    margin:0 auto;
  }
  .pdv-page .pdv-nav--productized > .wrap > .brand .brand-mark{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
  .pdv-page .pdv-nav--productized > .wrap > .brand strong{font-size:20px}
  .pdv-page .pdv-nav--productized .mobile-menu-links a{
    min-height:48px;
    font-size:16px;
    font-weight:620;
  }
  .pdv-page .pdv-nav--productized .pdv-mobile-actions{
    display:grid;
    gap:10px;
    align-items:stretch;
  }
  .pdv-page .pdv-nav--productized .pdv-mobile-actions .pdv-nav-button{
    width:100%;
    min-height:46px;
    padding:0 18px;
    border:1px solid #d8e4f5;
    border-radius:9px;
    background:#fff;
    color:#152243;
    font-size:16px;
    font-weight:650;
  }
  .pdv-page .pdv-nav--productized .pdv-mobile-actions .pdv-nav-button--primary{
    border-color:#155af2;
    background:linear-gradient(135deg,#1667ff 0%,#0c4fe9 100%);
    color:#fff;
  }
}

/* Merged research scenarios and application cases page. */
.pdv-scenario-page .pdv-merged-scenario-grid{gap:22px}
.pdv-scenario-page .pdv-merged-scenario-grid .pdv-media-card>div{display:flex;min-height:220px;flex-direction:column}
.pdv-scenario-page .pdv-merged-scenario-grid .pdv-text-link,.pdv-scenario-page .pdv-case-status{display:inline-flex;align-self:flex-start;margin-top:auto;padding-top:16px;color:#0b67ff;font-size:13px;font-weight:750}
.pdv-scenario-page .pdv-case-status{color:#71819a}
.pdv-scenario-page .case-section{padding:82px 0}
.pdv-scenario-page .case-section .case-data{min-height:120px}
.pdv-scenario-page .case-section .case-group:first-child{margin-top:0}
.pdv-scenario-page .pdv-case-loading{color:#71819a;text-align:center}
.pdv-scenario-page .pdv-proof-list--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pdv-scenario-page .pdv-proof-list--three article{padding:24px;border:1px solid rgba(63,121,170,.16);border-radius:12px;background:#fff;box-shadow:0 16px 44px rgba(48,94,139,.08)}
.pdv-scenario-page .pdv-proof-list--three strong,.pdv-scenario-page .pdv-proof-list--three span{display:block}
.pdv-scenario-page .pdv-proof-list--three strong{color:#102657;font-size:19px}
.pdv-scenario-page .pdv-proof-list--three span{margin-top:8px;color:#5b6c88;font-size:14px;line-height:1.7}
@media(max-width:760px){.pdv-scenario-page .pdv-proof-list--three{grid-template-columns:1fr}.pdv-scenario-page .case-section{padding:56px 0}}

/* Scipilot product introduction page. */
.scp-product-main{background:#f7fbff;color:#102657}.scp-product-hero{padding:72px 0 66px;background:radial-gradient(circle at 78% 30%,rgba(50,145,255,.16),transparent 34%),linear-gradient(135deg,#f8fbff,#edf7ff)}
.scp-product-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:52px;align-items:center}.scp-product-hero h1{margin:0;color:#071b49;font:850 clamp(46px,4.6vw,68px)/1.08 var(--sans);letter-spacing:-.025em}.scp-product-hero h1 span{display:inline-block;margin-top:12px;color:#0b67ff}.scp-product-hero p:not(.pdv-eyebrow){margin:24px 0 0;color:#50627e;font-size:17px;line-height:1.8}.scp-product-hero figure{margin:0;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 76px rgba(45,91,160,.15)}.scp-product-hero figure img{display:block;width:100%;height:auto}
.scp-product-section{padding:84px 0}.scp-product-section--soft{background:#eef7fb}.scp-product-head{max-width:820px;margin-bottom:34px}.scp-product-head h2,.scp-product-fit-grid h2,.scp-product-cta h2{margin:0;color:#0d2856;font-size:clamp(32px,3.6vw,46px);line-height:1.16}.scp-product-head>p:not(.pdv-eyebrow),.scp-product-fit-grid>div>p:not(.pdv-eyebrow),.scp-product-cta p:not(.pdv-eyebrow){margin:18px 0 0;color:#5b6c88;font-size:16px;line-height:1.8}
.scp-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.scp-capability-grid article{min-height:220px;padding:24px;border:1px solid #dbe7f4;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(48,94,139,.08)}.scp-capability-grid span{color:#16857f;font-weight:850}.scp-capability-grid h3{margin:30px 0 10px;color:#102657;font-size:21px}.scp-capability-grid p,.scp-product-workflow li p{margin:0;color:#5b6c88;font-size:14px;line-height:1.72}
.scp-product-workflow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.scp-product-workflow li{padding:22px;border:1px solid #d8e6f2;border-radius:12px;background:#fff}.scp-product-workflow li span{color:#16857f;font-weight:850}.scp-product-workflow li strong{display:block;margin:22px 0 9px;color:#102657;font-size:20px}
.scp-product-fit-grid,.scp-product-cta-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:center}.scp-fit-list{display:grid;gap:12px}.scp-fit-list article{padding:20px;border:1px solid #dbe7f4;border-radius:12px;background:#fff}.scp-fit-list strong,.scp-fit-list span{display:block}.scp-fit-list strong{color:#102657;font-size:18px}.scp-fit-list span{margin-top:7px;color:#5b6c88;font-size:14px;line-height:1.65}
.scp-product-cta{padding:70px 0;background:linear-gradient(135deg,#eaf5ff,#edf9f6)}.scp-product-cta .pdv-actions{justify-content:flex-end;margin-top:0}
@media(max-width:980px){.scp-product-hero-grid,.scp-product-fit-grid,.scp-product-cta-grid{grid-template-columns:1fr}.scp-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scp-product-workflow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.scp-product-cta .pdv-actions{justify-content:flex-start}}
@media(max-width:640px){.scp-product-hero{padding:48px 0}.scp-product-hero h1{font-size:38px}.scp-product-section{padding:56px 0}.scp-capability-grid,.scp-product-workflow ol{grid-template-columns:1fr}.scp-product-cta .pdv-actions,.scp-product-cta .pdv-button{width:100%}}

/* Authenticated account, plans and test checkout. */
.sp-commerce-page{min-height:100vh;background:#f4f8fd;color:#102657}.sp-commerce-nav{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #dbe6f2;background:#fff}.sp-commerce-nav>a{display:flex;align-items:center;gap:10px}.sp-commerce-nav img{width:34px;height:34px;object-fit:contain}.sp-commerce-nav strong{font-size:17px}.sp-commerce-nav nav{display:flex;align-items:center;gap:22px;color:#50627e;font-size:14px}.sp-commerce-nav button{padding:0;border:0;background:none;color:#50627e;cursor:pointer;font:inherit}.sp-account-shell,.sp-plans-shell,.sp-payment-shell{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:52px 0 72px}.sp-account-welcome{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px;border:1px solid #d8e5f2;border-radius:18px;background:linear-gradient(135deg,#fff,#edf6ff);box-shadow:0 20px 56px rgba(46,92,145,.09)}.sp-kicker{display:block;margin-bottom:12px;color:#16857f;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sp-account-welcome h1,.sp-plans-head h1,.sp-payment-card h1{margin:0;color:#0d2856;font-size:clamp(32px,4vw,48px)}.sp-account-welcome p,.sp-plans-head p{margin:14px 0 0;color:#5b6c88;line-height:1.75}.sp-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border:1px solid #b9cce1;border-radius:8px;background:#fff;color:#15315d;font-weight:750;cursor:pointer}.sp-btn-primary{border-color:#0b67ff;background:#0b67ff;color:#fff;box-shadow:0 12px 28px rgba(11,103,255,.22)}button.sp-btn:disabled{opacity:.55;cursor:wait}.sp-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.sp-account-grid article,.sp-account-actions article{padding:24px;border:1px solid #dbe7f3;border-radius:14px;background:#fff}.sp-account-grid span,.sp-account-grid strong,.sp-account-grid small{display:block}.sp-account-grid span{color:#6d7d96;font-size:13px}.sp-account-grid strong{margin-top:12px;color:#102657;font-size:21px}.sp-account-grid small{margin-top:7px;color:#71819a}.sp-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.sp-account-actions h2{margin:0;color:#102657;font-size:22px}.sp-account-actions p{color:#5b6c88;line-height:1.7}.sp-account-actions a{color:#0b67ff;font-weight:750}.sp-status{min-height:24px;margin-top:22px;color:#52647f;text-align:center}.sp-plans-head{max-width:800px;margin:0 auto 34px;text-align:center}.sp-demo-notice{margin:20px 0;padding:13px 16px;border:1px solid #f0cf83;border-radius:9px;background:#fff8e8;color:#76500a;font-size:13px;line-height:1.6}.sp-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.sp-plan-card{position:relative;display:flex;min-width:0;min-height:520px;flex-direction:column;padding:26px;border:1px solid #d9e5f2;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(48,94,139,.07)}.sp-plan-card.is-featured{border:2px solid #0b67ff;box-shadow:0 24px 64px rgba(11,103,255,.15)}.sp-plan-label{align-self:flex-start;padding:4px 9px;border-radius:999px;background:#eaf2ff;color:#0b67ff;font-size:11px;font-weight:800}.sp-plan-card h2{margin:20px 0 0;color:#102657;font-size:25px}.sp-price{display:flex;min-height:70px;align-items:baseline;gap:7px;margin-top:18px}.sp-price strong{font-size:32px;color:#0b2855}.sp-price span{color:#71819a;font-size:12px}.sp-plan-card>p{min-height:52px;color:#5b6c88;font-size:14px;line-height:1.65}.sp-plan-card ul{display:grid;gap:11px;margin:18px 0 26px;padding:0;list-style:none;color:#3f5576;font-size:14px}.sp-plan-card li:before{content:'✓';margin-right:8px;color:#16857f;font-weight:900}.sp-plan-card .sp-btn{width:100%;margin-top:auto}.sp-payment-shell{display:grid;place-items:center;min-height:calc(100vh - 66px)}.sp-payment-card{width:min(640px,100%);padding:38px;border:1px solid #d8e5f2;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(48,94,139,.11)}.sp-payment-card dl{margin:24px 0;border-top:1px solid #e2eaf4}.sp-payment-card dl div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e2eaf4}.sp-payment-card dt{color:#71819a}.sp-payment-card dd{margin:0;color:#102657;font-weight:750;text-align:right}.sp-payment-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}
@media(max-width:980px){.sp-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-account-welcome{align-items:flex-start;flex-direction:column}.sp-account-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sp-commerce-nav{padding:12px 16px;align-items:flex-start}.sp-commerce-nav nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.sp-account-shell,.sp-plans-shell,.sp-payment-shell{width:min(100% - 24px,1200px);padding:28px 0 48px}.sp-account-welcome,.sp-payment-card{padding:24px}.sp-account-actions,.sp-plan-grid{grid-template-columns:1fr}.sp-plan-card{min-height:0}.sp-payment-actions{flex-direction:column}.sp-payment-actions .sp-btn{width:100%}}

/* Reference-led authenticated subscription and recharge workspace. */
.sp-subscriptions-page{background:linear-gradient(180deg,#f7fbff 0,#edf5ff 48%,#f7faff 100%);color:#101a38}
.sp-subscription-nav{max-width:none;padding:0 clamp(28px,4vw,64px);box-shadow:0 8px 28px rgba(39,91,157,.06)}
.sp-subscription-brand{gap:11px!important}.sp-subscription-brand img{width:38px;height:38px}.sp-subscription-brand strong{font-size:24px}.sp-subscription-brand i{width:1px;height:28px;background:#d4dfef}.sp-subscription-brand b{color:#124a9f;font-size:17px}.sp-subscription-nav nav{font-size:15px}.sp-console-link{padding:9px 15px;border:1px solid #d2dfef;border-radius:8px;background:#fff;color:#1a2b4d}.sp-user-chip{font-weight:700;color:#27395c}
.sp-subscription-shell{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:20px 0 36px}
.sp-subscription-notice{display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid #dce9fb;border-radius:12px;background:rgba(255,255,255,.72);color:#315d9a;font-size:14px;box-shadow:0 10px 30px rgba(44,95,160,.05)}.sp-subscription-notice b{display:grid;place-items:center;width:20px;height:20px;border:2px solid #2676ee;border-radius:50%;color:#2676ee;font-family:serif}
.sp-current-panel,.sp-recharge-panel,.sp-billing-notes{margin-top:16px;border:1px solid #d8e6f7;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(45,91,160,.08)}.sp-current-panel{padding:20px 22px}.sp-current-panel>h1,.sp-subscription-section-head h2,.sp-recharge-panel h2,.sp-billing-notes h2{margin:0;color:#101a38;font-size:21px}.sp-current-grid{display:grid;grid-template-columns:1.02fr 1.66fr .9fr;margin-top:14px}.sp-current-grid>div{min-width:0;padding:4px 26px;border-right:1px solid #dfe8f4}.sp-current-grid>div:last-child{border:0}
.sp-current-plan{display:grid;grid-template-columns:58px 1fr;align-content:start}.sp-current-plan>div:nth-child(2) small,.sp-current-plan>div:nth-child(2) strong,.sp-current-plan>div:nth-child(2) span{display:block}.sp-current-plan>div:nth-child(2) small{color:#657591}.sp-current-plan>div:nth-child(2) strong{margin-top:4px;font-size:25px}.sp-current-plan>div:nth-child(2) span{margin-top:4px;color:#34527d;font-size:13px}.sp-current-plan dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.sp-current-plan dl div{display:grid;gap:5px}.sp-current-plan dt{color:#75839b;font-size:12px}.sp-current-plan dd{margin:0;color:#1c2b4b;font-size:13px}.sp-current-actions{grid-column:1/-1;display:flex;align-items:center;gap:22px}.sp-current-actions .sp-btn{min-height:38px}.sp-current-actions>a:last-child{color:#0b67ff;font-size:14px;font-weight:750}
.sp-token-summary{display:grid;grid-template-columns:190px 1fr;grid-template-rows:1fr auto;gap:5px 24px;align-items:center}.sp-token-ring{--usage:100deg;width:166px;height:166px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#2782f5 0 var(--usage),#e5effb var(--usage) 360deg);transform:rotate(28deg)}.sp-token-ring:before{content:"";width:126px;height:126px;border-radius:50%;background:#fff}.sp-token-ring>div{position:absolute;display:grid;text-align:center;transform:rotate(-28deg)}.sp-token-ring strong{font-size:34px}.sp-token-ring span{font-size:13px}.sp-token-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}.sp-token-detail>div{display:grid;gap:4px}.sp-token-detail span{color:#71809a;font-size:12px}.sp-token-detail strong{font-size:21px}.sp-token-detail>div:last-child{grid-column:1/-1}.sp-token-bar{grid-column:1/-1;display:block!important;height:8px;overflow:hidden;border-radius:999px;background:#e6edf7}.sp-token-bar i{display:block;width:var(--usage-width,0);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b67ff,#56a7ff)}.sp-token-detail>small{grid-column:1/-1;color:#697a96}.sp-token-summary>p{grid-column:1/-1;margin:0;padding:9px 12px;border-radius:8px;background:#f0f6ff;color:#60728f;font-size:12px}
.sp-balance-panel{display:grid;grid-template-columns:1fr 180px;align-items:center;overflow:hidden}.sp-balance-panel small,.sp-balance-panel strong,.sp-balance-panel span{display:block}.sp-balance-panel small{color:#657591}.sp-balance-panel strong{margin-top:10px;font-size:29px}.sp-balance-panel em{font-size:13px;font-style:normal}.sp-balance-panel span{margin-top:12px;color:#7b8aa0;font-size:12px}
.sp-crop-icon,.sp-crop-visual{position:relative;overflow:hidden;background:#fff}.sp-crop-icon{width:50px;height:50px;border-radius:14px;box-shadow:0 8px 18px rgba(46,101,184,.12)}.sp-crop-icon img,.sp-crop-visual img{position:absolute;display:block;max-width:none}.sp-crop-icon img{width:88px;height:88px;left:50%;top:50%;object-fit:cover;transform:translate(-50%,-50%) scale(1.36)}.sp-crop-icon--personal img{transform:translate(-50%,-49%) scale(1.38)}.sp-crop-icon--security img{transform:translate(-50%,-50%) scale(1.38)}.sp-crop-icon--enterprise img{transform:translate(-50%,-50%) scale(1.38)}.sp-crop-visual--wallet{width:190px;height:180px}.sp-crop-visual--wallet img{width:300px;height:300px;left:48%;top:49%;object-fit:cover;transform:translate(-50%,-50%) scale(1.18)}
.sp-subscription-section{margin-top:20px}.sp-subscription-section-head{display:flex;align-items:baseline;gap:20px;margin-bottom:10px}.sp-subscription-section-head p{margin:0;color:#6f7f99;font-size:13px}.sp-subscription-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sp-subscription-card{position:relative;display:grid;grid-template-columns:72px 1fr;grid-template-rows:1fr auto;gap:0 10px;min-height:210px;padding:20px 22px 14px;border:1px solid #d7e4f4;border-radius:15px;background:#fff;box-shadow:0 12px 34px rgba(45,91,160,.06)}.sp-subscription-card.is-featured{border:2px solid #1c76f2}.sp-subscription-card.is-current{box-shadow:0 0 0 3px rgba(28,118,242,.12),0 15px 40px rgba(28,118,242,.12)}.sp-subscription-card .sp-crop-icon{width:60px;height:60px;border-radius:16px}.sp-subscription-card .sp-crop-icon img{width:106px;height:106px}.sp-subscription-card h3{margin:2px 0 8px;font-size:20px}.sp-subscription-card>div:nth-of-type(2)>p:last-child{margin:8px 0 0;color:#687894;font-size:12px;line-height:1.7}.sp-subscription-price{margin:0}.sp-subscription-price strong{font-size:27px}.sp-subscription-price span{margin-left:4px;color:#52647f;font-size:12px}.sp-subscription-card>.sp-btn{grid-column:1/-1;width:100%;min-height:38px;margin-top:14px}.sp-plan-ribbon{position:absolute;top:-2px;right:-2px;padding:6px 14px;border-radius:0 13px 0 16px;background:#2679f2;color:#fff;font-size:12px}
.sp-recharge-panel{padding:14px 20px}.sp-recharge-panel>header{display:flex;align-items:center;gap:14px}.sp-recharge-panel>header span{color:#8491a7;font-size:12px}.sp-recharge-content{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-top:10px}.sp-token-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-right:22px;border-right:1px solid #e0e8f2}.sp-token-options button{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px;border:1px solid #d9e4f1;border-radius:11px;background:#fff;color:#192847;cursor:pointer}.sp-token-options button.is-selected{border:2px solid #2779f2;box-shadow:0 8px 22px rgba(39,121,242,.09)}.sp-token-options b{font-size:13px}.sp-token-options strong{grid-row:2;font-size:20px}.sp-token-options span{grid-row:2;color:#697a95;font-size:11px}.sp-token-options em{position:absolute;top:-12px;right:-2px;padding:3px 12px;border-radius:999px;background:#2679f2;color:#fff;font-size:11px;font-style:normal}.sp-payment-demo{display:grid;gap:9px}.sp-payment-demo>span,.sp-payment-demo small{color:#71809a;font-size:12px}.sp-payment-demo>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sp-payment-demo>div button{padding:9px 6px;border:1px solid #d5e0ee;border-radius:7px;background:#fff;color:#3f506d}.sp-payment-demo>div button.is-selected{border-color:#2378ef;color:#1767dc}.sp-recharge-submit{min-height:38px;border:0;border-radius:7px;background:#a9c9f7;color:#fff;font-weight:750}.sp-recharge-submit:disabled{cursor:not-allowed}
.sp-billing-notes{display:grid;grid-template-columns:160px 1fr;align-items:center;padding:14px 22px}.sp-billing-notes ol{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none}.sp-billing-notes li{display:flex;gap:10px;align-items:flex-start;color:#667792;font-size:12px;line-height:1.55}.sp-billing-notes li b{flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f4fa;color:#344763}.sp-subscription-shell>.sp-status{margin:12px 0 0;min-height:20px;font-size:12px}
@media(max-width:1100px){.sp-current-grid{grid-template-columns:1fr 1fr}.sp-current-grid>div:nth-child(2){border-right:0}.sp-balance-panel{grid-column:1/-1;border-top:1px solid #dfe8f4!important;margin-top:16px;padding-top:16px!important}.sp-subscription-plans{grid-template-columns:repeat(2,1fr)}.sp-recharge-content{grid-template-columns:1fr}.sp-token-options{border-right:0;padding-right:0}.sp-billing-notes{grid-template-columns:1fr;gap:12px}.sp-billing-notes ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sp-subscription-nav{align-items:flex-start;padding:12px 16px}.sp-subscription-brand i,.sp-subscription-brand b{display:none}.sp-subscription-nav nav{justify-content:flex-end}.sp-subscription-nav nav>a:first-child,.sp-user-chip{display:none}.sp-subscription-shell{width:calc(100% - 24px);padding-top:12px}.sp-current-panel{padding:18px 14px}.sp-current-grid{grid-template-columns:1fr}.sp-current-grid>div{border-right:0;border-bottom:1px solid #dfe8f4;padding:14px 8px}.sp-current-grid>div:last-child{border:0}.sp-token-summary{grid-template-columns:140px 1fr}.sp-token-ring{width:130px;height:130px}.sp-token-ring:before{width:98px;height:98px}.sp-token-ring strong{font-size:25px}.sp-balance-panel{grid-template-columns:1fr 130px}.sp-crop-visual--wallet{width:130px;height:130px}.sp-subscription-section-head{align-items:flex-start;flex-direction:column;gap:7px}.sp-subscription-plans{grid-template-columns:1fr}.sp-token-options{grid-template-columns:repeat(2,1fr)}.sp-payment-demo>div{grid-template-columns:1fr}.sp-billing-notes ol{grid-template-columns:1fr}}

/*
 * Public navigation and first-screen alignment, 2026-07-25 v2.
 * This block deliberately applies to every productized header, including
 * legacy pages and nested articles that do not carry the .pdv-page class.
 */
html body .pdv-nav.pdv-nav--productized{
  min-height:76px;
  border-bottom:1px solid #dce7f2;
  background:rgba(255,255,255,.94);
  color:#102044;
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
}
html body .pdv-nav.pdv-nav--productized > .wrap > .brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
  min-width:0;
  margin:0;
  white-space:nowrap;
}
html body .pdv-nav.pdv-nav--productized > .wrap > .brand .brand-mark{
  position:static;
  display:inline-flex;
  width:38px;
  height:38px;
  flex:0 0 38px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
html body .pdv-nav.pdv-nav--productized > .wrap > .brand .brand-logo-image{
  position:static;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
  clip-path:none;
}
html body .pdv-nav.pdv-nav--productized > .wrap > .brand strong{
  color:#0b1d36;
  font-family:var(--sans);
  font-size:22px;
  font-weight:760;
  line-height:1;
  letter-spacing:-.015em;
}

@media (min-width:981px){
  html body .pdv-nav.pdv-nav--productized > .wrap{
    display:grid;
    width:min(1320px,calc(100% - 48px));
    height:76px;
    min-height:76px;
    grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr);
    align-items:center;
    gap:clamp(16px,1.7vw,24px);
    margin:0 auto;
    padding:0;
  }
  html body .pdv-nav.pdv-nav--productized > .wrap > .brand{
    justify-self:start;
  }
  html body .pdv-nav.pdv-nav--productized .nav-links{
    display:flex;
    justify-self:center;
    gap:clamp(20px,2vw,30px);
    margin:0;
    color:#102044;
  }
  html body .pdv-nav.pdv-nav--productized .nav-links > a{
    padding:28px 0 25px;
    color:#102044;
    font-family:var(--sans);
    font-size:17px;
    font-weight:650;
    line-height:1;
  }
  html body .pdv-nav.pdv-nav--productized .pdv-nav-actions{
    display:inline-flex;
    justify-self:end;
    align-items:center;
    gap:12px;
    margin:0;
  }
  html body .pdv-nav.pdv-nav--productized .pdv-nav-button{
    box-sizing:border-box;
    display:inline-flex;
    width:max-content;
    min-width:0;
    min-height:46px;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 12px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#152243;
    font-family:var(--sans);
    font-size:17px;
    font-weight:650;
    line-height:1;
    white-space:nowrap;
  }
  html body .pdv-nav.pdv-nav--productized .pdv-nav-button--primary{
    width:max-content;
    min-width:0;
    min-height:46px;
    padding:0 22px;
    border:1px solid #155af2;
    background:linear-gradient(135deg,#1667ff 0%,#0c4fe9 100%);
    color:#fff;
    box-shadow:0 12px 26px rgba(22,103,255,.22);
  }
}

@media (max-width:980px){
  html body .pdv-nav.pdv-nav--productized > .wrap{
    width:calc(100% - 28px);
    height:76px;
    min-height:76px;
    margin:0 auto;
  }
  html body .pdv-nav.pdv-nav--productized .nav-links,
  html body .pdv-nav.pdv-nav--productized .pdv-nav-actions{
    display:none;
  }
  html body .pdv-nav.pdv-nav--productized > .wrap > .brand .brand-mark{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  html body .pdv-nav.pdv-nav--productized > .wrap > .brand strong{
    font-size:21px;
  }
  html body .pdv-nav.pdv-nav--productized .mobile-menu-links a{
    min-height:50px;
    font-family:var(--sans);
    font-size:17px;
    font-weight:650;
  }
  html body .pdv-nav.pdv-nav--productized .pdv-mobile-actions{
    display:flex;
    align-items:flex-start;
    gap:10px;
  }
  html body .pdv-nav.pdv-nav--productized .pdv-mobile-actions .pdv-nav-button{
    box-sizing:border-box;
    display:inline-flex;
    width:max-content;
    min-width:0;
    min-height:46px;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border:1px solid #d8e4f5;
    border-radius:9px;
    background:#fff;
    color:#152243;
    font-family:var(--sans);
    font-size:17px;
    font-weight:650;
    line-height:1;
    white-space:nowrap;
  }
  html body .pdv-nav.pdv-nav--productized .pdv-mobile-actions .pdv-nav-button--primary{
    border-color:#155af2;
    background:linear-gradient(135deg,#1667ff 0%,#0c4fe9 100%);
    color:#fff;
  }
}

/* The five primary destinations and the case index share one visual measure. */
.pdv-page.pdv-home-page .pdx-hero > .pdx-hero-grid,
.pdv-page.pdv-scenario-page .scn-hero > .scn-hero-grid,
.pdv-page.pdv-product-ecosystem-page .pe2-hero > .pe2-hero-grid,
.pdv-page.pdv-resource-page .rs2-hero > .rs2-hero-grid,
.pdv-page.pdv-company-page .ab2-hero > .ab2-hero-grid,
.pdv-page.pdv-case-page .pdv-hero > .pdv-hero-grid{
  box-sizing:border-box;
  width:min(1320px,calc(100% - 48px));
  max-width:none;
  margin-right:auto;
  margin-left:auto;
}
.pdv-page.pdv-home-page .pdx-hero-copy > h1,
.pdv-page.pdv-scenario-page .scn-hero-copy > h1,
.pdv-page.pdv-product-ecosystem-page .pe2-hero-copy > h1,
.pdv-page.pdv-resource-page .rs2-hero-copy > h1,
.pdv-page.pdv-company-page .ab2-hero-copy > h1,
.pdv-page.pdv-case-page .pdv-hero-copy > h1{
  font-family:var(--sans);
  font-size:clamp(40px,4.03vw,58px);
  font-style:normal;
  font-weight:850;
  line-height:1.12;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.pdv-page.pdv-home-page .pdx-hero-copy > h1 :is(span,strong,em),
.pdv-page.pdv-scenario-page .scn-hero-copy > h1 :is(span,strong,em),
.pdv-page.pdv-product-ecosystem-page .pe2-hero-copy > h1 :is(span,strong,em),
.pdv-page.pdv-resource-page .rs2-hero-copy > h1 :is(span,strong,em),
.pdv-page.pdv-company-page .ab2-hero-copy > h1 :is(span,strong,em),
.pdv-page.pdv-case-page .pdv-hero-copy > h1 :is(span,strong,em){
  font-family:inherit;
  font-style:normal;
  font-weight:inherit;
}

@media (min-width:1101px){
  .pdv-page.pdv-product-ecosystem-page .pe2-hero > .pe2-hero-grid{
    grid-template-columns:minmax(580px,.9fr) minmax(0,1.1fr);
  }
}

@media (max-width:980px){
  .pdv-page.pdv-home-page .pdx-hero > .pdx-hero-grid,
  .pdv-page.pdv-scenario-page .scn-hero > .scn-hero-grid,
  .pdv-page.pdv-product-ecosystem-page .pe2-hero > .pe2-hero-grid,
  .pdv-page.pdv-resource-page .rs2-hero > .rs2-hero-grid,
  .pdv-page.pdv-company-page .ab2-hero > .ab2-hero-grid,
  .pdv-page.pdv-case-page .pdv-hero > .pdv-hero-grid{
    width:calc(100% - 28px);
  }
}
