Projects Detail

We design and deliver AI-driven platforms that automate workflows, enhance customer experiences, and unlock new growth opportunities.
Starlink Mini
admin
novembre 15, 2025
Starlink Mini Guyane
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Manrope:wght@400;500;600;700;800&display=swap'); #novi-starlink { --ns-primary: #0f0f12; --ns-accent: #5B57E7; --ns-accent-2: #A493FF; --ns-accent-3: #72BEF9; --ns-text: #676767; --ns-light: #f6f4ff; --ns-soft: #f0edff; --ns-border: #e8e4f5; --ns-white: #ffffff; --ns-gradient: linear-gradient(90deg, #A493FF 0%, #5B57E7 50%, #72BEF9 100%); --ns-gradient-soft: linear-gradient(135deg, rgba(164,147,255,0.12) 0%, rgba(91,87,231,0.08) 50%, rgba(114,190,249,0.12) 100%); width: 100%; color: var(--ns-text); font-family: "DM Sans", sans-serif; line-height: 1.7; overflow: hidden; background: var(--ns-white); } #novi-starlink *, #novi-starlink *:before, #novi-starlink *:after { box-sizing: border-box; } #novi-starlink img { display: block; width: 100%; max-width: 100%; height: auto; } #novi-starlink h1, #novi-starlink h2, #novi-starlink h3, #novi-starlink h4 { font-family: "Manrope", sans-serif; font-weight: 600; color: var(--ns-primary); line-height: 1.2; margin: 0 0 20px; letter-spacing: -0.02em; } #novi-starlink h1 { font-size: clamp(36px, 5.2vw, 64px); font-weight: 700; } #novi-starlink h2 { font-size: clamp(28px, 3.6vw, 44px); } #novi-starlink h3 { font-size: 20px; font-weight: 600; } #novi-starlink p { font-family: "DM Sans", sans-serif; color: var(--ns-text); font-size: 16px; margin: 0 0 18px; } #novi-starlink a { text-decoration: none; transition: all .35s ease; } #novi-starlink .ns-container { width: min(1180px, 92%); margin: auto; } #novi-starlink .ns-section { padding: 100px 0; } #novi-starlink .ns-center { text-align: center; } #novi-starlink .ns-eyebrow { display: inline-flex; align-items: center; gap: 8px; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1.8px; margin-bottom: 18px; color: var(--ns-accent); } #novi-starlink .ns-eyebrow:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ns-gradient); } #novi-starlink .ns-subtitle { max-width: 680px; margin: 0 auto 48px; color: var(--ns-text); font-size: 17px; } /* BOUTONS */ #novi-starlink .ns-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; min-height: 52px; background: var(--ns-gradient); color: #fff !important; border: none; border-radius: 16px; font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; transition: all .35s ease; cursor: pointer; box-shadow: 0 8px 24px rgba(91, 87, 231, 0.28); } #novi-starlink .ns-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(91, 87, 231, 0.4); filter: brightness(1.05); } #novi-starlink .ns-btn-outline { background: transparent; color: var(--ns-primary) !important; border: 1.5px solid var(--ns-border); box-shadow: none; } #novi-starlink .ns-btn-outline:hover { background: var(--ns-soft); border-color: var(--ns-accent); color: var(--ns-accent) !important; box-shadow: none; filter: none; } #novi-starlink .ns-btn-white { background: #fff; color: var(--ns-primary) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.08); } #novi-starlink .ns-btn-white:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,0.12); } #novi-starlink .ns-actions { display: flex; flex-wrap: wrap; gap: 14px; } /* HERO */ #novi-starlink .ns-hero { min-height: 720px; display: flex; align-items: center; position: relative; background: linear-gradient(105deg, rgba(15,15,18,0.78) 0%, rgba(15,15,18,0.35) 55%, rgba(91,87,231,0.25) 100%), url("https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?w=2000") center/cover no-repeat; overflow: hidden; } #novi-starlink .ns-hero:before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 40%, rgba(164,147,255,0.18) 0%, transparent 55%); pointer-events: none; } #novi-starlink .ns-hero-content { max-width: 720px; padding: 120px 0; color: #fff; position: relative; z-index: 1; } #novi-starlink .ns-hero h1, #novi-starlink .ns-hero p, #novi-starlink .ns-hero .ns-eyebrow { color: #fff; } #novi-starlink .ns-hero .ns-eyebrow:before { background: #fff; } #novi-starlink .ns-hero p { font-size: 18px; max-width: 580px; margin-bottom: 36px; opacity: 0.92; line-height: 1.75; } #novi-starlink .ns-hero .ns-btn-outline { border-color: rgba(255,255,255,0.5); color: #fff !important; } #novi-starlink .ns-hero .ns-btn-outline:hover { background: rgba(255,255,255,0.12); border-color: #fff; color: #fff !important; } /* INTRODUCTION */ #novi-starlink .ns-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; align-items: center; } #novi-starlink .ns-image-wrap { position: relative; border-radius: 24px; overflow: hidden; background: var(--ns-soft); box-shadow: 0 20px 50px rgba(91, 87, 231, 0.1); } #novi-starlink .ns-image { width: 100%; height: 460px; object-fit: cover; } #novi-starlink .ns-image-contain { object-fit: contain; background: linear-gradient(160deg, #f8f7ff 0%, #eef0ff 100%); padding: 30px; } /* AVANTAGES */ #novi-starlink .ns-light { background: var(--ns-light); } #novi-starlink .ns-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } #novi-starlink .ns-card { background: var(--ns-white); padding: 36px 28px; border: 1px solid var(--ns-border); border-radius: 20px; transition: all .35s ease; text-align: left; } #novi-starlink .ns-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(91, 87, 231, 0.12); border-color: rgba(91, 87, 231, 0.25); } #novi-starlink .ns-icon { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 22px; border-radius: 14px; background: var(--ns-gradient-soft); color: var(--ns-accent); } #novi-starlink .ns-card h3 { font-size: 19px; margin-bottom: 10px; } #novi-starlink .ns-card p { font-size: 14.5px; margin: 0; line-height: 1.65; } /* UTILISATIONS */ #novi-starlink .ns-dark { background: linear-gradient(160deg, #0f0f12 0%, #1a1830 100%); color: #fff; } #novi-starlink .ns-dark h2, #novi-starlink .ns-dark h3, #novi-starlink .ns-dark .ns-eyebrow { color: #fff; } #novi-starlink .ns-dark .ns-eyebrow:before { background: var(--ns-gradient); } #novi-starlink .ns-dark p { color: rgba(255,255,255,.72); } #novi-starlink .ns-dark .ns-card { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); } #novi-starlink .ns-dark .ns-card:hover { background: rgba(255,255,255,0.08); border-color: rgba(164,147,255,0.35); box-shadow: 0 20px 40px rgba(0,0,0,0.3); } #novi-starlink .ns-dark .ns-card h3 { color: #fff; } #novi-starlink .ns-uses { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } #novi-starlink .ns-use { min-height: 300px; display: flex; align-items: flex-end; padding: 28px; background-size: cover; background-position: center; position: relative; border-radius: 20px; overflow: hidden; } #novi-starlink .ns-use:before { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(15,15,18,.88)); } #novi-starlink .ns-use h3 { color: #fff; position: relative; margin: 0; font-size: 19px; font-weight: 600; } /* FICHE TECHNIQUE */ #novi-starlink .ns-table { width: 100%; border-collapse: collapse; } #novi-starlink .ns-table td { padding: 16px 10px; border-bottom: 1px solid var(--ns-border); font-size: 14.5px; color: var(--ns-text); } #novi-starlink .ns-table td:last-child { text-align: right; font-weight: 600; color: var(--ns-primary); } /* PRIX */ #novi-starlink .ns-price { max-width: 640px; margin: auto; background: var(--ns-white); padding: 56px 40px; border: 1px solid var(--ns-border); border-radius: 28px; box-shadow: 0 24px 60px rgba(91, 87, 231, 0.1); } #novi-starlink .ns-price strong { display: block; font-family: "Manrope", sans-serif; font-size: clamp(48px, 5.5vw, 68px); font-weight: 700; background: var(--ns-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.15; margin: 18px 0 8px; } #novi-starlink .ns-price .ns-note { font-size: 13px; color: #999; } /* FAQ */ #novi-starlink .ns-faq { max-width: 820px; margin: 48px auto 0; text-align: left; } #novi-starlink details { padding: 22px 0; border-bottom: 1px solid var(--ns-border); } #novi-starlink summary { cursor: pointer; font-weight: 600; color: var(--ns-primary); font-family: "Manrope", sans-serif; font-size: 16px; list-style: none; display: flex; justify-content: space-between; align-items: center; } #novi-starlink summary::-webkit-details-marker { display: none; } #novi-starlink summary:after { content: "+"; font-size: 22px; color: var(--ns-accent); font-weight: 400; } #novi-starlink details[open] summary:after { content: "−"; } #novi-starlink details p { padding-top: 14px; margin-bottom: 0; font-size: 15px; } /* CONTACT */ #novi-starlink .ns-contact { padding: 120px 20px; text-align: center; background: linear-gradient(160deg, #0f0f12 0%, #1a1830 60%, #2a2550 100%); } #novi-starlink .ns-contact h2 { max-width: 800px; margin: 0 auto 22px; color: #fff; } #novi-starlink .ns-contact p { max-width: 600px; margin: 0 auto 36px; color: rgba(255,255,255,0.75); } #novi-starlink .ns-contact .ns-eyebrow { color: var(--ns-accent-2); } #novi-starlink .ns-contact .ns-eyebrow:before { background: var(--ns-gradient); } /* RESPONSIVE */ @media(max-width: 1024px) { #novi-starlink .ns-features { grid-template-columns: repeat(2, 1fr); } #novi-starlink .ns-uses { grid-template-columns: repeat(2, 1fr); } } @media(max-width: 767px) { #novi-starlink .ns-section { padding: 70px 0; } #novi-starlink .ns-grid { grid-template-columns: 1fr; gap: 36px; } #novi-starlink .ns-hero { min-height: 580px; } #novi-starlink .ns-hero-content { padding: 90px 0; } #novi-starlink .ns-features, #novi-starlink .ns-uses { grid-template-columns: 1fr; } #novi-starlink .ns-image { height: 320px; } #novi-starlink .ns-actions { flex-direction: column; } #novi-starlink .ns-btn { width: 100%; } #novi-starlink .ns-price { padding: 40px 22px; } #novi-starlink .ns-table td { font-size: 13px; } }
Cart (0 items)