/* doc-project | public/assets/css/home.css | met en scène le concept QR Shirt avec aperçus iconographiques et étapes virales */
.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.hero-copy h1{font-size:clamp(2.7rem,7vw,5.7rem);line-height:.94;letter-spacing:-.055em;margin:.55rem 0 1.2rem;max-width:12ch}.hero-actions{margin:1.8rem 0}.hero-proof{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--muted);font-weight:750}.hero-demo{position:relative;background:linear-gradient(145deg,#ede7ff,#fff2ee);min-height:560px;display:grid;place-items:center}.shirt-preview{position:relative;display:grid;place-items:center;width:min(90%,390px);aspect-ratio:1}.shirt-shape{font-size:18rem;filter:drop-shadow(0 25px 30px rgba(50,30,100,.18))}.shirt-art{position:absolute;font-size:4.5rem;top:36%;left:40%}.shirt-qr{position:absolute;font-size:3.5rem;bottom:18%;right:19%;background:white;border-radius:12px;padding:.2rem}.scan-card{position:absolute;right:-1.5rem;bottom:-1rem;width:min(90%,330px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.2rem;box-shadow:var(--shadow)}.scan-card h2{margin:.7rem 0 .35rem}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;font-size:.78rem}.mini-stats span{display:grid;background:var(--surface-alt);border-radius:12px;padding:.55rem}.mini-stats strong{font-size:1rem}.metric-grid{margin-top:-1rem;position:relative;z-index:2}.metric-grid .card{border-top:4px solid var(--primary)}.how-it-works{background:#241a3e;color:#fff}.how-it-works .eyebrow{color:#ffc0b8}.step-card{position:relative;color:var(--ink);overflow:hidden}.step-card>span{position:absolute;right:1rem;top:.5rem;font-size:4rem;font-weight:950;color:#eee9f7}.step-icon{font-size:3rem}.showcase-alt{background:#f4fbf9}.product-card,.template-card{display:grid;gap:1rem}.product-card p,.template-card p{color:var(--muted)}.template-icon{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;font-size:2.4rem;background:color-mix(in srgb,var(--template-color) 15%,white);border:1px solid color-mix(in srgb,var(--template-color) 35%,white)}.cta-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.4rem;border-radius:30px;background:linear-gradient(135deg,#5b3fd1,#9c59d1);color:white;box-shadow:var(--shadow)}.cta-card h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1;margin:.4rem 0}.cta-card .eyebrow{color:#ffd7d1}.cta-card .button{background:white;color:var(--primary);flex:0 0 auto}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy h1{max-width:14ch}.hero-demo{min-height:470px}.shirt-shape{font-size:15rem}.scan-card{right:0}.cta-card{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.hero-demo{min-height:410px}.shirt-shape{font-size:12rem}.scan-card{position:relative;right:auto;bottom:auto;width:100%}.mini-stats{grid-template-columns:1fr}.cta-card{padding:1.4rem}}