@font-face{font-family:SerpexEnfonix;src:url('fonts/enfonix.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:SerpexMono;src:url('fonts/ibm-plex-mono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.source-lifecycle{font-family:SerpexMono,monospace;background:#0b1320}
.source-lifecycle .nav-links,.source-lifecycle .button,.source-lifecycle .footer-values,.source-lifecycle h1,.source-lifecycle h2,.source-lifecycle h3{font-family:Exo,Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.045em}
.source-lifecycle .region-bar,.source-lifecycle .section-label,.source-lifecycle .selector button,.source-lifecycle .viewer-controls button{font-family:SerpexMono,monospace}
.source-lifecycle .nav-links{font-size:.8rem}.source-lifecycle .container{width:min(1120px,90%)}
.lifecycle-opening{padding:35px 0 38px;background:linear-gradient(rgba(7,16,26,.82),rgba(7,16,26,.88)),url('wix/services-hero.webp') center/cover}
.source-section-title{margin-top:24px;border-bottom:2px solid #39d353;max-width:860px;padding-bottom:12px;position:relative}.source-section-title::after{content:'';position:absolute;right:0;bottom:-4px;width:6px;height:6px;border-radius:50%;background:#39d353}
.source-section-title h1{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.45;text-transform:uppercase;margin:0;letter-spacing:.12em}
.source-subtitle{font-size:1rem;font-style:italic;color:#39d353;margin:12px 0 22px;font-weight:700}
.opening-copy{max-width:1040px;color:#e2e9ee;font-size:.97rem;line-height:1.8}.opening-copy p{margin-bottom:16px}.blue-text{color:#4d9bff}.green-text{color:#39d353}
.lifecycle-diagram{max-width:820px;margin:30px auto 25px;background:rgba(4,12,20,.75);border:1px solid rgba(57,211,83,.24);border-radius:24px;padding:28px;box-shadow:0 0 50px rgba(26,115,232,.1)}.lifecycle-diagram img{display:block;width:100%;height:auto;max-width:640px;margin:auto}.lifecycle-diagram figcaption{font-size:.82rem;text-align:center;color:#a8b8c7;margin-top:16px}
.source-region{text-align:center;color:#cedbe6;font-size:.88rem;line-height:1.9}.source-region span{color:#39d353;font-weight:700}
.source-lifecycle .section{padding:55px 0}.source-lifecycle .section-heading h2{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.4;letter-spacing:.04em}.source-lifecycle .section-label{color:#dce7f1;font-size:.9rem;letter-spacing:.14em;position:relative;padding-bottom:11px;max-width:900px;border-bottom:1px solid #39d353}.source-lifecycle .section-heading p{font-size:.94rem}
.source-lifecycle .benefit-grid{grid-template-columns:1fr;gap:17px}.source-lifecycle .benefit-grid article{padding:24px 28px;border:1px solid rgba(57,211,83,.35);border-radius:13px;background:linear-gradient(90deg,rgba(2,15,25,.92),rgba(4,22,33,.84)),url('wix/modular.webp') center/cover}.source-lifecycle .benefit-grid h3{font-size:1.05rem;margin:5px 0 14px}.source-lifecycle .benefit-grid p{font-size:.92rem;max-width:850px}.source-lifecycle .benefit-grid span{display:none}
.source-lifecycle #framework{background:radial-gradient(ellipse at center,rgba(57,211,83,.09),transparent 80%),#111d26}
.source-lifecycle .selector{justify-content:center;gap:8px}.source-lifecycle .selector button{font-size:.73rem;padding:10px 12px}.source-lifecycle .viewer-panel{background:linear-gradient(135deg,rgba(29,51,62,.97),rgba(17,33,48,.97));border:1px solid rgba(57,211,83,.45);border-radius:20px;box-shadow:0 0 24px rgba(57,211,83,.08);padding:36px;min-height:440px}.source-lifecycle .viewer-panel h3{font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.35}.source-lifecycle .viewer-panel .section-label{font-size:.77rem;border:0;padding:0;color:#b5c5d2}.source-lifecycle .viewer-panel .framework-letter{font-family:Exo,Arial,Helvetica,sans-serif;font-size:2rem;color:#39d353}.source-lifecycle .viewer-panel p,.source-lifecycle .viewer-panel li{font-size:.92rem;line-height:1.85}.source-lifecycle .viewer-panel img{max-height:290px;border-radius:18px}.source-lifecycle .viewer-controls{flex-wrap:wrap}.source-slide-dots{width:100%;display:flex;justify-content:center;gap:10px;margin-top:5px}.source-slide-dots i{display:block;width:7px;height:7px;background:#778695;border-radius:50%}.source-slide-dots i.active{background:#39d353;box-shadow:0 0 7px rgba(57,211,83,.5)}
.source-lifecycle #documentation{background:linear-gradient(rgba(6,24,35,.96),rgba(5,22,33,.92)),url('wix/structured.webp') center/cover}.source-lifecycle .report-grid{gap:18px}.source-lifecycle .report-card{border-color:rgba(26,115,232,.65);background:rgba(15,36,52,.84);border-top:2px solid #1a73e8}.source-lifecycle .report-card h3{font-size:.95rem;line-height:1.5;text-transform:uppercase}.source-lifecycle .report-card p{font-size:.9rem}.source-lifecycle .image-feature h3{font-size:1.3rem;line-height:1.4}.source-lifecycle .image-feature p{font-size:.92rem}
.source-lifecycle .page-cta{background:radial-gradient(ellipse at bottom right,rgba(57,211,83,.17),transparent 70%),#030709}.source-lifecycle .page-cta h2{font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.4}.source-lifecycle .page-cta p{font-size:.87rem}.source-lifecycle .button{font-size:.76rem}.source-lifecycle .footer-content{font-size:.75rem}
@media(max-width:700px){.lifecycle-opening{padding:25px 0}.source-section-title h1{font-size:1.18rem;letter-spacing:.08em}.source-subtitle{font-size:.85rem}.opening-copy{font-size:.86rem}.lifecycle-diagram{padding:14px;border-radius:16px;margin:23px auto}.source-region{font-size:.77rem}.source-lifecycle .section{padding:38px 0}.source-lifecycle .section-heading h2{font-size:1.35rem;line-height:1.5}.source-lifecycle .section-label{font-size:.76rem;letter-spacing:.08em}.source-lifecycle .benefit-grid article{padding:22px}.source-lifecycle .benefit-grid h3{font-size:.9rem;line-height:1.5}.source-lifecycle .viewer-panel{padding:24px;min-height:0;gap:20px}.source-lifecycle .viewer-panel h3{font-size:1.25rem}.source-lifecycle .viewer-panel p,.source-lifecycle .viewer-panel li{font-size:.85rem}.source-lifecycle .viewer-panel img{max-height:235px}.source-lifecycle .selector button{font-size:.69rem}.source-lifecycle .page-cta h2{font-size:1.4rem}.source-lifecycle .nav-links{font-size:.75rem}}
