.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px}@media(max-width:980px){.pillar-grid{grid-template-columns:1fr}}.pillar-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.pillar-card:before{content:"";position:absolute;inset:auto -30% -30% auto;width:240px;height:240px;background:radial-gradient(circle,rgba(224,131,59,.16),transparent 70%);opacity:0;transition:opacity .3s}.pillar-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#e0833b66}.pillar-card:hover:before{opacity:1}.pillar-icon{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--navy-3));color:var(--gold-2);display:grid;place-items:center;font-size:28px;margin-bottom:20px;box-shadow:0 12px 28px #0e4d6440;position:relative;z-index:1}.pillar-card h3{font-size:22px;margin-bottom:10px}.pillar-card>p{color:var(--muted);font-size:15px;margin-bottom:18px}.pillar-card ul{list-style:none;display:flex;flex-direction:column;gap:9px;flex:1}.pillar-card ul li{position:relative;padding-left:24px;font-size:14px;color:#334155}.pillar-card ul li:before{content:"→";position:absolute;left:0;top:0;color:var(--gold);font-weight:800}.usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:46px}@media(max-width:760px){.usecase-grid{grid-template-columns:1fr}}.usecase-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s}.usecase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#e0833b66}.uc-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px}.uc-emoji{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2e1a05;display:grid;place-items:center;font-size:24px;flex-shrink:0}.uc-head h4{font-size:17px;margin-bottom:4px;color:var(--ink);line-height:1.3}.uc-head .uc-tag{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.uc-body p{color:var(--muted);font-size:14px;margin-bottom:14px;line-height:1.6}.uc-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.uc-meta .badge{font-size:11.5px;font-weight:700;background:#f1f5f9;color:#334155;padding:5px 10px;border-radius:6px}.uc-meta .badge.gold{background:#e0833b26;color:#7a5e10}.uc-meta .badge.navy{background:#1a2a6c1a;color:var(--navy)}.stack-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}@media(max-width:880px){.stack-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stack-row{grid-template-columns:1fr}}.stack-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;transition:border-color .25s,box-shadow .25s}.stack-item:hover{border-color:#e0833b80;box-shadow:var(--shadow-sm)}.stack-item b{display:block;color:var(--ink);font-size:14.5px;font-weight:700;margin-bottom:4px}.stack-item span{color:var(--muted);font-size:12.5px}.proc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:46px}@media(max-width:980px){.proc-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.proc-grid{grid-template-columns:1fr}}.proc-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;text-align:center}.proc-step .ps-num{font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:800;font-size:36px;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--gold);line-height:1;margin-bottom:12px}.proc-step h5{font-size:15px;margin-bottom:6px}.proc-step p{font-size:13px;color:var(--muted)}.dev-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;background:linear-gradient(180deg,#0b1424,#162c4f);border-radius:var(--radius-lg);padding:36px;color:#fff;border:1px solid rgba(255,255,255,.1)}@media(max-width:760px){.dev-stats{grid-template-columns:1fr 1fr}}.dev-stat{text-align:center;padding:0 12px;border-right:1px solid rgba(255,255,255,.1)}.dev-stat:last-child{border-right:0}@media(max-width:760px){.dev-stat{border-right:0}}.dev-stat .v{font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:800;font-size:34px;color:var(--gold-2);letter-spacing:-.03em;line-height:1}.dev-stat .l{margin-top:8px;color:#b8d4dc;font-size:13px}
