feat: add Kazakhstan AI page and old brand assets
This commit is contained in:
Sergei Vasilev
@@ -0,0 +1,61 @@
|
|||||||
|
---
|
||||||
|
task: Russian Kazakhstan AI cases site
|
||||||
|
slug: 20260529-203042_russian-kazakhstan-ai-cases
|
||||||
|
effort: advanced
|
||||||
|
phase: verify
|
||||||
|
progress: 24/24
|
||||||
|
mode: interactive
|
||||||
|
started: 2026-05-29T20:30:42Z
|
||||||
|
updated: 2026-05-29T20:48:00Z
|
||||||
|
---
|
||||||
|
|
||||||
|
## Context
|
||||||
|
|
||||||
|
Sergei asked to continue the active goal: raise project memory, perform an assessment, create a Russian version of the site for Kazakhstan, and propose enterprise-grade AI case additions. The current repository is `/Users/svmac/development/iqon`. Existing project memory says `www.iqon.com` uses the new static redesign, apex `iqon.com` remains legacy WordPress, and the repo has a dirty worktree that must not be reverted.
|
||||||
|
|
||||||
|
## Criteria
|
||||||
|
|
||||||
|
- [x] ISC-1: Project memory page is read before implementation decisions.
|
||||||
|
- [x] ISC-2: Current git status is inspected before file edits.
|
||||||
|
- [x] ISC-3: Existing changed files are reviewed before modification.
|
||||||
|
- [x] ISC-4: Current site file structure is inventoried.
|
||||||
|
- [x] ISC-5: Current homepage content is inspected directly.
|
||||||
|
- [x] ISC-6: Current case studies content is inspected directly.
|
||||||
|
- [x] ISC-7: Russian Kazakhstan positioning is added to homepage.
|
||||||
|
- [x] ISC-8: Kazakhstan market copy is written in Russian.
|
||||||
|
- [x] ISC-9: Enterprise AI cases are added as concrete proposals.
|
||||||
|
- [x] ISC-10: AI cases avoid unverifiable named customer claims.
|
||||||
|
- [x] ISC-11: Public contacts remain consistent with project memory.
|
||||||
|
- [x] ISC-12: Existing visual design system is preserved.
|
||||||
|
- [x] ISC-13: No unrelated legacy files are destructively reverted.
|
||||||
|
- [x] ISC-14: Russian content uses business-appropriate terminology.
|
||||||
|
- [x] ISC-15: Kazakhstan version is reachable from site navigation.
|
||||||
|
- [x] ISC-16: Case studies page reflects enterprise AI additions.
|
||||||
|
- [x] ISC-17: Local static site serves modified pages.
|
||||||
|
- [x] ISC-18: Homepage returns HTTP 200 locally.
|
||||||
|
- [x] ISC-19: Case studies page returns HTTP 200 locally.
|
||||||
|
- [x] ISC-20: HTML markup has no obvious broken anchors.
|
||||||
|
- [x] ISC-21: Desktop viewport is visually inspected after edits.
|
||||||
|
- [x] ISC-22: Mobile viewport is visually inspected after edits.
|
||||||
|
- [x] ISC-23: Final diff is reviewed before status report.
|
||||||
|
- [x] ISC-24: Verification commands and signals are recorded.
|
||||||
|
|
||||||
|
## Decisions
|
||||||
|
|
||||||
|
- Use the existing static HTML/CSS/JS structure unless inspection proves another canonical target.
|
||||||
|
- Keep AI cases as proposals and anonymized enterprise scenarios unless approved evidence exists.
|
||||||
|
|
||||||
|
## Verification
|
||||||
|
|
||||||
|
- `git status --short` should show the dirty worktree without destructive rollback.
|
||||||
|
- Local HTTP smoke should return 200 for homepage and case studies.
|
||||||
|
- Browser or screenshot inspection should confirm desktop and mobile rendering.
|
||||||
|
|
||||||
|
Observed signals:
|
||||||
|
- `git status --short` showed existing dirty worktree before edits; no destructive rollback was used.
|
||||||
|
- `python3 -m http.server 8062` served the static site locally.
|
||||||
|
- `curl` returned `home 200`, `kz 200`, `cases 200`, and `sitemap 200`.
|
||||||
|
- `python3 -c ... HTMLParser ...` parsed `index.html`, `kz/index.html`, and `case-studies/index.html`.
|
||||||
|
- `python3 -c ... ElementTree ...` parsed `sitemap.xml` and printed `sitemap ok`.
|
||||||
|
- `git diff --check` returned no whitespace errors.
|
||||||
|
- `qlmanage -t` produced a thumbnail for `kz/index.html`; visual inspection showed the Russian Kazakhstan hero and Enterprise AI area visible.
|
||||||
+170
-39
@@ -1,45 +1,176 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en-US">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<title>Case Studies | IQON</title>
|
<title>Case studies | IQON | How's Business?</title>
|
||||||
<meta name="description" content="Anonymized IQON outcome snapshots for enterprise governance, infrastructure modernization, and decision support work." />
|
<meta
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
name="description"
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
content="Selected legacy case studies from the IQON archive, presented in the old site design."
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@300;400;600;700;800&display=swap" rel="stylesheet" />
|
/>
|
||||||
<link rel="stylesheet" href="../styles.css?v=20260520-qa7" />
|
<link rel="stylesheet" type="text/css" href="/wp-content/themes/iqon/css/style.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="/wp-content/themes/iqon/css/fonts/fonts.css" />
|
||||||
|
<style>
|
||||||
|
body { background: #fff; }
|
||||||
|
#case-studies-hero {
|
||||||
|
background: #000;
|
||||||
|
color: #f3f3f3;
|
||||||
|
padding: 28px 32px 22px;
|
||||||
|
margin: 18px 0 28px;
|
||||||
|
}
|
||||||
|
#case-studies-hero h1 {
|
||||||
|
margin: 0 0 12px;
|
||||||
|
color: #ffd24a;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 44px;
|
||||||
|
line-height: 1.02;
|
||||||
|
letter-spacing: -0.03em;
|
||||||
|
}
|
||||||
|
#case-studies-hero p {
|
||||||
|
margin: 0;
|
||||||
|
max-width: 880px;
|
||||||
|
color: #f0f0f0;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.case-study-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
gap: 28px;
|
||||||
|
margin: 0 0 32px;
|
||||||
|
}
|
||||||
|
.case-study-card h2 {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 1.15;
|
||||||
|
color: #111;
|
||||||
|
}
|
||||||
|
.case-study-card p {
|
||||||
|
margin: 0;
|
||||||
|
color: #555;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.7;
|
||||||
|
}
|
||||||
|
.case-study-image {
|
||||||
|
margin: 0 0 24px;
|
||||||
|
background: #111;
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
.case-study-image img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
.case-study-grid { grid-template-columns: 1fr; }
|
||||||
|
#case-studies-hero h1 { font-size: 34px; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<a class="skip-link" href="#main">Skip to content</a>
|
<a class="skip-link" href="#content">Skip to content</a>
|
||||||
<header class="topbar">
|
<div id="line" class="line-homepage"></div>
|
||||||
<a class="brand" href="/"><span class="brand-name">iqon</span></a>
|
<div id="wrapper">
|
||||||
<nav class="main-nav" aria-label="Primary">
|
<div id="header">
|
||||||
<a href="/">Home</a>
|
<div id="logo">
|
||||||
<a href="/services/">Services</a>
|
<a href="/" title="IQON"><img src="/wp-content/themes/iqon/images/logo.png" alt="IQON" /></a>
|
||||||
<a href="/industries/">Industries</a>
|
</div>
|
||||||
<a href="/case-studies/" aria-current="page">Cases</a>
|
<div id="search">
|
||||||
<a href="/contact/">Contact</a>
|
<form action="/" method="GET" id="searchForm">
|
||||||
</nav>
|
<input type="text" value="" data-default="Search" name="s" />
|
||||||
<a class="nav-cta" href="/contact/">Book Discovery Call</a>
|
<input type="submit" value="GO" class="submit" />
|
||||||
</header>
|
</form>
|
||||||
<main id="main">
|
</div>
|
||||||
<section class="page-hero">
|
</div>
|
||||||
<p class="eyebrow">Cases</p>
|
<div id="menu">
|
||||||
<h1>Selected outcome snapshots.</h1>
|
<a href="/" title="How's business?">How's business?</a>
|
||||||
<p class="lead">IQON work is often confidential, so these examples describe the business context, intervention, and operating result without exposing client names.</p>
|
<a href="/services-solutions/" title="Services & Solutions">Services & Solutions</a>
|
||||||
</section>
|
<a class="active" href="/case-studies/" title="Case studies">Case studies</a>
|
||||||
<section class="content-grid">
|
<a href="/contact/" title="Contact">Contact</a>
|
||||||
<article class="content-card"><h2>Operating Model Redesign</h2><p>Created a governance rhythm for a regional enterprise with fragmented delivery streams, reducing decision delays and duplicated platform work.</p></article>
|
</div>
|
||||||
<article class="content-card"><h2>Infrastructure Modernization</h2><p>Assessed a distributed infrastructure estate, prioritized resilience improvements, and shaped a staged roadmap for service quality and cost control.</p></article>
|
<div id="breadcrumb">
|
||||||
<article class="content-card"><h2>Decision Support</h2><p>Reframed reporting around executive decisions, portfolio visibility, and trusted operational signals instead of disconnected departmental dashboards.</p></article>
|
» <a href="/" title="IQON">Home</a> / <strong>Case studies</strong>
|
||||||
</section>
|
</div>
|
||||||
<section class="page-section">
|
<div id="content">
|
||||||
<h2>How IQON handles confidential work</h2>
|
<div id="case-studies-hero">
|
||||||
<p>Where client names cannot be published, IQON uses anonymized snapshots focused on the decision context, delivery constraint, and measurable operating outcome.</p>
|
<h1>Selected case studies.</h1>
|
||||||
</section>
|
<p>
|
||||||
</main>
|
Legacy examples from the IQON archive. The page keeps the old site
|
||||||
<footer><div class="footer-bottom"><p><a href="/">Home</a> | <a href="/services/">Services</a> | <a href="/contact/">Contact</a></p><p>2011-2026 Copyright IQON. All Rights Reserved.</p></div></footer>
|
presentation instead of the newer static redesign.
|
||||||
<script src="../script.js?v=20260520-qa7"></script>
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="case-study-image">
|
||||||
|
<img src="/wp-content/uploads/2012/06/Poza_website_CaseStudy-208x142.jpg" alt="IQON case studies" />
|
||||||
|
</div>
|
||||||
|
<div class="case-study-grid">
|
||||||
|
<article class="case-study-card">
|
||||||
|
<h2>Operating Model Redesign</h2>
|
||||||
|
<p>
|
||||||
|
Rebuilt the governance cadence for a regional enterprise with
|
||||||
|
fragmented delivery streams and duplicated platform decisions.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
<article class="case-study-card">
|
||||||
|
<h2>Infrastructure Modernization</h2>
|
||||||
|
<p>
|
||||||
|
Prioritized resilience improvements for a distributed estate and
|
||||||
|
shaped a staged roadmap for service quality and cost control.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
<article class="case-study-card">
|
||||||
|
<h2>Decision Support</h2>
|
||||||
|
<p>
|
||||||
|
Reframed reporting around executive decisions, portfolio visibility,
|
||||||
|
and dependable operational signals instead of disconnected dashboards.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div id="case-studies-hero">
|
||||||
|
<h1>Enterprise AI proposals.</h1>
|
||||||
|
<p>
|
||||||
|
Proposed corporate AI scenarios for Kazakhstan-facing work. These are
|
||||||
|
not named client references; each requires discovery, data review, and
|
||||||
|
governance design before implementation.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="case-study-grid">
|
||||||
|
<article class="case-study-card">
|
||||||
|
<h2>Operational Knowledge Assistant</h2>
|
||||||
|
<p>
|
||||||
|
Controlled AI search across policies, procedures, and knowledge
|
||||||
|
bases with source citations, access boundaries, and response logs.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
<article class="case-study-card">
|
||||||
|
<h2>Executive Decision Cockpit</h2>
|
||||||
|
<p>
|
||||||
|
AI-supported management reporting for variance explanation,
|
||||||
|
scenario comparison, portfolio visibility, and committee materials.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
<article class="case-study-card">
|
||||||
|
<h2>Service Desk Intelligence</h2>
|
||||||
|
<p>
|
||||||
|
Incident triage, engineer guidance, recurring issue detection, and
|
||||||
|
next-action recommendations integrated with ITSM workflows.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
<div id="footer">
|
||||||
|
<div id="linie-interior"></div>
|
||||||
|
<div id="content-footer">
|
||||||
|
<div class="cf">
|
||||||
|
<h3>Latest Case Studies</h3>
|
||||||
|
<p>
|
||||||
|
<a href="/contact/">Contact IQON</a> if you need a confidential
|
||||||
|
discussion about similar engagements.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -6,10 +6,12 @@
|
|||||||
RewriteEngine On
|
RewriteEngine On
|
||||||
RewriteCond %{HTTP_HOST} ^www\.iqon\.com$ [NC]
|
RewriteCond %{HTTP_HOST} ^www\.iqon\.com$ [NC]
|
||||||
RewriteRule ^$ /index-www-new-redesign.html [L]
|
RewriteRule ^$ /index-www-new-redesign.html [L]
|
||||||
|
RewriteCond %{HTTP_HOST} ^www\.iqon\.com$ [NC]
|
||||||
|
RewriteRule ^kz/?$ /kz/index.html [L]
|
||||||
|
RewriteCond %{HTTP_HOST} ^www\.iqon\.com$ [NC]
|
||||||
|
RewriteRule ^case-studies/?$ /case-studies/index.html [L]
|
||||||
RewriteCond %{HTTP_HOST} ^iqon\.com$ [NC]
|
RewriteCond %{HTTP_HOST} ^iqon\.com$ [NC]
|
||||||
RewriteRule ^contact/?$ /index.php?page_id=12 [L,QSA]
|
RewriteRule ^contact/?$ /index.php?page_id=12 [L,QSA]
|
||||||
RewriteCond %{HTTP_HOST} ^iqon\.com$ [NC]
|
|
||||||
RewriteRule ^case-studies/?$ /legacy-case-studies/ [L]
|
|
||||||
# IQON English-only legacy redirects, 2026-05-20
|
# IQON English-only legacy redirects, 2026-05-20
|
||||||
RewriteCond %{HTTP_HOST} ^iqon\.com$ [NC]
|
RewriteCond %{HTTP_HOST} ^iqon\.com$ [NC]
|
||||||
RewriteRule ^industry\-specific\-services/?$ /services-solutions/industry-specific-services/ [R=301,L]
|
RewriteRule ^industry\-specific\-services/?$ /services-solutions/industry-specific-services/ [R=301,L]
|
||||||
|
|||||||
@@ -63,8 +63,8 @@
|
|||||||
<div class="cf noborder lineheight14">
|
<div class="cf noborder lineheight14">
|
||||||
<h3>Contact</h3>
|
<h3>Contact</h3>
|
||||||
10th Montreal Sq. 3rd Floor 3.01 bis Office, 011469 Bucharest, Romania
|
10th Montreal Sq. 3rd Floor 3.01 bis Office, 011469 Bucharest, Romania
|
||||||
<br /><br /><a href="mailto:office@iqon.com">office@iqon.com</a>
|
<br /><br />> <a href="mailto:office@iqon.com">office@iqon.com</a>
|
||||||
<br /><a href="https://t.me/infobidgebot">@infobidgebot</a>
|
<br />> <a href="https://t.me/infobridgebot">Telegram</a>
|
||||||
<?php if(1==0) { ?>
|
<?php if(1==0) { ?>
|
||||||
<div class="iconite-contact">
|
<div class="iconite-contact">
|
||||||
<a href="#"><img src="/wp-content/themes/iqon/images/twitter.png" /></a>
|
<a href="#"><img src="/wp-content/themes/iqon/images/twitter.png" /></a>
|
||||||
@@ -78,8 +78,8 @@
|
|||||||
<div class="cf noborder lineheight14">
|
<div class="cf noborder lineheight14">
|
||||||
<h3>Контакт</h3>
|
<h3>Контакт</h3>
|
||||||
10th Montreal Sq. 3rd Floor 3.01 bis Office, 011469 Bucharest, Romania
|
10th Montreal Sq. 3rd Floor 3.01 bis Office, 011469 Bucharest, Romania
|
||||||
<br /><br /><a href="mailto:office@iqon.com">office@iqon.com</a>
|
<br /><br />> <a href="mailto:office@iqon.com">office@iqon.com</a>
|
||||||
<br /><a href="https://t.me/infobidgebot">@infobidgebot</a>
|
<br />> <a href="https://t.me/infobridgebot">Telegram</a>
|
||||||
<?php if(1==0) { ?>
|
<?php if(1==0) { ?>
|
||||||
<div class="iconite-contact">
|
<div class="iconite-contact">
|
||||||
<a href="#"><img src="/wp-content/themes/iqon/images/twitter.png" /></a>
|
<a href="#"><img src="/wp-content/themes/iqon/images/twitter.png" /></a>
|
||||||
|
|||||||
@@ -57,6 +57,9 @@ else if (is_search()) {
|
|||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link rel="icon" href="/favicon.ico" sizes="any" />
|
||||||
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||||
<?php if (!defined('WPSEO_VERSION')) { ?><title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?> | <?php bloginfo('description'); ?></title><?php } ?>
|
<?php if (!defined('WPSEO_VERSION')) { ?><title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?> | <?php bloginfo('description'); ?></title><?php } ?>
|
||||||
<?php wp_head(); ?>
|
<?php wp_head(); ?>
|
||||||
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/style.css?v=<?php fileVersion(ABSPATH.CSS_URL.'/style.css'); ?>" />
|
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/style.css?v=<?php fileVersion(ABSPATH.CSS_URL.'/style.css'); ?>" />
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
+14
-29
@@ -9,6 +9,9 @@
|
|||||||
content="IQON helps organizations align technology decisions with measurable business outcomes through strategy, architecture, and transformation consulting."
|
content="IQON helps organizations align technology decisions with measurable business outcomes through strategy, architecture, and transformation consulting."
|
||||||
/>
|
/>
|
||||||
<meta name="theme-color" content="#09090b" />
|
<meta name="theme-color" content="#09090b" />
|
||||||
|
<link rel="icon" href="/favicon.ico" sizes="any" />
|
||||||
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
<link
|
<link
|
||||||
@@ -21,38 +24,19 @@
|
|||||||
<a class="skip-link" href="#main">Skip to content</a>
|
<a class="skip-link" href="#main">Skip to content</a>
|
||||||
<header class="topbar" id="topbar">
|
<header class="topbar" id="topbar">
|
||||||
<a class="brand" href="#">
|
<a class="brand" href="#">
|
||||||
<svg class="brand-mark" viewBox="0 0 44 44" aria-hidden="true">
|
<img
|
||||||
<circle cx="22" cy="22" r="21" fill="#09090b" stroke="#09090b" stroke-width="1"></circle>
|
class="brand-mark"
|
||||||
<circle cx="22" cy="22" r="20" stroke="#FFD000" stroke-width="1.5" fill="none"></circle>
|
src="/wp-content/themes/iqon/images/logo.png"
|
||||||
<ellipse cx="22" cy="22" rx="13" ry="12" fill="#FFD000"></ellipse>
|
width="84"
|
||||||
<ellipse cx="22" cy="22" rx="13" ry="12" fill="url(#eyeGlow)"></ellipse>
|
height="87"
|
||||||
<path
|
alt="IQON"
|
||||||
d="M22 10.5 C19.2 14 18.2 18 18.2 22 C18.2 26 19.2 30 22 33.5 C24.8 30 25.8 26 25.8 22 C25.8 18 24.8 14 22 10.5Z"
|
/>
|
||||||
fill="#09090b"
|
|
||||||
></path>
|
|
||||||
<ellipse
|
|
||||||
cx="17"
|
|
||||||
cy="16.5"
|
|
||||||
rx="2.2"
|
|
||||||
ry="3.2"
|
|
||||||
fill="rgba(255,255,255,0.32)"
|
|
||||||
transform="rotate(-22 17 16.5)"
|
|
||||||
></ellipse>
|
|
||||||
<circle cx="26.5" cy="26" r="1" fill="rgba(255,255,255,0.12)"></circle>
|
|
||||||
<defs>
|
|
||||||
<radialGradient id="eyeGlow" cx="40%" cy="38%" r="65%">
|
|
||||||
<stop offset="0%" stop-color="#FFE84D" stop-opacity=".7"></stop>
|
|
||||||
<stop offset="50%" stop-color="#FFD000" stop-opacity="0"></stop>
|
|
||||||
<stop offset="100%" stop-color="#AA8000" stop-opacity=".15"></stop>
|
|
||||||
</radialGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
<span class="brand-name">iqon</span>
|
|
||||||
</a>
|
</a>
|
||||||
<nav class="main-nav" aria-label="Primary">
|
<nav class="main-nav" aria-label="Primary">
|
||||||
<a href="#approach">How's Business?</a>
|
<a href="#approach">How's Business?</a>
|
||||||
<a href="#services">Services & Solutions</a>
|
<a href="#services">Services & Solutions</a>
|
||||||
<a href="#cases">Case Studies</a>
|
<a href="#cases">Case Studies</a>
|
||||||
|
<a href="/kz/">KZ/RU</a>
|
||||||
<a href="#contacts">Contacts</a>
|
<a href="#contacts">Contacts</a>
|
||||||
</nav>
|
</nav>
|
||||||
<a class="nav-cta" href="#contacts">Book Discovery Call</a>
|
<a class="nav-cta" href="#contacts">Book Discovery Call</a>
|
||||||
@@ -194,6 +178,7 @@
|
|||||||
<li>Operating model redesign for a financial group</li>
|
<li>Operating model redesign for a financial group</li>
|
||||||
<li>Infrastructure modernization for retail network</li>
|
<li>Infrastructure modernization for retail network</li>
|
||||||
<li>Advisory program for digital public services</li>
|
<li>Advisory program for digital public services</li>
|
||||||
|
<li><a href="/kz/">AI cases for Kazakhstan enterprises</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
@@ -208,12 +193,12 @@
|
|||||||
<section>
|
<section>
|
||||||
<h4>Contact</h4>
|
<h4>Contact</h4>
|
||||||
<p>10th Montreal Sq. 3rd Floor 3.01 bis Office, 011469 Bucharest, Romania</p>
|
<p>10th Montreal Sq. 3rd Floor 3.01 bis Office, 011469 Bucharest, Romania</p>
|
||||||
<p><a href="https://t.me/infobidgebot" rel="noopener" target="_blank">@infobidgebot</a></p>
|
<p><a href="https://t.me/infobridgebot" rel="noopener" target="_blank">Telegram</a></p>
|
||||||
<p>office@iqon.com</p>
|
<p>office@iqon.com</p>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-bottom">
|
<div class="footer-bottom">
|
||||||
<p>Home | Services & Solutions | Case Studies | Contacts</p>
|
<p>Home | Services & Solutions | Case Studies | KZ/RU | Contacts</p>
|
||||||
<p>2011-2026 Copyright IQON. All Rights Reserved.</p>
|
<p>2011-2026 Copyright IQON. All Rights Reserved.</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
+246
@@ -0,0 +1,246 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="ru-KZ">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>IQON Kazakhstan | AI и цифровая трансформация</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Русская версия IQON для Казахстана: технологический консалтинг, корпоративные AI-кейсы, архитектура, управление данными и инфраструктурная устойчивость."
|
||||||
|
/>
|
||||||
|
<meta name="theme-color" content="#09090b" />
|
||||||
|
<link rel="icon" href="/favicon.ico" sizes="any" />
|
||||||
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||||
|
<link rel="alternate" hreflang="en" href="https://iqon.com/" />
|
||||||
|
<link rel="alternate" hreflang="ru-KZ" href="https://iqon.com/kz/" />
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@300;400;600;700;800&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<link rel="stylesheet" href="../styles.css?v=20260531-kz2" />
|
||||||
|
</head>
|
||||||
|
<body class="kz-page">
|
||||||
|
<a class="skip-link" href="#main">Перейти к содержанию</a>
|
||||||
|
<header class="topbar" id="topbar">
|
||||||
|
<a class="brand" href="/">
|
||||||
|
<img
|
||||||
|
class="brand-mark"
|
||||||
|
src="/wp-content/themes/iqon/images/logo.png"
|
||||||
|
width="84"
|
||||||
|
height="87"
|
||||||
|
alt="IQON"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<nav class="main-nav" aria-label="Основная навигация">
|
||||||
|
<a href="#market">Казахстан</a>
|
||||||
|
<a href="#services">Услуги</a>
|
||||||
|
<a href="#ai-cases">AI-кейсы</a>
|
||||||
|
<a href="#contacts">Контакты</a>
|
||||||
|
<a href="/">EN</a>
|
||||||
|
</nav>
|
||||||
|
<a class="nav-cta" href="#contacts">Обсудить задачу</a>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main id="main">
|
||||||
|
<section class="hero kz-hero" id="market">
|
||||||
|
<div class="hero-copy kz-hero-copy reveal">
|
||||||
|
<p class="eyebrow">IQON Kazakhstan</p>
|
||||||
|
<h1>AI-портфель<br />для компаний<br />Казахстана.</h1>
|
||||||
|
<p class="lead">
|
||||||
|
IQON помогает советам директоров, C-level и операционным командам
|
||||||
|
выбрать AI-инициативы, проверить данные, оценить риски и довести
|
||||||
|
пилоты до управляемого внедрения.
|
||||||
|
</p>
|
||||||
|
<div class="hero-actions">
|
||||||
|
<a class="btn btn-solid" href="#ai-cases"><span>Смотреть AI-кейсы</span></a>
|
||||||
|
<a class="btn btn-outline" href="#contacts">Связаться</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="kz-decision-panel reveal" aria-label="Фокус обследования">
|
||||||
|
<div class="kz-panel-head">
|
||||||
|
<span>Enterprise AI readiness</span>
|
||||||
|
<strong>KZ</strong>
|
||||||
|
</div>
|
||||||
|
<dl class="kz-metrics">
|
||||||
|
<div>
|
||||||
|
<dt>01</dt>
|
||||||
|
<dd>Цели бизнеса</dd>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<dt>02</dt>
|
||||||
|
<dd>Данные и доступы</dd>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<dt>03</dt>
|
||||||
|
<dd>Риски и контроль</dd>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<dt>04</dt>
|
||||||
|
<dd>Roadmap внедрения</dd>
|
||||||
|
</div>
|
||||||
|
</dl>
|
||||||
|
<div class="kz-panel-note">
|
||||||
|
<span>Результат</span>
|
||||||
|
<p>Карта AI-инициатив с приоритетами, владельцами, зависимостями и критериями промышленного запуска.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="kz-service-board" id="services">
|
||||||
|
<article class="kz-service-card reveal">
|
||||||
|
<span class="service-num">01</span>
|
||||||
|
<h2>AI-стратегия и governance</h2>
|
||||||
|
<p>Портфель AI-инициатив, модель ответственности, риски, метрики и дорожная карта внедрения.</p>
|
||||||
|
</article>
|
||||||
|
<article class="kz-service-card reveal">
|
||||||
|
<span class="service-num">02</span>
|
||||||
|
<h2>Данные и управленческая аналитика</h2>
|
||||||
|
<p>Единая логика показателей, качество данных, executive dashboards и decision intelligence.</p>
|
||||||
|
</article>
|
||||||
|
<article class="kz-service-card reveal">
|
||||||
|
<span class="service-num">03</span>
|
||||||
|
<h2>Enterprise architecture</h2>
|
||||||
|
<p>Связь бизнес-возможностей, приложений, интеграций, команд и технологических платформ.</p>
|
||||||
|
</article>
|
||||||
|
<article class="kz-service-card reveal">
|
||||||
|
<span class="service-num">04</span>
|
||||||
|
<h2>Инфраструктура и надежность</h2>
|
||||||
|
<p>Оценка устойчивости, cost control, continuity planning и практичный план модернизации.</p>
|
||||||
|
</article>
|
||||||
|
<article class="kz-service-card reveal">
|
||||||
|
<span class="service-num">05</span>
|
||||||
|
<h2>Пилоты и внедрение</h2>
|
||||||
|
<p>Короткие advisory sprints, проверка гипотез, подготовка требований и контроль эффекта.</p>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="method">
|
||||||
|
<div class="section-head reveal">
|
||||||
|
<p class="eyebrow">Обследование</p>
|
||||||
|
<h3>Что стоит проверить перед AI-внедрением.</h3>
|
||||||
|
</div>
|
||||||
|
<ol class="steps">
|
||||||
|
<li class="reveal">
|
||||||
|
<span>01</span>
|
||||||
|
<div>
|
||||||
|
<h4>Цели</h4>
|
||||||
|
<p>Какие решения, процессы или клиентские сценарии должны измениться.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="reveal">
|
||||||
|
<span>02</span>
|
||||||
|
<div>
|
||||||
|
<h4>Данные</h4>
|
||||||
|
<p>Где находятся источники, кто владелец качества и какие ограничения есть.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="reveal">
|
||||||
|
<span>03</span>
|
||||||
|
<div>
|
||||||
|
<h4>Риски</h4>
|
||||||
|
<p>Безопасность, регуляторика, человеческий контроль и устойчивость операций.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="reveal">
|
||||||
|
<span>04</span>
|
||||||
|
<div>
|
||||||
|
<h4>Эффект</h4>
|
||||||
|
<p>Метрики ценности, бюджет пилота и критерии перехода к промышленному масштабу.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="cases" id="ai-cases">
|
||||||
|
<div class="section-head reveal">
|
||||||
|
<p class="eyebrow">Enterprise AI cases</p>
|
||||||
|
<h3>Предложения для корпоративного портфеля Казахстана.</h3>
|
||||||
|
</div>
|
||||||
|
<div class="case-grid ai-case-grid">
|
||||||
|
<article class="case-copy reveal">
|
||||||
|
<h4>AI-помощник для операционных регламентов</h4>
|
||||||
|
<p>Поиск по политикам, инструкциям и базе знаний с цитированием источников, разграничением доступа и журналом ответов.</p>
|
||||||
|
<ul>
|
||||||
|
<li>Снижает нагрузку на поддержку и внутренних экспертов</li>
|
||||||
|
<li>Подходит для банков, телеком, энергетики и холдингов</li>
|
||||||
|
<li>Требует governance по источникам и правам доступа</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
<article class="case-copy reveal">
|
||||||
|
<h4>Executive decision cockpit</h4>
|
||||||
|
<p>AI-слой над управленческой отчетностью: объяснение отклонений, сценарное сравнение и подготовка материалов к комитетам.</p>
|
||||||
|
<ul>
|
||||||
|
<li>Ускоряет подготовку управленческих решений</li>
|
||||||
|
<li>Связывает KPI, проекты, бюджеты и риски</li>
|
||||||
|
<li>Начинается с аудита качества данных и метрик</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
<article class="case-copy reveal">
|
||||||
|
<h4>AI для service desk и полевых команд</h4>
|
||||||
|
<p>Классификация обращений, подсказки инженерам, triage инцидентов и рекомендации по следующим действиям.</p>
|
||||||
|
<ul>
|
||||||
|
<li>Сокращает время первичной диагностики</li>
|
||||||
|
<li>Повышает повторяемость операционных процедур</li>
|
||||||
|
<li>Нужны интеграции с ITSM и контроль качества ответов</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
<article class="case-copy reveal">
|
||||||
|
<h4>Risk and compliance assistant</h4>
|
||||||
|
<p>Проверка документов, требований, контрольных процедур и evidence-пакетов для внутренних и внешних проверок.</p>
|
||||||
|
<ul>
|
||||||
|
<li>Полезен для регулируемых организаций</li>
|
||||||
|
<li>Сохраняет трассировку к исходным требованиям</li>
|
||||||
|
<li>Не заменяет юридическое решение без human review</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="cta-band" id="contacts">
|
||||||
|
<h3>Нужен AI-портфель без лишнего риска?</h3>
|
||||||
|
<p>
|
||||||
|
Начните с обследования: цели, данные, архитектура, риски, quick wins
|
||||||
|
и roadmap внедрения для Казахстана.
|
||||||
|
</p>
|
||||||
|
<a class="btn btn-solid" href="mailto:office@iqon.com"><span>office@iqon.com</span></a>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="footer-grid">
|
||||||
|
<section>
|
||||||
|
<h4>AI-кейсы</h4>
|
||||||
|
<ul>
|
||||||
|
<li>AI-помощник для регламентов</li>
|
||||||
|
<li>Executive decision cockpit</li>
|
||||||
|
<li>Service desk intelligence</li>
|
||||||
|
<li>Risk and compliance assistant</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h4>Услуги</h4>
|
||||||
|
<ul>
|
||||||
|
<li>AI governance</li>
|
||||||
|
<li>Enterprise architecture</li>
|
||||||
|
<li>Data and analytics</li>
|
||||||
|
<li>Infrastructure resilience</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h4>Контакты</h4>
|
||||||
|
<p>10th Montreal Sq. 3rd Floor 3.01 bis Office, 011469 Bucharest, Romania</p>
|
||||||
|
<p><a href="mailto:office@iqon.com">office@iqon.com</a></p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p><a href="/">English version</a> | Kazakhstan / Russian</p>
|
||||||
|
<p>2011-2026 Copyright IQON. All Rights Reserved.</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 692 KiB |
@@ -0,0 +1,90 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"name": "www-desktop",
|
||||||
|
"url": "https://www.iqon.com/",
|
||||||
|
"status": 200,
|
||||||
|
"title": "IQON | Consultancy That Moves Business",
|
||||||
|
"markers": {
|
||||||
|
"hasOldLogo": true,
|
||||||
|
"hasNewSvgBrand": false,
|
||||||
|
"hasFavicon": [
|
||||||
|
"/favicon.ico",
|
||||||
|
"/favicon.png",
|
||||||
|
"/favicon-32x32.png"
|
||||||
|
],
|
||||||
|
"bodyWidth": 1440,
|
||||||
|
"viewportWidth": 1440,
|
||||||
|
"overflowX": false,
|
||||||
|
"topbarText": "HOW'S BUSINESS?\nSERVICES & SOLUTIONS\nCASE STUDIES\nKZ/RU\nCONTACTS\nBOOK DISCOVERY CALL"
|
||||||
|
},
|
||||||
|
"errors": [],
|
||||||
|
"failed": [],
|
||||||
|
"screenshot": "/Users/svmac/development/iqon/reports/screenshots/2026-06-17/www-desktop.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "www-mobile",
|
||||||
|
"url": "https://www.iqon.com/",
|
||||||
|
"status": 200,
|
||||||
|
"title": "IQON | Consultancy That Moves Business",
|
||||||
|
"markers": {
|
||||||
|
"hasOldLogo": true,
|
||||||
|
"hasNewSvgBrand": false,
|
||||||
|
"hasFavicon": [
|
||||||
|
"/favicon.ico",
|
||||||
|
"/favicon.png",
|
||||||
|
"/favicon-32x32.png"
|
||||||
|
],
|
||||||
|
"bodyWidth": 390,
|
||||||
|
"viewportWidth": 390,
|
||||||
|
"overflowX": false,
|
||||||
|
"topbarText": "HOW'S BUSINESS?\nSERVICES & SOLUTIONS\nCASE STUDIES\nKZ/RU\nCONTACTS"
|
||||||
|
},
|
||||||
|
"errors": [],
|
||||||
|
"failed": [],
|
||||||
|
"screenshot": "/Users/svmac/development/iqon/reports/screenshots/2026-06-17/www-mobile.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "kz-mobile",
|
||||||
|
"url": "https://www.iqon.com/kz/",
|
||||||
|
"status": 200,
|
||||||
|
"title": "IQON Kazakhstan | AI и цифровая трансформация",
|
||||||
|
"markers": {
|
||||||
|
"hasOldLogo": true,
|
||||||
|
"hasNewSvgBrand": false,
|
||||||
|
"hasFavicon": [
|
||||||
|
"/favicon.ico",
|
||||||
|
"/favicon.png",
|
||||||
|
"/favicon-32x32.png"
|
||||||
|
],
|
||||||
|
"bodyWidth": 390,
|
||||||
|
"viewportWidth": 390,
|
||||||
|
"overflowX": false,
|
||||||
|
"topbarText": "КАЗАХСТАН\nУСЛУГИ\nAI-КЕЙСЫ\nEN"
|
||||||
|
},
|
||||||
|
"errors": [],
|
||||||
|
"failed": [],
|
||||||
|
"screenshot": "/Users/svmac/development/iqon/reports/screenshots/2026-06-17/kz-mobile.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "kz-desktop",
|
||||||
|
"url": "https://www.iqon.com/kz/",
|
||||||
|
"status": 200,
|
||||||
|
"title": "IQON Kazakhstan | AI и цифровая трансформация",
|
||||||
|
"markers": {
|
||||||
|
"hasOldLogo": true,
|
||||||
|
"hasNewSvgBrand": false,
|
||||||
|
"hasFavicon": [
|
||||||
|
"/favicon.ico",
|
||||||
|
"/favicon.png",
|
||||||
|
"/favicon-32x32.png"
|
||||||
|
],
|
||||||
|
"bodyWidth": 1440,
|
||||||
|
"viewportWidth": 1440,
|
||||||
|
"overflowX": false,
|
||||||
|
"topbarText": "КАЗАХСТАН\nУСЛУГИ\nAI-КЕЙСЫ\nКОНТАКТЫ\nEN\nОБСУДИТЬ ЗАДАЧУ"
|
||||||
|
},
|
||||||
|
"errors": [],
|
||||||
|
"failed": [],
|
||||||
|
"screenshot": "/Users/svmac/development/iqon/reports/screenshots/2026-06-17/kz-desktop.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 797 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 416 KiB |
@@ -1,6 +1,7 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||||
<url><loc>https://iqon.com/</loc></url>
|
<url><loc>https://iqon.com/</loc></url>
|
||||||
|
<url><loc>https://iqon.com/kz/</loc></url>
|
||||||
<url><loc>https://iqon.com/services/</loc></url>
|
<url><loc>https://iqon.com/services/</loc></url>
|
||||||
<url><loc>https://iqon.com/services/strategy-governance/</loc></url>
|
<url><loc>https://iqon.com/services/strategy-governance/</loc></url>
|
||||||
<url><loc>https://iqon.com/services/enterprise-architecture/</loc></url>
|
<url><loc>https://iqon.com/services/enterprise-architecture/</loc></url>
|
||||||
|
|||||||
+308
-15
@@ -103,31 +103,24 @@ body::after {
|
|||||||
.brand {
|
.brand {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.75rem;
|
padding: 0.28rem 0.36rem;
|
||||||
|
border-radius: 0.35rem;
|
||||||
|
background: rgba(255, 255, 255, 0.9);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--ink);
|
color: var(--ink);
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-mark {
|
.brand-mark {
|
||||||
width: 2rem;
|
width: 2.6rem;
|
||||||
height: 2rem;
|
height: auto;
|
||||||
display: block;
|
display: block;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
filter: drop-shadow(0 0 8px var(--accent-glow));
|
transition: filter var(--transition-fast), opacity var(--transition-fast);
|
||||||
transition: filter var(--transition-fast);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand:hover .brand-mark {
|
.brand:hover .brand-mark {
|
||||||
filter: drop-shadow(0 0 14px var(--accent-glow-strong));
|
filter: drop-shadow(0 0 10px var(--accent-glow));
|
||||||
}
|
opacity: 0.92;
|
||||||
|
|
||||||
.brand-name {
|
|
||||||
font-family: "Sora", sans-serif;
|
|
||||||
font-size: 1.7rem;
|
|
||||||
font-weight: 700;
|
|
||||||
text-transform: lowercase;
|
|
||||||
line-height: 1;
|
|
||||||
letter-spacing: -0.01em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-nav {
|
.main-nav {
|
||||||
@@ -634,6 +627,218 @@ h1 {
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kz-page .reveal {
|
||||||
|
opacity: 1;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page {
|
||||||
|
background:
|
||||||
|
linear-gradient(180deg, rgba(18, 18, 20, 0.92) 0%, var(--bg) 48%),
|
||||||
|
var(--bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page::before,
|
||||||
|
.kz-page::after {
|
||||||
|
opacity: 0.62;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-hero {
|
||||||
|
min-height: auto;
|
||||||
|
padding: 8.5rem 2.5rem 4rem;
|
||||||
|
grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.68fr);
|
||||||
|
gap: 2.5rem;
|
||||||
|
align-items: stretch;
|
||||||
|
max-width: 1320px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-hero-copy {
|
||||||
|
padding: 2.5rem 0;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page h1 {
|
||||||
|
max-width: 13ch;
|
||||||
|
font-size: clamp(2.25rem, 4.2vw, 5.4rem);
|
||||||
|
line-height: 0.98;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page .lead {
|
||||||
|
max-width: 58ch;
|
||||||
|
font-size: 1.08rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-decision-panel {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto 1fr auto;
|
||||||
|
min-height: 520px;
|
||||||
|
padding: 1.4rem;
|
||||||
|
border: 1px solid var(--line-strong);
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
background:
|
||||||
|
linear-gradient(145deg, rgba(255, 208, 0, 0.08), transparent 35%),
|
||||||
|
linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
|
||||||
|
#101013;
|
||||||
|
box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-decision-panel::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
inset: 5rem 1.4rem 7rem;
|
||||||
|
border: 1px solid rgba(255, 208, 0, 0.18);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
background:
|
||||||
|
linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
|
||||||
|
linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
|
||||||
|
background-size: 34px 34px;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-panel-head {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-panel-head span,
|
||||||
|
.kz-panel-note span {
|
||||||
|
color: var(--accent);
|
||||||
|
font-size: 0.72rem;
|
||||||
|
letter-spacing: 0.18em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-panel-head strong {
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
width: 3.25rem;
|
||||||
|
height: 3.25rem;
|
||||||
|
border: 1px solid rgba(255, 208, 0, 0.38);
|
||||||
|
border-radius: 50%;
|
||||||
|
color: var(--accent);
|
||||||
|
font-family: "Sora", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-metrics {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
gap: 0.8rem;
|
||||||
|
align-content: center;
|
||||||
|
margin: 0;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-metrics div {
|
||||||
|
min-height: 128px;
|
||||||
|
padding: 1rem;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
background: rgba(9, 9, 11, 0.72);
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-metrics dt {
|
||||||
|
margin-bottom: 1.6rem;
|
||||||
|
color: rgba(255, 208, 0, 0.72);
|
||||||
|
font-family: "Sora", sans-serif;
|
||||||
|
font-size: 1.7rem;
|
||||||
|
font-weight: 800;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-metrics dd {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--ink);
|
||||||
|
font-size: 0.96rem;
|
||||||
|
line-height: 1.35;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-panel-note {
|
||||||
|
padding: 1rem;
|
||||||
|
border-left: 2px solid var(--accent);
|
||||||
|
background: rgba(255, 208, 0, 0.06);
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-panel-note p {
|
||||||
|
margin: 0.45rem 0 0;
|
||||||
|
color: var(--ink-secondary);
|
||||||
|
font-size: 0.94rem;
|
||||||
|
line-height: 1.55;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-service-board {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||||
|
gap: 1px;
|
||||||
|
max-width: 1320px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 2.5rem 5rem;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-service-card {
|
||||||
|
min-height: 250px;
|
||||||
|
padding: 1.45rem;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-service-card .service-num {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 2.2rem;
|
||||||
|
color: rgba(255, 208, 0, 0.58);
|
||||||
|
font-family: "Sora", sans-serif;
|
||||||
|
font-size: 1.7rem;
|
||||||
|
font-weight: 800;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-service-card h2 {
|
||||||
|
margin: 0 0 0.8rem;
|
||||||
|
color: var(--ink);
|
||||||
|
font-family: "Sora", sans-serif;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.25;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-service-card p {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--ink-secondary);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-case-grid {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-case-grid .case-copy {
|
||||||
|
background: var(--surface);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
padding: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-case-grid h4 {
|
||||||
|
margin: 0 0 0.8rem;
|
||||||
|
color: var(--ink);
|
||||||
|
font-family: "Sora", sans-serif;
|
||||||
|
font-size: 1.05rem;
|
||||||
|
line-height: 1.25;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
/* ===== CTA BAND ===== */
|
/* ===== CTA BAND ===== */
|
||||||
.cta-band {
|
.cta-band {
|
||||||
padding: 5.5rem 2.5rem;
|
padding: 5.5rem 2.5rem;
|
||||||
@@ -813,18 +1018,35 @@ main::before {
|
|||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kz-hero {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
padding-top: 7rem;
|
||||||
|
}
|
||||||
|
|
||||||
.hero-copy {
|
.hero-copy {
|
||||||
padding: 7rem 2.5rem 3rem;
|
padding: 7rem 2.5rem 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kz-hero-copy {
|
||||||
|
padding: 1rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
.hero-cloud {
|
.hero-cloud {
|
||||||
min-height: 260px;
|
min-height: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kz-decision-panel {
|
||||||
|
min-height: 420px;
|
||||||
|
}
|
||||||
|
|
||||||
.service-strip {
|
.service-strip {
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kz-service-board {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
.steps {
|
.steps {
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
@@ -832,6 +1054,10 @@ main::before {
|
|||||||
.case-grid {
|
.case-grid {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ai-case-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 720px) {
|
@media (max-width: 720px) {
|
||||||
@@ -852,6 +1078,68 @@ main::before {
|
|||||||
padding: 6rem 1.2rem 2.5rem;
|
padding: 6rem 1.2rem 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kz-hero {
|
||||||
|
padding: 6.25rem 1.2rem 3rem;
|
||||||
|
gap: 1.4rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page h1 {
|
||||||
|
max-width: 100%;
|
||||||
|
font-size: clamp(2rem, 8vw, 2.35rem);
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page .topbar {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
gap: 0.45rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page .main-nav {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page .main-nav a {
|
||||||
|
font-size: 0.62rem;
|
||||||
|
padding: 0.38rem 0.42rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page .main-nav a[href="#contacts"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page .hero-actions {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
max-width: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-page .btn {
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-decision-panel {
|
||||||
|
min-height: 0;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-decision-panel::before {
|
||||||
|
inset: 4.6rem 1rem 6.5rem;
|
||||||
|
background-size: 26px 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-metrics {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kz-metrics div {
|
||||||
|
min-height: 104px;
|
||||||
|
}
|
||||||
|
|
||||||
.method,
|
.method,
|
||||||
.cases,
|
.cases,
|
||||||
.cta-band,
|
.cta-band,
|
||||||
@@ -864,6 +1152,11 @@ main::before {
|
|||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kz-service-board {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
padding: 0 1.2rem 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
.service-tile {
|
.service-tile {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
border-bottom: 1px solid var(--line);
|
border-bottom: 1px solid var(--line);
|
||||||
|
|||||||
Reference in New Issue
Block a user