/* Company home page. Shares youtube-promotion/promo.css (Studio design system); this file adds the hero card deck, the flagship
   band, the services grid, the IGSender demo, the three-step process and the home-specific responsive rules. */
.deck{position:relative;perspective:1400px;transform-style:preserve-3d;min-height:600px}
.deck-card{position:absolute;width:min(380px,92%);border-radius:22px;padding:22px 22px 20px;background:linear-gradient(160deg,#17171b,#101013);border:1px solid #ffffff1f;box-shadow:0 0 0 1px #00000080,0 50px 100px -40px #000e,inset 0 1px 0 #ffffff14;transform:rotateX(calc(4deg + var(--rx,0deg))) rotateY(calc(-10deg + var(--ry,0deg))) translateZ(var(--z,0px));transition:transform .5s var(--ease);animation:float 8s ease-in-out infinite;color:var(--fg);min-width:0}
.c-a{left:0;top:0;--z:90px;z-index:3}.c-b{right:0;top:190px;--z:40px;z-index:2;animation-delay:-3s}.c-c{left:4%;bottom:0;--z:0px;z-index:1;animation-delay:-6s}
.deck-card .kicker{margin-bottom:10px;font-size:.62rem}.deck-card .big{display:block;font-size:1.8rem;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--lime)}.deck-card small{display:block;color:var(--fg-2);font-size:.7rem;margin-top:6px}
.deck-card .regions-list{margin-top:14px}.deck-foot{margin-top:14px;padding-top:10px;border-top:1px solid #ffffff12;font-size:.66rem;color:var(--fg-2);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.deck-foot b{color:var(--lime)}
.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.kpi-row div{background:#ffffff08;border-radius:10px;padding:10px;min-width:0}.kpi-row span{display:block;font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2)}.kpi-row b{display:block;font-size:.95rem;margin-top:4px}
.ig-flow{display:grid;gap:8px;margin-top:12px;font-size:.74rem}.ig-flow .cmt{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;padding:10px}.ig-flow .cmt b{display:block;font-size:.72rem;margin-bottom:2px}.ig-flow .arrow{text-align:center;color:var(--lime);font-size:.9rem;line-height:1}.ig-flow .dm{background:#1f4d3a;border-radius:12px 12px 12px 4px;padding:10px;color:#fff}
/* flagship band */
.flag{background:var(--black-2);border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;padding:76px 5%}
.flag-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.flag h2{margin-bottom:12px}.flag .dim{max-width:620px;margin-bottom:26px;font-size:1.05rem;line-height:1.65}
.flag-facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.flag-facts li{padding:16px 18px;border-radius:16px;background:#ffffff07;border:1px solid #ffffff12;font-size:.84rem;color:var(--fg-2)}.flag-facts b{display:block;color:var(--fg);font-size:.95rem;margin-bottom:4px}
/* services */
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{background:var(--white);border:1px solid var(--ctx-card-border);border-radius:var(--r-l);padding:26px;display:flex;flex-direction:column;min-width:0;box-shadow:var(--ctx-shadow);transition:transform .5s var(--ease),border-color .3s}.svc:hover{transform:translateY(-4px);border-color:var(--green)}
.svc .kicker{font-size:.64rem;margin-bottom:12px}.svc h3{font-size:1.15rem;margin-bottom:10px}.svc p{color:var(--ink-2);font-size:.92rem;margin-bottom:16px;line-height:1.6}
.svc.featured{background:var(--ink);color:var(--fg);border-color:var(--ink)}.svc.featured .kicker{color:var(--lime)}.svc.featured h3{color:var(--fg)}.svc.featured p{color:var(--fg-2)}.svc.featured:hover{border-color:var(--lime)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tags span{font-size:.72rem;border:1px solid var(--ctx-line-2);padding:6px 9px;border-radius:999px;color:var(--ink-2)}
.link{margin-top:auto;font-weight:600;color:var(--green);font-size:.9rem}.svc.featured .link{color:var(--lime)}
/* IGSender */
.product-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.facts-dark li{color:var(--fg-2)}.facts-dark li:before{background:var(--lime)}.facts-dark b{color:var(--fg)}.product-grid .facts{margin:22px 0 28px}
.mini-screen.ig{background:#fff;color:#1d1d1f;padding:44px 14px 16px;min-height:430px}
.ig-ui{display:grid;gap:10px;font-size:.76rem}.ig-ui .ig-cmt{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #e3e3e8;border-radius:10px}.ig-ui .av{width:28px;height:28px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:700;font-size:.7rem;color:#0a0a0c;flex-shrink:0}.ig-ui .ig-cmt b{display:block;font-size:.74rem}.ig-ui .ig-cmt p{margin:2px 0 0;color:#515154}
.ig-ui .ig-auto{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#0a0a0c;color:#f5f5f7}.ig-ui .ig-auto i{font-style:normal;color:var(--lime);font-weight:700}.ig-ui .ig-auto b{display:block;font-size:.72rem}.ig-ui .ig-auto small{display:block;color:#a1a1a6;font-size:.64rem}
.ig-ui .ig-dm{background:#1f7a46;color:#fff;border-radius:14px 14px 14px 4px;padding:12px;margin-left:30px}.ig-ui .ig-dm b{display:block;font-size:.74rem;margin-bottom:4px}.ig-ui .ig-dm span{display:block;margin-top:8px;padding:8px;background:#ffffff22;border-radius:6px;text-align:center;font-size:.72rem}.ig-ui .cap{font-size:.62rem;color:#86868b;text-align:center;margin-top:4px}
/* three steps */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps3 article{background:var(--white);border:1px solid var(--ctx-card-border);border-radius:var(--r-l);padding:26px;box-shadow:var(--ctx-shadow)}.steps3 .num{color:var(--green)}.steps3 h3{font-size:1.15rem;margin-bottom:8px}.steps3 p{color:var(--ink-2);font-size:.92rem;margin:0;line-height:1.6}
/* about signoff */
.signoff{margin-top:22px;display:flex;flex-direction:column;gap:6px}.signoff .sig{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.5rem;color:var(--fg)}.signoff span:last-child{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-weight:700}
@media(max-width:1100px){.services{grid-template-columns:1fr 1fr}.deck{min-height:560px}}
@media(max-width:900px){.flag-grid,.product-grid{grid-template-columns:1fr}.deck{min-height:0;height:540px;max-width:440px;margin:0 auto}.deck-card{width:86%}.c-b{top:170px}.steps3{grid-template-columns:1fr}.flag{padding:60px 5%}}
@media(max-width:700px){.services{grid-template-columns:1fr}.flag-facts{grid-template-columns:1fr}.deck{height:500px}.deck-card{padding:18px}.c-b{top:160px}}