.card-swap-container{position:absolute;right:0;bottom:0;overflow:visible;perspective:900px;transform:translate(5%,20%);transform-origin:bottom right}.card-swap-card{position:absolute;top:50%;left:50%;border:1px solid rgb(255 255 255 / .16);border-radius:0;background:#0d0d0d;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;-webkit-backface-visibility:hidden}@media(max-width:768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media(max-width:480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}.apps-ai-cards{position:relative;min-height:46rem;overflow:visible}.apps-ai-cards .card-swap-container{right:clamp(-9rem,-7vw,-3.5rem);bottom:9%;transform:none}.ai-dev-card{--card-text: #f3f5f4;--card-muted: rgb(255 255 255 / .52);--card-line: rgb(255 255 255 / .12);--card-surface: #111312;display:block;overflow:hidden;border-color:#ffffff3d;border-radius:.65rem;padding:0;background:var(--card-surface);box-shadow:0 36px 100px #0000007a,inset 0 1px #ffffff14;color:var(--card-text)}.ai-browser{display:grid;height:100%;grid-template-rows:2.75rem minmax(0,1fr);background:var(--card-surface)}.ai-browser__toolbar{display:grid;grid-template-columns:4.6rem minmax(0,1fr) 4.6rem;align-items:center;border-bottom:1px solid var(--card-line);background:#ffffff09;color:var(--card-muted)}.ai-browser__controls{display:flex;gap:.38rem;padding-left:1rem}.ai-browser__controls i{width:.56rem;height:.56rem;border:1px solid currentColor;border-radius:50%;opacity:.58}.ai-browser__address{overflow:hidden;border:1px solid var(--card-line);border-radius:.28rem;padding:.42rem .8rem;background:#00000029;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.03em;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ai-browser__menu{padding-right:1rem;font-size:.72rem;letter-spacing:.12em;text-align:right}.ai-browser__page{display:flex;min-height:0;flex-direction:column;padding:clamp(1.45rem,2.6vw,2rem)}.ai-dev-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--card-line);padding-bottom:.85rem;font-family:var(--font-mono);font-size:.59rem;letter-spacing:.075em;text-transform:uppercase}.ai-dev-card__top span{color:var(--card-muted)}.ai-dev-card__top b{color:color-mix(in srgb,var(--card-text) 78%,transparent);font-weight:500}.ai-dev-card .is-green{color:#9fd8b2}.ai-dev-card .is-red{color:#e29b94}.ai-dev-card__headline{max-width:13ch;margin-top:2rem;font-family:var(--font-heading);font-size:clamp(2.4rem,4vw,3.75rem);font-weight:580;letter-spacing:-.045em;line-height:.92;text-transform:uppercase;text-wrap:balance}.ai-dev-delivery-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;margin-top:auto}.ai-dev-delivery-flow span{display:grid;min-height:3.2rem;align-content:space-between;padding:.55rem;background:#fff1;color:#ffffff9e;font-size:.63rem}.ai-dev-delivery-flow span:nth-child(4){background:#dce8df;color:#121512}.ai-dev-delivery-flow b{font-family:var(--font-mono);font-size:.52rem;font-weight:500;opacity:.55}.ai-dev-card__foot{display:flex;justify-content:space-between;margin-top:.8rem;color:var(--card-muted);font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase}.ai-dev-card__foot strong{color:#9fd8b2;font-weight:500}.ai-dev-card--quality{--card-surface: #151515}.ai-dev-quality-score{display:flex;align-items:end;gap:1rem;margin-top:2.35rem}.ai-dev-quality-score strong{font-family:var(--font-heading);font-size:6.2rem;letter-spacing:-.07em;line-height:.74}.ai-dev-quality-score span{color:var(--card-muted);font-family:var(--font-mono);font-size:.58rem;line-height:1.5;text-transform:uppercase}.ai-dev-card--quality ul{margin:auto 0 0;padding:0;list-style:none}.ai-dev-card--quality li{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--card-line);padding-block:.7rem;color:color-mix(in srgb,var(--card-text) 66%,transparent);font-size:.72rem}.ai-dev-card--quality li b{font-family:var(--font-mono);font-size:.54rem;font-weight:500}.ai-dev-card--system{--card-text: #111311;--card-muted: rgb(17 19 17 / .56);--card-line: rgb(17 19 17 / .16);--card-surface: #e4e5e0}.ai-dev-card--system .ai-browser__toolbar{background:#11131109}.ai-dev-card--system .ai-browser__address{background:#ffffff6b}.ai-dev-card--system h3{max-width:12ch;margin-top:1.75rem;font-family:var(--font-heading);font-size:3rem;font-weight:600;letter-spacing:-.045em;line-height:.91;text-transform:uppercase;text-wrap:balance}.ai-dev-swatches{display:flex;margin-top:auto}.ai-dev-swatches i{width:20%;height:3rem;background:#111311}.ai-dev-swatches i:nth-child(2){background:#789985}.ai-dev-swatches i:nth-child(3){background:#db9d92}.ai-dev-swatches i:nth-child(4){background:#a6b5c8}.ai-dev-swatches i:nth-child(5){background:#f8f7f2}.ai-dev-token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--card-line);margin-top:.7rem;padding-top:.65rem;color:var(--card-muted);font-family:var(--font-mono);font-size:.54rem}.ai-dev-card--review{--card-surface: #101314}.ai-dev-review-title{max-width:15ch;margin-top:1.45rem;font-family:var(--font-heading);font-size:2.15rem;letter-spacing:-.04em;line-height:.95;text-transform:uppercase}.ai-dev-code{display:grid;gap:.35rem;margin-top:1.25rem;font-family:var(--font-mono);font-size:.66rem}.ai-dev-code p{padding:.66rem .75rem;background:#ffffff0b;color:#ffffff9e}.ai-dev-code p:first-child{background:#e29b9414}.ai-dev-code i,.ai-dev-code b{display:inline-block;width:1.5rem;color:#e29b94;font-style:normal}.ai-dev-code b{color:#9fd8b2}.ai-dev-review-foot{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;border-top:1px solid var(--card-line);padding-top:.75rem;color:var(--card-muted);font-family:var(--font-mono);font-size:.56rem;text-transform:uppercase}.ai-dev-review-foot span:last-child{color:#9fd8b2;text-align:right}.ai-dev-card--radar{--card-surface: #151615}.ai-dev-radar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.3rem;margin-top:1.75rem}.ai-dev-radar-grid i{aspect-ratio:1;border-radius:.12rem;background:#ffffff12}.ai-dev-radar-grid i:nth-child(3n){background:#9fd8b238}.ai-dev-radar-grid i.is-hot{background:#9fd8b2}.ai-dev-radar-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:auto}.ai-dev-radar-stats div{border-top:1px solid var(--card-line);padding-top:.8rem}.ai-dev-radar-stats strong,.ai-dev-radar-stats span{display:block}.ai-dev-radar-stats strong{font-size:1.65rem}.ai-dev-radar-stats span{margin-top:.28rem;color:var(--card-muted);font-size:.58rem;line-height:1.35}@media(max-width:1100px){.apps-ai-cards{min-height:39rem}.apps-ai-cards .card-swap-container{right:50%;bottom:1%;transform:translate(50%) scale(.82);transform-origin:bottom center}}@media(max-width:560px){.apps-ai-cards{min-height:31rem}.apps-ai-cards .card-swap-container{bottom:0;transform:translate(50%) scale(.58)}}.apps-ai-cards{min-height:60rem}.apps-ai-cards .card-swap-container{right:clamp(-7rem,-4vw,-2rem);bottom:18%}.ai-dev-card{--ai-card-glow: 0 0 0 rgb(0 0 0 / 0);border:1px solid #70726f;border-radius:.82rem;box-shadow:0 52px 140px #0009,var(--ai-card-glow),0 0 0 1px #ffffff0d,inset 0 1px #ffffff2e}.ai-browser{grid-template-rows:3.25rem minmax(0,1fr)}.ai-browser__toolbar,.ai-dev-card--system .ai-browser__toolbar{border-bottom:1px solid #747674;background:linear-gradient(180deg,#525350,#3d3e3c);color:#d8dad7;box-shadow:inset 0 1px #ffffff24}.ai-browser__controls i{width:.68rem;height:.68rem;border:0;opacity:1;box-shadow:inset 0 0 0 1px #00000029,0 1px 2px #00000038}.ai-browser__controls i:nth-child(1){background:#ff5f57}.ai-browser__controls i:nth-child(2){background:#febc2e}.ai-browser__controls i:nth-child(3){background:#28c840}.ai-browser__address,.ai-dev-card--system .ai-browser__address{border-color:#ffffff1f;background:#30312f;color:#ffffff9e}.ai-browser__page{position:relative;overflow:hidden;padding:clamp(1.8rem,3vw,2.8rem)}.ai-browser__page:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.44}.ai-browser__page>*{position:relative;z-index:1}.ai-dev-card--velocity{--ai-card-glow: 0 0 92px rgb(241 95 80 / .18), 0 0 42px rgb(255 220 190 / .07);--card-text: #171513;--card-muted: rgb(23 21 19 / .58);--card-line: rgb(23 21 19 / .2);--card-surface: #f15f50}.ai-dev-card--velocity .ai-browser__page:before{background:linear-gradient(rgb(23 21 19 / .08) 1px,transparent 1px),linear-gradient(90deg,rgb(23 21 19 / .08) 1px,transparent 1px);background-size:64px 64px}.ai-dev-card--velocity .ai-dev-delivery-flow span{background:#1715131a;color:#171513b8}.ai-dev-card--velocity .ai-dev-delivery-flow span:nth-child(4){background:#171513;color:#fff4ef}.ai-dev-card--velocity .ai-dev-card__foot strong,.ai-dev-card--velocity .is-green{color:#17251d}.ai-dev-card__headline{max-width:14ch;font-size:clamp(3.3rem,5vw,5.6rem)}.ai-dev-card--quality{--ai-card-glow: 0 0 92px rgb(74 255 161 / .16), 0 0 42px rgb(186 255 216 / .07);--card-text: #baffd8;--card-muted: rgb(186 255 216 / .5);--card-line: rgb(112 255 178 / .2);--card-surface: #03291e}.ai-dev-card--quality .ai-browser__page:before{background:radial-gradient(ellipse at 52% 62%,transparent 0 26%,rgb(74 255 161 / .16) 27%,transparent 28% 34%,rgb(74 255 161 / .12) 35%,transparent 36%),linear-gradient(135deg,transparent 48%,rgb(74 255 161 / .08) 49% 51%,transparent 52%)}.ai-dev-quality-score strong{font-size:8.5rem;text-shadow:0 0 34px rgb(74 255 161 / .2)}.ai-dev-card--quality .is-green{color:#7dffb9}.ai-dev-card--quality .is-red{color:#ffc2ab}.ai-dev-card--system{--ai-card-glow: 0 0 86px rgb(240 238 232 / .12), 0 0 38px rgb(120 153 133 / .06);--card-text: #121313;--card-muted: rgb(18 19 19 / .56);--card-line: rgb(18 19 19 / .18);--card-surface: #f0eee8}.ai-dev-card--system .ai-browser__page:before{background:linear-gradient(90deg,transparent 49.8%,rgb(18 19 19 / .08) 50%,transparent 50.2%),linear-gradient(rgb(18 19 19 / .055) 1px,transparent 1px);background-size:100% 100%,100% 48px}.ai-dev-card--system h3{max-width:13ch;font-size:4.25rem}.ai-dev-swatches i{height:4.6rem}.ai-dev-card--review{--ai-card-glow: 0 0 92px rgb(65 128 255 / .17), 0 0 42px rgb(234 242 255 / .06);--card-text: #eaf2ff;--card-muted: rgb(234 242 255 / .5);--card-line: rgb(117 163 255 / .24);--card-surface: #061d55}.ai-dev-card--review .ai-browser__page:before{background:radial-gradient(circle at 85% 12%,rgb(65 128 255 / .36),transparent 30%),repeating-linear-gradient(180deg,transparent 0 31px,rgb(255 255 255 / .04) 32px)}.ai-dev-review-title{max-width:17ch;font-size:3.1rem}.ai-dev-code{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--card-line)}.ai-dev-code p,.ai-dev-code p:first-child{min-height:7rem;margin:0;background:#020c27d1}.ai-dev-code p:first-child{background:#541438b8}.ai-dev-card--radar{--ai-card-glow: 0 0 92px rgb(255 173 29 / .16), 0 0 42px rgb(255 211 106 / .07);--card-text: #ffd36a;--card-muted: rgb(255 211 106 / .5);--card-line: rgb(255 173 29 / .2);--card-surface: #171004}.ai-dev-card--radar .ai-browser__page:before{background:repeating-radial-gradient(circle at 50% 45%,transparent 0 42px,rgb(255 173 29 / .14) 43px 44px)}.ai-dev-radar-grid{gap:.48rem}.ai-dev-radar-grid i{border:1px solid rgb(255 173 29 / .12);background:#ffad1d0e}.ai-dev-radar-grid i:nth-child(3n){background:#ffad1d3d}.ai-dev-radar-grid i.is-hot{background:#ffad1d;box-shadow:0 0 18px #ffad1d6b}.ai-dev-card--radar .is-green{color:#ffd36a}.ai-dev-card--radar .is-red{color:#ff8f65}@media(max-width:1100px){.apps-ai-cards{min-height:44rem}.apps-ai-cards .card-swap-container{right:-3.5rem;bottom:10%;transform:scale(.72);transform-origin:bottom right}}@media(max-width:560px){.apps-ai-cards{min-height:38rem}.apps-ai-cards .card-swap-container{right:-4.75rem;bottom:8.5rem;transform:scale(.48);transform-origin:bottom right}.ai-dev-card--velocity{--ai-card-glow: 0 0 130px rgb(241 95 80 / .34), 0 0 72px rgb(255 220 190 / .12)}.ai-dev-card--quality{--ai-card-glow: 0 0 130px rgb(74 255 161 / .28), 0 0 72px rgb(186 255 216 / .12)}.ai-dev-card--system{--ai-card-glow: 0 0 130px rgb(240 238 232 / .2), 0 0 72px rgb(120 153 133 / .12)}.ai-dev-card--review{--ai-card-glow: 0 0 130px rgb(65 128 255 / .3), 0 0 72px rgb(234 242 255 / .1)}.ai-dev-card--radar{--ai-card-glow: 0 0 130px rgb(255 173 29 / .28), 0 0 72px rgb(255 211 106 / .12)}}
