344 lines
13 KiB
Cheetah
344 lines
13 KiB
Cheetah
{{define "landing_ru"}}
|
||
<style>
|
||
.landing-card {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 8px;
|
||
padding: 48px;
|
||
|
||
width: 100%;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
.hero-answer {
|
||
text-align: center;
|
||
font-size: 1.25rem;
|
||
font-weight: 400;
|
||
color: var(--text);
|
||
line-height: 1.8;
|
||
margin-top: 16px;
|
||
margin-bottom: 32px;
|
||
}
|
||
.hero-answer .inou { font-weight: 700; color: var(--accent); }
|
||
|
||
.hero-tagline {
|
||
text-align: center;
|
||
font-size: 1.3rem;
|
||
font-weight: 600;
|
||
color: var(--text);
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.hero-cta { margin-bottom: 0; text-align: center; }
|
||
.hero-cta .btn {
|
||
padding: 18px 56px;
|
||
font-size: 0.9rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.story-prose.warm {
|
||
font-size: 1.1rem;
|
||
line-height: 1.8;
|
||
color: var(--text);
|
||
}
|
||
.story-prose.warm p { margin-bottom: 20px; }
|
||
.story-prose.warm .emphasis { font-weight: 600; font-size: 1.15rem; }
|
||
|
||
.story-title {
|
||
font-size: 1.25rem;
|
||
font-weight: 600;
|
||
color: var(--text);
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.story-pair { margin-bottom: 32px; }
|
||
.story-pair .data {
|
||
font-size: 1.1rem;
|
||
font-weight: 400;
|
||
color: var(--text);
|
||
margin-bottom: 4px;
|
||
}
|
||
.story-pair .reality {
|
||
font-size: 1rem;
|
||
font-weight: 300;
|
||
font-style: italic;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.story-transition {
|
||
font-size: 1.25rem;
|
||
font-weight: 400;
|
||
color: var(--text);
|
||
line-height: 1.8;
|
||
margin: 32px 0;
|
||
padding: 24px 0;
|
||
border-top: 1px solid var(--border);
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
|
||
.story-gaps {
|
||
font-size: 1rem;
|
||
font-weight: 300;
|
||
color: var(--text-muted);
|
||
line-height: 1.8;
|
||
margin-bottom: 32px;
|
||
}
|
||
.story-gaps span { display: block; }
|
||
.story-gaps .indent { font-style: italic; }
|
||
|
||
.story-connections {
|
||
font-size: 1rem;
|
||
font-weight: 300;
|
||
color: var(--text-muted);
|
||
line-height: 1.8;
|
||
margin-bottom: 32px;
|
||
}
|
||
.story-connections span { display: block; }
|
||
|
||
.story-ai {
|
||
font-size: 1.25rem;
|
||
font-weight: 400;
|
||
color: var(--text);
|
||
line-height: 1.8;
|
||
margin-bottom: 32px;
|
||
}
|
||
.story-ai span { display: block; }
|
||
.story-ai .last { font-style: italic; }
|
||
|
||
.story-prose {
|
||
font-size: 1rem;
|
||
font-weight: 300;
|
||
color: var(--text-muted);
|
||
line-height: 1.8;
|
||
margin-bottom: 20px;
|
||
}
|
||
.story-prose:last-of-type { margin-bottom: 32px; }
|
||
.story-prose strong { font-weight: 600; color: var(--text); }
|
||
.story-prose .inou { font-weight: 700; color: var(--accent); }
|
||
|
||
.story-closing {
|
||
font-size: 1.25rem;
|
||
font-weight: 400;
|
||
color: var(--text);
|
||
padding-top: 24px;
|
||
border-top: 1px solid var(--border);
|
||
}
|
||
.story-closing .inou { font-weight: 700; color: var(--accent); }
|
||
|
||
.trust-card {
|
||
|
||
width: 100%;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 8px;
|
||
padding: 32px 48px;
|
||
margin-bottom: 24px;
|
||
}
|
||
.trust-card .section-label {
|
||
font-size: 0.75rem;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
color: var(--text-muted);
|
||
margin-bottom: 24px;
|
||
}
|
||
.trust-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 32px;
|
||
}
|
||
.trust-item {
|
||
font-size: 0.9rem;
|
||
font-weight: 300;
|
||
color: var(--text-muted);
|
||
line-height: 1.6;
|
||
}
|
||
.trust-item strong {
|
||
display: block;
|
||
font-weight: 600;
|
||
color: var(--text);
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.landing-footer {
|
||
padding: 16px 0;
|
||
border-top: 1px solid var(--border);
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.landing-footer-left {
|
||
font-size: 0.9rem;
|
||
color: var(--text-muted);
|
||
display: flex;
|
||
gap: 16px;
|
||
align-items: center;
|
||
}
|
||
.landing-footer-left a { color: var(--text-muted); text-decoration: none; }
|
||
.landing-footer-left a:hover { color: var(--accent); }
|
||
.landing-footer-right { font-size: 1rem; }
|
||
.landing-footer-right .inou { font-weight: 700; color: var(--accent); }
|
||
.landing-footer-right .health { font-weight: 400; color: var(--text-muted); }
|
||
|
||
@media (max-width: 768px) {
|
||
.trust-card {
|
||
|
||
width: 100%;
|
||
margin-left: auto;
|
||
margin-right: auto; padding: 24px; }
|
||
.trust-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
|
||
}
|
||
@media (max-width: 480px) {
|
||
.trust-card {
|
||
|
||
width: 100%;
|
||
margin-left: auto;
|
||
margin-right: auto; padding: 20px 16px; }
|
||
.trust-grid { grid-template-columns: 1fr; gap: 20px; }
|
||
.landing-footer { flex-direction: column; gap: 12px; text-align: center; }
|
||
.landing-footer-left { flex-direction: column; gap: 8px; }
|
||
}
|
||
</style>
|
||
|
||
<div class="sg-container">
|
||
|
||
<div class="landing-card">
|
||
<div class="hero">
|
||
<div class="hero-answer"><span class="inou">inou</span> организует и передаёт ваше медицинское досье вашему ИИ — безопасно и конфиденциально.</div>
|
||
<div class="hero-tagline">Ваше здоровье — понятно.</div>
|
||
<div class="hero-cta">
|
||
{{if .Dossier}}<a href="/invite" class="btn btn-primary">Пригласить друга</a>{{else}}<a href="/start" class="btn btn-primary">Войти</a>{{end}}
|
||
{{if .Error}}<div class="error" style="margin-top: 24px;">{{.Error}}</div>{{end}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="landing-card">
|
||
<div class="story">
|
||
<h2 class="story-title">Вам нужен ИИ для вашего здоровья</h2>
|
||
|
||
<div class="story-prose warm">
|
||
<p>Ваши медицинские данные разбросаны по десяткам мест — у кардиолога, невролога, в лаборатории, в умных часах, приложениях, в 23andMe. И только вы знаете остальное: что вы едите, что пьёте, какие добавки принимаете. Ваш режим тренировок. Ваши симптомы. Ваши цели — хотите ли вы забеременеть, готовитесь к марафону или просто хотите меньше уставать.</p>
|
||
|
||
<p>Здоровы ли вы и хотите таким остаться, справляетесь со сложным диагнозом или заботитесь о близком, который не может сам за себя постоять — ни один врач не видит полную картину. Ни одна система не связывает всё воедино.</p>
|
||
|
||
<p>Но у вас есть доступ ко всему. Вам просто не хватает экспертизы, чтобы во всём разобраться.</p>
|
||
|
||
<p class="emphasis">У вашего ИИ она есть. inou даёт ему полную картину.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="landing-card">
|
||
<div class="story">
|
||
<h2 class="story-title">Проблема</h2>
|
||
<div class="story-pair">
|
||
<div class="data">В вашем МРТ 4 000 снимков.</div>
|
||
<div class="reality">Его прочитали за 10 минут.</div>
|
||
</div>
|
||
|
||
<div class="story-pair">
|
||
<div class="data">В вашем геноме миллионы вариантов.</div>
|
||
<div class="reality">Вы узнали только цвет глаз и откуда ваши предки.</div>
|
||
</div>
|
||
|
||
<div class="story-pair">
|
||
<div class="data">В вашем анализе крови десятки показателей.</div>
|
||
<div class="reality">Врач сказал «всё в норме».</div>
|
||
</div>
|
||
|
||
<div class="story-pair">
|
||
<div class="data">Ваши часы отследили 10 000 часов сна.</div>
|
||
<div class="reality">Ваш тренер не знает, что они существуют.</div>
|
||
</div>
|
||
|
||
<div class="story-pair">
|
||
<div class="data">Вы перепробовали сотню разных добавок.</div>
|
||
<div class="reality">Никто не спросил какие.</div>
|
||
</div>
|
||
|
||
<div class="story-transition">
|
||
Связи есть.<br>
|
||
Они просто слишком сложны для одного человека.
|
||
</div>
|
||
|
||
<div class="story-gaps">
|
||
<span>Никто не знает, как ваш организм усваивает Варфарин — даже вы сами.</span>
|
||
<span class="indent">Но ответ, возможно, уже есть в вашем 23andMe.</span>
|
||
<span>Та «норма» в вашем МРТ — кто-нибудь внимательно посмотрел все 4 000 снимков?</span>
|
||
<span>Ваша щитовидка «в пределах нормы» — но никто не связал это с усталостью, весом, тем что вам всегда холодно.</span>
|
||
</div>
|
||
|
||
<div class="story-connections">
|
||
<span>Никто не связывает ваш послеобеденный кофе с качеством сна.</span>
|
||
<span>Уровень железа с усталостью на тренировках.</span>
|
||
<span>Вашу генетику с туманом в голове.</span>
|
||
</div>
|
||
|
||
<div class="story-ai">
|
||
<span>Ваш ИИ не забывает.</span>
|
||
<span>Не торопится.</span>
|
||
<span>Находит упущенное.</span>
|
||
<span class="last">Не специализируется — видит вас целиком.</span>
|
||
</div>
|
||
|
||
<div class="story-closing"><span class="inou">inou</span> позволяет вашему ИИ учесть всё — каждый снимок, каждый показатель, каждый вариант — связать всё воедино и наконец дать ответы, которые никто другой дать не мог.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="landing-card">
|
||
<div class="story">
|
||
<h2 class="story-title">Почему мы это создали</h2>
|
||
|
||
<p class="story-prose">Вы годами собирали медицинские данные. Снимки из больницы. Анализы из лаборатории. Результаты с портала врача. Данные с часов. Может быть, даже ДНК.</p>
|
||
|
||
<p class="story-prose">И ещё всё то, что знаете только вы — ваш вес, давление, график тренировок, добавки, симптомы, о которых всё забываете упомянуть.</p>
|
||
|
||
<p class="story-prose">Всё это есть — но разбросано по системам, которые не общаются друг с другом, у специалистов, которые видят только свой кусочек, или заперто у вас в голове.</p>
|
||
|
||
<p class="story-prose">Ваш кардиолог не знает, что нашёл невролог. Ваш тренер не видел анализы крови. Ваш врач понятия не имеет, какие добавки вы принимаете. И ни у кого из них нет времени сесть с вами и собрать пазл.</p>
|
||
|
||
<p class="story-prose"><strong>ИИ наконец может.</strong> Он способен собрать воедино то, чего не видит ни один эксперт — и ещё и объяснить вам.</p>
|
||
|
||
<p class="story-prose">Но эти данные не помещаются в окно чата. И меньше всего вам нужно, чтобы ваша медицинская история оказалась на чужих серверах, обучая чужие модели.</p>
|
||
|
||
<p class="story-prose"><span class="inou">inou</span> собирает всё вместе — анализы, снимки, генетику, показатели, лекарства, добавки — зашифровано, конфиденциально, ни с кем не делится. Ваш ИИ подключается безопасно. Ваши данные остаются вашими.</p>
|
||
|
||
<div class="story-closing">Ваше здоровье — понятно.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="trust-card">
|
||
<div class="section-label">{{.T.data_yours}}</div>
|
||
<div class="trust-grid">
|
||
<div class="trust-item">
|
||
<strong>{{.T.never_training}}</strong>
|
||
{{.T.never_training_desc}}
|
||
</div>
|
||
<div class="trust-item">
|
||
<strong>{{.T.never_shared}}</strong>
|
||
{{.T.never_shared_desc}}
|
||
</div>
|
||
<div class="trust-item">
|
||
<strong>{{.T.encrypted}}</strong>
|
||
{{.T.encrypted_desc}}
|
||
</div>
|
||
<div class="trust-item">
|
||
<strong>{{.T.delete}}</strong>
|
||
{{.T.delete_desc}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{template "footer"}}
|
||
|
||
</div>
|
||
{{end}}
|