Pack Mobilité – Équipement professionnel pour point de vente et commerce

id="product_full_description"> .vgt-pack-mobilite { --vgt-navy: #0f172a; --vgt-navy-2: #111827; --vgt-blue: #2563eb; --vgt-blue-soft: #eaf2ff; --vgt-sky: #f5f8ff; --vgt-card: #ffffff; --vgt-border: #e2e8f0; --vgt-text: #334155; --vgt-muted: #64748b; --vgt-green: #16a34a; --vgt-green-soft: #eafaf0; --vgt-shadow: 0 18px 45px rgba(15, 23, 42, 0.10); font-family: inherit; color: var(--vgt-navy); background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); overflow: hidden; width: 100vw; max-width: 100vw; margin-top: 32px; margin-bottom: 32px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0; } .vgt-pack-mobilite * { box-sizing: border-box; } .vgt-pm-wrap { width: 100%; max-width: none; margin: 0; padding: 46px clamp(18px, 4.5vw, 76px); } .vgt-pm-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: 34px; align-items: center; padding: 42px; border-radius: 30px; background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.18), transparent 36%), linear-gradient(135deg, #0f172a 0%, #111827 48%, #1e3a8a 100%); color: #ffffff; box-shadow: var(--vgt-shadow); position: relative; overflow: hidden; } .vgt-pm-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -180px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; } .vgt-pm-badge { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); font-size: 13px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 18px; margin-left: auto; margin-right: auto; width: fit-content; } .vgt-pm-hero h2 { font-size: clamp(34px, 4.4vw, 64px); line-height: 0.98; margin: 0 auto 18px; letter-spacing: -0.055em; color: #ffffff; max-width: 820px; text-align: center; } .vgt-pm-hero p { font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.82); margin: 0 auto 24px; max-width: 760px; text-align: center; } .vgt-pm-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px auto 0; max-width: 860px; } .vgt-pm-hero-point { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; padding: 14px; } .vgt-pm-hero-point strong { display: block; font-size: 18px; margin-bottom: 4px; color: #ffffff; } .vgt-pm-hero-point span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.35; } .vgt-pm-visual { position: relative; z-index: 2; min-height: 440px; border-radius: 28px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(12px); padding: 22px; } .vgt-pm-main-img { width: 100%; height: 290px; object-fit: contain; display: block; border-radius: 24px; background: #ffffff; padding: 18px; box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18); } .vgt-pm-mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; } .vgt-pm-mini-grid a { display: block; border-radius: 16px; transition: transform .18s ease, box-shadow .18s ease; } .vgt-pm-mini-grid a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); } .vgt-pm-mini-grid img { width: 100%; height: 92px; object-fit: contain; background: #ffffff; border-radius: 16px; padding: 8px; display: block; } .vgt-pm-price-card { margin-top: 16px; border-radius: 22px; background: #ffffff; color: var(--vgt-navy); padding: 18px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; } .vgt-pm-price-card small { display: block; color: var(--vgt-muted); font-size: 12px; margin-bottom: 4px; } .vgt-pm-pack-price { font-size: 30px; font-weight: 900; letter-spacing: -0.04em; color: var(--vgt-navy); line-height: 1; } .vgt-pm-saving { padding: 10px 13px; border-radius: 999px; background: var(--vgt-green-soft); color: var(--vgt-green); font-weight: 800; font-size: 13px; white-space: nowrap; } .vgt-pm-section { margin-top: 58px; } .vgt-pm-section-header { max-width: 980px; margin: 0 auto 28px; text-align: center; } .vgt-pm-eyebrow { color: var(--vgt-blue); font-weight: 900; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 10px; text-align: center; } .vgt-pm-section h3 { font-size: clamp(26px, 3vw, 42px); line-height: 1.08; letter-spacing: -0.045em; margin: 0 auto 12px; color: var(--vgt-navy); max-width: 980px; text-align: center; } .vgt-pm-section p { color: var(--vgt-text); font-size: 16px; line-height: 1.7; margin: 0; } .vgt-pm-section-header p { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .vgt-pm-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .vgt-pm-benefit { background: var(--vgt-card); border: 1px solid var(--vgt-border); border-radius: 24px; padding: 22px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04); } .vgt-pm-icon { width: 42px; height: 42px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: var(--vgt-blue-soft); color: var(--vgt-blue); font-weight: 900; font-size: 18px; margin-bottom: 14px; } .vgt-pm-benefit h4, .vgt-pm-product-card h4, .vgt-pm-flow-card h4 { font-size: 18px; margin: 0 0 8px; color: var(--vgt-navy); letter-spacing: -0.02em; } .vgt-pm-benefit p, .vgt-pm-product-card p, .vgt-pm-flow-card p { font-size: 14.5px; line-height: 1.65; color: var(--vgt-text); margin: 0; } .vgt-pm-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 980px; margin-left: auto; margin-right: auto; } .vgt-pm-product-link { display: block; color: inherit; text-decoration: none; min-height: 100%; } .vgt-pm-product-link:hover { color: inherit; text-decoration: none; } .vgt-pm-product-card { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 24px; overflow: hidden; box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05); display: flex; flex-direction: column; min-height: 100%; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .vgt-pm-product-link:hover .vgt-pm-product-card { transform: translateY(-4px); border-color: rgba(37, 99, 235, 0.45); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.11); } .vgt-pm-product-card img { width: 100%; height: 210px; object-fit: contain; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 18px; border-bottom: 1px solid var(--vgt-border); } .vgt-pm-product-body { padding: 20px; flex: 1; } .vgt-pm-product-tag { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: var(--vgt-sky); color: var(--vgt-blue); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; } .vgt-pm-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .vgt-pm-product-arrow { width: 28px; height: 28px; border-radius: 999px; background: var(--vgt-blue-soft); color: var(--vgt-blue); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; flex: 0 0 auto; transition: background .18s ease, color .18s ease; } .vgt-pm-product-link:hover .vgt-pm-product-arrow { background: var(--vgt-blue); color: #ffffff; } .vgt-pm-product-note { display: inline-flex; margin-top: 12px; font-size: 12px; color: var(--vgt-blue); font-weight: 800; } .vgt-pm-price-line { margin-top: 14px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 1px solid var(--vgt-border); padding-top: 12px; } .vgt-pm-price-line span { color: var(--vgt-muted); font-size: 12px; } .vgt-pm-price-line strong { color: var(--vgt-navy); font-size: 15px; } .vgt-pm-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .vgt-pm-compare-card { border-radius: 28px; padding: 28px; border: 1px solid var(--vgt-border); background: #ffffff; position: relative; overflow: hidden; box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06); } .vgt-pm-compare-card.is-pack { border-color: rgba(22, 163, 74, 0.35); background: radial-gradient(circle at top right, rgba(22, 163, 74, 0.12), transparent 40%), #ffffff; } .vgt-pm-compare-title { color: var(--vgt-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } .vgt-pm-compare-price { font-size: clamp(34px, 4vw, 48px); line-height: 1; font-weight: 950; letter-spacing: -0.06em; color: var(--vgt-navy); margin-bottom: 8px; } .vgt-pm-compare-card.is-pack .vgt-pm-compare-price { color: var(--vgt-green); } .vgt-pm-compare-sub { color: var(--vgt-text); line-height: 1.6; font-size: 15px; margin-bottom: 18px; } .vgt-pm-checklist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .vgt-pm-checklist li { display: flex; gap: 9px; align-items: flex-start; color: var(--vgt-text); font-size: 14.5px; line-height: 1.5; } .vgt-pm-checklist li::before { content: ""; color: var(--vgt-green); font-weight: 950; flex: 0 0 auto; } .vgt-pm-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .vgt-pm-flow-card { border-radius: 22px; border: 1px solid var(--vgt-border); background: #ffffff; padding: 20px; position: relative; } .vgt-pm-step { width: 34px; height: 34px; border-radius: 999px; background: var(--vgt-navy); color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 12px; } .vgt-pm-specs { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 18px; align-items: stretch; } .vgt-pm-spec-card { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 26px; padding: 26px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04); } .vgt-pm-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vgt-pm-spec-item { background: #f8fafc; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 14px; } .vgt-pm-spec-item strong { display: block; font-size: 14px; color: var(--vgt-navy); margin-bottom: 3px; } .vgt-pm-spec-item span { color: var(--vgt-muted); font-size: 13px; line-height: 1.35; display: block; } .vgt-pm-faq { display: grid; gap: 12px; } .vgt-pm-faq details { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 18px 20px; } .vgt-pm-faq summary { cursor: pointer; font-weight: 850; color: var(--vgt-navy); font-size: 16px; } .vgt-pm-faq details p { margin-top: 12px; font-size: 14.5px; color: var(--vgt-text); } .vgt-pm-cta { margin-top: 58px; border-radius: 30px; background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 35%), linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #ffffff; padding: 34px; display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; box-shadow: var(--vgt-shadow); } .vgt-pm-cta h3 { color: #ffffff; margin: 0 0 10px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -0.04em; text-align: left; } .vgt-pm-cta p { color: rgba(255, 255, 255, 0.78); margin: 0; max-width: 850px; } .vgt-pm-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .vgt-pm-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 999px; text-decoration: none; font-weight: 850; font-size: 14px; transition: transform .18s ease, box-shadow .18s ease; white-space: nowrap; } .vgt-pm-btn:hover { transform: translateY(-1px); text-decoration: none; } .vgt-pm-btn-primary { background: #ffffff; color: var(--vgt-navy); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18); } .vgt-pm-btn-secondary { border: 1px solid rgba(255, 255, 255, 0.24); color: #ffffff; background: rgba(255, 255, 255, 0.08); } @media (min-width: 1500px) { .vgt-pm-wrap { padding-left: clamp(70px, 7vw, 120px); padding-right: clamp(70px, 7vw, 120px); } .vgt-pm-hero { padding: 52px; } } @media (max-width: 1050px) { .vgt-pm-hero, .vgt-pm-specs, .vgt-pm-comparison, .vgt-pm-cta { grid-template-columns: 1fr; } .vgt-pm-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vgt-pm-products, .vgt-pm-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vgt-pm-actions { justify-content: flex-start; } } @media (max-width: 720px) { .vgt-pack-mobilite { margin-top: 20px; margin-bottom: 20px; } .vgt-pm-wrap { padding: 24px 14px; } .vgt-pm-hero, .vgt-pm-cta { padding: 24px; border-radius: 24px; } .vgt-pm-visual { min-height: auto; padding: 14px; } .vgt-pm-main-img { height: 220px; } .vgt-pm-hero-points, .vgt-pm-benefits, .vgt-pm-products, .vgt-pm-flow, .vgt-pm-spec-grid { grid-template-columns: 1fr; } .vgt-pm-mini-grid { grid-template-columns: repeat(2, 1fr); } .vgt-pm-price-card { grid-template-columns: 1fr; } .vgt-pm-saving { width: fit-content; } .vgt-pm-cta h3 { text-align: left; } } Pack mobilite Terminal mobile + imprimante connectee Une solution mobile pour vendre, imprimer et traiter les commandes plus vite. Le Pack Mobilite Vigilantia associe le SUNMI V2s Plus, terminal mobile avec imprimante integree, a la SUNMI Cloud Printer, imprimante tickets connectee pour caisse, cuisine ou point de preparation. Il est pense pour les professionnels qui veulent travailler en mouvement tout en gardant un point dimpression fixe, rapide et fiable. 2 produits Un terminal mobile + une imprimante cloud pour organiser les flux. Mobile + fixe Encaissement nomade dun cote, impression centralisee de lautre. 549 HT Prix pack indicatif plus avantageux que lachat separe. Prix pack mobilite indicatif 549,00 HT Economie : 140,35 HT Pourquoi ce pack ? Parce quune activite mobile a besoin dun terminal terrain et dune impression fiable au bon endroit. Le SUNMI V2s Plus permet de travailler en deplacement : vente en rayon, terrasse, file dattente, livraison, inventaire ou encaissement nomade. La SUNMI Cloud Printer complete le dispositif avec un point dimpression fixe pour les tickets, bons de commande ou bons de preparation. 1 Mobilite terrain Le SUNMI V2s Plus accompagne les equipes hors du comptoir pour saisir, imprimer ou encaisser plus pres du client. 2 Impression centralisee La SUNMI Cloud Printer imprime les tickets ou bons au point utile : comptoir, cuisine, reserve ou zone de preparation. 3 Moins dallers-retours Les equipes peuvent travailler en mouvement tout en gardant une impression stable la ou les commandes sont traitees. 4 Achat plus simple Le pack evite dacheter les deux produits separement et presente une solution coherente pour les usages nomades. Contenu du pack Les 2 equipements inclus dans le Pack Mobilite. Chaque produit a un role precis : mobilite operationnelle et impression connectee. Cliquez sur une carte pour consulter la fiche produit individuelle dans un nouvel onglet. Terminal mobile SUNMI V2s Plus Terminal mobile POS avec ecran 6,2, imprimante integree 80 mm, connectivite Wi-Fi, Bluetooth et reseau mobile selon configuration. Voir la fiche produit Prix seul 450,00 HT Imprimante cloud SUNMI Cloud Printer Imprimante thermique 80 mm connectee, pensee pour les tickets, bons de preparation, commandes en ligne et environnements intensifs. Voir la fiche produit Prix seul 64,50 HT Comparatif prix Acheter le pack revient moins cher que dacheter les produits un par un. Le Pack Mobilite regroupe les deux equipements dans une seule offre, avec un prix plus lisible et plus avantageux pour le client. Achat separe 566,50 HT Prix total si chaque produit est ajoute separement au panier. 5 fiches produits a consulter separement. Risque de ne pas penser au point dimpression fixe. Comparaison plus longue pour le professionnel. Panier moins lisible pour un usage mobilite + impression. Prix pack mobilite 549,00 HT Une solution mobile et connectee, coherente et plus rentable. Economie immediate de 140,35 HT. Produits selectionnes pour travailler ensemble dans un flux mobile. Une seule decision dachat pour une solution complete. Ideal pour commerce, restauration, livraison, click & collect ou preparation de commandes. Flux mobilite Un pack pense pour travailler hors du comptoir sans perdre le controle des impressions. Le terminal accompagne lequipe sur le terrain pendant que limprimante cloud centralise les tickets ou bons la ou ils doivent etre traites. 1 Saisie mobile Lequipe utilise le SUNMI V2s Plus pour prendre une commande, scanner, vendre ou encaisser en deplacement. 2 Ticket terrain Le terminal peut imprimer directement un ticket ou une etiquette grace a son imprimante integree 80 mm. 3 Impression fixe La SUNMI Cloud Printer recoit les impressions utiles au comptoir, en cuisine ou en zone de preparation. 4 Traitement Les equipes gagnent en reactivite, avec moins dallers-retours et une meilleure circulation de linformation. Compatibilite & installation Un choix coherent pour les usages nomades et les flux dimpression. Le pack associe un terminal mobile professionnel et une imprimante thermique connectee. Il convient aux usages terrain, comptoir, preparation de commandes, restauration, livraison et retail. Ce que le pack apporte concretement Un terminal mobile pour vendre, scanner ou imprimer en deplacement. Une imprimante cloud pour centraliser les tickets et bons de preparation. Une meilleure organisation entre terrain, comptoir, cuisine ou reserve. Une configuration lisible pour les equipes qui bougent beaucoup. Une solution adaptee aux commerces, restaurants, food trucks, livraison et click & collect. Reperes techniques utiles SUNMI V2s Plus Ecran 6,2, imprimante integree 80 mm, batterie haute capacite, usage mobile. SUNMI Cloud Printer Impression thermique 80 mm, jusqua 250 mm/s, connectivite cloud et reseau. Usage recommande Vente en rayon, terrasse, livraison, inventaire, preparation de commandes, cuisine. Objectif Reduire les allers-retours, fluidifier les impressions et accelerer le traitement. Point fort Un terminal mobile pour laction + une imprimante fixe pour lorganisation. Conseil Vigilantia Pour valider la configuration logicielle et les connexions avant deploiement. Est-ce le bon pack pour vous ? Le pack ideal si vous voulez travailler en mobilite tout en gardant une impression centralisee. Ce Pack Mobilite sadresse aux professionnels qui ne veulent pas dependre uniquement dun poste fixe : vente en rayon, prise de commande en salle, file dattente, click & collect, preparation ou livraison. Vous gagnez en flexibilite sans sacrifier lorganisation des impressions. Ce pack est fait pour vous si Vous cherchez une solution mobile pour equiper vos equipes sans vous limiter a une caisse fixe au comptoir. Vous voulez prendre des commandes ou encaisser hors du comptoir. Vous avez besoin dimprimer des tickets directement depuis un terminal mobile. Vous voulez aussi disposer dun point dimpression fixe et fiable. Vous gerez des flux de preparation, de livraison ou de commandes en ligne. Vous voulez reduire les allers-retours inutiles des equipes. Vous cherchez une configuration simple, claire et facile a commander. Ce que vous obtenez concretement Une configuration mobilite equilibree : un terminal terrain pour agir vite, une imprimante connectee pour organiser les flux. Un terminal mobile professionnel avec impression integree. Une imprimante cloud pour les bons, tickets ou commandes a traiter. Un pack adapte aux equipes mobiles et aux points de preparation. Une solution plus lisible quun achat produit par produit. Un ensemble utile pour commerce, restauration, livraison et click & collect. Une offre a 829 HT, plus avantageuse que lachat separe. Pour gagner du temps Vous evitez de revenir systematiquement au comptoir pour chaque action : saisie, ticket, commande ou preparation. Pour mieux connecter les equipes Le terminal suit lequipe sur le terrain pendant que limprimante centralise les sorties au bon endroit. Pour une image plus moderne Le client voit une equipe equipee, reactive et capable de traiter une demande sans rupture de parcours. Pour acheter plus intelligemment Le pack evite les achats disperses et propose un ensemble plus avantageux que lachat separe des produits. FAQ Questions frequentes avant achat. Ce pack convient-il a un commerce avec vente en rayon ou en mobilite ? Oui. Il est pense pour les commerces, restaurants, food trucks, equipes de livraison ou points de vente qui veulent pouvoir travailler hors du comptoir tout en conservant une impression fiable. Pourquoi ajouter une SUNMI Cloud Printer alors que le V2s Plus imprime deja ? Le V2s Plus sert a imprimer en mobilite, directement avec lequipe. La SUNMI Cloud Printer sert plutot de point dimpression fixe pour le comptoir, la cuisine, la reserve ou la preparation de commandes. Les deux usages sont complementaires. Pourquoi choisir le pack plutot que les produits separes ? Le pack simplifie la decision dachat, limite les oublis et permet de beneficier dun prix global plus avantageux. Ici, les produits separes representent 847,35 HT, contre 829,00 HT pour le Pack Commerce. Le logiciel de caisse est-il inclus ? Non, le logiciel de caisse n'est pas inclus. Cette fiche presente le materiel du pack. Peut-on adapter le pack a un autre besoin ? Oui. Selon votre activite, il est possible dajouter une caisse principale, un scanner, une imprimante ticket supplementaire, un tiroir-caisse ou dautres peripheriques complementaires. Besoin de valider la configuration avant commande ? Vigilantia peut vous aider a choisir la bonne configuration selon votre activite, votre mobilite terrain, votre logiciel dencaissement et vos besoins dimpression. Demander conseil 03 67 39 00 59 .vgt-pack-mobilite { --vgt-navy: #0f172a; --vgt-navy-2: #111827; --vgt-blue: #2563eb; --vgt-blue-soft: #eaf2ff; --vgt-sky: #f5f8ff; --vgt-card: #ffffff; --vgt-border: #e2e8f0; --vgt-text: #334155; --vgt-muted: #64748b; --vgt-green: #16a34a; --vgt-green-soft: #eafaf0; --vgt-shadow: 0 18px 45px rgba(15, 23, 42, 0.10); font-family: inherit; color: var(--vgt-navy); background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); overflow: hidden; width: 100vw; max-width: 100vw; margin-top: 32px; margin-bottom: 32px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0; } .vgt-pack-mobilite * { box-sizing: border-box; } .vgt-pm-wrap { width: 100%; max-width: none; margin: 0; padding: 46px clamp(18px, 4.5vw, 76px); } .vgt-pm-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: 34px; align-items: center; padding: 42px; border-radius: 30px; background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.18), transparent 36%), linear-gradient(135deg, #0f172a 0%, #111827 48%, #1e3a8a 100%); color: #ffffff; box-shadow: var(--vgt-shadow); position: relative; overflow: hidden; } .vgt-pm-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -180px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; } .vgt-pm-badge { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); font-size: 13px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 18px; margin-left: auto; margin-right: auto; width: fit-content; } .vgt-pm-hero h2 { font-size: clamp(34px, 4.4vw, 64px); line-height: 0.98; margin: 0 auto 18px; letter-spacing: -0.055em; color: #ffffff; max-width: 820px; text-align: center; } .vgt-pm-hero p { font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.82); margin: 0 auto 24px; max-width: 760px; text-align: center; } .vgt-pm-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px auto 0; max-width: 860px; } .vgt-pm-hero-point { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; padding: 14px; } .vgt-pm-hero-point strong { display: block; font-size: 18px; margin-bottom: 4px; color: #ffffff; } .vgt-pm-hero-point span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.35; } .vgt-pm-visual { position: relative; z-index: 2; min-height: 440px; border-radius: 28px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(12px); padding: 22px; } .vgt-pm-main-img { width: 100%; height: 290px; object-fit: contain; display: block; border-radius: 24px; background: #ffffff; padding: 18px; box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18); } .vgt-pm-mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; } .vgt-pm-mini-grid a { display: block; border-radius: 16px; transition: transform .18s ease, box-shadow .18s ease; } .vgt-pm-mini-grid a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); } .vgt-pm-mini-grid img { width: 100%; height: 92px; object-fit: contain; background: #ffffff; border-radius: 16px; padding: 8px; display: block; } .vgt-pm-price-card { margin-top: 16px; border-radius: 22px; background: #ffffff; color: var(--vgt-navy); padding: 18px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; } .vgt-pm-price-card small { display: block; color: var(--vgt-muted); font-size: 12px; margin-bottom: 4px; } .vgt-pm-pack-price { font-size: 30px; font-weight: 900; letter-spacing: -0.04em; color: var(--vgt-navy); line-height: 1; } .vgt-pm-saving { padding: 10px 13px; border-radius: 999px; background: var(--vgt-green-soft); color: var(--vgt-green); font-weight: 800; font-size: 13px; white-space: nowrap; } .vgt-pm-section { margin-top: 58px; } .vgt-pm-section-header { max-width: 980px; margin: 0 auto 28px; text-align: center; } .vgt-pm-eyebrow { color: var(--vgt-blue); font-weight: 900; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 10px; text-align: center; } .vgt-pm-section h3 { font-size: clamp(26px, 3vw, 42px); line-height: 1.08; letter-spacing: -0.045em; margin: 0 auto 12px; color: var(--vgt-navy); max-width: 980px; text-align: center; } .vgt-pm-section p { color: var(--vgt-text); font-size: 16px; line-height: 1.7; margin: 0; } .vgt-pm-section-header p { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .vgt-pm-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .vgt-pm-benefit { background: var(--vgt-card); border: 1px solid var(--vgt-border); border-radius: 24px; padding: 22px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04); } .vgt-pm-icon { width: 42px; height: 42px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: var(--vgt-blue-soft); color: var(--vgt-blue); font-weight: 900; font-size: 18px; margin-bottom: 14px; } .vgt-pm-benefit h4, .vgt-pm-product-card h4, .vgt-pm-flow-card h4 { font-size: 18px; margin: 0 0 8px; color: var(--vgt-navy); letter-spacing: -0.02em; } .vgt-pm-benefit p, .vgt-pm-product-card p, .vgt-pm-flow-card p { font-size: 14.5px; line-height: 1.65; color: var(--vgt-text); margin: 0; } .vgt-pm-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 980px; margin-left: auto; margin-right: auto; } .vgt-pm-product-link { display: block; color: inherit; text-decoration: none; min-height: 100%; } .vgt-pm-product-link:hover { color: inherit; text-decoration: none; } .vgt-pm-product-card { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 24px; overflow: hidden; box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05); display: flex; flex-direction: column; min-height: 100%; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .vgt-pm-product-link:hover .vgt-pm-product-card { transform: translateY(-4px); border-color: rgba(37, 99, 235, 0.45); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.11); } .vgt-pm-product-card img { width: 100%; height: 210px; object-fit: contain; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 18px; border-bottom: 1px solid var(--vgt-border); } .vgt-pm-product-body { padding: 20px; flex: 1; } .vgt-pm-product-tag { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: var(--vgt-sky); color: var(--vgt-blue); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; } .vgt-pm-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .vgt-pm-product-arrow { width: 28px; height: 28px; border-radius: 999px; background: var(--vgt-blue-soft); color: var(--vgt-blue); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; flex: 0 0 auto; transition: background .18s ease, color .18s ease; } .vgt-pm-product-link:hover .vgt-pm-product-arrow { background: var(--vgt-blue); color: #ffffff; } .vgt-pm-product-note { display: inline-flex; margin-top: 12px; font-size: 12px; color: var(--vgt-blue); font-weight: 800; } .vgt-pm-price-line { margin-top: 14px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 1px solid var(--vgt-border); padding-top: 12px; } .vgt-pm-price-line span { color: var(--vgt-muted); font-size: 12px; } .vgt-pm-price-line strong { color: var(--vgt-navy); font-size: 15px; } .vgt-pm-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .vgt-pm-compare-card { border-radius: 28px; padding: 28px; border: 1px solid var(--vgt-border); background: #ffffff; position: relative; overflow: hidden; box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06); } .vgt-pm-compare-card.is-pack { border-color: rgba(22, 163, 74, 0.35); background: radial-gradient(circle at top right, rgba(22, 163, 74, 0.12), transparent 40%), #ffffff; } .vgt-pm-compare-title { color: var(--vgt-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } .vgt-pm-compare-price { font-size: clamp(34px, 4vw, 48px); line-height: 1; font-weight: 950; letter-spacing: -0.06em; color: var(--vgt-navy); margin-bottom: 8px; } .vgt-pm-compare-card.is-pack .vgt-pm-compare-price { color: var(--vgt-green); } .vgt-pm-compare-sub { color: var(--vgt-text); line-height: 1.6; font-size: 15px; margin-bottom: 18px; } .vgt-pm-checklist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .vgt-pm-checklist li { display: flex; gap: 9px; align-items: flex-start; color: var(--vgt-text); font-size: 14.5px; line-height: 1.5; } .vgt-pm-checklist li::before { content: ""; color: var(--vgt-green); font-weight: 950; flex: 0 0 auto; } .vgt-pm-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .vgt-pm-flow-card { border-radius: 22px; border: 1px solid var(--vgt-border); background: #ffffff; padding: 20px; position: relative; } .vgt-pm-step { width: 34px; height: 34px; border-radius: 999px; background: var(--vgt-navy); color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 12px; } .vgt-pm-specs { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 18px; align-items: stretch; } .vgt-pm-spec-card { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 26px; padding: 26px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04); } .vgt-pm-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vgt-pm-spec-item { background: #f8fafc; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 14px; } .vgt-pm-spec-item strong { display: block; font-size: 14px; color: var(--vgt-navy); margin-bottom: 3px; } .vgt-pm-spec-item span { color: var(--vgt-muted); font-size: 13px; line-height: 1.35; display: block; } .vgt-pm-faq { display: grid; gap: 12px; } .vgt-pm-faq details { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 18px 20px; } .vgt-pm-faq summary { cursor: pointer; font-weight: 850; color: var(--vgt-navy); font-size: 16px; } .vgt-pm-faq details p { margin-top: 12px; font-size: 14.5px; color: var(--vgt-text); } .vgt-pm-cta { margin-top: 58px; border-radius: 30px; background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 35%), linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #ffffff; padding: 34px; display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; box-shadow: var(--vgt-shadow); } .vgt-pm-cta h3 { color: #ffffff; margin: 0 0 10px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -0.04em; text-align: left; } .vgt-pm-cta p { color: rgba(255, 255, 255, 0.78); margin: 0; max-width: 850px; } .vgt-pm-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .vgt-pm-btn { display: inline-flex; align-items