.devsecops-page{min-height:100vh;background-color:#f8fafc;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.dark .devsecops-page{background-color:#05070a}.devsecops-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:600px;background:linear-gradient(to bottom,rgba(13,116,255,.1),rgba(13,116,255,.02),transparent);filter:blur(120px);pointer-events:none;opacity:.5}.devsecops-hero{position:relative;z-index:10;padding:8rem 1.5rem 5rem;text-align:center}.devsecops-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:9999px;background:rgba(13,116,255,.1);border:1px solid rgba(13,116,255,.2);color:#0d74ff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem}.devsecops-title{font-family:var(--font-display, "Plus Jakarta Sans", sans-serif);font-size:clamp(2.25rem,8vw,5rem);font-weight:800;letter-spacing:-.025em;line-height:.9;color:#123770;margin-bottom:1rem}.dark .devsecops-title{color:#fff}.devsecops-title-accent{color:#0d74ff}.devsecops-description{font-size:1.125rem;max-width:48rem;margin:1.5rem auto 0;line-height:1.625;font-weight:500;color:#64748b}.dark .devsecops-description{color:#94a3b8}@media (min-width: 768px){.devsecops-description{font-size:1.25rem}}.devsecops-main{max-width:1400px;margin:0 auto;padding:2.5rem 1.5rem;position:relative;z-index:10}@media (min-width: 1024px){.devsecops-main{padding-left:6rem;padding-right:6rem}}.devsecops-section{margin-bottom:10rem}.devsecops-section:last-of-type{margin-bottom:0}.devsecops-intro{display:grid;gap:5rem;align-items:center}@media (min-width: 1024px){.devsecops-intro{grid-template-columns:1fr 1fr;gap:5rem}}.devsecops-intro-content{display:flex;flex-direction:column;gap:2rem}.devsecops-intro-text{display:flex;flex-direction:column;gap:1.5rem;font-size:1.25rem;font-weight:500;line-height:1.625;color:#64748b}.dark .devsecops-intro-text{color:#94a3b8}.devsecops-intro-highlight{color:#123770;font-weight:800;font-size:1.5rem;letter-spacing:-.025em;line-height:1.25}.dark .devsecops-intro-highlight{color:#fff}.devsecops-cta{align-self:flex-start;padding:1.25rem 2.5rem;font-size:1.125rem;text-decoration:none}.devsecops-infinity-wrap{position:relative;width:100%;max-width:560px;min-width:320px;margin:0 auto}.devsecops-infinity-wrap:hover .devsecops-infinity-card{transform:scale(1.05)}.devsecops-infinity-card{position:relative;width:100%;display:block;background:rgba(255,255,255,.5);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(248,250,252,.8);overflow:hidden;transition:transform 1s}.dark .devsecops-infinity-card{background:rgba(255,255,255,.05);border-color:#ffffff0d}.devsecops-infinity-image{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;vertical-align:middle}.devsecops-workflow-section{display:flex;flex-direction:column;gap:6rem}.devsecops-workflow-header{max-width:56rem;margin:0 auto;text-align:center}.devsecops-workflow-title{font-family:var(--font-display, "Plus Jakarta Sans", sans-serif);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:#123770;margin-bottom:2.5rem}.dark .devsecops-workflow-title{color:#fff}.devsecops-workflow-intro{display:flex;flex-direction:column;gap:1.5rem;font-size:1.25rem;font-weight:500;line-height:1.625;color:#64748b}.dark .devsecops-workflow-intro{color:#94a3b8}.devsecops-workflow-bento{position:relative;overflow-x:auto;padding:3rem;border-radius:2rem;border:1px solid #e2e8f0;background:#fff;box-shadow:0 25px 50px -12px #00000040;transition:border-color .5s,background-color .5s}.dark .devsecops-workflow-bento{background:#0a111f;border-color:#1e2d4a}.devsecops-workflow-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:50%;background:rgba(13,116,255,.05);filter:blur(100px);pointer-events:none}.devsecops-workflow-grid{min-width:1100px;display:flex;flex-direction:column;gap:2.5rem;position:relative;z-index:10}.devsecops-workflow-row{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.devsecops-products-row{gap:0}.devsecops-product-group{display:flex;justify-content:center;gap:3rem}.devsecops-product-dt{justify-content:center}.devsecops-product-icon{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.875rem;width:3.5rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000001a;transition:border-color .2s;aspect-ratio:1}.dark .devsecops-product-icon{background:#161f31;border-color:#ffffff1a}.devsecops-product-icon:hover{border-color:#0d74ff80}.devsecops-product-icon .material-symbols-outlined{font-size:1.875rem;color:#0d74ff}.devsecops-product-label{font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.2em;white-space:nowrap}.devsecops-dt-icon{background:rgba(13,116,255,.05);border-color:#0d74ff33}.dark .devsecops-dt-icon{background:rgba(13,116,255,.1)}.devsecops-dt-text{font-size:.875rem;font-weight:800;color:#0d74ff}.devsecops-connectors{display:grid;grid-template-columns:repeat(4,1fr);height:3rem}.devsecops-connector{display:flex;flex-direction:column;align-items:center;height:100%}.devsecops-connector-line{height:100%;width:1px;background:linear-gradient(to bottom,#e2e8f0,rgba(13,116,255,.4))}.dark .devsecops-connector-line{background:linear-gradient(to bottom,rgba(255,255,255,.1),rgba(13,116,255,.4))}.devsecops-connector-line-down{background:linear-gradient(to bottom,rgba(13,116,255,.4),#e2e8f0)}.dark .devsecops-connector-line-down{background:linear-gradient(to bottom,rgba(13,116,255,.4),rgba(255,255,255,.1))}.devsecops-connector-arrow{margin-top:-.5rem;font-size:.875rem;color:#0d74ff}.devsecops-connector-arrow-muted{color:#94a3b8}.dark .devsecops-connector-arrow-muted{color:#64748b}.devsecops-steps-row{gap:1rem}.devsecops-workflow-box{position:relative;flex:1;height:7rem;display:flex;align-items:center;justify-content:center;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 30px -10px #1237701a;transition:border-color .2s}.dark .devsecops-workflow-box{background:#161f31;border-color:#ffffff1a}.devsecops-workflow-box:hover{border-color:#0d74ff66}.dark .devsecops-workflow-box:hover{background:#1e2d4a}.devsecops-workflow-box span:first-child{font-size:1rem;font-weight:800;color:#123770;text-align:center;text-transform:uppercase;letter-spacing:.1em}.dark .devsecops-workflow-box span:first-child{color:#fff}.devsecops-box-chevron{position:absolute;top:50%;right:-1.5rem;transform:translateY(-50%);z-index:20;font-size:1.875rem;font-weight:800;color:#0d74ff}.devsecops-workflow-box-last .devsecops-box-chevron{display:none}.devsecops-logos-row{gap:2rem}.devsecops-logo-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;min-height:140px;background:rgba(248,250,252,.5);border:1px solid #f1f5f9;border-radius:1rem;transition:background-color .2s}.dark .devsecops-logo-group{background:rgba(18,25,38,.6);border-color:#ffffff0d}.devsecops-logo-group:hover{background:#f8fafc}.dark .devsecops-logo-group:hover{background:#161f31}.devsecops-logo-group img{height:1.75rem;filter:grayscale(1);opacity:.4;transition:opacity .2s,filter .2s,transform .2s}.dark .devsecops-logo-group img{filter:grayscale(1) invert(1)}.devsecops-logo-group:hover img{opacity:1;filter:none}.dark .devsecops-logo-group:hover img{filter:invert(0)}.devsecops-logo-group:hover img:hover{transform:scale(1.25)}.devsecops-paved-road{position:relative;padding:1rem 0}.devsecops-paved-card{position:relative;max-width:72rem;margin-left:auto;margin-right:auto;padding:3rem 1.5rem;overflow:hidden;border-width:2px;border-color:#0d74ff1a;background:#fff;box-shadow:0 40px 100px -20px #0d74ff26;transition:box-shadow .7s,transform .7s}.devsecops-paved-card:hover{box-shadow:0 60px 120px -30px #0d74ff40;transform:translateY(-4px)}:global(.dark) .devsecops-paved-card{background:#0d121f;border-color:#0d74ff0d}@media (min-width: 1024px){.devsecops-paved-card{padding:6rem}}.devsecops-paved-card-glow{position:absolute;border-radius:50%;pointer-events:none}.devsecops-paved-card-glow-top{top:0;right:0;width:24rem;height:24rem;background:rgba(13,116,255,.05);filter:blur(100px);transform:translate(50%,-50%)}.devsecops-paved-card-glow-bottom{bottom:0;left:0;width:16rem;height:16rem;background:rgba(16,185,129,.05);filter:blur(80px);transform:translate(-50%,50%)}.devsecops-paved-inner{display:grid;gap:4rem;align-items:center;position:relative;z-index:10}@media (min-width: 1024px){.devsecops-paved-inner{grid-template-columns:1fr 1fr;gap:4rem}}.devsecops-paved-title{margin-bottom:2.5rem;letter-spacing:-.025em;line-height:1.1}.devsecops-paved-text{display:flex;flex-direction:column;gap:1.5rem;font-weight:500;line-height:1.625}.devsecops-paved-ctas{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1.5rem}.devsecops-paved-cta{display:inline-block;padding:1.25rem 2.5rem;border-radius:1rem;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.2em;transition:background-color .2s,border-color .2s,transform .1s}.devsecops-paved-cta:active{transform:scale(.98)}.devsecops-paved-cta-primary{background:var(--color-accent, #0d74ff);color:#fff;box-shadow:0 25px 50px -12px #0d74ff40}.devsecops-paved-cta-primary:hover{background:rgba(13,116,255,.9)}.devsecops-paved-cta-secondary{background:rgba(248,250,252,1);color:var(--color-primary, #123770);border:1px solid rgba(226,232,240,1)}.devsecops-paved-cta-secondary:hover{background:rgba(241,245,249,1)}:global(.dark) .devsecops-paved-cta-secondary{background:rgba(255,255,255,.05);color:#fff;border-color:#ffffff1a}:global(.dark) .devsecops-paved-cta-secondary:hover{background:rgba(255,255,255,.1)}.devsecops-paved-visual{position:relative;display:flex;justify-content:center;align-items:center;width:16rem;height:16rem;margin:0 auto}@media (min-width: 1024px){.devsecops-paved-visual{width:20rem;height:20rem}}.devsecops-paved-ring{position:absolute;border-radius:50%;margin:auto}.devsecops-paved-ring-outer{inset:0;width:100%;height:100%;border:12px dashed rgba(13,116,255,.05);animation:devsecops-spin 30s linear infinite}.devsecops-paved-ring-inner{inset:20%;width:60%;height:60%;border:4px solid rgba(13,116,255,.1);border-radius:50%}@keyframes devsecops-spin{to{transform:rotate(360deg)}}.devsecops-paved-sphere{position:relative;width:10rem;height:10rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.4);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px #0d74ff26;overflow:hidden;transition:transform 1s}.devsecops-paved-card:hover .devsecops-paved-sphere{transform:scale(1.1)}:global(.dark) .devsecops-paved-sphere{background:rgba(255,255,255,.05);border-color:#ffffff1a}.devsecops-paved-sphere-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,116,255,.2) 0%,transparent 50%,rgba(13,116,255,.05) 100%);pointer-events:none}.devsecops-paved-sphere-icon{position:relative;font-size:4.5rem;font-weight:800;color:var(--color-accent, #0d74ff);filter:drop-shadow(0 0 20px rgba(13,116,255,.4));animation:devsecops-pulse 2s ease-in-out infinite}@media (min-width: 1024px){.devsecops-paved-sphere{width:12rem;height:12rem}.devsecops-paved-sphere-icon{font-size:6rem}}@keyframes devsecops-pulse{0%,to{opacity:1}50%{opacity:.85}}.devsecops-paved-orb{position:absolute;border-radius:50%}.devsecops-paved-orb-top{top:0;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;background:var(--color-accent, #0d74ff);box-shadow:0 0 20px var(--color-accent, #0d74ff);animation:devsecops-ping 2s ease-in-out infinite}.devsecops-paved-orb-right{bottom:1rem;right:1rem;width:.75rem;height:.75rem;background:#34d399;box-shadow:0 0 15px #10b981;animation:devsecops-bounce 2s ease-in-out infinite}.devsecops-paved-orb-left{top:50%;left:-.25rem;width:.5rem;height:.5rem;background:var(--color-primary, #123770);opacity:.4}:global(.dark) .devsecops-paved-orb-left{background:#fff}@keyframes devsecops-ping{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes devsecops-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.devsecops-pillars-section{margin-bottom:6rem}.devsecops-pillars-header{text-align:center;max-width:48rem;margin:0 auto 5rem}.devsecops-pillars-chip{font-size:12px;font-weight:800;color:#0d74ff;text-transform:uppercase;letter-spacing:.4em;margin-bottom:1.5rem}.devsecops-pillars-title{font-family:var(--font-display, "Plus Jakarta Sans", sans-serif);font-size:clamp(2rem,5vw,4.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:#123770;margin-bottom:1.5rem}.dark .devsecops-pillars-title{color:#fff}.devsecops-pillars-description{font-size:1.25rem;font-weight:500;color:#64748b}.dark .devsecops-pillars-description{color:#94a3b8}.devsecops-pillars-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.devsecops-pillars-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.devsecops-pillars-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.devsecops-pillar-card{position:relative;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;height:420px;transition:border-color .5s,box-shadow .5s}.dark .devsecops-pillar-card{background:rgba(15,23,42,.4);border-color:#ffffff0d}.devsecops-pillar-card:hover{border-color:#0d74ff66;box-shadow:0 25px 50px -12px #00000040}.devsecops-pillar-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,116,255,.03),transparent);opacity:0;pointer-events:none;border-radius:2rem;transition:opacity .5s}.devsecops-pillar-card:hover .devsecops-pillar-card-overlay{opacity:1}.devsecops-pillar-content{position:relative;z-index:10;display:flex;flex-direction:column;gap:2rem}.devsecops-pillar-head{display:flex;align-items:center;justify-content:space-between}.devsecops-pillar-icon-wrap{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:rgba(13,116,255,.05);border:1px solid rgba(13,116,255,.1);transition:background-color .5s}.dark .devsecops-pillar-icon-wrap{background:rgba(13,116,255,.1)}.devsecops-pillar-card:hover .devsecops-pillar-icon-wrap{background:#0d74ff}.devsecops-pillar-icon-wrap .material-symbols-outlined{font-size:1.875rem;font-weight:800;color:#0d74ff;transition:color .5s}.devsecops-pillar-card:hover .devsecops-pillar-icon-wrap .material-symbols-outlined{color:#fff}.devsecops-pillar-num{font-size:3rem;font-weight:800;color:#f1f5f9;transition:color .5s}.dark .devsecops-pillar-num{color:#ffffff0d}.devsecops-pillar-card:hover .devsecops-pillar-num{color:#0d74ff1a}.devsecops-pillar-meta{display:flex;flex-direction:column;gap:.75rem}.devsecops-pillar-subtitle{font-weight:800;color:#0d74ff;text-transform:uppercase;letter-spacing:.3em}.devsecops-pillar-title{font-family:var(--font-display, "Plus Jakarta Sans", sans-serif);letter-spacing:-.025em;color:#123770}.dark .devsecops-pillar-title{color:#fff}.devsecops-pillar-details{display:block;margin:0;font-size:.765rem;font-weight:500;line-height:1.625;color:#475569;box-sizing:border-box}.dark .devsecops-pillar-details{color:#cbd5e1}.devsecops-pillar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;border:2px dashed #e2e8f0;background:#f8fafc;cursor:help;transition:border-color .2s}.dark .devsecops-pillar-placeholder{background:rgba(255,255,255,.05);border-color:#ffffff1a}.devsecops-pillar-placeholder:hover{border-color:#0d74ff66}.devsecops-pillar-placeholder-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f5f9;margin-bottom:1.5rem;transition:transform .2s}.dark .devsecops-pillar-placeholder-icon{background:rgba(255,255,255,.05)}.devsecops-pillar-placeholder:hover .devsecops-pillar-placeholder-icon{transform:scale(1.1)}.devsecops-pillar-placeholder-icon .material-symbols-outlined{font-size:2.25rem;color:#cbd5e1}.dark .devsecops-pillar-placeholder-icon .material-symbols-outlined{color:#475569}.devsecops-pillar-placeholder-text{font-size:12px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.2em;line-height:1.5}.devsecops-integrations{padding:6rem 0;text-align:center}.devsecops-integrations-header{max-width:42rem;margin:0 auto 4rem}.devsecops-integrations-title{font-family:var(--font-display, "Plus Jakarta Sans", sans-serif);font-size:2.25rem;font-weight:800;letter-spacing:-.025em;text-transform:uppercase;color:#123770;margin-bottom:1.5rem}.dark .devsecops-integrations-title{color:#fff}.devsecops-integrations-description{font-size:1.125rem;font-weight:500;color:#64748b}.dark .devsecops-integrations-description{color:#94a3b8}.devsecops-integrations-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;padding:0 1.5rem;opacity:.3;filter:grayscale(1);transition:opacity 1s,filter 1s}@media (min-width: 1024px){.devsecops-integrations-logos{gap:6rem}}.devsecops-integrations-logos:hover{opacity:1;filter:grayscale(0)}.devsecops-integration-logo{height:2.5rem}@media (min-width: 1024px){.devsecops-integration-logo{height:3rem}}.devsecops-footer{padding:5rem 1.5rem;text-align:center;background:rgba(255,255,255,.4);backdrop-filter:blur(4px)}.dark .devsecops-footer{background:rgba(0,0,0,.2)}.devsecops-footer-logo{height:1.5rem;margin:0 auto 1.5rem;opacity:.3;filter:grayscale(1)}.dark .devsecops-footer-logo{filter:grayscale(1) invert(1)}.devsecops-footer-copy{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.4em}
