.cs-page{min-height:100vh;font-family:var(--font-inter);position:relative;overflow:hidden}:root{--cs-bg-card:#00000008;--cs-border:#0000000d;--cs-title:#171717;--cs-text-main:#404040;--cs-text-muted:#737373;--cs-table-bg:#00000005;--cs-meta:#737373;--cs-back-btn-bg:#00000005;--cs-back-btn-hover:#0000000f}@media (prefers-color-scheme:dark){:root{--cs-bg-card:#ffffff08;--cs-border:#ffffff0d;--cs-title:#fff;--cs-text-main:#d4d4d4;--cs-text-muted:#a3a3a3;--cs-table-bg:#0000004d;--cs-meta:#737373;--cs-back-btn-bg:#ffffff05;--cs-back-btn-hover:#ffffff0d}}.cs-glow-1{pointer-events:none;z-index:0;background:radial-gradient(circle,#10b98114 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:-10%;left:-10%}.cs-glow-2{pointer-events:none;z-index:0;background:radial-gradient(circle,#d977060d 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;bottom:20%;right:-10%}.cs-hero{text-align:center;z-index:10;flex-direction:column;align-items:center;padding:14rem 5% 8rem;display:flex;position:relative}.cs-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.cs-title{color:var(--cs-title);max-width:1100px;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:800;line-height:1.05;font-family:var(--font-dm-sans);letter-spacing:-.03em;margin-bottom:1.5rem}.cs-title em{color:#10b981;font-style:italic;font-family:var(--font-playfair);font-weight:600}.cs-subtitle{color:var(--cs-text-muted);max-width:750px;margin:0 auto 3rem;font-size:1.2rem;font-weight:300;line-height:1.6}.cs-link-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px -10px #10b98180}.cs-link-btn:hover{color:#fff;transform:translateY(-3px)scale(1.02);box-shadow:0 15px 40px -10px #10b981b3}.cs-mockup-container{width:100%;max-width:1200px;box-shadow:0 30px 60px -20px #00000080, 0 0 0 1px var(--cs-border);border-radius:24px;margin:4rem auto 0;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(2deg)}.cs-mockup-container:hover{transform:perspective(1000px)rotateX(0)}.cs-mockup-img{width:100%;height:auto;display:block}.cs-section{z-index:10;max-width:1200px;margin:0 auto;padding:6rem 5%;position:relative}.cs-grid{grid-template-columns:1fr 2.5fr;align-items:start;gap:5rem;display:grid}.cs-sidebar-label{color:var(--cs-title);font-size:1.1rem;font-weight:600;font-family:var(--font-dm-sans);letter-spacing:.05em;text-transform:uppercase;position:sticky;top:120px}.cs-sidebar-label:before{content:"";background-color:#10b981;width:40px;height:2px;margin-bottom:1.5rem;display:block}.cs-card{background:var(--cs-bg-card);border:1px solid var(--cs-border);-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:3rem}.cs-content-block{color:var(--cs-text-muted)}.cs-content-block h3{color:var(--cs-title);font-size:1.8rem;font-weight:600;font-family:var(--font-dm-sans);letter-spacing:-.02em;margin-bottom:1.5rem}.cs-content-block p{margin-bottom:1.5rem;font-size:1.15rem;line-height:1.7}.cs-content-block ul{margin-bottom:3rem;padding:0;list-style:none}.cs-content-block li{background:var(--cs-bg-card);border:1px solid var(--cs-border);border-radius:12px;margin-bottom:1.25rem;padding:1.5rem 1.5rem 1.5rem 4rem;font-size:1.1rem;line-height:1.6;position:relative}.cs-content-block li:before{content:"";background-color:#10b981;border-radius:50%;width:8px;height:8px;position:absolute;top:1.75rem;left:1.5rem;box-shadow:0 0 10px #10b981}.cs-content-block li strong{color:var(--cs-title);margin-bottom:.25rem;font-weight:600;display:block}.cs-table-container{background:var(--cs-table-bg);border:1px solid var(--cs-border);border-radius:16px;margin:3rem 0;overflow-x:auto}.cs-table{border-collapse:collapse;text-align:left;width:100%}.cs-table th,.cs-table td{border-bottom:1px solid var(--cs-border);padding:1.5rem}.cs-table th{background-color:var(--cs-bg-card);color:var(--cs-title);font-weight:600;font-family:var(--font-dm-sans);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.cs-table tr:last-child td{border-bottom:none}.cs-table td{color:var(--cs-text-main);font-size:1.05rem}.cs-table td strong{color:#10b981;font-weight:600}.cs-tech-stack{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.cs-tech-pill{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:50px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500}.cs-meta{border-top:1px solid var(--cs-border);color:var(--cs-meta);justify-content:space-between;margin-top:5rem;padding-top:3rem;font-size:1rem;display:flex}.cs-meta strong{color:var(--cs-title);font-weight:500}.cs-back-btn{color:var(--cs-text-muted);border:1px solid var(--cs-border);background:var(--cs-back-btn-bg);border-radius:50px;align-items:center;gap:.5rem;margin-top:4rem;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.cs-back-btn:hover{color:var(--cs-title);background:var(--cs-back-btn-hover)}@media (max-width:992px){.cs-grid{grid-template-columns:1fr;gap:2rem}.cs-sidebar-label{margin-bottom:2rem;position:static}}@media (max-width:768px){.cs-hero{padding:10rem 5% 5rem}.cs-title{font-size:clamp(2.5rem,8vw,3rem)}.cs-card{padding:2rem 1.5rem}.cs-meta{flex-direction:column;gap:2rem}.cs-meta>div{text-align:left!important}.cs-content-block li{padding:1.25rem 1.25rem 1.25rem 3rem}.cs-content-block li:before{left:1rem}}