Pack Borne de commande – Borne de commande tactile pour restaurant et click & collect

id="product_full_description"> .vgt-pack-borne { --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-borne * { box-sizing: border-box; } .vgt-pb-wrap { width: 100%; max-width: none; margin: 0; padding: 46px clamp(18px, 4.5vw, 76px); } .vgt-pb-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-pb-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -180px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; } .vgt-pb-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: 0 auto 18px; width: fit-content; } .vgt-pb-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: 860px; text-align: center; } .vgt-pb-hero p { font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.82); margin: 0 auto 24px; max-width: 800px; text-align: center; } .vgt-pb-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px auto 0; max-width: 860px; } .vgt-pb-hero-point { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; padding: 14px; } .vgt-pb-hero-point strong { display: block; font-size: 18px; margin-bottom: 4px; color: #ffffff; } .vgt-pb-hero-point span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.35; } .vgt-pb-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-pb-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-pb-mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; } .vgt-pb-mini-grid a { display: block; border-radius: 16px; transition: transform .18s ease, box-shadow .18s ease; } .vgt-pb-mini-grid a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); } .vgt-pb-mini-grid img { width: 100%; height: 92px; object-fit: contain; background: #ffffff; border-radius: 16px; padding: 8px; display: block; } .vgt-pb-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-pb-price-card small { display: block; color: var(--vgt-muted); font-size: 12px; margin-bottom: 4px; } .vgt-pb-pack-price { font-size: 30px; font-weight: 900; letter-spacing: -0.04em; color: var(--vgt-navy); line-height: 1; } .vgt-pb-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-pb-section { margin-top: 58px; } .vgt-pb-section-header { max-width: 980px; margin: 0 auto 28px; text-align: center; } .vgt-pb-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-pb-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-pb-section p { color: var(--vgt-text); font-size: 16px; line-height: 1.7; margin: 0; } .vgt-pb-section-header p { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .vgt-pb-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .vgt-pb-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-pb-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-pb-benefit h4, .vgt-pb-product-card h4, .vgt-pb-flow-card h4 { font-size: 18px; margin: 0 0 8px; color: var(--vgt-navy); letter-spacing: -0.02em; } .vgt-pb-benefit p, .vgt-pb-product-card p, .vgt-pb-flow-card p { font-size: 14.5px; line-height: 1.65; color: var(--vgt-text); margin: 0; } .vgt-pb-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 980px; margin-left: auto; margin-right: auto; } .vgt-pb-product-link { display: block; color: inherit; text-decoration: none; min-height: 100%; } .vgt-pb-product-link:hover { color: inherit; text-decoration: none; } .vgt-pb-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-pb-product-link:hover .vgt-pb-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-pb-product-card img { width: 100%; height: 230px; object-fit: contain; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 18px; border-bottom: 1px solid var(--vgt-border); } .vgt-pb-product-body { padding: 20px; flex: 1; } .vgt-pb-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-pb-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .vgt-pb-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-pb-product-link:hover .vgt-pb-product-arrow { background: var(--vgt-blue); color: #ffffff; } .vgt-pb-product-note { display: inline-flex; margin-top: 12px; font-size: 12px; color: var(--vgt-blue); font-weight: 800; } .vgt-pb-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-pb-price-line span { color: var(--vgt-muted); font-size: 12px; } .vgt-pb-price-line strong { color: var(--vgt-navy); font-size: 15px; } .vgt-pb-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .vgt-pb-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-pb-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-pb-compare-title { color: var(--vgt-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } .vgt-pb-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-pb-compare-card.is-pack .vgt-pb-compare-price { color: var(--vgt-green); } .vgt-pb-compare-sub { color: var(--vgt-text); line-height: 1.6; font-size: 15px; margin-bottom: 18px; } .vgt-pb-checklist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .vgt-pb-checklist li { display: flex; gap: 9px; align-items: flex-start; color: var(--vgt-text); font-size: 14.5px; line-height: 1.5; } .vgt-pb-checklist li::before { content: ""; color: var(--vgt-green); font-weight: 950; flex: 0 0 auto; } .vgt-pb-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .vgt-pb-flow-card { border-radius: 22px; border: 1px solid var(--vgt-border); background: #ffffff; padding: 20px; position: relative; } .vgt-pb-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-pb-specs { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 18px; align-items: stretch; } .vgt-pb-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-pb-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vgt-pb-spec-item { background: #f8fafc; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 14px; } .vgt-pb-spec-item strong { display: block; font-size: 14px; color: var(--vgt-navy); margin-bottom: 3px; } .vgt-pb-spec-item span { color: var(--vgt-muted); font-size: 13px; line-height: 1.35; display: block; } .vgt-pb-faq { display: grid; gap: 12px; } .vgt-pb-faq details { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 18px 20px; } .vgt-pb-faq summary { cursor: pointer; font-weight: 850; color: var(--vgt-navy); font-size: 16px; } .vgt-pb-faq details p { margin-top: 12px; font-size: 14.5px; color: var(--vgt-text); } .vgt-pb-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-pb-cta h3 { color: #ffffff; margin: 0 0 10px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -0.04em; text-align: left; } .vgt-pb-cta p { color: rgba(255, 255, 255, 0.78); margin: 0; max-width: 850px; } .vgt-pb-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .vgt-pb-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-pb-btn:hover { transform: translateY(-1px); text-decoration: none; } .vgt-pb-btn-primary { background: #ffffff; color: var(--vgt-navy); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18); } .vgt-pb-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-pb-wrap { padding-left: clamp(70px, 7vw, 120px); padding-right: clamp(70px, 7vw, 120px); } .vgt-pb-hero { padding: 52px; } } @media (max-width: 1050px) { .vgt-pb-hero, .vgt-pb-specs, .vgt-pb-comparison, .vgt-pb-cta { grid-template-columns: 1fr; } .vgt-pb-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vgt-pb-products, .vgt-pb-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vgt-pb-actions { justify-content: flex-start; } } @media (max-width: 720px) { .vgt-pack-borne { margin-top: 20px; margin-bottom: 20px; } .vgt-pb-wrap { padding: 24px 14px; } .vgt-pb-hero, .vgt-pb-cta { padding: 24px; border-radius: 24px; } .vgt-pb-visual { min-height: auto; padding: 14px; } .vgt-pb-main-img { height: 220px; } .vgt-pb-hero-points, .vgt-pb-benefits, .vgt-pb-products, .vgt-pb-flow, .vgt-pb-spec-grid { grid-template-columns: 1fr; } .vgt-pb-mini-grid { grid-template-columns: repeat(2, 1fr); } .vgt-pb-price-card { grid-template-columns: 1fr; } .vgt-pb-saving { width: fit-content; } .vgt-pb-cta h3 { text-align: left; } } Pack borne de commande Libre-service + ecran cuisine Une solution complete pour prendre les commandes en autonomie et les envoyer en cuisine. Le Pack Borne de commande Vigilantia associe la borne tactile KOYA 21,5 au SUNMI D2s KDS. Il est pense pour les restaurants, snacks, fast-foods, dark kitchens et etablissements avec flux de commandes qui veulent fluidifier la prise de commande client tout en structurant la preparation en cuisine. 2 produits Une borne de commande + un ecran cuisine pour organiser le flux complet. Libre-service Le client commande sur la borne, lequipe cuisine suit la preparation sur ecran. 1 849 HT Au lieu de 2 035 HT en achat separe. Prix pack borne de commande 1 849,00 HT Economie : 85,00 HT Pourquoi ce pack ? Parce quune borne seule ne suffit pas si la cuisine ne suit pas correctement les commandes. Ce pack couvre le flux complet : le client commande en autonomie sur la borne KOYA, puis la cuisine recoit et organise les preparations sur le SUNMI D2s KDS. Resultat : moins dattente au comptoir, moins derreurs de transmission et une meilleure coordination entre commande et production. 1 Commande autonome La borne KOYA permet aux clients de passer commande directement sur ecran tactile, sans bloquer le comptoir. 2 Preparation organisee Le SUNMI D2s KDS permet a la cuisine de suivre les commandes, les priorites et lavancement des preparations. 3 Files dattente reduites Les clients commandent plus vite, pendant que lequipe reste concentree sur la production et le service. 4 Pack plus rentable Le pack evite un achat separe a 2 035 HT et propose une solution complete a 1 849 HT. Contenu du pack Les 2 equipements inclus dans le Pack Borne de commande. Chaque produit a un role precis : prise de commande client et pilotage de la preparation. Cliquez sur une carte pour consulter la fiche produit individuelle dans un nouvel onglet. Borne de commande KOYA 21,5 Borne tactile 21,5 pour commande libre-service, avec ecran capacitif Full HD, scanner 2D, imprimante thermique 80 mm integree et connectivite adaptee aux points de vente. Voir la fiche produit Prix seul 1 445,00 HT Ecran cuisine SUNMI D2s KDS Ecran de preparation 15,6 concu pour afficher les commandes en cuisine, organiser les priorites et ameliorer la coordination entre prise de commande et production. Voir la fiche produit Prix seul 450,00 HT Comparatif prix Le pack permet dequiper le parcours commande + cuisine pour moins cher que lachat separe. Au lieu dacheter la borne et lecran cuisine separement, le Pack Borne de commande regroupe les deux elements dans une offre plus lisible, plus simple a commander et plus avantageuse. Achat separe 2 035,00 HT Prix total si la borne KOYA et le SUNMI D2s KDS sont achetes individuellement. 5 fiches produits a consulter separement. Risque dacheter une borne sans penser au flux cuisine. Comparaison plus longue pour le restaurateur. Parcours moins clair pour une installation de commande complete. Prix pack borne de commande 1 849,00 HT Une solution commande + cuisine complete, coherente et plus rentable. Economie immediate de 140,35 HT. Une borne client + un ecran cuisine dans le meme pack. Une seule decision dachat pour une solution complete. Ideal pour restaurant rapide, snack, dark kitchen, click & collect et libre-service. Flux borne de commande Un pack pense pour transformer la commande client en preparation cuisine, sans rupture. La borne fluidifie la prise de commande cote client, tandis que le KDS structure la production cote cuisine. 1 Commande client Le client selectionne ses produits sur la borne KOYA, avec une interface libre-service claire et rapide. 2 Ticket & scan La borne peut gerer limpression ticket et la lecture 2D selon le parcours prevu par votre logiciel. 3 Preparation cuisine Le SUNMI D2s KDS affiche les commandes en cuisine pour suivre les priorites et limiter les oublis. 4 Service plus fluide Lequipe gagne en efficacite, le client attend moins et le comptoir se desengorge plus facilement. Compatibilite & installation Un choix coherent pour creer un vrai parcours de commande libre-service. Le pack associe une borne tactile de commande autonome et un ecran de preparation cuisine. Il convient aux etablissements qui veulent reduire lattente, absorber les pics de commande et mieux synchroniser le front-office avec la cuisine. Ce que le pack apporte concretement Une borne tactile 21,5 pour la prise de commande client. Une imprimante ticket integree a la borne. Un scanner 2D integre pour QR codes, coupons ou parcours client. Un ecran KDS pour organiser la preparation en cuisine. Une configuration adaptee aux flux de restauration rapide et libre-service. Reperes techniques utiles KOYA 21,5 Ecran tactile 21,5, Full HD, tactile capacitif projete 10 points. Equipements integres Imprimante thermique 80 mm, scanner 2D, haut-parleurs et connectique point de vente. SUNMI D2s KDS Ecran 15,6, usage cuisine, suivi des commandes et preparation en temps reel. Usage recommande Restaurant rapide, snack, dark kitchen, click & collect, libre-service, forte affluence. Objectif Reduire lattente, limiter les erreurs de transmission et structurer les preparations. Conseil Vigilantia Valider le logiciel, les moyens de paiement, le parcours client et le flux cuisine avant deploiement. Est-ce le bon pack pour vous ? Le pack ideal si vous voulez lancer une commande en libre-service tout en gardant la cuisine organisee. Ce Pack Borne de commande sadresse aux restaurateurs qui veulent aller plus loin quune simple borne : il combine la prise de commande autonome cote client avec un ecran cuisine pour piloter la preparation. Ce pack est fait pour vous si Vous cherchez une solution complete pour fluidifier la commande client et organiser la cuisine. Vous voulez reduire les files dattente au comptoir. Vous souhaitez proposer un parcours de commande autonome. Vous avez besoin dun ecran cuisine pour suivre les preparations. Vous gerez des pics de commandes en restauration rapide ou snack. Vous voulez eviter les erreurs entre commande client et production cuisine. Vous cherchez une solution plus lisible quun achat produit par produit. Ce que vous obtenez concretement Une configuration libre-service equilibree : une borne pour commander, un ecran cuisine pour produire. Une borne KOYA 21,5 pour la prise de commande client. Un SUNMI D2s KDS pour le pilotage cuisine. Un parcours plus fluide entre client, comptoir et preparation. Un pack adapte aux restaurants avec volume ou files dattente. Une solution plus claire quune borne achetee seule. Une offre a 1 849 HT au lieu de 2 035 HT separement. Pour accelerer la commande Le client peut commander en autonomie, ce qui soulage le comptoir pendant les periodes de forte affluence. Pour synchroniser la cuisine Le KDS donne a la cuisine une vision plus claire des commandes a preparer et des priorites a traiter. Pour moderniser lexperience client La borne donne une image plus moderne, plus autonome et plus fluide du point de vente. Pour acheter plus intelligemment Le pack evite les achats disperses et propose un ensemble plus avantageux que lachat separe. FAQ Questions frequentes avant achat. Ce pack convient-il a un restaurant rapide ou un snack ? Oui. Il est particulierement adapte aux restaurants rapides, snacks, fast-foods, dark kitchens, etablissements en click & collect ou points de vente qui veulent fluidifier les commandes et mieux organiser la preparation. Pourquoi associer une borne KOYA avec un ecran KDS ? La borne permet au client de passer commande en autonomie. Le KDS permet a la cuisine de recevoir, organiser et suivre les preparations. Les deux equipements couvrent donc le parcours complet : commande client puis production cuisine. 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 2 035,00 HT, contre 1 849,00 HT pour le Pack Borne de commande. Le logiciel de caisse ou de commande est-il inclus ? Non, le logiciel de caisse ou de commande n'est pas inclus. Cette fiche presente le materiel du pack. Il faudra valider la compatibilite avec votre logiciel et votre parcours de commande. Peut-on adapter le pack a un autre besoin ? Oui. Selon votre etablissement, il est possible dajouter un terminal de paiement, une caisse principale, une imprimante supplementaire, un second KDS ou dautres peripheriques complementaires. Besoin de valider la configuration avant commande ? Vigilantia peut vous aider a choisir la bonne configuration selon votre parcours client, votre logiciel de commande, votre cuisine et votre volume de passage. Demander conseil 03 67 39 00 59 .vgt-pack-borne { --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-borne * { box-sizing: border-box; } .vgt-pb-wrap { width: 100%; max-width: none; margin: 0; padding: 46px clamp(18px, 4.5vw, 76px); } .vgt-pb-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-pb-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -180px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; } .vgt-pb-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: 0 auto 18px; width: fit-content; } .vgt-pb-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: 860px; text-align: center; } .vgt-pb-hero p { font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.82); margin: 0 auto 24px; max-width: 800px; text-align: center; } .vgt-pb-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px auto 0; max-width: 860px; } .vgt-pb-hero-point { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; padding: 14px; } .vgt-pb-hero-point strong { display: block; font-size: 18px; margin-bottom: 4px; color: #ffffff; } .vgt-pb-hero-point span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.35; } .vgt-pb-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-pb-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-pb-mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; } .vgt-pb-mini-grid a { display: block; border-radius: 16px; transition: transform .18s ease, box-shadow .18s ease; } .vgt-pb-mini-grid a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); } .vgt-pb-mini-grid img { width: 100%; height: 92px; object-fit: contain; background: #ffffff; border-radius: 16px; padding: 8px; display: block; } .vgt-pb-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-pb-price-card small { display: block; color: var(--vgt-muted); font-size: 12px; margin-bottom: 4px; } .vgt-pb-pack-price { font-size: 30px; font-weight: 900; letter-spacing: -0.04em; color: var(--vgt-navy); line-height: 1; } .vgt-pb-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-pb-section { margin-top: 58px; } .vgt-pb-section-header { max-width: 980px; margin: 0 auto 28px; text-align: center; } .vgt-pb-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-pb-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-pb-section p { color: var(--vgt-text); font-size: 16px; line-height: 1.7; margin: 0; } .vgt-pb-section-header p { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .vgt-pb-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .vgt-pb-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-pb-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-pb-benefit h4, .vgt-pb-product-card h4, .vgt-pb-flow-card h4 { font-size: 18px; margin: 0 0 8px; color: var(--vgt-navy); letter-spacing: -0.02em; } .vgt-pb-benefit p, .vgt-pb-product-card p, .vgt-pb-flow-card p { font-size: 14.5px; line-height: 1.65; color: var(--vgt-text); margin: 0; } .vgt-pb-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 980px; margin-left: auto; margin-right: auto; } .vgt-pb-product-link { display: block; color: inherit; text-decoration: none; min-height: 100%; } .vgt-pb-product-link:hover { color: inherit; text-decoration: none; } .vgt-pb-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-pb-product-link:hover .vgt-pb-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-pb-product-card img { width: 100%; height: 230px; object-fit: contain; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 18px; border-bottom: 1px solid var(--vgt-border); } .vgt-pb-product-body { padding: 20px; flex: 1; } .vgt-pb-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-pb-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .vgt-pb-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-pb-product-link:hover .vgt-pb-product-arrow { background: var(--vgt-blue); color: #ffffff; } .vgt-pb-product-note { display: inline-flex; margin-top: 12px; font-size: 12px; color: var(--vgt-blue); font-weight: 800; } .vgt-pb-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-pb-price-line span { color: var(--vgt-muted); font-size: 12px; } .vgt-pb-price-line strong { color: var(--vgt-navy); font-size: 15px; } .vgt-pb-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .vgt-pb-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-pb-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-pb-compare-title { color: var(--vgt-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } .vgt-pb-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-pb-compare-card.is-pack .vgt-pb-compare-price { color: var(--vgt-green); } .vgt-pb-compare-sub { color: var(--vgt-text); line-height: 1.6; font-size: 15px; margin-bottom: 18px; } .vgt-pb-checklist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .vgt-pb-checklist li { display: flex; gap: 9px; align-items: flex-start; color: var(--vgt-text); font-size: 14.5px; line-height: 1.5; } .vgt-pb-checklist li::before { content: ""; color: var(--vgt-green); font-weight: 950; flex: 0 0 auto; } .vgt-pb-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .vgt-pb-flow-card { border-radius: 22px; border: 1px solid var(--vgt-border); background: #ffffff; padding: 20px; position: relative; } .vgt-pb-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-pb-specs { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 18px; align-items: stretch; } .vgt-pb-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-pb-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vgt-pb-spec-item { background: #f8fafc; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 14px; } .vgt-pb-spec-item strong { display: block; font-size: 14px; color: var(--vgt-navy); margin-bottom: 3px; } .vgt-pb-spec-item span { color: var(--vgt-muted); font-size: 13px; line-height: 1.35; display: block; } .vgt-pb-faq { display: grid; gap: 12px; } .vgt-pb-faq details { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 18px 20px; } .vgt-pb-faq summary { cursor: pointer; font-weight: 850; color: var(--vgt-navy); font-size: 16px; } .vgt-pb-faq details p { margin-top: 12px; font-size: 14.5px; color: var(--vgt-text); } .vgt-pb-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-pb-cta h3 { color: #ffffff; margin: 0 0 10px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -0.04em; text-align: left; } .vgt-pb-cta p { color: rgba(255, 255, 255, 0.78); margin: 0; max-width: 850px; } .vgt-pb-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .vgt-pb-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 999