Pack restauration

id="product_full_description"> .vgt-pack-commerce { --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-commerce * { box-sizing: border-box; } .vgt-pc-wrap { width: 100%; max-width: none; margin: 0; padding: 46px clamp(18px, 4.5vw, 76px); } .vgt-pc-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-pc-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -180px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; } .vgt-pc-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-pc-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-pc-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-pc-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px auto 0; max-width: 860px; } .vgt-pc-hero-point { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; padding: 14px; } .vgt-pc-hero-point strong { display: block; font-size: 18px; margin-bottom: 4px; color: #ffffff; } .vgt-pc-hero-point span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.35; } .vgt-pc-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-pc-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-pc-mini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; } .vgt-pc-mini-grid a { display: block; border-radius: 16px; transition: transform .18s ease, box-shadow .18s ease; } .vgt-pc-mini-grid a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); } .vgt-pc-mini-grid img { width: 100%; height: 82px; object-fit: contain; background: #ffffff; border-radius: 16px; padding: 8px; display: block; } .vgt-pc-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-pc-price-card small { display: block; color: var(--vgt-muted); font-size: 12px; margin-bottom: 4px; } .vgt-pc-pack-price { font-size: 30px; font-weight: 900; letter-spacing: -0.04em; color: var(--vgt-navy); line-height: 1; } .vgt-pc-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-pc-section { margin-top: 58px; } .vgt-pc-section-header { max-width: 980px; margin: 0 auto 28px; text-align: center; } .vgt-pc-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-pc-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-pc-section p { color: var(--vgt-text); font-size: 16px; line-height: 1.7; margin: 0; } .vgt-pc-section-header p { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .vgt-pc-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .vgt-pc-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-pc-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-pc-benefit h4, .vgt-pc-product-card h4, .vgt-pc-flow-card h4 { font-size: 18px; margin: 0 0 8px; color: var(--vgt-navy); letter-spacing: -0.02em; } .vgt-pc-benefit p, .vgt-pc-product-card p, .vgt-pc-flow-card p { font-size: 14.5px; line-height: 1.65; color: var(--vgt-text); margin: 0; } .vgt-pc-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .vgt-pc-product-link { display: block; color: inherit; text-decoration: none; min-height: 100%; } .vgt-pc-product-link:hover { color: inherit; text-decoration: none; } .vgt-pc-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-pc-product-link:hover .vgt-pc-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-pc-product-card img { width: 100%; height: 190px; object-fit: contain; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 18px; border-bottom: 1px solid var(--vgt-border); } .vgt-pc-product-body { padding: 20px; flex: 1; } .vgt-pc-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-pc-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .vgt-pc-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-pc-product-link:hover .vgt-pc-product-arrow { background: var(--vgt-blue); color: #ffffff; } .vgt-pc-product-note { display: inline-flex; margin-top: 12px; font-size: 12px; color: var(--vgt-blue); font-weight: 800; } .vgt-pc-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-pc-price-line span { color: var(--vgt-muted); font-size: 12px; } .vgt-pc-price-line strong { color: var(--vgt-navy); font-size: 15px; } .vgt-pc-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .vgt-pc-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-pc-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-pc-compare-title { color: var(--vgt-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } .vgt-pc-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-pc-compare-card.is-pack .vgt-pc-compare-price { color: var(--vgt-green); } .vgt-pc-compare-sub { color: var(--vgt-text); line-height: 1.6; font-size: 15px; margin-bottom: 18px; } .vgt-pc-checklist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .vgt-pc-checklist li { display: flex; gap: 9px; align-items: flex-start; color: var(--vgt-text); font-size: 14.5px; line-height: 1.5; } .vgt-pc-checklist li::before { content: ""; color: var(--vgt-green); font-weight: 950; flex: 0 0 auto; } .vgt-pc-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .vgt-pc-flow-card { border-radius: 22px; border: 1px solid var(--vgt-border); background: #ffffff; padding: 20px; position: relative; } .vgt-pc-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-pc-specs { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 18px; align-items: stretch; } .vgt-pc-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-pc-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vgt-pc-spec-item { background: #f8fafc; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 14px; } .vgt-pc-spec-item strong { display: block; font-size: 14px; color: var(--vgt-navy); margin-bottom: 3px; } .vgt-pc-spec-item span { color: var(--vgt-muted); font-size: 13px; line-height: 1.35; display: block; } .vgt-pc-faq { display: grid; gap: 12px; } .vgt-pc-faq details { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 18px 20px; } .vgt-pc-faq summary { cursor: pointer; font-weight: 850; color: var(--vgt-navy); font-size: 16px; } .vgt-pc-faq details p { margin-top: 12px; font-size: 14.5px; color: var(--vgt-text); } .vgt-pc-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-pc-cta h3 { color: #ffffff; margin: 0 0 10px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -0.04em; text-align: left; } .vgt-pc-cta p { color: rgba(255, 255, 255, 0.78); margin: 0; max-width: 850px; } .vgt-pc-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .vgt-pc-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-pc-btn:hover { transform: translateY(-1px); text-decoration: none; } .vgt-pc-btn-primary { background: #ffffff; color: var(--vgt-navy); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18); } .vgt-pc-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-pc-wrap { padding-left: clamp(70px, 7vw, 120px); padding-right: clamp(70px, 7vw, 120px); } .vgt-pc-hero { padding: 52px; } } @media (max-width: 1050px) { .vgt-pc-hero, .vgt-pc-specs, .vgt-pc-comparison, .vgt-pc-cta { grid-template-columns: 1fr; } .vgt-pc-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vgt-pc-products, .vgt-pc-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vgt-pc-actions { justify-content: flex-start; } } @media (max-width: 720px) { .vgt-pack-commerce { margin-top: 20px; margin-bottom: 20px; } .vgt-pc-wrap { padding: 24px 14px; } .vgt-pc-hero, .vgt-pc-cta { padding: 24px; border-radius: 24px; } .vgt-pc-visual { min-height: auto; padding: 14px; } .vgt-pc-main-img { height: 220px; } .vgt-pc-hero-points, .vgt-pc-benefits, .vgt-pc-products, .vgt-pc-flow, .vgt-pc-spec-grid { grid-template-columns: 1fr; } .vgt-pc-mini-grid { grid-template-columns: repeat(3, 1fr); } .vgt-pc-price-card { grid-template-columns: 1fr; } .vgt-pc-saving { width: fit-content; } .vgt-pc-cta h3 { text-align: left; } } Pack commerce complet Caisse + scanner + tiroir Une caisse compacte prete pour votre comptoir. Le Pack Commerce Vigilantia reunit les equipements essentiels pour equiper une boutique, une epicerie, un commerce de proximite ou un point de vente avec peu despace : un TPV compact, un scanner code-barres professionnel et un tiroir-caisse robuste. 3 produits Une base complete pour encaisser, scanner et gerer les especes. Comptoir compact Ideal pour les boutiques ou chaque centimetre compte. 829 HT Prix pack plus avantageux que lachat separe. Prix pack commerce 829,00 HT Economie : 140,35 HT Pourquoi ce pack ? Parce quun commerce a besoin dune caisse simple, rapide et fiable au quotidien. Pour une boutique, une epicerie ou un commerce de proximite, le besoin est clair : encaisser vite, scanner sans friction, organiser les especes et garder un comptoir propre. Ce pack rassemble les trois elements essentiels pour un poste dencaissement compact et coherent. 1 Comptoir optimise Le TPV CUBO 10,1 offre une caisse compacte, moderne et adaptee aux espaces de vente avec peu de place. 2 Scan rapide Le Zebra DS2208 permet de lire les codes-barres 1D/2D pour accelerer le passage en caisse. 3 Especes organisees Le MetaPace K2 securise le fond de caisse et permet de ranger pieces, billets, recus et cheques. 4 Achat plus simple Le client evite de composer son panier produit par produit et part directement sur une configuration coherente. Contenu du pack Les 3 equipements inclus dans le Pack Commerce. Chaque produit a un role precis : caisse compacte, lecture code-barres et gestion securisee des especes. Cliquez sur une carte pour consulter la fiche produit individuelle dans un nouvel onglet. Caisse compacte TPV CUBO 10,1 Terminal point de vente compact avec ecran tactile 10,1, processeur Intel Celeron N97, 8 Go de RAM et SSD 128 Go. Voir la fiche produit Prix seul 169,85 HT Scanner 1D/2D Zebra DS2208 Scanner code-barres filaire pense pour les points de vente, avec lecture omnidirectionnelle et capture des codes 1D/2D. Voir la fiche produit Prix seul 64,50 HT Especes MetaPace K2 Tiroir-caisse compact avec 8 compartiments pieces, 4 compartiments billets, serrure 3 positions et connexion 24 V. Voir la fiche produit Prix seul 450,00 HT Comparatif prix Acheter le pack revient moins cher que dacheter les produits un par un. Le Pack restauration permet de regrouper les equipements essentiels dans une seule offre, avec un prix plus lisible et plus avantageux pour le client. Achat separe 847,35 HT Prix total si chaque produit est ajoute separement au panier. 5 fiches produits a consulter separement. Risque doublier un peripherique utile au comptoir. Comparaison plus longue pour le client. Panier moins lisible pour une installation simple. Prix pack commerce 829,00 HT Une base complete, coherente et plus rentable. Economie immediate de 140,35 HT. Produits selectionnes pour equiper un comptoir commerce. Une seule decision dachat pour une solution complete. Ideal pour boutique, epicerie, salon, institut, snack ou commerce de proximite. Flux commerce Un pack pense pour le passage en caisse quotidien. De lidentification de larticle jusqua lencaissement, chaque equipement ameliore la rapidite, la lisibilite et lorganisation du comptoir. 1 Article Le client presente ses produits au comptoir, prets a etre scannes ou saisis dans le systeme de caisse. 2 Scan Le Zebra DS2208 lit les codes-barres pour accelerer la vente et limiter les erreurs de saisie. 3 Caisse Le TPV CUBO centralise lencaissement sur un poste compact, propre et adapte aux petits comptoirs. 4 Especes Le MetaPace K2 permet de securiser et organiser le fond de caisse pendant toute la journee. Compatibilite & installation Un choix coherent pour eviter les mauvaises surprises. Le pack a ete construit autour dequipements professionnels adaptes aux usages point de vente : caisse compacte, scanner code-barres filaire et tiroir-caisse compatible avec une configuration POS classique. Ce que le pack apporte concretement Un poste de caisse compact pour comptoir reduit. Un scanner 1D/2D pour accelerer le passage en caisse. Un tiroir-caisse securise pour organiser les especes. Une configuration claire pour equiper rapidement un commerce. Une solution adaptee aux boutiques, epiceries, salons, snacks et commerces de proximite. Reperes techniques utiles TPV CUBO 10,1 Ecran tactile 10,1, Intel Celeron N97, 8 Go RAM, SSD 128 Go. Zebra DS2208 Scanner code-barres 1D/2D, lecture omnidirectionnelle, usage point de vente. MetaPace K2 Format compact, 8 compartiments pieces, 4 billets, serrure 3 positions. Usage recommande Boutique, commerce de proximite, epicerie, salon, institut, snack, comptoir reduit. Objectif Encaisser plus proprement, scanner plus vite et garder un comptoir organise. 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 equiper un comptoir commerce sans multiplier les choix techniques. Ce Pack Commerce sadresse aux professionnels qui veulent une solution claire, compacte et immediatement comprehensible : une caisse tactile, un scanner code-barres et un tiroir-caisse. Vous gagnez du temps dans le choix du materiel et vous partez sur une base coherente pour votre point de vente. Ce pack est fait pour vous si Vous cherchez une solution dencaissement simple pour equiper ou moderniser une boutique sans composer vous-meme chaque peripherique. Vous ouvrez ou modernisez une boutique, une epicerie ou un commerce de proximite. Vous voulez un poste de caisse compact qui ne surcharge pas le comptoir. Vous avez besoin de scanner rapidement des produits avec code-barres. Vous voulez gerer les especes avec un vrai tiroir-caisse professionnel. Vous cherchez une configuration claire, lisible et facile a commander. Vous voulez eviter les erreurs de selection ou les oublis de peripheriques. Ce que vous obtenez concretement Une configuration commerce equilibree, pensee pour couvrir les besoins principaux dun comptoir : caisse, scan et especes. Un poste principal pour piloter les ventes et les encaissements. Un scanner professionnel pour lire les codes-barres rapidement. Un tiroir compact pour securiser le fond de caisse. Un pack plus lisible quun achat produit par produit. Un ensemble adapte aux comptoirs avec espace limite. Une offre a 829 HT, plus avantageuse que lachat separe. Pour demarrer rapidement Vous partez directement sur une base materielle complete, sans devoir comparer une caisse, un scanner et un tiroir separement. Pour fluidifier le passage en caisse Le scanner accelere lidentification des produits et le TPV centralise lencaissement sur un poste compact. Pour un comptoir plus professionnel Un materiel homogene, moderne et bien presente renforce la perception de serieux aupres des equipes et des clients. Pour acheter plus intelligemment Le pack evite les achats disperses et permet de beneficier dun ensemble plus avantageux que lachat separe des produits. FAQ Questions frequentes avant achat. Ce pack convient-il a une boutique ou une epicerie ? Oui. Il est pense pour les boutiques, epiceries, commerces de proximite, salons, instituts, snacks et points de vente qui veulent une caisse compacte avec scanner code-barres et tiroir-caisse. 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 scanner Zebra DS2208 lit-il les codes QR ? Oui, le Zebra DS2208 est un scanner 1D/2D. Il est donc adapte aux codes-barres classiques et aux codes 2D, notamment les QR codes selon lusage logiciel et la configuration. 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 imprimante ticket, un terminal de paiement, un ecran client ou dautres peripheriques complementaires. Besoin de valider la configuration avant commande ? Vigilantia peut vous aider a choisir la bonne configuration selon votre commerce, votre comptoir, votre logiciel dencaissement et votre volume de passage en caisse. Demander conseil 03 67 39 00 59 .vgt-pack-commerce { --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-commerce * { box-sizing: border-box; } .vgt-pc-wrap { width: 100%; max-width: none; margin: 0; padding: 46px clamp(18px, 4.5vw, 76px); } .vgt-pc-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-pc-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -180px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; } .vgt-pc-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-pc-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-pc-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-pc-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px auto 0; max-width: 860px; } .vgt-pc-hero-point { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; padding: 14px; } .vgt-pc-hero-point strong { display: block; font-size: 18px; margin-bottom: 4px; color: #ffffff; } .vgt-pc-hero-point span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.35; } .vgt-pc-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-pc-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-pc-mini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; } .vgt-pc-mini-grid a { display: block; border-radius: 16px; transition: transform .18s ease, box-shadow .18s ease; } .vgt-pc-mini-grid a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); } .vgt-pc-mini-grid img { width: 100%; height: 82px; object-fit: contain; background: #ffffff; border-radius: 16px; padding: 8px; display: block; } .vgt-pc-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-pc-price-card small { display: block; color: var(--vgt-muted); font-size: 12px; margin-bottom: 4px; } .vgt-pc-pack-price { font-size: 30px; font-weight: 900; letter-spacing: -0.04em; color: var(--vgt-navy); line-height: 1; } .vgt-pc-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-pc-section { margin-top: 58px; } .vgt-pc-section-header { max-width: 980px; margin: 0 auto 28px; text-align: center; } .vgt-pc-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-pc-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-pc-section p { color: var(--vgt-text); font-size: 16px; line-height: 1.7; margin: 0; } .vgt-pc-section-header p { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .vgt-pc-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .vgt-pc-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-pc-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-pc-benefit h4, .vgt-pc-product-card h4, .vgt-pc-flow-card h4 { font-size: 18px; margin: 0 0 8px; color: var(--vgt-navy); letter-spacing: -0.02em; } .vgt-pc-benefit p, .vgt-pc-product-card p, .vgt-pc-flow-card p { font-size: 14.5px; line-height: 1.65; color: var(--vgt-text); margin: 0; } .vgt-pc-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .vgt-pc-product-link { display: block; color: inherit; text-decoration: none; min-height: 100%; } .vgt-pc-product-link:hover { color: inherit; text-decoration: none; } .vgt-pc-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-pc-product-link:hover .vgt-pc-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-pc-product-card img { width: 100%; height: 190px; object-fit: contain; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 18px; border-bottom: 1px solid var(--vgt-border); } .vgt-pc-product-body { padding: 20px; flex: 1; } .vgt-pc-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-pc-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .vgt-pc-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-pc-product-link:hover .vgt-pc-product-arrow { background: var(--vgt-blue); color: #ffffff; } .vgt-pc-product-note { display: inline-flex; margin-top: 12px; font-size: 12px; color: var(--vgt-blue); font-weight: 800; } .vgt-pc-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-pc-price-line span { color: var(--vgt-muted); font-size: 12px; } .vgt-pc-price-line strong { color: var(--vgt-navy); font-size: 15px; } .vgt-pc-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .vgt-pc-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-pc-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-pc-compare-title { color: var(--vgt-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } .vgt-pc-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-pc-compare-card.is-pack .vgt-pc-compare-price { color: var(--vgt-green); } .vgt-pc-compare-sub { color: var(--vgt-text); line-height: 1.6; font-size: 15px; margin-bottom: 18px; } .vgt-pc-checklist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .vgt-pc-checklist li { display: flex; gap: 9px; align-items: flex-start; color: var(--vgt-text); font-size: 14.5px; line-height: 1.5; } .vgt-pc-checklist li::before { content: ""; color: var(--vgt-green); font-weight: 950; flex: 0 0 auto; } .vgt-pc-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .vgt-pc-flow-card { border-radius: 22px; border: 1px solid var(--vgt-border); background: #ffffff; padding: 20px; position: relative; } .vgt-pc-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-pc-specs { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 18px; align-items: stretch; } .vgt-pc-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-pc-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vgt-pc-spec-item { background: #f8fafc; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 14px; } .vgt-pc-spec-item strong { display: block; font-size: 14px; color: var(--vgt-navy); margin-bottom: 3px; } .vgt-pc-spec-item span { color: var(--vgt-muted); font-size: 13px; line-height: 1.35; display: block; } .vgt-pc-faq { display: grid; gap: 12px; } .vgt-pc-faq details { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 18px 20px; } .vgt-pc-faq summary { cursor: pointer; font-weight: 850; color: var(--vgt-navy); font-size: 16px; } .vgt-pc-faq details p { margin-top: 12px; font-size: 14.5px; color: var(--vgt-text); } .vgt-pc-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-pc-cta h3 { color: #ffffff; margin: 0 0 10px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -0.04em; text-align: left; } .vgt-pc-cta p { color: rgba(255, 255, 255, 0.78); margin: 0; max-width: 850px; } .vgt-pc-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .vgt-pc-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-pc-btn:hover { transform: translateY(-1px); text-decoration: none; } .vgt-pc-btn-primary { background: #ffffff; color: var(--vgt-navy); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18); } .vgt-pc-btn-secondary { border: 1px solid rgba(255, 255, 2