:root { color-scheme: light; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f2f0ea; color: #151515; font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.landing {
  --bg: #f2f0ea; --ink: #151515; --muted: #67675f; --paper: #fffefa; --line: rgba(20,20,20,.15);
  --accent: #ff4c2e; --accent-ink: #fff; --soft: #e4e0d8; --radius: 28px; --display: Arial Black, Arial, sans-serif;
  min-height: 100vh; overflow: hidden; background: var(--bg); color: var(--ink);
}
.section, .hero { width: min(calc(100% - 48px), 1320px); margin-inline: auto; }
.topbar { position: fixed; z-index: 100; top:14px; left:0; right:0; width:min(calc(100% - 48px),1320px); min-height:64px; display:flex; align-items:center; justify-content:space-between; margin-inline:auto; padding:8px 10px 8px 14px; color:var(--ink); background:color-mix(in srgb,var(--paper) 86%,transparent); border:1px solid var(--line); border-radius:18px; box-shadow:0 12px 38px rgba(15,20,30,.11); backdrop-filter:blur(18px) saturate(130%); }
.brand, .footer-brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 900; letter-spacing: -.03em; transition:translate .42s cubic-bezier(.2,.8,.2,1),color .3s ease; }
.brand-mark { width:42px; height:42px; flex:0 0 auto; transition:transform 450ms cubic-bezier(.2,.8,.2,1); }.brand:hover .brand-mark,.footer-brand:hover .brand-mark { transform:rotate(-8deg) scale(1.04); }.brand-star { fill:var(--accent); }.brand-butterfly { fill:#000; }
.brand-word { font-size:19px; }.brand-product { padding-left:10px; border-left:1px solid var(--line); color:var(--muted); font:700 11px/1.2 "Courier New",monospace; letter-spacing:.1em; text-transform:uppercase; }
.topnav { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700; }
.topnav > a { min-height:46px; display:inline-flex; align-items:center; padding:0 16px; border-radius:12px; transition:transform .42s cubic-bezier(.2,.8,.2,1),background-color .32s ease,color .32s ease,box-shadow .42s cubic-bezier(.2,.8,.2,1); }.topnav > a:not(.nav-cta) { color:var(--ink); }.topnav > a:hover { transform:translate3d(0,-2px,0); }.topnav > a:not(.nav-cta):hover { background:color-mix(in srgb,var(--ink) 7%,transparent); }
.nav-cta, .button-primary, .form-submit { color: var(--accent-ink); background: var(--accent); }
.nav-cta { gap:24px; }.nav-cta span { margin-left:0; }.button span { margin-left:8px; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: transparent; transition:transform .42s cubic-bezier(.2,.8,.2,1),background-color .3s ease,border-color .3s ease; }

.hero { min-height:680px; position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr); gap:46px; align-content:center; align-items:center; margin-top:94px; padding:54px 52px 104px; border:1px solid var(--line); border-radius:34px; background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 82%,var(--soft)),var(--paper)); box-shadow:0 28px 80px rgba(20,24,34,.08); }
.hero-noise { position: absolute; inset: 0; pointer-events: none; opacity: .28; background-image: radial-gradient(var(--line) .7px, transparent .7px); background-size: 12px 12px; mask-image: linear-gradient(to right, transparent, #000, transparent); }
.hero-copy { min-width:0; position: relative; z-index: 2; align-self: center; }
.eyebrow { margin: 0 0 27px; color: var(--accent); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.hero h1, .section h2 { margin: 0; font-family: var(--display); letter-spacing: -.065em; line-height: .94; text-wrap: balance; }
.hero h1 { max-width: 900px; font-size: clamp(52px, 5.4vw, 82px); }
.hero h1 em { display: block; color: var(--accent); font-style: normal; }
.hero-lead { max-width: 650px; margin: 32px 0 0; color: var(--muted); font-size: clamp(17px, 1.45vw, 22px); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 38px; }
.button { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 900; transition:transform .46s cubic-bezier(.2,.8,.2,1),background-color .32s ease,box-shadow .46s cubic-bezier(.2,.8,.2,1),border-color .32s ease; }
.button:hover { transform:translate3d(0,-4px,0); box-shadow:0 14px 28px color-mix(in srgb,var(--ink) 16%,transparent); }.button:active { transform:translate3d(0,-1px,0) scale(.985); transition-duration:.16s; }.button-secondary { background: color-mix(in srgb, var(--paper) 70%, transparent); backdrop-filter: blur(10px); }

.hero-visual { position: relative; z-index: 2; width: 100%; max-width: 475px; justify-self: end; padding: 23px; border: 1px solid var(--line); border-radius: var(--radius); background: color-mix(in srgb, var(--paper) 84%, transparent); box-shadow: 0 38px 90px rgba(20,20,20,.11); transform: rotate(2deg); overflow: hidden; }
.hero-photo { width:min(100%,420px); aspect-ratio:1122/1402; padding:0; border:0; border-radius:38px 38px 12px 38px; background:#d9edfa; box-shadow:0 34px 70px rgba(17,68,101,.2); transform:rotate(1.2deg); }
.hero-photo img { width:100%; height:100%; display:block; object-fit:cover; }
.visual-top { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.visual-top i { color: var(--accent); font-style: normal; }.visual-top i::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent) 16%, transparent); }
.hero-visual > strong { display: block; margin: 42px 0 24px; font: 900 clamp(40px, 4.8vw, 72px)/.92 var(--display); letter-spacing: -.07em; }
.visual-track { height: 6px; display: flex; overflow: hidden; gap: 3px; border-radius: 5px; }.visual-track i { flex: 1; background: var(--soft); }.visual-track i:first-child, .visual-track i:nth-child(2) { background: var(--accent); }
.visual-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 22px; }.visual-items span { min-height: 80px; display: flex; flex-direction: column; justify-content: space-between; padding: 12px; border: 1px solid var(--line); border-radius: calc(var(--radius) * .5); color: var(--muted); font-size: 10px; font-weight: 800; }.visual-items b { color: var(--ink); font-size: 12px; }
.visual-orbit { position: absolute; width: 260px; height: 260px; right: -125px; top: 35px; border: 1px solid var(--line); border-radius: 50%; }.visual-orbit i { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); }.visual-orbit i:nth-child(1) { top: 30px; left: 35px; }.visual-orbit i:nth-child(2) { top: 160px; left: 2px; }.visual-orbit i:nth-child(3) { bottom: 8px; right: 65px; }
.hero-scene { display:flex; min-height:396px; flex-direction:column; gap:18px; transform:rotate(1.2deg); }.artifact-caption { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }.artifact-caption b { color:var(--accent); font-size:10px; }.artifact-sheet { display:flex; min-height:248px; flex:1; flex-direction:column; justify-content:space-between; padding:24px; border:1px solid var(--line); border-radius:calc(var(--radius) * .78); background:color-mix(in srgb,var(--paper) 92%,var(--soft)); box-shadow:inset 0 1px 0 rgba(255,255,255,.5); }.artifact-sheet small { color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.12em; }.artifact-sheet strong { max-width:340px; font:900 clamp(36px,4.2vw,58px)/.94 var(--display); letter-spacing:-.065em; }.artifact-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.artifact-items article { min-height:72px; display:flex; flex-direction:column; justify-content:space-between; padding:10px; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb,var(--bg) 30%,transparent); }.artifact-items b { color:var(--accent); font-size:9px; }.artifact-items span { font-size:11px; font-weight:800; line-height:1.22; }.artifact-note { margin:0; color:var(--muted); font-size:12px; line-height:1.4; }
.hero-scene > :last-child { flex:1; }.demo-chat,.demo-dossier,.demo-phone,.demo-campaign,.demo-browser,.demo-store,.demo-kit,.demo-architecture,.demo-audit,.demo-ai { min-height:290px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--paper); }.demo-chat { padding:14px; background:#e6f2f7; }.demo-chat-head,.demo-store header,.demo-audit header { display:flex; justify-content:space-between; padding:8px 10px 15px; color:var(--muted); font-size:10px; font-weight:900; }.demo-product { display:grid; grid-template-columns:38px 1fr; gap:3px 10px; align-items:center; padding:16px; border-radius:15px; background:#fff; }.demo-product i { grid-row:span 2; display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:#70b9dd; color:#fff; font-style:normal; font-size:22px; }.demo-product span,.demo-store-product span { color:#79828b; font-size:10px; }.demo-product strong,.demo-store-product strong { font-size:15px; }.demo-chat-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:12px; }.demo-chat-actions b { padding:12px 5px; border-radius:10px; background:#fff; text-align:center; font-size:10px; }.demo-dossier { display:flex; flex-direction:column; padding:22px; border-radius:3px; background:#fff7e9; box-shadow:7px 7px 0 #b9a47f; color:#4d1719; }.demo-dossier>span { font:900 9px monospace; letter-spacing:.13em; }.demo-dossier>strong { max-width:230px; margin:28px 0; font:500 34px/.94 Georgia,serif; }.demo-dossier div { display:grid; gap:5px; }.demo-dossier div b { padding:9px; border-top:1px solid #c7b894; font-size:10px; }.demo-dossier small { margin-top:auto; color:#806f59; font-size:10px; }.demo-phone { width:230px; margin:auto; padding:17px; border:8px solid #2d2749; border-radius:34px; background:linear-gradient(145deg,#e9e5ff,#fff); box-shadow:11px 12px 0 rgba(43,37,65,.22); }.demo-phone-bar { width:64px; height:6px; margin:0 auto 25px; border-radius:9px; background:#2d2749; }.demo-phone small { color:#716b91; font-size:10px; }.demo-phone strong { display:block; margin-top:13px; font:900 29px/.95 var(--display); letter-spacing:-.06em; }.demo-phone>div:last-child { display:flex; gap:7px; margin-top:35px; }.demo-phone>div:last-child i { width:30px; height:30px; border-radius:9px; background:var(--accent); }.demo-phone>div:last-child i:nth-child(2) { background:#e7ddff; }.demo-phone>div:last-child i:nth-child(3) { background:#292344; }.demo-campaign { padding:14px; border:2px solid var(--ink); border-radius:3px; background:#fbfcf7; }.demo-campaign header { display:flex; justify-content:space-between; padding-bottom:12px; border-bottom:2px solid var(--ink); font-size:10px; font-weight:900; }.demo-campaign article { display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; padding:14px 0; border-bottom:1px solid rgba(21,19,31,.2); }.demo-campaign i { padding:7px 3px; background:var(--soft); font-size:9px; font-style:normal; text-align:center; }.demo-campaign strong { font-size:12px; }.demo-campaign article span { color:var(--accent); font-size:9px; font-weight:900; }.demo-browser { background:#fff; }.demo-browser header { display:flex; align-items:center; gap:5px; height:30px; padding:0 10px; border-bottom:1px solid var(--line); }.demo-browser header i { width:7px; height:7px; border-radius:50%; background:#fb7363; }.demo-browser header i:nth-child(2) { background:#efbd47; }.demo-browser header i:nth-child(3) { background:#70b65a; }.demo-browser header span { margin-left:8px; color:var(--muted); font-size:9px; }.demo-browser main { display:flex; min-height:259px; flex-direction:column; align-items:flex-start; justify-content:center; padding:25px; background:linear-gradient(135deg,#fff 68%,#dbe8ec 68%); }.demo-browser small { color:var(--accent); font-size:9px; font-weight:900; }.demo-browser strong { margin:10px 0 18px; font:900 31px/.92 var(--display); letter-spacing:-.06em; }.demo-browser main b,.demo-store-product>b { padding:10px 13px; border-radius:999px; background:var(--accent); color:var(--accent-ink); font-size:10px; }.demo-store { padding:14px; background:#f1f3df; }.demo-store-product { display:flex; min-height:218px; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding:16px; border-radius:13px; background:#fff; }.demo-store-product i { display:grid; place-items:center; width:100%; height:100px; margin-bottom:12px; background:#d9e5ad; color:#778a37; font-size:60px; font-style:normal; }.demo-store-product strong { margin:5px 0 16px; }.demo-kit { display:grid; gap:9px; padding:20px; background:#f4ead8; }.demo-kit article { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:center; padding:16px; border:1px solid #8c795a; background:#fff8eb; box-shadow:4px 4px 0 rgba(49,91,69,.18); }.demo-kit b { color:var(--accent); font-size:11px; }.demo-kit strong { font-size:13px; }.demo-architecture { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:6px; align-content:center; padding:25px; background:#0c1011; color:#e8f0ee; }.demo-architecture article { padding:14px 8px; border:1px solid #4c5657; text-align:center; font:900 11px monospace; }.demo-architecture>i { align-self:center; color:var(--accent); font-style:normal; }.demo-architecture small { grid-column:1/-1; margin-top:18px; color:#9aabaa; font-size:10px; text-align:center; }.demo-audit { padding:14px; background:#f0faf1; }.demo-audit article { display:grid; grid-template-columns:20px 1fr auto; gap:9px; align-items:center; padding:14px 5px; border-top:1px solid #b8ccbd; }.demo-audit i { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#d8f1c5; color:#177b45; font-size:10px; font-style:normal; }.demo-audit span { font-size:11px; font-weight:800; }.demo-audit article b { color:#6b876f; font-size:9px; }.demo-ai { display:flex; flex-direction:column; gap:12px; padding:20px; background:#10101b; }.demo-ai article { max-width:85%; display:grid; gap:6px; padding:12px; border:1px solid #403c57; border-radius:14px 14px 4px 14px; background:#1f1d2e; }.demo-ai article:nth-child(2) { align-self:flex-end; border-color:#738d39; border-radius:14px 14px 14px 4px; background:#293022; }.demo-ai span,.demo-ai small { color:#b7ff4a; font-size:9px; font-weight:900; }.demo-ai strong { color:#f4f3f9; font-size:11px; line-height:1.35; }.demo-ai small { margin-top:auto; color:#aaa5bc; text-align:center; }
.scene-phones,.scene-canvas,.scene-pipeline { min-height:0; padding:0; border:0; background:transparent; box-shadow:none; }.scene-phones .artifact-caption,.scene-canvas .artifact-caption,.scene-pipeline .artifact-caption { display:none; }.scene-phones { align-items:center; }.scene-phones>.demo-phone { min-height:0; flex:none; }.scene-canvas>.demo-browser,.scene-pipeline>.demo-store { width:100%; min-height:350px; flex:none; }.scene-canvas>.demo-browser main { min-height:320px; }.scene-pipeline>.demo-store-product { min-height:268px; }.scene-chat>.demo-chat,.scene-dossier>.demo-dossier,.scene-campaign>.demo-campaign,.scene-kit>.demo-kit,.scene-architecture>.demo-architecture,.scene-diagnostic>.demo-audit,.scene-workflow>.demo-ai { min-height:330px; }
.hero-metrics { position: absolute; left: 0; right: 0; bottom: 28px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.hero-metrics div { min-height: 76px; display: flex; align-items: center; gap: 16px; padding: 17px 28px; border-right: 1px solid var(--line); }.hero-metrics div:first-child { padding-left: 0; }.hero-metrics div:last-child { border-right: 0; }.hero-metrics b { color: var(--accent); font-size: 11px; }.hero-metrics span { max-width: 210px; font-size: 12px; font-weight: 800; line-height: 1.35; text-transform: uppercase; }

.statement { padding: 76px 0 26px; border-top: 1px solid var(--line); }.statement h2 { max-width: 900px; font-size: clamp(44px, 6.1vw, 88px); }.statement > div > p { max-width: 820px; margin: 20px 0 0; color: var(--muted); font-size: 19px; line-height: 1.6; }.details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 48px; padding:18px 0 52px; }.details p { max-width:none; margin:0; color:var(--muted); font-size:16px; line-height:1.7; }
.services { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding-bottom: 94px; }
.service-card { min-height: 222px; position: relative; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); overflow: hidden; transition:transform .52s cubic-bezier(.2,.8,.2,1),background-color .36s ease,border-color .36s ease,box-shadow .52s cubic-bezier(.2,.8,.2,1); }.service-card:hover { transform:var(--card-hover,translate3d(0,-6px,0)); border-color:color-mix(in srgb,var(--accent) 42%,var(--line)); box-shadow:0 20px 38px color-mix(in srgb,var(--ink) 12%,transparent); }.service-card:nth-child(2), .service-card:nth-child(3) { background: var(--soft); }
.card-top { display: flex; justify-content: flex-end; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }.card-top i { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; font-style: normal; transition:transform .42s cubic-bezier(.2,.8,.2,1),background-color .3s ease,border-color .3s ease; }
.service-card h3 { max-width: 520px; margin: 38px 0 12px; font: 900 clamp(28px, 3vw, 46px)/1 var(--display); letter-spacing: -.055em; }.service-card p { max-width: 560px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; }.card-arrow { position: absolute; right: 23px; bottom: 18px; color: var(--accent); font-size: 24px; transition:translate .42s cubic-bezier(.2,.8,.2,1),rotate .42s cubic-bezier(.2,.8,.2,1); }.service-card:hover .card-top i { transform:scale(1.07); background:color-mix(in srgb,var(--accent) 12%,transparent); border-color:color-mix(in srgb,var(--accent) 38%,var(--line)); }.service-card:hover .card-arrow { translate:4px -4px; rotate:4deg; }

.process { padding: 68px 0; border-top: 1px solid var(--line); }.process-heading { display: grid; grid-template-columns: 1.35fr 1fr; gap: 48px; align-items: end; margin-bottom: 38px; }.process-heading h2 { font-size: clamp(42px, 5vw, 72px); }.process-heading > p:last-child { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.process-list { display: grid; grid-template-columns: repeat(4, 1fr); }.process-list article { min-height: 198px; position: relative; padding: 19px 22px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }.process-list article:last-child { border-right: 0; }.process-list article > span { color: var(--accent); font-size: 10px; font-weight: 900; }.process-list h3 { margin: 48px 0 11px; font: 900 25px/1 var(--display); letter-spacing: -.04em; }.process-list p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }.process-list i { position: absolute; left: 22px; top: -5px; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); }

.results { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding: 70px 0; }.result-copy h2 { font-size: clamp(44px, 5.4vw, 80px); }.result-copy > p:last-child { max-width: 640px; margin: 20px 0 0; color: var(--muted); font-size: 17px; line-height: 1.55; }.results ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }.results li { min-height: 64px; display: flex; align-items: center; border-bottom: 1px solid var(--line); font-size: 16px; font-weight: 800; }
.proof { display:grid; grid-template-columns:.72fr 1.28fr 1fr; gap:34px; align-items:center; padding:34px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); }
.proof-kicker { display:grid; gap:14px; }.proof-kicker span { color:var(--accent); font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.proof-kicker strong { font:900 clamp(46px,6vw,86px)/.86 var(--display); letter-spacing:-.075em; }
.proof-copy h2 { font-size:clamp(29px,3.1vw,47px); }.proof-copy p { max-width:600px; margin:15px 0 0; color:var(--muted); font-size:14px; line-height:1.55; }
.proof-items { display:grid; gap:7px; }.proof-items span,.proof-items a { min-height:44px; display:flex; align-items:center; padding:10px 13px; border:1px solid var(--line); border-radius:calc(var(--radius) * .55); font-size:11px; font-weight:800; }
.proof-experience { background:var(--ink); color:var(--bg); }.proof-experience .proof-copy p { color:color-mix(in srgb,var(--bg) 68%,transparent); }.proof-experience .proof-items a { border-color:color-mix(in srgb,var(--bg) 22%,transparent); }
.proof-channel { border-left:12px solid var(--accent); }.proof-channel .proof-items span { border-radius:999px; }
.proof-workflow { grid-template-columns:.9fr 1.2fr 1.1fr; background:linear-gradient(105deg,var(--soft),var(--paper) 42%); }.proof-workflow .proof-items span { border-width:0 0 1px; border-radius:0; }
.proof-ownership { padding-inline:0; border-width:1px 0; border-radius:0; background:transparent; }.proof-ownership .proof-kicker strong { color:var(--accent); }
.proof-system { background:var(--ink); color:var(--bg); box-shadow:inset 0 0 0 1px var(--line); }.proof-system .proof-copy p { color:color-mix(in srgb,var(--bg) 68%,transparent); }.proof-system .proof-items span { border-radius:3px; border-color:color-mix(in srgb,var(--bg) 20%,transparent); font-family:monospace; }
.proof-pilot { border-radius:999px; padding:40px 68px; background:radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 30%),var(--paper); }.proof-pilot .proof-kicker strong { color:var(--accent); }

.pricing { padding:112px 0 24px; scroll-margin-top:96px; }
.pricing-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:52px; align-items:end; margin-bottom:42px; }
.pricing-heading .eyebrow { margin-bottom:22px; }
.pricing-heading h2 { max-width:820px; font-size:clamp(48px,6vw,86px); }
.pricing-heading>p { max-width:520px; margin:0 0 6px; color:var(--muted); font-size:16px; line-height:1.65; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:stretch; }
.pricing-card { min-width:0; min-height:590px; position:relative; display:flex; flex-direction:column; padding:29px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); box-shadow:0 18px 46px rgba(35,98,136,.08); transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1),border-color .3s ease; }
.pricing-card-featured { border:2px solid var(--accent); background:linear-gradient(160deg,#e7f5ff,var(--paper) 44%); }
.pricing-card-dark { background:var(--ink); color:#fff; }
.pricing-card-dark .pricing-description,.pricing-card-dark li { color:#b9cfdd; }
.pricing-label { width:max-content; margin:-8px 0 20px; padding:8px 11px; border-radius:999px; background:var(--accent); color:#fff; font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.pricing-card-head { position:relative; z-index:1; display:flex; flex-direction:column; gap:16px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.pricing-card-dark .pricing-card-head { border-color:rgba(255,255,255,.16); }
.pricing-card-head>span { color:var(--accent); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.pricing-card-head strong { font:900 clamp(38px,4vw,58px)/.9 var(--display); letter-spacing:-.065em; white-space:nowrap; }
.pricing-card-head small { font:900 .45em/1 Arial,sans-serif; letter-spacing:-.02em; }
.pricing-card h3 { margin:27px 0 13px; font:900 clamp(27px,2.35vw,36px)/.98 var(--display); letter-spacing:-.055em; text-wrap:balance; }
.pricing-description { min-height:70px; margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.pricing-card ul { display:grid; gap:12px; margin:26px 0 32px; padding:0; list-style:none; }
.pricing-card li { position:relative; padding-left:21px; color:var(--muted); font-size:13px; line-height:1.45; }
.pricing-card li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--accent); font-weight:900; }
.pricing-action { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:auto; padding:0 17px; border:1px solid var(--line); border-radius:14px; font-size:12px; font-weight:900; transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .3s ease,color .3s ease,border-color .3s ease; }
.pricing-card-featured .pricing-action { border-color:var(--accent); background:var(--accent); color:#fff; }
.pricing-card-dark .pricing-action { border-color:rgba(255,255,255,.2); }
.pricing-note { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; margin-top:12px; padding:19px 22px; border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--paper) 66%,transparent); }
.pricing-note>span { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:var(--accent); color:#fff; font-size:23px; }
.pricing-note p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }.pricing-note p strong { color:var(--ink); }
.pricing-note a { font-size:11px; font-weight:900; white-space:nowrap; }

.faq { display: grid; grid-template-columns: .8fr 1.5fr; gap: 58px; padding: 92px 0; }.faq-heading h2 { font-size: clamp(48px, 6vw, 88px); }.faq-list { border-top: 1px solid var(--line); }.faq details { border-bottom: 1px solid var(--line); transition:background-color .34s ease,padding-inline .34s ease; }.faq summary { min-height: 76px; display: grid; grid-template-columns:1fr auto; gap:24px; align-items: center; cursor: pointer; list-style: none; font-size: 18px; font-weight: 800; transition:color .3s ease,padding .34s cubic-bezier(.2,.8,.2,1); }.faq summary::-webkit-details-marker { display: none; }.faq summary i { font-style: normal; font-size: 22px; transition:transform .42s cubic-bezier(.2,.8,.2,1),color .3s ease; }.faq details[data-expanded="true"] { padding-inline:18px; background:color-mix(in srgb,var(--accent) 7%,transparent); }.faq details[data-expanded="true"] summary { color:var(--accent); }.faq details[data-expanded="true"] summary i { transform:rotate(45deg); }.faq details p { max-height:0; margin:0 40px 0 0; overflow:hidden; opacity:0; color:var(--muted); font-size:14px; line-height:1.6; transition:max-height .48s cubic-bezier(.2,.8,.2,1),margin .42s cubic-bezier(.2,.8,.2,1),opacity .28s ease; }.faq details[data-expanded="true"] p { max-height:var(--faq-height,18rem); margin:-4px 40px 25px 0; opacity:1; }
.payment-options { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }.payment-options b { padding:6px 10px; border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line)); border-radius:999px; background:var(--paper); color:var(--ink); font-size:11px; line-height:1.2; }.payment-note { display:block; }

.contact { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding: 58px; border-radius: calc(var(--radius) * 1.2); background: var(--ink); color: var(--bg); overflow: hidden; }.contact::before { content: ""; position: absolute; width: 560px; height: 560px; left: -280px; bottom: -400px; border-radius: 50%; background: var(--accent); filter: blur(50px); opacity: .28; }.contact-copy { position: relative; z-index: 1; }.contact-copy h2 { max-width: 590px; font-size: clamp(48px, 5.5vw, 78px); }.contact-copy > p:not(.eyebrow) { max-width: 540px; margin: 23px 0 0; color: color-mix(in srgb, var(--bg) 68%, transparent); font-size: 17px; line-height: 1.55; }.direct-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }.direct-links a { padding: 10px 13px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; font-size: 11px; font-weight: 800; }
.contact-form { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 30px; border-radius: var(--radius); background: var(--paper); color: var(--ink); }.form-heading, .wide { grid-column: 1 / -1; }.form-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }.form-heading strong { font-size: 16px; }.form-heading span { color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }.form-heading i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #45a36a; }
.contact-form label { display: grid; gap: 7px; }.contact-form label > span { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.contact-form label em { font-size: 8px; font-style: normal; opacity: .7; }.contact-form input, .contact-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 12px; outline: 0; background: color-mix(in srgb, var(--bg) 70%, #fff); color: var(--ink); font-size: 13px; transition:border-color .28s ease,box-shadow .36s cubic-bezier(.2,.8,.2,1),background-color .28s ease; }.contact-form input { height: 50px; padding: 0 13px; }.contact-form textarea { min-height: 100px; padding: 13px; resize: vertical; }.contact-form input:focus, .contact-form textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent); }.form-submit { min-height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border: 0; border-radius: 13px; cursor: pointer; font-size: 13px; font-weight: 900; }.form-submit:disabled { opacity: .6; cursor: wait; }.form-message, .form-privacy { margin: 0; font-size: 10px; line-height: 1.45; }.form-message:empty { display: none; }.form-message.is-success { color: #2d7a50; }.form-message.is-error, .form-message.is-invalid { color: #b94838; }.form-privacy { color: var(--muted); }.form-privacy a { text-decoration: underline; }
.footer { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 36px; align-items: start; padding: 58px 0 26px; }.footer-brand b { color: var(--muted); font-size: 9px; letter-spacing: .12em; }.footer > p { max-width: 500px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }.footer nav { display: flex; justify-content: flex-end; gap: 20px; font-size: 11px; font-weight: 800; }.footer nav a,.form-privacy a,.directory footer a { transition:translate .38s cubic-bezier(.2,.8,.2,1),color .28s ease,opacity .28s ease; }.footer > div { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

/* Ten independent art directions */
.theme-telegram { --bg:#eaf4fa; --ink:#0b2237; --muted:#587083; --paper:#fafdff; --line:rgba(11,34,55,.15); --accent:#168dd1; --soft:#d4eafa; --radius:34px; }.theme-telegram .hero-visual { border-radius: 38px 38px 12px 38px; }.theme-telegram .service-card { border-radius: 12px 34px 34px 34px; }
.theme-franchise { --bg:#f2eadb; --ink:#241e1a; --muted:#75685d; --paper:#fffaf0; --line:rgba(36,30,26,.2); --accent:#c3422e; --soft:#e4d3b8; --radius:4px; --display:Georgia,serif; }.theme-franchise .hero h1, .theme-franchise .section h2 { font-weight: 500; }.theme-franchise .button,.theme-franchise .nav-cta { border-radius: 3px; }.theme-franchise .hero-visual { transform: rotate(-2deg); box-shadow: 14px 14px 0 var(--accent); }
.theme-mobile { --bg:#f4f0ff; --ink:#201d35; --muted:#69627e; --paper:#fff; --line:rgba(32,29,53,.14); --accent:#6c4df6; --soft:#e3dcff; --radius:30px; }.theme-mobile .hero-visual { max-width: 390px; border: 9px solid var(--ink); border-radius: 54px; transform: none; }.theme-mobile .visual-top::before { content:""; width:80px; height:20px; position:absolute; top:7px; left:50%; transform:translateX(-50%); border-radius:0 0 16px 16px; background:var(--ink); }
.theme-smm { --bg:#fff0e7; --ink:#2a1423; --muted:#795e6e; --paper:#fff9f4; --line:rgba(42,20,35,.16); --accent:#ff3e74; --soft:#ffc9a8; --radius:22px; --display:Arial Black,Arial,sans-serif; }.theme-smm .hero h1 { text-transform:uppercase; }.theme-smm .service-card:nth-child(1) { transform:rotate(-1deg); }.theme-smm .service-card:nth-child(4) { transform:rotate(1deg); }.theme-smm .hero-visual { background:linear-gradient(145deg,#fff 0 62%,var(--soft) 62%); }
.theme-sites { --bg:#edf4f6; --ink:#0a2530; --muted:#58717a; --paper:#fafdff; --line:rgba(10,37,48,.16); --accent:#005cff; --soft:#d3e4ea; --radius:0px; }.theme-sites .hero { background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:72px 72px; }.theme-sites .hero-visual { box-shadow:12px 12px 0 var(--ink); }.theme-sites .service-card { border-width:2px; }
.theme-commerce { --bg:#f0f2e7; --ink:#1b2111; --muted:#667052; --paper:#fbfff0; --line:rgba(27,33,17,.16); --accent:#d5ff3f; --accent-ink:#1b2111; --soft:#dfe7bf; --radius:18px; }.theme-commerce .hero h1 em { color:var(--ink); text-decoration:underline var(--accent) 12px; text-underline-offset:-5px; }.theme-commerce .hero-visual { background:var(--ink); color:var(--bg); }.theme-commerce .hero-visual .visual-items b { color:var(--bg); }.theme-commerce .hero-visual .visual-items { color:var(--bg); }
.theme-packaging { --bg:#e9e2d2; --ink:#17261e; --muted:#687368; --paper:#f8f3e7; --line:rgba(23,38,30,.17); --accent:#376c4b; --soft:#d0d5bd; --radius:9px; --display:Georgia,serif; }.theme-packaging .hero h1,.theme-packaging .section h2 { font-weight:500; }.theme-packaging .hero-visual::after { content:"CONFIDENTIAL / WORKING MODEL"; position:absolute; right:-60px; top:95px; padding:8px 60px; transform:rotate(45deg); background:var(--accent); color:#fff; font-size:8px; font-weight:900; letter-spacing:.14em; }
.theme-development { --bg:#0d1113; --ink:#edf4ed; --muted:#85968e; --paper:#141b1d; --line:rgba(237,244,237,.16); --accent:#ff6b36; --soft:#202a2a; --radius:8px; --display:Arial,Helvetica,sans-serif; }.theme-development .hero h1,.theme-development .section h2 { font-weight:500; letter-spacing:-.055em; }.theme-development .hero-visual { box-shadow:0 0 0 1px #000,0 0 80px rgba(255,107,54,.1); }.theme-development .hero-visual::before { content:"> system.init()"; display:block; margin-bottom:18px; color:var(--accent); font:11px monospace; }.theme-development .service-card { background:var(--paper); }.theme-development .contact { background:#f2f0e9; color:#111; }.theme-development .contact-copy>p:not(.eyebrow) { color:#60645f; }.theme-development .direct-links a { border-color:#ccc; }
.theme-optimization { --bg:#f5f7f2; --ink:#17221c; --muted:#667069; --paper:#fff; --line:rgba(23,34,28,.14); --accent:#16a064; --soft:#dcebe1; --radius:20px; }.theme-optimization .hero-visual { border-top:7px solid var(--accent); transform:none; }.theme-optimization .service-card::before { content:"✓"; position:absolute; right:25px; top:78px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--soft); color:var(--accent); font-weight:900; }
.theme-ai { --bg:#111015; --ink:#f4f0ff; --muted:#9891aa; --paper:#19171f; --line:rgba(244,240,255,.15); --accent:#b7ff4a; --accent-ink:#111015; --soft:#292333; --radius:26px; }.theme-ai .hero { min-height:720px; }.theme-ai .hero-visual { background:radial-gradient(circle at 50% 10%,rgba(183,255,74,.18),transparent 45%),var(--paper); box-shadow:0 0 120px rgba(183,255,74,.09); }.theme-ai .hero-visual>strong { background:linear-gradient(90deg,var(--ink),var(--accent)); -webkit-background-clip:text; color:transparent; }.theme-ai .service-card { background:linear-gradient(145deg,var(--paper),#121116); }.theme-ai .contact { background:#eeebe4; color:#111015; }.theme-ai .contact-copy>p:not(.eyebrow) { color:#67636c; }.theme-ai .direct-links a { border-color:#bbb; }

/* Hero scenes translated from the generated design previews. */
.hero-scene { height:470px; min-height:470px; max-width:none; align-self:center; justify-self:stretch; padding:17px; border-radius:26px; transform:none; box-shadow:0 24px 65px rgba(20,24,34,.14); }.hero-scene::before,.hero-scene::after,.hero-scene .visual-top::before { content:none; }.hero-scene .visual-top { position:relative; z-index:5; }.hero-scene .visual-top i { display:flex; align-items:center; }
.theme-telegram .hero { background:linear-gradient(125deg,#dff2ff,#fafdff 58%,#cfe9fa); }.theme-franchise .hero { background:repeating-linear-gradient(0deg,rgba(74,46,37,.035) 0 1px,transparent 1px 28px),#f6eedf; }.theme-mobile .hero { background:radial-gradient(circle at 82% 45%,#d8cbff,transparent 38%),linear-gradient(135deg,#fbf9ff,#eee8ff); }.theme-smm .hero { background:linear-gradient(128deg,#ffe6d6 0 63%,#ff3e74 63% 66%,#23131f 66%); }.theme-sites .hero { background-color:#f8fbff; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:72px 72px; }.theme-commerce .hero { color:#f7f7ef; background:linear-gradient(112deg,#11130d 0 62%,#e6e9d5 62%); }.theme-commerce .hero h1 em { color:#f7f7ef; }.theme-commerce .hero-lead { color:#b8bfaa; }.theme-commerce .hero .button-secondary { color:#f7f7ef; background:#25281d; }.theme-packaging .hero { background:linear-gradient(112deg,#f4ead8 0 62%,#315b45 62%); }.theme-development .hero { background:linear-gradient(145deg,#080b0c,#161d1e); box-shadow:0 30px 100px rgba(0,0,0,.3); }.theme-optimization .hero { background:linear-gradient(rgba(22,160,100,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(22,160,100,.055) 1px,transparent 1px),#f9fcf8; background-size:38px 38px; }.theme-ai .hero { background:radial-gradient(circle at 76% 42%,rgba(94,105,255,.18),transparent 34%),linear-gradient(145deg,#080817,#15132a); }
.theme-franchise .hero-scene { transform:none; box-shadow:12px 13px 0 var(--accent); }.theme-packaging .hero-scene::after,.theme-development .hero-scene::before { content:none; }.theme-ai .scene-workflow { background:radial-gradient(circle at 60% 45%,rgba(78,98,255,.22),transparent 40%),#0a0920; box-shadow:0 0 90px rgba(183,255,74,.08); }
.scene-canvas { min-height:382px; position:relative; margin-top:13px; overflow:hidden; border:1px solid var(--line); border-radius:19px; background:color-mix(in srgb,var(--paper) 74%,transparent); }
.scene-core { position:absolute; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 20px 45px rgba(20,24,34,.13); overflow:hidden; }.scene-core small { position:relative; z-index:2; color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }.scene-core strong { position:relative; z-index:2; margin-top:8px; font:900 clamp(28px,3vw,49px)/.9 var(--display); letter-spacing:-.065em; }.scene-core>i { position:absolute; display:block; }
.scene-items article { position:absolute; z-index:3; display:flex; flex-direction:column; justify-content:space-between; min-height:74px; padding:12px; border:1px solid var(--line); border-radius:13px; background:color-mix(in srgb,var(--paper) 91%,transparent); box-shadow:0 12px 30px rgba(20,24,34,.09); backdrop-filter:blur(12px); }.scene-items b { color:var(--accent); font-size:9px; }.scene-items span { font-size:11px; font-weight:900; }.scene-items article>i { width:7px; height:7px; position:absolute; right:10px; top:10px; border-radius:50%; background:var(--accent); }
.scene-paths i { position:absolute; z-index:1; display:block; border:1px dashed var(--accent); opacity:.52; }.scene-status { display:flex; justify-content:space-between; align-items:center; margin-top:12px; color:var(--muted); font:800 8px/1.2 monospace; letter-spacing:.13em; text-transform:uppercase; }.scene-status span { display:flex; align-items:center; gap:7px; }.scene-status span i { width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent); }.scene-status b { color:var(--accent); }

.scene-chat { background:linear-gradient(145deg,#fff,#e5f3ff); }.scene-chat .scene-canvas { background:radial-gradient(circle at 83% 34%,rgba(22,141,209,.18),transparent 30%),linear-gradient(145deg,#eff8ff,#fff); }.scene-chat .scene-core { width:43%; height:61%; right:5%; top:13%; justify-content:flex-start; padding-top:52%; background:linear-gradient(#2b91db 0 45%,#fff 45%); transform:rotate(3deg); }.scene-chat .scene-core::before { content:""; position:absolute; width:64%; height:31%; left:18%; top:8%; border-radius:46% 46% 30% 30%; background:linear-gradient(145deg,#1168b5,#4eb7ff); box-shadow:inset 0 -13px 0 rgba(0,0,0,.12); }.scene-chat .scene-core>i:first-of-type { width:82%; height:9px; left:9%; bottom:44px; border-radius:9px; background:var(--accent); }.scene-chat .scene-core>i:last-of-type { width:38px; height:38px; right:10px; bottom:56px; border:1px solid var(--line); border-radius:50%; background:#fff; }.scene-chat .scene-items article { width:43%; min-height:58px; border-radius:16px 16px 16px 4px; }.scene-chat .scene-items article:nth-child(1) { left:5%; top:9%; }.scene-chat .scene-items article:nth-child(2) { left:13%; top:39%; }.scene-chat .scene-items article:nth-child(3) { left:5%; bottom:11%; }.scene-chat .scene-paths i { width:30%; height:17%; left:40%; border-width:1px 1px 0 0; border-radius:0 60px 0 0; }.scene-chat .scene-paths i:nth-child(1) { top:21%; }.scene-chat .scene-paths i:nth-child(2) { top:49%; }.scene-chat .scene-paths i:nth-child(3) { top:69%; }

.scene-dossier { background:#f7f0e4; box-shadow:12px 13px 0 var(--accent); }.scene-dossier .scene-canvas { background:repeating-linear-gradient(0deg,rgba(64,37,31,.04) 0 1px,transparent 1px 24px),#efe1cb; }.scene-dossier .scene-core { width:78%; height:82%; left:5%; top:9%; border-radius:3px; padding:30px; background:linear-gradient(100deg,#fff9ef 0 58%,#7b211b 58%); box-shadow:8px 8px 0 rgba(76,31,25,.18); }.scene-dossier .scene-core::before { content:"PRSTAR / OPERATING MODEL"; position:absolute; left:30px; top:30px; width:42%; padding-bottom:18px; border-bottom:1px solid var(--line); color:var(--accent); font:900 9px monospace; letter-spacing:.12em; }.scene-dossier .scene-core>i:first-of-type { width:36%; height:42%; left:28%; top:25%; border:1px solid rgba(90,49,39,.23); background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(90,49,39,.1) 20px 21px),repeating-linear-gradient(0deg,transparent 0 20px,rgba(90,49,39,.1) 20px 21px); }.scene-dossier .scene-items article { width:31%; right:4%; min-height:64px; border-radius:2px; border-left:5px solid var(--accent); }.scene-dossier .scene-items article:nth-child(1) { top:14%; }.scene-dossier .scene-items article:nth-child(2) { top:40%; }.scene-dossier .scene-items article:nth-child(3) { top:66%; }.scene-dossier .scene-paths { display:none; }

.scene-phones { background:radial-gradient(circle at 50% 50%,#fff 0,#e5dbff 72%); }.scene-phones .scene-canvas { overflow:visible; background:transparent; border:0; }.scene-phones .scene-core { width:47%; height:85%; left:27%; top:3%; justify-content:flex-start; padding:74px 19px 20px; border:7px solid #292242; border-radius:42px; background:linear-gradient(#f7f3ff,#d7c8ff); }.scene-phones .scene-core::before { content:""; width:36%; height:18px; position:absolute; left:32%; top:-1px; border-radius:0 0 15px 15px; background:#292242; }.scene-phones .scene-core::after { content:""; position:absolute; inset:92px 18px 55px; border-radius:18px; background:linear-gradient(155deg,#9b7df3,#eee8ff 48%,#6d4df6); opacity:.75; }.scene-phones .scene-core>i:first-of-type,.scene-phones .scene-core>i:last-of-type { width:41%; height:89%; top:6%; border:6px solid #453861; border-radius:38px; background:linear-gradient(#fff,#d8caff); z-index:-1; }.scene-phones .scene-core>i:first-of-type { left:-59%; transform:rotate(-9deg); opacity:.55; }.scene-phones .scene-core>i:last-of-type { right:-59%; transform:rotate(9deg); background:linear-gradient(#2c234a,#151128); }.scene-phones .scene-items article { width:27%; min-height:58px; bottom:0; }.scene-phones .scene-items article:nth-child(1) { left:1%; }.scene-phones .scene-items article:nth-child(2) { left:36.5%; }.scene-phones .scene-items article:nth-child(3) { right:1%; }.scene-phones .scene-paths i { width:30%; height:1px; top:82%; border-width:1px 0 0; }.scene-phones .scene-paths i:nth-child(1) { left:16%; transform:rotate(-18deg); }.scene-phones .scene-paths i:nth-child(2) { left:37%; }.scene-phones .scene-paths i:nth-child(3) { right:15%; transform:rotate(18deg); }

.scene-campaign { border-color:#111; background:linear-gradient(135deg,#ffeadb 0 35%,#111 35% 64%,#ff3e74 64%); }.scene-campaign .scene-canvas { border:0; background:transparent; }.scene-campaign .scene-core { width:43%; height:72%; left:2%; top:11%; border:0; background:#ff3e74; clip-path:polygon(50% 0,61% 34%,98% 34%,68% 55%,80% 94%,50% 70%,20% 94%,32% 55%,2% 34%,39% 34%); transform:rotate(-7deg); }.scene-campaign .scene-core::before { content:"ИДЕЯ"; position:absolute; inset:42% 0 auto; color:#111; font:900 42px/1 Arial Black,Arial,sans-serif; text-align:center; transform:rotate(7deg); }.scene-campaign .scene-core small,.scene-campaign .scene-core strong { display:none; }.scene-campaign .scene-items article { width:43%; height:29%; right:2%; border:2px solid #111; border-radius:8px; background:#fff4e8; box-shadow:8px 8px 0 #111; }.scene-campaign .scene-items article:nth-child(1) { top:4%; transform:rotate(1deg); }.scene-campaign .scene-items article:nth-child(2) { top:36%; right:8%; transform:rotate(-2deg); }.scene-campaign .scene-items article:nth-child(3) { bottom:2%; }.scene-campaign .scene-paths i { width:39%; height:23%; left:38%; border-color:#fff; border-width:0 0 2px 2px; }.scene-campaign .scene-paths i:nth-child(1) { top:18%; transform:rotate(-9deg); }.scene-campaign .scene-paths i:nth-child(2) { top:42%; }.scene-campaign .scene-paths i:nth-child(3) { top:61%; transform:rotate(9deg); }

.scene-canvas.hero-scene,.scene-canvas .scene-canvas { background:none; }
.hero-scene.scene-canvas { background:#f8fbff; border-radius:2px; box-shadow:10px 10px 0 var(--ink); }.hero-scene.scene-canvas>.scene-canvas { border-radius:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:54px 54px; }.hero-scene.scene-canvas .scene-core { width:72%; height:50%; left:6%; top:14%; justify-content:flex-start; border:2px solid var(--accent); border-radius:0; background:rgba(255,255,255,.88); box-shadow:none; }.hero-scene.scene-canvas .scene-core::before { content:"H1 / SELECTED"; position:absolute; top:10px; left:12px; color:var(--accent); font:9px monospace; }.hero-scene.scene-canvas .scene-core>i:first-of-type { width:9px; height:9px; left:-5px; top:-5px; background:var(--accent); box-shadow:320px 0 var(--accent),0 48px var(--accent); }.hero-scene.scene-canvas .scene-items article { width:27%; bottom:5%; border-radius:0; }.hero-scene.scene-canvas .scene-items article:nth-child(1) { left:5%; }.hero-scene.scene-canvas .scene-items article:nth-child(2) { left:36.5%; }.hero-scene.scene-canvas .scene-items article:nth-child(3) { right:5%; background:var(--accent); color:#fff; }.hero-scene.scene-canvas .scene-paths i { width:1px; height:15%; top:62%; border-width:0 0 0 1px; }.hero-scene.scene-canvas .scene-paths i:nth-child(1) { left:18%; }.hero-scene.scene-canvas .scene-paths i:nth-child(2) { left:50%; }.hero-scene.scene-canvas .scene-paths i:nth-child(3) { right:18%; }

.scene-pipeline { color:#f7f6ed; background:linear-gradient(115deg,#111 0 60%,#eee9dc 60%); }.scene-pipeline .scene-canvas { border-color:#414529; background:radial-gradient(circle at 72% 42%,rgba(213,255,63,.24),transparent 35%),#161711; }.scene-pipeline .scene-core { width:73%; height:55%; right:-8%; top:22%; border-radius:50%; border:11px solid #33372c; background:transparent; box-shadow:0 0 0 4px var(--accent),inset 0 0 0 3px #111; }.scene-pipeline .scene-core small,.scene-pipeline .scene-core strong { position:absolute; left:25%; color:#fff; }.scene-pipeline .scene-core small { top:30%; }.scene-pipeline .scene-core strong { top:40%; }.scene-pipeline .scene-core>i { width:70px; height:82px; top:28%; border:1px solid var(--accent); border-radius:10px; background:#24261e; }.scene-pipeline .scene-core>i:first-of-type { left:5%; }.scene-pipeline .scene-core>i:last-of-type { right:4%; }.scene-pipeline .scene-items article { width:30%; height:24%; background:#22241d; border-color:#4d513d; color:#fff; }.scene-pipeline .scene-items article:nth-child(1) { left:2%; top:5%; }.scene-pipeline .scene-items article:nth-child(2) { left:7%; bottom:4%; }.scene-pipeline .scene-items article:nth-child(3) { right:2%; bottom:4%; }.scene-pipeline .scene-paths i { display:none; }

.scene-kit { background:#153328; color:#f4ead8; }.scene-kit .scene-canvas { padding:18px; border:8px solid #234a3a; background:#0f281f; box-shadow:inset 0 0 0 2px #b1976b; }.scene-kit .scene-core { inset:4%; width:92%; height:92%; justify-content:flex-start; border-color:#8f7955; background:transparent; box-shadow:none; }.scene-kit .scene-core small { color:#d7c3a0; }.scene-kit .scene-core strong { color:#f4ead8; font-family:Georgia,serif; font-size:27px; }.scene-kit .scene-items { position:absolute; inset:29% 7% 8%; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.scene-kit .scene-items article { position:relative; width:auto; min-height:0; background:#f1e5cf; color:#183529; border-radius:4px; box-shadow:none; }.scene-kit .scene-items article:nth-child(even) { background:#1f4938; color:#f4ead8; border-color:#b1976b; }.scene-kit .scene-paths { display:none; }

.scene-architecture { color:#f2f3ed; background:#06090a; box-shadow:0 0 80px rgba(255,107,54,.1); }.scene-architecture .scene-canvas { background:linear-gradient(rgba(255,107,54,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,54,.04) 1px,transparent 1px),#0b0f10; background-size:28px 28px; }.scene-architecture .scene-core { width:32%; height:42%; left:34%; top:38%; align-items:center; background:linear-gradient(145deg,#242a2a,#0c1011); border-color:var(--accent); box-shadow:0 0 35px rgba(255,107,54,.22); text-align:center; }.scene-architecture .scene-core::before,.scene-architecture .scene-core::after { content:""; position:absolute; width:74%; height:13px; left:13%; border:1px solid var(--accent); background:#161b1c; box-shadow:0 20px 0 #161b1c,0 40px 0 #161b1c; }.scene-architecture .scene-core::before { top:18px; }.scene-architecture .scene-core small,.scene-architecture .scene-core strong { color:#fff; }.scene-architecture .scene-items article { width:29%; height:24%; color:#fff; border-radius:5px; border-color:#424a48; background:#111718; box-shadow:none; font-family:monospace; }.scene-architecture .scene-items article:nth-child(1) { left:2%; top:5%; }.scene-architecture .scene-items article:nth-child(2) { left:35.5%; top:5%; }.scene-architecture .scene-items article:nth-child(3) { right:2%; top:5%; }.scene-architecture .scene-paths i { width:1px; height:30%; top:25%; border-width:0 0 0 1px; }.scene-architecture .scene-paths i:nth-child(1) { left:17%; transform:rotate(-35deg); }.scene-architecture .scene-paths i:nth-child(2) { left:50%; }.scene-architecture .scene-paths i:nth-child(3) { right:17%; transform:rotate(35deg); }

.scene-diagnostic { background:#fff; }.scene-diagnostic .scene-canvas { background:linear-gradient(rgba(22,160,100,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,160,100,.06) 1px,transparent 1px),#fff; background-size:24px 24px; }.scene-diagnostic .scene-core { width:48%; aspect-ratio:1; height:auto; left:4%; top:9%; justify-content:center; align-items:center; border:15px solid #183d2b; border-radius:50%; background:radial-gradient(circle,#caff52 0 18%,#23a266 19% 37%,#0e3725 38% 52%,#dbf4e2 53%); box-shadow:17px 17px 0 rgba(22,160,100,.13); }.scene-diagnostic .scene-core::after { content:""; width:44%; height:16px; position:absolute; right:-35%; bottom:4%; border-radius:12px; background:#183d2b; transform:rotate(42deg); transform-origin:left center; }.scene-diagnostic .scene-core small { display:none; }.scene-diagnostic .scene-core strong { padding:9px 13px; border-radius:8px; background:#fff; color:#143724; font-size:24px; }.scene-diagnostic .scene-items article { width:39%; min-height:80px; right:3%; border-left:7px solid var(--accent); }.scene-diagnostic .scene-items article:nth-child(1) { top:5%; }.scene-diagnostic .scene-items article:nth-child(2) { top:38%; }.scene-diagnostic .scene-items article:nth-child(3) { bottom:5%; }.scene-diagnostic .scene-paths { display:none; }

.scene-workflow { color:#f4f0ff; background:radial-gradient(circle at 60% 45%,rgba(78,98,255,.22),transparent 40%),#0a0920; }.scene-workflow .scene-canvas { border-color:#353456; background:#0d0d27; }.scene-workflow .scene-core { width:36%; height:42%; left:32%; top:31%; border-color:#6264a6; background:linear-gradient(145deg,rgba(42,44,86,.94),rgba(17,17,45,.95)); box-shadow:0 0 42px rgba(183,255,74,.12); color:#fff; }.scene-workflow .scene-core::before { content:""; width:250%; height:74%; position:absolute; left:-75%; top:13%; border:18px solid rgba(112,122,207,.34); border-radius:50%; transform:rotate(8deg); }.scene-workflow .scene-core>i { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 16px var(--accent); }.scene-workflow .scene-core>i:first-of-type { left:12%; top:14%; }.scene-workflow .scene-core>i:last-of-type { right:12%; bottom:14%; }.scene-workflow .scene-items article { width:30%; min-height:82px; color:#fff; border-color:#4b4b78; background:rgba(25,25,57,.86); }.scene-workflow .scene-items article:nth-child(1) { left:2%; top:7%; }.scene-workflow .scene-items article:nth-child(2) { right:2%; top:7%; }.scene-workflow .scene-items article:nth-child(3) { right:3%; bottom:6%; }.scene-workflow .scene-paths i { width:35%; height:33%; border-color:var(--accent); border-width:2px 2px 0 0; border-radius:0 90px 0 0; }.scene-workflow .scene-paths i:nth-child(1) { left:22%; top:19%; }.scene-workflow .scene-paths i:nth-child(2) { right:22%; top:20%; transform:scaleX(-1); }.scene-workflow .scene-paths i:nth-child(3) { right:22%; bottom:17%; transform:scale(-1); }

/* Reveal motion: one entrance, then a calm interface. */
@media (scripting:enabled) {
  [data-reveal] { opacity:0; translate:0 24px; filter:blur(6px); transition:opacity .68s cubic-bezier(.2,.72,.2,1),translate .78s cubic-bezier(.2,.72,.2,1),filter .68s ease; transition-delay:var(--reveal-delay,0ms); }
  [data-reveal="topbar"] { translate:0 -14px; }
  [data-reveal="hero-copy"] { translate:-18px 12px; }
  [data-reveal="hero-visual"] { translate:22px 8px; }
  [data-reveal].is-revealed { opacity:1; translate:0 0; filter:blur(0); }
  [data-reveal-delay="1"] { --reveal-delay:70ms; }
  [data-reveal-delay="2"] { --reveal-delay:140ms; }
  [data-reveal-delay="3"] { --reveal-delay:210ms; }
}

/* Interaction motion stays light: clear feedback without abrupt jumps. */
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 72%,#fff); outline-offset:4px; }
.form-submit { transition:transform .46s cubic-bezier(.2,.8,.2,1),box-shadow .46s cubic-bezier(.2,.8,.2,1),filter .3s ease; }.direct-links a,.proof-items a { transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .3s ease,border-color .3s ease; }
.service-card[data-reveal] { transition:opacity .68s cubic-bezier(.2,.72,.2,1),translate .78s cubic-bezier(.2,.72,.2,1),filter .68s ease,transform .52s cubic-bezier(.2,.8,.2,1),background-color .36s ease,border-color .36s ease,box-shadow .52s cubic-bezier(.2,.8,.2,1); }
.pricing-card[data-reveal] { transition:opacity .68s cubic-bezier(.2,.72,.2,1),translate .78s cubic-bezier(.2,.72,.2,1),filter .68s ease,transform .5s cubic-bezier(.2,.8,.2,1),background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .5s cubic-bezier(.2,.8,.2,1); }

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .brand:hover,.footer-brand:hover { translate:0 -2px; }.footer nav a:hover,.form-privacy a:hover,.directory footer a:hover { translate:0 -2px; color:var(--accent); }
  .nav-cta:hover { box-shadow:0 11px 24px color-mix(in srgb,var(--accent) 28%,transparent); }
  .menu-toggle:hover { transform:rotate(8deg) scale(1.04); background:color-mix(in srgb,var(--accent) 10%,transparent); border-color:color-mix(in srgb,var(--accent) 42%,var(--line)); }
  .form-submit:hover { transform:translate3d(0,-3px,0); box-shadow:0 14px 28px color-mix(in srgb,var(--ink) 18%,transparent); }.form-submit:active { transform:translate3d(0,-1px,0) scale(.985); transition-duration:.16s; }
  .contact-form input:hover,.contact-form textarea:hover { border-color:color-mix(in srgb,var(--accent) 46%,var(--line)); background:color-mix(in srgb,var(--paper) 88%,var(--accent)); }
  .direct-links a:hover,.proof-items a:hover { transform:translate3d(0,-3px,0); background:color-mix(in srgb,var(--accent) 10%,transparent); border-color:color-mix(in srgb,var(--accent) 42%,var(--line)); }
  .pricing-card:hover { transform:translate3d(0,-7px,0); border-color:color-mix(in srgb,var(--accent) 48%,var(--line)); box-shadow:0 26px 55px rgba(35,98,136,.15); }.pricing-action:hover { transform:translate3d(0,-3px,0); border-color:var(--accent); background:var(--accent); color:#fff; }
  .faq summary:hover { padding-inline:10px; color:var(--accent); }.faq summary:hover i { rotate:12deg; }
  .hero-visual { transition:translate .64s cubic-bezier(.2,.8,.2,1),box-shadow .64s cubic-bezier(.2,.8,.2,1),filter .48s ease; }.scene-core,.scene-items article { transition:translate .64s cubic-bezier(.2,.8,.2,1),box-shadow .64s cubic-bezier(.2,.8,.2,1); }
  .hero-visual:hover { translate:0 -6px; box-shadow:0 46px 94px color-mix(in srgb,var(--ink) 19%,transparent); filter:saturate(1.04); }.hero-visual:hover .scene-core { translate:0 -6px; }.hero-visual:hover .scene-items article:nth-child(1) { translate:-3px 3px; }.hero-visual:hover .scene-items article:nth-child(2) { translate:0 -4px; }.hero-visual:hover .scene-items article:nth-child(3) { translate:3px 2px; }
  .scene-status span i { animation:status-pulse 2.6s ease-in-out infinite; }
}

@keyframes status-pulse { 0%,100% { opacity:.72; box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent); } 50% { opacity:1; box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 4%,transparent); } }

/* Different compositions are intentional: each direction has its own reading rhythm. */
.theme-telegram .hero { grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr); gap:18px; }.theme-telegram .services { grid-template-columns:repeat(3,1fr); }.theme-telegram .service-card:first-child { grid-column:span 2; }.theme-telegram .service-card:nth-child(4) { grid-column:2 / span 2; }
.theme-franchise .services { grid-template-columns:1fr; }.theme-franchise .service-card { min-height:170px; display:grid; grid-template-columns:.42fr .9fr 1fr; gap:28px; align-items:center; }.theme-franchise .service-card h3 { margin:0; }.theme-franchise .service-card p { max-width:650px; }
.theme-mobile .hero { grid-template-columns:1fr 390px; }.theme-mobile .statement { text-align:center; }.theme-mobile .statement>div,.theme-mobile .statement h2,.theme-mobile .statement>div>p { margin-inline:auto; }.theme-mobile .details { text-align:left; }.theme-mobile .services { grid-template-columns:repeat(4,1fr); }.theme-mobile .service-card { min-height:264px; }.theme-mobile .service-card h3 { font-size:30px; }
.theme-smm .services { grid-template-columns:repeat(3,1fr); }.theme-smm .service-card:first-child,.theme-smm .service-card:nth-child(4) { grid-column:span 2; }.theme-smm .statement h2 { font-size:clamp(50px,7vw,98px); }
.theme-sites .hero { grid-template-columns:1.4fr .6fr; }.theme-sites .services { grid-template-columns:repeat(4,1fr); }.theme-sites .service-card { min-height:244px; }.theme-sites .service-card h3 { font-size:32px; }.theme-sites .results { grid-template-columns:1.2fr .8fr; }
.theme-commerce .services { grid-template-columns:1.35fr .65fr; }.theme-commerce .service-card:nth-child(2),.theme-commerce .service-card:nth-child(3) { min-height:220px; }.theme-commerce .result-copy { position:sticky; top:25px; align-self:start; }
.theme-packaging .services { grid-template-columns:repeat(4,1fr); perspective:1000px; }.theme-packaging .service-card { min-height:262px; box-shadow:4px 5px 0 color-mix(in srgb,var(--ink) 16%,transparent); }.theme-packaging .service-card:nth-child(even) { --card-hover:translate3d(0,10px,0) rotate(.4deg); transform:translate3d(0,16px,0) rotate(.4deg); }.theme-packaging .process-list { grid-template-columns:repeat(2,1fr); }.theme-packaging .process-list article:nth-child(2) { border-right:0; }
.theme-development .services { grid-template-columns:repeat(2,1fr); }.theme-development .process-list { grid-template-columns:1fr; }.theme-development .process-list article { min-height:104px; display:grid; grid-template-columns:60px .62fr 1fr; gap:28px; align-items:center; border-right:0; }.theme-development .process-list h3 { margin:0; }.theme-development .process-list i { display:none; }
.theme-optimization .services { grid-template-columns:repeat(4,1fr); }.theme-optimization .service-card { min-height:246px; }.theme-optimization .service-card h3 { font-size:31px; }.theme-optimization .process-list { grid-template-columns:repeat(2,1fr); }.theme-optimization .process-list article:nth-child(2) { border-right:0; }
.theme-ai .statement { text-align:center; }.theme-ai .statement>div,.theme-ai .statement h2,.theme-ai .statement>div>p { margin-inline:auto; }.theme-ai .details { text-align:left; }.theme-ai .services { grid-template-columns:repeat(3,1fr); }.theme-ai .service-card:first-child { grid-column:span 2; }.theme-ai .process-list { grid-template-columns:repeat(2,1fr); }.theme-ai .process-list article:nth-child(2) { border-right:0; }

/* A second art-direction pass: the shared structure speaks ten visual languages. */
.theme-telegram .statement { margin-top:74px; padding:64px; border:0; border-radius:44px 44px 12px 44px; background:var(--ink); color:#fff; }.theme-telegram .statement>div>p { color:#b9cfdd; }.theme-telegram .service-card { border:0; box-shadow:0 16px 44px rgba(35,98,136,.1); }.theme-telegram .service-card::after { content:""; width:18px; height:18px; position:absolute; left:0; bottom:0; background:inherit; clip-path:polygon(0 0,100% 100%,0 100%); }.theme-telegram .service-card:nth-child(even)::after { left:auto; right:0; transform:scaleX(-1); }.theme-telegram .process-list { gap:9px; }.theme-telegram .process-list article { border:0; border-radius:28px; background:color-mix(in srgb,var(--paper) 76%,var(--soft)); }.theme-telegram .process-list article>span { display:block; margin-left:2px; padding-top:20px; }.theme-telegram .process-list i { top:20px; left:24px; }.theme-telegram .results ol { border:0; }.theme-telegram .results li { margin-bottom:7px; padding:0 22px; border:0; border-radius:999px; background:var(--paper); }.theme-telegram .contact { border-radius:48px 48px 10px 48px; }

.theme-franchise .hero { border-radius:4px; box-shadow:12px 14px 0 rgba(92,24,26,.12); }.theme-franchise .scene-dossier { color:#f7ead8; background:#65191d; box-shadow:10px 11px 0 #b9a47f; }.theme-franchise .scene-dossier .scene-canvas { border-color:#9c8766; border-radius:2px; background:repeating-linear-gradient(0deg,rgba(85,48,39,.045) 0 1px,transparent 1px 24px),#e7dac4; }.theme-franchise .scene-dossier .scene-core { width:90%; height:84%; left:5%; top:8%; justify-content:flex-start; padding:28px; border:1px solid #9c8766; border-radius:2px; background:#fff8eb; box-shadow:6px 7px 0 rgba(77,37,32,.16); }.theme-franchise .scene-dossier .scene-core::before { content:"ПЛАН ЗАПУСКА / 01—03"; width:auto; left:28px; right:28px; top:24px; padding-bottom:14px; border-bottom:1px solid #b9a47f; color:#65191d; font:900 9px monospace; letter-spacing:.12em; }.theme-franchise .scene-dossier .scene-core small { margin-top:52px; color:#7b6655; }.theme-franchise .scene-dossier .scene-core strong { max-width:70%; color:#4d1719; font:500 35px/.95 Georgia,serif; }.theme-franchise .scene-dossier .scene-core>i:first-of-type { width:58%; height:7px; left:28px; top:auto; bottom:45%; border:0; background:linear-gradient(90deg,#65191d 0 72%,#d6c6ad 72%); }.theme-franchise .scene-dossier .scene-core>i:last-of-type { width:9px; height:9px; left:calc(58% + 18px); bottom:calc(45% - 1px); border-radius:50%; background:#65191d; }.theme-franchise .scene-dossier .scene-items article { width:27%; min-height:100px; top:auto; right:auto; bottom:11%; border:1px solid #b9a47f; border-top:4px solid #65191d; border-radius:2px; background:#f9efdf; color:#331617; box-shadow:none; }.theme-franchise .scene-dossier .scene-items article:nth-child(1) { left:8%; }.theme-franchise .scene-dossier .scene-items article:nth-child(2) { left:36.5%; }.theme-franchise .scene-dossier .scene-items article:nth-child(3) { left:auto; right:8%; }.theme-franchise .statement { padding:72px 0 46px; border-top:5px double var(--line); }.theme-franchise .service-card { border-width:0 0 1px 7px; border-color:var(--accent); background:transparent; }.theme-franchise .service-card:nth-child(2),.theme-franchise .service-card:nth-child(3) { background:color-mix(in srgb,var(--paper) 62%,transparent); }.theme-franchise .results { margin-block:44px; padding:62px; background:#65191d; color:#fff4e6; }.theme-franchise .results p,.theme-franchise .results li { color:#e1cdb7; border-color:rgba(255,244,230,.25); }

.theme-mobile .statement { margin-top:70px; padding:76px 40px; border:0; border-radius:54px; background:linear-gradient(145deg,#201d35,#423575); color:#fff; }.theme-mobile .statement>div>p { color:#cec6e9; }.theme-mobile .service-card { border:7px solid #2b2541; border-radius:42px; background:linear-gradient(#fff,#eee9ff); box-shadow:inset 0 0 0 1px #fff; }.theme-mobile .service-card:nth-child(2),.theme-mobile .service-card:nth-child(3) { background:linear-gradient(#2b2541,#171329); color:#fff; }.theme-mobile .service-card:nth-child(2) p,.theme-mobile .service-card:nth-child(3) p { color:#c5bddb; }.theme-mobile .process-list { gap:10px; }.theme-mobile .process-list article { border:0; border-radius:32px; background:var(--paper); box-shadow:0 18px 50px rgba(78,58,166,.09); }.theme-mobile .results { align-items:center; }.theme-mobile .results ol { padding:28px; border:0; border-radius:34px; background:var(--soft); }.theme-mobile .results li { border-color:rgba(32,29,53,.13); }

.theme-smm { --bg:#f1f3ec; --ink:#15131f; --muted:#656473; --paper:#fbfcf7; --line:rgba(21,19,31,.18); --accent:#6537e8; --accent-ink:#fff; --soft:#d7ff45; }.theme-smm .hero { background:linear-gradient(128deg,#f3f5ee 0 62%,#d7ff45 62% 65%,#171522 65%); }.theme-smm .scene-campaign { background:linear-gradient(135deg,#f5f7f1 0 35%,#171522 35% 64%,#6537e8 64%); }.theme-smm .scene-campaign .scene-core { background:#d7ff45; }.theme-smm .scene-campaign .scene-items article { background:#f7f8f2; }.theme-smm .statement { grid-template-columns:.7fr 1.3fr; padding:72px 0; }.theme-smm .statement h2 { text-transform:uppercase; }.theme-smm .service-card { border:2px solid var(--ink); border-radius:4px; box-shadow:8px 8px 0 var(--ink); }.theme-smm .service-card:nth-child(1) { background:var(--ink); color:#fff; }.theme-smm .service-card:nth-child(1) p { color:#bbb8ca; }.theme-smm .service-card:nth-child(2) { background:var(--soft); }.theme-smm .service-card:nth-child(3) { background:var(--accent); color:#fff; }.theme-smm .service-card:nth-child(3) p { color:#ddd4ff; }.theme-smm .process-heading { padding:38px; background:var(--ink); color:#fff; }.theme-smm .process-heading>p:last-child { color:#bbb8ca; }.theme-smm .process-list article:nth-child(odd) { background:var(--soft); }.theme-smm .contact { background:var(--accent); color:#fff; }.theme-smm .contact::before { background:var(--soft); }

.theme-sites .statement { grid-template-columns:.55fr 1.45fr; padding:72px 38px; border:2px solid var(--ink); background:rgba(255,255,255,.64); box-shadow:10px 10px 0 var(--ink); }.theme-sites .service-card { background:rgba(255,255,255,.7); }.theme-sites .service-card:nth-child(2),.theme-sites .service-card:nth-child(3) { background:#dbe8ec; }.theme-sites .process-heading { grid-template-columns:.55fr 1.45fr .8fr; }.theme-sites .process-list { border:2px solid var(--ink); }.theme-sites .process-list article { border-top:0; }.theme-sites .results ol li { padding-left:18px; border-left:8px solid var(--accent); }

.theme-commerce .statement { margin-block:76px 28px; padding:62px; border:0; border-radius:18px; background:var(--accent); color:var(--ink); }.theme-commerce .statement>div>p { color:#3f492c; }.theme-commerce .service-card { border:0; background:#15180e; color:#f5f7ed; }.theme-commerce .service-card p { color:#aeb59e; }.theme-commerce .service-card:nth-child(2),.theme-commerce .service-card:nth-child(3) { background:#e4eacb; color:var(--ink); }.theme-commerce .service-card:nth-child(2) p,.theme-commerce .service-card:nth-child(3) p { color:var(--muted); }.theme-commerce .process-list { gap:10px; }.theme-commerce .process-list article { border:1px solid var(--line); border-radius:16px; background:var(--paper); }.theme-commerce .process-list i { top:18px; }.theme-commerce .results ol li { margin-bottom:8px; padding:0 18px; border:1px solid var(--line); border-radius:10px; background:var(--paper); }

.theme-packaging .statement { padding:64px; border:9px double #8c795a; background:#f4ead8; box-shadow:12px 12px 0 #315b45; }.theme-packaging .service-card { border:1px solid #8c795a; background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(66,83,66,.08) 27px 28px),#faf2e3; }.theme-packaging .service-card:nth-child(2),.theme-packaging .service-card:nth-child(3) { background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(66,83,66,.08) 27px 28px),#e2e3cf; }.theme-packaging .process { margin-top:54px; padding:58px; border:2px solid #315b45; background:#163328; color:#f4ead8; }.theme-packaging .process-heading>p:last-child,.theme-packaging .process-list p { color:#b9c8bc; }.theme-packaging .process-list article { border-color:#486654; }.theme-packaging .results ol { counter-reset:pack; }.theme-packaging .results li::before { counter-increment:pack; content:"DOC." counter(pack); min-width:64px; color:var(--accent); font:900 9px monospace; }

.theme-development .statement { grid-template-columns:.55fr 1.45fr; padding:74px 0; border-top:1px solid #ff6b36; }.theme-development .statement h2::before { content:"> "; color:var(--accent); font-family:monospace; }.theme-development .service-card { border-color:#394142; border-radius:4px; box-shadow:inset 3px 0 0 var(--accent); }.theme-development .service-card:nth-child(2),.theme-development .service-card:nth-child(3) { background:#101617; }.theme-development .process { border:1px solid #3d4545; background:#080b0c; }.theme-development .process-heading { padding:34px; margin:0; border-bottom:1px solid #3d4545; }.theme-development .process-list article { padding-inline:34px; border-color:#3d4545; }.theme-development .results li { font-family:monospace; }.theme-development .results li::before { content:"✓"; margin-right:18px; color:var(--accent); }

.theme-optimization .scene-diagnostic { background:#0c2c1c; color:#edf7ef; }.theme-optimization .scene-diagnostic .scene-canvas { border-color:#5d7e69; background:linear-gradient(rgba(22,160,100,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(22,160,100,.055) 1px,transparent 1px),#edf7ef; background-size:24px 24px; }.theme-optimization .scene-diagnostic .scene-core { width:58%; height:78%; aspect-ratio:auto; left:4%; top:8%; justify-content:flex-start; align-items:flex-start; padding:54px 20px 20px; border:1px solid #aac4b1; border-radius:12px; background:#fff; box-shadow:10px 12px 0 rgba(17,75,44,.13); }.theme-optimization .scene-diagnostic .scene-core::before { content:""; width:auto; height:32px; left:0; right:0; top:0; border-bottom:1px solid #c7d9cb; background:radial-gradient(circle at 16px 16px,#ff6b5f 0 3px,transparent 4px),radial-gradient(circle at 28px 16px,#f1bd3d 0 3px,transparent 4px),radial-gradient(circle at 40px 16px,#4cb866 0 3px,transparent 4px); }.theme-optimization .scene-diagnostic .scene-core::after { content:""; width:78%; height:34%; left:11%; right:auto; bottom:14%; border:0; border-radius:0; background:linear-gradient(155deg,transparent 0 46%,#20a064 47% 50%,transparent 51%),linear-gradient(25deg,transparent 0 52%,#86d43b 53% 56%,transparent 57%),repeating-linear-gradient(0deg,#dfe9e1 0 1px,transparent 1px 20px); transform:none; }.theme-optimization .scene-diagnostic .scene-core small { display:block; color:#587162; }.theme-optimization .scene-diagnostic .scene-core strong { padding:7px 10px; border-radius:7px; background:#0f6f36; color:#fff; font-size:26px; }.theme-optimization .scene-diagnostic .scene-core>i:first-of-type { width:42%; height:7px; left:20px; top:124px; border-radius:5px; background:linear-gradient(90deg,#21a061 0 82%,#dce8df 82%); }.theme-optimization .scene-diagnostic .scene-core>i:last-of-type { width:27%; height:7px; left:20px; top:142px; border-radius:5px; background:linear-gradient(90deg,#8cd53e 0 68%,#dce8df 68%); }.theme-optimization .scene-diagnostic .scene-items article { width:33%; min-height:82px; right:3%; border:1px solid #b5c9ba; border-left:6px solid var(--accent); border-radius:9px; background:#fff; }.theme-optimization .scene-diagnostic .scene-items article:nth-child(1) { top:7%; }.theme-optimization .scene-diagnostic .scene-items article:nth-child(2) { top:38%; }.theme-optimization .scene-diagnostic .scene-items article:nth-child(3) { bottom:7%; }.theme-optimization .statement { padding:68px 48px; border:0; border-radius:0 54px 54px 0; background:#0e3a24; color:#fff; }.theme-optimization .statement>div>p { color:#b8cbbf; }.theme-optimization .service-card { border-radius:80px 80px 14px 14px; background:#fff; text-align:center; }.theme-optimization .service-card .card-top { justify-content:center; }.theme-optimization .process-list { gap:10px; }.theme-optimization .process-list article { border:1px solid #b8ccbd; border-radius:14px; background:#f8fcf8; }.theme-optimization .results ol li { padding-left:16px; border-left:7px solid var(--accent); }

.theme-ai .statement { margin-top:72px; padding:82px 44px; border:1px solid #3d3a55; border-radius:60px; background:radial-gradient(circle at 50% 100%,rgba(183,255,74,.13),transparent 45%),#0b0a15; }.theme-ai .service-card { border-color:#363245; }.theme-ai .service-card:nth-child(2),.theme-ai .service-card:nth-child(3) { background:linear-gradient(145deg,#26213a,#14131b); }.theme-ai .process { border:1px solid #3b374a; border-radius:38px; background:#0b0a12; }.theme-ai .process-heading { padding:42px 42px 0; }.theme-ai .process-list { padding:18px 24px 32px; gap:10px; }.theme-ai .process-list article { border:1px solid #3b374a; border-radius:24px; background:#171522; }.theme-ai .results li::before { content:"●"; margin-right:16px; color:var(--accent); }.theme-ai .proof { border-color:#49445b; }

/* Directory */
.directory { --bg:#111; --ink:#f3f0e9; --muted:#8d8d8d; --paper:#191919; --line:#353535; --accent:#ff5c35; --accent-ink:#111; min-height:100vh; padding:0 4vw 40px; background:var(--bg); color:var(--ink); }.directory>.directory-topbar { width:min(calc(100% - 8vw),1320px); }.directory>section { padding:118px 0 90px; }.directory>section h1 { max-width:1000px; margin:0; font:900 clamp(55px,8vw,120px)/.9 Arial Black,Arial,sans-serif; letter-spacing:-.07em; }.directory>section h1 em { color:#ff5c35; font-style:normal; }.directory>section>p:last-child { max-width:650px; margin:30px 0 0; color:#999; font-size:18px; line-height:1.5; }.directory-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.directory-card { --accent:#ff5c35; min-height:250px; position:relative; display:flex; flex-direction:column; padding:26px; border:1px solid #333; border-radius:18px; background:#171717; transition:transform .46s cubic-bezier(.2,.8,.2,1),border-color .32s ease,box-shadow .46s cubic-bezier(.2,.8,.2,1); }.directory-card:hover { transform:translate3d(0,-6px,0); border-color:var(--accent); box-shadow:0 18px 32px rgba(0,0,0,.22); }.directory-card>span { color:var(--accent); font-size:10px; font-weight:900; transition:translate .38s cubic-bezier(.2,.8,.2,1); }.directory-card h2 { margin:45px 0 10px; font-size:30px; letter-spacing:-.05em; transition:color .3s ease; }.directory-card p { max-width:550px; margin:0; color:#999; font-size:13px; line-height:1.5; }.directory-card i { margin-top:auto; color:var(--accent); font-size:11px; font-style:normal; font-weight:900; transition:translate .38s cubic-bezier(.2,.8,.2,1); }.directory-card:hover>span { translate:0 -3px; }.directory-card:hover h2 { color:var(--accent); }.directory-card:hover i { translate:7px 0; }.directory footer { display:flex; justify-content:space-between; margin-top:60px; padding-top:25px; border-top:1px solid #333; color:#777; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }

@media (max-width: 900px) {
  .section,.hero { width:min(calc(100% - 28px),1320px); }
  .topbar { top:8px; width:min(calc(100% - 28px),1320px); min-height:58px; padding:7px 8px 7px 12px; border-radius:14px; }.brand-mark { width:36px; height:36px; }.brand-product { max-width:110px; }
  .menu-toggle { display:grid; place-items:center; padding:13px; }.menu-toggle i { width:100%; height:1px; display:block; background:var(--ink); transform-origin:center; transition:transform .38s cubic-bezier(.2,.8,.2,1); }.menu-toggle i+ i { margin-top:6px; }.topbar[data-open="true"] .menu-toggle i:first-child { transform:translateY(3.5px) rotate(45deg); }.topbar[data-open="true"] .menu-toggle i+ i { transform:translateY(-3.5px) rotate(-45deg); }
  .topnav { position:absolute; top:calc(100% + 8px); left:0; right:0; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:10px; border:1px solid var(--line); border-radius:14px; background:var(--paper); box-shadow:0 24px 60px rgba(0,0,0,.15); visibility:hidden; opacity:0; translate:0 -10px; pointer-events:none; transition:opacity .28s ease,translate .46s cubic-bezier(.2,.8,.2,1),visibility 0s linear .46s; }.topbar[data-open="true"] .topnav { visibility:visible; opacity:1; translate:0 0; pointer-events:auto; transition-delay:0s; }.topnav a { justify-content:space-between; padding:0 15px; opacity:0; translate:-8px 0; transition:opacity .26s ease,translate .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),background-color .32s ease,color .32s ease,box-shadow .42s cubic-bezier(.2,.8,.2,1); }.topbar[data-open="true"] .topnav a { opacity:1; translate:0 0; }.topbar[data-open="true"] .topnav a:nth-child(2) { transition-delay:45ms; }.topbar[data-open="true"] .topnav a:nth-child(3) { transition-delay:90ms; }.nav-cta { margin-top:6px; text-align:center; }
  .directory-topbar .topnav { display:flex; position:static; flex-direction:row; padding:0; border:0; box-shadow:none; background:transparent; visibility:visible; opacity:1; translate:0 0; pointer-events:auto; }.directory-topbar .topnav>a { opacity:1; translate:0 0; }.directory-topbar .topnav>a:not(.nav-cta) { display:none; }
  .hero,.theme-ai .hero,.theme-mobile .hero,.theme-sites .hero,.theme-telegram .hero { min-height:0; grid-template-columns:1fr; gap:46px; margin-top:80px; padding:48px 34px 145px; }.hero h1 { font-size:clamp(53px,12vw,90px); }.hero-visual { max-width:600px; justify-self:start; transform:none; }.hero-metrics { bottom:20px; }.hero-metrics div { padding:18px 14px; }.hero-metrics div:first-child { padding-left:0; }
  .statement,.theme-smm .statement { padding:66px 0 24px; }.details { gap:22px 36px; padding-bottom:46px; }.services,.theme-telegram .services,.theme-franchise .services,.theme-mobile .services,.theme-smm .services,.theme-sites .services,.theme-commerce .services,.theme-packaging .services,.theme-development .services,.theme-optimization .services,.theme-ai .services { grid-template-columns:repeat(2,1fr); padding-bottom:62px; }.service-card,.theme-franchise .service-card { min-height:220px; display:block; }.service-card h3,.theme-franchise .service-card h3 { margin:38px 0 12px; }.service-card { grid-column:auto!important; grid-row:auto!important; transform:none!important; }.process { padding:62px 0; }.process-heading,.theme-franchise .process-heading { grid-template-columns:1fr; gap:20px; }.process-list,.theme-packaging .process-list,.theme-development .process-list,.theme-optimization .process-list,.theme-ai .process-list { grid-template-columns:repeat(2,1fr); }.theme-development .process-list article { min-height:190px; display:block; }.theme-development .process-list h3 { margin:46px 0 11px; }.theme-development .process-list i { display:block; }.process-list article:nth-child(2) { border-right:0; }
  .results,.faq { grid-template-columns:1fr; gap:45px; }.proof,.proof-workflow { grid-template-columns:1fr 1.3fr; gap:24px; }.proof-items { grid-column:1/-1; grid-template-columns:repeat(3,1fr); }.proof-pilot { border-radius:var(--radius); padding:34px; }.contact { grid-template-columns:1fr; padding:48px 38px; }.footer { grid-template-columns:1fr 1fr; }.footer>p { grid-column:2; }.footer nav { grid-column:1/-1; justify-content:flex-start; }
  .pricing { padding-top:88px; }.pricing-heading { grid-template-columns:1fr; gap:20px; }.pricing-grid { grid-template-columns:1fr; }.pricing-card { min-height:0; }.pricing-description { min-height:0; }.pricing-note { grid-template-columns:auto 1fr; }.pricing-note a { grid-column:2; }
}

@media (max-width: 600px) {
  .hero-scene { height:428px; }
  .hero { padding:40px 20px 228px; border-radius:22px; }.hero h1 { max-inline-size:100%; font-size:clamp(42px,12vw,54px); overflow-wrap:anywhere; }.hero-lead { font-size:16px; }.hero-actions,.button { width:100%; }.hero-metrics { left:20px; right:20px; grid-template-columns:1fr; }.hero-metrics div { min-height:58px; border-right:0; border-bottom:1px solid var(--line); padding:12px 0; }.hero-metrics div:last-child { border-bottom:0; }.hero-visual { padding:13px; }.hero-scene { min-height:428px; border-radius:18px; }.scene-canvas { min-height:344px; }.scene-core { padding:16px; }.scene-items article { padding:10px; }.scene-items span { font-size:9px; }.scene-status b { display:none; }.scene-kit .scene-items { gap:5px; }.scene-kit .scene-items article { padding:7px; }.scene-kit .scene-items article>i { display:none; }.hero-visual>strong { margin-top:48px; font-size:42px; }.visual-items { grid-template-columns:1fr; }.visual-items span { min-height:52px; flex-direction:row; align-items:center; }
  .hero-photo { width:100%; max-width:420px; min-width:0; padding:0; }
  .statement { padding-top:68px; }.statement h2,.process-heading h2,.result-copy h2,.faq-heading h2,.contact-copy h2 { font-size:42px; }.statement>div>p,.details p { font-size:16px; }.details { grid-template-columns:1fr; gap:18px; padding-bottom:46px; }.services,.theme-telegram .services,.theme-franchise .services,.theme-mobile .services,.theme-smm .services,.theme-sites .services,.theme-commerce .services,.theme-packaging .services,.theme-development .services,.theme-optimization .services,.theme-ai .services { grid-template-columns:1fr; }.service-card { min-height:230px; padding:24px; }.service-card h3 { margin-top:42px; font-size:31px; }
  .process-list,.theme-packaging .process-list,.theme-development .process-list,.theme-optimization .process-list,.theme-ai .process-list { grid-template-columns:1fr; }.process-list article,.theme-development .process-list article { min-height:195px; border-right:0; }.process-list h3,.theme-development .process-list h3 { margin-top:54px; }.results,.faq { padding:70px 0; }.results { gap:34px; }.proof,.proof-workflow { grid-template-columns:1fr; padding:27px; }.proof-items { grid-column:auto; grid-template-columns:1fr; }.proof-pilot { border-radius:var(--radius); }.proof-ownership { padding-inline:0; }.proof-kicker strong { font-size:58px; }.faq summary { min-height:70px; font-size:15px; }.faq details p { margin-right:28px; }
  .contact { width:100%; border-radius:0; padding:58px 20px; }.contact-copy h2 { font-size:clamp(36px,10vw,42px); overflow-wrap:anywhere; }.contact-form { grid-template-columns:1fr; padding:22px; }.contact-form label,.wide,.form-heading { grid-column:1; }.direct-links { align-items:flex-start; flex-direction:column; }.footer { grid-template-columns:1fr; }.footer>p { grid-column:1; }.footer nav { flex-wrap:wrap; }.directory { padding-inline:20px; }.directory>header p { display:none; }.directory>section { padding:70px 0; }.directory>section h1 { font-size:52px; }.directory-grid { grid-template-columns:1fr; }
  .pricing { padding-top:72px; }.pricing-heading h2 { font-size:42px; }.pricing-heading>p { font-size:15px; }.pricing-card { padding:24px; border-radius:22px; }.pricing-card-head strong { font-size:44px; }.pricing-card h3 { font-size:30px; }.pricing-note { grid-template-columns:1fr; padding:20px; }.pricing-note a { grid-column:1; }.pricing-note>span { width:32px; height:32px; }
  .theme-optimization .hero h1 { font-size:clamp(40px,11.3vw,49px); }
  .theme-optimization .service-card { border-radius:44px 44px 14px 14px; }
  .theme-telegram .statement,.theme-mobile .statement,.theme-commerce .statement,.theme-packaging .statement,.theme-optimization .statement,.theme-ai .statement { padding:46px 24px; border-radius:24px; }
  .theme-packaging .process,.theme-ai .process { padding:42px 20px; border-radius:20px; }
  .theme-franchise .results { padding:42px 24px; }
  .theme-sites .statement,.theme-sites .process-heading,.theme-development .statement { grid-template-columns:1fr; }
  .theme-sites .results { grid-template-columns:1fr; }
  .theme-mobile .hero h1,.theme-development .hero h1,.theme-ai .hero h1 { font-size:clamp(32px,10vw,39px); overflow-wrap:normal; }
}

@media (min-width: 601px) {
  .hero-metrics div { justify-content:center; }
  .hero-metrics div:first-child { padding-left:28px; }
}

@media (min-width: 901px) {
  .hero-copy { padding-bottom:44px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } [data-reveal] { opacity:1!important; translate:none!important; filter:none!important; } }

/* Final hero demonstrations: the object itself is the visual, without a second frame. */
.hero .hero-scene { height:auto; min-height:0; align-self:center; justify-self:stretch; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; transform:none; }
.hero .hero-scene:hover { box-shadow:none; filter:none; }
.hero-scene .artifact-caption { display:none; }
.hero-scene>.demo-chat,.hero-scene>.demo-dossier,.hero-scene>.demo-campaign,.hero-scene>.demo-browser,.hero-scene>.demo-store,.hero-scene>.demo-kit,.hero-scene>.demo-architecture,.hero-scene>.demo-audit,.hero-scene>.demo-ai { width:100%; min-height:390px; flex:0 0 auto; }
.hero-scene>.demo-phone { width:292px; min-height:390px; flex:0 0 auto; padding:22px; border-width:9px; border-radius:42px; }
.demo-phone-bar { margin-bottom:42px; }.demo-phone strong { font-size:36px; }.demo-phone-actions { display:flex; gap:7px; margin-top:64px; }.demo-phone-actions span { width:42px; height:42px; display:grid; place-items:center; border-radius:9px; background:var(--accent); }.demo-phone-actions span:nth-child(2) { background:#e7ddff; }.demo-phone-actions span:nth-child(3) { background:#292344; }.demo-phone-actions img { width:23px; height:23px; display:block; }.demo-phone-actions span:first-child img,.demo-phone-actions span:last-child img { filter:brightness(0) invert(1); }
.demo-chat { display:grid; grid-template-rows:auto auto auto auto; align-content:start; gap:12px; padding:18px; }.demo-chat-head { padding:6px 8px; }.demo-product { padding:18px; }.demo-chat-actions { margin-top:0; }.demo-chat::after { content:"В корзине 2 товара   →   Оформить заказ"; display:flex; min-height:74px; align-items:center; justify-content:center; margin-top:2px; border-radius:15px; background:#fff; color:#2b7196; font-size:11px; font-weight:900; }
.theme-telegram .demo-chat { position:relative; gap:10px; padding:18px; overflow:hidden; background:radial-gradient(circle at 100% 0,rgba(112,185,221,.38),transparent 34%),linear-gradient(145deg,#d9f1fb,#f4fbff); }.theme-telegram .demo-chat::before { content:""; position:absolute; width:150px; height:150px; right:-58px; bottom:-72px; border:18px solid rgba(22,141,209,.12); border-radius:50%; }.theme-telegram .demo-chat-head { position:relative; z-index:1; padding:3px 1px 9px; color:#23688b; }.theme-telegram .demo-chat-head b { color:#269c68; font-size:9px; }.theme-telegram .demo-product { position:relative; grid-template-columns:72px 1fr; gap:4px 13px; min-height:145px; padding:15px; border:1px solid rgba(25,117,159,.14); box-shadow:0 12px 28px rgba(31,112,151,.16); overflow:hidden; }.theme-telegram .demo-product::after { content:""; position:absolute; width:110px; height:110px; right:-35px; top:-37px; border-radius:50%; background:linear-gradient(145deg,#a4dbf4,#4aa9d6); opacity:.55; }.theme-telegram .demo-product i { width:72px; height:72px; align-self:center; border-radius:18px; background:linear-gradient(145deg,#1789cb,#86d4f6); box-shadow:inset 0 -12px 0 rgba(7,72,113,.14),0 9px 18px rgba(26,132,189,.22); font-size:32px; }.theme-telegram .demo-product strong { position:relative; z-index:1; font-size:18px; }.theme-telegram .demo-product>b { align-self:end; color:#168dd1; font-size:12px; }.theme-telegram .demo-chat-actions { position:relative; z-index:1; gap:7px; }.theme-telegram .demo-chat-actions b { padding:11px 4px; border:1px solid rgba(25,117,159,.1); box-shadow:0 5px 12px rgba(40,116,153,.08); }.theme-telegram .demo-chat-actions em { display:inline-grid; place-items:center; width:15px; height:15px; margin-left:3px; border-radius:50%; background:#168dd1; color:#fff; font-size:8px; font-style:normal; }.theme-telegram .demo-chat-checkout { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; min-height:54px; padding:10px 13px; border-radius:13px; background:#168dd1; box-shadow:0 12px 22px rgba(22,141,209,.28); color:#fff; font-size:10px; font-weight:800; }.theme-telegram .demo-chat-checkout b { padding:8px 10px; border-radius:9px; background:#fff; color:#168dd1; font-size:10px; }.theme-telegram .demo-chat::after { display:none; }.theme-smm .demo-campaign article:nth-of-type(3) { margin-top:4px; padding-inline:10px; border:0; border-radius:7px; background:#171522; }.theme-smm .demo-campaign article:nth-of-type(3) strong { color:#fff; }.theme-smm .demo-campaign article:nth-of-type(3) span { color:#d7ff45; }
.theme-telegram .demo-product { grid-template-columns:88px 1fr; min-height:124px; background:linear-gradient(135deg,#e8f7ff,#c5e9fa); }.theme-telegram .demo-product::after { display:none; }.theme-telegram .demo-product-art { grid-row:span 3; position:relative; width:88px; height:92px; align-self:center; border-radius:16px; background:linear-gradient(145deg,#197fba,#54b9e8); box-shadow:inset 0 -14px 0 rgba(3,56,95,.17),0 10px 20px rgba(26,132,189,.22); overflow:hidden; }.theme-telegram .demo-product-art::before { content:""; position:absolute; width:72px; height:30px; left:9px; bottom:-11px; border-radius:50%; background:rgba(4,65,104,.3); }.theme-telegram .demo-product-art i { position:absolute; display:block; width:38px; height:53px; margin:0; border:0; border-radius:7px 7px 4px 4px; box-shadow:none; }.theme-telegram .demo-product-art i:nth-child(1) { left:9px; top:20px; background:#f5d4a8; transform:rotate(-11deg); }.theme-telegram .demo-product-art i:nth-child(2) { left:29px; top:13px; z-index:1; background:#fbfbf6; transform:rotate(5deg); }.theme-telegram .demo-product-art i:nth-child(3) { right:8px; top:24px; background:#254d6e; transform:rotate(15deg); }.theme-telegram .demo-product span { color:#397894; font:900 8px/1 monospace; letter-spacing:.11em; }.theme-telegram .demo-product strong { font-size:18px; }.theme-telegram .demo-product>b { align-self:start; }
.theme-smm .demo-campaign article:nth-of-type(3) { margin-top:0; padding:21px 0; border:0; border-bottom:1px solid rgba(21,19,31,.2); border-radius:0; background:transparent; }.theme-smm .demo-campaign article:nth-of-type(3) strong { color:var(--ink); }.theme-smm .demo-campaign article:nth-of-type(3) span { color:var(--accent); }.theme-smm .hero-metrics div:nth-child(3) { border-color:rgba(255,255,255,.25); color:#fff; }.theme-smm .hero-metrics div:nth-child(3) b { color:#d7ff45; }.theme-smm .hero-metrics div:nth-child(3) span { color:#fff; }
.generated-preview { width:100%; min-height:390px; display:block; object-fit:cover; border-radius:20px; box-shadow:0 20px 50px rgba(20,24,34,.16); }.theme-smm .hero-metrics { z-index:3; background:#f3f5ee; }.theme-smm .hero-metrics div:nth-child(3) { border-color:var(--line); color:var(--ink); }.theme-smm .hero-metrics div:nth-child(3) b { color:var(--accent); }.theme-smm .hero-metrics div:nth-child(3) span { color:var(--ink); }.theme-packaging .service-card h3 { font-size:clamp(22px,2vw,27px); overflow-wrap:anywhere; }
.demo-dossier { padding:30px; }.demo-dossier>strong { margin:36px 0; font-size:40px; }.demo-dossier div b { padding:13px 9px; }
.demo-campaign { padding:20px; }.demo-campaign article { padding:21px 0; }.demo-campaign strong { font-size:14px; }
.demo-browser main { min-height:360px; padding:34px; }.demo-browser strong { font-size:40px; }.demo-browser main::after { content:"Структура   ·   Контент   ·   Заявка"; width:100%; margin-top:28px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.08em; }
.demo-store { padding:18px; }.demo-store-product { min-height:320px; }.demo-store-product i { height:154px; }.demo-store-product::after { content:"Доставка завтра  ·  Оплата онлайн"; margin-top:16px; color:#657041; font-size:9px; font-weight:900; }
.demo-kit { padding:26px; }.demo-kit article { min-height:96px; padding:20px; }.demo-kit strong { font-size:15px; }
.demo-architecture { grid-template-columns:1fr auto 1fr auto 1fr; align-content:center; padding:36px; background-image:linear-gradient(rgba(255,107,54,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,54,.045) 1px,transparent 1px); background-size:28px 28px; }.demo-architecture article { display:grid; min-height:86px; place-items:center; }.demo-architecture small { margin-top:38px; font-size:11px; }
.demo-audit { display:grid; grid-template-rows:auto repeat(3,1fr); padding:20px; }.demo-audit article { padding:20px 8px; }.demo-audit span { font-size:13px; }
.demo-ai { justify-content:flex-start; padding:28px; }.demo-ai article { padding:18px; }.demo-ai article:nth-child(2) { margin-top:12px; }.demo-ai small { padding:18px; border-top:1px solid #403c57; font-size:10px; }
.demo-kit article { color:#183529; }.demo-audit { color:#183d2b; }.demo-store { color:#15180e; }
.theme-sites .hero { grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr); }

@media (max-width:900px) {
  .hero .hero-scene { max-width:600px; }
}

@media (max-width:600px) {
  .hero .hero-scene { height:auto; min-height:0; padding:0; border-radius:0; }
  .hero-scene>.demo-chat,.hero-scene>.demo-dossier,.hero-scene>.demo-campaign,.hero-scene>.demo-browser,.hero-scene>.demo-store,.hero-scene>.demo-kit,.hero-scene>.demo-architecture,.hero-scene>.demo-audit,.hero-scene>.demo-ai { min-height:340px; }
  .hero-scene>.demo-phone { width:min(280px,100%); min-height:365px; }
  .demo-architecture { grid-template-columns:1fr; gap:6px; }.demo-architecture>i { rotate:90deg; }.demo-architecture article { min-height:50px; }.demo-architecture small { margin-top:10px; }
}

/* Purpose-built hero previews */
.preview-development,.preview-franchise,.preview-webstudio,.preview-shop,.preview-telegram { width:100%; min-height:390px; overflow:hidden; box-shadow:0 22px 55px rgba(17,22,27,.16); }
.preview-development { padding:20px; border:1px solid #384143; border-radius:12px; background:linear-gradient(rgba(255,107,54,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,54,.045) 1px,transparent 1px),#0b1011; background-size:24px 24px; color:#edf4ed; }
.preview-development>header { display:flex; align-items:center; justify-content:space-between; padding:0 2px 16px; border-bottom:1px solid #384143; font:700 10px/1.2 monospace; text-transform:uppercase; letter-spacing:.08em; }.preview-development>header>b { display:flex; align-items:center; gap:7px; color:#91a19a; font-size:8px; }.preview-development>header i { width:7px; height:7px; display:block; border-radius:50%; background:#58cf80; box-shadow:0 0 12px #58cf80; }
.development-flow { display:grid; gap:7px; margin-top:14px; }.development-flow article { position:relative; display:grid; grid-template-columns:28px 42px 1fr; gap:10px; align-items:center; min-height:66px; padding:9px 12px; border:1px solid #343d3e; border-radius:8px; background:rgba(18,25,26,.92); }.development-flow article:not(:last-child)::after { content:""; position:absolute; width:1px; height:8px; left:59px; bottom:-8px; background:#ff6b36; }.development-flow em { color:#697675; font:700 8px monospace; font-style:normal; }.development-flow article>i { width:34px; height:34px; display:grid; place-items:center; border:1px solid #5b6666; border-radius:7px; color:#ff6b36; background:#151d1e; font-style:normal; }.development-flow div { display:grid; grid-template-columns:1fr auto; gap:2px 10px; align-items:center; }.development-flow small { color:#ff6b36; font:700 7px monospace; letter-spacing:.12em; }.development-flow strong { grid-row:2; font-size:12px; }.development-flow span { grid-column:2; grid-row:1/3; color:#85968e; font:8px monospace; }
.preview-development>footer { display:flex; justify-content:center; gap:9px; align-items:center; margin-top:13px; color:#8ea09a; font:700 8px monospace; }.preview-development>footer span { padding:6px 9px; border:1px solid #3c4646; border-radius:5px; background:#111718; }.preview-development>footer i { color:#ff6b36; font-style:normal; }

.preview-franchise { display:flex; flex-direction:column; padding:20px; border:1px solid #8c795a; border-radius:5px; background:repeating-linear-gradient(0deg,rgba(66,83,66,.045) 0 1px,transparent 1px 26px),#f5ead8; color:#17261e; box-shadow:8px 9px 0 rgba(49,91,69,.22); }.preview-franchise>header { display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:2px solid #315b45; }.preview-franchise>header span { font:500 22px/1 Georgia,serif; }.preview-franchise>header b { padding:6px 8px; border-radius:3px; background:#315b45; color:#f4ead8; font:700 8px monospace; text-transform:uppercase; }
.franchise-table { margin-top:10px; border:1px solid #a89474; background:#fff8eb; }.franchise-table>div { display:grid; grid-template-columns:minmax(0,1fr) 82px; align-items:center; min-height:45px; padding:0 11px; border-bottom:1px solid #c9b99e; }.franchise-table>div:last-child { border-bottom:0; }.franchise-table>div:first-child { min-height:31px; background:#315b45; color:#fff6e8; font:700 8px monospace; text-transform:uppercase; letter-spacing:.08em; }.franchise-table span { min-width:0; font:600 11px/1.2 Arial,sans-serif; }.franchise-table b { justify-self:start; padding:5px 7px; border:1px solid #a99473; border-radius:2px; color:#476651; background:#eef0df; font:700 7px monospace; text-transform:uppercase; }.franchise-table>div:nth-child(4) b { color:#805826; background:#f4e2bd; }.franchise-table>div:nth-child(5) b { color:#7b3b34; background:#f1d3c8; }
.preview-franchise>footer { display:flex; justify-content:space-between; margin-top:auto; padding-top:13px; color:#657268; font:700 8px monospace; }.preview-franchise>footer strong { color:#315b45; }

.preview-webstudio,.preview-shop { border:2px solid var(--ink); background:#fff; }.preview-webstudio>header,.preview-shop>header { height:31px; display:flex; align-items:center; gap:5px; padding:0 9px; border-bottom:1px solid #cad5d9; background:#eef3f5; }.preview-webstudio>header i,.preview-shop>header i { width:7px; height:7px; border-radius:50%; background:#ff6a5f; }.preview-webstudio>header i:nth-child(2),.preview-shop>header i:nth-child(2) { background:#efbb43; }.preview-webstudio>header i:nth-child(3),.preview-shop>header i:nth-child(3) { background:#58b765; }.preview-webstudio>header span,.preview-shop>header span { margin-left:6px; color:#63737a; font:8px monospace; }.preview-webstudio>header b,.preview-shop>header b { margin-left:auto; color:#005cff; font-size:9px; }
.preview-webstudio>main { min-height:357px; padding:18px; background:linear-gradient(135deg,#fff 0 72%,#d8e9ef 72%); }.preview-webstudio nav,.preview-shop nav { display:flex; justify-content:space-between; align-items:center; font-size:8px; }.preview-webstudio nav strong { color:#005cff; font-size:12px; }.preview-webstudio nav span,.preview-shop nav span { color:#63737a; font-weight:700; }.preview-webstudio section { max-width:78%; padding:55px 0 29px; }.preview-webstudio section small { color:#005cff; font:800 8px monospace; letter-spacing:.13em; }.preview-webstudio section h3 { margin:9px 0 10px; font:900 31px/.91 Arial Black,Arial,sans-serif; letter-spacing:-.06em; }.preview-webstudio section p { max-width:260px; margin:0 0 17px; color:#5b6b72; font-size:10px; line-height:1.45; }.preview-webstudio section b { display:inline-block; padding:9px 11px; background:#005cff; color:#fff; font-size:8px; }.webstudio-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.webstudio-cards span { min-height:48px; display:flex; align-items:flex-end; padding:8px; border:1px solid #a9bdc5; background:rgba(255,255,255,.82); font-size:8px; font-weight:800; }
.theme-franchise .preview-webstudio { border-color:var(--ink); background:var(--paper); color:var(--ink); }.theme-franchise .preview-webstudio>header { border-color:color-mix(in srgb,var(--ink) 24%,transparent); background:color-mix(in srgb,var(--soft) 72%,var(--paper)); }.theme-franchise .preview-webstudio>header span,.theme-franchise .preview-webstudio nav span { color:var(--muted); }.theme-franchise .preview-webstudio>header b,.theme-franchise .preview-webstudio nav strong,.theme-franchise .preview-webstudio section small { color:var(--accent); }.theme-franchise .preview-webstudio>main { background:linear-gradient(135deg,var(--paper) 0 72%,var(--soft) 72%); }.theme-franchise .preview-webstudio section p { color:var(--muted); }.theme-franchise .preview-webstudio section b { background:var(--accent); color:var(--paper); }.theme-franchise .webstudio-cards span { border-color:color-mix(in srgb,var(--ink) 30%,transparent); background:color-mix(in srgb,var(--paper) 88%,transparent); }

.preview-shop { border-color:#23271a; border-radius:10px; background:#f8faef; color:#1b2111; }.preview-shop>header { background:#20241a; border:0; color:#fff; }.preview-shop>header span { color:#abb29e; }.preview-shop>header b { color:#d5ff3f; }.preview-shop>main { min-height:357px; padding:16px; }.preview-shop nav strong { font-size:11px; }.preview-shop>main>section { display:grid; grid-template-columns:1fr 128px; align-items:center; min-height:145px; margin-top:13px; padding:16px; border-radius:9px; background:#d5ff3f; overflow:hidden; }.preview-shop section small { font:800 7px monospace; letter-spacing:.12em; }.preview-shop section h3 { max-width:210px; margin:7px 0 15px; font:900 23px/.92 Arial Black,Arial,sans-serif; letter-spacing:-.055em; }.preview-shop section div>b { padding:8px 10px; border-radius:999px; background:#1b2111; color:#fff; font-size:8px; }.shop-hero-art { position:relative; height:112px; }.shop-hero-art i { position:absolute; bottom:-24px; width:68px; height:105px; border-radius:30px 30px 9px 9px; background:#fff; box-shadow:0 12px 25px rgba(36,44,18,.18); }.shop-hero-art i:nth-child(1) { left:3px; rotate:-12deg; background:#eef5d4; }.shop-hero-art i:nth-child(2) { left:40px; z-index:2; background:#252b1a; }.shop-hero-art i:nth-child(3) { right:-7px; rotate:12deg; background:#fff; }.shop-products { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:9px; }.shop-products article { min-width:0; display:grid; grid-template-columns:1fr auto; gap:4px; padding:7px; border:1px solid #d2d8c1; border-radius:7px; background:#fff; }.shop-products article>i { grid-column:1/-1; height:48px; border-radius:5px; background:linear-gradient(145deg,#eef2e2,#d7dfbf); }.shop-products article:nth-child(2)>i { background:linear-gradient(145deg,#e2e5d8,#999f89); }.shop-products article:nth-child(3)>i { background:linear-gradient(145deg,#f5f6ed,#d5ff3f); }.shop-products span { overflow:hidden; color:#6b735d; font-size:7px; white-space:nowrap; }.shop-products b { font-size:8px; }

.preview-telegram { position:relative; display:grid; place-items:center; min-height:470px; padding:4px 48px 10px 16px; overflow:visible; background:transparent; border-radius:0; box-shadow:none; perspective:1100px; }.theme-telegram .preview-telegram { place-items:center start; }.preview-telegram::after { content:""; position:absolute; z-index:0; width:220px; height:42px; left:122px; bottom:9px; border-radius:50%; background:rgba(14,34,48,.3); filter:blur(16px); transform:translateX(-42%) rotate(-3deg); }.telegram-phone { position:relative; z-index:1; width:228px; height:468px; display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; border:7px solid #172b3d; border-radius:38px; background:#dcecf4; box-shadow:1px 1px 0 #0d1b26,3px 3px 0 #0d1b26,6px 6px 0 #0a1720,18px 24px 35px rgba(10,28,40,.34); transform:rotateY(-18deg) rotateX(3deg) rotateZ(1.5deg); transform-style:preserve-3d; transform-origin:center center; }.telegram-phone::before { content:""; position:absolute; z-index:5; width:64px; height:15px; left:50%; top:0; border-radius:0 0 11px 11px; background:#172b3d; transform:translateX(-50%); }.telegram-phone>header { min-height:59px; display:grid; grid-template-columns:22px 1fr auto; gap:7px; align-items:center; padding:14px 11px 8px; background:#fff; }.telegram-phone>header>i { color:#168dd1; font:normal 25px/1 Arial; }.telegram-phone>header span { display:flex; flex-direction:column; }.telegram-phone>header b { font-size:10px; }.telegram-phone>header small { color:#4a9bc9; font-size:7px; }.telegram-phone>header>strong { color:#168dd1; font-size:9px; letter-spacing:.08em; }.telegram-phone main { min-height:0; overflow:hidden; padding:9px; background:linear-gradient(rgba(255,255,255,.26),rgba(255,255,255,.26)),radial-gradient(circle at 20% 20%,#c9e8f6,#a8d4e9); }.telegram-message { max-width:91%; padding:8px 9px; border-radius:3px 11px 11px 11px; background:#fff; color:#4d6470; font-size:7px; line-height:1.35; box-shadow:0 4px 9px rgba(34,91,121,.08); }.telegram-phone article { margin-top:8px; padding:8px; border-radius:11px; background:#fff; box-shadow:0 8px 18px rgba(34,91,121,.12); }.telegram-product-art { position:relative; height:111px; overflow:hidden; border-radius:8px; background:linear-gradient(145deg,#168dd1,#75c7ee); }.telegram-product-art::after { content:""; position:absolute; width:120px; height:120px; right:-39px; top:-44px; border:18px solid rgba(255,255,255,.2); border-radius:50%; }.telegram-product-art i { position:absolute; width:50px; height:78px; bottom:-12px; border-radius:22px 22px 7px 7px; background:#fff; }.telegram-product-art i:nth-child(1) { left:21px; rotate:-13deg; background:#e9f5fb; }.telegram-product-art i:nth-child(2) { left:67px; z-index:2; background:#193449; }.telegram-product-art i:nth-child(3) { right:18px; rotate:13deg; background:#f3dbb8; }.telegram-phone article small { display:block; margin-top:8px; color:#168dd1; font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.telegram-phone article h3 { margin:3px 0 2px; font-size:12px; }.telegram-phone article p { margin:0 0 7px; color:#6f818b; font-size:7px; }.telegram-phone article button { width:100%; min-height:29px; border:0; border-radius:7px; background:#168dd1; color:#fff; font-size:8px; font-weight:800; }.telegram-phone>nav { min-height:45px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; background:#fff; border-top:1px solid #d8e4ea; }.telegram-phone>nav b { color:#6c7d86; font-size:7px; text-align:center; }.telegram-phone>nav b:first-child { color:#168dd1; }.telegram-phone>nav em { display:inline-grid; place-items:center; width:13px; height:13px; border-radius:50%; background:#168dd1; color:#fff; font-size:6px; font-style:normal; }

.preview-mobile-app { position:relative; width:100%; min-height:480px; display:grid; place-items:center; overflow:visible; background:transparent; perspective:1100px; }.preview-mobile-app::after { content:""; position:absolute; z-index:0; width:218px; height:42px; left:50%; bottom:4px; border-radius:50%; background:rgba(32,29,53,.28); filter:blur(16px); transform:translateX(-45%) rotate(2deg); }.mobile-app-phone { position:relative; z-index:1; width:236px; height:478px; display:grid; grid-template-rows:31px 1fr 48px; overflow:hidden; border:7px solid #201d35; border-radius:39px; background:#f8f6ff; color:#201d35; box-shadow:1px 1px 0 #171425,3px 3px 0 #171425,6px 6px 0 #100e1b,18px 24px 36px rgba(32,29,53,.3); transform:rotateY(-17deg) rotateX(3deg) rotateZ(-1.2deg); transform-style:preserve-3d; transform-origin:center; }.mobile-app-phone::before { content:""; position:absolute; z-index:8; width:66px; height:15px; left:50%; top:0; border-radius:0 0 11px 11px; background:#201d35; transform:translateX(-50%); }.mobile-app-phone>header { display:flex; align-items:center; justify-content:space-between; padding:8px 13px 3px; background:#fff; font-size:7px; font-weight:900; }.mobile-app-phone>header div { display:flex; align-items:flex-end; gap:3px; }.mobile-app-phone>header i { width:3px; height:6px; display:block; border-radius:3px; background:#201d35; }.mobile-app-phone>header i:nth-child(2) { height:8px; }.mobile-app-phone>header i:nth-child(3) { width:9px; height:6px; border-radius:2px; }
.mobile-app-phone>main { min-height:0; overflow:hidden; padding:13px 11px 9px; background:linear-gradient(180deg,#fff 0,#f5f1ff 100%); }.mobile-app-top { display:flex; align-items:center; justify-content:space-between; }.mobile-app-top>span { display:flex; flex-direction:column; }.mobile-app-top small { color:#837c99; font-size:7px; }.mobile-app-top strong { margin-top:1px; font-size:14px; }.mobile-app-top>b { width:30px; height:30px; display:grid; place-items:center; overflow:hidden; border-radius:11px; background:#e3dcff; }.mobile-app-top img { width:16px; height:16px; filter:invert(32%) sepia(75%) saturate(2950%) hue-rotate(241deg) brightness(92%); }
.mobile-app-feature { position:relative; min-height:138px; margin-top:12px; padding:14px; overflow:hidden; border-radius:18px; background:linear-gradient(145deg,#7a5cff,#4d32d6); color:#fff; box-shadow:0 12px 23px rgba(86,61,211,.22); }.mobile-app-feature::after { content:""; position:absolute; width:105px; height:105px; right:-47px; top:-42px; border:17px solid rgba(255,255,255,.12); border-radius:50%; }.mobile-app-feature small { font-size:6px; font-weight:900; letter-spacing:.13em; opacity:.72; }.mobile-app-feature h3 { max-width:155px; margin:8px 0 4px; font-size:19px; line-height:.95; letter-spacing:-.045em; }.mobile-app-feature p { margin:0; font-size:7px; opacity:.78; }.mobile-app-feature>div { position:absolute; left:14px; right:14px; bottom:13px; display:grid; grid-template-columns:28px 1fr; gap:8px; align-items:center; }.mobile-app-feature>div span { font-size:8px; font-weight:900; }.mobile-app-feature>div i { height:4px; border-radius:10px; background:linear-gradient(90deg,#fff 0 72%,rgba(255,255,255,.22) 72%); }
.mobile-app-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:9px; }.mobile-app-actions article { min-width:0; display:grid; grid-template-columns:28px 1fr; gap:7px; align-items:center; padding:8px; border:1px solid #e3def0; border-radius:13px; background:#fff; box-shadow:0 7px 15px rgba(54,42,100,.06); }.mobile-app-actions img { width:15px; height:15px; justify-self:center; filter:invert(32%) sepia(75%) saturate(2950%) hue-rotate(241deg) brightness(92%); }.mobile-app-actions span { min-width:0; display:flex; flex-direction:column; }.mobile-app-actions b { overflow:hidden; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }.mobile-app-actions small { margin-top:2px; color:#8d86a1; font-size:6px; }.mobile-app-next { min-height:48px; display:flex; align-items:center; justify-content:space-between; margin-top:8px; padding:9px 10px; border-radius:13px; background:#ede8ff; }.mobile-app-next span { display:flex; flex-direction:column; }.mobile-app-next b { font-size:7px; }.mobile-app-next small { margin-top:3px; color:#746c8e; font-size:6px; }.mobile-app-next em { width:23px; height:23px; display:grid; place-items:center; border-radius:8px; background:#6c4df6; color:#fff; font-size:9px; font-style:normal; }
.mobile-app-phone>nav { display:grid; grid-template-columns:repeat(3,1fr); align-items:center; border-top:1px solid #ebe7f4; background:#fff; }.mobile-app-phone>nav b { display:flex; flex-direction:column; align-items:center; gap:4px; color:#948da8; font-size:6px; }.mobile-app-phone>nav b:first-child { color:#6c4df6; }.mobile-app-phone>nav i { width:13px; height:10px; display:block; border:1.5px solid currentColor; border-radius:4px; }.mobile-app-phone>nav b:nth-child(2) i { border-radius:2px; }.mobile-app-phone>nav b:nth-child(3) i { width:11px; height:11px; border-radius:50%; }
.mobile-shop-top { min-height:30px; display:flex; align-items:center; justify-content:space-between; }.mobile-shop-top>strong { font:900 15px/1 Arial Black,Arial,sans-serif; letter-spacing:-.08em; }.mobile-shop-top>span { width:29px; height:29px; display:grid; place-items:center; border-radius:10px; background:#e8e2ff; }.mobile-shop-top img { width:15px; height:15px; filter:invert(32%) sepia(75%) saturate(2950%) hue-rotate(241deg) brightness(92%); }
.mobile-shop-search { min-height:34px; display:grid; grid-template-columns:15px 1fr 27px; gap:7px; align-items:center; margin-top:8px; padding:0 5px 0 10px; border:1px solid #e2ddec; border-radius:11px; background:#fff; color:#928ba4; }.mobile-shop-search>img { width:13px; height:13px; opacity:.68; }.mobile-shop-search>span { font-size:7px; }.mobile-shop-search>b { position:relative; width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:#201d35; }.mobile-shop-search b img { width:13px; height:13px; filter:brightness(0) invert(1); }.mobile-shop-search em { position:absolute; width:10px; height:10px; right:-3px; top:-3px; display:grid; place-items:center; border-radius:50%; background:#7a5cff; color:#fff; font-size:5px; font-style:normal; }
.mobile-shop-promo { position:relative; min-height:112px; margin-top:9px; padding:14px; overflow:hidden; border-radius:17px; background:linear-gradient(145deg,#7a5cff,#4b31cb); color:#fff; box-shadow:0 11px 22px rgba(86,61,211,.2); }.mobile-shop-promo>div { position:relative; z-index:2; max-width:120px; }.mobile-shop-promo small { font-size:6px; font-weight:900; letter-spacing:.11em; opacity:.72; }.mobile-shop-promo h3 { margin:7px 0 13px; font-size:17px; line-height:.92; letter-spacing:-.045em; }.mobile-shop-promo b { padding:7px 8px; border-radius:8px; background:#fff; color:#5537dc; font-size:6px; }.mobile-shop-promo>i { position:absolute; width:45px; height:83px; right:13px; bottom:-14px; border-radius:20px 20px 6px 6px; background:#fff; box-shadow:0 9px 16px rgba(30,19,82,.15); }.mobile-shop-promo>i:nth-of-type(1) { right:47px; bottom:-19px; rotate:-12deg; background:#d9d0ff; }.mobile-shop-promo>i:nth-of-type(2) { z-index:1; right:24px; background:#201d35; }.mobile-shop-promo>i:nth-of-type(3) { right:-3px; bottom:-18px; rotate:11deg; background:#fff; }
.mobile-shop-categories { display:flex; gap:5px; margin-top:8px; overflow:hidden; white-space:nowrap; }.mobile-shop-categories>* { padding:6px 9px; border:1px solid #e1dceb; border-radius:999px; background:#fff; color:#777087; font-size:6px; }.mobile-shop-categories>b { border-color:#201d35; background:#201d35; color:#fff; }.mobile-shop-heading { display:flex; align-items:center; justify-content:space-between; margin-top:9px; }.mobile-shop-heading strong { font-size:9px; }.mobile-shop-heading span { color:#6c4df6; font-size:6px; font-weight:800; }
.mobile-shop-products { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:7px; }.mobile-shop-products article { min-width:0; padding:6px; border:1px solid #e3deec; border-radius:13px; background:#fff; box-shadow:0 7px 14px rgba(54,42,100,.05); }.mobile-shop-products article>div { position:relative; height:61px; overflow:hidden; border-radius:9px; background:linear-gradient(145deg,#ece8f6,#d9d2eb); }.mobile-shop-products article:nth-child(2)>div { background:linear-gradient(145deg,#eee8ff,#c5b8f1); }.mobile-shop-products article>div>img { position:absolute; z-index:2; width:12px; height:12px; right:6px; top:6px; padding:2px; border-radius:50%; background:#fff; }.mobile-shop-products article>div>i { position:absolute; width:43px; height:59px; left:50%; bottom:-13px; border-radius:19px 19px 6px 6px; background:#faf8ff; box-shadow:0 7px 12px rgba(37,28,72,.12); transform:translateX(-50%) rotate(-4deg); }.mobile-shop-products article:nth-child(2)>div>i { width:49px; height:43px; bottom:-5px; border-radius:21px 21px 8px 8px; background:#6c4df6; rotate:4deg; }.mobile-shop-products article>small { display:block; margin-top:6px; overflow:hidden; color:#777087; font-size:6px; text-overflow:ellipsis; white-space:nowrap; }.mobile-shop-products article>b { display:block; margin-top:2px; font-size:8px; }.mobile-app-phone>nav { grid-template-columns:repeat(4,1fr); }.mobile-app-phone>nav img { width:13px; height:13px; opacity:.72; }.mobile-app-phone>nav b:first-child img { filter:none; opacity:.72; }

@media (max-width:600px) {
  .preview-development,.preview-franchise,.preview-webstudio,.preview-shop,.preview-telegram { min-height:350px; }
  .development-flow article { grid-template-columns:22px 36px 1fr; padding-inline:8px; }.development-flow span { display:none; }.development-flow article:not(:last-child)::after { left:48px; }
  .franchise-table>div { grid-template-columns:minmax(0,1fr) 72px; }.preview-franchise>header span { font-size:18px; }
  .preview-webstudio section h3 { font-size:25px; }.preview-shop>main>section { grid-template-columns:1fr 96px; }.preview-shop section h3 { font-size:19px; }
  .preview-telegram,.theme-telegram .preview-telegram { min-height:430px; place-items:center; padding:0 24px 8px 4px; }.preview-telegram::after { width:190px; left:50%; bottom:5px; }.telegram-phone { width:206px; height:424px; max-width:100%; border-width:6px; transform:rotateY(-13deg) rotateX(2deg) rotateZ(1deg); }.telegram-product-art { height:88px; }
  .preview-mobile-app { min-height:438px; }.preview-mobile-app::after { width:190px; bottom:1px; }.mobile-app-phone { width:212px; height:432px; border-width:6px; transform:rotateY(-13deg) rotateX(2deg) rotateZ(-.8deg); }.mobile-shop-promo { min-height:91px; padding:11px; }.mobile-shop-promo h3 { max-width:105px; margin:5px 0 10px; font-size:15px; }.mobile-shop-promo>i { width:39px; height:68px; }.mobile-shop-products article>div { height:48px; }.mobile-shop-categories>* { padding-block:5px; }
}