/* Separate Indodata presentation; no Connect requests or shared customer state. */
.logo small { display: block; margin-top: 6px; font: 8px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .23em; color: var(--svak); }
.hero { min-height: 775px; }
.hero-bilete { background-image: url(assets/data-world.jpg); background-position: center; }
.hero::after { background: linear-gradient(90deg,rgba(7,18,22,.87),rgba(7,18,22,.55) 44%,rgba(7,18,22,.09) 72%),linear-gradient(0deg,var(--natt),transparent 28%); }
.hero .hero-copy { padding-top: 183px; }
.hero h1 { max-width: 15ch; font-size: clamp(46px,5.5vw,73px); }
.hero .ingress { max-width: 43ch; }
.nav-links { gap: 24px; }
.data-list { list-style: none; margin: 24px 0; padding: 0; color: var(--svak); font-size: 14px; }
.data-list li { position: relative; padding: 9px 0 9px 22px; border-bottom: 1px solid var(--kant); }
.data-list li::before { content: '↳'; position: absolute; left: 0; color: var(--teal); }
.sample-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.sample-copy > p { max-width: 43ch; font-size: 16px; }
.sample-copy .knapp { margin-top: 16px; }
.sample-copy .small { font-size: 11px; }
.profile-sheet { border-radius: 5px; transform: rotate(1deg); padding: 32px; position: relative; }
.profile-sheet::before { content: ''; position: absolute; inset: 9px -9px -9px 9px; border: 1px solid rgba(209,227,221,.3); z-index: -1; border-radius: 5px; }
.profile-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 28px 0 20px; }
.profile-heading .sheet-category { color: #4c6258; font-size: 11px; margin: 0; }
.profile-heading h3 { font-size: 32px; margin: 3px 0 0; }
.sheet-mark { font: 55px/1 Georgia,serif; color: #95aa98; }
.profile-facts { margin: 0; }
.profile-facts > div { border-top: 1px solid #c2cfc2; padding: 13px 0; }
.profile-facts dt { color: #52655b; font-size: 11px; }
.profile-facts dd { margin: 3px 0 0; color: #19332f; font-size: 14px; font-weight: 550; }
.source-proof { background: #d3ddcf; border: 1px solid #b7c9b5; border-radius: 5px; padding: 15px; display: flex; gap: 12px; align-items: center; margin-top: 14px; }
.source-proof strong { display: block; font-size: 12px; }
.source-proof a { font-size: 11px; color: #264a40; }
.proof-mark { font-size: 26px; }
.starter-pack { border: 1px solid rgba(241,191,115,.35); background: linear-gradient(135deg,#1e302e,#102329); border-radius: 12px; padding: 34px; }
.starter-pack h3 { font-size: 34px; font-weight: 500; margin: 20px 0 12px; }
.pack-price { font: 56px/1.3 Georgia,serif; color: var(--gull); }
.pack-price span { font: 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: var(--svak); }
.pack-summary { font-size: 15px; }
.starter-pack .knapp { width: 100%; font-size: 14px; }
.pack-note { font-size: 11px; line-height: 1.7; color: var(--svak); margin-bottom: 0; }
.brief-title { font-size: 24px; margin: 0 0 10px; font-weight: 550; }
.form-panel > .small { margin-bottom: 26px; font-size: 13px; }
.brief-field { margin: 20px 0 24px; }
.submit-button { cursor: pointer; }
#draft-status { font-size: 13px; color: var(--teal); }
#draft-copy { width: 100%; padding: 12px; border: 1px solid var(--kant); border-radius: 5px; background: var(--natt); color: var(--tekst); font: inherit; font-size: 13px; resize: vertical; }
.privacy-main .back-link { display: inline-block; margin-bottom: 24px; font-size: 13px; }
@media(max-width:1000px) { .sample-layout { gap: 40px; } .nav-links { gap: 16px; } .nav-links a { font-size: 12px; } }
@media(max-width:780px) { .hero { min-height: auto; } .hero .hero-copy { padding-top: 160px; padding-bottom: 110px; } .hero-bilete { background-position: 62% center; opacity: .72; } .hero::after { background: linear-gradient(90deg,rgba(7,18,22,.85),rgba(7,18,22,.48)),linear-gradient(0deg,var(--natt),transparent 30%); } .hero h1 { font-size: clamp(47px,8vw,65px); } .sample-layout { grid-template-columns: 1fr; gap: 40px; } .sample-copy > p { max-width: none; } .profile-sheet { max-width: 560px; width: calc(100% - 9px); margin: auto; } }
@media(max-width:480px) { .hero .hero-copy { padding-top: 139px; padding-bottom: 98px; } .hero h1 { font-size: clamp(41px,11vw,53px); } .hero-eyebrow { font-size: 8px; } .hero .ingress { font-size: 17px; } .hero-note { font-size: 11px; } .logo small { font-size: 6px; } .profile-sheet { padding: 23px; transform: none; } .starter-pack { padding: 25px; } .starter-pack h3 { font-size: 31px; } .profile-heading h3 { font-size: 28px; } .example-label { font-size: 8px; letter-spacing: .1em; } .form-panel { padding: 24px; } }

/* DECISIONS 298: the site describes the real operation – the pipeline, the eight roles, price and ordering. */
.lang-link { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; opacity: .8; }
.pipeline { margin: 8px 0 48px; padding: 28px 24px 18px; border: 1px solid var(--kant); border-radius: 12px; background: rgba(7,18,22,.45); }
.pipeline svg { width: 100%; height: auto; display: block; }
.pipeline figcaption { margin: 14px 0 0; font-size: 12px; color: var(--svak); text-align: center; }
.pipe-line { stroke: rgba(209,227,221,.28); stroke-width: 2; }
.pipe-node circle { fill: #10262b; stroke: var(--teal); stroke-width: 1.5; }
.pipe-node.pipe-end circle { stroke: var(--gull); }
.pipe-node text { fill: var(--svak); font: 500 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .14em; text-anchor: middle; }
.pipe-node text + text { fill: var(--tekst); font: 600 18px/1 Georgia, serif; letter-spacing: 0; }
.pipe-dot { fill: var(--teal); filter: drop-shadow(0 0 6px rgba(74,200,170,.8)); }
.pipe-dot-2 { fill: var(--gull); filter: drop-shadow(0 0 6px rgba(241,191,115,.8)); }
.pipe-dot-3 { fill: #d1e3dd; filter: drop-shadow(0 0 6px rgba(209,227,221,.8)); }
@media (prefers-reduced-motion: reduce) { .pipe-dot { display: none; } }
.team-section { padding: 96px 0; }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 44px; }
.team-card { border: 1px solid var(--kant); border-radius: 10px; padding: 24px 22px; background: linear-gradient(160deg, rgba(30,48,46,.65), rgba(16,35,41,.65)); }
.team-card .tal { display: block; margin-bottom: 14px; }
.team-card h3 { font-size: 19px; font-weight: 550; margin: 0 0 10px; }
.team-card p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--svak); }
.team-note { max-width: 62ch; margin: 36px auto 0; text-align: center; font-size: 14px; line-height: 1.7; color: var(--svak); }
.price-section { padding: 96px 0; }
.process-list li + li { margin-top: 22px; }
@media (max-width: 1000px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 780px) { .pipe-node text { font-size: 13px; letter-spacing: .06em; } .pipeline { padding: 18px 10px 12px; } .team-section, .price-section { padding: 64px 0; } }
@media (max-width: 480px) { .team-grid { grid-template-columns: 1fr; } .pipe-node text { font-size: 15px; } }