#novi-starlink { --ns-primary: #1a1a2e; --ns-secondary: #4a4a6a; --ns-accent: #5B57E7; --ns-accent-2: #A493FF; --ns-text: #555555; --ns-light: #f7f5ff; --ns-border: #e8e4f5; --ns-white: #ffffff; --ns-gradient: linear-gradient(135deg, #5B57E7 0%, #A493FF 100%); width: 100%; color: var(--ns-text); font-family: 'DM Sans', system-ui, -apple-system, sans-serif; line-height: 1.7; overflow: hidden; } #novi-starlink *, #novi-starlink *:before, #novi-starlink *:after { box-sizing: border-box; } #novi-starlink img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 16px; } #novi-starlink h1, #novi-starlink h2, #novi-starlink h3, #novi-starlink h4 { font-family: 'Manrope', system-ui, -apple-system, sans-serif; font-weight: 700; color: var(--ns-primary); line-height: 1.15; margin: 0 0 20px; } #novi-starlink h1 { font-size: clamp(36px, 5.2vw, 64px); } #novi-starlink h2 { font-size: clamp(28px, 3.6vw, 44px); } #novi-starlink h3 { font-size: 22px; } #novi-starlink p { margin: 0 0 18px; font-size: 17px; } #novi-starlink .ns-container { max-width: 1140px; margin: 0 auto; padding: 0 24px; } #novi-starlink .ns-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--ns-accent); margin-bottom: 14px; } #novi-starlink .ns-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: var(--ns-gradient); color: #fff !important; font-weight: 600; font-size: 15px; border-radius: 16px; text-decoration: none; transition: all 0.25s ease; border: none; box-shadow: 0 8px 24px rgba(91, 87, 231, 0.25); } #novi-starlink .ns-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(91, 87, 231, 0.35); } #novi-starlink .ns-btn-outline { background: transparent; color: var(--ns-accent) !important; border: 2px solid var(--ns-accent); box-shadow: none; } #novi-starlink .ns-btn-outline:hover { background: var(--ns-accent); color: #fff !important; } #novi-starlink .ns-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; } #novi-starlink section { padding: 80px 0; } #novi-starlink .ns-dark { background: var(--ns-primary); color: #e0e0e0; } #novi-starlink .ns-dark h2, #novi-starlink .ns-dark h3 { color: #fff; } #novi-starlink .ns-light { background: var(--ns-light); } #novi-starlink .ns-hero { background: linear-gradient(135deg, #1a1a2e 0%, #2d2b55 50%, #5B57E7 100%); color: #fff; padding: 100px 0 80px; } #novi-starlink .ns-hero h1 { color: #fff; margin-bottom: 24px; } #novi-starlink .ns-hero p { font-size: 19px; max-width: 580px; opacity: 0.9; } #novi-starlink .ns-hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; } #novi-starlink .ns-hero-img { border-radius: 24px; box-shadow: 0 30px 60px rgba(0,0,0,0.35); overflow: hidden; } #novi-starlink .ns-features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 48px; } #novi-starlink .ns-card { background: var(--ns-white); border-radius: 20px; padding: 32px 28px; border: 1px solid var(--ns-border); transition: all 0.25s ease; } #novi-starlink .ns-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(91, 87, 231, 0.12); } #novi-starlink .ns-card-icon { width: 52px; height: 52px; background: var(--ns-gradient); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: #fff; font-size: 22px; } #novi-starlink .ns-uses-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 40px; } #novi-starlink .ns-use-item { display: flex; gap: 18px; background: var(--ns-white); padding: 24px; border-radius: 18px; border: 1px solid var(--ns-border); } #novi-starlink .ns-use-item span { font-size: 28px; flex-shrink: 0; } #novi-starlink .ns-pricing-box { background: var(--ns-white); border-radius: 24px; padding: 48px; border: 1px solid var(--ns-border); max-width: 640px; margin: 40px auto 0; text-align: center; box-shadow: 0 20px 50px rgba(91, 87, 231, 0.1); } #novi-starlink .ns-price { font-size: 48px; font-weight: 700; color: var(--ns-accent); margin: 16px 0 8px; } #novi-starlink details { background: var(--ns-white); border-radius: 14px; margin-bottom: 12px; border: 1px solid var(--ns-border); overflow: hidden; } #novi-starlink summary { padding: 20px 24px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--ns-primary); } #novi-starlink summary::-webkit-details-marker { display: none; } #novi-starlink summary::after { content: "+"; position: absolute; right: 24px; font-size: 22px; color: var(--ns-accent); } #novi-starlink details[open] summary::after { content: "−"; } #novi-starlink details p { padding: 0 24px 20px; margin: 0; } #novi-starlink .ns-contact { text-align: center; } @media (max-width: 900px) { #novi-starlink .ns-hero-grid { grid-template-columns: 1fr; } #novi-starlink .ns-features-grid { grid-template-columns: 1fr; } #novi-starlink .ns-uses-grid { grid-template-columns: 1fr; } #novi-starlink section { padding: 60px 0; } }