test – Damais Shop

.stomni2-lp *{ box-sizing:border-box; }
.stomni2-wrap{ max-width: var(–max); margin:0 auto; }

/* Header */
.stomni2-topbar{
position: sticky; top: 10px; z-index: 50;
background: rgba(6,8,16,.55);
border:1px solid var(–border);
backdrop-filter: blur(10px);
border-radius: 999px;
padding: 10px 12px;
display:flex; align-items:center; justify-content:space-between;
gap:10px;
box-shadow: 0 10px 40px rgba(0,0,0,.35);
}
.stomni2-brand{ display:flex; gap:10px; align-items:center; min-width: 220px; }
.stomni2-logo{
width:34px; height:34px; border-radius: 12px;
background: linear-gradient(135deg, var(–accent), rgba(120,170,255,.9));
box-shadow: 0 10px 25px rgba(0,0,0,.35);
}
.stomni2-brand b{ display:block; font-size: 14px; letter-spacing:.2px; }
.stomni2-brand span{ display:block; font-size: 12px; color: var(–muted2); margin-top:2px; }

.stomni2-nav{ display:none; gap:18px; align-items:center; }
.stomni2-nav a{
color: var(–muted); text-decoration:none; font-size: 13px;
padding: 8px 10px; border-radius: 999px;
}
.stomni2-nav a:hover{ background: rgba(255,255,255,.06); }

.stomni2-cta{
display:flex; gap:10px; align-items:center;
}
.stomni2-btn{
border:1px solid var(–border);
background: rgba(255,255,255,.06);
color: var(–text);
padding: 10px 14px;
border-radius: 999px;
font-weight: 650;
font-size: 13px;
text-decoration:none;
display:inline-flex; align-items:center; gap:8px;
white-space: nowrap;
}
.stomni2-btn:hover{ background: rgba(255,255,255,.09); }
.stomni2-btn.primary{
border-color: rgba(247,185,74,.35);
background: linear-gradient(180deg, var(–accent2), var(–accent));
color:#1A1206;
}

/* Hero */
.stomni2-hero{
margin-top: 18px;
border:1px solid var(–border);
background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
border-radius: var(–radius);
box-shadow: var(–shadow);
padding: 18px;
overflow:hidden;
position:relative;
}
.stomni2-hero:before{
content:””;
position:absolute; inset:-2px;
background: radial-gradient(500px 260px at 15% 10%, rgba(247,185,74,.14), transparent 60%),
radial-gradient(520px 280px at 90% 0%, rgba(120,170,255,.16), transparent 60%);
pointer-events:none;
}

.stomni2-heroGrid{
position:relative;
display:grid;
grid-template-columns: 1fr;
gap: 14px;
align-items:start;
}

.stomni2-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom: 10px; }
.stomni2-badge{
font-size: 12px;
color: var(–muted);
border:1px solid var(–border);
background: rgba(0,0,0,.18);
padding: 7px 10px;
border-radius: 999px;
display:inline-flex; align-items:center; gap:8px;
}
.stomni2-dot{ width:8px; height:8px; border-radius:999px; background: var(–accent); box-shadow: 0 0 0 4px rgba(247,185,74,.12); }

.stomni2-h1{
font-size: 28px;
line-height: 1.1;
margin: 8px 0 10px;
letter-spacing: -0.6px;
}
.stomni2-h1 .accent{ color: var(–accent); }
.stomni2-sub{
color: var(–muted);
font-size: 15px;
line-height: 1.5;
margin: 0 0 14px;
max-width: 52ch;
}

.stomni2-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 10px; }
.stomni2-actions .stomni2-btn{ padding: 12px 16px; font-size: 14px; }

.stomni2-proof{
margin-top: 14px;
display:grid;
grid-template-columns: 1fr;
gap:10px;
}
.stomni2-proofItem{
display:flex; gap:10px; align-items:flex-start;
border:1px solid var(–border);
background: rgba(0,0,0,.14);
padding: 12px 12px;
border-radius: 16px;
}
.stomni2-ico{
width:28px; height:28px; border-radius: 10px;
background: rgba(247,185,74,.12);
border:1px solid rgba(247,185,74,.22);
display:flex; align-items:center; justify-content:center;
flex: 0 0 auto;
}
.stomni2-proofItem b{ display:block; font-size: 13px; margin-bottom: 2px; }
.stomni2-proofItem span{ color: var(–muted2); font-size: 12px; line-height:1.35; }

/* Sections */
.stomni2-section{
margin-top: 18px;
padding: 18px;
border-radius: var(–radius);
border:1px solid var(–border);
background: rgba(255,255,255,.03);
}
.stomni2-kicker{ color: var(–muted2); font-size: 12px; letter-spacing:.16em; text-transform:uppercase; }
.stomni2-h2{ font-size: 20px; margin: 8px 0 10px; letter-spacing:-.3px; }
.stomni2-p{ color: var(–muted); font-size: 14px; line-height:1.55; margin: 0; }

.stomni2-grid3{
margin-top: 14px;
display:grid;
grid-template-columns: 1fr;
gap: 12px;
}
.stomni2-card{
border:1px solid var(–border);
background: rgba(0,0,0,.16);
border-radius: 18px;
padding: 14px;
}
.stomni2-card b{ display:block; font-size: 14px; margin-bottom: 6px; }
.stomni2-card p{ margin:0; color: var(–muted2); font-size: 13px; line-height:1.45; }

/* Packages */
.stomni2-packages{
margin-top: 14px;
display:grid;
grid-template-columns: 1fr;
gap: 12px;
}
.stomni2-tier{
border:1px solid var(–border);
background: rgba(0,0,0,.18);
border-radius: 18px;
padding: 16px;
}
.stomni2-tier.featured{
border-color: rgba(247,185,74,.35);
background: linear-gradient(180deg, rgba(247,185,74,.10), rgba(0,0,0,.18));
}
.stomni2-tierHead{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.stomni2-tierHead b{ font-size: 15px; }
.stomni2-price{ font-size: 16px; font-weight: 800; color: var(–accent2); }
.stomni2-ul{ margin: 12px 0 0; padding: 0 0 0 16px; color: var(–muted); font-size: 13px; line-height:1.5; }
.stomni2-ul li{ margin: 6px 0; }

/* FAQ */
.stomni2-faq{ margin-top: 14px; display:grid; gap:10px; }
.stomni2-faq details{
border:1px solid var(–border);
background: rgba(0,0,0,.16);
border-radius: 16px;
padding: 12px 14px;
}
.stomni2-faq summary{
cursor:pointer;
font-weight: 700;
font-size: 13px;
color: var(–text);
}
.stomni2-faq p{ margin:10px 0 0; color: var(–muted); font-size: 13px; line-height:1.5; }

/* Bottom CTA */
.stomni2-bottom{
margin-top: 18px;
padding: 18px;
border-radius: var(–radius);
border:1px solid rgba(247,185,74,.25);
background: radial-gradient(600px 260px at 20% 0%, rgba(247,185,74,.14), transparent 60%),
rgba(0,0,0,.16);
display:grid; gap:12px;
}
.stomni2-bottom .stomni2-h2{ margin:0; }
.stomni2-bottom .stomni2-actions{ margin:0; }

/* Desktop enhancements */
@media (min-width: 860px){
.stomni2-lp{ padding: 18px 18px 90px; }
.stomni2-nav{ display:flex; }
.stomni2-hero{ padding: 26px; }
.stomni2-heroGrid{ grid-template-columns: 1.15fr .85fr; gap: 18px; }
.stomni2-h1{ font-size: 42px; }
.stomni2-proof{ grid-template-columns: 1fr; }
.stomni2-grid3{ grid-template-columns: repeat(3, 1fr); }
.stomni2-packages{ grid-template-columns: repeat(3, 1fr); }
.stomni2-bottom{ grid-template-columns: 1.2fr .8fr; align-items:center; }
}
</style>

<!– Header –>
<header class=”stomni2-topbar”>
<div class=”stomni2-brand”>
<div class=”stomni2-logo” aria-hidden=”true”></div>
<div>
<b>STOMNI • Локален AI за компании</b>
<span>Инсталација • Безбедност • Поддршка</span>
</div>
</div>

<nav class=”stomni2-nav” aria-label=”Навигација”>
<a href=”#solution”>Решение</a>
<a href=”#usecases”>Use cases</a>
<a href=”#packages”>Понуди</a>
<a href=”#faq”>FAQ</a>
</nav>

<div class=”stomni2-cta”>
<a class=”stomni2-btn” href=”#packages”>Види пакети</a>
<a class=”stomni2-btn primary” href=”#call”>Закажи повик</a>
</div>
</header>

<!– Hero –>
<div class=”stomni2-hero”>
<div class=”stomni2-heroGrid”>

<div>
<div class=”stomni2-badges”>
<span class=”stomni2-badge”><span class=”stomni2-dot”></span> On-prem / локално</span>
<span class=”stomni2-badge”>Податоците остануваат кај вас</span>
<span class=”stomni2-badge”>48h брз старт</span>
</div>

<h1 class=”stomni2-h1″>
Пуштете <span class=”accent”>приватен AI</span> за вашиот тим — за 48 часа.
</h1>

<p class=”stomni2-sub”>
Инсталираме локален AI chatbot (llama.cpp / LM Studio) во вашата мрежа и го подесуваме за реални задачи:
документи, процедури, интерно Q&A, резимеа и анализи — без да праќате податоци надвор.
</p>

<div class=”stomni2-actions”>
<!– Replace links –>
<a class=”stomni2-btn primary” href=”#call”>Закажи бесплатна 15-мин проценка</a>
<a class=”stomni2-btn” href=”#packages”>Види понуди и цени</a>
</div>

<div class=”stomni2-proof”>
<div class=”stomni2-proofItem”>
<div class=”stomni2-ico”>🔒</div>
<div>
<b>Приватност по default</b>
<span>Локално извршување + основни политики за пристап и логови.</span>
</div>
</div>
<div class=”stomni2-proofItem”>
<div class=”stomni2-ico”>⚡</div>
<div>
<b>Брз onboarding</b>
<span>Шаблони за промптови + краток тренинг за тимот (за да има “аха” момент).</span>
</div>
</div>
<div class=”stomni2-proofItem”>
<div class=”stomni2-ico”>🧩</div>
<div>
<b>Модели по намена</b>
<span>Qwen/Mistral и други — избираме според ваши задачи и хардвер.</span>
</div>
</div>
</div>
</div>

<div>
<div class=”stomni2-card”>
<b>Што точно добивате</b>
<p>Работен локален AI чат + препорачани модели + сетап за стабилен старт (не демо).</p>
</div>

<div class=”stomni2-grid3″ style=”margin-top:12px;”>
<div class=”stomni2-card”>
<b>Инсталација</b>
<p>llama.cpp / LM Studio, сервер, порти, перформанси.</p>
</div>
<div class=”stomni2-card”>
<b>Безбедност</b>
<p>Основни правила: пристап, дозволи, логирање.</p>
</div>
<div class=”stomni2-card”>
<b>Документација</b>
<p>Еден “runbook” за старт/рестарт и одржување.</p>
</div>
</div>

<div class=”stomni2-card” style=”margin-top:12px;”>
<b>Важно</b>
<p>*Ова е услуга за инсталација и подесување. Следен чекор (опционално): AI агенти и автоматизации во вашата мрежа.</p>
</div>
</div>

</div>
</div>

<!– Solution –>
<section class=”stomni2-section” id=”solution”>
<div class=”stomni2-kicker”>ОД “AI хаос” ДО “AI јасноcт”</div>
<h2 class=”stomni2-h2″>Чист сетап што тимот реално го користи</h2>
<p class=”stomni2-p”>
Наместо “ајде да пробаме ChatGPT”, добивате приватен систем со правила, модели и јасни use cases — за да има резултат, не само ентузијазам.
</p>

<div class=”stomni2-grid3″>
<div class=”stomni2-card”>
<b>1) Проценка на хардвер</b>
<p>Што имате, што е доволно, што е тесно грло — и препорака ако треба надградба.</p>
</div>
<div class=”stomni2-card”>
<b>2) Инсталација + конфиг</b>
<p>Стабилен сервер, параметри, лимити, и “one command” старт за рестарт.</p>
</div>
<div class=”stomni2-card”>
<b>3) Onboarding</b>
<p>Краток тренинг + промпт шаблони за најчести задачи во вашата фирма.</p>
</div>
</div>
</section>

<!– Use cases –>
<section class=”stomni2-section” id=”usecases”>
<div class=”stomni2-kicker”>USE CASES</div>
<h2 class=”stomni2-h2″>Каде да “удри” прво (брзи победи)</h2>

<div class=”stomni2-grid3″>
<div class=”stomni2-card”>
<b>Интерно Q&A (процедури)</b>
<p>“Како се прави X?” — брз одговор од интерни документи и правила.</p>
</div>
<div class=”stomni2-card”>
<b>Документи и резимеа</b>
<p>Резиме на договори, записници, политики — со ист стил секој пат.</p>
</div>
<div class=”stomni2-card”>
<b>Email + шаблони</b>
<p>Одговори, понуди, follow-up — побрзо, поконзистентно, помалку грешки.</p>
</div>
</div>
</section>

<!– Packages –>
<section class=”stomni2-section” id=”packages”>
<div class=”stomni2-kicker”>ПОНУДИ</div>
<h2 class=”stomni2-h2″>Пакети за инсталација + старт</h2>
<p class=”stomni2-p”>Цените подолу се рамка. По 15-мин повик праќаме точна понуда според вашиот хардвер и цели.</p>

<div class=”stomni2-packages”>
<div class=”stomni2-tier”>
<div class=”stomni2-tierHead”>
<b>Starter (1 тим / 1 машина)</b>
<div class=”stomni2-price”>€490–€790</div>
</div>
<ul class=”stomni2-ul”>
<li>Инсталација (llama.cpp или LM Studio)</li>
<li>1–2 модели (на пр. Qwen/Mistral)</li>
<li>Runbook + “restart” команда</li>
<li>60 мин onboarding</li>
</ul>
</div>

<div class=”stomni2-tier featured”>
<div class=”stomni2-tierHead”>
<b>Business (по препорака)</b>
<div class=”stomni2-price”>€990–€1,690</div>
</div>
<ul class=”stomni2-ul”>
<li>Проценка на хардвер + оптимизација</li>
<li>2–4 модели по намена</li>
<li>Основни политики (приступ/логови)</li>
<li>Промпт пакет за 5 типични задачи</li>
</ul>
</div>

<div class=”stomni2-tier”>
<div class=”stomni2-tierHead”>
<b>Team+ (multi-user / on-prem)</b>
<div class=”stomni2-price”>€1,990–€3,490</div>
</div>
<ul class=”stomni2-ul”>
<li>Сетап за повеќе корисници / мрежа</li>
<li>Мониторинг основи + health checks</li>
<li>Документација + handover</li>
<li>2 часа onboarding + Q&A</li>
</ul>
</div>
</div>
</section>

<!– FAQ –>
<section class=”stomni2-section” id=”faq”>
<div class=”stomni2-kicker”>FAQ</div>
<h2 class=”stomni2-h2″>Најчести прашања</h2>

<div class=”stomni2-faq”>
<details>
<summary>Дали мора да купиме нов хардвер?</summary>
<p>Не секогаш. Прво гледаме што имате, па кажуваме што е доволно за вашите use cases и кои компромиси постојат.</p>
</details>
<details>
<summary>Дали ќе треба повторно да го симнуваме моделот по рестарт?</summary>
<p>Не. Откако еднаш е симнат локално, само го стартувате серверот (model files остануваат на диск).</p>
</details>
<details>
<summary>Што значи “on-prem” реално?</summary>
<p>Моделот и разговорите остануваат во вашата мрежа/машина. Ние не ги хостираме и не ги “праќаме надвор”.</p>
</details>
</div>
</section>

<!– Bottom CTA –>
<section class=”stomni2-bottom” id=”call”>
<div>
<div class=”stomni2-kicker”>СЛЕДЕН ЧЕКОР</div>
<h2 class=”stomni2-h2″>Закажи 15-мин повик и добиј точна препорака</h2>
<p class=”stomni2-p”>Ќе ви кажеме која опција е најдобра за ваш хардвер, колку време треба, и кој пакет има најмногу смисла.</p>
</div>
<div class=”stomni2-actions”>
<!– Replace with your Calendly / form URL –>
<a class=”stomni2-btn primary” href=”https://YOUR-CALENDLY-LINK” target=”_blank” rel=”noopener”>Закажи повик</a>
<a class=”stomni2-btn” href=”mailto:danielstojanovski.ds@gmail.com”>Прати е-пошта</a>
</div>
</section>

</div>
</section>