:root {
  --ink:#17263a;
  --muted:#61748a;
  --navy:#102b50;
  --navy-2:#183d6c;
  --orange:#c45716;
  --green:#21845e;
  --blue:#2d71b8;
  --red:#c45140;
  --line:#ccd8e6;
  --paper:#fff;
  --surface:#f4f7fb;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#f8fafc; color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; }
a { color:inherit; }
.shell { width:min(1140px,calc(100% - 32px)); margin:0 auto; }
.site-header { position:sticky; z-index:20; top:0; border-bottom:1px solid #d7e0eb; background:rgba(255,255,255,.96); backdrop-filter:blur(12px); }
.header-inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); font-weight:950; text-decoration:none; }
.brand img { width:44px; height:44px; border-radius:8px; }
.brand small { padding:3px 6px; border:1px solid #eca269; border-radius:4px; background:#fff2e8; color:#a84613; font-size:.6rem; letter-spacing:.08em; }
.nav { display:flex; align-items:center; gap:17px; }
.nav a { color:#42566d; font-size:.78rem; font-weight:850; text-decoration:none; }
.nav a[aria-current="page"],.nav a:hover { color:#b84f14; }
.header-actions { display:flex; align-items:center; gap:7px; }
.button { min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border:1px solid #b7c6d7; border-radius:7px; background:#fff; color:#17304f; font-size:.78rem; font-weight:900; text-decoration:none; }
.button.primary { border-color:#a9440e; background:#b84f14; color:#fff; }
.button.primary:hover { background:#9f3f0d; }
.button:focus-visible,.footer-languages button:focus-visible,.footer-languages a:focus-visible,.nav a:focus-visible { outline:3px solid #f6bd60; outline-offset:3px; }
.button.dark { border-color:#17304f; background:#17304f; color:#fff; }
.hero { position:relative; min-height:600px; display:flex; align-items:center; overflow:hidden; background:var(--navy); color:#fff; }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,28,53,.98) 0%,rgba(16,43,80,.96) 48%,rgba(16,43,80,.68) 74%,rgba(16,43,80,.92) 100%); }
.hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); align-items:center; gap:clamp(38px,5vw,72px); padding:70px 0 78px; }
.hero-copy { min-width:0; width:auto; }
.eyebrow { color:#ffad68; font-size:.75rem; font-weight:950; text-transform:uppercase; }
h1 { max-width:690px; margin:13px 0 0; font-size:clamp(2.4rem,5vw,4.25rem); line-height:1.01; letter-spacing:0; }
.hero-copy>p { max-width:610px; margin:20px 0 0; color:#d6e3f1; font-size:1.08rem; line-height:1.58; }
.free-callout { width:fit-content; margin-top:19px; padding:9px 11px; border:1px solid rgba(255,173,104,.66); border-radius:6px; background:rgba(232,111,34,.13); color:#ffd2ae; font-size:.82rem; font-weight:950; }
.hero-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.hero .button:not(.primary) { border-color:rgba(255,255,255,.4); background:rgba(255,255,255,.08); color:#fff; }
.hero-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:620px; margin-top:28px; border-top:1px solid rgba(255,255,255,.2); }
.hero-fact { padding:14px 13px 0 0; }
.hero-fact+.hero-fact { padding-left:13px; border-left:1px solid rgba(255,255,255,.16); }
.hero-fact strong,.hero-fact span { display:block; }
.hero-fact strong { font-size:.88rem; }
.hero-fact span { margin-top:4px; color:#bfcfe0; font-size:.68rem; line-height:1.35; }
.hero-visual { position:relative; z-index:1; min-width:0; width:100%; }
.screen { overflow:hidden; border:1px solid rgba(157,188,222,.72); border-radius:8px; background:#f8fafc; color:var(--ink); box-shadow:0 24px 65px rgba(0,0,0,.36); }
.screen-bar { display:flex; justify-content:space-between; gap:12px; padding:13px 15px; background:#eaf0f7; color:#61748a; font-size:.68rem; font-weight:900; text-transform:uppercase; }
.screen-body { padding:14px; }
.ui-row { --accent:var(--blue); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; margin-top:9px; padding:12px; border-left:4px solid var(--accent); background:#fff; box-shadow:0 4px 13px rgba(16,43,80,.08); }
.ui-row:first-child { margin-top:0; }
.ui-row.orange { --accent:var(--orange); }
.ui-row.green { --accent:var(--green); }
.ui-row.red { --accent:var(--red); }
.home-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:24px; }
.home-product { display:grid; grid-template-columns:54px minmax(0,1fr); gap:16px; min-width:0; padding:22px; border:1px solid var(--line); border-top:4px solid var(--blue); border-radius:8px; background:#fff; }
.home-product.relist { border-top-color:var(--green); }
.home-product.finance { border-top-color:var(--orange); }
.home-product.ai { border-top-color:#8f5ab8; }
.home-product.crosslist { border-top-color:#138b82; }
.home-product-mark { display:grid; place-items:center; width:48px; height:48px; border-radius:8px; background:#152743; color:#fff; font-size:1.05rem; font-weight:900; }
.home-product h3 { margin:0; font-size:1.2rem; }
.home-product p { margin:8px 0 0; color:var(--muted); font-size:.88rem; line-height:1.52; }
.home-product a { display:inline-block; margin-top:14px; color:#174f8d; font-size:.84rem; font-weight:850; }
.home-product-links { display:flex; flex-wrap:wrap; gap:7px 12px; margin-top:10px; }
.home-product-links a { margin-top:0; }
.ui-row strong,.ui-row span { display:block; }
.ui-row strong { overflow:hidden; font-size:.84rem; text-overflow:ellipsis; white-space:nowrap; }
.ui-row span { margin-top:4px; color:#718398; font-size:.68rem; }
.ui-value { color:var(--accent); font-size:.9rem; font-weight:950; white-space:nowrap; }
.progress { height:9px; margin:14px 0 5px; overflow:hidden; border-radius:5px; background:#dce5ef; }
.progress span { display:block; width:var(--progress,70%); height:100%; background:var(--green); }
.chart { height:145px; display:flex; align-items:end; gap:9px; padding:15px 8px 6px; border-bottom:1px solid #becbd9; background:repeating-linear-gradient(to top,transparent 0 42px,#e8edf3 43px 44px); }
.chart span { flex:1; height:var(--h); min-height:6px; border-radius:4px 4px 0 0; background:var(--blue); }
.chart span:nth-child(even) { background:var(--green); }
.section { padding:68px 0; }
.section.alt { background:#eef3f8; }
.section-head { max-width:760px; }
.section-head h2 { margin:7px 0 0; font-size:clamp(1.8rem,4vw,2.8rem); line-height:1.08; }
.section-head p { margin:12px 0 0; color:var(--muted); line-height:1.58; }
.kicker { color:#b84f14; font-size:.72rem; font-weight:950; text-transform:uppercase; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:25px; }
.benefit { padding:20px; border:1px solid var(--line); border-top:4px solid var(--blue); border-radius:8px; background:#fff; }
.benefit:nth-child(2) { border-top-color:var(--green); }
.benefit:nth-child(3) { border-top-color:var(--orange); }
.benefit strong { display:block; font-size:1rem; }
.benefit p { margin:8px 0 0; color:var(--muted); font-size:.83rem; line-height:1.48; }
.process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:26px; border-top:1px solid #bdcad8; border-bottom:1px solid #bdcad8; }
.step { padding:21px; }
.step+.step { border-left:1px solid #bdcad8; }
.step b { color:#b84f14; font-size:.72rem; }
.step strong { display:block; margin-top:8px; }
.step p { margin:7px 0 0; color:var(--muted); font-size:.8rem; line-height:1.45; }
.detail-band { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.78fr); gap:36px; align-items:center; }
.detail-band h2 { margin:0; font-size:clamp(1.8rem,4vw,2.7rem); }
.detail-band p { color:var(--muted); line-height:1.6; }
.check-list { display:grid; gap:10px; margin:20px 0 0; padding:0; list-style:none; }
.check-list li { position:relative; padding-left:24px; color:#31455d; line-height:1.45; }
.check-list li::before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:950; }
.info-panel { padding:22px; border:1px solid #c7d4e2; border-radius:8px; background:#fff; box-shadow:0 10px 28px rgba(16,43,80,.07); }
.info-panel strong { display:block; }
.info-panel p { margin:7px 0 0; font-size:.82rem; }
.info-panel hr { height:1px; margin:16px 0; border:0; background:#d8e1eb; }
.product-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin-top:22px; }
.product-link { padding:16px; border:1px solid var(--line); border-radius:7px; background:#fff; text-decoration:none; }
.product-link strong,.product-link span { display:block; }
.product-link span { margin-top:5px; color:var(--muted); font-size:.75rem; line-height:1.35; }
.product-link:hover { border-color:#e87a31; }
.cta { padding:36px; display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid #27486f; border-radius:8px; background:#102b50; color:#fff; }
.cta h2 { margin:0; font-size:clamp(1.55rem,3vw,2.2rem); }
.cta p { margin:7px 0 0; color:#c8d7e7; }
.footer { display:flex; justify-content:space-between; gap:18px; padding:28px 0 36px; color:#687b90; font-size:.78rem; }
.footer nav { display:flex; flex-wrap:wrap; gap:14px; }
.footer a { font-weight:800; text-decoration:none; }
.footer a:hover { color:#b84f14; }
.footer-languages { display:inline-flex; gap:3px; }
.footer-languages button,.footer-languages a { width:31px; height:29px; display:grid; place-items:center; padding:0; border:0; border-radius:6px; background:transparent; font-size:1rem; text-decoration:none; cursor:pointer; }
.footer-languages button[aria-pressed="true"],.footer-languages a[aria-current="true"] { background:#e6edf5; outline:1px solid #b8c8da; }
.crosslist-hero { min-height:670px; background:linear-gradient(125deg,#081d38 0%,#102b50 58%,#164b62 100%); }
.crosslist-hero::before { background:radial-gradient(circle at 78% 20%,rgba(33,132,94,.28),transparent 36%),linear-gradient(90deg,rgba(8,29,56,.97),rgba(16,43,80,.72)); }
.crosslist-hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); align-items:center; gap:clamp(36px,6vw,84px); padding:68px 0 76px; }
.crosslist-hero-copy h1 { max-width:720px; margin:10px 0 0; font-size:clamp(2.05rem,4.2vw,3.65rem); }
.crosslist-hero-copy>p { max-width:650px; margin:18px 0 0; color:#d6e3f1; font-size:1.08rem; line-height:1.58; }
.crosslist-free-word { display:block; margin:10px 0 0; color:#ffad68; font-size:clamp(4.6rem,11vw,8.5rem); font-weight:1000; line-height:.82; letter-spacing:-.075em; text-transform:uppercase; text-shadow:0 9px 35px rgba(0,0,0,.24); }
.crosslist-hero-panel { padding:20px; border:1px solid rgba(178,206,229,.62); border-radius:12px; background:rgba(255,255,255,.97); color:var(--ink); box-shadow:0 25px 70px rgba(0,0,0,.32); }
.crosslist-offerup-feature { padding:19px; border:2px solid #21845e; border-radius:9px; background:#eefaf5; }
.crosslist-offerup-feature strong { display:block; margin-top:11px; font-size:2rem; }
.crosslist-offerup-feature p { margin:6px 0 0; color:#34576a; font-size:.94rem; font-weight:800; line-height:1.4; }
.crosslist-market-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
.crosslist-market-strip span { padding:11px 9px; border:1px solid #d4dfeb; border-radius:7px; background:#f6f8fb; font-size:.78rem; font-weight:900; text-align:center; }
.crosslist-next-line { margin:14px 0 0; color:#6a7d91; font-size:.76rem; font-weight:850; text-align:center; }
.crosslist-market-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:27px; }
.market-card { min-height:220px; display:flex; flex-direction:column; padding:20px; border:1px solid var(--line); border-top:4px solid var(--blue); border-radius:9px; background:#fff; }
.market-card.featured { border-top-color:var(--green); box-shadow:0 10px 30px rgba(33,132,94,.12); }
.market-card.coming { border-top-color:#8b99a8; background:#f5f7fa; }
.market-card>div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.market-card h3 { margin:0; font-size:1.28rem; }
.market-card p { margin:16px 0 0; color:var(--muted); font-size:.86rem; line-height:1.52; }
.market-card a { margin-top:auto; padding-top:17px; color:#174f8d; font-size:.8rem; font-weight:900; }
.status-badge { display:inline-flex; align-items:center; min-height:25px; padding:4px 8px; border-radius:999px; font-size:.64rem; font-weight:950; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap; }
.status-badge.available { background:#dff5eb; color:#126341; }
.status-badge.beta { background:#e6effc; color:#235995; }
.status-badge.soon { background:#e8ecf1; color:#596a7e; }
@media (max-width:900px) {
  .nav { display:none; }
  .hero { min-height:0; }
  .hero-inner { grid-template-columns:1fr; gap:0; padding:46px 0 52px; }
  .hero-copy { width:100%; }
  .hero-visual { width:100%; margin-top:30px; }
  .benefit-grid,.product-links { grid-template-columns:1fr; }
  .detail-band { grid-template-columns:1fr; }
  .home-product-grid { grid-template-columns:1fr; }
  .crosslist-hero-inner { grid-template-columns:1fr; padding:48px 0 54px; }
  .crosslist-hero-panel { margin-top:7px; }
  .crosslist-market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .shell { width:min(100% - 20px,1140px); }
  .header-inner { min-height:64px; }
  .brand img { width:38px; height:38px; }
  .brand small,.header-actions .button:not(.primary) { display:none; }
  .header-actions .button { padding:8px 10px; }
  .hero-inner { padding:34px 0 42px; }
  h1 { font-size:2.35rem; }
  .hero-copy>p { font-size:.96rem; }
  .hero-facts { grid-template-columns:1fr; }
  .hero-fact,.hero-fact+.hero-fact { padding:11px 0; border-top:1px solid rgba(255,255,255,.14); border-left:0; }
  .hero-fact:first-child { border-top:0; }
  .section { padding:46px 0; }
  .benefit-grid { grid-template-columns:1fr; }
  .process { grid-template-columns:1fr; }
  .step+.step { border-top:1px solid #bdcad8; border-left:0; }
  .cta { display:grid; padding:24px 18px; }
  .cta .button { width:100%; }
  .footer { display:grid; }
  .home-product { grid-template-columns:44px minmax(0,1fr); padding:18px; }
  .home-product-mark { width:40px; height:40px; }
  .crosslist-hero { min-height:0; }
  .crosslist-hero-inner { padding:36px 0 42px; }
  .crosslist-free-word { font-size:clamp(3.85rem,20vw,5.7rem); }
  html[lang="ru"] .crosslist-free-word { font-size:clamp(2.85rem,14.5vw,4.3rem); letter-spacing:-.06em; }
  .crosslist-hero-copy h1 { font-size:2.15rem; }
  .crosslist-hero-copy>p { font-size:.96rem; }
  .crosslist-market-grid { grid-template-columns:1fr; }
  .market-card { min-height:0; }
}