/* Project page specific components. Global shell comes from brand-v5.css. */
.project-page .page-hero{overflow:hidden}
.project-page .page-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:42px;align-items:center}
.project-page .page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.project-page .hero-panel{padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);box-shadow:0 28px 74px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.project-page .hero-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:#fff}
.project-page .hero-panel-title strong{font-size:20px}.project-page .hero-panel-title span{padding:6px 10px;border-radius:999px;background:#f2c66a;color:#071426;font-size:11px;font-weight:900}
.project-page .quick-demo{display:grid;gap:10px}.project-page .quick-demo-item{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.07)}
.project-page .quick-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1fbaff,#f2c66a);color:#071426;font-weight:950}
.project-page .quick-demo-item strong{display:block;color:#fff}.project-page .quick-demo-item small{display:block;color:#b8c8db;line-height:1.45;margin-top:2px}
.project-page .trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:34px}
.project-page .trust-item{padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.055);color:#d6e4f4;font-size:13px;font-weight:750}.project-page .trust-item span{color:#64c4ff;margin-right:7px}
.project-page .card-featured{position:relative;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #d6e6f7}
.project-page .card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.project-page .card-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#071426,#0b3b72);color:#fff;font-weight:950}
.project-page .status-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.project-page .status-pill.blue{background:#eef7ff;color:#0b72d9}
.project-page .tech-stack,.project-page .project-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.project-page .tech-stack span,.project-page .project-meta span{padding:6px 9px;border-radius:999px;background:#eef7ff;border:1px solid #d9e9f9;color:#176dbb;font-size:11px;font-weight:850}
.project-page .card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.project-page .button-blue{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 12px 30px rgba(0,119,255,.22)}
.project-page .demo-card{overflow:hidden;padding:0}.project-page .demo-preview{min-height:260px;padding:22px;background:radial-gradient(circle at 28% 18%,rgba(0,180,255,.28),transparent 34%),linear-gradient(135deg,#061426,#0b2b54);display:flex;align-items:center;justify-content:center}.project-page .demo-content{padding:28px}
.project-page .mock-window{width:100%;max-width:440px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 80px rgba(0,0,0,.34);overflow:hidden}.project-page .mock-topbar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.project-page .mock-dot{width:10px;height:10px;border-radius:50%;background:#73d2ff}.project-page .mock-dot:nth-child(2){background:#f4c763}.project-page .mock-dot:nth-child(3){background:#7de08a}.project-page .mock-body{padding:16px}.project-page .mock-hero{height:58px;border-radius:15px;background:linear-gradient(90deg,rgba(0,153,255,.58),rgba(255,255,255,.12));margin-bottom:12px}.project-page .mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.project-page .mock-card{height:62px;border-radius:14px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.1)}.project-page .mock-row{height:11px;border-radius:999px;background:linear-gradient(90deg,rgba(118,213,255,.58),rgba(255,255,255,.12));margin-top:8px}.project-page .mock-row:nth-child(even){width:78%}
.project-page .offer-banner-wrap{max-width:980px;margin:0 auto}.project-page .offer-banner-card{padding:20px;border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.project-page .offer-banner-card img{border-radius:20px}.project-page .offer-banner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.project-page .case-card{display:grid;grid-template-columns:84px 1fr;gap:20px;align-items:start}.project-page .case-icon{width:84px;height:84px;border-radius:24px;background:linear-gradient(135deg,#061426,#0b2b54);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:950;box-shadow:0 18px 48px rgba(5,24,48,.18)}
.project-page .process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-page .process-card{padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.06)}.project-page .process-number{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,#087ff2,#21c2ff);color:#fff;font-weight:950;margin-bottom:18px}.project-page .process-card h3{color:#fff;margin:0 0 9px}.project-page .process-card p{color:#bdcada;margin:0}
.project-page .cta-box{border-radius:34px;padding:42px;background:radial-gradient(circle at top left,rgba(0,180,255,.24),transparent 32%),linear-gradient(135deg,#061426,#0b2e5c);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.project-page .cta-box h2{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:12px 0 14px}.project-page .cta-box p{color:#bfd0e6;margin:0}.project-page .cta-box .cta-actions{justify-content:flex-end}
@media(max-width:900px){.project-page .page-hero .hero-grid,.project-page .cta-box{grid-template-columns:1fr}.project-page .trust-strip,.project-page .process{grid-template-columns:1fr 1fr}.project-page .case-card{grid-template-columns:1fr}.project-page .cta-box .cta-actions{justify-content:flex-start}}
@media(max-width:620px){.project-page .trust-strip,.project-page .process{grid-template-columns:1fr}.project-page .hero-panel,.project-page .cta-box{padding:24px}.project-page .offer-banner-card{padding:12px}.project-page .card-actions,.project-page .offer-banner-actions{flex-direction:column}.project-page .card-actions .button,.project-page .offer-banner-actions .button{width:100%}}