.cs-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.cs-tags li{font-size:12px;letter-spacing:.04em;padding:7px 13px;border:1px solid var(--border);border-radius:999px;color:var(--foreground);background:color-mix(in srgb,var(--accent) 8%,transparent)}.cs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.case-page .ch-extra .cs-tags{margin-top:6px}.cs-ghost{background:transparent;border-color:#4a4b52}.cs-ghost:hover{border-color:#b496ff;background:transparent}.cs-showcase{padding-block:90px 70px;background:radial-gradient(60% 70% at 70% 0%,rgba(131,75,255,.22),transparent 70%),#0c0e11;border-bottom:1px solid var(--border);overflow:hidden}.cs-showcase-inner{position:relative;padding-right:120px}.cs-browser{margin:0;border-radius:14px;overflow:hidden;background:#1a1b21;border:1px solid #2c2d33;box-shadow:0 40px 90px -30px #000000b3,0 0 0 1px #ffffff05}.ah-light .cs-browser{border-color:#dcd9e7;box-shadow:0 30px 70px -30px #28145a59}.cs-browser-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#1f2027;border-bottom:1px solid #2c2d33}.cs-browser-bar span{width:10px;height:10px;border-radius:50%;background:#3a3b43}.architecture-home .cs-browser-bar p{margin:0 auto;padding:4px 18px;font-size:12px;line-height:1.4;color:#b8b7c1;background:#15161c;border-radius:6px;min-width:40%;text-align:center}.cs-browser img{display:block;width:100%;height:auto}.cs-showcase-phone{position:absolute;right:0;bottom:-40px;width:230px}.cs-phone{margin:0;padding:9px;border-radius:34px;background:#050507;border:1px solid #34353d;box-shadow:0 30px 70px -20px #000c}.cs-phone img{display:block;width:100%;height:auto;border-radius:26px}.cs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:90px 0 0;border-top:1px solid var(--border)}.cs-facts>div{padding:26px 26px 0 0}.cs-facts>div+div{padding-left:26px;border-left:1px solid var(--border)}.cs-facts dt{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:10px}.cs-facts dd{margin:0;font-size:16px;line-height:1.5}.cs-stats-section{padding-block:90px}.cs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cs-stats>div{padding-right:30px}.cs-stats>div+div{padding-left:30px;border-left:1px solid var(--border)}.architecture-home .cs-stat-value{font-size:clamp(2.6rem,4.2vw,4.2rem);line-height:1;letter-spacing:-.045em;font-weight:500;color:#b496ff;margin-bottom:16px}.cs-stats p:not(.cs-stat-value){color:var(--muted-foreground);font-size:15px}.cs-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:start}.cs-two h2{font-size:clamp(2.2rem,3.8vw,3.6rem)}.cs-prose p{font-size:18px;color:var(--muted-foreground)}.cs-prose p+p{margin-top:20px}.cs-prose .ah-link{margin-top:30px}.cs-chapter-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:70px;align-items:center}.cs-chapter.is-reversed .cs-chapter-text{order:2}.cs-chapter h2{font-size:clamp(2.1rem,3.4vw,3.3rem)}.architecture-home .cs-service{color:var(--accent);margin-bottom:20px}.architecture-home .cs-lead{font-size:18px;color:var(--muted-foreground);margin:24px 0 30px}.cs-points{list-style:none;padding:0;margin:0;display:grid;gap:14px}.cs-points li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.55}.cs-points svg{flex:0 0 auto;margin-top:3px;color:var(--accent)}.cs-mobile-head{max-width:720px;margin-bottom:60px}.cs-mobile-head h2{margin-bottom:24px}.cs-phones{display:grid;grid-template-columns:repeat(3,minmax(0,290px));justify-content:center;gap:50px}.cs-phones .cs-phone:nth-child(2){transform:translateY(40px)}.cs-timeline{list-style:none;padding:0;margin:0;border-left:1px solid var(--border)}.cs-timeline li{position:relative;padding:0 0 34px 34px}.cs-timeline li:before{content:"";position:absolute;left:-6px;top:6px;width:11px;height:11px;border-radius:50%;background:#834bff;box-shadow:0 0 0 5px #ece4ff}.architecture-home .cs-date{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.cs-timeline p:not(.cs-date){font-size:17px}.cs-next{border-top:1px solid var(--border)}.cs-cta h2{max-width:900px;margin-bottom:24px}.cs-index h2{margin-bottom:50px}.cs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.cs-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card)}.cs-card-img img{display:block;width:100%;height:auto;transition:transform .6s ease}.cs-card-img{display:block;overflow:hidden}.cs-card:hover .cs-card-img img{transform:scale(1.03)}.cs-card-body{padding:30px}.architecture-home .cs-card-body .ah-eyebrow{margin-bottom:14px}.cs-card h3{font-size:1.6rem;margin-bottom:20px}.cs-card h3 a{color:inherit;text-decoration:none}.cs-card h3 a:hover{color:#b496ff}.cs-card .ah-link{margin-top:24px}@media(max-width:1100px){.cs-stats,.cs-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.cs-stats>div:nth-child(3),.cs-facts>div:nth-child(3){padding-left:0;border-left:0}.cs-chapter-inner,.cs-two{grid-template-columns:1fr;gap:50px}.cs-chapter.is-reversed .cs-chapter-text{order:0}}@media(max-width:760px){.cs-showcase{padding-block:50px}.cs-showcase-inner{padding-right:0}.cs-showcase-phone{display:none}.cs-facts{margin-top:50px}.cs-stats,.cs-facts,.cs-cards{grid-template-columns:1fr}.cs-stats>div,.cs-facts>div{padding-left:0!important;border-left:0!important}.cs-phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cs-phone{padding:4px;border-radius:16px}.cs-phone img{border-radius:12px}.cs-phones .cs-phone:nth-child(2){transform:translateY(20px)}}@keyframes cs-float{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -18px;rotate:var(--cs-tilt, 0deg)}}.cs-phones .cs-phone,.cs-showcase-phone .cs-phone{animation:cs-float 6s ease-in-out infinite;will-change:translate}.cs-phones .cs-phone:nth-child(1){--cs-tilt: -1.5deg;animation-duration:6.5s}.cs-phones .cs-phone:nth-child(2){--cs-tilt: 1deg;animation-duration:5.5s;animation-delay:-2s}.cs-phones .cs-phone:nth-child(3){--cs-tilt: 1.5deg;animation-duration:7s;animation-delay:-4s}.cs-showcase-phone .cs-phone{--cs-tilt: -1deg;animation-duration:7s}@media(prefers-reduced-motion:reduce){.cs-phones .cs-phone,.cs-showcase-phone .cs-phone{animation:none}}